/* Espace-Vert.pro V2 (ev-site.css, derive de clim-site.css) : maquette « langage chantier-pro » retravaillée, classes préfixées cs- (30/10/2026)
   Accent propre au site : turquoise glacier. Polices locales, aucune ressource externe. Mobile d'abord. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Jakarta";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/pjs-700.woff2) format("woff2")}
@font-face{font-family:"Jakarta";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/pjs-800.woff2) format("woff2")}

:root{
  --navy:#12301A;        /* marine glacier : titres, voile du hero, pied de page (15,8:1 sur blanc) */
  --navy-2:#1B4527;
  --navy-3:#235A33;
  --text:#2F4636;        /* corps : 10,4:1 */
  --muted:#4B6152;       /* secondaire : 6,1:1 sur blanc, 5,7:1 sur --soft */
  --line:#CFE0CD;
  --line-2:#E1EDDF;
  --soft:#EEF5EC;
  --ice:#2E7D32;         /* turquoise glacier : FOND de bouton avec texte marine (7,0:1) */
  --ice-hover:#256628;   /* survol : marine dessus 9,0:1 */
  --ice-ink:#23692A;     /* turquoise en TEXTE sur clair : 6,0:1 blanc, 5,6:1 --soft */
  --ice-on-dark:#A5D6A7; /* turquoise en texte sur marine : 10,9:1 */
  --ice-soft:#E1F0DF;    /* fonds d'encarts, pastilles d'icônes */
  --ok:#15803D;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-t:"Jakarta","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --container:1160px;--gutter:20px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --r-sm:8px;--r:12px;--r-lg:18px;--r-btn:10px;
  --shadow-1:0 1px 2px rgba(18,48,26,.06),0 0 0 1px var(--line-2);
  --shadow-2:0 30px 60px -30px rgba(18,48,26,.45),0 0 0 1px rgba(18,48,26,.06);
  --tap:44px;--header-h:60px;--form-h:760px;
}
@media (min-width:760px){:root{--gutter:32px}}
@media (min-width:1024px){:root{--header-h:72px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.65;color:var(--text);background:#fff;overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
img{max-width:100%;height:auto;display:block}
a{color:var(--ice-ink)}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--ice);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--font-t);color:var(--navy);line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:0 0 var(--s4);overflow-wrap:break-word}
h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.375rem)}
h3{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 var(--s4)}
ul{margin:0 0 var(--s4)}
.cs-wrap{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.cs-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}
.cs-skip:focus{left:8px}
.cs-small{font-size:.875rem}
.cs-lead{font-size:1.0625rem}
@media (min-width:760px){body{font-size:1.0625rem}.cs-lead{font-size:1.1875rem}}

/* Sur-titre à trait, mot surligné */
.cs-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ice-ink);margin:0 0 var(--s3)}
.cs-eyebrow::before{content:"";width:24px;height:3px;border-radius:2px;background:var(--ice)}
.cs-eyebrow.cs-on-dark{color:var(--ice-on-dark)}
.cs-mark{background:linear-gradient(transparent 64%,rgba(165,214,167,.75) 64%);padding-inline:3px;margin-inline:-3px;border-radius:2px}
.cs-on-photo .cs-mark{background:linear-gradient(transparent 62%,rgba(46,125,50,.92) 62%);color:#fff}

/* Boutons */
.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:12px 22px;border-radius:var(--r-btn);border:0;background:var(--ice);color:var(--navy);font:inherit;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.cs-btn:hover{background:var(--ice-hover);color:var(--navy)}
.cs-btn:active{transform:translateY(1px)}
.cs-btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cs-btn-lg{min-height:54px;padding:14px 28px;font-size:1.0625rem;box-shadow:0 12px 26px -12px rgba(46,125,50,.6)}
.cs-btn-navy{background:var(--navy);color:#fff}
.cs-btn-navy:hover{background:var(--navy-3);color:#fff}
.cs-link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);font-weight:700;color:var(--ice-ink);text-decoration:none}
.cs-link-arrow::after{content:"\2192";transition:transform .15s}
.cs-link-arrow:hover::after{transform:translateX(3px)}

/* En-tête blanc, logo carré turquoise */
.cs-site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line-2)}
.cs-site-header .cs-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);height:var(--header-h)}
.cs-logo{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);text-decoration:none;color:var(--navy);font-family:var(--font-t);font-weight:800;font-size:1.25rem;letter-spacing:-.03em;white-space:nowrap}
.cs-logo:hover{color:var(--navy)}
.cs-logo svg{width:34px;height:34px;flex:none}
.cs-logo-tld{color:var(--ice-ink)}
@media (min-width:1024px){.cs-logo{font-size:1.4375rem}.cs-logo svg{width:38px;height:38px}}
.cs-menu-toggle{position:absolute;opacity:0;pointer-events:none}
.cs-burger{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--r-sm);background:var(--soft);cursor:pointer}
.cs-burger span,.cs-burger span::before,.cs-burger span::after{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy);position:relative}
.cs-burger span::before,.cs-burger span::after{content:"";position:absolute;left:0}
.cs-burger span::before{top:-6px}.cs-burger span::after{top:6px}
.cs-nav{display:none}
.cs-menu-toggle:checked~.cs-nav{display:block;position:absolute;left:0;right:0;top:var(--header-h);background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(18,48,26,.3);padding:var(--s3) var(--gutter) var(--s5)}
.cs-menu-toggle:focus-visible+.cs-burger{outline:3px solid var(--ice);outline-offset:2px}
.cs-nav ul{list-style:none;margin:0;padding:0}
.cs-nav li a{display:flex;align-items:center;min-height:48px;color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line-2)}
.cs-nav .cs-btn{margin-top:var(--s4);width:100%}
@media (min-width:1100px){
  .cs-burger{display:none}
  .cs-nav{display:flex;align-items:center;gap:var(--s6)}
  .cs-nav ul{display:flex;gap:var(--s5)}
  .cs-nav li a{min-height:var(--tap);border:0;font-size:1rem}
  .cs-nav li a:hover{color:var(--ice-ink)}
  .cs-nav .cs-btn{margin:0;width:auto}
}

/* ============ HERO ACCUEIL ============ */
.cs-hero{position:relative;isolation:isolate;padding-bottom:var(--s7)}
.cs-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);position:relative}
.cs-hero-bg{grid-column:1/-1;grid-row:1;position:relative;z-index:-1;margin-inline:calc(-1 * var(--gutter));overflow:hidden;background:var(--navy)}
.cs-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 18%}
.cs-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,48,26,.66) 0%,rgba(18,48,26,.78) 55%,rgba(18,48,26,.92) 100%)}
.cs-hero-txt{grid-column:1;grid-row:1;padding:var(--s6) 0 calc(var(--s9) + var(--s2));color:#fff}
.cs-hero-txt h1{color:#fff;font-size:clamp(2rem,1.25rem + 3vw,3.5rem);line-height:1.08;letter-spacing:-.035em;max-width:12.5em;margin-bottom:var(--s4)}
.cs-hero-txt .cs-lead{color:#E3EDF2;max-width:34rem;margin-bottom:0}
.cs-chips{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;padding:0;margin:var(--s5) 0 0}
.cs-chips li{display:inline-flex;align-items:center;gap:8px;margin:0;min-height:32px;padding:4px 13px 4px 9px;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);color:#fff;font-size:.875rem;font-weight:600;line-height:1.3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cs-chips li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:var(--ice) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.cs-chips--light li{background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--navy);-webkit-backdrop-filter:none;backdrop-filter:none}
.cs-hero-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:var(--s5) 0 0;color:#E3EDF2;font-size:.9375rem}
.cs-hero-price b{font-family:var(--font-t);font-size:1.375rem;color:#fff;letter-spacing:-.02em;margin-right:8px}
.cs-hero-price small{flex-basis:100%;color:#B9CAD5;font-size:.8125rem}

/* Carte formulaire (Leadrs) */
.cs-form-card{grid-column:1;grid-row:2;position:relative;z-index:3;margin-top:calc(-1 * var(--s9));background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--s5) var(--s3) var(--s4);scroll-margin-top:calc(var(--header-h) + 12px)}
.cs-form-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:4px;border-radius:0 0 4px 4px;background:var(--ice)}
.cs-form-head{padding-inline:var(--s2)}
.cs-form-t{font-family:var(--font-t);font-size:1.375rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.2;margin:0 0 4px}
.cs-form-head p:not(.cs-form-t){font-size:.9375rem;color:var(--muted);margin:0 0 var(--s3)}
.cs-form-slot{min-height:var(--form-h);border-radius:var(--r);background:var(--soft)}
.cs-form-slot iframe{display:block;width:100%;min-height:var(--form-h);border:0;border-radius:var(--r)}
.cs-form-card .mention-dg06{color:var(--muted);padding-inline:var(--s2)}
.cs-form-card .cp-france-renov-form{margin-inline:var(--s1)!important}
.cs-form-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;list-style:none;margin:var(--s3) 0 0;padding:0;font-size:.8125rem;font-weight:600;color:var(--navy)}
.cs-form-trust li{display:inline-flex;align-items:center;gap:6px;margin:0}
.cs-form-trust svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--ice-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:600px){.cs-form-card{padding:var(--s5) var(--s5) var(--s4)}.cs-form-head{padding-inline:0}.cs-form-card .mention-dg06{padding-inline:0}.cs-form-card .cp-france-renov-form{margin-inline:0!important}}

/* Carte « services » qui chevauche le hero, tuiles photo */
.cs-b-picker{grid-column:1;grid-row:3;position:relative;z-index:2;margin-top:var(--s5);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--s4) var(--s3)}
.cs-b-picker-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--s4);margin:0 4px var(--s3)}
.cs-b-picker-head h2{margin:4px 0;font-size:1.25rem}
.cs-b-picker-head p{margin:0;font-size:.9375rem;color:var(--muted);flex-basis:100%;order:3}
.cs-ptiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.cs-ptiles li{margin:0;min-width:0}
.cs-ptiles a{display:flex;flex-direction:column;height:100%;border-radius:var(--r);overflow:hidden;background:var(--soft);color:var(--navy);text-decoration:none;box-shadow:0 0 0 1px var(--line-2);transition:box-shadow .15s,transform .15s}
.cs-ptiles img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.cs-ptiles .cs-lbl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 6px;flex:1;padding:8px 10px}
.cs-ptiles .cs-lbl b{font-size:.9375rem;line-height:1.2}
.cs-ptiles .cs-lbl span{grid-column:1;font-size:.8125rem;color:var(--muted);line-height:1.3}
.cs-ptiles .cs-lbl em{grid-column:1;font-style:normal;font-size:.8125rem;font-weight:700;color:var(--ice-ink)}
.cs-ptiles .cs-lbl::after{content:"\2192";grid-column:2;grid-row:1/span 3;color:var(--ice-ink);font-weight:700}
.cs-ptiles a:hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -18px rgba(18,48,26,.5);transform:translateY(-2px);color:var(--navy)}
.cs-picker-note{margin:var(--s3) 4px 0;font-size:.8125rem;color:var(--muted)}
@media (min-width:600px){.cs-ptiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:760px){
  .cs-hero-bg{margin-inline:calc(50% - 50vw)}
  .cs-b-picker{padding:var(--s5)}
  .cs-ptiles{gap:12px}
}

