/* jeu-du-penalty1.site, gabarit D : mise en page éditoriale (titres à empattement, sommaire latéral collant,
   encadrés d'appel). Distinct des gabarits A (dad-agence.fr), B (tower-rush1.site) et C (playme-casino1.fr). */
:root{
  --v3rur7c:#fbf8f3; --va83s4r:#fff; --v3vgbr6:#1c1917; --v4ogegs:#44403c; --v9p1k32:#78716c; --vfhj86d:#e7e5e4;
  --v0tjtoj:#c2410c; --va4pkrf:#ffedd5; --vbnj19h:#059669; --v9226md:#047857; --v4e2k58:#d1fae5;
  --v5veris:'Fraunces',Georgia,serif; --vga25s7:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif; --vfzbd8z:8px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:80px}
body{margin:0;background:var(--v3rur7c);color:var(--v4ogegs);font:18px/1.72 var(--vga25s7)}
img{max-width:100%;height:auto;display:block}
button{font:inherit}
a{color:var(--v9226md)}
h1,h2,h3{font-family:var(--v5veris);color:var(--v3vgbr6);font-weight:700;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(44px,6.4vw,78px);letter-spacing:-.02em}
h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.01em}
h3{font-size:21px}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.page{max-width:1220px;margin:0 auto;padding:0 22px}

/* boutons */
.cd6ukzm{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--vbnj19h);color:#fff;font:700 16px/1 var(--vga25s7);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0;border-radius:var(--vfzbd8z);padding:18px 30px;cursor:pointer}
.cd6ukzm:hover{background:var(--v9226md)}
.cd6ukzm.c55rhb8{font-size:14px;padding:12px 18px}
.cfn9ckc{display:inline-flex;align-items:center;justify-content:center;color:var(--v3vgbr6);font:700 16px/1 var(--vga25s7);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--v0tjtoj);padding:18px 8px;background:none;border:0;cursor:pointer}
.cex43ij{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}
@media(max-width:700px){.cex43ij{flex-direction:column;align-items:stretch}.cex43ij .cd6ukzm{width:100%}}

/* en-tête */
.c1sr8al{position:sticky;top:0;z-index:30;background:var(--va83s4r);border-bottom:3px solid var(--v3vgbr6)}
.c1sr8al .page{display:flex;align-items:center;justify-content:space-between;height:66px;gap:18px}
.ccopm3q{display:flex;align-items:center;gap:10px;font:700 22px var(--v5veris);color:var(--v3vgbr6);text-decoration:none}
.ccopm3q svg{width:32px;height:32px}
#menu-d{display:none;border:2px solid var(--v3vgbr6);background:none;border-radius:6px;padding:6px 12px;font-weight:700;cursor:pointer}
#nav-d{display:flex;align-items:center;gap:22px}
#nav-d nav{display:flex;gap:20px}
#nav-d nav a{color:var(--v3vgbr6);text-decoration:none;font-weight:600;font-size:15.5px}
#nav-d nav a:hover{color:var(--v0tjtoj)}
@media(max-width:1000px){
  #menu-d{display:block}
  #nav-d{display:none;position:absolute;top:69px;left:0;right:0;flex-direction:column;align-items:stretch;gap:14px;background:var(--va83s4r);padding:18px 22px;border-bottom:3px solid var(--v3vgbr6)}
  body.ouvert #nav-d{display:flex}
  #nav-d nav{flex-direction:column;gap:12px}
}

