/* ============================================================
PADDYSLOTS-BE · v2 — « La Foire de la Saint-Patrick »
Fête foraine de jour : ciel crème, chapiteaux rayés émeraude
et coquelicot, affiches lithographiées, feuille d'or.
============================================================ */
:root{
--ciel-hi:#FDF6E9; /* ciel crème, haut de page */
--ciel-lo:#F8E3C4; /* pêche chaude, bas de page */
--vert:#1E7A4E; /* émeraude forain */
--vert-fonce:#14573A;
--vert-encre:#0E3D28;
--coq:#E4572E; /* coquelicot rouge-orangé */
--coq-fonce:#B33D1B;
--creme:#FBF3E2; /* bois peint crème */
--papier:#F6EAD2; /* papier d'affiche */
--or:#C99A2C; /* feuille d'or */
--or-hi:#EFD289;
--or-lo:#8A6224;
--encre:#2B2118; /* encre chaude */
--encre-2:#5C4B38; /* encre affaiblie (AA sur crème)*/
--cadre-bois:#8C2F14; /* bois peint du cadre à lampes */
--f-black:"Arial Black","Segoe UI Black",Arial,sans-serif;
--f-cond:"Arial Narrow","Segoe UI",Arial,sans-serif;
--f-script:Georgia,"Times New Roman",serif;
--f-body:"Segoe UI",system-ui,Roboto,sans-serif;
--sortie:cubic-bezier(.23,1,.32,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{
font-family:var(--f-body);
font-size:16px;line-height:1.55;
color:var(--encre);
background:linear-gradient(180deg,var(--ciel-hi) 0%,var(--ciel-hi) 26%,var(--ciel-lo) 74%,#F5DCB6 100%);
position:relative;
}
/* grain de lithographie sur toute la page */
body::after{
content:"";position:fixed;inset:0;z-index:60;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,");
opacity:.05;mix-blend-mode:multiply;
}
img{max-width:100%;display:block}
a{color:var(--vert-fonce)}
a:focus-visible,button:focus-visible{outline:3px solid var(--vert-encre);outline-offset:3px;border-radius:4px}
button{font:inherit;cursor:pointer}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.saut{position:absolute;left:-9999px;top:0;background:var(--vert-encre);color:var(--creme);padding:10px 18px;z-index:100}
.saut:focus{left:12px;top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---------- typographie d'affiche victorienne ---------- */
.pb-top{
display:block;font-family:var(--f-black);font-weight:900;text-transform:uppercase;
letter-spacing:.015em;line-height:.94;color:var(--vert-encre);
text-shadow:3px 3px 0 rgba(228,87,46,.30); /* impression mal calée */
}
.pb-script{
display:block;font-family:var(--f-script);font-style:italic;font-weight:400;
color:var(--coq-fonce);letter-spacing:.02em;text-transform:none;
}
.pb-cond{
display:block;font-family:var(--f-cond);font-stretch:condensed;font-weight:700;
text-transform:uppercase;letter-spacing:.2em;color:var(--vert-fonce);
}
.orn{display:block;width:210px;max-width:60%;height:24px;margin:10px auto 0;color:var(--or-lo)}
/* en-têtes de section */
.ent{text-align:center;margin:0 auto 34px;max-width:760px}
.ent-scr{font-family:var(--f-script);font-style:italic;font-size:clamp(17px,2vw,21px);color:var(--coq-fonce)}
.ent-ti{font-family:var(--f-black);font-weight:900;text-transform:uppercase;
font-size:clamp(26px,4vw,44px);line-height:1.02;color:var(--vert-encre);
letter-spacing:.01em;text-shadow:2px 2px 0 rgba(228,87,46,.25);text-wrap:balance}
.ent-note{margin-top:12px;color:var(--encre-2);font-size:15px}
/* ============================================================
ENTRÉE (header)
============================================================ */
header.entree{padding:14px 0 4px;position:relative;z-index:5}
.entree-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-rosette{width:52px;height:52px;flex:0 0 auto}
.logo-txt{display:flex;flex-direction:column;line-height:1}
.logo-mot{font-family:var(--f-black);font-weight:900;font-size:24px;letter-spacing:.04em;color:var(--vert-encre);text-transform:uppercase;text-shadow:2px 2px 0 rgba(228,87,46,.28)}
.logo-sous{font-family:var(--f-cond);font-stretch:condensed;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--coq-fonce);margin-top:4px}
nav.fanions{display:flex;gap:8px;flex-wrap:wrap}
nav.fanions a{
display:block;text-decoration:none;color:var(--vert-encre);
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13.5px;
letter-spacing:.1em;text-transform:uppercase;
background:var(--creme);border-top:3px solid var(--or);
padding:9px 14px 16px;
clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);
box-shadow:0 2px 0 rgba(43,33,24,.14);
transition:transform .16s var(--sortie),background-color .16s var(--sortie);
}
@media (hover:hover) and (pointer:fine){
nav.fanions a:hover{background:var(--or-hi);transform:translateY(2px)} /* le fanion se balance */
}
nav.fanions a:active{transform:scale(.97) translateY(2px)}
/* ============================================================
GUIRLANDES (coutures de sections)
============================================================ */
.guirlande{display:block;width:100%;height:58px}
.guirlande.serree{height:44px;margin-top:-6px}
/* ============================================================
HERO — l'arche d'entrée
============================================================ */
.hero{position:relative;padding:8px 0 0;z-index:1}
.arche{
display:grid;grid-template-columns:58px minmax(0,1fr) minmax(270px,340px) 58px;
gap:30px;align-items:center;padding:26px 0 10px;
}
.pilier{
align-self:stretch;min-height:430px;border:3px solid var(--vert-encre);
border-radius:12px 12px 5px 5px;position:relative;
background:repeating-linear-gradient(90deg,var(--vert) 0 15px,var(--creme) 15px 30px);
box-shadow:inset 0 -40px 30px -30px rgba(43,33,24,.28);
}
.pilier.droit{background:repeating-linear-gradient(90deg,var(--coq) 0 15px,var(--creme) 15px 30px)}
.pilier::before{ /* boule dorée du sommet */
content:"";position:absolute;top:-17px;left:50%;transform:translateX(-50%);
width:22px;height:22px;border-radius:50%;
background:radial-gradient(circle at 35% 30%,var(--or-hi),var(--or) 55%,var(--or-lo));
border:2px solid var(--vert-encre);
}
.hero-texte{padding:6px 0 26px}
.hero-texte h1{margin:0}
.hero-texte .pb-top{font-size:clamp(46px,7vw,86px)}
.hero-texte .pb-script{font-size:clamp(22px,3vw,34px);margin:8px 0 6px}
.hero-texte .pb-cond{font-size:clamp(24px,3.4vw,42px)}
.hero-pitch{margin:20px 0 6px;max-width:56ch;color:var(--encre);font-size:17px}
.hero-compte{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--encre-2);font-size:13px;margin:10px 0 22px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.btn{
display:inline-block;text-decoration:none;text-align:center;border:0;
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:16px;
letter-spacing:.12em;text-transform:uppercase;border-radius:8px;
padding:14px 26px;transition:transform .14s var(--sortie),box-shadow .14s var(--sortie);
}
.btn:active{transform:scale(.97)}
.btn-plein{background:var(--vert);color:var(--creme);box-shadow:0 4px 0 var(--vert-encre)}
.btn-plein:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--vert-encre)}
.btn-ligne{background:var(--creme);color:var(--coq-fonce);box-shadow:inset 0 0 0 2px var(--coq-fonce)}
.btn-ligne:hover{transform:translateY(-2px)}
/* l'affiche du jour, cadre à lampes — LE moment wow */
.cadre{
position:relative;background:linear-gradient(180deg,#9A3517,var(--cadre-bois) 55%,#6E2510);
padding:30px;border-radius:16px;
box-shadow:0 22px 44px rgba(43,33,24,.28),inset 0 0 0 3px #5F1F0C;
transform:rotate(1.2deg);
}
.amp{position:absolute;pointer-events:none;background-repeat:repeat-x}
.amp-t,.amp-b{left:26px;right:26px;height:12px;
background-image:radial-gradient(circle 4px at 13px 6px,var(--or-hi) 55%,rgba(239,210,137,.35) 72%,transparent 78%);
background-size:26px 12px}
.amp-t{top:8px}.amp-b{bottom:8px}
.amp-l,.amp-r{top:26px;bottom:26px;width:12px;background-repeat:repeat-y;
background-image:radial-gradient(circle 4px at 6px 13px,var(--or-hi) 55%,rgba(239,210,137,.35) 72%,transparent 78%);
background-size:12px 26px}
.amp-l{left:8px}.amp-r{right:8px}
@keyframes courseX{to{background-position-x:26px}}
@keyframes courseY{to{background-position-y:26px}}
.amp-t{animation:courseX 2.8s linear infinite}
.amp-r{animation:courseY 2.8s linear infinite}
.amp-b{animation:courseX 2.8s linear infinite reverse}
.amp-l{animation:courseY 2.8s linear infinite reverse}
.cadre-plaque{
position:absolute;top:-16px;left:50%;transform:translateX(-50%) rotate(-1.2deg);
background:var(--vert-encre);color:var(--creme);white-space:nowrap;
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:12.5px;
letter-spacing:.22em;text-transform:uppercase;padding:6px 16px;border-radius:4px;
box-shadow:0 3px 0 rgba(43,33,24,.3);z-index:2;
}
.cadre img{border:3px solid var(--or-lo);border-radius:4px;width:100%;height:auto}
.cadre-cartouche{
margin:14px -6px -8px;background:var(--papier);border:2px solid var(--or-lo);border-radius:4px;
text-align:center;padding:10px 8px 12px;
}
.cadre-cartouche strong{font-family:var(--f-black);font-weight:900;font-size:17px;color:var(--vert-encre);display:block;text-transform:uppercase;letter-spacing:.02em}
.cadre-cartouche em{font-family:var(--f-script);font-style:italic;color:var(--coq-fonce);font-size:14px;display:block;margin:2px 0}
.cadre-cartouche span{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-2)}
/* silhouette de la petite ville derrière l'arche */
.ville{display:block;width:100%;height:84px;margin-top:-30px;color:var(--vert);opacity:.16}
/* ============================================================
LE TIRAGE DU JOUR — billets gagnants
============================================================ */
.tirage{padding:64px 0 26px}
.billets{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;align-items:start}
.billet{
display:flex;background:var(--papier);border:2px solid var(--encre);border-radius:10px;
box-shadow:0 10px 22px rgba(43,33,24,.14);overflow:hidden;
transition:transform .18s var(--sortie),box-shadow .18s var(--sortie);
}
.billet:nth-child(1){transform:rotate(-.9deg)}
.billet:nth-child(2){transform:rotate(.5deg);margin-top:12px}
.billet:nth-child(3){transform:rotate(1.1deg)}
@media (hover:hover) and (pointer:fine){
.billet:hover{transform:rotate(0) translateY(-5px);box-shadow:0 16px 30px rgba(43,33,24,.2)}
}
.billet-talon{
flex:0 0 96px;background:var(--vert);color:var(--creme);display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:2px;padding:16px 6px;
border-right:2px dashed var(--creme);
}
.billet-talon b{font-family:var(--f-black);font-size:21px;letter-spacing:-.01em}
.billet-talon span{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}
.billet-corps{padding:16px 18px;flex:1}
.billet-no{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--coq-fonce)}
.billet-corps h3{font-family:var(--f-black);font-weight:900;font-size:17px;line-height:1.2;margin:6px 0 4px;color:var(--vert-encre);text-transform:uppercase}
.billet-corps p{font-size:13.5px;color:var(--encre-2)}
/* ============================================================
LES CHAPITEAUX — collections
============================================================ */
.chapiteaux{padding:58px 0 10px}
.tente{margin:0 0 54px;position:relative}
.toit{display:block;width:100%;height:58px}
.tente-corps{
background:var(--creme);border:3px solid var(--vert-encre);border-top:0;
border-radius:0 0 14px 14px;padding:26px clamp(16px,3vw,38px) 34px;
box-shadow:0 14px 30px rgba(43,33,24,.12);
}
.tente-titre{font-family:var(--f-black);font-weight:900;text-transform:uppercase;
font-size:clamp(20px,2.6vw,28px);color:var(--vert-encre);line-height:1.05;text-wrap:balance}
.tente-titre em{font-family:var(--f-script);font-style:italic;font-weight:400;text-transform:none;
letter-spacing:.02em;color:var(--coq-fonce);font-size:.72em}
.tente-note{color:var(--encre-2);margin:8px 0 22px;max-width:70ch;font-size:15px}
/* — carrousel Patrick's Collection — */
.manege-rail{overflow-x:auto;padding:30px 6px 0;scrollbar-width:thin}
.manege{display:flex;gap:26px;align-items:flex-end;min-width:min-content;padding:0 6px}
.siege{flex:0 0 186px;position:relative;z-index:1;text-decoration:none;color:inherit}
.siege::before{ /* mât doré du manège */
content:"";position:absolute;left:50%;top:-28px;bottom:-14px;width:8px;
transform:translateX(-50%);z-index:-1;border-radius:4px;
background:linear-gradient(180deg,var(--or-hi),var(--or) 45%,var(--or-lo));
}
.siege img{aspect-ratio:2/3;object-fit:cover;width:100%;border:3px solid var(--vert-encre);border-radius:6px;background:var(--papier)}
.siege-nom{display:block;background:var(--papier);border:2px solid var(--vert-encre);border-radius:5px;
margin:8px 2px 0;text-align:center;padding:7px 6px}
.siege-nom b{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13.5px;
letter-spacing:.08em;text-transform:uppercase;color:var(--vert-encre);display:block}
.siege-nom span{font-size:12px;color:var(--encre-2)}
.siege{transition:transform .18s var(--sortie)}
@media (hover:hover) and (pointer:fine){.siege:hover{transform:translateY(-6px)}}
.siege:active{transform:scale(.97)}
.plateforme{height:18px;margin:12px 4px 0;border-radius:9px;border:2px solid var(--or-lo);
background:repeating-linear-gradient(90deg,var(--or) 0 34px,var(--or-hi) 34px 68px)}
/* — cabine photo Mr & Mrs Patrick — */
.cabine{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;margin-top:26px;justify-items:center}
.portrait{
aspect-ratio:2/3;width:100%;max-width:250px;border-radius:50% / 38%;display:flex;flex-direction:column;align-items:center;
justify-content:center;text-align:center;padding:26px 22px;position:relative;gap:4px;
border:4px double var(--or-lo);box-shadow:inset 0 0 0 6px rgba(239,210,137,.35),0 10px 20px rgba(43,33,24,.14);
transition:transform .18s var(--sortie);
}
.portrait:nth-child(1){background:var(--vert);transform:rotate(-1.2deg)}
.portrait:nth-child(2){background:var(--coq-fonce);transform:rotate(.8deg)}
.portrait:nth-child(3){background:var(--papier);transform:rotate(-.6deg)}
@media (hover:hover) and (pointer:fine){.portrait:hover{transform:rotate(0) translateY(-5px)}}
.portrait .p-scr{font-family:var(--f-script);font-style:italic;font-size:17px}
.portrait h4{font-family:var(--f-black);font-weight:900;text-transform:uppercase;font-size:20px;line-height:1.18;margin:6px 0}
.portrait .p-meta{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}
.portrait::after{content:"\2736 \2736 \2736";font-size:12px;letter-spacing:.5em;text-indent:.5em;margin-top:10px;color:var(--or)}
.portrait:nth-child(1) .p-scr,.portrait:nth-child(2) .p-scr{color:var(--creme)}
.portrait:nth-child(1) h4,.portrait:nth-child(2) h4,
.portrait:nth-child(1) .p-meta,.portrait:nth-child(2) .p-meta{color:var(--creme)}
.portrait:nth-child(3) .p-scr{color:var(--coq-fonce)}
.portrait:nth-child(3) h4{color:var(--vert-encre)}
.portrait:nth-child(3) .p-meta{color:var(--encre-2)}
/* — estrade des fêtes — */
.estrade{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin-top:24px;align-items:end}
.numero{
background:var(--papier);border:2px solid var(--encre);border-radius:8px;padding:14px;
text-align:center;transition:transform .18s var(--sortie);position:relative;
}
.numero:nth-child(odd){transform:rotate(-.8deg)}
.numero:nth-child(even){transform:rotate(.7deg);margin-bottom:10px}
@media (hover:hover) and (pointer:fine){.numero:hover{transform:rotate(0) translateY(-5px)}}
.numero img{aspect-ratio:2/3;object-fit:cover;width:100%;border:2px solid var(--vert-encre);border-radius:4px;margin-bottom:10px}
.numero .n-typ{aspect-ratio:2/3;border:2px solid var(--vert-encre);border-radius:4px;margin-bottom:10px;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;
background:repeating-linear-gradient(0deg,var(--vert) 0 44px,var(--vert-fonce) 44px 88px)}
.numero .n-typ b{font-family:var(--f-black);font-weight:900;color:var(--creme);text-transform:uppercase;font-size:16px;line-height:1.2}
.numero .n-typ i{font-family:var(--f-script);color:var(--or-hi);font-size:13px}
.numero h4{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;font-size:14px;color:var(--vert-encre)}
.numero p{font-size:12.5px;color:var(--encre-2)}
/* — le combat du jour — */
.duel{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:34px;align-items:center;margin-top:24px}
.duel-aff{position:relative;padding:18px 10px 0 6px}
.duel-aff .double{position:absolute;top:-6px;right:-14px;width:74%;transform:rotate(6deg);
border:3px solid var(--or-lo);border-radius:6px;opacity:.85;z-index:0;height:auto}
.duel-aff .une{position:relative;z-index:1;border:3px solid var(--vert-encre);border-radius:6px;
width:100%;height:auto;box-shadow:0 14px 26px rgba(43,33,24,.2);transform:rotate(-2deg)}
.cartel{list-style:none}
.cartel li{display:flex;align-items:baseline;gap:14px;padding:13px 4px;border-bottom:2px dotted var(--or-lo);flex-wrap:wrap}
.cartel li:last-child{border-bottom:0}
.cartel .c-an{font-family:var(--f-black);font-weight:900;color:var(--coq-fonce);font-size:15px;flex:0 0 52px}
.cartel .c-nom{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;color:var(--vert-encre);font-size:16px;flex:1 1 auto;min-width:180px}
.cartel .c-rtp{font-size:13px;color:var(--encre-2)}
/* ============================================================
LA COLONNE MORRIS — catalogue complet (51 affiches)
============================================================ */
.colonne{padding:66px 0 30px}
.colonne-tete{position:relative;overflow:hidden;border-radius:12px;padding:6px 12px 2px}
.dechiree{position:absolute;width:118px;opacity:.5;z-index:0;border:2px solid rgba(43,33,24,.3);
clip-path:polygon(0 3%,12% 0,88% 2%,100% 8%,97% 62%,100% 94%,70% 100%,8% 97%,0 88%)}
.dechiree.g{left:-26px;top:-14px;transform:rotate(-9deg)}
.dechiree.d{right:-24px;top:-8px;transform:rotate(7deg)}
.colonne-tete .ent{position:relative;z-index:1}
.fleches{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:6px 0 8px}
.fleche{
border:0;background:var(--creme);color:var(--encre);
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13.5px;
letter-spacing:.1em;text-transform:uppercase;
padding:10px 26px 10px 16px;
clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%);
box-shadow:inset 0 0 0 2px var(--or-lo);
transition:transform .14s var(--sortie),background-color .14s var(--sortie),color .14s var(--sortie);
}
.fleche:active{transform:scale(.96)}
.fleche[aria-pressed="true"]{background:var(--vert);color:var(--creme);box-shadow:inset 0 0 0 2px var(--vert-encre)}
@media (hover:hover) and (pointer:fine){.fleche[aria-pressed="false"]:hover{background:var(--or-hi)}}
.compteur{text-align:center;font-family:var(--f-script);font-style:italic;color:var(--coq-fonce);font-size:15px;margin-bottom:18px}
.tumba{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
column-gap:2px;row-gap:30px;padding:22px 20px 10px}
.tumba>li{margin:0 -7px;position:relative;z-index:1;transform:rotate(var(--r,0deg));
transition:transform .18s var(--sortie),filter .18s var(--sortie)}
.tumba>li:nth-child(7n+1){--r:-1.5deg}
.tumba>li:nth-child(7n+2){--r:.9deg;margin-top:10px}
.tumba>li:nth-child(7n+3){--r:-.7deg}
.tumba>li:nth-child(7n+4){--r:1.6deg;margin-top:14px}
.tumba>li:nth-child(7n+5){--r:-1.1deg}
.tumba>li:nth-child(7n+6){--r:.6deg;margin-top:8px}
.tumba>li:nth-child(7n){--r:-1.8deg}
.tumba>li:nth-child(3n){z-index:2}
@media (hover:hover) and (pointer:fine){
.tumba>li:hover{transform:rotate(0) translateY(-6px);z-index:9;filter:drop-shadow(0 12px 14px rgba(43,33,24,.25))}
}
.af-in{background:var(--papier);border:2px solid var(--encre);border-radius:6px;overflow:hidden;
box-shadow:0 6px 14px rgba(43,33,24,.16);position:relative;height:100%;display:flex;flex-direction:column}
.af-med{aspect-ratio:2/3;position:relative;flex:0 0 auto}
.af-med>img{width:100%;height:100%;object-fit:cover}
.af-cap{padding:8px 10px 10px;border-top:2px solid var(--encre);background:var(--papier);flex:1}
.af-cap h4{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13.5px;
letter-spacing:.05em;text-transform:uppercase;line-height:1.2;color:var(--vert-encre)}
.af-cap p{font-size:11.5px;color:var(--encre-2);margin-top:3px}
.af-badge{position:absolute;top:8px;right:-6px;background:var(--coq-fonce);color:var(--creme);
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:10.5px;letter-spacing:.14em;
text-transform:uppercase;padding:4px 10px;transform:rotate(2deg);box-shadow:0 2px 0 rgba(43,33,24,.3);z-index:3}
/* mini-affiches lithographiées : 3 styles alternés */
.af-typ{display:flex;flex-direction:column;align-items:center;justify-content:center;
text-align:center;gap:5px;padding:16px 12px;height:100%}
.af-typ .a-no{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:10px;letter-spacing:.26em;text-transform:uppercase}
.af-typ .a-orn{font-size:11px;letter-spacing:.4em;text-indent:.4em}
.af-typ h4{font-family:var(--f-black);font-weight:900;text-transform:uppercase;font-size:15.5px;line-height:1.16}
.af-typ .a-scr{font-family:var(--f-script);font-style:italic;font-size:12.5px}
.af-typ .a-pr{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
/* style 1 : fond émeraude */
.t1 .af-typ{background:var(--vert);box-shadow:inset 0 0 0 5px var(--vert),inset 0 0 0 7px var(--or-hi)}
.t1 .af-typ h4{color:var(--creme);text-shadow:2px 2px 0 rgba(14,61,40,.9)}
.t1 .af-typ .a-no,.t1 .af-typ .a-pr{color:var(--creme)}
.t1 .af-typ .a-scr{color:var(--creme)}
.t1 .af-typ .a-orn{color:var(--or-hi)}
/* style 2 : fond coquelicot profond */
.t2 .af-typ{background:var(--coq-fonce);box-shadow:inset 0 0 0 5px var(--coq-fonce),inset 0 0 0 7px var(--creme)}
.t2 .af-typ h4{color:var(--creme);text-shadow:2px 2px 0 rgba(90,26,8,.9)}
.t2 .af-typ .a-no,.t2 .af-typ .a-pr{color:var(--creme)}
.t2 .af-typ .a-scr{color:var(--creme)}
.t2 .af-typ .a-orn{color:var(--creme)}
/* style 3 : fond crème, encres émeraude et coquelicot */
.t3 .af-typ{background:var(--papier);box-shadow:inset 0 0 0 5px var(--papier),inset 0 0 0 7px var(--vert)}
.t3 .af-typ h4{color:var(--vert-encre);text-shadow:1.5px 1.5px 0 rgba(228,87,46,.35)}
.t3 .af-typ .a-no,.t3 .af-typ .a-pr{color:var(--coq-fonce)}
.t3 .af-typ .a-scr{color:var(--encre-2)}
.t3 .af-typ .a-orn{color:var(--coq-fonce)}
/* ============================================================
LA CAISSE — casinos (guichets)
============================================================ */
.caisse{padding:64px 0 30px}
.guichets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;align-items:end}
.guichet{
background:var(--creme);border:3px solid var(--vert-encre);
border-radius:150px 150px 14px 14px;position:relative;text-align:center;
padding:92px 20px 24px;box-shadow:0 12px 26px rgba(43,33,24,.14);
transition:transform .18s var(--sortie);
}
.guichet:nth-child(2){margin-bottom:14px}
@media (hover:hover) and (pointer:fine){.guichet:hover{transform:translateY(-5px)}}
.guichet::before{ /* auvent rayé du guichet */
content:"";position:absolute;top:0;left:0;right:0;height:66px;
border-radius:146px 146px 0 0;border-bottom:3px solid var(--vert-encre);
background:repeating-linear-gradient(90deg,var(--vert) 0 22px,var(--creme) 22px 44px);
}
.guichet:nth-child(2)::before{background:repeating-linear-gradient(90deg,var(--coq) 0 22px,var(--creme) 22px 44px)}
.gui-pla{
position:absolute;top:48px;left:50%;transform:translateX(-50%);
background:var(--vert-encre);color:var(--creme);white-space:nowrap;
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:11.5px;
letter-spacing:.22em;text-transform:uppercase;padding:5px 14px;border-radius:4px;z-index:1;
}
.guichet h3{font-family:var(--f-black);font-weight:900;font-size:19px;text-transform:uppercase;color:var(--vert-encre);margin:6px 0 4px}
.guichet .g-scr{font-family:var(--f-script);font-style:italic;color:var(--coq-fonce);font-size:14px}
.guichet p{font-size:13.5px;color:var(--encre-2);margin:10px 0 18px}
.btn-billet{
display:inline-block;text-decoration:none;background:var(--vert);color:var(--creme);
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:14.5px;
letter-spacing:.12em;text-transform:uppercase;border-radius:6px;
padding:13px 22px;box-shadow:0 4px 0 var(--vert-encre),inset 0 0 0 2px var(--vert),inset 0 0 0 3px rgba(251,243,226,.6);
border:2px dashed rgba(251,243,226,.65);
transition:transform .14s var(--sortie),box-shadow .14s var(--sortie);
}
.btn-billet:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--vert-encre),inset 0 0 0 2px var(--vert),inset 0 0 0 3px rgba(251,243,226,.6)}
.btn-billet:active{transform:scale(.97)}
.caisse-age{text-align:center;margin-top:20px;font-size:13px;color:var(--encre-2)}
/* ============================================================
LE PROGRAMME DU JOUR — blog
============================================================ */
.programme{padding:56px 0 72px}
.feuilles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.feuille{
background:var(--papier);border:2px solid var(--encre);border-radius:8px;padding:22px 22px 24px;
box-shadow:0 8px 18px rgba(43,33,24,.12);transition:transform .18s var(--sortie);display:block;
text-decoration:none;color:inherit;
}
.feuille:nth-child(1){transform:rotate(-.7deg)}
.feuille:nth-child(2){transform:rotate(.5deg);margin-top:10px}
.feuille:nth-child(3){transform:rotate(1deg)}
@media (hover:hover) and (pointer:fine){.feuille:hover{transform:rotate(0) translateY(-5px)}}
.feuille:active{transform:scale(.98)}
.feuille .f-no{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:11px;
letter-spacing:.24em;text-transform:uppercase;color:var(--coq-fonce);display:block;
border-bottom:2px solid var(--or);padding-bottom:8px;margin-bottom:12px}
.feuille h3{font-family:var(--f-black);font-weight:900;font-size:17.5px;line-height:1.25;color:var(--vert-encre);margin-bottom:8px;text-transform:none}
.feuille p{font-size:14px;color:var(--encre-2)}
.feuille .f-lire{display:inline-block;margin-top:14px;font-family:var(--f-script);font-style:italic;color:var(--vert-fonce);font-size:15px}
/* ============================================================
PIED DE PAGE
============================================================ */
footer.pied{background:var(--vert-encre);color:var(--creme);padding:40px 0 34px;position:relative}
.pied-haut{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.age{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;
border:3px solid var(--creme);font-family:var(--f-black);font-weight:900;font-size:17px;flex:0 0 auto}
.pied-haut p{max-width:64ch;font-size:14.5px}
.pied a{color:var(--or-hi)}
.pied-liens{display:flex;gap:8px 22px;flex-wrap:wrap;margin:16px 0;padding:0;list-style:none}
.pied-liens a{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13px;
letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--creme)}
.pied-liens a:hover{color:var(--or-hi);text-decoration:underline}
.pied-note{font-size:12.5px;color:#CBE3D3;max-width:88ch}
.pied-copy{margin-top:14px;font-family:var(--f-cond);font-stretch:condensed;font-weight:700;
letter-spacing:.16em;text-transform:uppercase;font-size:11.5px;color:#A8CDB6}
/* ============================================================
Mouvements réduits + adaptatif
============================================================ */
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.amp-t,.amp-b,.amp-l,.amp-r{animation:none}
*,*::before,*::after{transition-duration:.01ms !important}
}
@media (max-width:1000px){
.pilier{display:none}
.arche{grid-template-columns:minmax(0,1fr) minmax(250px,320px)}
}
@media (max-width:760px){
.arche{grid-template-columns:1fr;gap:36px}
.cadre{max-width:330px;margin:0 auto}
.duel{grid-template-columns:1fr}
.duel-aff{max-width:280px;margin:0 auto}
.tumba{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:18px 14px 8px}
.tumba>li{margin:0 -4px}
.hero-texte{text-align:center}
.hero-pitch{margin-left:auto;margin-right:auto}
.hero-cta{justify-content:center}
}
/* ============================================================
v3 — additions : canon 12 sections (même monde forain)
============================================================ */
header.entree{position:sticky;top:0;z-index:55;background:rgba(253,246,233,.97);
border-bottom:3px solid var(--or);padding:10px 0;box-shadow:0 4px 14px rgba(43,33,24,.08)}
.entree-row{flex-wrap:wrap;row-gap:10px;gap:12px}
header.entree nav.fanions a{font-size:12.5px;padding:8px 9px 14px}
header.entree .logo-mot{font-size:22px}
header.entree .logo-rosette{width:46px;height:46px}
header.entree .logo-sous{letter-spacing:.14em;font-size:10px}
section[id],footer{scroll-margin-top:96px}
.voletnav-chk{display:none}
label.burger{display:none;flex:0 0 auto;flex-direction:column;justify-content:center;gap:4px;
width:40px;height:38px;border:2px solid var(--vert-encre);border-radius:6px;background:var(--creme);
cursor:pointer;padding:0 8px}
label.burger span{display:block;height:3px;border-radius:2px;background:var(--vert-encre)}
.cherche{position:relative;flex:1 1 140px;max-width:190px;min-width:100px}
.cherche input{width:100%;padding:9px 12px 9px 32px;border:2px solid var(--or-lo);border-radius:999px;
background:var(--creme);font:inherit;font-size:13.5px;color:var(--encre)}
.cherche input::placeholder{color:var(--encre-2)}
.cherche svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--encre-2)}
.btn-caisse{display:inline-block;text-decoration:none;font-family:var(--f-cond);font-stretch:condensed;
font-weight:700;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--creme);
background:var(--vert);border-radius:8px;padding:11px 18px;box-shadow:0 3px 0 var(--vert-encre);
transition:transform .14s var(--sortie)}
.btn-caisse:hover{transform:translateY(-2px)}
.btn-caisse:active{transform:scale(.97)}
@media (max-width:960px){
nav.fanions{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ciel-hi);
border-bottom:3px solid var(--or);padding:12px 18px 18px;box-shadow:0 14px 22px rgba(43,33,24,.14)}
.voletnav-chk:checked ~ nav.fanions{display:flex}
label.burger{display:flex}
.entree-row{flex-wrap:nowrap;gap:6px;padding:0 12px}
.logo{gap:7px}
header.entree .logo-sous{display:none}
header.entree .logo-rosette{width:34px;height:34px}
header.entree .logo-mot{font-size:15px;letter-spacing:.02em}
.cherche{flex:1 1 60px;min-width:56px}
.cherche input{font-size:12px;padding:8px 6px 8px 26px}
.cherche svg{left:8px}
.btn-caisse{font-size:11px;padding:10px 8px;letter-spacing:.05em;flex:0 0 auto}
}
/* hero v3 */
.hero-kick{display:inline-flex;align-items:center;gap:9px;background:var(--vert-encre);color:var(--creme);
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:12.5px;letter-spacing:.18em;
text-transform:uppercase;padding:7px 15px;border-radius:4px;box-shadow:0 3px 0 rgba(43,33,24,.25);margin:0 0 16px}
.hero-kick i{width:8px;height:8px;border-radius:50%;background:var(--or-hi);flex:0 0 auto}
.jetons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px;padding:0;list-style:none}
.jeton{background:var(--papier);border:2px dashed var(--or-lo);border-radius:999px;padding:8px 15px;
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:12px;letter-spacing:.12em;
text-transform:uppercase;color:var(--vert-fonce)}
.btn-aff{display:inline-block;text-decoration:none;text-align:center;font-family:var(--f-cond);
font-stretch:condensed;font-weight:700;font-size:16px;letter-spacing:.12em;text-transform:uppercase;
border-radius:8px;padding:14px 26px;color:#FFF6E4;background:linear-gradient(165deg,#C24818,#A2340F);
border:2px dashed rgba(255,246,228,.7);box-shadow:0 5px 0 #7C230A;
transition:transform .14s var(--sortie),box-shadow .14s var(--sortie)}
.btn-aff:hover{transform:translateY(-2px);box-shadow:0 7px 0 #7C230A}
.btn-aff:active{transform:scale(.97)}
/* pagination des nouveautés */
.pager{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:4px 0 0}
.pager .compteur{margin:0 4px;min-width:110px}
.fleche[disabled]{opacity:.45;cursor:not-allowed}
.fleche[disabled]:hover{background:var(--creme);transform:none}
.tout{font-family:var(--f-script);font-style:italic;color:var(--vert-fonce);font-size:15.5px}
.tumba>li[hidden]{display:none}
.af-lien{display:block;height:100%;color:inherit;text-decoration:none}
.af-cap h3{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13.5px;
letter-spacing:.05em;text-transform:uppercase;line-height:1.2;color:var(--vert-encre)}
.af-prov{font-size:11.5px;color:var(--encre-2);margin-top:2px}
.af-stat{font-size:11px;color:var(--coq-fonce);font-family:var(--f-cond);font-stretch:condensed;
font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.af-typ h3{font-family:var(--f-black);font-weight:900;text-transform:uppercase;font-size:15.5px;line-height:1.16}
.t1 .af-typ h3{color:var(--creme);text-shadow:2px 2px 0 rgba(14,61,40,.9)}
.t2 .af-typ h3{color:var(--creme);text-shadow:2px 2px 0 rgba(90,26,8,.9)}
.t3 .af-typ h3{color:var(--vert-encre);text-shadow:1.5px 1.5px 0 rgba(228,87,46,.35)}
/* semaine : sièges typographiques */
.siege-typ{aspect-ratio:2/3;border:3px solid var(--vert-encre);border-radius:6px;display:flex;
flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:14px 10px}
.siege-typ b{font-family:var(--f-black);font-weight:900;text-transform:uppercase;font-size:15px;line-height:1.16}
.t1 .siege-typ{background:var(--vert);box-shadow:inset 0 0 0 5px var(--vert),inset 0 0 0 7px var(--or-hi)}
.t1 .siege-typ b,.t1 .siege-typ .a-no,.t1 .siege-typ .a-pr,.t1 .siege-typ .a-scr{color:var(--creme)}
.t1 .siege-typ .a-orn{color:var(--or-hi)}
.t2 .siege-typ{background:var(--coq-fonce);box-shadow:inset 0 0 0 5px var(--coq-fonce),inset 0 0 0 7px var(--creme)}
.t2 .siege-typ b,.t2 .siege-typ .a-no,.t2 .siege-typ .a-pr,.t2 .siege-typ .a-scr,.t2 .siege-typ .a-orn{color:var(--creme)}
.t3 .siege-typ{background:var(--papier);box-shadow:inset 0 0 0 5px var(--papier),inset 0 0 0 7px var(--vert)}
.t3 .siege-typ b{color:var(--vert-encre)}
.t3 .siege-typ .a-no,.t3 .siege-typ .a-pr,.t3 .siege-typ .a-orn{color:var(--coq-fonce)}
.t3 .siege-typ .a-scr{color:var(--encre-2)}
.ent-lien{margin-top:10px}
/* caisse v3 : rangs, arguments, deux billets */
.gui-pla.haut{background:var(--coq-fonce)}
.gui-pla.haut::before{content:"★ "}
.points{list-style:none;margin:12px 0 18px;text-align:left;display:grid;gap:7px;padding:0}
.points li{position:relative;padding-left:22px;font-size:13.5px;color:var(--encre-2)}
.points li::before{content:"✦";position:absolute;left:2px;top:0;color:var(--vert);font-weight:700}
.gui-bonus{font-family:var(--f-black);font-weight:900;font-size:15px;color:var(--coq-fonce);
text-transform:uppercase;margin:8px 0 2px;line-height:1.25}
.gui-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-avis{display:inline-block;text-decoration:none;font-family:var(--f-cond);font-stretch:condensed;
font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--vert-fonce);
background:var(--creme);box-shadow:inset 0 0 0 2px var(--vert-fonce);border-radius:6px;padding:12px 18px;
transition:transform .14s var(--sortie)}
.btn-avis:hover{transform:translateY(-2px)}
.btn-aff.billet{font-size:13.5px;padding:12px 18px}
/* collections : stands */
.stands-rail{overflow-x:auto;padding:8px 4px 16px;scrollbar-width:thin}
.stands-fil{display:flex;gap:18px;min-width:min-content;padding:2px 4px}
.stand{flex:0 0 172px;background:var(--creme);border:2px solid var(--vert-encre);border-radius:10px;
text-decoration:none;color:inherit;text-align:center;padding:0 14px 16px;position:relative;overflow:hidden;
box-shadow:0 8px 18px rgba(43,33,24,.10);transition:transform .18s var(--sortie)}
@media (hover:hover) and (pointer:fine){.stand:hover{transform:translateY(-5px)}}
.stand:active{transform:scale(.97)}
.stand-toit{display:block;height:24px;margin:0 -14px 0;border-bottom:2px solid var(--vert-encre);
background:repeating-linear-gradient(90deg,var(--vert) 0 14px,var(--creme) 14px 28px)}
.stand:nth-child(2n) .stand-toit{background:repeating-linear-gradient(90deg,var(--coq) 0 14px,var(--creme) 14px 28px)}
.stand:nth-child(3n) .stand-toit{background:repeating-linear-gradient(90deg,var(--or) 0 14px,var(--creme) 14px 28px)}
.stand-glyphe{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;
background:var(--papier);border:2px solid var(--or-lo);color:var(--coq-fonce);font-size:20px;margin:16px auto 10px}
.stand b{display:block;font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:14px;
letter-spacing:.08em;text-transform:uppercase;color:var(--vert-encre);line-height:1.25}
.stand .ss{display:block;font-size:12px;color:var(--encre-2);margin-top:5px}
/* mois : numéros cliquables */
a.numero{display:block;text-decoration:none;color:inherit}
a.numero h3{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;font-size:14px;color:var(--vert-encre)}
/* studios : enseignes */
.enseignes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.enseigne{display:inline-flex;align-items:center;gap:9px;background:var(--papier);border:2px solid var(--encre);
border-radius:6px;padding:6px 13px 6px 6px;text-decoration:none;color:var(--vert-encre);
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13px;letter-spacing:.08em;
text-transform:uppercase;box-shadow:0 3px 0 rgba(43,33,24,.18);transition:transform .14s var(--sortie)}
@media (hover:hover) and (pointer:fine){.enseigne:hover{transform:translateY(-3px)}}
.enseigne:active{transform:scale(.97)}
.ens-ic{display:inline-grid;place-items:center;width:27px;height:27px;background:var(--vert);
color:var(--creme);font-family:var(--f-black);font-weight:900;font-size:13px;border-radius:4px}
.ens-coq .ens-ic{background:var(--coq-fonce)}
.ens-or .ens-ic{background:var(--or-lo)}
/* programme : plaques-couvertures + rubriques */
.f-couv{aspect-ratio:16/9;border:2px solid var(--vert-encre);border-radius:6px;margin-bottom:14px;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:12px}
.f-couv i{font-family:var(--f-script);font-style:italic;font-size:13.5px}
.f-couv b{font-family:var(--f-black);font-weight:900;text-transform:uppercase;font-size:17px;line-height:1.15}
.f-couv.c1{background:repeating-linear-gradient(45deg,var(--vert) 0 26px,var(--vert-fonce) 26px 52px)}
.f-couv.c1 i{color:var(--or-hi)}.f-couv.c1 b{color:var(--creme);text-shadow:2px 2px 0 rgba(14,61,40,.9)}
.f-couv.c2{background:repeating-linear-gradient(45deg,var(--coq-fonce) 0 26px,#9C3315 26px 52px)}
.f-couv.c2 i{color:#FFE9C9}.f-couv.c2 b{color:var(--creme);text-shadow:2px 2px 0 rgba(90,26,8,.9)}
.f-couv.c3{background:repeating-linear-gradient(45deg,var(--papier) 0 26px,#EEDFC0 26px 52px)}
.f-couv.c3 i{color:var(--coq-fonce)}.f-couv.c3 b{color:var(--vert-encre);text-shadow:1.5px 1.5px 0 rgba(228,87,46,.3)}
.f-cat{display:inline-block;background:var(--coq-fonce);color:var(--creme);font-family:var(--f-cond);
font-stretch:condensed;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
padding:4px 10px;border-radius:3px;margin-bottom:8px}
/* parole de forain + texte SEO */
.parole-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-bottom:36px}
.foi{background:var(--creme);border:2px solid var(--vert-encre);border-radius:10px;padding:24px 20px;text-align:center}
.foi .ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;
background:var(--vert);color:var(--creme);margin-bottom:12px}
.foi:nth-child(2) .ic{background:var(--coq-fonce)}
.foi:nth-child(3) .ic{background:var(--or-lo)}
.foi h3{font-family:var(--f-black);font-weight:900;font-size:16px;text-transform:uppercase;
color:var(--vert-encre);margin-bottom:8px;line-height:1.2}
.foi p{font-size:14px;color:var(--encre-2)}
.seo-texte{background:var(--papier);border:2px solid var(--encre);border-radius:10px;
padding:30px clamp(18px,4vw,42px);box-shadow:0 10px 22px rgba(43,33,24,.10)}
.seo-texte h3{font-family:var(--f-black);font-weight:900;text-transform:uppercase;font-size:clamp(17px,2.4vw,21px);
color:var(--vert-encre);margin-bottom:14px;line-height:1.2}
.seo-texte p{font-size:15px;color:var(--encre);max-width:80ch;margin:0 0 14px}
.seo-texte p:last-child{margin-bottom:0}
/* renseignements (FAQ) */
.faq-liste{max-width:840px;margin:0 auto;display:grid;gap:14px}
.quest{background:var(--papier);border:2px solid var(--encre);border-radius:8px}
.quest summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
gap:14px;padding:16px 20px;font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:15.5px;
letter-spacing:.06em;text-transform:uppercase;color:var(--vert-encre)}
.quest summary::-webkit-details-marker{display:none}
.quest summary::after{content:"+";font-family:var(--f-black);font-weight:900;font-size:20px;
color:var(--coq-fonce);flex:0 0 auto}
.quest[open] summary::after{content:"–"}
.quest .rep{padding:0 20px 18px}
.quest .rep p{font-size:14.5px;color:var(--encre-2)}
/* ---- CANON RÉSEAU : contenants d'affiches en 3:2 paysage, partout ---- */
.af-med{aspect-ratio:3/2;overflow:hidden}
.af-med>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.af-med.af-typ{height:auto}
.af-typ{gap:3px;padding:10px 12px}
.af-typ h3{font-size:14px}
.tumba{grid-template-columns:repeat(auto-fill,minmax(206px,1fr));row-gap:26px}
@media (max-width:760px){.tumba{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
.siege{flex:0 0 250px}
.siege img{aspect-ratio:3/2;height:auto;object-fit:cover;object-position:center}
.siege-typ{aspect-ratio:3/2;gap:3px;padding:10px 12px}
.siege-typ b{font-size:14px}
.numero img{aspect-ratio:3/2;height:auto;object-fit:cover;object-position:center}
.estrade{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.cadre img{aspect-ratio:3/2;object-fit:cover;object-position:center;height:auto}
/* pied de page : 5 colonnes */
.pied-grille{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.3fr;gap:30px;margin-bottom:28px}
@media (max-width:960px){.pied-grille{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.pied-grille{grid-template-columns:1fr}}
.pied-col h4{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13px;
letter-spacing:.2em;text-transform:uppercase;color:var(--or-hi);margin-bottom:12px}
.pied-col a{display:block;color:var(--creme);text-decoration:none;font-size:13.5px;padding:3px 0}
.pied-col a:hover{color:var(--or-hi);text-decoration:underline}
.pied-marque .logo-mot{color:var(--creme);text-shadow:2px 2px 0 rgba(228,87,46,.45)}
.pied-marque p{font-size:13.5px;color:#CBE3D3;margin-top:10px;max-width:40ch}
.pied-bas{border-top:2px solid rgba(251,243,226,.25);padding-top:18px;display:flex;gap:14px 24px;
align-items:center;flex-wrap:wrap;justify-content:space-between}
.pied-bas .age{width:44px;height:44px;font-size:14px}
.pied-rg{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
/* ============================================================
FAMILLE — additions (mêmes matériaux : bois peint, papier
d'affiche, feuille d'or, encre chaude). Aucun token nouveau.
============================================================ */
nav.fanions a.ici{background:var(--vert);color:var(--creme);border-top-color:var(--or-hi)}
@media (hover:hover) and (pointer:fine){nav.fanions a.ici:hover{background:var(--vert-fonce)}}
/* fil d'Ariane — la banderole d'entrée */
.fil{padding:22px 0 0}
.fil ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:11.5px;
letter-spacing:.16em;text-transform:uppercase;color:var(--encre-2)}
.fil a{color:var(--vert-fonce);text-decoration:none}
.fil a:hover{text-decoration:underline}
.fil li+li::before{content:"\2736";color:var(--or-lo);margin-right:10px}
.fil [aria-current]{color:var(--coq-fonce)}
/* tête de page — l'enseigne peinte */
.enseigne-page{padding:20px 0 8px}
.enseigne-page .ent{margin-bottom:20px}
.enseigne-page h1{font-family:var(--f-black);font-weight:900;text-transform:uppercase;
font-size:clamp(28px,5vw,54px);line-height:1;color:var(--vert-encre);letter-spacing:.01em;
text-shadow:3px 3px 0 rgba(228,87,46,.28);text-wrap:balance}
.enseigne-page h1 em{font-family:var(--f-script);font-style:italic;font-weight:400;
text-transform:none;color:var(--coq-fonce);font-size:.62em;letter-spacing:.02em;display:block;
text-shadow:none;margin-top:6px}
.sur-titre{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:12.5px;
letter-spacing:.24em;text-transform:uppercase;color:var(--coq-fonce);margin-bottom:10px}
.chapo{max-width:68ch;margin:16px auto 0;font-size:16.5px;color:var(--encre)}
.enseigne-page .chapo{text-align:left;margin-left:0;margin-right:0}
.ent .chapo{text-align:center}
/* affiche non encore collée : même tuile, sans lien */
.af-lien-off{cursor:default}
.note-collage{margin:18px auto 0;max-width:78ch;text-align:center;font-size:13.5px;
color:var(--encre-2);font-family:var(--f-body)}
.note-collage a{color:var(--vert-fonce)}
/* ancres de rubrique */
.ancres{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 26px;
padding:0;list-style:none}
.ancres a{display:inline-block;text-decoration:none;background:var(--creme);color:var(--encre);
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:13px;
letter-spacing:.1em;text-transform:uppercase;padding:10px 26px 10px 16px;
clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%);
box-shadow:inset 0 0 0 2px var(--or-lo);transition:background-color .14s var(--sortie)}
@media (hover:hover) and (pointer:fine){.ancres a:hover{background:var(--or-hi)}}
/* papier d'affiche : bloc de prose */
.papier-bloc{background:var(--papier);border:2px solid var(--encre);border-radius:10px;
padding:30px clamp(18px,4vw,42px);box-shadow:0 10px 22px rgba(43,33,24,.10);margin-bottom:30px}
.papier-bloc>*+*{margin-top:14px}
.papier-bloc h2{font-family:var(--f-black);font-weight:900;text-transform:uppercase;
font-size:clamp(19px,2.6vw,25px);color:var(--vert-encre);line-height:1.15;
text-shadow:2px 2px 0 rgba(228,87,46,.22);margin-top:26px}
.papier-bloc h2:first-child{margin-top:0}
.papier-bloc h3{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;
letter-spacing:.1em;text-transform:uppercase;font-size:15.5px;color:var(--coq-fonce);
margin-top:20px}
.papier-bloc p,.papier-bloc li{font-size:15.5px;color:var(--encre);max-width:80ch}
.papier-bloc ul,.papier-bloc ol{padding-left:0;list-style:none;display:grid;gap:8px}
.papier-bloc ul li{position:relative;padding-left:24px}
.papier-bloc ul li::before{content:"\2726";position:absolute;left:2px;top:0;color:var(--vert);font-weight:700}
.papier-bloc ol{counter-reset:pas}
.papier-bloc ol li{position:relative;padding-left:34px;counter-increment:pas}
.papier-bloc ol li::before{content:counter(pas);position:absolute;left:0;top:1px;width:24px;
height:24px;border-radius:50%;background:var(--vert);color:var(--creme);display:grid;
place-items:center;font-family:var(--f-black);font-size:12px}
/* uniquement les liens de prose : ne jamais repeindre un bouton posé dans le bloc */
.papier-bloc a:not([class]){color:var(--vert-fonce);text-decoration:underline;text-underline-offset:2px}
.papier-bloc .lede{font-size:17.5px;color:var(--encre)}
.papier-bloc .lede::first-letter{font-family:var(--f-black);font-size:3.1em;line-height:.82;
float:left;margin:4px 10px 0 0;color:var(--coq-fonce);text-shadow:2px 2px 0 rgba(30,122,78,.28)}
/* banderole citation */
.banderole{background:var(--vert-encre);color:var(--creme);border-radius:8px;padding:20px 24px;
font-family:var(--f-script);font-style:italic;font-size:17.5px;line-height:1.45;
box-shadow:0 6px 0 rgba(43,33,24,.22)}
.banderole b{display:block;font-family:var(--f-cond);font-stretch:condensed;font-style:normal;
font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--or-hi);
margin-top:10px}
/* tableau des propriétés — le registre du forain */
.registre{width:100%;border-collapse:collapse;background:var(--creme);border:2px solid var(--vert-encre);
border-radius:10px;overflow:hidden}
.registre caption{caption-side:top;text-align:left;font-family:var(--f-cond);font-stretch:condensed;
font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--encre-2);
padding:0 0 10px}
.registre th,.registre td{padding:12px 16px;text-align:left;font-size:14.5px;
border-bottom:2px dotted var(--or-lo);vertical-align:top}
.registre tr:last-child th,.registre tr:last-child td{border-bottom:0}
.registre th{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;color:var(--vert-encre);width:38%}
.registre td{color:var(--encre-2)}
.registre-boite{overflow-x:auto;margin-bottom:26px}
/* plus / moins */
.balance{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin:24px 0}
.plateau{background:var(--creme);border:3px solid var(--vert-encre);border-radius:12px;padding:22px 22px 24px}
.plateau.moins{border-color:var(--coq-fonce)}
.plateau h3{font-family:var(--f-black);font-weight:900;text-transform:uppercase;font-size:16px;
color:var(--vert-encre);margin-bottom:12px}
.plateau.moins h3{color:var(--coq-fonce)}
.plateau ul{list-style:none;display:grid;gap:9px}
.plateau li{position:relative;padding-left:24px;font-size:14.5px;color:var(--encre-2)}
.plateau li::before{content:"\2726";position:absolute;left:2px;top:0;color:var(--vert);font-weight:700}
.plateau.moins li::before{content:"\2727";color:var(--coq-fonce)}
/* byline + médaillon d'auteur */
.byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--creme);
border:2px solid var(--vert-encre);border-radius:10px;padding:12px 16px;margin:18px 0 26px}
.byline .medaille{width:52px;height:52px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
background:var(--vert);color:var(--creme);font-family:var(--f-black);font-weight:900;font-size:19px;
border:3px double var(--or-hi)}
.byline.deux .medaille{background:var(--coq-fonce)}
.byline b{display:block;font-family:var(--f-cond);font-stretch:condensed;font-weight:700;
font-size:14.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--vert-encre)}
.byline b a{color:inherit;text-decoration:none}
.byline b a:hover{text-decoration:underline}
.byline span{font-size:13px;color:var(--encre-2)}
.fiche-auteur{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:34px;
align-items:center;margin-bottom:34px}
.fiche-auteur .portrait{margin:0 auto}
.fiche-auteur p{font-size:15.5px;color:var(--encre);max-width:80ch}
.fiche-auteur p+p{margin-top:14px}
.fiche-auteur .portrait .p-ini{font-family:var(--f-black);font-weight:900;font-size:44px;
line-height:1;color:var(--creme)}
.fiche-auteur .portrait:nth-child(3) .p-ini{color:var(--vert-encre)}
@media (max-width:700px){.fiche-auteur{grid-template-columns:1fr}}
/* formulaire de contact — guichet */
.formulaire{display:grid;gap:16px;max-width:620px}
.champ{display:grid;gap:6px}
.champ label{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:12.5px;
letter-spacing:.16em;text-transform:uppercase;color:var(--vert-encre)}
.champ input,.champ select,.champ textarea{font:inherit;font-size:15px;color:var(--encre);
background:var(--creme);border:2px solid var(--or-lo);border-radius:8px;padding:11px 14px;width:100%}
.champ textarea{min-height:150px;resize:vertical}
.champ input:focus-visible,.champ select:focus-visible,.champ textarea:focus-visible{
outline:3px solid var(--vert-encre);outline-offset:2px}
.aide-champ{font-size:12.5px;color:var(--encre-2)}
/* 404 — l'affiche décollée */
.perdu{padding:60px 0 20px;text-align:center}
.perdu-aff{max-width:520px;margin:0 auto;background:var(--papier);border:3px solid var(--encre);
border-radius:10px;padding:38px 28px 34px;transform:rotate(-1.4deg);
box-shadow:0 18px 34px rgba(43,33,24,.22)}
.perdu-aff .no{font-family:var(--f-black);font-weight:900;font-size:clamp(64px,14vw,120px);
line-height:.9;color:var(--coq-fonce);text-shadow:4px 4px 0 rgba(30,122,78,.30)}
.perdu-aff p{margin-top:14px;color:var(--encre-2);font-size:15px}
.perdu .hero-cta{justify-content:center;margin-top:28px}
/* rail de machines dans le corps d'article */
.mini-rail{overflow-x:auto;padding:6px 4px 14px;scrollbar-width:thin}
.mini-fil{display:flex;gap:18px;min-width:min-content;padding:2px}
.mini-fil>li{list-style:none;flex:0 0 210px}
.mini-fil .af-in{height:100%}
/* estrade sans lien (fiche non collée) — conteneur 3:2 comme partout */
.numero .n-typ{aspect-ratio:3/2;gap:4px;padding:10px 12px}
.numero .n-typ b{font-size:14px}
.numero h3{font-family:var(--f-cond);font-stretch:condensed;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;font-size:14px;color:var(--vert-encre)}
.numero .n-rang{position:absolute;top:-10px;left:-8px;background:var(--coq-fonce);color:var(--creme);
font-family:var(--f-black);font-weight:900;font-size:12px;letter-spacing:.04em;padding:4px 9px;
border-radius:3px;box-shadow:0 2px 0 rgba(43,33,24,.3);z-index:2}
/* grille de chapiteaux (collections.html) */
.stands-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:22px}
.stands-grille .stand{flex:none;width:auto}
.stands-grille .stand .ss{min-height:34px}
.stand-off{cursor:default}
.stand-exemples{display:block;margin-top:9px;padding-top:9px;border-top:2px dotted var(--or-lo);
font-size:11.5px;line-height:1.45;color:var(--encre-2)}
/* enseignes de studio avec compteur */
.enseigne .ens-n{font-family:var(--f-black);font-weight:900;font-size:11px;color:var(--coq-fonce);
margin-left:2px}
.enseigne-off{cursor:default}
/* avis « gabarit » — la bande collée en travers de l'affiche */
.avis-gabarit{background:var(--papier);border:3px dashed var(--coq-fonce);border-radius:10px;
padding:18px 22px;margin:0 0 30px;transform:rotate(-.5deg);box-shadow:0 8px 18px rgba(43,33,24,.12)}
.avis-gabarit b{display:block;font-family:var(--f-black);font-weight:900;font-size:14px;
letter-spacing:.04em;text-transform:uppercase;color:var(--coq-fonce);margin-bottom:6px}
.avis-gabarit p{font-size:14px;color:var(--encre-2);max-width:88ch}
/* billets de bonus : boutons dans le corps du billet */
.billet-corps .gui-btns{justify-content:flex-start;margin-top:14px}
.billet-corps .points{margin:10px 0 0}
/* hero de guichet */
.guichet-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:34px;
align-items:start;margin-bottom:10px}
@media (max-width:860px){.guichet-hero{grid-template-columns:1fr}}
.boite-bonus{background:var(--creme);border:3px solid var(--vert-encre);border-radius:14px;
padding:24px 22px 26px;box-shadow:0 14px 30px rgba(43,33,24,.16);text-align:center}
.boite-bonus .bb-eti{display:inline-block;background:var(--coq-fonce);color:var(--creme);
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:11.5px;
letter-spacing:.2em;text-transform:uppercase;padding:5px 14px;border-radius:4px;margin-bottom:12px}
.boite-bonus strong{display:block;font-family:var(--f-black);font-weight:900;font-size:20px;
line-height:1.2;color:var(--vert-encre);text-transform:uppercase}
.boite-bonus .bb-sous{font-family:var(--f-script);font-style:italic;color:var(--coq-fonce);
font-size:14.5px;margin:6px 0 14px}
/* portraits d'auteur — variante coquelicot */
.portrait.coq{background:var(--coq-fonce)}
.portrait.coq .p-scr,.portrait.coq h4,.portrait.coq .p-meta,.portrait.coq .p-ini{color:var(--creme)}
/* clé-art d'article : la plaque de programme, en grand */
.article-couv{aspect-ratio:16/5;max-height:270px;border:3px solid var(--vert-encre);border-radius:10px;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
text-align:center;padding:18px;margin-bottom:22px;box-shadow:0 14px 30px rgba(43,33,24,.16)}
.article-couv i{font-family:var(--f-script);font-style:italic;font-size:clamp(14px,2vw,19px)}
/* en grand format le filet doré passe sous AA : on remonte au papier (4,55:1) */
.article-couv.c1 i{color:var(--papier)}
.article-couv b{font-family:var(--f-black);font-weight:900;text-transform:uppercase;
font-size:clamp(20px,3.6vw,38px);line-height:1.1;text-wrap:balance}
.article-meta{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;
font-family:var(--f-cond);font-stretch:condensed;font-weight:700;font-size:12px;
letter-spacing:.16em;text-transform:uppercase;color:var(--encre-2);margin-bottom:6px}
/* rubriques du programme */
.rubrique{margin-bottom:46px}
.rubrique-tete{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:20px;
border-bottom:3px solid var(--or);padding-bottom:10px}
.rubrique-tete h2{font-family:var(--f-black);font-weight:900;text-transform:uppercase;
font-size:clamp(18px,2.4vw,24px);color:var(--vert-encre)}
.rubrique-tete span{font-family:var(--f-script);font-style:italic;color:var(--coq-fonce);font-size:15px}
/* liste des matériaux d'un auteur */
.materiaux{list-style:none;display:grid;gap:12px;margin-top:16px}
.materiaux li{background:var(--papier);border:2px solid var(--encre);border-radius:8px}
.materiaux a{display:block;text-decoration:none;color:inherit;padding:14px 18px}
.materiaux a:hover{background:var(--or-hi)}
.materiaux b{display:block;font-family:var(--f-cond);font-stretch:condensed;font-weight:700;
font-size:14.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--vert-encre)}
.materiaux span{font-size:13px;color:var(--encre-2)}
/* pied de section : la ligne d'or */
.ligne-or{height:6px;border-radius:3px;margin:34px 0 0;
background:repeating-linear-gradient(90deg,var(--or) 0 26px,var(--or-hi) 26px 52px);
border:2px solid var(--or-lo)}
/* === PADDYSLOTS chrome-extra === */
/* le champ de recherche du canon devient un vrai formulaire GET vers slots.html */
.cherche{position:relative}
.cherche input{font:inherit}
.cherche button{position:absolute;right:2px;top:2px;bottom:2px;border:0;background:transparent;
color:var(--vert-encre);cursor:pointer;padding:0 8px;border-radius:6px}
.cherche button:hover{background:var(--or-hi)}
.cherche button:focus-visible{outline:3px solid var(--vert-encre);outline-offset:1px}
/* résultats de recherche (search.js du conveyor) : la liste sur papier d'affiche */
.pr-search-dd{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;background:var(--papier);
border:2px solid var(--encre);border-radius:10px;box-shadow:0 14px 30px rgba(43,33,24,.22);
max-height:60vh;overflow:auto}
.pr-search-dd a{display:block;padding:9px 14px;color:var(--encre);text-decoration:none;font-size:14px}
.pr-search-dd a:hover,.pr-search-dd a:focus-visible{background:var(--or-hi);outline:none}
/* affiche sans visuel : le pavé typographique du canon, jamais une ![]()
cassée */
.af-med.af-typ{aspect-ratio:3/2}
/* fanion actif — le hook pose class="ici" */
nav.fanions a.ici{background:var(--vert);color:var(--creme)}
/* lien d'évitement (le canon le porte, les pages ocean non) */
a.saut{position:absolute;left:-9999px;top:0;z-index:99;background:var(--vert-encre);color:var(--creme);
padding:10px 16px;border-radius:0 0 8px 0;font-family:var(--f-cond);font-weight:700;
letter-spacing:.12em;text-transform:uppercase;font-size:12px;text-decoration:none}
a.saut:focus{left:0}
/* === PADDYSLOTS RESTYLE (corps ocean des listings / hubs / blog) === */
.caustics,.bubbles,.wave,.band-art::before{display:none!important}
main,.wrap{color:var(--encre)}
.crumbs{color:var(--encre-2)!important;font-family:var(--f-cond)!important;font-weight:700!important;
font-size:11.5px!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.crumbs a{color:var(--vert-fonce)!important;text-decoration:none!important}
.crumbs a:hover{text-decoration:underline!important}
.coll-head,.bh1,.hub-h1,.page-h1{font-family:var(--f-black)!important;font-weight:900!important;
text-transform:uppercase!important;color:var(--vert-encre)!important;font-size:clamp(26px,4vw,44px)!important;
line-height:1.05!important;letter-spacing:.01em!important;text-shadow:3px 3px 0 rgba(228,87,46,.28)!important;
margin:16px 0 8px!important}
.section-h,.sec-title,.coll-intro h2,.seo-block h2{font-family:var(--f-black)!important;font-weight:900!important;
text-transform:uppercase!important;color:var(--vert-encre)!important;font-size:clamp(19px,2.6vw,25px)!important;
border-bottom:3px solid var(--or)!important;padding-bottom:10px!important;margin:38px 0 18px!important;
text-shadow:2px 2px 0 rgba(228,87,46,.22)!important}
.coll-sub,.bsub,.hub-sub{font-family:var(--f-script)!important;font-style:italic!important;
color:var(--coq-fonce)!important;font-size:16px!important;margin:0 0 16px!important}
.coll-intro,.seo-block,.band-art{background:var(--papier)!important;border:2px solid var(--encre)!important;
border-radius:10px!important;box-shadow:0 10px 22px rgba(43,33,24,.10)!important;
padding:26px clamp(18px,4vw,38px)!important;margin:18px 0 26px!important}
.coll-intro p,.seo-block p{color:var(--encre)!important;font-size:15.5px!important;line-height:1.65!important;
max-width:80ch!important;margin:0 0 12px!important}
.coll-intro a,.seo-block a{color:var(--vert-fonce)!important;text-decoration:underline!important;
text-underline-offset:2px!important}
/* tuiles ocean -> affiches de la colonne Morris (conteneur 3:2 partout) */
.tiles,.row,.slot-row,.card-grid,.grid-cards{display:grid!important;
grid-template-columns:repeat(auto-fill,minmax(216px,1fr))!important;gap:22px!important;
background:transparent!important;border:0!important;list-style:none!important;padding:0!important}
.tile,.tile-frame,.rel-card,.scard,.gcard{position:relative!important;background:var(--papier)!important;
border:2px solid var(--encre)!important;border-radius:10px!important;
box-shadow:0 8px 18px rgba(43,33,24,.14)!important;padding:0 0 14px!important;overflow:hidden!important;
transition:transform .16s var(--sortie),box-shadow .16s var(--sortie)!important}
.tile:hover,.tile-frame:hover,.rel-card:hover,.scard:hover,.gcard:hover{
transform:translateY(-4px) rotate(-.5deg)!important;box-shadow:0 16px 30px rgba(43,33,24,.22)!important;filter:none!important}
.tile-img,.tile-frame .tile-img,.rel-card img,.scard .cov,.cov,.gcard img{position:relative!important;
width:100%!important;aspect-ratio:3/2!important;overflow:hidden!important;background:var(--creme)!important;
border:0!important;border-bottom:2px solid var(--or-lo)!important;border-radius:0!important;
clip-path:none!important;margin:0 0 12px!important;display:block!important}
.tile-img img,.cov img,.rel-card img,.gcard img{width:100%!important;height:100%!important;
object-fit:cover!important;border-radius:0!important}
.tile-img::after,.tile-frame::after{display:none!important}
.tile-meta,.tile-name,.rel-name,.scard .sn,.gcard .n{padding:0 14px!important;background:transparent!important;
font-family:var(--f-cond)!important;font-stretch:condensed!important;font-weight:700!important;
letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--vert-encre)!important;
font-size:15px!important;line-height:1.15!important}
.tile .p,.scard .sp,.gcard .p{padding:0 14px!important;font-family:var(--f-body)!important;
font-size:12.5px!important;color:var(--encre-2)!important;margin-top:6px!important}
/* pastilles / étiquettes -> fanions d'entrée */
.triangle,.tagcloud,.tagpills,.chips,.pf-chips{display:flex!important;flex-wrap:wrap!important;
gap:10px!important;margin:14px 0!important;padding:0!important;list-style:none!important}
.tagpill,.chip,.pf-chip{display:inline-block!important;padding:9px 16px!important;border-radius:6px!important;
background:var(--creme)!important;box-shadow:inset 0 0 0 2px var(--or-lo)!important;border:0!important;
color:var(--encre)!important;font-family:var(--f-cond)!important;font-stretch:condensed!important;
font-weight:700!important;font-size:13px!important;letter-spacing:.1em!important;
text-transform:uppercase!important;text-decoration:none!important;line-height:1.1!important}
.tagpill:hover,.chip:hover,.pf-chip:hover{background:var(--or-hi)!important}
.tagpill.nolink{color:var(--encre-2)!important;background:var(--papier)!important;opacity:.85!important}
/* pagination */
.pager,.pagination{display:flex!important;gap:10px!important;justify-content:center!important;
align-items:center!important;margin:28px 0!important;flex-wrap:wrap!important}
.pager a,.pager span,.pagination a,.pagination span{background:var(--creme)!important;
box-shadow:inset 0 0 0 2px var(--or-lo)!important;border:0!important;border-radius:6px!important;
color:var(--encre)!important;padding:9px 16px!important;text-decoration:none!important;
font-family:var(--f-cond)!important;font-weight:700!important;font-size:13px!important;
letter-spacing:.1em!important;text-transform:uppercase!important}
.pager a:hover,.pagination a:hover{background:var(--or-hi)!important}
/* corps d'article de blog */
.art,.blog-article{max-width:820px!important;margin:0 auto!important}
.art h1,.blog-article h1{font-family:var(--f-black)!important;font-weight:900!important;
text-transform:uppercase!important;color:var(--vert-encre)!important;font-size:clamp(26px,4vw,42px)!important;
line-height:1.05!important;text-shadow:3px 3px 0 rgba(228,87,46,.28)!important;margin:14px 0 12px!important}
.art h2,.blog-article h2{font-family:var(--f-black)!important;font-weight:900!important;
text-transform:uppercase!important;color:var(--vert-encre)!important;font-size:clamp(18px,2.4vw,24px)!important;
border-bottom:3px solid var(--or)!important;padding-bottom:9px!important;margin:34px 0 14px!important}
.art p,.blog-article p{color:var(--encre)!important;font-size:15.5px!important;line-height:1.7!important;
margin:0 0 14px!important;max-width:80ch!important}
.art a,.blog-article a{color:var(--vert-fonce)!important;text-decoration:underline!important;
text-underline-offset:2px!important}
.art .cover,.blog-article img{border:2px solid var(--encre)!important;border-radius:10px!important;
box-shadow:0 10px 22px rgba(43,33,24,.14)!important;margin:0 0 20px!important}
/* accordéons ocean */
details.faq-item,.faq details{background:var(--creme)!important;border:2px solid var(--or-lo)!important;
border-radius:10px!important;margin-bottom:14px!important;box-shadow:none!important}
.faq summary,details.faq-item summary{font-family:var(--f-cond)!important;font-stretch:condensed!important;
font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;
color:var(--vert-encre)!important;cursor:pointer!important}
/* panneaux « guichet » ocean (casinos / conditions) */
.mw-panel,.bonus-card,.bcard,.bonus-strip{background:var(--creme)!important;
border:3px solid var(--vert-encre)!important;border-radius:14px!important;
box-shadow:0 14px 30px rgba(43,33,24,.16)!important}
.btn,.btn-primary,.cta-btn,.btn-aff{background:var(--coq)!important;color:var(--creme)!important;
border:0!important;border-radius:8px!important;box-shadow:0 4px 0 var(--coq-fonce)!important;
font-family:var(--f-cond)!important;font-stretch:condensed!important;font-weight:700!important;
letter-spacing:.1em!important;text-transform:uppercase!important;text-decoration:none!important}
.btn:hover,.btn-primary:hover,.cta-btn:hover,.btn-aff:hover{transform:translateY(-2px)!important;filter:none!important}