/* Barre du haut, menu plein écran et pied de page du site Établi (accueil 3D et toutes les pages du site). */
.n3-nav{position:sticky;top:0;left:0;right:0;z-index:50;padding:calc(env(safe-area-inset-top,0px) + 12px) clamp(16px,4vw,40px) 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(27,26,23,.96);box-shadow:0 1px 0 rgba(255,255,255,.06);transition:background .3s,box-shadow .3s;font-family:"Public Sans",system-ui,sans-serif}
.n3-nav.n3-fixe{position:fixed;background:transparent;box-shadow:none}
.n3-nav.n3-fixe.solid{background:rgba(27,26,23,.96);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.n3-nav.n3-fixe.solid.on-cr{background:rgba(245,241,234,.97);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.n3-logo{display:flex;align-items:center;gap:10px;color:#F5F1EA;text-decoration:none;font:800 24px "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.03em;flex:none}
.n3-logo img{width:36px;height:36px;border-radius:9px}
.n3-l{display:flex;gap:2px;margin-left:24px;margin-right:auto}
.n3-l a{color:#D8D0C2;text-decoration:none;font:600 14.5px "Public Sans",system-ui,sans-serif;padding:8px 11px;border-radius:10px;white-space:nowrap;transition:background .2s,color .2s}
.n3-l a:hover{background:rgba(255,255,255,.08);color:#fff}
.n3-l a[aria-current=page]{color:#fff;background:rgba(255,255,255,.1)}
.n3-l a i{font-style:normal;color:#F2B293}
.n3-r{display:flex;align-items:center;gap:10px}
.n3-co{color:#F5F1EA;text-decoration:none;font:600 14.5px "Public Sans",system-ui,sans-serif;padding:8px 10px;white-space:nowrap}
.n3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font:700 15px/1 "Public Sans",system-ui,sans-serif;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;background:#B8431B;color:#fff;box-shadow:0 10px 30px -8px rgba(184,67,27,.65),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.n3-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px rgba(184,67,27,.75),inset 0 1px 0 rgba(255,255,255,.25);color:#fff}
.n3-btn:active{transform:scale(.97)}
.n3-burger{display:none;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.1);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:none}
.n3-burger i{display:block;width:20px;height:2px;border-radius:2px;background:#F5F1EA;transition:transform .25s}
.n3-burger[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}
.n3-burger[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}
.n3-nav.on-cr .n3-logo,.n3-nav.on-cr .n3-co{color:#1B1A17}
.n3-nav.on-cr .n3-l a{color:#4A463F}.n3-nav.on-cr .n3-l a:hover{background:rgba(0,0,0,.05)}
.n3-nav.on-cr .n3-burger{background:rgba(0,0,0,.06)}.n3-nav.on-cr .n3-burger i{background:#1B1A17}
.n3-nav.mnu-on{background:#141311!important;box-shadow:none!important}
.n3-nav.mnu-on .n3-logo,.n3-nav.mnu-on .n3-co{color:#F5F1EA!important}
.n3-nav.mnu-on .n3-burger{background:rgba(255,255,255,.1)!important}.n3-nav.mnu-on .n3-burger i{background:#F5F1EA!important}
.n3-nav :focus-visible,.n3-mnu :focus-visible,.n3-pied :focus-visible{outline:2px solid #E07040;outline-offset:3px;border-radius:8px}

.n3-mnu{position:fixed;inset:0;z-index:45;background:#141311;color:#F5F1EA;padding:calc(env(safe-area-inset-top,0px) + 84px) 22px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.n3-mnu.on{opacity:1;visibility:visible;transition:opacity .3s}
.n3-mnu nav{display:flex;flex-direction:column;max-width:640px;width:100%;margin:0 auto}
.n3-mnu nav a{color:#F5F1EA;text-decoration:none;font:700 24px/1.1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em;padding:13px 0;border-bottom:1px solid #2C2A26;display:flex;align-items:center;justify-content:space-between}
.n3-mnu nav a em{font:600 11px "Public Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#F2B293;font-style:normal}
.n3-mnu-b{display:flex;flex-direction:column;gap:12px;margin:24px auto 0;max-width:640px;width:100%}
.n3-mnu-b .n3-btn{width:100%;padding:18px;font-size:17px}
.n3-mnu-co{text-align:center;color:#C9C0B2;font:600 15px "Public Sans",sans-serif;padding:10px;text-decoration:none}
html.n3-fige,html.n3-fige body{overflow:hidden}

@media (max-width:1180px){.n3-l{display:none}.n3-burger{display:flex}}
@media (max-width:760px){.n3-co{display:none}.n3-nav .n3-btn{padding:10px 14px;font-size:14px}.n3-logo{font-size:22px}.n3-logo img{width:32px;height:32px}}

.n3-pied{background:#100F0D;color:#9C9385;padding:56px clamp(20px,5vw,80px) calc(env(safe-area-inset-bottom,0px) + 110px);font:400 14px/1.5 "Public Sans",system-ui,sans-serif;text-align:left}
.n3-pied-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:36px}
.n3-pied .n3-logo{color:#F5F1EA}
.n3-pied-marque p{margin-top:12px;max-width:320px;line-height:1.55}
.n3-fr{display:flex;align-items:center;gap:9px;color:#C9C0B2}
.n3-drapeau{display:inline-flex;width:24px;height:16px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1.5px rgba(255,255,255,.5);flex:none}
.n3-drapeau i{flex:1}
.n3-col{display:flex;flex-direction:column;gap:9px;min-width:0}
.n3-col b{color:#F5F1EA;font:700 14px "Public Sans",sans-serif;margin-bottom:4px}
.n3-col a{color:#9C9385;text-decoration:none;transition:color .2s}.n3-col a:hover{color:#F5F1EA}
.n3-col a.n3-tel{color:#f0a37f;font-weight:700;margin-top:6px;white-space:nowrap}.n3-col a.n3-mail{overflow-wrap:anywhere}
.n3-pied-bas{max-width:1200px;margin:36px auto 0;padding-top:20px;border-top:1px solid #2A2824;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px}
@media (max-width:1000px){.n3-pied-in{grid-template-columns:1fr 1fr}.n3-pied-marque{grid-column:1/-1}}
@media (max-width:480px){.n3-pied-in{grid-template-columns:1fr}}
@media (min-width:761px){.n3-pied{padding-bottom:48px}}
@media (prefers-reduced-motion:reduce){.n3-nav,.n3-mnu,.n3-btn,.n3-burger i{transition:none}}
/* menu ouvert : la barre reste en haut, le reste se cache */
.n3-nav.mnu-on{position:fixed}
html.n3-fige .s-collant,html.n3-fige .bulle,html.n3-fige .stick{display:none!important}