/* ===== Bloc CSS intégré 1 ===== */
/* ==========================================================
   CRESCENDO — FEUILLE DE STYLE AUTONOME
   Placez ce fichier à côté de crescendo.html
   ========================================================== */

:root{
  --bg:#02060b;
  --bg-soft:#07101a;
  --panel:#07131f;
  --panel-2:#0a1b2b;
  --gold:#f7b918;
  --gold-light:#ffdb68;
  --blue:#238cff;
  --blue-light:#78c8ff;
  --text:#f7f9fc;
  --muted:#bac5d1;
  --red:#ff5c55;
  --border:rgba(247,185,24,.55);
  --blue-border:rgba(35,140,255,.45);
  --shadow:0 18px 45px rgba(0,0,0,.48);
  --radius:22px;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 10% 8%,rgba(0,94,255,.14),transparent 26%),
    radial-gradient(circle at 90% 15%,rgba(255,133,0,.11),transparent 24%),
    linear-gradient(180deg,#02060b,#04101a 55%,#010408);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.68;
}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,textarea,select{font:inherit}
.skip-link{position:absolute;left:-9999px;top:10px;z-index:9999;padding:10px 15px;background:#fff;color:#000}
.skip-link:focus{left:10px}

.site-header{width:100%;overflow:hidden;background:#000}
.site-header a{display:block}
.header-image{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  object-fit:contain;
  background:#000;
}

/* ===== MENU DE NAVIGATION PREMIUM BLEU / ORANGE ===== */
.main-nav{
  position:sticky;
  top:0;
  z-index:999;
  padding:9px 0;
  background:rgba(3,10,22,.94);
  border-top:1px solid rgba(255,185,24,.62);
  border-bottom:1px solid rgba(255,185,24,.52);
  box-shadow:
    0 9px 28px rgba(0,0,0,.46),
    0 0 22px rgba(255,157,0,.10);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}

.nav-inner{
  width:min(96%,1280px);
  margin:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

.main-nav a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 15px;
  color:#fff;
  text-decoration:none;
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.025em;
  background:linear-gradient(180deg,#2369c5 0%,#174b96 48%,#0a2857 100%);
  border:1px solid rgba(118,198,255,.44);
  border-radius:11px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -6px 14px rgba(0,0,0,.18),
    0 5px 12px rgba(0,0,0,.25);
  text-shadow:0 1px 2px rgba(0,0,0,.55);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,filter .22s ease;
}

.main-nav a::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(115deg,transparent 10%,rgba(255,255,255,.28) 43%,transparent 70%);
  transform:translateX(-145%);
  transition:transform .55s ease;
}

.main-nav a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:rgba(122,207,255,.65);
  box-shadow:0 0 8px rgba(65,170,255,.55);
  transition:background .22s ease,box-shadow .22s ease;
}

.main-nav a:hover,
.main-nav a:focus-visible{
  color:#151006;
  border-color:#ffe08a;
  background:linear-gradient(180deg,#ffe37a 0%,#ffb52c 48%,#f07a00 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -7px 14px rgba(128,53,0,.18),
    0 7px 18px rgba(255,137,0,.34),
    0 0 18px rgba(255,190,38,.34);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
  transform:translateY(-2px);
  outline:none;
}

.main-nav a:hover::before,
.main-nav a:focus-visible::before{
  transform:translateX(145%);
}

.main-nav a:hover::after,
.main-nav a:focus-visible::after{
  background:#fff0b0;
  box-shadow:0 0 10px rgba(255,205,72,.8);
}

.main-nav a.active{
  color:#151006;
  border-color:#ffe693;
  background:linear-gradient(180deg,#fff09b 0%,#ffc33c 45%,#ed7c00 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -7px 15px rgba(132,61,0,.18),
    0 6px 18px rgba(255,139,0,.38),
    0 0 21px rgba(255,185,24,.40);
  text-shadow:0 1px 0 rgba(255,255,255,.42);
}

.main-nav a.active::after{
  background:#fff5c3;
  box-shadow:0 0 11px rgba(255,215,91,.92);
}


main{width:min(94%,var(--max));margin:auto}
.breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:18px 3px 8px;
  color:var(--muted);
  font-size:.88rem;
}
.breadcrumb a{color:var(--blue-light);text-decoration:none}
.breadcrumb strong{color:#fff}

.hero{
  position:relative;
  overflow:hidden;
  margin:18px 0 28px;
  padding:52px 38px 38px;
  text-align:center;
  background:
    radial-gradient(circle at 80% 15%,rgba(0,99,255,.25),transparent 34%),
    radial-gradient(circle at 15% 85%,rgba(255,125,0,.18),transparent 36%),
    linear-gradient(145deg,rgba(8,23,38,.98),rgba(0,0,0,.95));
  border:1px solid var(--border);
  border-radius:28px;
  box-shadow:var(--shadow),0 0 30px rgba(0,105,255,.12);
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.04) 45%,transparent 65%);
  pointer-events:none;
}
.eyebrow,.section-heading>span,.panel-label{
  display:inline-block;
  padding:7px 15px;
  color:#090909;
  background:linear-gradient(90deg,#f3a900,#ffdc65);
  border-radius:999px;
  font-size:.8rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.hero h1{
  position:relative;
  max-width:970px;
  margin:20px auto 18px;
  color:var(--gold-light);
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:1.13;
  text-shadow:0 0 20px rgba(247,185,24,.25);
}
.hero-lead{
  position:relative;
  max-width:930px;
  margin:auto;
  color:#f2f5f9;
  font-size:1.12rem;
}
.hero-actions{
  position:relative;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:13px;
  margin-top:28px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 24px;
  border:2px solid var(--gold);
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  transition:.22s;
}
.btn:hover{transform:translateY(-3px);filter:brightness(1.1)}
.btn-primary{color:#080808;background:linear-gradient(180deg,#ffdd69,#eca500);box-shadow:0 0 20px rgba(247,185,24,.23)}
.btn-secondary{color:var(--blue-light);border-color:var(--blue);background:rgba(35,140,255,.1)}


.affiliate-disclosure{
  position:relative;
  max-width:760px;
  margin:14px auto 0;
  color:#aeb9c5;
  font-size:.82rem;
}

.conversion-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin:10px 0 42px;
  padding:28px 30px;
  background:linear-gradient(120deg,rgba(247,185,24,.13),rgba(5,18,30,.98));
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.conversion-box h2{margin:5px 0 8px;color:var(--gold-light);font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.2}
.conversion-box p{margin:0;max-width:760px;color:#dce4ec}
.conversion-kicker{color:var(--blue-light);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.conversion-box .btn{flex:0 0 auto}

.quick-facts{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:34px;
}
.quick-facts article{
  padding:18px 12px;
  background:rgba(0,20,39,.74);
  border:1px solid var(--blue-border);
  border-radius:16px;
}
.quick-facts strong{display:block;color:var(--gold-light);font-size:1.45rem}
.quick-facts span{display:block;color:var(--muted);font-size:.87rem}

.toc{
  margin:28px 0;
  padding:22px;
  background:rgba(4,15,25,.94);
  border:1px solid var(--blue-border);
  border-radius:18px;
}
.toc p{margin:0 0 13px;color:var(--gold-light);font-weight:900;text-transform:uppercase}
.toc div{display:flex;flex-wrap:wrap;gap:9px}
.toc a{
  padding:7px 11px;
  color:#d9ecff;
  background:rgba(35,140,255,.11);
  border:1px solid rgba(35,140,255,.3);
  border-radius:999px;
  text-decoration:none;
  font-size:.84rem;
}
.toc a:hover{background:var(--blue);color:#fff}

.section{padding:46px 0}
.section-heading{text-align:center;max-width:900px;margin:0 auto 28px}
.section-heading h2,.panel h2,.jackpot-section h2,.feature-section h2,.online-section h2,.internal-links h2,.responsible h2{
  margin:14px 0 10px;
  color:var(--gold-light);
  font-size:clamp(1.7rem,3vw,2.45rem);
  line-height:1.18;
}
.section-heading p{margin:0;color:var(--muted);font-size:1.02rem}
.section p,.panel p,.jackpot-section p,.feature-section p,.online-section p{font-size:1rem}
.prose{
  padding:30px;
  color:#e9edf2;
  background:linear-gradient(145deg,rgba(8,24,39,.97),rgba(3,10,17,.98));
  border:1px solid rgba(247,185,24,.35);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.prose p:first-child{margin-top:0}
.prose p:last-child{margin-bottom:0}
.info-box{
  margin-top:22px;
  padding:17px 19px;
  color:#eaf5ff;
  background:rgba(35,140,255,.11);
  border-left:4px solid var(--blue);
  border-radius:10px;
}

.steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:17px;
}
.steps article{
  position:relative;
  padding:31px 20px 24px;
  text-align:center;
  background:
    radial-gradient(circle at top right,rgba(35,140,255,.2),transparent 38%),
    linear-gradient(160deg,#081725,#03080e);
  border:1px solid var(--blue-border);
  border-radius:20px;
  box-shadow:0 13px 30px rgba(0,0,0,.37);
  transition:.22s;
}
.steps article:hover{transform:translateY(-5px);border-color:var(--gold)}
.steps article>b{
  position:absolute;top:13px;left:14px;
  width:33px;height:33px;
  display:grid;place-items:center;
  color:#070707;background:var(--gold);
  border-radius:50%;
}
.step-icon{font-size:2.7rem;margin:14px 0 8px}
.steps h3{color:var(--gold-light);font-size:1.1rem}
.steps p{color:var(--muted);font-size:.92rem}

.split-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  padding:30px 0 50px;
}
.panel{
  padding:29px;
  background:linear-gradient(145deg,#081725,#030910);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.panel h2{font-size:1.7rem}
.panel p{color:#dce2e9}
.table-wrap{overflow-x:auto;border-radius:14px}
table{width:100%;border-collapse:collapse;min-width:520px;background:rgba(1,7,12,.8)}
th,td{padding:14px 16px;border:1px solid rgba(247,185,24,.22);text-align:left}
th{color:var(--gold-light);background:#0a1c2b;text-transform:uppercase;font-size:.8rem}
tbody tr:nth-child(even){background:rgba(35,140,255,.06)}
td:last-child{font-weight:900}
.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.time-grid span{
  display:grid;place-items:center;
  min-height:48px;
  color:#fff;
  background:linear-gradient(180deg,#153b89,#091f51);
  border:1px solid rgba(110,190,255,.35);
  border-radius:12px;
  font-weight:900;
}
.time-grid .last{color:#080808;background:linear-gradient(180deg,#ffdc65,#e9a000)}
.small-note,.source-note{color:var(--muted);font-size:.82rem}

.jackpot-section{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  align-items:center;
  margin:20px 0 45px;
  padding:36px;
  background:linear-gradient(120deg,rgba(0,42,108,.94),rgba(2,7,12,.97) 48%,rgba(91,48,0,.93));
  border:2px solid rgba(247,185,24,.66);
  border-radius:26px;
  box-shadow:var(--shadow),0 0 28px rgba(35,140,255,.14);
}
.jackpot-number{
  padding:36px 20px;
  text-align:center;
  background:radial-gradient(circle,rgba(247,185,24,.22),transparent 66%);
  border:1px solid rgba(255,218,104,.35);
  border-radius:21px;
}
.jackpot-number small,.jackpot-number span{display:block;color:#f2f5f9;font-weight:800}
.jackpot-number strong{
  display:block;
  margin:13px 0;
  color:var(--gold-light);
  font-size:clamp(2.3rem,5vw,3.7rem);
  line-height:1;
  text-shadow:0 0 21px rgba(247,185,24,.4);
}
.jackpot-section p{color:#f1f4f7}
.text-link{color:var(--blue-light);font-weight:900;text-decoration:none}

.gains-table{max-width:850px;margin:auto}
.gains-table .top-rank{background:rgba(247,185,24,.13)}
.gains-table .top-rank td{color:var(--gold-light);font-size:1.05rem}
.source-note{text-align:center;margin-top:14px}

.feature-section,.online-section{
  display:grid;
  align-items:center;
  gap:34px;
  margin:35px 0;
  padding:35px;
  background:linear-gradient(145deg,#081725,#02070d);
  border:1px solid var(--blue-border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.feature-section{grid-template-columns:180px 1fr}
.letter-ball{
  width:150px;height:150px;
  display:grid;place-items:center;
  margin:auto;
  color:#080808;
  background:radial-gradient(circle at 35% 30%,#fff4b6,#f8c328 48%,#b56b00 75%);
  border:10px solid #114b9d;
  border-radius:50%;
  font-size:5rem;
  font-weight:900;
  box-shadow:0 0 28px rgba(35,140,255,.4),inset 0 0 18px rgba(255,255,255,.55);
}
.feature-section p,.online-section p{color:#e8edf2}
.online-section{grid-template-columns:1.25fr .75fr}
.check-list{padding:0;list-style:none;margin:20px 0}
.check-list li{margin:10px 0}
.check-list li::before{content:"✓";margin-right:10px;color:var(--blue-light);font-weight:900}
.online-section aside{
  padding:25px;
  background:rgba(247,185,24,.08);
  border:1px solid rgba(247,185,24,.42);
  border-radius:17px;
}
.online-section aside strong{display:block;color:var(--gold-light);font-size:1.2rem}

.comparison-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
}
.comparison-grid article{
  padding:24px 19px;
  background:linear-gradient(155deg,#091928,#03080e);
  border:1px solid rgba(247,185,24,.35);
  border-radius:17px;
}
.comparison-grid h3{margin-top:0;color:var(--gold-light)}
.comparison-grid p{color:var(--muted);font-size:.91rem}

.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
details{
  background:#06111c;
  border:1px solid rgba(118,145,174,.34);
  border-radius:13px;
}
details[open]{border-color:var(--gold)}
summary{cursor:pointer;padding:16px;color:#fff;font-weight:800}
details p{margin:0;padding:0 16px 17px;color:var(--muted)}

.internal-links{
  margin:35px 0;
  padding:29px;
  text-align:center;
  background:rgba(4,15,25,.95);
  border:1px solid var(--blue-border);
  border-radius:var(--radius);
}
.internal-links div{display:flex;justify-content:center;flex-wrap:wrap;gap:11px}
.internal-links a{
  padding:10px 15px;
  color:#ddecff;
  background:rgba(35,140,255,.12);
  border:1px solid rgba(35,140,255,.42);
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
}

.legal-note{padding:18px 4px 35px;color:#9eaaba;font-size:.79rem;text-align:center}

.site-footer{
  margin-top:35px;
  padding:35px 20px 24px;
  color:#c8d0d9;
  background:#010408;
  border-top:1px solid rgba(247,185,24,.55);
}

.footer-inner{
  max-width:1100px;
  margin:auto;
  text-align:center;
}

.footer-inner>strong{
  display:block;
  color:var(--gold-light);
  font-size:1.35rem;
  margin-bottom:18px;
}

.jeu-responsable-footer{
  max-width:900px;
  margin:0 auto 18px;
  color:#cfd7e2;
  font-size:.94rem;
  line-height:1.7;
}

.jeu-responsable-footer strong{
  color:#fff;
}

.jeu-responsable-footer a{
  color:#9dd6ff;
  font-weight:800;
  text-decoration:none;
}

.jeu-responsable-footer a:hover{
  color:var(--gold-light);
}

.footer-logos{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  margin:16px 0 14px;
  flex-wrap:wrap;
}

.footer-logos a{
  display:flex;
  align-items:center;
  line-height:0;
}

.footer-logos img{
  display:block;
  width:auto;
  height:30px;
  object-fit:contain;
}

.footer-logos a:hover{
  opacity:.82;
}

.footer-inner small{
  display:block;
  color:#788593;
  margin-top:6px;
}

.footer-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}

.footer-nav a{
  color:#9dd6ff;
  text-decoration:none;
  font-size:.92rem;
}

.footer-nav a:hover{
  color:var(--gold-light);
}

@media(max-width:980px){
  .quick-facts,.steps,.comparison-grid{grid-template-columns:repeat(2,1fr)}
  .split-section,.jackpot-section,.online-section{grid-template-columns:1fr}
  .conversion-box{align-items:flex-start;flex-direction:column}
  .jackpot-section{text-align:center}
}
@media(max-width:700px){
  .main-nav{position:static;padding:8px 0}
  .nav-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;width:min(96%,1280px)}
  .main-nav a{min-height:44px;padding:8px 7px;text-align:center;font-size:.70rem;border-radius:10px}
  main{width:min(94%,var(--max))}
  .hero{padding:34px 17px 24px;border-radius:20px}
  .hero-lead{font-size:.98rem}
  .quick-facts,.steps,.comparison-grid,.faq-grid{grid-template-columns:1fr}
  .split-section{gap:14px}
  .panel,.jackpot-section,.feature-section,.online-section,.prose{padding:23px 17px}
  .feature-section{grid-template-columns:1fr;text-align:center}
  .letter-ball{width:120px;height:120px;font-size:4rem}
  .time-grid{grid-template-columns:repeat(3,1fr)}
    .btn{width:100%}
  .conversion-box{padding:23px 17px}
}
/* Bande officielle de prévention */

.bande-prevention{
    width:min(94%,1180px);
    margin:8px auto 18px;
}

.bande-prevention img{
    display:block;
    width:100%;
    height:auto;
    border-radius:6px;
}
.pub-crescendo{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:25px auto 30px;
    width:100%;
}

.pub-crescendo iframe{
    border:0;
    max-width:100%;
}

/* ==========================================================
   TABLEAUX PREMIUM — VERSION 10/10
   ========================================================== */

.table-wrap{
  overflow-x:auto;
  border-radius:20px;
}

.table-wrap table{
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(247,185,24,.65);
  box-shadow:
    0 0 28px rgba(247,185,24,.12),
    0 18px 42px rgba(0,0,0,.42);
  background:linear-gradient(180deg,#081725,#030910);
}

.table-wrap thead th{
  position:relative;
  color:#101010;
  background:linear-gradient(90deg,#d88c00 0%,#ffd968 45%,#f6b718 68%,#c97900 100%);
  border-color:rgba(255,255,255,.16);
  padding:16px 18px;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}

.table-wrap thead th::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.45) 46%,transparent 66%);
  transform:translateX(-120%);
  animation:tableShine 5.5s ease-in-out infinite;
  pointer-events:none;
}

@keyframes tableShine{
  0%,58%{transform:translateX(-120%)}
  72%,100%{transform:translateX(120%)}
}

.table-wrap tbody tr{
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}

.table-wrap tbody tr:nth-child(odd){background:rgba(7,24,39,.96)}
.table-wrap tbody tr:nth-child(even){background:rgba(12,34,56,.92)}

.table-wrap tbody tr:hover{
  background:linear-gradient(90deg,rgba(20,58,101,.98),rgba(25,73,123,.96));
  transform:translateY(-1px);
  box-shadow:inset 4px 0 0 var(--gold),inset 0 0 26px rgba(247,185,24,.10);
}

.table-wrap td{
  padding:15px 17px;
  border-color:rgba(255,255,255,.07);
}

.table-wrap td:last-child{
  color:#ffe58a;
  font-size:1.02rem;
  font-weight:900;
  text-align:right;
}

/* Tableau des prix */
.panel:first-child .table-wrap tbody tr:last-child{
  background:linear-gradient(90deg,rgba(247,185,24,.18),rgba(35,140,255,.14));
}

.panel:first-child .table-wrap tbody tr:last-child td{
  color:#ffe174;
  font-weight:900;
}

/* Tableau des gains */
.gains-table{
  max-width:880px;
  margin:auto;
  border-radius:22px;
}

.gains-table table{
  border:2px solid #f7b918;
  box-shadow:
    0 0 34px rgba(247,185,24,.22),
    0 20px 48px rgba(0,0,0,.5);
}

.gains-table .top-rank{
  background:linear-gradient(90deg,#e29400,#ffe37d,#f3b51f,#c97900) !important;
}

.gains-table .top-rank td{
  color:#101010;
  padding-top:19px;
  padding-bottom:19px;
  font-size:1.18rem;
  font-weight:900;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}

.gains-table .top-rank td:last-child{
  color:#101010;
}

.gains-table tbody tr:nth-child(2) td:last-child{
  color:#ffe05a;
  text-shadow:0 0 13px rgba(255,215,0,.58);
}

.gains-table tbody tr:nth-child(3) td:last-child{color:#ffc929}
.gains-table tbody tr:nth-child(4) td:last-child{color:#7fd6ff}
.gains-table tbody tr:nth-child(5) td:last-child{color:#d7efff}
.gains-table tbody tr:nth-child(6) td:last-child{color:#f7f7f7}
.gains-table tbody tr:nth-child(7) td:last-child{color:#f7f7f7}
.gains-table tbody tr:nth-child(8) td:last-child{color:#baf2ff}
.gains-table tbody tr:nth-child(9) td:last-child,
.gains-table tbody tr:nth-child(10) td:last-child{color:#8dffac}

/* Horaires plus joyeux */
.time-grid span{
  position:relative;
  overflow:hidden;
  min-height:52px;
  background:linear-gradient(145deg,#1a4aa3,#0c2864);
  border:1px solid rgba(126,205,255,.52);
  box-shadow:inset 0 0 18px rgba(104,187,255,.08),0 8px 18px rgba(0,0,0,.28);
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
}

.time-grid span::after{
  content:"";
  position:absolute;
  inset:-60% -30%;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);
  transform:translateX(-80%);
  transition:transform .55s ease;
}

.time-grid span:hover{
  transform:translateY(-4px);
  filter:brightness(1.12);
  box-shadow:0 12px 26px rgba(35,140,255,.28),0 0 16px rgba(126,205,255,.16);
}

.time-grid span:hover::after{transform:translateX(80%)}

.time-grid .last{
  color:#080808;
  background:linear-gradient(145deg,#ffe276,#f3ad12);
  border-color:#ffe89a;
  box-shadow:0 10px 24px rgba(247,185,24,.24),inset 0 0 15px rgba(255,255,255,.24);
}

@media(max-width:700px){
  .table-wrap thead th,.table-wrap td{padding:13px 12px}
  .gains-table .top-rank td{font-size:1rem}
  .gains-table td:last-child{font-size:.95rem}
}

@media(prefers-reduced-motion:reduce){
  .table-wrap thead th::after{animation:none}
  .table-wrap tbody tr,.time-grid span,.time-grid span::after{transition:none}
}


/* ==========================================================
   TABLEAU DES GAINS — VERSION PREMIUM V16
   ========================================================== */
.gains-table{
  position:relative;
  max-width:980px;
  margin:0 auto;
  padding:1px;
  overflow:visible;
  border-radius:24px;
  background:linear-gradient(125deg,#7ac8ff 0%,#f7b918 28%,#fff0a4 50%,#f7b918 72%,#238cff 100%);
  box-shadow:
    0 26px 65px rgba(0,0,0,.58),
    0 0 42px rgba(247,185,24,.18),
    0 0 28px rgba(35,140,255,.12);
}
.gains-table::before{
  content:"";
  position:absolute;
  inset:-12px;
  z-index:-1;
  border-radius:30px;
  background:radial-gradient(circle at 50% 0,rgba(255,214,91,.22),transparent 55%);
  filter:blur(18px);
  pointer-events:none;
}
.gains-table table{
  min-width:650px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:23px;
  background:linear-gradient(145deg,#071522,#020810);
}
.gains-table thead{
  position:relative;
}
.gains-table thead::after{
  content:"";
  position:absolute;
  top:0;
  left:-35%;
  width:28%;
  height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);
  animation:gainsHeaderShine 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes gainsHeaderShine{
  0%,62%{left:-35%}
  82%,100%{left:125%}
}
.gains-table th{
  padding:19px 22px;
  border:0;
  border-bottom:1px solid rgba(255,222,105,.55);
  color:#081018;
  background:linear-gradient(180deg,#fff0a1 0%,#ffd354 48%,#eaa000 100%);
  font-size:.82rem;
  font-weight:950;
  letter-spacing:.09em;
  text-shadow:0 1px rgba(255,255,255,.45);
}
.gains-table th:first-child{border-radius:22px 0 0 0}
.gains-table th:last-child{border-radius:0 22px 0 0;text-align:right}
.gains-table td{
  padding:15px 22px;
  border:0;
  border-bottom:1px solid rgba(114,176,231,.13);
  color:#f7fbff;
  background:transparent;
  transition:background .22s ease,box-shadow .22s ease,transform .22s ease;
}
.gains-table td:first-child{
  display:flex;
  align-items:center;
  gap:14px;
}
.gains-table td:last-child{
  text-align:right;
  border-left:1px solid rgba(247,185,24,.16);
}
.gains-table tbody tr{
  background:linear-gradient(90deg,rgba(7,24,39,.98),rgba(3,12,22,.98));
  transition:filter .22s ease,transform .22s ease;
}
.gains-table tbody tr:nth-child(even){
  background:linear-gradient(90deg,rgba(10,34,56,.98),rgba(4,17,31,.98));
}
.gains-table tbody tr:hover td{
  background:linear-gradient(90deg,rgba(35,140,255,.18),rgba(247,185,24,.11));
  box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -1px rgba(247,185,24,.16);
}
.gains-table tbody tr:hover .rank-badge{
  transform:scale(1.08);
  border-color:#ffd95c;
  box-shadow:0 0 15px rgba(247,185,24,.35);
}
.gains-table .rank-badge{
  flex:0 0 32px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(120,200,255,.38);
  border-radius:50%;
  color:#bfe5ff;
  background:linear-gradient(145deg,#113456,#061526);
  font-size:.76rem;
  font-weight:900;
  box-shadow:inset 0 1px rgba(255,255,255,.08);
  transition:.22s ease;
}
.gains-table .rank-label{font-weight:750;letter-spacing:.01em}
.gains-table .gain{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  padding:6px 13px;
  border:1px solid rgba(122,200,255,.20);
  border-radius:999px;
  color:#f7fbff;
  background:linear-gradient(180deg,rgba(18,57,91,.75),rgba(5,20,35,.9));
  font-size:1.02rem;
  font-weight:950;
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.gains-table .top-rank{
  position:relative;
  background:
    radial-gradient(circle at 18% 50%,rgba(255,236,140,.20),transparent 25%),
    linear-gradient(90deg,#5e3a00 0%,#2b2105 48%,#111808 100%) !important;
}
.gains-table .top-rank td{
  padding-top:18px;
  padding-bottom:18px;
  color:#fff3b0;
  border-bottom:1px solid rgba(255,218,92,.48);
}
.gains-table .top-rank td:first-child{box-shadow:inset 4px 0 #ffd34e}
.gains-table .rank-jackpot{
  color:#161006;
  border-color:#fff0a0;
  background:radial-gradient(circle at 35% 25%,#fff8c9,#ffd34f 48%,#b66b00 100%);
  box-shadow:0 0 18px rgba(255,203,47,.42),inset 0 1px rgba(255,255,255,.7);
}
.gains-table .gain-jackpot{
  min-width:190px;
  color:#181006;
  border-color:#fff0a0;
  background:linear-gradient(180deg,#fff3a5 0%,#ffd348 50%,#e79a00 100%);
  font-size:1.1rem;
  text-shadow:0 1px rgba(255,255,255,.45);
  box-shadow:0 0 22px rgba(247,185,24,.32),inset 0 1px rgba(255,255,255,.65);
}
.gains-table .gain-gold{
  color:#171006;
  border-color:#ffe27a;
  background:linear-gradient(180deg,#ffe990,#f5b914);
  box-shadow:0 0 16px rgba(247,185,24,.22);
}
.gains-table .gain-gold-soft{
  color:#fff1a7;
  border-color:rgba(247,185,24,.55);
  background:linear-gradient(180deg,rgba(115,76,0,.82),rgba(43,29,2,.94));
}
.gains-table .gain-blue{
  color:#dff4ff;
  border-color:rgba(120,200,255,.58);
  background:linear-gradient(180deg,#1768a7,#0a3155);
  box-shadow:0 0 14px rgba(35,140,255,.20);
}
.gains-table .gain-refund{
  color:#d8ffe4;
  border-color:rgba(72,218,126,.36);
  background:linear-gradient(180deg,rgba(19,102,57,.72),rgba(7,48,27,.92));
}
.gains-table tbody tr:last-child td{border-bottom:0}
.gains-table tbody tr:last-child td:first-child{border-radius:0 0 0 22px}
.gains-table tbody tr:last-child td:last-child{border-radius:0 0 22px 0}

@media(max-width:700px){
  .gains-table{border-radius:19px}
  .gains-table table{min-width:560px;border-radius:18px}
  .gains-table th,.gains-table td{padding:13px 14px}
  .gains-table .rank-badge{width:28px;height:28px;flex-basis:28px}
  .gains-table .gain{min-width:76px;padding:5px 10px;font-size:.94rem}
  .gains-table .gain-jackpot{min-width:165px;font-size:1rem}
}

@media(prefers-reduced-motion:reduce){
  .gains-table thead::after{animation:none}
}


/* === GAINS PREMIUM V17 - secours externe === */
/* Styles critiques intégrés : le tableau reste premium même si le CSS externe est en cache. */
.gains-table{position:relative;max-width:960px;margin:0 auto;padding:2px;border-radius:24px;background:linear-gradient(120deg,#53b7ff,#ffd85c 28%,#fff3ad 50%,#f4ad0b 72%,#238cff);box-shadow:0 24px 60px rgba(0,0,0,.62),0 0 38px rgba(247,185,24,.24)}
.gains-table table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:22px;background:#030b13}
.gains-table thead th{padding:18px 22px;border:0;color:#10151a;background:linear-gradient(180deg,#fff4aa,#ffd552 52%,#e79b00);font-size:.84rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px rgba(255,255,255,.55)}
.gains-table thead th:last-child{text-align:right}
.gains-table tbody tr{background:linear-gradient(90deg,#0a2135,#04111d);transition:transform .2s ease,filter .2s ease}
.gains-table tbody tr:nth-child(even){background:linear-gradient(90deg,#0d2a45,#061727)}
.gains-table tbody tr:hover{filter:brightness(1.15)}
.gains-table tbody tr:hover td{background:linear-gradient(90deg,rgba(35,140,255,.18),rgba(247,185,24,.12))}
.gains-table td{padding:15px 20px;border:0;border-bottom:1px solid rgba(247,185,24,.18);color:#f8fbff;font-size:1rem}
.gains-table td:first-child{display:flex;align-items:center;gap:13px}
.gains-table td:last-child{text-align:right;border-left:1px solid rgba(247,185,24,.18)}
.gains-table .rank-badge{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(125,205,255,.55);border-radius:50%;color:#d9f1ff;background:linear-gradient(145deg,#17629b,#071c31);font-size:.76rem;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 12px rgba(35,140,255,.16)}
.gains-table .rank-label{font-weight:700}
.gains-table .gain{display:inline-flex;justify-content:center;min-width:92px;padding:7px 14px;border:1px solid rgba(122,200,255,.34);border-radius:999px;color:#fff;background:linear-gradient(180deg,#17446d,#081d31);font-size:1.02rem;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.gains-table .top-rank{background:linear-gradient(90deg,#6f4300,#332704 55%,#101c10)!important}
.gains-table .top-rank td{padding-top:19px;padding-bottom:19px;color:#fff1a7;border-bottom-color:rgba(255,218,92,.55)}
.gains-table .rank-jackpot{color:#181006;border-color:#fff2a6;background:radial-gradient(circle at 35% 25%,#fffbd4,#ffd34d 48%,#b96d00);box-shadow:0 0 20px rgba(255,206,48,.5)}
.gains-table .gain-jackpot{min-width:205px;color:#181006;border-color:#fff2a6;background:linear-gradient(180deg,#fff6b5,#ffd34d 50%,#e79700);font-size:1.1rem;text-shadow:0 1px rgba(255,255,255,.55);box-shadow:0 0 24px rgba(247,185,24,.38),inset 0 1px rgba(255,255,255,.7)}
.gains-table .gain-gold{color:#181006;border-color:#ffe783;background:linear-gradient(180deg,#fff0a0,#f4b510)}
.gains-table .gain-gold-soft{color:#fff2ab;border-color:rgba(247,185,24,.6);background:linear-gradient(180deg,#745000,#2f2002)}
.gains-table .gain-blue{color:#e8f8ff;border-color:#81d5ff;background:linear-gradient(180deg,#1879bd,#0b365b)}
.gains-table .gain-refund{color:#dcffe7;border-color:rgba(83,226,137,.5);background:linear-gradient(180deg,#17683e,#082f1c)}
.gains-table tbody tr:last-child td{border-bottom:0}
@media(max-width:700px){.gains-table{border-radius:18px}.gains-table table{min-width:570px}.gains-table th,.gains-table td{padding:13px 14px}.gains-table .rank-badge{width:28px;height:28px;flex-basis:28px}.gains-table .gain-jackpot{min-width:170px}}


/* ==========================================================
   RAFRAICHISSEMENT VISUEL V18 — fond joyeux, cadres alignés, bannière intégrée
   ========================================================== */
body{background:radial-gradient(circle at 8% 7%,rgba(39,151,255,.28),transparent 28%),radial-gradient(circle at 92% 14%,rgba(255,195,47,.22),transparent 26%),radial-gradient(circle at 50% 58%,rgba(0,204,255,.10),transparent 38%),linear-gradient(180deg,#071d35 0%,#082746 34%,#061b31 68%,#041322 100%);background-attachment:fixed}
main{width:min(94%,1180px)}
.section,.split-section,.affiliate-banner-section,.conversion-box,.jackpot-section,.feature-section,.online-section,.internal-links{width:100%;max-width:none}
.prose,.steps,.comparison-grid,.faq-grid,.gains-table{width:100%;max-width:none}
.gains-table{max-width:none}
.panel,.prose,.feature-section,.online-section,.conversion-box,.jackpot-section,.internal-links{background:linear-gradient(145deg,rgba(16,51,82,.96),rgba(5,25,45,.97));border-color:rgba(255,205,72,.52);box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 24px rgba(41,155,255,.10)}
.affiliate-banner-section{position:relative;overflow:hidden;margin:24px 0 34px;padding:28px;text-align:center;border:1px solid rgba(255,211,89,.72);border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(54,166,255,.25),transparent 34%),radial-gradient(circle at 92% 100%,rgba(255,190,36,.22),transparent 32%),linear-gradient(145deg,rgba(18,57,91,.98),rgba(5,25,45,.98));box-shadow:0 20px 50px rgba(0,0,0,.38),0 0 34px rgba(255,190,36,.12)}
.affiliate-intro{max-width:780px;margin:0 auto 20px}.affiliate-badge{display:inline-block;padding:6px 13px;border-radius:999px;color:#102035;background:linear-gradient(180deg,#fff4aa,#ffc62e);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.affiliate-intro h2{margin:11px 0 7px;color:#ffe174;font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.18}.affiliate-intro p{margin:0;color:#e4f3ff}.affiliate-banner-frame{display:flex;justify-content:center;align-items:center;min-height:126px;padding:17px;border:1px solid rgba(126,206,255,.48);border-radius:18px;background:linear-gradient(135deg,rgba(1,15,29,.78),rgba(13,48,78,.72));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.28)}.pub-crescendo{margin:0;min-height:90px}.affiliate-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px}.affiliate-actions .affiliate-disclosure{margin:0}
@media(max-width:700px){.affiliate-banner-section{padding:22px 14px}.affiliate-banner-frame{padding:10px;min-height:112px}body{background-attachment:scroll}}

/* ===== Bloc CSS intégré 2 ===== */
/* Correction prioritaire intégrée au HTML : hero plus compact */
    .hero { padding: 26px 24px 22px !important; }
    .hero h1 {
      max-width: 820px !important;
      margin: 14px auto 12px !important;
      font-size: clamp(28px, 2.2vw, 36px) !important;
      line-height: 1.14 !important;
    }
    .hero-lead {
      max-width: 780px !important;
      font-size: 15px !important;
      line-height: 1.55 !important;
    }
    .hero-actions { margin-top: 18px !important; }
    .hero .btn {
      min-height: 40px !important;
      padding: 8px 18px !important;
      font-size: 15px !important;
    }
    .quick-facts { margin-top: 25px !important; }
    .quick-facts article { padding: 12px 9px !important; }
    .quick-facts strong { font-size: 18px !important; }
    .quick-facts span { font-size: 13px !important; }
    @media (max-width: 700px) {
      .hero { padding: 22px 14px 18px !important; }
      .hero h1 { font-size: clamp(25px, 7vw, 30px) !important; }
      .hero-lead { font-size: 14px !important; }
    }

/* ===== Bloc CSS intégré 3 ===== */
/* Styles critiques intégrés : le tableau reste premium même si le CSS externe est en cache. */
.gains-table{position:relative;max-width:960px;margin:0 auto;padding:2px;border-radius:24px;background:linear-gradient(120deg,#53b7ff,#ffd85c 28%,#fff3ad 50%,#f4ad0b 72%,#238cff);box-shadow:0 24px 60px rgba(0,0,0,.62),0 0 38px rgba(247,185,24,.24)}
.gains-table table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:22px;background:#030b13}
.gains-table thead th{padding:18px 22px;border:0;color:#10151a;background:linear-gradient(180deg,#fff4aa,#ffd552 52%,#e79b00);font-size:.84rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px rgba(255,255,255,.55)}
.gains-table thead th:last-child{text-align:right}
.gains-table tbody tr{background:linear-gradient(90deg,#0a2135,#04111d);transition:transform .2s ease,filter .2s ease}
.gains-table tbody tr:nth-child(even){background:linear-gradient(90deg,#0d2a45,#061727)}
.gains-table tbody tr:hover{filter:brightness(1.15)}
.gains-table tbody tr:hover td{background:linear-gradient(90deg,rgba(35,140,255,.18),rgba(247,185,24,.12))}
.gains-table td{padding:15px 20px;border:0;border-bottom:1px solid rgba(247,185,24,.18);color:#f8fbff;font-size:1rem}
.gains-table td:first-child{display:flex;align-items:center;gap:13px}
.gains-table td:last-child{text-align:right;border-left:1px solid rgba(247,185,24,.18)}
.gains-table .rank-badge{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(125,205,255,.55);border-radius:50%;color:#d9f1ff;background:linear-gradient(145deg,#17629b,#071c31);font-size:.76rem;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 12px rgba(35,140,255,.16)}
.gains-table .rank-label{font-weight:700}
.gains-table .gain{display:inline-flex;justify-content:center;min-width:92px;padding:7px 14px;border:1px solid rgba(122,200,255,.34);border-radius:999px;color:#fff;background:linear-gradient(180deg,#17446d,#081d31);font-size:1.02rem;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.gains-table .top-rank{background:linear-gradient(90deg,#6f4300,#332704 55%,#101c10)!important}
.gains-table .top-rank td{padding-top:19px;padding-bottom:19px;color:#fff1a7;border-bottom-color:rgba(255,218,92,.55)}
.gains-table .rank-jackpot{color:#181006;border-color:#fff2a6;background:radial-gradient(circle at 35% 25%,#fffbd4,#ffd34d 48%,#b96d00);box-shadow:0 0 20px rgba(255,206,48,.5)}
.gains-table .gain-jackpot{min-width:205px;color:#181006;border-color:#fff2a6;background:linear-gradient(180deg,#fff6b5,#ffd34d 50%,#e79700);font-size:1.1rem;text-shadow:0 1px rgba(255,255,255,.55);box-shadow:0 0 24px rgba(247,185,24,.38),inset 0 1px rgba(255,255,255,.7)}
.gains-table .gain-gold{color:#181006;border-color:#ffe783;background:linear-gradient(180deg,#fff0a0,#f4b510)}
.gains-table .gain-gold-soft{color:#fff2ab;border-color:rgba(247,185,24,.6);background:linear-gradient(180deg,#745000,#2f2002)}
.gains-table .gain-blue{color:#e8f8ff;border-color:#81d5ff;background:linear-gradient(180deg,#1879bd,#0b365b)}
.gains-table .gain-refund{color:#dcffe7;border-color:rgba(83,226,137,.5);background:linear-gradient(180deg,#17683e,#082f1c)}
.gains-table tbody tr:last-child td{border-bottom:0}
@media(max-width:700px){.gains-table{border-radius:18px}.gains-table table{min-width:570px}.gains-table th,.gains-table td{padding:13px 14px}.gains-table .rank-badge{width:28px;height:28px;flex-basis:28px}.gains-table .gain-jackpot{min-width:170px}}

/* ===== Bloc CSS intégré 4 ===== */
/* Fond plus lumineux et largeur cohérente des encadrements */
body{
  background:
    radial-gradient(circle at 8% 7%,rgba(39,151,255,.28),transparent 28%),
    radial-gradient(circle at 92% 14%,rgba(255,195,47,.22),transparent 26%),
    radial-gradient(circle at 50% 58%,rgba(0,204,255,.10),transparent 38%),
    linear-gradient(180deg,#071d35 0%,#082746 34%,#061b31 68%,#041322 100%)!important;
  background-attachment:fixed;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.5px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 80%);
}
main{width:min(94%,1180px)!important}
.section,.split-section,.affiliate-banner-section,.conversion-box,.jackpot-section,.feature-section,.online-section,.internal-links{width:100%;max-width:none}
.prose,.steps,.comparison-grid,.faq-grid,.gains-table{width:100%;max-width:none!important}
.panel,.prose,.feature-section,.online-section,.conversion-box,.jackpot-section,.internal-links{
  background:linear-gradient(145deg,rgba(16,51,82,.96),rgba(5,25,45,.97))!important;
  border-color:rgba(255,205,72,.52)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 24px rgba(41,155,255,.10)!important;
}
.gains-table{max-width:none!important}
.affiliate-banner-section{
  position:relative;overflow:hidden;margin:24px 0 34px;padding:28px;
  text-align:center;border:1px solid rgba(255,211,89,.72);border-radius:24px;
  background:radial-gradient(circle at 10% 0,rgba(54,166,255,.25),transparent 34%),radial-gradient(circle at 92% 100%,rgba(255,190,36,.22),transparent 32%),linear-gradient(145deg,rgba(18,57,91,.98),rgba(5,25,45,.98));
  box-shadow:0 20px 50px rgba(0,0,0,.38),0 0 34px rgba(255,190,36,.12);
}
.affiliate-banner-section::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.08) 46%,transparent 68%);transform:translateX(-65%);animation:bannerShine 7s ease-in-out infinite}
@keyframes bannerShine{0%,55%{transform:translateX(-65%)}80%,100%{transform:translateX(65%)}}
.affiliate-intro,.affiliate-banner-frame,.affiliate-actions{position:relative;z-index:1}
.affiliate-intro{max-width:780px;margin:0 auto 20px}
.affiliate-badge{display:inline-block;padding:6px 13px;border-radius:999px;color:#102035;background:linear-gradient(180deg,#fff4aa,#ffc62e);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.affiliate-intro h2{margin:11px 0 7px;color:#ffe174;font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.18}
.affiliate-intro p{margin:0;color:#e4f3ff}
.affiliate-banner-frame{display:flex;justify-content:center;align-items:center;min-height:126px;padding:17px;border:1px solid rgba(126,206,255,.48);border-radius:18px;background:linear-gradient(135deg,rgba(1,15,29,.78),rgba(13,48,78,.72));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.28)}
.pub-crescendo{margin:0!important;min-height:90px}
.affiliate-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px}
.affiliate-actions .affiliate-disclosure{margin:0}
@media(max-width:700px){.affiliate-banner-section{padding:22px 14px}.affiliate-banner-frame{padding:10px;min-height:112px}body{background-attachment:scroll}}

/* ===== Bloc CSS intégré 5 ===== */
/* MENU BLEU / ORANGE intégré directement au HTML */
.main-nav{
  position:sticky!important;top:0!important;z-index:1000!important;
  padding:10px 12px!important;
  background:linear-gradient(180deg,#071b31,#03101d)!important;
  border-top:1px solid #ffb000!important;
  border-bottom:2px solid #ffb000!important;
  box-shadow:0 8px 24px rgba(0,0,0,.38)!important;
}
.main-nav .nav-inner{
  width:min(96%,1320px)!important;margin:0 auto!important;
  display:flex!important;justify-content:center!important;align-items:stretch!important;
  flex-wrap:wrap!important;gap:8px!important;padding:0!important;
}
.main-nav .nav-inner>a{
  position:relative!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:46px!important;padding:8px 17px!important;
  border:1px solid rgba(88,181,255,.58)!important;border-radius:11px!important;
  color:#fff!important;background:linear-gradient(180deg,#1d73c9 0%,#0d4485 55%,#072b59 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 5px 12px rgba(0,0,0,.25),0 0 10px rgba(22,127,229,.16)!important;
  font-size:.84rem!important;font-weight:900!important;line-height:1.15!important;
  letter-spacing:.025em!important;text-transform:uppercase!important;text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.main-nav .nav-inner>a::before{
  content:""!important;position:absolute!important;top:0!important;left:-75%!important;width:48%!important;height:100%!important;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.3),transparent)!important;
  transform:skewX(-18deg)!important;transition:left .45s ease!important;pointer-events:none!important;
}
.main-nav .nav-inner>a:hover{
  color:#111820!important;border-color:#ffe181!important;
  background:linear-gradient(180deg,#ffd85c 0%,#ffad18 55%,#ef7900 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 8px 18px rgba(0,0,0,.30),0 0 18px rgba(255,153,0,.42)!important;
  transform:translateY(-2px)!important;
}
.main-nav .nav-inner>a:hover::before{left:135%!important}
.main-nav .nav-inner>a.active{
  color:#111820!important;border-color:#fff0a4!important;
  background:linear-gradient(180deg,#ffe878 0%,#ffb617 50%,#ed7b00 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.62),0 0 0 1px rgba(255,188,34,.3),0 0 20px rgba(255,163,0,.5)!important;
}
.main-nav .nav-inner>a.active::after{display:none!important}
@media(max-width:900px){
  .main-nav{position:relative!important;padding:8px!important}
  .main-nav .nav-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .main-nav .nav-inner>a{min-height:43px!important;padding:7px 9px!important;font-size:.73rem!important}
}
@media(max-width:480px){.main-nav .nav-inner{grid-template-columns:1fr!important}}

/* ===== Bloc CSS intégré 6 ===== */
/* Navigation finale : 7 boutons strictement égaux sur ordinateur */
.main-nav .nav-inner{
  width:min(96%,1380px)!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
.main-nav .nav-inner>a{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  padding:8px 7px!important;
  text-align:center!important;
  white-space:normal!important;
  font-size:clamp(.68rem,.72vw,.82rem)!important;
}
@media(max-width:1050px){
  .main-nav .nav-inner{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .main-nav .nav-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .main-nav .nav-inner>a{font-size:.72rem!important;min-height:44px!important}
}
@media(max-width:390px){
  .main-nav .nav-inner{grid-template-columns:1fr!important}
}

/* ==========================================================
   CORRECTION FINALE — MENU PLUS FIN
   Ce bloc doit rester tout en bas du fichier.
   ========================================================== */
.main-nav{
  padding:6px 10px!important;
}

.main-nav .nav-inner{
  width:min(96%,1380px)!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
}

.main-nav .nav-inner>a{
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  font-size:clamp(.65rem,.69vw,.77rem)!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:normal!important;
}

@media(max-width:1050px){
  .main-nav .nav-inner{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .main-nav{
    position:relative!important;
    padding:6px 8px!important;
  }

  .main-nav .nav-inner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .main-nav .nav-inner>a{
    min-height:35px!important;
    padding:5px 7px!important;
    font-size:.67rem!important;
    border-radius:7px!important;
  }
}

@media(max-width:390px){
  .main-nav .nav-inner{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   MENU FINAL FIN — ARGENT + BOUTON CRESCENDO JAUNE
   Boutons à largeur automatique, sans étirement
   ========================================================== */

.main-nav{
    position:relative !important;
    z-index:999 !important;
    width:100% !important;
    padding:4px 0 !important;
    background:#06111d !important;
    border-top:1px solid #d5aa31 !important;
    border-bottom:1px solid #d5aa31 !important;
    box-shadow:0 3px 10px rgba(0,0,0,.32) !important;
}

.main-nav .nav-inner,
.nav-inner{
    width:min(98%,1540px) !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:6px !important;
}

/* Tous les boutons s'adaptent uniquement à leur texte */
.main-nav .nav-inner > a,
.main-nav a{
    position:relative !important;
    overflow:hidden !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    height:26px !important;
    min-height:26px !important;
    padding:0 12px !important;

    color:#161616 !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    border:1px solid #eeeeee !important;
    border-radius:5px !important;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #eeeeee 20%,
        #d1d1d1 48%,
        #aaaaaa 74%,
        #858585 100%
    ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        inset 0 -1px 2px rgba(0,0,0,.20),
        0 2px 5px rgba(0,0,0,.30) !important;

    transition:
        transform .16s ease,
        filter .16s ease,
        box-shadow .16s ease !important;
}

/* Neutralise les anciens traits et ornements bleus */
.main-nav a::before,
.main-nav a::after{
    display:none !important;
    content:none !important;
}

/* Tous les boutons, y compris le bouton actif, restent argentés */
.main-nav a.active{
    color:#111 !important;
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #ededed 20%,
        #cbcbcb 48%,
        #a1a1a1 74%,
        #797979 100%
    ) !important;
    border-color:#ffffff !important;
}

.main-nav a:hover,
.main-nav a:focus-visible{
    color:#050505 !important;
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f8f8f8 20%,
        #dddddd 48%,
        #b8b8b8 74%,
        #919191 100%
    ) !important;
    border-color:#ffffff !important;
    transform:translateY(-1px) !important;
    filter:brightness(1.06) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 2px rgba(0,0,0,.18),
        0 4px 8px rgba(0,0,0,.34) !important;
    outline:none !important;
}

/* Seul le bouton d'affiliation Crescendo est jaune */
.main-nav a.btn-crescendo{
    color:#171100 !important;
    background:linear-gradient(
        180deg,
        #fffbdc 0%,
        #ffe76f 22%,
        #ffc619 56%,
        #e99b00 100%
    ) !important;
    border-color:#ffe47d !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -1px 2px rgba(110,70,0,.24),
        0 2px 6px rgba(255,180,0,.30) !important;
}

.main-nav a.btn-crescendo:hover,
.main-nav a.btn-crescendo:focus-visible{
    background:linear-gradient(
        180deg,
        #fffef1 0%,
        #ffed93 24%,
        #ffd12e 58%,
        #efa700 100%
    ) !important;
}

/* Tablettes : boutons toujours compacts */
@media(max-width:1050px){
    .main-nav .nav-inner,
    .nav-inner{
        width:97% !important;
        gap:5px !important;
    }

    .main-nav .nav-inner > a,
    .main-nav a{
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        padding:0 10px !important;
        font-size:11.5px !important;
    }
}

/* Mobiles : deux boutons par ligne pour rester lisibles */
@media(max-width:700px){
    .main-nav .nav-inner,
    .nav-inner{
        width:95% !important;
        gap:5px !important;
    }

    .main-nav .nav-inner > a,
    .main-nav a{
        flex:1 1 calc(50% - 5px) !important;
        width:auto !important;
        min-width:0 !important;
        height:29px !important;
        min-height:29px !important;
        padding:0 7px !important;
        font-size:10.5px !important;
        white-space:normal !important;
    }
}

@media(max-width:380px){
    .main-nav .nav-inner > a,
    .main-nav a{
        flex-basis:100% !important;
    }
}


/* ===== MENU ARGENT MAT - TEXTE NET ===== */
.main-nav{
    background:#08131d !important;
    padding:4px 0 !important;
}

.nav-inner{
    gap:6px !important;
}

.main-nav a{
    height:27px !important;
    min-height:27px !important;
    padding:0 14px !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:auto !important;

    background:#d9d9d9 !important;
    background-image:linear-gradient(#ececec,#cfcfcf) !important;

    color:#111 !important;
    font-size:12px !important;
    font-weight:700 !important;
    font-family:Arial,Helvetica,sans-serif !important;

    text-shadow:none !important;
    letter-spacing:0 !important;

    border:1px solid #b5b5b5 !important;
    border-radius:5px !important;

    box-shadow:none !important;
    filter:none !important;
}

.main-nav a::before,
.main-nav a::after{
    display:none !important;
    content:none !important;
}

.main-nav a:hover,
.main-nav a.active{
    background:#ececec !important;
    background-image:linear-gradient(#f5f5f5,#dcdcdc) !important;
    color:#000 !important;
    transform:none !important;
    box-shadow:none !important;
}

.main-nav a.btn-crescendo{
    background:#ffd43b !important;
    background-image:linear-gradient(#ffe98a,#ffc928) !important;
    border-color:#d8a300 !important;
    color:#111 !important;
    font-weight:800 !important;
}

.main-nav a.btn-crescendo:hover{
    background-image:linear-gradient(#fff2ab,#ffd54d) !important;
}