:root{--accent:#9e1f1f;--doux:#5b5047;--encre:#221c17;--enseigne:#2a1f19;--enseigne-doux:#cdbba5;--enseigne-texte:#f5ede0;--filet:#cbbfad;--fond:#ece6da;--papier:#fbf8f1;--pile:#efe9dd;--police-texte:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--police-titre:Charter,"Bitstream Charter","Sitka Text",Cambria,serif;--tranche:#b3a690;}
/* Revue de presse (t2b020) : le mur d'un kiosque, une mini-une par article (titre de journal entre deux filets, ligne de date,
   photo ou texte en colonnes, ombre de pile). Ordinateur : unes en portrait sur trois colonnes ; téléphone : unes en paysage. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:var(--fond);color:var(--encre);font-family:var(--police-texte);font-size:1.0625rem;line-height:1.55;font-kerning:normal}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
h1,h2,h3{margin:0;font-family:var(--police-titre);font-weight:700;line-height:1.1}
p,ol,ul{margin:0}
::selection{background:var(--accent);color:var(--papier)}
.masque{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.evitement{position:absolute;top:-40rem;left:1rem;z-index:20;padding:.75rem 1.1rem;background:var(--enseigne);color:var(--enseigne-texte);font-weight:700}
.evitement:focus{top:.75rem}
.cadre{width:100%;max-width:80rem;margin:0 auto;padding-inline:1rem}
.principal{flex:1 0 auto;width:100%;padding:1.75rem 0 3.5rem}

/* En-tête : l'enseigne du kiosque, panneau sombre à double cadre (filet clair dedans, filet sombre dehors) ; sur téléphone,
   une bande. Le menu dessous, en petites capitales séparées par des filets verticaux, sur une ligne */
.kiosque{padding-top:1.25rem}
.kiosque-cadre{display:flex;flex-direction:column;align-items:center}
.enseigne{width:calc(100% - 10px);margin:5px;padding:.65rem .85rem .6rem;background:var(--enseigne);color:var(--enseigne-texte);text-align:center;outline:1px solid var(--enseigne-doux);outline-offset:-6px;box-shadow:0 0 0 3px var(--fond),0 0 0 5px var(--enseigne)}
.enseigne-nom{font-family:var(--police-titre);font-size:clamp(1rem,5.1vw,1.375rem);font-weight:700;line-height:1.1;letter-spacing:.04em;text-transform:uppercase}
.marque{display:inline-flex;align-items:center;gap:.6rem;max-width:100%;min-height:2.75rem;text-decoration:none;overflow-wrap:anywhere}
.marque-image{flex:none;width:2.25rem;height:2.25rem;padding:.2rem;border-radius:.35rem;background:var(--papier)}
.marque-nom{min-width:0}
.marque:hover .marque-nom{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.enseigne :focus-visible{outline-color:var(--enseigne-texte)}
.enseigne-edition{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.2rem;color:var(--enseigne-doux);font-size:.8125rem;line-height:1.4;letter-spacing:.24em;text-transform:uppercase}
.enseigne-edition::before,.enseigne-edition::after{content:"";width:2rem;border-top:1px solid currentColor}
.menu{width:100%;margin-top:1rem;border-top:1px solid var(--encre);border-bottom:3px double var(--encre)}
.menu ul{list-style:none;padding:0;display:flex;justify-content:center}
.menu li{position:relative;min-width:0}
.menu li+li::before{content:"";position:absolute;left:0;top:.8rem;bottom:.8rem;border-left:1px solid var(--encre)}
.menu a{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 .6rem;font-size:clamp(.875rem,4.2vw,1.0625rem);line-height:1.15;text-align:center;font-variant-caps:all-small-caps;letter-spacing:.07em;text-decoration:none}
.menu a:hover{text-decoration:underline}
.menu a[aria-current="page"]{color:var(--accent);font-weight:700}

/* Le mur : une mini-une par article, sur papier clair, avec la pile dessous (deux feuilles décalées et leur tranche) */
.mur{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;max-width:46rem;margin:0 auto}
/* Disposition par variables : --z/--r (sans photo), --zp/--cp/--rp (avec photo), --l (lignes du gros titre), --m (sa marge),
   --a (calage de la photo), --v (vignette après un texte). Par défaut, la une pliée du téléphone */
.carte{display:flex;align-self:stretch;justify-self:stretch;min-width:0;--z:"rub" "titre" "date" "photo" "texte" "suite";--r:auto auto auto auto 1fr auto;--zp:"rub rub" "titre titre" "date date" "texte photo" "suite suite";--cp:minmax(0,1.15fr) minmax(0,1fr);--rp:auto auto auto 1fr auto;--l:4;--m:.8rem;--a:start;--v:none}
.carte-une{--zp:"rub" "titre" "date" "photo" "texte" "suite";--cp:minmax(0,1fr);--rp:auto auto auto minmax(10rem,1fr) auto auto;--a:stretch}
.journal{position:relative;flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--r);grid-template-areas:var(--z);padding:.875rem .875rem .7rem;background:var(--papier);border:1px solid var(--tranche);box-shadow:3px 3px 0 -1px var(--pile),3px 3px 0 0 var(--tranche),6px 6px 0 -1px var(--pile),6px 6px 0 0 var(--tranche),.45rem .7rem 1rem -.35rem color-mix(in srgb,var(--encre) 32%,transparent);container-type:inline-size;--trame:radial-gradient(circle,var(--tranche) 0 1px,transparent 1.4px) 0 0/6px 6px,var(--pile)}
.journal-rubrique{grid-area:rub;justify-self:center;margin:-.1rem 0 .6rem;padding:.15rem .85rem .2rem;background:var(--accent);color:var(--papier);font-size:.75rem;font-weight:700;line-height:1.4;letter-spacing:.24em;text-transform:uppercase}

/* Titre de journal, entre un filet épais et un filet fin ; toute la une est cliquable. 5,9 % de la une = 16,9 em : un domaine
   de moins de 26 signes tient sur une ligne dans chaque typo (mesuré sur les 272 titres du site témoin) */
.journal-titre{grid-area:titre;padding:.32em 0 .26em;border-top:4px solid var(--encre);border-bottom:1px solid var(--encre);font-size:clamp(.9375rem,5.9cqi,1.75rem);line-height:1.06;letter-spacing:.02em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}
.journal-titre a{text-decoration:none}
.journal-titre a::after{content:"";position:absolute;inset:-1px;z-index:1}
.journal-titre a:focus-visible{outline:none}
.journal-titre a:focus-visible::after{outline:3px solid var(--accent);outline-offset:5px}
.carte:hover .journal-titre a{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.12em}

/* Ligne de date : la date à gauche, le rang à droite, entre deux filets fins */
.journal-date{grid-area:date;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:.75rem;padding:.28rem 0 .26rem;border-bottom:1px solid var(--encre);color:var(--doux);font-size:.75rem;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.journal-date time{color:var(--accent);font-weight:700}
.journal-rang{margin-left:auto;color:var(--encre);font-weight:700;font-variant-numeric:tabular-nums}
.journal-rang::before{content:"\2116\00a0";font-weight:400}

/* Photo de une : la capture, recadrée par le haut */
.carte-photo .journal{grid-template-columns:var(--cp);grid-template-rows:var(--rp);grid-template-areas:var(--zp)}
.journal-photo{grid-area:photo;position:relative;align-self:var(--a);justify-self:stretch;min-height:4.5rem;margin-top:.65rem;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--encre);background:var(--pile)}
.journal-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.carte-sans-texte .journal-photo{grid-column:1/-1}

/* Texte : l'extrait en mini-colonnes justifiées, séparées d'un filet, avec sa lettrine */
.journal-texte{grid-area:texte;align-self:start;margin-top:.7rem;font-size:clamp(.9375rem,4.7cqi,1.0625rem);line-height:1.45;text-align:justify;hyphens:auto;columns:2;column-gap:1.1rem;column-rule:1px solid var(--filet);overflow-wrap:break-word;min-height:2lh;widows:1}
/* Lettrine : le texte fait au moins sa hauteur, et sa première colonne en garde autant de lignes (orphans) */
.journal-texte::first-letter{initial-letter:2;-webkit-initial-letter:2;margin-right:.3rem;color:var(--accent);font-family:var(--police-titre);font-weight:700;text-transform:uppercase}
/* Avec une photo : l'extrait devient le gros titre gras, à côté de la photo (téléphone) ou au-dessus (mur) */
.carte-photo:not(.carte-une) .journal-texte{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--l);overflow:hidden;margin-right:var(--m);columns:auto;font-family:var(--police-titre);font-size:clamp(1rem,5cqi,1.1875rem);font-weight:700;line-height:1.22;text-align:left;hyphens:manual;min-height:0}
.carte-photo:not(.carte-une) .journal-texte::first-letter{initial-letter:normal;-webkit-initial-letter:normal;margin:0;color:inherit;font-family:inherit;text-transform:none}
/* Sans photo, la vignette : l'initiale du journal dans un cartouche, sur une trame de points, à la place de la photo de une */
.journal-vignette{grid-area:photo;display:block;align-content:center;min-height:5rem;margin-top:.8rem;border:1px solid var(--encre);background:var(--trame);color:var(--accent);font-family:var(--police-titre);font-size:clamp(2.25rem,16cqi,4.25rem);font-weight:700;line-height:1;text-align:center}
.journal-vignette::first-letter{padding:.12em .28em .1em;border:3px double var(--encre);background:var(--papier)}
.journal-texte+.journal-vignette{display:var(--v)}
.journal-suite{grid-area:suite;margin-top:.6rem;padding-top:.3rem;border-top:1px solid var(--filet);color:var(--doux);font-size:.8125rem;font-style:italic;line-height:1.3;text-align:right}
.journal-suite::after{content:"\00a0\203A"}
@container (max-width:18rem){
  .journal-texte{columns:auto}
}

