/* Grille de lecture : papier quadrillé, encre, jaune surligneur. */
:root{
  --v08mpne:#f6f4ec;
  --v5fxp5q:#dfe4ea;
  --vdqd9qo:#ffffff;
  --v5zvcu0:#17150f;
  --v8vood5:#2e2b23;
  --v45y69z:#615d52;
  --v2gkicp:#bdb7a6;
  --ve01qjl:#cfc8b6;
  --vb79cjh:#faf8f2;
  --v4uaca0:#ffe14d;
  --v51tqlm:#fff3b0;
  --v5257l8:#24507a;
  --v3rio59:#22201a;
  --v9t7wpn:#ffffff;
  --vff9o3p:Bahnschrift,"DIN Alternate","Barlow Semi Condensed","Arial Narrow",sans-serif;
  --vc6dlfz:Corbel,"Gill Sans","Gill Sans MT","Noto Sans",sans-serif;
  --v87tmt1:62px;
  --ve97402:1360px;
}

/* --vc2y1ts base --vc2y1ts */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--v08mpne);color:var(--v5zvcu0);font:16px/1.6 var(--vc6dlfz);font-variant-numeric:lining-nums;display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto;overflow-x:clip}
[id]{scroll-margin-top:76px}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--vff9o3p);font-weight:700;line-height:1.15;margin:0}
h1{font-size:30px}
h2{font-size:24px;margin-bottom:18px}
h2::before{content:"";display:block;width:48px;height:6px;background:var(--v4uaca0);margin-bottom:14px}
h3{font-size:19px}
p{margin:0 0 1em;max-width:75ch}
a{color:var(--v5257l8)}
dl,ul,ol{margin:0}
dd{margin:0}
sup{font-size:.7em;line-height:0}
.cemsyuj{max-width:var(--ve97402);margin:0 auto;padding:0 16px}
.c1vdz4p{position:absolute;left:8px;top:-80px;z-index:60;padding:10px 16px;background:var(--v4uaca0);color:var(--v5zvcu0);font-weight:700;border:2px solid var(--v5zvcu0);border-radius:4px}
.c1vdz4p:focus{top:8px}

/* --vc2y1ts boutons --vc2y1ts */
.cg37hd7{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;white-space:nowrap;padding:0 20px;background:var(--v4uaca0);color:var(--v5zvcu0);border:2px solid var(--v5zvcu0);border-radius:4px;font:700 16px/1 var(--vff9o3p);text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}
.cg37hd7:hover{background:var(--v5zvcu0);color:var(--v4uaca0)}
.cg37hd7:focus-visible{outline:3px solid var(--v5257l8);outline-offset:2px}
.bouton--v12e28w{min-height:56px;padding:0 28px;font-size:19px}
.bouton--v54w92f{min-height:40px;padding:0 16px}
.c3lo26j{min-height:30px;padding:0 10px;font-size:13px;background:var(--v5zvcu0);color:var(--v4uaca0)}
.c3lo26j:hover{background:var(--v4uaca0);color:var(--v5zvcu0)}

/* --vc2y1ts bandeau et tiroir --vc2y1ts */
.cf388hk{position:sticky;top:0;z-index:30;height:var(--v87tmt1);background:var(--v5zvcu0);color:var(--vdqd9qo)}
.cb699ba{display:flex;align-items:center;gap:14px;height:var(--v87tmt1)}
.ceuyvg6{display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--vdqd9qo);font:700 19px/1 var(--vff9o3p);text-decoration:none;white-space:nowrap}
.ceuyvg6 svg{display:block;flex:none}
.cg1jn3q{display:none}
.bouton--v50nnlw{min-height:40px;padding:0 18px;border-color:var(--v4uaca0)}
.bouton--v50nnlw:hover{background:var(--vdqd9qo);border-color:var(--vdqd9qo);color:var(--v5zvcu0)}
.cf388hk a:focus-visible,.cf388hk button:focus-visible{outline:3px solid var(--v4uaca0);outline-offset:2px}
#burger{display:flex;flex-direction:column;justify-content:center;gap:5px;flex:none;width:44px;height:44px;padding:0 11px;background:transparent;border:2px solid var(--v2gkicp);border-radius:4px;cursor:pointer}
#burger span{display:block;height:2px;background:var(--vdqd9qo)}
#tiroir{display:none;position:fixed;inset:var(--v87tmt1) 0 0 0;overflow:auto;padding:8px 24px 40px;background:var(--v5zvcu0)}
html[data-tiroir="ouvert"]{overflow:hidden}
html[data-tiroir="ouvert"] #tiroir{display:block}
#tiroir nav{display:flex;flex-direction:column}
#tiroir a{padding:16px 0;border-bottom:1px dotted var(--v45y69z);color:var(--vdqd9qo);font:700 20px/1.2 var(--vff9o3p);text-decoration:none}
#tiroir a:focus-visible{outline:3px solid var(--v4uaca0);outline-offset:-3px}

