:root{--accent:#8be3c0;--anneau:#518c78;--cadre:#bfe6d6;--doux:#a6c9bd;--etoile:#f0fff8;--fond:#0a2220;--fond-2:#0f2d2a;--halo:#74c0a3;--lueur:#8be3c0;--panneau:#133632;--police-mono:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--police-texte:Charter,"Bitstream Charter","Sitka Text",Cambria,serif;--police-titre:Didot,"Bodoni MT","Noto Serif Display","URW Palladio L",P052,Sylfaen,serif;--semis:#e2fff4;--sur-accent:#0a2220;--texte:#eaf6f0;}
/* Constellation (t2b072) : une carte du ciel. Chaque article est une étoile de trois grandeurs, semée en décalé dans le champ
   (5 colonnes sur ordinateur), avec son étiquette et un court trait pointillé vers la suivante ; la une est l'étoile majeure à
   huit branches. Sur téléphone, une colonne d'étiquettes : les étoiles dans une gouttière, reliées par un pointillé vertical.
   Palettes sombres : ciel de nuit ; palette claire : page d'atlas imprimée (étoiles en points d'encre, halos en fins cercles,
   car la lueur y prend la couleur du papier). Variables des options : --fond --fond-2 --panneau --texte --doux --accent
   --sur-accent --etoile --halo --anneau --lueur --semis --cadre (palette), --police-titre --police-texte --police-mono (typo).
   CSS seule, polices système, aucune ressource externe. */

*,*::before,*::after{box-sizing:border-box}
html{--b4:polygon(50% 0,61.3% 38.7%,100% 50%,61.3% 61.3%,50% 100%,38.7% 61.3%,0 50%,38.7% 38.7%);--b8:polygon(50% 0,54.6% 38.9%,71.2% 28.8%,61.1% 45.4%,100% 50%,61.1% 54.6%,71.2% 71.2%,54.6% 61.1%,50% 100%,45.4% 61.1%,28.8% 71.2%,38.9% 54.6%,0 50%,38.9% 45.4%,28.8% 28.8%,45.4% 38.9%);-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--fond)}
body{--s1:color-mix(in srgb,var(--semis) 62%,transparent);--s2:color-mix(in srgb,var(--semis) 36%,transparent);--s3:color-mix(in srgb,var(--semis) 20%,transparent);--lueur-a:color-mix(in srgb,var(--lueur) 55%,transparent);--lueur-b:color-mix(in srgb,var(--lueur) 22%,transparent);--lueur-c:color-mix(in srgb,var(--lueur) 10%,transparent);--pointille:color-mix(in srgb,var(--accent) 65%,transparent);margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--texte);font-family:var(--police-texte);font-size:1rem;line-height:1.6;overflow-wrap:break-word;background-color:var(--fond);background-image:radial-gradient(circle at 19px 23px,var(--s3) 0 .8px,transparent 1.4px),radial-gradient(circle at 70px 66px,var(--s3) 0 .7px,transparent 1.2px),radial-gradient(circle at 41px 113px,var(--s1) 0 1px,transparent 1.6px),radial-gradient(circle at 121px 37px,var(--s2) 0 1.2px,transparent 1.9px),radial-gradient(circle at 167px 181px,var(--s1) 0 1.5px,transparent 2.2px),radial-gradient(circle at 83px 71px,var(--s2) 0 1px,transparent 1.6px),radial-gradient(circle at 211px 23px,var(--s1) 0 1.2px,transparent 1.8px),radial-gradient(ellipse 80% 34rem at 50% -8rem,var(--lueur-c),transparent 70%),linear-gradient(var(--fond),var(--fond-2));background-size:97px 97px,97px 97px,151px 151px,151px 151px,233px 233px,233px 233px,233px 233px,100% 100%,100% 100%;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat}
/* Pages de lecture : le même ciel, aux étoiles plus pâles, pour qu'aucun point ne se lise comme un accent sur une lettre */
.vue-article,.vue-page{--s1:color-mix(in srgb,var(--semis) 38%,transparent);--s2:color-mix(in srgb,var(--semis) 22%,transparent);--s3:color-mix(in srgb,var(--semis) 12%,transparent)}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2{font-family:var(--police-titre)}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Lien d'évitement */
.evitement{position:absolute;top:.75rem;left:.75rem;z-index:30;padding:.75rem 1.25rem;background:var(--accent);color:var(--sur-accent);font-weight:700;text-decoration:none;transform:translateY(-12rem)}
.evitement:focus{transform:none}