/* La une du jour : plus grande, « À la une » au-dessus du titre de journal, la grande capture puis l'extrait en colonnes */
.carte-une .journal{padding:1rem 1rem .8rem}
.carte-une .journal-photo{margin-top:.8rem}
.carte-une .journal-titre{padding:.3em 0 .24em;border-top-width:6px;font-size:clamp(.9375rem,5.9cqi,3rem)}
.carte-une .journal-date{font-size:.8125rem}
.carte-une .journal-vignette{font-size:clamp(2rem,6cqi,3rem)}
.carte-une .journal-texte{margin-top:.85rem;font-size:clamp(1rem,2.8cqi,1.25rem);line-height:1.42;min-height:3lh;orphans:3}
.carte-une .journal-texte::first-letter{initial-letter:3;-webkit-initial-letter:3}
@container (min-width:34rem){
  .journal-texte{columns:3;column-gap:1.5rem}
  .carte-une .journal-texte{text-align:left;hyphens:manual;min-height:4lh;orphans:4}
  .carte-une .journal-texte::first-letter{initial-letter:4;-webkit-initial-letter:4;margin-right:.45rem}
  .journal-photo{margin-top:.8rem}
}
.vide-aucun{font-family:var(--police-titre);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2}

/* Pagination : une rangée de chiffres en petites capitales entre deux doubles filets */
.folios{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.25rem 1rem;max-width:46rem;margin:3rem auto 0;padding:.45rem 0;border-top:3px double var(--encre);border-bottom:3px double var(--encre)}
.folios-liste{grid-column:1/-1;justify-self:center;list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;max-width:15rem}
.folio{display:flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:0 .3rem;font-family:var(--police-titre);font-size:1.25rem;line-height:1;font-variant-numeric:oldstyle-nums;text-decoration:none}
a.folio:hover{color:var(--accent);text-decoration:underline}
.folio-courant{background:var(--accent);color:var(--papier);font-weight:700}
.folios-sens{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .4rem;font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.12em;text-decoration:none}
.folios-sens:hover{color:var(--accent);text-decoration:underline}
.folios-precedente{grid-row:2;grid-column:1;justify-self:start}
.folios-suivante{grid-row:2;grid-column:2;justify-self:end}
.folios-precedente::before{content:"\2039"}
.folios-suivante::after{content:"\203A"}

