:root{--accent:#f2c94c;--bati:#323a45;--bitume:#2e353e;--doux:#a9b2bc;--encre:#eef1f4;--fond:#13171c;--ilot:#1d232b;--lien:#f2c94c;--lisere:#2dbb5d;--parc:#28372e;--pied:#0b0e12;--pied-anneau:#0b0e12;--pied-texte:#eef1f4;--place:#262d36;--police-texte:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--police-titre:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--rond:#13171c;--sur-accent:#13171c;--trait:#cfd5dc;}
/* Arrondissement (t2b150) : le blog dessiné comme un plan de quartier. Les articles sont des îlots séparés par des rues à
   ligne médiane pointillée ; le nom de chaque article s'écrit dans la rue, au-dessus de son îlot, comme un nom de rue.
   Téléphone : avant chaque îlot, une chaussée à passage piéton qui porte son nom. Pastilles de lignes de métro au menu et à
   la pagination ; au pied, une ligne de métro et ses stations. */

*,*::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(--encre);font:1rem/1.6 var(--police-texte);overflow-wrap:break-word}
main{flex:1 0 auto}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul{margin:0}
a{color:var(--lien)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.evitement{position:absolute;left:1rem;top:-6rem;z-index:5;padding:.75rem 1.1rem;border-radius:.3rem;background:var(--accent);color:var(--sur-accent);font-weight:700}
.evitement:focus{top:1rem}

/* En-tête : liseré vert, marque dans un rond, nom en capitales espacées, lignes de métro ; une rue dessous */
.tete{border-top:.3rem solid var(--lisere);background:var(--fond)}
.tete::after,.pied::before{content:"";display:block;height:2rem;background:repeating-linear-gradient(90deg,var(--trait) 0 .8rem,transparent 0 1.4rem) 0 50%/100% 3px no-repeat,var(--bitume)}
.tete-interieur{width:min(100% - 2rem,72rem);margin:0 auto;padding:1.1rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2.5rem}
.marque{display:inline-flex;align-items:center;gap:1rem;min-width:0;color:var(--encre);text-decoration:none}
.marque-rond{flex:none;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--rond);box-shadow:0 0 0 3px var(--accent)}
.marque-image{width:2.2rem;height:2.2rem}
.marque-nom{min-width:0;font:700 1.15rem/1.25 var(--police-titre);letter-spacing:.16em;text-transform:uppercase;overflow-wrap:anywhere}
.lignes ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.6rem;counter-reset:ligne}
.lignes li{counter-increment:ligne}
.lignes a{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;padding-left:2.45rem;color:var(--encre);text-decoration:none;font:600 .95rem/1.2 var(--police-titre)}
.lignes a::before{content:counter(ligne);content:counter(ligne)/"";position:absolute;left:0;top:50%;display:grid;place-items:center;width:1.85rem;height:1.85rem;margin-top:-.925rem;border-radius:50%;background:#ffcd00;color:#1a1a1a;font-size:.9rem;font-weight:800}
.lignes li:nth-child(2) a::before{background:#003ca6;color:#fff}
.lignes li:nth-child(3) a::before{background:#7a7102;color:#fff}
.lignes a:hover,.lignes a[aria-current]{text-decoration:underline .18em var(--accent);text-underline-offset:.45em}

/* Cartouche du plan : nom du site, légende, échelle et flèche du nord */
.quartier{padding-top:2.5rem}
.cartouche{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem 1.5rem;margin:0 .75rem 1.75rem;padding:1rem 1.25rem 1.15rem;background:var(--place);border:6px double var(--encre)}
.cartouche-titre{font:700 clamp(1.3rem,.9rem + 2.2vw,2.6rem)/1.1 var(--police-titre);letter-spacing:.03em;overflow-wrap:anywhere}
.cartouche-legende{grid-column:1;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--doux)}
.cartouche::after{content:"";grid-column:1;width:8rem;height:.5rem;margin-top:.4rem;border:1px solid var(--encre);background:linear-gradient(90deg,var(--encre) 0 25%,transparent 0 50%,var(--encre) 0 75%,transparent 0)}
.nord{grid-column:2;grid-row:1/span 3;position:relative;width:1.4rem;height:3.4rem;background:var(--encre);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.nord::before{content:"";position:absolute;inset:3px;background:linear-gradient(90deg,var(--encre) 50%,var(--place) 0);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}

/* Plan (téléphone) : une rue par article, passage piéton à gauche et nom de l'îlot qui suit */
.plan{--sol:var(--ilot);background:var(--bitume);padding:0 0 1.5rem}
.plan-grille{list-style:none;padding:0 .75rem;display:grid;grid-template-columns:minmax(0,1fr)}
.ilot{position:relative;display:flex;flex-direction:column;min-width:0}
.ilot-rue{flex:none;display:flex;align-items:center;height:4.5rem;margin:0 -.75rem;padding:0 1rem 0 4.4rem;font:700 .8rem/1.3 var(--police-titre);letter-spacing:.13em;text-transform:uppercase;background:repeating-linear-gradient(var(--trait) 0 .3rem,transparent 0 .6rem) 1rem 50%/2.6rem 3.9rem no-repeat,repeating-linear-gradient(90deg,var(--trait) 0 .8rem,transparent 0 1.4rem) 3.9rem 50%/calc(100% - 3.9rem) 3px no-repeat}
.ilot-lien{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--encre);text-decoration:none}
.ilot-lien::after{content:"";position:absolute;inset:0;z-index:1;border-radius:.35rem}
.ilot-lien:focus-visible{outline:0}
.ilot-lien:focus-visible::after{outline:3px solid var(--accent);outline-offset:3px}
.ilot-nom{position:relative;z-index:1;padding:.18rem .5rem;background:var(--bitume);-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:anywhere}
.ilot:hover .ilot-nom{text-decoration:underline .12em}
.ilot-corps{flex:1;display:flex;flex-direction:column;background:var(--sol);border-radius:.35rem;overflow:hidden}
.ilot:hover .ilot-corps{box-shadow:0 0 0 3px var(--accent)}
.ilot-place{--sol:var(--place)}
.ilot-facade{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
.ilot-texte{padding:.9rem 1.1rem 1.15rem}
.ilot-date{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.ilot-extrait{margin-top:.35rem;font-size:.95rem;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.ilot-numero{position:absolute;top:5.1rem;left:.6rem;min-width:1.9rem;height:1.9rem;padding:0 .4rem;border-radius:1rem;background:#fff;color:#1a1a1a;font:300 .85rem/1.9rem var(--police-titre);text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.3)}

/* Îlot sans capture : un fragment de plan, pâtés de maisons, ruelles, un square et la station à l'initiale */
.ilot-fragment{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;border:.55rem solid var(--sol);background:linear-gradient(117deg,transparent 0 57%,var(--sol) 0 60.5%,transparent 0),linear-gradient(90deg,transparent 0 21%,var(--sol) 0 24.5%,transparent 0 52%,var(--sol) 0 55.5%,transparent 0 78%,var(--sol) 0 81.5%,transparent 0),linear-gradient(transparent 0 36%,var(--sol) 0 42%,transparent 0 70%,var(--sol) 0 75%,transparent 0),var(--bati)}
.ilot-fragment::before{content:"";position:absolute;left:58%;top:5%;width:17%;height:26%;border-radius:.2rem;background:var(--parc)}
.ilot:nth-child(3n+2) .ilot-fragment{background:linear-gradient(62deg,transparent 0 38%,var(--sol) 0 41.5%,transparent 0),linear-gradient(90deg,transparent 0 31%,var(--sol) 0 34.5%,transparent 0 64%,var(--sol) 0 67.5%,transparent 0),linear-gradient(transparent 0 24%,var(--sol) 0 30%,transparent 0 61%,var(--sol) 0 66%,transparent 0),var(--bati)}
.ilot:nth-child(3n+2) .ilot-fragment::before{left:70%;top:70%;width:26%;height:26%}
.ilot:nth-child(3n) .ilot-fragment{background:linear-gradient(150deg,transparent 0 64%,var(--sol) 0 67.5%,transparent 0),linear-gradient(90deg,transparent 0 16%,var(--sol) 0 19.5%,transparent 0 43%,var(--sol) 0 46.5%,transparent 0 72%,var(--sol) 0 75.5%,transparent 0),linear-gradient(transparent 0 47%,var(--sol) 0 53%,transparent 0),var(--bati)}
.ilot:nth-child(3n) .ilot-fragment::before{left:21%;top:58%;width:20%;height:37%}
.ilot-station{position:relative;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--rond);box-shadow:0 0 0 .3rem var(--accent),0 0 0 .6rem var(--sol);font:700 1.4rem/1 var(--police-titre);color:var(--encre)}

/* Tablette et ordinateur : les îlots sur une grille à larges rues ; chacun trace la ligne médiane de la rue à sa gauche et
   au-dessus de lui (celles de droite et du bas viennent de la grille), et son nom s'écrit dans la rue du haut */
@media (min-width:40rem){
  .cartouche{width:fit-content;max-width:calc(100% - 5rem);margin:0 0 2rem 2.5rem;padding:1.1rem 1.6rem 1.25rem}
  .plan{--rue:2.5rem;padding:var(--rue) 0}
  .plan-grille{position:relative;width:calc(100% - 2*var(--rue));margin:0 auto;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rue)}
  .plan-grille::after,.ilot::before{content:"";position:absolute;pointer-events:none;background:repeating-linear-gradient(90deg,var(--trait) 0 .8rem,transparent 0 1.4rem) 0 0/100% 3px no-repeat,repeating-linear-gradient(var(--trait) 0 .8rem,transparent 0 1.4rem) 0 0/3px 100% no-repeat}
  .ilot::before{left:calc(var(--rue)/-2 - 1.5px);top:calc(var(--rue)/-2 - 1.5px);width:calc(100% + var(--rue));height:calc(100% + var(--rue))}
  .plan-grille::after{inset:calc(var(--rue)/-2 - 1.5px);background-position:0 100%,100% 0}
  .ilot-rue{height:var(--rue);margin:calc(-1*var(--rue)) 0 0;padding:0 .25rem;justify-content:center;text-align:center;font-size:.77rem;background:none}
  .ilot-numero{top:.6rem}
  .ilot-place{grid-column:span 2}
  .ilot-place .ilot-station{width:4.6rem;height:4.6rem;font-size:2rem;box-shadow:0 0 0 .4rem var(--accent),0 0 0 .8rem var(--sol)}
}
/* Tablette : un îlot large (capture et texte côte à côte) puis deux paires, et ainsi de suite ; la capture d'un îlot large garde
   la largeur d'un îlot simple, pour que son sizes reste exact */
@media (min-width:40rem) and (max-width:63.99rem){
  .ilot:nth-child(5n+1),.ilot:last-child:nth-child(5n+2),.ilot:last-child:nth-child(5n+4){grid-column:span 2}
  .ilot:is(:nth-child(5n+6),:last-child:nth-child(5n+2),:last-child:nth-child(5n+4)) .ilot-corps{display:grid;grid-template-columns:calc(50% - var(--rue)/2) minmax(0,1fr)}
  .ilot:is(:nth-child(5n+6),:last-child:nth-child(5n+2),:last-child:nth-child(5n+4)) :is(.ilot-facade,.ilot-fragment){height:100%}
  .ilot:is(:nth-child(5n+6),:last-child:nth-child(5n+2),:last-child:nth-child(5n+4)) .ilot-texte{align-self:center}
}
@media (min-width:64rem){
  .cartouche{margin-left:max(3rem,calc((100% - 72rem)/2))}
  .plan{--rue:3rem}
  .plan-grille{width:min(100% - 6rem,72rem);grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense}
  .ilot{grid-column:span 2}
  .ilot:nth-child(5n+4),.ilot:nth-child(5n){grid-column:span 3}
  .ilot-place{grid-column:span 4;grid-row:span 2}
  .ilot-place:nth-last-child(-n+2){grid-row:auto}
  .ilot-place:only-child{grid-column:2/span 4}
  .ilot:last-child:nth-child(5n+6),.ilot:last-child:nth-child(5n+4){grid-column:span 6}
  .ilot:last-child:nth-child(5n+7){grid-column:span 4}
  .ilot-place .ilot-rue{font-size:.98rem}
  .ilot-place .ilot-facade,.ilot-place .ilot-fragment{flex:1 0 auto}
  .ilot-place .ilot-texte{padding:1.1rem 1.5rem 1.4rem}
  .ilot-place .ilot-extrait{font-size:1.06rem;-webkit-line-clamp:5}
  .ilot:is(:nth-child(5n+4),:nth-child(5n),:last-child:nth-child(5n+6),:last-child:nth-child(5n+7)) .ilot-corps{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .ilot:is(:nth-child(5n+4),:nth-child(5n),:last-child:nth-child(5n+6),:last-child:nth-child(5n+7)) :is(.ilot-facade,.ilot-fragment){height:100%}
  .ilot:is(:nth-child(5n+4),:nth-child(5n),:last-child:nth-child(5n+6),:last-child:nth-child(5n+7)) .ilot-texte{align-self:center}
  /* Îlot de fin de liste sur 6 ou 4 colonnes : sa capture garde la largeur d'un îlot de 2 colonnes (sizes exact, pas d'image
     agrandie), le texte prend le reste */
  .ilot:is(:last-child:nth-child(5n+4),:last-child:nth-child(5n+6)) .ilot-corps{grid-template-columns:calc((100% - 2*var(--rue))/3) minmax(0,1fr)}
  .ilot:last-child:nth-child(5n+7) .ilot-corps{grid-template-columns:calc(50% - var(--rue)/2) minmax(0,1fr)}
  .ilot:is(:last-child:nth-child(5n+4),:last-child:nth-child(5n+6)) .ilot-texte{padding:1.1rem 2.25rem 1.3rem}
  .ilot:is(:last-child:nth-child(5n+4),:last-child:nth-child(5n+6)) .ilot-extrait{max-width:42rem;font-size:1.06rem}
  /* Page à deux îlots : la place n'a qu'une rangée et l'îlot voisin, plus court, finit en pâtés de maisons plutôt qu'en vide */
  .ilot-place:nth-last-child(2)+.ilot .ilot-corps::after{content:"";flex:1 1 0;margin:0 .55rem .55rem;border-radius:.2rem;background:linear-gradient(var(--parc),var(--parc)) 90% 15%/20% 28% no-repeat,linear-gradient(118deg,transparent 0 47%,var(--sol) 0 50.5%,transparent 0),linear-gradient(90deg,transparent 0 30%,var(--sol) 0 33.5%,transparent 0 64%,var(--sol) 0 67.5%,transparent 0),linear-gradient(transparent 0 44%,var(--sol) 0 50%,transparent 0),var(--bati)}
}

/* Pagination : pastilles de lignes de métro */
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem;width:min(100% - 2rem,72rem);margin:0 auto;padding:2.5rem 0 3rem}
.pagination-lignes{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.pagination-pastille{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:#ffcd00;color:#1a1a1a;font:800 1.05rem/1 var(--police-titre);text-decoration:none}
.pagination-lignes li:nth-child(10n+2) .pagination-pastille{background:#003ca6;color:#fff}
.pagination-lignes li:nth-child(10n+3) .pagination-pastille{background:#7a7102;color:#fff}
.pagination-lignes li:nth-child(10n+4) .pagination-pastille{background:#cf009e;color:#fff}
.pagination-lignes li:nth-child(10n+5) .pagination-pastille{background:#ff7e2e}
.pagination-lignes li:nth-child(10n+6) .pagination-pastille{background:#6eca97}
.pagination-lignes li:nth-child(10n+7) .pagination-pastille{background:#fa9aba}
.pagination-lignes li:nth-child(10n+8) .pagination-pastille{background:#e19bdf}
.pagination-lignes li:nth-child(10n+9) .pagination-pastille{background:#b6bd00}
.pagination-lignes li:nth-child(10n) .pagination-pastille{background:#c9910d}
.pagination-pastille[aria-current]{box-shadow:0 0 0 3px var(--fond),0 0 0 6px var(--encre)}
a.pagination-pastille:hover{box-shadow:0 0 0 3px var(--fond),0 0 0 5px var(--accent)}
.pagination-sens{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.2rem;border-radius:1.4rem;background:var(--accent);color:var(--sur-accent);font:700 .9rem/1.2 var(--police-titre);text-decoration:none}
.pagination-sens:hover{text-decoration:underline}
.pagination-prec::before{content:"←";content:"←"/""}
.pagination-suiv::after{content:"→";content:"→"/""}
.vide{width:min(100% - 2rem,44rem);margin:0 auto 3rem;padding:2rem;border-radius:.35rem;background:var(--ilot);text-align:center}

/* Article et pages de service : le titre écrit le long d'une rue, colonne de 44 rem */
.feuille{padding:2.5rem 0 3.5rem}
.avenue{margin-bottom:2.25rem;text-align:center}
.avenue-titre{padding:1.4rem 1rem;background:repeating-linear-gradient(90deg,var(--trait) 0 .8rem,transparent 0 1.4rem) 0 50%/100% 3px no-repeat,var(--bitume);font:600 clamp(1.15rem,.8rem + 1.9vw,1.8rem)/1.4 var(--police-titre);font-variant-caps:small-caps;letter-spacing:.06em;overflow-wrap:anywhere}
.avenue-texte{padding:.26em .5em;background:var(--bitume);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.avenue-suite{font-weight:400}
.avenue-date{margin-top:.9rem;padding:0 1rem;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--doux)}
.texte{width:min(100% - 2.5rem,44rem);margin:0 auto;font-size:1.07rem;line-height:1.75}
.texte>*+*{margin-top:1.1rem}
.texte a{color:var(--lien);text-decoration-thickness:1px;text-underline-offset:.18em;overflow-wrap:anywhere}
.texte a:hover{text-decoration-thickness:2px}
.texte p:has(>a:only-child)::before,.texte h2::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.6rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--fond),0 0 0 4px var(--accent);vertical-align:-.04em}
.texte h2{margin-top:2.25rem;font:700 1.3rem/1.3 var(--police-titre)}
.texte img{width:100%;margin:1.75rem 0;border-radius:1rem}
.texte ul{padding-left:1.25rem}
.texte li+li{margin-top:.3rem}
.retour{width:min(100% - 2.5rem,44rem);margin:2.5rem auto 0}
.retour a{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;padding-left:2.75rem;font-weight:700;color:var(--lien)}
.retour a::before{content:"←";content:"←"/"";position:absolute;left:0;top:50%;display:grid;place-items:center;width:2rem;height:2rem;margin-top:-1rem;border-radius:50%;background:var(--accent);color:var(--sur-accent);font-size:1.25rem;line-height:1}
.page-plan_du_site .texte{width:min(100% - 2.5rem,68rem);font-size:.97rem;line-height:1.45}
.page-plan_du_site .texte ul{list-style:none;padding:0;columns:3 15rem;column-gap:2.5rem}
.page-plan_du_site .texte>ul:first-child{columns:auto;display:flex;flex-wrap:wrap;gap:0 2rem}
.page-plan_du_site .texte li{position:relative;margin:0;padding:.3rem 0 .3rem 1.2rem;break-inside:avoid}
.page-plan_du_site .texte li::before{content:"";position:absolute;left:0;top:.82em;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}
.page-plan_du_site .texte nav ul{columns:auto;display:flex;flex-wrap:wrap;gap:.5rem}
.page-plan_du_site .texte nav li{padding:0}
.page-plan_du_site .texte nav li::before{content:none}
.page-plan_du_site .texte nav a,.page-plan_du_site .texte nav b{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:0 .8rem;border-radius:1.4rem;box-shadow:inset 0 0 0 2px var(--accent)}
.page-plan_du_site .texte nav b{background:var(--accent);color:var(--sur-accent)}
.page-contact .texte{width:min(100% - 1.5rem,48rem);padding:1.75rem 2.5rem 3rem;border-radius:.5rem;background:var(--bitume)}
.page-contact iframe{margin-top:2.75rem;border-radius:.2rem;background:var(--ilot);box-shadow:0 0 0 .8rem var(--ilot);outline:3px dashed var(--trait);outline-offset:1.6rem}

/* 404 : un îlot vide cerné de rues sans nom */
.terrain{display:grid;align-content:center;padding:4rem 2rem;background:var(--bitume)}
.terrain-ilot{width:100%;max-width:34rem;margin:0 auto;padding:2.75rem 1.75rem;border-radius:.35rem;background:var(--ilot);outline:3px dashed var(--trait);outline-offset:1.5rem;text-align:center}
.terrain-titre{margin-bottom:.8rem;font:700 clamp(1.6rem,1.2rem + 2vw,2.3rem)/1.15 var(--police-titre)}
.terrain .retour{width:auto;margin-top:1.25rem}

/* Pied : une ligne de métro, quatre stations et le domaine au terminus */
.pied{background:var(--pied);color:var(--pied-texte);padding-bottom:3rem}
.pied::before{margin-bottom:2.75rem}
.pied-ligne{position:relative;list-style:none;width:min(100% - 2rem,72rem);margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,2fr)}
.pied-ligne::before{content:"";position:absolute;top:.55rem;left:calc(100%/12);right:calc(100%/6);height:.5rem;border-radius:.25rem;background:var(--accent)}
.pied-ligne li{position:relative;padding-top:2.2rem;text-align:center}
.pied-ligne li::before{content:"";position:absolute;top:0;left:50%;width:1.6rem;height:1.6rem;margin-left:-.8rem;border-radius:50%;background:#fff;box-shadow:0 0 0 .3rem var(--pied-anneau)}
.pied-ligne li.pied-terminus::before{top:-.25rem;width:2.1rem;height:2.1rem;margin-left:-1.05rem;box-shadow:0 0 0 .3rem var(--pied-anneau),0 0 0 .55rem var(--accent)}
.pied-ligne a,.pied-terminus span{display:inline-block;padding:.45rem .3rem;color:var(--pied-texte);font:600 .92rem/1.3 var(--police-titre);text-decoration:none}
.pied-ligne a:hover{text-decoration:underline}
.pied-terminus span{font-weight:800;letter-spacing:.03em;overflow-wrap:anywhere}

/* Téléphone */
@media (max-width:39.99rem){
  .tete-interieur{padding:.9rem 0 .7rem;gap:.85rem}
  .marque-rond{width:2.75rem;height:2.75rem}
  .marque-image{width:1.85rem;height:1.85rem}
  .marque-nom{font-size:1rem;letter-spacing:.12em}
  .lignes{width:100%}
  .lignes ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .lignes a{display:block;min-height:0;padding:3.1rem 0 0;font-size:.78rem;text-align:center}
  .lignes a::before{left:50%;top:0;width:2.75rem;height:2.75rem;margin:0 0 0 -1.375rem;font-size:1.1rem}
  .quartier{padding-top:1.75rem}
  .cartouche{gap:.3rem .75rem;padding:.9rem 1rem 1rem}
  .cartouche-titre{letter-spacing:0}
  .nord{width:1.1rem;height:2.7rem}
  .ilot-fragment{aspect-ratio:12/5}
  .pied-ligne{grid-template-columns:minmax(0,1fr)}
  .pied-ligne::before{top:1.375rem;bottom:1.375rem;left:1.09rem;right:auto;width:.42rem;height:auto}
  .pied-ligne li{display:flex;align-items:center;min-height:2.75rem;padding:0 0 0 2.6rem;text-align:left}
  .pied-ligne li::before,.pied-ligne li.pied-terminus::before{top:50%;left:1.3rem;width:1.15rem;height:1.15rem;margin:-.575rem 0 0 -.575rem;box-shadow:0 0 0 .22rem var(--pied-anneau)}
  .pied-ligne li.pied-terminus::before{width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;box-shadow:0 0 0 .22rem var(--pied-anneau),0 0 0 .42rem var(--accent)}
  .pied-ligne a{display:flex;align-items:center;min-height:2.75rem}
  .page-contact .texte{width:100%;padding:1.5rem 1.6rem 2.75rem;border-radius:0}
  .page-contact iframe{box-shadow:0 0 0 .5rem var(--ilot);outline-offset:1rem}
  .page-plan_du_site .texte li{padding:0 0 0 1.2rem}
  .page-plan_du_site .texte li::before{top:1.15rem}
  .page-plan_du_site .texte>ul>li>a{display:block;padding:.7rem 0}
}