/* anticipation.tranquillite.fr : feuille de style commune
   Charte tranquillite.fr, édition septembre 2026 (fait foi).
   Les couleurs se changent ici, dans :root. Aucune couleur en dur ailleurs. */
:root{
  /* Marque */
  --navy:#2A2753;
  --prune:#4D2354;
  --bleu:#2A3E6A;
  --terre:#7E543D;
  /* Accents : l'ambre ne sert qu'aux filets, numéros et au focus, jamais en fond ni en bouton */
  --ambre:#D0904A;
  --ambre-ink:#9A5E22;
  --sarcelle:#80A4AD;
  --sarcelle-ink:#3E6570;
  /* Dégradé signature (logo) */
  --grad-1:#E85D26;
  --grad-2:#C4276A;
  --grad-3:#4D2354;
  --degrade:linear-gradient(90deg,var(--grad-1),var(--grad-2),var(--grad-3));
  --degrade-diag:linear-gradient(135deg,var(--grad-1),var(--grad-2),var(--grad-3));
  /* Neutres */
  --ivoire:#FDFCFF;
  --fantome:#F5F3FA;
  --ligne:#E4E0EF;
  --encre:#2B2940;
  --secondaire:#6B6589;
  --lavande:#DAD7EA;
  --lavande-2:#C9C5DD;
  /* Encadrés */
  --conseil-bg:#EEF4F5;
  --noter-bg:#FBF3EA;
  /* Fonds sombres : navy, halos doux, voile prune */
  --halo-magenta:radial-gradient(circle,rgba(196,39,106,.38),rgba(77,35,84,0) 62%);
  --halo-ambre:radial-gradient(circle,rgba(208,144,74,.2),rgba(208,144,74,0) 62%);
  --halo-magenta-light:radial-gradient(circle,rgba(196,39,106,.1),rgba(77,35,84,0) 62%);
  --fondu-motif:radial-gradient(closest-side,black 35%,transparent 100%);
  --fond-sombre:linear-gradient(135deg,var(--prune) 0%,var(--navy) 62%);
  --bordure-sombre:rgba(253,252,255,.15);
  /* Typographie */
  --font-display:"Montserrat Alternates",Montserrat,Helvetica,Arial,sans-serif;
  --font-body:Montserrat,Helvetica,Arial,sans-serif;
  --fs-body:18px;
  --measure:680px;
  /* Formes */
  --radius:16px;
  --radius-box:12px;
  --shadow:0 30px 60px -34px rgba(42,39,83,.3);
  --shadow-cover:0 20px 40px -20px rgba(42,39,83,.45);
  --wrap:1120px;
  --dur:180ms;
  --ease:cubic-bezier(.2,.7,.3,1);
}
@media (max-width:640px){ :root{ --fs-body:17px; } }
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--ivoire); color:var(--encre);
  font-family:var(--font-body); font-size:var(--fs-body); line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:var(--bleu); text-underline-offset:3px; transition:color var(--dur) var(--ease); }
a:hover{ color:var(--prune); }
:focus-visible{ outline:3px solid var(--ambre); outline-offset:3px; }
h1,h2,h3{ font-family:var(--font-display); color:var(--navy); line-height:1.18; font-weight:700; margin:0 0 .5em; letter-spacing:-.015em; text-wrap:pretty; }
h1{ font-size:clamp(2rem,4.4vw,3rem); line-height:1.12; }
h2{ font-size:clamp(1.5rem,3vw,2.1rem); }
h3{ font-size:1.2rem; font-weight:600; color:var(--bleu); letter-spacing:0; }
p{ margin:0 0 1em; }
.wrap{ max-width:var(--wrap); margin:0 auto; padding:0 20px; }
.narrow{ max-width:calc(var(--measure) + 40px); margin:0 auto; padding:0 20px; }
.kicker{ font-family:var(--font-display); font-weight:600; font-size:.875rem; letter-spacing:.01em; color:var(--ambre-ink); margin-bottom:.8rem; }
.kicker::before{ content:""; display:inline-block; width:4px; height:18px; border-radius:2px; background:var(--ambre); vertical-align:-3px; margin-right:10px; }
.lead{ font-size:1.2rem; color:var(--secondaire); }
.muted{ color:var(--secondaire); }
.small{ font-size:.85rem; }
.center{ text-align:center; }
.rule{ display:block; width:80px; height:2px; border-radius:2px; background:var(--degrade); margin:18px 0 22px; }
.center .rule,.rule.center{ margin-left:auto; margin-right:auto; }

