/* ─────────────────── EN-TÊTE + PIED DE PAGE (partagés, toutes pages) ───
   Généré par .scripts/site-nav/build_nav.py — ne pas éditer le HTML à la main.
   Autonome : ne dépend ni de zone.css, ni de blog.css, ni du CSS inline.
*/
.mh,.md,.mf{--ink:#141413;--txt:#5E5D58;--line:rgba(20,20,19,.10);--line-2:rgba(20,20,19,.2);--gold:#EFBA00;--ease-n:cubic-bezier(.22,1,.36,1);font-family:"Satoshi",system-ui,-apple-system,sans-serif}
.mh button,.md button,.mf button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.mh ul,.md ul,.mf ul,.mh ol{list-style:none;margin:0;padding:0}
.mh a,.md a,.mf a{text-decoration:none;color:inherit}
.mh svg,.md svg,.mf svg{display:block}
@keyframes navPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}}

/* Boutons (autonomes) */
:is(.mh,.md,.mf) .nb{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1;white-space:nowrap;transition:transform .22s var(--ease-n),box-shadow .22s var(--ease-n)}
:is(.mh,.md,.mf) .nb svg{width:16px;height:16px;flex:none}
:is(.mh,.md,.mf) .nb:hover{transform:translateY(-1.5px)}
:is(.mh,.md,.mf) .nb--gold{background:linear-gradient(180deg,#ffc81e,#EFBA00);color:#1a1200;border:1px solid rgba(0,0,0,.18);box-shadow:0 10px 32px rgba(239,186,0,.22),inset 0 1px 0 rgba(255,255,255,.45)}
:is(.mh,.md,.mf) .nb--gold:hover{box-shadow:0 14px 40px rgba(239,186,0,.32)}
:is(.mh,.md,.mf) .nb--ink{background:#141413;color:#FAF9F5;border:1px solid #141413;box-shadow:0 10px 28px rgba(20,20,19,.18)}
:is(.mh,.md,.mf) .nb--ink:hover{box-shadow:0 14px 36px rgba(20,20,19,.28)}

/* ─── HEADER ─── */
.mh{position:fixed;top:18px;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:0 12px;pointer-events:none;transition:top .3s var(--ease-n)}
.mh.is-scrolled{top:12px}
.mh__bar{pointer-events:auto;position:relative;display:flex;align-items:center;gap:2px;padding:8px 8px 8px 18px;background:rgba(250,249,245,.72);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);max-width:100%;transition:background .3s var(--ease-n),box-shadow .3s var(--ease-n)}
.mh.is-scrolled .mh__bar,.mh.has-open .mh__bar{background:rgba(250,249,245,.94)}
.mh.has-open .mh__bar{box-shadow:0 10px 30px rgba(40,30,10,.08)}
.mh__logo{display:inline-flex;align-items:center;padding:0 12px 0 4px;flex:none}
.mh__logo img{height:22px;width:91px;display:block}
.mh__nav{display:flex;align-items:center;gap:2px}
.mh__trigger{display:inline-flex;align-items:center;gap:6px;padding:9px 11px 9px 14px;border-radius:999px;font-size:14px;font-weight:500;color:rgba(20,20,19,.72);white-space:nowrap;transition:color .2s,background .2s}
.mh__trigger:hover,.mh__trigger[aria-expanded="true"]{color:var(--ink);background:rgba(20,20,19,.06)}
.mh__trigger svg{width:12px;height:12px;flex:none;transition:transform .25s var(--ease-n)}
.mh__trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.mh__trigger.is-current{color:var(--ink)}
.mh .mh__cta.nb{padding:10px 16px;font-size:13px;margin-left:8px}
.mh__social{display:flex;gap:6px;margin-left:6px}
.mh__social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:transform .2s var(--ease-n)}
.mh__social a:hover{transform:scale(1.08)}
.mh__social .wa{background:#25D366}.mh__social .li{background:#0A66C2}
.mh__social svg{width:16px;height:16px}
.mh__burger{display:none;width:40px;height:40px;border-radius:50%;background:rgba(20,20,19,.06)!important;border:1px solid var(--line)!important;position:relative;margin-left:8px}
.mh__burger span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--ink);border-radius:2px}
.mh__burger span:nth-child(1){top:15px}.mh__burger span:nth-child(2){top:19.5px}.mh__burger span:nth-child(3){top:24px}

