:root{--fond:#08030f;--panneau:#120a1d;--or:#ffd54a;--violet:#7c3aed;--bleu:#0969b8;--texte:#f7f4fb;--doux:#d4ccdd;--bord:rgba(255,213,74,.48);--ombre:0 16px 40px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at top,rgba(124,58,237,.22),transparent 34rem),linear-gradient(180deg,#050108,var(--fond));color:var(--texte);font-family:Arial,Helvetica,sans-serif;line-height:1.62}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.lien-evitement{position:absolute;left:12px;top:-80px;z-index:9999;padding:10px 15px;border-radius:8px;background:#fff;color:#111;font-weight:800}.lien-evitement:focus{top:12px}:where(a,summary,[tabindex]):focus-visible{outline:3px solid #fff;outline-offset:4px}
.entete-site{overflow:hidden;background:#000}.image-entete{display:block;width:100%;height:auto}
.navigation-principale{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;padding:12px;background:#050507;border-block:1px solid #a970ff;box-shadow:0 8px 22px rgba(0,0,0,.38)}.navigation-principale a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid #d3b1ff;border-radius:9px;background:linear-gradient(#c68cff,#8138d2 52%,#4e168e);color:#fff;font-size:.84rem;font-weight:800}.navigation-principale a:hover{filter:brightness(1.08);transform:translateY(-1px)}.navigation-principale .actif{border-color:#ffe58e;background:linear-gradient(#fff1a8,#ffd74c 52%,#bd7e00);color:#111}
.conteneur{width:min(1180px,calc(100% - 28px));margin:28px auto 40px}.introduction-compacte,.section-page,.jeu-responsable{margin:22px 0;padding:27px;border:1px solid var(--bord);border-radius:17px;background:linear-gradient(145deg,rgba(8,5,13,.96),rgba(26,15,43,.94));box-shadow:var(--ombre)}.introduction-compacte{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
h1,h2,h3{margin-top:0;color:var(--or);line-height:1.2}h1{margin-bottom:13px;font-size:clamp(1.8rem,3.5vw,2.65rem)}h2{font-size:clamp(1.45rem,2.8vw,2rem)}h3{font-size:1.18rem}p{margin:0 0 12px}.sur-titre{display:inline-flex;margin-bottom:8px;padding:5px 11px;border-radius:999px;background:var(--or);color:#16100a;font-size:.77rem;font-weight:900;text-transform:uppercase}.texte-introduction{max-width:820px;color:var(--doux)}.actions-introduction{display:flex;flex-direction:column;gap:9px;min-width:190px}.date-maj{padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.07);font-size:.8rem;text-align:center}
.petit-bouton,.bouton-carte,.bouton-tableau,.liste-details article>a,.jeu-responsable>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid #79bff0;border-radius:9px;background:var(--bleu);color:#fff;font-weight:850;text-align:center}.petit-bouton:hover,.bouton-carte:hover,.bouton-tableau:hover,.liste-details article>a:hover,.jeu-responsable>a:hover{filter:brightness(1.1);transform:translateY(-1px)}
.mention-editoriale,.mention-affiliation{max-width:970px;margin:14px auto;padding:11px 14px;border-left:3px solid var(--or);background:rgba(255,255,255,.05);color:var(--doux);font-size:.86rem}
.grille-plateformes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.carte-plateforme{display:flex;flex-direction:column;padding:19px;border:1px solid var(--bord);border-radius:15px;background:linear-gradient(160deg,rgba(18,10,29,.98),rgba(5,3,8,.98));box-shadow:0 10px 25px rgba(0,0,0,.32)}.ligne-carte{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ligne-carte h2{font-size:1.3rem}.note{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:var(--or);color:#111;font-size:.8rem}.note-outil{background:#d8c7ff;color:#271044}.carte-plateforme p,.carte-plateforme li{color:var(--doux);font-size:.92rem}.carte-plateforme ul{margin:2px 0 17px;padding-left:20px}.carte-plateforme .bouton-carte{margin-top:auto;width:100%}.carte-pmu{border-top:3px solid #35c75a}.carte-parions{border-top:3px solid #ef3340}.carte-netbet{border-top:3px solid #36a7e8}.carte-betburger{border-top:3px solid #9b72ff}
.entete-section{max-width:850px;margin:0 auto 20px;text-align:center}.entete-section p:last-child{color:var(--doux)}.tableau-defilant{overflow-x:auto;border-radius:13px}.tableau-comparatif{width:100%;min-width:760px;border-collapse:collapse;background:rgba(0,0,0,.33)}.tableau-comparatif th,.tableau-comparatif td{padding:13px 12px;border:1px solid rgba(255,213,74,.25);text-align:left;vertical-align:middle}.tableau-comparatif thead th{background:rgba(255,213,74,.14);color:var(--or)}.tableau-comparatif td{color:#e6e0eb}.bouton-tableau{min-height:38px;padding:7px 11px;font-size:.84rem}.ligne-outil{background:rgba(124,58,237,.08)}.etiquette-outil{display:inline-flex;padding:3px 7px;border-radius:999px;background:#d8c7ff;color:#271044;font-size:.68rem}.texte-invisible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.liens-complementaires{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.liens-complementaires a{color:var(--or);font-weight:800;text-decoration:underline}
.grille-conseils{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.grille-conseils article{padding:17px;border:1px solid rgba(255,213,74,.27);border-radius:12px;background:rgba(255,255,255,.045)}.grille-conseils p{color:var(--doux);font-size:.92rem}.liste-details{display:grid;gap:11px}.liste-details article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid rgba(255,213,74,.27);border-radius:12px;background:rgba(255,255,255,.045)}.liste-details h3{margin-bottom:5px}.liste-details p{margin:0;color:var(--doux)}.liste-details article>a{flex:0 0 auto}.detail-outil{border-color:rgba(155,114,255,.65)!important}
.faq details{margin:10px 0;border:1px solid rgba(255,213,74,.28);border-radius:11px;background:rgba(255,255,255,.045)}.faq summary{cursor:pointer;padding:14px 16px;color:var(--or);font-weight:850}.faq details p{padding:0 16px 15px;color:var(--doux)}.faq details a{color:#6dc7ff;text-decoration:underline}.jeu-responsable{border-color:rgba(239,51,64,.7);background:linear-gradient(135deg,rgba(67,7,13,.95),rgba(9,6,12,.96))}.jeu-responsable strong{display:block;margin-bottom:8px;color:#fff0a0;font-size:1.08rem}.jeu-responsable p{color:#eee}.jeu-responsable>a{margin-top:3px;background:#8b1e2d;border-color:#f0808c}
.pied-page{width:min(1180px,calc(100% - 28px));margin:0 auto 24px;padding:24px;border-top:2px solid var(--or);border-radius:15px;background:#050507;text-align:center}.logos-prevention{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-bottom:14px}.logos-prevention img{display:block;max-height:40px;width:auto}.avertissement{color:#ddd;font-size:.88rem}.liens-legaux{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.liens-legaux a{color:var(--or);font-weight:800}
@media(max-width:1050px){.grille-plateformes{grid-template-columns:repeat(2,minmax(0,1fr))}.grille-conseils{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.navigation-principale{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.navigation-principale a{flex:0 0 auto;min-height:44px;font-size:.76rem}.conteneur{width:calc(100% - 16px);margin-top:18px}.introduction-compacte,.section-page,.jeu-responsable{padding:20px 14px}.introduction-compacte{grid-template-columns:1fr}.actions-introduction{min-width:0;flex-direction:row;flex-wrap:wrap}.actions-introduction>*{flex:1 1 160px}.grille-plateformes,.grille-conseils{grid-template-columns:1fr}.liste-details article{align-items:flex-start;flex-direction:column}.liste-details article>a{width:100%}}
@media(max-width:480px){h1{font-size:1.55rem}h2{font-size:1.35rem}.carte-plateforme{padding:16px}.pied-page{width:calc(100% - 16px);padding:20px 12px}.liens-legaux span{display:none}.liens-legaux{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}