/* Menu (.entete) et pied de page (.pied) communs à toutes les pages. Classes propres : aucun conflit avec site.css, sombre.css ou le CSS interne de /agences/. */
.entete,.pied{--e-ink:#07090d;--e-txt:#f3f5f1;--e-doux:#c9ced4;--e-mist:#8b929c;--e-ligne:rgba(243,245,241,.1);--e-ligne2:rgba(243,245,241,.2);--e-lime:#c8f542;
  --e-display:'Bricolage Grotesque',system-ui,sans-serif;--e-sans:'Instrument Sans',system-ui,sans-serif;--e-mono:'JetBrains Mono',ui-monospace,monospace;--e-g:clamp(16px,4vw,56px)}
.entete *,.pied *{box-sizing:border-box}
.entete a,.pied a{color:inherit;text-decoration:none}
.entete{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--e-g);
  background:rgba(7,9,13,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--e-ligne);font-family:var(--e-sans);color:var(--e-txt)}
.entete-logo{display:flex;align-items:center;gap:10px;font:500 19px/1 var(--e-display);letter-spacing:-.02em;white-space:nowrap;color:var(--e-txt)}
.entete-logo b{font-weight:800}
.entete-marque{width:30px;height:30px;flex:none}
.entete-liens{display:flex;gap:4px;font-size:14px;font-weight:500}
.entete-liens a{padding:9px 12px;border-radius:999px;color:var(--e-doux);white-space:nowrap;transition:color .2s,background .2s}
.entete-liens a:hover{color:#fff;background:rgba(255,255,255,.06)}
.entete-liens a[aria-current]{color:#fff;background:rgba(255,255,255,.09)}
.entete-tel-menu{display:none}
.entete-actions{display:flex;align-items:center;gap:16px}
.entete-tel{font:500 13px var(--e-mono);color:var(--e-doux);white-space:nowrap}
.entete-tel:hover{color:var(--e-lime)}
.entete-cta{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;background:var(--e-lime);color:#0a0d05!important;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s}
.entete-cta:hover{background:#d6ff5c}
.entete-burger{display:none;width:42px;height:42px;position:relative;border:1px solid var(--e-ligne2);border-radius:50%;background:none;cursor:pointer;padding:0}
.entete-burger span,.entete-burger span::before,.entete-burger span::after{position:absolute;left:11px;width:18px;height:1.6px;background:#fff;transition:.25s;content:''}
.entete-burger span{top:19px}.entete-burger span::before{top:-6px;left:0}.entete-burger span::after{top:6px;left:0}
.entete.ouvert .entete-burger span{background:transparent}
.entete.ouvert .entete-burger span::before{top:0;transform:rotate(45deg)}.entete.ouvert .entete-burger span::after{top:0;transform:rotate(-45deg)}
@media(max-width:1440px) and (min-width:1181px){.entete-tel{display:none}.entete-liens a{padding:9px 10px}}
@media(max-width:1180px){
  .entete-liens{position:fixed;top:72px;left:0;right:0;flex-direction:column;gap:0;padding:8px var(--e-g) 22px;background:rgba(7,9,13,.97);border-bottom:1px solid var(--e-ligne);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.25s}
  .entete-liens a{padding:15px 0;border-radius:0;font-size:18px;border-bottom:1px solid var(--e-ligne);background:none!important}
  .entete-liens a[aria-current]{color:var(--e-lime)}
  .entete-tel-menu{display:block}
  .entete.ouvert .entete-liens{transform:none;opacity:1;visibility:visible}
  .entete-burger{display:block}
  .entete-tel{display:none}
}
@media(max-width:600px){.entete-cta{display:none}}

footer.pied{display:block;margin:0;padding:clamp(48px,6vw,72px) var(--e-g) 28px;border-top:1px solid var(--e-ligne);background:var(--e-ink);color:var(--e-mist);font:400 14px/1.6 var(--e-sans)}
.pied-grille{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px);max-width:1440px;margin:0 auto}
.pied-marque p{margin:16px 0 0;max-width:36ch}
.pied-nap{color:var(--e-doux)}
.pied-titre{margin:0 0 14px;font:500 11px var(--e-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--e-mist)}
.pied ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--e-doux)}
.pied a:hover{color:var(--e-lime)}
.pied-bas{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;max-width:1440px;margin:44px auto 0;padding-top:22px;border-top:1px solid var(--e-ligne);font:400 11px/1.6 var(--e-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--e-mist)}
@media(max-width:900px){.pied-grille{grid-template-columns:1fr 1fr}.pied-marque{grid-column:1/-1}}
@media(max-width:700px){footer.pied{padding-bottom:96px}}   /* place pour la barre « Appeler » fixe de /agences/ */
@media(max-width:480px){.pied-grille{grid-template-columns:1fr}}

/* ---------- fondu d'arrivée du haut de page, identique sur toutes les pages (rejoué au retour sur la page) */
.arrivee{animation:arrivee .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * .12s + .05s)}
@keyframes arrivee{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.arrivee{animation:none}}