/* Article et pages de service : une une complète sur la même feuille */
.feuille{position:relative;container-type:inline-size;max-width:54rem;margin:0 auto;padding:1.25rem 1rem 1.5rem;background:var(--papier);border:1px solid var(--tranche);box-shadow:3px 3px 0 -1px var(--pile),3px 3px 0 0 var(--tranche),6px 6px 0 -1px var(--pile),6px 6px 0 0 var(--tranche),.5rem .8rem 1.2rem -.4rem color-mix(in srgb,var(--encre) 30%,transparent)}
.feuille-entete{text-align:center}
.feuille-titre{padding:.45em 0 .4em;border-top:5px double var(--encre);border-bottom:5px double var(--encre);font-size:clamp(1.25rem,6.2vw,3.25rem);line-height:1.08;letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere}
.vue-article .feuille-titre{font-size:clamp(.9375rem,5.9cqi,3.25rem)}
.feuille-titre-suite{display:block;margin-top:.3em;font-size:max(.42em,.9375rem);font-style:italic;font-weight:400;letter-spacing:.01em;text-transform:none}
.feuille-date{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--encre);color:var(--doux);font-size:.8125rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.feuille-date time{color:var(--accent);font-weight:700}
.feuille-domaine{margin-left:auto}
.feuille-date-service{justify-content:center}
.feuille-date-service .feuille-domaine{margin:0}
.texte{margin-top:1.5rem;overflow-wrap:break-word}
.texte p,.texte ul,.texte ol{margin:0 0 .9em}
.texte ul,.texte ol{padding-left:1.25rem}
.texte li{margin:.3em 0}
.texte li::marker{color:var(--accent)}
.texte a{color:var(--accent);text-decoration:underline;overflow-wrap:anywhere}
.texte h2{margin:1.8rem 0 .6rem;padding-top:.45rem;border-top:3px double var(--encre);font-size:1.3125rem;line-height:1.2;break-after:avoid}
.texte h2:first-child{margin-top:0}
.texte h3{margin:1.4rem 0 .5rem;font-size:1.125rem}
.texte img{width:100%;margin:.4rem 0 1.2rem;border:1px solid var(--encre);background:var(--pile)}
.corps{font-size:1.0625rem;line-height:1.62}
.corps p{text-align:justify;hyphens:auto}
.corps>p:has(>a){margin-bottom:1.1em;padding-left:.7rem;border-left:3px solid var(--accent);color:var(--doux);font-size:.875rem;line-height:1.45;text-align:left;hyphens:manual}
.corps>p:first-of-type:has(>a){margin-bottom:.4em}
/* Lettrine du premier paragraphe après « Site web » et « Source » (sans lien : s'il précède la capture) ; un flottant invisible
   et insécable lui garde ses trois lignes, même court ou en colonnes */
