@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;

  --display:'Bodoni Moda',Didot,'Times New Roman',serif;
  --serif:'Spectral',Georgia,serif;
  --sans:'Archivo','Helvetica Neue',Arial,sans-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;
}


/* La manchette, le crieur, les décors, le monogramme, le papier et la palette
   proviennent de la une d'origine. Ici : les nouvelles rubriques et leurs
   interactions, composées avec cette même identité. */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;top:-100px;left:20px;background:var(--navy);color:white;padding:12px;z-index:100}
.skip:focus{top:12px}
button,select,summary{-webkit-tap-highlight-color:transparent}
select{font:inherit;color:inherit}
summary,button{cursor:pointer}
.marque-lien{display:inline-flex;flex:none}
.surtitre{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--rouge)}
em{font-style:normal;font-weight:inherit;color:inherit}
.commune-carros{fill:var(--rouge)}

/* Le choix de la commune. */
section.communes{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(40px,7vw,100px);align-items:center;padding-top:var(--respire);padding-bottom:var(--respire)}
.communes h2{font-size:clamp(34px,4.4vw,52px);margin:17px 0 20px}
.communes-texte>p:not(.surtitre){font-size:17px;color:var(--encre-douce)}
form.recherche{position:relative;display:block;margin-top:30px;max-width:430px;padding:0;border:0;background:none}
.recherche>label{font-family:var(--sans);font-size:11px;display:block;margin-bottom:9px}
.recherche-champ{display:flex;align-items:center;gap:10px;border:1px solid var(--bord);background:var(--papier-clair);padding-left:15px}
.recherche-champ>svg{width:18px;height:22px;color:var(--rouge);flex:none}
.recherche-champ input[type=search]{padding:15px 0;border:0;min-width:0;width:100%;background:transparent;font-family:var(--serif);font-size:16px;outline:none}
.recherche-champ:focus-within{outline:2px solid var(--rouge);outline-offset:2px}
.recherche-champ button{align-self:stretch;padding:10px 17px;background:transparent;border:0;font-size:23px;color:var(--navy)}
.resultats{position:absolute;list-style:none;background:var(--papier-clair);border:1px solid var(--bord);padding:6px;margin:5px 0 0;width:100%;z-index:5;box-shadow:0 10px 24px #16263b12;max-height:290px;overflow:auto}
.resultats a{display:flex;padding:10px;justify-content:space-between}
.resultats a:hover,.resultats a:focus{background:var(--papier-creux);color:var(--rouge)}
.resultats .aucun{padding:10px;color:var(--encre-douce);font-size:14px}
.communes .ou-carte{font-size:13px!important;margin-top:11px;font-style:italic}
.carros-invitation{display:flex;align-items:center;gap:14px;border-top:1px solid var(--bord);padding-top:22px;margin-top:29px;max-width:430px}
.carros-pastille{font-family:var(--display);font-size:28px;border:1px solid var(--bord);color:var(--navy);width:45px;height:45px;display:grid;place-items:center;flex:none}
.carros-invitation small{display:block;font-family:var(--sans);font-size:10px;color:var(--encre-douce);margin-bottom:3px;text-transform:uppercase;letter-spacing:.07em}
.carros-invitation strong{display:block;font-family:var(--display);font-size:20px;font-weight:600}
.carros-invitation>span:last-child{margin-left:auto;color:var(--rouge)}
.liste-communes{margin-top:20px;font-family:var(--sans);font-size:11px;color:var(--encre-douce)}
.liste-communes summary{padding-block:10px}
.liste-communes>div{display:grid;grid-template-columns:1fr 1fr;max-height:200px;overflow:auto;padding:10px;gap:8px;background:var(--papier-clair)}
.carte{padding:22px;border:1px solid var(--bord);background:rgba(251,247,241,.65)}
.carte-haut{display:flex;align-items:center;justify-content:space-between;color:var(--encre-douce);font-family:var(--sans);font-size:10px;letter-spacing:.07em;text-transform:uppercase;gap:12px}
.carte-haut>span{display:flex;align-items:center;gap:7px}
.carte-haut svg{width:15px;height:20px;flex:none}
.carte-nord{font-family:var(--serif);font-size:18px}
svg.carte-svg{width:100%;height:460px;display:block}
.carte-svg a path{fill:#DCD2C6;stroke:var(--papier-clair);stroke-width:1;transition:fill .15s;vector-effect:non-scaling-stroke}
.carte-svg a:nth-child(3n) path{fill:#BFC3C4}
.carte-svg a:nth-child(5n) path{fill:#8D9BA9}
.carte-svg a:hover path,.carte-svg a:focus path,.carte-svg a.active path,.carte-svg a path.commune-carros{fill:var(--rouge);stroke:var(--papier-clair)}
.carros-repere{pointer-events:none}
.carros-repere circle{fill:var(--rouge);stroke:var(--papier-clair);stroke-width:4}
.carros-repere path{fill:none;stroke:var(--rouge);stroke-width:2}
.carros-repere rect{fill:var(--papier-clair);rx:0}
.carros-repere text{font-family:var(--sans);font-size:25px;fill:var(--navy)}
.carte figcaption{display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);font-size:10px;color:var(--encre-douce);gap:10px}
.carte-mer{font-family:var(--serif);font-size:16px;font-style:italic;letter-spacing:2px;color:#8D9BA9}

/* L'agenda est le premier rendez-vous éditorial, avant la presse. */
.rendez-vous{padding-top:var(--respire);padding-bottom:var(--respire);border-top:1px solid var(--bord)}
.section-entete{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:35px}
.section-entete h2{font-size:clamp(34px,4.4vw,52px);margin-top:16px}
.section-entete>p{font-size:16px;color:var(--encre-douce);padding-bottom:4px}
.quotidien-grille{display:block}
.quotidien-grille>section{min-width:0}
.rubrique-entete{display:flex;justify-content:space-between;align-items:center;gap:10px}
h3{font-size:27px}
.etiquette{font-family:var(--sans);font-size:9px;border:1px solid var(--bord);padding:5px 9px;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em}
.rubrique-intro{font-size:15px;color:var(--encre-douce);margin:9px 0 23px}
.agenda{--sans:'Nunito Sans',Arial,sans-serif}
.agenda h3,.section-entete h2{font-family:var(--serif);font-weight:500;line-height:1.2;letter-spacing:-.025em}
.agenda .rubrique-intro{font-family:var(--sans);font-size:16px;line-height:1.65}
.agenda .etiquette{font-size:12px;text-transform:none;letter-spacing:0;border:0;background:var(--papier-creux);border-radius:20px;padding:8px 12px}
.agenda-filtres{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 0;margin-bottom:10px}
.agenda-filtres label{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:15px;min-width:0}
.agenda-filtres select{font:600 15px var(--sans);color:var(--navy);border:1px solid var(--bord);border-radius:12px;background:var(--papier-clair);padding:13px 32px 13px 14px;max-width:260px;min-height:48px}
.agenda-filtres p{font:14px var(--sans);color:var(--encre-douce);margin-left:auto}
.evenements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;margin-top:12px;align-items:start}
.evenement{position:relative;min-width:0;border-bottom:1px solid var(--bord);padding-bottom:20px}
.evenement-visuel{position:relative;height:175px;overflow:hidden;border-radius:16px;background:var(--papier-creux)}
.evenement-visuel>img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}
.calendrier{position:absolute;left:14px;bottom:14px;min-width:55px;text-align:center;padding:8px 10px;background:var(--papier-clair);border-radius:10px;box-shadow:0 3px 14px #16263b12;color:var(--navy)}
.calendrier b{display:block;font:600 26px/1.05 var(--sans);font-variant-numeric:tabular-nums}
.calendrier span{display:block;font:500 12px/1.3 var(--sans);margin-top:4px;color:var(--rouge)}
.evenement-encours{position:absolute;right:12px;bottom:14px;background:var(--papier-clair);padding:7px 10px;border-radius:20px;font:13px var(--sans)}
.evenement-texte{padding:18px 3px 0}
.evenement-ville{display:flex;align-items:center;gap:5px;font:600 14px/1.5 var(--sans);color:var(--rouge)}
.evenement-ville svg{width:15px;height:15px;flex:none}
.evenement h4{margin:10px 0;font:500 23px/1.35 var(--serif);letter-spacing:-.015em;overflow-wrap:anywhere}
.evenement-quand{font:14px/1.6 var(--sans);color:var(--encre-douce)}
.evenement-details{font:14px/1.65 var(--sans);color:var(--encre-douce);margin-top:12px}
.evenement-details summary{cursor:pointer;min-height:44px;padding:11px 0;color:var(--navy)}
.evenement-details p{margin-top:10px}.evenement-details a{text-decoration:underline;text-underline-offset:3px}
.evenement-details>a{display:block;margin-top:10px}
.evenement-details a:hover{color:var(--rouge)}
.provenance{font-family:var(--sans);font-size:10px;line-height:1.65;color:var(--encre-douce);font-weight:500}
.provenance time{font-weight:400;margin-left:8px}
h4{font-family:var(--display);font-size:21px;font-weight:600;line-height:1.3;margin:8px 0}
h4 a>span:first-child{font-family:var(--sans);font-size:14px;color:var(--rouge)}
h4 a:hover{color:var(--rouge)}
.meta{font-family:var(--sans);font-size:10px;color:var(--encre-douce);margin-top:7px;line-height:1.65}
.meta a{text-decoration:underline}
.a-la-une{display:inline-block;font-family:var(--sans);font-size:9px;color:var(--rouge);text-transform:uppercase;letter-spacing:.08em;margin-top:9px}
.agenda-suite{text-align:center;margin:32px 0 44px}.agenda-suite:has(.agenda-plus[hidden]){display:none}
.agenda-plus{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 24px;border-radius:30px;background:var(--papier-clair);color:var(--navy);border:1px solid var(--navy);font:600 16px/1.5 var(--sans);cursor:pointer}
.agenda-plus:hover{background:var(--navy);color:var(--papier-clair)}.agenda-plus>span{font-size:22px;line-height:1}
.agenda-suite-note{font:14px var(--sans);margin-top:12px;color:var(--encre-douce)}
.agendas-officiels{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:center;padding:26px;background:var(--papier-creux);border-radius:18px;margin-top:34px}
.agendas-officiels h4{font:500 23px/1.3 var(--serif);margin:0 0 8px}.agendas-officiels p{font:14px/1.5 var(--sans);color:var(--encre-douce)}
.sources-agenda{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sources-agenda>a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--papier-clair);border:1px solid var(--bord);border-radius:12px;padding:18px;font:600 16px/1.4 var(--sans);min-height:86px}
.sources-agenda small{display:block;font:400 13px/1.5 var(--sans);margin-top:5px;color:var(--encre-douce)}
.sources-agenda a:hover,.medias a:hover{color:var(--rouge)}
.note-rubrique{font-size:13px;color:var(--encre-douce);margin-top:18px;line-height:1.8}
.agenda>.note-rubrique{max-width:780px;text-align:center;margin:15px auto 0}
.vide{font-family:var(--serif);color:var(--encre-douce);padding:24px 0;border-bottom:1px solid var(--bord)}
.presse{margin-top:65px}
.presse .rubrique-entete{border-top:1px solid var(--bord);padding-top:30px}
.presse .articles{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}
.article-presse{padding:20px 0;border-bottom:1px solid var(--bord)}
.media-point{display:inline-block;width:5px;height:5px;background:var(--rouge);border-radius:50%;margin-right:5px}
.medias{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}
.medias a{font-family:var(--sans);font-size:10px;border-bottom:1px solid var(--bord);padding-block:4px}

/* Le manifeste reprend le bandeau marine de la gazette. */
.pourquoi{background:var(--navy);color:var(--papier);padding-block:65px}
.pourquoi-interieur{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
.pourquoi .surtitre{color:#f09584}
.pourquoi h2{font-size:40px;margin-top:19px;color:var(--papier)}
.pourquoi-texte{font-size:17px;line-height:1.85;color:#d7dee9}
.pourquoi-texte p+p{margin-top:16px}
.pourquoi-texte strong{font-weight:600;color:var(--papier-clair)}
.lien{display:inline-flex;align-items:center;gap:20px;font-family:var(--sans);font-size:11px;font-weight:600;border-bottom:1px solid var(--bord);padding-bottom:5px;color:var(--rouge);margin-top:20px;text-transform:uppercase;letter-spacing:.08em}
.pourquoi .lien{color:var(--papier);border-color:#d7dee955}
.mot-fin{text-align:center;padding-top:55px;padding-bottom:60px}
.signature-finale{display:flex;justify-content:center}
.signature-finale .marque-nom{display:none}
.signature-finale .mono{width:48px;height:48px}
.mot-fin p{font-family:var(--display);font-size:32px;font-weight:600;line-height:1.3;margin-top:22px}
.pied{border-top:1px solid var(--bord);padding-block:35px;background:var(--papier-creux)}
.pied-interieur{display:flex;justify-content:space-between;align-items:center;gap:30px}
.pied-interieur p{font-size:13px;color:var(--encre-douce);margin-top:12px}
.pied-interieur nav{display:grid;gap:8px;font-size:13px}
.pied-interieur nav a:hover{color:var(--rouge)}
.pied-note{text-align:right;font-family:var(--sans);font-size:10px!important;text-transform:uppercase;letter-spacing:.08em}

@media(max-width:1080px){
  section.communes{gap:40px}
  svg.carte-svg{height:400px}
  .section-entete>p{max-width:310px}
  .pourquoi-interieur{gap:40px}
  .pourquoi h2{font-size:34px}
  .evenements,.presse .articles{grid-template-columns:repeat(2,1fr)}
  .agenda-filtres{gap:15px}.agenda-filtres p{margin-left:0}
}
@media(max-width:760px){
  section.communes{display:flex;flex-direction:column;gap:28px;padding-block:48px;align-items:stretch}
  .communes h2{font-size:39px}
  form.recherche,.carros-invitation{max-width:none}
  .carte{width:100%;padding:17px}
  svg.carte-svg{height:390px}
  .carte-mer{font-size:12px}
  .carte-haut{font-size:9px}
  .rendez-vous{padding-block:46px}
  .section-entete{display:block;margin-bottom:28px}
  .section-entete h2{font-size:37px}
  .section-entete>p{margin-top:18px;max-width:none;font-size:15px}
  .evenements,.presse .articles{grid-template-columns:1fr}
  h3{font-size:25px}h4{font-size:22px}
  .rubrique-entete{flex-wrap:wrap;align-items:start}
  .etiquette{font-size:8px}
  .agenda-filtres label{justify-content:space-between;width:100%}
  .agenda-filtres select{max-width:calc(100% - 65px);width:240px}
  .agenda-filtres p{width:100%;text-align:right}
  .agenda>.note-rubrique{text-align:left}.sources-agenda{justify-content:start}
  .presse{margin-top:38px}
  .pourquoi{padding-block:40px}
  .pourquoi-interieur{display:block}
  .pourquoi h2{font-size:33px}
  .pourquoi-texte{margin-top:25px;font-size:16px}
  .mot-fin{padding-block:40px}.mot-fin p{font-size:28px}
  .pied-interieur{flex-wrap:wrap;align-items:start;gap:28px}
  .pied-interieur>div{width:100%}.pied-note{text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Une seule composition pour le titre, le récit et le crieur, quelle que
   soit la largeur réelle de l'aperçu. Seuls les décors sortent de la grille. */
.entete-inner{height:84px;gap:24px}
.entete nav{gap:22px}
.entete nav a{font-size:10px;white-space:nowrap}
.entete-actions{margin-left:auto}
.entete .bouton{font-size:10px;padding:13px 15px}
.une{position:relative;isolation:isolate;overflow:hidden;padding-top:28px}
.une>.conteneur{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'manchette manchette' 'recit crieur';column-gap:40px;row-gap:24px;align-items:start}
.manchette{grid-area:manchette;position:relative;z-index:2;text-align:center;padding-right:clamp(80px,12vw,180px);min-width:0}
.manchette-kicker{font-size:10px;margin-bottom:15px}
.titre-journal{position:relative;display:inline-block;font-family:var(--display);font-size:clamp(66px,9.3vw,134px);font-weight:700;font-optical-sizing:auto;line-height:.95;letter-spacing:.05em;text-transform:uppercase}
.titre-journal .goutte{position:absolute;top:-.2em;right:-.015em;width:clamp(13px,1.9vw,26px);height:auto;color:var(--rouge);transform:rotate(20deg)}
.devise{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px}
.devise::before,.devise::after{content:'';height:1px;flex:0 1 80px;background:var(--bord)}
.devise span{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--encre-douce)}
.edition{position:absolute;left:var(--marge);top:45px;z-index:2;font-family:var(--sans);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--encre-douce)}
.edition b{display:block;font-family:var(--display);font-size:24px;color:var(--encre);margin-block:4px;letter-spacing:.02em}
.edition::after{content:'';display:block;width:26px;height:2px;background:var(--rouge);margin-top:10px}
.recit{grid-area:recit;position:relative;z-index:3;min-width:0;padding:24px 0 46px}
.recit-texte{width:100%;max-width:560px}
.recit .kicker{font-size:10px;line-height:1.6}
.recit h2{font-size:clamp(29px,2.7vw,39px);line-height:1.15;margin-top:12px;text-wrap:balance}
.recit-paragraphes{margin-top:22px}
.recit-paragraphes p{padding-left:17px;border-left:2px solid var(--rouge);font-size:16px;line-height:1.75;color:var(--encre-douce);max-width:49ch}
.recit-paragraphes p+p{margin-top:13px}
.recit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.recit-actions .bouton{font-size:10px;white-space:normal;text-align:center}
.crieur{grid-area:crieur;position:relative;display:grid;grid-template-columns:minmax(120px,.65fr) minmax(0,1.35fr);align-items:end;gap:5px;z-index:2;margin:0;align-self:end;min-width:0}
.crieur-portrait{grid-column:2;grid-row:1;position:relative;display:block;align-self:end}
.crieur img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 12px 22px #16263b22)}
.crieur-cercle{position:absolute;z-index:0;left:50%;top:30%;transform:translateX(-42%);width:78%;aspect-ratio:1;border-radius:50%;background:var(--rouge)}
.cartel{grid-column:1;grid-row:1;position:relative;z-index:2;align-self:end;margin-bottom:65px;padding:13px 14px;border:1px solid var(--bord);border-top:2px solid var(--rouge);background:rgba(251,247,241,.95);box-shadow:0 10px 24px -18px #16263b44}
.cartel-oeil{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--rouge);margin-bottom:7px}
.cartel b{display:block;font-family:var(--display);font-size:20px;font-weight:600;line-height:1.2}
.cartel-date{display:block;font-size:12px;font-style:italic;line-height:1.5;color:var(--encre-douce);margin-top:5px;padding-bottom:8px;border-bottom:1px solid var(--bord)}
.cartel p{font-size:12px;line-height:1.6;color:var(--encre-douce);margin-top:9px}
.placards,.une-carte,.mer,.triangle{position:absolute;pointer-events:none;z-index:0}
.placards{left:12%;top:4%;width:74%;height:auto;opacity:.28;mask-image:radial-gradient(120% 105% at 50% 48%,#000 32%,transparent 84%)}
.une-carte{right:-60px;top:10px;width:31%;height:auto;opacity:.72}
.mer{right:0;bottom:0;width:32%;height:auto;z-index:1}
.triangle{left:57%;right:17%;bottom:8%;height:130px;background:var(--navy);clip-path:polygon(0 0,100% 0,100% 100%);z-index:1}
.bandeau{background:var(--navy);color:#d7dee9}
.bandeau-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:28px}
.bandeau-item{display:flex;gap:16px;padding-inline:24px}
.bandeau-item+.bandeau-item{border-left:1px solid #ffffff22}
.bandeau-item svg{width:28px;height:28px;flex:none;color:var(--rouge-clair);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bandeau-item b{display:block;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.bandeau-item span{display:block;font-size:14px;line-height:1.65;margin-top:5px}
@media(max-width:1150px){
  .entete-inner{height:76px;gap:18px}.entete nav{gap:14px}.entete nav a{font-size:9px;letter-spacing:.06em}.entete-actions .bouton{display:none}
  .une>.conteneur{column-gap:25px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .edition{display:none}.manchette{padding-right:0}
  .crieur{display:block;max-width:330px;width:100%;justify-self:center}
  .crieur-portrait{width:100%}
  .cartel{margin:0 0 20px;padding:8px 10px;text-align:center;box-shadow:none}
  .cartel-oeil,.cartel p{display:none}.cartel b{font-size:17px}.cartel-date{border:0;padding:0;margin-top:2px;font-size:11px}
  .recit{padding-top:12px}.recit-paragraphes p{font-size:15px}
  .une-carte{right:0;width:34%}.triangle{left:60%;right:8%;height:90px}
  .bandeau-item{padding-inline:15px;gap:12px}.bandeau-item span{font-size:13px}
}
@media(max-width:800px){
  .entete nav{margin-left:auto}.entete nav a:nth-child(3){display:none}.entete-actions{margin-left:0}
  .entete-inner{gap:18px}.entete .marque-nom{font-size:19px}
  .une{padding-top:23px}.une>.conteneur{column-gap:18px;row-gap:20px}
  .titre-journal{font-size:clamp(62px,10.8vw,86px)}
  .devise span{font-size:8px;letter-spacing:.12em}.devise{gap:10px}.devise::before,.devise::after{flex-basis:35px}
  .recit h2{font-size:28px}.recit .kicker{font-size:9px;letter-spacing:.12em}
  .recit-paragraphes{margin-top:16px}.recit-paragraphes p{font-size:14px;line-height:1.7;padding-left:12px}
  .recit-actions{margin-top:18px;gap:8px}.recit-actions .bouton{padding:12px 13px;font-size:9px;letter-spacing:.08em}
  .crieur{align-self:center}.cartel{margin-bottom:8px}
  .bandeau-item{padding-inline:10px;gap:8px}.bandeau-item svg{width:20px;height:20px}.bandeau-item b{font-size:8px}.bandeau-item span{font-size:12px}
}
@media(max-width:640px){
  .entete-inner{height:66px;gap:12px}.entete .marque{gap:9px}.entete .marque-nom{font-size:17px;padding-left:10px}.entete .mono{width:33px;height:33px}
  .entete nav{display:flex;gap:12px}.entete nav a{font-size:9px;letter-spacing:0;text-transform:none}.entete nav a:nth-child(2){display:none}.entete .cloche{width:33px;height:33px}
  .une>.conteneur{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:'manchette manchette' 'introduction introduction' 'recit crieur' 'actions actions';gap:15px 12px;padding-bottom:25px}
  .manchette-kicker{font-size:8px;letter-spacing:.06em;margin-bottom:12px}.titre-journal{font-size:clamp(47px,11.5vw,73px)}.devise{margin-top:12px}.devise span{font-size:7px;line-height:1.65}.devise::before,.devise::after{flex-basis:20px}
  .recit,.recit-texte{display:contents}.recit .kicker{display:none}.recit h2{grid-area:introduction;margin:10px 0 0;font-size:clamp(25px,6.9vw,33px);text-align:left;text-wrap:initial}
  .recit-paragraphes{grid-area:recit;align-self:center;margin:0}.recit-paragraphes p{border:0;padding:0;font-size:14px;line-height:1.7}.recit-paragraphes p+p{display:none}
  .recit-actions{grid-area:actions;margin:0;justify-content:flex-start;gap:10px}.recit-actions .bouton{font-size:9px;min-height:44px;padding:11px 13px}
  .crieur{grid-area:crieur;align-self:end;max-width:245px}.cartel{border:0;background:none;padding:0;margin:0 0 5px}.cartel b{font-size:13px}.cartel-date{display:none}
  .crieur img{max-height:290px;object-fit:contain;object-position:bottom}.crieur-cercle{width:75%;top:32%}
  .placards{left:0;top:8%;width:100%;opacity:.16}.une-carte,.triangle,.mer{display:none}
  .bandeau-grille{grid-template-columns:1fr;padding-block:18px;gap:12px}.bandeau-item{align-items:center;padding:0;gap:12px}.bandeau-item+.bandeau-item{border-left:0;border-top:1px solid #ffffff22;padding-top:12px}.bandeau-item svg{width:22px;height:22px}.bandeau-item b{font-size:9px}.bandeau-item span{font-size:12px;margin-top:2px}
}

@media(max-width:760px){.agendas-officiels{grid-template-columns:1fr;padding:23px 18px;gap:20px}.sources-agenda{grid-template-columns:1fr}.agenda-filtres label{font-size:15px}.agenda-filtres select{font-size:16px;max-width:calc(100% - 64px)}.agenda-filtres p{font-size:14px;text-align:left}.evenement-visuel{height:180px}.evenements{gap:28px}.evenement h4{font-size:23px}.agenda-plus{font-size:15px;padding:14px 18px;gap:14px}.agenda .etiquette{font-size:12px}.agenda>.note-rubrique{font:14px/1.7 var(--sans)}.agendas-officiels .sources-agenda{justify-content:stretch}}

/* Des rendez-vous compacts, avec l'illustration comme repère. */
.evenements{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px}
.evenement{display:grid;grid-template-columns:94px minmax(0,1fr);gap:18px;padding:20px 0;align-items:start}
.evenement-visuel{height:112px;border-radius:15px;overflow:visible;background:transparent}
.evenement-visuel>img{height:82px;border-radius:15px;object-fit:cover}
.evenement .calendrier{position:static;display:flex;justify-content:center;align-items:baseline;gap:6px;width:auto;min-width:0;padding:8px 0 0;background:none;border:0;box-shadow:none;border-radius:0;color:var(--navy)}
.evenement .calendrier b{font:500 22px/1.1 var(--serif)}.evenement .calendrier span{font:13px var(--sans);text-transform:none;letter-spacing:0}
.evenement-texte{padding:1px 0 0}.evenement-ville{font-size:13px}.evenement h4{font:500 21px/1.3 var(--serif);margin:7px 0 8px}
.evenement h4 a{display:inline;text-decoration:underline;text-decoration-color:#b4b8ad;text-underline-offset:4px}.evenement h4 a:hover{text-decoration-color:var(--rouge)}
.evenement h4 .sr-only{position:absolute!important}.evenement-quand{font-size:13px}.evenement-details{font-size:13px;margin-top:7px}.evenement-details summary{min-height:36px;padding:7px 0;font-size:13px}
.evenement-encours{font-size:10px;right:3px;bottom:34px;padding:4px 6px}
.agenda-suite{margin:24px 0 32px}.agenda-plus{font-size:14px;padding:11px 20px;min-height:44px;border-color:var(--bord)}.agenda-suite-note{display:none}
.agendas-officiels{padding:22px;gap:20px}.agendas-officiels h4{font-size:21px}.sources-agenda>a{min-height:68px;font-size:15px;padding:14px 16px}.sources-agenda>a>span.sr-only{position:absolute}
@media(max-width:900px){.evenements{grid-template-columns:1fr}.evenement{grid-template-columns:100px minmax(0,1fr);padding-block:17px}.evenement-visuel{height:110px}}
@media(max-width:600px){.evenement{grid-template-columns:72px minmax(0,1fr);gap:15px;padding-block:17px}.evenement-visuel{height:96px}.evenement-visuel>img{height:65px;border-radius:13px}.evenement .calendrier b{font-size:21px}.evenement h4{font-size:20px}.evenement-ville{font-size:12px}.evenement-encours{bottom:32px;font-size:9px}.agenda-filtres{gap:10px;padding:12px 0}.agenda-filtres select{padding:10px 28px 10px 12px;min-height:44px}.agendas-officiels{padding:20px 17px}.evenements{gap:0}}
/* Chaque affiche appartient à sa fiche événement. */
.evenement{grid-template-columns:106px minmax(0,1fr)}.evenement-visuel{height:136px}.evenement-visuel.avec-affiche>img{height:105px;object-fit:contain;mix-blend-mode:normal;border-radius:10px;background:#eee7dc}.evenement-visuel.sans-affiche{height:105px;border:1px solid #d9caba;border-radius:13px;background:#ede6d8;display:grid;place-items:center}.evenement-visuel.sans-affiche .calendrier{position:static;display:flex;flex-direction:column;gap:0;background:transparent;padding:0}.evenement-visuel.sans-affiche .calendrier b{font-size:40px;line-height:1.2}.evenement-visuel.sans-affiche .calendrier span{font-size:14px}.evenement-visuel .evenement-encours{bottom:31px}.credit-affiche{font-size:11px!important}
@media(max-width:600px){.evenement{grid-template-columns:74px minmax(0,1fr)}.evenement-visuel{height:119px}.evenement-visuel.avec-affiche>img{height:88px}.evenement-visuel.sans-affiche{height:88px}.evenement-visuel.sans-affiche .calendrier b{font-size:33px}}

/* La revue de presse a sa propre manchette, après l’agenda. */
.presse{--sans:'Nunito Sans',Arial,sans-serif;margin-top:75px;padding-top:0;border-top:0;scroll-margin-top:105px}.presse-manchette{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--navy);color:var(--papier-clair);padding:36px 40px;border-radius:20px 20px 4px 4px;border-bottom:5px solid var(--rouge);margin-bottom:18px}.presse-surtitre{font:700 13px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.13em;color:#f0b4a5;margin:0 0 12px}.presse-manchette :is(h1,h3){font:500 clamp(36px,4.1vw,54px)/1.1 var(--serif);letter-spacing:-.025em;color:var(--papier-clair);margin:0 0 18px}.presse-manchette p:last-child:not(.presse-surtitre){font:16px/1.65 var(--sans);color:#eee2d2;max-width:55ch}.presse-dessin{width:105px;height:105px;flex:none;color:#edb4a4;transform:rotate(-7deg)}.presse .articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.presse .article-presse{padding:28px 8px 30px;border-bottom:1px solid #cfc1ad;min-width:0}.presse .provenance{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font:14px/1.5 var(--sans);margin:0 0 18px}.presse-media{display:inline-block;padding:6px 11px;background:#ece6d9;color:var(--navy);border-radius:7px;font-weight:800}.presse .provenance time{font-size:13px;margin:0;color:var(--encre-douce)}.presse .article-presse h4{font:600 28px/1.3 var(--serif);letter-spacing:-.012em;margin:0 0 17px}.presse .article-presse h4 a{display:block;color:var(--navy);text-decoration:underline;text-decoration-color:#d2c6b4;text-decoration-thickness:1px;text-underline-offset:5px}.presse .article-presse h4 a:hover{color:var(--rouge);text-decoration-color:var(--rouge)}.presse .meta{font:12px/1.6 var(--sans);color:var(--encre-douce)}.presse .medias{gap:10px;margin-top:28px}.presse .medias a{font:600 14px/1.5 var(--sans);border:1px solid var(--bord);padding:11px 16px;border-radius:25px;background:#fffaf2}.presse .note-rubrique{font:13px/1.7 var(--sans);margin-top:22px;text-align:left;max-width:75ch}
@media(max-width:600px){.presse{margin-top:55px}.presse-manchette{padding:27px 22px;gap:10px;align-items:start;border-radius:16px 16px 4px 4px}.presse-manchette :is(h1,h3){font-size:37px;max-width:10ch}.presse-manchette p:last-child:not(.presse-surtitre){font-size:15px}.presse-dessin{width:44px;height:44px;margin-top:3px}.presse-surtitre{font-size:12px;letter-spacing:.08em}.presse .articles{grid-template-columns:1fr;gap:0}.presse .article-presse{padding:27px 0}.presse .article-presse h4{font-size:27px;line-height:1.3}.presse .provenance{font-size:13px;gap:8px}.presse-media{padding:6px 10px}.presse .medias a{font-size:13px;padding:10px 13px}}

/* La page de la presse : la manchette de la une, puis les titres de la semaine jour par jour. */
.page-presse{padding-block:40px 70px}
.page-presse .presse{margin-top:0}
.page-presse .medias{margin:0 0 10px}
.presse-jour{margin-top:38px}
.presse-jour h2{font:500 26px/1.3 var(--serif);color:var(--navy);padding-bottom:10px;border-bottom:2px solid var(--navy)}
.presse-tout{margin-top:6px}
@media(max-width:760px){.page-presse{padding-block:24px 50px}.presse-jour{margin-top:28px}.presse-jour h2{font-size:22px}}