:root{--paper:#FBF7F0;--ink:#10212b;--muted:#56676f;--line:rgba(5,56,87,.11);--petrol:#053857;--magenta:#D91A5D;--card:#fff}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}body{background:var(--paper);color:var(--ink);font-family:Inter,'GID Texte',system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15.5px;line-height:1.62;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 1px 1px,rgba(5,56,87,.035) 1px,transparent 0);background-size:22px 22px}h1,h2,h3{font-family:"Bricolage Grotesque",'GID Titre',Inter,'GID Texte',sans-serif;color:var(--petrol);line-height:1.16;font-weight:700}.wrap{max-width:920px;margin:0 auto;padding:0 22px}header.gh{background:rgba(251,247,240,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.gh .in{display:flex;align-items:center;gap:16px;height:72px;flex-wrap:wrap}.gh .bd{font-family:"Bricolage Grotesque",'GID Titre',Inter,'GID Texte',sans-serif;font-weight:800;font-size:1.16rem;color:var(--petrol);letter-spacing:-.01em}.gh .bl{font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);border-left:1px solid var(--line);padding-left:13px;max-width:140px;line-height:1.3}.gh nav{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:.9rem}.gh nav>a:hover{color:var(--magenta)}.gh .lg{display:flex;gap:6px;border-left:1px solid var(--line);padding-left:14px}.gh .lg a{font-size:.74rem;font-weight:600;letter-spacing:.06em;color:var(--muted);padding:.2rem .38rem;border-radius:5px}.gh .lg a.on{color:#fff;background:var(--petrol)}.bc{font-size:.8rem;color:var(--muted);padding:24px 0 0}.bc a:hover{color:var(--magenta)}.bc span{opacity:.5;padding:0 6px}main{padding:14px 0 64px}.eb{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--magenta);margin-bottom:12px}h1{font-size:clamp(1.72rem,4.2vw,2.5rem);margin-bottom:16px;overflow-wrap:anywhere}.maj{font-size:.8rem;color:var(--muted);margin:-6px 0 14px}.lead{font-size:1.02rem;color:var(--muted);max-width:66ch;margin-bottom:34px}.proches .pi{color:var(--muted);font-size:.92rem;margin-bottom:16px;max-width:70ch}.proches .pl{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px}.proches .pl li{min-width:0}.proches .pl a{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(5,56,87,.03);transition:border-color .18s,transform .18s}.proches .pl a:hover{border-color:var(--petrol);transform:translateY(-2px)}.proches .t{display:block;font-weight:600;font-size:.92rem;color:var(--petrol);line-height:1.35;overflow-wrap:anywhere}.proches .m{display:block;margin-top:4px;font-size:.76rem;color:var(--muted);overflow-wrap:anywhere}.proches .pa{margin-top:16px;font-size:.92rem}.proches .pa a{color:var(--magenta);font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 24px;box-shadow:0 4px 18px -12px rgba(5,56,87,.22);margin-bottom:20px}.card h2{font-size:1.12rem;margin-bottom:14px}.card p+p{margin-top:12px}dl.f{display:grid;grid-template-columns:1fr;gap:0}dl.f>div{display:grid;grid-template-columns:190px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--line)}dl.f>div:first-child{border-top:0;padding-top:0}dl.f dt{font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}dl.f dd{font-size:.95rem}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:.84rem;padding:.3rem .64rem;border-radius:999px;background:rgba(5,56,87,.06);border:1px solid var(--line);color:var(--petrol);max-width:100%;overflow-wrap:anywhere}.cta{background:var(--petrol);color:#fff;border-radius:18px;padding:32px 28px;margin:34px 0 22px}.cta h2{color:#fff;font-size:1.28rem;margin-bottom:10px}.cta p{color:rgba(255,255,255,.84);max-width:60ch;margin-bottom:20px}.btns{display:flex;flex-wrap:wrap;gap:12px}.b{display:inline-flex;align-items:center;font-weight:600;font-size:.95rem;padding:.82rem 1.4rem;border-radius:999px;border:2px solid transparent;max-width:100%}.b1{background:var(--magenta);color:#fff}.b2{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.note{font-size:.8rem;color:var(--muted);border-left:3px solid var(--line);padding-left:14px;max-width:78ch}footer.gf{border-top:1px solid var(--line);padding:26px 0;font-size:.82rem;color:var(--muted)}footer.gf .in{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}footer.gf a:hover{color:var(--magenta)}footer.gf .cp{margin-left:auto}@media(max-width:600px){dl.f>div{grid-template-columns:1fr;gap:4px}.gh .in{height:auto;padding:12px 0;gap:10px 16px}.gh .bl{display:none}.gh nav{margin-left:0;width:100%;gap:6px 14px;font-size:.84rem}.gh .lg{margin-left:auto}.card{padding:22px 18px}.cta{padding:26px 20px}.wrap{padding:0 18px}.b{font-size:.9rem;padding:.72rem 1.1rem}footer.gf .cp{margin-left:0;width:100%}}

/* ============================================================
   fiche-entete-v2 (30/08/2026) — CORRECTION DE L'EN-TETE

   CE QUI N'ALLAIT PAS
   La barre du haut avait une hauteur FIGEE a 72 pixels, alors
   que son contenu avait le droit de passer a la ligne. Des que
   les quatre liens du menu ne tenaient plus dans les 920 pixels
   de la colonne (ce qui arrive des que le nom du domaine est
   long, « Service client & administratif » par exemple), la
   deuxieme ligne sortait de la barre et se posait PAR-DESSUS le
   titre de la fiche. C'est exactement ce que montre la capture.

   CE QUI CHANGE
   - la barre s'adapte a son contenu (hauteur minimale 72 px) :
     rien ne peut plus deborder par-dessus le texte ;
   - la colonne de l'en-tete est un peu plus large que celle du
     texte, pour que le menu tienne sur une seule ligne sur un
     ecran d'ordinateur ;
   - la mention « Externalisation de prestations · Geneve »
     disparait des que la place manque, avant le menu ;
   - sur telephone, le menu defile horizontalement d'un seul
     geste au lieu de s'empiler sur quatre lignes.
   ============================================================ */
header.gh .in{height:auto;min-height:72px;padding:10px 0;row-gap:6px}
header.gh .wrap.in{max-width:1180px}
.gh .bd{flex:none}
.gh .bl{flex:none;max-width:170px}
.gh nav{margin-left:auto;gap:6px 14px;font-size:.88rem;min-width:0}
.gh nav>a{white-space:nowrap}
.gh .lg{flex:none}

/* Le contenu de la fiche garde sa largeur de lecture confortable :
   seule la barre du haut est elargie. */
main .wrap,.bc.wrap,footer.gf .wrap{max-width:920px}

@media(max-width:1080px){
  .gh .bl{display:none}
  .gh nav{font-size:.86rem;gap:6px 12px}
}
@media(max-width:820px){
  header.gh .wrap.in{max-width:100%}
  .gh .in{flex-wrap:nowrap;gap:10px}
  .gh nav{margin-left:auto;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .gh nav::-webkit-scrollbar{display:none}
  .gh .lg{position:sticky;right:0;background:rgba(251,247,240,.94);padding-left:10px}
}
@media(max-width:600px){
  .gh .in{height:auto;min-height:0;padding:10px 0;gap:10px}
  .gh nav{width:auto;font-size:.82rem}
  .gh .bd{font-size:1.02rem}
  h1{font-size:clamp(1.5rem,6.4vw,2rem)}
  .lead{font-size:.97rem}
}