.corps>p:has(>a)+p:has(>a)+p:not(:has(a)),.corps>p:has(>a)+p:not(:has(a))+p:not(:has(a)):has(+img){display:flow-root;orphans:3;widows:1}
.corps>p:has(>a)+p:has(>a)+p:not(:has(a))::before,.corps>p:has(>a)+p:not(:has(a))+p:not(:has(a)):has(+img)::before{content:"";float:left;width:0;height:3lh;break-inside:avoid}
.corps>p:has(>a)+p:has(>a)+p:not(:has(a))::first-letter,.corps>p:has(>a)+p:not(:has(a))+p:not(:has(a)):has(+img)::first-letter{initial-letter:3;-webkit-initial-letter:3;margin-right:.35rem;color:var(--accent);font-family:var(--police-titre);font-weight:700;text-transform:uppercase}
.retour{margin-top:1.75rem;padding-top:.6rem;border-top:3px double var(--encre)}
.retour a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;color:var(--accent);font-variant-caps:all-small-caps;letter-spacing:.1em;font-weight:700}
.retour a::before{content:"\2039"}
.page-texte{font-size:1.0625rem;line-height:1.62}
.page-contact .page-texte>p:first-child{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:5px double var(--encre);font-size:1.1875rem;line-height:1.5;text-align:center}
.page-contact iframe{display:block;background:var(--pile);box-shadow:0 0 0 1px var(--tranche)}
.page-plan_du_site .page-texte ul{list-style:none;padding:0}
.page-plan_du_site .page-texte>ul:first-child{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1.5rem;margin-bottom:1.25rem}
.page-plan_du_site .page-texte li{margin:0;break-inside:avoid}
.page-plan_du_site .page-texte li a{display:block;padding:.7rem 0;color:var(--encre);line-height:1.35}
.page-plan_du_site .page-texte li a:hover{color:var(--accent)}
.page-plan_du_site .page-texte>h2{text-align:center}
.page-texte nav{margin-top:2rem;padding-top:.4rem;border-top:3px double var(--encre);text-align:center}
.page-texte nav h2{margin:0;padding:0;border:0;color:var(--doux);font-family:var(--police-texte);font-size:.875rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.page-plan_du_site .page-texte nav ul{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1rem;margin:0}
.page-plan_du_site .page-texte nav li>:is(a,b){display:flex;align-items:center;min-height:2.75rem;padding:0 .3rem;font-variant-caps:all-small-caps;letter-spacing:.1em}
.page-texte nav b{color:var(--accent)}

/* Page introuvable (et accueil sans article) : une une vide, titre de journal et ligne de date sans texte, le message au centre */
.feuille-vide{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:30rem;min-height:26rem;padding-top:6.5rem;text-align:center}
.feuille-vide::before{content:"";position:absolute;top:1.25rem;left:1rem;right:1rem;height:3.5rem;border-top:4px solid var(--encre);border-bottom:1px solid var(--encre)}
.feuille-vide::after{content:"";position:absolute;top:6.1rem;left:1rem;right:1rem;border-top:1px solid var(--encre)}
.vide-titre{font-size:clamp(1.75rem,1.2rem + 2.5vw,2.75rem);line-height:1.1;text-transform:uppercase;overflow-wrap:anywhere}
.vide-texte{margin-top:.8rem;font-size:1.125rem;line-height:1.5}
.feuille-vide .retour{margin-top:1.25rem;border-top:0}

/* Pied : le comptoir, bande sombre avec le nom, les liens en petites capitales et le domaine */
.comptoir{background:var(--enseigne);color:var(--enseigne-texte);border-top:6px solid var(--tranche)}
.comptoir-cadre{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:1.75rem;padding-bottom:1.75rem;text-align:center}
.comptoir-nom{max-width:100%;font-family:var(--police-titre);font-size:clamp(1.125rem,6vw,1.5rem);font-weight:700;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}
.comptoir-liens{list-style:none;width:100%;max-width:26rem;padding:.15rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--enseigne-doux);border-bottom:1px solid var(--enseigne-doux)}
.comptoir-liens li{position:relative}
.comptoir-liens li:nth-child(even)::before{content:"";position:absolute;left:0;top:.8rem;bottom:.8rem;border-left:1px solid var(--enseigne-doux)}
.comptoir-liens a{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 .4rem;font-size:1rem;line-height:1.2;font-variant-caps:all-small-caps;letter-spacing:.06em;text-decoration:none}
.comptoir-liens a:hover{text-decoration:underline}
.comptoir-domaine{color:var(--enseigne-doux);font-size:.8125rem;letter-spacing:.2em;text-transform:uppercase;overflow-wrap:anywhere}
.comptoir :focus-visible{outline-color:var(--enseigne-texte)}