/* Ordinateur : texte à gauche, formulaire à droite, carte services qui chevauche le bas du hero */
@media (min-width:1100px){
  .cs-hero-grid{grid-template-columns:minmax(0,1fr) 440px;column-gap:var(--s7)}
  .cs-hero-bg::after{background:linear-gradient(90deg,rgba(18,48,26,.93) 0%,rgba(18,48,26,.82) 36%,rgba(18,48,26,.40) 60%,rgba(18,48,26,.18) 76%,rgba(18,48,26,.45) 100%)}
  .cs-hero-bg img{object-position:center 22%}
  .cs-hero-txt{padding:var(--s7) 0 calc(var(--s9) + var(--s6))}
  .cs-hero-txt h1{font-size:2.875rem;max-width:none;letter-spacing:-.035em}
  .cs-form-card{grid-column:2;grid-row:1/span 2;align-self:start;margin-top:var(--s5);padding:26px 26px 20px}
  .cs-b-picker{grid-column:1;grid-row:2;margin-top:calc(-1 * (var(--s9) + var(--s2)));padding:var(--s5)}
  .cs-b-picker-head h2{font-size:1.375rem}
}
@media (max-width:599px){
  .cs-hero-txt{padding:var(--s5) 0 calc(var(--s9) + var(--s4))}
  .cs-hero-txt .cs-lead{font-size:.9375rem}
  .cs-chips{margin-top:var(--s4);gap:6px}
  .cs-chips li{font-size:.8125rem;min-height:30px;padding:3px 11px 3px 7px}
  .cs-hero-price{display:none}
  .cs-form-card{margin-top:calc(-1 * (var(--s9) - var(--s2)))}
}

/* ============ SECTIONS ============ */
.cs-section{padding-block:var(--s8)}
.cs-section-soft{background:var(--soft)}
@media (min-width:760px){.cs-section{padding-block:var(--s9)}}
.cs-section-head{max-width:46rem;margin-bottom:var(--s6)}
.cs-section-head p:not(.cs-eyebrow){color:var(--muted);font-size:1.0625rem;margin:0}
.cs-section-head--row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4);max-width:none}
.cs-section-head--row>div{max-width:46rem}

/* Pourquoi : photo + liste à icônes */
.cs-b-how{display:grid;gap:var(--s7);align-items:center}
@media (min-width:1024px){.cs-b-how{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--s8)}}
.cs-hsteps{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s5)}
.cs-hsteps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px var(--s4);margin:0;align-items:start}
.cs-hsteps-ico{grid-row:1/span 2;position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--ice-soft);color:var(--ice-ink)}
.cs-hsteps-ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-hsteps-n{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:.75rem;font-weight:800;display:grid;place-items:center}
.cs-hsteps .cs-t{font-family:var(--font-t);font-weight:700;font-size:1.125rem;color:var(--navy);margin:4px 0 0;line-height:1.3}
.cs-hsteps p{margin:0;color:var(--text)}
.cs-how-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2)}
.cs-how-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 30%}

