:root{--accent:#1f4fd1;--doux:#4b556b;--fond:#f5f7fb;--ocre:#f0b43c;--pointille:#9aa5bd;--police-texte:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--police-titre:Charter,"Bitstream Charter","Sitka Text",Cambria,serif;--quadrillage:#dfe5f2;--sur-accent:#ffffff;--surface:#ffffff;--teinte:#c7d4f6;--texte:#151b2d;}
/* Légende (t2b105) : la légende d'une carte. Cartouche de titre à double filet en haut à gauche (marque dans un cercle, nom
   en capitales espacées, petite échelle graphique), menu en trois pastilles rondes ; première carte de chaque page en carton
   (cadre gradué de carte) ; puis le cadre de légende à double filet, où chaque article commence par un symbole géométrique
   (rond, carré, triangle, losange, hexagone) ; sur téléphone, ces symboles forment une frise reliée par un tracé pointillé.
   Pagination en échelle graphique ; pied en bas de carte, avec une flèche du nord.
   Variables des options : --fond, --surface, --texte, --doux, --accent, --sur-accent, --pointille, --teinte, --ocre,
   --quadrillage (palette) ; --police-titre, --police-texte (typo). CSS seule, aucune ressource externe, aucune animation. */

*,*::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(--texte);font-family:var(--police-texte);font-size:1rem;line-height:1.6}
img{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.18em}
: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.15}
p,ul,ol{margin:0}
.masque{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.evitement{position:absolute;top:-20rem;left:1rem;z-index:10;padding:.75rem 1.1rem;background:var(--texte);color:var(--surface);font-weight:700}
.evitement:focus{top:1rem}

/* En-tête : cartouche de titre à double filet, menu en pastilles rondes (libellé dessous, la courante pleine) */
.entete{padding:1rem 1rem 0}
.entete-int{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;max-width:75rem;margin:0 auto}
.cartouche{flex:1 1 100%;min-width:0;margin:0;padding:.65rem .9rem .75rem .7rem;border:6px double var(--texte);background:var(--surface);font-size:1rem}
.marque{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.85rem;align-items:center;color:var(--texte);text-decoration:none}
.marque-cercle{grid-row:span 2;display:grid;place-items:center;width:3.5rem;height:3.5rem;border:4px double var(--texte);border-radius:50%;background:var(--surface)}
.marque-image{display:block;width:2.3rem;height:2.3rem}
.marque-lettre{font-family:var(--police-titre);font-size:1.5rem;font-weight:700}
.marque-nom{align-self:end;font-family:var(--police-titre);font-size:clamp(.85rem,4.2vw,1.1rem);font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;overflow-wrap:anywhere}
.marque:hover .marque-nom{color:var(--accent)}
.echelle{position:relative;align-self:start;width:7.5rem;max-width:100%;height:.5rem;margin-top:.6rem;border:1px solid var(--texte);background:repeating-linear-gradient(90deg,var(--texte) 0 1.5rem,transparent 1.5rem 3rem)}
.echelle::before{content:"";position:absolute;left:-1px;right:-1px;bottom:100%;height:.3rem;background:repeating-linear-gradient(90deg,var(--texte) 0 1px,transparent 1px 1.5rem);box-shadow:inset -1px 0 var(--texte)}
.menu{flex:1 1 100%}
.menu-liste{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}
.pastille{--rond:var(--teinte);--icone:var(--accent);display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.25rem .2rem .3rem;color:var(--texte);font-size:.875rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none}
.pastille[aria-current]{--rond:var(--accent);--icone:var(--sur-accent);font-weight:700}
.pastille-rond{position:relative;display:block;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--rond);box-shadow:inset 0 0 0 1px var(--texte)}
.pastille[aria-current] .pastille-rond{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--accent)}
.pastille-rond::after{content:"";position:absolute;inset:0;width:1.4rem;height:1.4rem;margin:auto;background:var(--icone)}
.pastille:hover .pastille-libelle{text-decoration:underline}
.menu-item:nth-child(1) .pastille-rond::after{clip-path:polygon(50% 3%,100% 45%,87% 45%,87% 97%,60% 97%,60% 66%,40% 66%,40% 97%,13% 97%,13% 45%,0 45%)}
.menu-item:nth-child(2) .pastille-rond::after{background:linear-gradient(90deg,var(--icone) 0 30%,transparent 30% 36%,var(--icone) 36% 64%,transparent 64% 70%,var(--icone) 70%);clip-path:polygon(0 12%,33% 0,67% 12%,100% 0,100% 88%,67% 100%,33% 88%,0 100%)}
.menu-item:nth-child(3) .pastille-rond::after{height:1rem;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--rond) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px)) 0 0/50% 62% no-repeat,linear-gradient(to top left,transparent calc(50% - 1.5px),var(--rond) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px)) 100% 0/50% 62% no-repeat,var(--icone)}

