/* JM 30/10/2026 : nouvel en-tête et nouveau pied posés sur les fiches existantes ; ne touche à rien d'autre de la page. */
.entete, .pied, .lien-evitement{
  --nuit:#030815; --encre:#f3f7ff; --doux:#a9b8da; --pale:#7d8db3; --cyan:#3fe0ff; --bord:rgba(140,190,255,.22);
  --sans:"Segoe UI Variable Display","Segoe UI","Arial Nova",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-family:var(--sans); box-sizing:border-box; letter-spacing:normal; text-transform:none;
}
.entete *, .pied *{ box-sizing:border-box; }
.lien-evitement{ position:absolute; left:16px; top:-60px; z-index:60; padding:10px 16px; border-radius:10px; background:#fff; color:#000; }
.lien-evitement:focus{ top:12px; }
.entete .conteneur, .pied .conteneur{ width:min(1160px,100% - 32px); margin-inline:auto; }

.entete{ position:sticky; top:0; z-index:30; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  background:rgba(3,8,21,.82); border-bottom:1px solid rgba(140,190,255,.10); }
.entete .conteneur{ display:flex; align-items:center; gap:24px; min-height:68px; }
.entete .marque, .pied .marque{ display:flex; align-items:center; gap:10px; color:var(--encre); text-decoration:none; font-weight:700; font-size:17px; white-space:nowrap; }
.entete .marque img, .pied .marque img{ width:44px; height:auto; display:block; }
.entete .menu{ display:flex; gap:4px; margin-left:auto; }
.entete .menu a{ color:var(--doux); text-decoration:none; font-size:15px; font-weight:600; padding:8px 12px; border-radius:10px; white-space:nowrap; }
.entete .menu a:hover{ color:#fff; background:rgba(255,255,255,.06); }
.entete .menu a[aria-current="page"]{ color:#fff; background:rgba(63,224,255,.10); }
.entete .bouton{ display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:999px; border:0; white-space:nowrap;
  font:700 14.5px/1.2 var(--sans); color:#fff; text-decoration:none; background:linear-gradient(90deg,#22c8ff,#4f6bff 55%,#a44dff);
  box-shadow:0 8px 30px rgba(79,107,255,.35); }
.entete .bouton.second{ background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px var(--bord); }
.menu-mobile{ position:relative; }
.menu-mobile summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px; padding:9px 13px; border-radius:12px;
  border:1px solid var(--bord); color:#fff; font-weight:700; font-size:14.5px; background:rgba(255,255,255,.04); }
.menu-mobile summary::-webkit-details-marker{ display:none; }
.menu-mobile summary i{ width:16px; height:2px; background:currentColor; box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor; }
.menu-mobile[open] summary{ border-color:var(--cyan); }
.menu-mobile nav{ position:absolute; right:0; top:calc(100% + 10px); width:min(280px,calc(100vw - 32px)); padding:10px; display:grid; gap:2px;
  border-radius:16px; background:rgba(6,14,36,.97); border:1px solid var(--bord); box-shadow:0 20px 60px rgba(0,0,0,.5); }
.menu-mobile nav a{ padding:12px 14px; border-radius:10px; color:#dbe6ff; text-decoration:none; font-weight:600; font-size:16px; }
.menu-mobile nav a:hover, .menu-mobile nav a[aria-current="page"]{ background:rgba(63,224,255,.10); color:#fff; }
@media (max-width:1180px){ .entete .menu{ display:none; } .entete .bouton{ margin-left:auto; } }
@media (min-width:1181px){ .menu-mobile{ display:none; } }
@media (max-width:520px){ .entete .marque-texte{ display:none; } }
@media (max-width:440px){ .entete .conteneur{ gap:10px; } .entete .marque img{ width:38px; } .menu-mobile summary span{ display:none; } .menu-mobile summary{ padding:11px 12px; } }

.pied{ border-top:1px solid rgba(140,190,255,.12); padding:50px 0 30px; color:var(--doux); font-size:15px; line-height:1.6; background:var(--nuit); }
.pied .colonnes{ display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:30px; }
.pied p{ margin:10px 0 0; color:var(--doux); }
.pied h2{ font-size:14px; line-height:1.3; letter-spacing:.14em; text-transform:uppercase; color:#fff; margin:0 0 12px; font-weight:700; }
.pied ul{ list-style:none; padding:0; margin:0; display:grid; gap:7px; }
.pied li{ margin:0; padding:0; }
.pied a{ color:var(--doux); text-decoration:none; overflow-wrap:anywhere; }
.pied a:hover{ color:#fff; }
.pied .bas{ margin-top:36px; padding-top:20px; border-top:1px solid rgba(140,190,255,.10); font-size:13.5px; color:var(--pale);
  display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between; }
@media (max-width:760px){ .pied .colonnes{ grid-template-columns:1fr 1fr; } }
@media (max-width:480px){ .pied .colonnes{ grid-template-columns:1fr; } }