/* --vc2y1ts #tete : papier quadrillé et tableau d'affichage --vc2y1ts */
#tete{padding:16px 0 28px;background-color:var(--v08mpne);background-image:linear-gradient(var(--v5fxp5q) 1px,transparent 1px),linear-gradient(90deg,var(--v5fxp5q) 1px,transparent 1px);background-size:24px 24px;border-bottom:2px solid var(--v5zvcu0)}
.cbw4ibt{display:flex;flex-direction:column;gap:12px}
.c6ai0gt{display:contents}
.cesou8s{order:1;margin:0;font-size:14px;line-height:1.4;color:var(--v45y69z)}
#tete h1{order:2;line-height:1.12}
#tete-grille{order:3}
.c7cibqu{order:4;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.c3qvx3e{order:5;margin:0}
.cbhgtjb{background:linear-gradient(transparent 58%,var(--v4uaca0) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.c63guj3{font-size:14px;line-height:1.4;color:var(--v45y69z)}
#tete-grille{padding:14px 12px 12px;background:var(--v5zvcu0);color:var(--vdqd9qo);border-radius:6px;box-shadow:6px 6px 0 var(--v4uaca0)}
.cbbrzio{display:flex;justify-content:space-between;gap:10px;font:700 11px/1.2 var(--vff9o3p);letter-spacing:.14em;text-transform:uppercase;color:var(--v2gkicp)}
.cd4dvhv{text-align:right}
#tete-grille ol{margin:8px 0 0;padding:0;list-style:none}
#tete-grille li{display:grid;grid-template-columns:30px max-content minmax(0,1fr) auto;grid-template-areas:"rang tuile qui bouton" "dl dl dl dl";align-items:center;gap:8px 10px;padding:8px 0;border-top:1px dotted var(--v45y69z)}
#tete-grille .c3bvier{grid-area:rang;font:700 32px/1 var(--vff9o3p);color:var(--v4uaca0)}
#tete-grille .cbjlplf{grid-area:tuile}
#tete-grille .c8ac83s{grid-area:qui}
#tete-grille .bouton--vea06ru{grid-area:bouton}
#tete-grille dl{grid-area:dl;display:grid;grid-template-columns:auto auto;justify-content:start;gap:4px 22px}
#tete-grille dl div:first-child{grid-column:1 / -1}
#tete-grille dt{font:700 10px/1.2 var(--vff9o3p);letter-spacing:.12em;text-transform:uppercase;color:var(--v2gkicp)}
#tete-grille dd{font:700 17px/1.15 var(--vff9o3p);color:var(--v4uaca0)}
.bouton--vea06ru{padding:0 16px;border-color:var(--v4uaca0)}
.bouton--vea06ru:hover{background:var(--vdqd9qo);border-color:var(--vdqd9qo);color:var(--v5zvcu0)}
.c4yjejq{display:inline-block;margin-top:8px;color:var(--v4uaca0);font-weight:700}
.c4yjejq:focus-visible,#tete-grille .cg37hd7:focus-visible{outline:3px solid var(--v4uaca0);outline-offset:2px}
.cbjlplf{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:4px 8px;border-radius:4px}
.tuile--v85wj56{background:var(--v3rio59);border:1px solid #3a372e}
.tuile--v5444qw{background:var(--v9t7wpn)}
.cbjlplf img{display:block}
#tete-grille .cbjlplf img{width:auto;height:32px}
.c9xj3vi{font:700 17px/1.2 var(--vff9o3p)}
.ccmy2jd,.c5ys5n2{display:inline-block;margin-left:8px;padding:1px 6px;border:1px solid currentColor;border-radius:3px;font:700 10px/1.4 var(--vff9o3p);letter-spacing:.06em;text-transform:uppercase}
.c5ys5n2{white-space:nowrap}
#tete-grille .c8ac83s{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
#tete-grille .c9xj3vi{font-size:16px;color:var(--vdqd9qo)}
#tete-grille .ccmy2jd{margin-left:0;color:var(--v2gkicp)}

/* --vc2y1ts #grille --vc2y1ts */
#grille{padding:48px 0 40px;background:var(--vdqd9qo)}
.c2zcpyw{display:inline-block;margin:0 0 8px;font-size:13px;font-weight:700;color:var(--v45y69z)}
.c2zcpyw::before{content:"\2190";margin-right:8px}
.c9bd33z{overflow-x:auto;margin:0 16px;padding:0 0 12px;-webkit-overflow-scrolling:touch}
.c9bd33z:focus-visible{outline:3px solid var(--v5257l8);outline-offset:-3px}
#t-grille{width:100%;min-width:1140px;border-collapse:collapse;font-size:14px;line-height:1.4;font-variant-numeric:lining-nums tabular-nums}
#t-grille caption{padding:0 0 8px;caption-side:top;text-align:left;font-size:13px;color:var(--v45y69z)}
#t-grille th,#t-grille td{padding:10px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--ve01qjl)}
#t-grille td:nth-child(2){min-width:150px}
#t-grille thead th{padding:12px 10px;background:var(--v5zvcu0);color:var(--vdqd9qo);font:700 13px/1.2 var(--vff9o3p);letter-spacing:.05em;text-transform:uppercase;border-bottom:0}
#t-grille thead th:first-child{position:sticky;left:0;z-index:2;border-right:2px solid var(--v5zvcu0)}
#t-grille tbody tr:nth-child(even) td{background:var(--vb79cjh)}
#t-grille tbody th{position:sticky;left:0;z-index:1;min-width:196px;padding:8px 10px;background:var(--vdqd9qo);border-right:2px solid var(--v5zvcu0)}
#t-grille tbody tr:nth-child(even) th{background:var(--vb79cjh)}
#t-grille td.cdr3bpa,#t-grille tbody tr:nth-child(even) td.cdr3bpa{background:var(--v51tqlm);font-weight:700;white-space:nowrap}
#t-grille td:nth-child(5){white-space:nowrap}
#t-grille td.c9d0w81{color:var(--v45y69z);font-style:italic}
.celhhvh{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"rang tuile bouton" "rang qui bouton";align-items:center;column-gap:10px;row-gap:3px}
.celhhvh .c3bvier{grid-area:rang;min-width:26px;text-align:right;font:700 20px/1 var(--vff9o3p)}
.celhhvh .cbjlplf{grid-area:tuile;justify-self:start;padding:3px 6px}
.celhhvh .c8ac83s{grid-area:qui}
.celhhvh .c3lo26j{grid-area:bouton;justify-self:end}
.celhhvh .c9xj3vi{font-size:15px}
.celhhvh .c5ys5n2{margin-left:0;color:var(--v45y69z)}

/* --vc2y1ts #par-critere --vc2y1ts */
#par-critere{padding:48px 0;background:var(--v08mpne)}
.c4e7mj4{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}
.ca3mu51{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--vdqd9qo);border:2px solid var(--v5zvcu0);border-radius:4px}
.ca3mu51 p{margin:0;max-width:none}
.ca3mu51 .cg37hd7{align-self:flex-start;margin-top:auto}
.cebrqnx{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logos noms" "valeur mention";align-items:center;gap:8px 14px}
.cep12ht{grid-area:logos;display:flex;flex-wrap:wrap;gap:6px}
.cb4mk2j{grid-area:noms;font-weight:700;line-height:1.3}
.c6kvygs{grid-area:valeur;padding:2px 10px;background:var(--v51tqlm);font:700 30px/1.15 var(--vff9o3p);font-variant-numeric:tabular-nums}
.ccvhy1g{grid-area:mention;font-size:13px;line-height:1.35;color:var(--v45y69z)}

/* --vc2y1ts #un-detail et #lire-la-grille --vc2y1ts */
#un-detail{padding:48px 0;background:var(--vdqd9qo)}
#lire-la-grille{padding:48px 0;background:var(--v08mpne)}
.cabmuq1,.c9tqn70{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 20px;margin-top:24px}
.cabmuq1 div,.c9tqn70 div{padding:12px 16px 14px;border-left:4px solid var(--v4uaca0)}
.cabmuq1 div{background:var(--v08mpne)}
.c9tqn70 div{background:var(--vdqd9qo)}
.cabmuq1 dt,.c9tqn70 dt{font:700 17px/1.2 var(--vff9o3p)}
.cabmuq1 dt{display:flex;align-items:center;gap:10px}
.cabmuq1 dt .c9xj3vi{font-size:17px}
.cabmuq1 dd,.c9tqn70 dd{margin-top:6px;font-size:15px;line-height:1.5}
.c2snfk2{display:flex;flex-direction:column;gap:12px;margin-top:28px;padding:16px 18px;background:var(--v5zvcu0);color:var(--vdqd9qo);border-radius:6px}
.ces9yvz{font:700 11px/1 var(--vff9o3p);letter-spacing:.14em;text-transform:uppercase;color:var(--v2gkicp)}
.c2snfk2 ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.c2snfk2 li{display:flex;align-items:center;gap:12px}
.c2snfk2 .c9xj3vi{margin-right:auto;color:var(--vdqd9qo)}
.c2snfk2 .cg37hd7{border-color:var(--v4uaca0)}
.c2snfk2 .cg37hd7:hover{background:var(--vdqd9qo);border-color:var(--vdqd9qo);color:var(--v5zvcu0)}
.c2snfk2 .cg37hd7:focus-visible{outline:3px solid var(--v4uaca0);outline-offset:2px}

/* --vc2y1ts #en-france (bande sombre), #sources, #vos-questions --vc2y1ts */
#en-france{padding:48px 0;background:var(--v5zvcu0);color:var(--v08mpne)}
.c6bquf5{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}
#en-france h3{margin-bottom:10px;color:var(--v4uaca0)}
#en-france p{margin:0}
#en-france ul{padding-left:20px}
#en-france li{margin-bottom:8px}
#en-france a{color:var(--v4uaca0);text-decoration:underline}
#sources{padding:48px 0;background:var(--vdqd9qo)}
.c8m6k59{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}
#sources h3{margin-bottom:10px}
#sources ul{padding-left:20px}
#sources li{margin-bottom:8px}
#vos-questions{padding:48px 0 56px;background:var(--v08mpne)}
.ceogcqo{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;margin-top:24px}
.cbo48ie{background:var(--vdqd9qo);border:2px solid var(--v5zvcu0);border-radius:4px}
.cbo48ie summary{position:relative;padding:16px 54px 16px 18px;list-style:none;cursor:pointer;font:700 18px/1.3 var(--vff9o3p)}
.cbo48ie summary::-webkit-details-marker{display:none}
.cbo48ie summary::after{content:"+";position:absolute;right:18px;top:50%;margin-top:-14px;font:700 28px/28px var(--vff9o3p)}
.cbo48ie[open] summary::after{content:"\2212"}
.cbo48ie summary:focus-visible{outline:3px solid var(--v5257l8);outline-offset:-3px}
.cbo48ie p{margin:0;padding:0 18px 18px;max-width:none}

/* --vc2y1ts pied et 404 --vc2y1ts */
.c9v4bt4{padding:36px 0 44px;background:var(--v5zvcu0);color:var(--v2gkicp);font-size:14px;line-height:1.55}
.c9v4bt4 p{max-width:none;margin:0 0 12px}
.c9v4bt4 a{color:var(--vdqd9qo)}
.cezhzta{display:flex;align-items:flex-start;gap:12px}
.c61uubk{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:42px;height:28px;padding:0 6px;border:2px solid var(--v4uaca0);border-radius:4px;color:var(--v4uaca0);font:700 15px/1 var(--vff9o3p)}
.cfci5is{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 16px}
.c52d0pi{padding:72px 0 88px}
.c52d0pi h1{margin-bottom:16px}
.c573lof{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* --vc2y1ts media queries : toutes en fin de fichier --vc2y1ts */
@media (min-width:600px){
  body{font-size:17px}
  .cemsyuj{padding:0 32px}
  .c9bd33z{margin:0 24px}
  h1{font-size:40px}
  h2{font-size:28px}
  h3{font-size:20px}
  #tete{padding:28px 0 40px}
  .c6ai0gt{display:block}
  .cesou8s{margin-bottom:12px}
  #tete h1{margin-bottom:16px}
  .c3qvx3e{max-width:none;margin-bottom:18px}
  .c7cibqu{flex-direction:row;align-items:center;gap:16px}
  #tete-grille{margin-top:24px;padding:16px 18px 14px}
  .cbjlplf{padding:6px 10px}
  .c4e7mj4{gap:20px}
  .c2snfk2 ul{flex-direction:row;gap:20px}
  .c2snfk2 li{flex:1}
  .c61uubk{height:30px}
  .c573lof{gap:16px}
}
@media (min-width:760px){
  #tete-grille li{grid-template-columns:44px 150px minmax(0,1fr) auto;grid-template-areas:"rang tuile qui bouton" "rang tuile dl bouton";column-gap:16px;row-gap:6px;padding:12px 0}
  #tete-grille .c3bvier{font-size:44px}
  #tete-grille .cbjlplf{width:150px;height:60px;padding:6px 10px}
  #tete-grille .cbjlplf img{width:auto;height:auto;max-width:100%;max-height:48px}
  #tete-grille dl{gap:6px 24px}
  #tete-grille dt{font-size:11px}
  #tete-grille dd{font-size:20px}
  .c9tqn70{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c8m6k59{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
}
@media (min-width:900px){
  .cabmuq1{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px) and (max-width:1179px){
  #tete-grille dl{grid-template-columns:auto auto auto;column-gap:16px}
  #tete-grille dl div:first-child{grid-column:auto}
  #tete-grille dd{font-size:17px}
}
@media (min-width:1024px){
  h1{font-size:52px}
  h2{font-size:34px}
  h3{font-size:22px}
  .cg1jn3q{display:flex;gap:2px}
  .cg1jn3q a{padding:8px 12px;border-radius:4px;color:var(--vdqd9qo);font:700 15px/1 var(--vff9o3p);text-decoration:none;white-space:nowrap}
  .cg1jn3q a:hover{background:var(--v8vood5);color:var(--v4uaca0)}
  .cg1jn3q a:focus-visible{outline:3px solid var(--v4uaca0);outline-offset:-3px}
  .ceuyvg6{margin-right:20px}
  .bouton--v50nnlw{margin-left:auto}
  #burger,#tiroir,html[data-tiroir="ouvert"] #tiroir{display:none}
  #tete{padding:36px 0 52px}
  .c4e7mj4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c6bquf5{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
  .ceogcqo{grid-template-columns:repeat(2,minmax(0,1fr))}
  #grille,#un-detail,#lire-la-grille,#par-critere,#en-france,#sources{padding-top:64px;padding-bottom:64px}
  #vos-questions{padding-top:64px;padding-bottom:72px}
}
@media (min-width:1180px){
  .c2zcpyw{display:none}
  .cbw4ibt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:44px;align-items:start}
  #tete-grille{margin-top:6px}
  #tete-grille li{grid-template-columns:44px 130px minmax(0,1fr) auto}
  #tete-grille .cbjlplf{width:130px}
  #tete-grille dd{font-size:18px}
}
@media (min-width:1200px){
  .c9tqn70{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1280px){
  #tete-grille li{grid-template-columns:44px 150px minmax(0,1fr) auto}
  #tete-grille .cbjlplf{width:150px}
  #tete-grille dd{font-size:20px}
}
@media (max-width:599px){
  #tete-grille .ccmy2jd{font-size:11px;line-height:1.3;letter-spacing:0;text-transform:none}
  .celhhvh{grid-template-columns:auto 1fr;grid-template-areas:"rang tuile" "rang qui" "bouton bouton";column-gap:8px}
  .celhhvh .c3lo26j{justify-self:start;margin-top:4px}
  #t-grille tbody th{min-width:0;width:142px;max-width:142px;padding:8px}
  #t-grille thead th:first-child{width:142px;max-width:142px}
  .cebrqnx{grid-template-columns:auto 1fr;grid-template-areas:"logos logos" "noms noms" "valeur mention"}
  .c6kvygs{justify-self:start}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
}