/* Titres centrés partout (demande de Teddy, 07/10/2026) */
h1,h2,.kicker{ text-align:center; }
.wrap > h2 + p,.narrow > h2 + p.muted{ text-align:center; max-width:40em; margin-left:auto; margin-right:auto; }
.hero-grid > div:first-child,.split > div:not(.doc-visual):has(> h2:first-child),.split > div:has(> .kicker:first-child){ text-align:center; }
.hero-grid > div:first-child .form-card{ margin-left:auto; margin-right:auto; text-align:left; }
.hero p.sub{ margin-left:auto; margin-right:auto; }
.split .checks,.split .toc{ text-align:left; }
.offer .split > div:last-child{ text-align:center; }
.offer .split > div:last-child .checks{ text-align:left; }
.card h3,.legal h2{ text-align:left; }

/* En-tête : navy, bande dégradée, logo officiel sur fond foncé */
.site-header{ position:relative; padding:14px 0 12px; background:var(--navy); color:var(--lavande); border-top:5px solid transparent; border-image:var(--degrade) 1; }
.site-header .wrap{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand{ display:inline-flex; align-items:center; gap:14px; min-height:44px; text-decoration:none; color:var(--lavande); }
.brand img{ height:36px; width:auto; }
.brand span{ font-family:var(--font-body); font-weight:500; font-size:.9rem; color:var(--lavande); padding-left:14px; border-left:1px solid var(--bordure-sombre); line-height:1.6; }
.site-header nav{ display:flex; }
.site-header nav a{ display:inline-flex; align-items:center; min-height:44px; padding:0 10px; font-size:.9rem; font-weight:500; color:var(--lavande); text-decoration:none; margin-left:6px; }
.site-header nav a:hover{ color:var(--ivoire); text-decoration:underline; }

/* Sections */
section{ padding:80px 0; }
.bg-sand{ background:var(--fantome); }
.bg-navy{ position:relative; overflow:hidden; background:var(--navy); background-image:var(--fond-sombre); color:var(--lavande); isolation:isolate; }
.bg-navy::before{ content:""; position:absolute; z-index:-1; width:560px; height:560px; right:-200px; top:-240px; background:var(--halo-magenta); pointer-events:none; }
.bg-navy::after{ content:""; position:absolute; z-index:-1; width:460px; height:460px; left:-150px; bottom:-170px; background:url("brand/motif.png") center/cover no-repeat; opacity:.08; pointer-events:none; -webkit-mask-image:var(--fondu-motif); mask-image:var(--fondu-motif); }
.bg-navy h2,.bg-navy h3{ color:var(--ivoire); }
.bg-navy p{ color:var(--lavande); }
.bg-navy .kicker{ color:var(--lavande); }
.bg-navy a:not(.btn){ color:var(--ivoire); }

/* Hero */
.hero{ position:relative; overflow:hidden; padding:72px 0 80px; background:var(--ivoire); isolation:isolate; }
.hero::before{ content:""; position:absolute; z-index:-1; width:720px; height:720px; right:-260px; top:-300px; background:var(--halo-magenta-light); pointer-events:none; }
.hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
.hero p.sub{ font-size:1.12rem; color:var(--secondaire); max-width:34em; }
.hero h1::after{ content:""; display:block; width:80px; height:2px; border-radius:2px; background:var(--degrade); margin:22px auto 0; }
@media (max-width:860px){ .hero-grid{ grid-template-columns:1fr; gap:40px; } }

/* Visuel du dossier : esprit des couvertures de la charte */
.doc-visual{ position:relative; width:100%; max-width:360px; margin:0 auto; aspect-ratio:210/297; }
.doc-visual .sheet{ position:absolute; inset:0; border-radius:8px; box-shadow:var(--shadow-cover); }
.doc-visual .sheet.back{ background:var(--ivoire); transform:rotate(5deg) translate(16px,6px); border:1px solid var(--ligne); }
.doc-visual .sheet.front{
  background:var(--navy); background-image:var(--fond-sombre); color:var(--ivoire);
  padding:24% 10% 12%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; overflow:hidden; isolation:isolate;
  border-top:5px solid transparent; border-image:var(--degrade) 1;
}
.doc-visual .front::before{ content:""; position:absolute; z-index:-1; width:90%; aspect-ratio:1; right:-40%; top:-30%; background:var(--halo-magenta); }
.doc-visual .front .motif{ position:absolute; z-index:-1; width:62%; aspect-ratio:1; right:-14%; bottom:-14%; background:url("brand/motif.png") center/cover no-repeat; opacity:.1; -webkit-mask-image:var(--fondu-motif); mask-image:var(--fondu-motif); }
.doc-visual .front .logo{ position:absolute; z-index:2; top:9%; left:50%; transform:translateX(-50%); width:56%; height:auto; }
.doc-visual .front .t{ font-family:var(--font-display); font-weight:700; font-size:clamp(1.25rem,2.9vw,1.6rem); line-height:1.15; letter-spacing:-.015em; }
.doc-visual .front .e{ font-family:var(--font-display); font-weight:600; font-size:.68rem; color:var(--lavande); margin-bottom:.7em; }
.doc-visual .front .s{ font-size:.78rem; line-height:1.45; color:var(--lavande); margin-top:.8em; }
.doc-visual .front .t::after{ content:""; display:block; width:28%; height:2px; border-radius:2px; background:var(--degrade); margin:.7em auto 0; }
.doc-visual .front > div,.doc-visual .front > img{ position:relative; z-index:2; }
/* Kit : couverture distincte (dégradé inversé, motif en haut à gauche) */
.doc-visual.kit .sheet.front{ background-image:linear-gradient(315deg,var(--prune) 0%,var(--navy) 62%); }
.doc-visual.kit .front::before{ right:auto; top:auto; left:-40%; bottom:-35%; }
.doc-visual.kit .front .motif{ right:auto; bottom:auto; left:-16%; top:-16%; }

/* Formulaire */
.form-card{ background:var(--ivoire); border:1px solid var(--ligne); border-radius:var(--radius); padding:26px; box-shadow:var(--shadow); margin-top:28px; max-width:480px; }
.form-card label{ display:block; font-size:.85rem; font-weight:600; margin:0 0 6px; color:var(--encre); }
.form-card input[type=text],.form-card input[type=email]{
  width:100%; min-height:48px; padding:12px 14px; font:inherit; font-size:1rem; border:1px solid var(--secondaire); border-radius:10px; background:var(--ivoire); color:var(--encre); margin-bottom:14px;
}
.form-card input:focus{ outline:3px solid var(--ambre); outline-offset:2px; border-color:var(--navy); }
.form-card .consent{ font-weight:400; display:flex; gap:10px; align-items:flex-start; font-size:.82rem; color:var(--secondaire); line-height:1.5; margin:4px 0 16px; }
.consent input{ margin-top:3px; width:20px; height:20px; flex:0 0 20px; accent-color:var(--navy); }
.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-msg{ font-size:.9rem; margin-top:10px; min-height:1.2em; }
.form-msg.err{ color:var(--prune); font-weight:600; }

/* Boutons : navy plein en pilule, survol prune. Jamais d'ambre. */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  min-height:48px; background:var(--navy); color:var(--ivoire); font-family:var(--font-body); font-weight:600; font-size:1rem; line-height:1.25;
  padding:13px 26px; border-radius:999px; border:1.5px solid var(--navy); cursor:pointer; text-decoration:none;
  transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease); text-align:center;
}
.btn:hover{ background:var(--prune); border-color:var(--prune); color:var(--ivoire); }
.btn:disabled{ opacity:.55; cursor:wait; }
.btn.block{ width:100%; }
.btn.navy{ background:var(--navy); }
.btn.navy:hover{ background:var(--prune); }
.btn.ghost{ background:var(--ivoire); color:var(--navy); border-color:var(--navy); }
.btn.ghost:hover{ background:var(--fantome); color:var(--navy); }
.bg-navy .btn{ background:var(--ivoire); color:var(--navy); border-color:var(--ivoire); }
.bg-navy .btn:hover{ background:var(--lavande); border-color:var(--lavande); color:var(--navy); }
.link-quiet{ color:var(--secondaire); font-size:.9rem; }

