/* LA CHARTE GRAPHIQUE DU Dr JÉRÉMIE ZEITOUN
   Un seul fichier pour les 199 pages. On le corrige ici, une fois.
   Écrit par le bureau — ne pas modifier à la main. */

/* Les deux boutons du haut — recopiés de sa page de référence */
html body .nav-rdv-doctolib{font-family:'Inter',system-ui,sans-serif;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;padding:9px 15px;background:#b8856a;color:#fff;font-weight:500;transition:background .25s;white-space:nowrap;border:1px solid #b8856a;}
html body .nav-rdv-doctolib:hover{background:#a06e55;border-color:#a06e55;}
html body .nav-rdv-rappel{font-family:'Inter',system-ui,sans-serif;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;padding:9px 15px;background:transparent;color:rgba(255,255,255,.75);font-weight:500;transition:all .25s;white-space:nowrap;border:1px solid rgba(255,255,255,.25);}
html body .nav-rdv-rappel:hover{color:#b8856a;border-color:#b8856a;}

/* La ligne de parcours du bas — recopiée de /intime */
html body .creds-line{max-width:1200px; margin:14px auto 0; font-size:.78rem; color:rgba(255,255,255,.5); font-style:italic; text-align:center; line-height:1.6; padding:0 20px;}

/* La barre du haut reste fixée quand on descend.
   La barre de sections se colle à la hauteur RÉDUITE (--nav-h-scroll) :
   avec --nav-h il restait un vide de 12 px où le texte passait. */
html body nav.nav,html body #nav{position:fixed !important;top:0 !important;left:0;right:0;z-index:9999 !important}
html body nav.nav,html body #nav{transform:none !important;will-change:auto !important}
html body .sec-nav{position:sticky !important;top:var(--nav-h-scroll,60px) !important;z-index:398}
html body .sec-nav::before{content:"";position:absolute;left:0;right:0;top:-3px;height:4px;background:inherit}

/* Le bouton « Prendre RDV » entier sur grand écran */
@media (min-width:1100px){html body header{max-width:100vw;overflow:visible}html body header nav a,html body header nav span{font-size:96%;letter-spacing:.055em}html body header nav{gap:clamp(10px,1.4vw,26px)}html body header a[href*="rendez-vous"],html body header a[href*="rappel"],html body header a[href*="doctolib"]{white-space:nowrap;flex:none}}

/* Pages anglaises : libellés plus longs, barre resserrée */
@media (min-width:1100px){html[lang="en"] body header nav a,html[lang="en"] body header nav span{font-size:88% !important;letter-spacing:.03em !important}html[lang="en"] body header nav{gap:clamp(6px,0.9vw,16px) !important}html[lang="en"] body header a[href*="rendez-vous"],html[lang="en"] body header a[href*="appointment"],html[lang="en"] body header a[href*="callback"],html[lang="en"] body header a[href*="doctolib"]{white-space:nowrap !important;flex:none !important;padding-left:12px !important;padding-right:12px !important}}

/* Section « À lire aussi » posée par le bureau */
html body .jz-alire{max-width:1180px;margin:44px auto 8px;padding:0 clamp(16px,4vw,52px)}
html body .jz-alire-t{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--r,#C08B62);margin:0 0 16px}
html body .jz-alire-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px}
html body .jz-alire-c{display:block;background:var(--n2,#16283A);padding:24px 26px;border:1px solid rgba(255,255,255,.07);text-decoration:none;transition:background .3s}
html body .jz-alire-c:hover{background:var(--n3,#1C3247)}
html body .jz-alire-c .tag{display:block;font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--r,#C08B62);margin-bottom:9px}
html body .jz-alire-c h4{font-family:var(--serif,Georgia,serif);font-size:1.05rem;font-weight:300;color:var(--w,#F2F4F8);line-height:1.25;margin:0 0 9px}
html body .jz-alire-c p{font-size:.82rem;line-height:1.55;color:#9AAAC4;margin:0}
@media (max-width:640px){html body .jz-alire{margin-top:32px}}

/* Une largeur confortable, le texte bien étalé sur ordinateur */
@media (min-width:999px){html body .si,html body .intro-paragraphs,html body footer p{max-width:100% !important;margin-left:0 !important;margin-right:0 !important}html body{overflow-x:clip !important}}