/* Contenu */
.principal{flex:1 0 auto;width:100%;max-width:78rem;margin:0 auto;padding:1.75rem 1rem 0}

/* Cadre gradué de carte (segments alternés entre deux filets) : carton de l'accueil et capture de l'article */
.carton,.corps img{padding:7px;border:1px solid var(--texte);background:linear-gradient(var(--texte),var(--texte)) 0 6px/100% 1px no-repeat,linear-gradient(var(--texte),var(--texte)) 0 calc(100% - 6px)/100% 1px no-repeat,linear-gradient(var(--texte),var(--texte)) 6px 0/1px 100% no-repeat,linear-gradient(var(--texte),var(--texte)) calc(100% - 6px) 0/1px 100% no-repeat,repeating-linear-gradient(90deg,var(--texte) 0 1.5rem,var(--surface) 1.5rem 3rem) 0 0/100% 6px no-repeat,repeating-linear-gradient(90deg,var(--texte) 0 1.5rem,var(--surface) 1.5rem 3rem) 0 100%/100% 6px no-repeat,repeating-linear-gradient(var(--texte) 0 1.5rem,var(--surface) 1.5rem 3rem) 0 0/6px 100% no-repeat,repeating-linear-gradient(var(--texte) 0 1.5rem,var(--surface) 1.5rem 3rem) 100% 0/6px 100% no-repeat,var(--surface)}

/* Carton : la première carte de chaque page, agrandie, au-dessus du cadre de légende */
.carton{position:relative;display:grid;grid-template-columns:minmax(0,1fr);max-width:75rem;margin:0 auto}
.carton-carte{position:relative;min-width:0;place-self:stretch}
.carton-image{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 0}
.carton-sans-image .carton-carte{display:grid;place-items:center;aspect-ratio:16/9;padding:1.5rem;background:repeating-linear-gradient(var(--pointille) 0 1px,transparent 1px 6.25rem) 0 -1px,repeating-linear-gradient(90deg,var(--pointille) 0 1px,transparent 1px 6.25rem) -1px 0,repeating-linear-gradient(var(--quadrillage) 0 1px,transparent 1px 1.25rem),repeating-linear-gradient(90deg,var(--quadrillage) 0 1px,transparent 1px 1.25rem),var(--surface)}
.carton-cercle{display:grid;place-items:center;width:clamp(6rem,27vw,9.5rem);aspect-ratio:1;border-radius:50%;background:var(--accent);color:var(--sur-accent);font-family:var(--police-titre);font-size:clamp(2.75rem,12vw,4.5rem);font-weight:700;line-height:1;box-shadow:0 0 0 .5rem var(--surface),0 0 0 calc(.5rem + 2px) var(--texte),0 0 0 1.2rem var(--surface),0 0 0 calc(1.2rem + 1px) var(--texte)}
.carton-symbole{position:absolute;right:1rem;bottom:calc(-2.25rem - 1.5px);display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--accent);color:var(--sur-accent);font-family:var(--police-titre);font-size:2rem;font-weight:700;line-height:1;box-shadow:0 0 0 .3rem var(--surface),0 0 0 calc(.3rem + 2px) var(--texte)}
.carton-texte{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;min-width:0;padding:1.25rem 1rem 1.4rem;border-top:3px solid var(--texte)}
.carton:not(.carton-sans-image) .carton-texte{padding-top:2.9rem}
.carton-texte>*{max-width:100%}
.carton-titre{font-size:clamp(1.4rem,7vw,2.4rem);line-height:1.08;overflow-wrap:anywhere}
.carton-titre a{text-decoration:none}
.carton-titre a::after{content:"";position:absolute;inset:0;z-index:1}
.carton-titre a:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}
.carton-titre a:focus-visible{outline:0}
.carton-titre a:focus-visible::after{outline:3px solid var(--accent);outline-offset:3px}
.carton-date{color:var(--doux);font-size:1.0625rem;line-height:1.3;font-variant-caps:all-small-caps;letter-spacing:.08em}
.carton-extrait{font-size:1.0625rem;line-height:1.55;overflow-wrap:break-word}

