:root{--accent:#6e1e2e;--bloc:#4a1220;--bloc-rayon:#57192a;--doux:#6b4d53;--entete-rayon:#efdeda;--fond:#f6ece9;--or:#b08848;--or-bloc:#d8b06a;--pied:#2e0e16;--pied-doux:#dcbab6;--pied-or:#d8b06a;--pied-texte:#f8ebe8;--police-texte:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--police-titre:Didot,"Bodoni MT","Noto Serif Display","URW Palladio L",P052,Sylfaen,serif;--rayon:#e8cdc8;--sur-accent:#ffffff;--sur-bloc:#fcefeb;--sur-bloc-doux:#e9c6c2;--sur-teinte:#6e1e2e;--surface:#fcf7f5;--teinte:#f0dcd8;--texte:#2c161b;}
/* Bon ton (t2b029) : la gazette de mode des années folles, en Art déco. En-tête symétrique sous un éventail de rayons : marque
   dans un cadre octogonal à redans, nom en capitales espacées entre deux filets à chevrons, menu ponctué de losanges. La une
   est une ziggourat (quatre gradins bordés d'or sur ordinateur, trois sur téléphone) : capture aux coins à redans sur le
   plateau, ou rayons montant de la base et initiale géante. Puis des panneaux centrés à coins à redans et double filet
   d'accent (rang dans un losange, vignette à redans ou éventail de rayons), une pagination en losanges et un pied posé sur un
   gradin inversé, aux rayons tombants. Formes en clip-path, polygones à variables : --n (cran), --t (retrait du contour),
   --zw et --zh (gradins de la ziggourat), --fw, --fh et --fp (gradin du pied). Options : palette (--fond … --pied-or) et typo
   (--police-titre, --police-texte). Polices système seulement, aucune ressource externe. */

*,*::before,*::after{box-sizing:border-box}
:root{--t:0px}
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:1.0625rem;line-height:1.65;overflow-wrap:break-word}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--police-titre);font-weight:400;line-height:1.25}
.vh{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:.75rem;left:.75rem;z-index:50;padding:.75rem 1.25rem;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-weight:700;transform:translateY(-12rem)}
.evitement:focus{transform:none}

/* Coins à redans : deux crans de --n à chaque coin, contour retiré de --t vers l'intérieur */
.redans::before,.cadre,.cadre::before,.cadre::after,.vignette,.vignette>*,.marque-cadre,.marque-cadre::before,.texte img{--n1:calc(var(--n) + var(--t));--n2:calc(var(--n)*2 + var(--t));clip-path:polygon(var(--n2) var(--t),calc(100% - var(--n2)) var(--t),calc(100% - var(--n2)) var(--n1),calc(100% - var(--n1)) var(--n1),calc(100% - var(--n1)) var(--n2),calc(100% - var(--t)) var(--n2),calc(100% - var(--t)) calc(100% - var(--n2)),calc(100% - var(--n1)) calc(100% - var(--n2)),calc(100% - var(--n1)) calc(100% - var(--n1)),calc(100% - var(--n2)) calc(100% - var(--n1)),calc(100% - var(--n2)) calc(100% - var(--t)),var(--n2) calc(100% - var(--t)),var(--n2) calc(100% - var(--n1)),var(--n1) calc(100% - var(--n1)),var(--n1) calc(100% - var(--n2)),var(--t) calc(100% - var(--n2)),var(--t) var(--n2),var(--n1) var(--n2),var(--n1) var(--n1),var(--n2) var(--n1))}