/* En-tête : bande transparente sur le ciel ; marque = l'initiale dans une étoile à quatre branches */
.bande{position:relative;z-index:3}
.bande-interieur{width:min(100% - 3rem,77.5rem);margin:0 auto;padding:1.5rem 0 .75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 2rem}
.marque{display:inline-flex;align-items:center;gap:.875rem;min-height:2.75rem;min-width:0;color:var(--texte);font-family:var(--police-titre);font-size:1.0625rem;font-weight:700;letter-spacing:.2em;line-height:1.25;text-transform:uppercase;text-decoration:none}
.marque-etoile{flex:none;display:grid;place-items:center;width:3.25rem;height:3.25rem;background:var(--accent);clip-path:polygon(50% 0,65.6% 34.4%,100% 50%,65.6% 65.6%,50% 100%,34.4% 65.6%,0 50%,34.4% 34.4%)}
.marque-image{display:block;width:1.875rem;height:1.875rem}
.marque-nom{min-width:0;overflow-wrap:anywhere}
.marque:hover .marque-nom{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.menu a{position:relative;display:flex;align-items:center;min-height:2.75rem;padding:.5rem .875rem;color:var(--texte);font-size:1.0625rem;font-variant:small-caps;letter-spacing:.12em;text-decoration:none}
.menu a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.3em}
.menu a[aria-current="page"]{color:var(--accent)}
.menu a[aria-current="page"]::before{content:"";position:absolute;top:.125rem;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--etoile);box-shadow:0 0 0 2px var(--halo),0 0 0 3px var(--anneau),0 0 10px 2px var(--lueur-a)}

/* Étoiles communes : la majeure à huit branches (halo rond derrière, étoile en clip-path devant) */
.majeure{position:relative;display:block;flex:none;width:3.5rem;height:3.5rem}
.majeure::before,.majeure::after{content:"";position:absolute}
.majeure::before{inset:-14%;border-radius:50%;border:1px solid var(--anneau);box-shadow:0 0 1.75rem .25rem var(--lueur-b),inset 0 0 1rem var(--lueur-b)}
.majeure::after{inset:0;background:radial-gradient(circle,var(--etoile) 0 14%,var(--accent) 36%);clip-path:var(--b8)}

/* Accueil : titre de la carte */
.ciel{flex:1 0 auto;width:min(100% - 3rem,77.5rem);margin:0 auto;padding:2.5rem 0 1rem}
.titrage{margin:0 0 3.5rem;text-align:center;container-type:inline-size}
.titrage-sur{display:flex;align-items:center;justify-content:center;gap:.875rem;margin:0 0 .625rem;color:var(--accent);font-size:1.0625rem;font-variant:small-caps;letter-spacing:.24em}
.titrage-sur::before,.titrage-sur::after{content:"";flex:none;width:.625rem;height:.625rem;background:currentColor;clip-path:var(--b4)}
.titrage-nom{margin:0;font-size:clamp(1.6rem,.8rem + 2.6vw,2.75rem);font-size:clamp(1.5rem,4.2cqi,2.75rem);font-weight:400;letter-spacing:.14em;line-height:1.15;text-transform:uppercase;overflow-wrap:anywhere}
.vide{margin:0;padding:3rem 0;color:var(--doux);font-style:italic;text-align:center}
.rang{font-family:var(--police-mono);font-size:.75rem;font-weight:400;font-style:normal;font-variant:normal;letter-spacing:.04em;color:var(--doux)}