/* Tablette : deux colonnes de unes en portrait ; sans photo, la vignette comble le bas de la une */
@media (min-width:46rem){
  .cadre{padding-inline:1.5rem}
  .enseigne{width:auto;max-width:calc(100% - 10px);padding:.85rem 1.75rem .8rem}
  .enseigne-nom{font-size:clamp(1.375rem,.5rem + 2.2vw,2.5rem);letter-spacing:.07em}
  .marque{gap:.75rem}
  .marque-image{width:2.6rem;height:2.6rem}
  .menu{max-width:46rem}
  .menu a{padding:0 1.1rem;font-size:1.0625rem;letter-spacing:.12em}
  .mur{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 1.75rem}
  .carte{position:relative;aspect-ratio:3/4}
  .carte::after{content:"";position:absolute;left:-.875rem;right:-.875rem;bottom:-.95rem;height:4px;border-bottom:1px solid var(--tranche);background:var(--pile);box-shadow:0 2px 3px -1px color-mix(in srgb,var(--encre) 25%,transparent)}
  .carte:not(.carte-une){--z:"rub" "titre" "date" "texte" "photo" "suite";--r:auto auto auto auto minmax(4.5rem,1fr) auto;--zp:var(--z);--cp:minmax(0,1fr);--rp:var(--r);--l:3;--m:0;--a:stretch;--v:block}
  .journal-texte{min-height:3lh;orphans:3}
  .journal-texte::first-letter{initial-letter:3;-webkit-initial-letter:3}
  /* Capture sans extrait : entière, posée sur la trame, au lieu d'être recadrée sur les côtés */
  .carte-sans-texte:not(.carte-une) .journal-photo{display:grid;align-content:center;justify-items:center;align-self:stretch;aspect-ratio:auto;padding-block:.9rem;background:var(--trame)}
  .carte-sans-texte:not(.carte-une) .journal-photo img{position:static;width:var(--pl,100%);height:auto;border-block:1px solid var(--encre)}
  .carte-une{grid-column:1/-1;aspect-ratio:auto}
  .carte-une .journal{padding:1.25rem 1.25rem 1rem}
  .folios-liste{max-width:none}
  .feuille{padding:1.75rem 2rem 2rem}
  .feuille-vide::before{top:1.75rem;left:2rem;right:2rem}
  .feuille-vide::after{top:6.6rem;left:2rem;right:2rem}
  .feuille-vide{padding-top:7rem}
  .page-plan_du_site .page-texte>h2+ul{columns:2;column-gap:2rem;column-rule:1px solid var(--filet)}
  .page-plan_du_site .page-texte li a{padding:.25rem 0}
  .comptoir-liens{display:flex;flex-wrap:wrap;justify-content:center;width:auto;max-width:none}
  .comptoir-liens li:nth-child(n+2)::before{content:"";position:absolute;left:0;top:.8rem;bottom:.8rem;border-left:1px solid var(--enseigne-doux)}
  .comptoir-nom{letter-spacing:.08em}
  .comptoir-liens a{padding:0 .9rem;font-size:1.0625rem;letter-spacing:.1em}
}
/* Dernière rangée incomplète : la dernière une prend la rangée, en paysage, sa photo à la largeur annoncée par sizes */
@media (min-width:46rem) and (max-width:71.99rem){
  .carte:not(.carte-une):last-child:nth-child(even){grid-column:1/-1;aspect-ratio:auto;--r:auto auto auto auto 1fr auto;--zp:"rub rub" "titre titre" "date date" "texte photo" "suite suite";--cp:minmax(0,1fr) calc(50% - 1.8125rem);--pl:calc(50% - 1.875rem);--rp:auto auto auto 1fr auto;--l:5;--m:1rem;--a:start;--v:none}
}

