@import url('https://use.typekit.net/wjs6thv.css');
:root{
  --rose-fonce:#b35f6c  ;--vert-moyen:#c5cf92;--vert-dense:#809976;
 --vert-pale:#d1e1c7;--vert:#99b58f;--rose:#c96977;--rose-pale:#e4b3ba;
 --gris-fonce :#1A1A2E;--gris-texte:#6f6f6f;--gris-clair:#DEE5ED;
  --beige-bg:#fafaf1;--blanc:#FFFFFF;
  --font-titre:'bree','Aptos','Segoe UI',system-ui,sans-serif;
  --font-corps:'bree','Aptos','Segoe UI',system-ui,sans-serif;
  --sidebar-w:320px;--header-h:72px;
  --content-max:clamp(640px,72%,900px);
  --transition:.18s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
[id]{scroll-margin-top:calc(var(--header-h) + 18px)}
body{font-family:var(--font-corps);color:var(--gris-texte);background:var(--beige-bg);line-height:1.75}

/* ══ HEADER ══ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--header-h);background:var(--rose-fonce);display:flex;align-items:center;box-shadow:0 2px 16px rgba(0,0,0,.3)}
.header-inner{width:100%;display:flex;align-items:center;padding:0 1.5rem;gap:1.5rem}
.header-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.header-logo img{height:48px;width:auto;filter:brightness(0) invert(1)}
.header-title{flex:1;font-size:.95rem;font-weight:600;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-tools{display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.font-controls{display:flex;gap:2px}
.font-controls button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--blanc);border-radius:4px;padding:.2rem .48rem;cursor:pointer;font-size:.75rem;font-family:var(--font-corps);transition:background var(--transition)}
.font-controls button:hover{background:rgba(255,255,255,.25)}

/* ══ LAYOUT ══ */
.layout{display:flex;padding-top:var(--header-h);min-height:100vh}

/* ══ SIDEBAR ══ */
.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--blanc);border-right:0px solid var(--gris-clair);position:fixed;top:var(--header-h);left:0;bottom:0;overflow-y:auto;z-index:100;display:flex;flex-direction:column}

/* Scrollbar sidebar */
.sidebar::-webkit-scrollbar{width:4px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:var(--gris-clair);border-radius:2px}

/* Boutons actions */
.sidebar-actions{display:flex;gap:.5rem;padding:.85rem .85rem .7rem;border-bottom:1px solid var(--gris-clair);flex-shrink:0}
.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.42rem .4rem;border-radius:6px;font-size:.76rem;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:all var(--transition);letter-spacing:.02em}
.btn-web{background:var(--rose-fonce);color:var(--blanc)}.btn-web:hover{background:var(--vert-moyen)}
.btn-pdf img{width:15px!important;height:15px!important;min-width:15px;max-width:15px;vertical-align:middle;margin-right:.3rem;flex-shrink:0;display:inline-block}
.btn-pdf{background:var(--beige-bg);color:var(--gris-fonce);border:1px solid var(--gris-clair)}.btn-pdf:hover{background:var(--gris-clair)}

/* Nav */
.sidebar-nav{list-style:none;padding:.25rem 0 1rem;flex:1;overflow-y:auto}
.nav-sub{list-style:none}

/* Séparateur nav */
.nav-separator{height:2px;background:var(--gris-clair);margin:.5rem 0}

