:root{--accent:#2a211c;--bois:#2a211c;--bois-clair:#3f342c;--bois-fonce:#16110d;--case:#e9e4dc;--case-ombre:#d9d2c6;--case-reflet:#f6f3ee;--doux:#51473f;--encre:#1f1915;--encre-douce:#544a42;--filet:#b3aa9d;--focus:#2a211c;--fond:#e9e4dc;--laiton:#d6b062;--laiton-clair:#efd79a;--laiton-fonce:#9f772c;--lien-papier:#6b4813;--papier:#fcfaf6;--police-texte:Charter,"Bitstream Charter","Sitka Text",Cambria,serif;--police-titre:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--repere:#51473f;--sur-bois:#f1eadf;--sur-laiton:#2b1b06;--texte:#1f1915;}
/* Casse (t2b049) : la casse en bois d'un typographe. Accueil : une plaque de laiton vissée (h1) sur le fronton de la casse, puis
   des compartiments de tailles inégales séparés par des cloisons de bois (6 colonnes, motif de 10 compartiments sur 4 rangées par
   nth-child ; sur téléphone, 2 colonnes au rythme grand-petit-petit). Un article sans image montre un caractère de plomb à son
   initiale, gravée en miroir. Article et pages : une épreuve d'imprimerie à traits de coupe. Options : palette (--fond --accent
   --texte --doux --case --case-ombre --case-reflet --bois --bois-fonce --bois-clair --sur-bois --laiton --laiton-clair
   --laiton-fonce --sur-laiton --papier --encre --encre-douce --lien-papier --filet --focus --repere), typo (--police-titre
   --police-texte). Polices système seulement, aucune ressource externe. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--fond);color:var(--texte);font-family:var(--police-texte);font-size:1rem;line-height:1.6;overflow-wrap:break-word}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
h1,h2,h3{font-family:var(--police-titre);font-weight:700}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Le bois : sa couleur et son fil */
.cadre,.casse,.traverse,.pagination{background-color:var(--bois);background-image:repeating-linear-gradient(177deg,transparent 0 5px,rgb(0 0 0 / 9%) 5px 6px,transparent 6px 14px,rgb(255 255 255 / 5%) 14px 16px,transparent 16px 27px),repeating-linear-gradient(182deg,transparent 0 9px,rgb(0 0 0 / 6%) 9px 11px,transparent 11px 23px)}

/* Lien d'évitement */
.evitement{position:absolute;top:.75rem;left:.75rem;z-index:40;padding:.75rem 1.25rem;border-radius:.25rem;background:var(--papier);color:var(--encre);font-weight:700;box-shadow:0 .25rem 1rem rgb(0 0 0 / 35%);transform:translateY(-12rem)}
.evitement:focus{transform:none}
.evitement:focus-visible{outline-color:var(--lien-papier)}

/* En-tête : le cadre de la casse, marque et nom gravés en clair, menu en petites capitales */
.cadre{color:var(--sur-bois);box-shadow:inset 0 -.3125rem 0 var(--bois-fonce),inset 0 -.375rem 0 var(--bois-clair)}
.cadre-interieur{width:min(100% - 3rem,82rem);margin:0 auto;padding:.875rem 0 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 2rem}
.cadre :focus-visible,.traverse :focus-visible{outline-color:var(--sur-bois)}
.marque{display:inline-flex;align-items:center;gap:.875rem;min-height:2.75rem;min-width:0;color:var(--sur-bois);font-family:var(--police-titre);font-size:1.5rem;font-weight:700;line-height:1.15;text-decoration:none;text-shadow:0 -1px 0 rgb(0 0 0 / 60%),0 1px 0 rgb(255 255 255 / 14%)}
.marque-serti{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:.25rem;background:var(--fond);box-shadow:inset 0 0 0 2px var(--laiton),inset 0 .25rem .375rem rgb(0 0 0 / 30%),0 1px 0 rgb(255 255 255 / 16%)}
.marque-image{display:block;width:2.25rem;height:2.25rem}
.marque-nom{min-width:0;overflow-wrap:anywhere}
.marque:hover .marque-nom{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 1.75rem}
.menu a{display:flex;align-items:center;min-height:2.75rem;color:var(--sur-bois);font-size:1.125rem;font-variant-caps:all-small-caps;letter-spacing:.12em;text-decoration:none;text-shadow:0 -1px 0 rgb(0 0 0 / 55%)}
.menu a:hover{text-decoration:underline;text-underline-offset:.3em}
.menu a[aria-current="page"]{background:linear-gradient(var(--laiton),var(--laiton)) 50% calc(100% - .25rem) / 100% 3px no-repeat}

.principal{flex:1 0 auto;width:min(100% - 3rem,82rem);margin:0 auto;padding:2.5rem 0 4rem}

/* La casse : cadre de bois, fronton et plaque de laiton vissée */
.casse{padding:1rem;border-radius:.375rem;box-shadow:inset 0 1px 0 var(--bois-clair),inset 0 -.1875rem 0 var(--bois-fonce),0 .875rem 1.5rem -.75rem rgb(0 0 0 / 55%)}
.fronton{display:flex;justify-content:center;padding:.375rem 0 1.25rem}
.plaque{position:relative;max-width:100%;padding:.875rem 3.25rem 1rem;border-radius:.25rem;background:linear-gradient(var(--laiton-clair),var(--laiton) 60%);color:var(--sur-laiton);text-align:center;box-shadow:inset 0 0 0 1px var(--laiton-fonce),inset 0 2px 0 rgb(255 255 255 / 45%),inset 0 -.1875rem 0 var(--laiton-fonce),0 .3125rem .625rem -.125rem rgb(0 0 0 / 55%)}
.plaque::before,.plaque::after,.traverse-plaque::before,.traverse-plaque::after{content:"";position:absolute;top:50%;width:.875rem;height:.875rem;margin-top:-.4375rem;border-radius:50%;background:linear-gradient(40deg,transparent 43%,var(--laiton-fonce) 44% 56%,transparent 57%),radial-gradient(circle at 35% 30%,var(--laiton-clair),var(--laiton) 50%,var(--laiton-fonce));box-shadow:0 1px 1px rgb(0 0 0 / 50%),inset 0 0 0 1px var(--laiton-fonce)}
.plaque::before{left:1.125rem}
.plaque::after{right:1.125rem}
.plaque-titre{margin:0;font-size:2.5rem;font-size:clamp(1.625rem,1rem + 2.2vw,2.75rem);line-height:1.1;text-shadow:0 1px 0 rgb(255 255 255 / 50%);overflow-wrap:anywhere}
.plaque-sous{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.375rem 0 0;font-size:1rem;font-weight:700;font-variant-caps:all-small-caps;letter-spacing:.18em;line-height:1.3;text-shadow:0 1px 0 rgb(255 255 255 / 40%)}
.plaque-sous::before,.plaque-sous::after{content:"";width:1.75rem;height:1px;background:currentColor;box-shadow:0 1px 0 rgb(255 255 255 / 40%)}
.vide{margin:0;padding:3rem 1.5rem;background:linear-gradient(var(--case) 50%,var(--case-ombre));text-align:center;box-shadow:inset 0 .5rem .625rem -.375rem rgb(0 0 0 / 40%)}

/* Les compartiments : fond ombré en bas, ombres des cloisons ; toute la case mène à l'article (lien étendu du titre) */
.casiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:.4rem}
.casier{position:relative;display:flex;min-width:0;container:casier / inline-size;background:linear-gradient(var(--case) 50%,var(--case-ombre))}
.casier::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 .5rem .625rem -.375rem rgb(0 0 0 / 40%),inset .375rem 0 .5rem -.375rem rgb(0 0 0 / 24%),inset -.25rem 0 .375rem -.25rem rgb(0 0 0 / 14%),inset 0 -2px 0 var(--case-reflet)}
.casier-corps{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 0 1.125rem;text-align:center}
.casier-image .casier-corps{justify-content:flex-start}
.casier-capture{flex:1 0 auto;display:block;width:100%;height:auto;aspect-ratio:5/2;object-fit:cover;object-position:50% 0;background:var(--case-ombre)}
.casier-etiquette{align-self:center;position:relative;z-index:1;margin:.875rem 0 0;padding:.0625rem .875rem .125rem;border-radius:.1875rem;background:linear-gradient(var(--laiton-clair),var(--laiton));color:var(--sur-laiton);font-size:.9375rem;font-weight:700;font-variant-caps:all-small-caps;letter-spacing:.14em;line-height:1.6;box-shadow:inset 0 0 0 1px var(--laiton-fonce),0 1px 2px rgb(0 0 0 / 40%)}
.casier-image .casier-etiquette{margin-top:-.875rem}
.casier-titre{margin:.875rem 1.125rem 0;font-size:1.1875rem;line-height:1.2}
.casier-une .casier-titre{font-size:1.625rem}
.casier-une .plomb{font-size:1.25rem}
.casier-lien{color:var(--texte);text-decoration:none}
.casier-lien::after{content:"";position:absolute;inset:0;z-index:3}
.casier:hover .casier-lien{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}
.casier-lien:focus-visible{outline:0}
.casier-lien:focus-visible::after{outline:3px solid var(--focus);outline-offset:-.5rem}
.casier-date{margin:.375rem 1.125rem 0;color:var(--doux);font-size:.9375rem;font-variant-caps:all-small-caps;letter-spacing:.1em;line-height:1.3}
.casier-extrait{margin:.5rem 1.125rem 0;font-size:.9375rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

/* Le caractère de plomb : bloc de métal, arête claire, cran sur le côté, initiale en relief et en miroir */
.plomb{position:relative;flex:none;display:grid;place-items:center;width:3.5em;height:4.5em;margin:1.25rem auto 0;padding-bottom:1em;border-radius:.2em;background:linear-gradient(90deg,#7b8087,#c4c8cd 14%,#dadde0 28%,#adb2b8 55%,#979ca3 76%,#babec3 90%,#7f848b);box-shadow:inset 1px 1px 0 #f4f5f6,inset -1px -1px 0 #5c6167,0 .2em .35em rgb(0 0 0 / 42%);font-size:1rem}
.plomb::before{content:"";position:absolute;left:0;right:0;bottom:.85em;height:.3em;background:linear-gradient(rgb(0 0 0 / 40%),rgb(0 0 0 / 10%) 65%,rgb(255 255 255 / 50%))}
.plomb::after{content:"";position:absolute;right:-1px;bottom:.75em;width:.25em;height:.5em;border-radius:.25em 0 0 .25em;background:var(--case);box-shadow:inset 1px 0 1px rgb(0 0 0 / 45%)}
.plomb-oeil{display:block;transform:scaleX(-1);color:#565b62;font-family:var(--police-titre);font-size:2.625em;font-weight:700;line-height:1;text-shadow:1px -1px 0 rgb(255 255 255 / 65%),-1px 1px 1px rgb(0 0 0 / 50%)}

/* Compartiment étroit (une colonne ; petits compartiments du téléphone) : bande de capture, petit plomb */
@container casier (max-width:13.99rem){
.casier-corps{padding-bottom:.875rem}
.casier-capture{aspect-ratio:auto;height:clamp(4rem,38cqi,5rem);max-height:8rem}
.plomb{font-size:.875rem;margin-top:1rem}
.casier-etiquette{font-size:.8125rem;padding:0 .5rem}
.casier-titre{margin:.75rem .25rem 0;font-size:clamp(.75rem,7.2cqi,1.0625rem);letter-spacing:-.02em}
.casier-date{margin:.25rem .625rem 0;font-size:.875rem;letter-spacing:.06em}
.casier-extrait{margin:.375rem .625rem 0;font-size:.8125rem;line-height:1.45;hyphens:auto}
}

/* Compartiment large et bas (3 × 1 sur ordinateur, pleine largeur sur tablette) : capture ou plomb à gauche, texte à droite */
@container casier (min-width:30rem){
.casier:not(:nth-child(10n+1)) > .casier-corps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:"visuel ." "visuel titre" "visuel date" "visuel extrait" "visuel .";padding:0;text-align:left}
.casier:not(.casier-image):not(:nth-child(10n+1)) > .casier-corps{grid-template-columns:9.5rem minmax(0,1fr)}
.casier:not(:nth-child(10n+1)) .casier-capture{grid-area:visuel;height:100%;min-height:11rem;aspect-ratio:auto}
.casier:not(:nth-child(10n+1)) .plomb{grid-area:visuel;align-self:center;margin:1.25rem auto}
.casier:not(:nth-child(10n+1)) .casier-titre{grid-area:titre;margin:1.25rem 1.5rem 0;font-size:clamp(1.125rem,3.1cqi,1.375rem)}
.casier:not(:nth-child(10n+1)) .casier-date{grid-area:date;margin:.375rem 1.75rem 0 1.5rem}
.casier:not(:nth-child(10n+1)) .casier-extrait{grid-area:extrait;margin:.5rem 1.75rem 1.25rem 1.5rem;-webkit-line-clamp:4}
.casier:not(.casier-image):not(:nth-child(10n+1)) :is(.casier-titre,.casier-date,.casier-extrait){margin-left:0}
}

/* Pagination : petits compartiments carrés sous la casse, la page courante garnie d'un plomb à son numéro */
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;width:fit-content;max-width:100%;margin:2.25rem auto 0;padding:.4rem;border-radius:.25rem;box-shadow:inset 0 1px 0 var(--bois-clair),0 .5rem 1rem -.5rem rgb(0 0 0 / 50%)}
.pagination-cases{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}
.pagination-cases li,.pagination-sens{display:grid;place-items:center;min-width:3rem;min-height:3rem;background:linear-gradient(var(--case) 50%,var(--case-ombre));box-shadow:inset 0 .3rem .4rem -.25rem rgb(0 0 0 / 42%),inset .25rem 0 .3rem -.25rem rgb(0 0 0 / 26%)}
.pagination-cases a{display:grid;place-items:center;width:100%;min-height:3rem;color:var(--texte);font-weight:700;text-decoration:none}
.pagination-sens{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;color:var(--texte);font-size:1.0625rem;font-weight:700;font-variant-caps:all-small-caps;letter-spacing:.08em;text-decoration:none}
.pagination a:hover{text-decoration:underline;text-underline-offset:.2em}
.pagination a:focus-visible{outline-offset:-.25rem}
.pagination-precedente::before,.pagination-suivante::after{content:"";width:.45rem;height:.45rem;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg)}
.pagination-suivante::after{transform:rotate(-135deg)}
.pagination-plomb::before{content:"";position:absolute;left:0;right:0;bottom:.375rem;height:.1875rem;background:linear-gradient(rgb(0 0 0 / 40%),rgb(255 255 255 / 55%))}
.pagination-plomb,.page-plan_du_site nav b{position:relative;display:grid;place-items:center;width:2.25rem;height:2.625rem;padding-bottom:.375rem;border-radius:.15rem;background:linear-gradient(90deg,#8a8f96,#d3d6da 18%,#e2e4e7 32%,#c2c6cb 60%,#aeb3b9 82%,#8e939a);box-shadow:inset 1px 1px 0 #f6f7f8,inset -1px -1px 0 #63686e,0 .125rem .25rem rgb(0 0 0 / 45%);color:#22262b;font-family:var(--police-titre);font-size:1.125rem;font-weight:700;text-shadow:0 1px 0 rgb(255 255 255 / 55%)}

/* Pied : la traverse basse de la casse, liens gravés, nom sur une petite plaque de laiton */
.traverse{color:var(--sur-bois);box-shadow:inset 0 .3125rem 0 var(--bois-fonce),inset 0 .375rem 0 var(--bois-clair)}
.traverse-interieur{width:min(100% - 3rem,82rem);margin:0 auto;padding:1.75rem 0 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2.5rem}
.traverse-plaque{position:relative;margin:0;padding:.3125rem 1.625rem .375rem;border-radius:.1875rem;background:linear-gradient(var(--laiton-clair),var(--laiton));color:var(--sur-laiton);font-family:var(--police-titre);font-size:1.125rem;font-weight:700;line-height:1.3;text-shadow:0 1px 0 rgb(255 255 255 / 45%);box-shadow:inset 0 0 0 1px var(--laiton-fonce),0 .125rem .3125rem rgb(0 0 0 / 50%);overflow-wrap:anywhere}
.traverse-plaque::before,.traverse-plaque::after{width:.5rem;height:.5rem;margin-top:-.25rem}
.traverse-plaque::before{left:.5rem}
.traverse-plaque::after{right:.5rem}
.traverse-liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 2rem}
.traverse-liens a{display:flex;align-items:center;min-height:2.75rem;color:var(--sur-bois);font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.12em;text-decoration:none;text-shadow:0 -1px 0 rgb(0 0 0 / 55%)}
.traverse-liens a:hover{text-decoration:underline;text-underline-offset:.3em}

/* Article et pages : une épreuve d'imprimerie, traits de coupe aux quatre coins, repère de calage */
.principal-epreuve{padding-top:3.5rem}
.epreuve{--coupe:2rem;--marge:3.5rem;position:relative;width:min(100% - 2 * var(--coupe),46rem);margin:0 auto;padding:3rem var(--marge) var(--marge);background:var(--papier);color:var(--encre);box-shadow:0 1px 2px rgb(0 0 0 / 16%),0 .875rem 2rem -1.25rem rgb(0 0 0 / 55%)}
.epreuve::before{--l:calc(var(--coupe) * .7);--t:linear-gradient(var(--repere),var(--repere));content:"";position:absolute;inset:calc(-1 * var(--coupe));pointer-events:none;background:var(--t) 0 var(--coupe) / var(--l) 1px no-repeat,var(--t) var(--coupe) 0 / 1px var(--l) no-repeat,var(--t) 100% var(--coupe) / var(--l) 1px no-repeat,var(--t) calc(100% - var(--coupe)) 0 / 1px var(--l) no-repeat,var(--t) 0 calc(100% - var(--coupe)) / var(--l) 1px no-repeat,var(--t) var(--coupe) 100% / 1px var(--l) no-repeat,var(--t) 100% calc(100% - var(--coupe)) / var(--l) 1px no-repeat,var(--t) calc(100% - var(--coupe)) 100% / 1px var(--l) no-repeat}
.epreuve::after{content:"";position:absolute;top:calc(.375rem - var(--coupe));left:50%;width:1.125rem;height:1.125rem;margin-left:-.5625rem;border:1px solid var(--repere);border-radius:50%;background:linear-gradient(var(--repere),var(--repere)) 50% 0 / 1px 100% no-repeat,linear-gradient(var(--repere),var(--repere)) 0 50% / 100% 1px no-repeat}
.epreuve-entete{margin:0 0 2rem;padding:0 0 1.5rem;border-bottom:1px solid var(--filet)}
.epreuve-titre{margin:0;color:var(--encre);font-size:2.25rem;line-height:1.15}
.epreuve-titre-suite{font-size:.75em;font-weight:400;color:var(--encre-douce)}
.epreuve-date{margin:.75rem 0 0;color:var(--encre-douce);font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.12em}
.epreuve-texte{font-size:1.125rem;line-height:1.7;text-align:justify;hyphens:auto}
.epreuve-texte > :first-child{margin-top:0}
.epreuve-texte > :last-child{margin-bottom:0}
.epreuve-texte p,.epreuve-texte ul,.epreuve-texte ol{margin:0 0 1em}
.epreuve-texte ul{padding-left:1.25rem}
.epreuve-texte h2{margin:2.25rem 0 .75rem;font-size:1.375rem;line-height:1.25;text-align:left}
.epreuve-texte a{color:var(--lien-papier);text-decoration-thickness:1px;text-underline-offset:.18em;overflow-wrap:anywhere}
.epreuve-texte a:hover{text-decoration-thickness:2px}
.epreuve :focus-visible{outline-color:var(--lien-papier)}
.epreuve-texte img{display:block;width:100%;height:auto;margin:2.25rem 0;padding:.375rem;border:1px solid var(--filet);background:var(--papier);box-shadow:0 0 0 .25rem var(--papier),0 0 0 calc(.25rem + 1px) var(--filet)}
.corps > p:has(> a:only-child){text-align:left;hyphens:manual;color:var(--encre-douce);font-size:1rem;font-variant-caps:all-small-caps;letter-spacing:.1em}
.corps > p:has(> a:only-child) a{font-size:1.0625rem;font-variant-caps:normal;letter-spacing:0}
.retour{margin:2.5rem 0 0;text-align:center}
.retour a{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;padding:.25rem 1.25rem;border-radius:.1875rem;background:linear-gradient(var(--laiton-clair),var(--laiton));color:var(--sur-laiton);font-size:1.0625rem;font-weight:700;font-variant-caps:all-small-caps;letter-spacing:.12em;text-decoration:none;text-shadow:0 1px 0 rgb(255 255 255 / 40%);box-shadow:inset 0 0 0 1px var(--laiton-fonce),0 .125rem .25rem rgb(0 0 0 / 40%)}
.retour a::before{content:"";width:.45rem;height:.45rem;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg)}
.retour a:hover{text-decoration:underline;text-underline-offset:.25em}

/* Pages de service */
.page-mentions_legales .epreuve-texte h2,.page-donnees_personnelles .epreuve-texte h2{font-variant-caps:all-small-caps;letter-spacing:.08em}
.page-contact .epreuve-texte{margin:0 calc(-1 * var(--marge)) calc(-1 * var(--marge))}
.page-contact .epreuve-texte > p{margin:0 var(--marge) 2rem;text-align:left;hyphens:manual}
.page-contact iframe{box-shadow:0 -1px 0 var(--filet)}
.page-plan_du_site .epreuve{width:min(100% - 2 * var(--coupe),68rem)}
.page-plan_du_site .epreuve-texte{font-size:.9375rem;line-height:1.45;text-align:left;hyphens:manual}
.page-plan_du_site .epreuve-texte > ul{list-style:none;margin:0 0 2rem;padding:0;columns:3 15rem;column-gap:2rem}
.page-plan_du_site .epreuve-texte > ul:first-child{columns:auto;display:flex;flex-wrap:wrap;gap:0 2rem}
.page-plan_du_site .epreuve-texte li{break-inside:avoid;margin:0;padding:.25rem 0}
.page-plan_du_site .epreuve-texte h2{padding-bottom:.375rem;border-bottom:1px solid var(--filet);font-size:1.25rem;font-variant-caps:all-small-caps;letter-spacing:.1em}
.page-plan_du_site nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.page-plan_du_site .epreuve-texte nav li{padding:0}
.page-plan_du_site nav a{display:flex;align-items:center;min-height:2.75rem;padding:.25rem 1rem;border:1px solid var(--filet)}
.page-plan_du_site nav b{width:auto;height:auto;min-height:2.75rem;padding:.25rem 1rem;font-family:inherit;font-size:1rem}
.epreuve-vide{padding-top:3.5rem;text-align:center}
.epreuve-vide .epreuve-titre{font-size:2rem}
.plomb-grand{font-size:1.75rem;margin:0 auto 2rem}
.epreuve .plomb::after{background:var(--papier)}
.epreuve-message{margin:1rem 0 0;font-size:1.125rem}

/* Ordinateur : la casse de 6 colonnes, motif de 10 compartiments qui remplit 4 rangées */
@media (min-width:64rem){
.casiers{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(14.5rem,auto);gap:.6rem}
.casier{grid-column:span 2}
.casier:nth-child(10n+1),.casier:nth-child(10n+2),.casier:nth-child(10n+9){grid-column:span 3}
.casier:nth-child(10n+1){grid-row:span 2}
.casier:nth-child(10n+4),.casier:nth-child(10n+8){grid-column:span 1}
.casier:nth-child(10n+1) .casier-capture{aspect-ratio:16/9}
.casier:nth-child(10n+1) .plomb{font-size:1.75rem}
.casier:nth-child(10n+1) .casier-titre{margin:1.25rem 2.5rem 0;font-size:clamp(1.375rem,4.9cqi,1.75rem);line-height:1.15}
.casier.casier-une .casier-titre{font-size:clamp(1.625rem,5.6cqi,2rem)}
.casier:nth-child(10n+1) .casier-date{margin-top:.625rem;font-size:1.0625rem}
.casier:nth-child(10n+1) .casier-extrait{max-width:36rem;margin:.75rem auto 0;padding:0 2rem;font-size:1.0625rem;-webkit-line-clamp:4}
}

/* Tablette et téléphone : la casse en deux colonnes, rythme grand-petit-petit */
@media (max-width:63.99rem){
.casier:nth-child(3n+1){grid-column:1 / -1}
}
@media (min-width:40rem) and (max-width:63.99rem){
.casse{padding:.75rem}
.casiers{gap:.6rem}
}

@media (max-width:39.99rem){
.cadre-interieur,.principal,.traverse-interieur{width:min(100% - 1.5rem,82rem)}
.cadre-interieur{padding:.625rem 0 .875rem;gap:.125rem}
.marque{font-size:1.25rem;gap:.625rem}
.marque-serti{width:2.5rem;height:2.5rem}
.marque-image{width:1.875rem;height:1.875rem}
.menu{flex:1 1 100%}
.menu ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgb(255 255 255 / 16%)}
.menu a{justify-content:center;font-size:1rem;letter-spacing:.06em;line-height:1.15;text-align:center}
.principal{padding:1.5rem 0 3rem}
.casse{padding:.5rem;border-radius:.25rem}
.fronton{padding:.25rem 0 .75rem}
.plaque{padding:.625rem 2.5rem .75rem}
.plaque::before{left:.75rem}
.plaque::after{right:.75rem}
.plaque-titre{font-size:clamp(1.375rem,6.2vw,1.75rem)}
.plaque-sous{font-size:.9375rem;letter-spacing:.14em}
.plaque-sous::before,.plaque-sous::after{width:1rem}
.casier-une .casier-titre{font-size:clamp(1.25rem,6.8cqi,1.5rem)}
.pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"prec suiv" "cases cases";width:100%}
.pagination-precedente{grid-area:prec}
.pagination-suivante{grid-area:suiv}
.pagination-cases{grid-area:cases}
.pagination-cases:first-child ~ .pagination-suivante,.pagination-precedente:nth-last-child(2){grid-column:1 / -1}
.pagination-sens{gap:.375rem;padding:0 .625rem;font-size:1rem;letter-spacing:.04em;line-height:1.2;text-align:center}
.casier-une .casier-capture{aspect-ratio:16/9}
.traverse-interieur{flex-direction:column;align-items:stretch;padding:1.5rem 0;text-align:center}
.traverse-plaque{align-self:center}
.traverse-liens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
.traverse-liens a{justify-content:center;min-height:3rem;font-size:1rem;letter-spacing:.04em;line-height:1.25}
.principal-epreuve{padding-top:1.75rem}
.epreuve{--coupe:.75rem;--marge:1.25rem;padding-top:1.75rem}
.epreuve::after{display:none}
.epreuve-titre{font-size:clamp(1.375rem,6.4vw,1.75rem)}
.epreuve-texte{font-size:1.0625rem;line-height:1.65}
.page-plan_du_site .epreuve-texte li{padding:0}
.page-plan_du_site .epreuve-texte > ul a{display:flex;align-items:center;min-height:2.75rem;padding:.3125rem 0}
.plomb-grand{font-size:1.375rem}
}

/* Petit téléphone (moins de 360 px) : plaque resserrée, sens de la pagination l'un sous l'autre */
@media (max-width:22.49rem){
.plaque{padding-left:2rem;padding-right:2rem}
.plaque::before{left:.5625rem}
.plaque::after{right:.5625rem}
.plaque-sous{gap:.5rem;font-size:.875rem;letter-spacing:.08em}
.plaque-sous::before,.plaque-sous::after{width:.625rem}
.pagination{grid-template-columns:minmax(0,1fr);grid-template-areas:none}
.pagination .pagination-sens,.pagination .pagination-cases{grid-area:auto}
.pagination-suivante{order:1}
.pagination-cases{order:2}
}

@media (prefers-reduced-motion:no-preference){
.plomb{transition:transform .2s ease}
.casier:hover .plomb{transform:translateY(-3px)}
}