.mm{position:absolute;top:calc(100% + 10px);left:50%;width:min(1000px,calc(100vw - 32px));transform:translate(-50%,-8px);opacity:0;visibility:hidden;pointer-events:none;display:grid;grid-template-columns:1fr 330px;gap:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 32px 80px rgba(40,30,10,.14),0 4px 14px rgba(40,30,10,.05);transition:opacity .22s var(--ease-n),transform .22s var(--ease-n),visibility 0s .22s;text-align:left;line-height:1.5}
.mm::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.mm.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .22s var(--ease-n),transform .22s var(--ease-n),visibility 0s}
.mm__main{padding:14px 10px 8px 14px;display:flex;flex-direction:column}
.mm__eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(20,20,19,.55);padding:0 10px 10px}
.mm__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.mm__item{display:flex;align-items:flex-start;gap:14px;padding:11px 10px;border-radius:16px;transition:background .18s}
a.mm__item:hover,a.mm__item[aria-current]{background:#F6F3EC}
.mm__item--off{cursor:default}
.mm__item--off .mm__ico,.mm__item--off .mm__t{opacity:.6}
.mm__ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--t,#EDE3CD);color:#141413}
.mm__ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mm__t{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.3}
.mm__d{display:block;font-size:13.5px;font-weight:500;color:var(--txt);line-height:1.4;margin-top:2px}
.ntag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;white-space:nowrap}
.ntag--new{background:#141413;color:#fff}
.ntag--soon{background:rgba(20,20,19,.07);color:rgba(20,20,19,.62)}
.mm__foot{margin-top:auto;padding:12px 10px 4px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;font-weight:500;color:var(--txt)}
.mm__foot a{color:var(--ink);font-weight:700;white-space:nowrap}
.mm__foot a:hover{text-decoration:underline;text-underline-offset:3px}
.mm__side{border-radius:20px;padding:18px;background:var(--t,#EDE3CD);display:flex;flex-direction:column;gap:12px}
.mm__card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 14px 30px rgba(60,45,10,.10);display:block}
.mm__card--img{padding:0;overflow:hidden}
.mm__card--img img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.mm__card--img span{display:block;padding:12px 14px 14px;font-size:15px;font-weight:700;line-height:1.3;color:var(--ink);letter-spacing:-.01em}
.mm__side-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(20,20,19,.62)}
.mm__side-link{font-size:14px;font-weight:700;color:var(--ink);display:inline-flex;gap:6px;align-items:center}
.mm__side-link svg{width:16px;height:16px;flex:none}
.mm__side-link:hover{text-decoration:underline;text-underline-offset:3px}
.mm__big{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ink);margin:12px 0 8px}
.mm__big small{font-size:14px;font-weight:500;color:var(--txt);letter-spacing:0;margin-left:4px}
.mm__muted{font-size:13.5px;font-weight:500;color:var(--txt);line-height:1.5;margin:0}
.mm__muted b{color:var(--ink)}
.mm__steps{display:flex;flex-direction:column;gap:10px;counter-reset:s}
.mm__steps li{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:14px;font-weight:500;line-height:1.45;color:#3d3c38}
.mm__steps li::before{counter-increment:s;content:counter(s);width:24px;height:24px;border-radius:50%;background:var(--gold);color:#1a1200;font-size:12.5px;font-weight:700;display:grid;place-items:center}
.mm__steps b{color:var(--ink)}
.mm__person{display:flex;align-items:center;gap:12px}
.mm__person img{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block}
.mm__person b{display:block;font-size:15px;color:var(--ink)}
.mm__person small{display:block;font-size:13px;font-weight:500;color:var(--txt)}

/* Menu mobile */
.md{position:fixed;inset:0;z-index:130;background:#FAF9F5;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .25s var(--ease-n),visibility 0s .25s;text-align:left;line-height:1.5}
.md.is-open{opacity:1;visibility:visible;transition:opacity .25s var(--ease-n),visibility 0s}
.md__top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 22px;border-bottom:1px solid var(--line)}
.md__top img{height:22px;width:91px;display:block}
.md__close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line)!important;background:rgba(20,20,19,.05)!important;display:grid;place-items:center;color:var(--ink)}
.md__close svg{width:18px;height:18px}
.md__body{flex:1;overflow-y:auto;padding:4px 16px 24px;-webkit-overflow-scrolling:touch}
.md__grp{border-bottom:1px solid var(--line)}
.md__grp summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 6px;font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--ink);cursor:pointer}
.md__grp summary::-webkit-details-marker{display:none}
.md__grp summary svg{width:16px;height:16px;transition:transform .25s var(--ease-n)}
.md__grp[open] summary svg{transform:rotate(180deg)}
.md__list{display:flex;flex-direction:column;padding:0 0 14px}
.md__list a,.md__list span.md__off{display:flex;align-items:center;gap:12px;padding:9px 6px;font-size:16px;font-weight:500;color:var(--ink);border-radius:12px}
.md__list span.md__off{opacity:.6}
.md__list .mm__ico{width:34px;height:34px;border-radius:10px}
.md__list .mm__ico svg{width:17px;height:17px}
.md__foot{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#FAF9F5}
.md__tel{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--line-2);color:var(--ink)}
.md__tel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:1000px){
  .mh__nav,.mh__cta,.mh__social{display:none!important}
  .mh__burger{display:block}
}