/* La une : l'étoile majeure posée sur le coin de la capture, étiquette à côté */
.une{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem 2.5rem;align-items:center;margin:0 0 4.5rem;container-type:inline-size}
.une-astre{position:relative}
.une .majeure{position:absolute;z-index:1;left:-1rem;top:-1.25rem}
.une-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 0;background:var(--panneau);box-shadow:0 0 0 1px var(--cadre),0 0 3rem var(--lueur-b)}
/* Le titre suit la largeur de son étiquette (cqi de la une), pour qu'un domaine de 24 lettres tienne sans se couper en plein mot */
.une-etiquette{min-width:0}
.une-titre{margin:0;font-size:clamp(1.625rem,1rem + 1.6vw,2.4rem);font-size:clamp(1.375rem,7cqi,2.4rem);font-weight:700;line-height:1.12;overflow-wrap:anywhere}
.une-titre .rang{display:flex;align-items:center;gap:.625rem;margin:0 0 .625rem;font-size:.8125rem;letter-spacing:.14em}
.une-titre .rang::after{content:"";width:2.5rem;border-top:1px dotted}
.une-lien{color:var(--texte);text-decoration:none}
.une-lien::after,.astre-lien::after{content:"";position:absolute;inset:0;z-index:2}
.une:hover .une-lien,.astre:hover .astre-lien{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.une-lien:focus-visible,.astre-lien:focus-visible{outline:0}
.une-lien:focus-visible::after{outline:2px solid var(--accent);outline-offset:.75rem}
.astre-lien:focus-visible::after{outline:2px solid var(--accent);outline-offset:-.125rem}
.une-date{margin:.75rem 0 0;color:var(--doux);font-style:italic}
.une-extrait{margin:1rem 0 0;font-size:1.0625rem;line-height:1.65}
.une-suite{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.25rem;color:var(--accent);font-size:1.0625rem;font-variant:small-caps;letter-spacing:.14em}
.une-suite::after{content:"";width:2.5rem;border-top:2px dotted}
.une-trait{display:none}
/* Une sans capture : l'étoile grandit dans deux halos concentriques */
.une-nue .une-astre{display:grid;place-items:center;min-height:15rem}
.une-nue .majeure{position:relative;left:auto;top:auto;width:6rem;height:6rem}
.une-nue .une-astre::before,.une-nue .une-astre::after{content:"";position:absolute;left:calc(50% - 5rem);top:calc(50% - 5rem);width:10rem;height:10rem;border-radius:50%;border:1px solid var(--anneau);box-shadow:0 0 3rem 1rem var(--lueur-c),inset 0 0 2.5rem var(--lueur-c)}
.une-nue .une-astre::after{left:calc(50% - 7rem);top:calc(50% - 7rem);width:14rem;height:14rem;border-style:dashed;box-shadow:none}
.une-nue .une-titre{font-size:clamp(1.75rem,1rem + 2.4vw,3rem);font-size:clamp(1.5rem,7cqi - 1.225rem,3rem)}
.une-nue .une-extrait{max-width:44rem;font-size:1.125rem}

/* Le champ : chaque article est une étoile et son étiquette, sans cadre ; trois grandeurs (3n+k), six décalages (6n+k)
   contenus dans la réserve de 2,5 rem de chaque cellule, un trait pointillé lancé vers la suivante */
.champ{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(13rem,auto);gap:2rem}
/* Le décalage pousse l'étiquette vers la droite sans la rétrécir : elle déborde d'autant dans la gouttière (sauf en dernière
   colonne), pour qu'un long domaine tienne sans se couper en plein mot */
.astre{--dx:0rem;--dy:0rem;--t:10px;--angle:-25deg;--depart:.875rem;position:relative;min-width:0;margin-right:calc(var(--dx) * -1);padding:calc(var(--dy) + 2.5rem) 0 calc(2rem - var(--dy)) var(--dx)}
.astre:nth-child(6n+2){--dx:1.75rem;--dy:1.25rem;--angle:-10deg}
.astre:nth-child(6n+3){--dx:.75rem;--dy:-.5rem;--angle:5deg}
.astre:nth-child(6n+4){--dx:2.5rem;--dy:.75rem;--angle:-18deg}
.astre:nth-child(6n+5){--dx:1.25rem;--dy:2rem;--angle:8deg}
.astre:nth-child(6n){--dx:.5rem;--dy:.5rem;--angle:-5deg}
.astre:nth-child(3n+1){--t:16px;--depart:1.375rem}
.astre:nth-child(3n+2){--t:6px}
.astre-nu:nth-child(3n+1){--depart:2.25rem}
.astre-point{position:absolute;z-index:1;left:calc(var(--dx) + .75rem);top:calc(var(--dy) + 1.5rem);width:var(--t);height:var(--t);margin:calc(var(--t) / -2) 0 0 calc(var(--t) / -2);border-radius:50%;background:radial-gradient(circle,var(--etoile) 0 38%,var(--accent) 82%);box-shadow:0 0 0 3px var(--halo),0 0 0 4px var(--anneau),0 0 18px 3px var(--lueur-a)}
.astre:hover .astre-point{box-shadow:0 0 0 3px var(--halo),0 0 0 4px var(--anneau),0 0 26px 7px var(--lueur-a)}
/* Les plus grandes étoiles ont de fines aigrettes en croix */
.astre:nth-child(3n+1) .astre-point::before,.astre:nth-child(3n+1) .astre-point::after{content:"";position:absolute;left:50%;top:50%;width:2.25rem;height:1px;margin:-.5px 0 0 -1.125rem;background:linear-gradient(90deg,transparent,var(--etoile),transparent)}
.astre:nth-child(3n+1) .astre-point::after{transform:rotate(90deg)}
.astre-lettre{display:none;position:absolute;left:calc(100% + .875rem);top:50%;margin-top:-.75rem;color:var(--texte);font-family:var(--police-titre);font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.5rem}
.astre-nu:nth-child(3n+1) .astre-lettre{display:block}
.astre-trait{position:absolute;left:calc(var(--dx) + .75rem);top:calc(var(--dy) + 1.5rem - 1px);width:3rem;border-top:2px dotted var(--pointille);transform-origin:0 50%;transform:rotate(var(--plonge,var(--angle))) translateX(var(--depart))}
.astre:last-child .astre-trait{display:none}
.astre-titre{margin:0;font-size:.71875rem;font-weight:700;letter-spacing:.025em;line-height:1.5;text-transform:uppercase;overflow-wrap:anywhere}
.astre-titre .rang{font-size:1em}
.astre-lien{color:var(--texte);text-decoration:none}
.astre-date{margin:.25rem 0 0;color:var(--doux);font-size:.875rem;font-style:italic}
.astre-extrait{display:-webkit-box;margin:.5rem 0 0;overflow:hidden;color:var(--doux);font-size:.875rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.astre-nu .astre-date{margin-top:.5rem}
.astre-nu .astre-extrait{margin-top:.75rem;line-height:1.6;-webkit-line-clamp:3}
.astre-cliche{display:block;width:9rem;max-width:100%;height:auto;aspect-ratio:16/9;margin-top:1rem;object-fit:cover;object-position:50% 0;background:var(--panneau);box-shadow:0 0 0 1px var(--cadre),0 0 1.25rem var(--lueur-b)}

/* Pagination : une rangée de petites étoiles numérotées, la courante à huit branches */
.pagination{margin:4rem 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2.5rem}
.pagination-pages{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .375rem}
.pagination-pages a,.pagination-courante{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.5rem;min-width:2.75rem;min-height:3.5rem;padding:0 .25rem .25rem;color:var(--texte);font-family:var(--police-mono);font-size:.9375rem;line-height:1.2;text-decoration:none}
.pagination-pages a::before{content:"";width:6px;height:6px;margin-bottom:.25rem;border-radius:50%;background:var(--etoile);box-shadow:0 0 0 2px var(--halo),0 0 0 3px var(--anneau),0 0 12px 2px var(--lueur-a)}
.pagination-pages li:nth-child(3n+1) a::before{width:8px;height:8px}
.pagination-pages li:nth-child(3n+2) a::before{width:4px;height:4px}
.pagination-pages a:hover{color:var(--accent);text-decoration:underline}
.pagination-courante{color:var(--accent);font-weight:700}
.pagination-courante::before{content:"";width:1.375rem;height:1.375rem;background:var(--accent);clip-path:var(--b8)}
.pagination-sens{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;color:var(--accent);font-size:1.0625rem;font-variant:small-caps;letter-spacing:.14em;text-decoration:none}
.pagination-sens:hover{text-decoration:underline;text-underline-offset:.3em}
.pagination-precedente::before,.pagination-suivante::after{content:"";width:2rem;border-top:2px dotted}

/* Article et pages : une fiche d'observation posée sur le ciel */
.ciel-fiche{width:min(100% - 3rem,42rem)}
/* Le h1 suit la largeur de sa boîte (cqi) : un domaine de 24 lettres en capitales tient sans se couper en plein mot */
.fiche-entete{position:relative;margin:0 0 2.5rem;padding:0 0 1.75rem 4.5rem;border-bottom:2px dotted var(--pointille);container-type:inline-size}
.fiche-etoile{position:absolute;left:0;top:-.125rem;width:3rem;height:3rem}
.fiche-titre{margin:0;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);font-size:clamp(1.375rem,5.4cqi,2.25rem);font-weight:400;letter-spacing:.1em;line-height:1.25;text-transform:uppercase;overflow-wrap:anywhere}
.fiche-suite{color:var(--doux);font-size:.62em;letter-spacing:.16em}
.fiche-date{margin:.75rem 0 0;color:var(--doux);font-style:italic}
.texte{font-size:1.0625rem;line-height:1.7}
.texte>:first-child{margin-top:0}
.texte>:last-child{margin-bottom:0}
.texte p,.texte ul,.texte ol{margin:0 0 1.15em}
.texte a{overflow-wrap:anywhere}
.corps a{font-family:var(--police-mono);font-size:.875em}
.texte h2{display:flex;align-items:center;gap:.75rem;margin:2.5rem 0 1rem;font-size:1.1875rem;font-weight:400;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.texte h2::before{content:"";flex:none;width:.875rem;height:.875rem;background:var(--accent);clip-path:var(--b4)}
.texte ul{padding-left:1.25rem}
.texte li::marker{color:var(--accent)}
.texte img{display:block;width:100%;height:auto;margin:2.5rem 0;padding:1rem;border:1px solid var(--cadre);background:radial-gradient(circle at .5rem .5rem,var(--etoile) 0 2px,var(--accent) 2.5px,transparent 3.5px),linear-gradient(90deg,transparent,var(--accent),transparent) 0 calc(.5rem - .5px)/1rem 1px no-repeat,linear-gradient(transparent,var(--accent),transparent) calc(.5rem - .5px) 0/1px 1rem no-repeat,var(--panneau);box-shadow:0 0 2.5rem -.5rem var(--lueur-a)}
.retour{margin:3rem 0 0}
.retour a{display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem;font-size:1.0625rem;font-variant:small-caps;letter-spacing:.12em;text-underline-offset:.3em}
.retour a::before{content:"";width:2rem;border-top:2px dotted}

/* Contact : le cadre du formulaire sur un panneau à peine plus clair, liseré pointillé (sans toucher à sa taille) */
.page-contact iframe{margin:2.5rem 0 1rem;background:var(--panneau);box-shadow:0 0 0 1rem var(--panneau);outline:2px dotted var(--pointille);outline-offset:1rem}

/* Plan du site en constellations : chaque h2 après une grande étoile, les liens le long d'un pointillé vertical */
.page-plan_du_site{width:min(100% - 3rem,77.5rem)}
.page-plan_du_site .texte{font-size:.9375rem;line-height:1.45}
.page-plan_du_site .texte>ul{list-style:none;margin:0 0 2.5rem;padding:0}
.page-plan_du_site .texte>ul:not(:first-child){columns:3 17rem;column-gap:3rem}
.page-plan_du_site .texte>ul li{position:relative;break-inside:avoid;margin:0;padding:.3125rem 0 .3125rem 1.5rem;border-left:2px dotted var(--pointille)}
.page-plan_du_site .texte>ul li::before{content:"";position:absolute;left:-4px;top:.8rem;width:6px;height:6px;border-radius:50%;background:var(--etoile);box-shadow:0 0 0 2px var(--halo),0 0 8px 1px var(--lueur-a)}
.page-plan_du_site .texte h2::before{width:2rem;height:2rem;background:radial-gradient(circle,var(--etoile) 0 14%,var(--accent) 36%);clip-path:var(--b8)}
.page-plan_du_site nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.page-plan_du_site nav li{margin:0}
.page-plan_du_site nav a,.page-plan_du_site nav b{display:flex;align-items:center;min-height:2.75rem;padding:.5rem .875rem;font-family:var(--police-mono)}
.page-plan_du_site nav b{color:var(--accent)}

/* 404 : un ciel vide traversé d'une étoile filante */
.ciel-vide{padding:5rem 0 2rem;text-align:center}
.filante{position:relative;display:block;width:min(20rem,70%);height:2px;margin:0 auto 5rem;background:linear-gradient(90deg,transparent,var(--accent));transform:rotate(-20deg)}
.filante::after{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--etoile);box-shadow:0 0 0 3px var(--halo),0 0 20px 6px var(--lueur-a)}
.vide-titre{margin:0;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);font-weight:400;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere}
.vide-texte{margin:1rem auto 0;max-width:32rem;color:var(--doux)}

