/* ════════════════════════════════════════════════════════════════════
   HARMONIE — une seule charte pour tout le site (25/09/2026)
   Fond encre partout, une échelle de titres, une seule carte, trois boutons.
   Chargée en dernier ; les !important neutralisent les styles écrits en ligne.
   ════════════════════════════════════════════════════════════════════ */
:root{
  --h-fond:#0B1524; --h-fond2:#0F1D31; --h-carte:rgba(255,255,255,.045); --h-carte2:rgba(255,255,255,.07);
  --h-bord:rgba(255,255,255,.12); --h-bord2:rgba(255,255,255,.22);
  --h-titre:#FFFFFF; --h-txt:#D5DEE8; --h-txt2:#9BADC0;
  --h-cand:#F0479E; --h-pro:#5B8CFF; --h-cyan:#35C8E6; --h-vert:#4CC38A;
  --h-r:18px;
}
body{background:var(--h-fond)!important;color:var(--h-txt)!important}

/* ── Fonds : tout en encre, alternance discrète, plus de lavis rose/bleu/vert ── */
section,.zone-test,.zone-pro,.zone-charte,.passage,.aud,.sec,.esp,.esp-fond,.mt,.mt-halo,.conf,.cta-fin,.esp-acces,.gris,.nuit,.pro-nappe,.bloc-test-rose,.commun-detail{
  background:transparent!important;background-image:none!important;border-color:var(--h-bord)!important}
section::before,section::after,.zone-test::before,.zone-pro::before,.zone-charte::before,.mt-halo::before,.pro-nappe::before{display:none!important}
.sec:nth-of-type(even),.esp:nth-of-type(even){background:var(--h-fond2)!important}
section{border-top:1px solid rgba(255,255,255,.06)}
/* un filet de couleur dit à qui l'on parle */
.zone-test,.aud.candidat-s,#resultat,#faire,.ton-candidat>section:first-child{box-shadow:inset 0 3px 0 var(--h-cand)}
.zone-pro,#pros,.ton-referent>section:first-child{box-shadow:inset 0 3px 0 var(--h-pro)}
.passage{box-shadow:inset 0 3px 0 transparent;border-image:linear-gradient(90deg,var(--h-cand),var(--h-pro)) 1;border-top:3px solid!important}
.zone-charte{box-shadow:inset 0 3px 0 var(--h-vert)}

/* ── Rythme vertical ── */
section.sec,section.esp,section.aud,section.zone-test,section.zone-pro,section.passage,section.mt,section.zone-charte,section.conf,section.esp-acces,section.cta-fin,section.scene{
  padding-top:clamp(56px,7vw,96px)!important;padding-bottom:clamp(56px,7vw,96px)!important}