/* ─── PIED DE PAGE ─── */
.mf{position:relative;margin-top:40px;overflow:hidden;isolation:isolate;background:#FAF9F5;color:var(--ink);text-align:left;line-height:1.5}
.mf__cta{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:48px 24px 170px}
.mf__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;background:rgba(250,249,245,.55);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:500;color:var(--ink)}
.mf__badge i{width:8px;height:8px;border-radius:50%;background:#1AFF75;box-shadow:0 0 0 4px rgba(26,255,117,.18);animation:navPulse 2.4s ease-in-out infinite}
.mf__title{font-size:clamp(34px,3.6vw,50px);line-height:1.05;letter-spacing:-.04em;font-weight:500;text-wrap:balance;margin:0;color:var(--ink)}
.mf__title b{font-weight:700}
.mf__sub{font-size:clamp(15px,1.15vw,17px);font-weight:500;color:var(--txt);max-width:480px;line-height:1.55;margin:0}
.mf__sun{position:absolute;left:50%;bottom:-300px;transform:translateX(-50%);width:min(520px,80vw);aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(circle at 50% 38%,#ffd84a 0%,#EFBA00 30%,#a8780a 62%,#3a2705 92%,rgba(0,0,0,0) 100%);box-shadow:0 -10px 120px 20px rgba(239,186,0,.42),0 0 240px 60px rgba(239,186,0,.22);pointer-events:none}
.mf__panel{position:relative;background:#F1ECE0;border-radius:40px 40px 0 0;padding:56px clamp(20px,5vw,80px) 26px;box-shadow:0 -1px 0 rgba(20,20,19,.06)}
.mf__top{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;padding-bottom:40px;border-bottom:1px solid rgba(20,20,19,.1)}
.mf__brand img{height:26px;width:108px;margin-bottom:16px;display:block}
.mf__brand p{font-size:15px;font-weight:500;line-height:1.6;color:#4a4944;max-width:420px;margin:0}
.mf__contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mf__contact a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(20,20,19,.08);font-size:14px;font-weight:500;color:var(--ink);transition:background .2s}
.mf__contact a:hover{background:#fff}
.mf__contact svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mf__news{background:#fff;border-radius:22px;padding:22px;box-shadow:0 16px 36px rgba(60,45,10,.08)}
.mf__news h3{font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.25;margin:0;color:var(--ink)}
.mf__news p{font-size:14px;font-weight:500;color:var(--txt);margin:6px 0 14px;line-height:1.5}
.mf__form{display:flex;gap:8px}
.mf__form input{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:#FAF9F5;font:inherit;font-size:15px;color:var(--ink)}
.mf__form input:focus{outline:2px solid var(--gold);outline-offset:1px;background:#fff}
.mf .mf__form .nb{padding:0 20px;height:48px}
.mf__form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mf__fine{font-size:12.5px!important;margin:10px 0 0!important;color:rgba(20,20,19,.55)!important}
.mf__fine a{text-decoration:underline;text-underline-offset:2px}
.mf__ok,.mf__err{display:none;font-size:14.5px;font-weight:700;margin:0}
.mf__ok{color:#1F7A45}.mf__err{color:#9B2C1F}
.mf__news.is-sent .mf__form,.mf__news.is-sent .mf__fine{display:none}
.mf__news.is-sent .mf__ok{display:block}
.mf__news.is-error .mf__err{display:block;margin-top:10px}
.mf__cols{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;padding:40px 0}
.mf__col h3{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(20,20,19,.58);margin:0 0 14px}
.mf__col ul{display:flex;flex-direction:column;gap:9px}
.mf__col a,.mf__col .mf__off{font-size:14.5px;font-weight:500;color:rgba(20,20,19,.8);line-height:1.35;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.mf__col .mf__off{color:rgba(20,20,19,.5)}
.mf__col a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.mf__col .ntag{font-size:10px;padding:1px 6px}
.mf__zones b{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:14px 0 6px}
.mf__zones b:first-of-type{margin-top:0}
.mf__zones p{font-size:14px;font-weight:500;line-height:1.7;color:rgba(20,20,19,.66);margin:0}
.mf__zones p a{display:inline;font-size:14px}
.mf__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:22px;border-top:1px solid rgba(20,20,19,.1);font-size:13px;font-weight:500;color:rgba(20,20,19,.66)}
.mf__legal-brand{display:inline-flex;align-items:center;gap:10px}
.mf__legal-brand img{height:18px;width:auto;opacity:.7;display:block}
.mf__legal nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.mf__legal a:hover{color:var(--ink)}
.nav-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width:1000px){.mf__cols{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){
  .mf__cta{padding:32px 16px 140px}
  .mf__sun{bottom:-230px;width:min(360px,86vw)}
  .mf__panel{border-radius:28px 28px 0 0;padding:36px 16px 22px}
  .mf__top{grid-template-columns:1fr;gap:28px;padding-bottom:28px}
  .mf__cols{grid-template-columns:1fr 1fr;gap:28px 16px;padding:28px 0}
  .mf__zones{grid-column:1/-1}
  .mf__legal{flex-direction:column;align-items:flex-start}
  .mf__form{flex-direction:column}
  .mf__form input{flex:none}
}
.mh a:focus-visible,.mh button:focus-visible,.md a:focus-visible,.md button:focus-visible,.md summary:focus-visible,.mf a:focus-visible,.mf button:focus-visible,.mf input:focus-visible{outline:2px solid #EFBA00;outline-offset:2px;border-radius:8px}
@media (prefers-reduced-motion:reduce){.mm,.md{transition:none}.mf__badge i{animation:none}}