/* Pied : l'horizon, filet lumineux et lueur basse */
.pied{position:relative;margin-top:5rem;padding:3.5rem 0 3.25rem;background:radial-gradient(ellipse 70% 100% at 50% 100%,var(--lueur-c),transparent 75%)}
.pied::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.pied::after{content:"";position:absolute;top:-1.5rem;left:20%;right:20%;height:3rem;background:radial-gradient(ellipse 50% 50% at 50% 50%,var(--lueur-b),transparent)}
.pied-interieur{width:min(100% - 3rem,77.5rem);margin:0 auto;text-align:center}
.pied-nom{margin:0;font-family:var(--police-titre);font-size:1.125rem;letter-spacing:.24em;line-height:1.3;text-transform:uppercase;overflow-wrap:anywhere}
.pied-domaine{margin:.375rem 0 1.25rem;color:var(--doux);font-family:var(--police-mono);font-size:.8125rem}
.pied-liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.pied-liens li{display:flex;align-items:center}
.pied-liens li+li::before{content:"";width:.5rem;height:.5rem;margin:0 1.125rem;background:var(--accent);clip-path:var(--b4)}
.pied-liens a{display:flex;align-items:center;min-height:2.75rem;color:var(--texte);font-size:.9375rem;text-decoration:none}
.pied-liens a:hover{color:var(--accent);text-decoration:underline}