/* Cadre de légende : double filet, titre posé sur le filet supérieur */
.legende{position:relative;max-width:75rem;margin:3.25rem auto 0;padding:2.4rem .4rem .4rem;border:7px double var(--texte);background:var(--surface)}
.principal-accueil>.legende:first-child{margin-top:2rem}
.legende:not(:has(.entree,.legende-vide)){display:none}
.legende-titre{position:absolute;top:-3.5px;left:50%;width:max-content;max-width:calc(100% - 1.5rem);padding:.3rem .75rem;transform:translate(-50%,-50%);border:2px solid var(--texte);background:var(--surface);font-size:.875rem;line-height:1.3;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.legende-titre::before,.legende-titre::after{content:"";display:inline-block;width:.55em;height:.55em;margin:0 .7em .08em 0;background:var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.legende-titre::after{margin:0 0 .08em .55em}
.legende-folio::before{content:"·";margin:0 .45em 0 .15em}
.legende-vide{padding:1rem .5rem 1.25rem;color:var(--doux);text-align:center}
.legende-liste{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}

/* Entrées : symbole (ou capture en médaillon), puis titre, date et extrait */
.entree{--forme:circle(50%);--plein:var(--accent);--lettre:var(--sur-accent);position:relative;display:grid;grid-template-columns:4.5rem minmax(0,1fr);column-gap:.75rem;align-items:start;padding:.85rem 0}
.entree+.entree::before{content:"";position:absolute;top:0;left:5.25rem;right:0;border-top:2px dotted var(--pointille)}
.entree:not(:last-child)::after{content:"";position:absolute;top:3.6rem;bottom:-.85rem;left:calc(2.25rem - 1px);border-left:2px dotted var(--pointille)}
.entree-image:not(:last-child)::after{top:6.1rem}
.entree:nth-child(5n+2){--forme:inset(5%)}
.entree:nth-child(5n+3){--forme:polygon(50% 3%,98% 95%,2% 95%)}
.entree:nth-child(5n+4){--forme:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.entree:nth-child(5n){--forme:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}
.entree:nth-child(4n+2){--plein:var(--teinte);--lettre:var(--texte)}
.entree:nth-child(4n+3){--plein:var(--texte);--lettre:var(--surface)}
.entree:nth-child(4n){--plein:var(--ocre);--lettre:var(--texte)}
.symbole{position:relative;justify-self:center;display:grid;place-items:center;width:2.75rem;height:2.75rem;background:var(--plein);color:var(--lettre);clip-path:var(--forme);font-family:var(--police-titre);font-size:1.125rem;font-weight:700;line-height:1}
.entree:nth-child(5n+3) .symbole{padding-top:.8rem;font-size:1rem}
.entree:nth-child(5n+4) .symbole{font-size:1rem}
.medaillon{position:relative;justify-self:center;display:block;padding:2px;border:4px double var(--texte);background:var(--surface)}
/* Médaillon : son symbole de légende (même forme, même teinte que la suite des entrées) épinglé sur le filet du bas */
.medaillon::before,.medaillon::after{content:"";position:absolute;top:calc(100% + 2px);left:50%;width:1.6rem;height:1.6rem;transform:translate(-50%,-50%);background:var(--texte);clip-path:var(--forme)}
.medaillon::after{width:1.1rem;height:1.1rem;background:var(--plein)}
.medaillon-image{display:block;width:3.75rem;height:3.75rem;object-fit:cover;object-position:50% 0}
.entree-texte{min-width:0}
.entree-titre{font-size:1rem;line-height:1.25;overflow-wrap:break-word}
.entree-titre a{text-decoration:none}
.entree-titre a::after{content:"";position:absolute;inset:0;z-index:1}
.entree-titre a:hover{color:var(--accent);text-decoration:underline}
.entree-titre a:focus-visible{outline:0}
.entree-titre a:focus-visible::after{outline:3px solid var(--accent);outline-offset:-3px}
.entree-date{margin-top:.15rem;color:var(--doux);font-size:1rem;line-height:1.3;font-variant-caps:all-small-caps;letter-spacing:.07em}
.entree-extrait{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:.35rem;font-size:.9375rem;line-height:1.5;overflow-wrap:break-word}

/* Pagination en échelle graphique : segments alternés foncés et clairs, la page courante surlignée */
.echelle-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:1rem;max-width:75rem;margin:2.75rem auto 0}
.echelle-pages::before{content:"";order:-1;flex:0 0 100%;height:.75rem}
.segments{order:-2;margin:0 auto;list-style:none;padding:0;display:flex;flex-wrap:wrap;max-width:calc(5 * 2.75rem + 4px);border:2px solid var(--texte);background:var(--surface)}
.segment{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:var(--surface);color:var(--texte);font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none}
.segments li:nth-child(odd) .segment{background:var(--texte);color:var(--surface)}
.segments li .segment[aria-current]{background:var(--accent);color:var(--sur-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
a.segment:hover{text-decoration:underline}
/* Focus des échelles : un liseré clair puis l'accent, lisibles contre un segment foncé, clair ou courant */
a.segment:focus-visible,.texte nav a:focus-visible{position:relative;z-index:1;outline:3px solid var(--surface);outline-offset:0;box-shadow:0 0 0 6px var(--accent)}
.pas{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 .25rem;font-size:1.0625rem;font-weight:700;font-variant-caps:all-small-caps;letter-spacing:.08em;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px}
.pas:hover{color:var(--accent)}
.pas-suivant{margin-left:auto}
.pas-precedent::before{content:"←"}
.pas-suivant::after{content:"→"}

/* Notice (article et pages de service) : cartouche en tête, corps sur 44 rem */
.principal-article,.principal-page,.principal-404{max-width:47rem}
.notice-cartouche{margin:0 0 2rem;padding:1.1rem 1.2rem 1rem;border:6px double var(--texte);background:var(--surface)}
.notice-titre{font-size:clamp(1.75rem,6vw,2.75rem);line-height:1.1;overflow-wrap:break-word}
.notice-suite{color:var(--doux);font-size:.55em;font-weight:600}
.notice-date{margin-top:.85rem;padding-top:.65rem;border-top:2px dotted var(--pointille);color:var(--doux);font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.08em}
.notice-date::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.6rem;background:var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.texte{overflow-wrap:break-word}
.texte p,.texte ul,.texte ol{margin:0 0 1.1em}
.texte ul,.texte ol{padding-left:1.4rem}
.texte li{margin:.3em 0}
.texte li::marker{color:var(--accent)}
.texte a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;overflow-wrap:anywhere}
.texte a:hover{text-decoration-thickness:2px}
.texte h2{margin:2rem 0 .6rem;font-size:1.3rem}
.texte h3{margin:1.5rem 0 .5rem;font-size:1.1rem}
.corps{max-width:44rem;margin:0 auto;font-size:1.0625rem;line-height:1.7}
.corps>p:has(>a){color:var(--doux);font-size:.9375rem;line-height:1.5}
.corps>p:first-child{margin:0 0 1.75rem;padding:.8rem 1rem;border:5px double var(--texte);background:var(--surface)}
.corps>p:first-child:has(+p){margin-bottom:0;padding-bottom:.2rem;border-bottom:0}
.corps>p:first-child+p{margin-bottom:1.75rem;padding:.2rem 1rem .8rem;border:5px double var(--texte);border-top:0;background:var(--surface);color:var(--doux);font-size:.9375rem;line-height:1.5}
.corps img{display:block;width:100%;margin:2.25rem 0}
.retour{max-width:44rem;margin:2.5rem auto 0}
.retour a{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.3rem 1rem;border:2px solid var(--texte);background:var(--surface);color:var(--texte);font-weight:700;text-decoration:none}
.retour a::before{content:"←";color:var(--accent)}
.retour a:hover{border-color:var(--accent);color:var(--accent)}

/* Pages de service */
.principal-page .texte{max-width:44rem;margin:0 auto;font-size:1.0625rem;line-height:1.65}
.principal-page .texte>h2{display:flex;align-items:center;gap:.6rem}
.principal-page .texte>h2::before{content:"";flex:none;width:.75rem;height:.75rem;background:var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.principal.page-contact{padding-left:1.4rem;padding-right:1.4rem}
.page-contact .texte iframe{margin:1.9rem 0 .9rem;background:var(--surface);box-shadow:0 0 0 .3rem var(--surface),0 0 0 calc(.3rem + 2px) var(--texte),0 0 0 calc(.3rem + 5px) var(--surface),0 0 0 calc(.3rem + 7px) var(--texte)}
.principal.page-plan_du_site{max-width:78rem}
.page-plan_du_site .texte{max-width:none}
.page-plan_du_site .texte>ul{list-style:none;padding:0}
.page-plan_du_site .texte>ul:first-child{display:flex;flex-wrap:wrap;gap:0 2rem}
.page-plan_du_site .texte>h2+ul{columns:3 17rem;column-gap:2.5rem;column-rule:2px dotted var(--pointille)}
.page-plan_du_site .texte>ul>li{display:flex;align-items:center;gap:.65rem;margin:0;break-inside:avoid}
.page-plan_du_site .texte>ul>li::before{content:"";flex:none;width:.75rem;height:.75rem;border-radius:50%;background:var(--accent)}
.page-plan_du_site .texte>ul>li:nth-child(5n+2)::before{border-radius:0;background:var(--texte)}
.page-plan_du_site .texte>ul>li:nth-child(5n+3)::before{border-radius:0;background:var(--accent);clip-path:polygon(50% 0,100% 100%,0 100%)}
.page-plan_du_site .texte>ul>li:nth-child(5n+4)::before{border-radius:0;background:var(--texte);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.page-plan_du_site .texte>ul>li:nth-child(5n)::before{border-radius:0;background:var(--accent);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}
.page-plan_du_site .texte>ul>li>a{display:flex;align-items:center;min-height:2.75rem;padding:.2rem 0}
.texte nav{margin-top:2rem;padding-top:1rem;border-top:6px double var(--texte)}
.principal-page .texte nav h2{margin:0 0 .75rem;font-size:1rem;letter-spacing:.16em;text-transform:uppercase}
.principal-page .texte nav h2::before{content:none}
.texte nav ul{display:flex;flex-wrap:wrap;width:max-content;max-width:100%;margin:0;padding:0;list-style:none;border:2px solid var(--texte)}
.texte nav li{flex:1 0 auto;margin:0}
.texte nav a,.texte nav b{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 .85rem;background:var(--surface);color:var(--texte);text-decoration:none}
.texte nav li:nth-child(odd) a,.texte nav li:nth-child(odd) b{background:var(--texte);color:var(--surface)}
.texte nav li b[aria-current]{background:var(--accent);color:var(--sur-accent)}
.texte nav a:hover{text-decoration:underline}

/* Page introuvable : un grand cercle vide */
.egare{display:flex;flex-direction:column;align-items:center;padding:1.5rem 0 1rem;text-align:center}
.egare-cercle{display:block;width:clamp(9rem,42vw,13rem);aspect-ratio:1;border:7px double var(--texte);border-radius:50%;background:var(--surface)}
.egare-titre{margin-top:1.75rem;font-size:clamp(1.9rem,6vw,3rem);line-height:1.1}
.egare-texte{max-width:30rem;margin-top:.9rem;font-size:1.0625rem}
.egare .retour{margin-top:1.75rem}

/* Pied : bas de la carte, domaine en mention de source, flèche du nord */
.pied{margin-top:4rem;padding:0 1rem 1.5rem}
.pied-int{display:flex;flex-direction:column;align-items:center;gap:.5rem 1.75rem;max-width:75rem;margin:0 auto;padding-top:1rem;border-top:6px double var(--texte);text-align:center}
.pied-source{color:var(--doux);font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.12em;overflow-wrap:anywhere}
.pied-liens{list-style:none;padding:0;display:grid;grid-template-columns:auto auto;justify-content:center;gap:0 1.5rem}
.pied-liens a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.9375rem;text-decoration:underline;text-decoration-thickness:1px}
.pied-liens a:hover{color:var(--accent)}
.nord{flex:none;display:block;width:1.3rem;height:2.25rem;background:linear-gradient(90deg,var(--texte) 50%,var(--accent) 50%);clip-path:polygon(50% 0,100% 100%,50% 74%,0 100%)}

/* Très petit écran : les liens du pied l'un sous l'autre plutôt que coupés en deux lignes */
@media (max-width:22.49rem){
  .pied-liens{grid-template-columns:auto}
}
/* Tablette et ordinateur */
@media (min-width:40rem){
  .entete{padding:1.5rem 1.5rem 0}
  .cartouche{flex:0 1 auto;padding:.75rem 1.25rem .85rem .8rem}
  .marque-cercle{width:3.75rem;height:3.75rem}
  .marque-image{width:2.5rem;height:2.5rem}
  .marque-nom{font-size:1.3rem;letter-spacing:.16em}
  .menu{flex:none;margin-left:auto}
  .menu-liste{display:flex;gap:.5rem}
  .pastille{min-width:5.75rem}
  .principal{padding:2.25rem 1.5rem 0}
  .legende-titre{padding:.35rem 1.25rem;font-size:1rem;letter-spacing:.16em}
  .carton-texte{padding:1.5rem 1.5rem 1.6rem}
  .carton:not(.carton-sans-image) .carton-texte{padding-top:2.9rem}
  .carton-sans-image .carton-carte{aspect-ratio:5/2}
  .segments{max-width:none}
  .segment{width:auto;min-width:3.25rem;padding:0 .4rem}
  .pied{padding:0 1.5rem 1.75rem}
  .principal.page-contact{padding-left:1.5rem;padding-right:1.5rem}
  .page-contact .texte iframe{box-shadow:0 0 0 .45rem var(--surface),0 0 0 calc(.45rem + 2px) var(--texte),0 0 0 calc(.45rem + 5px) var(--surface),0 0 0 calc(.45rem + 7px) var(--texte)}
  .pied-int{flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:left}
  .pied-liens{display:flex;flex-wrap:wrap;gap:0 1.25rem}
  .page-plan_du_site .texte>ul>li>a{min-height:2.25rem}
}
/* Légende en colonnes : 2 de 48 à 80 rem, 3 au-delà (assez de place pour un domaine long à côté d'un médaillon) */
@media (min-width:48rem){
  .legende{padding:2.6rem 1rem .75rem}
  .legende-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entree{grid-template-columns:auto minmax(0,1fr);column-gap:1rem;padding:1.15rem 1.1rem}
  .entree+.entree::before,.entree:not(:last-child)::after{content:none}
  .entree-titre{font-size:1.0625rem}
  .medaillon{padding:3px}
  .medaillon-image{width:4.625rem;height:4.625rem}
}
@media (min-width:48rem) and (max-width:79.99rem){
  .entree:nth-child(n+3){border-top:2px dotted var(--pointille)}
  .entree:nth-child(2n){border-left:2px dotted var(--pointille)}
}
@media (min-width:64rem){
  .carton{grid-template-columns:repeat(2,minmax(0,1fr))}
  .carton-texte,.carton:not(.carton-sans-image) .carton-texte{justify-content:center;padding:2rem 2rem 2rem 3.9rem;border-top:0;border-left:3px solid var(--texte)}
  .carton-sans-image .carton-texte{padding-left:2.25rem}
  .carton-sans-image .carton-carte{aspect-ratio:16/9}
  .carton-symbole{top:1.5rem;right:calc(-2.25rem - 1.5px);bottom:auto}
  .carton-titre{font-size:2rem}
  /* Échelle de pagination sur une ligne, entre « précédente » et « suivante » (repli en lignes si les pages sont nombreuses) */
  .echelle-pages{justify-content:center;gap:1rem 1.75rem}
  .echelle-pages::before{content:none}
  .segments{order:0;margin:0}
  .pas-suivant{margin-left:0}
}
@media (min-width:80rem){
  .legende{padding:2.75rem 1.25rem 1rem}
  .legende-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
  .entree:nth-child(n+4){border-top:2px dotted var(--pointille)}
  .entree:not(:nth-child(3n+1)){border-left:2px dotted var(--pointille)}
  .carton-titre{font-size:2.4rem}
}