/* ================= la page service en bleu (10/09/2026) ================= */
header#hdr.h2{background:var(--bleu);border-bottom-color:rgba(22,59,53,.12)}
body{padding-top:0}
/* le heros passe sous le menu : plus de liseré clair si la hauteur du menu varie */
.lx-tete.sv-bleu{position:relative;max-width:none;margin:0;padding:calc(12vh + 61px) 24px 12vh;background:var(--bleu);text-align:center}
.railS{display:none}
.lx-tete.sv-bleu .lx-ou{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.7;margin:0 0 16px;color:#163b35}
.lx-tete.sv-bleu h1{font-size:clamp(38px,5vw,74px);line-height:1.04;letter-spacing:-.015em;color:var(--jaune);margin:0 auto;max-width:14em}
/* 15/10/2026 : le surtitre dans le h1 (SEO) */
.lx-tete.sv-bleu h1 .h1-sur{display:block;font-family:'Glacial Indifference','Jost',sans-serif;font-weight:400;font-size:13px;line-height:1.4;letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px;opacity:.85}
.lx-tete.sv-bleu h1 .h1-t{display:block}
@media (max-width:900px){.lx-tete.sv-bleu h1 .h1-sur{font-size:11px;letter-spacing:.2em;margin-bottom:12px}}
.lx-tete.sv-bleu .actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.sv-bleu .cta-l{color:#163b35;border-color:rgba(22,59,53,.35)}
.sv-bleu .chapo{font-size:16.5px;line-height:1.75;max-width:40em;margin:26px auto 0;color:#163b35}
.lx-tete.sv-bleu .lx-prix{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:22px 0 0;color:#163b35}
.lx-tete.sv-bleu .actions .cta{margin-top:0}
/* 01 : la photo a gauche, le texte a droite, sur le creme, en un ecran (labo E) */
.nuitp.bleup{background:transparent;color:#163b35;text-align:left;margin:28vh auto 0;max-width:960px;padding:0;
  display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;max-height:calc(100vh - 61px);max-height:calc(100svh - 61px);box-sizing:border-box}
.nuitp.bleup .s01-chap{grid-column:1/3;padding:0}
.nuitp.bleup .s01-chap .chap{padding:0 0 4px;max-width:none}
.nuitp.bleup .s01-im .cad{position:relative;height:min(62vh,560px);display:flex;gap:4px}
.nuitp.bleup .ph{display:block;position:relative;flex:1;background:center/cover no-repeat;border-radius:4px;transition:flex .6s cubic-bezier(.2,.7,.2,1)}
.nuitp.bleup .cad:hover .ph{flex:.6}
.nuitp.bleup .cad .ph:hover{flex:2.4}
.nuitp.bleup .pts{display:none}
.nuitp.bleup .leg{display:block;margin-top:10px;font-size:12.5px;opacity:.7}
.nuitp.bleup .dedans.s01-tx{max-width:none;margin:0}
.nuitp.bleup h2{color:#163b35;font-size:clamp(26px,2.6vw,36px);line-height:1.12;margin:0 0 16px}
.nuitp.bleup p{font-size:14.5px;line-height:1.7;margin:0 0 .9em}
.nuitp.bleup .chute{margin-top:14px}
.nuitp.bleup .mj{background:var(--bleu);color:#163b35;font-size:clamp(18px,1.7vw,23px)}
.nuitp.bleup .p01{font-size:13px;opacity:.75;margin:14px 0 0}
@media (max-width:900px){.nuitp.bleup{grid-template-columns:1fr;gap:20px;max-height:none;padding:0 20px}
  .nuitp.bleup .s01-chap{grid-column:1}
  .nuitp.bleup .s01-im .cad{height:44vh;display:block;border-radius:6px;overflow:hidden;background:#dfe9e4}
  .nuitp.bleup .ph{position:absolute;inset:0;flex:none;opacity:0;transition:opacity .8s ease;border-radius:0}
  .nuitp.bleup .ph.ici{opacity:1}
  .nuitp.bleup .pts{display:flex;gap:12px;justify-content:center;margin-top:12px}
  .nuitp.bleup .pt{width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:var(--c);box-shadow:0 0 0 1px rgba(22,59,53,.25);padding:0;opacity:.55;transition:opacity .3s,transform .3s}
  .nuitp.bleup .pt.ici{opacity:1;transform:scale(1.2)}}
/* le bloc 01 : les trois avantages */
.avs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:26px 0 0;text-align:left}
.avs p{font-size:14.5px;line-height:1.65;margin:0;opacity:.92}
.avs b{display:block;font-family:'Recoleta',Georgia,serif;font-weight:400;font-size:19px;margin-bottom:4px}
/* les formules : le lancement d'abord */
.fp s{font-size:16px;opacity:.5;text-decoration:line-through;margin-right:6px}
.sol .flanc{font-size:12px;line-height:1.5;opacity:.7;margin:4px 0 0}
.sol .feff{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;margin:12px 0 0;opacity:.8}
.vprom{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0 0 10px}
@media (max-width:900px){.avs{grid-template-columns:1fr}}
/* dans le paysage, version magazine */
.mag{margin-top:18vh}
.mag .mag-l{font-size:16px;opacity:.8;margin:8px 0 0}
.mag .mg{margin:0;background:center/cover no-repeat;border-radius:6px}
.mag .frise{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;cursor:grab;padding:22px max(40px,calc((100% - 960px) / 2)) 8px;scroll-padding-left:max(40px,calc((100% - 960px) / 2));scrollbar-width:none}
.mag .frise::-webkit-scrollbar{display:none}
.mag .frise.tire{cursor:grabbing;scroll-snap-type:none}
.mag .frise .mg{user-select:none;pointer-events:none}
.mag .frise .mg{flex:0 0 300px;aspect-ratio:1;scroll-snap-align:start}
@media (max-width:900px){.mag .frise{padding:16px 20px 8px;scroll-padding-left:20px}.mag .frise .mg{flex-basis:220px}}
/* de l'air, comme sur l'accueil */
.wrapT1{margin-top:12vh}
.sol{padding:28vh 24px 0;background:transparent}
/* 04 la visite : en bleu, sur le creme */
.ev .en{background:var(--bleu);color:#163b35}
.ev{background:transparent;padding:16px 18px}
/* la visite alignee a gauche comme les autres sections (Morgane, 10/09) */
.vfin{text-align:center!important;max-width:960px!important}
.vfin p{margin-left:auto;margin-right:auto}
.vfin .cta{margin-left:auto;margin-right:auto}
.ev .en{width:26px;height:26px;font-size:13px;margin-bottom:6px}
.ev b{font-size:17px}
.ev p{font-size:14px;line-height:1.55}
.etapv{margin:10px 0 18px;gap:14px}
.vfin .cta{margin-top:0}
.chap-x#visite{padding-bottom:8px}
/* 05 : la comparaison, alignee sur les autres chapitres */
.compare{padding:28vh 0 12vh}
.compare .c-wrap{max-width:960px;padding:0}
@media (max-width:1010px){.compare .c-wrap{padding:0 24px}}
.compare .chap-x{padding-bottom:18px}
.compare h2.h2t{margin:6px 0 10px}
.m-sas{font-size:15px;line-height:1.6;max-width:none;margin:8px 0 0;opacity:.85}
@media (min-width:901px){.m-sas{white-space:nowrap}}
.sol .f-chapo{max-width:none;margin:0 0 6px;text-align:center}
#formules+.h2t{text-align:center}
.compare h2,.compare .c-sous{text-align:center;margin-left:auto;margin-right:auto}
.compare .c-sous b{font-weight:600}
.conds-x{font-size:12.5px;font-style:italic;opacity:.7;margin:22px 0 0;max-width:none;letter-spacing:.01em}
/* les formules : la descente, ciel > surface > eau (labo D, Morgane 10/09) */
.fc{border-radius:12px;border-color:transparent}
.fcum .fc:nth-child(1){background:#eef5fa}
.fcum .fc:nth-child(2){background:#cfe3f0}
.fcum .fc:nth-child(3){background:#aacde2}
.fc li{border-top-color:rgba(22,59,53,.14)}
.fcarte{background:#eef5fa;border-color:transparent;border-radius:12px}
.lx-tete .chapo b{font-weight:600}
/* 02 tient en un ecran, du titre au bas des formules (Morgane 14/09) :
   cartes resserrees, « a la carte » sur deux colonnes, conditions collees dessous */
.sol .chap-x{padding-bottom:10px}
.sol .f-chapo{font-size:14.5px;margin-bottom:2px}
.fcum{gap:14px;margin-top:10px}
.fcum .fc{padding:16px 18px 18px}
.fcum .fn{font-size:21px;margin:2px 0 4px;min-height:0}
.fcum .fp{margin:2px 0 0}
.fcum .flanc{margin:2px 0 0;line-height:1.35}
.fcum .feff{margin:6px 0 0}
.fcum ul{margin-top:8px}
.fcum li{padding:6px 0}
.fcarte{margin-top:14px;padding:16px 20px}
.fcarte p{font-size:14px;line-height:1.55;max-width:none}
@media (min-width:901px){
  .fcarte{display:grid;grid-template-columns:minmax(220px,.8fr) 1.6fr;gap:4px 26px;align-items:start}
  .fcarte .fq{grid-column:1}
  .fcarte .fn{grid-column:1;grid-row:2;font-size:19px;line-height:1.2}
  .fcarte p{grid-column:2;grid-row:1 / span 2}
}
.conds-x{margin-top:12px}
@media (min-width:901px){.sol .f-chapo,.conds-x{white-space:nowrap}}
/* la methode, encadree : un seul objet du titre a la derniere scene */
.chap-hors{margin-top:28vh}
.wrapT1{max-width:1240px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid rgba(22,59,53,.1)}
.t-ciel{background:linear-gradient(180deg,#f2f7fa 0%,#e8f1f7 100%)}
.t-ciel .h2t{font-size:clamp(30px,3.2vw,44px);line-height:1.1}
h2.et-t{font-size:clamp(21px,2vw,27px)}
.tra.t-ciel{padding-top:34px}
@media (max-width:900px){.wrapT1{margin:28vh 12px 0;border-radius:14px}}
.tra{padding:38px 24px 34px}
.houle{height:64px}
.t-ciel .h2t{margin-bottom:0}
.fila{margin:2px 0 12px}
@media (max-width:900px){.tra{padding:32px 20px 28px}.houle{height:48px}}
.prof em{font-style:normal;text-transform:none;letter-spacing:.06em;opacity:.8;margin-left:10px}
@media (max-width:900px){.lx-tete.sv-bleu{padding:calc(9vh + 61px) 20px 9vh}}
/* ================= dans le paysage : la bande de l'accueil ================= */



.defile-band{overflow:hidden;padding:26px 0 56px;position:relative}