/* Tablette : deux puis trois colonnes, la une sans capture à côté de son étoile ; le trait des étoiles de la dernière colonne
   plonge vers la rangée suivante (--plonge) et leur étiquette ne déborde pas */
@media (min-width:42rem){
.une-nue{grid-template-columns:15rem minmax(0,1fr)}
}
@media (min-width:42rem) and (max-width:49.99rem){
.astre:nth-child(2n){--plonge:155deg;margin-right:0}
}
@media (min-width:50rem) and (max-width:63.99rem){
.champ{grid-template-columns:repeat(3,minmax(0,1fr))}
.astre:nth-child(3n){--plonge:155deg;margin-right:0}
}
/* Une sans capture : son étoile dans une colonne de 18 rem ; une avec capture à deux colonnes dès 64 rem (capture sur 60 %) */
@media (min-width:56rem){
.une-nue{grid-template-columns:18rem minmax(0,1fr)}
.une-nue .une-titre{font-size:clamp(1.5rem,7cqi - 1.435rem,3rem)}
}
@media (min-width:64rem){
.une{grid-template-columns:60% minmax(0,1fr)}
.une-nue{grid-template-columns:18rem minmax(0,1fr)}
.une-titre{font-size:clamp(1.375rem,2.8cqi - .175rem,2.4rem)}
}
@media (min-width:64rem) and (max-width:79.99rem){
.champ{grid-template-columns:repeat(4,minmax(0,1fr))}
.astre:nth-child(4n){--plonge:155deg;margin-right:0}
}
/* Ordinateur : cinq colonnes */
@media (min-width:80rem){
.champ{grid-template-columns:repeat(5,minmax(0,1fr))}
.astre:nth-child(5n){--plonge:155deg;margin-right:0}
}