/* Ziggourat : quatre gradins de --zw sur --zh montent jusqu'au plateau central */
.zig::before,.zig>.cadre,.zig>.cadre::before,.zig>.cadre::after{--x1:calc(var(--zw) + var(--t));--x2:calc(var(--zw)*2 + var(--t));--x3:calc(var(--zw)*3 + var(--t));--x4:calc(var(--zw)*4 + var(--t));--y1:calc(var(--zh) + var(--t));--y2:calc(var(--zh)*2 + var(--t));--y3:calc(var(--zh)*3 + var(--t));--y4:calc(var(--zh)*4 + var(--t));clip-path:polygon(var(--t) var(--y4),var(--x1) var(--y4),var(--x1) var(--y3),var(--x2) var(--y3),var(--x2) var(--y2),var(--x3) var(--y2),var(--x3) var(--y1),var(--x4) var(--y1),var(--x4) var(--t),calc(100% - var(--x4)) var(--t),calc(100% - var(--x4)) var(--y1),calc(100% - var(--x3)) var(--y1),calc(100% - var(--x3)) var(--y2),calc(100% - var(--x2)) var(--y2),calc(100% - var(--x2)) var(--y3),calc(100% - var(--x1)) var(--y3),calc(100% - var(--x1)) var(--y4),calc(100% - var(--t)) var(--y4),calc(100% - var(--t)) calc(100% - var(--t)),var(--t) calc(100% - var(--t)))}

/* Couches : contour extérieur (::before du bloc), puis le cadre et ses deux pseudo-éléments, chacun un peu plus retiré */
.redans,.zig{position:relative;isolation:isolate}
.redans::before,.zig::before,.cadre,.cadre::before,.cadre::after{content:"";position:absolute;inset:0;z-index:-1}
.redans::before,.redans>.cadre::before{background:var(--accent)}
.redans>.cadre,.redans>.cadre::after{background:var(--surface)}
.redans>.cadre{--t:1px}
.redans>.cadre::before{--t:5px}
.redans>.cadre::after{--t:6px}
.zig::before,.zig>.cadre::before{background:var(--or-bloc)}
.zig>.cadre{--t:3px;background:var(--bloc)}
.zig>.cadre::before{--t:9px}
.zig>.cadre::after{--t:10px;background:linear-gradient(transparent 25%,var(--bloc) 62%),repeating-linear-gradient(90deg,var(--bloc-rayon) 0 1px,transparent 1px 1.25rem),var(--bloc)}
.une-sans-image>.cadre::after{background:linear-gradient(0deg,var(--bloc) 24%,transparent 54%),repeating-conic-gradient(from -90deg at 50% 100%,var(--bloc-rayon) 0 2deg,transparent 2deg 6deg),var(--bloc)}

/* Filets terminés par des chevrons, de part et d'autre d'un titre */
.filets{display:flex;align-items:center;justify-content:center;gap:1rem}
.filets>*{flex:none;min-width:0;max-width:calc(100% - 4.5rem)}
.filets::before,.filets::after{--ch:transparent calc(50% - .8px),var(--filet,var(--or)) 0 calc(50% + .8px),transparent 0;content:"";flex:0 1 auto;width:5.5rem;min-width:1.25rem;height:.875rem}
.filets::before{background:linear-gradient(to top right,var(--ch)) 100% 0/.4375rem 50% no-repeat,linear-gradient(to bottom right,var(--ch)) 100% 100%/.4375rem 50% no-repeat,linear-gradient(var(--filet,var(--or)) 0 0) 0 50%/calc(100% - .875rem) 1px no-repeat}
.filets::after{background:linear-gradient(to top left,var(--ch)) 0 0/.4375rem 50% no-repeat,linear-gradient(to bottom left,var(--ch)) 0 100%/.4375rem 50% no-repeat,linear-gradient(var(--filet,var(--or)) 0 0) 100% 50%/calc(100% - .875rem) 1px no-repeat}

/* Cartouche (losange étiré) : la date */
.cartouche{--k:.875rem;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.25rem calc(var(--k) + .75rem);background:var(--filet,var(--or));clip-path:polygon(0 50%,var(--k) 0,calc(100% - var(--k)) 0,100% 50%,calc(100% - var(--k)) 100%,var(--k) 100%);color:var(--doux);font-family:var(--police-titre);font-size:.75rem;font-weight:600;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}
.cartouche::before{content:"";position:absolute;inset:1px;z-index:-1;background:var(--cartouche,var(--fond));clip-path:inherit}

