:root{--accent:#f2cf8a;--accent-fonce:#c2934a;--doux:#e2c7a6;--encre:#f9eddb;--encre-douce:#e6cdb0;--encre-feuille:#2c0f15;--encre-feuille-douce:#6b4048;--feuille:#f8eedf;--filet:#fff2d6;--fond:#4a1520;--interieur:#360d16;--lien:#7a1f2b;--ombre:#14040a;--papier:#5f1f2c;--papier-2:#6b2533;--pli:#7e3644;--police-texte:"Iowan Old Style","Palatino Linotype","URW Palladio L",P052,serif;--police-titre:Didot,"Bodoni MT","Noto Serif Display","URW Palladio L",P052,Sylfaen,serif;--sur-accent:#4a1520;--texte:#f7ead8;}
/* Enveloppes (t2b037) : la boîte aux lettres d'un épistolier. Accueil en deux colonnes d'enveloppes en quinconce ; sans capture,
   enveloppe fermée, cachet de cire à l'initiale sur la pointe du rabat ; avec capture, enveloppe ouverte d'où sort la lettre.
   Téléphone : paquet de courrier décalé, gros cachet. Article : la lettre posée sur sa poche ; 404 : enveloppe vide, cachet brisé.
   Mesures d'une enveloppe ouverte en % de sa largeur (et cqi). Variables : --fond --accent --accent-fonce --sur-accent --texte
   --doux --papier --papier-2 --interieur --pli --encre --encre-douce --feuille --encre-feuille --encre-feuille-douce --lien
   --filet --ombre (palette), --police-titre --police-texte (typo). */

:root{--rabat-bas:linear-gradient(to bottom right,#0000 calc(50% - 1px),var(--pli) 50%,var(--papier-2) calc(50% + 1px)) 0 100%/50.2% 62% no-repeat,linear-gradient(to bottom left,#0000 calc(50% - 1px),var(--pli) 50%,var(--papier-2) calc(50% + 1px)) 100% 100%/50.2% 62% no-repeat}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--fond);color:var(--texte);font-family:var(--police-texte);font-size:1rem;line-height:1.6;overflow-wrap:break-word}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
h1,h2{font-family:var(--police-titre);font-weight:400}
.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:30;padding:.75rem 1.25rem;background:var(--fond);color:var(--accent);font-weight:700;box-shadow:0 .375rem 1.25rem color-mix(in srgb,var(--ombre) 40%,#0000);transform:translateY(-12rem)}
.evitement:focus{transform:none}

/* En-tête : bande d'accent, étiquette couleur fond à coins coupés (masque radial), menu en petites capitales */
.bandeau{background:var(--accent);color:var(--sur-accent);border-bottom:2px solid var(--filet)}
.bandeau-interieur{width:min(100% - 3rem,72rem);margin:0 auto;padding:1.75rem 0 .875rem;display:flex;flex-direction:column;align-items:center;gap:.875rem}
.bandeau :focus-visible{outline-color:var(--sur-accent)}
.etiquette{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:.875rem;max-width:100%;min-height:4rem;padding:.75rem 2.5rem;color:var(--accent);font-family:var(--police-titre);font-size:1.875rem;line-height:1.1;text-decoration:none}
.etiquette::before,.etiquette::after{content:"";position:absolute;inset:0;z-index:-1;--coins:radial-gradient(circle at 0 0,#0000 var(--c),#000 calc(var(--c) + 1px)) 0 0/51% 51% no-repeat,radial-gradient(circle at 100% 0,#0000 var(--c),#000 calc(var(--c) + 1px)) 100% 0/51% 51% no-repeat,radial-gradient(circle at 0 100%,#0000 var(--c),#000 calc(var(--c) + 1px)) 0 100%/51% 51% no-repeat,radial-gradient(circle at 100% 100%,#0000 var(--c),#000 calc(var(--c) + 1px)) 100% 100%/51% 51% no-repeat;-webkit-mask:var(--coins);mask:var(--coins)}
.etiquette::before{--c:.875rem;background:var(--fond)}
.etiquette::after{--c:.5rem;inset:.375rem;border:1px solid var(--accent);opacity:.4}
.etiquette-marque{flex:none;width:2.5rem;height:2.5rem}
.etiquette-nom{min-width:0;overflow-wrap:anywhere}
.etiquette:hover .etiquette-nom{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .5rem}
.menu a{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.25rem 1.125rem;border-radius:999px;color:var(--sur-accent);font-size:1.125rem;font-variant-caps:all-small-caps;letter-spacing:.14em;line-height:1.2;text-decoration:none}
.menu a:hover{text-decoration:underline;text-underline-offset:.3em}
.menu a[aria-current=page]{background:var(--sur-accent);color:var(--accent)}

/* Accueil : nom du site posé sur un ruban noué (deux boucles en dégradés radiaux), rubrique en petites capitales */
.principal{flex:1 0 auto;width:min(100% - 3rem,72rem);margin:0 auto;padding-top:3.25rem}
.intro{display:flex;flex-direction:column;align-items:center;margin:0 0 4.5rem;text-align:center}
.intro-titre{max-width:100%;margin:0;color:var(--accent);font-size:clamp(2rem,.25rem + 4.2vw,4rem);font-style:italic;line-height:1.05;overflow-wrap:anywhere}
.intro::after{content:"";order:1;width:min(100%,30rem);height:2.25rem;margin:.75rem 0 .25rem;background:linear-gradient(var(--accent-fonce) 0 0) 50% .3125rem/.625rem .875rem no-repeat,radial-gradient(closest-side,#0000 42%,var(--accent) 49% 92%,#0000) calc(50% - 1rem) 0/2rem 1.5rem no-repeat,radial-gradient(closest-side,#0000 42%,var(--accent) 49% 92%,#0000) calc(50% + 1rem) 0/2rem 1.5rem no-repeat,linear-gradient(to bottom right,#0000 calc(50% - 1.5px),var(--accent) 0 calc(50% + 1.5px),#0000 0) calc(50% - .45rem) 100%/.9rem 1.25rem no-repeat,linear-gradient(to bottom left,#0000 calc(50% - 1.5px),var(--accent) 0 calc(50% + 1.5px),#0000 0) calc(50% + .45rem) 100%/.9rem 1.25rem no-repeat,linear-gradient(var(--accent) 0 0) 0 .65rem/calc(50% - 1.75rem) 3px no-repeat,linear-gradient(var(--accent) 0 0) 100% .65rem/calc(50% - 1.75rem) 3px no-repeat}
.intro-sous{order:2;margin:0;color:var(--doux);font-size:1.125rem;font-variant-caps:all-small-caps;letter-spacing:.2em}
.vide-liste{max-width:36rem;margin:0 auto;padding:2.5rem;background:var(--papier);color:var(--encre);font-style:italic;text-align:center}

/* Enveloppes. --lettre, --bord-l, --pointe-l : largeur, bord blanc et marge haute de la lettre, en % de la largeur de
   l'enveloppe ; --sortie : part de la lettre hors de la poche ; --haut : hauteur au-dessus de la poche ; --v : creux de la
   poche ; --pointe : pointe du rabat (ou du creux), où se pose le cachet ; --t : taille du cachet */
.cartes{list-style:none;margin:0;padding:0 0 5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7rem 3rem;align-items:end}
.carte{--lettre:64;--bord-l:1.5;--pointe-l:4;--sortie:.6;--v:9;--haut:calc(var(--pointe-l) + var(--sortie) * ((var(--lettre) - 2 * var(--bord-l)) * .5625 + 2 * var(--bord-l)));--t:2.75rem;position:relative;isolation:isolate;container-type:inline-size;display:flex;flex-direction:column;filter:drop-shadow(0 .625rem .75rem color-mix(in srgb,var(--ombre) 22%,#0000))}
.carte:nth-child(2n+3){translate:0 5rem}
.carte-premiere{--lettre:42;--bord-l:1;--pointe-l:2.5;--sortie:.75;--v:5;--t:3.75rem;grid-column:1/-1}
.carte-fermee{--pointe:18cqi}
.carte-premiere.carte-fermee{--pointe:9cqi;--t:5rem}
.carte-ouverte{--pointe:calc(var(--v) * 1cqi)}
.carte-poche{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;aspect-ratio:2/1;padding:0 10cqi 1.5rem;color:var(--encre);text-align:center}
.carte-poche::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--rabat-bas),var(--papier)}
.carte-fermee .carte-poche::before{background:linear-gradient(to top right,#0000 calc(50% - 1px),var(--pli) 50%,var(--papier-2) calc(50% + 1px),var(--papier)) 0 0/50.2% var(--pointe) no-repeat,linear-gradient(to top left,#0000 calc(50% - 1px),var(--pli) 50%,var(--papier-2) calc(50% + 1px),var(--papier)) 100% 0/50.2% var(--pointe) no-repeat,linear-gradient(to top right,#0000 calc(50% - 1rem),color-mix(in srgb,var(--ombre) 16%,#0000) calc(50% - .5px),#0000 50%) 0 0/50.2% var(--pointe) no-repeat,linear-gradient(to top left,#0000 calc(50% - 1rem),color-mix(in srgb,var(--ombre) 16%,#0000) calc(50% - .5px),#0000 50%) 100% 0/50.2% var(--pointe) no-repeat,var(--rabat-bas),var(--papier)}
.carte-ouverte::before{content:"";position:absolute;top:0;left:0;width:100%;height:0;padding-top:calc((var(--haut) + var(--v)) * 1%);clip-path:polygon(0 calc(var(--haut) / (var(--haut) + var(--v)) * 100%),50% 0,100% calc(var(--haut) / (var(--haut) + var(--v)) * 100%),100% 100%,0 100%);background:linear-gradient(var(--papier) 15%,var(--interieur))}
.carte-ouverte .carte-poche{margin-top:calc(var(--haut) * 1%);filter:drop-shadow(0 -.125rem .1875rem color-mix(in srgb,var(--ombre) 22%,#0000))}
.carte-ouverte .carte-poche::before{clip-path:polygon(0 0,50% calc(var(--v) * 1cqi),100% 0,100% 100%,0 100%)}
.carte-lettre{position:absolute;z-index:1;top:0;left:calc(50% - var(--lettre) * .5%);width:calc(var(--lettre) * 1%);margin-top:calc(var(--pointe-l) * 1%);padding:calc(var(--bord-l) * 1%);background:var(--feuille);box-shadow:0 1px 3px color-mix(in srgb,var(--ombre) 30%,#0000)}
.carte-lettre img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 0;background:var(--papier-2)}

/* Cachet de cire : cercle d'accent au bord irrégulier (ombres décalées), anneau en creux, initiale couleur fond */
.cachet{flex:none;display:grid;place-items:center;width:var(--t);height:var(--t);margin:calc(var(--pointe) - var(--t) / 2) auto 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent) 48%,var(--accent-fonce));color:var(--sur-accent);font-family:var(--police-titre);font-size:calc(var(--t) * .46);font-style:italic;line-height:1;box-shadow:inset 0 0 0 .17em var(--accent),inset 0 0 0 .24em var(--accent-fonce),.08em .055em 0 .065em var(--accent),-.07em .09em 0 .07em var(--accent),-.095em -.03em 0 .055em var(--accent),.04em -.095em 0 .07em var(--accent),0 .16em .3em .06em color-mix(in srgb,var(--ombre) 45%,#0000)}

/* Adresse de l'enveloppe : la carte entière mène à l'article (lien étendu du titre) */
.carte-adresse{width:100%;margin:auto 0;padding-top:1rem}
.carte-titre{margin:0;font-size:clamp(1.25rem,4.6cqi,1.75rem);font-style:italic;line-height:1.15;overflow-wrap:anywhere}
.carte-lien{color:inherit;text-decoration:none}
.carte-lien::after{content:"";position:absolute;inset:0;z-index:3}
.carte-ouverte .carte-lien::after{top:calc(var(--haut) * -1cqi)}
.carte:hover .carte-lien{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.carte-lien:focus-visible{outline:0}
.carte-lien:focus-visible::after{outline:3px solid var(--accent);outline-offset:6px}
.carte-date{margin:.375rem 0 0;color:var(--encre-douce);font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.14em;line-height:1.3}
.carte-extrait{margin:.5rem -1em 0;padding:0 1em;color:var(--encre-douce);font-size:.9375rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.carte-fermee .carte-extrait{-webkit-line-clamp:3}

/* Mise en avant (premiere) : sur les deux colonnes ; ruban « À la une » en première page */
.carte-premiere .carte-poche{aspect-ratio:3/1;padding-inline:15cqi}
.carte-premiere .carte-titre{font-size:2.4rem}
.carte-premiere .carte-date{font-size:1.1875rem}
.carte-premiere .carte-extrait{font-size:1.0625rem;-webkit-line-clamp:3}
.ruban-une{position:absolute;z-index:4;top:1.25rem;left:-.75rem;padding:.25rem 1rem .25rem 1.25rem;background:var(--accent);color:var(--sur-accent);font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.16em;line-height:1.5;pointer-events:none;box-shadow:0 .2rem .4rem color-mix(in srgb,var(--ombre) 30%,#0000)}
.ruban-une::before,.ruban-une::after{content:"";position:absolute;top:100%;left:0;width:.75rem;height:.5rem;background:var(--accent-fonce);clip-path:polygon(0 0,100% 0,100% 100%)}
.ruban-une::after{top:0;left:calc(100% - 1px);width:.875rem;height:100%;background:var(--accent);clip-path:polygon(0 0,100% 0,20% 50%,100% 100%,0 100%)}

/* Pagination : timbres dentelés (masque de perforations), page courante à fond d'accent */
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2rem;margin-top:5.5rem}
.timbres{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}
.timbre{--r:.1875rem;--perce:radial-gradient(circle,#0000 var(--r),#000 calc(var(--r) + .5px)) -.25rem -.25rem/.5rem .5rem,linear-gradient(#000 0 0) 50%/calc(100% - .5rem) calc(100% - .5rem) no-repeat;position:relative;isolation:isolate;display:grid;place-items:center;width:3rem;height:3.5rem;color:var(--accent);font-family:var(--police-titre);font-size:1.3125rem;line-height:1;text-decoration:none;filter:drop-shadow(0 1px 1.5px color-mix(in srgb,var(--ombre) 40%,#0000))}
.timbre::before,.timbre::after{content:"";position:absolute;inset:0;z-index:-1}
.timbre::before{background:var(--papier);-webkit-mask:var(--perce);mask:var(--perce)}
.timbre::after{inset:.4375rem;border:1px solid currentColor;opacity:.45}
a.timbre:hover{text-decoration:underline;text-underline-offset:.2em}
.timbre[aria-current]{color:var(--sur-accent)}
.timbre[aria-current]::before{background:var(--accent)}
.pagination-sens{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;color:var(--accent);font-size:1.125rem;font-variant-caps:all-small-caps;letter-spacing:.14em;text-decoration:none}
.pagination-sens:hover{text-decoration:underline;text-underline-offset:.3em}
.pagination-precedente::before{content:"\2190"}
.pagination-suivante::after{content:"\2192"}

/* Article : la lettre (feuille crème, cachet à cheval sur le bord) sortie de sa poche, qui dépasse au bas de la page */
.principal-feuille{width:min(100% - 3rem,50rem);padding-top:4.75rem}
.feuille{position:relative;z-index:1;max-width:44rem;margin:0 auto;padding:4.5rem 4.5rem 4rem;background:var(--feuille);color:var(--encre-feuille);box-shadow:0 1px 2px color-mix(in srgb,var(--ombre) 22%,#0000),0 1.5rem 2.5rem -1.25rem color-mix(in srgb,var(--ombre) 40%,#0000)}
.vue-article .feuille{padding-bottom:10.5rem}
.feuille>.cachet{--t:4.25rem;position:absolute;top:0;left:50%;margin:0;translate:-50% -50%}
.feuille :focus-visible{outline-color:var(--lien)}
.feuille-titre{margin:0;color:var(--lien);font-size:clamp(1.875rem,1.35rem + 1.9vw,2.75rem);font-style:italic;line-height:1.15;text-align:center;overflow-wrap:anywhere}
.feuille-date{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.125rem 0 0;color:var(--encre-feuille-douce);font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.16em}
.feuille-date span{line-height:1.35;text-align:center}
.feuille-date time{white-space:nowrap}
.feuille-date::before,.feuille-date::after{content:"";width:2.5rem;height:1px;background:currentColor;opacity:.5}
.feuille-suite{font-size:.6em;color:var(--encre-feuille-douce)}
.feuille-texte{margin-top:2.75rem;font-size:1.125rem;line-height:1.75}
.feuille-texte>:first-child{margin-top:0}
.feuille-texte>:last-child{margin-bottom:0}
.feuille-texte p,.feuille-texte ul{margin:0 0 1.15em}
.feuille-texte li{margin:.3em 0}
.feuille-texte a{color:var(--lien);text-decoration-thickness:1px;text-underline-offset:.18em;overflow-wrap:anywhere}
.feuille-texte a:hover{text-decoration-thickness:2px}
.feuille-texte h2{margin:2.5rem 0 1rem;color:var(--lien);font-size:1.25rem;font-variant-caps:all-small-caps;letter-spacing:.14em;line-height:1.3;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em}
.feuille-texte img{display:block;width:100%;height:auto;margin:2.25rem 0;padding:.625rem;background:#fff;box-shadow:0 1px 3px color-mix(in srgb,var(--ombre) 30%,#0000),0 .75rem 1.5rem -.75rem color-mix(in srgb,var(--ombre) 45%,#0000);rotate:-.6deg}
.vue-article .feuille-texte>p:first-child,.vue-article .feuille-texte>p:first-child+p{margin:0;padding:.375rem 1.5rem;border:3px double var(--lien);font-size:1rem;line-height:1.6}
.vue-article .feuille-texte>p:first-child{padding-top:1.125rem;border-bottom:0}
.vue-article .feuille-texte>p:first-child+p{margin-bottom:2.25rem;padding-bottom:1.125rem;border-top:0}
.poche{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;max-width:50rem;min-height:13rem;margin:-7.5rem auto 0;padding:5rem 1.5rem 2.25rem;filter:drop-shadow(0 .5rem .75rem color-mix(in srgb,var(--ombre) 25%,#0000))}
.poche::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,50% 3.75rem,100% 0,100% 100%,0 100%);background:var(--rabat-bas),var(--papier)}
.retour{margin:0;text-align:center}
.retour a{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;color:var(--encre);font-family:var(--police-titre);font-size:1.375rem;font-style:italic;text-decoration-thickness:1px;text-underline-offset:.22em}
.retour a::before{content:"\2190";position:absolute;right:calc(100% + .5rem);font-style:normal}

/* Pages de service : même feuille sans poche ; contact pleine largeur de la feuille ; plan du site en deux colonnes */
.page-contact .feuille{padding-inline:0;padding-bottom:1.75rem}
.page-contact .feuille-entete,.page-contact .feuille-texte>p{padding-inline:4.5rem}
.page-contact iframe{margin-top:2rem;box-shadow:0 -1px 0 var(--pli),0 1px 0 var(--pli)}
.page-plan_du_site .feuille{padding-inline:3.25rem}
.page-plan_du_site .feuille-texte{font-size:.9688rem;line-height:1.45}
.page-plan_du_site .feuille-texte>ul{list-style:none;margin:0 0 2rem;padding:0;columns:2;column-gap:2.5rem}
.page-plan_du_site .feuille-texte>ul:first-child{columns:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 2.5rem}
.page-plan_du_site .feuille-texte li{break-inside:avoid;margin:0;padding:.3rem 0}
.page-plan_du_site nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.page-plan_du_site nav a,.page-plan_du_site nav b{display:inline-flex;align-items:center;min-height:2.75rem;padding:.25rem .875rem;border:1px solid var(--pli)}
.page-plan_du_site nav b{background:var(--lien);border-color:var(--lien);color:var(--feuille)}

/* 404 : enveloppe vide, rabat relevé, cachet brisé en deux moitiés */
.enveloppe-vide{position:relative;isolation:isolate;max-width:40rem;margin:1rem auto 0;padding-top:8rem;filter:drop-shadow(0 .75rem 1rem color-mix(in srgb,var(--ombre) 25%,#0000))}
.enveloppe-vide::before{content:"";position:absolute;top:0;left:0;right:0;height:13rem;clip-path:polygon(0 8rem,50% 0,100% 8rem,100% 100%,0 100%);background:linear-gradient(var(--papier) 15%,var(--interieur))}
.vide-poche{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:0 2.5rem 2.75rem;color:var(--encre);text-align:center}
.vide-poche::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,50% 5rem,100% 0,100% 100%,0 100%);background:var(--rabat-bas),var(--papier)}
.cachet-brise{display:grid;margin-top:2.75rem}
.cachet-brise .cachet{--t:4.5rem;grid-area:1/1;margin:0}
.moitie-g{clip-path:polygon(-30% -30%,54% -30%,45% 24%,57% 50%,44% 76%,52% 130%,-30% 130%);translate:-.4375rem .125rem;rotate:-10deg}
.moitie-d{clip-path:polygon(54% -30%,130% -30%,130% 130%,52% 130%,44% 76%,57% 50%,45% 24%);translate:.4375rem -.0625rem;rotate:8deg}
.vide-titre{margin:1.75rem 0 0;font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-style:italic;line-height:1.1}
.vide-texte{max-width:30rem;margin:.75rem 0 1.25rem;color:var(--encre-douce)}

/* Pied : fond d'accent, bord supérieur en pointe de rabat, nom entre deux filets, domaine comme une adresse de retour */
.pied{position:relative;margin-top:7rem;background:var(--accent);color:var(--sur-accent)}
.pied::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:3.5rem;background:var(--accent);clip-path:polygon(0 100%,50% 0,100% 100%)}
.pied-interieur{width:min(100% - 3rem,72rem);margin:0 auto;padding:1.25rem 0 2.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}
.pied :focus-visible{outline-color:var(--sur-accent)}
.pied-nom{display:flex;align-items:center;gap:1.25rem;width:min(100%,40rem);margin:0;font-family:var(--police-titre);font-size:clamp(1.25rem,.7rem + 2.8vw,2rem);line-height:1.15}
.pied-nom span{min-width:0;overflow-wrap:anywhere}
.pied-nom::before,.pied-nom::after{content:"";flex:1 1 2rem;min-width:1rem;height:1px;background:currentColor;opacity:.55}
.pied-liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0 2rem}
.pied-liens a{display:inline-flex;align-items:center;min-height:2.75rem;color:inherit;font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:.14em;text-decoration:none}
.pied-liens a:hover{text-decoration:underline;text-underline-offset:.3em}
.pied-adresse{margin:0;font-size:1.0625rem;font-style:italic}

@media (prefers-reduced-motion:no-preference){
.carte-lettre{transition:translate .35s ease}
.carte-ouverte:hover .carte-lettre{translate:0 -.625rem}
}

/* Tablette : deux colonnes resserrées */
@media (max-width:63.99rem){
.cartes{gap:4.5rem 2rem;padding-bottom:3.5rem}
.carte{--t:2.375rem}
.carte:nth-child(2n+3){translate:0 3.5rem}
.carte-fermee{--pointe:15cqi}
.carte-fermee .carte-extrait{-webkit-line-clamp:2}
.carte-premiere{--lettre:52;--pointe-l:3;--sortie:.7;--v:6;--t:3.25rem}
.carte-premiere.carte-fermee{--pointe:11cqi;--t:4.25rem}
.carte-premiere .carte-titre{font-size:2rem}
.carte-premiere .carte-extrait{-webkit-line-clamp:3}
}

/* Téléphone : paquet de courrier, enveloppes décalées et tournées autour de leur cachet */
@media (max-width:39.99rem){
.bandeau-interieur,.principal,.pied-interieur{width:min(100% - 2rem,72rem)}
.bandeau-interieur{padding:1rem 0 .625rem;gap:.625rem}
.etiquette{width:100%;min-height:3.25rem;padding:.5rem 1.125rem;gap:.625rem;font-size:min(1.375rem,6.2vw)}
.etiquette-marque{width:2rem;height:2rem}
.menu{width:100%}
.menu ul{flex-wrap:nowrap;gap:.375rem}
.menu li{flex:1 1 auto}
.menu a{padding:.25rem;border:1px solid color-mix(in srgb,var(--sur-accent) 45%,#0000);font-size:1rem;letter-spacing:.08em;text-align:center}
.principal{padding-top:2.25rem}
.intro{margin-bottom:2.75rem}
.intro-titre{font-size:min(2rem,8vw)}
.intro-sous{font-size:1rem}
.cartes{display:flex;flex-direction:column;align-items:flex-start;gap:2.25rem;padding:0}
.carte{--lettre:72;--bord-l:2;--pointe-l:4;--sortie:.35;--v:8;--t:3.25rem;width:calc(100% - 1.5rem);transform-origin:50% var(--appui)}
.carte-ouverte{--appui:calc((var(--haut) + var(--v)) * (1vw - .035rem))}
.carte-fermee{--pointe:16cqi;--appui:calc(16vw - .56rem)}
.carte:nth-child(n){translate:none}
.carte:nth-child(even){margin-left:auto;rotate:.5deg}
.carte:not(.carte-premiere):nth-child(odd){rotate:-.5deg}
.carte-premiere{--lettre:80;--v:7;--sortie:.55;width:100%}
.carte-premiere.carte-fermee{--pointe:12cqi;--t:4rem}
.carte-poche,.carte-premiere .carte-poche{aspect-ratio:2/1;padding:0 7cqi 1.25rem}
.carte-titre{font-size:clamp(1.1875rem,6cqi,1.5rem)}
.carte-premiere .carte-titre{font-size:1.625rem}
.carte-date,.carte-premiere .carte-date{font-size:1rem}
.carte-extrait,.carte-premiere .carte-extrait,.carte-fermee .carte-extrait{font-size:.9375rem;-webkit-line-clamp:2}
.ruban-une{top:.875rem;left:-.5rem;font-size:.9375rem}
.pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .5rem;margin-top:3.5rem}
.pagination-precedente{grid-column:1;justify-self:start}
.pagination-suivante{grid-column:2;grid-row:1;justify-self:end}
.timbres{grid-column:1/-1}
.pagination-sens{font-size:1rem;letter-spacing:.08em}
.principal-feuille{padding-top:3.25rem}
.feuille{margin-inline:.625rem;padding:3.25rem 1.25rem 2.5rem}
.vue-article .feuille{padding-bottom:8rem}
.feuille>.cachet{--t:3.5rem}
.feuille-titre{font-size:min(1.875rem,7.2vw)}
.feuille-texte{margin-top:2rem;font-size:1.0625rem}
.feuille-texte a{padding-block:.5rem}
.vue-article .feuille-texte>p:first-child,.vue-article .feuille-texte>p:first-child+p{padding-inline:1rem}
.poche{min-height:9.5rem;margin-top:-5.5rem;padding:3.5rem 1rem 1.5rem}
.poche::before{clip-path:polygon(0 0,50% 2.5rem,100% 0,100% 100%,0 100%)}
.page-contact .feuille-entete,.page-contact .feuille-texte>p{padding-inline:1.25rem}
.page-plan_du_site .feuille{padding-inline:1.25rem}
.page-plan_du_site .feuille-texte>ul{columns:auto}
.page-plan_du_site .feuille-texte li{padding:0}
.page-plan_du_site .feuille-texte li a{display:flex;align-items:center;min-height:2.75rem}
.enveloppe-vide{padding-top:5.5rem}
.enveloppe-vide::before{height:9rem;clip-path:polygon(0 5.5rem,50% 0,100% 5.5rem,100% 100%,0 100%)}
.vide-poche{padding:0 1.25rem 2rem}
.vide-poche::before{clip-path:polygon(0 0,50% 3.5rem,100% 0,100% 100%,0 100%)}
.cachet-brise{margin-top:1.5rem}
.cachet-brise .cachet{--t:4rem}
.pied::before{height:1.75rem}
.pied-nom{gap:.625rem}
.pied-liens{gap:0 1.25rem}
.carte-adresse{padding-top:1.125rem}
}