/* Grilles et cartes */
.grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media (max-width:900px){ .grid-4{ grid-template-columns:repeat(2,1fr); } .grid-3{ grid-template-columns:1fr; } }
@media (max-width:620px){ .grid-2,.grid-4{ grid-template-columns:1fr; } }
.card{ background:var(--ivoire); border:1px solid var(--ligne); border-radius:var(--radius); padding:24px; }
.card h3{ margin-bottom:.4em; }
.card p:last-child{ margin-bottom:0; }
.bg-navy .card{ background:rgba(253,252,255,.06); border-color:var(--bordure-sombre); color:var(--lavande); }

/* Grands chiffres : dégradé du logo, navy en repli */
.card .num,.stats strong,.price{
  font-family:var(--font-display); font-weight:700; color:var(--navy);
  background:var(--degrade); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.card .num{ display:inline-block; font-size:2rem; line-height:1.1; margin-bottom:.4em; letter-spacing:-.015em; }

/* Chiffres */
.stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center; }
.stats strong{ display:inline-block; font-size:clamp(2rem,4vw,2.8rem); line-height:1.15; letter-spacing:-.015em; }
.stats span{ display:block; color:var(--secondaire); font-size:.95rem; }
@media (max-width:620px){ .stats{ grid-template-columns:1fr; } }