/* Régions */
.cs-regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;list-style:none;margin:0;padding:0}
.cs-regions li{margin:0}
.cs-regions a{display:flex;align-items:center;gap:12px;min-height:64px;height:100%;padding:12px 16px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-1);text-decoration:none;color:var(--navy);transition:box-shadow .15s,transform .15s}
.cs-regions a:hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -20px rgba(18,48,26,.5);transform:translateY(-2px)}
.cs-regions svg{width:34px;height:34px;flex:none;padding:7px;border-radius:10px;background:var(--ice-soft);color:var(--ice-ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cs-regions b{display:block;font-size:.9375rem;line-height:1.25}
.cs-regions span{display:block;font-size:.8125rem;color:var(--muted);line-height:1.3}

/* Marques */
.cs-brands{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.cs-brands li{margin:0}
.cs-brands a{display:inline-flex;align-items:center;min-height:var(--tap);padding:8px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--navy);font-weight:700;text-decoration:none;font-size:.9375rem}
.cs-brands a:hover{box-shadow:inset 0 0 0 2px var(--ice);color:var(--ice-ink)}

/* Cartes guides */
.cs-cards{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cs-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5)}}
.cs-scard{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);transition:box-shadow .15s,transform .15s}
.cs-scard:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}
.cs-scard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.cs-scard-b{display:flex;flex-direction:column;flex:1;padding:var(--s4) var(--s5) var(--s5)}
.cs-scard h3{font-size:1.0625rem;margin:0 0 4px}
.cs-scard h3 a{color:var(--navy);text-decoration:none}
.cs-scard h3 a::after{content:"";position:absolute;inset:0}
.cs-scard p{font-size:.9375rem;color:var(--muted);margin:0}
.cs-scard .cs-tag{position:absolute;top:12px;left:12px;background:#fff;color:var(--navy);font-size:.75rem;font-weight:800;letter-spacing:.03em;padding:4px 10px;border-radius:999px;box-shadow:0 4px 12px -4px rgba(18,48,26,.35)}

/* Bandeau final, clair et frais */
.cs-cta-end{padding-block:0 var(--s8)}
.cs-cta-box{position:relative;overflow:hidden;display:grid;gap:var(--s5);align-items:center;border-radius:var(--r-lg);padding:var(--s6) var(--s5);background:linear-gradient(120deg,#12A9B5 0%,#18BFCB 50%,#6FDDE3 100%);color:var(--navy)}
.cs-cta-box h2{color:var(--navy);margin-bottom:6px;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem)}
.cs-cta-box p{margin:0;color:#08303A;font-weight:500;max-width:40rem}
.cs-cta-box .cs-btn{background:var(--navy);color:#fff}
.cs-cta-box .cs-btn:hover{background:var(--navy-3);color:#fff}
@media (min-width:900px){.cs-cta-box{grid-template-columns:minmax(0,1fr) auto;padding:var(--s7) var(--s8)}}

/* Mention France Rénov' (texte inchangé, habillage aligné sur la grille) */
.cs-fr-zone{padding-block:0 var(--s7)}
.cs-fr-zone .cp-france-renov{max-width:none!important;margin:0!important;border-radius:var(--r)!important}

/* Pied de page */
.cs-site-footer{background:var(--navy);color:#C6D5E0;padding:var(--s8) 0 var(--s5);font-size:.9375rem}
.cs-foot-grid{display:grid;gap:var(--s6)}
@media (min-width:760px){.cs-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cs-foot-grid{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))}}
.cs-site-footer .cs-logo{color:#fff}
.cs-site-footer .cs-logo-tld{color:var(--ice-on-dark)}
.cs-foot-brand p{margin:var(--s3) 0 0;max-width:24rem;line-height:1.6}
.cs-foot-title{color:#fff;font-weight:700;font-size:.9375rem;margin:0 0 var(--s2)}
.cs-site-footer ul{list-style:none;margin:0;padding:0}
.cs-site-footer li{margin:0}
.cs-site-footer li a{display:flex;align-items:center;min-height:40px;color:#C6D5E0;text-decoration:none}
@media (min-width:1024px){.cs-site-footer li a{min-height:34px}}
.cs-site-footer a:hover{color:#fff}
.cs-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px var(--s5);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.12);font-size:.8125rem;color:#A9BBC8}
.cs-foot-bottom p{margin:0}
.cs-foot-bottom a{color:#C6D5E0}

/* Barre d'appel mobile */
.cs-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:12px;align-items:center;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -10px 30px -16px rgba(18,48,26,.35);transform:translateY(110%);transition:transform .25s}
.cs-sticky-cta.cs-show{transform:none}
.cs-sticky-cta p{margin:0;font-size:.8125rem;line-height:1.3;color:var(--muted);flex:1;min-width:0}
.cs-sticky-cta p b{display:block;color:var(--navy);font-size:.9375rem}
.cs-sticky-cta .cs-btn{flex:none;padding:0 18px}
@media (min-width:1024px){.cs-sticky-cta{display:none}}
@media (max-width:359px){.cs-sticky-cta p{display:none}.cs-sticky-cta .cs-btn{flex:1}}

/* ============ PAGE TYPE (guide / prix) ============ */
.cs-p-hero{position:relative;isolation:isolate;color:#fff;background:var(--navy);overflow:hidden}
.cs-p-hero-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.cs-p-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,48,26,.74),rgba(18,48,26,.92))}
@media (min-width:1024px){.cs-p-hero::after{background:linear-gradient(90deg,rgba(18,48,26,.94) 0%,rgba(18,48,26,.84) 42%,rgba(18,48,26,.45) 70%,rgba(18,48,26,.30) 100%)}}
.cs-p-hero-in{padding-block:var(--s4) var(--s7)}
@media (min-width:1024px){.cs-p-hero-in{padding-block:var(--s5) var(--s8);padding-right:calc(var(--gutter) + 440px + var(--s7))}}
@media (min-width:1024px){.cs-p-hero-in{max-width:calc(var(--container) + 2 * var(--gutter))}}
.cs-crumb{font-size:.875rem;color:#B9CAD5;margin:0 0 var(--s5)}
.cs-crumb ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0}
.cs-crumb li{margin:0;display:flex;gap:8px;align-items:center}
.cs-crumb li+li::before{content:"\203A";color:#7F98A8}
.cs-crumb a{color:#E3EDF2;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.cs-crumb a:hover{color:#fff;text-decoration:underline}
.cs-p-hero h1{color:#fff;font-size:clamp(1.875rem,1.3rem + 2.4vw,3rem);line-height:1.1;letter-spacing:-.035em}
.cs-p-hero .cs-lead{color:#E3EDF2;max-width:36rem;margin-bottom:0}
.cs-pcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:var(--s5) 0 0;padding:0;max-width:44rem}
@media (min-width:600px){.cs-pcards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
.cs-pcards li{margin:0;padding:10px 12px;border-radius:var(--r);background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1.25}
.cs-pcards .cs-ty{display:block;font-size:.8125rem;font-weight:700;color:var(--ice-on-dark);text-transform:uppercase;letter-spacing:.05em}
.cs-pcards b{display:block;font-family:var(--font-t);font-size:1.0625rem;color:#fff;margin:4px 0 2px;white-space:nowrap}
.cs-pcards .cs-dt{font-size:.8125rem;color:#C6D5E0}
.cs-pcards .cs-hl{background:rgba(165,214,167,.28);box-shadow:inset 0 0 0 1.5px var(--ice)}
.cs-p-hero .cs-prix-note{font-size:.8125rem;color:#B9CAD5;margin:var(--s2) 0 0}

.cs-p-layout{display:grid;gap:var(--s6);padding-bottom:var(--s8)}
.cs-p-side .cs-form-card{margin-top:calc(-1 * var(--s5))}
@media (min-width:1024px){
  .cs-p-layout{grid-template-columns:minmax(0,1fr) 440px;column-gap:var(--s7);align-items:start}
  .cs-p-side{grid-column:2;grid-row:1/span 3;position:relative;z-index:3}
  .cs-p-side .cs-form-card{margin-top:calc(-1 * (var(--s8) + 420px))}
  .cs-p-main{grid-column:1;grid-row:1;padding-top:var(--s8)}
}
.cs-p-side .cs-form-card{grid-row:auto;grid-column:auto}
.cs-side-box{margin-top:var(--s5);padding:var(--s5);border-radius:var(--r-lg);background:var(--soft);box-shadow:0 0 0 1px var(--line-2)}
.cs-side-box .cs-t-card{font-family:var(--font-t);font-weight:800;color:var(--navy);font-size:1.0625rem;margin:0 0 var(--s2)}
.cs-side-box ul{list-style:none;margin:0;padding:0}
.cs-side-box li a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;border-bottom:1px solid var(--line);color:var(--navy);font-weight:600;font-size:.9375rem;text-decoration:none}
.cs-side-box li:last-child a{border:0}
.cs-side-box li a::after{content:"\2192";color:var(--ice-ink)}
.cs-side-box li a:hover{color:var(--ice-ink)}
@media (min-width:1024px){.cs-side-box{position:sticky;top:calc(var(--header-h) + 24px)}}

.cs-article{max-width:46rem}
.cs-article h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-top:var(--s7)}
.cs-article h2:first-child{margin-top:0}
.cs-article h3{font-size:1.25rem;margin-top:var(--s6)}
.cs-article ul{padding:0;list-style:none}
.cs-article ul li{position:relative;padding:6px 0 6px 34px}
.cs-article ul li::before{content:"";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--ice-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%2323692A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.cs-note-box{display:flex;gap:14px;background:var(--ice-soft);border-radius:var(--r);padding:var(--s4) var(--s5);margin:var(--s5) 0;color:var(--navy);box-shadow:inset 4px 0 0 var(--ice)}
.cs-note-box svg{width:24px;height:24px;flex:none;color:var(--ice-ink);margin-top:3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cs-note-box .cs-t-card{font-family:var(--font-t);font-weight:800;margin:0 0 4px;font-size:1.0625rem}
.cs-note-box p{margin:0}
.cs-article figure{margin:var(--s6) 0;border-radius:var(--r-lg);overflow:hidden}
.cs-article figure img{width:100%;aspect-ratio:16/8;object-fit:cover}

.cs-ptable{width:100%;border-collapse:separate;border-spacing:0;margin:var(--s5) 0;border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px var(--line);font-size:.9375rem}
.cs-ptable th,.cs-ptable td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-2)}
.cs-ptable thead th{background:var(--soft);color:var(--navy);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}
.cs-ptable tbody tr:last-child td{border-bottom:0}
.cs-ptable td.cs-num{font-weight:800;color:var(--navy);white-space:nowrap}
.cs-ptable td span{display:block;font-size:.875rem;color:var(--muted)}

.cs-steps3{display:grid;gap:var(--s4);list-style:none;margin:0;padding:0;counter-reset:st}
@media (min-width:760px){.cs-steps3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}}
.cs-steps3 li{margin:0;padding:var(--s5);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.cs-steps3 .cs-n{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--ice-on-dark);font-family:var(--font-t);font-weight:800;font-size:1.25rem;margin-bottom:var(--s3)}
.cs-steps3 h3{margin:0 0 6px}
.cs-steps3 p{margin:0;font-size:.9375rem}

.cs-why{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.cs-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cs-why{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cs-why>div{padding:var(--s5);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-1)}
.cs-why .cs-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ice-soft);color:var(--ice-ink);margin-bottom:var(--s3)}
.cs-why .cs-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cs-why h3{margin:0 0 6px}
.cs-why p{margin:0;font-size:.9375rem}

.cs-faqs{display:grid;gap:12px;max-width:52rem}
.cs-faq{background:#fff;border-radius:var(--r);box-shadow:var(--shadow-1);transition:box-shadow .15s}
.cs-faq[open]{box-shadow:0 0 0 2px var(--ice),0 20px 40px -30px rgba(18,48,26,.4)}
.cs-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:56px;padding:14px 18px;cursor:pointer}
.cs-faq summary h3{margin:0;font-size:1.0625rem;line-height:1.35}
.cs-faq summary::-webkit-details-marker{display:none}
.cs-faq-ico{position:relative;width:28px;height:28px;flex:none;border-radius:50%;background:var(--ice-soft)}
.cs-faq-ico::before,.cs-faq-ico::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--ice-ink);transition:transform .2s}
.cs-faq-ico::after{transform:rotate(90deg)}
.cs-faq[open] .cs-faq-ico::after{transform:rotate(0)}
.cs-faq-a{padding:0 18px 16px}
.cs-faq-a p{margin:0 0 8px}
.cs-faq-a p:last-child{margin:0}

/* Ajustements après captures (30/10) */
@media (max-width:1023px){.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:599px){
  .cs-scard-b{padding:12px 12px 14px}
  .cs-scard h3{font-size:.9375rem}
  .cs-scard p{font-size:.8125rem}
  .cs-regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cs-regions a{padding:10px;gap:8px;min-height:56px}
  .cs-regions svg{display:none}
  .cs-p-hero .cs-chips{display:none}
  .cs-p-hero .cs-lead{font-size:1rem}
}
.cs-foot-zones{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.12)}
.cs-foot-zones p:last-child{margin:0;line-height:1.7;color:#C6D5E0}

/* ============ Contenu propre à la clim (30/10) ============ */
.cs-hero-def{margin:var(--s4) 0 0;max-width:36rem;font-size:.9375rem;line-height:1.55;color:#D5E3EA;padding-left:12px;border-left:3px solid var(--ice)}
.cs-answer{max-width:40rem;margin:0 0 var(--s4);padding:14px 16px;border-radius:var(--r);background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cs-answer p{margin:0 0 6px;color:#EAF2F6;font-size:.9875rem;line-height:1.55}
.cs-answer strong{color:#fff}
.cs-answer-t{font-size:.75rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ice-on-dark)!important}
.cs-answer-note{font-size:.8125rem!important;color:#B9CAD5!important;margin:0!important}
.cs-updated{margin:var(--s4) 0 0;font-size:.8125rem;color:#B9CAD5}
.cs-updated time{color:#E3EDF2;font-weight:600}

.cs-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);box-shadow:0 0 0 1px var(--line);background:#fff}
.cs-ptable{width:100%;border-collapse:collapse;font-size:.9375rem;margin:0}
.cs-ptable caption{caption-side:top;text-align:left;padding:14px 16px 10px;font-family:var(--font-t);font-weight:800;font-size:1.0625rem;color:var(--navy);background:#fff}
.cs-ptable th,.cs-ptable td{padding:11px 16px;text-align:left;border-top:1px solid var(--line-2);vertical-align:top}
.cs-ptable thead th{background:var(--soft);color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.cs-ptable tbody th{color:var(--navy);font-weight:700}
.cs-ptable tbody th a{color:var(--ice-ink)}
.cs-ptable .cs-num{font-weight:800;color:var(--navy);white-space:nowrap}
.cs-ptable--wide{min-width:640px}
.cs-table-after{margin:10px 2px 0;font-size:.875rem;color:var(--muted)}
.cs-table-after a{font-weight:700}
.cs-duo{display:grid;gap:var(--s5)}
@media (min-width:900px){.cs-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.cs-power-box{margin:var(--s5) 0 var(--s6)}
.cs-article .cs-table-wrap{margin-top:var(--s4)}

.cs-note-box--season{margin-top:var(--s6);background:#fff;box-shadow:0 0 0 1px var(--line),inset 4px 0 0 var(--ice)}
.cs-section-soft .cs-note-box--season{max-width:none}
.cs-season{list-style:none;margin:6px 0 8px;padding:0}
.cs-article .cs-season li,.cs-season li{position:static;padding:4px 0}
.cs-article .cs-season li::before{display:none}

.cs-scard--navy{background:var(--navy)}
.cs-scard--navy .cs-scard-b{justify-content:center;gap:12px}
.cs-scard--navy h3 a{color:#fff}
.cs-scard--navy p{color:#C6D5E0}
.cs-how-gap{margin-top:var(--s8)}
@media (min-width:1024px){.cs-how-gap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.cs-section--tight{padding-block:var(--s7)}
.cs-cta-end--top{padding-top:var(--s8)}
@media (max-width:599px){.cs-p-hero .cs-pcards,.cs-p-hero .cs-lead{display:none}}

/* Page prix : formulaire flottant dans le premier écran, quelle que soit la hauteur du hero */
.cs-p-main,.cs-p-layout>*{min-width:0}
.cs-p-side .cs-form-card{margin-top:calc(-1 * var(--s5))}
@media (min-width:1024px){
  .cs-p-top{position:relative}
  .cs-p-float{position:absolute;top:0;left:0;right:0;z-index:5;pointer-events:none}
  .cs-p-float .cs-p-side{width:440px;margin:24px 0 0 auto;pointer-events:auto;grid-row:auto;grid-column:auto}
  .cs-p-float .cs-p-side .cs-form-card{margin-top:0}
  .cs-p-float .cs-side-box{position:static}
  .cs-p-layout{grid-template-columns:minmax(0,1fr) 440px}
  .cs-p-main{grid-column:1;grid-row:1}
}
@media (max-width:599px){.cs-answer p{font-size:.9375rem}.cs-answer{padding:12px 14px}.cs-updated{margin-top:var(--s3)}}
@media (max-width:599px){.cs-hero-txt .cs-lead{display:none}.cs-hero-def{font-size:.875rem;margin-top:var(--s3)}}


/* ============ Intégration sur tout le site (30/10/2026) ============
   Gabarit commun des pages hors accueil et page prix : en-tête de page, contenu, cartes, encadrés, FAQ. */
.cs-p-hero-in--full{padding-right:var(--gutter)!important}

.cs-p-hero--plain::after{display:none}
.cs-p-hero h1 .cs-mark{color:#fff}
.cs-hero-sub{color:#E3EDF2;max-width:40rem;margin:0 0 var(--s3);font-size:1.0625rem}
.cs-hero-extra{color:#E3EDF2;max-width:40rem}
.cs-hero-extra p{margin:0 0 var(--s3)}
.cs-hero-extra a{color:#fff}
.cs-hero-extra .cs-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.cs-hero-extra .cs-card,.cs-hero-extra .cs-box{background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#EAF2F6}
.cs-hero-extra .cs-card *,.cs-hero-extra .cs-box *{color:inherit}
.cs-hero-extra .cs-amount{color:#fff}
.cs-hero-extra .cs-tag{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)}
.cs-hero-extra .cs-small,.cs-hero-extra .cs-prix-ind{color:#B9CAD5}
.cs-hero-extra .cs-updated{color:#B9CAD5}
.cs-hero-extra img{display:none}
@media (max-width:599px){.cs-p-top--form .cs-hero-extra{display:none}.cs-p-top--form .cs-hero-sub{font-size:.9375rem;margin-bottom:0}}
@media (min-width:1024px){.cs-p-top--form{min-height:1180px}}
.cs-p-top--form .cs-p-layout{padding-top:var(--s6)}
@media (min-width:1024px){.cs-p-top--form .cs-p-main{padding-top:var(--s5)}}
.cs-p-layout--full{grid-template-columns:minmax(0,1fr)!important;padding-top:var(--s7)}

/* Contenu repris des pages publiées */
.cs-prose>*{max-width:52rem}
.cs-prose>.cs-grid,.cs-prose>.cs-table-wrap,.cs-prose>.cs-ptiles,.cs-prose>.cs-lcards,.cs-prose>.cs-split,.cs-prose>.cs-form-card,.cs-prose>.cs-faqs{max-width:none}
.cs-p-main .cs-prose>*{max-width:none}
.cs-prose h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-top:var(--s7)}
.cs-prose>h2:first-child,.cs-prose>:first-child{margin-top:0}
.cs-prose h3{font-size:1.25rem;margin-top:var(--s6)}
.cs-prose h4{font-size:1.0625rem;margin:var(--s5) 0 var(--s2)}
.cs-prose ul,.cs-prose ol{padding-left:1.25rem}
.cs-prose li{margin:0 0 6px}
.cs-prose figure{margin:var(--s6) 0;border-radius:var(--r-lg);overflow:hidden}
.cs-prose figure img{width:100%;height:auto}
.cs-prose figcaption{font-size:.875rem;color:var(--muted);padding:8px 2px 0}
.cs-prose img{border-radius:var(--r)}
.cs-prose table{width:100%}
.cs-prose .cs-table-wrap{margin:var(--s5) 0}
.cs-prose code{font-size:.875em;background:var(--soft);padding:1px 5px;border-radius:4px}
.cs-section-head2{margin-bottom:var(--s5)}
.cs-lead2{color:var(--muted);font-size:1.0625rem}
.cs-center{text-align:center}

.cs-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin:var(--s5) 0;padding:0;list-style:none}
.cs-card{position:relative;display:block;background:#fff;border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-1);color:var(--text);text-decoration:none;min-width:0}
a.cs-card:hover,.cs-card:has(> a:only-child):hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -20px rgba(18,48,26,.5)}
.cs-section-soft .cs-card{background:#fff}
.cs-card h3,.cs-card h4{font-size:1.0625rem;margin:0 0 6px}
.cs-card p{font-size:.9375rem;margin:0 0 8px}
.cs-card p:last-child{margin:0}
.cs-card ul{padding-left:1.1rem;font-size:.9375rem;margin:0}
.cs-card a{font-weight:600}
.cs-card>a:only-child{color:var(--navy);text-decoration:none;display:block}
.cs-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-sm);margin-bottom:var(--s3)}
.cs-amount{display:block;font-family:var(--font-t);font-weight:800;font-size:1.375rem;color:var(--navy);letter-spacing:-.02em;line-height:1.2;margin:4px 0}
.cs-k{display:block;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.cs-tag{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;margin:0 6px 6px 0;border-radius:999px;background:var(--ice-soft);color:var(--ice-ink);font-size:.8125rem;font-weight:700}
.cs-small,.cs-prix-ind{font-size:.8125rem;color:var(--muted)}
.cs-n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--navy);color:var(--ice-on-dark);font-family:var(--font-t);font-weight:800;font-size:1.125rem;margin-bottom:var(--s3)}

.cs-box{background:var(--ice-soft);border-radius:var(--r);padding:var(--s4) var(--s5);margin:var(--s5) 0;color:var(--navy);box-shadow:inset 4px 0 0 var(--ice)}
.cs-box--warn{background:#FFF7E8;box-shadow:inset 4px 0 0 #E0A43A;color:#3D2A06}
.cs-box--ok{background:#ECF8F1;box-shadow:inset 4px 0 0 #2E9E62}
.cs-box>:last-child{margin-bottom:0}
.cs-box h3,.cs-box h4{margin:0 0 6px;font-size:1.0625rem}
.cs-box ul{margin:6px 0 0}

/* Tuiles services et cartes de liens */
.cs-ptiles--gen{margin:var(--s5) 0}
.cs-ptiles--gen .cs-lbl h3{color:var(--navy);font-size:.9375rem;margin:0;line-height:1.25;font-family:var(--font);letter-spacing:0}
.cs-ptiles--gen .cs-lbl>*{grid-column:1}
.cs-lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px;list-style:none;margin:var(--s5) 0;padding:0}
.cs-lcards li{margin:0}
.cs-lcards a{display:flex;align-items:center;gap:12px;min-height:60px;height:100%;padding:10px 14px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-1);text-decoration:none;color:var(--navy);transition:box-shadow .15s,transform .15s}
.cs-lcards a:hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -20px rgba(18,48,26,.5);transform:translateY(-2px)}
.cs-lcards svg{width:32px;height:32px;flex:none;padding:7px;border-radius:10px;background:var(--ice-soft);color:var(--ice-ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cs-lcards h3,.cs-lcards b{display:block;font-size:.9375rem;line-height:1.25;margin:0;font-family:var(--font);font-weight:700;letter-spacing:0}
.cs-lcards span{display:block;font-size:.8125rem;color:var(--muted);line-height:1.3}
.cs-gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--s4);margin:var(--s5) 0}
.cs-gcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);text-decoration:none;color:var(--navy);font-weight:700;transition:box-shadow .15s,transform .15s}
.cs-gcard:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}
.cs-gcard img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0!important;margin:0}
.cs-gcard>div,.cs-gcard>span{padding:12px 14px;line-height:1.3}

/* Mise en page deux colonnes des pages prix (contenu + colonne de liens) */
.cs-split{display:grid;gap:var(--s6)}
@media (min-width:1024px){.cs-split{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}
.cs-p-main .cs-split{grid-template-columns:minmax(0,1fr)}
.cs-split-side>*{margin-bottom:var(--s4)}
.cs-split-side .cs-side-box{margin-top:0}

/* FAQ convertie en accordéons */
.cs-faq summary{font-weight:700;color:var(--navy);font-size:1.0625rem;line-height:1.35}
.cs-faq summary>h3,.cs-faq summary>h4{flex:1}
.cs-faq-a{padding-top:0}
.cs-prose .cs-faq{margin:0 0 12px}

/* Boutons et encadrés de formulaire dans le contenu */
.cs-prose .cs-btn{margin:var(--s2) 0}
.cs-form-card--inline{grid-row:auto;grid-column:auto;margin:var(--s5) auto 0!important;max-width:560px}
.cs-cta-box .cs-cta-txt>:last-child{margin-bottom:0}
.cs-cta-box .cs-cta-txt p{margin:0 0 6px}

/* Pied de page : liens propres à chaque page */
.cs-foot-extra{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.12)}
.cs-foot-extra ul{display:flex;flex-wrap:wrap;gap:0 var(--s5)}
@media (min-width:1024px){.cs-foot-grid--n6{grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,1fr))}}
.cs-foot-bottom .footer-badge{margin:0!important}
.cs-updated--light{color:var(--muted)!important;margin:var(--s2) 0 0!important}
.cs-updated--light time{color:var(--navy)!important}
.cs-updated2{font-size:.875rem;color:var(--muted)}

.cs-prose ul.cs-ptiles,.cs-prose ul.cs-lcards,.cs-prose ul.cs-grid,.cs-prose ul.cs-form-trust{padding-left:0}
.cs-prose .cs-lcards li,.cs-prose .cs-ptiles li{margin:0}
.cs-prose figure img,.cs-prose>p>img{max-height:520px;object-fit:cover}
.cs-hero-extra .cs-grid{max-width:40rem}
.cs-p-hero-in>h1:first-child{margin-top:var(--s6)}

/* ============ Correctifs affichage (30/10/2026) ============ */
/* Accueil 320 à 390 px : la carte du comparatif (grille .cs-duo) poussait la page à 400 px de large */
.cs-duo{grid-template-columns:minmax(0,1fr)}
.cs-duo>*{min-width:0}
/* Cibles tactiles de 44 px minimum sur tablette et mobile, sans changer la mise en page (marge négative compensée) */
@media (max-width:1023px){
  .cs-crumb a{min-height:44px;margin:-6px 0}
  .cs-site-footer li a,.cs-foot-extra a{display:flex;align-items:center;min-height:44px}
  .cs-site-footer .footer-badge a{display:inline-flex;align-items:center;min-height:44px}
  .cs-ptable th a,.cs-ptable td a,.cs-scard-b h3 a,.cs-card>p>a:only-child,.cs-box a:only-child,.cs-prose .cs-card a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
  .cs-tag a{display:inline-flex;align-items:center;min-height:44px;margin:-8px 0}
  /* barre de devis fixe (94 px) : ne masque plus la dernière ligne du pied de page */
  .cs-site-footer{padding-bottom:calc(24px + 100px + env(safe-area-inset-bottom))}
}

/* ============ Surcharges Espace-Vert (accent feuille, texte blanc sur bouton, hero plus lumineux) ============ */
.cs-btn{color:#fff}
.cs-btn:hover{color:#fff}
.cs-btn-lg{box-shadow:0 12px 26px -12px rgba(46,125,50,.7)}
.cs-btn-navy{background:var(--navy)}
.cs-on-photo .cs-mark{color:#fff}
.cs-mark{background:linear-gradient(transparent 62%,#A5D6A7 62%)}
.cs-on-photo .cs-mark{background:linear-gradient(transparent 62%,rgba(46,125,50,.95) 62%)}
.cs-hero-bg::after{background:linear-gradient(180deg,rgba(18,48,26,.55) 0%,rgba(18,48,26,.68) 55%,rgba(18,48,26,.85) 100%)}
@media (min-width:1100px){.cs-hero-bg::after{background:linear-gradient(90deg,rgba(18,48,26,.86) 0%,rgba(18,48,26,.66) 38%,rgba(18,48,26,.22) 64%,rgba(18,48,26,.05) 80%,rgba(18,48,26,.30) 100%)}}
.cs-p-hero::after{background:linear-gradient(180deg,rgba(18,48,26,.62),rgba(18,48,26,.86))}
@media (min-width:1024px){.cs-p-hero::after{background:linear-gradient(90deg,rgba(18,48,26,.88) 0%,rgba(18,48,26,.72) 42%,rgba(18,48,26,.30) 70%,rgba(18,48,26,.12) 100%)}}
.cs-chips li,.cs-pcards li{background:rgba(255,255,255,.16)}
.cs-cta-box{background:linear-gradient(120deg,#A5D6A7 0%,#C5E4C3 55%,#E1F0DF 100%)}
.cs-cta-box p{color:#12301A}
.cs-cta-box .cs-btn{background:var(--navy);color:#fff}
.cs-site-footer{background:#12301A}
.cs-logo svg{border-radius:10px}
/* Bloc consentement (état avant consentement, même habillage que la brique cookies) */
.mention-donnees{font-size:.78rem;line-height:1.45;color:var(--muted);margin:10px 0 0}
.cs-form-card .mention-donnees{padding-inline:var(--s2)}
@media (min-width:600px){.cs-form-card .mention-donnees{padding-inline:0}}
.cs-form-slot{min-height:0;background:transparent}
.cs-credit{padding:14px 16px;border-radius:var(--r);background:var(--soft);box-shadow:inset 4px 0 0 var(--ice);font-size:.9375rem;color:var(--navy)}
.cs-credit p{margin:0}
.cs-hero-photo-band{border-radius:var(--r-lg);overflow:hidden}
.cs-others{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:var(--s3) 4px 0;padding:0}
.cs-others li{margin:0}
.cs-others a{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--navy);font-weight:600;font-size:.875rem;text-decoration:none}
.cs-others a:hover{box-shadow:inset 0 0 0 2px var(--ice)}
.cs-cal td,.cs-cal th{white-space:normal}
.cs-tarifs{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.cs-tarifs{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}}
.cs-tarif{padding:var(--s5);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-1);border-top:4px solid var(--ice)}
.cs-tarif h3{margin:0 0 4px}
.cs-tarif .cs-price{font-family:var(--font-t);font-weight:800;font-size:2rem;color:var(--navy);letter-spacing:-.03em;line-height:1.1}
.cs-tarif .cs-price-note{color:var(--muted);font-size:.875rem;margin:0 0 var(--s3)}
.cs-tarif ul{list-style:none;padding:0;margin:0;font-size:.9375rem}
.cs-tarif li{padding:4px 0 4px 26px;position:relative}
.cs-tarif li::before{content:"";position:absolute;left:0;top:9px;width:16px;height:16px;border-radius:50%;background:var(--ice-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%2323692A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.cs-svc-list{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.cs-svc-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cs-svc-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cs-svc-list>div{padding:var(--s5);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-1)}
.cs-svc-list h3{margin:0 0 6px}
.cs-svc-list p{margin:0;font-size:.9375rem}
.cs-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ice-soft);color:var(--ice-ink);margin-bottom:var(--s3)}
.cs-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cs-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:var(--s4) 0 0;padding:0}
.cs-pills a{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--navy);font-weight:600;font-size:.9375rem;text-decoration:none}
.cs-pills a:hover{box-shadow:inset 0 0 0 2px var(--ice);color:var(--ice-ink)}
.cs-pills li{margin:0}
.cs-other-svc{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0}
@media (min-width:760px){.cs-other-svc{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cs-other-svc li{margin:0}
.cs-other-svc a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:60px;padding:12px 16px;border-radius:var(--r);background:#fff;box-shadow:var(--shadow-1);color:var(--navy);font-weight:700;text-decoration:none}
.cs-other-svc a::after{content:"\2192";color:var(--ice-ink)}
.cs-other-svc a:hover{box-shadow:0 0 0 2px var(--ice)}
.cs-p-hero-photo{display:none}
.cs-ptiles .cs-lbl-box{display:flex;flex-direction:column;justify-content:center;gap:6px;height:100%;min-height:100%;padding:14px;border-radius:var(--r);background:var(--ice-soft);box-shadow:0 0 0 1px var(--line);color:var(--navy)}
.cs-ptiles .cs-lbl-box b{font-family:var(--font-t);font-size:1rem}
.cs-ptiles .cs-lbl-box a{display:inline-flex;box-shadow:none;background:none;height:auto;min-height:28px;align-items:center;font-weight:600;font-size:.9375rem;color:var(--ice-ink);text-decoration:none}
.cs-ptiles .cs-lbl-box a::after{content:"\2192";margin-left:6px}
.cs-ptiles .cs-lbl-box a:hover{transform:none;box-shadow:none;text-decoration:underline}
.cs-guides{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}
@media (min-width:600px){.cs-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cs-guides{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cs-guides li{margin:0}
.cs-guides a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;min-height:72px;padding:14px 18px;border-radius:var(--r);background:#fff;box-shadow:var(--shadow-1);color:var(--navy);text-decoration:none}
.cs-guides a::after{content:"\2192";color:var(--ice-ink);font-weight:700}
.cs-guides a:hover{box-shadow:0 0 0 2px var(--ice)}
.cs-guides small{display:block;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ice-ink)}
.cs-guides b{font-size:.9375rem;line-height:1.35}
.cs-hero-bg img{object-position:78% 50%}
.cs-p-hero-media{object-position:78% 50%}
/* 6 tuiles : 2 colonnes mobile, 3 colonnes ensuite */
@media (min-width:600px){.cs-ptiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cs-ptiles .cs-lbl-box{flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;gap:6px 8px;padding:12px}
.cs-ptiles .cs-lbl-box b{flex-basis:100%}
.cs-ptiles .cs-lbl-box a{min-height:32px;padding:2px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:.8125rem;color:var(--navy)}
.cs-ptiles .cs-lbl-box a::after{content:none}
.cs-ptiles .cs-lbl-box a:hover{background:#fff;box-shadow:inset 0 0 0 2px var(--ice);text-decoration:none}
/* Mobile : on garde le texte d'accroche et les prix indicatifs visibles */
@media (max-width:599px){
  .cs-p-hero .cs-lead,.cs-hero-txt .cs-lead{display:block}
  .cs-p-hero .cs-pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:var(--s4)}
  .cs-p-hero .cs-pcards li{padding:8px}
  .cs-p-hero .cs-pcards .cs-ty{font-size:.6875rem;letter-spacing:.02em}
  .cs-p-hero .cs-pcards b{font-size:1rem}
  .cs-p-hero .cs-pcards .cs-dt{font-size:.6875rem}
  .cs-p-hero-in{padding-bottom:calc(var(--s7) + var(--s5))}
}
.ev-cta-1col{grid-template-columns:minmax(0,1fr)!important}

/* ============ Lot 1 : gabarit V2 sur tout le site (10/11/2026) ============
   Ajouté à la maquette validée. Les règles .cmp et .lds- de la maquette sont retirées :
   le bandeau cookies et le bloc de consentement gardent l'habillage de js/consent.js (non touché). */
.cs-p-hero--plain{background:var(--navy)}
.cs-p-hero-media{object-position:72% 45%}
.cs-p-hero-in{padding-block:var(--s4) var(--s8)}
@media (min-width:1024px){.cs-p-hero-in{padding-right:var(--gutter)}.cs-p-hero-in>*{max-width:46rem}}
.cs-p-hero .cs-lead{max-width:40rem}
.cs-p-hero .cs-chips{margin-top:var(--s4)}
.cs-p-hero .cs-chips a{color:#fff;text-decoration:none}
.cs-p-hero .cs-chips a:hover{text-decoration:underline}
.cs-hero-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:var(--s4) 0 0;padding:0;list-style:none;font-size:.875rem;color:#D5E3D8}
.cs-hero-meta li{margin:0}
.mag-byline{margin:var(--s3) 0 0;font-size:.9375rem;color:#D5E3D8}
.cs-nav a[aria-current="page"]{color:var(--ice-ink);box-shadow:inset 0 -2px 0 var(--ice)}
@media (max-width:599px){.cs-p-hero .cs-chips{display:flex}}

/* Mise en page : formulaire à droite (ordinateur), sous le hero (mobile) */
.cs-p-layout{padding-bottom:var(--s7)}
.cs-p-side .cs-form-card{margin-top:calc(-1 * var(--s6))}
@media (min-width:1024px){
  .cs-p-side{grid-row:1/span 2}
  .cs-p-side .cs-form-card{margin-top:calc(-1 * var(--s8))}
  .cs-p-main{padding-top:var(--s7)}
}
.cs-p-layout--full .cs-p-main{padding-top:var(--s7)}
.cs-form-card h2.cs-form-t{font-size:1.375rem;margin:0 0 4px}
.cs-form-card .mention-donnees{margin-top:10px}
.cs-side-box{display:none}
@media (min-width:1024px){.cs-side-box{display:block}}

/* Pastilles « Et aussi » centrées et larges à 320 px, cibles tactiles de 44 px */
.cs-ptiles .cs-lbl-box{justify-content:center;text-align:center}
.cs-ptiles .cs-lbl-box a{flex:1 1 auto;justify-content:center;min-height:44px;padding:4px 12px}
@media (max-width:379px){.cs-ptiles .cs-lbl-box a{flex-basis:100%}}
.cs-others a,.cs-pills a,.cs-brands a{min-height:44px}
.cs-site-footer li a,.cs-foot-extra a{min-height:44px}
@media (min-width:1024px){.cs-site-footer li a{min-height:44px}}
.cs-foot-bottom a{display:inline-flex;align-items:center;min-height:44px}
.cs-foot-extra ul{gap:0 var(--s5)}

/* Tableaux qui défilent, ombre sur le bord et indice affiché par le script */
.cs-table-wrap{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left center/40px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right center/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(18,48,26,.22),transparent) left center/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(18,48,26,.22),transparent) right center/14px 100% no-repeat scroll,#fff}
.cs-table-wrap .cs-ptable tbody td,.cs-table-wrap .cs-ptable tbody th{background:transparent}
.ev-defile-hint{display:none;margin:var(--s4) 0 6px;font-size:.8125rem;font-weight:700;color:var(--ice-ink)}
.ev-defile-hint+.cs-table-wrap{margin-top:0!important}
@media (max-width:1023px){.ev-defile-hint{display:block}}
.cs-ptable{min-width:0}
.cs-ptable td,.cs-ptable th{min-width:90px}

/* Contenu repris des pages publiées (.ev-c) : textes et balises inchangés, habillage V2 */
.ev-c>*{max-width:none}
.ev-c p,.ev-c ul,.ev-c ol,.ev-c h2,.ev-c h3,.ev-c h4,.ev-c details,.ev-c blockquote{max-width:52rem}
.ev-c section,.ev-c .seo-content,.ev-c .article-content,.ev-c .about-block,.ev-c .faq-category,.ev-c .legal-content{margin:0 0 var(--s7)}
.ev-c section:last-child,.ev-c>:last-child{margin-bottom:0}
.ev-c h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:var(--s6) 0 var(--s4)}
.ev-c h3{font-size:1.25rem;margin:var(--s5) 0 var(--s3)}
.ev-c h4{font-size:1.0625rem;margin:var(--s4) 0 var(--s2)}
.ev-c section>h2:first-child,.ev-c div>h2:first-child,.ev-c>h2:first-child,.ev-c section>h3:first-child{margin-top:0}
.ev-c .section-title{margin-top:0}
.ev-c .section-subtitle,.ev-c .affiliation-subtitle{color:var(--muted);font-size:1.0625rem;margin:-4px 0 var(--s5)}
.ev-c ul,.ev-c ol{padding-left:1.25rem}
.ev-c li{margin:0 0 6px}
.ev-c img{max-width:100%;height:auto;border-radius:var(--r)}
.ev-c table{width:100%}
.ev-c .cs-table-wrap{margin:var(--s4) 0 var(--s5)}
.ev-c .prix-indicatifs,.ev-c .update-date,.ev-c .maj,.ev-c .cs-small{font-size:.875rem;color:var(--muted)}
.ev-c strong{color:var(--navy)}
.ev-c .cs-faq{max-width:52rem;margin:0 0 12px}
.ev-c .cs-faq summary{font-size:1.0625rem}
.ev-c .cs-faq-a>:last-child{margin-bottom:0}
.ev-c .container{max-width:none;padding:0;margin:0}

/* Images d'illustration en tête de contenu */
.ev-c .service-image,.ev-c .region-image,.ev-c .dept-image,.ev-c .article-hero-image{margin:0 0 var(--s6);border-radius:var(--r-lg);overflow:hidden}
.ev-c .service-image img,.ev-c .region-image img,.ev-c .dept-image img,.ev-c .article-hero-image img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;border-radius:var(--r-lg);margin:0}

/* Encadrés */
.ev-c .info-box,.ev-c .highlight-box,.ev-c .tarif-note,.ev-c .bloc-mentions-auraleads,.ev-c .content-card,.ev-c .mention-independante{background:var(--ice-soft);border-radius:var(--r);padding:var(--s4) var(--s5);margin:var(--s5) 0;color:var(--navy);box-shadow:inset 4px 0 0 var(--ice);max-width:52rem}
.ev-c .warning-box{background:#FFF7E8;border-radius:var(--r);padding:var(--s4) var(--s5);margin:var(--s5) 0;color:#3D2A06;box-shadow:inset 4px 0 0 #E0A43A;max-width:52rem}
.ev-c .info-box>:last-child,.ev-c .warning-box>:last-child,.ev-c .highlight-box>:last-child,.ev-c .tarif-note>:last-child,.ev-c .bloc-mentions-auraleads>:last-child{margin-bottom:0}
.ev-c .info-box strong:first-child,.ev-c .warning-box strong:first-child{display:block;margin-bottom:4px}
.ev-c .bloc-mentions-auraleads p{margin:0 0 10px}

/* Grilles de cartes */
.ev-c .services-grid,.ev-c .tarifs-grid,.ev-c .grid-3,.ev-c .contact-grid,.ev-c .affiliation-grid,.ev-c .related-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin:var(--s4) 0 var(--s5);padding:0;list-style:none}
.ev-c .grid-3{grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.ev-c .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ev-c .service-item,.ev-c .card,.ev-c .tarif-card,.ev-c .contact-info,.ev-c .contact-form,.ev-c .affiliation-product,.ev-c .related-card,.ev-c .sponsored-section,.ev-c .affiliation-section,.ev-c .toc-box{display:block;background:#fff;border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-1);color:var(--text);min-width:0}
.ev-c .service-item h3,.ev-c .card h3,.ev-c .tarif-card h3,.ev-c .related-card h4{font-size:1.0625rem;margin:0 0 6px}
.ev-c .service-item p,.ev-c .card p,.ev-c .related-card p{font-size:.9375rem;margin:0}
.ev-c .cs-ico{margin-bottom:var(--s3)}
.ev-c .step-num{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--ice-on-dark);font-family:var(--font-t);font-weight:800;font-size:1.25rem;margin-bottom:var(--s3)}
.ev-c .tarif-card{border-top:4px solid var(--ice)}
.ev-c .tarif-card .price{font-family:var(--font-t);font-weight:800;font-size:1.875rem;color:var(--navy);letter-spacing:-.03em;line-height:1.1}
.ev-c .tarif-card .price-note{color:var(--muted);font-size:.875rem;margin:0 0 var(--s3)}
.ev-c .tarif-card ul{list-style:none;padding:0;margin:0;font-size:.9375rem}
.ev-c .tarif-card li{padding:4px 0 4px 26px;position:relative;margin:0}
.ev-c .tarif-card li::before{content:"";position:absolute;left:0;top:9px;width:16px;height:16px;border-radius:50%;background:var(--ice-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%2323692A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.ev-c .tarif-label{display:block;font-weight:600;color:var(--navy);line-height:1.35}
.ev-c .tarif-price{display:block;margin-top:6px;font-family:var(--font-t);font-weight:800;font-size:1.25rem;color:var(--ice-ink)}

/* Cartes de liens : départements, régions, villes, autres services */
.ev-c .departements-grid,.ev-c .autres-depts-grid,.ev-c .autres-regions-grid,.ev-c .autres-services-grid,.ev-c .villes-grid,.ev-c .suggestions-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));margin:var(--s4) 0 var(--s5)}
@media (max-width:599px){.ev-c .departements-grid,.ev-c .autres-depts-grid,.ev-c .autres-regions-grid,.ev-c .autres-services-grid,.ev-c .villes-grid,.ev-c .suggestions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.ev-c .departement-card,.ev-c .autre-dept-card,.ev-c .autre-region-card,.ev-c .autre-service-card,.ev-c .ville-card,.ev-c .suggestions-grid a{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:60px;height:100%;padding:12px 16px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-1);text-decoration:none;color:var(--navy);font-weight:700;min-width:0;transition:box-shadow .15s,transform .15s}
.ev-c a.departement-card:hover,.ev-c a.autre-dept-card:hover,.ev-c a.autre-region-card:hover,.ev-c a.autre-service-card:hover,.ev-c .suggestions-grid a:hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -20px rgba(18,48,26,.5);transform:translateY(-2px)}
.ev-c .departement-card h3,.ev-c .autre-dept-card h3,.ev-c .autre-region-card h3,.ev-c .autre-service-card h3,.ev-c .ville-card h3{font-family:var(--font);font-size:.9375rem;font-weight:700;letter-spacing:0;line-height:1.25;margin:0;color:var(--navy)}
.ev-c .dept-numero,.ev-c .dept-num{display:inline-flex;align-self:flex-start;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--ice-soft);color:var(--ice-ink);font-size:.75rem;font-weight:800}
.ev-c .dept-prefecture,.ev-c .ville-card span,.ev-c .departement-card span{font-size:.8125rem;font-weight:500;color:var(--muted)}
.ev-c .autre-region-card,.ev-c .autre-service-card{flex-direction:row;align-items:center;justify-content:space-between}
.ev-c .autre-region-card::after,.ev-c .autre-service-card::after{content:"\2192";color:var(--ice-ink)}

/* Pastilles de liens */
.ev-c .links-dept,.ev-c .ev-pills{display:flex;flex-wrap:wrap;gap:8px;margin:var(--s3) 0 var(--s5);max-width:none}
.ev-c .links-dept a,.ev-c .ev-pills>a:not([href*="amazon."]){display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--navy);font-weight:600;font-size:.9375rem;line-height:1.3;text-decoration:none}
.ev-c .links-dept a:hover,.ev-c .ev-pills>a:not([href*="amazon."]):hover{box-shadow:inset 0 0 0 2px var(--ice);color:var(--ice-ink)}
.ev-c .ev-pills>a[href*="amazon."]{min-height:44px;align-items:center}

/* Tuiles services générées (accueil, régions, départements) */
.ev-c .cs-ptiles{margin:var(--s4) 0 var(--s5)}
.ev-c .cs-ptiles .cs-lbl h3{font-family:var(--font);font-size:.9375rem;font-weight:700;letter-spacing:0;line-height:1.2;margin:0;color:var(--navy)}
.ev-c .cs-ptiles .cs-lbl>*{grid-column:1}
.ev-c .cs-ptiles img{border-radius:0;margin:0}
@media (min-width:900px){.ev-tail .cs-ptiles{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Boutons et appels */
.ev-c .btn,.ev-c .btn-primary,.ev-c .cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border-radius:var(--r-btn);background:var(--ice);color:#fff;font-weight:700;text-decoration:none}
.ev-c .btn-secondary{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line)}
.ev-c .buttons{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 var(--s6)}
.ev-c .back-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--ice-ink);text-decoration:none}
.cs-cta-box .cs-cta-txt h2{margin:0 0 6px}
.cs-cta-box>p{margin:0}
.ev-c .cs-cta-box{max-width:none;margin:var(--s5) 0}

/* Guides (blog) : sommaire, sélection de produits, articles connexes */
.ev-c .toc-box{background:var(--soft);box-shadow:0 0 0 1px var(--line-2);margin:0 0 var(--s6);max-width:52rem}
.ev-c .toc-box h3{font-size:1.0625rem;margin:0 0 var(--s2)}
.ev-c .toc-box ol{margin:0}
.ev-c .toc-box a{display:inline-flex;align-items:center;min-height:36px}
.ev-c .article-content{max-width:52rem}
.ev-c .affiliation-section{margin:var(--s6) 0;max-width:52rem}
.ev-c .affiliation-section h3{margin:0 0 6px}
.ev-c .affiliation-product{background:var(--soft);box-shadow:none;text-align:center;padding:var(--s4)}
.ev-c .product-name{font-weight:700;color:var(--navy);margin:0 0 10px;font-size:.9375rem}
.ev-c .btn-affiliation{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:var(--r-btn);background:var(--navy);color:#fff;font-weight:700;font-size:.9375rem;text-decoration:none}
.ev-c .btn-affiliation:hover{background:var(--navy-3);color:#fff}
.ev-c a:has(>.sponsored-section){display:block;text-decoration:none;color:inherit;max-width:52rem}
.ev-c .sponsored-section{border-top:4px solid var(--ice);margin:var(--s5) 0 0}
.ev-c .sponsored-label,.ev-c .related-category,.ev-c .card-category{display:block;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ice-ink);margin:0 0 6px}
.ev-c .sponsored-section h3{margin:0 0 6px}
.ev-c .sponsored-section p{margin:0}
.ev-c .related-section h3{margin:0 0 var(--s3)}
.ev-c .related-card{text-decoration:none;transition:box-shadow .15s,transform .15s}
.ev-c .related-card:hover{box-shadow:0 0 0 2px var(--ice);transform:translateY(-2px)}
.ev-c .related-card h4{color:var(--navy)}
.ev-c .outils-amazon{background:var(--soft);border-radius:var(--r-lg);padding:var(--s5);box-shadow:0 0 0 1px var(--line-2)}
.ev-c .outils-amazon h2{margin:0 0 6px;font-size:1.375rem}

/* Liste des guides (blog/) */
.ev-c .filters,.ev-c .mag-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--s5)}
.ev-c .filter-btn,.ev-c .mf-btn{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--navy);font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}
.ev-c .filter-btn.active,.ev-c .mf-btn.active{background:var(--navy);color:#fff;box-shadow:none}
.ev-c .blog-grid,.ev-c .mag-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.ev-c .blog-card,.ev-c .mag-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);text-decoration:none;color:var(--text);transition:box-shadow .15s,transform .15s}
.ev-c .blog-card:hover,.ev-c .mag-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}
.ev-c .card-image img,.ev-c .mag-card .thumb{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0;background:var(--soft)}
.ev-c .card-body,.ev-c .mag-card .pad{display:flex;flex-direction:column;flex:1;padding:var(--s4) var(--s5) var(--s5)}
.ev-c .blog-card h3,.ev-c .mag-card h2{font-size:1.0625rem;line-height:1.3;margin:0 0 6px;color:var(--navy)}
.ev-c .blog-card p,.ev-c .mag-card p{font-size:.9375rem;color:var(--muted);margin:0 0 8px}
.ev-c .card-meta,.ev-c .mag-card small{margin-top:auto;font-size:.8125rem;color:var(--muted)}
.ev-c .mag-card .mag-cat{align-self:flex-start;margin:0 0 6px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ice-ink)}

/* Magazine : article */
.ev-mag{max-width:46rem}
.ev-mag .mag-body{font-size:1.0625rem;line-height:1.75}
.ev-mag .mag-body h2{margin-top:var(--s7)}
.ev-mag .mag-body h2:first-child{margin-top:0}
.ev-mag .mag-inline{margin:var(--s6) 0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9}
.ev-mag .mag-inline img,.ev-mag .mag-body img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}
.ev-mag .mag-faq{margin:var(--s7) 0 0;padding:var(--s5);border-radius:var(--r-lg);background:var(--soft);box-shadow:0 0 0 1px var(--line-2)}
.ev-mag .mag-faq h2{margin:0 0 var(--s3);font-size:1.5rem}
.ev-mag .mag-faq h3{font-size:1.0625rem;margin:var(--s4) 0 4px}
.ev-mag .mag-faq p{margin:0 0 var(--s2)}
.ev-mag .mag-disclosure{margin:var(--s6) 0 0;padding-top:var(--s4);border-top:1px solid var(--line-2);font-size:.8125rem;font-style:italic;color:var(--muted)}
.ev-mag-hero .cs-p-hero-media{object-position:center 40%}
.cs-p-hero .mag-cat{margin-bottom:var(--s3)}

/* Contact, FAQ, pages légales */
.ev-c .contact-grid{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.ev-c .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start}}
.ev-c .contact-item{margin:0 0 var(--s4)}
.ev-c .contact-item>:last-child{margin-bottom:0}
.ev-c .form-group{margin:0 0 var(--s4)}
.ev-c .form-row{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.ev-c .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ev-c label{display:block;font-weight:600;color:var(--navy);margin:0 0 6px;font-size:.9375rem}
.ev-c input[type=text],.ev-c input[type=email],.ev-c input[type=tel],.ev-c select,.ev-c textarea{display:block;width:100%;min-height:44px;padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;font:inherit;color:var(--text)}
.ev-c textarea{min-height:140px}
.ev-c input:focus,.ev-c select:focus,.ev-c textarea:focus{outline:3px solid var(--ice);outline-offset:1px;border-color:var(--ice)}
.ev-c .submit-btn,.ev-c form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border:0;border-radius:var(--r-btn);background:var(--ice);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ev-c .submit-btn:hover{background:var(--ice-hover)}
.ev-c .mention-contact,.ev-c .mention-dg06{font-size:.8125rem;color:var(--muted)}
.ev-c .faq-category h2{margin-top:0}
.ev-c .about-block,.ev-c .faq-category{padding:0 0 var(--s5);border-bottom:1px solid var(--line-2)}
.ev-c .about-block:last-child,.ev-c .faq-category:last-child{border-bottom:0}
.ev-c .contact-more{background:var(--soft);border-radius:var(--r-lg);padding:var(--s5)}
.ev-c .error-code{display:none}

/* ============ 10/11/2026 : réglages d'affichage, feuille commune ============ */
/* Pages sans formulaire dans le hero (contact, FAQ, légales, magazine) : plus de grand vide sous le hero */
.cs-p-layout--full{padding-top:var(--s6)}
.cs-p-layout--full .cs-p-main{padding-top:0}
.cs-p-hero:has(+ .cs-p-layout--full) .cs-p-hero-in{padding-bottom:var(--s5);padding-right:var(--gutter)}
/* Cibles tactiles de 44 px sans changer l'aspect */
.toc-box li a{display:inline-block;padding:11px 0}
.cs-chips li a{display:inline-block;padding:14px 6px;margin:-14px -6px}
.cs-crumb a{padding-inline:7px;margin-inline:-7px}
@media (max-width:359px){.cs-ptiles .cs-lbl-box a{padding-inline:4px;font-size:.75rem;letter-spacing:-.01em}}

/* Widget du partenaire dans la carte devis : le pixel de mesure 1x1 du partenaire héritait de la hauteur minimale
   du formulaire (760 px) et doublait la carte ; le formulaire (étapes, liste de villes) défile dans la carte au lieu de l'étirer. */
.cs-form-slot #vud_mb_js_box iframe{position:absolute;width:1px;height:1px;min-height:0;border:0;opacity:0;pointer-events:none}
.cs-form-slot #vud_mb_js_box{position:relative;max-width:100%}
.cs-form-slot:has(.vud_reinitialise){max-height:min(80vh,760px);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:linear-gradient(#fff 30%,rgba(255,255,255,0)) top/100% 28px no-repeat local,linear-gradient(0deg,#fff 30%,rgba(255,255,255,0)) bottom/100% 28px no-repeat local,radial-gradient(farthest-side at 50% 0,rgba(18,48,26,.2),transparent) top/100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(18,48,26,.2),transparent) bottom/100% 10px no-repeat scroll,#fff}
.cs-form-slot #vud_mb_js_box,.cs-form-slot #vud_mb_js_box *{max-width:100%;box-sizing:border-box}
@media (max-width:599px){.cs-form-slot:has(.vud_reinitialise){max-height:min(75vh,640px)}}
@media (min-width:600px) and (max-width:1099px){.cs-form-card{max-width:620px;margin-inline:auto;width:100%}}

/* ============ 10/11/2026 : habillage du formulaire partenaire (ViteUnDevis) aux couleurs de la carte V2 ============
   Seulement de la mise en forme : aucun texte du partenaire masqué, HTML et script intacts, hauteur bornée conservée. */
.cs-form-slot #vud_mb_js_box .vud_reinitialise,
.cs-form-slot #vud_mb_js_box .vud_reinitialise :where(*){font-family:var(--font);color:inherit;text-shadow:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise{color:var(--text);font-size:15px;line-height:1.55;text-align:left}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis{background:transparent}
/* Intro : photo réduite alignée avec le texte, texte à la taille du site, liens verts */
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis_header{padding:4px 2px 14px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis_header .vud_table{display:flex;align-items:center;gap:14px;width:100%}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis_header .vud_td{display:block;min-width:0}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis_header .vud_td:first-child{flex:none;width:52px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_illustration{display:block;flex:none;width:52px;height:52px;margin:0;border:2px solid #fff;box-shadow:0 0 0 1px var(--line),0 4px 10px -4px rgba(18,48,26,.35)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis_header .vud-h{margin:0 0 2px;font-family:var(--font-t);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ice-ink)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis_header strong{display:block;font-size:15px;line-height:1.5;font-weight:500;color:var(--text)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis_header strong u{text-decoration:none;font-weight:700;color:var(--ice-ink)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise a{color:var(--ice-ink)}
/* Étapes : barre fine, pastilles plates (active en vert, les autres en sauge) */
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_progression{height:6px;margin:22px 14px 26px;background:var(--soft);border-radius:6px;box-shadow:inset 0 0 0 1px var(--line-2)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_progression #devistap_progression_barre{top:0;bottom:0;border:0;border-radius:6px;background:var(--ice)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_progression_content{left:14px;right:14px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_progression .devistap_progression_point{top:-11px;width:28px;height:28px;margin-left:-14px;padding:0;line-height:24px;border:2px solid #fff;border-radius:50%;background:var(--ice-on-dark);color:var(--navy);font-size:13px;font-weight:700;text-shadow:none;box-shadow:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_progression .devistap_progression_point_gris{background:var(--soft);color:var(--muted);box-shadow:0 0 0 1px var(--line)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_progression .devistap_progression_point_rouge{background:var(--ice);color:#fff;border:2px solid #fff;box-shadow:0 0 0 1px var(--ice)}
/* Questions et champs */
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud-h{margin:0 0 10px;font-family:var(--font-t);font-size:16px;font-weight:700;line-height:1.35;color:var(--navy)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_step{margin-bottom:8px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_step form,
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_step1 form{padding:6px 0 10px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_padding_8{padding:4px 0}
.cs-form-slot #vud_mb_js_box .vud_reinitialise hr.gris{display:block;height:0;margin:12px 0;border:0;border-top:1px solid var(--line-2);background:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise input.devistap_input_ville{display:block;width:100%;max-width:100%;height:48px;margin:6px 0 12px;padding:0 14px 0 46px;font-size:16px;line-height:1.2;color:var(--navy);border:1px solid var(--line);border-radius:10px;box-shadow:none;background-color:#fff;background-size:22px auto;background-position:14px center}
.cs-form-slot #vud_mb_js_box .vud_reinitialise input.devistap_input_ville::placeholder{color:var(--muted);opacity:1}
.cs-form-slot #vud_mb_js_box .vud_reinitialise input.devistap_input_ville:focus,
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_textarea:focus,
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_useradd_input:focus{outline:0;border-color:var(--ice);box-shadow:0 0 0 3px rgba(46,125,50,.2)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_gps_bouton{text-align:center}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_gps_bouton br{display:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_gps_bouton .vud-h.nomargin{margin:0 0 10px;font-family:var(--font);font-size:14px;font-weight:500;color:var(--muted)}
/* Boutons verts, comme nos boutons */
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_bouton_bleu,
.cs-form-slot #vud_mb_js_box .vud_reinitialise a.vud_devis_bouton_bleu{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:0;border-radius:10px;background:var(--ice);color:#fff!important;font-family:var(--font);font-size:15px;font-weight:700;line-height:1.2;text-decoration:none!important;text-shadow:none;cursor:pointer;transition:background .15s,box-shadow .15s}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_bouton_bleu:hover,
.cs-form-slot #vud_mb_js_box .vud_reinitialise a.vud_devis_bouton_bleu:hover{background:var(--ice-hover);box-shadow:0 6px 14px -8px rgba(18,48,26,.6)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_bouton_bleu:focus-visible,
.cs-form-slot #vud_mb_js_box .vud_reinitialise a.devistap_bouton:focus-visible,
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix:focus-visible{outline:3px solid var(--ice-on-dark);outline-offset:2px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_bouton_bleu img.v16_force,
.cs-form-slot #vud_mb_js_box .vud_reinitialise #devistap_gps_logo{width:22px;height:22px;flex:none;padding:2px;border-radius:50%;background:#fff}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .center{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;text-align:center}
/* Retour et Recommencer : discrets */
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_rectangle_gris{margin-top:14px;padding:8px 0 0;background:none;border-top:1px solid var(--line-2);border-radius:0;text-align:center}
.cs-form-slot #vud_mb_js_box .vud_reinitialise a.devistap_bouton{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;border:0;border-radius:8px;background:none;font-size:14px;font-weight:500;color:var(--muted)!important;text-decoration:none!important}
.cs-form-slot #vud_mb_js_box .vud_reinitialise a.devistap_bouton:hover{background:var(--soft);color:var(--navy)!important}
.cs-form-slot #vud_mb_js_box .vud_reinitialise a.devistap_bouton img{width:14px;height:14px;opacity:.7}
/* Villes et choix : grille de cartes */
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;text-align:center}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix_container br{display:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix_container > strong{grid-column:1/-1;margin:0 0 2px;font-size:15px;font-weight:700;color:var(--navy)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix{display:flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:56px;margin:0;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-family:var(--font);font-size:16px;font-weight:600;line-height:1.3;color:var(--navy);transition:border-color .15s,background .15s}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix .devistap_choix_texte{position:static;transform:none;display:block;padding:0}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix:hover,
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix_hover{border:1.5px solid var(--ice);background:var(--soft)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix_plus{margin-top:2px;font-size:13px;font-weight:400;color:var(--muted)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_checkbox_container input + label{display:block;width:100%;margin:6px 0;padding:12px 12px 12px 56px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-size:16px;font-weight:600;white-space:normal;color:var(--navy)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_checkbox_container input + label::before{top:50%;left:14px;margin-top:-10px;background:var(--line)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_checkbox_container input + label::after{top:50%;left:16px;margin-top:-8px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_checkbox_container input:checked + label{border-color:var(--ice);background:var(--soft)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_checkbox_container input:checked + label::before{background:var(--ice)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_checkbox_container input:checked + label::after{left:31px}
/* Zones de texte, coordonnées */
.cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_step .devistap_textarea,
.cs-form-slot #vud_mb_js_box .vud_reinitialise textarea.vud_useradd_input{display:block;width:100%;min-height:96px;margin:8px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:16px;line-height:1.5;color:var(--navy);box-shadow:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final table{display:block;width:100%;margin:0 0 8px!important}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final tbody,
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final tr{display:block;width:100%}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final td{display:block;width:100%!important;padding:0!important;text-align:left}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final td.right{margin-top:12px;font-size:0}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final td.right strong{font-size:14px;font-weight:600;color:var(--navy)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final td.right .rouge{color:#B3261E}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final td.right .petitefont{font-size:12px;color:var(--muted)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise input.vud_useradd_input,
.cs-form-slot #vud_mb_js_box .vud_reinitialise select.vud_useradd_input{display:block;width:100%;max-width:100%;height:48px;margin-top:4px;padding:0 14px 0 38px;border:1px solid var(--line);border-radius:10px;background-color:#fff;background-position:13px center;font-size:16px;color:var(--navy);box-shadow:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise select.vud_useradd_input{padding-left:12px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final textarea.vud_useradd_input{margin-top:4px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final label{display:block;position:relative;padding-left:32px;text-align:left;font-size:14px;line-height:1.5;color:var(--text)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final input[type=checkbox]{position:absolute;left:0;top:1px;width:20px;height:20px;margin:0;accent-color:var(--ice)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final label + br,.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final label ~ br{display:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final label + label,.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final label ~ label{margin-top:12px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final label a{color:var(--ice-ink);text-decoration:underline}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #calculette_form_final .vud_rectangle_gris,
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_rectangle_gris{padding:12px;border-radius:10px;background:var(--soft);font-size:13px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .petitefont{font-size:12px;line-height:1.5;color:var(--muted)}
/* Bloc « Comment ça marche » */
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_explication{margin-top:14px;padding:16px;border-radius:12px;background:var(--soft)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_explication img{width:64px!important;height:auto}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_explication .gris.grand{font-size:12px;font-weight:600;color:var(--muted)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_step_title{padding:10px 0 2px;font-size:15px;font-weight:700;color:var(--navy)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_step_title strong{font-size:15px}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_step_rond{width:22px;padding:0;background:var(--ice);font-size:13px;line-height:22px;text-shadow:none}
.cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_step_texte{padding:0 0 6px;font-size:14px;color:var(--muted)}
/* Liens du partenaire : petits, gris, lisibles */
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_signature{padding:12px 0 4px;font-size:12px;line-height:1.8;text-align:center;color:var(--muted)}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_signature a{display:inline-block;padding:4px 2px;font-size:12px;color:var(--muted);text-decoration:underline}
.cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_signature a:hover{color:var(--ice-ink)}
@media (max-width:599px){
  .cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_illustration{display:block;width:44px;height:44px}
  .cs-form-slot #vud_mb_js_box .vud_reinitialise #vud_devis_header .vud_td:first-child{width:44px}
  .cs-form-slot #vud_mb_js_box .vud_reinitialise .devistap_choix_container{grid-template-columns:1fr 1fr}
  .cs-form-slot #vud_mb_js_box .vud_reinitialise .vud_devis_bouton_bleu{width:100%}
}