/* En-tête : rayons derrière la marque, nom entre deux filets, menu ponctué de losanges, double filet d'or en bas */
.entete{position:relative;overflow:hidden;padding:2.75rem 1.5rem .5rem;border-top:3px solid var(--or);border-bottom:1px solid var(--or);box-shadow:0 3px 0 var(--fond),0 4px 0 var(--or);text-align:center}
.entete-titre{font-size:1rem;line-height:1.2}
.marque{display:inline-flex;flex-direction:column;align-items:center;gap:1rem;max-width:100%;color:var(--texte);text-decoration:none}
.entete .marque{position:relative;isolation:isolate}
.entete .marque::before{content:"";position:absolute;z-index:-1;left:50%;bottom:calc(100% - 2.375rem);width:90rem;height:16rem;transform:translateX(-50%);pointer-events:none;background:radial-gradient(36rem 8.5rem at 50% 100%,transparent 25%,var(--fond) 100%),repeating-conic-gradient(from -90deg at 50% 100%,var(--entete-rayon) 0 2.5deg,transparent 2.5deg 7.5deg)}
.marque-cadre{--n:.5625rem;position:relative;isolation:isolate;display:grid;place-items:center;width:4.75rem;height:4.75rem;background:var(--or)}
.marque-cadre::before{content:"";position:absolute;inset:0;z-index:-1;--t:2px;background:var(--surface)}
.marque-image{display:block;width:2.75rem;height:2.75rem}
.marque-nom{max-width:100%}
.marque-texte{padding-left:.3em;font-family:var(--police-titre);font-size:1.375rem;font-size:clamp(1.375rem,1rem + 1.2vw,2rem);letter-spacing:.3em;line-height:1.3;text-transform:uppercase;overflow-wrap:anywhere}
.marque:hover .marque-texte{text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:1px;text-underline-offset:.35em}
.menu{margin-top:1.125rem}
.menu-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.menu-item{display:flex;align-items:center}
.menu-item+.menu-item::before{content:"";width:.4375rem;height:.4375rem;margin:0 .875rem;background:var(--or);transform:rotate(45deg)}
.menu-lien{position:relative;display:flex;align-items:center;min-height:2.75rem;padding:0 .25rem 0 .5rem;color:var(--texte);font-family:var(--police-titre);font-size:.8125rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;text-decoration:none}
.menu-lien:hover{color:var(--accent);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:.45em}
.menu-lien[aria-current]{color:var(--accent)}
.menu-lien[aria-current]::after{content:"";position:absolute;left:50%;bottom:.125rem;width:.3125rem;height:.3125rem;margin-left:-.15625rem;background:var(--accent);transform:rotate(45deg)}

/* Contenu */
.principal{flex:1 0 auto;width:min(100% - 3rem,72rem);margin:0 auto;padding-top:3rem}
.principal-lecture{width:min(100% - 3rem,54rem)}
.principal-lecture.page-plan_du_site{width:min(100% - 3rem,72rem)}
.vide{text-align:center;color:var(--doux)}
.sommaire-titre{margin:0 auto 2rem;color:var(--accent);font-size:.8125rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase}
.sommaire-page{display:inline-flex;align-items:center}
.sommaire-page::before{content:"";width:.375rem;height:.375rem;margin:0 .875rem 0 .5rem;background:var(--or);transform:rotate(45deg)}