/* une : couverture de magazine, la photo en tirage blanc posée sur une pelouse rayée */
.une{position:relative;overflow:hidden;padding:60px 0 8px}
.ca1b2g9{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
.ca1b2g9::before{content:"";position:absolute;z-index:0;top:-60px;bottom:-26px;left:62%;right:calc(50% - 50vw);
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 64px,transparent 64px 128px),linear-gradient(160deg,#166534,#0b3b22)}
.c298wn5,.cg747v7{position:relative;z-index:1}
.cdlr26c{font:700 13px var(--vga25s7);letter-spacing:.16em;text-transform:uppercase;color:var(--v0tjtoj);margin:0 0 14px}
.c8angw3{font-size:21px;line-height:1.6;max-width:62ch;color:var(--v3vgbr6)}
.une .c8angw3{font-size:20px}
.cg747v7{margin:0;background:#fff;padding:10px 10px 0;border-radius:4px;box-shadow:0 34px 60px -22px rgba(12,30,18,.7),0 0 0 1px rgba(0,0,0,.05);transform:rotate(-1.6deg)}
.cg747v7 img{border-radius:2px}
.cg747v7 figcaption{font-size:14px;color:var(--v9p1k32);font-style:italic;padding:10px 6px 12px;line-height:1.45}
.c99gfbc{position:absolute;z-index:2;top:-26px;left:-26px;width:94px;height:94px;border-radius:50%;background:var(--v0tjtoj);color:#fff;
  font:700 32px/1 var(--v5veris);display:flex;align-items:center;justify-content:center;transform:rotate(-10deg);
  box-shadow:0 12px 26px -8px rgba(154,52,18,.75),inset 0 0 0 3px rgba(255,255,255,.35)}
.c0qckrx figcaption{font-size:14.5px;color:var(--v9p1k32);margin-top:8px;font-style:italic}
.cauhqsl{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);margin:56px 0 0;padding:24px 0 26px;list-style:none;
  border-top:3px solid var(--v3vgbr6);border-bottom:1px solid var(--vfhj86d)}
.cauhqsl li{padding:0 24px;border-left:1px solid var(--vfhj86d)}
.cauhqsl li:first-child{padding-left:0;border-left:0}
.cauhqsl b{display:block;font:700 clamp(30px,3.2vw,42px)/1.05 var(--v5veris);color:var(--v3vgbr6);letter-spacing:-.01em}
.cauhqsl span{display:block;font-size:15px;line-height:1.4;color:var(--v9p1k32);margin-top:8px}
@media(max-width:1000px){
  .une{padding-top:36px}
  .ca1b2g9{grid-template-columns:1fr;gap:0}
  .ca1b2g9::before{display:none}
  .c298wn5{display:contents}
  .c298wn5 .cdlr26c{order:1}.c298wn5 h1{order:2}.cg747v7{order:3;margin:6px 0 30px;transform:none}
  .c298wn5 .c8angw3{order:4}.c298wn5 .cex43ij{order:5}
  .c99gfbc{width:70px;height:70px;font-size:24px;top:-16px;left:auto;right:-8px}
  .cauhqsl{grid-template-columns:1fr 1fr;row-gap:22px;margin-top:40px}
  .cauhqsl li:nth-child(3){padding-left:0;border-left:0}
}
@media(max-width:520px){.cauhqsl li{padding:0 14px}.cauhqsl li:nth-child(odd){padding-left:0}}

/* corps en deux colonnes */
.cfhnzzx{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start;padding-bottom:40px}
@media(max-width:1100px){.cfhnzzx{grid-template-columns:1fr}.c6rb6bj{display:none}}
.c6rb6bj{position:sticky;top:90px}
.ca5famf{border-top:3px solid var(--v3vgbr6);padding-top:14px}
.ca5famf p{font:700 13px var(--vga25s7);letter-spacing:.14em;text-transform:uppercase;color:var(--v9p1k32);margin-bottom:10px}
.ca5famf ol{list-style:none;margin:0;padding:0;counter-reset:s}
.ca5famf li{counter-increment:s;border-bottom:1px solid var(--vfhj86d)}
.ca5famf a{display:flex;gap:10px;padding:9px 0;color:var(--v3vgbr6);text-decoration:none;font-size:15px;font-weight:600}
.ca5famf a::before{content:counter(s,decimal-leading-zero);color:var(--v0tjtoj);font-family:var(--v5veris)}
.cf25clt{margin-top:22px;background:var(--va83s4r);border:1px solid var(--vfhj86d);border-radius:var(--vfzbd8z);padding:20px}
.cf25clt p{font-size:15px}
.cf25clt .cd6ukzm{width:100%}

/* rubriques */
.cchjrnk{padding:44px 0;border-top:1px solid var(--vfhj86d)}
.cchjrnk:first-child{border-top:0;padding-top:0}
.c90kkra{display:block;font:700 15px var(--vga25s7);letter-spacing:.12em;color:var(--v0tjtoj);margin-bottom:6px}
.c1c605s{font-size:19px;color:var(--v3vgbr6)}
.c0qckrx{margin:22px 0}
.c0qckrx img{border-radius:var(--vfzbd8z);border:1px solid var(--vfhj86d)}

/* encadré d'appel */
.c61gjc4{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:18px 22px;background:var(--v4e2k58);border-left:5px solid var(--vbnj19h);border-radius:0 var(--vfzbd8z) var(--vfzbd8z) 0}
.c61gjc4 p{margin:0;font-weight:700;color:#064e3b}
@media(max-width:700px){.c61gjc4{flex-direction:column;align-items:stretch}.c61gjc4 .cd6ukzm{width:100%}}

/* démo */
.c2zlxkx{position:relative;aspect-ratio:16/9;margin-top:22px;border-radius:var(--vfzbd8z);overflow:hidden;background:#0b1d12;border:3px solid var(--v3vgbr6)}
.cdpld51{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cdpld51 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.ccyp27d{position:relative;z-index:2;text-align:center;color:#fff;padding:0 16px}
.ccyp27d p{margin:10px 0 0;font-weight:700}
.ccyp27d .c5bo0bd{color:#fde68a;font-weight:700}
.c1e02g8{position:absolute;inset:0}
.c1e02g8 iframe{width:100%;height:100%;border:0}
.c3zipx9{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(11,29,18,.9);color:#fff;text-align:center;padding:20px}
.cccfnfc{width:40px;height:40px;border-radius:50%;border:4px dashed #fff;animation:tourne-d 1.2s linear infinite}
@keyframes tourne-d{to{transform:rotate(360deg)}}
.c6sv1i3{position:absolute;top:10px;right:10px;z-index:4;background:#fff;border:2px solid var(--v3vgbr6);border-radius:6px;font-weight:800;padding:4px 12px;cursor:pointer}
[hidden]{display:none!important}
.cdm2bty{font-size:15px;color:var(--v9p1k32);margin-top:10px}

/* trois temps */
.c5rfp9g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
@media(max-width:800px){.c5rfp9g{grid-template-columns:1fr}}
.c3yi1qd img{border-radius:var(--vfzbd8z);border:1px solid var(--vfhj86d);margin-bottom:12px}
.c3yi1qd h3{font-size:19px}
.c3yi1qd p{font-size:16.5px}

/* échelle */
.c11749a{display:grid;grid-template-columns:repeat(5,1fr);margin:26px 0 20px;border:2px solid var(--v3vgbr6);border-radius:var(--vfzbd8z);overflow:hidden}
@media(max-width:640px){.c11749a{grid-template-columns:1fr}}
.c8bo23n{padding:16px 12px;text-align:center;background:var(--va83s4r);border-left:1px solid var(--vfhj86d)}
.c8bo23n:first-child{border-left:0}
.c8bo23n:nth-child(n){background:linear-gradient(0deg,var(--va4pkrf) 0%,var(--va83s4r) 100%)}
.c8bo23n b{display:block;font:700 30px/1.1 var(--v5veris);color:var(--v3vgbr6)}
.c8bo23n span{font-size:14px;color:var(--v9p1k32)}

/* tableau des versions */
.c8lflp3{overflow-x:auto;margin:22px 0;border-top:3px solid var(--v3vgbr6)}
.cdilfld{width:100%;border-collapse:collapse;min-width:560px;font-size:16px}
.cdilfld th,.cdilfld td{padding:12px 14px;border-bottom:1px solid var(--vfhj86d);text-align:left;vertical-align:top}
.cdilfld thead th{font-family:var(--v5veris);font-size:18px;color:var(--v3vgbr6)}
.cdilfld tbody th{color:var(--v9p1k32);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.c98n7af{display:grid;gap:14px}
.c98n7af div{padding-left:16px;border-left:3px solid var(--v0tjtoj)}
.c98n7af h3{font-size:18px;margin-bottom:.2em}

/* légende de l'écran */
.c5a0o15{display:grid;grid-template-columns:140px 1fr;gap:0;margin:20px 0 0}
.c5a0o15 dt,.c5a0o15 dd{padding:10px 0;border-bottom:1px solid var(--vfhj86d);margin:0}
.c5a0o15 dt{font-weight:800;color:var(--v3vgbr6)}
@media(max-width:560px){.c5a0o15{grid-template-columns:1fr}.c5a0o15 dt{border-bottom:0;padding-bottom:0}}

/* duel */
.c8i7r5y{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
@media(max-width:700px){.c8i7r5y{grid-template-columns:1fr}}
.c8i7r5y div{background:var(--va83s4r);border:1px solid var(--vfhj86d);border-radius:var(--vfzbd8z);padding:18px}
.c8i7r5y h3{font-size:18px;color:var(--v0tjtoj)}
.c8i7r5y p{font-size:16.5px}

/* RTP */
.cd8d93e{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px 0;border-top:1px solid var(--vfhj86d);border-bottom:1px solid var(--vfhj86d)}
@media(max-width:700px){.cd8d93e{grid-template-columns:1fr 1fr}}
.cd8d93e div{padding:16px 10px}
.cd8d93e b{display:block;font:700 32px/1.1 var(--v5veris);color:var(--v3vgbr6)}
.cd8d93e span{font-size:14px;color:var(--v9p1k32)}
.cg9grjp{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:10px 0 22px}
@media(max-width:700px){.cg9grjp{grid-template-columns:1fr}}
.cg9grjp h3{font-size:18px}
.cg9grjp ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.cg9grjp li{padding-left:26px;position:relative;font-size:16.5px}
.cg9grjp .cbr559a li::before{content:"✓";position:absolute;left:0;color:var(--v9226md);font-weight:800}
.cg9grjp .c25pibq li::before{content:"?";position:absolute;left:2px;color:var(--v0tjtoj);font-weight:800}

/* si / alors */
.cfqqp39{list-style:none;margin:22px 0;padding:0;display:grid;gap:12px}
.cfqqp39 li{background:var(--va83s4r);border:1px solid var(--vfhj86d);border-radius:var(--vfzbd8z);padding:14px 18px}
.cfqqp39 b{color:var(--v3vgbr6)}
.cdlf7i2{margin:26px 0 0;padding:6px 0 6px 22px;border-left:4px solid var(--v0tjtoj);font:italic 400 21px/1.55 var(--v5veris);color:var(--v3vgbr6)}

/* pays */
.c4b5gxk{columns:4;column-gap:24px;list-style:none;margin:22px 0;padding:0}
@media(max-width:900px){.c4b5gxk{columns:2}}
.c4b5gxk li{break-inside:avoid;border-bottom:1px solid var(--vfhj86d)}
.c4b5gxk a{display:block;padding:9px 0;color:var(--v3vgbr6);text-decoration:none;font-weight:600}
.c4b5gxk a:hover{color:var(--v0tjtoj)}
.c35aabm{margin:14px 0 0;padding-left:22px}
.c35aabm li{margin-bottom:10px}
.c35aabm b{color:var(--v3vgbr6)}
.c6pgu12{font-size:15.5px;color:var(--v9p1k32);margin-top:18px}

/* idées reçues */
.c4brpjp{list-style:none;margin:22px 0;padding:0;display:grid;gap:16px}
.c4brpjp li{padding:16px 18px;background:var(--va83s4r);border:1px solid var(--vfhj86d);border-radius:var(--vfzbd8z)}
.c4brpjp s{display:block;color:var(--v9p1k32);font-weight:700;text-decoration-color:var(--v0tjtoj);text-decoration-thickness:2px}
.c4brpjp span{display:block;margin-top:6px}

/* vocabulaire */
.c2xcuk1{margin:18px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 26px}
@media(max-width:700px){.c2xcuk1{grid-template-columns:1fr}}
.c2xcuk1 div{font-size:16.5px}
.c2xcuk1 dt{display:inline;font-weight:800;color:var(--v3vgbr6)}
.c2xcuk1 dt::after{content:" : "}
.c2xcuk1 dd{display:inline;margin:0}

/* verdict */
.ccbvnzc{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:start;margin-top:18px}
@media(max-width:700px){.ccbvnzc{grid-template-columns:1fr}}
.cfogrdr{text-align:center;border:3px solid var(--v3vgbr6);border-radius:var(--vfzbd8z);padding:18px 10px;background:var(--va83s4r)}
.cfogrdr b{display:block;font:700 54px/1 var(--v5veris);color:var(--v3vgbr6)}
.cfogrdr span{font-size:14px;color:var(--v9p1k32)}
.cd4uy2s{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.cd4uy2s li{display:grid;grid-template-columns:150px 1fr 38px;gap:12px;align-items:center;font-size:15.5px}
.cd4uy2s i{display:block;height:10px;border-radius:5px;background:var(--vfhj86d);overflow:hidden}
.cd4uy2s i::after{content:"";display:block;height:100%;width:var(--v7q830v);background:var(--v0tjtoj)}
.cd4uy2s b{color:var(--v3vgbr6)}

/* questions */
.cdpratl details{border-bottom:1px solid var(--vfhj86d)}
.cdpratl summary{cursor:pointer;list-style:none;padding:16px 0;font:600 19px/1.4 var(--v5veris);color:var(--v3vgbr6);display:flex;justify-content:space-between;gap:16px}
.cdpratl summary::-webkit-details-marker{display:none}
.cdpratl summary::after{content:"+";font-family:var(--vga25s7);font-weight:800;color:var(--v0tjtoj)}
.cdpratl details[open] summary::after{content:"−"}
.cdpratl details p{font-size:17px;padding-bottom:16px}

/* appel final */
.appel{background:var(--v3vgbr6);color:#e7e5e4;padding:60px 0}
.appel h2{color:#fff}
.appel .cfn9ckc{color:#fff}

/* barre d'appel mobile */
.caeq86n{display:none}
@media(max-width:1100px){
  .caeq86n{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px;background:var(--va83s4r);border-top:3px solid var(--v3vgbr6);transform:translateY(110%);transition:transform .25s}
  .caeq86n.on{transform:none}
  .caeq86n .cd6ukzm{width:100%}
  body{padding-bottom:78px}
}

/* pages pays */
.c86js3u{padding:46px 0 30px;border-bottom:3px solid var(--v3vgbr6)}
.c86js3u h1{font-size:clamp(34px,4.6vw,54px);max-width:24ch}
.c6el507{font-size:34px;margin-bottom:10px}
.c5wkod8{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:54px;align-items:center}
.cfa32cw{margin:0;background:#fff;padding:9px;border-radius:4px;box-shadow:0 30px 54px -24px rgba(12,30,18,.65),0 0 0 1px rgba(0,0,0,.05);transform:rotate(2deg)}
.cfa32cw img{border-radius:2px}
@media(max-width:1000px){
  .c5wkod8{grid-template-columns:1fr;gap:0}
  .c2oef6x{display:contents}
  .c6el507{order:1}.c86js3u h1{order:2}.cfa32cw{order:3;margin:4px 0 26px;transform:none}
  .c86js3u .c8angw3{order:4}.cf69x58{order:5}.c86js3u .cex43ij{order:6}
}
.c340gcg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
@media(max-width:700px){.c340gcg{grid-template-columns:1fr}}
.c0130ex{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--va83s4r);border:1px dashed var(--v9p1k32);border-radius:var(--vfzbd8z)}
.c0130ex b{font:700 19px var(--v5veris);color:var(--v3vgbr6)}

.ceo44r1{margin-top:18px;padding:14px 18px;background:var(--va4pkrf);border-radius:var(--vfzbd8z);color:#7c2d12}
.cf69x58{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0}
.cf69x58 div{background:var(--va83s4r);border:1px solid var(--vfhj86d);border-radius:var(--vfzbd8z);padding:8px 14px}
.cf69x58 dt{display:inline;color:var(--v9p1k32)}
.cf69x58 dt::after{content:" "}
.cf69x58 dd{display:inline;margin:0;font-weight:800;color:var(--v3vgbr6)}

/* pied */
.c780jbf{border-top:3px solid var(--v3vgbr6);background:var(--va83s4r);padding:40px 0 26px;font-size:15.5px}
.c780jbf .page>div:first-child{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
@media(max-width:800px){.c780jbf .page>div:first-child{grid-template-columns:1fr}}
.c780jbf h3{font:700 14px var(--vga25s7);letter-spacing:.14em;text-transform:uppercase;color:var(--v9p1k32)}
.c780jbf ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.c780jbf a{color:var(--v3vgbr6);text-decoration:none}
.c780jbf a:hover{color:var(--v0tjtoj)}
.cdxg31k{margin-top:26px;padding-top:16px;border-top:1px solid var(--vfhj86d);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--v9p1k32)}
.c95jyxn{display:inline-block;font-weight:800;color:#fff;background:var(--v3vgbr6);border-radius:4px;padding:2px 8px;margin-right:8px}
.cg9grjp h4{font:700 14px var(--vga25s7);text-transform:uppercase;letter-spacing:.1em;color:var(--v9p1k32);margin:0 0 8px}