/*
Theme Name:   Ça Va Mieux
Theme URI:    https://feelingbettertoday.com
Description:  Carnet français de bien-être du quotidien classé par ressenti du moment (coup de fatigue, stress, sommeil agité, moral en berne, tensions, écrans, journée surchargée, besoin de souffler). Thème enfant GeneratePress. Prototype « Météo intérieure » : huit ciels en CSS pur, bulletin Ressenti / Durée / Moment, bande du soir. Piazzolla + Rethink Sans ; lavande d'orage, brume lavande, bleu du soir.
Author:       Ça Va Mieux
Template:     generatepress
Version:      1.0.0
Text Domain:  feelingbettertoday-fr
*/

/* ============================================================
   ÇA VA MIEUX - SYSTÈME DE DESIGN
   Prototype « Météo intérieure ». Trois signatures en CSS pur :
   1. Huit ciels (un par ressenti) : dégradé de ciel + une forme simple
      (brume = bandes floues, vent = arcs, nuit = croissant, pluie = traits
      obliques, temps lourd = nuage bas, soleil voilé = disque flou,
      ciel chargé = cumulus, éclaircie = soleil et petit nuage).
      Aucune police d'icônes, aucun emoji, aucune image décorative.
   2. Rond de ciel : petite pastille ronde aux couleurs de la rubrique,
      posée en haut à gauche des vignettes, dans le menu de pied, sur les billets.
   3. Bulletin : bande Ressenti / Durée / Moment des billets, et tête des
      pages fixes façon bulletin de prévision.
   Formes : cartes et images 14px ; boutons en pilule ; ronds de ciel 50 %.
   Accent unique : lavande d'orage. MOTION≈1 (survol CSS + barre de lecture).
   ============================================================ */

:root{
  --brume:#ECEAF6;          /* fond de page : brume lavande très pâle */
  --papier:#FAF9FD;         /* surfaces claires */
  --lavande-pale:#DCDAEC;   /* bandes teintées */
  --lavande:#736EA6;        /* accent : lavande d'orage (aplats, boutons, ronds) */
  --lavande-fonce:#5A5590;  /* liens / texte accent sur clair (AA) */
  --soir:#29293D;           /* texte + bandes sombres (bleu du soir) */
  --soir-2:#3A3A55;         /* haut du dégradé du soir */
  --doux:#5C5A70;           /* texte secondaire (AA sur brume) */
  --filet:#D3D0E4;
  --sur-soir:#EAE8F4;
  --sur-soir-doux:#B2AFC8;
  --vigilance:#E2B93B;      /* réservé à la page Avertissement santé et au rappel santé */

  --font-titre:'Piazzolla', 'Georgia', serif;
  --font-texte:'Rethink Sans', 'Verdana', sans-serif;

  --r:14px;
  --pilule:999px;
  --wrap:1200px;
  --h-mast:76px;
  --h-nav:48px;
}