/* La une : ziggourat pleine largeur, capture ou initiale géante sur le plateau, titre sur la base */
.une{--zw:5.5%;--zh:2.25rem;--filet:var(--or-bloc);--cartouche:var(--bloc);display:flex;flex-direction:column;align-items:center;gap:1.125rem;margin-bottom:4.5rem;padding:1.5rem 2rem 3rem;color:var(--sur-bloc);text-align:center}
.une>.vignette{--n:.625rem;width:calc(50% + 2rem);background:var(--or-bloc)}
.une-initiale{margin-top:1.75rem;color:var(--or-bloc);font-family:var(--police-titre);font-size:clamp(5.5rem,3rem + 6vw,9.5rem);line-height:1}
.une-badge{margin-top:.5rem;color:var(--or-bloc);font-family:var(--police-titre);font-size:.75rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase}
.une-titre{width:100%;font-size:clamp(1.5rem,1rem + 1.6vw,2.375rem);letter-spacing:.18em;line-height:1.3;text-transform:uppercase}
.une-lien{color:inherit;text-decoration:none}
.une-lien::after{content:"";position:absolute;inset:0;z-index:1}
.une-lien:hover{text-decoration:underline;text-decoration-color:var(--or-bloc);text-decoration-thickness:1px;text-underline-offset:.3em}
.une-lien:focus-visible{outline:0}
.une-lien:focus-visible::after{outline:2px solid var(--accent);outline-offset:4px}
.une .cartouche{color:var(--sur-bloc-doux)}
.une-extrait{max-width:42rem;color:var(--sur-bloc-doux)}

