@import url('fonts/fonts.css');

/* ═══════════════════════════════════════════════════════════════
   LA CRIÉE — l'information publique des 163 communes des Alpes-Maritimes
   Charte relevée sur les planches du 03/09/2026 : papier ivoire, encre
   navy, un seul accent vermillon. Deux familles, pas trois : Bodoni Moda
   pour la voix haute, Spectral pour la lecture. Les petites capitales
   trackées font office de sans — une gazette n'a pas besoin de plus.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* Papier et encres, prélevées sur les planches */
  --papier:#F7F1E8;
  --papier-creux:#F2EAE0;      /* bandes alternées */
  --papier-clair:#FBF7F1;      /* cartes posées */
  --navy:#16263B;              /* bandeau, boutons, encre forte */
  --navy-profond:#0E1A28;
  --navy-clair:#2C3E53;
  --rouge:#C8382A;             /* l'accent unique */
  --rouge-clair:#D5493A;
  --encre:#23201D;             /* noir chaud du texte */
  --encre-douce:#5F5A54;
  --bord:#DDD2C6;
  --bord-clair:#E7DED2;

  /* Bodoni Moda ne sert qu'au logo et au titre de l'accueil : les titres des pages sont en Spectral. */
  --display:'Spectral',Georgia,serif;
  --serif:'Spectral',Georgia,serif;
  --sans:'Spectral',Georgia,serif;

  --conteneur:1440px;
  --marge:clamp(20px,5vw,72px);
  --respire:clamp(56px,7vw,104px);
  --sortie:cubic-bezier(.16,.84,.44,1);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}

body{
  background:var(--papier) url('papier.jpg');
  background-size:420px;
  color:var(--encre);
  font-family:var(--serif);
  font-size:16.5px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
li{list-style:none}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--rouge);outline-offset:3px;border-radius:2px}

.conteneur{width:100%;max-width:var(--conteneur);margin-inline:auto;padding-inline:var(--marge)}
.lecteur-seul{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* ─────────────── Vocabulaire typographique ─────────────── */

.kicker{
  font-family:var(--sans);
  font-size:11.5px;font-weight:600;
  letter-spacing:.19em;text-transform:uppercase;
  color:var(--rouge);
}
/* Sur la planche, seul « ALPES » est vermillon : le reste passe à l'encre.
   Un accent qui colore tout n'accentue plus rien. */
.manchette-kicker{color:var(--encre)}
.manchette-kicker b{color:var(--rouge);font-weight:600}
.kicker-sombre{color:var(--encre-douce)}

/* BODONI EFFACE SES TRAITS D'UNION. Son tiret ne fait que 1,9 % de l'em ;
   à 46 px il tombe sous le pixel et Chrome — qui règle l'axe optique sur la
   taille du texte — l'efface. « Alpes-Maritimes » devenait « Alpes Maritimes ».
   On fige donc l'axe optique sur son défaut (11), où les traits restent
   robustes. La manchette, elle, garde l'axe automatique : elle n'a pas de
   trait d'union et son contraste extrême est ce qui fait la une. */
h1,h2,h3,.marque-nom,.famille b,.avis .objet,.avis .montant,
.carte-cadre h3,.edition b,.famille .chiffre,.chapitre{
  font-optical-sizing:none;
}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:-.012em}

.titre-section{
  font-size:clamp(30px,4.4vw,52px);
  font-weight:600;line-height:1.08;
  color:var(--encre);text-wrap:balance;
  margin-top:14px;
}
.chapitre{
  display:flex;align-items:baseline;gap:14px;
  font-family:var(--display);font-size:13px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--rouge);
}
.chapitre i{font-style:normal;font-size:26px;letter-spacing:0;opacity:.5}

.plomb{font-size:17px;line-height:1.72;color:var(--encre-douce);max-width:60ch;margin-top:16px}

/* le filet fin qui sépare, jamais décoratif */
.filet{height:1px;background:var(--bord);border:0;margin-block:clamp(34px,4vw,56px)}

/* ─────────────── Boutons ─────────────── */

.bouton{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--sans);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  padding:13px 18px;border:1px solid transparent;white-space:nowrap;
  transition:background .22s var(--sortie),color .22s var(--sortie),border-color .22s var(--sortie);
  cursor:pointer;
}
.bouton-rouge{background:var(--rouge);color:#fff}
.bouton-rouge:hover{background:#B32E21}
.bouton-ligne{background:transparent;color:var(--encre);border-color:var(--bord)}
.bouton-ligne:hover{border-color:var(--encre);background:rgba(35,32,29,.04)}
.bouton-navy{background:var(--navy);color:#fff}
.bouton-navy:hover{background:var(--navy-profond)}

/* ─────────────── En-tête ─────────────── */

.entete{
  position:sticky;top:0;z-index:60;
  background:rgba(247,241,232,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--bord-clair);
  transition:box-shadow .3s var(--sortie);
}
.entete.posee{box-shadow:0 1px 20px -8px rgba(22,38,59,.28)}
.entete-inner{display:flex;align-items:center;gap:clamp(18px,3vw,44px);height:clamp(64px,7.5vw,108px)}

.marque{display:flex;align-items:center;gap:14px;flex:none}
.mono{
  position:relative;
  width:42px;height:42px;flex:none;
  display:grid;place-items:center;
  border:1px solid var(--bord);border-radius:50%;
}
.mono{border:0}
.mono svg{width:42px;height:42px;display:block}
.marque-nom{
  font-family:var(--display);font-size:21px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;
  padding-left:14px;border-left:1px solid var(--bord);
}
.entete nav{display:flex;gap:clamp(14px,2vw,30px);margin-left:auto}
.entete nav a{
  font-family:var(--sans);
  font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--encre-douce);padding-block:6px;
  border-bottom:1px solid transparent;transition:color .2s,border-color .2s;
}
.entete nav a:hover{color:var(--encre);border-bottom-color:var(--rouge)}
.entete-actions{display:flex;align-items:center;gap:12px;flex:none}
.cloche{
  width:40px;height:40px;display:grid;place-items:center;flex:none;
  border:1px solid var(--bord);border-radius:50%;color:var(--encre-douce);
  transition:color .2s,border-color .2s;
}
.cloche:hover{color:var(--rouge);border-color:var(--rouge)}
.cloche svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.entete-menu{display:none}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/NunitoSans-variable-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/NunitoSans-variable-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Le pilote reprend le papier, le marine, le vermillon et les caractères de La Criée. */
[hidden]{display:none!important}*{box-sizing:border-box}.cp-body{overflow-x:clip;--sans:'Spectral',Georgia,serif;--display:'Spectral',Georgia,serif;font:16px/1.65 var(--sans);letter-spacing:0}.cp-body a{color:inherit;text-decoration:none}.cp-body a:hover{color:var(--rouge)}.cp-body :focus-visible{outline:2px solid var(--rouge);outline-offset:5px}.cp-body button,.cp-body input,.cp-body select{font:inherit}.cp-body p{line-height:1.7;letter-spacing:0}.cp-body h2,.cp-body h3,.cp-body h4{font-family:var(--display);font-weight:500}.cp-body h3{font-size:25px;line-height:1.25}.cp-body h4{font-size:20px;line-height:1.3}.cp-skip{position:absolute;left:20px;top:-100px;background:var(--navy);color:white!important;padding:15px;z-index:100}.cp-skip:focus{top:15px}.cp-icone{width:24px;height:24px;flex:none}.cp-kicker{font-family:var(--sans);font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--rouge);font-weight:600}.cp-page{max-width:1360px;padding:0 40px;margin:auto}.cp-ville{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 0 32px;border-bottom:1px solid var(--bord)}.cp-ville h1{font-family:var(--display);font-size:100px;font-weight:600;letter-spacing:-.03em;line-height:1.06;margin:9px 0 5px}.cp-ville>div>p:last-child{font-size:18px;color:var(--encre-douce)}.cp-goutte{font-size:27px;color:var(--rouge);display:inline-block;vertical-align:top;margin:18px 0 0 12px}.cp-edition{text-align:right;border-right:2px solid var(--rouge);padding-right:20px}.cp-edition>*{display:block}.cp-edition>span{font:13px var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--rouge)}.cp-edition>b{font:600 23px var(--display);margin:8px 0}.cp-edition>small{font:13px var(--sans);color:var(--encre-douce)}.cp-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding-top:35px;align-items:start}.cp-aside{position:sticky;top:24px}.cp-nav{display:grid;gap:5px}.cp-nav>a{border-radius:12px;display:flex;align-items:center;gap:12px;padding:15px 12px;font:500 13px var(--sans);border:1px solid transparent}.cp-nav>a>i{font-style:normal;margin-left:auto}.cp-nav .cp-icone{width:20px;height:20px;color:var(--encre-douce)}.cp-nav>a[aria-selected=true]{background:var(--navy);color:var(--papier)!important}.cp-nav>a[aria-selected=true] .cp-icone{color:#eb9c8f}.cp-nav>a:hover{border-color:var(--bord)}.cp-sidebar-note{margin:40px 12px 0;padding-top:20px;border-top:1px solid var(--bord);position:relative}.cp-sidebar-note img{height:95px;width:auto;float:right;opacity:.8}.cp-sidebar-note p{font-size:13px;margin-top:13px}.cp-sidebar-note a{font:13px var(--sans);display:block;clear:both;padding-top:18px;text-decoration:underline}.cp-panneaux{min-width:0}.cp-panneau{scroll-margin-top:24px}.cp-panneau+.cp-panneau{margin-top:60px;padding-top:40px;border-top:1px solid var(--bord)}.cp-panneaux[data-interactif]>.cp-panneau{margin:0;padding:0;border:0}.cp-tete{margin-bottom:28px}.cp-tete h2{font-size:clamp(32px,3.2vw,43px);line-height:1.13;margin-top:12px;letter-spacing:-.02em}.cp-tete>p:last-child:not(.cp-kicker){font-size:16px;line-height:1.65;color:var(--encre-douce);max-width:62ch;margin-top:15px}.cp-a-la-une{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(245px,1fr);gap:20px}.cp-photo{position:relative;min-height:275px;overflow:hidden;background:var(--papier-creux)}.cp-photo>img{width:100%;height:100%;object-fit:cover;display:block;position:absolute}.cp-photo>div{position:absolute;inset:auto 0 0;padding:38px 24px 20px;background:linear-gradient(transparent,#071e37cc);color:#fff;font:600 24px/1.2 var(--display)}.cp-meteo{border:0;border-radius:20px;padding:24px;background:#edeedc}.cp-mini-entete{display:flex;justify-content:space-between;gap:12px;align-items:center}.cp-mini-entete h3{font-size:22px}.cp-mini-entete>.cp-icone{color:var(--rouge)}.cp-previsions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.cp-previsions>div{flex:1;text-align:center}.cp-previsions>div>*{display:block;margin:0 auto}.cp-previsions>div>span{font:13px var(--sans)}.cp-previsions .cp-icone{color:var(--navy);width:25px;height:25px;margin-block:12px}.cp-previsions strong{font:600 31px var(--display)}.cp-previsions small{font:13px var(--sans);color:var(--encre-douce);margin-top:4px}.cp-vigilance{display:flex;align-items:center;gap:9px;font:13px/1.6 var(--sans);margin-top:14px;padding-top:12px;border-top:1px solid var(--bord)}.cp-vigilance .cp-icone{width:17px;height:17px;color:var(--rouge)}.cp-credit{font:13px/1.7 var(--sans);color:var(--encre-douce);margin-top:8px}.cp-credit a{text-decoration:underline}.cp-reperes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;padding-block:18px;border-block:1px solid var(--bord)}.cp-reperes p{padding-inline:20px}.cp-reperes p:first-child{padding-left:0}.cp-reperes p+p{border-left:1px solid var(--bord)}.cp-reperes b{display:block;font:600 26px var(--display)}.cp-reperes span{font:13px var(--sans);color:var(--encre-douce)}.cp-raccourcis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:26px 35px}.cp-raccourcis>a{position:relative;background:var(--papier-clair);padding:22px 18px;border:0;border-radius:16px;box-shadow:0 3px 16px #16263b05}.cp-raccourcis>a:hover{border-color:var(--rouge)}.cp-raccourcis .cp-icone{color:var(--rouge);margin-bottom:18px}.cp-raccourcis b{display:block;font:600 17px/1.25 var(--display)}.cp-raccourcis span{display:block;font:13px/1.7 var(--sans);color:var(--encre-douce);margin-top:8px}.cp-raccourcis i{position:absolute;right:12px;top:15px;font-style:normal;color:var(--rouge)}.cp-rendezvous-entete{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 18px}.cp-lien{font:500 13px/1.6 var(--sans);color:var(--rouge)!important;text-decoration:underline!important;text-underline-offset:4px;display:inline-block}.cp-bouton{border:0;border-radius:30px;cursor:pointer;display:inline-flex;background:var(--navy);color:var(--papier-clair)!important;font:600 15px/1.5 var(--sans);padding:14px 20px;align-items:center;gap:8px}.cp-bouton:hover{background:var(--rouge)}.cp-events{display:grid;gap:0}.cp-event{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--bord);align-items:start}.cp-event time{width:48px;flex:none;background:var(--papier-creux);border-top:3px solid var(--rouge);padding:3px 0 8px;text-align:center}.cp-event time>b{font:600 30px var(--display);display:block}.cp-event time>span{font:13px var(--sans);text-transform:uppercase}.cp-event h3{font-size:22px;max-width:42ch}.cp-event p{font:13px/1.6 var(--sans);color:var(--encre-douce);margin-top:8px}.cp-editorial{border-radius:20px;display:flex;gap:22px;background:var(--navy);color:var(--papier);padding:30px;margin-top:35px}.cp-editorial>.cp-icone,.cp-editorial>div>.cp-icone{width:36px;height:36px;color:#efaa99}.cp-editorial .cp-kicker{color:#efaa99}.cp-editorial h3{color:var(--papier-clair);font-size:29px;margin:12px 0}.cp-editorial p:not(.cp-kicker){color:#d5dce5;font-size:14px;max-width:62ch}.cp-editorial .cp-lien{color:var(--papier-clair)!important;margin-top:15px}.cp-editorial .cp-deux{margin-top:22px;gap:20px}.cp-editorial .cp-deux b{font:500 13px var(--sans);color:white}.cp-editorial .cp-deux p{font-size:13px;margin-top:7px}.cp-source{font:13px/1.7 var(--sans);color:var(--encre-douce);margin-top:20px}.cp-source>a{text-decoration:underline}.cp-source>span{display:block;font-size:13px;margin-top:3px}.cp-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 42px;align-items:start}.cp-carte{border:0;border-top:1px solid var(--bord);background:transparent;padding:28px 0;min-width:0}.cp-carte-titre{display:flex;gap:13px;align-items:center;margin-bottom:20px}.cp-carte-titre>.cp-icone{color:var(--rouge);width:23px;height:23px}.cp-carte p{font-size:15px;color:var(--encre-douce)}.cp-carte p+p{margin-top:12px}.cp-carte .cp-grand{font:600 36px/1.1 var(--display);color:var(--encre);margin:15px 0 20px}.cp-grand>span{display:block;font:13px/1.6 var(--sans);color:var(--encre-douce);margin-top:9px}.cp-carte .cp-nom{font-size:30px}.cp-note{font-size:13px!important;line-height:1.75!important;color:var(--encre-douce);margin-top:15px}.cp-alerte-douce{border-radius:0 12px 12px 0;background:#f4e9d9;border-left:2px solid #b78740;padding:16px 18px;margin:20px 0}.cp-alerte-douce>b{font:600 13px var(--sans)}.cp-alerte-douce p{font-size:13px;margin-top:7px!important}.cp-alerte-douce .cp-lien{margin-top:10px}.cp-itineraire{display:flex;flex-direction:column;text-align:center;border:1px solid var(--bord);padding:20px;margin-bottom:20px}.cp-itineraire>span{font:500 13px var(--sans)}.cp-itineraire>strong{font:600 21px var(--display)}.cp-itineraire>i{font-style:normal;color:var(--rouge);margin:6px 0}.cp-itineraire>small{font:13px var(--sans);margin-top:6px}.cp-liens{display:flex;flex-direction:column;align-items:start;gap:14px;margin-top:20px}.cp-renvoi{border-radius:14px;padding:20px;background:var(--papier-creux);font-size:15px;margin-top:25px}.cp-renvoi a{color:var(--rouge);text-decoration:underline}.cp-etapes{list-style:none;counter-reset:etape;padding:0;margin:0 0 24px;display:grid;gap:18px}.cp-etapes>li{counter-increment:etape;position:relative;padding-left:37px}.cp-etapes>li:before{content:counter(etape);position:absolute;left:0;top:0;border:1px solid var(--bord);color:var(--rouge);width:25px;height:25px;display:grid;place-items:center;font:13px var(--sans);border-radius:50%}.cp-etapes b{display:block;font:600 13px var(--sans)}.cp-etapes span{display:block;font-size:14px;margin-top:4px;color:var(--encre-douce)}.cp-contact-ligne{padding-block:14px;border-bottom:1px solid var(--bord);font:13px var(--sans)}.cp-contact-ligne>*{display:block}.cp-contact-ligne>a{font-size:17px;margin-top:8px}.cp-dossier{border:0;border-radius:20px;background:var(--papier-clair);padding:34px;margin-top:30px;margin-bottom:30px;scroll-margin-top:25px}.cp-dossier-entete{display:flex;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--bord);margin-bottom:23px;font:13px/1.6 var(--sans);color:var(--encre-douce)}.cp-dossier-entete>span:first-child{color:var(--rouge);display:flex;gap:9px;align-items:center}.cp-dossier-entete .cp-icone{width:17px;height:17px}.cp-dossier>h3{font-size:30px;margin-bottom:16px;max-width:30ch}.cp-dossier>p{font-size:15px;color:var(--encre-douce);max-width:68ch}.cp-tarif{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;text-align:center;gap:14px;margin:28px 0}.cp-tarif>div{padding:20px 10px;background:var(--papier-creux)}.cp-tarif span{display:block;font:13px var(--sans)}.cp-tarif strong{display:block;font:600 27px var(--display);margin:12px 0}.cp-tarif small{font:13px var(--sans);color:var(--encre-douce)}.cp-details{margin-top:16px;border-block:1px solid var(--bord)}.cp-details+.cp-details{border-top:0;margin-top:0}.cp-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;font:500 13px/1.7 var(--sans)}.cp-details summary::-webkit-details-marker{display:none}.cp-details summary>span{color:var(--rouge);font-size:20px;font-weight:400}.cp-details[open] summary>span{transform:rotate(45deg)}.cp-details>div{padding-bottom:22px;font-size:15px;color:var(--encre-douce)}.cp-details p+p{margin-top:12px}.cp-details .cp-lien{margin-top:15px}.cp-simulateur{padding:20px;background:var(--papier-creux)}.cp-simulateur label{font:13px var(--sans);display:flex;align-items:center;justify-content:space-between;gap:20px}.cp-simulateur input{width:140px;min-width:0;padding:12px;border:1px solid var(--bord);background:var(--papier-clair);font:18px var(--sans)}.cp-simulateur p{font-size:15px;margin-top:20px}.cp-simulateur output{display:block;font:600 28px var(--display);color:var(--navy);margin-top:8px}.cp-simulateur small{display:block;font:13px/1.7 var(--sans);margin-top:15px}.cp-badge{font:13px/1.6 var(--sans);padding:7px 10px;border:1px solid var(--bord);text-transform:uppercase;letter-spacing:.05em}.cp-filtre-label{display:flex;gap:12px;align-items:center;font:13px var(--sans);margin:18px 0}.cp-filtre-label select{padding:10px 15px;background:var(--papier-clair);border:1px solid var(--bord);max-width:100%;min-width:0}.cp-ecoles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.cp-ecoles article{padding:22px 0;border:0;border-bottom:1px solid var(--bord);background:transparent}.cp-ecoles article>span{font:13px var(--sans);text-transform:uppercase;color:var(--rouge)}.cp-ecoles h4{margin:10px 0 8px}.cp-ecoles p{font-size:13px;color:var(--encre-douce)}.cp-ecoles a{font:13px var(--sans);display:inline-block;margin-top:15px;text-decoration:underline}.cp-ecoles small{display:block;margin-top:6px}.cp-frise-jour{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.cp-frise-jour b,.cp-frise-jour span{display:block}.cp-frise-jour b{font:600 21px var(--display);color:var(--navy)}.cp-frise-jour span{font:13px var(--sans);margin-top:8px}.cp-comptes{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;gap:12px;align-items:center}.cp-compte{border-radius:16px;padding:22px 16px;background:var(--papier-clair);border:1px solid var(--bord);align-self:stretch}.cp-compte>span{font:13px/1.6 var(--sans);display:block;min-height:32px}.cp-compte>strong{display:block;font:600 33px var(--display);margin:12px 0 9px;white-space:nowrap}.cp-compte>small{font:13px/1.65 var(--sans);color:var(--encre-douce);display:block}.cp-compte-solde{background:var(--navy);color:var(--papier-clair)}.cp-compte-solde small{color:#d5dce5}.cp-operateur{text-align:center;color:var(--rouge);font-size:20px}.cp-budget-grille{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;margin-top:35px}.cp-barres{display:grid;gap:20px;margin-top:25px}.cp-barre>div{display:flex;justify-content:space-between;gap:15px;font:13px/1.6 var(--sans)}.cp-rail{overflow:hidden;border-radius:10px;display:block;height:9px;background:#e3ded6;margin:8px 0}.cp-rail i{display:block;height:100%;background:var(--navy)}.cp-rail i.cp-couleur-1{background:#788c9e}.cp-rail i.cp-couleur-2{background:var(--rouge)}.cp-rail i.cp-couleur-3{background:#b78643}.cp-rail i.cp-couleur-4{background:#b0a697}.cp-barre small{font:13px var(--sans);color:var(--encre-douce)}.cp-dette{border-radius:16px;background:var(--papier-creux);padding:22px}.cp-dette>strong{font:600 38px var(--display);display:block;margin:18px 0 10px}.cp-dette>p:not(.cp-kicker){font-size:14px;color:var(--encre-douce)}.cp-dette-graph{display:flex;gap:16px;justify-content:space-between;margin-top:28px;align-items:end}.cp-dette-graph>div{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center}.cp-dette-graph span{font:13px var(--sans);white-space:nowrap}.cp-dette-graph i{background:#8596a5;width:80%;display:block;min-height:1px}.cp-dette-graph>div:last-child i{background:var(--navy)}.cp-dette-graph b{font:13px var(--sans)}.cp-formule{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:10px;align-items:center;margin:25px 0}.cp-formule>div{background:var(--papier-creux);padding:20px 12px;text-align:center}.cp-formule span{display:block;font:13px/1.6 var(--sans)}.cp-formule b{display:block;font:600 28px var(--display);margin-top:12px}.cp-formule>strong{text-align:center;color:var(--rouge)}.cp-trois-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:25px}.cp-trois-points>div>b{font:600 32px var(--display);color:var(--rouge)}.cp-trois-points h4{margin:12px 0 10px}.cp-trois-points p{font-size:14px;color:var(--encre-douce)}.cp-documents{margin-top:20px}.cp-documents>a{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--bord)}.cp-documents .cp-icone{color:var(--rouge);width:22px;height:22px}.cp-documents span{flex:1}.cp-documents b{font:600 19px var(--display);display:block}.cp-documents small{font:13px/1.65 var(--sans);color:var(--encre-douce);display:block;margin-top:5px}.cp-documents em{font:13px var(--sans);padding:6px 8px;background:var(--papier-creux);color:var(--encre-douce)}.cp-documents i{font-style:normal;color:var(--rouge)}.cp-achats p{padding:14px 0;border-bottom:1px solid var(--bord)}.cp-achats b{font:600 17px var(--display);display:block}.cp-achats span{display:block;font:13px var(--sans);margin-top:8px}.cp-prix{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.cp-prix>div{background:var(--papier-creux);padding:25px}.cp-prix .cp-icone{color:var(--rouge);margin-bottom:12px}.cp-prix span{display:block;font:13px var(--sans)}.cp-prix strong{display:block;font:600 42px var(--display);margin-top:14px;white-space:nowrap}.cp-prix strong small{font:13px var(--sans);margin-left:6px}.cp-table-wrap{overflow:auto}.cp-body table{border-collapse:collapse;width:100%;font:13px var(--sans);text-align:left}.cp-body th,.cp-body td{padding:14px 12px;border-bottom:1px solid var(--bord)}.cp-body thead{background:var(--papier-creux)}.cp-espace{margin-top:30px}.cp-urgences{background:var(--navy);color:var(--papier-clair);padding:27px;margin-bottom:25px}.cp-urgences h3{color:inherit;margin-top:9px}.cp-urgences .cp-kicker{color:#efaa99}.cp-urgences>div:nth-child(2){display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}.cp-urgences>div>a{border-left:1px solid #ffffff44;padding-left:15px}.cp-urgences>div>a:hover{color:#efaa99}.cp-urgences b{display:block;font:600 38px var(--display)}.cp-urgences span{display:block;font:13px var(--sans);margin-top:5px}.cp-urgences>p{font:13px var(--sans);margin-top:22px;color:#d5dce5}.cp-urgences>p>a{text-decoration:underline}.cp-horaires{margin-top:20px}.cp-horaires>div{padding:13px 0;border-bottom:1px solid var(--bord)}.cp-horaires dt{font:600 13px var(--sans);margin-bottom:6px}.cp-horaires dd{font:13px/1.7 var(--sans);margin:0;color:var(--encre-douce)}.cp-horaires dd>small{font-size:13px}.cp-reseaux{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.cp-reseaux>a{background:var(--papier-clair);padding:20px;border:1px solid var(--bord);position:relative}.cp-reseaux span{font:13px var(--sans);text-transform:uppercase;color:var(--rouge)}.cp-reseaux b{display:block;font:600 19px var(--display);margin-top:10px}.cp-reseaux i{position:absolute;right:10px;top:10px;font-style:normal}
@media(max-width:1150px){.cp-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.cp-page{padding-inline:28px}.cp-nav>a{font-size:13px;padding-inline:10px;gap:9px}.cp-a-la-une{grid-template-columns:1fr}.cp-photo{min-height:240px}.cp-meteo{display:grid;grid-template-columns:1fr 1.2fr;gap:12px 20px;align-items:center}.cp-previsions{margin:0;grid-column:2;grid-row:1/3}.cp-meteo .cp-source{margin:0}.cp-vigilance{grid-column:1/-1;margin-top:0}.cp-raccourcis{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-raccourcis .cp-icone{margin-bottom:12px}.cp-comptes{gap:7px;grid-template-columns:1fr 12px 1fr 12px 1fr}.cp-compte{padding:18px 10px}.cp-compte>strong{font-size:27px}.cp-budget-grille{gap:25px}.cp-ecoles{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-tarif strong{font-size:23px}.cp-trois-points{gap:15px}.cp-prix strong{font-size:34px}.cp-reseaux{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-deux{gap:16px}.cp-carte{padding:20px}.cp-carte h3{font-size:23px}}
@media(max-width:850px){.cp-page{padding-inline:24px}.cp-ville{padding:28px 0}.cp-ville h1{font-size:78px}.cp-layout{display:block;padding-top:0}.cp-aside{position:sticky;top:0;z-index:9;background:var(--papier);padding:12px 0;border-bottom:1px solid var(--bord);margin-bottom:27px}.cp-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d3c7bb transparent;overscroll-behavior-x:contain;padding-bottom:5px}.cp-nav>a{flex:none;padding:13px 15px}.cp-nav>a>i{display:none}.cp-sidebar-note{display:none}.cp-panneau,.cp-dossier{scroll-margin-top:90px}.cp-a-la-une{grid-template-columns:1.3fr 1fr}.cp-photo{min-height:260px}.cp-meteo{display:block;padding:18px}.cp-previsions{margin-top:20px}.cp-meteo .cp-source{margin-top:15px}.cp-vigilance{margin-top:15px}.cp-reperes span{font-size:13px}.cp-raccourcis{grid-template-columns:repeat(4,minmax(0,1fr))}.cp-raccourcis>a{padding:16px 12px}.cp-raccourcis b{font-size:16px}.cp-compte>strong{font-size:32px}}
@media(max-width:600px){.cp-page{padding-inline:18px}.cp-ville{gap:15px;padding:25px 0 22px}.cp-ville h1{font-size:66px}.cp-ville>div>p:last-child{font-size:15px}.cp-edition{padding-right:10px;max-width:130px}.cp-edition>span{font-size:13px}.cp-edition>b{font-size:17px}.cp-edition>small{font-size:13px;line-height:1.6}.cp-goutte{font-size:20px;margin:12px 0 0 8px}.cp-kicker{font-size:13px;letter-spacing:.1em}.cp-tete h2{font-size:32px;line-height:1.15}.cp-tete>p:last-child:not(.cp-kicker){font-size:15px}.cp-a-la-une{grid-template-columns:1fr}.cp-photo{min-height:230px}.cp-photo>div{font-size:24px;padding:40px 20px 20px}.cp-meteo{display:grid;grid-template-columns:1fr 1.3fr;padding:17px;gap:10px}.cp-mini-entete h3{font-size:20px}.cp-mini-entete>.cp-icone{display:none}.cp-previsions{margin:0;gap:5px}.cp-previsions>div>span{font-size:13px}.cp-previsions small{font-size:13px}.cp-previsions .cp-icone{margin-block:8px;width:22px;height:22px}.cp-meteo .cp-source{margin:0;font-size:13px}.cp-vigilance{grid-column:1/-1;margin-top:3px}.cp-reperes{grid-template-columns:1fr 1.2fr .8fr;padding-block:16px}.cp-reperes p{padding-inline:10px}.cp-reperes b{font-size:23px}.cp-reperes span{font-size:13px;line-height:1.6;display:block;margin-top:5px}.cp-raccourcis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cp-raccourcis>a{padding:19px 16px}.cp-raccourcis b{font-size:18px}.cp-rendezvous-entete{gap:15px;align-items:start}.cp-rendezvous-entete>h3{font-size:24px}.cp-rendezvous-entete>.cp-lien{font-size:13px;flex:none}.cp-event{gap:15px;padding-block:19px}.cp-event h3{font-size:20px}.cp-event time{width:42px}.cp-editorial{padding:25px 20px;gap:15px}.cp-editorial>.cp-icone,.cp-editorial>div>.cp-icone{width:26px;height:26px}.cp-editorial h3{font-size:25px}.cp-editorial p:not(.cp-kicker){font-size:13px}.cp-deux{grid-template-columns:1fr}.cp-carte{padding:23px}.cp-carte h3{font-size:25px}.cp-carte .cp-grand{font-size:34px}.cp-dossier{padding:22px 18px}.cp-dossier>h3{font-size:27px}.cp-dossier-entete{display:block;font-size:13px}.cp-dossier-entete>span+span{display:block;margin-top:10px}.cp-tarif{gap:7px;grid-template-columns:1fr 15px 1fr;margin-block:20px}.cp-tarif>div{padding:15px 7px}.cp-tarif strong{font-size:22px;line-height:1.3}.cp-tarif small,.cp-tarif span{font-size:13px;line-height:1.6}.cp-alerte-douce{padding:15px}.cp-details summary{font-size:13px}.cp-simulateur{padding:17px}.cp-simulateur label{align-items:start;flex-direction:column;gap:12px}.cp-simulateur input{width:100%}.cp-simulateur output{font-size:25px}.cp-ecoles{gap:10px}.cp-ecoles article{padding:17px 13px}.cp-ecoles h4{font-size:19px}.cp-ecoles p{font-size:13px}.cp-frise-jour{gap:12px;flex-wrap:wrap}.cp-frise-jour b{font-size:18px}.cp-comptes{grid-template-columns:1fr;gap:10px}.cp-compte{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px}.cp-compte>span{min-height:0;max-width:140px}.cp-compte>strong{font-size:32px;grid-column:2;grid-row:1/3;margin:0}.cp-compte>small{margin-top:8px;font-size:13px;max-width:150px}.cp-operateur{line-height:1;font-size:18px}.cp-budget-grille{grid-template-columns:1fr;gap:25px}.cp-barre>div{font-size:13px}.cp-dette-graph{max-width:330px;margin-inline:auto}.cp-formule{grid-template-columns:1fr;gap:8px}.cp-formule>div{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:16px}.cp-formule b{margin:0;font-size:27px}.cp-formule span{max-width:130px}.cp-trois-points{grid-template-columns:1fr;gap:23px}.cp-trois-points>div{position:relative;padding-left:45px}.cp-trois-points>div>b{position:absolute;left:0;top:0;font-size:28px}.cp-trois-points h4{margin:0 0 8px}.cp-documents>a{gap:12px;flex-wrap:wrap}.cp-documents span{min-width:150px}.cp-documents em{margin-left:34px}.cp-documents i{margin-left:auto}.cp-prix{gap:10px}.cp-prix>div{padding:18px 12px}.cp-prix strong{font-size:30px}.cp-prix strong small{display:block;margin:5px 0 0}.cp-urgences{padding:23px 20px}.cp-urgences>div:nth-child(2){grid-template-columns:repeat(2,1fr);gap:25px}.cp-urgences h3{font-size:25px}.cp-urgences>p{line-height:1.8}.cp-reseaux{gap:10px}.cp-reseaux>a{padding:18px 14px}.cp-reseaux b{font-size:18px}.cp-badge{font-size:13px;max-width:110px}.cp-nav>a{font-size:13px;padding:12px}.cp-nav .cp-icone{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* La carte garde le papier et l’encre de la page. */

@media(max-width:600px){.cp-ville{gap:12px;align-items:center}.cp-ville>div:first-child{min-width:0}.cp-ville h1{font-size:clamp(50px,16vw,64px);white-space:nowrap;display:inline-block;position:relative}.cp-goutte{position:absolute;left:100%;top:.14em;margin:0 0 0 5px;font-size:14px}.cp-edition{flex:none;width:85px;padding-right:8px}.cp-edition>b{font-size:14px}.cp-edition>small{font-size:13px}.cp-editorial{display:block}.cp-editorial>.cp-icone{margin-bottom:12px}.cp-editorial h3{font-size:25px}}

/* Lecture : une hiérarchie partagée par toutes les rubriques. */
.cp-body h3{line-height:1.35;letter-spacing:-.015em;font-weight:500}.cp-body h4{line-height:1.4;font-weight:500}
.cp-tete h2{font-weight:500;line-height:1.2;letter-spacing:-.03em}.cp-tete>p:last-child:not(.cp-kicker){font-size:17px;line-height:1.8}
.cp-kicker{font-size:12px;letter-spacing:.07em;font-weight:600}.cp-lien{font-size:14px;line-height:1.65;min-height:32px;padding-block:5px}
.cp-body .cp-note{font-size:14px!important;line-height:1.75!important}.cp-body .cp-carte p{font-size:16px}.cp-body .cp-carte{padding:28px 0}.cp-carte-titre{margin-bottom:22px;gap:15px}.cp-carte-titre>.cp-icone{width:40px;height:40px;padding:9px;background:var(--papier-creux);border-radius:50%;flex:none}
.cp-carte .cp-grand{font:600 31px/1.25 var(--sans);margin:20px 0}.cp-grand>span{font-size:15px;line-height:1.65;margin-top:12px}.cp-carte .cp-nom{font-size:28px}
.cp-details summary{font-size:15px;min-height:58px;padding-block:19px}.cp-details>div{font-size:16px;padding-bottom:26px}
.cp-source{font:13px/1.65 var(--sans);margin-top:22px;color:var(--encre-douce)}.cp-source summary{cursor:pointer;padding:8px 0;min-height:36px}.cp-source>div{margin-top:7px}.cp-source>div>span{display:block;margin-top:6px}.cp-source a{text-decoration:underline;text-underline-offset:3px}
.cp-nav>a{font-size:15px;line-height:1.4;padding:14px 12px}.cp-nav>a[aria-selected=true]{box-shadow:0 5px 14px #16263b10}.cp-nav .cp-icone{width:21px;height:21px}.cp-nav>a>i{display:none}
.cp-raccourcis b{font:600 16px/1.4 var(--sans)}.cp-raccourcis span{font:14px/1.6 var(--sans);margin-top:9px}.cp-raccourcis .cp-icone{margin-bottom:16px}.cp-raccourcis>a:hover{background:var(--papier-creux)}
.cp-event h3{font-size:24px;line-height:1.4;max-width:45ch}.cp-event p{font-size:14px}.cp-event{padding-block:24px;gap:22px}.cp-event time{border:0;border-radius:12px;width:58px;padding:10px 5px;background:#ede6da}.cp-event time>b{font:600 27px var(--sans)}.cp-event time>span{font:13px var(--sans);text-transform:none}
.cp-reperes{margin-top:42px}.cp-reperes b{font:600 24px var(--sans)}.cp-reperes span{font-size:14px;display:block;margin-top:8px}
.cp-bienvenue{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-bottom:35px}.cp-bienvenue .cp-tete{margin:0}.cp-bienvenue .cp-tete h2{font-size:42px}.cp-bienvenue .cp-meteo{display:block}.cp-bienvenue .cp-previsions{margin-top:22px}.cp-bienvenue .cp-mini-entete h3{font-size:24px}.cp-bienvenue .cp-previsions strong{font:600 30px var(--sans)}.cp-bienvenue .cp-previsions small{font-size:12px;line-height:1.4}.cp-bienvenue .cp-vigilance{margin-top:18px;padding-top:16px;font-size:13px}.cp-bienvenue .cp-source{margin-top:15px;font-size:12px}.cp-bienvenue .cp-source>span{font-size:12px}
.cp-ville{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;min-height:380px;border:0;padding:40px 0 18px;align-items:center}.cp-ville h1{font:500 clamp(64px,7vw,100px)/1.15 var(--serif);letter-spacing:-.04em;margin:8px 0 12px}.cp-ville-mots>p:not(.cp-kicker){font:400 22px/1.5 var(--serif);color:var(--navy)}.cp-ville-souffle{display:block;font:16px/1.8 var(--sans);color:var(--encre-douce);margin-top:18px}.cp-goutte{font-size:20px;margin-top:24px}
.cp-ville-paysage{position:relative;padding:0 10px 20px 40px;min-width:0}.cp-ville-panorama{display:block;width:100%;height:310px;object-fit:cover;object-position:50% 46%;border-radius:110px 24px 90px 24px}.cp-ville-detail{position:absolute;bottom:0;left:-15px;width:158px;height:185px;object-fit:cover;border:7px solid var(--papier);border-radius:80px 80px 24px 24px;transform:rotate(-5deg)}.cp-ville-legende{position:absolute;bottom:40px;right:38px;color:#fff;font:italic 18px var(--serif);text-shadow:0 1px 6px #16263b}
.cp-credits-photos{font:12px/1.7 var(--sans);color:var(--encre-douce);text-align:right;margin-bottom:18px}.cp-credits-photos summary{cursor:pointer;padding:8px 0}.cp-credits-photos p{padding:12px;background:var(--papier-clair);border-radius:12px}.cp-credits-photos a{text-decoration:underline}
.cp-balade{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;margin:52px 0}.cp-balade>img{width:100%;height:300px;object-fit:cover;border-radius:120px 20px 20px 20px}.cp-balade h3{font-size:31px;margin:12px 0 18px}.cp-balade figcaption>p:not(.cp-kicker){font-size:16px;color:var(--encre-douce)}
.cp-editorial{margin-block:38px;padding:34px;gap:24px}.cp-editorial p:not(.cp-kicker){font-size:16px;line-height:1.8}.cp-editorial h3{font-size:29px;line-height:1.35}.cp-editorial .cp-lien{font-size:14px}
.cp-documents b{font-size:16px}.cp-documents small{font-size:14px;line-height:1.7}.cp-documents>a{padding-block:22px}.cp-barre>div{font-size:14px}.cp-barre small{font-size:13px}.cp-barres{gap:24px}.cp-budget-grille{gap:38px;margin-top:40px}.cp-trois-points p{font-size:15px;line-height:1.8}.cp-prix>div,.cp-simulateur,.cp-itineraire,.cp-tarif>div{border-radius:14px}.cp-tarif strong{font-family:var(--sans);font-size:25px}.cp-tarif small{font-size:13px}.cp-ecoles article>span{font-size:13px;text-transform:none}.cp-ecoles h4{font-size:23px}.cp-ecoles p,.cp-ecoles a{font-size:15px}.cp-contact-ligne{font-size:14px;padding-block:18px}.cp-reseaux>a{border:0;border-radius:14px;padding:24px}.cp-reseaux span{font-size:13px;text-transform:none}.cp-reseaux b{font:600 18px/1.4 var(--sans)}.cp-urgences{border-radius:20px}.cp-horaires dt,.cp-horaires dd{font-size:15px;line-height:1.8}
@media(max-width:1150px){.cp-layout{grid-template-columns:205px minmax(0,1fr);gap:35px}.cp-bienvenue{grid-template-columns:1fr}.cp-bienvenue .cp-meteo{max-width:600px}.cp-raccourcis{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-deux{gap:10px 28px}.cp-ville{gap:20px}.cp-ville-detail{width:135px;height:155px;left:0}.cp-ville-legende{font-size:16px;right:25px}}
@media(max-width:850px){.cp-layout{display:block}.cp-aside{margin-bottom:34px}.cp-nav>a{font-size:14px;padding:13px 15px}.cp-ville{grid-template-columns:.85fr 1.15fr;min-height:320px;gap:20px}.cp-ville-panorama{height:260px}.cp-ville-paysage{padding-left:15px}.cp-ville-detail{width:105px;height:130px;left:-10px}.cp-ville-legende{display:none}.cp-ville-souffle{font-size:14px}.cp-ville h1{font-size:72px}.cp-bienvenue{grid-template-columns:1fr 1fr;gap:28px}.cp-bienvenue .cp-tete h2{font-size:35px}}
@media(max-width:600px){.cp-ville{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:28px 0 0}.cp-ville h1{font-size:66px}.cp-ville-mots>p:not(.cp-kicker){font-size:21px}.cp-ville-souffle{display:none}.cp-ville-paysage{padding:0 0 16px 28px}.cp-ville-panorama{height:220px;border-radius:80px 20px 65px 20px}.cp-ville-detail{width:115px;height:135px;left:0;border-width:5px}.cp-goutte{font-size:14px;top:.3em}.cp-credits-photos{text-align:left;margin-bottom:4px;font-size:12px}.cp-aside{margin-bottom:28px}.cp-nav>a{font-size:14px}.cp-bienvenue{grid-template-columns:1fr;gap:24px}.cp-bienvenue .cp-tete h2{font-size:34px}.cp-bienvenue .cp-meteo{padding:24px}.cp-raccourcis{gap:12px}.cp-raccourcis>a{padding:20px 16px}.cp-raccourcis b{font-size:16px}.cp-raccourcis span{font-size:13px}.cp-event h3{font-size:22px}.cp-event{gap:17px}.cp-event time{width:53px}.cp-reperes{grid-template-columns:1fr;gap:16px;border:0}.cp-reperes p{padding:0 0 15px!important;border:0!important;border-bottom:1px solid var(--bord)!important;display:flex;gap:18px;align-items:center}.cp-reperes b{min-width:90px}.cp-reperes span{margin:0;font-size:14px}.cp-deux{grid-template-columns:1fr;gap:12px}.cp-body .cp-carte{padding:26px 0}.cp-dossier{padding:26px 20px;border-radius:18px;margin-block:28px}.cp-tete h2{font-size:33px}.cp-tete>p:last-child:not(.cp-kicker){font-size:16px}.cp-dossier>h3{font-size:26px}.cp-dossier>p{font-size:16px}.cp-tarif strong{font-size:19px}.cp-tarif span,.cp-tarif small{font-size:12px}.cp-simulateur label{font-size:15px}.cp-ecoles{grid-template-columns:1fr}.cp-ecoles article{padding:22px 0}.cp-balade{grid-template-columns:1fr;gap:24px;margin-block:35px}.cp-balade>img{height:260px}.cp-editorial{padding:28px 22px}.cp-editorial h3{font-size:26px}.cp-editorial p:not(.cp-kicker){font-size:15px}.cp-rendezvous-entete>.cp-lien{font-size:14px}.cp-rendezvous-entete{align-items:center;flex-wrap:wrap}.cp-compte>span,.cp-compte>small{font-size:13px}.cp-compte>strong{font-family:var(--sans);font-size:28px}.cp-budget-grille{grid-template-columns:1fr}.cp-prix strong{font-family:var(--sans);font-size:27px}.cp-prix strong small{font-size:14px}.cp-reseaux{grid-template-columns:1fr}.cp-details summary{font-size:15px}}

/* Carte : commandes lisibles, légende liée aux couches, fond IGN détaillé. */

/* Les commerces se parcourent comme un carnet d'adresses. */
.cp-commerce-recherche{margin:26px 0 22px}.cp-commerce-recherche>label{display:block;font:600 15px var(--sans);margin-bottom:12px}.cp-commerce-recherche>div{display:flex;gap:12px}.cp-commerce-recherche input{min-width:0;flex:1;border:1px solid var(--bord);border-radius:14px;padding:15px 18px;background:var(--papier-clair);font:16px var(--sans);color:var(--navy)}.cp-commerce-categories{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:27px}.cp-commerce-categories button{cursor:pointer;background:transparent;border:1px solid var(--bord);border-radius:25px;padding:11px 16px;font:14px/1.4 var(--sans);color:var(--navy);min-height:44px}.cp-commerce-categories [aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.cp-commerce-entete{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:20px 0}.cp-commerce-entete>p{font:14px/1.7 var(--sans);color:var(--encre-douce)}.cp-commerce-liste{min-height:30px}.cp-commerce-liste[aria-busy=true]:empty{height:120px;background:linear-gradient(110deg,var(--papier-creux),var(--papier-clair));border-radius:16px}.cp-commerce{display:flex;gap:22px;align-items:start;padding:30px 0;border-top:1px solid var(--bord)}.cp-commerce-avatar{display:grid;place-items:center;background:#ece7db;color:var(--rouge);width:62px;height:68px;border-radius:30px 30px 14px 14px;flex:none;font:500 29px var(--serif)}.cp-commerce:nth-child(3n+2) .cp-commerce-avatar{background:#e7eadb;color:#42684e}.cp-commerce:nth-child(3n+3) .cp-commerce-avatar{background:#f0dfd7;color:#a34d30}.cp-commerce-contenu{min-width:0;flex:1}.cp-commerce-type{font:13px var(--sans);color:var(--encre-douce);margin-bottom:7px}.cp-commerce h3{font:600 23px/1.4 var(--sans);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 8px}.cp-commerce h3 a>span{font-size:16px;color:var(--rouge)}.cp-commerce-adresse{font:15px/1.7 var(--sans);color:var(--encre-douce)}.cp-commerce-reputation{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:14px var(--sans);margin-top:15px}.cp-commerce-note{font:700 16px var(--sans);color:#704600;background:#f0e7cb;padding:6px 10px;border-radius:8px}.cp-commerce-note>span:first-child{color:#946415}.cp-commerce-ouvert{font:14px var(--sans);margin-top:13px;color:var(--encre-douce)}.cp-commerce-ouvert.est-ouvert{color:#386044}.cp-commerce-ouvert.est-ouvert:before{content:'';display:inline-block;width:7px;height:7px;background:#4b7958;border-radius:50%;margin-right:7px}.cp-commerce-actions{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:15px}.cp-commerce-actions>a{font:600 14px var(--sans);color:var(--navy);border-bottom:1px solid var(--bord);padding-block:9px;min-height:38px}.cp-commerce-horaires{margin-top:15px;font:14px/1.8 var(--sans);color:var(--encre-douce)}.cp-commerce-horaires summary{cursor:pointer;padding:8px 0;min-height:40px}.cp-commerce-horaires ul{padding-left:20px;margin-top:12px}.cp-commerce-plus{display:flex;margin:22px auto 30px}.cp-commerce-reessayer{background:transparent;border:0;cursor:pointer}.cp-commerce-guide{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px;background:var(--papier-creux);border-radius:18px;margin:30px 0}.cp-commerce-guide p{font-size:15px;margin-top:12px;color:var(--encre-douce)}.cp-commerce-guide>.cp-lien{flex:none}.cp-commerce-guide h3{font-size:25px}
@media(max-width:600px){.cp-commerce-recherche>div{flex-direction:column}.cp-commerce-recherche button{justify-content:center}.cp-commerce-categories{gap:8px}.cp-commerce-categories button{font-size:14px;padding:10px 13px}.cp-commerce-entete{align-items:start;gap:12px}.cp-commerce{gap:15px;padding-block:25px}.cp-commerce-avatar{width:44px;height:52px;font-size:24px}.cp-commerce h3{font-size:21px}.cp-commerce-adresse{font-size:14px}.cp-commerce-reputation{gap:8px}.cp-commerce-guide{display:block;padding:24px}.cp-commerce-guide>.cp-lien{margin-top:18px}}

.cp-badge{border:0;border-radius:20px;background:var(--papier-creux);font-size:13px;text-transform:none;letter-spacing:0;max-width:none!important;padding:8px 12px}.cp-filtre-label{font-size:15px;flex-wrap:wrap}.cp-filtre-label select{font-size:16px;border-radius:10px;min-height:46px}.cp-body .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.cp-annuaire-guide{margin-top:38px;scroll-margin-top:100px}.cp-annuaire-guide>summary{padding:24px 0}.cp-annuaire-guide>summary>span:first-child{transform:none!important;color:var(--navy);font-size:17px}.cp-annuaire-guide summary small{display:block;font:14px var(--sans);color:var(--encre-douce);margin-top:7px}.cp-annuaire-recherche{display:block;font:600 15px var(--sans);margin:24px 0 15px}.cp-annuaire-recherche input{display:block;width:100%;padding:15px;background:var(--papier-clair);border:1px solid var(--bord);border-radius:12px;font:16px var(--sans);margin-top:10px}.cp-guide-liste article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--bord)}.cp-guide-liste h4{font:600 18px/1.5 var(--sans);margin:7px 0}.cp-guide-liste p{font:14px/1.65 var(--sans);margin:0}.cp-guide-liste .cp-lien{background:transparent;border:0;cursor:pointer;text-align:left;font-size:14px}.cp-guide-actions{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}.cp-guide-actions a{font:14px var(--sans);text-decoration:underline;padding-block:6px}.cp-annuaire-guide [data-guide-plus]{display:flex;margin:25px auto 0}.cp-commerce-acces-guide{margin-bottom:24px}
@media(max-width:600px){.cp-guide-liste article{display:block}.cp-guide-liste article>.cp-lien{margin-top:12px;padding-inline:0}}

/* Une idée à la fois : le vocabulaire courant précède le document technique. */
.cp-panneau:focus{outline:none}
.cp-navigation-mobile{display:none}
.cp-nav>a{padding:11px 12px;min-height:44px}
.cp-sidebar-note{margin-top:24px}
.cp-aside{max-height:calc(100dvh - 42px);overflow:auto;scrollbar-width:thin}
.cp-sommaire{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}
.cp-sommaire a,.cp-filtres-air button{border:1px solid var(--bord);border-radius:24px;padding:10px 16px;font:600 14px/1.5 var(--sans);background:var(--papier-clair);color:var(--navy);cursor:pointer}
.cp-sommaire a:hover,.cp-filtres-air [aria-pressed=true]{background:var(--navy);color:var(--papier-clair)}
.cp-explication{margin:40px 0 48px;padding-top:34px;border-top:1px solid var(--bord);scroll-margin-top:26px}
.cp-explication>h3{font-size:clamp(28px,3vw,37px);line-height:1.2;margin:12px 0 20px;letter-spacing:-.025em}
.cp-explication>p,.cp-questions-claires p{max-width:70ch}
.cp-chapeau{font-size:18px!important;line-height:1.7!important;color:var(--encre-douce);max-width:62ch!important}
.cp-en-clair{padding:22px 26px;background:#edeede;border-radius:18px;margin:24px 0 30px}
.cp-en-clair>b{display:block;font:700 14px var(--sans);color:#435746;margin-bottom:9px}
.cp-en-clair p{margin:0;font-size:17px;line-height:1.65}
.cp-en-clair a{margin-top:15px}
.cp-pas-a-pas{list-style:none;padding:0;margin:30px 0 36px}
.cp-pas-a-pas>li{display:flex;gap:23px;margin:0;padding:23px 0;align-items:start}
.cp-pas-a-pas>li>span{display:grid;place-items:center;flex:none;width:40px;height:45px;border-radius:22px 22px 12px 12px;background:#eee1d6;color:#8a4e31;font:500 24px var(--display)}
.cp-pas-a-pas h4{font:600 22px/1.3 var(--display);margin:5px 0 12px}
.cp-pas-a-pas p{font-size:17px;max-width:62ch;margin:0 0 10px}
.cp-pas-a-pas small,.cp-questions-claires small,.cp-suivi small{font:14px/1.7 var(--sans);color:var(--encre-douce);display:block;max-width:70ch}
.cp-base-visuelle{max-width:470px;padding:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:9px;font:14px var(--sans)}
.cp-base-visuelle>span{grid-column:1/-1;color:var(--encre-douce)}
.cp-base-visuelle i{display:block;grid-column:1/-1;background:#e7dfd1;height:18px;border-radius:10px;overflow:hidden}
.cp-base-visuelle b{display:block;width:var(--part);height:100%;background:#9c4e36;border-radius:10px}
.cp-base-visuelle>strong{grid-column:1/-1;color:#8a4e31;font-weight:600}
.cp-calcul-simple{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px;background:var(--papier-clair);border:1px solid var(--bord);border-radius:20px;align-items:start}
.cp-calcul-simple h4{font-size:24px;margin:12px 0}
.cp-calcul-simple p{font-size:16px}
.cp-calcul-simple .cp-simulateur{background:transparent;border:0;padding:0;margin:0;display:block}
.cp-calcul-simple .cp-simulateur input{display:block;width:100%;border-radius:12px;background:var(--papier);margin-top:10px;font:600 22px var(--sans);min-height:54px}
.cp-calcul-simple .cp-simulateur label{display:block;font:600 14px/1.5 var(--sans)}
.cp-calcul-simple .cp-simulateur>p{margin:20px 0 12px}
.cp-calcul-simple output{font:600 35px var(--display);color:#8a4e31;display:inline-block;margin-top:6px}
.cp-questions-claires{display:grid;grid-template-columns:1fr 1fr;gap:30px 38px;margin:36px 0}
.cp-questions-claires h4{margin:0 0 12px;font-size:23px}
.cp-questions-claires p{font-size:16px}
.cp-references{padding-top:20px;margin-top:35px;border-top:1px solid var(--bord);color:var(--encre-douce);font:13px/1.65 var(--sans)}
.cp-references h3{font:600 14px/1.5 var(--sans);margin:0 0 12px;color:var(--encre-douce)}
.cp-references ul{list-style:none;padding:0;display:grid;gap:12px}
.cp-references li>span{display:block;margin-top:3px}
.cp-references a{color:#56636a;text-decoration:underline;text-decoration-color:#9fa6a4;text-underline-offset:3px;overflow-wrap:anywhere}
.cp-references p,.cp-references small{font:13px/1.65 var(--sans)}
.cp-constats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:30px 0 40px}
.cp-constats>div{padding-top:20px;border-top:2px solid #c9b79f}
.cp-constats>div>span{font:500 28px var(--display);color:#947a5c}
.cp-constats h4{font-size:23px;margin:14px 0}
.cp-constats p{font-size:16px}
.cp-suivi{background:#eef0e6;border-radius:20px;padding:28px;margin:30px 0;scroll-margin-top:26px}
.cp-suivi>h4{font:500 28px/1.3 var(--display);margin:12px 0 20px}
.cp-suivi-jauge{display:flex;gap:6px;height:10px;margin:25px 0}
.cp-suivi-jauge i{flex:1;background:#50725b;border-radius:6px}.cp-suivi-jauge i.partiel{background:#b3935b}
.cp-suivi-liste{list-style:none;padding:0;margin:0 0 22px}
.cp-suivi-liste li{display:grid;grid-template-columns:94px 1fr;gap:18px;padding:18px 0;border-top:1px solid #d6ddca;align-items:start}
.cp-suivi-liste li>span{font:700 12px var(--sans);padding:6px 8px;border-radius:15px;text-align:center;background:#dce7d8;color:#35563d}
.cp-suivi-liste li>span.partiel{background:#eee3c9;color:#6b542a}
.cp-suivi-liste b{font:600 17px var(--sans)}
.cp-suivi-liste p{margin-top:8px;font-size:15px}
.cp-conseil-entete{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}
.cp-conseil-entete>article{padding:25px;border-radius:20px;background:var(--papier-clair);border:1px solid var(--bord)}
.cp-conseil-entete>article:last-child{background:#e9ecdf;border:0}
.cp-conseil-entete h3{font-size:30px;margin:14px 0}
.cp-conseil-entete p{font-size:16px}
.cp-conseil-entete .cp-lien{margin-top:16px;line-height:1.7}
.cp-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:30px 0;padding:24px 0;border-block:1px solid var(--bord)}
.cp-roles b{font:600 17px var(--sans)}.cp-roles p{font-size:15px;margin-top:10px}
.cp-elus-reperes{padding:0;list-style:none;margin:0}
.cp-elus-reperes li{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid var(--bord);font:14px/1.5 var(--sans)}
.cp-elus-reperes b{text-align:right;font-weight:600}
.cp-recherche-claire{display:block;font:600 14px/1.5 var(--sans);margin:24px 0 14px}
.cp-recherche-claire input{display:block;width:100%;font:16px var(--sans);min-height:49px;padding:13px 16px;border:1px solid var(--bord);border-radius:12px;background:var(--papier-clair);color:var(--navy);margin-top:9px}
.cp-decisions>article{display:flex;gap:23px;padding:24px 0;border-bottom:1px solid var(--bord)}
.cp-decision-num{font:500 26px var(--display);color:#9b876e;min-width:30px}
.cp-decisions h4{font-size:24px;margin:8px 0 12px}
.cp-decisions p{font-size:16px;max-width:70ch}
.cp-decisions .cp-decision-vote{font:600 13px/1.6 var(--sans);color:#43614b;margin:12px 0 8px}
.cp-decisions small{font:14px/1.7 var(--sans);display:block;color:var(--encre-douce);max-width:72ch}
.cp-projets-editoriaux{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}
.cp-projets-editoriaux article{padding:25px;background:#eeeee1;border-radius:20px}.cp-projets-editoriaux article+article{background:#ede4d8}
.cp-projets-editoriaux h3{margin:14px 0 20px;font-size:28px}
.cp-projets-editoriaux strong{display:block;font:500 35px var(--display);margin:15px 0}
.cp-projets-editoriaux strong small{font:15px var(--sans)}
.cp-projets-editoriaux p{font-size:16px}.cp-projets-editoriaux>article>small{font:14px/1.7 var(--sans);display:block;margin-top:14px;color:var(--encre-douce)}
.cp-financement{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:20px 0;margin:20px 0;border-block:1px solid var(--bord)}
.cp-financement span{display:block;font:14px/1.6 var(--sans)}.cp-financement b{display:block;font:500 28px var(--display);margin-top:10px}
.cp-contrats>article,.cp-marches-registre>article{display:flex;justify-content:space-between;gap:30px;padding:25px 0;border-bottom:1px solid var(--bord);align-items:start}
.cp-contrats h4,.cp-marches-registre h4{font:500 23px/1.4 var(--display);margin:10px 0}
.cp-contrats strong,.cp-marches-registre strong{font:600 20px var(--sans);white-space:nowrap}
.cp-contrats p,.cp-marches-registre p{font-size:15px}.cp-contrats small,.cp-marches-registre small{font:13px/1.6 var(--sans);color:var(--encre-douce)}
.cp-marches-registre{margin-bottom:25px}.cp-marches-registre h4{font:600 17px/1.6 var(--sans);overflow-wrap:anywhere;margin:0 0 8px}
.cp-marches-registre strong{font-size:16px}
.cp-anomalie{border-left:3px solid #a67b47;padding:20px 25px;background:#f0e9da;border-radius:0 16px 16px 0;margin:35px 0}
.cp-anomalie h3{font-size:29px;margin:10px 0 18px}.cp-anomalie p{font-size:16px;margin-top:12px}
.cp-document-actions{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:12px}.cp-document-actions a{font:600 14px/1.6 var(--sans);border-bottom:1px solid #afb6b1;padding-block:6px}
.cp-lecteur{border:1px solid var(--bord);background:var(--papier-clair);border-radius:20px;padding:25px;margin:30px 0;scroll-margin-top:20px}
.cp-lecteur-entete{display:flex;gap:25px;align-items:start;justify-content:space-between}.cp-lecteur-entete h3{font-size:29px;margin:12px 0 18px}
.cp-lecteur-entete>button{flex:none;background:none;border:0;padding:5px;cursor:pointer;font-size:14px}
.cp-lecteur-outils{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;margin:20px 0}.cp-lecteur-outils>div{display:flex;gap:8px}
.cp-lecteur-outils button,.cp-lecture-pagination button{border:1px solid var(--bord);background:var(--papier);color:var(--navy);border-radius:22px;min-height:44px;padding:9px 15px;font:600 14px/1.5 var(--sans);cursor:pointer}
.cp-lecteur-outils button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}
.cp-lecture-pages{margin:18px 0;min-height:180px}.cp-lecture-pages pre{font:16px/1.8 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;padding:18px 20px;background:#fdfbf6;border-radius:14px;tab-size:2}
.cp-lecture-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font:14px var(--sans)}
.cp-lecture-pagination button:disabled{opacity:.45;cursor:default}
.cp-pdf-outils{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.cp-pdf-outils button{font:600 13px var(--sans);border:1px solid var(--bord);border-radius:20px;background:var(--papier);color:var(--navy);padding:10px 12px;min-height:44px;cursor:pointer}.cp-pdf-outils button:disabled{opacity:.45;cursor:default}.cp-pdf-outils input{width:65px;padding:8px;border:1px solid var(--bord);border-radius:8px;font:16px var(--sans)}.cp-pdf-page{overflow:auto;max-height:75dvh;background:#e8e5de;border-radius:12px;min-height:180px}.cp-pdf-page canvas{display:block;width:100%;height:auto}.cp-pdf-page.est-agrandi canvas{width:max(200%,900px);max-width:none}.cp-pdf-page:focus-visible{outline:2px solid var(--rouge)}
.cp-balade-air{margin:20px 0 35px}.cp-filtres-air{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.cp-balades-liste>article{display:flex;gap:25px;padding:30px 0;border-bottom:1px solid var(--bord)}
.cp-balade-num{font:500 32px var(--display);color:#897653;min-width:35px}
.cp-balades-liste h3{font-size:28px;margin:0 0 15px}
.cp-balade-reperes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.cp-balade-reperes span{font:600 13px var(--sans);background:#e9ecdf;color:#465b46;border-radius:14px;padding:7px 11px}
.cp-balades-liste p{max-width:65ch}.cp-balades-liste small{display:block;font:14px/1.7 var(--sans);max-width:72ch;color:var(--encre-douce);margin:12px 0}
.cp-balades-liste .cp-lien{margin-top:7px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.cp-petits-secrets{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0}.cp-petits-secrets h4{font-size:23px;margin-bottom:14px}.cp-petits-secrets p{font-size:16px}
.cp-bonnes-adresses{margin:40px 0}.cp-bonnes-adresses>h3{font-size:30px;margin:12px 0 18px}.cp-adresses-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}
.cp-adresses-selection article{padding:22px 0;border-top:2px solid #b4bfa6}.cp-adresses-selection h4{font-size:25px;margin:12px 0 15px}.cp-adresses-selection p{font-size:15px}
.cp-adresses-selection button{border:0;background:none;color:var(--navy);padding:12px 0;cursor:pointer;margin-top:12px;text-align:left;font:600 14px var(--sans);text-decoration:underline;text-underline-offset:4px}
.cp-voisins{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cp-voisins h4{font-size:24px;margin-bottom:14px}.cp-voisins p{font-size:16px}.cp-voisins a{display:block;font-size:14px;margin-top:12px}
.cp-decouvertes-accueil{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.cp-decouvertes-accueil a{padding:20px 0;border-block:1px solid var(--bord)}.cp-decouvertes-accueil span{font:13px var(--sans);color:#795841;display:block;margin-bottom:10px}.cp-decouvertes-accueil b{font:500 23px/1.35 var(--display)}
/* L'agenda local reprend le rythme d'un carnet, sans bouton-flèche. */
.cp-event{display:grid;grid-template-columns:66px 46px minmax(0,1fr);align-items:center;gap:16px;padding:16px 0}
.cp-event-image{width:66px;height:66px;object-fit:cover;border-radius:14px;mix-blend-mode:multiply}
.cp-event time{background:transparent;padding:0;min-width:0;min-height:0;width:auto;text-align:center;border:0}
.cp-event time b{font:500 26px/1.1 var(--display)}.cp-event time span{font:13px var(--sans)}
.cp-event h3{font:500 21px/1.3 var(--display);margin:0 0 6px}.cp-event h3 a{display:inline;text-decoration:underline;text-decoration-color:#b3b7ae;text-underline-offset:4px}
.cp-event p{font:13px/1.5 var(--sans);margin:0;color:var(--encre-douce)}
@media(max-width:1150px){.cp-constats,.cp-petits-secrets,.cp-adresses-selection{grid-template-columns:1fr}.cp-constats>div{display:grid;grid-template-columns:38px 1fr;gap:10px 15px}.cp-constats h4{margin:0}.cp-constats p{grid-column:2}.cp-calcul-simple{grid-template-columns:1fr}.cp-roles{gap:18px}.cp-roles b{font-size:16px}.cp-elus-reperes li{display:block}.cp-elus-reperes b{display:block;text-align:left;margin-top:4px}.cp-contrats strong{font-size:17px}.cp-financement{gap:15px}.cp-financement b{font-size:23px}}
@media(max-width:850px){.cp-aside{max-height:none;overflow:visible}.cp-navigation-mobile{display:flex;justify-content:space-between;gap:14px;align-items:center;font:600 14px var(--sans);padding:12px 0}.cp-navigation-mobile select{min-width:0;max-width:72%;font:600 16px var(--sans);padding:12px 28px 12px 14px;border:1px solid var(--bord);border-radius:12px;background:var(--papier-clair);color:var(--navy)}.cp-panneaux[data-interactif]~.cp-nav{display:none}.cp-body:has(.cp-panneaux[data-interactif]) .cp-nav{display:none}.cp-aside{background:var(--papier);z-index:5}.cp-navigation-mobile{display:none}.cp-body:has(.cp-panneaux[data-interactif]) .cp-navigation-mobile{display:flex}}
@media(max-width:600px){.cp-conseil-entete,.cp-questions-claires,.cp-projets-editoriaux,.cp-voisins{grid-template-columns:1fr}.cp-explication{margin:30px 0 35px;padding-top:26px}.cp-en-clair{padding:20px}.cp-en-clair p{font-size:16px}.cp-pas-a-pas>li{gap:15px;padding:18px 0}.cp-pas-a-pas>li>span{width:30px;height:35px;font-size:21px}.cp-pas-a-pas h4{font-size:22px}.cp-pas-a-pas p{font-size:16px}.cp-calcul-simple{padding:21px;gap:22px}.cp-questions-claires{gap:27px}.cp-suivi{padding:20px}.cp-suivi-liste li{grid-template-columns:1fr;gap:11px}.cp-suivi-liste li>span{width:max-content}.cp-roles{grid-template-columns:1fr;gap:20px}.cp-roles p{margin-top:6px}.cp-conseil-entete>article{padding:22px}.cp-constats{gap:18px}.cp-constats>div{grid-template-columns:32px 1fr}.cp-constats h4{font-size:22px}.cp-decisions>article{gap:13px}.cp-decision-num{font-size:22px;min-width:25px}.cp-decisions h4{font-size:22px}.cp-financement{grid-template-columns:1fr;gap:15px}.cp-financement>div{display:flex;gap:15px;align-items:center;justify-content:space-between}.cp-financement b{margin:0;white-space:nowrap}.cp-contrats>article,.cp-marches-registre>article{display:block}.cp-contrats strong,.cp-marches-registre strong{display:block;margin-top:14px}.cp-anomalie{padding:18px}.cp-lecteur{padding:18px}.cp-lecteur-entete{display:block}.cp-lecteur-entete>button{padding:8px 0;margin-bottom:10px}.cp-lecteur-outils{display:block}.cp-lecteur-outils>div{flex-wrap:wrap;margin-bottom:13px}.cp-lecture-pagination{flex-wrap:wrap;justify-content:center}.cp-lecture-pagination button{font-size:13px;padding:9px 12px}.cp-lecture-pages pre{padding:14px;font-size:15px;max-height:480px}.cp-balades-liste>article{gap:15px}.cp-balade-num{font-size:25px;min-width:25px}.cp-balades-liste h3{font-size:25px}.cp-balade-reperes{gap:6px}.cp-balade-reperes span{font-size:12px;padding:7px 9px}.cp-decouvertes-accueil{grid-template-columns:1fr;gap:0}.cp-decouvertes-accueil a+a{border-top:0}.cp-decouvertes-accueil b{font-size:22px}.cp-event{grid-template-columns:50px 36px minmax(0,1fr);gap:10px;padding:14px 0}.cp-event-image{width:50px;height:56px;border-radius:12px}.cp-event h3{font-size:19px}.cp-event time b{font-size:23px}.cp-event time span{font-size:12px}.cp-event p{font-size:12px}.cp-references{font-size:12px}.cp-references p,.cp-references small{font-size:12px}}
@media print{.cp-nav,.cp-navigation-mobile,.cp-filtres-air{display:none!important}.cp-panneau[hidden]{display:none!important}.cp-references{break-inside:avoid}}
/* Cadastre : une recherche, un plan, une fiche sur le terrain sélectionné. */
.cp-event{grid-template-columns:78px 46px minmax(0,1fr)}.cp-event-image{width:78px;height:96px;object-fit:contain;mix-blend-mode:normal;background:#eee7dc;border-radius:12px}.cp-event-sans-image{grid-template-columns:46px minmax(0,1fr)}
@media(max-width:600px){.cp-event{grid-template-columns:58px 36px minmax(0,1fr)}.cp-event-image{width:58px;height:76px}.cp-event-sans-image{grid-template-columns:36px minmax(0,1fr)}}
/* Les balades se choisissent d’abord avec les yeux. */
.cp-balades-illustrees{display:grid;grid-template-columns:1fr 1fr;gap:32px 26px;margin:26px 0 32px}.cp-balades-illustrees>article{display:block;border:0;padding:0 0 24px;min-width:0}.cp-balade-image{margin:0 0 17px;position:relative}.cp-balade-image img{display:block;width:100%;height:230px;object-fit:cover;border-radius:55px 16px 40px 12px}.cp-balades-illustrees>article:nth-child(even) .cp-balade-image img{border-radius:16px 52px 12px 35px}.cp-balade-image figcaption{font:11px var(--sans);color:var(--encre-douce);margin-top:8px}.cp-balade-texte{padding:0 8px}.cp-balades-illustrees h3{font:500 28px/1.2 var(--serif);margin:12px 0 15px}.cp-balades-illustrees p{font:16px/1.7 var(--sans);margin:15px 0}.cp-balades-illustrees small{font:14px/1.7 var(--sans);display:block;color:var(--encre-douce)}.cp-balades-illustrees .cp-lien{margin-top:15px}.cp-credit-balades{font-size:12px!important}
@media(max-width:600px){.cp-balades-illustrees{grid-template-columns:1fr;gap:22px}.cp-balade-image img{height:230px}.cp-balades-illustrees h3{font-size:27px}.cp-balades-illustrees>article{border-bottom:1px solid var(--bord);padding-bottom:27px}}

/* Les sujets financiers se parcourent depuis un même sommaire. */
.cp-finance-sommaire{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 48px}.cp-finance-sommaire>a{display:flex;align-items:center;gap:14px;padding:21px 18px;background:#fffaf1;border:1px solid #e5dbca;border-radius:18px;min-height:102px;transition:background .15s}.cp-finance-sommaire>a:hover{background:#f4e7d6}.cp-finance-sommaire>a>span{font:italic 29px var(--display);color:var(--rouge)}.cp-finance-sommaire b{display:block;font:500 22px/1.25 var(--display)}.cp-finance-sommaire small{display:block;font:14px/1.5 var(--sans);color:var(--encre-douce);margin-top:7px}.cp-finance-sommaire i{margin-left:auto;font-style:normal;color:var(--rouge)}.cp-finance-chapitre{padding-top:48px;margin:60px 0;border-top:2px solid #ccbfaa;scroll-margin-top:35px}.cp-finance-chapitre>h3,.cp-finance-chapitre>.cp-tete h2{font-size:clamp(33px,3.6vw,44px);line-height:1.15;margin:15px 0 25px}.cp-finance-chapitre>.cp-kicker{font-size:13px}.cp-finance-chapitre .cp-chapeau{font-size:18px}.cp-controle-chapitre{background:#edeedf;border:0;border-radius:24px;padding:38px}.cp-controle-chapitre>h3{max-width:17ch}.cp-controle-chapitre .cp-constats{grid-template-columns:1fr;gap:26px;margin-top:32px}.cp-controle-chapitre .cp-constats>div{display:grid;grid-template-columns:40px 1fr;gap:8px 18px;border-bottom:1px solid #d6d9c9;padding-bottom:26px}.cp-controle-chapitre .cp-constats h4{margin:0;font-size:27px}.cp-controle-chapitre .cp-constats p{grid-column:2;font-size:17px}.cp-controle-chapitre .cp-suivi{background:#fffaf0;margin-top:35px}.cp-conseil-entete{margin:30px 0}.cp-conseil-entete>article{border-radius:20px;padding:25px}.cp-conseil-entete h3{font-size:30px}.cp-conseil-entete p{font-size:16px}.cp-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.cp-decisions>article{display:block;padding:26px 0}.cp-decision-num{font:italic 24px var(--display);color:var(--rouge);margin-bottom:12px}.cp-decisions h4{font-size:26px}.cp-decisions p{font-size:17px}.cp-decisions .cp-decision-vote{font-size:14px}.cp-decisions small{font-size:14px;line-height:1.6;padding-top:12px;border-top:1px dashed #d8cfbf}.cp-financement{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-tarif-chapitre{margin:40px 0;padding:32px 0;border-top:1px solid var(--bord);scroll-margin-top:35px}.cp-tarif-chapitre>h3{font-size:32px;line-height:1.25;margin:16px 0 22px}.cp-tarif-chapitre>h3 em{font-style:normal;color:var(--rouge)}.cp-tarif{border-radius:20px;background:#edeedf;padding:27px 22px;gap:15px}.cp-tarif>div>span{font-size:16px}.cp-tarif strong{font-size:30px}.cp-tarif small{font-size:12px;font-weight:800;letter-spacing:.06em;color:#3b5347}.cp-tarif-total{font-size:20px;padding:18px 0}.cp-table-wrap table{width:100%;border-collapse:collapse;font-size:16px}.cp-table-wrap caption{text-align:left;font:500 23px var(--display);padding:16px 0}.cp-table-wrap th,.cp-table-wrap td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--bord)}.cp-table-wrap thead{background:#eee8dc}.cp-table-tarifs td{font-weight:700;font-size:19px}.cp-annuaire-enfance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.cp-annuaire-enfance article{padding:25px;border:1px solid #e4d9c7;border-radius:18px;background:#fffaf3}.cp-annuaire-enfance article>span{font:13px var(--sans);color:var(--rouge)}.cp-annuaire-enfance h4{font-size:25px;margin:10px 0}.cp-annuaire-enfance p{font-size:16px;margin:12px 0}.cp-annuaire-enfance a{display:block;font-size:15px;padding:6px 0;text-decoration:underline;overflow-wrap:anywhere}
.cp-commerce-accueil{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px}.cp-commerce-accueil img{width:100%;height:auto;mix-blend-mode:multiply;border-radius:44% 36% 40% 30%}.cp-commerce-accueil .cp-tete h2{font-size:37px}.cp-commerce-tri{display:flex;align-items:center;gap:20px;margin:25px 0 12px}.cp-commerce-tri label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;flex:none}.cp-commerce-tri select,.cp-guide-categorie select{padding:12px 35px 12px 14px;border:1px solid var(--bord);border-radius:24px;background:#fffaf1;font-size:15px;color:var(--navy)}.cp-commerce-tri p{font-size:13px;color:var(--encre-douce)}.cp-commerce-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cp-commerce{position:relative;display:block;background:#fffaf2;border:1px solid #e6ddce;border-radius:20px;padding:24px}.cp-commerce-avatar{float:right;border-radius:50%;width:34px;height:34px;font-size:19px;margin:0 0 10px 12px;background:#eee6d6}.cp-commerce h3{font-size:25px;line-height:1.25;margin:10px 0 12px}.cp-commerce-adresse{font-size:14px}.cp-commerce-reputation{gap:8px}.cp-commerce-note{font-size:20px}.cp-commerce-actions{gap:8px 15px}.cp-commerce-actions>a{font-size:13px}.cp-commerce-type{font-size:12px}.cp-annuaire-guide{border-top:2px solid var(--bord);padding-top:36px;margin-top:48px}.cp-annuaire-guide>h3{font-size:35px;margin:12px 0}.cp-annuaire-compteur{font:italic 22px var(--display);color:var(--rouge);margin:15px 0}.cp-guide-categorie{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:15px 0 25px}.cp-guide-categorie select{max-width:100%}.cp-guide-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.cp-guide-liste article{display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:25px 0;gap:14px}.cp-guide-liste h4{font:500 25px/1.3 var(--display)}.cp-guide-liste article>div>p:first-child{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--rouge)}.cp-bonnes-adresses{margin-top:50px}.cp-adresses-selection{grid-template-columns:1fr!important}.cp-adresses-selection>article{background:transparent;border:0;border-bottom:1px solid var(--bord);padding:25px 0}.cp-adresses-selection h4{font-size:27px}
@media(max-width:1100px){.cp-commerce-tri{display:block}.cp-commerce-tri p{margin-top:10px}.cp-tarif strong{font-size:25px}}
@media(max-width:600px){.cp-finance-sommaire{grid-template-columns:1fr;gap:8px;margin:24px 0 30px}.cp-finance-sommaire>a{padding:17px;min-height:85px}.cp-finance-sommaire b{font-size:22px}.cp-finance-chapitre{padding-top:30px;margin:40px 0}.cp-controle-chapitre{padding:24px 18px}.cp-controle-chapitre .cp-constats>div{grid-template-columns:28px 1fr;gap:8px 12px}.cp-controle-chapitre .cp-constats h4{font-size:24px}.cp-controle-chapitre .cp-constats p{grid-column:1/-1;font-size:16px}.cp-decisions{grid-template-columns:1fr}.cp-decisions>article{padding:24px 0}.cp-decisions h4{font-size:25px}.cp-annuaire-enfance{grid-template-columns:1fr}.cp-tarif{padding:20px;display:grid;grid-template-columns:1fr}.cp-tarif>div{width:100%;text-align:left}.cp-tarif>b{padding:0}.cp-tarif strong{font-size:32px}.cp-tarif-chapitre>h3{font-size:29px}.cp-table-wrap th,.cp-table-wrap td{padding:12px 8px;font-size:14px}.cp-table-tarifs td{font-size:17px}.cp-commerce-accueil{display:flex;flex-direction:column-reverse;gap:12px;align-items:start}.cp-commerce-accueil img{width:235px;max-height:160px;object-fit:cover;align-self:center}.cp-commerce-accueil .cp-tete h2{font-size:34px}.cp-commerce-liste,.cp-guide-liste{grid-template-columns:1fr}.cp-commerce{padding:23px}.cp-commerce h3{font-size:26px}.cp-commerce-tri label{display:block}.cp-commerce-tri select{margin-top:10px;display:block;width:100%}.cp-financement{grid-template-columns:1fr}}

.cp-retour-sujets{display:block;font:13px/1.5 var(--sans);text-decoration:underline!important;text-underline-offset:4px;margin:0 0 25px;color:var(--encre-douce)!important}.cp-controle-chapitre .cp-constats>div{border-bottom:0}

/* Un sujet financier à la fois, avec un sommaire latéral stable. */
.cp-menu-finance{padding:6px 0}.cp-menu-finance h2{font:700 22px/1.3 var(--sans);margin:30px 12px 20px}.cp-retour-rubriques{display:block;font:600 14px/1.5 var(--sans);padding:12px;border-bottom:1px solid var(--bord);text-decoration:underline!important;text-underline-offset:4px}.cp-menu-finance nav{display:grid;gap:8px}.cp-menu-finance nav a{display:flex;align-items:center;gap:12px;padding:17px 12px;min-height:58px;border-radius:12px;font:600 15px/1.4 var(--sans);border:1px solid transparent}.cp-menu-finance nav a>span{font-size:12px;color:var(--encre-douce);font-weight:500}.cp-menu-finance nav a[aria-current]{background:var(--navy);color:var(--papier)!important}.cp-menu-finance nav a[aria-current]>span{color:#edb4a4}.cp-menu-finance nav a:hover{border-color:var(--bord)}.cp-finance-active .cp-sidebar-note{display:none}.cp-finance-contexte{font:700 13px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.09em;color:var(--rouge);margin-bottom:28px}.cp-sujet-mobile{display:none}.cp-finance-pages>.cp-finance-chapitre{margin:0;padding:0;border:0;scroll-margin-top:30px}.cp-finance-chapitre>h2,.cp-finance-chapitre>h3,.cp-finance-chapitre>.cp-tete h2{font:750 34px/1.25 var(--sans);letter-spacing:-.025em;margin:12px 0 24px;max-width:28ch}.cp-finance-chapitre>p.cp-kicker{font-size:14px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--encre-douce)}.cp-finance-chapitre p{line-height:1.85;max-width:65ch}.cp-finance-chapitre .cp-chapeau{font-size:18px;margin-bottom:32px}.cp-finance-chapitre h3,.cp-finance-chapitre h4{font-family:var(--sans);font-weight:700;letter-spacing:-.015em}.cp-finance-chapitre h3{font-size:26px}.cp-finance-chapitre h4{font-size:23px;line-height:1.4}.cp-finance-chapitre .cp-questions-claires{grid-template-columns:1fr;gap:0;margin:35px 0}.cp-finance-chapitre .cp-questions-claires>div{background:#fffaf2;border:1px solid #ded4c4;border-radius:16px;margin:0 0 24px;padding:30px}.cp-finance-chapitre .cp-questions-claires p{font-size:17px;margin-top:16px}.cp-conseil-entete{grid-template-columns:1fr;gap:28px;margin:32px 0 50px}.cp-conseil-entete>article{padding:32px;background:#fffaf2;border:1px solid #ded4c4}.cp-conseil-entete>article:last-child{background:#e9eddf;border:1px solid #d3ddc6}.cp-conseil-entete .cp-kicker{font:750 15px/1.5 var(--sans);letter-spacing:0;text-transform:none;margin:0 0 18px}.cp-conseil-entete h3{font-size:31px;margin:0 0 20px}.cp-conseil-entete p{font-size:17px}.cp-conseil-fonctionnement{margin:50px 0;padding:35px 0;border-block:2px solid #d8ccba}.cp-conseil-fonctionnement>h3{margin:0 0 27px}.cp-finance-chapitre .cp-roles{display:grid;grid-template-columns:1fr;gap:0;padding:0;margin:0;border:0}.cp-finance-chapitre .cp-roles>div{padding:22px 0}.cp-finance-chapitre .cp-roles>div+div{border-top:1px solid var(--bord)}.cp-finance-chapitre .cp-roles b{font:700 19px/1.5 var(--sans)}.cp-finance-chapitre .cp-roles p{font-size:17px;margin:10px 0 0}.cp-finance-chapitre .cp-elus-reperes{margin-top:20px}.cp-finance-chapitre .cp-elus-reperes li{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;font-size:16px}.cp-finance-chapitre .cp-elus-reperes b{text-align:left;font-size:17px}.cp-finance-chapitre .cp-decisions{grid-template-columns:1fr;gap:22px}.cp-finance-chapitre .cp-decisions>article{padding:28px;border:1px solid #ded4c4;border-radius:15px;background:#fffaf2;display:grid;grid-template-columns:35px 1fr;gap:18px}.cp-finance-chapitre .cp-decisions h4{font-size:24px}.cp-finance-chapitre .cp-decisions p{margin:12px 0;font-size:17px}.cp-finance-chapitre .cp-decisions .cp-kicker{font-size:13px;letter-spacing:0;text-transform:none;color:#697957;font-weight:750}.cp-finance-chapitre .cp-decision-num{font:600 17px/1.5 var(--sans);padding-top:3px}.cp-finance-chapitre .cp-references{margin-top:50px;padding-top:24px}.cp-finance-chapitre .cp-references h3{font:600 14px var(--sans)}.cp-finance-chapitre .cp-tarif-chapitre{margin-top:45px;padding-top:35px;border-top:2px solid #d8ccba}.cp-finance-chapitre .cp-tarif-chapitre>h3{font:700 29px/1.4 var(--sans)}.cp-finance-chapitre .cp-constats{grid-template-columns:1fr;gap:25px;margin:35px 0}.cp-finance-chapitre .cp-constats>div{display:block;border:1px solid #d4dcc8;border-radius:16px;background:#e9eddf;padding:30px}.cp-finance-chapitre .cp-constats>div>span{display:block;font:700 14px var(--sans);margin-bottom:18px;color:#4a644b}.cp-finance-chapitre .cp-constats h4{margin-bottom:16px}.cp-finance-chapitre .cp-constats p{font-size:17px}.cp-finance-chapitre .cp-suivi{background:#fffaf2;border:1px solid #ded4c4;border-radius:18px;padding:30px;margin-top:45px}
@media(max-width:850px){.cp-menu-finance{display:none}.cp-sujet-mobile{display:block;font:650 15px/1.5 var(--sans);padding:18px 0 28px;margin-bottom:28px;border-bottom:1px solid var(--bord)}.cp-sujet-mobile select{display:block;width:100%;padding:15px 35px 15px 14px;border:1px solid #d5c8b6;border-radius:12px;background:#fffaf2;font:600 16px var(--sans);color:var(--navy);margin-top:12px}.cp-finance-pages>.cp-finance-chapitre{scroll-margin-top:100px}.cp-finance-contexte{margin-bottom:0}}
@media(max-width:600px){.cp-finance-chapitre>h2,.cp-finance-chapitre>h3,.cp-finance-chapitre>.cp-tete h2{font-size:29px}.cp-finance-chapitre .cp-questions-claires>div,.cp-conseil-entete>article,.cp-finance-chapitre .cp-constats>div,.cp-finance-chapitre .cp-suivi{padding:23px}.cp-finance-chapitre .cp-elus-reperes li{grid-template-columns:1fr;gap:5px;padding:18px 0}.cp-finance-chapitre .cp-decisions>article{display:block;padding:23px}.cp-finance-chapitre .cp-decisions h4{font-size:23px}.cp-finance-chapitre .cp-decision-num{margin-bottom:12px}.cp-conseil-entete h3{font-size:27px}.cp-finance-chapitre .cp-questions-claires p,.cp-finance-chapitre .cp-decisions p{font-size:16px}.cp-finance-chapitre .cp-tarif-chapitre>h3{font-size:25px}}

/* Carte : commandes intégrées au plan, comme le jumeau de Marolles. */



/* Le carnet d’adresses : une illustration d’accueil et des repères par activité. */
.cp-commerce-accueil{grid-template-columns:1.1fr 1fr;gap:35px;margin-bottom:30px;align-items:center}.cp-commerce-accueil>img{width:100%;max-height:none;height:300px;object-fit:cover;border-radius:48% 52% 42% 58%;mix-blend-mode:multiply}.cp-commerce-accueil .cp-tete h2{font:700 36px/1.25 var(--sans)}.cp-commerce-accueil .cp-tete p{max-width:42ch}.cp-commerce-recherche{background:#e9eddf;border:1px solid #d7deca;border-radius:22px;padding:25px;margin:25px 0}.cp-commerce-recherche>label{font:700 20px var(--sans)}.cp-commerce-recherche input{background:#fffdf8;border-color:#cbd1bd;border-radius:13px;font-size:16px;padding:15px}.cp-commerce-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:26px 0 35px}.cp-commerce-categories>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:105px;border:1px solid #e0d8c9;border-radius:17px;background:#fffaf2;padding:16px 10px;font:650 13px/1.4 var(--sans);text-align:center;white-space:normal}.cp-commerce-categories svg{width:30px;height:30px;color:#647459}.cp-commerce-categories>button[aria-pressed=true]{background:#192c40;color:#fffaf2;border-color:#192c40}.cp-commerce-categories>button[aria-pressed=true] svg{color:#edb4a4}.cp-commerce-liste{gap:25px}.cp-commerce{display:block;padding:0;border:1px solid #dcd5c7;border-radius:22px;background:#fffdf7;box-shadow:0 5px 16px #26344406;overflow:hidden}.cp-commerce-dessin{position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 27px;background:#e9ecdf;border-bottom:1px solid #d8dfcc;color:#42624d}.cp-commerce-dessin>svg{width:47px;height:47px}.cp-commerce-dessin>span{font:500 24px var(--display);font-style:italic;color:#5b6c52}.cp-commerce-dessin-restaurants,.cp-commerce-dessin-courses{background:#f2e3cf;color:#946548}.cp-commerce-dessin-beaute,.cp-commerce-dessin-boutiques{background:#eee0d8;color:#976655}.cp-commerce-dessin-auto,.cp-commerce-dessin-services{background:#e2e8e9;color:#546e79}.cp-commerce-contenu{padding:25px 27px 28px}.cp-commerce h3{font:700 25px/1.35 var(--sans);margin:10px 0 16px}.cp-commerce-type{font:650 12px/1.5 var(--sans);text-transform:none;letter-spacing:0;color:#61705b}.cp-commerce-reputation{padding:16px 0;margin:18px 0;border-block:1px solid #e2ddd1;gap:12px;flex-wrap:wrap}.cp-commerce-note{font:750 24px var(--sans);color:#253e31}.cp-commerce-note svg{width:18px;height:18px;color:#99703a}.cp-commerce-actions>a{border-radius:18px;padding:8px 12px;background:#f1f0e7;color:#334a3a;font-weight:650;font-size:13px}.cp-commerce-actions{gap:10px}.cp-annuaire-guide{background:#eeeee3;border:1px solid #d8dac9;border-radius:24px;padding:32px}.cp-annuaire-guide h3{font:700 30px/1.35 var(--sans)}.cp-guide-liste article{padding:24px 0;border-top:1px solid #cfd1bf}.cp-guide-liste h4{font:700 22px/1.4 var(--sans)}.cp-bonnes-adresses>h3{font:700 31px/1.35 var(--sans)}.cp-adresses-selection>article{border:1px solid #ded5c5;border-radius:20px;padding:25px 28px;background:#fffaf1;margin-bottom:18px}.cp-adresses-selection h4{font:700 27px/1.3 var(--sans)}
@media(max-width:950px){.cp-commerce-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.cp-commerce-accueil{display:flex;flex-direction:column;gap:0}.cp-commerce-accueil>img{width:100%;height:220px;max-height:none;margin:5px 0 15px}.cp-commerce-accueil .cp-tete h2{font-size:32px}.cp-commerce-categories{display:flex;overflow-x:auto;gap:10px;padding:4px 2px 14px;scroll-snap-type:x proximity}.cp-commerce-categories>button{flex:0 0 110px;scroll-snap-align:start;font-size:13px;min-height:104px}.cp-commerce-recherche{padding:20px}.cp-commerce-recherche>div{display:block}.cp-commerce-recherche .cp-bouton{margin-top:12px;width:100%}.cp-commerce-contenu{padding:23px}.cp-commerce h3{font-size:24px}.cp-annuaire-guide{padding:23px 20px}.cp-annuaire-guide h3{font-size:26px}.cp-commerce-dessin{padding:16px 23px}}

.cp-commerce-recherche input{width:100%}.cp-tete h2{font:700 36px/1.3 var(--sans);letter-spacing:-.025em}@media(max-width:600px){.cp-tete h2{font-size:31px}}
.cp-seances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:18px}.cp-seance{padding:22px;border:1px solid var(--bord);background:var(--papier-clair)}.cp-seance>p{margin:8px 0}.cp-seance-decisions{margin:10px 0;padding-left:18px;font-size:15px;line-height:1.55}.cp-seance-decisions li{margin:4px 0}@media(max-width:1000px){.cp-seances{grid-template-columns:1fr}}
.ad-pratique{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--encre-douce)}.ad-lieu.ad-incontournable{border-color:var(--rouge)}.ad-lieu.ad-incontournable .ad-genre::before{content:'À ne pas manquer · ';color:var(--rouge);font-weight:600}
.ad-visuel{overflow:hidden}.ad-visuel:has(img){height:auto;aspect-ratio:16/9}.ad-visuel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Trains et vols du jour dans « Ce matin » : une ligne par départ, l'heure alignée. */
.cm-departs{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:4px}
.cm-departs li{font-size:15px;line-height:1.4}
.cm-departs b{font-variant-numeric:tabular-nums;margin-right:6px}
.cm-departs small{color:var(--encre-douce)}
#ce-matin-avions details{margin-top:6px}
#ce-matin-avions summary{cursor:pointer;font-weight:600}
/* Les défibrillateurs sous les numéros d'urgence (famille defibrillateurs, Géo'DAE). */
.cp-urgences .cp-dae{margin-top:22px;padding-top:20px;border-top:1px solid #ffffff44}.cp-dae>ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px 24px}.cp-dae strong{display:block;font:600 17px/1.35 var(--display)}.cp-dae small{display:block;font:13px/1.6 var(--sans);color:#d5dce5;margin-top:3px}.cp-dae>p:not(.cp-kicker){font:13px/1.6 var(--sans);color:#d5dce5;margin-top:16px}
/* ─────────────── Carte de Carros : la carte en grand, la légende dessous ─────────────── */
.cc{--cc-trait:#e3d9ca;--cc-ombre:0 10px 30px rgba(22,38,59,.14);--cc-verre:rgba(251,247,241,.9);--cc-doux:#8b8177;position:relative;min-width:0;margin:30px 0 34px}
.cc [hidden]{display:none!important}
.cc .cc-verre{background:var(--cc-verre);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(255,255,255,.72);box-shadow:var(--cc-ombre)}
.cc button{font-family:var(--sans);cursor:pointer;color:var(--navy)}
.cc button:disabled{cursor:progress;opacity:.6}
.cc .cc-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px 36px;margin-bottom:20px}
.cc .cc-tete h3{font:500 34px/1.15 var(--serif);margin:8px 0 0;max-width:22ch;color:var(--encre)}
.cc .cc-tete>p{font:15px/1.7 var(--sans);color:var(--encre-douce);max-width:50ch;margin:0}

/* le cadre : la carte sur toute la largeur, puis la recherche et les calques */
.cc .cc-cadre{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(620px,82vh,920px) auto auto;grid-template-areas:"plan" "recherche" "colonne"}
.cc .cc-cadre:fullscreen,.cc .cc-cadre.cc-grand{grid-template-rows:100dvh auto auto;height:100dvh;width:100vw;overflow-y:auto;background:var(--papier)}
.cc .cc-cadre.cc-grand{position:fixed;inset:0;z-index:200}
.cc .cc-plan{grid-area:plan;position:relative;min-width:0;min-height:0;border-radius:22px;overflow:hidden;background:#e7e0d2;box-shadow:0 18px 50px rgba(22,38,59,.18)}
.cc .cc-cadre:fullscreen .cc-plan,.cc .cc-cadre.cc-grand .cc-plan{border-radius:0}
.cc .cc-carte{position:absolute;inset:0}
.cc .cc-recherche{grid-area:recherche;position:relative;z-index:6;padding:18px 0 8px;max-width:440px}
.cc .cc-colonne{display:contents}
.cc .cc-liste{grid-area:colonne}

/* affiche d'attente, sur la carte ; la légende n'apparaît qu'avec la carte */
.cc .cc-affiche{grid-area:plan;position:relative;z-index:9;display:grid;place-items:center;border-radius:22px;overflow:hidden;background:#e7e0d2}
.cc .cc-cadre:has(.cc-affiche:not([hidden])) :is(.cc-recherche,.cc-liste){visibility:hidden}
.cc .cc-affiche img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.cc .cc-affiche>div{position:relative;display:grid;justify-items:center;gap:12px;padding:24px 30px;border-radius:20px;text-align:center}
.cc .cc-affiche b{font:500 28px/1.2 var(--serif);color:var(--navy)}
.cc .cc-affiche span{font:13px/1.5 var(--sans);color:var(--encre-douce)}
.cc .cc-lancer{border:0;border-radius:999px;background:var(--navy);color:#fff;padding:13px 24px;font:600 15px var(--sans)}

/* recherche */
.cc .cc-champ{display:flex;align-items:center;gap:9px;border-radius:999px;padding:0 15px;height:44px;cursor:text;background:#fff;border:1px solid var(--cc-trait)}
.cc .cc-champ svg{width:18px;height:18px;flex:none;color:var(--encre-douce)}
.cc .cc-champ input{border:0;background:transparent;outline:0;font:15px var(--sans);color:var(--encre);width:100%;min-width:0;padding:0}
.cc .cc-champ:focus-within{border-color:var(--rouge);box-shadow:0 0 0 3px rgba(200,56,42,.16)}
.cc .cc-resultats{position:absolute;left:0;right:0;top:70px;border-radius:14px;padding:6px;max-height:320px;overflow:auto;background:#fff;border:1px solid var(--cc-trait);box-shadow:var(--cc-ombre)}
.cc .cc-resultats p{font:12px/1.5 var(--sans);color:var(--encre-douce);margin:6px 10px}
.cc .cc-resultats button{display:block;width:100%;text-align:left;border:0;background:none;border-radius:10px;padding:9px 12px;font:14px/1.4 var(--sans);color:var(--encre)}
.cc .cc-resultats button:hover,.cc .cc-resultats button:focus-visible{background:rgba(22,38,59,.07)}
.cc .cc-resultats small{display:block;color:var(--encre-douce);font-size:12px}

/* outils posés sur la carte */
.cc .cc-outils{position:absolute;z-index:5;top:14px;right:14px;display:flex;gap:8px;align-items:center}
.cc .cc-vue{display:flex;gap:3px;padding:4px;border-radius:999px}
.cc .cc-vue button{border:0;background:none;border-radius:999px;padding:8px 15px;font:600 13px var(--sans);white-space:nowrap}
.cc .cc-vue button[aria-pressed=true]{background:var(--navy);color:#fff;box-shadow:0 4px 12px rgba(22,38,59,.28)}
.cc .cc-rond{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;padding:0}
.cc .cc-rond svg{width:19px;height:19px}

/* les calques, en trois colonnes sous la carte */
.cc .cc-defile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 0 0}
.cc .cc-groupe{background:var(--papier-clair);border-radius:16px;padding:4px 6px 8px;align-self:start}
.cc .cc-groupe>p{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cc-doux);margin:14px 10px 5px}
.cc .cc-bascule{display:grid;grid-template-columns:32px 10px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;border-radius:12px;padding:8px 10px;min-height:50px;transition:background .15s}
.cc .cc-bascule:hover{background:rgba(22,38,59,.055)}
.cc .cc-bascule b{display:block;font:600 13.5px/1.3 var(--sans);color:var(--encre)}
.cc .cc-bascule small{display:block;font:12px/1.35 var(--sans);color:var(--encre-douce);margin-top:2px}
.cc .cc-bascule em{font:600 11px/1 var(--sans);font-style:normal;color:var(--encre-douce);background:rgba(22,38,59,.07);border-radius:999px;padding:4px 8px;white-space:nowrap}
.cc .cc-interrupteur{width:32px;height:18px;border-radius:999px;background:#d5cdc1;position:relative;transition:background .2s}
.cc .cc-interrupteur::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.4,0,.2,1)}
.cc .cc-bascule[aria-pressed=true] .cc-interrupteur{background:var(--navy)}
.cc .cc-bascule[aria-pressed=true] .cc-interrupteur::after{transform:translateX(14px)}
.cc .cc-pastille{width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.cc .cc-vedette>.cc-bascule{background:linear-gradient(90deg,rgba(200,56,42,.09),rgba(200,56,42,0) 80%)}
.cc .cc-legende{margin:0 10px 10px 52px;font:12px/1.5 var(--sans);color:var(--encre-douce)}
.cc .cc-legende p{margin:5px 0;font:12px/1.5 var(--sans)}
.cc .cc-dpe{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:6px 0 2px}
.cc .cc-dpe span{display:grid;justify-items:center;gap:3px;font:600 10.5px var(--sans);color:var(--encre-douce)}
.cc .cc-dpe i{display:block;width:100%;height:21px;border-radius:5px;font:700 11.5px/21px var(--sans);font-style:normal;color:#fff;text-align:center;background:var(--c)}
.cc i.cc-clair{color:#2f2a10!important}
.cc .cc-plu-ligne{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:3px 0}
.cc .cc-plu-ligne i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.cc .cc-plu-ligne.cc-rond i{border-radius:50%}
.cc .cc-plu-ligne.cc-hachure i{background:repeating-linear-gradient(135deg,var(--c) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 1px var(--c)}
.cc .cc-plu-ligne b{font:600 12px var(--sans);color:var(--encre)}
.cc .cc-plu-ligne span{font:600 12px var(--sans)}
.cc .cc-soleil{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:8px;padding:8px 10px;border-radius:12px;background:rgba(22,38,59,.05);font:600 12px var(--sans);color:var(--encre)}
.cc .cc-soleil input{accent-color:var(--rouge);width:100%;min-width:0}
.cc .cc-soleil output{min-width:3.6em;text-align:right}
.cc .cc-segments{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(22,38,59,.07)}
.cc .cc-segments button{border:0;background:none;border-radius:999px;padding:6px 11px;font:600 12px var(--sans);color:var(--encre-douce);white-space:nowrap}
.cc .cc-segments button[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:0 1px 4px rgba(22,38,59,.15)}
.cc .cc-segments-legende{width:max-content;margin:6px 0 8px}
.cc .cc-fond{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:12px 4px 0}
.cc .cc-fond>span{font:600 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cc-doux)}

/* la fiche s'ouvre sur la carte, à droite, et se ferme d'un geste */
.cc .cc-fiche{grid-area:plan;position:relative;z-index:7;justify-self:end;align-self:start;width:min(380px,42%);max-height:calc(100% - 88px);margin:74px 14px 0 0;overflow-y:auto;overscroll-behavior:contain;padding:10px 18px 18px;outline:0;border-radius:18px;background:var(--cc-verre);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.72);box-shadow:var(--cc-ombre);animation:cc-entree .28s cubic-bezier(.16,.84,.44,1)}
@keyframes cc-entree{from{opacity:0;transform:translateX(14px)}}
.cc .cc-retour{border:0;background:none;padding:6px 0;margin:0 0 4px;font:600 13px var(--sans);color:var(--rouge)}
.cc .cc-fiche .cp-kicker{margin:6px 0 2px}
.cc .cc-fiche h4{font:500 25px/1.15 var(--serif);margin:4px 0;color:var(--encre)}
.cc .cc-adresse{font:13px/1.5 var(--sans);color:var(--encre-douce);min-height:19px;margin:0}
.cc .cc-cles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 2px}
.cc .cc-cles div{border-radius:12px;background:rgba(22,38,59,.05);padding:9px 11px}
.cc .cc-cles b{display:block;font:600 17px/1.2 var(--sans);color:var(--encre)}
.cc .cc-cles span{font:11px/1.3 var(--sans);color:var(--encre-douce)}
.cc .cc-bouton-vue{display:block;width:100%;margin:12px 0 2px;border:1px solid var(--navy);background:#fff;border-radius:999px;padding:9px 14px;font:600 13px var(--sans);color:var(--navy)}
.cc .cc-bouton-vue:hover{background:var(--navy);color:#fff}
.cc .cc-bloc{border-top:1px solid var(--cc-trait);margin-top:14px;padding-top:12px}
.cc .cc-bloc>h5{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cc-doux);margin:0 0 9px}
.cc .cc-bloc p{font:13.5px/1.55 var(--sans);margin:6px 0;color:var(--encre)}
.cc .cc-fiche .cc-note{font:12px/1.5 var(--sans);color:var(--encre-douce)}
.cc .cc-fiche a{font:600 13px/1.5 var(--sans);color:var(--rouge);text-decoration:underline;text-underline-offset:3px}
.cc .cc-lien{border:0;background:none;padding:0;font:600 13px/1.5 var(--sans);color:var(--rouge);text-decoration:underline;text-underline-offset:3px}
.cc .cc-zone{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:11px 12px;margin-bottom:6px;background:color-mix(in srgb,var(--c) 13%,#fffdf9)}
.cc .cc-zone>i{flex:none;min-width:48px;height:30px;padding:0 7px;border-radius:8px;background:var(--c);color:#fff;font:700 12.5px/30px var(--sans);font-style:normal;text-align:center}
.cc .cc-zone b{display:block;font:600 13.5px/1.35 var(--sans);color:var(--encre)}
.cc .cc-zone small{display:block;font:12px/1.45 var(--sans);color:var(--encre-douce);margin:2px 0 4px}
.cc .cc-lignes{display:grid;gap:6px;margin:8px 0}
.cc .cc-ligne{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:9px 10px;border-radius:12px;background:rgba(22,38,59,.045)}
.cc .cc-ligne>i{width:30px;height:30px;border-radius:8px;font:700 15px/30px var(--sans);font-style:normal;text-align:center;color:#fff;background:var(--c)}
.cc .cc-ligne b{display:block;font:600 13.5px/1.35 var(--sans);color:var(--encre)}
.cc .cc-ligne small{display:block;font:12px/1.45 var(--sans);color:var(--encre-douce);overflow-wrap:anywhere}
.cc .cc-ligne .cc-m2{font-weight:500;color:var(--encre-douce)}
.cc .cc-ligne small.cc-contenu{color:var(--encre)}
.cc .cc-plus>summary{cursor:pointer;min-height:36px;padding:8px 0;font:600 13px/1.4 var(--sans);color:var(--rouge)}
.cc .cc-reference{margin-top:14px}

/* états */
.cc .cc-etat{position:absolute;z-index:7;left:50%;bottom:22px;transform:translate(-50%,8px);max-width:min(460px,calc(100% - 32px));margin:0;background:rgba(22,38,59,.92);color:#fff;font:13px/1.45 var(--sans);padding:9px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-align:center}
.cc .cc-etat.cc-visible{opacity:1;transform:translate(-50%,0)}
.cc .cc-progression{position:absolute;z-index:8;left:0;top:0;height:3px;width:calc(var(--p,0) * 100%);background:var(--rouge);transition:width .3s}
.cc .cc-erreur{margin:12px 0 0;padding:12px 15px;border-radius:12px;background:#f3e0d8;color:#7d2f22;font:14px/1.5 var(--sans)}
.cc .cc-sources{margin-top:14px}
.cc .cc-sources ul{padding-left:18px}
.cc .cc-sources li{font:14px/1.75 var(--sans);margin-bottom:8px;list-style:disc}
.cc .cc-sources a{text-decoration:underline}
.cc .cc-marqueur{width:18px;height:18px;border-radius:50%;background:var(--rouge);border:3px solid #fff;box-shadow:0 0 0 6px rgba(200,56,42,.25)}

/* contrôles de la carte */
.cc .maplibregl-ctrl-group{border-radius:14px;overflow:hidden;box-shadow:var(--cc-ombre);border:0;background:var(--cc-verre)}
.cc .maplibregl-ctrl-group button{width:38px;height:38px}
.cc .maplibregl-ctrl-attrib{font:11px var(--sans);background:rgba(251,247,241,.82)}
.cc .maplibregl-ctrl-scale{font:11px var(--sans);color:var(--encre-douce);border-color:var(--encre-douce);background:rgba(251,247,241,.82)}

@media (max-width:1000px){.cc .cc-defile{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .cc{padding:22px 14px 14px;margin-inline:-6px;border-radius:18px;background:var(--papier-clair)}
  .cc .cc-tete h3{font-size:28px}
  .cc .cc-tete>p{font-size:14px}
  /* sur téléphone : la recherche, la carte, puis les calques ; la fiche prend leur place, sous la carte */
  .cc .cc-cadre{grid-template-rows:auto min(62svh,540px) auto;grid-template-areas:"recherche" "plan" "colonne"}
  .cc .cc-cadre:fullscreen,.cc .cc-cadre.cc-grand{grid-template-rows:auto minmax(0,1fr);overflow:hidden}
  .cc .cc-cadre:fullscreen .cc-colonne,.cc .cc-cadre.cc-grand .cc-colonne{display:none}
  .cc .cc-plan,.cc .cc-affiche{border-radius:16px}
  .cc .cc-plan{box-shadow:none;border:1px solid var(--cc-trait)}
  .cc .cc-recherche{padding:0 0 10px;max-width:none}
  .cc .cc-resultats{top:52px}
  .cc .cc-colonne{grid-area:colonne;display:flex;flex-direction:column;margin-top:10px}
  .cc .cc-defile{display:block;padding:0}
  .cc .cc-groupe{background:none;border-radius:0;padding:0}
  .cc .cc-fond{border-top:1px solid var(--cc-trait);justify-content:space-between;padding:10px 4px 4px}
  .cc .cc-fiche{grid-area:auto;justify-self:auto;align-self:auto;width:auto;max-height:none;margin:0;overflow:visible;padding:6px 4px 10px;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;scroll-margin-top:80px;animation-name:cc-monte}
  .cc .cc-outils{top:10px;left:10px;right:10px}
  .cc .cc-vue{margin-right:auto}
  .cc .cc-vue button{padding:7px 12px}
  .cc .cc-rond{width:42px;height:42px}
}
@keyframes cc-monte{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.cc *{transition:none!important;animation:none!important}}
/* ─────────────── Se loger : le dossier immobilier de l’édition ───────────────
   Une couleur de données par série (bleu, vermillon) ; les textes restent à l’encre.
   Chaque graphique a son tableau de chiffres et une bulle au survol ou au clavier. */
.lg-chapitre{margin:76px 0 0;padding-top:36px;border-top:1px solid var(--bord);scroll-margin-top:28px}
.lg-chapitre>h3{margin:0 0 10px;font:500 clamp(28px,3vw,37px)/1.15 var(--serif);letter-spacing:-.02em;color:var(--encre)}
.lg-chapitre h4{margin:44px 0 12px;font:500 22px/1.3 var(--serif);color:var(--encre)}
.lg-chapeau{max-width:62ch;margin:0 0 26px;font:17px/1.7 var(--sans);color:var(--encre-douce)}
.lg-chapitre>p,.lg-chapitre figure+p{max-width:68ch}
.lg-periode{margin:0 0 10px;font:600 14px var(--sans);color:var(--encre-douce)}

/* la cote : deux prix, lus comme au marché */
.lg-cotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 36px;border-top:2px solid var(--encre);border-bottom:1px solid var(--bord)}
.lg-cote{padding:20px 24px 22px 0}
.lg-cote+.lg-cote{padding-left:28px;border-left:1px solid var(--bord)}
.lg-cote>p{margin:0;font:15px/1.6 var(--sans);color:var(--encre-douce)}
.lg-cote>p:first-child{font-weight:700;color:var(--encre)}
.lg-cote strong{display:block;margin:8px 0 10px;font:500 clamp(40px,4.4vw,58px)/1 var(--serif);letter-spacing:-.025em;color:var(--encre);white-space:nowrap}
/* l'unité en petit, à l'encre douce : le ² de la fonte de titre montait trop haut */
.lg-unite{margin-left:.06em;font:600 .36em var(--sans);letter-spacing:0;color:var(--encre-douce)}
.lg-cote small{display:block;margin-top:8px;font:13px var(--sans);color:var(--encre-douce)}

/* graphiques */
.lg-graphe{margin:6px 0 20px}
.lg-graphe figcaption{margin:0 0 10px;font:600 14px/1.45 var(--sans);color:var(--encre)}
.lg-legende{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 6px;font:14px var(--sans);color:var(--encre)}
.lg-legende span::before{content:"";display:inline-block;width:16px;height:3px;margin-right:8px;border-radius:2px;background:var(--c);vertical-align:middle}
/* la courbe : tracé SVG étiré, le reste en HTML pour garder la taille du texte */
.lg-courbe{padding:14px clamp(96px,13vw,150px) 36px 50px}
.lg-plan{position:relative;height:clamp(210px,24vw,270px)}
.lg-plan svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lg-plan path{fill:none;stroke:var(--c);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.lg-graduation{position:absolute;left:0;right:0;top:var(--y);border-top:1px solid #e5dbcd}
.lg-graduation em{position:absolute;right:calc(100% + 10px);top:0;transform:translateY(-50%);font:normal 12px var(--sans);color:var(--encre-douce);white-space:nowrap}
.lg-an{position:absolute;left:var(--x);top:calc(100% + 12px);transform:translateX(-50%);font:12px var(--sans);color:var(--encre-douce)}
.lg-point{position:absolute;left:var(--x);top:var(--y);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--papier)}
.lg-point::after{content:"";position:absolute;inset:-9px;border-radius:50%}
.lg-point:focus-visible,.lg-col:focus-visible{outline:2px solid var(--encre);outline-offset:2px}
.lg-fin{position:absolute;left:calc(100% + 16px);top:var(--y);transform:translateY(-50%);display:grid;font:13px/1.3 var(--sans);color:var(--encre-douce);white-space:nowrap}
.lg-fin b{font:600 15px/1.3 var(--sans);color:var(--encre)}

/* les colonnes : une par année, la plus haute et la dernière chiffrées */
.lg-colonnes{display:flex;gap:4px;height:clamp(220px,22vw,260px);margin:16px 0 0;padding:0;list-style:none}
.lg-colonnes li{display:flex;flex:1 1 0;flex-direction:column;min-width:0}
.lg-col-zone{display:flex;flex:1;flex-direction:column;justify-content:flex-end;border-bottom:1px solid #cfc3b4}
.lg-col-zone b{margin-bottom:6px;font:600 14px var(--sans);text-align:center;color:var(--encre)}
.lg-col{display:block;height:calc(var(--h) * .86);border-radius:4px 4px 0 0;background:#2E6DA4}
.lg-col:hover{background:#255a88}
/* centrée même plus large que sa colonne : l'année déborde des deux côtés, pas seulement à droite */
.lg-col-an{display:flex;justify-content:center;padding-top:8px;font:12px var(--sans);white-space:nowrap;color:var(--encre-douce)}

/* barres horizontales : nom, barre, valeur */
.lg-barres{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.lg-barres>li{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr) 8.5rem;gap:16px;align-items:center}
.lg-nom{font:15px/1.35 var(--sans);color:var(--encre)}
.lg-nom small{display:block;font-size:13px;color:var(--encre-douce)}
.lg-barre{display:block;height:14px;cursor:default}
.lg-barre i{display:block;width:var(--part);height:100%;min-width:2px;border-radius:0 4px 4px 0;background:var(--c)}
.lg-barre:focus-visible{outline:2px solid var(--encre);outline-offset:3px}
.lg-valeur{font:600 15px/1.3 var(--sans);color:var(--encre);white-space:nowrap}
.lg-valeur small{display:block;margin-top:2px;font:400 13px var(--sans);color:var(--encre-douce)}
.lg-faible .lg-valeur{grid-column:2/-1;white-space:normal}
.lg-dpe-barres>li{grid-template-columns:3rem minmax(0,1fr) 6.5rem}
.lg-dpe{display:inline-grid;place-items:center;width:30px;height:26px;border-radius:5px;background:var(--c);color:#fff;font:700 15px var(--sans)}
.lg-dpe-claire{color:#2b2610}

/* tableaux */
.lg-chapitre .cp-table-wrap{margin:16px 0 8px}
.lg-chapitre table td small,.lg-chapitre table th small{display:block;margin-top:2px;font-size:12px;color:var(--encre-douce);font-weight:400}
.lg-chapitre table th[scope=row]{font-weight:600}
.lg-voisines tbody tr:first-child th,.lg-voisines tbody tr:first-child td{background:var(--papier-clair)}
.lg-chiffres{margin-top:14px}

/* avec mon budget */
.lg-simulateur{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 40px;align-items:center;padding:26px 28px;background:var(--papier-clair);border-top:2px solid var(--encre)}
.lg-sim-champs>label{display:block;margin-bottom:8px;font:600 15px var(--sans);color:var(--encre)}
.lg-euro{display:flex;align-items:center;gap:10px;font:600 22px var(--sans);color:var(--encre)}
.lg-euro input{width:min(240px,100%);padding:12px 14px;border:1px solid #cfc3b4;border-radius:10px;background:#fff;font:600 22px var(--sans);color:var(--encre)}
.lg-euro input:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}
.lg-types{display:inline-flex;gap:2px;margin-top:14px;padding:3px;border-radius:999px;background:rgba(22,38,59,.07)}
.lg-types button{border:0;border-radius:999px;background:none;padding:8px 16px;font:600 14px var(--sans);color:var(--encre-douce);cursor:pointer}
.lg-types button[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:0 1px 4px rgba(22,38,59,.15)}
.lg-sim-resultat{display:block;font:15px/1.5 var(--sans);color:var(--encre-douce)}
.lg-sim-resultat b{display:block;font:500 clamp(40px,4.6vw,56px)/1 var(--serif);letter-spacing:-.02em;color:var(--encre)}
.lg-sim-resultat>span{display:block;margin-top:8px}

/* louer */
.lg-loyers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0 0 16px;padding:0;list-style:none;border-top:2px solid var(--encre)}
.lg-loyers li{display:grid;gap:4px;padding:18px 0;border-bottom:1px solid var(--bord)}
.lg-loyers span{font:600 15px var(--sans);color:var(--encre)}
.lg-loyers strong{font:500 34px/1.1 var(--serif);color:var(--encre)}
.lg-loyers strong small{font:15px var(--sans);color:var(--encre-douce)}
.lg-loyers li>small{font:13px/1.5 var(--sans);color:var(--encre-douce)}

/* qui habite, logement social */
.lg-social strong{font:500 30px/1 var(--serif);color:var(--encre);margin-right:4px}

/* calendrier de la loi */
.lg-calendrier{margin:16px 0 0;padding:0;list-style:none;border-left:2px solid var(--bord)}
.lg-calendrier li{position:relative;padding:0 0 18px 24px}
.lg-calendrier li::before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--papier);border:2px solid var(--rouge)}
.lg-calendrier time{display:block;font:700 14px var(--sans);color:var(--encre)}
.lg-calendrier span{display:block;margin-top:2px;font:15px/1.6 var(--sans);color:var(--encre-douce);max-width:62ch}

/* ce que les chiffres ne disent pas, et d’où ils viennent */
.lg-nuances{margin:16px 0 0;padding-left:18px;max-width:72ch;font:14px/1.65 var(--sans);color:var(--encre-douce)}
.lg-nuances li+li{margin-top:4px}
.lg-source{margin:14px 0 0;font:13px/1.6 var(--sans);color:var(--encre-douce)}
.lg-source a{text-decoration:underline;text-underline-offset:3px}

/* la bulle des graphiques */
.cp-infobulle{position:fixed;z-index:150;max-width:300px;padding:8px 12px;border-radius:6px;background:var(--encre);color:var(--papier-clair);font:13px/1.45 var(--sans);box-shadow:0 8px 22px rgba(0,0,0,.2);pointer-events:none}

@media (max-width:760px){
  .lg-cotes{grid-template-columns:1fr}
  .lg-cote{padding-right:0}
  .lg-cote+.lg-cote{padding-left:0;border-left:0;border-top:1px solid var(--bord)}
  .lg-barres>li{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .lg-barres>li>.lg-barre{grid-column:1/-1;grid-row:2}
  .lg-dpe-barres>li{grid-template-columns:3rem minmax(0,1fr) auto}
  .lg-dpe-barres>li>.lg-barre{grid-column:auto;grid-row:auto}
  .lg-faible .lg-valeur{grid-column:1/-1}
  .lg-simulateur{grid-template-columns:1fr;padding:22px 18px}
  .lg-loyers{grid-template-columns:1fr}
  .lg-chapitre{margin-top:56px}
  .lg-courbe{padding-left:42px;padding-right:100px}
  .lg-fin{left:calc(100% + 8px)}
  .lg-fin b{font-size:14px}
  .lg-colonnes{gap:3px}
  .lg-col-an{font-size:11px}
  /* une année sur deux sous les colonnes, la première et la dernière toujours */
  .lg-colonnes li:nth-child(even):not(:last-child) .lg-col-an,.lg-colonnes li:nth-last-child(2):nth-child(odd) .lg-col-an{visibility:hidden}
}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/NunitoSans-variable-latin.woff2) format('woff2')}
.lc-habitants,.lc-formulaire,.lc-retrait,.lc-carnet-page{font:17px/1.7 'Spectral',Georgia,serif;color:#192c40;letter-spacing:0}.lc-habitants{margin:70px 0 20px}.lc-habitants h2,.lc-habitants h3,.lc-retrait h2,.lc-carnet-page h2,.lc-carnet-page h3{font-family:'Spectral',Georgia,serif;font-weight:700;letter-spacing:-.025em;line-height:1.3}.lc-habitants h2{font-size:33px;max-width:24ch;margin:15px 0 22px}.lc-eyebrow{font:700 13px/1.5 'Spectral',Georgia,serif;letter-spacing:.035em;color:#a4372b;margin:0 0 14px}.lc-ecrire{background:#e8eddf;border-radius:28px;padding:42px;margin-bottom:60px}.lc-ecrire>p:not(.lc-eyebrow){max-width:60ch;margin-bottom:28px}.lc-sondage{padding:42px;border:1px solid #d5c9b5;border-radius:28px;background:#fffaf1}.lc-sondage>h2{max-width:28ch}.lc-habitants fieldset{margin:28px 0 24px;padding:0;border:0}.lc-choix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lc-choix label{position:relative;cursor:pointer;display:block}.lc-choix input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.lc-choix label>span{display:flex;align-items:center;gap:14px;background:#f2efe4;border:2px solid transparent;border-radius:17px;padding:22px 18px;min-height:95px}.lc-choix svg{width:27px;height:27px;flex:none;color:#5c7157}.lc-choix b{font-size:16px;font-weight:650}.lc-choix i{width:19px;height:19px;border:1px solid #a4aa99;border-radius:50%;margin-left:auto;flex:none;background:#fffdf8}.lc-choix input:checked+span{border-color:#4d6b55;background:#e5ebdc}.lc-choix input:checked+span i{background:#466b50;border:4px solid #fffdf8;box-shadow:0 0 0 1px #466b50}.lc-choix input:focus-visible+span{outline:3px solid #a4372b;outline-offset:3px}.lc-action{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:25px;background:#192c40;color:#fffaf1!important;padding:14px 24px;font:650 16px/1.5 'Spectral',Georgia,serif;cursor:pointer;min-height:48px;text-decoration:none!important}.lc-action:hover{background:#30475d}.lc-action:disabled{opacity:.55;cursor:wait}.lc-formulaire{margin:32px 0 0}.lc-formulaire label:not(.lc-case),.lc-label{display:block;font-weight:650;margin:22px 0}.lc-formulaire input:not([type=checkbox]),.lc-formulaire textarea,.lc-formulaire select,.lc-label input{display:block;width:100%;border:1px solid #bcbfae;border-radius:12px;background:#fffdf8;color:#192c40;padding:13px 15px;font:17px/1.6 'Spectral',Georgia,serif;margin:9px 0;min-width:0}.lc-formulaire textarea{resize:vertical;min-height:145px}.lc-formulaire label small{font-weight:400;color:#55634f;margin-left:10px}.lc-form-identite{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lc-formulaire .lc-case,.lc-case{display:flex;align-items:flex-start;gap:12px;font:15px/1.65 'Spectral',Georgia,serif;margin:22px 0}.lc-case input{width:20px;height:20px;margin:3px 0 0;accent-color:#466b50;flex:none}.lc-case small{display:block}.lc-confidentialite{font:13px/1.6 'Spectral',Georgia,serif!important;color:#586454;max-width:66ch;margin:20px 0}.lc-piege{display:none!important}.lc-formulaire [role=status],.lc-sondage [role=status]{margin:20px 0;font-size:16px;font-weight:650;max-width:60ch}.lc-resultats{display:grid;gap:20px;margin:24px 0}.lc-resultats>div{display:grid;grid-template-columns:1fr auto;gap:10px}.lc-resultats i{height:9px;border-radius:10px;grid-column:1/-1;background:linear-gradient(to right,#54735d var(--part),#e5e5d8 var(--part))}.lc-carnet{display:grid;grid-template-columns:150px 1fr;gap:30px;border-top:1px solid #d5c9b5;margin-top:38px;padding-top:38px}.lc-carnet>img{width:100%;height:220px;object-fit:cover;border-radius:70px 70px 18px 18px;mix-blend-mode:multiply}.lc-carnet h3{font-size:29px;margin:10px 0 15px}.lc-lien-carnet,.lc-carnet-pret{font-size:14px;text-decoration:underline!important;text-underline-offset:4px;color:#a4372b!important}.lc-retrait{padding:30px;border:1px solid #c8c8b5;margin-bottom:35px}.lc-retrait[hidden],[data-lc-resultats][hidden],[data-lc-vote][hidden],#lc-message-carros[hidden]{display:none!important}
.cp-actualite-redaction{background:#e8eddf;border:1px solid #d6deca;border-radius:24px;padding:36px;margin:35px 0 65px}.cp-actualite-redaction>h3{font:700 29px/1.4 'Spectral',Georgia,serif;max-width:33ch}.cp-actu-date{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#56604f;margin:20px 0}.cp-actu-date>span{font-weight:700}.cp-actu-essentiel>p{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:24px 0;margin:0;border-top:1px solid #cbd3bf}.cp-actu-essentiel>p>b{font-size:17px}.cp-actu-essentiel>p>span{font-size:17px;max-width:52ch}.cp-actu-separateur{border-top:3px solid #192c40;padding-top:30px;margin:0 0 20px}.cp-actu-separateur h3{font:700 30px/1.3 'Spectral',Georgia,serif}.cp-actu-separateur>p:last-child{font-size:14px;max-width:65ch;color:#586454}.cp-actu-locale{padding:30px 0;border-bottom:1px solid #d5c9b5}.cp-actu-locale h3{font:700 26px/1.4 'Spectral',Georgia,serif;max-width:32ch}.cp-actu-locale>p{max-width:62ch;font-size:17px;line-height:1.85}.cp-actu-locale>p.cp-actu-source{font-size:13px;margin-top:24px}.cp-actu-source a{text-decoration:underline;text-underline-offset:4px}.cp-actualite-redaction .cp-reference{display:none}
.lc-carnet-page{max-width:950px;margin:0 auto;padding:35px 0}.lc-carnet-page>header{padding:30px 0 40px;border-bottom:2px solid #d5c9b5}.lc-carnet-page h1{font:700 52px/1.2 'Spectral',Georgia,serif}.lc-carnet-page>section{margin:55px 0}.lc-carnet-page h2{font-size:34px;margin:20px 0 30px}.lc-carnet-balades{display:grid;grid-template-columns:1fr 1fr;gap:35px}.lc-carnet-balades article{border-bottom:1px solid #d5c9b5;padding-bottom:25px;break-inside:avoid}.lc-carnet-balades img{width:100%;height:180px;object-fit:cover;border-radius:55% 45% 25px 25px}.lc-carnet-page h3{font-size:23px;margin:20px 0 15px}.lc-carnet-page small{display:block;line-height:1.6}.lc-carnet-page a{color:#a4372b;text-decoration:underline;text-underline-offset:4px}.lc-carnet-contacts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lc-carnet-contacts p{padding:20px;border:1px solid #d5c9b5;border-radius:15px}.lc-carnet-contacts b{display:block}.lc-carnet-page footer{font-size:13px;border-top:1px solid #d5c9b5;padding-top:25px}
@media(max-width:650px){.lc-ecrire,.lc-sondage{padding:25px 20px;border-radius:22px}.lc-habitants h2{font-size:28px}.lc-choix,.lc-form-identite,.lc-carnet-balades,.lc-carnet-contacts{grid-template-columns:1fr}.lc-choix label>span{min-height:77px;padding:18px 14px}.lc-carnet{grid-template-columns:1fr;gap:20px}.lc-carnet>img{width:150px;height:160px}.lc-carnet h3{font-size:27px}.lc-habitants{margin-top:45px}.lc-form-identite{gap:0}.lc-ecrire{margin-bottom:35px}.lc-formulaire input:not([type=checkbox]),.lc-formulaire textarea,.lc-formulaire select,.lc-label input{font-size:16px}.cp-actu-essentiel>p{grid-template-columns:1fr;gap:10px}.cp-actualite-redaction{padding:25px}.cp-actualite-redaction>h3{font-size:25px}.cp-actu-locale h3{font-size:24px}.lc-carnet-page h1{font-size:40px}}
@media print{.top,.pied,.skip,.lc-carnet-page button{display:none!important}.wrap{max-width:none!important;padding:0!important}.lc-carnet-page{padding:0;font-size:11pt}.lc-carnet-page h1{font-size:30pt}.lc-carnet-page h2{font-size:22pt}.lc-carnet-page h3{font-size:15pt}.lc-carnet-balades{gap:20px}.lc-carnet-balades img{height:110px}.lc-carnet-page>section{margin:25px 0}.lc-carnet-page a{font-size:10pt}.lc-carnet-page footer{font-size:9pt}}
.lc-envoye>:not([data-lc-statut]){display:none!important}.lc-envoye [data-lc-statut]{margin:0;padding:18px 20px;border-radius:12px;background:rgba(22,38,59,.06);font-size:17px;font-weight:600;line-height:1.55}.lc-nouveau{margin-top:12px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:500;text-decoration:underline;cursor:pointer}
.lc-envoye [data-lc-statut]:focus{outline:none}

/* « Nous contacter » (29/09) : une invitation courte, le formulaire en carte blanche */
.nc{max-width:680px;margin:0 auto;padding:48px 0 72px}
.nc-tete{margin-bottom:28px}
.nc-sur{margin:0 0 8px;font:600 11.5px/1.3 'Spectral',Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#C8382A}
.nc-tete h1{margin:0 0 12px;font:600 clamp(38px,4.6vw,60px)/1.05 'Spectral',Georgia,serif;color:#16263B;letter-spacing:-.01em}
.nc-tete p:last-child{margin:0;font:400 17px/1.55 'Spectral',Georgia,serif;color:#3C4B58}
.nc-carte{padding:24px;background:#fff;border:1px solid #E6EBF0;border-radius:18px;box-shadow:0 1px 2px rgba(15,35,60,.04),0 10px 30px -18px rgba(15,35,60,.2)}
.nc .lc-formulaire{margin:0;font:15px/1.5 'Spectral',Georgia,serif;color:#16263B}
.nc .lc-formulaire label:not(.lc-case){margin:16px 0 0;font:600 14px/1.4 'Spectral',Georgia,serif}
.nc .lc-formulaire label:first-of-type{margin-top:0}
.nc .lc-formulaire :is(input:not([type=checkbox]),textarea,select){margin:6px 0 0;padding:11px 13px;border:1px solid #D6DCE1;border-radius:10px;background:#fff;font:15px/1.5 'Spectral',Georgia,serif;color:#16263B}
.nc .lc-formulaire :is(input,textarea,select):focus{outline:0;border-color:#16263B;box-shadow:0 0 0 3px rgba(22,38,59,.1)}
.nc .lc-formulaire textarea{min-height:130px}
.nc .lc-form-identite{gap:12px}
.nc .lc-case{margin:16px 0 0;font:13.5px/1.5 'Spectral',Georgia,serif;color:#4C5C67}
.nc .lc-confidentialite{margin:10px 0 0;font:12.5px/1.5 'Spectral',Georgia,serif;color:#7A8791}
.nc .lc-action{width:100%;margin-top:18px;border-radius:10px;background:#16263B;font:500 14px/1.2 'Spectral',Georgia,serif;min-height:40px;padding:9px 16px}
@media (max-width:640px){.nc{padding:28px 0 48px}.nc-carte{padding:20px 18px}.nc .lc-form-identite{grid-template-columns:1fr;gap:0}}
.nc .lc-form-identite label{margin-top:16px!important}
/* ─────────────── L’édition d’une commune ───────────────
   En tête, le nom de la ville et la carte côte à côte, puis les accès rapides.
   Dessous, une rubrique à la fois : sa tête en bande de couleur, un grand
   titre, ses chapitres ; le sommaire, posé à gauche sur sa fiche, change de
   rubrique. Chargée après les autres feuilles : elle met en page, les
   composants gardent leurs styles. */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.cp-body{background:#fff}

/* les rubriques se lisent sur blanc : les aplats crème des composants passent au gris-bleu */
.cp-panneaux{--papier:#fff;--papier-clair:#F3F5F8;--papier-creux:#EEF1F5}
.cp-panneaux .cp-alerte-douce{background:rgba(22,38,59,.05);border-left-color:var(--navy)}
.cp-panneaux .cp-event-image{background:rgba(22,38,59,.06)}

/* ── la tête, comme la une de l’accueil : le nom de la ville, la carte, la devise ── */
.cp-une{padding:40px max(40px,calc((100% - 1280px) / 2)) 36px;background:var(--papier);border-bottom:1px solid var(--bord)}
.cp-une .cc{margin:0}
.cp-une .cc .cc-cadre{grid-template-columns:minmax(0,1fr);grid-template-rows:auto clamp(340px,34vw,480px) auto auto;grid-template-areas:"cartouche" "plan" "bas" "colonne";column-gap:0}
.cp-une .cc .cc-plan,.cp-une .cc .cc-affiche{border-radius:18px}
.cp-une .cc .cc-plan{box-shadow:0 14px 40px rgba(22,38,59,.16)}
.cp-une .cc .cc-affiche>div{padding:16px 22px;gap:10px}
.cp-une .cc .cc-affiche b{font-size:22px}
.cp-une .cc .cc-fiche{width:min(380px,44%);max-height:calc(100% - 76px);margin:64px 12px 0 0}

.cp-une .cc-cartouche{grid-area:cartouche;padding:0 0 26px;text-align:center}
.cp-une .cc-cartouche-edition{margin:0 0 12px;font:600 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rouge)}
.cp-body .cp-une .cc-cartouche h1{margin:0;font:500 clamp(64px,9vw,136px)/.88 'Bodoni Moda',Didot,'Times New Roman',serif;letter-spacing:.02em;text-transform:uppercase;color:var(--encre)}
/* la recherche est posée sur la carte, en haut à gauche ; elle apparaît avec la carte */
.cp-une .cc-recherche-sur{grid-area:plan;z-index:8;align-self:start;justify-self:start;width:min(400px,calc(100% - 300px));margin:14px 0 0 14px}
.cp-une .cc .cc-recherche-sur .cc-recherche{padding:0;max-width:none}
.cp-une .cc .cc-recherche-sur .cc-champ{box-shadow:0 8px 24px rgba(22,38,59,.18)}
.cp-une .cc .cc-recherche-sur .cc-resultats{top:52px}
/* sous la carte, la phrase de l’édition entre deux filets, puis les chiffres */
.cp-une .cc-une-bas{grid-area:bas;display:grid;justify-items:center;gap:16px;padding:26px 0 4px;text-align:center}
.cp-une .cc-une-devise{display:flex;align-items:center;gap:18px;width:min(620px,100%);margin:0;font:600 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--encre)}
.cp-une .cc-une-devise::before,.cp-une .cc-une-devise::after{content:"";flex:1;height:1px;background:var(--bord)}
.cp-une .cc-cartouche-faits{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 44px;margin:0}
.cp-une .cc-cartouche-faits dt{font:13px/1.4 var(--sans);color:var(--encre-douce)}
.cp-une .cc-cartouche-faits dd{margin:2px 0 0;font:700 17px/1.3 var(--sans);color:var(--encre)}

/* les calques : une ligne repliée sous la carte */
.cp-une .cc .cc-calques{grid-area:colonne;margin-top:22px;border-top:1px solid var(--bord);border-bottom:1px solid var(--bord)}
.cp-une .cc-calques>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;font:600 15px/1.4 var(--sans);color:var(--navy)}
.cp-une .cc-calques>summary::-webkit-details-marker{display:none}
.cp-une .cc-calques>summary>span:last-child{font:14px/1.4 var(--sans);color:var(--encre-douce)}
.cp-une .cc-calques>summary>span:last-child::after{content:"+";display:inline-block;margin-left:12px;font:400 20px/1 var(--sans);color:var(--rouge);vertical-align:-2px}
.cp-une .cc-calques[open]>summary>span:last-child::after{content:"–"}
.cp-une .cc .cc-defile{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-bottom:8px}
.cp-une .cc .cc-groupe{background:none;border-radius:0;padding:0}
.cp-une .cc .cc-groupe>p{margin:14px 10px 4px;font:600 13px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--encre-douce)}
.cp-une .cc .cc-fond{padding:10px 4px 16px}
.cp-une .cc .cc-fond>span{font:600 13px var(--sans);letter-spacing:0;text-transform:none}
.cp-une .cc>.cc-erreur,.cp-une .cc>.cc-sources{width:auto;margin:0;padding-inline:0;border-top:0}
@media (max-width:1200px){.cp-une .cc .cc-defile{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* en plein écran : la carte seule, la recherche posée dessus */
.cp-une .cc .cc-cadre:is(:fullscreen,.cc-grand){grid-template-columns:minmax(0,1fr);grid-template-rows:100dvh auto;grid-template-areas:"plan" "colonne";column-gap:0;row-gap:0}
.cp-une .cc .cc-cadre:is(:fullscreen,.cc-grand) .cc-plan{border-radius:0;box-shadow:none}
.cp-une .cc .cc-cadre:is(:fullscreen,.cc-grand) :is(.cc-cartouche,.cc-une-bas){display:none}
.cp-une .cc .cc-cadre:is(:fullscreen,.cc-grand) .cc-recherche-sur{grid-area:plan;z-index:8;align-self:start;justify-self:start;width:min(380px,calc(100% - 28px));margin:68px 0 0 14px}

/* ── les accès rapides, sous la carte ── */
.ed-acces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;border-top:2px solid var(--navy)}
.ed-acces>a{display:flex;align-items:flex-start;gap:14px;padding:18px 20px 4px 0;color:var(--encre);text-decoration:none}
.ed-acces>a+a{padding-left:20px;border-left:1px solid var(--bord)}
.ed-acces .cp-icone{flex:none;width:26px;height:26px;margin-top:2px;padding:0;border-radius:0;background:none;color:var(--rouge)}
.ed-acces b{display:block;font:700 17px/1.3 var(--sans)}
.ed-acces small{display:block;margin-top:3px;font:14px/1.45 var(--sans);color:var(--encre-douce)}
.ed-acces>a:hover b{color:var(--rouge)}
.ed-acces>a:focus-visible{outline:2px solid var(--rouge);outline-offset:4px}

/* ── sous la tête : le sommaire et la rubrique ouverte ── */
.cp-lecture .cp-layout{grid-template-columns:200px minmax(0,1fr);gap:64px;padding-top:0}
.cp-lecture .cp-aside{top:20px;z-index:4;max-height:calc(100dvh - 40px);margin-top:48px;padding:12px 0;background:#fff;border:1px solid var(--bord);border-radius:14px;box-shadow:0 10px 30px rgba(22,38,59,.08)}
.cp-body .cp-lecture .cp-nav{display:block;border:0}
.cp-body .cp-lecture .cp-nav>a{display:block;margin:0;padding:8px 14px 8px 15px;min-height:0;border:0;border-left:3px solid transparent;border-radius:0;background:none;box-shadow:none;font:500 15px/1.35 var(--sans);color:var(--encre-douce)}
.cp-body .cp-lecture .cp-nav>a:hover{color:var(--encre)}
.cp-body .cp-lecture .cp-nav>a[aria-current]{border-left-color:var(--rouge);color:var(--navy);font-weight:700}

.cp-lecture .cp-panneau{padding-block:0 96px;scroll-margin-top:0}
.cp-lecture .cp-panneau+.cp-panneau{margin-top:0;padding-top:0;border-top:0}
/* la tête de rubrique : une bande de couleur jusqu’aux bords de l’écran, sans rien pousser */
.ed-rubrique-tete{--bande:#EAF0F5;margin:0 0 64px;padding:64px 0 40px;background:var(--bande);border-image:conic-gradient(var(--bande) 0 0) fill 0//0 100vmax}
.cp-body .cp-rubrique-nom{position:relative;margin:0;padding-top:26px;font:600 clamp(40px,4.4vw,62px)/1.08 var(--display);letter-spacing:-.015em;color:var(--navy)}
.cp-body .cp-rubrique-nom::before{content:"";position:absolute;top:0;left:0;width:56px;height:4px;background:var(--rouge)}
.cp-rubrique-desc{margin:16px 0 0;max-width:62ch;font:19px/1.55 var(--sans);color:var(--encre-douce)}
/* le sommaire d’une rubrique à chapitres : une carte par chapitre, on clique pour le lire */
.ed-sommaire{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0 0 48px}
.ed-sommaire a{display:grid;align-content:start;gap:10px;min-height:170px;padding:22px 22px 20px;border:1px solid var(--bord);border-radius:16px;background:#fff;color:var(--encre);text-decoration:none;box-shadow:0 2px 0 rgba(22,38,59,.04)}
.ed-sommaire a:hover{border-color:var(--navy);box-shadow:0 10px 24px rgba(22,38,59,.1)}
.ed-sommaire a:focus-visible{outline:2px solid var(--rouge);outline-offset:3px}
.ed-sommaire b{font:600 23px/1.25 var(--display);color:var(--navy)}
.ed-sommaire span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font:15px/1.5 var(--sans);color:var(--encre-douce)}
.ed-sommaire em{margin-top:auto;font:700 14px/1.4 var(--sans);font-style:normal;color:var(--rouge)}
.ed-retour{display:inline-block;margin:0 0 22px;font:700 15px/1.4 var(--sans);color:var(--rouge);text-decoration:none}
.ed-retour:hover{text-decoration:underline;text-underline-offset:4px}
/* sous le grand titre, l’accroche de la rubrique devient un sous-titre */
.cp-lecture :is(.cp-panneau>.cp-tete,.cp-commerce-accueil .cp-tete) .cp-kicker{display:none}
.cp-body .cp-lecture :is(.cp-panneau>.cp-tete,.cp-commerce-accueil .cp-tete) h2{max-width:30ch;font:500 clamp(25px,2.4vw,32px)/1.25 var(--display);letter-spacing:-.01em;color:var(--encre)}
.cp-lecture .cp-panneau>.cp-tete{margin-bottom:40px}
/* les titres de chapitre du budget : la même voix que ceux du logement */
.cp-body .cp-lecture .cp-finance-chapitre>h2,.cp-body .cp-lecture .cp-finance-chapitre>h3:first-of-type,.cp-body .cp-lecture .cp-finance-chapitre>.cp-tete h2{font:500 clamp(30px,3vw,40px)/1.2 var(--display);letter-spacing:-.015em;color:var(--encre)}
.cp-lecture .cp-finance-pages>.cp-finance-chapitre{scroll-margin-top:28px}
.cp-lecture .cp-finance-pages>.cp-finance-chapitre+.cp-finance-chapitre{margin-top:88px;padding-top:56px;border-top:1px solid var(--bord)}
/* un chapitre à la fois : il commence en haut, et renvoie au précédent et au suivant */
.ed-onglets .cp-lecture .cp-finance-pages>[data-chapitre-page]{margin-top:0;padding-top:0;border-top:0}
.ed-suite{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:72px;padding-top:28px;border-top:2px solid var(--navy)}
.ed-suite a{display:grid;gap:4px;padding:18px 22px;border-radius:14px;background:#EAF0F5;color:var(--navy);text-decoration:none}
.ed-suite a:hover{background:#DDE6EE}
.ed-suite a:focus-visible{outline:2px solid var(--rouge);outline-offset:3px}
.ed-suite small{font:600 13px/1.3 var(--sans);color:var(--encre-douce)}
.ed-suite b{font:500 22px/1.25 var(--display)}
.ed-suite-apres{grid-column:2;text-align:right}

/* ── cette semaine : les rendez-vous et le ciel, les annonces, le document ; le formulaire « Nous écrire » ferme la page ── */
.ed-semaine{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:56px;align-items:start}
.ed-semaine .cp-rendezvous-entete{margin:0 0 8px}
.cp-body .ed-semaine .cp-rendezvous-entete h3{margin:0;font:500 28px/1.2 var(--display);color:var(--encre)}
.cp-body .cp-lecture .ed-semaine .cp-meteo{display:block;margin:0;padding:24px 26px;border:0;border-radius:16px;background:#EAF0F5}
.ed-semaine .cp-previsions{margin-top:18px}
.cp-body .cp-lecture .lc-habitants{margin:80px 0 0}
.cp-body .cp-lecture .lc-ecrire{background:none;border-radius:0;border-top:1px solid var(--bord);padding:40px 0 0;margin-bottom:64px}
.cp-body .cp-lecture .lc-habitants h2{font:500 clamp(28px,2.6vw,36px)/1.2 var(--display);letter-spacing:-.015em}

/* moins de cartes posées : le papier et les filets suffisent */
.cp-body .cp-kicker,.cp-body .lc-eyebrow{font:600 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--rouge)}
.cp-body .cp-lecture .cp-carte-titre>.cp-icone{background:none;padding:0;width:26px;height:26px}
.cp-renvoi-carte{margin:-8px 0 28px;font:15px/1.6 var(--sans);color:var(--encre-douce)}
.cp-body .cp-renvoi-carte button.cp-lien{background:none;border:0;padding:0;cursor:pointer;margin-left:4px}

/* ── les inscriptions : un e-mail d’abord, le reste ensuite ── */
.lc-inscription{margin:0}
.lc-inscription .lc-etape1{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}
.lc-inscription .lc-etape1>label{flex:1 1 240px}
.lc-inscription label{display:grid;gap:6px;font:600 14px/1.4 var(--sans);color:var(--encre)}
.lc-inscription label small{font-weight:400;color:var(--encre-douce)}
.lc-inscription input:not([type=checkbox]){width:100%;min-width:0;margin:0;padding:12px 14px;border:1px solid #cfc3b4;border-radius:10px;background:#fff;color:var(--encre);font:16px/1.4 var(--sans)}
.lc-inscription input:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}
.lc-inscription .lc-etape2{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:16px}
.lc-inscription .lc-large{grid-column:1/-1}
.lc-inscription .lc-case{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font:15px/1.5 var(--sans)}
.lc-inscription .lc-case input{margin-top:3px}
.cp-body .lc-inscription .lc-action{border-radius:10px;min-height:47px;padding:12px 20px;gap:10px}
.lc-inscription [data-lc-suite]>.lc-action{margin-top:18px}
.lc-inscription [data-lc-statut]{margin:14px 0 0;font:600 15px/1.5 var(--sans);color:var(--navy)}
.lc-inscription [data-lc-statut]:empty{display:none}
.lc-inscription [data-lc-statut] a{color:var(--rouge);text-decoration:underline;text-underline-offset:4px}
.lc-inscription .lc-confidentialite{margin:14px 0 0}
/* Inscription reçue : il ne reste que le message, bien visible. */
.lc-envoye>:not([data-lc-statut]){display:none!important}
.lc-envoye [data-lc-statut]{margin:0;padding:18px 20px;border-radius:12px;background:rgba(22,38,59,.06);font:600 17px/1.55 var(--sans)}
.cp-edl .lc-inscription.lc-envoye [data-lc-statut]{background:rgba(255,255,255,.12)}
.cp-crieur .lc-inscription,.cp-edl .lc-inscription{max-width:640px}

/* le document : sa bande marine, dans « Cette semaine » */
.cp-edl{--bande:var(--navy);display:grid;grid-template-columns:190px minmax(0,1fr);gap:56px;align-items:center;margin:80px 0 0;padding:72px 0;border:0;background:var(--bande);border-image:conic-gradient(var(--bande) 0 0) fill 0//0 100vmax;color:#fff}
.cp-edl-document{position:relative;display:flex;flex-direction:column;aspect-ratio:210/297;padding:16px 14px 18px;background:var(--papier);border:1px solid #cfc3b4;box-shadow:6px 6px 0 -1px var(--navy),6px 6px 0 0 #8795a8,12px 12px 0 -1px var(--navy),12px 12px 0 0 #8795a8,18px 18px 0 -1px var(--navy),18px 18px 0 0 #8795a8}
.cp-edl-document img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cp-edl-document b{font:700 11px/1.2 var(--sans);color:var(--rouge)}
.cp-edl-document strong{margin-top:18px;font:500 31px/1 var(--serif);letter-spacing:-.02em;color:var(--encre)}
.cp-edl-document em{margin:4px 0 14px;font:italic 15px/1.2 var(--serif);color:var(--navy)}
.cp-edl-document i{display:block;height:5px;margin-top:7px;background:#e6dccf}
.cp-edl-document i:nth-of-type(2){width:82%}.cp-edl-document i:nth-of-type(4){width:64%}.cp-edl-document i:nth-of-type(5){width:88%}
.cp-body .cp-edl h2{margin:0 0 14px;font:600 clamp(32px,3.2vw,46px)/1.1 var(--display);letter-spacing:-.015em;color:#fff}
.cp-edl-contenu>p{max-width:56ch;margin:0;font-size:18px;color:rgba(255,255,255,.8)}
.cp-edl ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;margin:20px 0 26px;padding:0;list-style:none}
.cp-edl li{position:relative;padding-left:18px;font:15px/1.5 var(--sans);color:#fff}
.cp-edl li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:var(--rouge)}
.cp-edl .lc-inscription label,.cp-edl .lc-inscription .lc-case{color:#fff}
.cp-edl .lc-inscription label small,.cp-edl .lc-inscription .lc-confidentialite{color:rgba(255,255,255,.72)}
.cp-body .cp-edl .lc-inscription .lc-action{border-color:var(--rouge);background:var(--rouge);color:#fff}
.cp-edl .lc-inscription [data-lc-statut],.cp-edl .lc-inscription [data-lc-statut] a{color:#fff}
.cp-edl .lc-inscription input:focus-visible{outline-color:#fff}

/* le crieur public : une seule fois, la bande papier qui clôt l’édition */
.cp-crieur{--bande:var(--papier);display:grid;grid-template-columns:104px minmax(0,1fr);gap:40px;align-items:center;margin:0;padding:64px 0;border:0;background:var(--bande);border-image:conic-gradient(var(--bande) 0 0) fill 0//0 100vmax}
.cp-crieur>img{width:104px;height:auto}
.cp-body .cp-crieur h2{margin:0 0 10px;font:600 clamp(30px,3vw,42px)/1.1 var(--display);letter-spacing:-.015em;color:var(--navy)}
.cp-crieur-texte>p{max-width:54ch;margin:0 0 20px;font-size:17px;color:var(--encre-douce)}

@media (max-width:850px){
  .cp-lecture .cp-layout{display:block;padding-top:0}
  .cp-lecture .cp-aside{position:sticky;top:0;z-index:30;max-height:none;overflow:visible;margin:0 -24px;padding:0 24px;background:#fff;border:0;border-bottom:1px solid var(--bord);border-radius:0;box-shadow:0 4px 14px rgba(22,38,59,.06)}
  .cp-body .cp-lecture .cp-nav{display:flex;gap:2px;overflow-x:auto;border:0;scrollbar-width:none;padding:0}
  .cp-body .cp-lecture .cp-nav::-webkit-scrollbar{display:none}
  .cp-body .cp-lecture .cp-nav>a{flex:none;margin:0;padding:15px 10px 13px;border-left:0;border-bottom:2px solid transparent;white-space:nowrap;font-size:14px}
  .cp-body .cp-lecture .cp-nav>a[aria-current]{border-bottom-color:var(--rouge)}
  .cp-lecture .cp-panneau{padding-block:0 64px;scroll-margin-top:50px}
  .cp-lecture .cp-finance-pages>.cp-finance-chapitre{scroll-margin-top:66px}
  .ed-rubrique-tete{margin-bottom:40px;padding:44px 0 28px}
  .cp-body .cp-rubrique-nom{padding-top:20px;font-size:clamp(34px,9.5vw,44px)}
  .cp-rubrique-desc{font-size:17px}
  .ed-sommaire{grid-template-columns:1fr;gap:12px}
  .ed-sommaire a{min-height:0}
  .ed-suite{grid-template-columns:1fr;margin-top:56px}
  .ed-suite-apres{grid-column:auto}
  .ed-semaine{grid-template-columns:1fr;gap:36px}
  .ed-acces{grid-template-columns:1fr 1fr}
  .ed-acces>a:nth-child(odd){padding-left:0;border-left:0}
  .ed-acces>a:nth-child(even){padding-left:16px}
  .ed-acces>a:nth-child(n+3){border-top:1px solid var(--bord);padding-bottom:14px}
  .cp-edl{grid-template-columns:1fr;gap:28px;margin-top:56px;padding:56px 0}
  .cp-edl-document{width:150px}
  .cp-edl-document strong{font-size:25px}
  .cp-edl ul{grid-template-columns:1fr}
  .lc-inscription .lc-etape2{grid-template-columns:1fr}
  .cp-crieur{grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start;padding:48px 0}
  .cp-crieur>img{width:72px}
}
@media (max-width:760px){
  .cp-une{padding:26px 18px 24px}
  .cp-une .cc{padding:0;margin:0;border-radius:0;background:none}
  .cp-une .cc .cc-cadre{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto min(300px,50svh) auto auto;grid-template-areas:"cartouche" "recherche" "plan" "bas" "colonne";row-gap:0}
  .cp-une .cc-cartouche{padding-bottom:18px}
  .cp-body .cp-une .cc-cartouche h1{font-size:clamp(54px,17vw,80px)}
  /* sur téléphone, la recherche passe au-dessus de la carte, grisée tant que la carte charge */
  .cp-une .cc-recherche-sur{grid-area:recherche;justify-self:stretch;width:auto;margin:0 0 12px}
  .cp-une .cc .cc-cadre:has(.cc-affiche:not([hidden])) .cc-recherche-sur .cc-recherche{visibility:visible;opacity:.5;pointer-events:none}
  .cp-une .cc-une-bas{padding-top:18px}
  .cp-une .cc-une-devise{gap:12px;font-size:11px}
  .cp-une .cc-cartouche-faits{gap:8px 24px}
  .cp-une .cc .cc-plan{box-shadow:none;border:1px solid var(--cc-trait)}
  .cp-une .cc .cc-colonne{margin:0}
  .cp-une .cc .cc-calques{margin-top:0}
  .cp-une .cc .cc-fiche{margin:0;width:auto}
  .ed-acces b{font-size:16px}
  .ed-acces small{display:none}
}
@media (max-width:600px){
  .cp-lecture .cp-aside{margin-inline:-18px;padding-inline:18px}
}

/* En-tête : la presse du département à côté du changement de commune. */
/* Sur téléphone, les deux liens s'empilent : le nom du journal garde sa ligne. */
/* Après les annonces de la ville, dans « Cette semaine » : la porte vers la presse du 06. */
.cp-presse-06{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:26px 30px;border-radius:14px;background:#EAF0F5}
.cp-presse-06 h3{font:600 24px/1.3 var(--display);margin:4px 0 6px}
.cp-presse-06 p:last-child{color:var(--encre-douce);margin:0}
@media(max-width:700px){.cp-presse-06{flex-direction:column;align-items:flex-start;padding:22px 20px}}
/* L’onglet vers la presse du 06 : un lien, pas une rubrique (le script ne pilote que data-rubrique). */
.cp-body .cp-lecture .cp-nav>a.cp-nav-presse{margin-top:10px;padding-top:12px;border-top:1px solid var(--bord);color:var(--rouge);font-weight:600}
@media(max-width:850px){.cp-body .cp-lecture .cp-nav>a.cp-nav-presse{margin-top:0;padding-top:15px;border-top:0;border-left:1px solid var(--bord);padding-left:14px}}
/* Commerces : « Ouvert maintenant » filtre les adresses chargées selon l’état rendu par Google. */
.cp-commerce-tri .cp-commerce-ouverts{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--bord);border-radius:24px;font:600 14px/1.3 var(--sans);color:var(--navy);cursor:pointer;flex:none}
.cp-commerce-ouverts input{width:18px;height:18px;margin:0;accent-color:#4b7958}
.cp-commerce-ouverts:has(input:checked){background:#EEF4EF;border-color:#4b7958;color:#386044}
@media(max-width:760px){.cp-commerce-tri .cp-commerce-ouverts{display:inline-flex;margin-top:12px}}

/* ── Ce matin à Carros : ce qui change d’un jour à l’autre, en tête de « Cette semaine » ── */
.cm{margin:0 0 76px}
.cm-tete{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;margin:0 0 20px}
.cp-body .cm-tete h3{margin:0;font:500 clamp(30px,2.8vw,40px)/1.15 var(--display);color:var(--encre)}
.cp-body .cm-tete p{margin:0;font:600 15px/1.4 var(--sans);color:var(--rouge)}
.cm-tete p::first-letter{text-transform:uppercase}
.cm-ciel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:16px;background:#EAF0F5}
.cm-ciel>article{min-width:0;padding:22px 26px 20px}
.cm-ciel>article+article{border-left:1px solid rgba(22,38,59,.12)}
/* Quatre blocs (ciel, vigilance, air, pollens) : deux par ligne sur une largeur moyenne. */
@media(min-width:851px) and (max-width:1180px){.cm-ciel{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-ciel>article:nth-child(3){border-left:0}.cm-ciel>article:nth-child(n+3){border-top:1px solid rgba(22,38,59,.12)}}
/* Les prochains jours, sous le ciel du jour : une ligne par jour, comme l’application Météo. */
.cm-semaine{margin-top:12px;padding:16px 26px 14px;border-radius:16px;background:#EAF0F5}
.cm-semaine-tete{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin-bottom:4px}
.cp-body .cm-semaine-tete h4{margin:0}
.cp-body .cm-semaine-tete p{font:13px/1.4 var(--sans);color:var(--encre-douce)}
.cm-jours{margin:0;padding:0;list-style:none}
.cm-jours>li{display:grid;grid-template-columns:minmax(92px,1.1fr) 34px 48px 40px minmax(80px,3fr) 40px;align-items:center;gap:10px;min-height:44px;border-top:1px solid rgba(22,38,59,.1);font:15px/1.3 var(--sans);color:var(--encre)}
.cm-jours>li:first-child{border-top:0}
.cm-jours>li[hidden]{display:none}
.cm-jours b{font-weight:700;color:var(--navy)}
.cm-picto{display:grid;place-items:center;color:var(--navy)}
.cm-picto svg{width:26px;height:26px}
.cm-pluie{font:700 13px/1 var(--sans);color:#2f6fa0;text-align:left}
.cm-min{text-align:right;color:var(--encre-douce)}
.cm-max{font-weight:700}
.cm-echelle{position:relative;height:6px;border-radius:3px;background:rgba(22,38,59,.1)}
.cm-echelle>i{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#7fb2d8,#f0b04f)}
@media(max-width:600px){.cm-semaine{padding:12px 16px}.cm-jours>li{grid-template-columns:minmax(70px,1fr) 28px 40px 34px minmax(50px,2fr) 34px;gap:7px;font-size:14px}}
.cp-body .cm h4{margin:0 0 10px;font:600 14px/1.3 var(--sans);color:var(--encre-douce)}
.cp-body .cm p{margin:0;font:15px/1.55 var(--sans);color:var(--encre)}
.cp-body .cm p+p{margin-top:6px}
.cp-body .cm p.cm-grand{font:500 32px/1.15 var(--display);color:var(--navy)}
.cp-body .cm .cm-doux{color:var(--encre-douce)}
.cm-alerte{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#fdecea;color:#8a1f11;font-size:.92em;line-height:1.4}
.cm-pastille{display:inline-block;width:.8em;height:.8em;margin-right:.4em;border-radius:50%;vertical-align:-.02em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.cm-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px;margin-top:10px}
.cm-grille>article{min-width:0;padding:26px 0 10px;border-top:1px solid var(--bord)}
.cm-grille>.cm-bus{grid-column:span 2}
.cm-arret{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.cm-arret label{font:600 14px/1.4 var(--sans);color:var(--encre)}
.cm-arret-champ{position:relative;flex:1 1 240px;max-width:400px}
.cm-arret-champ input{box-sizing:border-box;width:100%;margin:0;padding:11px 16px;border:1px solid var(--bord);border-radius:24px;background:#fff;font:15px/1.3 var(--sans);color:var(--navy)}
.cm-arret-champ input:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}
.cm-arret-champ ul{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);max-height:300px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--bord);border-radius:14px;box-shadow:0 12px 30px rgba(22,38,59,.14)}
.cm-arret-champ li{padding:11px 12px;border-radius:9px;font:15px/1.3 var(--sans);color:var(--encre);cursor:pointer}
.cm-arret-champ li[aria-selected=true],.cm-arret-champ li:hover{background:#EAF0F5;color:var(--navy)}
.cm-arret-champ li.cm-arret-vide{color:var(--encre-douce);background:none;cursor:default}
.cm-bus-pied{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:12px}
.cp-body .cm .cm-bus-pied p{font:13px/1.5 var(--sans);color:var(--encre-douce)}
.cm .cm-bus-pied .cp-lien{margin-top:0;font-size:14px}
.cp-body .cm .cm-bus-pied p.cm-direct::before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#4b7958;vertical-align:1px}
.cm-departs{margin:12px 0 0;padding:0;list-style:none}
.cm-departs li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--bord)}
.cm-ligne{min-width:44px;padding:4px 8px;border-radius:6px;background:var(--navy);color:#fff;font:700 14px/1.2 var(--sans);text-align:center}
.cm-vers{font:15px/1.35 var(--sans);color:var(--encre)}
.cm-quand{text-align:right;white-space:nowrap}
.cm-quand b{display:block;font:650 17px/1.2 var(--sans);color:var(--navy)}
.cm-quand small{font:13px var(--sans);color:var(--encre-douce)}
.cp-body .cm p.cm-note{margin-top:12px;font:13px/1.5 var(--sans);color:var(--encre-douce)}
.cm-boutons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.cm-boutons button{min-height:44px;padding:0 15px;border:1px solid var(--bord);border-radius:22px;background:#fff;font:600 14px/1 var(--sans);color:var(--navy);cursor:pointer}
.cm-boutons button:hover{border-color:var(--navy)}
.cm-retard{font-style:normal;font-weight:650;color:var(--rouge)}
.cm-departs li.cm-supprime .cm-vers{color:var(--encre-douce);text-decoration:line-through}
.cm-departs li.cm-supprime .cm-quand b{color:var(--rouge)}
.cm .cp-lien{display:inline-block;margin-top:8px}
.ed-semaine.ed-semaine-seule{grid-template-columns:minmax(0,1fr)}
@media(max-width:850px){
  .cm-ciel{grid-template-columns:minmax(0,1fr)}
  .cm-ciel>article+article{border-left:0;border-top:1px solid rgba(22,38,59,.12)}
  .cm-grille{grid-template-columns:minmax(0,1fr)}
  .cm-grille>.cm-bus{grid-column:auto}
}


/* Le sous-ensemble latin de Bodoni Moda n'a pas de dessin pour le trait d'union : « Le Bar-sur-Loup » s'affichait
   « Le Bar sur Loup ». Le trait, et lui seul, vient de Spectral ; déclaré après Bodoni, ce visage l'emporte pour U+2D. */
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/Spectral-700-normal-latin.woff2) format('woff2');unicode-range:U+2D}

/* pied des éditions : les informations légales, discrètes */
.lc-nouveau{margin-top:12px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:500;text-decoration:underline;cursor:pointer}
.lc-envoye [data-lc-statut]:focus{outline:none}

/* ═══ La recherche en tête de l'édition : une barre, des suggestions, les résultats sous la barre ═══ */
.rc{padding:44px 20px 34px;background:var(--papier-clair);border-bottom:1px solid var(--papier-creux)}
.rc-form{position:relative;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.rc-titre{font:500 clamp(26px,3.6vw,38px)/1.15 var(--serif);color:var(--navy);text-align:center;text-wrap:balance}
.rc-barre{position:relative;width:100%;display:flex;align-items:center;gap:12px;height:60px;padding:0 22px;background:#fff;border:1px solid #d9dde1;border-radius:999px;box-shadow:0 2px 14px rgba(29,53,69,.10);transition:box-shadow .15s,border-color .15s}
.rc-barre:focus-within{border-color:var(--navy-clair);box-shadow:0 4px 22px rgba(29,53,69,.18)}
.rc-barre svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--encre-douce);stroke-width:2;stroke-linecap:round}
.rc-barre input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:400 18px/1 var(--sans);color:var(--encre)}
.rc-barre input::placeholder{color:#8a969d}
.rc-barre input::-webkit-search-cancel-button{cursor:pointer}
.rc-resultats{position:absolute;z-index:30;top:calc(100% - 44px);left:0;right:0;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid #d9dde1;border-radius:18px;box-shadow:0 12px 32px rgba(29,53,69,.18);max-height:min(60vh,460px);overflow:auto}
.rc-form:has(.rc-suggestions) .rc-resultats{top:138px}
.rc-resultats li{display:flex;flex-direction:column;gap:3px;padding:11px 22px;cursor:pointer}
.rc-resultats li b{font:600 16px/1.3 var(--sans);color:var(--navy)}
.rc-resultats li small{font:13px/1.45 var(--sans);color:var(--encre-douce)}
.rc-resultats li:hover,.rc-resultats li[aria-selected="true"]{background:var(--papier)}
.rc-resultats .rc-vide{cursor:default;color:var(--encre-douce);font:14px/1.4 var(--sans)}
.rc-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0}
.rc-suggestions a{padding:8px 14px;border:1px solid #d9dde1;border-radius:999px;background:#fff;font:500 14px/1 var(--sans);color:var(--navy);text-decoration:none}
.rc-suggestions a:hover,.rc-suggestions a:focus-visible{border-color:var(--navy-clair);background:var(--papier)}
@media (max-width:640px){.rc{padding:28px 16px 24px}.rc-barre{height:54px;padding:0 16px}.rc-barre input{font-size:17px}.rc-form:has(.rc-suggestions) .rc-resultats{top:118px}}

/* ═══ Le sommaire de l'édition, sous la une : une carte par rubrique ═══ */
.ed-plan{max-width:1180px;margin:0 auto;padding:40px 20px 8px}
.ed-plan-titre{font:500 24px/1.2 var(--serif);color:var(--navy);margin:0 0 18px}
.ed-plan>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.ed-plan a{display:grid;grid-template-columns:28px 1fr;gap:2px 12px;align-items:start;padding:16px 18px;border:1px solid var(--papier-creux);border-radius:12px;background:#fff;text-decoration:none;color:var(--encre)}
.ed-plan a .cp-icone{grid-row:span 2;width:26px;height:26px;color:var(--navy-clair)}
.ed-plan a b{font:600 16px/1.3 var(--sans);color:var(--navy)}
.ed-plan a small{font:13px/1.4 var(--sans);color:var(--encre-douce)}
.ed-plan a:hover,.ed-plan a:focus-visible{border-color:var(--navy-clair);box-shadow:0 2px 10px rgba(29,53,69,.08)}

/* ═══ Chaque rubrique a sa couleur de bande : on voit où l'on est ═══ */
.cp-gazette #chez-vous .ed-rubrique-tete{--bande:#e4edf5}
.cp-gazette #transports .ed-rubrique-tete{--bande:#e1efea}
.cp-gazette #quotidien .ed-rubrique-tete{--bande:#eaeede}
.cp-gazette #commerces .ed-rubrique-tete{--bande:#f3e6e4}
.cp-gazette #enfants .ed-rubrique-tete{--bande:#e9ecf7}
.cp-gazette #argent .ed-rubrique-tete{--bande:#ece8f3}
.cp-gazette #cadre-de-vie .ed-rubrique-tete{--bande:#e5f0e8}
.cp-gazette #sortir .ed-rubrique-tete{--bande:#f4e7ee}
.cp-gazette #a-decouvrir .ed-rubrique-tete{--bande:#e3eff0}
.cp-gazette #services .ed-rubrique-tete{--bande:#e9edf1}

/* Les alertes du jour, à part de la météo : une bande chaude. */
.cm-alertes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 36px;margin-top:22px;padding:6px 24px 10px;background:#fbf1e8;border-radius:12px}
.cm-alertes>article{padding:18px 0 12px}
/* Un morceau de « Ce matin » posé seul dans une rubrique (collecte, vacances, ouvert maintenant). */
.cm-seul{margin-bottom:32px}
.cm-transports{margin-bottom:28px}
.cp-gazette .rc-barre input:focus,.cp-gazette .rc-barre input:focus-visible{outline:0;box-shadow:none}

/* ═══ Recherche et sommaire réunis sous la une ; plus de colonne de gauche ═══ */
.ed-accueil{background:var(--papier-clair);border-top:1px solid var(--papier-creux);border-bottom:1px solid var(--papier-creux);padding-bottom:36px}
.ed-accueil .rc{background:transparent;border:0;padding-bottom:22px}
.ed-accueil .ed-plan{padding-top:4px}
.cp-gazette .cp-layout-plein{display:block}
.ed-plan a[aria-current="true"]{border-color:var(--navy);box-shadow:inset 0 -3px 0 var(--navy),0 2px 10px rgba(29,53,69,.08)}
.ed-plan a[aria-current="true"] b{color:var(--navy-profond)}
.ed-retour-sommaire{margin:48px 0 0;text-align:center}
.ed-retour-sommaire a{display:inline-block;padding:10px 18px;border:1px solid #d9dde1;border-radius:999px;background:#fff;font:500 14px/1 var(--sans);color:var(--navy);text-decoration:none}
@media (max-width:640px){
  .ed-plan{padding-inline:16px}
  .ed-plan>div{grid-template-columns:1fr 1fr;gap:8px}
  .ed-plan a{grid-template-columns:22px 1fr;padding:12px;gap:2px 8px}
  .ed-plan a .cp-icone{width:20px;height:20px;grid-row:auto}
  .ed-plan a small{display:none}
  .ed-plan a b{font-size:14px}
}

/* Douze rubriques : des rangées toujours pleines (4 colonnes × 3, 3 × 4, puis 2 × 6 sur téléphone). */
.ed-plan>div{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.ed-plan>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.ed-plan>div{grid-template-columns:1fr 1fr}}
/* « Nous écrire » dans l'en-tête : le formulaire des habitants à un clic, où que l'on soit dans la page. */

/* ═══ Chaque bloc du jour dans son cadre, avec un vrai titre : bus, train, avion, routes, collecte, vacances ═══ */
.cp-gazette .cm.cm-transports,.cp-gazette .cm.cm-seul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-top:8px}
.cp-gazette .cm.cm-transports>article,.cp-gazette .cm.cm-seul>article,.cp-gazette .cm-alertes>article{background:#fff;border:1px solid var(--papier-creux);border-radius:14px;padding:20px 22px 18px;border-top-width:1px}
.cp-gazette .cm.cm-transports>article>h4,.cp-gazette .cm.cm-seul>article>h4,.cp-gazette .cm-alertes>article>h4{font:600 21px/1.25 var(--serif);color:var(--navy);margin:0 0 12px;letter-spacing:0;text-transform:none}
.cp-gazette .cm.cm-transports>.cm-bus{grid-column:1/-1}
.cp-gazette .cm-alertes{background:transparent;padding:0;gap:16px}
.cp-gazette .cm-alertes>article{background:#fdf6ef;border-color:#f1dfcd}

/* ═══ « Nous écrire » : le formulaire des habitants dans une fenêtre ═══ */

/* ═══ Les annuaires (médecins, bureaux de vote, entreprises, associations, stations…) : le nom, puis les détails ═══ */
.cp-liste{list-style:none;margin:10px 0 14px;padding:0;display:grid}
.cp-liste>li{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--papier-creux)}
.cp-liste>li>b{font:600 15.5px/1.35 var(--sans);color:var(--navy)}
.cp-liste>li>small,.cp-liste>li>span{font:13.5px/1.45 var(--sans);color:var(--encre-douce)}
.cp-liste>li>span{order:-1;font-size:12.5px;letter-spacing:.02em}
.cp-liste-deux{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));column-gap:28px}
/* Une dernière carte seule sur sa rangée prend toute la largeur. */
.cp-deux>:last-child:nth-child(odd),.cp-annuaire-enfance>:last-child:nth-child(odd),.cp-balades-liste>:last-child:nth-child(odd){grid-column:1/-1}
/* Un volet à ouvrir pour une longue liste (les décisions d'une séance). */
.cp-volet{margin:18px 0;border:1px solid var(--papier-creux);border-radius:12px;background:#fff}
.cp-volet>summary{cursor:pointer;padding:16px 20px;font:600 16px/1.3 var(--sans);color:var(--navy)}
.cp-volet[open]>summary{border-bottom:1px solid var(--papier-creux)}
.cp-volet>:not(summary){margin-inline:20px}

.lc-fenetre{margin:auto;inset:0;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:20px;background:#fff;color:var(--navy);box-shadow:0 30px 80px rgba(15,30,45,.3);overflow:auto;overscroll-behavior:contain}
.lc-fenetre[open]{animation:lc-fenetre .22s cubic-bezier(.22,1,.36,1)}
@keyframes lc-fenetre{from{opacity:0;transform:translateY(12px) scale(.98)}}
.lc-fenetre::backdrop{background:rgba(15,30,45,.5);backdrop-filter:blur(3px)}
.lc-fenetre-tete{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;background:#fff;border-bottom:1px solid #edf0f2}
.lc-fenetre-tete h2{margin:0;font:600 26px/1.15 var(--display);letter-spacing:-.01em;color:var(--navy)}
.lc-fenetre-tete p{margin:6px 0 0;font:15px/1.45 var(--sans);color:#5b6b76}
.lc-fenetre-fermer{margin:0;flex:none}
.lc-fenetre-fermer button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#f1f3f5;color:var(--navy);cursor:pointer}
.lc-fenetre-fermer button:hover{background:#e4e8eb}
.lc-fenetre-fermer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lc-fenetre-corps{padding:4px 24px 24px}
.lc-fenetre .lc-formulaire{margin:0;font:15px/1.5 var(--sans);color:var(--navy)}
.lc-fenetre .lc-formulaire label:not(.lc-case){margin:16px 0 0;font:600 14px/1.4 var(--sans)}
.lc-fenetre .lc-formulaire label small{margin-left:6px;font-weight:400;color:#7a8791}
.lc-fenetre .lc-formulaire :is(input:not([type=checkbox]):not([type=radio]),textarea){margin:6px 0 0;padding:11px 13px;border:1px solid #d6dce1;border-radius:10px;background:#fff;font:15px/1.5 var(--sans);color:var(--navy);transition:border-color .15s,box-shadow .15s}
.lc-fenetre .lc-formulaire :is(input,textarea):focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 3px rgba(29,53,69,.12)}
.lc-fenetre .lc-formulaire textarea{min-height:120px}
.lc-fenetre .lc-form-identite{gap:12px}
.lc-fenetre .lc-case{margin:16px 0 0;font:13.5px/1.5 var(--sans);color:#4c5c67}
.lc-fenetre .lc-case input{accent-color:var(--navy);width:18px;height:18px;margin-top:1px}
.lc-fenetre .lc-confidentialite{margin:10px 0 0;font:12.5px/1.5 var(--sans);color:#7a8791}
.lc-fenetre .lc-action,.cp-gazette .lc-fenetre .lc-action{width:100%;font:600 16px/1.4 var(--sans);margin-top:18px;border-radius:12px;min-height:48px;padding:12px 20px;background:var(--navy)}
.lc-fenetre [role=status]:empty{display:none}
@media(max-width:560px){.lc-fenetre{width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.lc-fenetre-tete{padding:20px 18px 14px}.lc-fenetre-corps{padding:4px 18px 20px}.lc-fenetre .lc-form-identite{grid-template-columns:1fr;gap:0}.lc-fenetre .lc-formulaire :is(input,textarea){font-size:16px}}
@media(prefers-reduced-motion:reduce){.lc-fenetre[open]{animation:none}}/* « La commune » en clair (src/edition/lexique.mjs) : chaque décision dite simplement, son texte officiel en petit ;
   chaque achat en une phrase, l'intitulé publié en petit. */
.cp-elus-reperes.cp-decisions-claires li,.cp-seances-pile .cp-elus-reperes.cp-decisions-claires li{display:block;padding:10px 0}
.cp-decisions-claires b{display:block;font:400 15px/1.5 var(--sans);color:var(--encre)}
.cp-decisions-claires small,.cp-achats small{display:block;margin-top:2px;font:italic 400 13px/1.45 var(--sans);color:var(--encre-douce)}
.cp-achats{list-style:none;margin:16px 0;padding:0}
.cp-achats>li{padding:12px 0;border-top:1px solid var(--bord)}
.cp-achats>li p{margin:0}
.cp-achats>li .cp-kicker{margin-bottom:2px}
/* les achats se lisent en phrase : le nom et le montant restent dans la ligne (l'ancienne règle du pilote les posait en bloc) */
.cp-achats>li p{padding:0;border:0}
.cp-achats>li b{display:inline;font:600 16px/1.6 var(--sans)}
.cp-achats>li>p:not(.cp-kicker){line-height:1.6}


/* Carros dans la Gazette. Habillage uniquement : les textes, les illustrations,
   les calques, les couleurs de données et les comportements restent ceux du pilote. */
.cp-body.cp-gazette{
  --papier:#f8f5ee;--papier-clair:#fcfaf5;--papier-creux:#eeebe2;
  --navy:#1d3545;--navy-profond:#152b3a;--navy-clair:#42748a;
  --rouge:#af4437;--rouge-clair:#bb584b;
  --encre:#1d3545;--encre-douce:#596b74;--bord:#d9d6cc;--bord-clair:#e5e1d7;
  --display:'Spectral',Georgia,serif;
  --serif:'Spectral',Georgia,serif;--sans:'Spectral',Georgia,serif;
  /* Mêmes dimensions que gazette-layout.css : le conteneur exclut les marges. */
  --cp-gutter:clamp(24px,5.5vw,104px);--cp-content-width:1400px;--cp-wide-width:1560px;
  --cp-header-height:88px;--cp-logo-size:50px;--cp-card-space:32px;--cp-layout-gap:40px;
  --cp-title-size:clamp(62px,5.5vw,96px);
  --cp-ease:cubic-bezier(.22,1,.36,1);
  background:var(--papier);color:var(--encre);font:16px/1.7 var(--sans);
  -webkit-font-smoothing:antialiased;
}
.cp-gazette .cp-panneaux{--papier:#f8f5ee;--papier-clair:#fcfaf5;--papier-creux:#eeebe2}
.cp-gazette :is(h1,h2,h3,h4){font-optical-sizing:none;font-variation-settings:'opsz' 24}
.cp-gazette :is(h3,h4){font-family:var(--serif);font-weight:500}
.cp-gazette :is(.cp-kicker,.lc-eyebrow){font:600 11px/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.cp-gazette :is(a,button,summary,input,select){-webkit-tap-highlight-color:transparent}
.cp-gazette :focus-visible{outline:2px solid var(--navy-clair);outline-offset:4px}

/* Le mot-symbole vectoriel conserve le texte accessible de la marque existante. */

/* La scène cartographique prend la largeur de la bannière de l’accueil. */
.cp-gazette .cp-une{padding:64px max(var(--cp-gutter),calc((100% - var(--cp-wide-width))/2)) 56px;background:var(--papier)}
.cp-gazette .cp-une .cc-cartouche{padding-bottom:34px}
.cp-gazette .cp-une .cc-cartouche-edition{font-size:11px;letter-spacing:.18em;margin-bottom:18px}
.cp-gazette .cp-une .cc-cartouche h1{
  font:700 var(--cp-title-size)/1.04 var(--display);letter-spacing:-.055em;
  text-transform:none;color:var(--navy);
}
.cp-gazette .cc{--cc-trait:var(--bord);--cc-verre:rgba(252,250,245,.94);--cc-doux:var(--encre-douce);--cc-ombre:0 8px 26px #1d354519}
.cp-gazette .cp-une .cc :is(.cc-plan,.cc-affiche){border-radius:8px}
.cp-gazette .cp-une .cc .cc-plan{box-shadow:0 16px 42px #1d354519}
.cp-gazette .cc :is(.cc-resultats,.cc-fiche){border-color:var(--bord);border-radius:8px}
.cp-gazette .cc .cc-vedette>.cc-bascule{background:linear-gradient(90deg,#af44370d,transparent 80%)}
.cp-gazette .cc .cc-champ:focus-within{border-color:var(--navy-clair);box-shadow:0 0 0 3px #42748a20}
.cp-gazette .cp-une .cc-une-bas{gap:20px;padding-top:30px}
.cp-gazette .cp-une .cc-une-devise{font-size:10px;letter-spacing:.16em}
.cp-gazette .cp-une .cc-cartouche-faits{gap:12px 48px}
.cp-gazette .cp-une .cc-cartouche-faits dt{font:11px/1.5 var(--sans);letter-spacing:.035em}
.cp-gazette .cp-une .cc-cartouche-faits dd{font:600 20px/1.4 var(--serif);margin-top:3px}
.cp-gazette .cp-une .cc-calques>summary{min-height:56px;font-size:14px}
.cp-gazette .ed-acces{margin-top:38px;border-top-width:1px}
.cp-gazette .ed-acces>a{padding-top:26px;padding-bottom:8px;gap:16px}
.cp-gazette .ed-acces>a+a{padding-left:24px}
.cp-gazette .ed-acces b{font:600 20px/1.3 var(--serif);text-wrap:balance}
.cp-gazette .ed-acces small{margin-top:8px;font:13px/1.6 var(--sans)}

/* Le sommaire et les chapitres reprennent le rythme de lecture de l’accueil. */
.cp-gazette .cp-page{width:calc(100% - 2*var(--cp-gutter));max-width:var(--cp-content-width);padding-inline:0}
.cp-gazette .cp-lecture .cp-layout{grid-template-columns:200px minmax(0,1fr);gap:var(--cp-layout-gap)}
.cp-gazette .cp-lecture .cp-aside{top:calc(var(--cp-header-height) + 21px);max-height:calc(100dvh - var(--cp-header-height) - 41px);margin-top:64px;padding:12px 0;background:var(--papier-clair);border-color:var(--bord);border-radius:6px;box-shadow:none}
.cp-gazette :is(.cp-panneau,.lc-habitants,[data-cp-carto]),.cp-gazette .cp-lecture [id]{scroll-margin-top:calc(var(--cp-header-height) + 21px)}
.cp-gazette .cp-lecture .cp-nav>a{padding:12px 16px;font:500 13px/1.45 var(--sans);transition:background .2s,color .2s}
.cp-gazette .cp-lecture .cp-nav>a:hover{background:#1d354505;color:var(--navy)}
.cp-gazette .cp-lecture .cp-nav>a[aria-current]{background:#af443706;border-left-color:var(--rouge)}
.cp-gazette .ed-rubrique-tete{--bande:#ecefe9;padding:76px 0 46px;margin-bottom:56px}
.cp-gazette .cp-rubrique-nom{font:700 clamp(42px,4.5vw,66px)/1.08 var(--display);letter-spacing:-.035em;padding-top:24px}
.cp-gazette .cp-rubrique-nom::before{width:42px;height:3px}
.cp-gazette .cp-rubrique-desc{font:400 18px/1.65 var(--serif);max-width:57ch;margin-top:18px}
.cp-gazette .cp-lecture .cp-panneau{padding-bottom:96px}
.cp-gazette .ed-sommaire{gap:20px;margin-bottom:56px}
.cp-gazette .ed-sommaire a{padding:var(--cp-card-space);gap:14px;min-height:192px;border-radius:6px;background:var(--papier-clair);box-shadow:none;transition:border-color .25s,background .25s}
.cp-gazette .ed-sommaire a:hover{background:#fffdf8;border-color:var(--navy-clair);box-shadow:none}
.cp-gazette .ed-sommaire b{font:500 26px/1.25 var(--serif)}
.cp-gazette .ed-sommaire span{font-size:15px;line-height:1.65}
.cp-gazette .ed-sommaire em{font-size:12px;padding-top:8px}
.cp-gazette .ed-suite{gap:20px;border-top-width:1px}
.cp-gazette .ed-suite a{padding:24px;border:1px solid var(--bord);border-radius:6px;background:#edf0ed}
.cp-gazette .ed-suite a:hover{background:#e4ebe7}
.cp-gazette .ed-suite b{font-family:var(--serif)}
.cp-gazette .ed-retour{font-size:13px;padding-block:10px}
.cp-gazette .cp-lecture :is(.cp-panneau>.cp-tete,.cp-commerce-accueil .cp-tete) h2{font-family:var(--serif);font-weight:500;line-height:1.3}
.cp-gazette .cp-lecture :is(.cp-finance-chapitre>h2,.cp-finance-chapitre>h3:first-of-type,.cp-finance-chapitre>.cp-tete h2){font-family:var(--display);font-weight:600;font-size:clamp(34px,3.3vw,46px);line-height:1.18}

/* Les informations de service gardent leurs repères et leurs couleurs de statut. */
.cp-gazette .cm{margin-bottom:72px}
.cp-gazette .cm-tete{margin-bottom:26px}
.cp-gazette .cm-tete h3{font:600 clamp(30px,3vw,40px)/1.18 var(--serif)}
.cp-gazette .cm-tete p{font-size:12px;font-weight:500}
.cp-gazette .cm-ciel{background:#e8eeec;border:1px solid #d6dfda;border-radius:6px}
.cp-gazette .cm-ciel>article{padding:28px 24px}
.cp-gazette .cm h4{font-size:12px;font-weight:600;line-height:1.5}
.cp-gazette .cm p{font-size:14px;line-height:1.7}
.cp-gazette .cm p.cm-grand{font-family:var(--serif);font-size:32px}
.cp-gazette .cm-grille{gap:0 36px;margin-top:22px}
.cp-gazette .cm-grille>article{padding-top:30px;padding-bottom:18px}
.cp-gazette .cm-arret-champ input{background:var(--papier-clair);border-radius:4px}
.cp-gazette .cm-arret-champ ul{background:var(--papier-clair);border-radius:6px}
.cp-gazette .cm-boutons button{background:var(--papier-clair);border-radius:4px;font-size:12px}
.cp-gazette .ed-semaine .cp-rendezvous-entete{margin-bottom:20px}
.cp-gazette .ed-semaine .cp-rendezvous-entete h3{font-family:var(--serif);font-weight:500}
.cp-gazette .cp-event{padding-block:26px}
.cp-gazette .cp-event h3{font-family:var(--serif);font-weight:500;line-height:1.3}
.cp-gazette .cp-event-image{border-radius:3px;background:var(--papier-creux)}
.cp-gazette .cp-event time{background:transparent}
.cp-gazette .cp-event time>b{font-family:var(--serif)}
.cp-gazette .cp-presse-06{background:#e7edef;border:1px solid #d3dde1;border-radius:6px;padding:32px;margin-top:48px}
.cp-gazette .cp-presse-06 h3{font-family:var(--serif);font-size:27px}
.cp-gazette .cp-presse-06>.lc-action{align-self:center;flex:none;white-space:nowrap}
.cp-gazette .cp-reference,.cp-gazette .cp-references{color:var(--encre-douce)}

/* Une même matière pour les panneaux existants, sans toucher aux graphiques. */
.cp-gazette :is(.cp-dossier,.cp-meteo,.cp-commerce,.cp-lecteur,.cp-annuaire-guide,.cp-compte,.cp-dette,.cp-conseil-entete>article,.cp-questions-claires>div,.cp-suivi,.cp-constats>div){border-radius:6px;border-color:var(--bord)}
.cp-gazette :is(.cp-dossier,.cp-commerce,.cp-lecteur,.cp-annuaire-guide,.cp-questions-claires>div,.cp-suivi){background:var(--papier-clair)}
.cp-gazette :is(.cp-editorial,.cp-urgences){border-radius:6px}
.cp-gazette :is(.cp-commerce-recherche,.cp-conseil-entete>article:last-child,.cp-dette){background:#e9eee5;border-radius:6px}
.cp-gazette .cp-conseil-entete>article:first-child{background:var(--papier-clair)}
.cp-gazette .cp-compte-solde{background:var(--navy);color:var(--papier-clair)}
.cp-gazette .cp-commerce-categories>button{border-radius:4px;background:var(--papier-clair)}
.cp-gazette .cp-commerce-categories>button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--papier-clair)}
.cp-gazette :is(.cp-commerce h3,.cp-guide-liste h4,.cp-annuaire-guide h3){font-family:var(--serif);font-weight:600}
.cp-gazette .cp-bouton,.cp-gazette .lc-action{border-radius:4px;font-family:var(--serif);font-size:16px;min-height:56px;padding:16px 24px;transition:background .2s,color .2s,border-color .2s}
.cp-gazette .cp-bouton:hover{background:var(--navy-clair)}
.cp-gazette .cp-lien{font-size:13px;line-height:1.6;text-underline-offset:5px}
.cp-gazette .cp-details summary{padding-block:22px;font-size:14px}
.cp-gazette :is(.cp-filtre-label select,.cp-commerce-tri select,.cp-simulateur input){border-radius:4px;background:var(--papier-clair)}
.cp-gazette .lc-inscription input:not([type=checkbox]),.cp-gazette .lc-form :is(input:not([type=checkbox]),textarea,select){border-radius:4px;border-color:var(--bord);background:var(--papier-clair)}
.cp-gazette .cp-edl{margin-top:88px;padding-block:80px}
.cp-gazette .cp-edl h2{font-family:var(--serif);font-weight:600;line-height:1.15}
.cp-gazette .cp-crieur{--bande:#eeebe2;padding-block:72px}
.cp-gazette .cp-crieur h2,.cp-gazette .cp-lecture .lc-habitants h2{font-family:var(--serif);font-weight:600;line-height:1.18}

@media(max-width:1300px){
  .cp-body.cp-gazette{--cp-logo-size:46px}
}
@media(max-width:1250px){
  .cp-body.cp-gazette{--cp-card-space:28px;--cp-layout-gap:32px;--cp-title-size:5.55vw}
}
@media(min-width:701px) and (max-width:1000px){
  .cp-body.cp-gazette{--cp-logo-size:44px;--cp-title-size:5.8vw}
}
@media(min-width:851px) and (max-width:1150px){
  .cp-gazette .cp-lecture .cp-layout{grid-template-columns:180px minmax(0,1fr)}
  .cp-gazette .cp-lecture .cp-nav>a{font-size:12px;padding-inline:12px}
  .cp-gazette .cm-ciel>article{padding:22px 16px}
  .cp-gazette .cm-grille{gap:0 24px}
  .cp-gazette .ed-sommaire{grid-template-columns:1fr}
}
@media(max-width:850px){
  .cp-gazette .cp-une{padding-top:48px;padding-bottom:36px}
  .cp-gazette .cp-lecture .cp-layout{display:block}
  .cp-gazette .cp-lecture .cp-aside{top:calc(var(--cp-header-height) + 1px);max-height:none;margin:0 calc(-1*var(--cp-gutter));padding:0 var(--cp-gutter);background:var(--papier);border:0;border-bottom:1px solid var(--bord);border-radius:0}
  .cp-gazette :is(.cp-panneau,.lc-habitants),.cp-gazette .cp-lecture [id]{scroll-margin-top:calc(var(--cp-header-height) + 89px)}
  .cp-gazette .cp-lecture .cp-nav>a{padding:17px 12px 15px;font-size:13px}
  .cp-gazette .cp-lecture .cp-nav>a[aria-current]{background:transparent}
  .cp-gazette .ed-rubrique-tete{padding:56px 0 34px;margin-bottom:40px}
  .cp-gazette .cp-rubrique-nom{font-size:clamp(38px,7vw,56px)}
  .cp-gazette .cp-lecture .cp-panneau{padding-bottom:64px}
  .cp-gazette .ed-acces>a+a{padding-left:20px}
  .cp-gazette .ed-acces>a:nth-child(odd){padding-left:0}
  .cp-gazette .ed-sommaire a{min-height:0;padding:28px}
  .cp-gazette .cp-edl{padding-block:64px;margin-top:64px}
  .cp-gazette .cp-crieur{padding-block:56px}
}
@media(max-width:700px){
  .cp-body.cp-gazette{--cp-gutter:24px;--cp-header-height:80px;--cp-logo-size:40px;--cp-card-space:24px;--cp-layout-gap:28px;--cp-title-size:clamp(35px,10.35vw,66px)}
  .cp-gazette .cp-bouton,.cp-gazette .lc-action{font-size:15px;padding-inline:20px}
}
@media(max-width:600px){
  .cp-gazette .cp-une{padding-top:36px;padding-bottom:32px}
  .cp-gazette .cp-une .cc-cartouche{padding-bottom:26px}
  .cp-gazette .cp-une .cc-cartouche-edition{font-size:9px;letter-spacing:.15em;margin-bottom:16px}
  .cp-gazette .cp-une .cc-une-bas{padding-top:22px;gap:18px}
  .cp-gazette .cp-une .cc-cartouche-faits{gap:8px 20px}
  .cp-gazette .cp-une .cc-cartouche-faits dt{font-size:10px}
  .cp-gazette .cp-une .cc-cartouche-faits dd{font-size:16px}
  .cp-gazette .cp-une .cc-une-devise{font-size:9px;letter-spacing:.1em;gap:10px}
  .cp-gazette .ed-acces{margin-top:28px}
  .cp-gazette .ed-acces>a{gap:10px;padding-top:20px;padding-right:12px;padding-bottom:20px}
  .cp-gazette .ed-acces>a:nth-child(even){padding-left:14px;padding-right:0}
  .cp-gazette .ed-acces b{font-size:17px;line-height:1.3}
  .cp-gazette .ed-acces .cp-icone{width:22px;height:22px}
  .cp-gazette .cp-une .cc-calques>summary>span:last-child{display:flex;align-items:center;flex:none;gap:12px;font-size:12px}
  .cp-gazette .cp-une .cc-calques>summary>span:last-child::after{margin-left:0}
  .cp-gazette .cp-rubrique-nom{font-size:40px;letter-spacing:-.03em}
  .cp-gazette .cp-rubrique-desc{font-size:17px;line-height:1.6}
  .cp-gazette .cm-ciel>article{padding:24px}
  .cp-gazette .cm p{font-size:15px}
  .cp-gazette .cm-tete h3{font-size:31px}
  .cp-gazette .cm-tete p{font-size:12px}
  .cp-gazette .ed-sommaire a{padding:var(--cp-card-space)}
  .cp-gazette .ed-sommaire b{font-size:25px}
  .cp-gazette .cp-presse-06{padding:26px 24px}
  .cp-gazette .cp-presse-06 h3{font-size:26px}
  .cp-gazette .cp-event{padding-block:24px}
}
@media(min-width:501px) and (max-width:700px){
  .cp-body.cp-gazette{--cp-title-size:62px}
}
@media(max-width:370px){
  .cp-body.cp-gazette{--cp-gutter:20px;--cp-logo-size:36px;--cp-title-size:35px}
  .cp-gazette .cp-rubrique-nom{font-size:36px}
  .cp-gazette .cp-une .cc-cartouche-faits{gap:8px 16px}
  .cp-gazette .cp-une .cc-cartouche-faits dd{font-size:15px}
  .cp-gazette .ed-acces b{font-size:16px}
}
@media(prefers-reduced-motion:no-preference){
  .cp-gazette .cp-panneau:not([hidden])>.ed-rubrique-tete{animation:cp-gazette-entree .45s var(--cp-ease) both}
  @keyframes cp-gazette-entree{from{opacity:.25;translate:0 7px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){
  .cp-gazette :is(.ed-rubrique-tete,.ed-sommaire a,.cp-nav>a,.cp-bouton,.lc-action){animation:none;transition:none}
}
@media print{
  .cp-body.cp-gazette{background:white;color:#173142}
  .cp-gazette .cp-lecture .cp-aside{position:static}
  .cp-gazette .ed-rubrique-tete{border-image:none;background:none;padding-block:24px}
}
/* Les fiches des éditions communales : commerces, annuaire libre et lieux à découvrir.
   Des cartes en grille, des puces pour filtrer, trois gestes clairs (appeler, itinéraire, site),
   dans le papier, l'encre et le vermillon de La Criée. Posé en dernier dans la feuille des éditions. */

/* ── Les puces ─────────────────────────────────────────────────────────── */
.cp-body .cp-commerce-categories,.cp-body .ad-filtres{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0}
.cp-body .cp-commerce-categories>button,.cp-body .ad-filtres>button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 15px;border:1px solid var(--bord);border-radius:999px;background:var(--papier-clair);font:600 14px/1.2 var(--sans);color:var(--navy);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.cp-body .cp-commerce-categories>button svg{width:18px;height:18px;flex:none}
.cp-body .cp-commerce-categories>button:hover,.cp-body .ad-filtres>button:hover{border-color:var(--navy)}
.cp-body .cp-commerce-categories>button[aria-pressed=true],.cp-body .ad-filtres>button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--papier-clair)}
.cp-body .ad-filtres>button>span{font-weight:500;font-size:12px;opacity:.7}
.cp-body .cp-commerce-categories>button:focus-visible,.cp-body .ad-filtres>button:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}
@media(max-width:600px){
  /* jusqu’au bord de l’écran : la marge de la fenêtre sur téléphone (16 px, edition-fenetres.css) */
  .cp-body .cp-commerce-categories,.cp-body .ad-filtres{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:2px 16px 6px;scrollbar-width:none;scroll-snap-type:x proximity}
  .cp-body .cp-commerce-categories::-webkit-scrollbar,.cp-body .ad-filtres::-webkit-scrollbar{display:none}
  .cp-body .cp-commerce-categories>button,.cp-body .ad-filtres>button{flex:none;scroll-snap-align:start}
}

/* ── La barre de tri ───────────────────────────────────────────────────── */
.cp-body .cp-commerce-tri{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 8px}
.cp-body .cp-commerce-tri>label:first-child{display:inline-flex;align-items:center;gap:10px;font:600 14px/1.3 var(--sans);color:var(--encre-douce)}
.cp-body .cp-commerce-tri select{min-height:40px;padding:0 34px 0 14px;border:1px solid var(--bord);border-radius:999px;background:var(--papier-clair);font:600 14px var(--sans);color:var(--navy)}
.cp-body .cp-commerce-tri>p{flex-basis:100%;margin:0;font:13px/1.5 var(--sans);color:var(--encre-douce)}
.cp-body .cp-commerce-tri .cp-commerce-ouverts{min-height:40px;margin:0}

/* ── Les fiches des commerces ──────────────────────────────────────────── */
.cp-body .cp-commerce-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.cp-body .cp-commerce-liste>[hidden]{display:none}
.cp-body .cp-commerce.fc-carte{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid var(--bord);border-radius:14px;background:var(--papier-clair);overflow:hidden;transition:box-shadow .2s,transform .2s}
.cp-body .cp-commerce.fc-carte:hover{box-shadow:0 10px 26px -18px rgba(22,38,59,.45);transform:translateY(-1px)}
.cp-body .cp-commerce.fc-carte:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}
.fc-visuel{display:grid;place-items:center;height:92px;background:#e9e4d8;color:var(--navy)}
.fc-visuel svg{width:44px;height:44px;stroke-width:1.1}
.fc-visuel-restaurants{background:#f1dfd3;color:#8f3f26}
.fc-visuel-courses{background:#e7ead9;color:#46663f}
.fc-visuel-beaute{background:#efe0e4;color:#8a4458}
.fc-visuel-sante{background:#dfe8ea;color:#2f5f6b}
.fc-visuel-auto{background:#e3e3e3;color:#3d4450}
.fc-visuel-maison{background:#ece2cf;color:#7a5a24}
.fc-visuel-boutiques{background:#e6e0ee;color:#56467a}
.fc-corps{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.fc-haut{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.cp-body .fc-type{margin:0;min-width:0;font:600 12.5px/1.35 var(--sans);letter-spacing:.02em;text-transform:uppercase;color:var(--encre-douce);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-body .fc-etat{flex:none;margin:0;padding:3px 9px;border-radius:999px;font:700 12px/1.4 var(--sans);background:#ece9e2;color:var(--encre-douce)}
.cp-body .fc-etat-ouvert{background:#e4efe6;color:#2f6040}
.cp-body .fc-etat-ouvert::before{content:"";display:inline-block;width:7px;height:7px;margin:0 6px 1px 0;border-radius:50%;background:#3f8a55}
.cp-body .fc-etat-ferme{background:#f3e3df;color:#973a2c}
.cp-body .cp-commerce.fc-carte h3{margin:0 0 8px;font:700 19px/1.3 var(--sans);letter-spacing:-.01em;overflow-wrap:anywhere}
.cp-body .cp-commerce.fc-carte h3 a{color:var(--navy)}
.cp-body .cp-commerce.fc-carte h3 a:hover{color:var(--rouge)}
.cp-body .cp-commerce.fc-carte h3 a>span{font-size:14px;color:var(--rouge)}
.fc-reputation{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:14px/1.3 var(--sans);color:var(--encre-douce)}
.cp-body .fc-adresse{margin:10px 0 0;font:14px/1.5 var(--sans);color:var(--encre-douce)}
.fc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}
.cp-body .fc-bouton{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:40px;padding:8px 14px;border:1px solid var(--bord);border-radius:10px;background:#fff;font:700 14px/1.2 var(--sans);color:var(--navy);text-decoration:none}
.cp-body .fc-bouton:hover{border-color:var(--navy);color:var(--navy)}
.cp-body .fc-bouton.fc-principal{border-color:var(--navy);background:var(--navy);color:var(--papier-clair)}
.cp-body .fc-bouton.fc-principal:hover{background:var(--rouge);border-color:var(--rouge);color:#fff}
.fc-horaires{margin-top:12px;font:14px/1.7 var(--sans);color:var(--encre-douce)}
.fc-horaires summary{cursor:pointer;min-height:36px;padding:6px 0;font-weight:600;color:var(--navy)}
.fc-horaires ul{margin:6px 0 0;padding-left:18px}
.cp-body .cp-commerce-plus{display:flex;margin:24px auto 30px}

/* ── L'annuaire libre et le guide municipal : la même grille ───────────── */
.cp-body .cp-guide-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:16px}
.cp-body .cp-guide-liste>[hidden]{display:none}
.cp-body .cp-guide-liste article{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:12px;padding:16px 18px;border:1px solid var(--bord);border-radius:12px;background:var(--papier-clair)}
.cp-body .cp-guide-liste article>div>p:first-child{font:600 12.5px/1.35 var(--sans);letter-spacing:.02em;text-transform:uppercase;color:var(--encre-douce)}
.cp-body .cp-guide-liste h4{margin:4px 0 0;font:700 17px/1.35 var(--sans);color:var(--navy)}
.cp-body .cp-guide-actions{gap:6px 16px;margin-top:8px}
.cp-body .cp-guide-actions a{font:600 14px var(--sans);text-decoration:none;color:var(--navy);border-bottom:1px solid var(--bord)}
.cp-body .cp-guide-liste article>.cp-lien{align-self:flex-start;padding:0;font:700 14px/1.4 var(--sans);color:var(--rouge)}
@media(max-width:600px){.cp-body .cp-guide-liste{grid-template-columns:1fr}}

/* ── À découvrir ───────────────────────────────────────────────────────── */
.ad-bloc{margin:8px 0 44px}
.ad-entete{margin-bottom:16px}
.cp-body .ad-entete h3{margin:0 0 6px;font:500 clamp(22px,2vw,27px)/1.25 var(--display);color:var(--encre)}
.cp-body .ad-entete p{max-width:62ch;margin:0;font:15px/1.6 var(--sans);color:var(--encre-douce)}
/* Les lieux en colonnes, chacun à sa hauteur : une carte sans photo n'est plus étirée à la hauteur de sa voisine (06/10). */
.ad-lieux{columns:3 260px;column-gap:16px;margin:0;padding:0;list-style:none}
.ad-lieux>li{break-inside:avoid;margin:0 0 16px}
.ad-lieux>[hidden]{display:none}
.ad-lieu{display:flex;flex-direction:column;border:1px solid var(--bord);border-radius:14px;background:var(--papier-clair);overflow:hidden}
.ad-visuel{position:relative;display:grid;place-items:center;height:96px;background:#e8e2d5;color:var(--navy)}
.ad-visuel:has(img){height:auto;aspect-ratio:16/9}
.ad-visuel img{width:100%;height:100%;object-fit:cover}
.ad-visuel svg{width:46px;height:46px}
.ad-visuel-musee{background:#e6e0ee;color:#56467a}
.ad-visuel-nature{background:#e1e8da;color:#3f6340}
.ad-visuel-vue{background:#dfe8ec;color:#2f5f6b}
.ad-corps{display:flex;flex-direction:column;flex:1;padding:15px 18px 18px}
.cp-body .ad-genre{margin:0 0 4px;font:600 12.5px/1.35 var(--sans);letter-spacing:.02em;text-transform:uppercase;color:var(--rouge)}
.cp-body .ad-lieu h4{margin:0;font:700 18px/1.3 var(--sans);color:var(--navy)}
.cp-body .ad-aussi{margin:3px 0 0;font:italic 14px/1.4 var(--display);color:var(--encre-douce)}
.cp-body .ad-badge{align-self:flex-start;margin:10px 0 0;padding:3px 9px;border-radius:999px;background:#f1e6cf;font:700 12px/1.4 var(--sans);color:#6b4a12}
.cp-body .ad-desc{margin:10px 0 0;font:14.5px/1.55 var(--sans);color:var(--encre-douce)}
.ad-actions{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:14px}
.cp-body .ad-lien{font:700 14px/1.6 var(--sans);color:var(--navy);border-bottom:1px solid var(--bord);text-decoration:none}
.cp-body .ad-lien:hover{color:var(--rouge);border-color:var(--rouge)}
.cp-body .ad-credit{margin:10px 0 0;font:12px/1.45 var(--sans);color:var(--encre-douce)}
.cp-body .ad-credit a{text-decoration:underline}
.cp-body .ad-plus{display:flex;margin:20px auto 6px}
@media(max-width:600px){.ad-lieux{grid-template-columns:1fr}.ad-visuel{height:72px}.ad-visuel:has(img){aspect-ratio:21/9}}

/* ── Le document demandé s'ouvre juste après la validation ─────────────── */
.cp-body .lc-inscription [data-lc-statut] a.lc-document-pret{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;padding:10px 20px;border-radius:10px;background:var(--rouge);font:700 16px/1.2 var(--sans);color:#fff;text-decoration:none}
.cp-body .lc-inscription [data-lc-statut] a.lc-document-pret:hover{background:var(--navy);color:#fff}
/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════
   La page d'une commune — règles de la DA (maquettes du 29/09/2026). Carros est le modèle : une autre commune
   reçoit la même page, sans règle à part. Chargée en dernier, elle l'emporte sur les couches plus anciennes.

   Papier ivoire #F8F5EE (le même que l'accueil), encre navy #16263B, vermillon #C8382A, pastille #FBE9E4.
   Titres, textes et commandes en Spectral (la charte : Bodoni pour la voix haute, Spectral pour le reste).

   Un composant par rôle — ne pas dessiner un bloc à part, lui donner l'un de ces rôles :
   · en-tête et pied : ceux de toutes les pages (barre.css), l'en-tête collé en haut pendant la lecture ;
   · une : sur-titre, nom de la commune en grand serif, devise vermillon en italique, gravure à droite, carte arrondie ;
   · barre des rubriques : collée sous l'en-tête, onglet ouvert souligné vermillon ;
   · sommaire : une carte par rubrique, picto dans sa pastille, titre serif, une ligne grise ;
   · bandeau de rubrique : navy, titre serif blanc, gravure du village en traits clairs ;
   · carte : blanche, bord #ECE6DA, arrondi 14, ombre légère, marge intérieure 24 ; picto dans sa pastille ;
   · carte de chapitre : picto, titre serif, trois lignes au plus, « Lire le chapitre → » ;
   · chiffre : une carte par chiffre, le nombre en grand serif, l'unité en gris ;
   · fiche d'annonce : émetteur en sur-titre vermillon, date, titre serif, texte, source ;
   · sur-titre : capitales espacées vermillon, 11,5 px ;
   · bouton : pilule 40 px (navy ou blanc), texte 14 ; pastille de filtre : pilule 34 px ; commandes de carte : 30 px.
   Échelle des textes : section 24–34 · carte 19 · dans une carte 16 · texte 15 · note 13 · sur-titre 11,5.

   L'ordre des rubriques et de leurs blocs est fixé une fois, dans editionCommune (src/edition/commune.mjs) ; la
   rédaction d'une ville (Carros : src/pilotes/carros-edition.mjs) fournit des blocs nommés, jamais un autre ordre.
   Une information a une seule place : rendez-vous → Sortir, annonces de la mairie → La commune, numéros d'urgence
   → Santé, tirage et « Les voix » → l'espace compte. Un test le vérifie (tests/edition.test.mjs).
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════ */

.cp-body.cp-gazette{
  --papier:#F8F5EE;--papier-clair:#FCFAF5;--papier-creux:#EFE9DE;
  --bord:#E6E0D4;--bord-clair:#EEE8DD;
  --fond-page:#F8F5EE;
  --carte-fond:#FFFFFF;
  --carte-bord:#ECE6DA;
  --carte-ombre:0 1px 2px rgba(29,53,69,.04),0 14px 30px -22px rgba(29,53,69,.30);
  --carte-ombre-haut:0 2px 4px rgba(29,53,69,.05),0 20px 40px -22px rgba(29,53,69,.36);
  --pastille:#FBE9E4;--kicker:600 11.5px/1.3 var(--sans);
  --encre-forte:#12263A;
  --encre-texte:#2E3D4C;
  --encre-grise:#627386;
  /* Dans les rubriques : les couleurs de La Criée, navy et vermillon */
  --rub:#C8382A;
  --rub-fonce:#16263B;
  --rub-pale:#FBEAE7;
  background:var(--fond-page);
  color:var(--encre-texte);
}


/* Le fond de la page et de l'en-tête */
.cp-gazette .cp-lecture,.cp-gazette .cp-panneau{background:transparent}

/* ── Bandeau de rubrique : navy plein (la gravure est posée plus bas) ── */
.cp-gazette .ed-rubrique-tete{
  --bande:#16263B;
  position:relative;overflow:hidden;isolation:isolate;
  margin:0 0 40px;padding:56px 0 48px;
  background:#16263B;color:#fff;
  border-image:conic-gradient(#16263B 0 0) fill 0//0 100vmax;
}
.cp-gazette .ed-rubrique-tete .cp-rubrique-nom{color:#fff;font:700 clamp(36px,4.6vw,58px)/1.08 var(--serif);letter-spacing:-.01em;margin:0;-webkit-font-smoothing:antialiased}
.cp-gazette .ed-rubrique-tete .cp-rubrique-nom::before{display:none}
.cp-gazette .ed-rubrique-tete .cp-rubrique-desc{color:#fff;font:500 18px/1.5 var(--sans);margin-top:12px;letter-spacing:.005em}

/* ── Les cartes ── */
.cp-gazette :is(.cp-carte,.cp-explication,.cm-grille>article,.cm-ciel>article,.cm-alertes>article,.cp-annuaire-enfance>article,.cp-questions-claires>div,.cp-roles>div,.cp-ecoles>article,.cp-petits-secrets>article,.cp-voisins>article){
  background:var(--carte-fond);
  border:1px solid var(--carte-bord);
  border-radius:14px;
  box-shadow:var(--carte-ombre);
  padding:24px;
  min-width:0;
}
.cp-gazette .cp-carte,.cp-gazette .cp-explication{transition:box-shadow .25s var(--cp-ease,ease),transform .25s var(--cp-ease,ease)}
@media (hover:hover){.cp-gazette .cp-carte:hover,.cp-gazette .cm-grille>article:hover{box-shadow:var(--carte-ombre-haut);transform:translateY(-2px)}}
.cp-gazette .cp-explication{margin-block:28px;border-top:4px solid var(--rub)}
.cp-gazette .cp-deux{gap:22px}
.cp-gazette .cm-grille,.cp-gazette .cm-ciel,.cp-gazette .cm-alertes{gap:22px}

/* Titre de carte : pastille colorée + titre */
.cp-gazette .cp-carte-titre{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:0;border:0}
.cp-gazette .cp-carte-titre h3{font:600 22px/1.2 var(--serif);color:var(--encre-forte);margin:0;letter-spacing:-.005em}
.cp-body.cp-gazette .cp-carte-titre>svg.cp-icone,
.cp-body.cp-gazette :is(.cm-grille,.cm-ciel,.cm-alertes)>article>h4>svg.cp-icone{
  flex:none;box-sizing:content-box;width:26px;height:26px;padding:12px;
  border-radius:16px;background:var(--rub-pale);color:var(--rub);stroke-width:1.8;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rub) 14%,transparent);
}
.cp-gazette :is(.cm-grille,.cm-ciel,.cm-alertes)>article>h4{
  display:flex;align-items:center;gap:14px;margin:0 0 16px;
  font:600 21px/1.2 var(--serif);color:var(--encre-forte);letter-spacing:-.005em;text-transform:none
}

/* ── Les numéros : de vrais boutons ── */
.cp-gazette :is(.cp-carte,.cp-explication,.cm-grille>article,.cp-ecoles>article,.cp-annuaire-enfance>article,.cp-contact-ligne) a[href^="tel:"]{
  display:inline-flex;align-items:center;gap:6px;
  color:#16263B;font:600 1em/1.3 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em;
  text-decoration:none;border:0;background:none;padding:0;white-space:nowrap;
}
.cp-gazette :is(.cp-carte,.cp-explication,.cm-grille>article,.cp-ecoles>article,.cp-annuaire-enfance>article,.cp-contact-ligne) a[href^="tel:"]::before{
  content:"";width:.95em;height:.95em;flex:none;background:#C8382A;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.cp-gazette a[href^="tel:"]:hover{text-decoration:underline;text-underline-offset:3px}
.cp-gazette :is(.cp-ecoles,.cp-annuaire-enfance)>article a[href^="mailto:"]{display:block;margin-top:8px;font:14px/1.4 var(--sans);color:var(--encre-grise);overflow-wrap:anywhere}

/* Lignes de contact : une étiquette, puis le bouton */
.cp-gazette .cp-contact-ligne{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 0;border-bottom:1px solid #EDF1F5;font:600 14px/1.4 var(--sans);color:var(--encre-forte)}
.cp-gazette .cp-contact-ligne:last-of-type{border-bottom:0}

/* ── Chiffres, listes, boutons ── */

.cp-gazette .cp-kicker{color:var(--rub);font:700 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.cp-gazette .cp-explication>h3{font:600 26px/1.2 var(--serif);color:var(--encre-forte)}
.cp-gazette .cp-bouton,.cp-gazette .cp-panneau .lc-action{border-radius:12px;background:var(--rub);border-color:var(--rub);color:#fff!important;font:600 15px/1.3 var(--sans);min-height:48px}
.cp-gazette .cp-bouton:hover,.cp-gazette .cp-panneau .lc-action:hover{background:var(--rub-fonce);border-color:var(--rub-fonce)}
.cp-gazette .cp-panneau .cp-lien{color:var(--rub-fonce);text-decoration-color:color-mix(in srgb,var(--rub) 45%,transparent)}
.cp-gazette .cp-liste>li,.cp-gazette .cp-liste-deux>li{border-color:#EDF1F5}
.cp-gazette .cm-departs>li{border-color:#EDF1F5}
.cp-gazette .cm-departs>li>b{display:inline-block;min-width:54px;padding:3px 8px;margin-right:10px;border-radius:8px;background:var(--rub-pale);color:var(--rub-fonce);font:700 14px/1.3 var(--sans);text-align:center;font-variant-numeric:tabular-nums}
.cp-gazette .cp-details{background:#fff;border:1px solid var(--carte-bord);border-radius:16px;padding:0 20px}
.cp-gazette .cp-details>summary{padding-block:16px;font:600 17px/1.35 var(--sans);color:var(--encre-forte)}
.cp-gazette .cp-table-wrap{background:#fff;border-radius:14px}
/* Une précision sous un nom (rang d'un adjoint, tête de liste) : sa propre ligne, en retrait */
.cp-gazette .cp-elus-reperes b small,.cp-gazette .cp-table-wrap th small{display:block;margin-top:2px;font:400 13px/1.4 var(--sans);color:var(--encre-douce)}

/* Écoles : une carte par établissement, l'étiquette en couleur */
.cp-gazette .cp-ecoles{gap:16px}
.cp-gazette .cp-ecoles>article>span{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--rub-pale);color:var(--rub-fonce);font:700 11.5px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.cp-gazette .cp-ecoles>article>h4{font:600 20px/1.25 var(--serif);color:var(--encre-forte);margin:12px 0 4px}

/* ── Sommaire : pastille couleur de la rubrique ── */
.cp-gazette .ed-plan a[data-rubrique]{grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center;background:#fff;border:1px solid var(--carte-bord);border-radius:18px;box-shadow:var(--carte-ombre)}
.cp-gazette .ed-plan a[data-rubrique]>b{align-self:end}
.cp-gazette .ed-plan a[data-rubrique]>small{align-self:start}
.cp-gazette .ed-plan a[data-rubrique]>svg{grid-row:span 2;align-self:center;box-sizing:content-box;width:22px;height:22px;padding:11px;border-radius:14px;background:var(--rub-pale);color:var(--rub);stroke-width:1.8}
.cp-gazette .ed-plan a[data-rubrique]:hover,.cp-gazette .ed-plan a[data-rubrique][aria-current]{border-color:#16263B;box-shadow:0 0 0 2px #16263B,var(--carte-ombre-haut)}
.cp-gazette .ed-plan a[data-rubrique][aria-current]>svg{background:#16263B;color:#fff}

/* Retour au sommaire */
.cp-gazette .ed-retour-sommaire a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid var(--carte-bord);color:var(--encre-forte);font:600 14px/1.2 var(--sans);text-decoration:none}

@media (max-width:640px){
  .cp-gazette .ed-plan a[data-rubrique]{grid-template-columns:36px minmax(0,1fr);column-gap:10px}
  .cp-gazette .ed-plan a[data-rubrique]>svg{grid-row:auto;width:18px;height:18px;padding:9px;border-radius:12px}
  .cp-gazette .ed-plan a[data-rubrique]>b{align-self:center}
  .cp-gazette .ed-rubrique-tete{padding:40px 0 34px;margin-bottom:28px}
  .cp-gazette .ed-rubrique-tete>svg.ed-rubrique-picto{width:120px;height:120px;right:-18px;opacity:.28}
  .cp-gazette :is(.cp-carte,.cp-explication,.cm-grille>article,.cm-ciel>article,.cm-alertes>article,.cp-annuaire-enfance>article,.cp-questions-claires>div,.cp-roles>div,.cp-ecoles>article,.cp-petits-secrets>article,.cp-voisins>article){padding:20px 18px;border-radius:18px}
  .cp-gazette .cp-carte-titre h3{font-size:20px}
  .cp-body.cp-gazette .cp-carte-titre>svg.cp-icone,.cp-body.cp-gazette :is(.cm-grille,.cm-ciel,.cm-alertes)>article>h4>svg.cp-icone{width:22px;height:22px;padding:10px;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){.cp-gazette .cp-carte,.cp-gazette .cp-explication{transition:none}.cp-gazette .cp-carte:hover{transform:none}}
.cp-gazette .cm-arret-champ input{background:#fff;border:1px solid var(--carte-bord);border-radius:12px}
.cp-body.cp-gazette .cm-ciel{background:transparent;border:0;box-shadow:none;padding:0}
.cp-body.cp-gazette .cp-panneau .cp-lien{color:var(--rub-fonce);text-decoration-color:color-mix(in srgb,var(--rub) 45%,transparent)}

/* ── Le jour : fête, ce jour-là, question, tirage de cartes, cinéma ── */
.cp-gazette .lj{margin:48px 0 8px}
.cp-gazette .lj-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}

.cp-gazette .lj-tirage{display:flex;justify-content:center;margin:14px 0 10px;perspective:900px}
.cp-gazette .lj-dos,.cp-gazette .lj-face{width:min(220px,100%);aspect-ratio:5/8;border-radius:16px}
.cp-gazette .lj-dos{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:18px;border:0;cursor:pointer;background:#16263B;color:#fff;box-shadow:0 14px 30px -12px rgba(22,38,59,.55);overflow:hidden;transition:transform .2s}
.cp-gazette .lj-dos:hover{transform:translateY(-3px) rotate(-1deg)}
.cp-gazette .lj-dos b{position:relative;font:600 15px/1.2 var(--sans);letter-spacing:.02em;padding:8px 14px;border-radius:999px;background:#C8382A}
.cp-gazette .lj-motif{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:radial-gradient(circle at 50% 42%,rgba(200,56,42,.9) 0 18%,transparent 19%),repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 14px)}
.cp-gazette .lj-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;text-align:center;background:#fff;border:2px solid #16263B;box-shadow:0 14px 30px -12px rgba(22,38,59,.35)}
.cp-gazette .lj-face.lj-retourne{animation:lj-retourne .6s cubic-bezier(.22,1,.36,1)}
@keyframes lj-retourne{from{transform:rotateY(90deg)}}
.cp-gazette .lj-symbole svg{width:64px;height:64px;color:#C8382A}
.cp-gazette .lj-face b{font:700 20px/1.2 var(--serif);color:#16263B}
.cp-gazette .lj-face p{margin:0;font:14.5px/1.45 var(--sans);color:var(--encre-texte)}
.cp-gazette .lj-face small{font:12px/1.4 var(--sans);color:var(--encre-grise)}
.cp-gazette .lj-cinemas{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:24px}.cp-gazette .lj-cinemas li{display:grid;gap:2px}.cp-gazette .lj-cinemas li span{font:13.5px var(--sans);color:var(--encre-grise)}
@media (max-width:1100px){.cp-gazette .lj-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-gazette .lj-grille>.lj-carte-cinema:last-child:is(:nth-child(3n+1),:nth-child(3n+2)){grid-column:auto}.cp-gazette .lj-grille>:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:640px){.cp-gazette .lj-grille{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cp-gazette .lj-face.lj-retourne{animation:none}.cp-gazette .lj-dos:hover{transform:none}}
.cp-gazette .lj-clubs{display:grid;gap:18px}
.cp-gazette .lj-club .cp-kicker{margin:0 0 6px}
.cp-gazette .lj-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#F4F6F9;font:600 15px/1.2 var(--sans);color:var(--encre-forte)}
.cp-gazette .lj-score b:last-child{text-align:right}
.cp-gazette .lj-score em{font:700 20px/1 var(--sans);font-style:normal;color:#16263B;font-variant-numeric:tabular-nums}
.cp-gazette .lj-club small{display:block;margin-top:4px;font:12.5px var(--sans);color:var(--encre-grise)}
.cp-gazette .lj-prochain{margin:8px 0 0;font:14px/1.45 var(--sans);color:var(--encre-texte)}
.cp-gazette .lj-classement{margin-top:14px}
.cp-gazette .lj-classement summary{cursor:pointer;font:600 14px var(--sans);color:#16263B}
.cp-gazette .lj-classement ol{list-style:none;margin:8px 0 0;padding:0}
.cp-gazette .lj-classement li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:6px 0;border-top:1px solid #EDF1F5;font:14px var(--sans)}
.cp-gazette .lj-classement li em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}

/* ── Favoris : l'étoile en haut à droite des cartes ── */
.cp-gazette .lf-a-etoile{position:relative}
.cp-gazette .lf-a-etoile>.cp-carte-titre,.cp-gazette .lf-a-etoile>h4,.cp-gazette .lf-a-etoile>h3{padding-right:44px}
.cp-gazette .lf-etoile{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--carte-bord);border-radius:50%;background:#fff;color:#8A96A3;cursor:pointer;transition:color .15s,border-color .15s,transform .15s}
.cp-gazette .lf-etoile svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.cp-gazette .lf-etoile:hover{color:#C8382A;border-color:#C8382A;transform:scale(1.06)}
.cp-gazette .lf-etoile[aria-pressed="true"]{color:#C8382A;border-color:#F3C9C3;background:#FBEAE7}
.cp-gazette .lf-etoile[aria-pressed="true"] svg{fill:currentColor}
.cp-gazette .lf-etoile:focus-visible{outline:2px solid #16263B;outline-offset:2px}

/* ── La page du compte ── */
.ct-message{max-width:560px;margin:0 auto 20px;padding:14px 18px;border-radius:14px;font:15px/1.5 var(--sans);background:#EAEFF5;color:#16263B}
.ct-message.ct-ok{background:#E3F4EA;color:#0F5A32}.ct-message.ct-erreur{background:#FBEAE7;color:#8F2419}
.ct-onglets{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:14px;border-radius:14px;background:#E8EDF3}
.ct-onglets button{padding:9px;border:0;border-radius:8px;background:transparent;font:500 14px var(--sans);color:#16263B;cursor:pointer}
.ct-onglets button[aria-selected="true"]{background:#fff;box-shadow:0 1px 3px rgba(15,35,60,.12)}
.cp-gazette .ct-carte{display:flex;flex-direction:column;gap:14px}
/* Aussi visible que le bouton d'envoi (Alison, 01/10 : « trop petit, on le voit pas »). */
.ct-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 18px;border:1.5px solid #C5CED6;border-radius:999px;background:#fff;color:#16263B;font:600 16px var(--sans);text-decoration:none;box-shadow:0 8px 20px -14px rgba(22,38,59,.45)}
.ct-google:hover{background:#F6F8FA;border-color:#16263B}.ct-google svg{width:24px;height:24px}
.ct-ou{display:flex;align-items:center;gap:12px;margin:0;font:13px var(--sans);color:#7A8791}
.ct-ou::before,.ct-ou::after{content:"";flex:1;height:1px;background:#E2E8F0}
.ct-carte form{display:flex;flex-direction:column;gap:12px}
.ct-champ{display:flex;flex-direction:column;gap:6px;font:600 14px/1.4 var(--sans);color:#16263B}
.ct-champ small{font-weight:400;color:#7A8791;margin-left:6px}
.ct-champ :is(input,select){padding:12px 13px;border:1px solid #D6DCE1;border-radius:10px;background:#fff;font:16px/1.4 var(--sans);color:#16263B}
.ct-champ :is(input,select):focus{outline:0;border-color:#16263B;box-shadow:0 0 0 3px rgba(22,38,59,.12)}
.ct-deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ct-case{display:flex;gap:10px;font:13.5px/1.5 var(--sans);color:#4C5C67}.ct-case a{color:#16263B;text-decoration:underline;text-underline-offset:2px}.ct-case input{accent-color:#16263B;width:18px;height:18px;margin-top:1px;flex:none}
.cp-gazette .ct-action{width:100%;border-radius:12px;background:#16263B;font:600 16px/1.3 var(--sans);min-height:48px}
.ct-statut{margin:0;font:14px/1.45 var(--sans);color:#8F2419}.ct-statut:empty{display:none}
.ct-statut.ct-statut-ok{color:#1F6B45}
.ct-page .ct-carte p.ct-statut{color:#8F2419}.ct-page .ct-carte p.ct-statut.ct-statut-ok{color:#1F6B45}
.ct-envoye p:not(.ct-statut,.ct-aide){margin:0;font:15px/1.55 var(--sans);color:#16263B}
.ct-envoye b{overflow-wrap:anywhere}
.ct-aide{margin:0;font:14.5px/1.55 var(--sans);color:#5F5A54}.ct-page .ct-aide .ct-lien{display:inline;font-size:14.5px}
.ct-carte [name=code]{font:600 22px/1.2 var(--serif);letter-spacing:.3em}.ct-carte [name=code]::placeholder{font-size:15px;font-weight:400;letter-spacing:0}
.ct-page .ct-lien{align-self:flex-start;padding:0;border:0;background:none;font:500 13.5px var(--sans);text-underline-offset:3px;color:#16263B;text-decoration:underline;cursor:pointer}
.ct-h2{margin:0;font:600 24px/1.2 var(--serif);color:#12263A}
.ct-vide{padding:22px;border:1px dashed #C9D2DC;border-radius:18px;background:#fff;font:15px/1.5 var(--sans);color:#4C5C67}
.ct-favoris{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.ct-favori{display:flex;flex-direction:column;gap:8px;min-width:0}
.ct-favori-tete{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 13.5px var(--sans)}
.ct-favori-tete a{color:#16263B}
.ct-retirer{padding:4px 10px;border:1px solid #D6DCE1;border-radius:999px;background:#fff;font:600 12.5px var(--sans);color:#627386;cursor:pointer}
.ct-retirer:hover{border-color:#C8382A;color:#C8382A}
@media (max-width:760px){.ct-favoris,.ct-du-jour{grid-template-columns:1fr}.ct-deux{grid-template-columns:1fr}}
.cp-gazette .ct-enveloppe{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.cp-gazette .ct-enveloppe>*{margin:0!important;width:auto!important;grid-column:auto!important}
.cp-gazette .ct-h2,.cp-gazette .cp-rendezvous-entete .ct-h2{font:600 26px/1.2 var(--serif);color:#12263A;letter-spacing:0}

/* ── Le quiz du jour ── */
.cp-gazette .qj-etape{margin:0 0 6px;font:700 12px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#C8382A}
.cp-gazette .qj-question{margin:0 0 14px;font:600 18px/1.35 var(--serif);color:var(--encre-forte)}
.cp-gazette .qj-choix{display:flex;flex-direction:column;gap:8px}
.cp-gazette .qj-choix button{text-align:left;padding:12px 16px;border:1px solid var(--carte-bord);border-radius:12px;background:#fff;font:600 15px/1.3 var(--sans);color:var(--encre-forte);cursor:pointer}
.cp-gazette .qj-choix button:hover{border-color:#16263B}
.cp-gazette .qj-principal{display:inline-flex;justify-content:center;border-radius:12px;background:#C8382A;font:600 15px/1.3 var(--sans);text-decoration:none;min-height:46px;padding:12px 22px}
.cp-gazette .qj-boutons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.cp-gazette .qj-secondaire{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid #D6DCE1;border-radius:12px;color:#16263B;font:600 15px var(--sans);text-decoration:none}
.cp-gazette .qj-fin{margin:0 0 4px;font:600 19px/1.3 var(--serif);color:var(--encre-forte)}
.cp-gazette .qj-score{margin:0 0 10px;font:15px var(--sans);color:var(--encre-texte)}.cp-gazette .qj-score b{font:700 34px/1 var(--sans);color:#16263B;margin-right:6px}
.cp-gazette .qj-corrige{list-style:none;margin:0 0 10px;padding:0}
.cp-gazette .qj-corrige li{display:grid;gap:2px;padding:8px 0 8px 26px;border-top:1px solid #EDF1F5;position:relative;font:14px/1.4 var(--sans)}
.cp-gazette .qj-corrige li::before{position:absolute;left:0;top:8px;font-weight:700}
.cp-gazette .qj-corrige li.qj-juste::before{content:"✓";color:#1E8A4F}.cp-gazette .qj-corrige li.qj-faux::before{content:"✗";color:#C8382A}
.cp-gazette .qj-corrige b{color:#16263B}
.cp-gazette .qj-bilan{margin:0 0 8px;font:14.5px var(--sans);color:var(--encre-texte)}
/* Les classements du tableau de bord */
.cp-gazette .ct-classement ol{list-style:none;margin:0;padding:0}
.cp-gazette .ct-classement li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #EDF1F5;font:14.5px var(--sans);color:var(--encre-forte)}
.cp-gazette .ct-classement li b{font:700 14px var(--sans);color:#C8382A}
.cp-gazette .ct-classement li small{display:block;font:12.5px var(--sans);color:#7A8791}
.cp-gazette .ct-classement li em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.cp-gazette .ct-classement li.ct-moi{background:#FBEAE7;border-radius:10px;padding-inline:8px}
.ct-mon-rang{margin:10px 0 0;font:600 14px var(--sans);color:#16263B}
.ct-anonyme{margin:-6px 0 14px}

/* La fenêtre « Créez votre compte » : le crieur de La Criée, « Gratuit » en tête */
.lf-fenetre{margin:auto;inset:0;display:none;grid-template-columns:260px minmax(0,1fr);width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(15,30,45,.35);overflow:hidden}
.lf-fenetre[open]{display:grid;animation:lc-fenetre .22s cubic-bezier(.22,1,.36,1)}
.lf-fenetre::backdrop{background:rgba(15,30,45,.55);backdrop-filter:blur(3px)}
.lf-visuel{position:relative;background:#16263B;overflow:hidden}
.lf-visuel::before{content:"";position:absolute;inset:auto -40px -60px -40px;height:70%;background:radial-gradient(ellipse at 50% 100%,rgba(200,56,42,.55),transparent 70%)}
.lf-visuel img{position:absolute;bottom:-8px;left:50%;width:250px;max-width:none;height:auto;transform:translateX(-50%);filter:drop-shadow(0 10px 24px rgba(0,0,0,.4))}
.lf-marque{position:absolute;top:22px;left:24px;z-index:1;font:700 26px/1 'Bodoni Moda',Georgia,serif;color:#fff;letter-spacing:-.01em}
.lf-contenu{position:relative;display:flex;flex-direction:column;gap:12px;padding:34px 32px 28px;overflow:auto}
.lf-fermer{position:absolute;top:14px;right:14px;margin:0}
.lf-fermer button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#F1F3F5;color:#16263B;cursor:pointer}
.lf-fermer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lf-gratuit{align-self:flex-start;margin:0;padding:6px 14px;border-radius:999px;background:#C8382A;color:#fff;font:800 13px/1 var(--sans,Arial);letter-spacing:.14em;text-transform:uppercase}
.lf-contenu h2{margin:2px 40px 0 0;font:700 28px/1.15 var(--serif,Georgia);color:#16263B}
.lf-intro{margin:0;font:15.5px/1.5 var(--sans,Arial);color:#3C4B58}
.lf-avantages{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-direction:column;gap:8px}
.lf-avantages li{position:relative;padding-left:30px;font:600 15px/1.4 var(--sans,Arial);color:#16263B}
.lf-avantages li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#FBEAE7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8382A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.lf-principal,.lf-principal:visited{display:flex;justify-content:center;align-items:center;min-height:52px;border-radius:14px;background:#16263B;color:#fff!important;font:700 16.5px/1.2 var(--sans,Arial);text-decoration:none;box-shadow:0 8px 20px -8px rgba(22,38,59,.6)}
.lf-principal:hover{background:#0E1A28}
.lf-secondaire{display:flex;justify-content:center;padding:13px 18px;border:1px solid #D6DCE1;border-radius:14px;color:#16263B;font:600 15px/1.2 var(--sans,Arial);text-decoration:none}
.lf-secondaire:hover{border-color:#16263B}
.lf-note{margin:2px 0 0;text-align:center;font:13px/1.45 var(--sans,Arial);color:#627386}
@media (max-width:640px){.lf-fenetre{grid-template-columns:1fr;width:100vw;max-width:100vw;max-height:94dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.lf-visuel{height:120px}.lf-visuel img{width:130px;bottom:-110px;left:auto;right:10px;transform:none}.lf-marque{top:auto;bottom:22px}.lf-contenu{padding:22px 20px 22px}.lf-contenu h2{font-size:23px}}

/* Le quiz sous l'en-tête */
.cp-gazette .bq{margin:0;background:#FBEAE7;border-bottom:1px solid #F3C9C3}
.cp-gazette .bq>summary{display:flex;align-items:center;gap:14px;max-width:1400px;margin:0 auto;padding:12px var(--cp-gutter,24px);cursor:pointer;list-style:none;font:15px/1.3 var(--sans);color:#16263B}
.cp-gazette .bq>summary::-webkit-details-marker{display:none}
.cp-gazette .bq-pastille{padding:5px 12px;border-radius:999px;background:#C8382A;color:#fff;font:800 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.cp-gazette .bq>summary b{flex:1;font-weight:600}
.cp-gazette .bq-jouer{padding:8px 16px;border-radius:10px;background:#16263B;color:#fff;font:700 14px var(--sans)}
.cp-gazette .bq-corps{max-width:720px;margin:0 auto;padding:6px var(--cp-gutter,24px) 22px}
.cp-gazette .bq-corps>[data-qj-zone]{background:#fff;border:1px solid var(--carte-bord);border-radius:18px;padding:20px 22px;box-shadow:var(--carte-ombre)}
@media (max-width:640px){.cp-gazette .bq>summary b{display:none}.cp-gazette .bq>summary{justify-content:space-between}}
.ct-page .cp-rendezvous-entete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px}

/* Le plein autour de moi */
.cp-gazette .pa{margin-top:18px;padding-top:16px;border-top:1px solid #EDF1F5;display:flex;flex-direction:column;gap:10px}
.cp-gazette .pa-titre{margin:0;font:700 12px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#C8382A}
.cp-gazette .pa-reglages{display:flex;flex-wrap:wrap;gap:10px 16px}
.cp-gazette .pa-reglages label{display:flex;align-items:center;gap:8px;font:600 14px var(--sans);color:#16263B}
.cp-gazette .pa-reglages select{padding:8px 10px;border:1px solid #D6DCE1;border-radius:10px;background:#fff;font:15px var(--sans)}
.cp-gazette .pa-bouton{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 18px;border:0;border-radius:12px;background:#16263B;color:#fff;font:600 15px var(--sans);cursor:pointer}
.cp-gazette .pa-bouton::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3m0 14v3M2 12h3m14 0h3'/%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3m0 14v3M2 12h3m14 0h3'/%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3C/svg%3E") center/contain no-repeat}
.cp-gazette .pa-bouton:disabled{opacity:.6;cursor:wait}
.cp-gazette .pa-liste{list-style:none;margin:0;padding:0}
.cp-gazette .pa-adresse{flex:1 1 100%;flex-direction:column;align-items:stretch!important;gap:6px!important}
.cp-gazette .pa-champ{position:relative;display:block}
.cp-gazette .pa-champ input{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #D6DCE1;border-radius:10px;background:#fff;font:15px var(--sans)}
.cp-gazette .pa-champ .lg-dpe-propositions{top:46px}
.cp-gazette .pa-carte{height:280px;border-radius:12px;overflow:hidden;background:#EEF1F5}
.cp-gazette .pa-point{width:14px;height:14px;border-radius:50%;background:#16263B;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.cp-gazette .pa-marqueur{padding:3px 8px;border:2px solid #fff;border-radius:999px;background:#16263B;color:#fff;font:600 12px/1.2 var(--sans);font-variant-numeric:tabular-nums;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer}
.cp-gazette .pa-marqueur-moins-cher{background:#C8382A;z-index:2}
.cp-gazette .pa-carte .maplibregl-popup-content{padding:10px 12px;border-radius:10px;font:13.5px/1.45 var(--sans)}
.cp-gazette .pa-liste li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #EDF1F5;font:14.5px/1.35 var(--sans);color:var(--encre-forte)}
.cp-gazette .pa-liste li b{padding:5px 9px;border-radius:8px;background:#FBEAE7;color:#8F2419;font:700 15px var(--sans);font-variant-numeric:tabular-nums}
.cp-gazette .pa-liste li small{display:block;color:#7A8791;font-size:12.5px}
.cp-gazette .pa-liste li a{font:600 13.5px var(--sans);color:#16263B}

/* L'espace entre les blocs d'une rubrique : jamais deux cartes collées */
.cp-gazette .cp-panneau>:is(.cp-deux,.cm,.lj,.ed-semaine,.cp-relais-ville,.cp-carte)+:is(.cp-deux,.cm,.lj,.ed-semaine,.cp-relais-ville,.cp-carte){margin-top:28px}
.cp-gazette .cp-panneau>.cp-details+.cp-details{margin-top:12px}
.cp-gazette .cp-liens-clairs{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.cp-gazette .cp-liens-clairs a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--carte-bord);border-radius:12px;text-decoration:none;color:#16263B;transition:border-color .15s}
.cp-gazette .cp-liens-clairs a:hover{border-color:#16263B}
.cp-gazette .cp-liens-clairs b{font:600 15px var(--sans)}
.cp-gazette .cp-liens-clairs span{font:13.5px var(--sans);color:#627386;text-align:right}

/* ── Une seule échelle pour les composants (29/09) : titres 20, chiffres clés 22, textes 15, notes 13 ── */
.cp-body.cp-gazette .cp-grand{margin:4px 0 10px;font:700 22px/1.25 var(--sans);color:#16263B;letter-spacing:-.01em}
.cp-body.cp-gazette .cp-grand>span{display:block;margin-top:4px;font:400 13.5px/1.5 var(--sans);color:#627386;letter-spacing:0}
.cp-body.cp-gazette .cp-carte-titre h3,.cp-body.cp-gazette :is(.cm-grille,.cm-ciel,.cm-alertes)>article>h4{font:600 20px/1.25 var(--serif)}
.cp-body.cp-gazette :is(.cp-carte,.cp-explication,.cm-grille>article,.cp-details>div)>p{font-size:15px;line-height:1.55}
.cp-body.cp-gazette .cp-note{font-size:13px;line-height:1.5;color:#627386}
.cp-body.cp-gazette .cp-details{margin:0 0 12px;padding:0;background:#fff;border:1px solid var(--carte-bord);border-radius:16px;box-shadow:var(--carte-ombre);overflow:hidden}
.cp-body.cp-gazette .cp-details>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border:0;outline-offset:-3px;font:600 16px/1.35 var(--sans);color:#16263B;cursor:pointer;list-style:none}
.cp-body.cp-gazette .cp-details>summary::-webkit-details-marker{display:none}
.cp-body.cp-gazette .cp-details>summary>span{font:400 22px/1 var(--sans);color:#627386}
.cp-body.cp-gazette .cp-details[open]>summary{border-bottom:1px solid #EDF1F5}
.cp-body.cp-gazette .cp-details>div{padding:16px 20px 18px;background:#fff}
/* Le premier titre d'un volet ouvert colle à son en-tête (« Les élus… » puis « Les adjoints » : un trou, retour d'un lecteur 08/10). */
.cp-body.cp-gazette .cp-details>div>:first-child,.cp-body.cp-gazette .cp-details>div>:first-child>:first-child{margin-top:0}
.cp-body.cp-gazette h3.cp-espace{margin:32px 0 14px;font:600 24px/1.2 var(--serif);color:#12263A}
/* Sous la carte : « Ce que montre la carte » et « D'où viennent ces données ? » sont deux lignes identiques ;
   les sources de fin de rubrique (cp-sources) prennent la même ligne repliée. */
.cp-body.cp-gazette .cp-details:is(.cc-sources,.cp-sources){margin:0;background:none;border:0;border-top:1px solid var(--bord);border-bottom:1px solid var(--bord);border-radius:0;box-shadow:none}
.cp-body.cp-gazette .cp-details:is(.cc-sources,.cp-sources)>summary{padding:14px 0;font:600 14px/1.35 var(--sans)}
.cp-body.cp-gazette .cp-details:is(.cc-sources,.cp-sources)>summary>span{font-size:18px;color:#C8382A}
.cp-body.cp-gazette .cp-details:is(.cc-sources,.cp-sources)[open]>summary{border-bottom:0}
.cp-body.cp-gazette .cp-details:is(.cc-sources,.cp-sources)>div{padding:0 0 16px;background:none}
.cp-body.cp-gazette .cp-details.cp-sources{margin-top:48px}
.cp-body.cp-gazette .cp-sources>.cp-references{margin:0;padding-top:4px;border:0}

/* Les cartes longues, repliées par défaut (cartes-longues.js) */
.cp-gazette .cl-longue{position:relative}
.cp-gazette .cl-repliee{max-height:420px;overflow:hidden;padding-bottom:64px!important}
.cp-gazette .cl-repliee::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 62%);pointer-events:none;border-radius:0 0 20px 20px}
.cp-gazette .cl-bouton{position:absolute;left:50%;bottom:16px;z-index:2;transform:translateX(-50%);padding:10px 20px;border:1px solid #16263B;border-radius:999px;background:#fff;color:#16263B;font:600 14px var(--sans);cursor:pointer;box-shadow:0 4px 12px -4px rgba(22,38,59,.3)}
.cp-gazette .cl-bouton:hover{background:#16263B;color:#fff}
.cp-gazette .cl-longue:not(.cl-repliee){padding-bottom:72px!important}
.cp-gazette .cl-longue:not(.cl-repliee) .cl-bouton{bottom:18px}

/* ═══ Système de composants de l'édition (29/09, fait foi) ═══════════════════════════════════════════════
   Une règle par rôle, plus forte que les habillages hérités (gazette, pilote). Ne pas styler un bloc à part :
   lui donner l'un de ces rôles.
   Titre de section 24 · titre de carte 20 · titre dans une carte 16 · texte 15 · note 13 · étiquette 11,5. */
.cp-body.cp-gazette .cp-panneau{--t-section:600 24px/1.2 var(--serif);--t-carte:600 20px/1.25 var(--serif);--t-sous:600 16px/1.3 var(--sans);--t-texte:400 15px/1.55 var(--sans);--t-note:400 13px/1.5 var(--sans);--t-etiquette:700 11.5px/1.3 var(--sans)}
/* Titres de section (hors carte) */
.cp-body.cp-gazette .cp-panneau :is(h3.cp-espace,.cp-rendezvous-entete>h3,.cp-actu-separateur>h3,.ad-entete>h3,.lj>.cp-rendezvous-entete>h3){font:var(--t-section);color:#12263A;letter-spacing:0;text-transform:none}
/* Titres de carte */
.cp-body.cp-gazette .cp-panneau :is(.cp-carte-titre>h3,.cp-explication>h3,.cm-grille>article>h4,.cm-ciel>article>h4,.cm-alertes>article>h4,.cp-carte>h3){font:var(--t-carte);color:#12263A;letter-spacing:0;text-transform:none}
/* Titres dans une carte */
.cp-body.cp-gazette .cp-panneau :is(.cp-carte,.cp-explication,.cp-details>div) :is(h4,h5):not(.cm-grille>article>h4){font:var(--t-sous);color:#16263B;letter-spacing:0;text-transform:none;margin:6px 0 6px}
/* Textes et notes */
.cp-body.cp-gazette .cp-panneau :is(.cp-carte,.cp-explication,.cm-grille>article,.cp-details>div) :is(p,li){font-size:15px;line-height:1.55}
.cp-body.cp-gazette .cp-panneau :is(.cp-note,small,.cm-doux,.cm-note){font:var(--t-note);color:#627386}
/* Étiquettes (au-dessus d'un titre, type d'établissement…) */
.cp-body.cp-gazette .cp-panneau :is(.cp-kicker,.lc-eyebrow,.cp-ecoles>article>span,.cp-annuaire-enfance>article>span,.ad-genre){display:block;margin:0 0 4px;padding:0;background:none;border-radius:0;font:var(--t-etiquette);letter-spacing:.1em;text-transform:uppercase;color:#C8382A}
/* Sous-cartes (dans une carte) : bord fin, sans ombre */
.cp-body.cp-gazette .cp-panneau :is(.cp-annuaire-enfance>article,.cp-ecoles>article,.cp-petits-secrets>article,.cp-questions-claires>div,.cp-roles>div,.cp-voisins>article){background:#fff;border:1px solid #E6EBF0;border-radius:14px;box-shadow:none;padding:16px 18px}
.cp-body.cp-gazette .cp-panneau .cp-ecoles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
/* Boutons : un principal navy, un secondaire blanc */
.cp-body.cp-gazette :is(.cp-bouton,.cp-panneau .lc-action,.qj-principal,.pa-bouton,.ct-action,.lf-principal){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid #16263B;border-radius:12px;background:#16263B;color:#fff!important;font:600 15px/1.2 var(--sans);text-decoration:none!important;box-shadow:none;cursor:pointer}
.cp-body.cp-gazette :is(.cp-bouton,.cp-panneau .lc-action,.qj-principal,.pa-bouton,.ct-action,.lf-principal):hover{background:#0E1A28;border-color:#0E1A28}
.cp-body.cp-gazette :is(.qj-secondaire,.lf-secondaire,.cl-bouton){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #C9D2DC;border-radius:12px;background:#fff;color:#16263B!important;font:600 15px/1.2 var(--sans);text-decoration:none}
.cp-body.cp-gazette :is(.qj-secondaire,.lf-secondaire,.cl-bouton):hover{border-color:#16263B;background:#fff;color:#16263B!important}
.cp-body.cp-gazette .cl-bouton{position:absolute;min-height:40px}
/* Pastilles de filtre : une seule forme pour choisir une catégorie, un type de lieu, de balade ou de logement.
   Fine, 34 px, texte 13,5 ; choisie = navy. Ne pas en dessiner une autre : ajouter le conteneur à la liste. */
.cp-body.cp-gazette :is(.cp-commerce-categories,.cm-boutons,.ad-filtres,.cp-filtres-air,.lg-types){display:flex;flex-wrap:wrap;gap:8px;grid-template-columns:none}
.cp-body.cp-gazette :is(.cp-commerce-categories,.cm-boutons,.ad-filtres,.cp-filtres-air,.lg-types) button{display:inline-flex;flex-direction:row;align-items:center;gap:7px;width:auto;min-height:34px;padding:6px 14px;border:1px solid #DCE3EA;border-radius:999px;background:#fff;color:#16263B;font:500 13.5px/1.2 var(--sans);text-align:left;box-shadow:none;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.cp-body.cp-gazette :is(.cp-commerce-categories,.cm-boutons,.ad-filtres,.cp-filtres-air,.lg-types) button:hover{border-color:#16263B}
.cp-body.cp-gazette :is(.cp-commerce-categories,.cm-boutons,.ad-filtres,.cp-filtres-air,.lg-types) button[aria-pressed="true"]{background:#16263B;border-color:#16263B;color:#fff}
.cp-body.cp-gazette .cp-commerce-categories button svg{width:16px;height:16px;margin:0;flex:none}
.cp-body.cp-gazette .ad-filtres button span{font-weight:400;opacity:.65}
/* Commandes posées sur la carte de la commune : même famille, en plus petit */
.cp-body.cp-gazette :is(.cc-segments,.cc-vue) button{min-height:30px;padding:5px 12px;font:500 12.5px/1.2 var(--sans)}
.cp-body.cp-gazette .cc-lancer{min-height:40px;padding:9px 16px;border-radius:10px;font:500 14px/1.2 var(--sans)}
/* Les réponses de la question du jour : boutons secondaires */
/* Finesse (objectif du 29/09) : cartes légères, marges régulières, boutons fins */
.cp-body.cp-gazette{--carte-bord:#E6EBF0;--carte-ombre:0 1px 2px rgba(15,35,60,.04),0 8px 24px -16px rgba(15,35,60,.18);--carte-ombre-haut:0 1px 2px rgba(15,35,60,.05),0 14px 32px -16px rgba(15,35,60,.26)}
.cp-body.cp-gazette :is(.cp-carte,.cp-explication,.cm-grille>article,.cm-ciel>article,.cm-alertes>article){padding:24px;border:1px solid var(--carte-bord);border-radius:18px;box-shadow:var(--carte-ombre);background:#fff}
.cp-body.cp-gazette .cp-explication{border-top:1px solid var(--carte-bord)}
.cp-body.cp-gazette .cp-carte-titre,.cp-body.cp-gazette :is(.cm-grille,.cm-ciel,.cm-alertes)>article>h4{gap:12px;margin:0 0 16px}
.cp-body.cp-gazette .cp-carte-titre>svg.cp-icone,.cp-body.cp-gazette :is(.cm-grille,.cm-ciel,.cm-alertes)>article>h4>svg.cp-icone{width:20px;height:20px;padding:10px;border-radius:12px;stroke-width:1.7;box-shadow:none}
.cp-body.cp-gazette .cp-panneau :is(.cp-carte-titre>h3,.cp-explication>h3,.cm-grille>article>h4,.cm-ciel>article>h4,.cm-alertes>article>h4,.cp-carte>h3){font:600 19px/1.25 var(--serif)}
.cp-body.cp-gazette :is(.cp-bouton,.cp-panneau .lc-action,.qj-principal,.pa-bouton,.ct-action,.lf-principal,.qj-secondaire,.lf-secondaire,.cl-bouton,.bq-jouer){min-height:40px;padding:9px 16px;border-radius:10px;font:500 14px/1.2 var(--sans);letter-spacing:.005em}
.cp-body.cp-gazette .bq-jouer{min-height:34px;padding:7px 14px;display:inline-flex;align-items:center;border:1px solid #16263B}
.cp-body.cp-gazette .lf-principal{min-height:46px;font-size:15px}
.cp-body.cp-gazette .lf-etoile{width:34px;height:34px;top:16px;right:16px;border-color:#E6EBF0}
.cp-body.cp-gazette .lf-etoile svg{width:17px;height:17px;stroke-width:1.6}
.cp-body.cp-gazette .cp-panneau .cp-lien{font:500 13.5px/1.4 var(--sans);text-underline-offset:3px}
.cp-body.cp-gazette .cm-departs>li>b{font:600 13px/1.3 var(--sans);padding:3px 7px;border-radius:7px}
.cp-body.cp-gazette .cp-deux,.cp-body.cp-gazette .cm-grille,.cp-body.cp-gazette .cm-ciel,.cp-body.cp-gazette .cm-alertes,.cp-body.cp-gazette .lj-grille{gap:20px}
.cp-body.cp-gazette .cp-panneau>:is(.cp-deux,.cm,.lj,.ed-semaine,.cp-relais-ville,.cp-carte,.cp-explication)+:is(.cp-deux,.cm,.lj,.ed-semaine,.cp-relais-ville,.cp-carte,.cp-explication){margin-top:24px}
@media (max-width:640px){.cp-body.cp-gazette :is(.cp-carte,.cp-explication,.cm-grille>article,.cm-ciel>article,.cm-alertes>article){padding:18px;border-radius:16px}}
/* Menus déroulants et champs : fins, une seule forme ; focus discret */
.cp-body.cp-gazette :is(.cp-panneau,.ct,.lf-fenetre) select{appearance:none;-webkit-appearance:none;height:38px;padding:0 34px 0 12px;border:1px solid #D6DCE1;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316263B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center/16px no-repeat;font:500 14px/1 var(--sans);color:#16263B;cursor:pointer;box-shadow:none;outline:0;transition:border-color .15s,box-shadow .15s}
.cp-body.cp-gazette :is(.cp-panneau,.ct,.lf-fenetre) :is(input:not([type=checkbox]):not([type=radio]),textarea){border:1px solid #D6DCE1;border-radius:10px;background:#fff;font:400 15px/1.4 var(--sans);color:#16263B;outline:0;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.cp-body.cp-gazette :is(.cp-panneau,.ct,.lf-fenetre) :is(select,input,textarea):hover{border-color:#AEB9C4}
.cp-body.cp-gazette :is(.cp-panneau,.ct,.lf-fenetre) :is(select,input,textarea):focus,.cp-body.cp-gazette :is(.cp-panneau,.ct,.lf-fenetre) :is(select,input,textarea):focus-visible{outline:0;border-color:#16263B;box-shadow:0 0 0 3px rgba(22,38,59,.10)}
.cp-body.cp-gazette .cp-filtre-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:500 14px var(--sans);color:#16263B}
.cp-body.cp-gazette :is(button,a,summary):focus-visible{outline:2px solid #16263B;outline-offset:2px}
.cp-body.cp-gazette :is(button,a,summary):focus:not(:focus-visible){outline:0}
/* Médecins : une ligne par médecin, actions à droite */
.cp-body.cp-gazette .cp-medecins{list-style:none;margin:14px 0 8px;padding:0}
.cp-body.cp-gazette .cp-medecins>li{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:11px 0;border-top:1px solid #EDF1F5}
.cp-body.cp-gazette .cp-medecins b{display:block;font:600 15px/1.3 var(--sans);color:#16263B}
.cp-body.cp-gazette .cp-medecins small{display:block;margin-top:2px;font:400 13px/1.4 var(--sans);color:#627386}
.cp-body.cp-gazette .cp-medecin-actions{display:flex;align-items:center;gap:14px;font-size:14px}
.cp-body.cp-gazette .cp-doctolib{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border:1px solid #C9D2DC;border-radius:8px;font:500 13px/1.2 var(--sans);color:#16263B;text-decoration:none;white-space:nowrap}
.cp-body.cp-gazette .cp-doctolib:hover{border-color:#16263B}

/* L'espace compte aux couleurs de La Criée (29/09) : papier, crieur, Bodoni */
.cp-body.ct-page{--fond-page:#F8F5EE;background:#F8F5EE}

/* Fin du quiz sans compte : les deux liens de la phrase mènent au compte */
.cp-body.cp-gazette .qj-lien{color:#C8382A;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════
   DA des maquettes du 29/09 (Carros, modèle de toutes les communes) : le papier ivoire de l'accueil, des cartes
   blanches légères, des pictos vermillon dans une pastille rose pâle, des titres serif, des sur-titres vermillon
   en capitales espacées, des gravures de village, des boutons en pilule. Fait foi sur les règles au-dessus.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════ */
.cp-body.cp-gazette .cp-lecture,.cp-body.cp-gazette .cp-panneaux{--papier:#F8F5EE;--papier-clair:#FCFAF5}
/* L'en-tête : le logo, puis Nous écrire, la loupe et Mon compte en pilule navy */
/* Le défi du jour, en bandeau clair comme sur l'accueil */
.cp-body.cp-gazette .bq{background:#FCFAF5;border-bottom:1px solid #E6E0D4}
.cp-body.cp-gazette .bq .bq-jouer{border-radius:999px}

/* La une : le nom de la commune à gauche, la gravure à droite, la carte dessous dans un cadre arrondi */
.cp-body.cp-gazette .cp-une{position:relative;isolation:isolate;background:#F8F5EE;border-bottom:0}
.cp-body.cp-gazette .cp-une::before{content:"";position:absolute;z-index:-1;right:0;top:0;width:min(48vw,680px);height:min(34vw,330px);background:url(/assets/gazette/place-gravee.webp) right 20%/cover no-repeat;mix-blend-mode:multiply;opacity:.5;
  -webkit-mask:linear-gradient(90deg,transparent,#000 45%),linear-gradient(180deg,#000 55%,transparent);-webkit-mask-composite:source-in;
  mask:linear-gradient(90deg,transparent,#000 45%),linear-gradient(180deg,#000 55%,transparent);mask-composite:intersect}
.cp-body.cp-gazette .cp-une::after{content:"";position:absolute;z-index:-2;right:min(24vw,330px);top:28px;width:84px;height:84px;border-radius:50%;background:#F3C9BF;opacity:.55}
.cp-body.cp-gazette .cp-une .cc-cartouche{padding:0 0 28px;text-align:left}
.cp-body.cp-gazette .cp-une .cc-cartouche-edition{margin:0 0 8px;font:var(--kicker);letter-spacing:.18em;text-transform:uppercase;color:#C8382A}
.cp-body.cp-gazette .cp-une .cc-cartouche h1{margin:0;font:600 clamp(58px,7.4vw,104px)/.95 var(--serif);letter-spacing:-.025em;text-transform:none;color:#16263B}
.cp-body.cp-gazette .cp-une .cc-cartouche-devise{margin:10px 0 0;font:italic 400 clamp(20px,2.2vw,28px)/1.3 var(--serif);color:#C8382A}
.cp-body.cp-gazette .cp-une .cc-plan,.cp-body.cp-gazette .cp-une .cc [class*="cc-plan"]{border-radius:18px}
.cp-body.cp-gazette .cp-une .cc-une-devise{font:var(--kicker);letter-spacing:.18em;text-transform:uppercase;color:#6B7780}
.cp-body.cp-gazette .cp-une .cc-cartouche-faits dd{font:600 22px/1.2 var(--serif);color:#16263B}

/* La barre des rubriques, collée sous l'en-tête */
/* Les messages de la carte (« Ctrl + molette… ») dans la police du site, pas celle de MapLibre. */
.cp-body.cp-gazette .maplibregl-map{font-family:var(--sans)}
/* La barre du haut commune (barre.css) reste en haut pendant la lecture ; la barre des rubriques se pose dessous (72 px + le filet). */
.cp-body.cp-gazette .lc-barre{position:sticky;top:0;z-index:50;background:rgba(248,245,238,.94);backdrop-filter:saturate(1.4) blur(12px)}
.cp-body.cp-gazette .ed-barre{position:sticky;top:73px;z-index:45;background:rgba(248,245,238,.96);backdrop-filter:blur(10px);border-block:1px solid #E6E0D4}
.cp-body.cp-gazette .ed-barre>div{display:flex;justify-content:safe center;gap:0;max-width:1280px;margin:0 auto;padding:6px max(16px,var(--cp-gutter,24px));overflow-x:auto;scrollbar-width:none}
.cp-body.cp-gazette .ed-barre>div::-webkit-scrollbar{display:none}
.cp-body.cp-gazette .ed-barre a{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;padding:9px 10px;border-radius:10px;font:500 13.5px/1.2 var(--sans);color:#16263B;text-decoration:none;white-space:nowrap}
.cp-body.cp-gazette .ed-barre a svg{width:17px;height:17px;flex:none;color:#16263B;stroke-width:1.6}
.cp-body.cp-gazette .ed-barre a:hover{background:#FFFFFF}
.cp-body.cp-gazette .ed-barre a[aria-current="true"]{background:#FFFFFF;box-shadow:0 1px 2px rgba(29,53,69,.08)}
.cp-body.cp-gazette .ed-barre a[aria-current="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:#C8382A}
.cp-body.cp-gazette .ed-barre a[aria-current="true"] svg{color:#C8382A}

/* « Que cherchez-vous ? » et le sommaire des rubriques */
.cp-body.cp-gazette .ed-accueil{background:#F8F5EE;border:0;padding-bottom:40px}
.cp-body.cp-gazette .ed-accueil .rc{padding-top:48px}
.cp-body.cp-gazette .rc-titre{font:600 clamp(30px,3.4vw,44px)/1.15 var(--serif);color:#16263B;letter-spacing:-.01em}
.cp-body.cp-gazette .rc-titre em{font-style:normal;color:#C8382A}
.cp-body.cp-gazette .rc-barre{height:56px;border:1px solid #E6E0D4;box-shadow:0 12px 30px -22px rgba(29,53,69,.45)}
.cp-body.cp-gazette .ed-plan>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cp-body.cp-gazette .ed-plan a{grid-template-columns:44px 1fr;grid-template-rows:auto 1fr;gap:3px 14px;align-items:start;padding:18px 20px;border:1px solid #ECE6DA;border-radius:14px;background:#fff;box-shadow:var(--carte-ombre);transition:box-shadow .2s,transform .2s,border-color .2s}
.cp-body.cp-gazette .ed-plan a>svg{grid-row:1/3;width:22px;height:22px;padding:11px;border-radius:12px;background:var(--pastille);color:#C8382A;stroke-width:1.6;box-sizing:content-box}
.cp-body.cp-gazette .ed-plan a b{font:600 17px/1.25 var(--serif);color:#16263B}
.cp-body.cp-gazette .ed-plan a small{font:400 13.5px/1.45 var(--sans);color:#6B7780}
.cp-body.cp-gazette .ed-plan a:hover{box-shadow:var(--carte-ombre-haut);transform:translateY(-1px)}
.cp-body.cp-gazette .ed-plan a[aria-current="true"]{border-color:#C8382A;box-shadow:0 0 0 1px #C8382A,var(--carte-ombre)}
.cp-body.cp-gazette .ed-plan a[aria-current="true"]>svg{background:#C8382A;color:#fff}

/* Le bandeau de rubrique : navy, titre serif, la gravure du village en traits clairs à droite */
.cp-body.cp-gazette .ed-rubrique-tete{padding:60px 0 52px}
.cp-body.cp-gazette .ed-rubrique-tete>svg.ed-rubrique-picto{display:none}
.cp-body.cp-gazette .ed-rubrique-tete::after{content:"";position:absolute;z-index:-1;right:0;top:0;bottom:0;width:min(58%,760px);background:url(/assets/gazette/place-gravee.webp) right 30%/cover no-repeat;filter:invert(1) sepia(.35) hue-rotate(170deg) saturate(.6);mix-blend-mode:screen;opacity:.34;
  -webkit-mask:linear-gradient(90deg,transparent,#000 50%,#000 78%,transparent);mask:linear-gradient(90deg,transparent,#000 50%,#000 78%,transparent)}
.cp-body.cp-gazette .ed-rubrique-tete .cp-rubrique-nom{font:600 clamp(40px,4.8vw,62px)/1.05 var(--serif);letter-spacing:-.02em}
.cp-body.cp-gazette .ed-rubrique-tete .cp-rubrique-desc{font:400 19px/1.5 var(--serif);color:rgba(255,255,255,.86)}

/* Les cartes : blanches, légères, arrondi 14 ; le picto dans sa pastille rose pâle */
.cp-body.cp-gazette :is(.cp-carte,.cp-explication,.cm-grille>article,.cm-ciel>article,.cm-alertes>article){border-color:#ECE6DA;border-radius:14px;box-shadow:var(--carte-ombre)}
.cp-body.cp-gazette .cp-panneau :is(.cp-annuaire-enfance>article,.cp-ecoles>article,.cp-petits-secrets>article,.cp-questions-claires>div,.cp-roles>div,.cp-voisins>article){border-color:#ECE6DA;border-radius:12px}
.cp-body.cp-gazette .cp-carte-titre>svg.cp-icone,.cp-body.cp-gazette :is(.cm-grille,.cm-ciel,.cm-alertes)>article>h4>svg.cp-icone{background:var(--pastille);color:#C8382A;border-radius:12px}
.cp-body.cp-gazette .cp-explication{border-top:1px solid #ECE6DA}
/* Titres de section : serif, avec la date ou le lien à droite */
.cp-body.cp-gazette .cp-panneau :is(h3.cp-espace,.cp-rendezvous-entete>h3,.cp-actu-separateur>h3,.ad-entete>h3,.lj>.cp-rendezvous-entete>h3){font:600 clamp(26px,2.6vw,34px)/1.15 var(--serif);letter-spacing:-.01em;color:#16263B}
/* Le jour : l'intitulé de chaque carte en petites capitales, comme une rubrique de journal */
.cp-body.cp-gazette .cp-panneau .lj .cp-carte-titre>h3{font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#16263B}
.cp-body.cp-gazette .lj-dos{border-radius:12px}
/* Les sur-titres (étiquettes) en vermillon */
.cp-body.cp-gazette .cp-panneau :is(.cp-kicker,.lc-eyebrow,.ad-genre){color:#C8382A;letter-spacing:.14em}

/* Les cartes de chapitre (La commune, Se loger) : pastille, titre serif, une phrase, le lien */
.cp-body.cp-gazette .ed-sommaire{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cp-body.cp-gazette .ed-sommaire a{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto 1fr;align-content:start;gap:4px 14px;min-height:0;padding:20px;border:1px solid #ECE6DA;border-radius:14px;background:#fff;box-shadow:var(--carte-ombre)}
.cp-body.cp-gazette .ed-sommaire a:hover{box-shadow:var(--carte-ombre-haut);border-color:#E0D8CA}
.cp-body.cp-gazette .ed-sommaire a>svg.ed-sommaire-picto{grid-row:1/4;width:22px;height:22px;padding:11px;border-radius:12px;background:var(--pastille);color:#C8382A;stroke-width:1.6;box-sizing:content-box}
.cp-body.cp-gazette .ed-sommaire a b{font:600 18px/1.25 var(--serif);color:#16263B}
.cp-body.cp-gazette .ed-sommaire a span{font:400 13.5px/1.5 var(--sans);color:#6B7780;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cp-body.cp-gazette .ed-sommaire a em{align-self:end;margin-top:6px;font:500 13px/1.2 var(--sans);font-style:normal;color:#C8382A}
.cp-body.cp-gazette .ed-sommaire a em::after{content:" →"}
/* Un chapitre ouvert : le retour aux cartes comme un fil d'Ariane */
.cp-body.cp-gazette .ed-retour{display:inline-flex;margin:0 0 18px;font:500 13px/1.3 var(--sans);color:#6B7780;text-decoration:none}
.cp-body.cp-gazette .ed-retour:hover{color:#C8382A}

/* Les boutons : pilules, comme sur l'accueil */
.cp-body.cp-gazette :is(.cp-bouton,.cp-panneau .lc-action,.qj-principal,.pa-bouton,.ct-action,.lf-principal,.qj-secondaire,.lf-secondaire,.cl-bouton,.bq-jouer,.cc-lancer){border-radius:999px}

@media (max-width:1000px){.cp-body.cp-gazette .ed-plan>div,.cp-body.cp-gazette .ed-sommaire{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .cp-body.cp-gazette .ed-barre{top:63px}
  .cp-body.cp-gazette .cp-une::before{width:70vw;height:44vw;opacity:.35}
  .cp-body.cp-gazette .cp-une::after{display:none}
  .cp-body.cp-gazette .ed-plan>div,.cp-body.cp-gazette .ed-sommaire{grid-template-columns:1fr}
  .cp-body.cp-gazette .ed-rubrique-tete::after{width:100%;opacity:.22}
}
/* Douze rubriques sur une ligne : les pictos de la barre seulement sur les très grands écrans */
@media (max-width:1679px){.cp-body.cp-gazette .ed-barre a svg{display:none}}

/* Les chiffres d'un chapitre (prix, loyers…) : une carte par chiffre, le nombre en grand serif (maquette 07) */
.cp-body.cp-gazette .lg-periode{font:var(--kicker);letter-spacing:.16em;text-transform:uppercase;color:#C8382A;border:0;padding:0;margin:18px 0 12px}
.cp-body.cp-gazette .lg-cotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;border:0;margin:0 0 22px}
.cp-body.cp-gazette .lg-cote{padding:22px 24px;border:1px solid #ECE6DA;border-radius:14px;background:#fff;box-shadow:var(--carte-ombre)}
.cp-body.cp-gazette .lg-cote>p:first-child{margin:0 0 6px;font:600 14px/1.3 var(--sans);color:#16263B}
.cp-body.cp-gazette .lg-cote>strong{display:block;margin:0 0 8px;font:600 clamp(38px,4vw,50px)/1 var(--serif);letter-spacing:-.02em;color:#16263B}
.cp-body.cp-gazette .lg-cote .lg-unite{font:400 16px var(--sans);color:#6B7780;letter-spacing:0}
.cp-body.cp-gazette .lg-cote>p:not(:first-child){margin:0 0 4px;font:400 14.5px/1.5 var(--sans);color:#3D4B55}
.cp-body.cp-gazette .lg-cote>small{font:400 13px/1.4 var(--sans);color:#6B7780}
.cp-body.cp-gazette .lg-graphe{margin:0 0 22px;padding:22px 24px;border:1px solid #ECE6DA;border-radius:14px;background:#fff;box-shadow:var(--carte-ombre)}
.cp-body.cp-gazette .lg-graphe figcaption{font:600 15px/1.3 var(--sans);color:#16263B}
.cp-body.cp-gazette [data-chapitre-page]>h3:first-of-type,.cp-body.cp-gazette .lg-chapitre>h3:first-of-type{font:600 clamp(30px,3.2vw,42px)/1.12 var(--serif);letter-spacing:-.015em;color:#16263B}
.cp-body.cp-gazette .lg-chapeau{font:400 18px/1.5 var(--serif);color:#3D4B55}

/* Les annonces de la mairie : une fiche par annonce — l'émetteur en sur-titre, la date, le titre serif, le texte (maquettes 04 et 05) */
.cp-body.cp-gazette .cp-actu-separateur{margin:0 0 20px;padding:0;border:0}
.cp-body.cp-gazette .cp-actu-separateur>p:not(.lc-eyebrow){margin:6px 0 0;font:400 16px/1.5 var(--serif);color:#6B7780}
.cp-body.cp-gazette .cp-actu-locale{max-width:880px;margin:0 0 14px;padding:24px 28px;border:1px solid #ECE6DA;border-radius:14px;background:#fff;box-shadow:var(--carte-ombre)}
.cp-body.cp-gazette .cp-actu-date{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 10px;font:500 12.5px/1.3 var(--sans);color:#6B7780}
.cp-body.cp-gazette .cp-actu-date>span:first-child{font:var(--kicker);letter-spacing:.14em;text-transform:uppercase;color:#C8382A}
.cp-body.cp-gazette .cp-actu-date>span:last-child{padding:3px 8px;border-radius:999px;background:#F3EEE5}
.cp-body.cp-gazette .cp-panneau .cp-actu-locale>h3{margin:0 0 10px;font:600 clamp(21px,2vw,25px)/1.25 var(--serif);color:#16263B;letter-spacing:-.005em}
.cp-body.cp-gazette .cp-panneau .cp-actu-locale>p:not(.cp-actu-date):not(.cp-actu-source){margin:0 0 12px;font:400 15.5px/1.65 var(--sans);color:#3D4B55;max-width:72ch}
.cp-body.cp-gazette .cp-actu-source{margin:0}
.cp-body.cp-gazette .cp-actu-source a{font:500 13.5px var(--sans);color:#C8382A;text-underline-offset:3px}
@media (max-width:760px){.cp-body.cp-gazette .cp-actu-locale{padding:20px}}
/* Téléphone : l'en-tête sur une ligne (picto du compte seul), le sommaire en deux colonnes compactes */
@media (max-width:760px){
  .cp-body.cp-gazette .ed-plan>div{grid-template-columns:1fr 1fr;gap:8px}
  .cp-body.cp-gazette .ed-plan a{grid-template-columns:34px 1fr;grid-template-rows:auto;align-items:center;gap:0 10px;padding:12px}
  .cp-body.cp-gazette .ed-plan a>svg{grid-row:auto;width:18px;height:18px;padding:8px;border-radius:10px}
  .cp-body.cp-gazette .ed-plan a b{font-size:15px}
  .cp-body.cp-gazette .ed-plan a small{display:none}
}
/* Les derniers fonds froids : prévisions de la semaine et presse du 06 deviennent des cartes blanches */
.cp-body.cp-gazette :is(.cm-semaine,.cp-presse-06){background:#fff;border:1px solid #ECE6DA;border-radius:14px;box-shadow:var(--carte-ombre)}
/* « Le jour » : la fête, ce jour-là, la question, le foot — quatre cartes sur une ligne */
.cp-body.cp-gazette .lj-grille{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
/* L'espace compte : le quiz, le tirage, les voix de la commune */

/* L'état des lieux : une carte bleu nuit dans la colonne, sans bande d'un bord à l'autre. */
.cp-body.cp-gazette .cp-edl{margin-top:72px;padding:56px clamp(24px,5vw,72px);border-image:none;border-radius:24px}
@media (max-width:700px){.cp-body.cp-gazette .cp-edl{margin-top:48px;padding:40px 22px;border-radius:18px}}
/* ───────── L'édition en fiches (29/09) : la une photo, Aujourd'hui, À comprendre, la carte, Explorer, la fenêtre ───────── */
.ed-fiches{--ed-large:min(1320px,calc(100% - 2*var(--cp-gutter)));--ed-rose:#f6e6e2;--ed-ombre:0 22px 48px -28px rgba(21,43,58,.45)}
.ed-fiches .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* La une : la photo de la commune, son nom, la recherche ; les chiffres et le crédit en bas. La une n'isole pas ses
   calques : les résultats de la recherche passent au-dessus d'« Aujourd'hui », posé sur le bas de la photo. */
.ed-une{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(560px,76vh,780px);overflow:hidden;background:var(--navy-profond);color:#fff}
.ed-une-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.ed-une-relief{filter:saturate(.7) brightness(.75)}
.ed-une::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(13,27,38,.62) 0,rgba(13,27,38,.4) 38%,rgba(13,27,38,.12) 62%,rgba(13,27,38,.42) 100%)}
.ed-une-contenu{position:relative;z-index:4;width:var(--ed-large);margin:0 auto;padding:clamp(40px,7vh,76px) 0 0}
.ed-une-date{display:none;margin:0;font:600 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}
/* Le nom de la commune est la voix haute de la page : Bodoni, comme le logo (charte.css). */
/* Le nom de la ville, lisible sur un ciel clair (Alison, 01/10 : « on voit rien ») : la coupe texte de Bodoni Moda
   (opsz 11, déliés plus épais), une ombre nette, un voile plus sombre en haut. */
.ed-fiches .ed-une h1{margin:12px 0 0;font:600 clamp(68px,10.5vw,160px)/.86 'Bodoni Moda',Didot,'Times New Roman',serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(8,18,27,.55),0 2px 30px rgba(8,18,27,.55);font-optical-sizing:none;font-variation-settings:"opsz" 11;text-wrap:balance}
.ed-fiches .ed-nom-long h1{font-size:clamp(52px,7.2vw,112px)}
.ed-fiches .ed-nom-tres-long h1{font-size:clamp(44px,5.4vw,84px)}
.ed-fiches .ed-une .rc{max-width:640px;margin:clamp(22px,4vh,34px) 0 0;padding:0;background:none;border:0}
.ed-fiches .ed-une .rc-form{align-items:stretch;max-width:none;margin:0;gap:14px}
.ed-fiches .ed-une .rc-titre{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ed-fiches .ed-une .rc-barre{height:58px;border:0;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.ed-fiches .ed-une .rc-form .rc-resultats{top:64px;color:var(--encre)}
.ed-fiches .ed-une .rc-suggestions{justify-content:flex-start}
.ed-fiches .ed-une .rc-suggestions a{border-color:transparent;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ed-une-pied{position:relative;z-index:2;width:var(--ed-large);margin:0 auto;padding:20px 0 88px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 24px}
.ed-une-chiffres{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;font:500 14px/1.4 var(--sans);color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.55)}
.ed-une-chiffres b{font-weight:700;color:#fff}
.ed-credit{margin:0;font:400 11.5px/1.4 var(--sans);color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.ed-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* La une « Bonjour » (piste A d'Alison, 06/10, avec la bande du jour) : moins haute, le bonjour, le nom et la
   recherche au centre, comme l'accueil de Google ; un bouton « Chercher » au bout du champ, une loupe sur téléphone. */
.ed-fiches .ed-une.ed-une-accueil{min-height:clamp(400px,54vh,540px);justify-content:flex-start}
.ed-une-accueil::before{background:linear-gradient(180deg,rgba(13,27,38,.55) 0,rgba(13,27,38,.45) 60%,rgba(13,27,38,.55) 100%)}
/* le bonjour, le nom et la recherche au milieu ; les chiffres et le crédit tout en bas de la photo */
.ed-fiches .ed-une.ed-une-accueil .ed-une-contenu{display:flex;flex-direction:column;align-items:center;gap:14px;margin-block:auto;padding:clamp(28px,5vh,48px) 0 20px;text-align:center}
.ed-une-bonjour{margin:0;font:italic 400 clamp(22px,2.4vw,30px)/1.2 'Spectral',Georgia,serif;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.ed-fiches .ed-une.ed-une-accueil h1{margin:0;font-size:clamp(56px,7.5vw,112px)}
.ed-fiches .ed-une.ed-une-accueil.ed-nom-long h1{font-size:clamp(46px,6vw,92px)}
.ed-fiches .ed-une.ed-une-accueil.ed-nom-tres-long h1{font-size:clamp(38px,4.6vw,72px)}
.ed-fiches .ed-une.ed-une-accueil .rc{width:min(720px,100%);max-width:none;margin:10px 0 0}
.ed-fiches .ed-une.ed-une-accueil .rc-barre{height:66px;padding:0 8px 0 24px}
.ed-fiches .ed-une.ed-une-accueil .rc-barre input{font-size:19px}
.ed-fiches .ed-une.ed-une-accueil .rc-barre input::placeholder{color:#5b6a77}
.ed-fiches .ed-une.ed-une-accueil .rc-form .rc-resultats{top:72px;text-align:left}
.ed-fiches .ed-une.ed-une-accueil .rc-suggestions{justify-content:center}
.rc-chercher{flex:none;display:grid;place-items:center;height:50px;padding:0 24px;border:0;border-radius:999px;background:#c8382a;color:#fff;font:600 17px/1 'Spectral',Georgia,serif;cursor:pointer;transition:background .2s}
.rc-chercher:hover{background:#ad2f23}
.rc-chercher:focus-visible{outline:2px solid #fff;outline-offset:2px}
.rc-barre .rc-chercher svg{display:none;width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.ed-fiches .ed-une.ed-une-accueil .ed-une-pied{padding:0 0 12px}
@media (max-width:850px){
  /* le nom tient dans l'écran : une capitale de Bodoni fait environ 0,7 fois sa taille (--lettres, page.mjs) */
  .ed-fiches .ed-une.ed-une-accueil h1,.ed-fiches .ed-une.ed-une-accueil.ed-nom-long h1{font-size:min(clamp(46px,13vw,72px),calc((100vw - 48px) / (var(--lettres,8) * .72)))}
  .ed-fiches .ed-une.ed-une-accueil.ed-nom-tres-long h1{font-size:min(clamp(34px,9vw,52px),calc((100vw - 48px) / (var(--lettres,8) * .72)))}
  .ed-fiches .ed-une.ed-une-accueil .rc-suggestions{flex-wrap:wrap;overflow:visible;margin-right:0;padding-right:0}
  .ed-fiches .ed-une.ed-une-accueil .ed-une-pied{padding:0 0 10px}
}
@media (max-width:640px){
  .ed-fiches .ed-une.ed-une-accueil .rc-barre{height:58px;padding:0 6px 0 18px}
  .ed-fiches .ed-une.ed-une-accueil .rc-barre>svg{display:none}
  .ed-fiches .ed-une.ed-une-accueil .rc-barre input{font-size:17px}
  .rc-chercher{width:46px;height:46px;padding:0}
  .rc-chercher span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .rc-barre .rc-chercher svg{display:block}
  .ed-fiches .ed-une.ed-une-accueil .rc-form .rc-resultats{top:64px}
}

.ed-page{width:var(--ed-large);margin:0 auto}

/* Aujourd'hui : des lignes courtes, posées au bas de la photo */
.ed-jour{position:relative;z-index:3;margin:-64px 0 0;padding:16px 16px 10px;background:#fff;border:1px solid var(--bord-clair);border-radius:20px;box-shadow:var(--ed-ombre)}
.ed-jour-tete{padding:2px 8px 8px}
.ed-fiches .ed-jour h2{margin:0;font:600 21px/1.25 var(--serif);color:var(--encre)}
.ed-notifs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px}
.ed-notif{display:grid;grid-template-columns:minmax(0,1fr) 12px;gap:12px;align-items:center;padding:9px 8px;border-radius:14px;color:var(--encre);text-decoration:none;transition:background .15s}
.ed-notif:hover{background:var(--papier)}
.ed-alerte{box-shadow:inset 3px 0 0 var(--rouge)}
.ed-point{display:inline-block;width:8px;height:8px;margin:0 7px 1px 0;border-radius:50%;background:var(--rouge);vertical-align:middle}
.ed-notif-quand{display:block;font:700 12px/1.3 var(--sans);letter-spacing:.03em;text-transform:uppercase;color:var(--encre-douce)}
.ed-notif-quand b{color:var(--rouge)}
.ed-notif-msg{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font:600 15px/1.35 var(--sans);color:var(--encre)}
.ed-notif-suite{font:600 18px/1 var(--sans);color:var(--encre-douce)}
.ed-notif-calme{padding:10px 8px;font:500 15px/1.4 var(--sans);color:var(--encre-douce)}
.ed-jour-pied{margin:6px 0 0;padding:10px 8px 4px;border-top:1px solid var(--bord-clair)}
.ed-jour-pied a{font:600 14px/1.4 var(--sans);color:var(--rouge);text-decoration:none}
.ed-jour-pied a:hover{text-decoration:underline}

/* À comprendre : un seul bandeau bleu nuit, le seul élément foncé de la page — le conseil et l'argent de la commune */
.ed-comprendre{margin:56px 0 0}
.ed-fiches :is(.ed-comprendre,.ed-explorer)>h2{margin:0 0 16px;font:600 clamp(26px,2.6vw,32px)/1.15 var(--serif);color:var(--encre);letter-spacing:-.01em}
.ed-comprendre-bandeau{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border-radius:20px;background:var(--navy)}
.ed-sujet{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px 32px;color:#fff;text-decoration:none;transition:background .15s}
.ed-sujet+.ed-sujet{border-left:1px solid rgba(255,255,255,.14)}
.ed-sujet:hover{background:rgba(255,255,255,.04)}
.ed-fiches .ed-sujet b{font:600 21px/1.25 var(--serif);color:#fff;text-wrap:balance}
.ed-sujet p{max-width:52ch;margin:0;font:400 15px/1.55 var(--sans);color:#cdd6de}
.ed-sujet-suite{margin-top:auto;padding-top:4px;font:600 14px/1.3 var(--sans);color:#ffb3a6}
.ed-badge{position:absolute;top:18px;right:18px;padding:4px 10px;border-radius:999px;background:var(--rouge);color:#fff;font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}

/* Près de chez vous : la carte en relief sur toute la largeur, les calques posés dessus */
.ed-pres{margin:48px 0 0}
/* le jumeau numérique : son nom, ce qu'on y fait ; puis la carte, moins haute qu'un écran */
.cc-pres-tete{display:grid;justify-items:start;gap:6px;width:var(--ed-large);margin:0 auto 18px}
.cc-pres-surtitre{margin:0;font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rouge)}
.ed-fiches .cc-pres-tete h2{margin:0;font:600 clamp(26px,2.6vw,32px)/1.15 var(--serif);letter-spacing:-.01em;color:var(--encre)}
.cc-pres-tete>p:not(.cc-pres-surtitre){max-width:70ch;margin:0;font:400 16px/1.5 var(--sans);color:var(--encre-douce)}
.ed-fiches .cc-pres{margin:0}
.ed-fiches .cc-pres .cc-cadre{grid-template-rows:clamp(440px,62vh,680px) auto;grid-template-areas:"plan" "colonne"}
.ed-fiches .cc-pres :is(.cc-plan,.cc-affiche){border-radius:0;box-shadow:none}
.ed-fiches .cc-pres .cc-panneau{grid-area:plan;position:relative;z-index:6;align-self:start;justify-self:start;width:min(350px,calc(100% - 28px));max-height:calc(100% - 48px);overflow-y:auto;overscroll-behavior:contain;margin:24px 0 0 max(16px,calc((100vw - 1320px)/2));padding:18px 16px;border-radius:20px;background:rgba(251,247,241,.93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 50px -30px rgba(21,43,58,.6)}
.ed-fiches .cc-pres .cc-panneau .cp-kicker{margin:0 0 0 4px;color:var(--rouge)}
.ed-fiches .cc-pres .cc-titre{margin:4px 0 12px 4px;font:600 28px/1.1 var(--serif);color:var(--encre)}
.ed-fiches .cc-pres .cc-recherche{padding:0 0 8px;max-width:none}
.ed-fiches .cc-pres .cc-resultats{top:50px}
.ed-fiches .cc-pres .cc-defile{display:block;padding:0}
.ed-fiches .cc-pres .cc-groupe{background:none;border-radius:0;padding:0}
.ed-fiches .cc-pres .cc-groupe>p{margin:12px 8px 3px}
.ed-fiches .cc-pres .cc-bascule{min-height:40px;padding:6px 8px;gap:9px}
.ed-fiches .cc-pres .cc-bascule small{display:none}
.ed-fiches .cc-pres .cc-bascule[aria-pressed=true] small{display:block}
.ed-fiches .cc-pres .cc-legende{margin-left:50px}
.ed-fiches .cc-pres .cc-fond{padding:10px 4px 2px}
.ed-fiches .cc-pres .cc-cadre:has(.cc-affiche:not([hidden])) .cc-panneau{visibility:hidden}
.ed-fiches .cc-pres .cc-fiche{margin-right:max(14px,calc((100vw - 1320px)/2))}
.ed-fiches .cc-pres .cc-outils{right:max(14px,calc((100vw - 1320px)/2))}
.ed-fiches .cc-pres>:is(.cc-erreur,.cc-sources),.cp-body.ed-fiches .cc-pres>.cp-details.cc-sources{width:var(--ed-large);margin-inline:auto}
.ed-fiches .cc-pres .cc-affiche>div{padding:18px 24px}
/* la molette laissée à la page : l'astuce le dit, puis s'efface au premier geste sur la carte */
.cc-astuce{position:absolute;z-index:5;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;margin:0;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(21,43,58,.85);color:#fff;font:500 13px/1.3 var(--sans);white-space:nowrap;pointer-events:none;transition:opacity .5s}
.cc-astuce svg{width:18px;height:18px;flex:none}
.cc-astuce kbd{padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.2);font:700 12px/1 var(--sans)}
.cc-astuce-doigts{display:none}
.cc-astuce.cc-astuce-lue{opacity:0}
@media (hover:none){.cc-astuce-souris{display:none}.cc-astuce-doigts{display:inline}}

/* Explorer : les cinq univers, cinq tuiles égales — le picto, le nom, deux lignes de contenu */
.ed-explorer{margin:64px 0 0;padding-bottom:16px}
.ed-univers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ed-univers-lien{display:grid;align-content:start;padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(22,38,59,.1);color:var(--encre);text-decoration:none;box-shadow:0 1px 2px rgba(22,38,59,.04);transition:border-color .15s,box-shadow .15s}
.ed-univers-lien:hover{border-color:#d9b8b1;box-shadow:0 14px 30px -24px rgba(21,43,58,.6)}
.ed-univers-lien b{display:block;font:600 17px/1.25 var(--serif);color:var(--navy)}
.ed-univers-lien small{display:-webkit-box;margin-top:4px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font:400 13px/1.45 var(--sans);color:var(--encre-douce)}
.ed-univers-lien i{display:none}
@media (max-width:1100px){.ed-univers{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Sur un téléphone, une rubrique par ligne : le texte entier, sans points de suspension. */
@media (max-width:560px){.ed-fiches .ed-univers{grid-template-columns:1fr;gap:8px}.ed-fiches .ed-univers-lien{padding:14px 16px}.ed-univers-lien small{display:block}}

/* Le visage de la commune : la photo du maire en grand, sans cadre, la légende posée dessus ; sans photo, le blason.
   Puis qui s'occupe de quoi, en petites cartes à picto, et le conseil, opposition comprise. */
.ed-visage{margin:64px 0 0}
.ed-fiches .ed-visage>h2{margin:0 0 16px;font:600 clamp(26px,2.6vw,32px)/1.15 var(--serif);color:var(--encre);letter-spacing:-.01em}
.ed-visage-une{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);overflow:hidden;border:1px solid rgba(22,38,59,.1);border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(22,38,59,.04)}
.ed-visage-photo{position:relative;margin:0;min-height:360px}
.ed-visage-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.ed-visage-photo figcaption{position:absolute;inset:auto 0 0;padding:40px 22px 14px;background:linear-gradient(transparent,rgba(13,27,38,.78));color:#fff;font:500 14px/1.4 var(--sans);text-align:center}
.ed-visage-photo figcaption small{display:block;margin-top:2px;font:400 12px/1.4 var(--sans);color:rgba(255,255,255,.82)}
.ed-visage-photo figcaption a{color:inherit;text-decoration:none}
.ed-visage-blason{display:grid;place-content:center;justify-items:center;gap:14px;margin:0;padding:36px 24px;background:radial-gradient(circle at 50% 42%,#fff 0,var(--papier) 70%)}
.ed-visage-blason img{width:min(180px,60%);height:auto;filter:drop-shadow(0 18px 24px rgba(22,38,59,.18))}
.ed-visage-blason figcaption{font:italic 400 11.5px/1.4 var(--sans);color:var(--encre-douce)}
.ed-visage-blason figcaption a{color:inherit;text-decoration:none}
.ed-visage-maire{display:flex;flex-direction:column;gap:6px;padding:32px 34px}
.ed-visage-sur{margin:0;font:700 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rouge)}
.ed-visage-nom{margin:0;font:600 clamp(30px,3.2vw,40px)/1.1 var(--serif);color:var(--navy);letter-spacing:-.01em}
.ed-visage-maire>p:not(.ed-visage-sur,.ed-visage-nom){max-width:52ch;margin:4px 0 0;font:400 15px/1.55 var(--sans);color:var(--encre-douce)}
.ed-visage-mairie{display:grid;gap:2px;margin-top:auto;padding-top:22px;border-top:1px solid var(--bord)}
.ed-visage-mairie p:not(.ed-visage-sur),.ed-visage-mairie li{margin:4px 0 0;font:400 14px/1.5 var(--sans);color:var(--encre)}
.ed-visage-mairie ul{margin:6px 0 0;padding:0;list-style:none}
.ed-visage-mairie li b{font-weight:600}
.ed-visage-contacts{display:flex;flex-wrap:wrap;gap:6px 18px}
.ed-visage-contacts a{font-weight:600;color:var(--rouge);text-decoration:none}
.ed-visage-contacts a:hover{text-decoration:underline}
.ed-fiches .ed-visage-sous{margin:28px 0 12px;font:700 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--encre-douce)}
.ed-visage-adjoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.ed-visage-adjoints li{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(22,38,59,.1);border-radius:14px;background:#fff}
.ed-visage-adjoints li.ed-avec-portrait{grid-template-columns:68px minmax(0,1fr)}
/* Le portrait de la mairie montre le buste : le cercle se resserre sur le visage. */
.ed-portrait{display:block;width:68px;height:68px;overflow:hidden;border-radius:50%;background:var(--papier)}
.ed-portrait img{display:block;width:100%;height:auto;transform:scale(1.6);transform-origin:50% 18%}
.ed-visage-credit{margin:8px 0 0;font:italic 400 12px/1.4 var(--sans);color:var(--encre-douce)}
.ed-visage-credit a{color:inherit;text-decoration:none}
.ed-visage-une.ed-avec-photo{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.ed-visage-adjoints small{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--encre-douce)}
.ed-visage-adjoints b{display:block;margin-top:2px;font:600 16px/1.25 var(--serif);color:var(--navy)}
.ed-visage-adjoints em{display:block;margin-top:2px;font:400 13px/1.4 var(--sans);font-style:normal;color:var(--encre-douce)}
.ed-visage-pied{margin:16px 0 0;font:400 14px/1.5 var(--sans);color:var(--encre-douce)}
.ed-visage-pied a{font-weight:600;color:var(--rouge);text-decoration:none;white-space:nowrap}
@media (max-width:1000px){.ed-visage-adjoints{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.ed-visage-une,.ed-visage-une.ed-avec-photo{grid-template-columns:1fr}.ed-visage-photo{min-height:300px}.ed-visage-blason{padding:28px 20px}.ed-visage-maire{padding:22px 20px}.ed-visage-adjoints{grid-template-columns:1fr}}

/* La fenêtre : un univers, le menu de toutes les rubriques, la lecture. Sans script, une section de la page. */
.ed-fenetre{margin:48px auto 0;width:var(--ed-large)}
.ed-fenetre-voile,.ed-fenetre-tete .ed-menu-bouton,.ed-fenetre-titre{display:none}
.ed-fenetre-tete{display:flex;align-items:center;gap:14px}
.ed-js .ed-fenetre{position:fixed;inset:0;z-index:300;display:none;width:auto;margin:0}
.ed-js .ed-fenetre.ed-ouverte{display:block}
html.ed-fenetre-ouverte{overflow:hidden}
.ed-js .ed-fenetre-voile{display:block;position:absolute;inset:0;background:rgba(13,27,38,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ed-fondu .2s ease-out}
.ed-js .ed-fenetre-boite{position:absolute;top:4vh;left:0;right:0;margin:0 auto;width:min(1180px,calc(100% - 48px));height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--papier);border-radius:22px;box-shadow:0 40px 90px -40px rgba(8,18,27,.75);animation:ed-monte .26s cubic-bezier(.2,.8,.2,1)}
@keyframes ed-fondu{from{opacity:0}}
@keyframes ed-monte{from{opacity:0;transform:translateY(14px) scale(.99)}}
.ed-js .ed-fenetre-tete{padding:12px 14px 12px 22px;border-bottom:1px solid var(--bord);background:var(--papier-clair)}
.ed-fil{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font:500 14px/1.4 var(--sans);color:var(--encre-douce)}
.ed-fil a{color:var(--encre-douce);text-decoration:none}
.ed-fil a:hover{color:var(--rouge);text-decoration:underline}
.ed-fil>span:last-child{font-weight:700;color:var(--encre)}
.ed-fil-sep{color:#b3aa9e}
.ed-fenetre-fermer{display:none}
.ed-js .ed-fenetre-fermer{flex:none;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--encre);cursor:pointer}
.ed-js .ed-fenetre-fermer:hover{background:var(--papier-creux)}
.ed-fenetre-tete svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ed-js .ed-fenetre-corps{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0}
/* le menu : tous les univers, celui qu'on lit déplié */
.ed-menu ul{list-style:none;margin:0;padding:0}
.ed-js .ed-menu{overflow-y:auto;overscroll-behavior:contain;padding:16px 12px 28px;border-right:1px solid var(--bord);background:var(--papier-clair)}
.ed-menu>ul>li{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:1px 0}
.ed-menu>ul>li>a{padding:9px 10px;border-radius:10px;font:600 15px/1.3 var(--sans);color:var(--encre);text-decoration:none}
.ed-menu>ul>li>ul{grid-column:1;margin:0 0 6px 10px;padding:2px 0;border-left:1px solid var(--bord)}
.ed-js .ed-menu>ul>li>ul{display:none}
.ed-js .ed-menu>ul>li.ed-branche-ouverte>ul{display:block}
.ed-menu li li a{display:block;margin-left:-1px;padding:7px 10px 7px 14px;border-left:2px solid transparent;font:500 14px/1.35 var(--sans);color:var(--encre-douce);text-decoration:none}
.ed-menu li li li a{padding-left:24px;font-size:13.5px}
.ed-menu a:hover{color:var(--rouge)}
.ed-menu>ul>li.ed-branche-ouverte>a{background:rgba(29,53,69,.06)}
.ed-menu a[aria-current]{color:var(--rouge);font-weight:700}
.ed-menu li li a[aria-current]{border-left-color:var(--rouge);background:rgba(175,68,55,.06)}
/* la lecture */
.ed-js .ed-fenetre-contenu{overflow-y:auto;overscroll-behavior:contain;padding:0 clamp(18px,3vw,44px) 60px;outline:0}
.ed-fenetre .cp-page{width:auto;max-width:none;margin:0;padding:0}
.ed-fenetre .cp-layout{display:block;padding:0}
.ed-fenetre [id]{scroll-margin-top:18px}
.ed-js .ed-fenetre .ed-retour-sommaire{display:none}
.ed-fiches .ed-fenetre .cp-lecture .cp-panneau{padding-bottom:40px}
.ed-fiches .ed-fenetre .ed-rubrique-tete{margin:0 0 28px;padding:30px 0 26px}
.ed-fiches .ed-fenetre .ed-rubrique-tete .cp-rubrique-nom{font-size:clamp(30px,3.4vw,42px)}
.ed-fiches .ed-fenetre .ed-rubrique-tete .cp-rubrique-desc{font-size:16px;margin-top:8px}
.ed-fiches .ed-fenetre .ed-suite{margin-top:48px}
/* l'aperçu d'un univers : ses rubriques, avec ce qu'on y trouve */
.ed-js .ed-apercu[hidden]{display:none}
:is(.ed-apercu,.ed-essentiel)>ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
:is(.ed-apercu,.ed-essentiel) a{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--bord-clair);color:var(--encre);text-decoration:none}
:is(.ed-apercu,.ed-essentiel) a:hover{border-color:#d9b8b1}
:is(.ed-apercu,.ed-essentiel) b{display:block;font:600 19px/1.25 var(--serif)}
:is(.ed-apercu,.ed-essentiel) small{display:block;margin-top:2px;font:400 14px/1.4 var(--sans);color:var(--encre-douce)}
.ed-essentiel{margin:0 0 8px}
.ed-essentiel small strong{font-weight:600;color:var(--navy)}
:is(.ed-apercu,.ed-essentiel) i{font:600 18px/1 var(--sans);font-style:normal;color:var(--rouge)}

.ed-bas{margin-top:24px}

/* Téléphone */
/* Le jour et la fête vivent dans la barre du haut ; sous 1100 px la barre n'a plus la place : la une les reprend. */
@media (max-width:1100px){.ed-une-date{display:block}}
@media (max-width:850px){
  .ed-une{min-height:0}
  .ed-une-contenu{padding-top:34px}
  .ed-fiches .ed-une h1{font-size:clamp(52px,15vw,84px)}
  .ed-fiches .ed-nom-long h1{font-size:clamp(38px,10vw,60px)}
  .ed-fiches .ed-nom-tres-long h1{font-size:clamp(30px,8vw,46px)}
  .ed-fiches .ed-une .rc{margin-top:22px}
  .ed-fiches .ed-une .rc-barre{height:54px}
  .ed-fiches .ed-une .rc-suggestions{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1*var(--cp-gutter));padding-right:var(--cp-gutter);scrollbar-width:none}
  .ed-fiches .ed-une .rc-suggestions::-webkit-scrollbar{display:none}
  .ed-fiches .ed-une .rc-suggestions a{flex:none}
  .ed-une-pied{padding:150px 0 66px;flex-direction:column;align-items:flex-start}
  .ed-jour{margin-top:-44px;padding:12px 8px 6px}
  .ed-notifs{grid-template-columns:1fr;gap:0}
  .ed-notifs li+li{border-top:1px solid var(--bord-clair)}
  .ed-comprendre{margin-top:44px}
  .ed-comprendre-bandeau{grid-template-columns:1fr}
  .ed-sujet{padding:22px 20px}
  .ed-sujet+.ed-sujet{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .ed-pres{margin-top:44px}
  .ed-fiches .cc-pres{padding:0;margin:0;border-radius:0;background:none}
  .ed-fiches .cc-pres .cc-cadre{grid-template-rows:min(64svh,560px) auto;grid-template-areas:"plan" "colonne"}
  .ed-fiches .cc-pres .cc-colonne{display:contents}
  .ed-fiches .cc-pres .cc-panneau{grid-area:colonne;align-self:auto;position:static;width:auto;max-height:none;overflow:visible;margin:12px var(--cp-gutter) 0;padding:16px 12px;border-radius:18px;background:var(--papier-clair);border:1px solid var(--bord-clair);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .ed-fiches .cc-pres .cc-fiche{grid-area:colonne;margin:12px var(--cp-gutter) 0}
  .ed-fiches .cc-pres .cc-outils{right:10px}
  /* sous les boutons du haut : en bas, elle couvrait « Touchez une parcelle… » */
  .cc-astuce{top:70px;bottom:auto}
  .ed-explorer{margin-top:48px}
  .ed-univers{grid-template-columns:1fr 1fr;gap:10px}
  .ed-univers-lien{padding:14px}
  .ed-univers-lien:last-child:nth-child(odd){grid-column:1/-1}
  /* la fenêtre prend tout l'écran ; le menu se déplie sous son en-tête */
  .ed-js .ed-fenetre-boite{top:0;width:100%;height:100%;border-radius:0}
  .ed-js .ed-fenetre-tete{gap:8px;padding:8px 8px 8px 10px;padding-top:calc(8px + env(safe-area-inset-top,0px))}
  .ed-js .ed-fenetre-tete .ed-menu-bouton{display:inline-flex;align-items:center;gap:6px;flex:none;padding:9px 10px;border:1px solid var(--bord);border-radius:10px;background:#fff;font:600 14px/1 var(--sans);color:var(--encre);cursor:pointer}
  .ed-fil{font-size:13px}
  .ed-js .ed-fenetre-corps{grid-template-columns:minmax(0,1fr);position:relative}
  .ed-js .ed-menu{position:absolute;inset:0 0 auto;z-index:5;display:none;max-height:85%;border-right:0;border-bottom:1px solid var(--bord);box-shadow:0 24px 40px -24px rgba(21,43,58,.55)}
  .ed-js .ed-menu.ed-menu-deplie{display:block}
  .ed-js .ed-fenetre-contenu{padding:0 16px calc(48px + env(safe-area-inset-bottom,0px))}
  .ed-fiches .ed-fenetre .ed-rubrique-tete{padding:22px 0 20px;margin-bottom:20px}
}
@media (prefers-reduced-motion:reduce){.ed-fiches :is(.ed-sujet,.ed-univers-lien,.ed-fenetre-boite,.ed-fenetre-voile,.cc-astuce){transition:none;animation:none}}

/* ───────── Retouches du 01/10 : une seule échelle de titres dans la fenêtre, des légendes discrètes ─────────
   Quatre tailles, de haut en bas : le bandeau de la rubrique (30), le titre d'un chapitre ou d'une section (26 et 24),
   le sous-titre qui sépare deux sujets (20, filet au-dessus), le titre d'une carte (17). Les chiffres clés restent
   grands sans écraser la page ; les légendes (notes, sources, nuances) sont petites, en italique, serrées sous ce
   qu'elles commentent. L'identifiant #ed-fenetre passe devant les couches plus anciennes de la feuille. */
#ed-fenetre .ed-rubrique-tete{margin:0 0 24px;padding:24px 0 20px}
#ed-fenetre .ed-rubrique-tete .cp-rubrique-nom{font:600 30px/1.12 var(--serif);letter-spacing:-.005em}
#ed-fenetre .ed-rubrique-tete .cp-rubrique-desc{margin-top:6px;font-size:14.5px}
#ed-fenetre :is([data-chapitre-page]>h3:first-of-type,.lg-chapitre>h3,.cp-finance-chapitre>h3,.cp-finance-chapitre>h2,.cp-finance-chapitre>.cp-tete h2){margin:0 0 10px;font:600 28px/1.18 var(--serif);letter-spacing:-.01em;color:var(--navy)}
#ed-fenetre .cp-panneau :is(.cm-tete>h3,.cp-rendezvous-entete>h3,h3.cp-espace,.ad-entete>h3,.cp-actu-separateur>h3,.cp-tete h2,.cp-bonnes-adresses>h3,.cp-annuaire-guide>h3,.cp-conseil-fonctionnement>h3,.cp-budget-grille>div>h3,.cp-urgences>div>h3){font:600 24px/1.2 var(--serif);letter-spacing:-.005em;color:var(--navy)}
#ed-fenetre :is(.lg-chapeau,.cp-chapeau){max-width:62ch;margin:0 0 22px;font:400 16px/1.55 var(--serif);color:var(--encre-douce)}
/* le sous-titre qui sépare deux sujets d'un même chapitre */
#ed-fenetre :is(.lg-periode,.lg-chapitre>h4,.cp-finance-chapitre>h4,.cp-suivi>h4,.cp-table-wrap caption){display:block;margin:34px 0 14px;padding:22px 0 0;border-top:1px solid var(--bord);font:600 20px/1.3 var(--serif);letter-spacing:0;text-transform:none;color:var(--navy);text-align:left}
/* le titre d'un tableau reste au-dessus de ses colonnes, dans la marge du tableau (Alison, 06/10 : il collait au bord) */
/* un petit titre en capitales prend toute la largeur : la mesure de lecture (65ch) ne vaut que pour les paragraphes */
#ed-fenetre p.cp-kicker{max-width:none}
/* l'annonce d'un rendez-vous : la question tient sur sa ligne */
#ed-fenetre .cp-actu-essentiel>p{grid-template-columns:minmax(170px,max-content) minmax(0,1fr)}
@media (max-width:650px){#ed-fenetre .cp-actu-essentiel>p{grid-template-columns:minmax(0,1fr)}}
#ed-fenetre .cp-table-wrap caption{display:table-caption;caption-side:top;margin:0;padding:16px 14px 6px;border:0;font-size:18px}
#ed-fenetre [data-chapitre-page]>h3:first-of-type+.lg-chapeau+:is(.lg-periode,h4){margin-top:6px;padding-top:0;border-top:0}
#ed-fenetre :is(.cp-questions-claires>div>h4,.cp-constats>div>h4,.cp-calcul-simple>div>h4,.cp-pas-a-pas>li>div>h4,.cp-conseil-entete>article>h3,.cp-projets-editoriaux>article>h3,.cp-tarif-chapitre>h3){font:600 18px/1.3 var(--serif)}
#ed-fenetre .cp-panneau :is(.cp-carte-titre>h3,.cp-explication>h3,.cm-grille>article>h4,.cp-carte>h3,.cp-balade-texte>h3,.cp-actu-locale>h3,.cp-adresses-selection>article>h4,.cp-presse-06 h3,.lg-graphe figcaption){font:600 17px/1.3 var(--serif);letter-spacing:0;text-transform:none}
#ed-fenetre .cp-event h3,#ed-fenetre .cp-event h3 a{font-size:17px;line-height:1.3}
#ed-fenetre .cp-event time>b{font-size:20px}
/* les chiffres clés */
#ed-fenetre .lg-sim-resultat b{font-size:40px}
#ed-fenetre .lg-cote>strong{font-size:36px}
#ed-fenetre :is(.cp-urgences a>b,.cp-dette>strong,.cp-simulateur output,.cp-projets-editoriaux article>strong,.lg-loyers li>strong,.cp-compte>strong,.cp-carte .cp-grand){font-size:28px}
#ed-fenetre :is(.cp-edl-document strong,.lg-social>strong,.cp-tarif strong,.cp-financement b){font-size:24px}
/* les légendes : petites, en italique, serrées sous ce qu'elles commentent */
#ed-fenetre .cp-panneau :is(.cp-note,.lg-nuances,.lg-source,.cp-source,.cc-note,.cp-grand>span){max-width:none;margin-top:8px;font:italic 400 12.5px/1.5 var(--sans)!important;color:var(--encre-douce)}
#ed-fenetre .cp-panneau :is(.cp-note,.lg-source)+:is(.cp-note,.lg-source,.lg-nuances){margin-top:2px}
#ed-fenetre .lg-graphe+:is(.cp-note,.lg-nuances){margin-top:-12px}
#ed-fenetre .lg-nuances{padding-left:0;list-style:none}
#ed-fenetre .lg-nuances li{position:relative;padding-left:12px}
#ed-fenetre .lg-nuances li+li{margin-top:1px}
#ed-fenetre .lg-nuances li::before{content:"·";position:absolute;left:2px}
/* un chapitre se lit seul, sans le bandeau de sa rubrique, et commence en haut */
#ed-fenetre [data-chapitre-page]{margin-top:0;padding-top:0;border-top:0;scroll-margin-top:0}
#ed-fenetre .ed-en-chapitre>:is(.ed-rubrique-tete,.cp-renvoi-carte){display:none}
#ed-fenetre .cp-panneau.ed-en-chapitre{padding-top:30px}
/* l'essentiel d'une rubrique : un chiffre clé par chapitre, chacun ouvre son chapitre */

/* Précédent, suivant : deux liens fins au bas de la lecture */
#ed-fenetre .ed-suite{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:18px;border-top:1px solid var(--bord)}
#ed-fenetre .ed-suite a{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;padding:9px 16px;border:1px solid var(--bord);border-radius:999px;background:#fff;color:var(--encre);text-align:left;text-decoration:none;transition:border-color .15s,color .15s}
#ed-fenetre .ed-suite a:hover{border-color:var(--rouge);color:var(--rouge);background:#fff}
#ed-fenetre .ed-suite small{font:500 12.5px/1.2 var(--sans);color:var(--encre-douce)}
#ed-fenetre .ed-suite b{font:600 14.5px/1.2 var(--sans);color:inherit}
#ed-fenetre .ed-suite-avant b::before{content:"← "}
#ed-fenetre .ed-suite-apres{margin-left:auto}
#ed-fenetre .ed-suite-apres b::after{content:" →"}

/* Les tableaux : un en-tête discret, des lignes aérées, des chiffres alignés */
.cp-body.ed-fiches .cp-table-wrap{margin:14px 0;background:#fff;border:1px solid rgba(22,38,59,.08);border-radius:14px;box-shadow:0 1px 2px rgba(22,38,59,.04)}
.cp-body.ed-fiches .cp-table-wrap table{font:400 14.5px/1.4 var(--sans);font-variant-numeric:tabular-nums}
.cp-body.ed-fiches .cp-table-wrap thead{background:none}
.cp-body.ed-fiches .cp-table-wrap thead th{padding:12px 14px 10px;border-bottom:1px solid var(--bord);font:600 11.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--encre-douce);background:none}
.cp-body.ed-fiches .cp-table-wrap :is(tbody th,tbody td){padding:11px 14px;border-bottom:1px solid rgba(22,38,59,.07);font-size:14.5px;vertical-align:top}
.cp-body.ed-fiches .cp-table-wrap tbody th{font-weight:600;color:var(--encre)}
.cp-body.ed-fiches .cp-table-wrap tbody tr:last-child>*{border-bottom:0}
.cp-body.ed-fiches .cp-table-wrap tbody tr:hover>*{background:rgba(22,38,59,.025)}
.cp-body.ed-fiches .cp-table-wrap caption{padding:14px 14px 4px}
/* sur téléphone, des cases plus serrées : un tableau de trois ou quatre colonnes tient dans l'écran ; les plus larges défilent du doigt */
@media (max-width:600px){.cp-body.ed-fiches .cp-table-wrap :is(thead th,tbody th,tbody td){padding:9px 5px;font-size:13px}.cp-body.ed-fiches .cp-table-wrap thead th{font-size:11px;letter-spacing:.04em;hyphens:auto;-webkit-hyphens:auto}.cp-body.ed-fiches .cp-table-wrap :is(th,td):first-child{padding-left:10px}}
.cp-body.ed-fiches .cp-table-tarifs td{font-size:16px}
/* une répartition (la qualité de l'air sur un an) : une jauge par niveau, dans sa couleur */
.cp-jauges{list-style:none;margin:12px 0;padding:6px 16px;border-radius:14px;background:#fff;border:1px solid rgba(22,38,59,.08)}
.cp-jauges li{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr) 72px;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid rgba(22,38,59,.07);font:400 14.5px/1.3 var(--sans);color:var(--encre)}
.cp-jauges li:last-child{border-bottom:0}
.cp-jauge-nom{display:flex;align-items:center;gap:9px;font-weight:600}
.cp-jauge-nom i{width:11px;height:11px;flex:none;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.cp-jauge-piste{height:9px;border-radius:9px;background:rgba(22,38,59,.06);overflow:hidden}
.cp-jauge-piste b{display:block;height:100%;border-radius:9px;background:var(--c)}
.cp-jauge-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--encre-douce)}

/* Le DPE d'une adresse : un champ, puis les diagnostics du numéro et ceux de la même rue */
.lg-dpe-champ{display:flex;align-items:center;gap:10px;max-width:520px;height:48px;padding:0 16px;border:1px solid rgba(22,38,59,.14);border-radius:999px;background:#fff}
.lg-dpe-champ:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(22,38,59,.08)}
.lg-dpe-champ svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--encre-douce);stroke-width:1.8;stroke-linecap:round}
#ed-fenetre .lg-dpe-champ input{flex:1;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:none;font:400 15px/1.3 var(--sans);color:var(--encre)}
.lg-dpe-groupe{margin:16px 0 6px;font:700 11.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--encre-douce)}
.lg-dpe-liste{list-style:none;margin:0;padding:4px 14px;border:1px solid rgba(22,38,59,.08);border-radius:14px;background:#fff}
.lg-dpe-liste li{border-bottom:1px solid rgba(22,38,59,.07)}
.lg-dpe-liste a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -8px;padding:9px 8px;border-radius:10px;color:inherit;text-decoration:none}
.lg-dpe-liste a:hover{background:var(--papier)}
.lg-dpe-liste i{font:600 14px/1 var(--sans);font-style:normal;color:var(--rouge)}
.lg-dpe-liste li:last-child{border-bottom:0}
.lg-dpe-liste .lg-dpe{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font:700 15px/1 var(--sans)}
.lg-dpe-detail b{display:block;font:600 14.5px/1.3 var(--sans);color:var(--encre)}
.lg-dpe-detail small{display:block;margin-top:2px;font:400 12.5px/1.4 var(--sans);color:var(--encre-douce)}
.lg-dpe-adresse+h4{margin-top:30px}
.lg-dpe-adresse{position:relative}
/* en tapant : les adresses qui correspondent, par-dessus la suite */
.lg-dpe-propositions{position:absolute;z-index:5;top:54px;left:0;width:min(520px,100%);max-height:300px;overflow:auto;margin:0;padding:6px;list-style:none;border:1px solid rgba(22,38,59,.12);border-radius:14px;background:#fff;box-shadow:0 18px 40px -20px rgba(22,38,59,.45)}
.lg-dpe-propositions button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer;font:600 14.5px/1.3 var(--sans);color:var(--encre)}
.lg-dpe-propositions button:is(:hover,:focus-visible){background:var(--papier)}
.lg-dpe-propositions small{flex:none;font:400 12.5px/1.3 var(--sans);color:var(--encre-douce)}
.lg-dpe-rue{margin-top:10px}
.lg-dpe-rue>summary{cursor:pointer;padding:8px 0;font:600 13.5px/1.3 var(--sans);color:var(--navy)}
.lg-dpe-rue[open]>summary{margin-bottom:6px}

/* « Se loger » : la carte en tête, en vignette qui y ramène */
.cp-body.ed-fiches .cp-renvoi-carte{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px;margin:0 0 28px;padding:10px 20px 10px 10px;border:1px solid rgba(22,38,59,.08);border-radius:16px;background:#fff;color:var(--encre);text-decoration:none;box-shadow:0 1px 2px rgba(22,38,59,.04);transition:border-color .15s,box-shadow .15s}
.cp-body.ed-fiches .cp-renvoi-carte:hover{border-color:#d9b8b1;box-shadow:0 12px 26px -20px rgba(22,38,59,.5)}
.cp-renvoi-carte img{display:block;width:100%;height:118px;object-fit:cover;border-radius:10px}
.cp-renvoi-carte span{display:grid;gap:4px}
.cp-renvoi-carte b{font:600 18px/1.25 var(--serif);color:var(--navy)}
.cp-renvoi-carte small{font:400 14px/1.45 var(--sans);color:var(--encre-douce)}
.cp-renvoi-carte em{margin-top:4px;font:600 14px/1.3 var(--sans);font-style:normal;color:var(--rouge)}

/* Aujourd'hui et Se déplacer (Alison, 01/10) : les nouvelles du jour comme les notifications d'un téléphone. Une ligne par information, le
   picto à gauche, ce qu'elle est en petites capitales, la valeur, puis le détail en petit. */
#ed-fenetre :is(#chez-vous,.ed-en-notifs)>:not(.ed-rubrique-tete){max-width:640px;margin-inline:auto}
#ed-fenetre :is(#chez-vous :is(.cm-tete,.lj>.cp-rendezvous-entete),.ed-en-notifs .cm-tete){display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:30px auto 10px;padding:0 4px;border:0}
#ed-fenetre #chez-vous .cm-tete{margin-top:4px}
#ed-fenetre :is(#chez-vous :is(.cm-tete>h3,.lj>.cp-rendezvous-entete>h3),.ed-en-notifs .cm-tete>h3){margin:0;font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--encre-douce)}
#ed-fenetre #chez-vous .cm-tete>p{margin:0;font:500 13px/1.3 var(--sans);color:var(--encre-douce)}
#ed-fenetre :is(#chez-vous :is(.cm-ciel,.cm-alertes,.lj-grille),.ed-en-notifs :is(.cm-grille,.cp-deux)){display:flex;flex-direction:column;gap:8px;margin:0 auto;padding:0;background:none;border:0;box-shadow:none}
#ed-fenetre #chez-vous .cm-alertes{margin-top:8px}
#ed-fenetre :is(#chez-vous :is(.cm-ciel>article,.cm-alertes>article,.lj-grille>article,section.cm-semaine,aside.cp-presse-06),.ed-en-notifs :is(.cm-grille,.cp-deux)>article){position:relative;box-sizing:border-box;width:100%;max-width:none;min-width:0;margin:0;padding:13px 46px 12px 18px;border:1px solid rgba(22,38,59,.07);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(22,38,59,.05),0 10px 24px -20px rgba(22,38,59,.4)}
#ed-fenetre :is(#chez-vous :is(.cm-ciel,.cm-alertes),.ed-en-notifs .cm-grille)>article+article{border-left:1px solid rgba(22,38,59,.07);border-top:1px solid rgba(22,38,59,.07)}
#ed-fenetre #chez-vous :is(.cm-ciel,.cm-alertes)>article>h4,#ed-fenetre #chez-vous .lj-grille .cp-carte-titre,#ed-fenetre .ed-en-notifs :is(.cm-grille>article>h4,.cp-deux .cp-carte-titre){display:block;margin:0 0 2px;padding:0;font:700 11px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--encre-douce)}
#ed-fenetre :is(#chez-vous .lj-grille,.ed-en-notifs .cp-deux) .cp-carte-titre>h3{margin:0;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;color:inherit!important}
#ed-fenetre :is(#chez-vous :is(.cm,.lj),.ed-en-notifs :is(.cm-grille,.cp-deux)) :is(p.cm-grand,p.cp-grand){display:flex;align-items:center;gap:7px;margin:0;font:600 15.5px/1.35 var(--sans);letter-spacing:0;color:var(--encre)}
#ed-fenetre #chez-vous .cm-pastille{width:10px;height:10px;margin:0;flex:none}
#ed-fenetre :is(#chez-vous :is(.cm,.lj,.cp-presse-06),.ed-en-notifs :is(.cm-grille,.cp-deux)) p{margin:1px 0 0;font:400 14px/1.45 var(--sans);color:var(--encre)}
#ed-fenetre :is(#chez-vous :is(.cm,.lj),.ed-en-notifs :is(.cm-grille,.cp-deux)) :is(.cm-doux,.cm-note,.cp-note,.cm-alerte){font:italic 400 12.5px/1.45 var(--sans)!important;color:var(--encre-douce)}
#ed-fenetre :is(#chez-vous :is(.cm,.lj),.ed-en-notifs :is(.cm-grille,.cp-deux)) .cp-lien{margin-top:4px;font-size:12.5px;line-height:1.35}
/* Les rubriques en notifications : titres et listes sont enfants directs de la rubrique, la colonne reste centrée */
#ed-fenetre .ed-en-notifs.cp-panneau>:not(.ed-rubrique-tete){margin-inline:auto}
#ed-fenetre :is(#chez-vous,.ed-en-notifs) .lf-etoile{top:10px;right:10px;width:30px;height:30px;border-color:transparent;background:transparent}
#ed-fenetre :is(#chez-vous,.ed-en-notifs) .lf-etoile svg{width:16px;height:16px}
#ed-fenetre :is(#chez-vous,.ed-en-notifs) .lf-etoile[aria-pressed="true"]{background:var(--ed-rose)}
#ed-fenetre #chez-vous .lj-clubs{gap:8px;margin-top:4px}
#ed-fenetre #chez-vous .lj-club .cp-kicker{margin:0 0 4px;font-size:10.5px}
#ed-fenetre #chez-vous .lj-score{padding:6px 12px;border-radius:10px;font-size:14px}
#ed-fenetre #chez-vous .lj-score em{font-size:15px}
#ed-fenetre #chez-vous .lj-club small{margin-top:3px;font-size:12px}
#ed-fenetre #chez-vous p.lj-prochain{font-size:13px}
#ed-fenetre #chez-vous .lj-classement{margin-top:8px}
#ed-fenetre #chez-vous .lj-classement summary{font-size:13px}
/* les prochains jours : la même carte, sans picto, des lignes basses */
/* les prochains jours : une carte sans picto, le texte au bord gauche, séparée de la précédente */
#ed-fenetre #chez-vous .cm>section.cm-semaine{margin-top:8px;padding:12px 18px 6px}
#ed-fenetre #chez-vous .cm-semaine-tete{margin:0 0 2px}
#ed-fenetre #chez-vous .cm-semaine-tete h4{margin:0;font:700 11px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--encre-douce)}
#ed-fenetre #chez-vous .cm-semaine-tete p{margin:0;font-size:12px}
#ed-fenetre #chez-vous .cm-jours>li{min-height:34px;gap:8px;font-size:13.5px}
#ed-fenetre #chez-vous .cm-picto svg{width:18px;height:18px}
/* la presse ferme la liste */
#ed-fenetre #chez-vous aside.cp-presse-06{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:640px;margin:30px auto 0;padding:13px 14px 13px 18px}
#ed-fenetre #chez-vous .cp-presse-06 .lc-eyebrow{margin:0;font:700 11px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--encre-douce)}
#ed-fenetre #chez-vous .cp-presse-06 h3{margin:1px 0 0;font:600 15.5px/1.35 var(--sans)}
#ed-fenetre #chez-vous .cp-presse-06 p:last-child{font-size:13px;color:var(--encre-douce)}
#ed-fenetre #chez-vous .cp-presse-06 .lc-action{flex:none;min-height:0;padding:8px 14px;font-size:13px}

/* La carte : les calques ouverts en petit au bas de la carte, une croix les replie en pastille ; la fiche se ferme
   d'un vrai bouton */
.ed-fiches .cc-pres .cc-panneau{align-self:end;width:min(292px,calc(100% - 28px));max-height:calc(100% - 96px);margin-top:0;margin-bottom:24px;padding:12px 10px 10px;border-radius:16px}
.ed-fiches .cc-pres .cc-titre{margin:2px 0 8px 4px;font:700 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-douce)}
.ed-fiches .cc-pres .cc-champ{height:38px;padding:0 12px}
.ed-fiches .cc-pres .cc-champ input{font-size:14px}
.ed-fiches .cc-pres .cc-groupe>p{margin:8px 6px 2px;font-size:9.5px}
.ed-fiches .cc-pres .cc-bascule{grid-template-columns:28px 8px minmax(0,1fr) auto;min-height:32px;padding:4px 6px;gap:8px}
.ed-fiches .cc-pres .cc-bascule b{font-size:12.5px}
.ed-fiches .cc-pres .cc-bascule small{font-size:11px}
.ed-fiches .cc-pres .cc-bascule em{padding:3px 6px;font-size:10px}
.ed-fiches .cc-pres .cc-interrupteur{width:28px;height:16px}
.ed-fiches .cc-pres .cc-interrupteur::after{width:12px;height:12px}
.ed-fiches .cc-pres .cc-bascule[aria-pressed=true] .cc-interrupteur::after{transform:translateX(12px)}
.ed-fiches .cc-pres .cc-fond{gap:10px;padding:8px 4px 0}
.ed-fiches .cc-pres .cc-reduire{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--encre);cursor:pointer}
.ed-fiches .cc-pres .cc-reduire-texte{display:none}
.ed-fiches .cc-pres .cc-reduire-icone{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(22,38,59,.06);transition:background .15s,transform .2s}
.ed-fiches .cc-pres .cc-reduire:hover .cc-reduire-icone{background:rgba(22,38,59,.12)}
.ed-fiches .cc-pres .cc-reduire svg{width:18px;height:18px}
.ed-fiches .cc-pres .cc-panneau-corps>.cc-titre{padding-right:40px}
.ed-fiches .cc-pres .cc-panneau.cc-reduit{width:auto;max-height:none;overflow:visible;padding:0;border-radius:999px}
.ed-fiches .cc-pres .cc-reduit .cc-panneau-corps{display:none}
.ed-fiches .cc-pres .cc-reduit .cc-reduire{position:static;padding:6px 6px 6px 14px;font:600 13.5px/1 var(--sans)}
.ed-fiches .cc-pres .cc-reduit .cc-reduire-texte{display:inline-flex;align-items:center;gap:8px}
/* ouvert, une croix fine comme celle des fenêtres ; replié, la flèche vers le haut de la pastille */
.ed-fiches .cc-pres .cc-reduire-icone svg:first-child,.ed-fiches .cc-pres .cc-reduit .cc-reduire-icone svg:last-child{display:none}
.ed-fiches .cc-pres .cc-reduit .cc-reduire-icone svg:first-child{display:block;transform:rotate(180deg)}
.ed-fiches .cc-pres .cc-panneau:not(.cc-reduit) .cc-reduire-icone{background:none;color:var(--encre-douce)}
.ed-fiches .cc-pres .cc-panneau:not(.cc-reduit) .cc-reduire-icone svg{width:15px;height:15px;stroke-width:1.6}
.ed-fiches .cc-pres .cc-panneau:not(.cc-reduit) .cc-reduire:hover .cc-reduire-icone{background:rgba(22,38,59,.06);color:var(--encre)}
.cc .cc-fiche{padding-top:14px}
.cc .cc-fermer-fiche{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:6px;width:max-content;margin:0 -4px 6px auto;padding:7px 10px 7px 13px;border:1px solid rgba(22,38,59,.12);border-radius:999px;background:#fff;font:600 12.5px/1 var(--sans);color:var(--encre);cursor:pointer;box-shadow:0 6px 16px -10px rgba(22,38,59,.45)}
.cc .cc-fermer-fiche svg{width:14px;height:14px}
.cc .cc-fermer-fiche:hover{border-color:var(--rouge);color:var(--rouge)}

/* ouvert, le bandeau devient le quiz, à la même hauteur que fermé : la question sur une ligne, les réponses en petits
   boutons sur la ligne dessous ; rien ne bouge d'une question à l'autre */

/* Les fiches des commerces : un bandeau en couleur de la famille, le picto en médaillon, la note en étoiles */
.cp-body.ed-fiches .cp-commerce.fc-carte{border:1px solid rgba(22,38,59,.08);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(22,38,59,.04),0 14px 30px -26px rgba(22,38,59,.5)}
.cp-body.ed-fiches .fc-corps{padding:36px 18px 18px}
.cp-body.ed-fiches .cp-commerce.fc-carte h3{font:600 19px/1.25 var(--serif)}
.cp-body.ed-fiches .fc-bouton{min-height:38px;border-radius:999px;font:600 13.5px/1.2 var(--sans)}
.cp-body.ed-fiches .fc-horaires summary{font-size:13.5px}

@media (max-width:850px){
  #ed-fenetre .ed-rubrique-tete .cp-rubrique-nom{font-size:26px}
  #ed-fenetre :is([data-chapitre-page]>h3:first-of-type,.lg-chapitre>h3,.cp-finance-chapitre>h3,.cp-finance-chapitre>h2,.cp-finance-chapitre>.cp-tete h2){font-size:24px}
  #ed-fenetre .cp-panneau :is(.cm-tete>h3,.cp-rendezvous-entete>h3,h3.cp-espace,.ad-entete>h3,.cp-actu-separateur>h3,.cp-tete h2){font-size:21px}
  #ed-fenetre .ed-suite a{flex:1 1 100%}
  .cp-body.ed-fiches .cp-renvoi-carte{grid-template-columns:110px minmax(0,1fr);gap:14px;padding-right:14px}
  .cp-renvoi-carte img{height:84px}
  .cp-jauges li{grid-template-columns:minmax(90px,1fr) minmax(0,1.2fr) 64px;gap:10px}
  #ed-fenetre #chez-vous .cp-presse-06{flex-direction:column;align-items:flex-start}
  .ed-fiches .cc-pres .cc-reduire{display:none}
  /* le quiz sur téléphone : l'étape, la question, les réponses en 2 × 2, à hauteur fixe pendant la partie */
  .ed-fiches .cc-pres .cc-reduit .cc-panneau-corps{display:block}
  /* sous la carte, sur toute la largeur, collé à elle (la règle de l'ordinateur le pose petit au bas de la carte) */
  .ed-fiches .cc-pres .cc-panneau{align-self:auto;width:auto;max-height:none;margin:12px var(--cp-gutter) 0;padding:16px 12px;border-radius:18px}
  /* sous la carte, le panneau ne garde pas sa place vide tant que la carte n'est pas ouverte */
  .ed-fiches .cc-pres .cc-cadre:has(.cc-affiche:not([hidden])) .cc-panneau{display:none}
}

/* La taxe foncière d'une ville complète : les autres parts de l'avis, sous la part communale */
.cp-parts-avis{list-style:none;margin:16px 0 0;padding:0}
.cp-parts-avis li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--bord);font:400 14.5px/1.4 var(--sans)}
:is(#ed-fenetre,.cp-body) .cp-simulateur .cp-parts-avis output{display:inline;margin:0;font:600 15px/1.4 var(--sans);color:var(--encre);white-space:nowrap}
.cp-parts-avis li:last-child{font-weight:600}
/* Les finances expliquées d'une ville complète : un paragraphe par idée, de l'air autour des cartes */
.cp-finance-chapitre .ar-texte{margin:0 0 14px}
.cp-finance-chapitre :is(.lg-graphe,.lg-cotes,.cp-table-wrap)+.ar-texte{margin-top:4px}
.cp-finance-chapitre .ar-texte+:is(.cp-details,.lg-graphe,.cp-table-wrap,.lg-cotes){margin-top:18px}
/* Le conseil d'une ville complète : les séances d'abord, en grand ; le bon à savoir en petits encarts */
.cp-seances.cp-seances-pile{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:6px 0 30px}
.cp-seances-pile .cp-seance{padding:22px 24px;border:1px solid rgba(22,38,59,.1);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(22,38,59,.04)}
.cp-seances-pile .cp-seance-une{border:1.5px solid var(--navy)}
.cp-seances-pile .cp-seance>h3{margin:4px 0 10px;font:600 21px/1.25 var(--serif);color:var(--navy)}
.cp-seances-pile .cp-seance-une>h3{font-size:26px}
.cp-seances-pile .cp-seance>p:not(.cp-kicker):not(.cp-note){font-size:16px;line-height:1.65}
.cp-seances-pile .cp-elus-reperes li{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:12px;padding:10px 0}
.cp-seances-pile .cp-elus-reperes li>span{font:400 13px/1.5 var(--sans);color:var(--encre-douce)}
.cp-seances-pile .cp-elus-reperes b{font:400 15px/1.5 var(--sans);text-align:left}
.cp-conseil-prochain{margin:0 0 16px;padding:18px 22px;border-radius:16px;background:#fff;border:1.5px solid var(--rouge)}
.cp-a-savoir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 26px}
.cp-a-savoir>div{padding:16px 18px;border-radius:14px;background:var(--papier-creux)}
.cp-a-savoir>div>b{display:block;margin:0 0 6px;font:600 15px/1.3 var(--sans);color:var(--navy)}
.cp-a-savoir>div>p{margin:0;font:400 14.5px/1.55 var(--sans);color:var(--encre)}
@media (max-width:640px){.cp-a-savoir{grid-template-columns:minmax(0,1fr)}.cp-seances-pile .cp-elus-reperes li{grid-template-columns:minmax(0,1fr);gap:2px}}
.cp-seances-pile .cp-seance-decisions{padding-left:20px}
.cp-seances-pile .cp-seance-decisions>li{list-style:disc}
.cp-a-savoir>:last-child:nth-child(odd){grid-column:1/-1}
/* Les finances expliquées : une explication de fond est un petit cours, une ampoule et l'italique dans un encart */
.ar-lecon{display:flex;gap:10px;align-items:flex-start;margin:4px 0 18px;padding:11px 14px;border:1px solid #EFE2B9;border-radius:12px;background:#FDF7E4}
.cp-finance-chapitre .ar-lecon>p{margin:0;max-width:none;font:italic 400 14px/1.55 var(--sans);color:#4A4434}
/* Vie pratique en notifications : les titres déjà posés par les rubriques (h3, en-têtes) prennent la voix des titres de section */
#ed-fenetre .ed-en-notifs>:is(h3.cp-espace,.cp-rendezvous-entete){display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:30px auto 10px!important;padding:0 4px;border:0}
#ed-fenetre .ed-en-notifs>h3.cp-espace,#ed-fenetre .ed-en-notifs>.cp-rendezvous-entete>h3{margin:0;font:700 12px/1.3 var(--sans)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--encre-douce)!important}
#ed-fenetre .ed-en-notifs.cp-panneau>label.cp-filtre-label{display:block;box-sizing:border-box;width:100%;max-width:640px;padding:0 4px}
/* L'agenda de Sortir (Alison, 01/10 : « super moche niveau UX ») : des cartes avec une tuile de date, deux par rangée,
   toute la carte mène à l'événement. Les règles anciennes de .cp-event restent pour les autres pages. */
#ed-fenetre #sortir .cp-events,.ct-agenda .cp-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 8px}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;margin:0;padding:12px 16px 12px 12px;border:1px solid rgba(22,38,59,.08);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(22,38,59,.04);transition:border-color .15s,box-shadow .15s}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event:not(.cp-event-sans-image){grid-template-columns:58px 58px minmax(0,1fr)}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event:hover{border-color:#d9b8b1;box-shadow:0 14px 30px -24px rgba(21,43,58,.6)}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event-image{width:58px;height:58px;border-radius:12px}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event time{width:auto;margin:0;padding:7px 4px 8px;border:0;border-radius:12px;background:var(--ed-rose,#f6e6e2);text-align:center}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event time>small{display:block;font:700 10.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--rouge)}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event time>b{display:block;margin:1px 0;font:600 24px/1.05 var(--serif);color:var(--navy)}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event time>span{display:block;font:600 11px/1.2 var(--sans);text-transform:uppercase;color:var(--encre-douce)}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event h3,:is(#ed-fenetre #sortir,.ct-agenda) .cp-event h3 a{margin:0;max-width:none;font:600 15.5px/1.3 var(--sans);color:var(--encre);text-decoration:none}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event h3 a::after{content:"";position:absolute;inset:0;border-radius:16px}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event h3 a:focus-visible{outline:none}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event:has(a:focus-visible){outline:2px solid var(--rouge);outline-offset:2px}
:is(#ed-fenetre #sortir,.ct-agenda) .cp-event p{margin:4px 0 0;font:400 13px/1.4 var(--sans);color:var(--encre-douce)}
@media (max-width:700px){#ed-fenetre #sortir .cp-events,.ct-agenda .cp-events{grid-template-columns:minmax(0,1fr)}}
/* Trouver une association : qui appeler d'abord, puis les associations de la commune par famille. */
:is(#ed-fenetre,.ct) .cp-asso-contacts{display:grid;gap:8px;margin:0 0 16px}
:is(#ed-fenetre,.ct) .cp-asso-contacts p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;padding:12px 14px;border-radius:12px;background:var(--ed-rose,#f6e6e2)}
:is(#ed-fenetre,.ct) .cp-asso-contacts b{flex-basis:100%;font:600 14.5px/1.35 var(--sans);color:var(--navy)}
:is(#ed-fenetre,.ct) .cp-asso-contacts span{flex-basis:100%;font:400 13.5px/1.4 var(--sans);color:var(--encre)}
:is(#ed-fenetre,.ct) .cp-asso-contacts small{flex-basis:100%;font:italic 400 12.5px/1.45 var(--sans);color:var(--encre-douce)}
:is(#ed-fenetre,.ct) .cp-asso-contacts a{font:600 13.5px/1.4 var(--sans);color:var(--rouge);text-decoration:none;overflow-wrap:anywhere}
:is(#ed-fenetre,.ct) .cp-asso-noms{columns:2 220px;column-gap:24px;margin:4px 0 8px;padding:0;list-style:none}
:is(#ed-fenetre,.ct) .cp-asso-noms li{break-inside:avoid;padding:6px 0;border-bottom:1px solid rgba(22,38,59,.07)}
:is(#ed-fenetre,.ct) .cp-asso-noms a{font:500 14px/1.35 var(--sans);color:var(--encre);text-decoration:none}
:is(#ed-fenetre,.ct) .cp-asso-noms a:hover{color:var(--rouge);text-decoration:underline}
/* Le rendez-vous ouvert depuis « Aujourd'hui » : un contour rouge le désigne dans l'agenda. */
#ed-fenetre #sortir .cp-event:has(h3:target){border-color:var(--rouge);box-shadow:0 0 0 3px rgba(200,56,42,.18)}
/* La météo du jour, en petit à côté de « Aujourd'hui à … » : le ciel en image, dans sa couleur (Alison, 01/10). */
.ed-jour-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.ed-jour-meteos{flex:0 0 auto}
.ed-jour-meteo{display:inline-flex;align-items:center;gap:8px;padding:7px 15px 7px 9px;border-radius:999px;background:#EEF3F8;color:#5B7088;text-decoration:none}
.ed-jour-meteo[hidden]{display:none}
.ed-jour-meteo svg{width:28px;height:28px;stroke-width:1.8}
.ed-jour-ciel{font:500 15px/1 var(--sans);color:var(--encre)}
.ed-jour-meteo b{font:700 16px/1 var(--sans);color:var(--encre);white-space:nowrap}
.ed-jour-meteo.ed-ciel-soleil,.ed-jour-meteo.ed-ciel-eclaircies{background:#FDF0CF}
.ed-ciel-soleil{background:#FDF3DC;color:#E0A21B}
.ed-ciel-eclaircies{background:#FDF3DC;color:#C98F1E}
.ed-ciel-pluie{background:#E6EFF8;color:#3E78B2}
.ed-ciel-orage{background:#ECE8F4;color:#5B4E8C}
.ed-ciel-neige{background:#EEF4FA;color:#7FA6CC}
/* Une mention discrète sous un rendez-vous : le clic mène à tout l'agenda. */
.ed-notif-plus{display:block;margin-top:2px;font:400 12.5px/1.3 var(--sans);color:var(--encre-douce)}
/* L'arrière-boutique de la sorcière (Alison, 01/10 : « sortir de la DA classique ») : ciel de nuit étoilé, or, parchemin.
   Tout ce qui est mystique porte .ed-arriere-boutique. */
/* La boutique de la Masco : une fenêtre à part, dans l'univers de son bandeau (Alison, 01/10 : crème, bleu nuit,
   rouge, soleil gravé ; « plus compact »). La Masco dans son cercle à gauche, le ciel et votre signe à droite ; ce que
   ça veut dire est replié. L'ouverture : le cercle éclot, les arcs tournent, la Masco monte, le reste suit. */
.sr{width:min(980px,calc(100vw - 32px));max-width:none;max-height:min(820px,calc(100dvh - 32px));margin:auto;padding:0;border:0;border-radius:24px;background:linear-gradient(100deg,#FBF4EC 0%,#FAF1E7 50%,#F7E8D9 100%);color:var(--encre);overflow-x:hidden;overflow-y:auto;box-shadow:0 40px 100px -30px rgba(21,43,58,.55);overscroll-behavior:contain}
.sr::backdrop{background:rgba(22,38,59,.5);backdrop-filter:blur(4px)}
/* Ouverte par un lien (#la-sorciere), la fenêtre prend elle-même le focus : pas de cadre sombre autour. */
dialog.sr:focus-visible{outline:none}
.sr-boite{position:relative;display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;padding:28px 30px 26px 26px;isolation:isolate}
.sr-soleil{position:absolute;top:-18px;right:70px;z-index:-1;width:170px;opacity:.5;pointer-events:none}
.sr-fermer{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--bord);border-radius:50%;background:#fff;cursor:pointer}
.sr-fermer svg{width:18px;height:18px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round}
.sr-fermer:hover{border-color:var(--rouge)}
.sr-personnage{position:sticky;top:0;align-self:start;text-align:center}
.sr-portrait{position:relative;height:250px}
.sr-cercle{position:absolute;left:50%;top:22px;width:190px;height:190px;margin-left:-82px;border-radius:50%;background:#CB3A36}
.sr-arcs{position:absolute;inset:-10px -20px 0;overflow:hidden;pointer-events:none}
.sr-arc{position:absolute;left:14px;top:20px;width:290px;height:290px;border:1.5px solid transparent;border-top-color:rgba(200,56,42,.75);border-left-color:rgba(200,56,42,.75);border-radius:50%;transform:rotate(-14deg)}
.sr-arc-2{left:26px;top:32px;width:266px;height:266px;border-top-color:rgba(200,56,42,.45);border-left-color:rgba(200,56,42,.45)}
.sr-sorciere{position:absolute;left:50%;bottom:0;width:300px;margin-left:-150px;height:auto}
.sr-etincelles{position:absolute;inset:0;pointer-events:none}
.sr-etincelle{position:absolute;width:12px;height:12px;color:#B5643F;opacity:0}
.sr-etincelle svg{width:100%;height:100%}
.sr-etincelle-1{left:6%;top:30%}.sr-etincelle-2{left:88%;top:16%;width:9px}.sr-etincelle-3{left:14%;top:62%;width:8px}.sr-etincelle-4{left:92%;top:48%}.sr-etincelle-5{left:52%;top:2%;width:10px}.sr-etincelle-6{left:2%;top:12%;width:8px}.sr-etincelle-7{left:80%;top:2%;width:8px}.sr-etincelle-8{left:30%;top:6%;width:9px}.sr-etincelle-9{left:70%;top:70%;width:7px}
.sr-nom{margin:12px 0 0;font:600 26px/1.1 var(--serif);color:var(--navy)}
.sr-devise{margin:2px 0 0;font:600 11.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rouge)}
.sr-legende{margin:12px 0 0;padding:12px 4px 0;border-top:1px solid var(--bord-clair);font:italic 400 14px/1.6 var(--serif);color:var(--encre-douce)}
.sr-contenu{min-width:0}
.sr-kicker{margin:4px 0 2px;font:600 11.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rouge)}
.sr-titre{margin:0 0 14px;font:500 30px/1.1 var(--serif);color:var(--navy)}
.sr .hs-etoile{width:11px;height:11px;flex:0 0 auto;color:#B5643F}
.sr .hs-ciel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}
.sr .hs-ciel>div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid var(--bord-clair)}
.sr .hs-lune{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center}
.sr .hs-dessin{width:38px;height:38px}
.sr .hs-grand{margin:0 0 2px;font:600 16px/1.3 var(--serif);color:var(--navy)}
.sr .hs-ciel p{margin:0;font:400 13.5px/1.45 var(--sans);color:var(--encre)}
.sr .hs-ciel .hs-grand{font:600 16px/1.3 var(--serif);color:var(--navy)}
.sr .hs-doux{color:var(--encre-douce)!important}
.sr .hs-savoir{margin:6px 0 0}
.sr .hs-savoir summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font:italic 500 13.5px/1.4 var(--serif);color:var(--rouge)}
.sr .hs-savoir summary::-webkit-details-marker{display:none}
.sr .hs-savoir summary::before{content:"";width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1.7 6.3L16 8l-6.3 1.7L8 16l-1.7-6.3L0 8l6.3-1.7z' fill='%23B5643F'/%3E%3C/svg%3E") center/contain no-repeat}
.sr .hs-savoir ul{margin:6px 0 4px;padding:10px 14px 10px 30px;border-radius:12px;background:#FDF7E4;font:italic 400 13.5px/1.55 var(--serif);color:var(--encre)}
.sr .hs-savoir li{margin:0 0 4px}
.sr .hs-question{display:flex;align-items:center;gap:7px;margin:16px 0 6px;font:600 11.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.sr .hs-naissance{margin:0}
.sr .hs-champs{display:flex;flex-wrap:wrap;align-items:end;gap:8px}
.sr .hs-champs label{display:grid;gap:3px;font:500 12px/1.2 var(--sans);color:var(--encre-douce)}
.sr .hs-champs input{min-height:38px;padding:6px 10px;border:1px solid var(--bord);border-radius:10px;background:#fff;font:500 14.5px/1.2 var(--sans);color:var(--encre)}
.sr .hs-champs button{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--rouge);font:600 14.5px/1 var(--sans);color:#fff;cursor:pointer}
.sr .hs-naissance>.hs-sens{margin:5px 0 0;font:italic 400 12.5px/1.4 var(--sans);color:var(--encre-douce)}
.sr .hs-moi{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:#FDF7E4;border:1px solid #EFE0B5;font:italic 500 14.5px/1.45 var(--serif);color:var(--navy)}
.sr .hs-signes{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}
.sr .hs-signes button{padding:6px 11px;border:1px solid var(--bord);border-radius:999px;background:#fff;font:500 13.5px/1 var(--sans);color:var(--encre);cursor:pointer}
.sr .hs-signes button:hover{border-color:var(--rouge)}
.sr .hs-signes button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.sr .hs-texte,.sr .hs-natale{padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--bord-clair);box-shadow:0 14px 34px -26px rgba(21,43,58,.5)}
.sr .hs-natale{margin-top:10px;background:#FDF7E4;border-color:#EFE0B5}
.sr .hs-titre{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 6px;font:600 21px/1.2 var(--serif);color:var(--navy)}
.sr .hs-titre small{font:400 12.5px/1.2 var(--sans);color:var(--encre-douce)}
.sr p.hs-accroche{margin:0 0 12px;font:italic 500 17.5px/1.45 var(--serif);color:var(--navy)}
.sr .hs-domaines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:0;list-style:none}
.sr .hs-domaines>li{padding:9px 10px;border-radius:12px;background:#FAF4EC}
.sr .hs-domaines>li>b{display:block;font:700 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}
.sr .hs-etoiles{display:flex;gap:2px;margin:4px 0 5px}
.sr .hs-etoiles svg{width:12px;height:12px}
.sr .hs-plein{color:#C8382A}.sr .hs-vide{color:#E8D9CC}
.sr .hs-etoiles .hs-etoile{color:inherit}
.sr .hs-domaines>li>span:last-child{display:block;font:400 13.5px/1.4 var(--sans);color:var(--encre)}
.sr .hs-pourquoi,.sr .hs-vous{margin:0;font:400 14.5px/1.55 var(--sans);color:var(--encre)}
.sr .hs-vous{margin-top:10px}
.sr .hs-pourquoi b,.sr .hs-vous b,.sr .hs-deux b,.sr .hs-conseil b{display:block;margin-bottom:2px;font:700 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}
.sr .hs-deux{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px;margin:12px 0 8px}
.sr .hs-deux p{margin:0;padding:9px 11px;border-radius:12px;background:#FAF4EC;font:400 13.5px/1.45 var(--sans);color:var(--encre)}
.sr .hs-conseil{margin:0;padding:10px 12px;border-radius:12px;background:#FDF7E4;font:italic 400 15px/1.5 var(--serif);color:var(--navy)}
.sr .cm-doux{color:var(--encre-douce)}
.sr-semaine{margin:-8px 0 10px;font:italic 400 14.5px/1.4 var(--serif);color:var(--encre-douce)}
.sr .hs-compte{margin:2px 0 12px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--bord-clair);box-shadow:0 14px 34px -26px rgba(21,43,58,.5);text-align:center}
.sr .hs-compte p{margin:0 0 6px;font:400 15px/1.5 var(--sans);color:var(--encre)}
.sr .hs-compte p.hs-accroche{font:italic 500 20px/1.35 var(--serif);color:var(--navy)}
.sr .hs-compte-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:10px}
.sr .hs-cta{display:inline-flex;padding:11px 20px;border:0;border-radius:999px;background:var(--rouge);font:600 15px/1 var(--sans);color:#fff;text-decoration:none;cursor:pointer}
.sr a.hs-lien{font:500 14px/1.3 var(--sans);color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.sr .hs-ciel-semaine{margin-top:18px;padding-top:14px;border-top:1px solid var(--bord-clair)}
.sr .hs-ciel-semaine .hs-ciel>div{display:block}
.sr .hs-ciel-semaine .hs-lune{display:grid}
.sr .hs-ciel-semaine p.hs-sens,.sr .hs-jardin-semaine p.hs-sens{margin:6px 0 0;font:italic 400 13px/1.5 var(--serif);color:var(--encre-douce)}
.sr .hs-phases{margin:4px 0 0;padding:0;list-style:none;font:400 13.5px/1.5 var(--sans);color:var(--encre)}
.sr .hs-phases b{color:var(--navy)}
.sr .hs-jardin-semaine{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid var(--bord-clair)}
.sr .hs-jardin-semaine ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:6px 0 0;padding:0;list-style:none}
.sr .hs-jardin-semaine li{display:grid;gap:1px;padding:6px 4px;border-radius:10px;background:#FAF4EC;text-align:center}
.sr .hs-jardin-semaine li.hs-ce-jour{background:#FDF7E4;box-shadow:inset 0 0 0 1px #E3C98C}
.sr .hs-jardin-semaine b{font:700 10.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--rouge)}
.sr .hs-jardin-semaine span{font:600 13px/1.25 var(--serif);color:var(--navy)}
.sr .hs-jardin-semaine small{font:400 11px/1.2 var(--sans);color:var(--encre-douce)}
.sr .hs-notes{margin:10px 0 0;padding:0;list-style:none}
.sr .hs-notes li{margin:0 0 4px;padding-left:16px;position:relative;font:italic 400 14px/1.45 var(--serif);color:var(--encre)}
.sr .hs-notes li::before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1.7 6.3L16 8l-6.3 1.7L8 16l-1.7-6.3L0 8l6.3-1.7z' fill='%23B5643F'/%3E%3C/svg%3E") center/contain no-repeat}
.sr .hs-natale .hs-sens{margin:6px 0 0;font:italic 400 13px/1.5 var(--serif);color:var(--encre-douce)}
@media (max-width:760px){.sr .hs-jardin-semaine ol{grid-template-columns:repeat(4,minmax(0,1fr))}.sr-soleil{display:none}}
/* La carte de la semaine. */
/* Les nombres. */
.sr .nb-attente{margin:0 0 10px;padding:14px 16px;border-radius:14px;background:#fff;border:1px dashed var(--bord);font:italic 400 15px/1.5 var(--serif);color:var(--encre-douce)}
.sr .nb-bloc{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--bord-clair)}
.sr .nb-chemin{margin-bottom:8px;box-shadow:0 14px 34px -26px rgba(21,43,58,.5)}
.sr .nb-chiffre{display:grid;place-items:center;width:64px;height:64px;margin:0;border-radius:50%;background:#CB3A36;font:600 30px/1 var(--serif);color:#fff}
.sr .nb-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sr .nb-deux .nb-chiffre{width:48px;height:48px;font-size:22px;background:var(--navy)}
.sr .nb-deux .nb-bloc{grid-template-columns:48px minmax(0,1fr)}
.sr .nb-titre{margin:0 0 3px;font:700 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}
.sr .nb-bloc p:not(.nb-titre):not(.nb-chiffre):not(.nb-calcul){margin:0;font:400 15px/1.45 var(--serif);color:var(--navy)}
.sr .nb-calcul{margin:6px 0 0;font:400 12.5px/1.4 var(--sans);color:var(--encre-douce)}
@media (max-width:760px){.sr .nb-deux{grid-template-columns:minmax(0,1fr)}.sr .hs-onglets button{font-size:13px;padding:8px 6px}}
/* Le parcours simple (Alison, 01/10) : le signe, la semaine, puis la carte ou les nombres à la demande. */
.sr .hs-question{margin:14px 0 8px;font:600 20px/1.2 var(--serif);letter-spacing:0;text-transform:none;color:var(--navy)}
.sr .hs-signes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.sr .hs-signes button{display:grid;gap:3px;padding:12px 8px;border:1px solid var(--bord);border-radius:14px;background:#fff;text-align:center;cursor:pointer;transition:border-color .15s,transform .15s}
.sr .hs-signes button:hover{border-color:var(--rouge);transform:translateY(-1px)}
.sr .hs-signes b{font:600 16px/1.2 var(--serif);color:var(--navy)}
.sr .hs-signes small{font:400 11px/1.2 var(--sans);color:var(--encre-douce)}
.sr .hs-choisi{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:6px 0 10px}
.sr .hs-choisi b{font:600 26px/1.1 var(--serif);color:var(--navy)}
.sr .hs-choisi button{padding:0;border:0;background:none;font:500 14px/1.3 var(--sans);color:var(--rouge);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sr .hs-texte p.hs-accroche{margin:0 0 6px;font:italic 500 20px/1.4 var(--serif);color:var(--navy)}
.sr .hs-texte p.hs-vous{margin:0 0 12px;font:400 15px/1.5 var(--sans);color:var(--encre-douce)}
.sr .hs-texte .hs-domaines{display:grid;grid-template-columns:none;gap:0;margin:0 0 10px;padding:0}
.sr .hs-texte .hs-domaines>li{display:grid;grid-template-columns:76px auto minmax(0,1fr);gap:10px;align-items:center;padding:7px 0;border-radius:0;background:none;border-top:1px solid var(--bord-clair)}
.sr .hs-texte .hs-domaines .hs-etoiles{margin:0}
.sr .hs-jours{margin:0 0 10px;padding-top:9px;border-top:1px solid var(--bord-clair);font:400 14.5px/1.5 var(--sans);color:var(--encre)}
.sr .hs-titre-petit{margin:0 0 4px;font:700 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}
.sr .hs-natale p{margin:0 0 6px;font:400 14.5px/1.5 var(--sans);color:var(--encre)}
.sr .hs-natale p.hs-accroche{margin:0;font:italic 500 17px/1.45 var(--serif);color:var(--navy)}
.sr .hs-plus{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}
.sr .hs-plus button{flex:1 1 220px;padding:13px 16px;border:1.5px solid var(--navy);border-radius:999px;background:#fff;font:600 15px/1.1 var(--sans);color:var(--navy);cursor:pointer}
.sr .hs-plus button[aria-expanded="true"]{background:var(--navy);color:#fff}
.sr .hs-naissance{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:0 0 10px}
.sr .hs-naissance label{display:grid;gap:4px;font:500 12.5px/1.2 var(--sans);color:var(--encre-douce)}
.sr .hs-naissance input{min-height:40px;padding:6px 10px;border:1px solid var(--bord);border-radius:10px;background:#fff;font:500 15px/1.2 var(--sans);color:var(--encre)}
.sr .hs-naissance button{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--rouge);font:600 15px/1 var(--sans);color:#fff;cursor:pointer}
.sr .hs-ciel-plie{margin-top:16px;padding-top:12px;border-top:1px solid var(--bord-clair)}
.sr .hs-ciel-plie>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font:600 17px/1.3 var(--serif);color:var(--navy)}
.sr .hs-ciel-plie>summary::-webkit-details-marker{display:none}
.sr .hs-ciel-plie>summary::after{content:"+";font:400 22px/1 var(--sans);color:var(--rouge)}
.sr .hs-ciel-plie[open]>summary::after{content:"−"}
.sr .hs-ciel-plie .hs-ciel-semaine{margin-top:10px;padding-top:0;border:0}
.sr .hs-ciel-semaine .hs-ciel{grid-template-columns:minmax(0,1fr)}
/* La Lune du jour, gratuite, en tête de la fenêtre (Alison, 01/10). */
.sr .hs-du-jour{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid var(--bord-clair)}
.sr .hs-du-jour .hs-lune p{margin:0;font:400 13.5px/1.45 var(--sans);color:var(--encre)}
.sr .hs-du-jour .hs-lune p.hs-grand{font:600 16px/1.3 var(--serif);color:var(--navy)}
.sr .hs-concret{display:grid;gap:10px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--bord-clair);list-style:none}
.sr .hs-concret li{font:400 15px/1.5 var(--sans);color:var(--encre)}
.sr .hs-concret b{display:block;margin-bottom:2px;font:700 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}
.sr .hs-compte p.hs-titre-petit{margin:0 0 6px;font:700 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}
.sr .sr-titre-semaine{margin-top:6px}
@media (max-width:760px){.sr .hs-signes{grid-template-columns:repeat(3,minmax(0,1fr))}.sr .hs-texte .hs-domaines>li{grid-template-columns:70px auto;}.sr .hs-texte .hs-domaines>li>span:last-child{grid-column:1/-1}}
/* L'ouverture. */
@keyframes sr-entree{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes sr-eclot{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes sr-trace{from{opacity:0;transform:rotate(-80deg)}to{opacity:1;transform:rotate(-14deg)}}
@keyframes sr-monte-masco{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes sr-tourne{to{transform:rotate(360deg)}}
@keyframes sr-etincelle{0%{opacity:0;transform:translateY(8px) scale(.4) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translateY(-50px) scale(1) rotate(90deg)}}
@keyframes sr-monte{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sr-voile{from{opacity:0}to{opacity:1}}
@keyframes sr-sortie{to{opacity:0;transform:scale(.97)}}
.sr[open]::backdrop{animation:sr-voile .4s ease both}
.sr.sr-ouvert{animation:sr-entree .5s cubic-bezier(.2,.8,.2,1) both}
.sr.sr-ouvert .sr-cercle{animation:sr-eclot .8s .25s cubic-bezier(.3,1.4,.5,1) both}
.sr.sr-ouvert .sr-arc{animation:sr-trace 1.1s .45s cubic-bezier(.2,.8,.2,1) both}
.sr.sr-ouvert .sr-arc-2{animation-delay:.6s}
.sr.sr-ouvert .sr-sorciere{animation:sr-monte-masco .9s .7s cubic-bezier(.2,.8,.2,1) both}
.sr.sr-ouvert .sr-soleil{animation:sr-voile 1.2s .4s ease both,sr-tourne 120s linear infinite}
.sr.sr-ouvert .sr-etincelle{animation:sr-etincelle 3s ease-out infinite}
.sr.sr-ouvert .sr-etincelle-1{animation-delay:1.3s}.sr.sr-ouvert .sr-etincelle-2{animation-delay:1.7s}.sr.sr-ouvert .sr-etincelle-3{animation-delay:2.1s}.sr.sr-ouvert .sr-etincelle-4{animation-delay:1.5s}.sr.sr-ouvert .sr-etincelle-5{animation-delay:2.6s}.sr.sr-ouvert .sr-etincelle-6{animation-delay:3s}.sr.sr-ouvert .sr-etincelle-7{animation-delay:2.3s}.sr.sr-ouvert .sr-etincelle-8{animation-delay:3.3s}.sr.sr-ouvert .sr-etincelle-9{animation-delay:2.8s}
.sr.sr-ouvert .sr-nom{animation:sr-monte .7s 1s ease both}
.sr.sr-ouvert .sr-devise{animation:sr-monte .7s 1.1s ease both}
.sr.sr-ouvert .sr-legende{animation:sr-monte .8s 1.3s ease both}
.sr.sr-ouvert .sr-contenu>*{animation:sr-monte .7s ease both}
.sr.sr-ouvert .sr-contenu>:nth-child(1){animation-delay:.5s}.sr.sr-ouvert .sr-contenu>:nth-child(2){animation-delay:.6s}.sr.sr-ouvert .sr-contenu>:nth-child(3){animation-delay:.75s}.sr.sr-ouvert .sr-contenu>:nth-child(4){animation-delay:.9s}.sr.sr-ouvert .sr-contenu>:nth-child(n+5){animation-delay:1.05s}
.sr:not(.sr-ouvert) .sr-cercle,.sr:not(.sr-ouvert) .sr-arc,.sr:not(.sr-ouvert) .sr-sorciere,.sr:not(.sr-ouvert) .sr-nom,.sr:not(.sr-ouvert) .sr-devise,.sr:not(.sr-ouvert) .sr-legende,.sr:not(.sr-ouvert) .sr-contenu>*{opacity:0}
.sr.sr-ferme{animation:sr-sortie .3s ease both}
.sr.sr-pose .sr-contenu>*{animation:none}
@media (prefers-reduced-motion:reduce){.sr *,.sr::backdrop,.sr{animation:none!important}.sr:not(.sr-ouvert) *{opacity:1!important}}
@media (max-width:760px){
  .sr{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .sr-boite{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 16px 26px}
  .sr-personnage{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:14px;align-items:center;text-align:left}
  .sr-portrait{grid-row:1/4;height:130px}
  .sr-cercle{width:100px;height:100px;top:14px;margin-left:-46px}
  .sr-arcs{display:none}
  .sr-sorciere{width:156px;margin-left:-78px}
  .sr-nom{margin:0;font-size:24px}.sr-legende{grid-column:1/-1;margin-top:10px}
  .sr-soleil{width:120px;right:56px;top:-14px}
  .sr-titre{font-size:24px}
  .sr .hs-ciel,.sr .hs-domaines,.sr .hs-deux{grid-template-columns:minmax(0,1fr)}
}
/* La sorcière dans l'encart « Aujourd'hui » (maquette d'Alison, 01/10) : une colonne à droite, aux tailles des lignes
   du jour ; sa tête sort de l'encart. .sb reste statique : la sorcière se place contre l'encart. */
.ed-jour-cote{display:grid;grid-template-columns:minmax(0,1fr) 416px}
.ed-jour-corps{min-width:0}
/* Trois alertes par ligne au plus : leurs petits titres tiennent sur une ligne. Sur téléphone, une par ligne. */
.ed-jour-cote .ed-notifs{grid-template-columns:repeat(auto-fit,minmax(max(270px,calc((100% - 8px) / 3)),1fr))}
/* En grille, toute la carte est le lien : la flèche laisse sa place au petit titre. */
@media (min-width:851px){.ed-jour-cote .ed-notif{grid-template-columns:minmax(0,1fr)}.ed-jour-cote .ed-notif-suite{display:none}}
@media (max-width:850px){.ed-jour-cote .ed-notifs{grid-template-columns:minmax(0,1fr)}}
.ed-jour-cote .ed-notif{gap:8px;padding:9px 6px}
.sb{display:flex;align-items:center;margin:8px 0 6px 4px;padding:0 0 0 20px;border-left:1px solid var(--bord-clair)}
.sb-texte{position:relative;z-index:2;max-width:186px}
.sb-kicker{margin:0 0 10px;font:700 10.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.sb .sb-titre{display:flex;align-items:flex-start;gap:10px;margin:0;font:600 15px/1.35 var(--sans);color:var(--encre)}
.sb-lune{flex:none;width:32px;height:32px;margin-top:0;color:var(--rouge)}
.sb a.sb-lien{display:inline-block;margin-top:12px;padding-bottom:1px;border-bottom:1px solid currentColor;font:600 14px/1.4 var(--sans);color:var(--rouge);text-decoration:none}
.sb a.sb-lien:hover{color:#B13023}
/* Le cercle et les arcs se placent en proportion de la sorcière : seule sa largeur change d'un écran à l'autre. */
.sb-perso{position:absolute;right:-36px;bottom:0;z-index:1;width:262px;aspect-ratio:520/662;pointer-events:none}
.sb-cercle{position:absolute;right:-4%;top:7%;width:80%;aspect-ratio:1;border-radius:50%;background:#CB3A36}
.sb-arc{position:absolute;right:-7%;top:-2%;width:111%;aspect-ratio:1;border:1.5px solid transparent;border-top-color:rgba(200,56,42,.75);border-left-color:rgba(200,56,42,.75);border-radius:50%;transform:rotate(-24deg)}
.sb-arc-2{right:-4%;top:1%;width:104%;border-top-color:rgba(200,56,42,.4);border-left-color:rgba(200,56,42,.4)}
/* Les arcs dépassent le bord de l'écran : la page les coupe au lieu de défiler de côté. */
.cp-body>main{overflow-x:clip}
/* La sorcière d'Alison (détourée, le bas déjà fondu), recadrée : ses bords coupés s'effacent. */
.sb-femme{position:absolute;right:0;bottom:0;width:100%;height:auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 90%,transparent 100%)}
/* La tête de la sorcière sort au-dessus de l'encart : le crédit de la photo se range à sa gauche. */
@media (min-width:1401px){.ed-fiches:has(.ed-jour-cote) .ed-credit{margin-right:250px}}
@media (max-width:1400px){.ed-jour-cote{grid-template-columns:minmax(0,1fr)}.sb{min-height:150px;margin:6px 8px 0;padding:14px 0 6px;border-left:0;border-top:1px solid var(--bord-clair)}.sb-texte{max-width:calc(100% - 150px)}.sb-perso{width:140px;right:-4px}}
@media (max-width:700px){.sb{min-height:140px;margin:4px 4px 0}.sb-texte{max-width:calc(100% - 112px)}.sb-perso{width:104px}}
/* L'application La Criée (?app=1, assets/commune-pilote.js) : la fenêtre seule. L'app tient l'en-tête, le titre, le
   retour et les autres rubriques ; les étoiles attendent le compte de l'app. */
html[data-app] .ed-fenetre-tete,html[data-app] .ed-fenetre .ed-rubrique-tete,html[data-app] .ed-suite-rubriques,html[data-app] .lf-etoile{display:none}
html[data-app] .ed-fenetre-boite{grid-template-rows:minmax(0,1fr);animation:none}
html[data-app] .ed-fenetre-contenu{padding-top:6px}
/* « En 3D » dans l'app : la carte seule, haute, ses fiches dessous. */
html[data-app][data-vue="carte"] body>:not(main),html[data-app][data-vue="carte"] #cp-contenu>:not(#pres-de-vous){display:none!important}
html[data-app][data-vue="carte"] .ed-pres{margin:0}
html[data-app][data-vue="carte"] .ed-fiches .cc-pres .cc-cadre{grid-template-rows:min(72svh,680px) auto}
/* « Aujourd'hui » avec l'accueil du jour (src/edition/accueil-du-jour.mjs, Alison 06/10 : « un élément ne prend de la
   place que s'il est vraiment important ») : la météo en pastille colorée au bout du titre ; les lignes sur une rangée ;
   en bas la presse (plus visible), le bus s'il y en a un, la sorcière ; une ligne : ce jour-là, la météo de la semaine. */
.ed-une-accueil+.ed-page .ed-jour{margin-top:24px}
.ed-fiches .ed-jour-accueil .ed-jour-tete{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
.ed-fiches .ed-jour-accueil h2{font-size:26px}
.ed-fiches .ed-jour-accueil .ed-notif-msg{font-size:16.5px}
.aj-meteos{display:flex}
.aj-meteo{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 10px;border-radius:999px;background:#EEF4FA;color:var(--encre);text-decoration:none;transition:background .15s}
.aj-meteo[hidden]{display:none}
.aj-meteo:hover{background:#E3EDF7}
.aj-meteo svg{flex:none;width:40px;height:40px}
.aj-meteo b{font:600 24px/1 var(--serif)}
.aj-meteo span{display:grid;gap:2px;font:400 14.5px/1.25 var(--sans);color:var(--encre-douce)}
.aj-meteo em{font-style:normal;font-weight:600;color:var(--rouge)}
.ed-jour-bas.ed-jour-bas-trois{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.95fr)}
.aj-bus{padding:20px 22px 16px;border-left:1px solid var(--bord-clair)}
.ed-fiches .aj-bus h3{margin:0 0 8px;font:700 12px/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--rouge)}
.aj-bus .cm-arret label{display:none}
.aj-bus .cm-arret-champ input{padding:8px 14px;font-size:14.5px}
.aj-bus .cm-departs{margin-top:6px}
.aj-bus .cm-departs li{padding:8px 0}
.aj-bus .cm-departs li:nth-child(n+3){display:none}
.aj-bus .cm-bus-pied{margin-top:6px}
.cp-body .aj-bus .cm-bus-pied p{display:none}
/* sans départ à afficher (le soir, un jour sans service), la phrase du statut le dit */
.cp-body .aj-bus .cm-bus:has(.cm-departs:empty) .cm-bus-pied p{display:block}
.ed-fiches .aj-pied{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin:0;padding:14px 10px 6px;border-top:1px solid var(--bord-clair);font:400 14.5px/1.5 var(--sans);color:var(--encre-douce)}
.aj-ce-jour i{font-style:italic}
.aj-ce-jour b{font-weight:600;color:var(--encre)}
.ed-fiches .aj-pied a{color:var(--rouge);font-weight:600;text-decoration:none}
.ed-fiches .aj-pied a:hover{text-decoration:underline;text-underline-offset:3px}
.aj-semaine{margin-left:auto;white-space:nowrap}
.ed-jour-accueil .ed-notifs{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.ed-jour-accueil .ed-notif{gap:8px;padding:9px 6px}
@media (min-width:851px){.ed-jour-accueil .ed-notif{grid-template-columns:minmax(0,1fr)}.ed-jour-accueil .ed-notif-suite{display:none}}
.ed-jour-bas{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin:8px 0 0;border-top:1px solid var(--bord-clair)}
.ed-presse{display:grid;align-content:start;gap:6px;padding:20px 24px 18px 10px}
.ed-fiches .ed-presse .ed-presse-sur{margin:0;font:700 12px/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--rouge)}
.ed-fiches .ed-presse h3{margin:0;font:600 24px/1.2 var(--serif);color:var(--encre);text-wrap:balance}
.ed-fiches .ed-presse p{margin:0;font:400 16px/1.45 var(--sans);color:var(--encre-douce)}
.ed-fiches .ed-presse [hidden]{display:none}
.ed-fiches .ed-presse .ed-presse-lien{justify-self:start;margin-top:8px;padding-bottom:1px;border-bottom:1px solid currentColor;font:600 15px/1.4 var(--sans);color:var(--rouge);text-decoration:none}
.ed-jour-bas .sb{position:relative;min-height:170px;margin:0;padding:20px 0 14px 24px;border-left:1px solid var(--bord-clair);border-top:0}
.ed-jour-bas .sb-texte{max-width:calc(100% - 180px)}
.ed-jour-bas .sb-perso{width:178px;right:-10px;bottom:-10px}
@media (max-width:850px){
  .ed-jour-bas,.ed-jour-bas.ed-jour-bas-trois{grid-template-columns:minmax(0,1fr)}
  .aj-meteo{padding:6px 14px 6px 8px}.aj-meteo svg{width:34px;height:34px}.aj-meteo b{font-size:21px}
  .ed-fiches .ed-jour-accueil h2{font-size:22px}
  .aj-bus{border-left:0;border-top:1px solid var(--bord-clair);padding:16px 8px 12px}
  .aj-semaine{margin-left:0}
  .ed-presse{padding:16px 8px 14px}
  .ed-fiches .ed-presse h3{font-size:21px}
  .ed-jour-bas .sb{min-height:140px;padding:14px 4px 6px;border-left:0;border-top:1px solid var(--bord-clair)}
  .ed-jour-bas .sb-texte{max-width:calc(100% - 112px)}
  .ed-jour-bas .sb-perso{width:104px;right:-4px;bottom:-6px}
}
/* La barre du haut et le pied de toutes les pages hors la une (gabarit.mjs : barreDuHaut, piedDePage).
   Mêmes liens, même police et mêmes marges que l'en-tête et le pied de l'accueil. */
.lc-barre{position:relative;z-index:30;border-bottom:1px solid rgba(28,51,114,.12)}
.lc-barre-in,.lc-pied-in{box-sizing:border-box;width:calc(100% - 2 * clamp(20px,5.5vw,104px));max-width:1400px;margin-inline:auto;display:flex;align-items:center;gap:16px 32px}
.lc-barre-in{min-height:72px}
:is(.lc-barre,.lc-pied) .marque-lien{display:inline-flex;flex:none;font-size:0;line-height:0;text-decoration:none;transform:none}
:is(.lc-barre,.lc-pied) .marque{position:relative;display:block!important;flex:none;width:180px;height:41px;padding:0;background:url('./la-criee-logo-lc.webp') left center/contain no-repeat}
.lc-pied .marque{width:150px;height:34px}
:is(.lc-barre,.lc-pied) .marque .mono{display:none!important}
:is(.lc-barre,.lc-pied) .marque .marque-nom{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lc-barre-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
/* les deux portes du site en onglets, le compte en rond (version A, 08/10/2026) ; la une et /lafrance ont les mêmes */
.lc-onglets{display:inline-flex;padding:4px;border-radius:999px;background:#ece5d6}
.lc-onglets a{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border-radius:999px;font:600 15px/1 'Spectral',Georgia,serif;color:#0d2241;text-decoration:none;white-space:nowrap;transition:background-color .2s,box-shadow .2s}
.lc-onglets a:hover{background:rgba(255,255,255,.6)}
.lc-onglets a[aria-current]{background:#fff;box-shadow:0 2px 8px -3px rgba(13,34,65,.35)}
.lc-court{display:none}
.lc-compte{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#1c3372;color:#fff;text-decoration:none;transition:transform .2s}
.lc-compte:hover{transform:translateY(-1px)}
.lc-compte svg{width:20px;height:20px;stroke-width:1.6}
.lc-compte span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lc-compte .lc-initiale{width:40px;height:40px;background:none}
/* le jour et la fête au centre, comme l'en-tête de l'accueil (gazette/assets/une.css) */
.lc-barre-in{position:relative}
.lc-barre-jour{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;font:italic 400 17px/1.3 'Spectral',Georgia,serif;color:#1c3372;white-space:nowrap}
.lc-barre-jour span{color:#C8382A}
@media (max-width:1100px){.lc-barre-jour{display:none}}
.lc-chercher{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#1c3372}
.lc-chercher:hover{background:rgba(28,51,114,.07)}
.lc-chercher svg,.lc-compte svg{fill:none;stroke:currentColor;stroke-linecap:round}
.lc-chercher svg{width:20px;height:20px;stroke-width:1.8}
/* Connecté : l'initiale dans un rond plein à la place de la silhouette (favoris.js, nommerCompte) */
.lc-initiale{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#1c3372;color:#fff;font:600 14px/1 'Spectral',Georgia,serif}
.lc-pied{margin-top:64px;padding-bottom:44px}
.lc-pied-in{justify-content:space-between;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(28,51,114,.12)}
.lc-pied nav{display:flex;flex-wrap:wrap;gap:8px 28px}
.lc-pied nav a{padding:6px 0;font:400 15px/1.3 'Spectral',Georgia,serif;color:#34465a;text-decoration:none}
.lc-pied nav a:hover{color:#1c3372;text-decoration:underline;text-underline-offset:4px}
@media (max-width:760px){
  .lc-barre-actions{gap:8px}
  .lc-onglets a{min-height:30px;padding:0 11px;font-size:13.5px}
  .lc-long{display:none}.lc-court{display:inline}
  .lc-compte,.lc-compte .lc-initiale{width:36px;height:36px}
  .lc-barre-in{min-height:62px}
  .lc-barre .marque{width:150px;height:34px}
  .lc-pied nav{width:100%;gap:4px 24px}
}
/* Un téléphone de 390 px laissait la barre déborder de 24 px (le compte hors de l'écran, 13/10/2026) : logo, boutons et
   onglets se resserrent ; à 360 px, un cran de plus. */
@media (max-width:440px){
  .lc-barre-in{gap:8px;width:calc(100% - 32px)}
  .lc-barre .marque{width:104px;height:25px}
  .lc-barre-actions{gap:4px}
  .lc-chercher{width:32px;height:32px}
  .lc-onglets a{padding:0 8px;font-size:13px}
  .lc-compte,.lc-compte .lc-initiale{width:32px;height:32px}
}
@media (max-width:370px){
  .lc-barre .marque{width:92px;height:22px}
  .lc-onglets{padding:3px}
  .lc-onglets a{padding:0 7px;font-size:12.5px}
}