/* ── Typographie : une seule échelle ── */
.hero h1,section h1{font-family:var(--sans)!important;font-weight:800!important;font-size:clamp(36px,5vw,60px)!important;line-height:1.07!important;letter-spacing:-.02em!important;color:var(--h-titre)!important}
section h2,.titre-pro{font-family:var(--sans)!important;font-weight:800!important;font-size:clamp(28px,3.4vw,42px)!important;line-height:1.12!important;letter-spacing:-.015em!important;color:var(--h-titre)!important;max-width:880px}
section h3{font-family:var(--sans)!important;font-weight:750!important;font-size:clamp(18px,1.6vw,21px)!important;line-height:1.3!important;color:var(--h-titre)!important;letter-spacing:0!important;text-transform:none!important}
section h4{font-family:var(--sans)!important;font-weight:700!important;font-size:17px!important;color:var(--h-titre)!important}
.eyebrow{font-family:var(--mono)!important;font-size:12px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--h-cyan)!important;margin-bottom:10px!important}
.sous-bleu,.sous,.esp-sous,.chapo-pro,.accroche,.hero p,.pricing-intro p,.abo-intro{font-size:clamp(17px,1.5vw,19px)!important;line-height:1.6!important;color:var(--h-txt)!important;max-width:760px}
.sous-bleu{color:#8FB4FF!important;font-family:var(--sans)!important;font-weight:700!important;font-size:clamp(18px,1.8vw,21px)!important;line-height:1.35!important}
.formule{color:var(--h-cyan)!important;border-left-color:var(--h-cyan)!important}
section p,section li,section td,section dd,section summary,section label,.chute{font-size:16.5px;line-height:1.7!important;color:var(--h-txt)!important}
section p{max-width:780px}
section b,section strong{color:#fff!important}
section small,.esp-note,.mt-note,.esp-acces-note,.pricing-details,.cf-note{color:var(--h-txt2)!important;font-size:14px!important;line-height:1.6!important}
section a:not(.btn):not(.esp-btn):not(.btn-conf):not(.esp-btn-test):not(.cf-btn){color:var(--h-cyan)!important;text-decoration:none!important;font-weight:700}
section a:not(.btn):not(.esp-btn):not(.btn-conf):not(.esp-btn-test):not(.cf-btn):hover{text-decoration:underline!important}

/* ── Une seule carte ── */
.carte,.rcarte,.esp-carte,.porte,.mt-carte,.choisir-carte,.pricing-card,.abo-card,.esp-pas,.esp-etape,.loi,.garde,.honnete,.faq details,.stele,.bloc,.servons,.conf-form{
  background:var(--h-carte)!important;border:1px solid var(--h-bord)!important;border-radius:var(--h-r)!important;
  box-shadow:none!important;color:var(--h-txt)!important}
.carte,.rcarte,.esp-carte,.porte,.mt-carte,.pricing-card,.abo-card,.loi,.garde,.honnete,.bloc{padding:26px 26px!important}
.carte:hover,.rcarte:hover,.esp-carte:hover,.porte:hover{transform:none!important;border-color:var(--h-bord2)!important}
.carte p,.rcarte p,.esp-carte p,.porte p,.mt-carte p,.mt-carte li{font-size:15.5px!important;line-height:1.65!important;color:var(--h-txt)!important;margin-top:8px}
.porte h3,.carte h3,.rcarte h3,.esp-carte h3,.mt-carte h3{font-size:18px!important;margin:0!important}
.porte .fl{color:var(--h-pro)!important}
.mt-carte.c{border-top:3px solid var(--h-cand)!important}.mt-carte.p{border-top:3px solid var(--h-pro)!important}
.mt-carte li::before{color:var(--h-cyan)!important}
.cartes,.rcartes,.esp-cartes,.portes,.mt-grid{gap:18px!important}
/* encadrés d'accent (règles, citations, transparence) */
.regle,.choisir-carte{background:var(--h-carte2)!important;border:1px solid var(--h-bord)!important;border-left:4px solid var(--h-cyan)!important;border-radius:0 var(--h-r) var(--h-r) 0!important;padding:20px 24px!important;box-shadow:none!important}
.regle[style*="candidat"],.choisir-carte[style*="candidat"]{border-left-color:var(--h-cand)!important}
.regle[style*="--pro"],.choisir-carte[style*="--pro"]{border-left-color:var(--h-pro)!important}
.faq details{padding:18px 22px!important;margin:0 0 10px!important}
.faq summary{font-family:var(--sans)!important;font-weight:700!important;color:#fff!important;cursor:pointer}
/* étiquettes */
.esp-tag{background:transparent!important;border:1px solid var(--h-bord2)!important;color:var(--h-txt)!important;border-radius:999px!important;font-size:12px!important;padding:3px 11px!important}
.esp-tag.pay{border-color:var(--h-cand)!important;color:#fff!important;background:rgba(240,71,158,.18)!important}
.esp-tag.prem{border-color:var(--h-pro)!important;background:rgba(91,140,255,.18)!important;color:#fff!important}
/* prix */
.pricing-price,.abo-price{color:#fff!important;font-family:var(--sans)!important;font-weight:800!important}
.pricing-credits,.abo-credits{color:var(--h-cyan)!important;font-weight:700!important}
.pricing-card.popular{border-color:var(--h-cand)!important}
.pricing-badge{background:var(--h-cand)!important;color:#fff!important}
.pricing-card h3,.abo-name{color:#fff!important}
/* étapes */
.esp-pas .n,.esp-num,.esp-etape .esp-num{background:var(--h-cyan)!important;color:#04222B!important}
.esp-pas h4,.esp-etape h4{color:#fff!important}
.esp-pas p,.esp-etape p{color:var(--h-txt2)!important}

/* ── Trois boutons, pas un de plus ── */
.btn,.esp-btn,.btn-conf,.esp-btn-test,.cf-btn,section a.btn-fleche{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px!important;border-radius:999px!important;
  font-family:var(--sans)!important;font-weight:750!important;font-size:15px!important;letter-spacing:0!important;text-decoration:none!important;
  border:1.5px solid transparent!important;box-shadow:none!important;transition:background .2s,border-color .2s,color .2s!important;transform:none!important;margin:6px 10px 6px 0!important}
/* 1. principal candidat (rose) */
.btn-candidat,.btn-test,.esp-btn-test,.esp-btn[style*="candidat"]{background:var(--h-cand)!important;color:#fff!important}
/* 2. principal pro (bleu) */
.btn-pro,.esp-btn[style*="--pro"]{background:var(--h-pro)!important;color:#fff!important}
.btn-cyan,.btn-conf,.cf-btn{background:var(--h-cyan)!important;color:#04222B!important}
/* 3. secondaire : contour blanc (remplace aussi les liens « → » isolés) */
.btn-ligne,.btn-li,.esp-btn,section a.btn-fleche,.esp-btn[style*="encre"]{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important}
.btn-ligne:hover,.esp-btn:hover,section a.btn-fleche:hover{border-color:#fff!important;background:rgba(255,255,255,.06)!important}
.btn-candidat:hover,.btn-test:hover,.btn-pro:hover{filter:brightness(1.08)}
.cta-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:26px!important}
/* bascule et pastilles */
.bascule{background:var(--h-pro)!important}
.aud-tag{background:rgba(240,71,158,.16)!important;color:#FF9BCD!important}
.mt-lg b,.mt-lg small,.mt-lg-t{color:#fff!important}
/* formulaires (charte, conférence) */
section input,section textarea,section select{background:rgba(255,255,255,.06)!important;border:1px solid var(--h-bord2)!important;color:#fff!important;border-radius:12px!important}
section input::placeholder,section textarea::placeholder{color:var(--h-txt2)!important}
/* page Conformité */
.legal-container{background:transparent!important;color:var(--h-txt)!important}
.legal-container h1,.legal-container h2,.legal-container h3{color:#fff!important}
.legal-container p,.legal-container li{color:var(--h-txt)!important}
@media(max-width:640px){
  section p,section li{font-size:16px}
  .carte,.rcarte,.esp-carte,.porte,.mt-carte,.pricing-card,.loi,.garde,.bloc{padding:22px!important}
}
/* ── Blocs propres à certaines pages, ramenés à la même carte ── */
.apport,.t3,.pas,.ctx-item,.carte-signature,.esp-test,.fait,.sig{background:var(--h-carte)!important;border:1px solid var(--h-bord)!important;border-radius:var(--h-r)!important;box-shadow:none!important;color:var(--h-txt)!important}
.apport p,.t3 p,.pas p,.fait p,.ctx-item{color:var(--h-txt)!important}
.pas h4,.t3 h4,.fait h4,.apport h3{color:#fff!important}
.sec.gris{background:var(--h-fond2)!important}
/* Charte */
#principes li,#engagements li{background:var(--h-carte)!important;border:1px solid var(--h-bord)!important;border-left:3px solid var(--h-vert)!important;border-radius:12px!important;color:var(--h-txt)!important;box-shadow:none!important}
.devise,.fin,.cause,.msg,.merci,.attest,.coche,.sign,.conf-form,.embleme,.detail,.piege,.servons,.engag{background-color:transparent!important;color:var(--h-txt)!important;border-color:var(--h-bord)!important;box-shadow:none!important}
.sign,.conf-form{background:var(--h-carte)!important;border:1px solid var(--h-bord)!important;border-radius:var(--h-r)!important}
.cf-l,label{color:var(--h-txt)!important}
input:not([type=checkbox]):not([type=radio]),textarea,select{background:rgba(255,255,255,.06)!important;border:1px solid var(--h-bord2)!important;color:#fff!important;border-radius:12px!important}
input::placeholder,textarea::placeholder{color:var(--h-txt2)!important}
.charte-hero{box-shadow:none!important}

/* ════════════════════════════════════════════════════════════════════
   UNIVERS : la couleur passe dans les titres, un halo de lumière par section
   accueil = encre · test & Matching Tool candidat = gris + rose
   Professionnels RH & Matching Tool référent = gris + bleu
   Écologie de l'Humain = vert · Règlement IA & CNIL = blanc
   ════════════════════════════════════════════════════════════════════ */
.theme-test,.theme-rh{--h-fond:#1C222C;--h-fond2:#212835}
.theme-charte{--h-fond:#0D231A;--h-fond2:#112A20}
.theme-test{--u:#FF6FB0;--u-rgb:255,111,176;--u-sous:#FFC2DD}
.theme-rh{--u:#7FA8FF;--u-rgb:91,140,255;--u-sous:#C3D5FF}
.theme-charte{--u:#5FD49A;--u-rgb:76,195,138;--u-sous:#BDEFD4}
.theme-accueil{--u:#35C8E6;--u-rgb:53,200,230;--u-sous:#BFEFF8}
.theme-test,.theme-rh,.theme-charte,.theme-accueil{background:var(--h-fond)!important}

/* titres porteurs de couleur */
.theme-test section h2,.theme-rh section h2,.theme-charte section h2{color:var(--u)!important}
.theme-test .eyebrow,.theme-rh .eyebrow,.theme-charte .eyebrow{color:var(--u)!important}
.theme-test .sous-bleu,.theme-rh .sous-bleu,.theme-charte .sous-bleu{color:var(--u-sous)!important}
.theme-test section a:not(.btn):not(.esp-btn):not(.btn-conf):not(.esp-btn-test):not(.cf-btn),
.theme-rh section a:not(.btn):not(.esp-btn):not(.btn-conf):not(.esp-btn-test):not(.cf-btn),
.theme-charte section a:not(.btn):not(.esp-btn):not(.btn-conf):not(.esp-btn-test):not(.cf-btn){color:var(--u)!important}
.theme-test .regle,.theme-test .choisir-carte{border-left-color:var(--u)!important}
.theme-rh .regle,.theme-rh .choisir-carte{border-left-color:var(--u)!important}
.theme-rh .porte .fl{color:var(--u)!important}
.theme-test .esp-pas .n,.theme-test .esp-num{background:var(--u)!important;color:#2A0A1A!important}
.theme-rh .esp-pas .n,.theme-rh .esp-num{background:var(--u)!important;color:#08163A!important}
.theme-test .eyebrow,.theme-rh .eyebrow{font-weight:700!important}

/* accueil : chaque section prend la couleur de son public */
.theme-accueil #test h2,.theme-accueil #resultat h2{color:#FF6FB0!important}
.theme-accueil #test .eyebrow{color:#FF6FB0!important}
.theme-accueil #pros h2,.theme-accueil .titre-pro{color:#7FA8FF!important}
.theme-accueil .zone-charte h2,.theme-accueil .zone-charte .eyebrow{color:#5FD49A!important}
.theme-accueil .passage h2{background:linear-gradient(90deg,#FF6FB0,#7FA8FF);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.theme-accueil .passage .mt-carte.c h3{color:#FF6FB0!important}.theme-accueil .passage .mt-carte.p h3{color:#7FA8FF!important}

/* halos de lumière */
.theme-test section,.theme-rh section,.theme-charte section,.theme-accueil section{position:relative;overflow:hidden}
.theme-test section>*,.theme-rh section>*,.theme-charte section>*,.theme-accueil section>*{position:relative;z-index:1}
.theme-test section::before,.theme-rh section::before,.theme-charte section::before,.theme-accueil section::before{
  content:''!important;display:block!important;position:absolute!important;pointer-events:none;z-index:0;
  width:min(900px,120vw);height:620px;top:-260px;left:-220px;
  background:radial-gradient(closest-side,rgba(var(--halo,var(--u-rgb)),.20),rgba(var(--halo,var(--u-rgb)),0))!important}
.theme-test section:nth-of-type(even)::before,.theme-rh section:nth-of-type(even)::before,.theme-charte section:nth-of-type(even)::before,.theme-accueil section:nth-of-type(even)::before{left:auto;right:-240px;top:-220px}
.theme-accueil #test,.theme-accueil #resultat{--halo:255,111,176}
.theme-accueil #pros{--halo:91,140,255}
.theme-accueil .zone-charte{--halo:76,195,138}
.theme-accueil .passage{--halo:255,111,176}
.theme-accueil .passage::after{content:'';position:absolute;pointer-events:none;z-index:0;width:min(900px,120vw);height:620px;bottom:-260px;right:-220px;background:radial-gradient(closest-side,rgba(91,140,255,.20),rgba(91,140,255,0))}
.theme-accueil .scene{--halo:53,200,230}

/* Règlement IA & CNIL : fond blanc */
.theme-loi{background:#FFFFFF!important;color:#1C2B3A!important}
.theme-loi .legal-container{background:#fff!important;color:#1C2B3A!important}
.theme-loi .legal-container h1,.theme-loi .legal-container h2{color:#0E1B2C!important}
.theme-loi .legal-container h3{color:#0891B2!important}
.theme-loi .legal-container p,.theme-loi .legal-container li,.theme-loi .legal-container td{color:#334155!important}
.theme-loi .legal-container b,.theme-loi .legal-container strong{color:#0E1B2C!important}
.theme-loi .legal-container a{color:#0891B2!important}
.theme-loi .reponse-directe{background:#F1F7FA!important;border-left:4px solid #0891B2!important;color:#1C2B3A!important}
/* en-têtes de page : même univers que la page */
.theme-test .hero,.theme-rh .hero{background:radial-gradient(900px 480px at 78% -10%,rgba(var(--u-rgb),.28),transparent 62%),radial-gradient(700px 420px at 6% 110%,rgba(var(--u-rgb),.14),transparent 58%),var(--h-fond)!important}
.theme-test .hero h1 span,.theme-test .hero h1 em,.theme-rh .hero h1 span,.theme-rh .hero h1 em{color:var(--u)!important}
.theme-test .hero .eyebrow,.theme-rh .hero .eyebrow{color:var(--u)!important}
.theme-rh .hero .sous-bleu{color:var(--u-sous)!important}

/* ════════════════ FINITIONS (design ultime) ════════════════ */
/* 1. Les chapitres (Faire le test > Pourquoi / Comment / Combien / Faire connaître) : une bande à la couleur de l'univers */
section[style*="padding:40px 0 0"]{background:linear-gradient(90deg,rgba(var(--u-rgb,53,200,230),.16),rgba(var(--u-rgb,53,200,230),.03) 70%)!important;
  padding:clamp(40px,5vw,64px) 0 clamp(36px,4.5vw,56px)!important;border-top:1px solid rgba(var(--u-rgb,53,200,230),.35)!important;border-bottom:1px solid rgba(var(--u-rgb,53,200,230),.18)!important}
section[style*="padding:40px 0 0"] h2{font-size:clamp(34px,4.4vw,54px)!important;margin:6px 0 0!important}
section[style*="padding:40px 0 0"]+*{padding-top:clamp(44px,5vw,72px)!important}
/* sous les chapitres, les titres de section restent colorés mais d'un cran plus petits */
.theme-test section:not([style*="padding:40px 0 0"]):not(.cta-fin) h2{font-size:clamp(26px,3vw,36px)!important}

/* 2. En-tête de section : un seul rythme */
section .eyebrow{margin:0 0 10px!important}
section h2{margin:0 0 14px!important}
section h2+.sous-bleu,section h2+.sous{margin-top:0!important}
.sous-bleu{margin:0 0 20px!important}
.cartes,.rcartes,.esp-cartes,.portes,.mt-grid,.pricing-grid,.abo-grid,.steles{margin-top:30px!important}

/* 3. Grilles : texte long = 2 colonnes, cartes courtes = 3 ou plus */
.cartes{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))!important}
#le-test .cartes,.temps6,.esp-cartes,.portes{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
.rcartes{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important}
.mt-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important}
.cartes>*,.rcartes>*,.esp-cartes>*,.portes>*,.mt-grid>*{height:100%}

/* 4. Cartes : titre, puis texte, toujours le même espacement */
.carte h3+p,.rcarte h3+p,.esp-carte h3+p,.porte h3+p{margin-top:10px!important}
.carte p+p{margin-top:10px!important}
.mt-carte ul{margin-top:14px!important}
.mt-carte li{margin:0 0 10px!important}

/* 5. En-têtes de page : même hauteur, même largeur de texte */
.hero{padding-top:clamp(96px,11vw,150px)!important;padding-bottom:clamp(56px,7vw,90px)!important}
.hero p{max-width:720px}
.hero .faits{margin-top:22px!important;display:flex;flex-wrap:wrap;gap:8px}
.hero .fait{background:rgba(255,255,255,.06)!important;border:1px solid var(--h-bord)!important;color:var(--h-txt)!important;border-radius:999px!important;padding:6px 14px!important;font-size:14px!important}

/* 6. Rangées de boutons alignées */
.cta-ligne{max-width:none!important}
.loi .cta-ligne,.regle .cta-ligne{margin-top:16px!important}
/* grilles équilibrées : 4 cartes = 2 × 2, 3 cartes = 3 de front */
:is(.portes,.esp-cartes,.temps6,.cartes):has(> :nth-child(4):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))!important}
.cartes:has(> :nth-child(3):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
/* aiguillages : le bouton et le trait prennent la couleur de l'espace de destination */
.btn-pro-ligne{background:transparent!important;border-color:var(--h-pro)!important;color:#8FB4FF!important}
.btn-pro-ligne:hover{background:rgba(91,140,255,.12)!important}
.btn-cand-ligne{background:transparent!important;border-color:var(--h-cand)!important;color:#FF8CC4!important}
.btn-cand-ligne:hover{background:rgba(240,71,158,.12)!important}
body .choisir-carte.vers-pro,.theme-test .choisir-carte.vers-pro{border-left-color:var(--h-pro)!important}
body .choisir-carte.vers-cand,.theme-rh .choisir-carte.vers-cand{border-left-color:var(--h-cand)!important}
.pricing-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:18px!important}
.pricing-grid.vignette-test{grid-template-columns:minmax(0,340px)!important}
/* prix : la couleur suit l'univers de la page */
.theme-test .pricing-card,.theme-rh .pricing-card,.theme-test .esp-prix .pricing-card,.theme-rh .esp-prix .pricing-card{border:1px solid var(--h-bord)!important;background:var(--h-carte)!important}
.theme-test .pricing-card.popular,.theme-test .esp-prix .pricing-card.popular{border-color:var(--h-cand)!important}
.theme-rh .pricing-card.popular,.theme-rh .esp-prix .pricing-card.popular{border-color:var(--h-pro)!important}
.theme-test .pricing-badge{background:var(--h-cand)!important;color:#fff!important}
.theme-rh .pricing-badge,.theme-rh .esp-prix .pricing-badge{background:var(--h-pro)!important;color:#fff!important}
.theme-test .pricing-price,.theme-rh .pricing-price,.theme-test .esp-prix .pricing-price,.theme-rh .esp-prix .pricing-price{color:#fff!important}
.theme-test .pricing-credits{color:#FF8CC4!important}.theme-rh .pricing-credits,.theme-rh .esp-prix .pricing-credits{color:#8FB4FF!important}
.theme-rh .esp-btn-test{background:var(--h-pro)!important;color:#fff!important}
.theme-rh .pricing-details a{color:#8FB4FF!important}
/* titre principal des deux pages Matching Tool (h1 pour Google, même allure que l'en-tête) */
.theme-test #matching h1,.theme-rh #espace h1{font-size:clamp(32px,4.2vw,52px)!important;color:var(--u)!important}
/* prix : étapes numérotées (référent) */
.prix-etape{font-size:clamp(20px,2vw,24px)!important;color:var(--u,#fff)!important;margin:34px 0 0!important;padding-top:18px;border-top:1px solid var(--h-bord)}
section h2 + .sous + .prix-etape{border-top:0;padding-top:0}
/* bloc d'appel final centré */
.cta-fin h2,.cta-fin p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.cta-fin h2{max-width:780px}
.abo-intro{text-align:left!important;margin-left:0!important}