/* Panneaux : coins à redans, double filet d'accent, rang dans un losange, vignette en bas */
.grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:3rem 2rem}
.carte{--n:.5rem;display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:2.5rem 1.5rem 1.5rem;text-align:center}
.carte-rang{position:absolute;top:0;left:50%;display:grid;place-items:center;width:2.25rem;height:2.25rem;margin:-1.125rem 0 0 -1.125rem;border:1px solid var(--accent);outline:1px solid var(--accent);outline-offset:-5px;background:var(--fond);transform:rotate(45deg)}
.carte-rang>span{transform:rotate(-45deg);color:var(--accent);font-family:var(--police-titre);font-size:.75rem;font-weight:600;line-height:1}
.carte-titre{max-width:100%;font-size:1rem;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}
.carte-lien{color:var(--texte);text-decoration:none}
.carte-lien::after{content:"";position:absolute;inset:0;z-index:1}
.carte:hover .carte-lien{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.3em}
.carte:hover>.cadre::before{background:var(--or)}
.carte-lien:focus-visible{outline:0}
.carte-lien:focus-visible::after{outline:2px solid var(--accent);outline-offset:4px}
.carte-date{display:flex;align-items:center;gap:.625rem;color:var(--doux);font-family:var(--police-titre);font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.carte-date::before,.carte-date::after{content:"";width:1.25rem;height:1px;background:var(--or)}
.carte-extrait{font-size:.9375rem;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.carte>.vignette{width:100%;margin-top:auto}
.vignette{--n:.375rem;display:block;padding:2px;background:var(--accent)}
.vignette>*{display:block;width:100%;height:auto;aspect-ratio:16/9}
.vignette-image{object-fit:cover;object-position:50% 0;background:var(--teinte)}
.vignette-rayons{display:grid;place-items:center;padding-bottom:5%;background:radial-gradient(circle at 50% 100%,var(--rayon) 0 1.75rem,transparent 1.8rem),repeating-conic-gradient(from -90deg at 50% 100%,var(--rayon) 0 4deg,var(--teinte) 4deg 9deg)}
.vignette-initiale{color:var(--sur-teinte);font-family:var(--police-titre);font-size:3.25rem;line-height:1}

/* Pagination : chiffres dans des losanges, la page courante pleine */
.pagination{margin-top:4rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.75rem}
.pagination-pages{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem}
.pagination-page{position:relative;isolation:isolate;display:grid;place-items:center;width:2.75rem;height:2.75rem;color:var(--accent);font-family:var(--police-titre);font-size:.875rem;font-weight:600;text-decoration:none}
.pagination-page::before{content:"";position:absolute;inset:.4375rem;z-index:-1;border:1px solid var(--accent);background:var(--fond);transform:rotate(45deg)}
a.pagination-page:hover::before{background:var(--teinte)}
.pagination-courante{color:var(--sur-accent)}
.pagination-courante::before{background:var(--accent)}
.pagination-sens{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;color:var(--accent);font-family:var(--police-titre);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.pagination-sens:hover{text-decoration:underline}
.pagination-precedente::before,.pagination-suivante::after{content:"";width:.5rem;height:.5rem;border:solid currentColor;border-width:1.5px 1.5px 0 0}
.pagination-precedente::before{transform:rotate(-135deg)}
.pagination-suivante::after{transform:rotate(45deg)}

/* Article : titre entre filets, date en cartouche, une colonne de 36 rem */
.lecture-entete{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:2.75rem;text-align:center}
.lecture-entete::after{content:"";width:.5rem;height:.5rem;margin-top:.75rem;background:var(--or);transform:rotate(45deg)}
.lecture-titre{width:100%;align-items:flex-start;font-size:clamp(1.5rem,1rem + 1.6vw,2.25rem);letter-spacing:.16em;line-height:1.3;text-transform:uppercase}
.lecture-titre::before,.lecture-titre::after{margin-top:calc(.65em - .4375rem)}
.lecture-suite{display:block;margin-top:.5rem;color:var(--doux);font-family:var(--police-texte);font-size:1rem;font-style:italic;letter-spacing:.04em;text-transform:none}
.texte{max-width:36rem;margin:0 auto;line-height:1.75}
.texte>*{margin:0 0 1.25em}
.texte>:last-child{margin-bottom:0}
.texte h2{margin:2.5rem 0 1rem;text-align:center;font-size:1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.texte h2::before{content:"";display:block;width:.5rem;height:.5rem;margin:0 auto 1rem;background:var(--or);transform:rotate(45deg)}
.texte a{overflow-wrap:anywhere}
.texte img{--n:.625rem;display:block;width:100%;height:auto;margin:2.25rem 0}
.texte ul{padding-left:1.25rem}
.texte li::marker{color:var(--accent)}
.retour{margin-top:3rem;text-align:center}
.retour-lien{display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem;font-family:var(--police-titre);font-size:.8125rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-decoration:none}
.retour-lien::before{content:"";width:.5rem;height:.5rem;border:solid currentColor;border-width:0 0 1.5px 1.5px;transform:rotate(45deg)}
.retour-lien:hover{text-decoration:underline}

/* Pages de service : panneau à redans ; plan du site sur trois colonnes ; contact entre deux pilastres dorés */
.panneau{--n:.75rem;padding:3rem 1.5rem 3.5rem}
.panneau>.lecture-titre{margin-bottom:2.5rem}
.page-plan_du_site .texte{max-width:none;text-align:center;font-size:.9375rem;line-height:1.5}
.page-plan_du_site .texte>ul{list-style:none;padding:0;columns:3 16rem;column-gap:2.5rem}
.page-plan_du_site .texte>ul:first-child{display:flex;flex-wrap:wrap;justify-content:center;gap:0;columns:auto}
.page-plan_du_site .texte>ul:first-child li{display:flex;align-items:center}
.page-plan_du_site .texte>ul:first-child li+li::before{content:"";width:.375rem;height:.375rem;margin:0 1rem;background:var(--or);transform:rotate(45deg)}
.page-plan_du_site .texte li{break-inside:avoid;padding:.3125rem 0}
.page-plan_du_site nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;list-style:none;padding:0}
.page-plan_du_site nav a,.page-plan_du_site nav b{display:flex;align-items:center;min-height:2.75rem;padding:0 .75rem}
.page-plan_du_site nav b{color:var(--accent)}
.page-contact .texte{max-width:40rem}
.page-contact .texte>p{text-align:center}
.page-contact iframe{margin:2.25rem 0 0;box-shadow:-.625rem 0 0 var(--surface),-.8125rem 0 0 var(--or),-1rem 0 0 var(--surface),-1.0625rem 0 0 var(--or),.625rem 0 0 var(--surface),.8125rem 0 0 var(--or),1rem 0 0 var(--surface),1.0625rem 0 0 var(--or)}

/* 404 : une ziggourat vide, tracée au filet doré, le texte sur sa base */
.une-vide{--filet:var(--or);--cartouche:var(--fond);padding-top:calc(var(--zh)*4 + 2.5rem);color:var(--texte)}
.une-vide::before,.une-vide>.cadre::before{background:var(--or)}
.une-vide>.cadre,.une-vide>.cadre::after{background:var(--fond)}
.une-vide>.cadre{--t:2px}
.une-vide>.cadre::before{--t:7px}
.une-vide>.cadre::after{--t:8px}
.une-vide .une-extrait{color:var(--texte)}
.une-vide .retour{margin-top:.5rem}

/* Pied : posé sur un gradin inversé, rayons tombants, liens entre losanges */
.pied{--fw:2.5rem;--fh:1rem;--fp:14rem;--fa:calc(50% - var(--fp)/2 - var(--fw)*2);--filet:var(--pied-or);position:relative;isolation:isolate;margin-top:5.5rem;padding:5.25rem 1.5rem 2.5rem;background:var(--pied-or);color:var(--pied-texte);text-align:center}
.pied::before{content:"";position:absolute;inset:0;z-index:-1;--t:2px;background:radial-gradient(44rem 20rem at 50% 0,transparent 25%,var(--pied) 100%),repeating-conic-gradient(from 90deg at 50% 0,rgb(255 255 255 / 6%) 0 2.5deg,transparent 2.5deg 7.5deg),var(--pied)}
.pied,.pied::before{--f0:calc(var(--fa) - var(--t));--f1:calc(var(--fa) + var(--fw) - var(--t));--f2:calc(var(--fa) + var(--fw)*2 - var(--t));--h1:calc(var(--fh) + var(--t));--h2:calc(var(--fh)*2 + var(--t));--h3:calc(var(--fh)*3 + var(--t));clip-path:polygon(0 var(--t),var(--f0) var(--t),var(--f0) var(--h1),var(--f1) var(--h1),var(--f1) var(--h2),var(--f2) var(--h2),var(--f2) var(--h3),calc(100% - var(--f2)) var(--h3),calc(100% - var(--f2)) var(--h2),calc(100% - var(--f1)) var(--h2),calc(100% - var(--f1)) var(--h1),calc(100% - var(--f0)) var(--h1),calc(100% - var(--f0)) var(--t),100% var(--t),100% 100%,0 100%)}
.pied-interieur{display:flex;flex-direction:column;align-items:center;width:min(100%,72rem);margin:0 auto}
.pied .marque{color:var(--pied-texte)}
.pied .marque-cadre{--n:.4375rem;width:3.75rem;height:3.75rem;background:var(--pied-or)}
.pied .marque-image{width:2.125rem;height:2.125rem}
.pied .marque-texte{font-size:1.25rem;letter-spacing:.28em}
.pied .marque:hover .marque-texte{text-decoration-color:var(--pied-or)}
.pied-liens{list-style:none;margin:1.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.pied-liens li{display:flex;align-items:center}
.pied-liens li+li::before{content:"";width:.375rem;height:.375rem;margin:0 .875rem;background:var(--pied-or);transform:rotate(45deg)}
.pied-liens a{display:flex;align-items:center;min-height:2.75rem;color:var(--pied-texte);font-family:var(--police-titre);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.pied-liens a:hover{text-decoration:underline;text-decoration-color:var(--pied-or)}
.pied-domaine{margin-top:1.25rem;color:var(--pied-doux);font-size:.875rem;letter-spacing:.12em}
.pied :focus-visible{outline-color:var(--pied-or)}

/* Tablette : deux colonnes ; ordinateur : trois */
@media (min-width:40rem){
.grille{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64rem){
.grille{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Colonnes plus étroites qu'un téléphone (640 à 1 199 px) : titres un peu resserrés, un domaine long se coupe à son point */
@media (min-width:40rem) and (max-width:74.99rem){
.carte-titre{font-size:.9375rem;letter-spacing:.06em}
}

/* Pied en colonne, losanges entre les liens */
@media (max-width:47.99rem){
.pied-liens{flex-direction:column}
.pied-liens li{flex-direction:column}
.pied-liens li+li::before{margin:.25rem 0}
}

/* Téléphone : une colonne de panneaux, rayons rognés en éventail, ziggourat à trois gradins serrés */
@media (max-width:39.99rem){
.principal,.principal-lecture,.principal-lecture.page-plan_du_site{width:min(100% - 2rem,72rem)}
.principal{padding-top:2.25rem}
.entete{padding:2.5rem 1rem .375rem}
.entete .marque::before{bottom:calc(100% - 1.875rem);width:19rem;height:4.25rem;border-radius:50% 50% 0 0/100% 100% 0 0;background:repeating-conic-gradient(from -90deg at 50% 100%,var(--entete-rayon) 0 3deg,transparent 3deg 9deg)}
.marque{gap:.75rem}
.marque-cadre{--n:.4375rem;width:3.75rem;height:3.75rem}
.marque-image{width:2.125rem;height:2.125rem}
.marque-texte,.pied .marque-texte{padding-left:.16em;font-size:clamp(.9375rem,4.6vw,1.25rem);letter-spacing:.16em}
.filets{gap:.375rem}
.filets>*{max-width:calc(100% - 1.75rem)}
.filets::before,.filets::after{min-width:.5rem}
.menu{margin-top:.625rem}
.menu-item+.menu-item::before{width:.375rem;height:.375rem;margin:0 .5rem}
.menu-lien{padding:0 .1875rem 0 .3125rem;font-size:.75rem;letter-spacing:.12em}
.sommaire-titre{margin-bottom:1.5rem;font-size:.75rem;letter-spacing:.24em}
.une{--zw:.625rem;--zh:.75rem;gap:.875rem;margin-bottom:3.5rem;padding:.875rem 1rem 2rem}
.zig::before,.zig>.cadre,.zig>.cadre::before,.zig>.cadre::after{--x1:var(--t);--x2:calc(var(--zw) + var(--t));--x3:calc(var(--zw)*2 + var(--t));--x4:calc(var(--zw)*3 + var(--t));--y4:var(--y3)}
.une>.vignette{width:calc(100% - 3rem)}
.une-initiale{margin-top:.75rem}
.une-titre{font-size:clamp(1rem,4.3vw + .125rem,1.375rem);letter-spacing:.06em}
.une-extrait{font-size:1rem}
.une-vide{padding-top:calc(var(--zh)*3 + 2rem)}
.grille{gap:2.75rem}
.carte{padding:2.25rem 1.25rem 1.25rem}
.carte-extrait{-webkit-line-clamp:3}
.vignette-vide>.vignette-rayons{aspect-ratio:3/1}
.vignette-initiale{font-size:2.5rem}
.pagination{gap:.5rem}
.pagination-pages{flex-basis:100%}
.lecture-titre{font-size:clamp(1rem,5vw,1.5rem);letter-spacing:.06em}
.panneau{padding:2.25rem 1.25rem 2.5rem}
.page-plan_du_site .texte>ul a{display:flex;align-items:center;justify-content:center;min-height:2.75rem}
.page-contact iframe{box-shadow:-.25rem 0 0 var(--surface),-.375rem 0 0 var(--or),-.5rem 0 0 var(--surface),-.5625rem 0 0 var(--or),.25rem 0 0 var(--surface),.375rem 0 0 var(--or),.5rem 0 0 var(--surface),.5625rem 0 0 var(--or)}
.pied{--fw:1.25rem;--fh:.75rem;--fp:5rem;margin-top:4rem;padding:4rem 1rem 2.25rem}
}

/* Petit téléphone : le menu tient encore sur une ligne */
@media (max-width:22.49rem){
.menu-item+.menu-item::before{margin:0 .375rem}
.menu-lien{padding:0 .125rem;font-size:.6875rem;letter-spacing:.06em}
.carte-titre{letter-spacing:.06em}
}

@media (prefers-reduced-motion:no-preference){
.redans>.cadre::before,.pagination-page::before{transition:background-color .2s}
}