/* Allezzy — casino avec croupiers en direct.
   Identite propre : prune et turquoise, Instrument Serif sur Figtree,
   mise en page en panneaux alternes numerotes. */

:root{
  --plum:#4a1f3d; --plum-dp:#331429; --plum-lt:#6d3159;
  --teal:#0d8f87; --teal-dp:#096b65; --teal-lt:#17b3a9;
  --ink:#1b1419; --ink-2:#574a52; --ink-3:#8a7b84;
  --paper:#fbf8f4; --paper-2:#f3ece6; --sheet:#ffffff;
  --line:#e2d7d0; --line-2:#efe6e0;
  --ok:#0d7a4a; --warn:#a8511a;
  --r:0px; --r-2:0px;          /* angles droits : marqueur fort du site */
  --max:1150px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px; line-height:1.7; font-weight:400;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
a{color:var(--teal-dp); text-underline-offset:3px}
a:hover{color:var(--teal)}

h1,h2,h3{font-family:"Instrument Serif",Georgia,serif; font-weight:400; line-height:1.08;
  margin:0 0 .45em; letter-spacing:-.01em; color:var(--ink)}
h1{font-size:clamp(2.3rem,5.4vw,3.7rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:1.4rem}
h4{font-family:"Figtree",sans-serif; font-weight:700; font-size:1rem; margin:0 0 .45em; letter-spacing:-.005em}
p{margin:0 0 1.1em}
.w{max-width:var(--max); margin:0 auto; padding:0 24px}
.w-s{max-width:730px}

/* ---------- entete ----------
   Charpente propre a allezzy : pas de bandeau separe au-dessus du header,
   l'information de mise a jour est un paragraphe dans le header lui-meme,
   et la navigation est une vraie liste. */
.nav{background:var(--paper); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50}
.brf{display:flex; justify-content:space-between; gap:14px; margin:0;
  max-width:var(--max); padding:9px 24px; font-size:13px; color:var(--ink-3)}
.brf b{color:var(--plum)}
.brf-2{text-align:right}
.nav-in{display:flex; align-items:center; gap:24px; height:74px; border-top:1px solid var(--line-2)}
.logo{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink)}
.logo img{width:40px; height:40px}
.logo-n{font-family:"Instrument Serif",serif; font-size:1.6rem; line-height:1; letter-spacing:-.01em}
.logo-s{display:block; font-size:9.5px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; color:var(--teal-dp); margin-top:3px}
.links{margin-left:auto}
.links ul{display:flex; gap:3px; list-style:none; margin:0; padding:0}
.links a{display:block; font-size:14.5px; font-weight:600; color:var(--ink-2); text-decoration:none; padding:9px 13px}
.links a:hover{color:var(--plum)}
.links a.act{color:var(--plum); box-shadow:inset 0 -3px 0 var(--teal)}
.bt{display:none; margin-left:auto; width:42px; height:42px; border:1px solid var(--line); background:var(--sheet); cursor:pointer; padding:11px}
.bt i{display:block; height:2px; background:var(--ink); margin:4px 0}
.dr{display:none; background:var(--sheet); border-bottom:1px solid var(--line)}
.dr.o{display:block}
.dr a{display:block; padding:14px 24px; border-bottom:1px solid var(--line-2); color:var(--ink); text-decoration:none; font-weight:600}

/* ---------- panneaux alternes ---------- */
.pan{padding:62px 0; border-bottom:1px solid var(--line)}
.pan-2{background:var(--paper-2)}
.pan-3{background:var(--plum); color:#e3d3dd}
.pan-3 h2,.pan-3 h3,.pan-3 h4{color:#fff}
.pan-3 a{color:var(--teal-lt)}
.num{font-family:"Instrument Serif",serif; font-size:3.1rem; line-height:1; color:var(--teal); display:block; margin-bottom:6px}
.pan-3 .num{color:var(--teal-lt)}
.hd{max-width:66ch; margin-bottom:34px}
.hd p{color:var(--ink-2); margin:0; font-size:1.04rem}
.pan-3 .hd p{color:#c3aebc}

/* ---------- banniere ---------- */
.hero{padding:64px 0 54px}
.hero-g{display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center}
.flag-k{display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:var(--plum); border:2px solid var(--plum); padding:5px 12px; margin-bottom:18px}
.hero p.ld{font-size:1.2rem; color:var(--ink-2); max-width:52ch}
.hero-i{border:1px solid var(--line); overflow:hidden}
.nums{display:flex; gap:34px; flex-wrap:wrap; margin-top:30px; padding-top:24px; border-top:1px solid var(--line)}
.nums b{display:block; font-family:"Instrument Serif",serif; font-size:2rem; color:var(--plum); line-height:1}
.nums span{display:block; font-size:12.5px; color:var(--ink-3); margin-top:4px}

/* ---------- boutons ---------- */
.k{display:inline-flex; align-items:center; justify-content:center; gap:7px; font-family:"Figtree",sans-serif;
  font-weight:700; font-size:14.5px; padding:13px 23px; text-decoration:none; border:2px solid transparent;
  cursor:pointer; transition:.14s; white-space:nowrap}
.k-p{background:var(--plum); color:#fff; border-color:var(--plum)}
.k-p:hover{background:var(--plum-dp); border-color:var(--plum-dp); color:#fff}
.k-t{background:var(--teal); color:#fff; border-color:var(--teal)}
.k-t:hover{background:var(--teal-dp); border-color:var(--teal-dp); color:#fff}
.k-o{border-color:var(--ink); color:var(--ink); background:transparent}
.k-o:hover{background:var(--ink); color:var(--paper)}
.pan-3 .k-o{border-color:#fff; color:#fff}
.pan-3 .k-o:hover{background:#fff; color:var(--plum)}
.k-l{font-size:15.5px; padding:15px 29px}
.k-s{font-size:13px; padding:9px 16px}

/* ---------- maisons : bandes horizontales ---------- */
.band{display:grid; grid-template-columns:7px 128px 1fr auto; gap:0; align-items:stretch;
  background:var(--sheet); border:1px solid var(--line); margin-bottom:14px}
.band-c{background:var(--teal)}
.band:nth-child(2) .band-c{background:var(--plum)}
.band-l{display:flex; align-items:center; justify-content:center; padding:18px 14px; border-right:1px solid var(--line-2)}
.band-l img{max-height:36px; width:auto; object-fit:contain}
.band-b{padding:20px 24px}
.band-n{font-family:"Instrument Serif",serif; font-size:1.5rem; margin:0 0 2px}
.band-f{font-size:13.5px; font-weight:700; color:var(--teal-dp); margin:0 0 6px}
.band-w{font-size:14.5px; color:var(--ink-2); margin:0; max-width:58ch}
.band-a{display:flex; flex-direction:column; gap:8px; justify-content:center; padding:20px 24px; border-left:1px solid var(--line-2); min-width:180px}
.pz{display:inline-block; background:var(--plum); color:#fff; font-size:12.5px; font-weight:700; padding:6px 12px; text-align:center}

/* ---------- blocs ---------- */
.bl{display:grid; grid-template-columns:repeat(4,1fr); gap:22px}
.bl > div{border-top:3px solid var(--teal); padding-top:18px}
.pan-3 .bl > div{border-top-color:var(--teal-lt)}
.bl img{width:42px; height:42px; margin-bottom:12px}
.bl h4{color:var(--plum)}
.pan-3 .bl h4{color:#fff}
.bl p{font-size:14.5px; color:var(--ink-2); margin:0}
.pan-3 .bl p{color:#c3aebc}

/* ---------- dossiers ---------- */
.ds{display:grid; grid-template-columns:repeat(2,1fr); gap:26px}
.d{display:grid; grid-template-columns:150px 1fr; gap:20px; align-items:start;
   background:var(--sheet); border:1px solid var(--line); padding:18px}
.d img{aspect-ratio:1/1; object-fit:cover; border:1px solid var(--line-2)}
.d h3{font-size:1.25rem; margin-bottom:6px}
.d h3 a{text-decoration:none; color:var(--ink)}
.d h3 a:hover{color:var(--teal-dp)}
.d p{font-size:14.2px; color:var(--ink-2); margin:0 0 11px}
.d .go{font-size:13.5px; font-weight:700; color:var(--teal-dp); text-decoration:none}

/* ---------- article ---------- */
.art{padding:46px 0 64px}
.toc{border-left:3px solid var(--teal); padding:4px 0 4px 22px; margin:0 0 2.4em}
.toc h4{font-size:11.5px; letter-spacing:.15em; text-transform:uppercase; color:var(--ink-3); margin-bottom:11px}
.toc ol{margin:0; padding-left:18px}
.toc li{margin-bottom:7px; font-size:15px}
.toc a{color:var(--ink); text-decoration:none}
.toc a:hover{color:var(--teal-dp); text-decoration:underline}
.tx{max-width:72ch}
.tx h2{margin-top:1.9em}
.tx h2:first-child{margin-top:0}
.tx > p:first-of-type{font-size:1.15rem; color:var(--ink-2)}
.tx figure{margin:2em 0}
.tx figure img{border:1px solid var(--line)}
.nb{background:var(--paper-2); border-left:5px solid var(--teal); padding:22px 26px; margin:2em 0}
.nb h4{color:var(--teal-dp); margin-bottom:9px}
.nb p:last-child{margin-bottom:0}
.rt{background:var(--plum); color:#e3d3dd; padding:28px 32px; margin:2.3em 0}
.rt h4{color:#fff; margin-bottom:14px}
.rt ul{margin:0; padding-left:20px}
.rt li{margin-bottom:9px; font-size:15px}
.rt li::marker{color:var(--teal-lt)}

/* ---------- avis ---------- */
.vd{display:grid; grid-template-columns:auto 1fr auto; gap:26px; align-items:center;
  background:var(--sheet); border:1px solid var(--line); border-left:6px solid var(--teal); padding:24px 28px; margin-bottom:32px}
.vd-l{width:122px; height:58px; display:flex; align-items:center; justify-content:center; background:var(--paper-2); padding:9px}
.vd-l img{max-height:40px; width:auto; object-fit:contain}
.vd p{margin:0; color:var(--ink-2); font-size:15px}
.sp{display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); margin:2em 0; background:var(--sheet)}
.sp > div{padding:16px 18px; border-right:1px solid var(--line-2); border-bottom:1px solid var(--line-2)}
.sp > div:nth-child(4n){border-right:0}
.sp > div:nth-last-child(-n+4){border-bottom:0}
.sp-k{font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3)}
.sp-v{font-family:"Instrument Serif",serif; font-size:1.2rem; margin-top:3px}
.pm{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:2em 0}
.pm > div{border:1px solid var(--line); padding:22px 24px; background:var(--sheet)}
.pm-p{border-top:4px solid var(--ok)}
.pm-m{border-top:4px solid var(--warn)}
.pm ul{margin:0; padding-left:19px}
.pm li{margin-bottom:8px; font-size:14.5px; color:var(--ink-2)}

/* ---------- questions ---------- */
.q{border-top:1px solid var(--ink); margin-top:2.3em}
.q details{border-bottom:1px solid var(--line)}
.q summary{cursor:pointer; padding:18px 36px 18px 0; font-family:"Instrument Serif",serif;
  font-size:1.2rem; list-style:none; position:relative}
.q summary::-webkit-details-marker{display:none}
.q summary::after{content:"+"; position:absolute; right:2px; top:50%; transform:translateY(-50%);
  color:var(--teal); font-family:"Figtree",sans-serif; font-size:23px}
.q details[open] summary::after{content:"\2212"}
.q-b{padding:0 36px 20px 0; color:var(--ink-2); font-size:15.5px}
.q-b p:last-child{margin-bottom:0}

/* ---------- appel ---------- */
.cl{background:var(--teal); color:#fff; padding:42px 44px; text-align:center}
.cl h2,.cl h3{color:#fff}
.cl p{color:#ccefec; max-width:58ch; margin:0 auto 22px}
.cl-r{display:flex; gap:11px; justify-content:center; flex-wrap:wrap}
.cl .k-o{border-color:#fff; color:#fff}
.cl .k-o:hover{background:#fff; color:var(--teal-dp)}

/* ---------- avertissement ---------- */
.av{background:#fdf3ea; border:1px solid #edd4ba; border-left:5px solid var(--warn); padding:16px 20px; font-size:14.5px; color:#7a3d11; margin:2em 0}
.av b{color:#5e2e0b}

/* ---------- pied ----------
   Pas de grille en colonnes : une bande d'identite, puis tous les liens
   a plat sur une bande, puis les mentions. Trois bandes horizontales. */
.ft{background:var(--ink); color:#a295a0; padding:46px 0 26px; font-size:14.5px}
.ft-h{display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center;
  padding-bottom:26px; border-bottom:1px solid #352b32}
.ft-l{display:flex; align-items:center; gap:11px}
.ft-l img{width:34px; height:34px}
.ft-l b{font-family:"Instrument Serif",serif; font-size:1.4rem; color:#fff; font-weight:400}
.ft-h p{margin:0; max-width:76ch; font-size:14px}
.ft-n{display:flex; flex-wrap:wrap; gap:0 2px; padding:20px 0; border-bottom:1px solid #352b32}
.ft-n a{color:#a295a0; text-decoration:none; font-size:13.5px; padding:4px 11px 4px 0; position:relative}
.ft-n a::after{content:"·"; position:absolute; right:1px; color:#4a3f47}
.ft-n a:last-child::after{content:""}
.ft-n a:hover{color:var(--teal-lt)}
.ft-w{padding:20px 0; margin:0; border-bottom:1px solid #352b32; color:#8d8089; font-size:13.5px}
.ft-w strong{color:#c9bcc6}
.ft a{color:#a295a0}
.ft a:hover{color:var(--teal-lt)}
.ft-e{padding-top:20px; margin:0; color:#8d8089; font-size:13px}

/* ---------- adaptatif ---------- */
@media (max-width:1000px){
  .hero-g{grid-template-columns:1fr; gap:34px}
  .bl{grid-template-columns:repeat(2,1fr)}
  .ds{grid-template-columns:1fr}
  .sp{grid-template-columns:repeat(2,1fr)}
  .sp > div:nth-child(4n){border-right:1px solid var(--line-2)}
  .sp > div:nth-child(2n){border-right:0}
  .ft-h{grid-template-columns:1fr; gap:16px}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .links{display:none}
  .brf-2{display:none}
  .bt{display:block}
  .w{padding:0 17px}
  .pan{padding:44px 0}
  .band{grid-template-columns:5px 1fr}
  .band-l{grid-column:2; justify-content:flex-start; border-right:0; padding-bottom:0}
  .band-b{grid-column:2}
  .band-a{grid-column:2; border-left:0; flex-direction:row; flex-wrap:wrap; min-width:0; padding-top:0}
  .pm{grid-template-columns:1fr}
  .vd{grid-template-columns:1fr; gap:16px}
  .d{grid-template-columns:1fr}
  .d img{aspect-ratio:16/9}
  .cl{padding:30px 22px}
}
@media (max-width:540px){
  .bl,.sp{grid-template-columns:1fr}
  .sp > div{border-right:0!important}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important; scroll-behavior:auto!important}}

/* ---------- gabarit d'article propre a allezzy ----------
   Charpente volontairement differente des autres sites du reseau :
   tableau de faits en tete, citations en incise, FAQ en liste de
   definitions (pas d'accordeon), navigation precedent/suivant. */
.faits{width:100%; border-collapse:collapse; margin:0 0 2.2em; font-size:15px}
.faits th{text-align:left; font-family:"Figtree",sans-serif; font-weight:700; font-size:11.5px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3);
  padding:11px 16px 11px 0; border-bottom:1px solid var(--line); white-space:nowrap; width:34%}
.faits td{padding:11px 0; border-bottom:1px solid var(--line); color:var(--ink-2)}
.faits tr:last-child th,.faits tr:last-child td{border-bottom:2px solid var(--ink)}

blockquote.inc{margin:2em 0; padding:0 0 0 26px; border-left:4px solid var(--teal);
  font-family:"Instrument Serif",serif; font-size:1.45rem; line-height:1.35; color:var(--plum)}
blockquote.inc p{margin:0}

ol.cles{counter-reset:c; list-style:none; margin:2.3em 0; padding:0}
ol.cles li{counter-increment:c; position:relative; padding:0 0 18px 58px; margin:0}
ol.cles li::before{content:counter(c); position:absolute; left:0; top:-6px;
  font-family:"Instrument Serif",serif; font-size:2.3rem; color:var(--teal); line-height:1}
ol.cles li:last-child{padding-bottom:0}

dl.qr{margin:1.6em 0 0; border-top:2px solid var(--ink)}
dl.qr dt{font-family:"Instrument Serif",serif; font-size:1.3rem; color:var(--plum);
  padding:20px 0 7px; border-top:1px solid var(--line)}
dl.qr dt:first-of-type{border-top:0}
dl.qr dd{margin:0 0 4px; padding:0 0 18px; color:var(--ink-2); font-size:15.5px}

.pn{display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:2px solid var(--ink); margin-top:3em}
.pn a{padding:22px 24px; text-decoration:none; color:var(--ink); display:block}
.pn a:first-child{border-right:1px solid var(--line)}
.pn a:hover{background:var(--paper-2)}
.pn span{display:block; font-size:11.5px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-3); margin-bottom:6px}
.pn b{font-family:"Instrument Serif",serif; font-size:1.25rem; font-weight:400; color:var(--plum)}
.pn a.droite{text-align:right}
@media (max-width:760px){
  .pn{grid-template-columns:1fr}
  .pn a:first-child{border-right:0; border-bottom:1px solid var(--line)}
  .pn a.droite{text-align:left}
  .faits th{width:auto; display:block; border-bottom:0; padding-bottom:2px}
  .faits td{display:block; padding-top:0}
}

/* tableau face a face des quatre maisons : colonnes egales */
.faits.cmp th{width:auto}
.faits.cmp td{padding-left:14px; font-size:14px}
@media (max-width:760px){
  .faits.cmp{display:block; overflow-x:auto; white-space:nowrap}
  .faits.cmp th,.faits.cmp td{display:table-cell; padding:11px 14px 11px 0}
}

/* en-tete du tableau comparatif : noms des maisons en colonnes */
.faits.cmp thead th{
  font-family:"Figtree",sans-serif; font-weight:700; font-size:13px; color:var(--plum); text-align:left;
  letter-spacing:0; padding:0 14px 10px 0; border-bottom:2px solid var(--plum-lt); white-space:nowrap;
}
.faits.cmp thead td{border-bottom:2px solid var(--plum-lt)}