/* Récit */
.story{ display:grid; align-items:start; }
.avatar{ width:160px; height:160px; border-radius:50%; background:var(--navy); background-image:var(--degrade-diag); color:var(--ivoire); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:700; font-size:3rem; overflow:hidden; }
.avatar picture{ display:contents; }
.avatar img{ width:100%; height:100%; object-fit:cover; filter:saturate(.82) sepia(.08) contrast(.96) brightness(1.03); }
/* Récit centré : photo au-dessus, citation centrée, texte à gauche sur une mesure de lecture */
.story{ grid-template-columns:1fr; justify-items:center; max-width:calc(var(--measure) + 40px); gap:28px; }
.story > div:last-child{ max-width:var(--measure); }
.story .quote{ text-align:center; border-left:0; padding-left:0; }
.story p:last-child{ text-align:center; }
.quote{ font-family:var(--font-display); font-weight:600; font-size:1.25rem; line-height:1.45; border-left:3px solid var(--ambre); padding-left:20px; color:var(--navy); }
@media (max-width:700px){ .avatar{ width:120px; height:120px; font-size:2.2rem; } }

/* Listes : coche au trait navy dans une pastille sarcelle pâle */
.checks{ list-style:none; padding:0; margin:0 0 1em; }
.checks li{ position:relative; padding-left:34px; margin-bottom:.7em; }
.checks li::before{ content:""; position:absolute; left:0; top:.3em; width:22px; height:22px; border-radius:50%; background:var(--conseil-bg); }
.checks li::after{ content:""; position:absolute; left:8px; top:calc(.3em + 5px); width:6px; height:10px; border:solid var(--navy); border-width:0 2px 2px 0; transform:rotate(45deg); }
.bg-navy .checks li::before{ background:rgba(253,252,255,.1); }
.bg-navy .checks li::after{ border-color:var(--ambre); }
.toc{ counter-reset:c; list-style:none; padding:0; margin:0; }
.toc li{ counter-increment:c; display:flex; gap:16px; padding:14px 0; border-bottom:1px solid var(--ligne); }
.toc li::before{ content:counter(c,decimal-leading-zero); font-family:var(--font-display); color:var(--ambre-ink); font-weight:700; min-width:2em; }
.toc li strong{ display:block; color:var(--navy); }
.toc li span{ color:var(--secondaire); font-size:.92rem; }

