/* CSPM – section souscription en ligne – feuille de style propre à ce dossier */
:root{--sel-navy:#11301f;--sel-g:#19a06b;--sel-g2:#12744c;--sel-sun:#ffb703;--sel-sky:#e8f5ee;--sel-ink:#1b2b3a;--sel-muted:#5a6b7d;--sel-line:#dbe8de;--sel-sh:0 10px 30px rgba(17,48,31,.10)}
.sel *,.sel *:before,.sel *:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.sel{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--sel-ink);background:#fff;overflow-wrap:break-word;overflow-x:hidden}
.sel img,.sel svg{max-width:100%}.sel a{color:var(--sel-g2)}.sel a:hover{color:var(--sel-navy)}
.sel h1,.sel h2,.sel h3{color:var(--sel-navy);line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em}
.sel h1{font-size:clamp(1.7rem,4.4vw,2.8rem);font-weight:800}.sel h2{font-size:clamp(1.35rem,2.8vw,1.95rem);font-weight:800}.sel h3{font-size:1.1rem;font-weight:700}
.sel p{margin:0 0 1em}
.sel-w{width:100%;max-width:1200px;margin:0 auto;padding-inline:20px}
.sel-skip{position:absolute;left:-999px;top:0;background:#fff;padding:10px;z-index:200}.sel-skip:focus{left:8px;top:8px}
.sel-top{background:var(--sel-navy);color:#fff;text-align:center;font-size:.82rem;padding:6px 12px}
.sel-hd{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--sel-line)}
.sel-hd .sel-w{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px}
.sel-logo img{display:block;height:44px;width:auto}
.sel-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sel-nav a.sel-l{padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:600;color:var(--sel-navy)}.sel-nav a.sel-l:hover{background:var(--sel-sky)}
.sel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--sel-g);color:#fff!important;font-weight:700;text-decoration:none;border:2px solid var(--sel-g);border-radius:999px;padding:11px 20px;cursor:pointer;font-size:1rem;font-family:inherit;line-height:1.2;text-align:center;transition:transform .15s,background .15s}
.sel-btn:hover{background:var(--sel-g2);border-color:var(--sel-g2);transform:translateY(-1px)}
.sel-btn.big{padding:16px 30px;font-size:1.1rem;box-shadow:0 8px 20px rgba(25,160,107,.35)}
.sel-btn.ghost{background:#fff;color:var(--sel-navy)!important;border-color:var(--sel-line);box-shadow:none}.sel-btn.ghost:hover{background:var(--sel-sky);border-color:var(--sel-g)}
.sel-btn svg{width:1.15em;height:1.15em;flex:none}
@media(max-width:760px){.sel-nav a.sel-l{display:none}.sel-logo img{height:38px}}
.sel-crumb{font-size:.88rem;color:var(--sel-muted);padding:14px 0 0}.sel-crumb a{color:var(--sel-muted)}
.sel-hero{background:linear-gradient(180deg,#f1faf5,#fff);padding:18px 0 26px}
.sel-hg{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.sel-hg>*{min-width:0}
.sel-lead{font-size:1.12rem;color:var(--sel-muted)}
.sel-cta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 14px}
.sel-ticks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.92rem;color:var(--sel-muted)}.sel-ticks li:before{content:"✓";color:var(--sel-g);font-weight:800;margin-right:6px}
.sel-note{font-size:.84rem;color:var(--sel-muted)}
@media(max-width:860px){.sel-hg{grid-template-columns:1fr}.sel-hero .sel-hphone{order:2}}
/* téléphone animé */
.sel-hphone{position:relative;display:flex;justify-content:center}
.sel-phone{position:relative;width:272px;height:480px;border:9px solid var(--sel-navy);border-radius:40px;background:#fff;box-shadow:0 24px 48px rgba(17,48,31,.28);overflow:hidden;flex:none}
.sel-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:84px;height:18px;border-radius:12px;background:var(--sel-navy);z-index:5}
.sel-scr{position:absolute;inset:0;padding:42px 16px 16px;opacity:0;animation:selScr 14s infinite;background:#fff}
.sel-scr:nth-child(1){animation-delay:0s}.sel-scr:nth-child(2){animation-delay:3.5s}.sel-scr:nth-child(3){animation-delay:7s}.sel-scr:nth-child(4){animation-delay:10.5s}
@keyframes selScr{0%{opacity:0;transform:translateY(14px)}4%,24%{opacity:1;transform:none}28%,100%{opacity:0;transform:translateY(-8px)}}
.sel-scr h4{margin:0 0 4px;font-size:1.02rem;color:var(--sel-navy)}.sel-scr small{color:var(--sel-muted);display:block;margin-bottom:12px}
.sel-fld{border:1.5px solid var(--sel-line);border-radius:12px;padding:9px 12px;margin:0 0 9px;font-size:.88rem;color:var(--sel-muted);background:#fafdfb}.sel-fld b{display:block;color:var(--sel-navy);font-size:.92rem}
.sel-bar{height:8px;border-radius:6px;background:var(--sel-sky);margin:0 0 14px;overflow:hidden}.sel-bar i{display:block;height:100%;background:var(--sel-g);border-radius:6px}
.sel-fake{display:block;text-align:center;background:var(--sel-g);color:#fff;border-radius:999px;padding:11px;font-weight:700;font-size:.92rem;margin-top:12px}
.sel-okc{width:70px;height:70px;border-radius:50%;background:var(--sel-g);color:#fff;font-size:2.2rem;display:grid;place-items:center;margin:8px auto 12px;animation:selPop 14s infinite;animation-delay:10.5s}
@keyframes selPop{0%,10%{transform:scale(.4)}16%{transform:scale(1.12)}22%,100%{transform:scale(1)}}
.sel-ill{position:absolute;right:calc(50% - 205px);bottom:-6px;width:128px;height:auto;z-index:6;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));animation:selFloat 5s ease-in-out infinite}
@keyframes selFloat{50%{transform:translateY(-8px)}}
@media(max-width:520px){.sel-ill{right:calc(50% - 180px);width:96px}}
@media(max-width:360px){.sel-ill{right:calc(50% - 150px);width:78px}.sel-phone{width:240px;height:440px}}
.sel-steps{display:flex;justify-content:center;gap:6px;margin-top:12px;font-size:.78rem;color:var(--sel-muted)}.sel-steps span{background:var(--sel-sky);border-radius:999px;padding:3px 10px}
/* sections */
.sel-sec{padding:44px 0}.sel-sec.alt{background:#f7faf6}
.sel-c{text-align:center}
.sel-grid{display:grid;gap:18px}.sel-g3{grid-template-columns:repeat(3,1fr)}.sel-g2{grid-template-columns:repeat(2,1fr)}.sel-g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.sel-g3,.sel-g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sel-g3,.sel-g2,.sel-g4{grid-template-columns:1fr}}
.sel-grid>*{min-width:0}
.sel-card{background:#fff;border:1.5px solid var(--sel-line);border-radius:18px;padding:20px;box-shadow:0 3px 12px rgba(17,48,31,.06);text-decoration:none;color:inherit;display:block}
a.sel-card:hover{border-color:var(--sel-g);transform:translateY(-3px);box-shadow:var(--sel-sh)}a.sel-card{transition:transform .2s,box-shadow .2s}
.sel-card p{margin:0;color:var(--sel-muted);font-size:.95rem}
.sel-ic{width:46px;height:46px;border-radius:14px;background:var(--sel-sky);display:grid;place-items:center;margin-bottom:10px;font-size:1.4rem}
.sel-num{width:38px;height:38px;border-radius:50%;background:var(--sel-g);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:10px}
/* tuiles animées */
.sel-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){.sel-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sel-tiles{gap:10px}}
.sel-tile{background:#fff;border:1.5px solid var(--sel-line);border-radius:22px;padding:20px 14px;text-align:center;text-decoration:none;color:var(--sel-navy);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.sel-tile:hover{transform:translateY(-6px);box-shadow:var(--sel-sh);border-color:var(--sel-g)}
.sel-tile .sel-ti{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:2.1rem;animation:selBob 4s ease-in-out infinite}
.sel-tile:nth-child(2n) .sel-ti{animation-delay:.6s}.sel-tile:nth-child(3n) .sel-ti{animation-delay:1.2s}
@keyframes selBob{50%{transform:translateY(-6px) rotate(-3deg)}}
.sel-tile b{font-size:1.05rem}.sel-tile span.sel-cap{font-size:.85rem;color:var(--sel-g2);background:var(--sel-sky);border-radius:999px;padding:3px 12px;font-weight:700}
.sel-tile .sel-new{font-size:.8rem;color:var(--sel-muted)}
.sel-tc1 .sel-ti{background:#fff1d6}.sel-tc2 .sel-ti{background:#dff1ff}.sel-tc3 .sel-ti{background:#e3f6ea}.sel-tc4 .sel-ti{background:#ffe3e0}.sel-tc5 .sel-ti{background:#e9e4ff}.sel-tc6 .sel-ti{background:#fde6f1}.sel-tc7 .sel-ti{background:#e0ecff}.sel-tc8 .sel-ti{background:#ffe9cc}.sel-tc9 .sel-ti{background:#e6f5d9}
/* contenu */
.sel-two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px}
@media(max-width:960px){.sel-two{grid-template-columns:1fr}}
.sel-art ul{padding-left:1.2em}.sel-art li{margin:.3em 0}
.sel-side{position:sticky;top:90px;align-self:start}@media(max-width:960px){.sel-side{position:static}}
.sel-box{background:var(--sel-sky);border-radius:18px;padding:20px}
.sel-tip{background:#fff8e6;border:1.5px solid #ffe3a3;border-radius:14px;padding:12px 16px;font-size:.9rem;margin:1.2em 0}
.sel-src{font-size:.88rem;color:var(--sel-muted)}.sel-src a{word-break:break-word}
details.sel-fq{border:1.5px solid var(--sel-line);border-radius:14px;padding:2px 16px;margin:8px 0;background:#fff}
details.sel-fq summary{cursor:pointer;font-weight:700;color:var(--sel-navy);padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.sel-fq summary::-webkit-details-marker{display:none}details.sel-fq summary:after{content:"+";font-size:1.3rem;color:var(--sel-g);flex:none}details.sel-fq[open] summary:after{content:"–"}
details.sel-fq p{color:var(--sel-ink)}
.sel-band{background:var(--sel-navy);color:#fff;border-radius:24px;padding:26px 28px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sel-band h3{color:#fff;margin:0 0 4px}.sel-band p{margin:0;opacity:.85}
.sel-band .sel-btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.5)}.sel-band .sel-btn.ghost:hover{background:rgba(255,255,255,.12)}
.sel-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.sel-badges span{background:#fff;border:1.5px solid var(--sel-line);border-radius:999px;padding:5px 12px;font-size:.84rem;font-weight:600;color:var(--sel-navy)}
.sel-ft{background:var(--sel-navy);color:#d7e7dd;padding:26px 0 90px;font-size:.88rem}.sel-ft a{color:#fff}
.sel-ft .sel-w{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.sel-ft ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.sel-ft .sel-mini{flex:1 1 100%;opacity:.85;font-size:.8rem}
@media(min-width:761px){.sel-ft{padding-bottom:26px}}
.sel-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--sel-line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:none;gap:8px;box-shadow:0 -6px 20px rgba(0,0,0,.1)}
.sel-sticky a{flex:1;padding:12px 8px;font-size:.95rem}
@media(max-width:760px){.sel-sticky{display:flex}}
/* cookies */
.sel-ck{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:100;max-width:560px;background:#fff;border:1.5px solid var(--sel-line);border-radius:18px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.28)}.sel-ck.on{display:block}
@media(min-width:760px){.sel-ck{left:16px;right:auto;bottom:16px}}
.sel-ck h3{margin:0 0 6px}.sel-ck p{font-size:.9rem;color:var(--sel-muted);margin:0 0 12px}
.sel-ck .sel-row{display:flex;flex-wrap:wrap;gap:8px}.sel-ck .sel-row .sel-btn{flex:1 1 130px;padding:11px 10px;background:#fff;color:var(--sel-navy)!important;border-color:var(--sel-navy);box-shadow:none}.sel-ck .sel-row .sel-btn:hover{background:var(--sel-sky)}
.sel-ck .sel-opt{display:none;margin:0 0 12px}.sel-ck.cus .sel-opt{display:block}.sel-ck .sel-opt label{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--sel-line);font-size:.9rem}
.sel-ck .sel-opt input{margin-top:4px;width:18px;height:18px;accent-color:var(--sel-g)}
/* animations d'entrée */
.sel-js .sel-rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.sel-js .sel-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .sel-js .sel-rv{opacity:1;transform:none}
 .sel-scr{opacity:0}.sel-scr:last-child{opacity:1}
}
.sel-art h2{margin-top:1.6em}.sel-art h2:first-child{margin-top:0}
.sel-ph1{padding:26px 0 8px;background:#f1faf5}
.sel-legal{max-width:860px;margin-inline:auto}.sel-legal h2{margin-top:1.6em}
.sel-hd .sel-btn{white-space:nowrap}
@media(max-width:420px){.sel-hd .sel-btn{padding:10px 12px;font-size:14px}.sel-logo img{width:104px;height:auto}.sel-top{font-size:12px;padding:6px 10px}}
.sel-ft .sel-av{margin:14px 0 4px;max-width:760px}.sel-ft .sel-av summary{cursor:pointer;color:#fff;font-weight:700;font-size:.9rem;opacity:.9}.sel-ft .sel-av p{color:#fff;opacity:.85;font-size:.85rem;line-height:1.55;margin:8px 0 0}
@media(max-width:860px){.sel-tiles>.sel-tile:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}}

.sel-chips{list-style:none;margin:14px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sel-art .sel-chips{justify-content:flex-start}.sel-chips a{display:inline-block;padding:9px 14px;border:1.5px solid var(--sel-line);border-radius:999px;background:#fff;color:var(--sel-navy);text-decoration:none;font-weight:600;font-size:.92rem}.sel-chips a:hover{background:var(--sel-sky);border-color:var(--sel-g)}.sel-c{text-align:center}
@media(max-width:420px){.sel-chips a{padding:8px 12px;font-size:.88rem;border-radius:18px}}

.sel-hg{align-items:start}

.sel-logo img.u-w{filter:brightness(0) invert(1)}
.u-card{background:#fff;border:1.5px solid var(--sel-line);border-radius:22px;padding:22px;box-shadow:var(--sel-sh)}
.u-card h2,.u-card h3{margin:0 0 6px;font-size:1.25rem}.u-card .u-sub{color:var(--sel-muted);font-size:.92rem;margin:0 0 14px}
.u-list{list-style:none;margin:0;padding:0;counter-reset:u}.u-list li{counter-increment:u;position:relative;padding:0 0 14px 48px;margin:0}
.u-list li:before{content:counter(u);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--sel-g);color:#fff;font-weight:800;display:grid;place-items:center}
.u-list li:last-child{padding-bottom:0}.u-list b{display:block;color:var(--sel-navy)}.u-list span{color:var(--sel-muted);font-size:.93rem}
.u-ans{background:#fff;border-left:5px solid var(--sel-g);border-radius:0 14px 14px 0;box-shadow:0 3px 12px rgba(0,0,0,.05);padding:14px 18px;margin:0 0 1.4em}.u-ans b{color:var(--sel-navy)}
.u-form{display:grid;gap:10px}.u-form label{display:block;font-weight:600;font-size:.9rem;color:var(--sel-navy)}
.u-form input[type=text],.u-form input[type=tel],.u-form input[type=email],.u-form input[type=date],.u-form input[type=number],.u-form select,.u-form textarea{width:100%;margin-top:4px;padding:12px 14px;border:1.5px solid var(--sel-line);border-radius:12px;font:inherit;font-size:16px;background:#fff;color:var(--sel-ink)}
.u-form textarea{min-height:76px;resize:vertical}.u-form input:focus,.u-form select:focus,.u-form textarea:focus{outline:2px solid var(--sel-g);border-color:var(--sel-g)}
.u-form .u-r2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:420px){.u-form .u-r2{grid-template-columns:1fr}}
.u-form .u-chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.85rem;color:var(--sel-muted)}.u-form .u-chk input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--sel-g)}
.u-form fieldset{border:1.5px dashed var(--sel-line);border-radius:14px;padding:12px 14px;margin:0}.u-form legend{font-weight:700;color:var(--sel-navy);padding:0 6px;font-size:.92rem}
.u-form .u-file{margin:0 0 8px}.u-form .u-file input{width:100%;font-size:.88rem;margin-top:4px}.u-form .u-file small{font-weight:400;color:var(--sel-muted);display:block}
.u-form.later .u-docs{display:none}
.u-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.u-res{display:none;border-radius:12px;padding:12px 14px;font-size:.93rem}.u-res.ok{display:block;background:#e9f8ef;border:1.5px solid #b8e5c8;color:#14532d}.u-res.bad{display:block;background:#fdecec;border:1.5px solid #f3b5b5;color:#7f1d1d}
.u-res a{color:inherit;font-weight:700}
.u-ico{font-size:1.6rem;margin-right:6px}
.u-pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.u-pillrow span{background:var(--sel-sky);border-radius:999px;padding:4px 12px;font-size:.84rem;font-weight:600;color:var(--sel-navy)}
.u-uni{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:10px}.u-uni a{display:block;background:#fff;border:1.5px solid var(--sel-line);border-radius:14px;padding:12px 14px;text-decoration:none;font-weight:700;color:var(--sel-navy)}.u-uni a:hover{border-color:var(--sel-g)}
.u-toc{columns:2;column-gap:28px;padding-left:1.1em}@media(max-width:700px){.u-toc{columns:1}}.u-toc li{break-inside:avoid;margin:.25em 0}
.u-tbl{width:100%;border-collapse:collapse;font-size:.92rem;margin:1em 0}.u-tbl th,.u-tbl td{border:1px solid var(--sel-line);padding:8px 10px;text-align:left;vertical-align:top}.u-tbl th{background:var(--sel-sky);color:var(--sel-navy)}
.u-scroll{overflow-x:auto}

body.u-cg{--sel-navy:#12304f;--sel-g:#1f78d1;--sel-g2:#165ba3;--sel-sky:#e8f1fb;--sel-line:#d6e4f3;--sel-sh:0 10px 30px rgba(18,48,79,.12)}
body.u-qf{--sel-navy:#2a1d4f;--sel-g:#6d4fd1;--sel-g2:#5238a8;--sel-sky:#efeafc;--sel-line:#e0daf3;--sel-sh:0 10px 30px rgba(42,29,79,.12)}
body.u-cg .sel-hero,body.u-cg .sel-ph1{background:linear-gradient(180deg,#eef5fc,#fff)}body.u-qf .sel-hero,body.u-qf .sel-ph1{background:linear-gradient(180deg,#f3effd,#fff)}
body.u-cg .sel-sec.alt{background:#f5f8fc}body.u-qf .sel-sec.alt{background:#f7f5fc}
body.u-cg .sel-btn.big{box-shadow:0 8px 20px rgba(31,120,209,.35)}body.u-qf .sel-btn.big{box-shadow:0 8px 20px rgba(109,79,209,.35)}
body.u-cg .sel-ft,body.u-cg .sel-band{background:#12304f}body.u-qf .sel-ft,body.u-qf .sel-band{background:#2a1d4f}