/* Diapos immersives (11/11/2026) : modèle /accompagnement, pour les pages 3D. Visuel, peu de texte, bonbons. */
html,body{overflow-x:clip}main .slx{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;border-radius:0}
.slx{position:relative;min-height:86vh;display:grid;align-items:center;overflow:hidden;padding:56px 0}
.slx .w{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;gap:36px;align-items:center}
@media(min-width:900px){.slx .w{grid-template-columns:5fr 6fr;gap:64px}.slx.inv .w{grid-template-columns:6fr 5fr}.slx.inv .tx{order:2}.slx .w.un{grid-template-columns:1fr}}
.slx.court{min-height:auto;padding:64px 0}
.slx.mint,.fond-mint{background:radial-gradient(circle at 85% 20%,#bff0ff 0,transparent 45%),linear-gradient(135deg,#dff7ec,#c9eefc)}
.slx.peach,.fond-peach{background:radial-gradient(circle at 15% 80%,#ffd3e2 0,transparent 45%),linear-gradient(135deg,#fff1d6,#ffd9c7)}
.slx.lav,.fond-lav{background:radial-gradient(circle at 80% 85%,#ffd6f3 0,transparent 45%),linear-gradient(135deg,#ece6ff,#d9e4ff)}
.slx.ind{background:radial-gradient(circle at 80% 20%,#3d4aa0 0,transparent 50%),linear-gradient(135deg,#1e2556,#2b2f6e);color:#fff}
.slx .k{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.slx .pill{display:inline-block;border-radius:999px;padding:8px 15px;font:700 .78rem/1 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:#1e2556;box-shadow:0 4px 12px rgba(30,37,86,.12)}
.slx .pill.y{background:#ffc800}.slx .pill.p{background:#ff8fb1;color:#3a1030}.slx .pill.g{background:#7fe0c2;color:#0f3b2f}.slx .pill.b{background:#9fc4ff;color:#13285a}
.slx h1,.slx h2{font:400 clamp(2.3rem,5.6vw,4.4rem)/1.03 Georgia,serif!important;color:#1e2556!important;margin:0 0 16px!important;letter-spacing:0!important}
.slx h1 em,.slx h2 em{font-style:italic;color:#a8794b!important}
.slx.ind h1,.slx.ind h2{color:#fff!important}.slx.ind h1 em,.slx.ind h2 em{color:#ffc800!important}
.slx .lt{font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.5;margin:0 0 26px;color:#33365a;max-width:26em}
.slx.ind .lt{color:#e6e3ff}
.slx .go{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.slx .pr{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:124px;height:124px;border-radius:50%;background:#ffc800;color:#1e2556;font:400 2.1rem/1 Georgia,serif;box-shadow:0 16px 34px rgba(30,37,86,.25);text-align:center;flex:none}
.slx .pr small{font:600 .72rem/1.2 Manrope,system-ui,sans-serif;margin-top:4px}
.slx a.cta{display:inline-block;background:#1e2556;color:#fff!important;text-decoration:none;font:700 1.05rem/1 Manrope,system-ui,sans-serif;padding:18px 30px;border-radius:999px;box-shadow:0 12px 26px rgba(30,37,86,.28)}
.slx a.cta:hover{background:#ffc800;color:#1e2556!important}
.slx.ind a.cta{background:#ffc800;color:#1e2556!important}
.slx a.sub{color:inherit;font-weight:600}
.slx .vis{position:relative}
.slx .vis>img,.slx .vis>video,.slx .vis>a>img{display:block;width:100%;height:auto;max-height:68vh;object-fit:cover;border-radius:22px;box-shadow:0 40px 80px -30px rgba(30,37,86,.55);transform:rotate(-1.5deg)}
.slx.inv .vis>img,.slx.inv .vis>video,.slx.inv .vis>a>img{transform:rotate(1.5deg)}
.slx .badge{position:absolute;top:-14px;left:-10px;z-index:2;background:#ffc800;color:#1e2556;font:700 .85rem/1 Manrope,system-ui,sans-serif;padding:10px 16px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.slx .num{position:absolute;top:22px;right:24px;font:italic 1rem Georgia,serif;opacity:.55}
.slx .lumi{filter:brightness(1.1) saturate(1.05)}
/* Avant (plan) posé sur l'après (rendu) */
.slx .avant{position:absolute;left:-28px;bottom:-30px;width:40%;z-index:2;background:#fffdf9;padding:8px;border-radius:16px;box-shadow:0 24px 44px -16px rgba(0,0,0,.55);transform:rotate(-4deg)}
.slx .avant img{display:block;width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover}
.slx .avant b{position:absolute;top:-14px;right:10px;background:#fff;color:#1e2556;font:700 .74rem/1 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.slx .badge.droite{left:auto;right:-6px}
/* Galerie de vignettes arrondies */
.slx .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.slx .gal.g2{grid-template-columns:1fr 1fr}
.slx .gal a{display:block;border-radius:16px;overflow:hidden;box-shadow:0 18px 34px -18px rgba(30,37,86,.5);transition:transform .25s}
.slx .gal a:nth-child(odd){transform:rotate(-1deg)}.slx .gal a:nth-child(even){transform:rotate(1deg)}
.slx .gal a:hover{transform:scale(1.03)}
.slx .gal img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
/* Carte blanche : formulaire, questions, étapes */
.slx .carte{background:#fffdf9;color:#24263a;border-radius:22px;padding:26px 24px;box-shadow:0 30px 60px -30px rgba(30,37,86,.45)}
@media(min-width:600px){.slx .carte{padding:32px 34px}}
.slx .etapes{list-style:none;margin:0;padding:0;counter-reset:e;display:grid;gap:12px}
.slx .etapes li{counter-increment:e;display:grid;grid-template-columns:52px 1fr;align-items:center;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 10px 24px -16px rgba(30,37,86,.45);font-size:1.02rem;line-height:1.4;color:#24263a}
.slx .etapes li:before{content:counter(e);font:400 2rem/1 Georgia,serif;color:#a8794b}
.slx .faq details{border-top:1px solid #e7e0d3;padding:14px 0}
.slx .faq details:last-child{border-bottom:1px solid #e7e0d3}
.slx .faq summary{font:400 1.12rem/1.35 Georgia,serif;color:#1e2556;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.slx .faq summary::-webkit-details-marker{display:none}
.slx .faq summary:after{content:"+";color:#a8794b;font-size:1.4rem;line-height:1}
.slx .faq details[open] summary:after{content:"−"}
.slx .faq p{margin:10px 0 2px;line-height:1.6}
/* Trois petites offres */
.slx .offres{display:grid;gap:12px}
.slx .offre{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:12px;box-shadow:0 14px 30px -18px rgba(30,37,86,.45);text-decoration:none;color:#24263a}
.slx .offre img{width:96px;height:72px;object-fit:cover;border-radius:12px}
.slx .offre b{display:block;font:400 1.2rem/1.2 Georgia,serif;color:#1e2556}
.slx .offre small{color:#5a5d78}
.slx .offre .p{width:64px;height:64px;border-radius:50%;background:#ffc800;color:#1e2556;display:grid;place-items:center;font:400 1.2rem/1 Georgia,serif}
.slx .note{font-size:.88rem;color:#5a5d78;margin:14px 0 0}
.slx.ind .note{color:#c9c4dc}
@media(max-width:899px){.slx{min-height:auto;padding:44px 0 52px}.slx .vis{order:-1}.slx .vis>img,.slx .vis>video,.slx .vis>a>img{max-height:42vh}.slx .pr{width:100px;height:100px;font-size:1.7rem}.slx .avant{width:42%;left:-6px;bottom:-22px}.slx .vis.ap{margin-bottom:18px}.slx .gal{grid-template-columns:1fr 1fr}.slx .vis.garde{order:0}}
/* Formulaires gardés dans une carte : une seule colonne */
.slx .carte .r3-dem{display:block;margin:0;padding:0;border:0;background:none;box-shadow:none}.slx .carte .r3-dem-t{display:none}.slx .carte .r3-dem-f{display:block}
/* 11/11/2026 : en-tête sur une ligne (FR/EN + menu) et bouton « Une question ? » qui ne couvre plus le titre */
@media(max-width:1000px){.n-nav{grid-template-columns:1fr auto auto;column-gap:12px}}
@media(min-width:600px) and (max-width:1000px){main>.slx:first-of-type .tx{padding-right:200px}}
@media(max-width:599px){.hka-t{display:none!important}}
/* 11/11/2026 : sur téléphone, le bouton « Une question ? » (fixe, en bas à droite) ne couvre plus le bouton d'envoi des formulaires */
@media(max-width:599px){.slx .carte .c3-form{padding:0;background:none}.slx .carte button[type=submit]{display:block;width:auto!important;max-width:calc(100vw - 226px);white-space:normal;text-align:left;line-height:1.25!important}.slx:has(.carte){padding-bottom:130px}}
/* 11/11/2026 : sur téléphone, boutons et liens des diapos s'arrêtent avant le bouton d'aide rond (52 px, en bas à droite) */
@media(max-width:599px){.slx .go,.slx .note{padding-right:64px}}