/* Téléphone : une colonne d'étiquettes, les étoiles dans une gouttière reliées par un pointillé vertical */
@media (max-width:41.99rem){
body{background-size:155px 155px,155px 155px,241px 241px,241px 241px,373px 373px,373px 373px,373px 373px,100% 100%,100% 100%}
.une:not(:has(+ .champ > li)) .une-trait{display:none}
.bande-interieur,.ciel,.pied-interieur{width:calc(100% - 2rem)}
.bande-interieur{padding-top:1rem}
.marque{font-size:.9375rem;letter-spacing:.16em}
.marque-etoile{width:2.75rem;height:2.75rem}
.marque-image{width:1.625rem;height:1.625rem}
.menu{width:100%}
.menu a{padding:.5rem clamp(.5rem,3vw,.75rem);font-size:1rem;letter-spacing:.1em}
.menu li:first-child a{padding-left:0}
.ciel{padding-top:1.75rem}
.titrage{margin-bottom:2.25rem}
.titrage-nom{font-size:clamp(1.125rem,6vw,1.75rem);letter-spacing:.12em}
.champ{display:block}
.une,.astre{position:relative;display:block;padding:0 0 1.75rem 4.25rem;margin:0}
.une-astre{position:static}
.une .majeure{left:.25rem;top:0;width:3rem;height:3rem}
.une-image{margin-bottom:1.25rem}
.une-titre{font-size:clamp(1.25rem,5.6vw,1.75rem);font-size:clamp(1.125rem,7cqi,1.75rem)}
.une-extrait{font-size:1rem}
.une-nue .une-astre{display:block;min-height:0}
.une-nue .majeure{position:absolute}
.une-nue .une-astre::before{left:-.25rem;top:-.5rem;width:4rem;height:4rem}
.une-nue .une-astre::after{left:-.875rem;top:-1.125rem;width:5.25rem;height:5.25rem}
.une-nue .une-titre{font-size:clamp(1.25rem,6.2vw,1.875rem);font-size:clamp(1.125rem,7.5cqi,1.875rem)}
.une-nue .une-extrait{font-size:1rem}
.astre-point{left:1.75rem;top:.8rem;box-shadow:0 0 0 2px var(--halo),0 0 0 3px var(--anneau),0 0 10px 1px var(--lueur-a)}
/* L'initiale se collerait au rang : la gouttière n'a pas la place, l'étoile reste seule */
.astre-nu:nth-child(3n+1) .astre-lettre{display:none}
.une-trait,.astre-trait{display:block;position:absolute;left:calc(1.75rem - 1px);top:calc(.8rem + 12px);bottom:calc(12px - .8rem);width:0;border-top:0;border-left:2px dotted var(--pointille);transform:none}
.une-trait{top:3.75rem}
.astre-titre{font-size:clamp(.75rem,3.5vw,.8125rem)}
.astre-cliche{width:100%;max-width:24rem;margin-top:.875rem}
.astre-nu .astre-extrait{-webkit-line-clamp:2}
.pagination{gap:.5rem 1.5rem}
.pagination-pages{order:-1;width:100%}
.ciel-fiche,.page-plan_du_site{width:calc(100% - 2rem)}
/* La fiche sur téléphone : l'étoile au-dessus du h1, qui prend toute la largeur */
.fiche-entete{padding:3.25rem 0 1.5rem}
.fiche-etoile{top:.125rem;width:2.25rem;height:2.25rem}
.fiche-titre{font-size:clamp(1.125rem,5.5cqi,1.5rem);letter-spacing:.06em}
.fiche-suite{font-size:.7em;letter-spacing:.12em}
.texte{font-size:1rem}
.texte img{padding:.75rem}
.page-contact iframe{box-shadow:0 0 0 .625rem var(--panneau);outline-offset:.625rem}
.page-plan_du_site .texte>ul li{padding:0 0 0 1.25rem}
.page-plan_du_site .texte>ul li::before{top:1.125rem}
.page-plan_du_site .texte>ul a{display:flex;align-items:center;min-height:2.75rem}
.pied-liens{flex-direction:column;align-items:center}
.pied-liens li+li::before{display:none}
}