@font-face{font-family:"TxTitre";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/titres-exo-800.woff2) format("woff2")}
@font-face{font-family:"TxTexte";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/texte-outfit.woff2) format("woff2")}

:root{
  --encre:#0b0920;--encre-2:#110d2b;--plaque:#141031;
  --trait:rgba(185,174,224,.16);--trait-fort:rgba(185,174,224,.28);
  --violet:#8b2cf5;--violet-2:#6a17d4;--violet-clair:#b48cff;
  --or:#f5c04a;--or-clair:#ffd77a;--lilas:#b9aee0;--texte:#ece8fb;--vert:#46d68f;--corail:#ff7a8a;
  --f-titre:"TxTitre","Arial Black",Arial,sans-serif;
  --f-texte:"TxTexte",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --h2:clamp(1.55rem,2.8vw,2.1rem)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--encre);color:var(--texte);font:400 16.5px/1.7 var(--f-texte);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--or-clair);text-underline-offset:3px}
h1,h2,h3{font-family:var(--f-titre);font-weight:800;line-height:1.12;letter-spacing:-.01em;color:#fff;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,4.4vw,3rem)}
h2{font-size:var(--h2)}
h3{font-size:1.18rem;line-height:1.3;margin-top:1.6em}
p{margin:0 0 1em}
ul,ol{margin:0 0 1.2em;padding-left:1.2em}
li{margin-bottom:.4em}
strong{color:#fff;font-weight:600}
.cadre{width:100%;max-width:1160px;margin:0 auto;padding:0 18px}
@media(min-width:768px){.cadre{padding:0 28px}}
[id]{scroll-margin-top:84px}
.gris{color:var(--lilas)}
.surtitre{display:block;font:600 .8rem var(--f-texte);letter-spacing:.12em;text-transform:uppercase;color:var(--or);margin-bottom:10px}
.cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 1rem var(--f-texte);text-decoration:none;white-space:nowrap;border-radius:12px;transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(1.08)}
.btn-violet{color:#fff;padding:15px 30px;background:linear-gradient(180deg,#9d4cff,var(--violet) 55%,var(--violet-2));box-shadow:0 10px 28px -12px rgba(139,44,245,.9)}
.btn-violet.grand{padding:17px 36px;font-size:1.06rem}
.btn-violet svg{width:18px;height:18px}
.btn-entete{padding:9px 18px;font-size:.92rem;border-radius:10px}
.btn-sombre{color:#e9e2ff;border:1px solid rgba(185,174,224,.3);background:rgba(255,255,255,.03)}
.btn-sombre:hover{color:#fff;border-color:rgba(185,174,224,.55)}
.btn-lueur{color:#fff;border:1px solid rgba(220,190,255,.35);background:linear-gradient(180deg,#a95cff,var(--violet) 55%,var(--violet-2));box-shadow:0 0 22px -4px rgba(168,85,247,.65),inset 0 1px 0 rgba(255,255,255,.25)}

/* en-tête */
.entete{position:sticky;top:0;z-index:50;background:rgba(11,9,32,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--trait)}
.entete .cadre{display:flex;align-items:center;gap:22px;height:68px}
.logo{flex:none}
.logo img{height:28px;width:auto}
.menu{display:none;align-items:center;gap:2px;margin:0 auto}
.menu>a,.deroulant>button{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:0;border-radius:9px;background:none;cursor:pointer;color:#d9d2f3;text-decoration:none;font:500 .95rem var(--f-texte)}
.menu>a:hover,.deroulant>button:hover,.deroulant:focus-within>button,.menu>a[aria-current="page"],.deroulant.actif>button{color:#fff;background:rgba(255,255,255,.05)}
.deroulant{position:relative}
.deroulant>button svg{width:12px;height:12px;transition:transform .2s}
.sous-menu{position:absolute;left:0;top:calc(100% + 6px);min-width:240px;padding:6px;border-radius:12px;background:#160f3a;border:1px solid var(--trait-fort);box-shadow:0 24px 50px -18px rgba(0,0,0,.95);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.16s}
.deroulant:hover .sous-menu,.deroulant:focus-within .sous-menu,.deroulant.ouvert .sous-menu{opacity:1;visibility:visible;transform:none}
.deroulant:hover>button svg,.deroulant:focus-within>button svg{transform:rotate(180deg)}
.sous-menu a{display:block;padding:9px 12px;border-radius:8px;color:#e6e0fb;text-decoration:none;font-size:.94rem}
.sous-menu a:hover,.sous-menu a[aria-current="page"]{background:rgba(255,255,255,.06);color:#fff}
.actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.lien-compte{display:inline-flex;align-items:center;gap:7px;padding:9px 10px;color:#e9e2ff;text-decoration:none;font:500 .95rem var(--f-texte)}
.lien-compte svg{width:18px;height:18px}
.lien-compte:hover{color:#fff}
.bouton-menu{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--trait-fort);background:none;color:#fff;cursor:pointer}
.bouton-menu svg{width:20px;height:20px}
@media(min-width:1000px){.menu{display:flex}.bouton-menu{display:none}.actions{margin-left:0}}
@media(max-width:520px){.btn-sombre{display:none}}
@media(max-width:400px){.entete .cadre{gap:10px}.logo img{height:23px}.btn-entete{padding:9px 13px;font-size:.86rem}}
.panneau{position:fixed;inset:68px 0 auto 0;z-index:49;max-height:calc(100dvh - 68px);overflow-y:auto;padding:12px 18px 26px;background:#0e0a28;border-bottom:1px solid var(--trait-fort);box-shadow:0 30px 60px -20px rgba(0,0,0,.95)}
.panneau[hidden]{display:none}
.panneau p{margin:16px 4px 6px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lilas)}
.panneau a{display:block;padding:11px 4px;border-bottom:1px solid var(--trait);color:#fff;text-decoration:none;font-size:1rem}
.panneau a[aria-current="page"]{color:var(--or-clair)}
@media(min-width:1000px){.panneau{display:none!important}}

/* ouverture (accueil) */
.ouverture{--scene-h:210px;--scene-r:2.667;position:relative;overflow:hidden;text-align:center;background:radial-gradient(70% 60% at 50% 0,rgba(90,50,220,.28),transparent 70%),var(--encre)}
.ouverture::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:var(--scene-h);width:calc(var(--scene-h) * var(--scene-r));background:url(/img/scene-tresor-mobile.webp) no-repeat center bottom/100% 100%;--fondu-v:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 22%,#000 46%,#000 76%,transparent 100%);--fondu-h:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 10%,#000 26%,#000 74%,rgba(0,0,0,.4) 90%,transparent 100%);-webkit-mask-image:var(--fondu-v),var(--fondu-h);-webkit-mask-composite:source-in;mask-image:var(--fondu-v),var(--fondu-h);mask-composite:intersect;pointer-events:none}
.ouverture .cadre{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-top:30px;padding-bottom:calc(var(--scene-h) * .62)}
.ouverture .cadre::before{content:"";position:absolute;left:50%;top:0;bottom:22%;width:min(900px,120%);transform:translateX(-50%);background:radial-gradient(closest-side,rgba(11,9,32,.72),rgba(11,9,32,.35) 65%,transparent);z-index:-1;pointer-events:none}
.ouverture h1{margin:0 0 12px;max-width:820px;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.2;color:#ece6ff}
.h1-marque{display:block;font-size:clamp(1.1rem,2.2vw,1.45rem);color:#d9c8ff;margin-bottom:8px}
.h1-pct{display:block;margin-bottom:4px;font-size:clamp(4.2rem,14vw,7.4rem);line-height:.92;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 15%,#efe6ff 50%,#b9a2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #3b168f) drop-shadow(0 16px 34px rgba(110,50,240,.5))}
.h1-ligne em{font-style:normal;color:#ffd36b;white-space:nowrap}
.sous-ligne{margin:0 0 24px;max-width:560px;color:#d4cbf5}
@media(min-width:900px){
  .ouverture{--scene-h:min(480px,32vw + 50px);--scene-r:3.741;max-height:calc(100vh - 68px)}
  .ouverture::before{background-image:url(/img/scene-tresor-1400.webp)}
  .ouverture .cadre{padding-top:40px;padding-bottom:calc(var(--scene-h) * .6)}
}
@media(min-width:1440px){.ouverture::before{background-image:url(/img/scene-tresor-2020.webp)}}

/* repères sous l'ouverture */
.reperes{display:grid;grid-template-columns:minmax(0,1fr);margin:6px 0 0;position:relative;z-index:2;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.repere{padding:22px 4px;border-top:1px solid var(--trait)}
.repere:first-child{border-top:0}
.repere b{display:block;font:800 1.7rem/1.1 var(--f-titre);color:var(--or)}
.repere span{display:block;margin-top:6px;color:var(--lilas);font-size:.95rem}
@media(min-width:820px){.reperes{grid-template-columns:repeat(3,1fr)}.repere{padding:26px 30px;border-top:0;border-left:1px solid var(--trait)}.repere:first-child{border-left:0;padding-left:0}}

/* sections */
.bloc{padding:76px 0}
.bloc+.bloc{border-top:1px solid rgba(185,174,224,.08)}
.entete-bloc{max-width:720px;margin:0 0 34px}
.entete-bloc p{color:var(--lilas);margin:0}
.centre{text-align:center;margin-left:auto;margin-right:auto}
.deux{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
.deux>*{min-width:0}
@media(min-width:900px){.deux{grid-template-columns:1fr 1fr;gap:64px}}
.visuel{margin:0}
.visuel img{width:100%;border-radius:16px}
.visuel figcaption{margin-top:10px;font-size:.86rem;color:var(--lilas)}

/* faits */
.faits{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:26px 0 0}
.faits div{padding:12px 0;border-top:1px solid var(--trait)}
.faits dt{font-size:.85rem;color:var(--lilas)}
.faits dd{margin:2px 0 0;font-weight:600;color:#fff}
@media(max-width:520px){.faits{grid-template-columns:1fr}}

/* frise des paliers */
.frise{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.frise li{margin:0;padding:20px 18px 20px 0;border-top:1px solid var(--trait)}
.frise-n{display:block;font-size:.88rem;color:var(--lilas)}
.frise b{display:block;font:800 2.2rem/1.05 var(--f-titre);color:#fff;margin:4px 0 2px}
.frise-cap{display:block;font-size:.95rem;color:var(--texte)}
.frise .phare b{color:var(--or)}
.frise em{display:block;margin-top:6px;font-style:normal;font-size:.82rem;color:var(--or-clair)}
@media(min-width:900px){.frise{grid-template-columns:repeat(6,minmax(0,1fr))}.frise li{padding:22px 18px 22px 0;border-top:2px solid var(--trait)}.frise .phare{border-top-color:var(--or)}}
.frise-total{margin:26px 0 0;color:var(--lilas)}
.frise-total b{color:#fff}

/* wager */
.mises{list-style:none;padding:0;margin:20px 0 0}
.mises li{display:flex;justify-content:space-between;margin:0;padding:12px 0;border-top:1px solid var(--trait)}
.mises li:last-child{border-bottom:1px solid var(--trait)}
.mises b{font-family:var(--f-titre);color:#fff}
.calc{padding:28px;border-radius:16px;border:1px solid var(--trait);background:var(--encre-2)}
.calc h3{margin-top:0;font-size:1.25rem}
.packs-choix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 18px}
.packs-choix button{min-width:0;padding:10px 6px;border-radius:10px;border:1px solid var(--trait-fort);background:transparent;color:var(--lilas);cursor:pointer;font:600 .9rem var(--f-texte)}
.packs-choix button.actif{color:#fff;border-color:var(--violet);background:var(--violet)}
.calc label{display:block;font-size:.88rem;color:var(--lilas);margin-bottom:6px}
.champ{display:flex;align-items:center;padding:0 16px;border-radius:12px;border:1px solid var(--trait-fort);background:var(--encre)}
.champ input{flex:1;min-width:0;border:0;outline:0;background:none;color:#fff;font:800 1.5rem var(--f-titre);padding:11px 0}
.champ span{color:var(--lilas);font-weight:600}
.total{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--trait);display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.total span{color:var(--lilas)}
.total output{font:800 2rem var(--f-titre);color:#fff}

/* packs */
.packs{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--trait)}
.pack{padding:26px 0;border-bottom:1px solid var(--trait)}
.pack-nom{display:block;font-size:.95rem;color:var(--lilas);margin-bottom:6px}
.pack-montant{font:800 2.4rem/1 var(--f-titre);color:#fff;margin:0 0 4px}
.pack.mis-en-avant .pack-montant{color:var(--or)}
.pack-plafond{margin:0 0 14px;color:var(--texte)}
.pack dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:.94rem;max-width:300px}
.pack dt{color:var(--lilas)}
.pack dd{margin:0;text-align:right;font-weight:600;color:#fff}
.pack .bas{color:var(--vert)}
.pack .haut{color:var(--corail)}
.pack a{display:inline-block;margin-top:14px;font-size:.92rem}
@media(min-width:860px){.packs{grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--trait)}.pack{padding:30px 32px;border-bottom:0;border-left:1px solid var(--trait)}.pack:first-child{border-left:0;padding-left:0}}

/* appel */
.appel{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;padding:34px 0;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.appel h2{margin-bottom:6px}
.appel p{margin:0;color:var(--lilas)}
@media(min-width:820px){.appel{grid-template-columns:1fr auto}}

/* note sur 10 */
.notation{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}
@media(min-width:860px){.notation{grid-template-columns:260px 1fr;gap:56px}}
.note-dix{display:flex;align-items:baseline;gap:6px;font-family:var(--f-titre);color:#fff}
.note-dix b{font-size:4.2rem;line-height:1;letter-spacing:-.02em}
.note-dix span{font-size:1.3rem;color:var(--lilas)}
.note-legende{margin:6px 0 0;color:var(--lilas);font-size:.92rem}
.sous-notes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--trait)}
.sous-notes li{margin:0;padding:14px 0;border-bottom:1px solid var(--trait);display:flex;justify-content:space-between;gap:14px;padding-right:20px}
.sous-notes li:nth-child(2n){padding-right:0;padding-left:20px;border-left:1px solid var(--trait)}
.sous-notes span{color:var(--lilas)}
.sous-notes b{font-family:var(--f-titre);color:#fff}
@media(max-width:520px){.sous-notes{grid-template-columns:1fr}.sous-notes li,.sous-notes li:nth-child(2n){padding-left:0;padding-right:0;border-left:0}}
.pour-contre{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:22px}
@media(min-width:760px){.pour-contre{grid-template-columns:1fr 1fr}}
.pour-contre h3{margin:0 0 10px;font-size:1.02rem}
.pour-contre ul{list-style:none;margin:0;padding:0}
.pour-contre li{position:relative;padding-left:22px;color:var(--texte)}
.pour-contre .plus li::before{content:"+";position:absolute;left:0;font-weight:700;color:var(--vert)}
.pour-contre .moins li::before{content:"-";position:absolute;left:3px;font-weight:700;color:var(--corail)}

/* faq */
.faq{border-top:1px solid var(--trait)}
.faq-ligne{border-bottom:1px solid var(--trait)}
.faq-ligne button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 0;border:0;background:none;color:#fff;text-align:left;cursor:pointer;font:600 1.04rem/1.4 var(--f-texte)}
.faq-ligne button::after{content:"+";flex:none;font:300 1.6rem/1 var(--f-texte);color:var(--or);transition:transform .2s}
.faq-ligne.ouvert button::after{transform:rotate(45deg)}
.faq-texte{display:none;padding:0 0 20px;color:var(--lilas);max-width:780px}
.faq-ligne.ouvert .faq-texte{display:block}
.faq-texte p{margin:0}

/* pages intérieures */
.ariane{font-size:.88rem;color:var(--lilas);margin:0 0 18px}
.ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.ariane li{margin:0}
.ariane li+li::before{content:"/";margin-right:6px;color:rgba(185,174,224,.5)}
.ariane a{color:var(--lilas);text-decoration:none}
.ariane a:hover{color:#fff}
.tete-page{padding:46px 0 34px;background:radial-gradient(60% 120% at 20% 0,rgba(110,50,240,.18),transparent 70%)}
.tete-page h1{max-width:820px}
.chapo{max-width:720px;font-size:1.1rem;color:var(--texte)}
.tete-page .btn{margin-top:8px}
.contenu{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;padding-top:20px;padding-bottom:70px}
.contenu>*{min-width:0}
@media(min-width:1000px){.contenu{grid-template-columns:minmax(0,1fr) 300px;gap:64px}}
.prose{max-width:740px}
.prose h2{margin-top:1.8em}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:var(--texte)}
.prose ul li::marker{color:var(--or)}
.prose ol li::marker{color:var(--or);font-weight:700}
.prose .visuel{margin:28px 0}
.encadre{margin:26px 0;padding:18px 22px;border-left:3px solid var(--or);background:rgba(245,192,74,.06);border-radius:0 12px 12px 0}
.encadre p:last-child{margin:0}
.tableau{width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:.96rem}
.tableau th,.tableau td{padding:12px 14px 12px 0;text-align:left;border-bottom:1px solid var(--trait);vertical-align:top}
.tableau thead th{font-weight:600;font-size:.86rem;color:var(--lilas);border-bottom:1px solid var(--trait-fort)}
.tableau td:first-child{color:#fff;font-weight:500}
.tableau-defile{overflow-x:auto}
.colonne{position:relative}
.resume{position:sticky;top:96px;padding:24px;border-radius:16px;border:1px solid var(--trait);background:var(--encre-2)}
.resume h2{font-size:1.15rem;margin:0 0 12px}
.resume dl{margin:0 0 18px}
.resume div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--trait);font-size:.94rem}
.resume dt{color:var(--lilas)}
.resume dd{margin:0;color:#fff;font-weight:600;text-align:right}
.resume .btn{width:100%}
.resume small{display:block;margin-top:10px;font-size:.78rem;color:var(--lilas);text-align:center}
.page-faq{margin-top:46px}

/* pied */
.pied-centre{margin-top:30px;padding:46px 0 40px;text-align:center;background:#07061a;border-top:1px solid var(--trait);color:#8f86b8;font-size:.86rem}
.pied-centre .logo{display:inline-block}
.pied-centre .logo img{height:28px;margin:0 auto 18px}
.pied-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:0 0 20px;font-size:.94rem}
.pied-liens a{color:#e2dcff;text-decoration:none}
.pied-liens a:hover{color:var(--or-clair)}
.pied-liens span{color:#4f4880}
.pied-mention{color:#d4cdf2;margin:0 auto 8px;max-width:680px}
.pied-legal{max-width:760px;margin:0 auto 6px;line-height:1.6}
.pied-legal a{color:#cfc7f0}

/* en-tête à deux niveaux */
.entete .cadre{height:60px;justify-content:space-between}
.actions{margin-left:auto}
.menu{display:none!important}
.bande{display:none;position:relative;z-index:40;background:#0d0a26;border-bottom:1px solid var(--trait)}
.bande .cadre{display:flex;justify-content:center;align-items:stretch;height:46px}
.bande .cadre>a,.bande .deroulant>button{display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 22px;border:0;background:none;cursor:pointer;color:#d4ccf1;text-decoration:none;font:500 .95rem var(--f-texte);position:relative}
.bande .cadre>*+*{border-left:1px solid var(--trait)}
.bande .cadre>a:hover,.bande .deroulant>button:hover{color:#fff}
.bande .cadre>a[aria-current="page"]::after,.bande .deroulant.actif>button::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;border-radius:2px;background:var(--violet-clair);box-shadow:0 0 10px rgba(168,85,247,.8)}
.bande .cadre>a[aria-current="page"],.bande .deroulant.actif>button{color:#fff}
.bande .deroulant{display:flex}
.bande .sous-menu{top:100%}
@media(min-width:1000px){.bande{display:block}.bouton-menu{display:none}}
.panneau{inset:60px 0 auto 0;max-height:calc(100dvh - 60px)}
[id]{scroll-margin-top:76px}

/* hero resserré */
.ouverture{--scene-h:170px}
.ouverture .cadre{padding-bottom:calc(var(--scene-h) * .62)}
@media(min-width:900px){
  .ouverture{--scene-h:min(340px,23vw + 40px)}
  .ouverture .cadre{padding-top:34px;padding-bottom:calc(var(--scene-h) * .55)}
}
.reperes{margin-top:-24px;padding:0 20px;border:1px solid var(--trait);border-radius:16px;background:rgba(14,10,38,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.repere{padding:18px 4px}
@media(min-width:820px){.reperes{margin-top:-64px;padding:0}.repere{padding:22px 28px}.repere:first-child{padding-left:28px}}



/* En-tete sur une ligne : logo seul a gauche, navigation et boutons regroupes a droite */
.entete .cadre{height:68px;justify-content:flex-start;gap:0}
.entete .logo{margin-right:auto}
.nav-ligne{display:none;align-items:stretch;height:100%;gap:2px}
.nav-ligne>a,.nav-ligne .deroulant>button{display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 14px;border:0;border-radius:0;background:none;cursor:pointer;color:#cfc6ee;text-decoration:none;font:500 .94rem var(--f-texte);position:relative}
.nav-ligne>a:hover,.nav-ligne .deroulant>button:hover,.nav-ligne .deroulant:focus-within>button{color:#fff;background:none}
.nav-ligne>a[aria-current="page"],.nav-ligne .deroulant.actif>button{color:#fff;background:none}
.nav-ligne>a[aria-current="page"]::before,.nav-ligne .deroulant.actif>button::before{content:"";position:absolute;left:50%;bottom:14px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--violet-clair);box-shadow:0 0 8px rgba(168,85,247,.9)}
.nav-ligne .deroulant.actif>button::after{display:none}
.nav-ligne .deroulant{display:flex}
.nav-ligne .sous-menu{top:calc(100% - 6px);left:-6px}
.nav-sep{display:none;width:1px;height:22px;margin:0 18px 0 12px;background:var(--trait-fort)}
.entete .actions{display:flex;align-items:center;gap:8px}
@media(min-width:1000px){.nav-ligne{display:flex}.nav-sep{display:block}}
.capture{margin:22px 0 30px}.capture img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--trait-fort);box-shadow:0 24px 60px -28px rgba(0,0,0,.9)}.capture figcaption{margin-top:10px;font-size:.84rem;color:var(--lilas)}

/* Boutons : relief "touche" + liseré dégradé rose, violet, bleu */
.btn{--ombre:#3f1a8a;position:relative;border:1.5px solid transparent;border-radius:12px;clip-path:none;transition:transform .12s,box-shadow .12s,filter .15s}
.btn::before{content:none}
.btn:hover{filter:brightness(1.07)}
.btn-violet,.btn-lueur{color:#fff;background:linear-gradient(180deg,#9d58ff,#7633ec) padding-box,linear-gradient(90deg,#ff6fcf,#a66bff 50%,#5f9bff) border-box;box-shadow:0 5px 0 var(--ombre),0 14px 30px -12px rgba(124,58,237,.85),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-violet{font:800 1.02rem var(--f-titre);letter-spacing:.01em;padding:14px 30px}
.btn-violet.grand{padding:16px 34px;font-size:1.08rem;gap:12px}
.btn-violet svg{width:18px;height:18px;padding:0;background:none;clip-path:none;transition:transform .15s}
.btn-violet:hover svg{transform:translateX(3px);background:none}
.btn-violet:hover,.btn-lueur:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--ombre),0 10px 24px -12px rgba(124,58,237,.85),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-violet:active,.btn-lueur:active{transform:translateY(5px);box-shadow:0 0 0 var(--ombre),0 6px 16px -10px rgba(124,58,237,.8)}
.btn-entete{padding:8px 16px;font:700 .9rem var(--f-texte);border-radius:10px}
.btn-lueur{--ombre:#3a1680;box-shadow:0 4px 0 var(--ombre),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-lueur:hover{box-shadow:0 2px 0 var(--ombre),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-sombre{color:#ece6ff;background:linear-gradient(180deg,#1d1548,#150f37) padding-box,linear-gradient(90deg,rgba(255,111,207,.55),rgba(166,107,255,.55) 50%,rgba(95,155,255,.55)) border-box;box-shadow:0 4px 0 #080617}
.btn-sombre:hover{transform:translateY(2px);box-shadow:0 2px 0 #080617;color:#fff}
.btn-sombre:active,.btn-lueur:active{transform:translateY(4px);box-shadow:none}

/* CTA principal en vert, relief + liseré */
.btn-violet{--ombre:#0a6a36;color:#fff;text-shadow:0 1px 0 rgba(0,70,30,.45);background:linear-gradient(180deg,#43e98f,#17b45f) padding-box,linear-gradient(90deg,#c9ffe3,#3fe08a 45%,#5fd2ff) border-box;box-shadow:0 5px 0 var(--ombre),0 14px 30px -12px rgba(30,200,110,.75),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-violet:hover{box-shadow:0 3px 0 var(--ombre),0 10px 24px -12px rgba(30,200,110,.75),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-violet:active{box-shadow:0 0 0 var(--ombre),0 6px 16px -10px rgba(30,200,110,.7)}
/* Repères : libellé court sur mobile */
.repere .court{display:none;font-style:normal}
@media(max-width:819px){
  .ouverture{--scene-h:46vw;--scene-r:2.667}
  .ouverture .cadre{padding-top:26px;padding-bottom:calc(var(--scene-h) * .58)}
  .ouverture .btn-violet.grand{width:auto;padding:15px 30px}
  .reperes{grid-template-columns:repeat(3,1fr);margin-top:-18px;padding:0}
  .repere{padding:14px 6px;text-align:center;border-top:0;border-left:1px solid var(--trait)}
  .repere:first-child{border-left:0}
  .repere b{font-size:clamp(.86rem,3.9vw,1.08rem);white-space:nowrap}
  .repere .court{display:block;margin-top:3px;font-size:.74rem;color:var(--lilas);line-height:1.3}
  .repere span{display:none}
}

/* CTA façon pilule brillante 3D (inspiration casino) */
.btn-violet,.btn-lueur{--socle:#4a12b0;position:relative;overflow:hidden;color:#fff;font-style:italic;text-transform:uppercase;letter-spacing:.02em;border-radius:999px;border:2px solid rgba(240,205,255,.85);
 background:linear-gradient(180deg,#e58cff 0%,#c65cff 30%,#9b33f5 62%,#7a1fe6 100%);text-shadow:0 2px 0 rgba(70,10,140,.55);
 box-shadow:inset 0 -6px 12px rgba(80,10,170,.55),inset 0 2px 0 rgba(255,255,255,.5),0 7px 0 var(--socle),0 9px 0 #2c0a6e,0 16px 34px -6px rgba(170,70,255,.75),0 0 26px -4px rgba(210,120,255,.65)}
.btn-violet::after,.btn-lueur::after{content:"";position:absolute;left:7%;right:7%;top:3px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.08));pointer-events:none}
.btn-violet{font:800 1.05rem var(--f-titre);font-style:italic;padding:16px 40px}
.btn-violet.grand{padding:18px 46px;font-size:1.15rem}
.btn-violet svg{position:relative;z-index:1}
.btn-violet:hover,.btn-lueur:hover{transform:translateY(3px);filter:brightness(1.06);box-shadow:inset 0 -6px 12px rgba(80,10,170,.55),inset 0 2px 0 rgba(255,255,255,.5),0 4px 0 var(--socle),0 6px 0 #2c0a6e,0 12px 26px -6px rgba(170,70,255,.75),0 0 26px -4px rgba(210,120,255,.65)}
.btn-violet:active,.btn-lueur:active{transform:translateY(7px);box-shadow:inset 0 -4px 10px rgba(80,10,170,.55),inset 0 2px 0 rgba(255,255,255,.5),0 0 0 var(--socle),0 2px 0 #2c0a6e,0 6px 16px -6px rgba(170,70,255,.7)}
.btn-lueur{font:800 .86rem var(--f-titre);font-style:italic;padding:8px 22px;box-shadow:inset 0 -4px 8px rgba(80,10,170,.55),inset 0 2px 0 rgba(255,255,255,.5),0 4px 0 var(--socle),0 5px 0 #2c0a6e,0 0 18px -4px rgba(210,120,255,.6)}
.btn-lueur:hover{transform:translateY(2px);box-shadow:inset 0 -4px 8px rgba(80,10,170,.55),inset 0 2px 0 rgba(255,255,255,.5),0 2px 0 var(--socle),0 3px 0 #2c0a6e,0 0 18px -4px rgba(210,120,255,.6)}
.btn-sombre{border-radius:999px;font-style:normal}
@media(max-width:819px){.ouverture .btn-violet.grand{padding:16px 34px}}

/* Pilule brillante : sans socle, halo discret */
.btn-violet,.btn-lueur{box-shadow:inset 0 -5px 10px rgba(80,10,170,.45),inset 0 2px 0 rgba(255,255,255,.45),0 8px 18px -8px rgba(120,40,220,.55)}
.btn-violet:hover,.btn-lueur:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:inset 0 -5px 10px rgba(80,10,170,.45),inset 0 2px 0 rgba(255,255,255,.45),0 12px 22px -8px rgba(120,40,220,.6)}
.btn-violet:active,.btn-lueur:active{transform:translateY(1px);box-shadow:inset 0 -3px 8px rgba(80,10,170,.5),inset 0 2px 0 rgba(255,255,255,.4),0 4px 10px -6px rgba(120,40,220,.5)}
.btn-violet,.btn-lueur{border-color:rgba(240,205,255,.6)}

/* Bouton menu mobile : pilule texte + deux traits decales */
.bouton-menu{gap:9px;align-items:center;justify-content:center;width:auto;height:38px;padding:0 14px 0 12px;border:0;border-radius:999px;background:rgba(255,255,255,.07);color:#efe9ff;font:600 .86rem var(--f-texte)}
.bm-traits{display:flex;flex-direction:column;gap:5px;width:16px}
.bm-traits i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,width .2s}
.bm-traits i:first-child{width:16px}.bm-traits i:last-child{width:10px;margin-left:6px}
.bouton-menu[aria-expanded="true"] .bm-traits i:first-child{transform:translateY(3.5px) rotate(45deg)}
.bouton-menu[aria-expanded="true"] .bm-traits i:last-child{width:16px;margin-left:0;transform:translateY(-3.5px) rotate(-45deg)}
@media(max-width:999px){.bouton-menu{display:inline-flex}}
/* Bouton d'en-tete : pilule brillante avec relief */
.btn-lueur{--socle:#4a12b0;box-shadow:inset 0 -4px 8px rgba(80,10,170,.5),inset 0 2px 0 rgba(255,255,255,.45),0 4px 0 var(--socle),0 5px 0 #2c0a6e,0 8px 14px -6px rgba(120,40,220,.45)}
.btn-lueur:hover{transform:translateY(2px);box-shadow:inset 0 -4px 8px rgba(80,10,170,.5),inset 0 2px 0 rgba(255,255,255,.45),0 2px 0 var(--socle),0 3px 0 #2c0a6e,0 6px 12px -6px rgba(120,40,220,.45)}
.btn-lueur:active{transform:translateY(5px);box-shadow:inset 0 -3px 6px rgba(80,10,170,.5),inset 0 2px 0 rgba(255,255,255,.4)}

/* Bouton d'en-tete "S'inscrire" : pilule brillante verte avec relief */
.btn-lueur{--socle:#0b7a3c;border-color:rgba(200,255,225,.75);text-shadow:0 2px 0 rgba(0,80,35,.5);
 background:linear-gradient(180deg,#8ff5b8 0%,#45e08a 32%,#1fbf63 66%,#129a4c 100%);
 box-shadow:inset 0 -4px 8px rgba(0,90,40,.45),inset 0 2px 0 rgba(255,255,255,.5),0 4px 0 var(--socle),0 5px 0 #054d24,0 8px 14px -6px rgba(20,170,90,.45)}
.btn-lueur:hover{box-shadow:inset 0 -4px 8px rgba(0,90,40,.45),inset 0 2px 0 rgba(255,255,255,.5),0 2px 0 var(--socle),0 3px 0 #054d24,0 6px 12px -6px rgba(20,170,90,.45)}
.btn-lueur:active{box-shadow:inset 0 -3px 6px rgba(0,90,40,.5),inset 0 2px 0 rgba(255,255,255,.4)}

/* Mobile : bouton menu compact, S'inscrire plus franc */
.bouton-menu{width:38px;height:38px;padding:0;gap:0}
.bouton-menu .bm-txt{display:none}
.btn-lueur{border-color:rgba(160,255,200,.55);background:linear-gradient(180deg,#5fe89a 0%,#24cf6c 35%,#14b057 70%,#0d9445 100%);
 box-shadow:inset 0 -4px 8px rgba(0,80,35,.45),inset 0 1px 0 rgba(255,255,255,.35),0 4px 0 var(--socle),0 5px 0 #054d24,0 8px 14px -6px rgba(20,170,90,.45)}
.btn-lueur::after{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0))}
@media(max-width:999px){.entete .actions{gap:10px}.btn-entete.btn-lueur{padding:9px 24px;font-size:.92rem}}
.telephone{margin:26px auto 30px;max-width:300px;text-align:center}.telephone img{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(140,70,255,.25))}.telephone figcaption{margin-top:12px;font-size:.84rem;color:var(--lilas)}