/* ---------- les huit ciels : couleurs ---------- */
.cvm-c--defaut,               .cvm-ciel{ --c1:#B9B6CF; --c2:#E4E2EF; --f:#FAF9FD; }
.cvm-c--coup-de-fatigue{      --c1:#A9ABBF; --c2:#DCDBE6; --f:#FFFFFF; }
.cvm-c--stress-du-quotidien{  --c1:#93A9C4; --c2:#D7DEEA; --f:#FAF9FD; }
.cvm-c--sommeil-agite{        --c1:#29293D; --c2:#4F4D78; --f:#F2EBCF; }
.cvm-c--moral-en-berne{       --c1:#878DA3; --c2:#BCC0CE; --f:#EEF0F6; }
.cvm-c--tensions-du-corps{    --c1:#6F6886; --c2:#C9B8B2; --f:#55506A; }
.cvm-c--trop-d-ecrans{        --c1:#D3CDE3; --c2:#F0E5D5; --f:#FBF3DF; }
.cvm-c--journee-surchargee{   --c1:#A3B9D3; --c2:#E2E8F1; --f:#FFFFFF; }
.cvm-c--besoin-de-souffler{   --c1:#86AED2; --c2:#E5EDF5; --f:#F3D47F; }

/* ============================================================ BASE */
html{ scroll-behavior:smooth; }
body{
  margin:0; background:var(--brume); color:var(--soir);
  font-family:var(--font-texte); font-size:18px; line-height:1.68;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--lavande-fonce); text-underline-offset:3px; }
a:hover{ color:var(--soir); }
h1,h2,h3,h4,h5{ font-family:var(--font-titre); color:var(--soir); line-height:1.15; letter-spacing:-.005em; margin:0 0 .5em; font-weight:600; }
p{ margin:0 0 1em; }
.screen-reader-text{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
:focus-visible{ outline:3px solid var(--lavande); outline-offset:2px; }

.cvm-wrap{ max-width:var(--wrap); margin:0 auto; padding:0 24px; box-sizing:border-box; }
.cvm-main{ display:block; }
.site-content, .site-main{ margin:0; padding:0; }

/* barre de lecture : CSS scroll-driven, invisible sans support */
.cvm-progress{ position:fixed; top:0; left:0; right:0; height:3px; z-index:1000; pointer-events:none; background:linear-gradient(90deg, var(--lavande), #86AED2); transform-origin:0 50%; transform:scaleX(0); }
@supports (animation-timeline: scroll()){
  .cvm-progress{ animation:cvm-lire linear both; animation-timeline:scroll(root); }
  @keyframes cvm-lire{ to{ transform:scaleX(1); } }
}
@supports not (animation-timeline: scroll()){ .cvm-progress{ display:none; } }

/* boutons (pilules) */
.cvm-btn{
  display:inline-block; padding:12px 24px; border-radius:var(--pilule);
  background:var(--lavande); color:#FFFFFF; text-decoration:none;
  font-family:var(--font-texte); font-weight:600; font-size:1rem; line-height:1.2; white-space:nowrap;
  border:0; cursor:pointer; transition:background .2s ease, transform .2s ease;
}
.cvm-btn:hover{ background:var(--soir); color:#FFFFFF; }
.cvm-btn:active{ transform:translateY(1px); }
.cvm-btn.ligne{ background:transparent; color:var(--soir); box-shadow:inset 0 0 0 2px var(--soir); }
.cvm-btn.ligne:hover{ background:var(--soir); color:var(--papier); }

/* méta des cartes : données réelles uniquement */
.cvm-meta{ display:flex; flex-wrap:wrap; gap:4px 14px; font-size:.84rem; color:var(--doux); line-height:1.4; }
.cvm-meta b{ font-weight:600; color:var(--lavande-fonce); }
.cvm-meta.sur-soir{ color:var(--sur-soir-doux); }
.cvm-meta.sur-soir b{ color:var(--sur-soir); }

/* ============================================================ CIEL (signature 1) */
.cvm-ciel{
  position:relative; display:block; overflow:hidden; width:100%; height:100%;
  background:linear-gradient(180deg, var(--c1) 0%, var(--c2) 100%);
}
.cvm-ciel::before, .cvm-ciel::after, .cvm-ciel i{ content:""; position:absolute; display:block; }
.cvm-ciel i{ font-style:normal; }

/* défaut / ciel couvert : deux nuages plats */
.cvm-ciel::before{ left:14%; top:34%; width:46%; height:22%; border-radius:var(--pilule); background:var(--f); opacity:.75; }
.cvm-ciel::after{ left:44%; top:52%; width:40%; height:18%; border-radius:var(--pilule); background:var(--f); opacity:.55; }

/* brume : bandes horizontales floues */
.cvm-c--coup-de-fatigue.cvm-ciel::before{ left:-10%; top:38%; width:90%; height:12%; border-radius:var(--pilule); background:var(--f); opacity:.8; filter:blur(6px); }
.cvm-c--coup-de-fatigue.cvm-ciel::after{ left:22%; top:58%; width:95%; height:10%; border-radius:var(--pilule); background:var(--f); opacity:.7; filter:blur(7px); }
.cvm-c--coup-de-fatigue.cvm-ciel i{ left:5%; top:74%; width:70%; height:9%; border-radius:var(--pilule); background:var(--f); opacity:.6; filter:blur(8px); }

/* vent : trois arcs */
.cvm-c--stress-du-quotidien.cvm-ciel::before{ left:12%; top:26%; width:56%; height:46%; border-radius:50%; border:3px solid var(--f); border-color:var(--f) transparent transparent transparent; background:none; opacity:.95; transform:rotate(-8deg); }
.cvm-c--stress-du-quotidien.cvm-ciel::after{ left:34%; top:46%; width:52%; height:40%; border-radius:50%; border:3px solid var(--f); border-color:var(--f) transparent transparent transparent; background:none; opacity:.8; transform:rotate(-8deg); }
.cvm-c--stress-du-quotidien.cvm-ciel i{ left:4%; top:58%; width:36%; height:30%; border-radius:50%; border:3px solid var(--f); border-color:var(--f) transparent transparent transparent; opacity:.65; transform:rotate(-8deg); }

/* nuit blanche : croissant de lune + quelques étoiles */
.cvm-c--sommeil-agite.cvm-ciel::before{ left:auto; right:22%; top:22%; width:46px; height:46px; border-radius:50%; background:transparent; box-shadow:-12px 8px 0 0 var(--f); opacity:1; }
.cvm-c--sommeil-agite.cvm-ciel::after{ left:16%; top:30%; width:3px; height:3px; border-radius:50%; background:var(--f); opacity:.9; box-shadow:40px 30px 0 var(--f), 90px -6px 0 var(--f), 22px 60px 0 rgba(242,235,207,.6), 130px 52px 0 rgba(242,235,207,.7); }
.cvm-c--sommeil-agite.cvm-ciel i{ display:none; }

/* pluie fine : traits obliques */
.cvm-c--moral-en-berne.cvm-ciel::before{ left:0; top:0; width:100%; height:100%; border-radius:0; opacity:.55;
  background:repeating-linear-gradient(105deg, transparent 0 14px, var(--f) 14px 15.5px, transparent 15.5px 30px);
  -webkit-mask:linear-gradient(180deg, transparent 0 22%, #000 40%, #000 100%); mask:linear-gradient(180deg, transparent 0 22%, #000 40%, #000 100%); }
.cvm-c--moral-en-berne.cvm-ciel::after{ left:8%; top:10%; width:84%; height:22%; border-radius:var(--pilule); background:#A7ACBD; opacity:.9; }

/* temps lourd : nuage bas, sombre et large */
.cvm-c--tensions-du-corps.cvm-ciel::before{ left:-6%; top:12%; width:112%; height:34%; border-radius:0 0 50% 50%; background:var(--f); opacity:.85; }
.cvm-c--tensions-du-corps.cvm-ciel::after{ left:24%; top:30%; width:42%; height:26%; border-radius:50%; background:var(--f); opacity:.7; }

/* soleil voilé : disque flou derrière un voile */
.cvm-c--trop-d-ecrans.cvm-ciel::before{ left:auto; right:20%; top:20%; width:62px; height:62px; border-radius:50%; background:var(--f); opacity:1; box-shadow:0 0 28px 12px rgba(251,243,223,.8); }
.cvm-c--trop-d-ecrans.cvm-ciel::after{ left:-5%; top:44%; width:110%; height:20%; border-radius:var(--pilule); background:#E6DEEA; opacity:.85; filter:blur(5px); }

/* ciel chargé : cumulus empilés */
.cvm-c--journee-surchargee.cvm-ciel::before{ left:10%; top:46%; width:34%; height:30%; border-radius:var(--pilule); background:var(--f); opacity:.95; box-shadow:26px -18px 0 4px var(--f), 70px -4px 0 0 var(--f); }
.cvm-c--journee-surchargee.cvm-ciel::after{ left:56%; top:24%; width:30%; height:24%; border-radius:var(--pilule); background:var(--f); opacity:.85; box-shadow:18px -12px 0 2px var(--f); }
.cvm-c--journee-surchargee.cvm-ciel i{ left:40%; top:68%; width:44%; height:20%; border-radius:var(--pilule); background:var(--f); opacity:.75; }

/* éclaircie : soleil net et petit nuage qui s'en va */
.cvm-c--besoin-de-souffler.cvm-ciel::before{ left:auto; right:24%; top:18%; width:54px; height:54px; border-radius:50%; background:var(--f); opacity:1; }
.cvm-c--besoin-de-souffler.cvm-ciel::after{ left:auto; right:6%; top:52%; width:22%; height:16%; border-radius:var(--pilule); background:#FFFFFF; opacity:.95; box-shadow:-14px 4px 0 -2px #FFFFFF, 10px -8px 0 -1px #FFFFFF; }

/* ============================================================ ROND DE CIEL (signature 2) */
.cvm-point{
  display:inline-block; flex:none; width:14px; height:14px; border-radius:50%;
  background:linear-gradient(180deg, var(--c1, #B9B6CF) 0%, var(--c2, #E4E2EF) 100%);
  box-shadow:0 0 0 2px var(--papier);
  vertical-align:-2px;
}

/* emplacement d'image vide : le ciel de la rubrique, en grand */
.cvm-ph{ display:block; width:100%; height:100%; min-height:160px; background:linear-gradient(180deg, var(--c1, #B9B6CF) 0%, var(--c2, #E4E2EF) 100%); }

/* ============================================================ EN-TÊTE */
.cvm-mast{ background:var(--papier); border-bottom:1px solid var(--filet); }
.cvm-mast-in{
  max-width:var(--wrap); margin:0 auto; padding:0 24px; box-sizing:border-box;
  height:var(--h-mast); display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.cvm-np{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--soir); min-width:0; }
.cvm-np:hover{ color:var(--soir); }
.cvm-np-marque{
  flex:none; width:30px; height:30px; border-radius:50%;
  background:linear-gradient(180deg, var(--soir-2) 0%, var(--lavande) 55%, #E8D9C9 100%);
  box-shadow:inset 0 -5px 0 0 rgba(250,249,253,.55);
}
.cvm-np-txt{ display:flex; flex-direction:column; min-width:0; }
.cvm-np-nom{ font-family:var(--font-titre); font-weight:600; font-size:1.6rem; line-height:1.05; }
.cvm-np-tag{ font-size:.82rem; color:var(--doux); line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cvm-mast-lien{ flex:none; font-size:.95rem; font-weight:600; color:var(--lavande-fonce); text-decoration:none; padding:8px 16px; border-radius:var(--pilule); box-shadow:inset 0 0 0 1.5px var(--filet); }
.cvm-mast-lien:hover{ box-shadow:inset 0 0 0 1.5px var(--lavande); color:var(--soir); }

.cvm-nav{ background:var(--papier); border-bottom:1px solid var(--filet); }
.cvm-nav-in{ max-width:var(--wrap); margin:0 auto; padding:0 24px; box-sizing:border-box; height:var(--h-nav); }
.cvm-nav-menu{ list-style:none; margin:0; padding:0; height:100%; display:flex; align-items:stretch; gap:4px; overflow-x:auto; scrollbar-width:none; white-space:nowrap; }
.cvm-nav-menu::-webkit-scrollbar{ display:none; }
.cvm-nav-menu li{ display:flex; margin:0; }
.cvm-nav-menu a{ display:flex; align-items:center; padding:0 14px; font-size:.95rem; font-weight:500; color:var(--soir); text-decoration:none; border-bottom:3px solid transparent; }
.cvm-nav-menu a:hover{ color:var(--lavande-fonce); border-bottom-color:var(--filet); }
.cvm-nav-menu .current-menu-item > a, .cvm-nav-menu .current-cat > a{ border-bottom-color:var(--lavande); color:var(--lavande-fonce); }

/* ============================================================ ACCUEIL */
.cvm-sec{ padding:80px 0; }
.cvm-sec-tete{ max-width:720px; margin:0 0 36px; }
.cvm-sec-tete h2{ font-size:clamp(1.8rem, 3vw, 2.4rem); }
.cvm-sec-tete p{ color:var(--doux); margin:0; }

/* 1. Bandeau */
.cvm-hero{ padding:64px 0 72px; }
.cvm-hero-in{ display:grid; grid-template-columns:5fr 7fr; gap:56px; align-items:center; }
.cvm-hero-txt h1{ font-size:clamp(2.2rem, 4.2vw, 3.4rem); line-height:1.08; font-weight:500; margin-bottom:20px; }
.cvm-hero-txt p{ font-size:1.12rem; color:var(--doux); max-width:34ch; margin-bottom:28px; }
.cvm-hero-fig{ margin:0; }
.cvm-hero-img{ display:block; border-radius:var(--r); overflow:hidden; aspect-ratio:4/3; background:var(--lavande-pale); }
.cvm-hero-img img, .cvm-hero-img .cvm-ph{ width:100%; height:100%; object-fit:cover; }
.cvm-hero-fig figcaption{ display:flex; align-items:flex-start; gap:12px; margin-top:14px; font-size:.95rem; line-height:1.4; }
.cvm-hero-fig figcaption .cvm-point{ margin-top:3px; }
.cvm-hero-fig figcaption b{ display:block; font-size:.8rem; font-weight:600; color:var(--doux); }
.cvm-hero-fig figcaption a{ color:var(--soir); text-decoration:none; font-family:var(--font-titre); font-size:1.12rem; }
.cvm-hero-fig figcaption a:hover{ color:var(--lavande-fonce); }

/* 2. Comment ça va : huit ciels */
.cvm-choix{ background:var(--papier); padding:80px 0; border-top:1px solid var(--filet); border-bottom:1px solid var(--filet); }
.cvm-ciels{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; }
.cvm-cc{
  display:flex; flex-direction:column; text-decoration:none; color:var(--soir);
  background:var(--brume); border-radius:var(--r); overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.cvm-cc:hover{ transform:translateY(-3px); box-shadow:0 14px 30px -18px rgba(41,41,61,.45); color:var(--soir); }
.cvm-cc-ciel{ position:relative; display:block; height:118px; }
.cvm-cc-meteo{
  position:absolute; left:14px; bottom:10px; font-family:var(--font-titre); font-style:italic; font-size:.92rem;
  color:var(--soir); background:rgba(250,249,253,.82); padding:2px 10px; border-radius:var(--pilule);
}
.cvm-cc-corps{ display:block; padding:16px 16px 12px; }
.cvm-cc-corps strong{ display:block; font-family:var(--font-titre); font-weight:600; font-size:1.22rem; line-height:1.2; margin-bottom:4px; }
.cvm-cc-corps em{ display:block; font-style:normal; font-size:.86rem; color:var(--doux); line-height:1.4; min-height:2.8em; }
.cvm-cc-img{ display:block; margin:4px 16px 0; border-radius:10px; overflow:hidden; aspect-ratio:16/10; background:var(--lavande-pale); }
.cvm-cc-img img, .cvm-cc-img .cvm-ph{ width:100%; height:100%; object-fit:cover; min-height:0; }
.cvm-cc-dernier{ display:block; padding:10px 16px 16px; font-size:.84rem; line-height:1.4; color:var(--doux); }

/* cartes d'article (mosaïque, grille, archives, liés) */
.cvm-carte{ display:flex; flex-direction:column; text-decoration:none; color:var(--soir); min-width:0; }
.cvm-carte:hover{ color:var(--soir); }
.cvm-carte-img{ position:relative; display:block; border-radius:var(--r); overflow:hidden; aspect-ratio:4/3; background:var(--lavande-pale); }
.cvm-carte-img img, .cvm-carte-img .cvm-ph{ width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.cvm-carte:hover .cvm-carte-img img{ transform:scale(1.03); }
.cvm-carte-img .cvm-point{ position:absolute; top:12px; left:12px; width:16px; height:16px; box-shadow:0 0 0 3px rgba(250,249,253,.9); }
.cvm-carte-b{ display:block; padding:14px 2px 0; }
.cvm-carte-titre{ display:block; font-family:var(--font-titre); font-weight:600; font-size:1.18rem; line-height:1.25; margin-bottom:8px; }
.cvm-carte:hover .cvm-carte-titre{ color:var(--lavande-fonce); }
.cvm-carte-ext{ display:block; font-size:.95rem; color:var(--doux); line-height:1.5; margin-bottom:10px; }

/* 3. Mosaïque : grande 2x2, haute 1x2, deux simples, large 2x1, deux simples */
.cvm-mosaique{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); grid-auto-flow:dense; gap:36px 24px; }
.cvm-mosaique .grande{ grid-column:span 2; grid-row:span 2; }
.cvm-mosaique .grande .cvm-carte-img{ aspect-ratio:auto; flex:1; min-height:360px; }
.cvm-mosaique .grande .cvm-carte-titre{ font-size:1.6rem; }
.cvm-mosaique .haute{ grid-row:span 2; }
.cvm-mosaique .haute .cvm-carte-img{ aspect-ratio:auto; flex:1; min-height:360px; }
.cvm-mosaique .large{ grid-column:span 2; }
.cvm-mosaique .large .cvm-carte-img{ aspect-ratio:2/1; }

/* 4. Bande du soir (sombre) */
.cvm-soir{
  padding:88px 0; color:var(--sur-soir);
  background:linear-gradient(180deg, var(--soir-2) 0%, var(--soir) 62%);
  position:relative;
}
.cvm-soir::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:linear-gradient(90deg, #86AED2, var(--lavande), #E8D9C9); opacity:.7; }
.cvm-soir-in{ display:grid; grid-template-columns:7fr 5fr; gap:56px; align-items:center; }
.cvm-soir-img{ display:block; border-radius:var(--r); overflow:hidden; aspect-ratio:3/2; }
.cvm-soir-img img, .cvm-soir-img .cvm-ph{ width:100%; height:100%; object-fit:cover; }
.cvm-soir-txt h2{ font-size:1rem; font-family:var(--font-texte); font-weight:600; color:var(--sur-soir-doux); margin-bottom:14px; }
.cvm-soir-txt h3{ font-size:clamp(1.6rem, 2.6vw, 2.1rem); line-height:1.2; margin-bottom:14px; }
.cvm-soir-txt h3 a{ color:var(--sur-soir); text-decoration:none; }
.cvm-soir-txt h3 a:hover{ color:#FFFFFF; text-decoration:underline; }
.cvm-soir-txt p{ color:var(--sur-soir-doux); }
.cvm-soir-txt blockquote{ margin:28px 0 0; padding:18px 0 0; border-top:1px solid rgba(234,232,244,.2); font-family:var(--font-titre); font-style:italic; font-size:1.2rem; line-height:1.45; color:var(--sur-soir); }

/* 5. Grille 4 colonnes */
.cvm-grille{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:36px 24px; }
.cvm-plus{ margin-top:44px; }

/* 6. Auteur + promesses */
.cvm-auteur{ background:var(--papier); border-top:1px solid var(--filet); }
.cvm-auteur-in{ display:grid; grid-template-columns:4fr 5fr 3fr; gap:48px; align-items:start; }
.cvm-auteur-fig{ margin:0; }
.cvm-auteur-fig img{ border-radius:var(--r); aspect-ratio:4/5; object-fit:cover; width:100%; }
.cvm-auteur-fig figcaption{ margin-top:10px; font-size:.84rem; color:var(--doux); }
.cvm-auteur-txt h2{ font-size:clamp(1.8rem, 3vw, 2.3rem); }
.cvm-auteur-txt p{ color:var(--doux); }
.cvm-auteur-txt .cvm-btn{ margin-top:6px; }
.cvm-promesses h3{ font-size:1.15rem; margin-bottom:14px; }
.cvm-promesses ul{ list-style:none; margin:0; padding:0; }
.cvm-promesses li{ padding:14px 0; border-top:1px solid var(--filet); font-size:.92rem; line-height:1.45; }
.cvm-promesses strong{ display:block; font-weight:600; margin-bottom:2px; }
.cvm-promesses span{ display:block; color:var(--doux); margin-bottom:6px; }
.cvm-promesses a{ font-weight:600; font-size:.88rem; }

/* fenêtre dessinée (auteur sans image) */
.cvm-fenetre{
  position:relative; aspect-ratio:4/5; border-radius:var(--r) var(--r) 6px 6px; overflow:hidden;
  background:#E9E5DE; box-shadow:inset 0 0 0 14px #F4F2EE, inset 0 0 0 16px var(--filet);
}
.cvm-fenetre-ciel{ position:absolute; inset:16px 16px 52px; border-radius:6px; background:linear-gradient(180deg, #86AED2 0%, #C7D3E6 48%, #EFE3D6 100%); }
.cvm-fenetre-ciel::before{ content:""; position:absolute; left:18%; top:24%; width:38%; height:9%; border-radius:var(--pilule); background:#FFFFFF; opacity:.85; box-shadow:44px 28px 0 -2px rgba(255,255,255,.7); }
.cvm-fenetre-ciel::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:22%; background:linear-gradient(180deg, #8D9A8A, #6E7A6C); clip-path:polygon(0 60%, 14% 30%, 28% 52%, 44% 18%, 60% 46%, 76% 26%, 100% 50%, 100% 100%, 0 100%); }
.cvm-fenetre-croisee{ position:absolute; inset:16px 16px 52px; }
.cvm-fenetre-croisee::before{ content:""; position:absolute; left:calc(50% - 4px); top:0; bottom:0; width:8px; background:#F4F2EE; }
.cvm-fenetre-croisee::after{ content:""; position:absolute; top:calc(42% - 4px); left:0; right:0; height:8px; background:#F4F2EE; }
.cvm-fenetre-appui{ position:absolute; left:0; right:0; bottom:0; height:52px; background:#D9D3C8; }
.cvm-fenetre-appui::before{ content:""; position:absolute; left:18%; bottom:22px; width:34px; height:44px; border-radius:4px 4px 8px 8px; background:rgba(255,255,255,.55); box-shadow:inset 0 -18px 0 rgba(134,174,210,.45); }

/* 7. Bande « par ressenti » */
.cvm-bande{ background:var(--lavande-pale); padding:56px 0 64px; }
.cvm-bande h2{ font-size:1.5rem; margin-bottom:22px; }
.cvm-bande-liste{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(8, minmax(0, 1fr)); gap:14px; }
.cvm-bande-liste li{ margin:0; }
.cvm-bande-liste a{ display:block; text-decoration:none; color:var(--soir); }
.cvm-bande-img{ display:block; aspect-ratio:1/1; border-radius:var(--r); overflow:hidden; background:var(--brume); }
.cvm-bande-img img, .cvm-bande-img .cvm-ph{ width:100%; height:100%; object-fit:cover; min-height:0; }
.cvm-bande-nom{ display:flex; align-items:center; gap:8px; margin-top:8px; font-size:.92rem; font-weight:600; }
.cvm-bande-liste a:hover .cvm-bande-nom{ color:var(--lavande-fonce); }

/* ============================================================ BILLET */
.cvm-article{ max-width:780px; margin:0 auto; padding:56px 24px 28px; box-sizing:border-box; }
.cvm-ariane{ font-size:.86rem; color:var(--doux); margin-bottom:22px; }
.cvm-ariane a{ color:var(--doux); }
.cvm-pastille{
  display:inline-flex; align-items:center; gap:8px; padding:6px 14px 6px 8px; border-radius:var(--pilule);
  background:var(--papier); box-shadow:inset 0 0 0 1px var(--filet); font-size:.9rem; font-weight:600; color:var(--soir); text-decoration:none;
}
.cvm-pastille:hover{ box-shadow:inset 0 0 0 1.5px var(--lavande); color:var(--lavande-fonce); }
.cvm-article h1{ font-size:clamp(2rem, 4vw, 3rem); line-height:1.12; font-weight:500; margin:18px 0 18px; }
.cvm-article-meta{ display:flex; flex-wrap:wrap; gap:6px 20px; font-size:.92rem; color:var(--doux); }
.cvm-article-meta strong{ color:var(--soir); font-weight:600; }

/* bulletin Ressenti / Durée / Moment (signature 3) */
.cvm-bulletin{
  display:flex; flex-wrap:wrap; margin:26px 0 0; padding:0; border-radius:var(--r); overflow:hidden;
  background:var(--papier); box-shadow:inset 0 0 0 1px var(--filet);
}
.cvm-bulletin::before{ content:""; flex:0 0 100%; height:5px; background:linear-gradient(90deg, #86AED2, var(--lavande), #E8D9C9); }
.cvm-bulletin div{ flex:1 1 160px; padding:14px 18px; border-left:1px solid var(--filet); }
.cvm-bulletin div:first-of-type{ border-left:0; }
.cvm-bulletin dt{ font-size:.78rem; font-weight:600; color:var(--doux); margin:0 0 2px; }
.cvm-bulletin dd{ margin:0; font-family:var(--font-titre); font-size:1.08rem; line-height:1.3; color:var(--soir); }

.cvm-couv{ max-width:1080px; margin:20px auto 0; padding:0 24px; box-sizing:border-box; }
.cvm-couv img{ width:100%; border-radius:var(--r); aspect-ratio:16/9; object-fit:cover; }
.cvm-corps{ max-width:720px; margin:0 auto; padding:40px 24px 8px; box-sizing:border-box; font-size:1.08rem; }
.cvm-corps h2{ font-size:1.7rem; margin:1.8em 0 .55em; }
.cvm-corps h3{ font-size:1.32rem; margin:1.5em 0 .5em; }
.cvm-corps ul, .cvm-corps ol{ padding-left:1.3em; margin:0 0 1.2em; }
.cvm-corps li{ margin-bottom:.4em; }
.cvm-corps blockquote{ margin:1.6em 0; padding:4px 0 4px 22px; border-left:3px solid var(--lavande); font-family:var(--font-titre); font-style:italic; font-size:1.2rem; color:var(--soir); }
.cvm-corps img{ border-radius:var(--r); }
.cvm-corps a{ color:var(--lavande-fonce); }
.ftc-disclosure{ margin:0 0 28px; padding:14px 18px; border-radius:var(--r); background:var(--papier); box-shadow:inset 0 0 0 1px var(--filet); font-size:.92rem; color:var(--doux); }
.ftc-disclosure p{ margin:0; }

.cvm-rappel{ max-width:720px; margin:16px auto 0; padding:0 24px; box-sizing:border-box; }
.cvm-rappel p{ margin:0; padding:14px 18px; border-radius:var(--r); background:#FBF4DE; box-shadow:inset 4px 0 0 var(--vigilance); font-size:.92rem; line-height:1.5; color:var(--soir); }

.cvm-bio{ max-width:720px; margin:40px auto 0; padding:24px; box-sizing:border-box; display:grid; grid-template-columns:92px minmax(0, 1fr); gap:22px; align-items:start; background:var(--papier); border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--filet); }
.cvm-bio-fen .cvm-fenetre{ box-shadow:inset 0 0 0 6px #F4F2EE, inset 0 0 0 7px var(--filet); border-radius:10px 10px 4px 4px; }
.cvm-bio-fen .cvm-fenetre-ciel, .cvm-bio-fen .cvm-fenetre-croisee{ inset:7px 7px 22px; }
.cvm-bio-fen .cvm-fenetre-appui{ height:22px; }
.cvm-bio-fen .cvm-fenetre-appui::before{ display:none; }
.cvm-bio-fen .cvm-fenetre-croisee::before{ width:4px; left:calc(50% - 2px); }
.cvm-bio-fen .cvm-fenetre-croisee::after{ height:4px; }
.cvm-bio-nom{ font-size:1.25rem; margin-bottom:6px; }
.cvm-bio p{ font-size:.95rem; color:var(--doux); margin-bottom:8px; }
.cvm-bio a{ font-weight:600; font-size:.92rem; }

.cvm-lies{ max-width:var(--wrap); margin:0 auto; padding:72px 24px 88px; box-sizing:border-box; }
.cvm-lies h2{ font-size:1.6rem; margin-bottom:24px; }
.cvm-lies-grid{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px; }
.cvm-lies-grid .cvm-carte:first-child .cvm-carte-img{ aspect-ratio:16/10; }

/* ============================================================ ARCHIVES */
.cvm-arch-tete{ background:var(--papier); border-bottom:1px solid var(--filet); }
.cvm-arch-ciel{ position:relative; height:150px; }
.cvm-arch-ciel .cvm-cc-meteo{ left:24px; bottom:14px; font-size:1rem; }
.cvm-arch-tete-in{ padding-top:32px; padding-bottom:40px; }
.cvm-arch-label{ font-size:.86rem; font-weight:600; color:var(--lavande-fonce); margin:0 0 6px; }
.cvm-arch-tete h1{ font-size:clamp(2rem, 4vw, 3rem); font-weight:500; margin-bottom:10px; }
.cvm-arch-tete p{ color:var(--doux); max-width:62ch; }
.cvm-arch-n{ font-size:.9rem; margin:0; }
.cvm-recherche{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:12px; }
.cvm-recherche label{ flex:0 0 100%; font-size:.86rem; font-weight:600; color:var(--soir); }
.cvm-recherche input{ flex:1 1 220px; padding:11px 14px; border-radius:10px; border:1.5px solid #A9A6BF; background:#FFFFFF; color:var(--soir); font:inherit; font-size:1rem; }
.cvm-arch-une{ display:grid; grid-template-columns:7fr 5fr; gap:44px; align-items:center; padding-top:56px; padding-bottom:24px; }
.cvm-arch-une-img{ display:block; border-radius:var(--r); overflow:hidden; aspect-ratio:3/2; background:var(--lavande-pale); }
.cvm-arch-une-img img, .cvm-arch-une-img .cvm-ph{ width:100%; height:100%; object-fit:cover; }
.cvm-arch-une h2{ font-size:clamp(1.6rem, 2.6vw, 2.1rem); }
.cvm-arch-une h2 a{ color:var(--soir); text-decoration:none; }
.cvm-arch-une h2 a:hover{ color:var(--lavande-fonce); }
.cvm-arch-une p{ color:var(--doux); }
.cvm-arch-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:40px 26px; padding-top:40px; padding-bottom:40px; }
.cvm-arch-vide{ padding-top:48px; padding-bottom:72px; }
.cvm-pagination{ max-width:var(--wrap); margin:0 auto; padding:0 24px 80px; box-sizing:border-box; }
.cvm-pagination .nav-links{ display:flex; flex-wrap:wrap; gap:8px; }
.cvm-pagination .page-numbers{ display:inline-block; padding:8px 14px; border-radius:var(--pilule); background:var(--papier); box-shadow:inset 0 0 0 1px var(--filet); text-decoration:none; color:var(--soir); font-size:.92rem; }
.cvm-pagination .page-numbers.current{ background:var(--lavande); color:#FFFFFF; box-shadow:none; }

.cvm-404{ padding-top:44px; padding-bottom:80px; }
.cvm-404-liste{ list-style:none; margin:24px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }

/* ============================================================ PAGES FIXES : « Bulletin » (préfixe cvm-bul)
   Tête de bulletin de prévision, frise de ronds de ciel, corps en une colonne,
   carte d'identité calme, renvois en pastilles. Variante vigilance pour l'avertissement santé. */
.cvm-bul{ max-width:860px; margin:0 auto; padding:56px 24px 88px; box-sizing:border-box; }
.cvm-bul-tete{
  position:relative; padding:34px 32px 26px; border-radius:var(--r); background:var(--papier);
  box-shadow:inset 0 0 0 1px var(--filet); overflow:hidden;
}
.cvm-bul-tete::before{ content:""; position:absolute; left:0; right:0; top:0; height:8px; background:linear-gradient(90deg, #29293D 0%, #736EA6 30%, #86AED2 62%, #E8D9C9 100%); }
.cvm-bul-tete h1{ font-size:clamp(2rem, 4.4vw, 3rem); font-weight:500; margin:0 0 10px; }
.cvm-bul-maj{ margin:0; font-size:.92rem; color:var(--doux); }
.cvm-bul-maj time{ font-weight:600; color:var(--soir); }
.cvm-bul--vigilance .cvm-bul-tete{ background:#FBF4DE; box-shadow:inset 0 0 0 1px #E9D79C; }
.cvm-bul--vigilance .cvm-bul-tete::before{ height:12px; background:repeating-linear-gradient(135deg, var(--vigilance) 0 18px, #EFCF6A 18px 36px); }
.cvm-bul-alerte{ display:inline-block; margin:6px 0 14px; padding:4px 12px; border-radius:var(--pilule); background:var(--soir); color:#FBF4DE; font-size:.84rem; font-weight:600; }

.cvm-bul-frise{ margin:30px 0 8px; overflow-x:auto; scrollbar-width:thin; }
.cvm-bul-frise ol{ list-style:none; margin:0; padding:0 0 10px; display:flex; gap:0; min-width:min-content; position:relative; }
.cvm-bul-frise ol::before{ content:""; position:absolute; left:8px; right:8px; top:8px; height:2px; background:var(--filet); }
.cvm-bul-frise li{ flex:1 0 120px; max-width:180px; position:relative; margin:0; }
.cvm-bul-frise a{ display:flex; flex-direction:column; gap:10px; padding-right:12px; text-decoration:none; color:var(--doux); font-size:.84rem; line-height:1.35; }
.cvm-bul-frise a:hover{ color:var(--lavande-fonce); }
.cvm-bul-rond{ display:block; flex:none; width:16px; height:16px; border-radius:50%; background:linear-gradient(180deg, #86AED2, #E4E2EF); box-shadow:0 0 0 3px var(--brume), inset 0 0 0 1px rgba(41,41,61,.12); position:relative; }
.cvm-bul-frise li:nth-child(3n+2) .cvm-bul-rond{ background:linear-gradient(180deg, var(--lavande), #D9D3E6); }
.cvm-bul-frise li:nth-child(3n) .cvm-bul-rond{ background:linear-gradient(180deg, var(--soir-2), #8E8BB2); }
.cvm-bul-frise a:hover .cvm-bul-rond{ box-shadow:0 0 0 3px var(--brume), 0 0 0 5px var(--lavande); }

.cvm-bul-corps{ padding:24px 0 8px; font-size:1.05rem; }
.cvm-bul-corps h2{ font-size:1.55rem; margin:1.7em 0 .5em; scroll-margin-top:24px; }
.cvm-bul-corps h3{ font-size:1.22rem; margin:1.3em 0 .4em; }
.cvm-bul-corps ul, .cvm-bul-corps ol{ padding-left:1.3em; }
.cvm-bul-corps table{ width:100%; border-collapse:collapse; margin:1em 0 1.4em; font-size:.95rem; }
.cvm-bul-corps th, .cvm-bul-corps td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--filet); vertical-align:top; }
.cvm-bul-corps th{ font-weight:600; }

.cvm-bul-carte{ margin:36px 0 0; padding:22px 24px; border-radius:var(--r); background:#F3F2F9; box-shadow:inset 0 0 0 1px var(--filet); }
.cvm-bul-carte p{ margin:0; font-size:.96rem; }
.cvm-bul-carte-t{ font-family:var(--font-titre); font-weight:600; font-size:1.2rem !important; margin-bottom:6px !important; }

.cvm-bul-renvois{ margin-top:44px; }
.cvm-bul-renvois h2{ font-size:1.25rem; margin-bottom:14px; }
.cvm-bul-renvois ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.cvm-bul-renvois a{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px 8px 10px; border-radius:var(--pilule); background:var(--papier); box-shadow:inset 0 0 0 1px var(--filet); text-decoration:none; color:var(--soir); font-size:.92rem; font-weight:500; }
.cvm-bul-renvois a:hover{ box-shadow:inset 0 0 0 1.5px var(--lavande); color:var(--lavande-fonce); }
.cvm-bul-renvois .cvm-bul-rond{ width:12px; height:12px; box-shadow:none; }

/* ============================================================ PIED DE PAGE */
.cvm-pied{ background:var(--soir); color:var(--sur-soir-doux); }
.cvm-pied-in{ max-width:var(--wrap); margin:0 auto; padding:64px 24px 36px; box-sizing:border-box; display:grid; grid-template-columns:5fr 3fr 4fr; gap:48px; }
.cvm-pied p{ font-size:.94rem; }
.cvm-pied-nom{ display:flex; align-items:center; gap:12px; font-family:var(--font-titre); font-weight:600; font-size:1.5rem !important; color:var(--sur-soir); margin-bottom:12px; }
.cvm-pied-h{ font-family:var(--font-texte); font-size:.92rem; font-weight:600; color:var(--sur-soir); margin-bottom:14px; }
.cvm-pied ul{ list-style:none; margin:0; padding:0; }
.cvm-pied li{ margin:0 0 8px; }
.cvm-pied a{ color:var(--sur-soir-doux); text-decoration:none; font-size:.94rem; }
.cvm-pied a:hover{ color:#FFFFFF; text-decoration:underline; }
.cvm-pied li a{ display:inline-flex; align-items:center; gap:10px; }
.cvm-pied .cvm-point{ box-shadow:0 0 0 2px var(--soir); }
.cvm-pied-rgpd{ max-width:var(--wrap); margin:0 auto; padding:18px 24px 28px; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px; border-top:1px solid rgba(234,232,244,.14); font-size:.86rem; }
.cvm-pied-rgpd a{ color:var(--sur-soir); text-decoration:underline; font-size:.86rem; }

/* éléments d'image en <span> : toujours en bloc */
.cvm-carte-img, .cvm-cc-img, .cvm-hero-img, .cvm-soir-img, .cvm-arch-une-img, .cvm-bande-img{ display:block; }

/* ============================================================ RESPONSIVE */
@media (max-width:1100px){
  .cvm-auteur-in{ grid-template-columns:4fr 6fr; }
  .cvm-promesses{ grid-column:1 / -1; }
  .cvm-promesses ul{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0 24px; }
  .cvm-bande-liste{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
}
@media (max-width:1024px){
  .cvm-ciels, .cvm-grille{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .cvm-mosaique{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .cvm-mosaique .haute{ grid-row:auto; }
  .cvm-mosaique .haute .cvm-carte-img{ aspect-ratio:4/3; min-height:0; flex:none; }
  .cvm-arch-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .cvm-pied-in{ grid-template-columns:1fr 1fr; }
}
@media (max-width:860px){
  .cvm-hero-in, .cvm-soir-in, .cvm-auteur-in, .cvm-arch-une{ grid-template-columns:1fr; gap:28px; }
  .cvm-promesses ul{ grid-template-columns:1fr; }
  .cvm-auteur-fig{ max-width:320px; }
  .cvm-lies-grid{ grid-template-columns:1fr 1fr; }
  .cvm-lies-grid .cvm-carte:first-child{ grid-column:span 2; }
}
@media (max-width:640px){
  :root{ --h-mast:64px; --h-nav:44px; }
  body{ font-size:17px; }
  .cvm-wrap, .cvm-mast-in, .cvm-nav-in{ padding-left:16px; padding-right:16px; }
  .cvm-np-nom{ font-size:1.3rem; }
  .cvm-np-marque{ width:24px; height:24px; }
  .cvm-np-tag{ display:none; }
  .cvm-mast-lien{ padding:6px 12px; font-size:.86rem; }
  .cvm-nav-menu a{ padding:0 10px; font-size:.92rem; }
  .cvm-sec, .cvm-choix{ padding:56px 0; }
  .cvm-soir{ padding:60px 0; }
  .cvm-hero{ padding:52px 0 48px; }
  .cvm-ciels{ grid-template-columns:1fr; gap:16px; }
  .cvm-cc{ display:grid; grid-template-columns:minmax(0, 1fr) 104px; }
  .cvm-cc-ciel{ grid-column:1 / -1; height:96px; }
  .cvm-cc-corps{ grid-column:1; padding:14px 12px 4px 14px; }
  .cvm-cc-corps em{ min-height:0; }
  .cvm-cc-img{ grid-column:2; margin:14px 14px 0 0; aspect-ratio:1/1; }
  .cvm-cc-dernier{ grid-column:1 / -1; padding:8px 14px 14px; }
  .cvm-nav-in{ -webkit-mask:linear-gradient(90deg, #000 85%, transparent); mask:linear-gradient(90deg, #000 85%, transparent); }
  .cvm-mosaique, .cvm-grille{ grid-template-columns:1fr; gap:32px; }
  .cvm-mosaique .grande, .cvm-mosaique .large{ grid-column:auto; grid-row:auto; }
  .cvm-mosaique .grande .cvm-carte-img{ min-height:240px; flex:none; aspect-ratio:4/3; }
  .cvm-mosaique .large .cvm-carte-img{ aspect-ratio:4/3; }
  .cvm-bande-liste{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; padding-bottom:6px; }
  .cvm-bande-liste li{ flex:0 0 38%; scroll-snap-align:start; }
  .cvm-arch-grid{ grid-template-columns:1fr; }
  .cvm-arch-ciel{ height:110px; }
  .cvm-arch-ciel .cvm-cc-meteo{ left:16px; }
  .cvm-lies{ padding-left:16px; padding-right:16px; }
  .cvm-lies-grid{ grid-template-columns:1fr; }
  .cvm-lies-grid .cvm-carte:first-child{ grid-column:auto; }
  .cvm-pied-in{ grid-template-columns:1fr; gap:32px; padding-left:16px; padding-right:16px; }
  .cvm-pied-rgpd{ padding-left:16px; padding-right:16px; }
  .cvm-article, .cvm-corps, .cvm-couv, .cvm-rappel{ padding-left:16px; padding-right:16px; }
  .cvm-article{ padding-top:52px; }
  .cvm-bio{ grid-template-columns:64px minmax(0, 1fr); margin-left:16px; margin-right:16px; padding:18px; }
  .cvm-bul{ padding:52px 16px 72px; }
  .cvm-bul-tete{ padding:28px 20px 20px; }
  .cvm-bulletin div{ flex-basis:100%; border-left:0; border-top:1px solid var(--filet); }
  .cvm-bulletin div:first-of-type{ border-top:0; }
}

/* ============================================================
   CARTE COOKIES : petit morceau de ciel en haut à gauche
   Carte claire arrondie, fixée à 24 px du bord gauche, posée 12 px sous
   l'en-tête (76 + 48 px) : elle ne couvre jamais le nom du site.
   Mobile : pleine largeur à 12 px des bords, sous l'en-tête (64 + 44 px).
   Réouverture : petite pilule « Cookies, comment ça va ? » au même endroit,
   dans le flux du document (elle défile avec la page, ne masque rien en lisant).
   (tarteaucitron injecte son CSS après le nôtre -> !important)
   On ne force JAMAIS display sur #tarteaucitronAlertBig : la lib l'affiche / le masque.
   ============================================================ */
#tarteaucitronRoot #tarteaucitronAlertBig{
  position:fixed !important; left:24px !important; right:auto !important; top:136px !important; bottom:auto !important;
  transform:none !important; margin:0 !important;
  width:340px !important; max-width:calc(100vw - 48px) !important; min-width:0 !important; box-sizing:border-box !important;
  max-height:calc(100vh - 160px) !important; overflow-y:auto !important;
  background-color:var(--papier) !important;
  background-image:linear-gradient(180deg, #86AED2 0%, #C9D3E6 70%, var(--papier) 100%) !important;
  background-size:100% 64px !important; background-repeat:no-repeat !important; background-position:0 0 !important;
  color:var(--soir) !important;
  border:1px solid var(--filet) !important; border-radius:20px !important;
  box-shadow:0 22px 48px -24px rgba(41,41,61,.55) !important;
  padding:74px 20px 16px !important; text-align:left !important;
  font-family:var(--font-texte) !important; line-height:1.45 !important; z-index:2147483640 !important;
}
/* deux petits nuages dans la bande de ciel de la carte */
#tarteaucitronRoot #tarteaucitronAlertBig::after{
  content:""; position:absolute; left:22px; top:22px; width:64px; height:16px; border-radius:999px; background:rgba(255,255,255,.9);
  box-shadow:86px 12px 0 -3px rgba(255,255,255,.75), 210px -6px 0 -5px rgba(255,255,255,.6);
}
#tarteaucitronRoot #tarteaucitronAlertBig::before{
  content:"Petite question avant de lire"; display:block; margin:0 0 6px;
  font-family:var(--font-titre); font-weight:600; font-size:1.18rem; color:var(--soir); line-height:1.2;
}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert *{
  color:var(--doux) !important; font-size:.92rem !important; line-height:1.45 !important;
  text-align:left !important; font-family:var(--font-texte) !important;
}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert{ display:block !important; margin:0 0 14px !important; padding:0 !important; }
#tarteaucitronRoot #tarteaucitronAlertBig br{ display:none !important; }
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCheck,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCross{ display:none !important; }
#tarteaucitronRoot #tarteaucitronAlertBig button{
  display:inline-block !important; box-sizing:border-box !important;
  margin:0 6px 8px 0 !important; padding:9px 16px !important; border-radius:999px !important;
  font-family:var(--font-texte) !important; font-size:.92rem !important; font-weight:600 !important; line-height:1.2 !important;
  letter-spacing:0 !important; text-transform:none !important; cursor:pointer !important; text-align:center !important; white-space:normal !important;
  border:0 !important; background:transparent !important; color:var(--soir) !important; box-shadow:inset 0 0 0 1.5px #A9A6BF !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2{ background:var(--lavande) !important; color:#FFFFFF !important; box-shadow:none !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover{ background:var(--soir) !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2:hover{ box-shadow:inset 0 0 0 1.5px var(--soir) !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert{ box-shadow:none !important; padding:9px 4px !important; text-decoration:underline !important; text-underline-offset:3px !important; font-weight:500 !important; color:var(--lavande-fonce) !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl{
  display:block !important; box-shadow:none !important; padding:4px 0 0 !important; margin:2px 0 0 !important; color:var(--doux) !important;
  font-size:.84rem !important; font-weight:400 !important; text-align:left !important;
  text-decoration:underline !important; text-underline-offset:3px !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover{ color:var(--lavande-fonce) !important; }

/* bouton de réouverture : petite pilule de ciel sous l'en-tête, à gauche, qui défile avec la page */
#tarteaucitronRoot #tarteaucitronIcon, #tarteaucitronIcon{
  position:absolute !important; left:24px !important; right:auto !important; top:136px !important; bottom:auto !important;
  transform:none !important; width:auto !important; height:auto !important; background:transparent !important; padding:0 !important; margin:0 !important;
  z-index:50 !important;
}
#tarteaucitronManager img{display:none !important;}
#tarteaucitronRoot #tarteaucitronManager img{display:none !important;}
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager, #tarteaucitronIcon #tarteaucitronManager{
  display:flex !important; align-items:center !important; gap:8px !important;
  width:auto !important; height:auto !important; padding:6px 14px 6px 7px !important; line-height:1 !important;
  background:var(--papier) !important; border:1px solid var(--filet) !important; border-radius:999px !important;
  box-shadow:0 8px 18px -12px rgba(41,41,61,.5) !important;
}
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager::before, #tarteaucitronIcon #tarteaucitronManager::before{
  content:""; width:18px; height:18px; border-radius:50%; background:linear-gradient(180deg, #86AED2 0%, #E8D9C9 100%);
}
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager::after, #tarteaucitronIcon #tarteaucitronManager::after{
  content:"Cookies, comment ça va ?"; font-family:var(--font-texte); font-size:.82rem; font-weight:600; color:var(--soir);
}

@media (max-width:640px){
  #tarteaucitronRoot #tarteaucitronAlertBig{ left:12px !important; right:12px !important; top:120px !important; width:auto !important; max-width:none !important; max-height:calc(100vh - 136px) !important; padding:70px 16px 12px !important; }
  #tarteaucitronRoot #tarteaucitronDisclaimerAlert, #tarteaucitronRoot #tarteaucitronDisclaimerAlert *{ font-size:.88rem !important; }
  #tarteaucitronRoot #tarteaucitronAlertBig button{ padding:9px 14px !important; font-size:.88rem !important; }
  #tarteaucitronRoot #tarteaucitronIcon, #tarteaucitronIcon{ left:16px !important; top:116px !important; }
}

/* ============================================================ MOUVEMENT RÉDUIT */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *, *::before, *::after{ transition:none !important; animation:none !important; }
  .cvm-progress{ display:none; }
}