/* Ordinateur : l'article sur deux colonnes ; le plan du site sur une feuille large, en trois puis quatre colonnes */
@media (min-width:64rem){
  .cadre{padding-inline:2rem}
  .feuille{padding:2.25rem 2.75rem 2.5rem}
  .feuille-vide{padding-top:7.5rem}
  .feuille-vide::before{top:2.25rem;left:2.75rem;right:2.75rem}
  .feuille-vide::after{top:7.1rem;left:2.75rem;right:2.75rem}
  .corps{columns:2;column-gap:2.5rem;column-rule:1px solid var(--filet)}
  .corps img,.corps>p:has(>a){column-span:all}
  .corps>p:not(:has(a))+p:has(>a){margin-top:1.4em}
  .page-mentions_legales .page-texte,.page-donnees_personnelles .page-texte{columns:2;column-gap:2.5rem;column-rule:1px solid var(--filet)}
  .page-plan_du_site .feuille{max-width:70rem}
  .page-plan_du_site .page-texte>h2+ul{columns:3;column-gap:1.75rem;font-size:1rem}
  .page-texte nav{column-span:all}
}

/* Grand écran : trois colonnes ; la une du jour sur deux, et sur deux rangées avec photo et extrait ; la dernière une finit la
   rangée (toute la rangée, ou deux colonnes), sa photo à la largeur annoncée par sizes */
