body{margin:0;background:#F7F6F2;color:#111111;font-family:Archivo, 'Segoe UI', system-ui, sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{width:100%}
.colonne{max-width:46rem;margin:0 auto;padding:1.4rem 1.25rem}
.wrap.large .colonne{max-width:64rem}
.colonne:last-child{padding-bottom:3rem}
.colonne>:first-child{margin-top:0}
.bande{width:100%}
.bande .dedans{max-width:46rem;margin:0 auto;padding:1.8rem 1.25rem 2rem}
.wrap.large .bande .dedans{max-width:64rem}
.bande .dedans>:first-child{margin-top:0}
.bande .dedans>:last-child{margin-bottom:0}
.bande.jaune{background:#F2C400;color:#111111}
.bande.jaune a{color:#111111} .bande.jaune a:hover{color:#F7F6F2}
.bande.jaune .sous,.bande.jaune .chapeau{color:#111111}
.bande.encre{background:#111111;color:#F7F6F2}
.bande.encre a{color:#F2C400} .bande.encre a:hover{color:#F7F6F2}
.bande.encre .ch{border-top-color:#F2C400}
.bande.encre .ch .v{color:#F2C400}
.bande.encre .ch .l,.bande.encre .sous,.bande.encre .completude,.bande.encre .nb,.bande.encre .ctx{color:#F7F6F2;opacity:.85}
.bande.encre .note{border-left-color:#F2C400;color:#F7F6F2}
.bande.jaune .note{border-left-color:#111111}
.bande.jaune .nb,.bande.jaune .ctx,.bande.jaune .completude{color:#111111}
main>.bande:first-child .dedans{padding-top:2.2rem}
a{color:#111111;text-underline-offset:.15em;text-decoration-thickness:1px}
a:hover{color:#6B5400}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #111111;outline-offset:2px}
strong,b{font-weight:600}

.barre{background:#111111;color:#F7F6F2}
.barre-int{max-width:64rem;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.barre a{color:#F7F6F2;text-decoration:none} .barre a:hover{color:#F2C400}
.barre a:focus-visible{outline:3px solid #F2C400;outline-offset:2px}
.logo{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:900;font-size:1.5rem;line-height:1;letter-spacing:.02em;text-transform:uppercase}
.barre nav{display:flex;align-items:center;gap:1.1rem;font-size:.9rem;font-weight:600;min-width:0}
.barre-int{flex-wrap:wrap}
.rech{position:relative;display:flex;flex:1 1 16rem;max-width:26rem;min-width:12rem}
.rech input{flex:1;min-width:0;font:inherit;font-size:.95rem;height:2.5rem;padding:0 .7rem;border:2px solid #F7F6F2;border-right:0;border-radius:0;background:#111111;color:#F7F6F2}
.rech input::placeholder{color:#9A958C;opacity:1}
.rech button{font:inherit;font-size:.9rem;font-weight:600;height:2.5rem;padding:0 .8rem;border:2px solid #F7F6F2;border-radius:0;background:#F7F6F2;color:#111111;cursor:pointer}
.rech button:hover{background:#F2C400}
.rech-page{max-width:34rem;margin:1rem 0 1.4rem;flex:0 1 auto}
.rech-page input{border-color:#111111;background:#F7F6F2;color:#111111;height:3rem}
.rech-page input::placeholder{color:#5C5C5C}
.rech-page button{border-color:#111111;background:#111111;color:#F7F6F2;height:3rem}
.rech-page button:hover{background:#6B5400}
.sugg{position:absolute;top:2.5rem;left:0;right:0;background:#F7F6F2;color:#111111;border:2px solid #111111;border-top:0;z-index:5;max-height:60vh;overflow:auto}
.sugg a{display:block;padding:.5rem .7rem;border-top:1px solid #D9D7D0;color:#111111;text-decoration:none}
.sugg a:first-child{border-top:0}
.sugg a:hover,.sugg a.on,.sugg a:focus{background:#F2C400;color:#111111;outline:none}
.sugg b{display:block;font-weight:600;font-size:.95rem}
.sugg span{display:block;font-size:.875rem;color:#5C5C5C}
ul.res{list-style:none;padding:0;margin:.4rem 0 1.4rem}
ul.res li{border-top:1px solid #D9D7D0}
ul.res li:last-child{border-bottom:1px solid #D9D7D0}
ul.res a{display:block;padding:.7rem 0;text-decoration:none;min-height:2.75rem}
ul.res a:hover{background:#EFEDE7}
ul.res b{display:block;font-weight:600}
ul.res .ctx{display:block;font-size:.875rem;color:#5C5C5C}
.mentions-index{columns:2;gap:2.5rem;list-style:none;padding:0;margin:.4rem 0 1.6rem;font-size:.95rem;line-height:1.9}
.mentions-index li{break-inside:avoid;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #D9D7D0}
.mentions-index .nb{font-variant-numeric:tabular-nums}
@media (max-width:640px){.mentions-index{columns:1} .barre-int{gap:.6rem} .rech{order:3;flex-basis:100%;max-width:none}}
.barre .fil{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Cibles de pointage : 24 px minimum de haut, critere 2.5.8 de WCAG 2.2 au
   niveau AA. La regle vise les liens de navigation, hors liens en texte
   courant, que le critere dispense explicitement. Mesure du 3 septembre
   2026 : le fil d'Ariane etait a 16 px et le lien de methode a 22 px. */
.barre a,.topbar a,.nav-pied a,.sources a,.sugg a{display:inline-block;min-height:24px;line-height:1.6}
.sugg a{padding:.45rem .7rem}

h1{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:900;font-size:clamp(2.4rem,8vw,3.6rem);line-height:.92;letter-spacing:-.005em;text-transform:uppercase;margin:1.1rem 0 .3rem;text-wrap:balance}
h1.marque{font-size:clamp(3.4rem,16vw,6.5rem);line-height:.88}
.chapeau{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:700;font-size:1.5rem;line-height:1;text-transform:uppercase;margin:0 0 .6rem}
.sous{color:#5C5C5C;font-size:.94rem;margin:0 0 1rem}
.ouverture{font-size:1.05rem;line-height:1.5;margin:1rem 0}
.millesime{font-size:.875rem;color:#5C5C5C;margin:.4rem 0 0}
h2{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:700;font-size:1.9rem;line-height:1;text-transform:uppercase;margin:2.6rem 0 .9rem;padding-top:.7rem;border-top:6px solid #F2C400}
.bande h2{border-top-color:#111111;margin-top:1.6rem}
.bande.encre h2{border-top-color:#F2C400}
h3{font-size:1rem;font-weight:600;margin:1.6rem 0 .4rem}

.tete{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin:.8rem 0 1rem}
.tete .v{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:900;font-size:clamp(4.5rem,20vw,7.5rem);line-height:.8;letter-spacing:-.02em;color:#111111;animation:glisse .6s cubic-bezier(.2,.8,.2,1) both}
.bande.jaune .tete .v{color:#111111}
.bande.encre .tete .v{color:#F2C400}
.tete .v small{font-size:.55em;vertical-align:.32em}
.tete .l{font-size:.98rem;line-height:1.3;padding-bottom:.35rem;max-width:22rem}
@keyframes glisse{from{transform:translateX(2rem);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.tete .v{animation:none}}

.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.9rem 1.4rem;margin:1rem 0}
.ch{border-top:3px solid #111111;padding-top:.4rem}
.ch .v{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:700;font-size:2.1rem;line-height:1;text-transform:uppercase}
.ch .l{font-size:.875rem;color:#5C5C5C;line-height:1.3}
.ch .c{font-size:.875rem;color:#5C5C5C}

figure{margin:1.2rem 0}
figcaption{font-size:.875rem;color:#5C5C5C;line-height:1.45;margin-top:.4rem}
figcaption b{color:#111111;font-weight:600}
svg{width:100%;height:auto;display:block}
.fig{overflow-x:auto}
@media (min-width:641px){.fig svg{min-width:600px}}
a.pt .vis{transition:r .1s} a.pt:hover .vis{stroke:#111111;stroke-width:2.5}
a.pt:focus-visible{outline:none} a.pt:focus-visible circle:first-of-type{fill:none;stroke:#111111;stroke-width:2}
.lab-num{display:none}
@media (max-width:640px){.lab{display:none} .lab-num{display:block}}
details.transcription{font-size:.875rem;color:#5C5C5C;margin:.4rem 0 1rem} details.transcription summary{cursor:pointer;font-weight:600}
details.transcription ol{margin:.4rem 0 0;padding-left:0;list-style:none;columns:2;gap:2rem} details.transcription li{break-inside:avoid;margin:.1rem 0}

.bandeau{font-size:1rem;line-height:1.5;margin:.6rem 0 1rem;max-width:44rem}
.outils{display:none;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.8rem 0} html.js .outils{display:flex}
.outils .compteur{font-size:.875rem;color:#5C5C5C}
.outils input[type=search]{font:inherit;font-size:.95rem;height:2.75rem;padding:0 .7rem;border:2px solid #111111;border-radius:0;min-width:15rem;background:#F7F6F2;color:#111111}
.outils button{font:inherit;font-size:.9rem;font-weight:600;height:2.75rem;padding:0 .9rem;border:2px solid #111111;border-radius:0;background:#F7F6F2;color:#111111;cursor:pointer}
.outils button:hover{background:#111111;color:#F7F6F2}
.outils select{font:inherit;font-size:.9rem;font-weight:600;height:2.75rem;padding:0 .6rem;border:2px solid #111111;border-radius:0;background:#F7F6F2;color:#111111;cursor:pointer;max-width:14rem}
.lien-action{font:inherit;font-weight:600;color:#111111;background:none;border:0;padding:.5rem 0;cursor:pointer;text-align:left;min-height:2.75rem}
.lien-action:hover{color:#6B5400}
.lien-action.dedans::before{content:"▪ ";color:#F2C400}
td.cmp,th.cmp{width:2.5rem;padding-right:0}
.case{font:inherit;font-weight:700;font-size:1rem;line-height:1;width:2rem;height:2rem;border:2px solid #111111;background:#F7F6F2;color:#111111;cursor:pointer}
.case:hover{background:#F2C400}
.case.dedans{background:#111111;color:#F7F6F2}
.case.dedans::after{content:""}
a.comparateur-lien{font-weight:600}
.jetons{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .6rem} .jetons:empty{margin:0}
.jeton{font:inherit;font-size:.875rem;font-weight:600;min-height:2.25rem;padding:0 .7rem;border:0;border-radius:0;background:#F2C400;color:#111111;cursor:pointer}
.jeton:hover{background:#111111;color:#F7F6F2}
.jeton.vide{background:transparent;border:2px solid #111111}
.compteur{font-size:.875rem;color:#5C5C5C;margin:.2rem 0 .8rem}
.sommaire{font-size:.9rem;line-height:1.7;columns:2;gap:2rem;margin:.6rem 0 1rem;padding:0;list-style:none} .sommaire li{break-inside:avoid}
.sommaire .nb{margin-left:.3rem}
@media (max-width:640px){.sommaire{columns:1;font-size:.875rem;line-height:1.5} .sommaire .nb{display:block;margin:0} details.transcription ol{columns:1;list-style:decimal;padding-left:1.4rem}}
.tablebox{background:transparent;border:0}
@media (max-width:640px){.tablebox{overflow-x:auto}}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th{font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:#F7F6F2;font-weight:600;text-align:left;padding:.55rem .7rem;line-height:1.25;vertical-align:bottom;background:#111111}
th:first-child{padding-left:.5rem}
th .nb,th .ctx,th .completude{color:#F7F6F2;opacity:.8}
th a{color:#F2C400} th a:hover{color:#F7F6F2}
table.comparateur th{position:sticky;top:0;z-index:1}
th.tri{cursor:pointer} th.tri:hover{color:#F2C400} th.tri:focus-visible{color:#F2C400;outline:3px solid #F2C400;outline-offset:-3px}
th.tri[aria-sort=ascending]::after{content:" ↑"} th.tri[aria-sort=descending]::after{content:" ↓"}
td{padding:.6rem .7rem;border-bottom:1px solid #D9D7D0;vertical-align:top}
td:first-child{padding-left:.5rem}
tr:last-child td{border-bottom:none}
.num{font-variant-numeric:tabular-nums lining-nums;text-align:right;white-space:nowrap}
.note{font-size:.9rem;line-height:1.5;border-left:2px solid #111111;padding:.2rem 0 .2rem 1rem;margin:1rem 0;max-width:44rem}
tbody.grp tr.univ{cursor:pointer} tbody.grp tr.univ:focus-visible{outline:3px solid #111111;outline-offset:-3px}
html.js tbody.grp tr.univ td:first-child::before{content:"▸ ";color:#5C5C5C}
html.js tbody.grp.open tr.univ td:first-child::before{content:"▾ ";color:#5C5C5C}
html.js tbody.grp tr.seule td:first-child::before{content:""}
tr.variante td{background:#EFEDE7}
html.js tbody.grp:not(.open) tr.variante{display:none}
tbody.grp:target tr.univ td{box-shadow:inset 4px 0 0 #F2C400} tbody.grp:target{scroll-margin-top:3rem}
tr.variante td:first-child{padding-left:1.7rem;font-size:.92em}
tbody.renvoi td{background:#EFEDE7}
.nb{font-size:.875rem;color:#5C5C5C;margin-left:.4rem;white-space:nowrap}
.completude{font-size:.875rem;color:#5C5C5C;line-height:1.5}
.actions{display:flex;flex-direction:column;margin:1.4rem 0}
.actions a{display:flex;justify-content:space-between;align-items:center;min-height:2.75rem;padding:.5rem 0;border-top:1px solid #D9D7D0;text-decoration:none;font-weight:600;gap:1rem}
.actions a:last-child{border-bottom:1px solid #D9D7D0}
.actions.situations a{align-items:flex-start;padding:.9rem 0}
.actions.situations b{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:700;font-size:1.65rem;line-height:1.05;text-transform:uppercase;display:block}
.actions.situations a:hover b{background:#F2C400;box-shadow:.2rem 0 0 #F2C400,-.2rem 0 0 #F2C400}
.actions.situations .ctx{display:block;font-weight:400;font-size:.875rem;color:#5C5C5C;line-height:1.4;margin-top:.15rem;max-width:34rem}
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:3rem;padding:0 1rem;background:#111111;color:#F7F6F2;text-decoration:none;font-weight:600}
.bouton:hover{background:#6B5400;color:#F7F6F2}
.bouton.creux{background:transparent;color:#111111;border:2px solid #111111} .bouton.creux:hover{background:#111111;color:#F7F6F2}
.sources{margin-top:2rem;border-top:1px solid #D9D7D0;padding-top:.8rem;font-size:.875rem;color:#5C5C5C;line-height:1.5}
.nav-pages{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;margin:1.2rem 0;font-weight:600}
.pied{background:#111111;color:#F7F6F2;font-size:.875rem;line-height:1.7;margin-top:2.4rem}
.pied .dedans{max-width:64rem;margin:0 auto;padding:1.4rem 1.25rem 1.8rem}
.pied a{color:#F2C400} .pied a:hover{color:#F7F6F2}
/* Navigation persistante : premiere ligne du pied, detachee par un filet, et
   cibles de 24 px minimum comme l'exige WCAG 2.2 au niveau AA. */
.nav-pied{font-family:Archivo, 'Segoe UI', system-ui, sans-serif;font-weight:600;font-size:.94rem;padding-bottom:.9rem;margin-bottom:.9rem;border-bottom:1px solid #3a3a3a}
.nav-pied a{display:inline-block;min-height:24px;line-height:24px;padding:0 .1em}
dl.glossaire dt{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:700;font-size:1.3rem;text-transform:uppercase;margin-top:1.4rem}
dl.glossaire dd{margin:.2rem 0 0}
.evite{position:absolute;left:-999px;top:0;background:#F2C400;color:#111111;padding:.5rem 1rem;font-weight:600;z-index:2} .evite:focus{left:.5rem;top:.5rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
details.sommaire-bloc summary{font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:700;font-size:1.3rem;text-transform:uppercase;margin:1.6rem 0 .4rem;cursor:pointer}
details.secteur{border-bottom:1px solid #D9D7D0;padding:.7rem 0}
details.secteur summary{cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;font-weight:700;font-size:1.5rem;text-transform:uppercase}
details.secteur .liens{margin:.7rem 0 .2rem;font-size:.92rem;line-height:2}