/* Offre */
.offer{ position:relative; overflow:hidden; background:var(--ivoire); border:1px solid var(--ligne); border-radius:20px; padding:36px 32px 32px; box-shadow:var(--shadow); }
.offer::before{ content:""; position:absolute; left:0; right:0; top:0; height:5px; background:var(--degrade); }
.price{ display:inline-block; font-size:2.6rem; line-height:1.1; letter-spacing:-.015em; }
.price del,.price small{ -webkit-text-fill-color:var(--secondaire); color:var(--secondaire); font-family:var(--font-body); font-weight:400; letter-spacing:0; }
.price del{ font-size:1.3rem; margin-left:.4em; }
.price small{ font-size:.9rem; }
.badge{ display:inline-block; background:var(--noter-bg); color:var(--ambre-ink); border:1px solid var(--ambre); font-size:.8rem; font-weight:600; padding:5px 14px; border-radius:999px; }
.split{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
@media (max-width:860px){ .split{ grid-template-columns:1fr; gap:32px; } }

/* Étapes */
.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; counter-reset:s; }
.steps .card{ position:relative; padding-top:60px; }
.steps .card::before{ counter-increment:s; content:counter(s,decimal-leading-zero); position:absolute; top:22px; left:24px; font-family:var(--font-display); font-weight:700; font-size:1.1rem; color:var(--ambre-ink); padding-left:14px; border-left:4px solid var(--ambre); line-height:1.2; }
@media (max-width:860px){ .steps{ grid-template-columns:1fr; } }

/* FAQ */
details{ border-bottom:1px solid var(--ligne); padding:18px 0; }
details summary{ cursor:pointer; font-weight:600; color:var(--navy); list-style:none; display:flex; justify-content:space-between; gap:16px; min-height:28px; }
details summary::-webkit-details-marker{ display:none; }
details summary::after{ content:"+"; font-family:var(--font-display); font-size:1.4rem; line-height:1; color:var(--ambre-ink); }
details[open] summary::after{ content:"–"; }
details p{ margin:12px 0 0; color:var(--secondaire); }

/* Vidéo */
.video{ position:relative; aspect-ratio:16/9; border-radius:var(--radius); overflow:hidden; background:var(--navy); box-shadow:var(--shadow); }
.video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* Encadrés */
.note-box{ background:var(--conseil-bg); border-radius:var(--radius-box); padding:20px 24px; }
.note-box strong{ color:var(--sarcelle-ink); }
.note-box p:last-child{ margin:0; }
.success-icon{ width:64px; height:64px; border-radius:50%; background:var(--conseil-bg); color:var(--navy); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }

/* Pied de page */
.site-footer{ background:var(--navy); color:var(--lavande); padding:40px 0; font-size:.88rem; border-top:5px solid transparent; border-image:var(--degrade) 1; }
.site-footer .logo{ height:30px; width:auto; margin-bottom:14px; }
.site-footer a{ color:var(--ivoire); margin-right:18px; display:inline-block; padding:10px 0; }
.site-footer a:hover{ color:var(--lavande); }
.site-footer .wrap{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px; }

/* Pages légales */
.legal h1::after{ content:""; display:block; width:80px; height:2px; border-radius:2px; background:var(--degrade); margin:18px auto 0; }
.legal h2{ font-size:1.35rem; margin-top:2em; }
.legal{ padding:56px 20px 80px; }
.legal p,.legal li{ color:var(--encre); }
.todo{ background:var(--noter-bg); color:var(--ambre-ink); padding:0 4px; border-radius:3px; }