@media (min-width:72rem){
  .mur,.folios,.menu{max-width:70rem}
  .mur{grid-template-columns:repeat(3,minmax(0,1fr))}
  .carte-une{grid-column:span 2}
  .carte-une-haute{grid-row:span 2}
  .carte-une.carte-sans-texte .journal-photo{aspect-ratio:auto}
  .carte-une{--z:"rub" "titre" "date" "texte" "photo" "suite";--r:auto auto auto auto minmax(4.5rem,1fr) auto;--v:block}
  .carte-une-haute~.carte:last-child:nth-child(3n+4),.carte-une:not(.carte-une-haute)~.carte:last-child:nth-child(3n+3){grid-column:1/-1;--r:auto auto auto auto 1fr auto;--v:none;--cp:minmax(0,1fr) calc(33.333% - 2.4167rem);--pl:calc(33.333% - 2.5rem)}
  .carte-une-haute~.carte:last-child:nth-child(3n+5),.carte-une:not(.carte-une-haute)~.carte:last-child:nth-child(3n+4){grid-column:span 2;--cp:minmax(0,1fr) calc(50% - 1.8125rem);--pl:calc(50% - 1.875rem)}
  .carte-une-haute~.carte:last-child:nth-child(3n+4),.carte-une:not(.carte-une-haute)~.carte:last-child:nth-child(3n+3),.carte-une-haute~.carte:last-child:nth-child(3n+5),.carte-une:not(.carte-une-haute)~.carte:last-child:nth-child(3n+4){aspect-ratio:auto;--zp:"rub rub" "titre titre" "date date" "texte photo" "suite suite";--rp:auto auto auto 1fr auto;--l:5;--m:1.25rem;--a:start}
  .page-plan_du_site .page-texte>h2+ul{columns:4}
  .folios{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .folios-liste{grid-column:2}
  .folios-precedente,.folios-suivante{grid-row:1}
  .folios-suivante{grid-column:3}
}

@media (prefers-reduced-motion:no-preference){
  .journal{transition:transform .15s ease-out}
  .carte:hover .journal{transform:translate(-1px,-2px)}
}