/* Item niveau 0 */
.nav-item{position:relative;transition:border-color var(--transition)}
.nav-item-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem .5rem .9rem;gap:.35rem}
.nav-item.has-children>.nav-item-header{cursor:pointer}
.nav-item-link{display:block;flex:1;text-decoration:none;color:#444;font-size:.83rem;line-height:1.4;transition:color var(--transition);padding:.02rem 0}
.nav-item-link:hover{color:var(--rose-fonce)}
.nav-toggle{font-size:.1,2rem;color:#bbb;transition:transform .22s ease,color var(--transition);flex-shrink:0;width:16px;text-align:center;user-select:none}
.nav-item.open>.nav-item-header>.nav-toggle{transform:rotate(90deg);color:var(--vert-moyen)}

/* Item actif */

.nav-item.active>.nav-item-header{background:#fdeef0;margin:0;border-radius:0;width:100%;box-sizing:border-box}
.nav-item.active>.nav-item-header .nav-item-link{color:var(--rose-fonce);font-weight:700}

/* Séparateurs entre groupes principaux */
.nav-item.depth-0{border-bottom:8px solid #f1f1e5}
.nav-item.depth-0:last-child{border-bottom:none}

/* Sous-menu accordion */
.nav-sub{list-style:none;max-height:0;overflow:hidden;transition:max-height .3s ease;background:#f8fbfd;border-top:1px solid transparent}
.nav-item.open>.nav-sub{max-height:4000px;border-top-color:#eaf2f8}

/* Sous-items */
.nav-sub-item{position:relative}
.nav-sub-item a{display:block;padding:.35rem .8rem .35rem .8rem;font-size:.78rem;color:#555;text-decoration:none;line-height:1.35;transition:color var(--transition),background var(--transition)}
.nav-sub-item a:hover{color:var(--vert-moyen);background:rgba(3,104,155,.04)}
.nav-sub-item.active a{color:var(--rose-fonce);font-weight:600;background:rgba(3,104,155,.06)}

/* Ancres N3 */
.nav-anchors{list-style:none;background:#f2f7fb;max-height:0;overflow:hidden;transition:max-height .28s ease}
.nav-item.open>.nav-anchors,.nav-sub-item.open>.nav-anchors{max-height:600px}
.nav-anchor{position:relative}
.nav-anchor::before{content:'—';position:absolute;left:2.1rem;top:.3rem;font-size:.65rem;color:#aaa}
.nav-anchor a{display:block;padding:.28rem 1rem .28rem 2.9rem;font-size:.73rem;color:#777;text-decoration:none;line-height:1.3;transition:color var(--transition)}
.nav-anchor a:hover{color:var(--vert-moyen)}

/* ══ CONTENU ══ */
.main-content{margin-left:var(--sidebar-w);flex:1;min-width:0;display:flex;flex-direction:column}
.page-content{flex:1;max-width:calc(var(--content-max) + 6rem);margin:0 auto;width:100%;padding:2.5rem 3rem 5rem;position:relative}

/* Article */
.article-header{padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:2px solid var(--gris-clair)}
.article-badge{display:inline-block;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;padding:.2rem .7rem;border-radius:1px;margin-bottom:.8rem}
.badge-chapitre,.badge-sous-partie{background:var(--rose);color:var(--blanc)}
.badge-condition{background:#974A0A;color:#ffffff}
.badge-fiche{background:#7f9777;color:#ffffff}
.badge-annexe{background:#556350;color:#ffffff}
.article-title{font-family:var(--font-titre);font-size:2rem;line-height:1.2;color:var(--rose-fonce)}
.article-body{max-width:100%}

/* ══ SHARE BAR ══ */
.share-bar{position:absolute;left:-5.2rem;top:0;display:flex;flex-direction:column;gap:.5rem;align-items:center}
.share-bar .share-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa;writing-mode:vertical-rl;margin-bottom:.25rem}
.share-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:.85rem;transition:all var(--transition);border:1px solid var(--gris-clair);background:var(--blanc);color:#666}
.share-btn:hover{transform:scale(1.1);border-color:var(--vert-moyen);color:var(--vert-moyen)}
.share-btn.linkedin:hover{background:#0077b5;border-color:#0077b5;color:var(--blanc)}
.share-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:var(--blanc)}
.share-btn.facebook:hover{background:#1da1f2;border-color:#1da1f2;color:var(--blanc)}
.share-btn.copy:hover{background:var(--vert-moyen);border-color:var(--vert-moyen);color:var(--blanc)}

/* ══ TYPOGRAPHIE ══ */
.niveau-1{font-family:var(--font-titre);font-size:1.7rem;color:var(--rose-fonce);margin:2.5rem 0 1rem;line-height:1.25}
.niveau-2{font-family:var(--font-titre);font-size:2.2rem;color:var(--vert-moyen);margin:2rem 0 .7rem;padding-bottom:.3rem;border-bottom:1px solid var(--gris-clair)}
.niveau-3{font-size:1.8rem;font-weight:700;line-height : 1.20;color:var(--vert-moyen);margin:1.5rem 0 .95rem;text-decoration: underline; text-decoration-style: solid;text-underline-offset: 8px;}
.niveau-4{font-size:1.4rem;font-weight:700;line-height : 1.2;color:var(--gris-texte);margin:1.3rem 0 .45rem; text-decoration: underline; text-decoration-style: dotted;text-underline-offset: 6px;}
.niveau-5{font-family:var(--font-titre);font-size:.95rem;font-weight:600;color:var(--rose-fonce);font-style:italic;margin:1rem 0 .35rem}
.niveau-6{font-size:.98rem;font-weight:600;color:var(--vert);margin:1rem 0 .35rem}
.niveau-7{font-size:.93rem;font-weight:600;color:var(--gris-texte);margin:1rem 0 .35rem}
.corps{margin-bottom:.9rem}
.chapeau{font-size:1.05rem;color:var( --gris-fonce);margin-bottom:1.5rem;line-height:1.7;padding:.75rem 1.25rem;border-left:4px solid var(--vert-dense);background:#f6faf5;border-radius:0 4px 4px 0}
.lettrine{margin-bottom:.9rem}
.lettrine::first-letter{font-family:var(--font-titre);float:left;font-size:3.2rem;line-height:.98;padding-right:.16em;color:var(--vert-moyen)}
.lettrine-bleue::first-letter{color:var(--vert-dense)}
.propositions-ceser{font-family:var(--font-titre);font-size:1.25rem;color:var(--rose-fonce);margin:2rem 0 .75rem}
.annexe-titre{font-family:var(--font-titre);font-size:1.25rem;color:var(--rose-fonce);margin:2rem 0 .75rem;border-bottom:1px solid var(--gris-clair);padding-bottom:.3rem}
.fiche-titre{font-family:var(--font-titre);font-size:1.5rem;color:var(--rose-fonce)}
.texte-fiche{margin-bottom:.75rem}.texte-fiche.bleu{color:var(--vert-moyen);font-weight:600}.texte-fiche.italic{font-style:italic}
.intervention-titre{font-size:.98rem;color:var(--vert-moyen);font-weight:700;margin:1.25rem 0 .2rem}
.intervention-texte{color:var(--gris-texte);padding-left:1rem;border-left:2px solid var(--gris-clair);margin-bottom:.7rem}
.titre-schema{font-size:.80rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--vert-dense);margin:1.05rem 0 .4rem; text-decoration: underline; text-decoration-style: solid;text-underline-offset: 8px;}
.legende{font-size:.8rem;color:var(--vert);font-style:italic;margin:.3rem 0 1.25rem}
a:link {color: #b35f6c;font-weight:700;}

/* Listes */
.liste{margin:.5rem 0 1rem 1.75rem}.liste li{margin-bottom:.45rem;line-height:1.6}

/* Encadrés */
.encadre{margin:1.75rem 0;padding:1.1rem 1.5rem;border-radius:6px;border-left:4px solid}
.encadre-header{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.65rem}
.preconisation{background:#fdeef0;border-color:var(--rose)!important}
.exemple{background:#F0F7EE;border-color:var(--vert)!important}
.exergue{background:#edf4ea;border-color:var(--vert-moyen)!important}

/* Images */
.figure-image{margin:1.75rem 0;position:relative;display:inline-block;max-width:100%;cursor:zoom-in}
.figure-image img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 14px rgba(0,0,0,.1);display:block;transition:opacity .2s}
.figure-image:hover img{opacity:.93}
.figure-zoom{position:absolute;top:.6rem;right:.6rem;background:rgba(0,0,0,.45);color:#fff;border-radius:4px;padding:.2rem .45rem;font-size:.78rem;opacity:0;transition:opacity .2s;pointer-events:none}
.figure-image:hover .figure-zoom{opacity:1}
#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:1000;align-items:center;justify-content:center;cursor:zoom-out}
#lightbox.open{display:flex}
#lightbox-img{max-width:92vw;max-height:90vh;border-radius:5px;box-shadow:0 8px 40px rgba(0,0,0,.5)}
#lightbox-close{position:fixed;top:1rem;right:1.25rem;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:1.3rem;width:2.4rem;height:2.4rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}
#lightbox-close:hover{background:rgba(255,255,255,.3)}

/* Notes */

.notes-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--vert-moyen);margin-bottom:.75rem}
.notes-missing{font-size:.68rem;color:#aaa;font-style:italic;margin:0}
.notes-list{list-style:decimal;padding-left:1.5rem}
.note-item{font-size:.64rem;color:var(--gris-texte);margin-bottom:.4rem;line-height:1.5}

/* Pagination */
.page-nav{display:flex;justify-content:space-between;align-items:stretch;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--gris-clair);gap:1rem}
.page-nav a{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;padding:.75rem 1.1rem;border:0px solid var(--gris-clair);border-radius:0px;max-width:46%;transition:all var(--transition);color:inherit;background:var(--blanc)}
.page-nav a:hover{border-color:var(--vert-moyen);box-shadow:0 2px 10px #dde2dc}
.page-nav a.nav-next{margin-left:auto;text-align:right}
.nav-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--vert-moyen);font-weight:700}
.nav-title{font-size:.85rem;color:var(--gris-moyen);line-height:1.3}

/* Footer */
.site-footer{background:var(--vert);color:rgba(255,255,255,.55);padding:1.75rem 3rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.site-footer img{height:36px;width:auto;filter:brightness(0) invert(1)}
.footer-logo{display:flex;align-items:center;gap:.7rem;color:rgba(255,255,255,.85);font-size:.82rem}
.footer-info{font-size:.74rem;line-height:1.6}
.footer-social{display:flex;gap:.6rem}
.footer-social a{color:rgba(54, 68, 48, 0.45);font-size:.8rem;text-decoration:none;padding:.3rem .6rem;border:1px solid rgba(255,255,255,.18);border-radius:20px;transition:all var(--transition)}
.footer-social a:hover{color:var(--blanc);border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}

/* ══ SOMMAIRE TABLE ══ */
.sommaire-wrap{margin-top:1.5rem}
.sommaire-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--vert-moyen);margin-bottom:.75rem}
.sommaire-table{width:100%;border-collapse:collapse;border:1px solid var(--gris-clair);box-shadow:0 2px 12px rgba(0,0,0,.06)}
.sommaire-table td{border:1px solid var(--gris-clair);padding:.75rem 1rem;vertical-align:top;width:50%}
.sommaire-table a{text-decoration:none;color:inherit;transition:opacity var(--transition)}
.sommaire-table a:hover{opacity:.75}
.tbl-header{background:var(--rose-fonce);color:var(--blanc);text-align:center;font-size:.82rem;font-weight:700;letter-spacing:.09em}
.tbl-header a{color:var(--blanc)}
.tbl-chapitre{background:var(--vert);color:var(--blanc);text-align:center;font-size:.82rem;font-weight:700}
.tbl-chapitre a{color:var(--blanc)}
.tbl-sub-header{background:#fdeef0;color:var(--rose-fonce);text-align:center;font-size:.84rem;font-weight:700;line-height:1.35}
.tbl-n3{background:var(--blanc);color:var(--gris-texte);font-size:.8rem;text-align:center;line-height:1.4}
.tbl-n3 a{color:var(--gris-texte)}.tbl-n3 a:hover{color:var(--vert-moyen)}
.tbl-cond{color:var(--gris-texte);text-align:center;font-size:.82rem;line-height:1.4}
.tbl-cond{color:var(--bleu-texte)}
.cond-num{font-weight:700;font-size:.72rem;letter-spacing:.06em;color:var(--gris-texte);display:block}
.tbl-annexes-header{background:#5ba4a0;color:var(--blanc);text-align:center;font-size:.82rem;font-weight:700}
.tbl-fiche{background:var(--blanc);color:var(--gris-texte);font-size:.79rem;text-align:center;line-height:1.2}
.tbl-fiche a{color:var(--gris-texte)}.tbl-fiche a:hover{color:var(--rose-fonce)}
.tbl-annexe-extra{background:#5ba4a0;color:var(--blanc);text-align:center;font-size:.8rem;font-weight:600}
.tbl-annexe-extra a{color:var(--blanc)}

/* Index hero */
.index-hero{padding:2rem 0 2.5rem;border-bottom:1px solid var(--gris-clair);margin-bottom:2rem}
.index-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--vert-moyen);margin-bottom:.6rem;font-weight:700}
.index-title{font-family:var(--font-titre);font-size:1.9rem;color:var(--rose-fonce);line-height:1.25;max-width:640px}
.index-subtitle{font-size:.95rem;color:var(--gris-texte);margin-top:.75rem}

/* ══ LIEN ACTIF DANS MENU ══ */
a.nav-active-link{color:var(--rose-fonce)!important;font-weight:600!important}
.sidebar a.nav-active-link{display:block;background:transparent}

/* ══ COULEURS NIVEAUX MENU ══ */
.nav-item.depth-0>.nav-item-header .nav-item-link,.nav-item.depth-0>.nav-item-header .nav-item-link-active{color:#2e2e2e;font-weight:600;font-size:.84rem}
.nav-item.depth-1>.nav-item-header .nav-item-link{color:#b35f6c;font-weight:500;font-size:.74rem;line-height:1.25}
.nav-item.depth-1>.nav-item-header a.nav-item-link-active{font-size:.74rem!important;font-weight:600!important;line-height:1.25!important}
.nav-item.depth-1>.nav-item-header .nav-item-link:hover{color:#8f3d49}
.nav-item.depth-1>.nav-item-header .nav-toggle{color:#b35f6c}
.nav-anchor a{color:#6a8c5e!important;font-size:.73rem}
.nav-anchor a:hover{color:#4a6b40!important}
.nav-toggle-anchor{color:#b35f6c;font-size:.7rem;transition:transform .22s ease}
.anchors-open>.nav-item-header .nav-toggle-anchor{transform:rotate(90deg)}
.nav-item.has-anchors>.nav-anchors{max-height:0;overflow:hidden;transition:max-height .28s ease}
.nav-item.has-anchors.anchors-open>.nav-anchors{max-height:600px}
.nav-sub .nav-item.has-anchors>.nav-anchors{max-height:0;overflow:hidden;transition:max-height .28s ease}
.nav-sub .nav-item.has-anchors.anchors-open>.nav-anchors{max-height:600px}
.nav-item.depth-1>.nav-item-header{background:#fdf8f8;padding-left:1.4rem}
.nav-item.depth-1>.nav-item-header:hover{background:#f9eff0}

/* ── Depth 2 (ex: 1,2,1 / 1,2,2 / 1,2,3) ── */
.nav-item.depth-2>.nav-item-header{background:#f8fdf7;padding-left:.5rem;padding-top:.28rem;padding-bottom:.28rem}
.nav-item.depth-2>.nav-item-header:hover{background:#eff7ed}
.nav-item.depth-2>.nav-item-header .nav-item-link{color:var(--vert-dense);font-weight:500;font-size:.73rem;line-height:1.3}
.nav-item.depth-2>.nav-item-header .nav-item-link:hover{color:#5a7a52}
.nav-item.depth-2>.nav-item-header .nav-toggle-anchor{color:var(--vert-dense);font-size:.65rem}
.nav-item.depth-2 .nav-anchor a{padding:.18rem .4rem .18rem .75rem;font-size:.71rem}
/* nav-anchors dans nav-sub : fix max-height */
.nav-sub .nav-item.has-anchors>.nav-anchors{max-height:0;overflow:hidden;transition:max-height .28s ease}
.nav-sub .nav-item.has-anchors.anchors-open>.nav-anchors{max-height:600px}
.nav-anchors{background:#f4f9f2;padding-left:.5rem}

/* ══ RECHERCHE ══ */
.sidebar-search{padding:.7rem .85rem .85rem;border-top:1px solid var(--gris-clair);margin-top:.5rem}
.search-input-wrap{display:flex;align-items:center;background:#f4f6f9;border:1px solid var(--gris-clair);border-radius:20px;padding:.3rem .6rem .3rem .8rem;gap:.4rem;transition:border-color .18s}
.search-input-wrap:focus-within{border-color:var(--rose-fonce);background:#fff}
.search-icon{font-size:.85rem;flex-shrink:0;opacity:.6}
#nav-search{flex:1;border:none;background:transparent;font-size:.78rem;color:var(--gris-texte);outline:none;font-family:var(--font-corps)}
#nav-search::placeholder{color:#aaa}
.search-clear{display:none;background:none;border:none;color:#aaa;cursor:pointer;font-size:.75rem;padding:0;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:all .15s}
.search-clear:hover{background:var(--gris-clair);color:#555}
.search-results{list-style:none;margin-top:.5rem;border-radius:6px;overflow:hidden;border:1px solid var(--gris-clair);display:none;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.search-results li a{display:block;padding:.45rem .8rem;font-size:.76rem;color:#444;text-decoration:none;border-bottom:1px solid #f0f3f6;transition:background .15s}
.search-results li:last-child a{border-bottom:none}
.search-results li a:hover{background:#fdeef0;color:var(--rose-fonce)}
.search-results li.no-result{padding:.45rem .8rem;font-size:.76rem;color:#aaa;font-style:italic}
.search-results mark{background:rgba(197,207,146,.5);color:inherit;border-radius:2px;padding:0 1px}

/* ══ BURGER ══ */
.burger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;margin-left:.4rem;flex-shrink:0}
.burger-btn span{display:block;width:24px;height:2px;background:rgba(255,255,255,.9);border-radius:2px;transition:all .25s ease}
body.sidebar-open .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.sidebar-open .burger-btn span:nth-child(2){opacity:0}
body.sidebar-open .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99}
.sidebar-overlay.open{display:block}

@media(max-width:860px){
  .burger-btn{display:flex}
  .header-title{display:block!important;font-size:.78rem}
  .layout{flex-direction:row}
  .main-content{margin-left:0!important;width:100%}
  .page-content{padding:1.5rem 1.1rem 3rem!important}
  .article-title{font-size:1.4rem}
  .share-bar{display:none}
  .sidebar{position:fixed!important;top:var(--header-h)!important;left:0;bottom:0;width:88vw!important;max-width:320px;transform:translateX(-110%);transition:transform .28s ease;z-index:100;box-shadow:4px 0 24px rgba(0,0,0,.2)}
  .sidebar.open{transform:translateX(0)}
}

/* ══ COULEURS PAR NIVEAU DE MENU ══ */

/* Niveau 0 : items principaux — gris foncé */
.nav-item.depth-0 > .nav-item-header .nav-item-link,
.nav-item.depth-0 > .nav-item-header .nav-item-link-active {
  color: #2e2e2e;
  font-weight: 600;
  font-size: .84rem;
}
.nav-item.depth-0 > .nav-item-header .nav-item-link:hover { color: #555; }

/* Niveau 1 : sous-parties et conditions — rose/bordeaux */
.nav-item.depth-1 > .nav-item-header .nav-item-link {
  color: #b35f6c;
  font-weight: 600;
  font-size: .81rem;
}
.nav-item.depth-1 > .nav-item-header .nav-item-link:hover { color: #8f3d49; }
.nav-item.depth-1 > .nav-item-header .nav-toggle { color: #b35f6c; }

/* Niveau ancres N3 — vert */
.nav-anchor a {
  color: #6a8c5e !important;
  font-size: .73rem;
}
.nav-anchor a:hover { color: #4a6b40 !important; }

/* Toggle ancres : flèche sur les items depth-1 */
.nav-toggle-anchor {
  color: #b35f6c;
  font-size: .7rem;
  transition: transform .22s ease;
}
.anchors-open > .nav-item-header .nav-toggle-anchor {
  transform: rotate(90deg);
}

/* Ancres cachées par défaut, visibles quand anchors-open */
.nav-item.has-anchors > .nav-anchors {
  max-height: 0;
  overflow: hidden;
  transition: max-height .28s ease;
}
.nav-item.has-anchors.anchors-open > .nav-anchors {
  max-height: 600px;
}

/* Fond subtil par niveau */
.nav-item.depth-1 > .nav-item-header {
  background: #fdf8f8;
  padding-left: 1.4rem;
}
.nav-item.depth-1 > .nav-item-header:hover { background: #f9eff0; }
.nav-anchors { background: #f4f9f2; padding-left: .5rem; }

/* Barre colorée gauche par niveau */

/* ══ TYPEKIT BREE ══ */
/* @import dans le HTML via typekit */
:root {
  --font-titre: 'bree', 'Segoe UI', system-ui, sans-serif;
  --font-corps: 'bree', 'Segoe UI', system-ui, sans-serif;
}

/* ══ MODE SOMBRE ══ */

/* ══ NOTES BAS DE PAGE : liens non soulignés ══ */
a.note-ref {
  color: var(--bleu-fonce);
  text-decoration: none;
  font-weight: 700;
  font-size: .75em;
}
a.note-ref:hover { text-decoration: underline; color: var(--rose); }

/* ══ IMAGES CENTRÉES ══ */
.figure-image {
  display: block;
  margin: 1.75rem auto;
  text-align: center;
  max-width: 100%;
  cursor: zoom-in;
  position: relative;
}
.figure-image img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 2px 14px rgba(0,0,0,.1);
  display: block;
  margin: 0 auto;
}
.figure-image.img-small img { max-width: 45%; }
.figure-image.img-medium img { max-width: 70%; }
@media(max-width:600px) {
  .figure-image.img-small img, .figure-image.img-medium img { max-width: 100%; }
}

/* ══ PRÉCONISATIONS : fond rose pâle ══ */
.preconisation-ceser {
  background: #fdeef0;
  border-color: var(--rose) !important;
}

/* ══ BOUTON THÈME ══ */
.theme-btn {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  border-radius: 4px;
  padding: .2rem .48rem;
  cursor: pointer;
  font-size: .85rem;
  transition: background .18s;
  margin-right: .2rem;
}
.theme-btn:hover { background: rgba(255,255,255,.25); }

/* ══ RECHERCHE : résultats avec surlignage ══ */
.search-results mark {
  background: rgba(197,207,146,.55);
  color: inherit;
  border-radius: 2px;
  padding: 0 2px;
}

/* ══ NOTES DRAWER ══ */
#notes-drawer{position:fixed;bottom:0;right:0;width:380px;max-width:95vw;max-height:55vh;background:#fff;border-top:3px solid var(--rose-fonce);border-left:1px solid var(--gris-clair);box-shadow:-4px -4px 24px rgba(0,0,0,.12);z-index:500;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s ease;border-radius:8px 0 0 0}
#notes-drawer.open{transform:translateY(0)}
#notes-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;background:#fdeef0;border-bottom:1px solid var(--gris-clair);flex-shrink:0;border-radius:8px 0 0 0}
#notes-drawer-num{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--rose-fonce)}
#notes-drawer-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:1rem;line-height:1;padding:.1rem .3rem;border-radius:3px;transition:all .15s}
#notes-drawer-close:hover{background:rgba(0,0,0,.07);color:#555}
#notes-drawer-body{padding:.85rem 1rem 1rem;font-size:.78rem;line-height:1.65;color:var(--gris-texte);overflow-y:auto;flex:1}
#notes-drawer-body a{color:var(--rose-fonce);word-break:break-all;font-size:.73rem}
#notes-drawer-overlay{display:none;position:fixed;inset:0;z-index:499}
#notes-drawer.open~#notes-drawer-overlay{display:block}
@media(max-width:860px){#notes-drawer{width:100%;border-radius:8px 8px 0 0;border-left:none;border-top:3px solid var(--rose-fonce)}}

/* ══ TOOLTIP NOTES ══ */
a.note-ref{position:relative;color:var(--rose-fonce);font-weight:700}
a.note-ref:hover{color:var(--vert-dense)}
a.note-ref::after{
  content:attr(data-tooltip);
  position:absolute;
  bottom:calc(100% + 6px);
  left:50%;
  transform:translateX(-50%);
  background:#2a1a1e;
  color:#f0e0e3;
  font-size:.68rem;
  font-weight:400;
  line-height:1.5;
  padding:.4rem .65rem;
  border-radius:5px;
  white-space:normal;
  width:220px;
  max-width:220px;
  box-shadow:0 3px 12px rgba(0,0,0,.25);
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
  z-index:600;
  text-align:left;
}
a.note-ref::before{
  content:'';
  position:absolute;
  bottom:calc(100% + 1px);
  left:50%;
  transform:translateX(-50%);
  border:5px solid transparent;
  border-top-color:#2a1a1e;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
  z-index:601;
}
a.note-ref:hover::after,
a.note-ref:hover::before{opacity:1}

/* ══ NOTES TOGGLE ══ */
.notes-section{margin-top:3rem;padding:0;background:transparent;border-top:none;border-radius:0}
.notes-toggle-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem 0;color:#aaa;font-size:.72rem;font-family:inherit;transition:color .15s}
.notes-toggle-btn:hover{color:var(--rose-fonce)}
.notes-toggle-btn .notes-toggle-icon{font-size:.6rem;transition:transform .2s}
.notes-toggle-btn.open .notes-toggle-icon{transform:rotate(90deg)}
.notes-toggle-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.notes-toggle-body.open{max-height:4000px}
.notes-toggle-body .notes-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--vert-moyen);margin-bottom:.75rem;padding-top:.75rem;border-top:1px solid var(--gris-clair)}

/* Bouton thème */
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}
.theme-btn svg{display:block}

/* Icônes nav */
.nav-icon{display:inline-flex;align-items:center;width:16px;height:16px;margin-right:.3rem;vertical-align:middle;flex-shrink:0;opacity:.65}

/* RS boutons */
.share-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;transition:all .18s}
.share-btn svg{display:block}
.share-btn.linkedin{background:var(--rose);color:#fff}
.share-btn.facebook{background:var(--rose-fonce);color:#fff}
.share-btn.linkedin:hover{background:var(--rose-fonce)}
.share-btn.facebook:hover{background:#8a2a38}
.share-btn.copy{background:var(--gris-clair);color:var(--gris-texte)}
.share-btn.copy:hover{background:#ccc}

/* Filets nav : seulement entre depth-0 */
.nav-item{border-bottom:none}
.nav-item.depth-0{border-bottom:1px solid var(--gris-clair)}
.nav-item.depth-1,.nav-item.depth-2{border-bottom:none}

/* Header */

/* Sidebar */

/* Depth-1 : fond subtil, pas blanc */

/* Actif depth-1 : fond bordeaux sombre, pas blanc */
  color:#f0c0c8 !important;
  background:transparent !important;
  font-size:.74rem !important
}

/* Depth-2 */

/* Ancres */

/* Contenu principal */

/* Préconisations */

/* Exergue */

/* Tableau sommaire */

/* Tableaux données */

/* Notes */

/* Drawer notes */

/* Navigation prev/next */

/* Footer */

/* Boutons header */
.btn-pdf{background:#1e1828;color:#c0b8d0;border-color:#333}

/* Niveaux de titres */

/* Partager sticky */

/* Recherche */

/* Index hero */

/* CHAPITRE badge */

/* ── Tableaux InDesign (Tableau-simple) ── */
table.Tableau-simple,
.Tableau-simple table{width:100%;border-collapse:collapse}
tr.Tableau-simple td,
td.Tableau-simple{padding:.5rem .8rem;border-bottom:1px solid #e0ddd6;vertical-align:top;background:#f5f3ee;font-size:.83rem}
tr.Tableau-simple:nth-child(even) td.Tableau-simple{background:#ede9e2}
.Intervention-Texte{margin:0;padding:0}
.Texte-colonne{color:#333}
.Texte-colonne-gras{color:#111;font-weight:700}

/* Nav-anchors : fond sombre (light = vert pâle #f4f9f2) */
/* Ancre active : fond discret sombre */
  color:#c8e8c0 !important;
  background:rgba(100,180,90,.12) !important;
  font-weight:600
}

/* Nav-sub : fond sombre */

/* Encadré .exemple (vert) light : texte lisible */
.encadre.exemple .encadre-texte,
.encadre.exemple p{color:#2a3a28 !important}
.encadre.exemple .encadre-titre{color:#2e5028 !important}

background:#151a1e !important;border-color:#3a5060 !important
}

background:#16162a !important;
  border-bottom-color:#222238 !important
}

/* Footer RS SVG visibles */

/* Tableau sommaire */



/* ── Aplats flat bord à bord — AUCUN border-radius, AUCUN margin ── */
body.dark .nav-item-header { border-radius:0 !important; }
body.dark .nav-item.active > .nav-item-header { background:var(--dk-actif-bg) !important; border-radius:0 !important; margin:0 !important; }
body.dark .nav-item.depth-0.active > .nav-item-header { background:var(--dk-actif-bg) !important; }
body.dark .nav-item.depth-1.active > .nav-item-header { background:var(--dk-actif-d1-bg) !important; }
body.dark .nav-item.depth-2.active > .nav-item-header { background:var(--dk-menu-d2-bg) !important; }
body.dark .sidebar a.nav-active-link { border-radius:0 !important; display:block; }
body.dark .nav-sub-item.active a { border-radius:0 !important; }
body.dark .nav-anchor.active > a { border-radius:0 !important; }

/* ════════════════════════════════════════
   MODE SOMBRE — VERSION DÉFINITIVE v31
   Règles uniques, sans conflit, du plus
   général au plus spécifique
   ════════════════════════════════════════ */

/* ── Base ── */
/* ════════════════════════════════════════════════════
   🎨 PALETTE DARK — toutes les couleurs du mode sombre
   Modifier ici pour changer le thème dark globalement
   ════════════════════════════════════════════════════ */
body.dark {
  /* Fonds principaux */
  --dk-bg:           #111118;   /* fond page */
  --dk-sidebar:      #131318;   /* fond sidebar */
  --dk-header:       #1a0f14;   /* barre du haut */
  --dk-footer:       #1a0f14;   /* pied de page */
  --dk-card:         #1a1a26;   /* encadrés neutres */

  /* Menu — items */
  --dk-menu-d0-bg:        transparent;  /* depth-0 normal */
  --dk-menu-d0-text:      #c8c0d8;      /* depth-0 texte */
  --dk-menu-d1-bg:        #1a1028;      /* depth-1 fond */
  --dk-menu-d1-text:      #c8a0b8;      /* depth-1 texte */
  --dk-menu-d2-bg:        #101a10;      /* depth-2 fond */
  --dk-menu-d2-text:      #90be88;      /* depth-2 texte */
  --dk-menu-anchors-bg:   #0d1a0c;      /* ancres fond */
  --dk-menu-anchors-text: #7a9e74;      /* ancres texte */

  /* Menu — états actifs (aplats flat) */
  --dk-actif-bg:     #2a1520;   /* item actif depth-0 */
  --dk-actif-text:   #f0c0c8;   /* texte actif depth-0 */
  --dk-actif-d1-bg:  #2a1828;   /* item actif depth-1 */
  --dk-actif-d1-text:#f0b8cc;   /* texte actif depth-1 */

  /* Textes */
  --dk-text:         #d0d0d8;   /* corps principal */
  --dk-text-muted:   #888;      /* secondaire */
  --dk-rose:         #f0c0c8;   /* rose clair accent */
  --dk-vert:         #90be88;   /* vert clair accent */

  /* Encadrés */
  --dk-encadre-exemple-bg:   #0d1a0c;  /* vert très sombre */
  --dk-encadre-exemple-text: #b0cc9c;
  --dk-encadre-preco-bg:     #1e1020;  /* bordeaux sombre */
  --dk-encadre-preco-text:   #d0b0c8;

  /* Tableaux */
  --dk-table-odd:    #16162a;
  --dk-table-even:   #101020;
  --dk-table-border: #222238;

  /* RS footer */
  --dk-linkedin:     #7a2540;
  --dk-facebook:     #5a1e30;
}

body.dark { background:var(--dk-bg); color:#d0d0d8; }
body.dark .site-header { background:var(--dk-header); }
body.dark .main-content,
body.dark .page-content { background:#111118; }

/* ── Sidebar ── */
body.dark .sidebar { background:var(--dk-sidebar); border-right:1px solid #222230; }

/* ── Boutons haut ── */
body.dark .btn-action.btn-web { background:#2a1520; color:#e8a0aa; border-color:#3a2030; }
body.dark .btn-action.btn-pdf { background:#1a1a28; color:#b8b0cc; border-color:#2a2a3a; }
body.dark .btn-action.btn-pdf img { filter:brightness(0) invert(1) opacity(.65); }

/* ── MENU : depth-0 (Introduction, 1:, 2:, Conclusion…) ──
   Texte clairement visible, fond neutre sombre */
body.dark .nav-item.depth-0 > .nav-item-header { background:transparent; }
body.dark .nav-item.depth-0 > .nav-item-header .nav-item-link,
body.dark .nav-item.depth-0 > .nav-item-header .nav-item-link-active { color:#c8c0d8 !important; font-weight:600; }
body.dark .nav-item.depth-0 > .nav-item-header:hover .nav-item-link { color:#f0c0c8 !important; }
body.dark .nav-item.depth-0 > .nav-item-header .nav-icon { opacity:.5; }

/* Item actif depth-0 */
body.dark .nav-item.depth-0.active > .nav-item-header { background:var(--dk-actif-bg); }
body.dark .nav-item.depth-0.active > .nav-item-header .nav-item-link { color:#f0c0c8 !important; }

/* Séparateurs depth-0 */
body.dark .nav-item.depth-0 { border-bottom:1px solid #222230; }

/* ── MENU : depth-1 (Conditions, sous-parties) ── */
body.dark .nav-item.depth-1 > .nav-item-header { background:#1a1028; }
body.dark .nav-item.depth-1 > .nav-item-header .nav-item-link,
body.dark .nav-item.depth-1 > .nav-item-header .nav-item-link-active { color:#c8a0b8 !important; font-size:.78rem !important; }
body.dark .nav-item.depth-1 > .nav-item-header:hover { background:#221530; }
body.dark .nav-item.depth-1.active > .nav-item-header { background:var(--dk-actif-d1-bg) !important; }
body.dark .nav-item.depth-1.active > .nav-item-header .nav-item-link { color:var(--dk-actif-d1-text) !important; text-decoration:none !important; }

/* ── MENU : depth-2 (vert) ── */
body.dark .nav-item.depth-2 > .nav-item-header { background:#101a10 !important; }
body.dark .nav-item.depth-2 > .nav-item-header .nav-item-link { color:#90be88 !important; font-size:.73rem !important; }

/* ── MENU : nav-sub (liste sous conditions) ── */
body.dark .nav-sub { background:#131318 !important; }
body.dark .nav-sub-item a { color:#9090b8 !important; background:transparent !important; }
body.dark .nav-sub-item a:hover { color:#d4a0aa !important; background:#1a1025 !important; }
body.dark .nav-sub-item.active a { color:#f0b8cc !important; background:#1e1028 !important; }

/* ── MENU : nav-anchors (ancres de section, fond vert clair en light) ── */
body.dark .nav-anchors { background:#0d1a0c !important; }
body.dark .nav-anchor::before { color:#3a5836 !important; }
body.dark .nav-anchor a { color:#7a9e74 !important; }
body.dark .nav-anchor a:hover { color:#a8d0a0 !important; }
body.dark .nav-anchor.active > a { color:#c8e8c0 !important; background:rgba(100,180,90,.1) !important; }

/* ── MENU : toggle arrows ── */
body.dark .nav-toggle { color:#555; }
body.dark .nav-item.open > .nav-item-header > .nav-toggle { color:#9dbf96; }

/* ── Contenu article ── */
body.dark .article-title { color:#f0c0c8; }
body.dark .article-body, body.dark .corps { color:var(--dk-text); }
body.dark .chapeau { background:#1a1428; color:#c0b8d8; }
body.dark .niveau-2 { color:#e8b4bc; border-color:#2a2030; }
body.dark .niveau-3 { color:#9dbf96; }
body.dark .niveau-4 { color:#b0c8ae; }
body.dark .niveau-5 { color:#a0b89e; }
body.dark .annexe-titre { color:#e8b4bc; border-color:#2a2030; }
body.dark .article-badge { background:#2a1520; color:#e8a0aa; }

/* ── Encadrés ── */
/* Exemple (vert) */
body.dark .encadre.exemple { background:#0d1a0c !important; border-color:#3a6030 !important; }
body.dark .encadre.exemple .encadre-titre { color:#8dbf84 !important; }
body.dark .encadre.exemple .encadre-texte,
body.dark .encadre.exemple p,
body.dark .encadre.exemple i { color:#b0cc9c !important; }
/* Préconisation (rose) */
body.dark .encadre.preconisation,
body.dark .encadre.preconisation-ceser { background:#1e1020 !important; border-color:#7a3060 !important; }
body.dark .encadre.preconisation .encadre-titre,
body.dark .encadre.preconisation-ceser .encadre-titre { color:#e8a0c0 !important; }
body.dark .encadre.preconisation .encadre-texte,
body.dark .encadre.preconisation p { color:#d0b0c8 !important; }
/* Autres encadrés */
body.dark .encadre:not(.exemple):not(.preconisation):not(.preconisation-ceser) { background:#151a25 !important; border-color:#3a5070 !important; }
body.dark .encadre:not(.exemple):not(.preconisation):not(.preconisation-ceser) .encadre-texte,
body.dark .encadre:not(.exemple):not(.preconisation):not(.preconisation-ceser) p { color:#b8c8d4 !important; }

/* ── Tableau sommaire ── */
body.dark .sommaire-table td { border-color:#1e1e30 !important; }
body.dark .tbl-header { background:#3a1a24 !important; }
body.dark .tbl-header a { color:#f5d0d8 !important; }
body.dark .tbl-chapitre { background:#1e1428 !important; }
body.dark .tbl-chapitre a { color:#d8c8e8 !important; }
body.dark .tbl-sub-header { background:#261828 !important; }
body.dark .tbl-sub-header a { color:#e8b8c8 !important; }
body.dark .tbl-n3 { background:#141420 !important; }
body.dark .tbl-n3 a { color:#9898c8 !important; }
body.dark .tbl-cond { background:#0d1a0c !important; }
body.dark .tbl-cond a { color:#90c890 !important; }
body.dark .cond-num { color:#70b870 !important; }
body.dark .tbl-annexes-header { background:#1a1a30 !important; }
body.dark .tbl-annexes-header a { color:#b8b8d8 !important; }
body.dark .tbl-fiche { background:#101020 !important; }
body.dark .tbl-fiche a { color:#8080b8 !important; }

/* ── Tableaux InDesign (composition, personnes) ── */
body.dark tr.Tableau-simple td,
body.dark td.Tableau-simple { background:#16162a !important; border-bottom-color:#222238 !important; }
body.dark tr.Tableau-simple:nth-child(even) td.Tableau-simple { background:#101020 !important; }
body.dark .Texte-colonne { color:#b8b8d8 !important; }
body.dark .Texte-colonne-gras { color:#e0e0f0 !important; }
body.dark .Intervention-Texte { color:#b8b8d8 !important; }

/* ── Notes ── */
body.dark .notes-section { background:#131318; }
body.dark .notes-toggle-btn { color:#555; }
body.dark .notes-toggle-btn:hover { color:#d4a0aa; }
body.dark .note-item { color:#888; }
body.dark a.note-ref { color:#e8a0aa; }
body.dark a.note-ref:hover { color:#9dbf96; }
body.dark #notes-drawer { background:#131318; border-left-color:#252530; }
body.dark #notes-drawer-header { background:#1c1020; }
body.dark #notes-drawer-body { color:#c8c8d8; }

/* ── Navigation prev/next ── */
body.dark .page-nav a { background:#1a1a26; color:#c0c0d0; border-color:#252530; }
body.dark .page-nav a:hover { background:#22222e; }
body.dark .page-nav .nav-label { color:#666; }

/* ── Footer ── */
body.dark .site-footer { background:var(--dk-footer); }
body.dark .footer-info { color:#555; }
body.dark .site-footer .share-btn.linkedin { background:var(--dk-linkedin) !important; color:#fff !important; }
body.dark .site-footer .share-btn.facebook { background:var(--dk-facebook) !important; color:#fff !important; }
body.dark .site-footer a[href*="ceser-nouvelle-aquitaine.fr"] { color:#8888b8 !important; }
body.dark .footer-social-sep { color:#333; }

/* ── Partager sticky ── */
body.dark .partager-label { color:#444; }
body.dark .partager-sticky .share-btn.linkedin { background:#7a2540; }
body.dark .partager-sticky .share-btn.facebook { background:#5a1e30; }
body.dark .partager-sticky .share-btn.copy { background:#252530; color:#888; }

/* ── Recherche ── */
body.dark #nav-search { background:#1a1a26; border-color:#333; color:#ccc; }
body.dark #nav-search::placeholder { color:#555; }
body.dark .search-results li a { color:#b8b8d0; }

/* ── Index hero ── */
body.dark .index-eyebrow { color:#666; }
body.dark .index-title { color:#f0c0c8; }
body.dark .index-subtitle { color:#888; }

/* LIGHT flat bord à bord */
.nav-item-header { border-radius:0 !important; }
.nav-item.active > .nav-item-header { border-radius:0 !important; margin:0 !important; }
.nav-sub-item.active a { border-radius:0 !important; margin:0 !important; }
.nav-anchor.active > a { border-radius:0 !important; margin:0 !important; }

/* LIGHT: fond pleine largeur sur le header contenant le lien actif */
.nav-item-header:has(a.nav-active-link),
.nav-item-header:has(.nav-item-link-active) {
  background: #fdeef0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.nav-item-header:has(a.nav-active-link) .nav-item-link,
.nav-item-header:has(a.nav-active-link) a {
  color: var(--rose-fonce) !important;
  font-weight: 700;
  background: transparent !important;
}