/* Ajustements mobile */
.site-header nav a{ white-space:nowrap; }
@media (max-width:640px){
  .brand img{ height:28px; }
  .brand span{ display:none; }
  .site-header nav a{ margin-left:0; padding:0 8px; }
  .hero .doc-visual{ max-width:230px; }
  section{ padding:56px 0; }
  .offer{ padding:32px 20px 24px; }
}
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{ transition:none !important; scroll-behavior:auto !important; } }

/* Réservation du Bilan dans la page */
.resa{ max-width:720px; margin:32px auto 0; text-align:left; background:var(--ivoire); border:1px solid var(--ligne); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow); }
.resa-etape{ font-family:var(--font-display); font-weight:700; font-size:1.15rem; color:var(--navy); margin:0 0 16px; }
.resa-champs{ display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.resa label{ display:block; font-size:.85rem; font-weight:600; color:var(--encre); margin-bottom:6px; }
.resa label .muted{ font-weight:400; }
.resa input:not([type=checkbox]),.resa textarea{ display:block; width:100%; min-height:48px; padding:12px 14px; margin:6px 0 14px; font:inherit; font-size:1rem; font-weight:400; border:1px solid var(--secondaire); border-radius:10px; background:var(--ivoire); color:var(--encre); }
.resa textarea{ min-height:72px; resize:vertical; }
.resa input:focus,.resa textarea:focus{ outline:3px solid var(--ambre); outline-offset:2px; border-color:var(--navy); }
.resa-choix{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.choix{ min-height:44px; padding:0 16px; border-radius:999px; border:1.5px solid var(--ligne); background:var(--ivoire); color:var(--navy); font:inherit; font-size:.95rem; font-weight:500; cursor:pointer; transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.choix:hover{ border-color:var(--navy); }
.choix[aria-checked="true"]{ background:var(--navy); border-color:var(--navy); color:var(--ivoire); }
.resa-fin{ border-top:1px solid var(--ligne); margin-top:8px; padding-top:20px; }
.resa-choisi{ font-weight:600; color:var(--navy); margin-bottom:12px; }
.resa-fin .small{ margin-top:10px; }
.lien-bouton{ background:none; border:0; padding:0; font:inherit; color:var(--bleu); text-decoration:underline; text-underline-offset:3px; cursor:pointer; min-height:0; }
.lien-bouton:hover{ color:var(--prune); }
#paiement-stripe{ margin-top:16px; min-height:320px; }
@media (max-width:640px){ .resa{ padding:20px; } .resa-champs{ grid-template-columns:1fr; } }

/* Offre unique du Kit (page /merci) */
.offre-chrono{ font-size:.92rem; color:var(--encre); background:var(--noter-bg); border-radius:var(--radius-box); padding:10px 14px; margin:12px 0 16px; text-align:left; }
.offre-chrono strong{ font-family:var(--font-display); color:var(--ambre-ink); font-variant-numeric:tabular-nums; }
.modale{ position:fixed; inset:0; z-index:50; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(42,39,83,.55); }
.modale[hidden]{ display:none; }
.modale-carte{ position:relative; overflow:hidden; width:100%; max-width:480px; background:var(--ivoire); border-radius:var(--radius); padding:32px 28px 24px; box-shadow:var(--shadow-cover); text-align:center; }
.modale-carte::before{ content:""; position:absolute; left:0; right:0; top:0; height:5px; background:var(--degrade); }
.modale-carte h2{ font-size:1.4rem; }
.modale-fermer{ position:absolute; top:10px; right:10px; width:44px; height:44px; border:0; background:none; font-size:1.6rem; line-height:1; color:var(--secondaire); cursor:pointer; border-radius:50%; }
.modale-fermer:hover{ color:var(--navy); background:var(--fantome); }
body.modale-ouverte{ overflow:hidden; }