/* Mise en page : un théâtre en plein jour. Le haut du site et les zones « scène » restent dans le noir de la salle,
   le reste est en ivoire. Le vert salamandre est réservé aux actions et aux dates. */
:root{
  --nuit:#06150F; --nuit-2:#0C241C; --nuit-3:#163A2E;
  --salamandre:#1BC49A; --salamandre-fonce:#06A687; --menthe:#BDE9DA; --ivoire:#F3F7F5;
  --encre:#0B1F18; --gris:#4A5E57; --filet:#D3E2DC; --blanc:#FFFFFF;
  /* zone claire (par défaut) */
  --fond:var(--ivoire); --surface:var(--blanc); --texte:var(--encre); --texte-doux:var(--gris); --bord:var(--filet); --accent:var(--salamandre-fonce);
  --titres:'Fraunces',Georgia,serif;
  --corps:'Manrope','Helvetica Neue',Arial,system-ui,sans-serif;
  --gl:max(16px,env(safe-area-inset-left,0px)); --gr:max(16px,env(safe-area-inset-right,0px));
  --rayon:14px;
  color-scheme:light;
}
/* Zones « scène » : toujours sombres. Et ambiance sombre en option pour tout le site. */
.scene,body.sombre{
  --fond:var(--nuit); --surface:var(--nuit-2); --texte:#F2F7F5; --texte-doux:#A9C2B9; --bord:rgba(242,247,245,.14); --accent:var(--salamandre);
}
body.sombre{color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--fond);color:var(--texte);font-family:var(--corps);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--nuit)}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit}
:focus-visible{outline:3px solid var(--salamandre);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--titres);line-height:1.05;letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700}
p{margin:0}
.scene{background:var(--fond);color:var(--texte)}
.wrap{max-width:1320px;margin:0 auto;padding-left:calc(var(--gl) + 16px);padding-right:calc(var(--gr) + 16px)}
@media (max-width:600px){.wrap{padding-left:var(--gl);padding-right:var(--gr)}}
.section{padding-block:clamp(64px,8vw,112px)}
.tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:32px}
.tete h2{font-size:clamp(28px,3.4vw,44px)}
.surtitre{font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.chapo{font-size:18px;color:var(--texte-doux);max-width:58ch}

/* Boutons */
.btn{display:inline-flex;align-items:center;gap:10px;font:700 16px/1 var(--corps);padding:15px 22px;border-radius:999px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-vert{background:var(--salamandre);color:var(--nuit)}
.btn-vert:hover{background:var(--menthe)}
.btn-blanc{background:#fff;color:var(--nuit)}
.btn-blanc:hover{background:var(--menthe)}
.btn-ligne{border-color:var(--bord);color:var(--texte)}
.btn-ligne:hover{border-color:var(--texte)}
.btn-verre{background:rgba(242,247,245,.16);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-verre:hover{background:rgba(242,247,245,.28)}
.lien{font-weight:700;color:var(--texte);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}
.lien:hover{color:var(--accent)}

/* Notes de maquette (à masquer pour la présentation) */
.note-maquette{display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1.35 var(--corps);color:#7A5A00;background:#FFF4CC;border:1.5px dashed #E0B83D;border-radius:10px;padding:8px 12px}
body.sans-notes .note-maquette{display:none !important}

/* En-tête */
.entete{position:sticky;top:env(safe-area-inset-top,0px);z-index:50}
.entete-haut{background:#030C09;font-size:14px;color:#A9C2B9}
.entete-haut .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:7px}
.devise-haut{font-style:italic;color:var(--menthe);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.reseaux{display:flex;gap:14px;flex:none}
.reseaux a{display:flex;padding:3px;color:#A9C2B9}
.reseaux a:hover{color:var(--salamandre)}
.entete-bas{background:rgba(6,21,15,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(242,247,245,.1)}
.entete-bas .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:10px}
.logo img{height:70px;width:auto}
.menu{display:flex;align-items:center;gap:30px}
.menu a{text-decoration:none;color:#E6EFEB;font-weight:700;font-size:16.5px;position:relative;padding-block:6px;white-space:nowrap}
.menu a:hover{color:var(--salamandre)}
.menu a[aria-current="page"]{color:#fff}
.menu a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:3px;background:var(--salamandre)}
.menu a.btn{padding:12px 20px;color:var(--nuit)}
.menu a.btn::after{display:none}
@media (max-width:1100px){.menu{gap:20px}.menu a{font-size:15.5px}}
@media (max-width:900px){
  .entete-bas .wrap{flex-wrap:wrap}
  .logo img{height:54px}
  .menu{order:2;width:100%;gap:22px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .menu::-webkit-scrollbar{display:none}
  .devise-haut{font-size:12.5px}
}

/* Pages */
.page{display:none}
.page.active{display:block;animation:entre .45s cubic-bezier(.2,.7,.2,1)}
@keyframes entre{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ===== Carrousel plein écran ===== */
.ecran{position:relative;height:clamp(560px,80vh,840px);overflow:hidden;background:#000;color:#fff}
.diapo{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.diapo.active{opacity:1;z-index:1}
.diapo-fond{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 8s cubic-bezier(.2,.6,.2,1)}
.diapo.active .diapo-fond{transform:scale(1)}
.diapo.portrait .diapo-fond{filter:blur(28px) saturate(1.2) brightness(.7);transform:scale(1.2)}
.diapo-affiche{position:absolute;right:calc(var(--gr) + 14%);top:44%;height:62%;width:auto;aspect-ratio:auto;border-radius:12px;transform:translateY(-54%) rotate(2deg);box-shadow:0 50px 90px -30px rgba(0,0,0,.9);display:none}
.diapo.portrait .diapo-affiche{display:block}
@media (max-width:900px){.diapo.portrait .diapo-affiche{display:none}.diapo.portrait .diapo-fond{filter:blur(16px) brightness(.55)}}
.ecran::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(6,21,15,.9) 0%,rgba(6,21,15,.55) 34%,rgba(6,21,15,0) 64%),linear-gradient(0deg,var(--nuit) 0%,rgba(6,21,15,.5) 24%,rgba(6,21,15,0) 48%)}
.ecran-texte{position:absolute;left:0;right:0;bottom:clamp(170px,22vh,230px);z-index:3}
.ecran-genre{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--menthe);margin-bottom:16px}
.ecran-genre i{width:8px;height:8px;border-radius:50%;background:var(--salamandre);box-shadow:0 0 0 5px rgba(27,196,154,.25)}
.ecran h1{font-size:clamp(40px,6vw,92px);max-width:14ch;font-weight:800}
.ecran-desc{margin-top:16px;max-width:46ch;font-size:clamp(16px,1.35vw,19px);color:#DCE8E3;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.ecran-date{margin-top:14px;font-weight:700;color:var(--salamandre)}
.ecran-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ecran-ctrl{position:absolute;right:calc(var(--gr) + 16px);bottom:clamp(180px,23vh,240px);z-index:4;display:flex;gap:10px}
.rond{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(242,247,245,.45);background:rgba(6,21,15,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,border-color .2s,color .2s}
.rond:hover{background:var(--salamandre);border-color:var(--salamandre);color:var(--nuit)}
.points{position:absolute;left:0;right:0;bottom:clamp(150px,19vh,200px);z-index:4}
.points .wrap{display:flex;gap:6px}
.point{flex:1 1 0;max-width:34px;height:4px;border-radius:4px;background:rgba(242,247,245,.3);border:0;padding:0;cursor:pointer;overflow:hidden}
.point i{display:block;height:100%;width:0;background:#fff}
.point.vu i{width:100%}
.point.active i{animation:remplit var(--duree) linear forwards}
.ecran.pause .point.active i{animation-play-state:paused}
@keyframes remplit{to{width:100%}}
@media (max-width:760px){.ecran{height:700px}.ecran::after{background:linear-gradient(0deg,var(--nuit) 0%,rgba(6,21,15,.8) 40%,rgba(6,21,15,.1) 75%)}.ecran-ctrl{display:none}.ecran-texte{bottom:150px}.points{bottom:118px}}

/* ===== Rangée spectacles phares ===== */
.phares{position:relative;z-index:5;margin-top:clamp(-150px,-17vh,-110px);padding-bottom:clamp(40px,5vw,64px)}
.rang-titre{display:flex;align-items:baseline;gap:16px;font-family:var(--corps);font-weight:800;font-size:clamp(19px,1.7vw,24px);margin-bottom:4px}
.rang-titre a{font-size:15px;font-weight:700;color:var(--salamandre);text-decoration:none}
.rang-cadre{position:relative}
.rangee{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scroll-padding-inline:calc(var(--gl) + 16px);padding:40px calc(var(--gr) + 16px) 70px calc(var(--gl) + 16px);margin-block:-30px -60px;scrollbar-width:none}
.rangee::-webkit-scrollbar{display:none}
.tuile{flex:none;width:clamp(230px,18.5vw,310px);scroll-snap-align:start;position:relative;border-radius:10px;text-decoration:none;color:#fff;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;transform-origin:50% 50%}
.tuile:first-child{transform-origin:0 50%}
.tuile:last-child{transform-origin:100% 50%}
.tuile-img{display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;position:relative;background:var(--nuit-2)}
.tuile-img img{width:100%;height:100%;object-fit:cover}
.tuile-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,21,15,.85),rgba(6,21,15,0) 55%)}
.tuile-nom{position:absolute;left:14px;right:14px;bottom:11px;z-index:1;font-family:var(--titres);font-weight:600;font-size:clamp(14px,1.15vw,17px);line-height:1.15}
.tuile.active .tuile-img{box-shadow:inset 0 0 0 3px #fff}
.tuile-plus{position:absolute;left:0;right:0;top:100%;margin-top:-8px;padding:16px 14px 14px;background:var(--nuit-2);border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;opacity:0;pointer-events:none;transition:opacity .25s}
.tuile-plus span{font-size:13.5px;color:#A9C2B9;font-weight:600}
.tuile-plus b{width:34px;height:34px;flex:none;border-radius:50%;background:#fff;color:var(--nuit);display:flex;align-items:center;justify-content:center}
@media (hover:hover){
  .tuile:hover{transform:scale(1.4);z-index:6;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
  .tuile:hover .tuile-img{border-radius:10px 10px 0 0}
  .tuile:hover .tuile-plus{opacity:1}
}
.rang-fleche{position:absolute;top:10px;bottom:10px;z-index:8;width:calc(var(--gl) + 40px);border:0;color:#fff;cursor:pointer;opacity:0;transition:opacity .25s;display:flex;align-items:center;justify-content:center}
.rang-fleche.g{left:0;background:linear-gradient(90deg,rgba(6,21,15,.95),rgba(6,21,15,0))}
.rang-fleche.d{right:0;background:linear-gradient(270deg,rgba(6,21,15,.95),rgba(6,21,15,0))}
.rang-cadre:hover .rang-fleche,.rang-fleche:focus-visible{opacity:1}
@media (max-width:760px){.tuile{width:68vw}.rang-fleche{display:none}.phares{margin-top:-80px}}

/* ===== Calendrier ===== */
.cal{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:stretch}
@media (max-width:960px){.cal{grid-template-columns:1fr}}
.vedette{position:relative;display:block;min-height:440px;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;background:var(--nuit)}
.vedette img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.vedette:hover img{transform:scale(1.04)}
.vedette::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,21,15,.96) 0%,rgba(6,21,15,.45) 48%,rgba(6,21,15,.05) 100%)}
.vedette-puce{position:absolute;top:18px;left:18px;z-index:1;background:var(--salamandre);color:var(--nuit);font-weight:800;font-size:14px;border-radius:999px;padding:8px 14px}
.vedette-texte{position:absolute;left:clamp(20px,3vw,32px);right:clamp(20px,3vw,32px);bottom:clamp(20px,3vw,30px);z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 24px;align-items:end}
.vedette-jour{font-family:var(--titres);font-weight:800;font-size:clamp(64px,8vw,120px);line-height:.82;grid-row:span 3;font-variant-numeric:tabular-nums}
.vedette-mois{font-weight:800;color:var(--salamandre);text-transform:capitalize;font-size:18px}
.vedette-titre{font-family:var(--titres);font-weight:700;font-size:clamp(22px,2.4vw,34px);line-height:1.08}
.vedette-lieu{color:#CFE0D9;font-size:16px}
@media (max-width:560px){.vedette{min-height:0;aspect-ratio:4/5}.vedette-texte{grid-template-columns:1fr}.vedette-jour{grid-row:auto}}
.cal-droite{background:var(--surface);border:1px solid var(--bord);border-radius:20px;padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:18px}
.cal-onglets{display:flex;gap:4px;background:var(--fond);border:1px solid var(--bord);border-radius:999px;padding:4px}
.cal-onglets button{flex:1;border:0;background:transparent;color:var(--texte-doux);font-weight:700;font-size:14.5px;padding:10px 4px;border-radius:999px;cursor:pointer;text-transform:capitalize}
.cal-onglets button[aria-selected="true"]{background:var(--texte);color:var(--fond)}
.cal-grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center;font-variant-numeric:tabular-nums}
.cal-grille .js{font-size:12px;color:var(--texte-doux);font-weight:800;padding-bottom:4px}
.cal-grille span{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14.5px;color:var(--texte-doux)}
.cal-grille span.passe{opacity:.35}
.cal-grille span.auj{box-shadow:inset 0 0 0 1.5px var(--texte-doux)}
.cal-grille button{aspect-ratio:1;border:0;border-radius:50%;background:var(--salamandre);color:var(--nuit);font-weight:800;font-size:14.5px;cursor:pointer}
.cal-liste{display:flex;flex-direction:column}
.cal-ligne{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding-block:12px;border-top:1px solid var(--bord);text-decoration:none;color:var(--texte);border-radius:8px;transition:background .2s}
.cal-ligne:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.cal-ligne.flash{background:color-mix(in srgb,var(--accent) 16%,transparent)}
.cal-j{text-align:center;line-height:1;font-variant-numeric:tabular-nums}
.cal-j b{display:block;font-family:var(--titres);font-size:26px}
.cal-j small{font-size:12px;font-weight:800;color:var(--accent);text-transform:uppercase}
.cal-ligne strong{display:block;font-weight:800;line-height:1.25}
.cal-ligne span{color:var(--texte-doux);font-size:15px}
.cal-ligne em{font-style:normal;font-size:12.5px;font-weight:700;border:1px solid var(--bord);border-radius:999px;padding:4px 10px;color:var(--texte-doux)}
.cal-vide{color:var(--texte-doux);padding:16px 0;border-top:1px solid var(--bord)}
@media (max-width:480px){.cal-ligne em{display:none}.cal-ligne{grid-template-columns:52px minmax(0,1fr)}}
.toutes-dates .mois{font-family:var(--titres);font-weight:600;font-size:22px;color:var(--accent);text-transform:capitalize;padding:34px 0 8px}

/* ===== Catalogue en mosaïque ===== */
.filtres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filtre{font-weight:700;font-size:15px;padding:11px 18px;border-radius:999px;border:1.5px solid var(--bord);background:var(--surface);color:var(--texte);cursor:pointer;transition:all .2s;display:inline-flex;gap:8px;align-items:center}
.filtre small{font-weight:700;color:var(--texte-doux);font-variant-numeric:tabular-nums}
.filtre:hover{border-color:var(--texte)}
.filtre[aria-pressed="true"]{background:var(--texte);border-color:var(--texte);color:var(--fond)}
.filtre[aria-pressed="true"] small{color:inherit;opacity:.7}
.mosaique{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(200px,17vw,250px);grid-auto-flow:dense;gap:14px}
.carte{position:relative;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:var(--nuit-2);animation:apparait .45s cubic-bezier(.2,.7,.2,1) both}
.carte.grand{grid-column:span 2;grid-row:span 2}
.carte.large{grid-column:span 2}
.carte img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.carte:hover img{transform:scale(1.06)}
.carte::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,21,15,.9) 0%,rgba(6,21,15,.2) 45%,rgba(6,21,15,0) 70%)}
.carte-texte{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:4px}
.carte-texte small{font-weight:700;color:var(--menthe);font-size:13.5px}
.carte-texte strong{font-family:var(--titres);font-weight:600;font-size:clamp(17px,1.4vw,21px);line-height:1.12}
.carte.grand .carte-texte strong{font-size:clamp(24px,2.6vw,38px)}
.carte-date{position:absolute;top:12px;left:12px;z-index:1;background:var(--salamandre);color:var(--nuit);font-weight:800;font-size:13px;border-radius:999px;padding:6px 11px}
@keyframes apparait{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:900px){.mosaique{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px}.carte.grand{grid-row:span 1}}
@media (max-width:480px){.mosaique{grid-template-columns:1fr;grid-auto-rows:220px}.carte.grand,.carte.large{grid-column:auto;grid-row:auto}}

/* ===== Vidéos (zone scène) ===== */
.videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media (max-width:980px){.videos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.videos{grid-template-columns:1fr}}
.vid{text-decoration:none;display:flex;flex-direction:column;gap:12px;color:var(--texte)}
.vid:first-child{grid-column:span 2;grid-row:span 2}
@media (max-width:480px){.vid:first-child{grid-column:auto;grid-row:auto}}
.vid-img{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;display:block}
.vid:first-child .vid-img{aspect-ratio:auto;flex:1;min-height:220px}
.vid-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.vid:hover .vid-img img{transform:scale(1.05)}
.vid-img::after{content:"";position:absolute;inset:0;background:rgba(6,21,15,.25)}
.vid-lire{position:absolute;left:50%;top:50%;z-index:1;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#fff;color:var(--nuit);display:flex;align-items:center;justify-content:center;transition:transform .25s}
.vid:first-child .vid-lire{width:84px;height:84px;margin:-42px 0 0 -42px}
.vid:hover .vid-lire{transform:scale(1.1)}
.vid-titre{font-weight:700}
.vid-titre small{display:block;color:var(--texte-doux);font-weight:600;font-size:14px}

/* ===== Presse ===== */
.grande-citation{margin:0 0 44px;display:flex;flex-direction:column;gap:14px;max-width:1000px}
.grande-citation blockquote{margin:0;font-family:var(--titres);font-weight:700;font-size:clamp(28px,4vw,54px);line-height:1.05;letter-spacing:-.02em}
.grande-citation figcaption{color:var(--texte-doux);font-weight:700}
.articles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:900px){.articles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.article{background:none;border:0;padding:0;text-align:left;color:var(--texte);cursor:zoom-in;display:flex;flex-direction:column;gap:12px}
.article-img{position:relative;display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--bord);box-shadow:0 20px 40px -26px rgba(11,31,24,.5)}
.article-img img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .5s}
.article:hover .article-img img{transform:scale(1.04)}
.article-lire{position:absolute;right:10px;bottom:10px;background:var(--nuit);color:#fff;font-size:13px;font-weight:700;border-radius:999px;padding:7px 12px;opacity:0;transition:opacity .2s}
.article:hover .article-lire,.article:focus-visible .article-lire{opacity:1}
.article b{color:var(--accent);font-size:14px}
.article .titre{font-family:var(--titres);font-weight:600;font-size:17px;line-height:1.22}
.citations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.citation{margin:0;background:var(--surface);border:1px solid var(--bord);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px}
.citation blockquote{margin:0;font-family:var(--titres);font-weight:600;font-size:19px;line-height:1.3}
.citation figcaption{color:var(--accent);font-weight:800}
.liseuse{border:0;padding:0;background:transparent;max-width:min(94vw,980px);max-height:94vh;color:#fff}
.liseuse::backdrop{background:rgba(3,12,9,.9)}
.liseuse-barre{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.liseuse-barre p{font-weight:700}
.liseuse img{max-height:82vh;width:auto;margin:0 auto;border-radius:8px;background:#fff}

/* ===== Claire Didoin ===== */
.claire{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(36px,6vw,90px);align-items:center}
@media (max-width:900px){.claire{grid-template-columns:1fr}}
.claire-photos{position:relative;aspect-ratio:1/1;max-width:560px}
.claire-photos > img{position:absolute;object-fit:cover;border-radius:16px}
.claire-photos > img:first-child{inset:0 22% 22% 0;width:78%;height:78%}
.claire-photos > img:nth-child(2){right:0;bottom:0;width:50%;height:50%;border:6px solid var(--fond)}
.claire-photos .sala{position:absolute;left:-26px;bottom:-14px;width:120px;transform:rotate(-16deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}
.claire-photos .note-maquette{position:absolute;top:14px;left:14px}
.claire-texte{display:flex;flex-direction:column;gap:20px;min-width:0}
.claire-texte h2{font-size:clamp(30px,3.6vw,50px)}
.claire-texte .fort{font-size:21px;line-height:1.45}
.claire-texte p{color:var(--texte-doux);max-width:58ch}
.claire-texte .fort{color:var(--texte)}
.chiffres{list-style:none;margin:6px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.chiffres li{display:flex;flex-direction:column;gap:4px;padding:4px 18px;border-left:1px solid var(--bord)}
.chiffres li:first-child{padding-left:0;border-left:0}
.chiffres strong{font-family:var(--titres);font-weight:700;font-size:clamp(19px,1.7vw,24px);overflow-wrap:anywhere}
.chiffres span{color:var(--texte-doux);font-size:14.5px;line-height:1.4}
@media (max-width:560px){.chiffres{grid-template-columns:1fr;gap:12px}.chiffres li{padding:0 0 0 14px;border-left:3px solid var(--accent)}.chiffres li:first-child{padding-left:14px;border-left:3px solid var(--accent)}}

/* ===== Encadré programmateurs (zone scène) ===== */
.pros{position:relative;overflow:hidden;border-radius:24px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
@media (max-width:900px){.pros{grid-template-columns:1fr}}
.pros-sala{position:absolute;right:-60px;top:-50px;width:340px;opacity:.09;transform:rotate(18deg);pointer-events:none}
.pros h2{font-size:clamp(30px,4vw,56px)}
.pros p{color:var(--texte-doux);font-size:18px;margin-top:16px;max-width:48ch}
.pros .ecran-actions{margin-top:26px}
.pros-docs{position:relative;display:flex;flex-direction:column;gap:10px}
.doc{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--bord);border-radius:12px;text-decoration:none;color:var(--texte);background:var(--surface);transition:border-color .2s,transform .2s}
.doc:hover{border-color:var(--accent);transform:translateX(3px)}
.doc svg{flex:none;color:var(--accent)}
.doc span{flex:1;font-weight:700;min-width:0}
.doc small{color:var(--texte-doux);font-weight:700;font-size:13px}

/* Partenaires */
.partenaires{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:800px){.partenaires{grid-template-columns:repeat(3,minmax(0,1fr))}}
.partenaires span{aspect-ratio:3/2;border:1.5px dashed var(--bord);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--texte-doux);font-size:13px;font-weight:700;text-align:center;padding:8px}

/* ===== Pages intérieures ===== */
.ouverture{padding-block:clamp(56px,7vw,96px) clamp(40px,5vw,64px);position:relative;overflow:hidden}
.ouverture h1{font-size:clamp(40px,6.4vw,92px);font-weight:800}
.ouverture .chapo{margin-top:18px}
.ouverture-sala{position:absolute;right:-40px;top:-30px;width:280px;opacity:.08;transform:rotate(20deg);pointer-events:none}

/* ===== Fiche spectacle ===== */
.fiche-tete{position:relative;overflow:hidden;padding-block:clamp(48px,6vw,88px)}
.fiche-flou{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(36px) saturate(1.2);opacity:.4}
.fiche-tete::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,15,.3),var(--nuit))}
.fiche-grille{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(32px,6vw,84px);align-items:center}
@media (max-width:860px){.fiche-grille{grid-template-columns:1fr}}
.fiche-affiche{border-radius:14px;overflow:hidden;box-shadow:0 60px 100px -40px rgba(0,0,0,.95);max-width:400px;aspect-ratio:3/4}
.fiche-affiche img{width:100%;height:100%;object-fit:cover}
.fiche-infos{display:flex;flex-direction:column;gap:20px;min-width:0}
.ariane{font-size:15px;color:var(--texte-doux)}
.ariane a{text-decoration:none}
.ariane a:hover{color:var(--salamandre)}
.fiche-infos h1{font-size:clamp(38px,5.6vw,84px);font-weight:800}
.fiche-accroche{font-size:clamp(19px,2vw,24px);color:var(--salamandre);font-weight:700;line-height:1.35}
.fiche-infos > p.texte{font-size:18px;color:var(--texte-doux);max-width:58ch}
.faits{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:10px 22px;border-top:1px solid var(--bord);padding-top:20px;margin:0}
.faits dt{color:var(--texte-doux)}
.faits dd{margin:0;font-weight:700}
.fiche-dates{display:flex;flex-wrap:wrap;gap:10px}
.fiche-date{display:flex;align-items:center;gap:12px;background:rgba(27,196,154,.12);border:1px solid rgba(27,196,154,.4);border-radius:12px;padding:10px 14px}
.fiche-date b{font-family:var(--titres);font-size:24px;line-height:1}
.fiche-date span{font-size:14px;line-height:1.3}
.fiche-date span strong{display:block;text-transform:capitalize;color:var(--salamandre)}
/* Bloc Écouter, voir, télécharger */
.evt-grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.evt-carte{grid-column:span 6;background:var(--surface);border:1px solid var(--bord);border-radius:18px;padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:14px;min-width:0}
.evt-carte.large{grid-column:span 12}
.evt-carte.tiers{grid-column:span 4}
@media (max-width:900px){.evt-carte,.evt-carte.tiers{grid-column:span 12}}
.evt-carte h3{font-family:var(--corps);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-doux);display:flex;align-items:center;gap:10px}
.evt-carte h3 svg{color:var(--accent)}
.video{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff}
.video img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.video:hover img{transform:scale(1.04)}
.video::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,21,15,.7),rgba(6,21,15,.1) 60%)}
.video .vid-lire{width:90px;height:90px;margin:-45px 0 0 -45px;background:var(--salamandre)}
.video-leg{position:absolute;left:20px;bottom:16px;z-index:1;font-weight:700}
.son{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--fond);border:1px solid var(--bord)}
.son button{width:44px;height:44px;border-radius:50%;border:0;background:var(--salamandre);color:var(--nuit);display:flex;align-items:center;justify-content:center;cursor:pointer}
.son strong{display:block;font-weight:800;line-height:1.25}
.son .onde{display:flex;align-items:center;gap:2px;height:22px;margin-top:4px}
.son .onde i{width:3px;border-radius:2px;background:var(--bord)}
.son.joue .onde i{background:var(--accent);animation:onde .9s ease-in-out infinite alternate}
@keyframes onde{to{transform:scaleY(.35)}}
.son small{color:var(--texte-doux);font-weight:700;font-variant-numeric:tabular-nums}
.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.photos button{border:0;padding:0;border-radius:10px;overflow:hidden;cursor:zoom-in;aspect-ratio:1;background:var(--fond)}
.photos img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.photos button:hover img{transform:scale(1.06)}
.evt-carte .citation{padding:0;border:0;background:none}
.evt-carte .citation + .citation{border-top:1px solid var(--bord);padding-top:14px}
.rien{font-size:15px;color:var(--texte-doux)}

/* ===== Contact ===== */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.contact-carte{background:var(--surface);border:1px solid var(--bord);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:6px}
.contact-carte strong{font-family:var(--titres);font-weight:600;font-size:22px}
.contact-carte span{user-select:all}
form.demande{background:var(--surface);border:1px solid var(--bord);border-radius:20px;padding:clamp(20px,3vw,34px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:560px){form.demande{grid-template-columns:1fr}}
.champ{display:flex;flex-direction:column;gap:7px;min-width:0}
.champ.large{grid-column:1/-1}
.champ label{font-weight:700;font-size:14.5px}
.champ input,.champ select,.champ textarea{font:inherit;color:var(--texte);background:var(--fond);border:1.5px solid var(--bord);border-radius:10px;padding:13px 14px;width:100%}
.champ input:focus,.champ select:focus,.champ textarea:focus{outline:none;border-color:var(--accent)}
.champ textarea{min-height:120px;resize:vertical}
.message{grid-column:1/-1;border-radius:10px;padding:14px 16px;font-weight:700}
.message.ok{background:color-mix(in srgb,var(--accent) 14%,transparent);border:1.5px solid var(--accent)}
.message.ko{background:#FDECEA;color:#8A1F11;border:1.5px solid #E7A296}

/* ===== Pied de page ===== */
.pied .wrap.haut{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:40px;padding-block:56px 40px}
@media (max-width:900px){.pied .wrap.haut{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pied img{height:88px;width:auto}
@media (max-width:560px){.pied .wrap.haut{grid-template-columns:1fr}}
.pied-col{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:8px;font-size:15.5px;color:var(--texte-doux)}
.pied-col strong{color:var(--texte);margin-bottom:4px}
.pied-col a{text-decoration:none}
.pied-col a:hover{color:var(--salamandre)}
.pied-bas{border-top:1px solid var(--bord);font-size:14px;color:var(--texte-doux)}
.pied-bas .wrap{padding-block:18px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}

/* ===== Panneau maquette (pour Elliot) ===== */
.panneau{position:fixed;right:calc(var(--gr) + 4px);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;gap:6px;background:#030C09;color:#fff;border:1px solid rgba(242,247,245,.18);border-radius:999px;padding:6px;box-shadow:0 20px 40px -14px rgba(0,0,0,.6);font-size:13.5px}
.panneau > span{padding:0 6px 0 10px;font-weight:800;color:var(--menthe)}
.panneau button{border:0;background:transparent;color:#C8D8D2;font-weight:700;font-size:13.5px;padding:8px 12px;border-radius:999px;cursor:pointer}
.panneau button[aria-pressed="true"]{background:#fff;color:var(--nuit)}
@media (max-width:560px){.panneau > span{display:none}}


/* ===== V2 : carrousel façon ancienne maquette ===== */
.ecran{height:clamp(560px,78vh,820px)}
.diapo img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 8s cubic-bezier(.2,.6,.2,1)}
.diapo.active img{transform:scale(1)}
.ecran::after{background:linear-gradient(90deg,rgba(6,21,15,.92) 0%,rgba(6,21,15,.65) 30%,rgba(6,21,15,0) 62%),linear-gradient(0deg,var(--nuit) 0%,rgba(6,21,15,.55) 22%,rgba(6,21,15,0) 45%),linear-gradient(180deg,rgba(6,21,15,.5) 0%,rgba(6,21,15,0) 18%)}
.ecran-sala{position:absolute;z-index:2;right:-60px;top:60px;width:min(32vw,440px);opacity:.09;transform:rotate(18deg);pointer-events:none}
.ecran-texte{bottom:clamp(190px,25vh,250px)}
.ecran-genre{color:#C9DAD3;font-weight:600}
.ecran h1{font-size:clamp(40px,5.8vw,92px);max-width:15ch;padding-bottom:.06em}
.ecran h1 a{text-decoration:none;color:inherit}
.ecran h1 .mot{display:inline-block;transform:translateY(40%);opacity:0;animation:monte .7s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes monte{to{transform:none;opacity:1}}
.ecran-desc{min-height:3em}
.phares{margin-top:clamp(-175px,-21vh,-140px);padding-bottom:clamp(36px,4vw,56px)}
.rangee{padding:10px calc(var(--gr) + 16px) 10px calc(var(--gl) + 16px);margin:0;overflow-y:hidden}
.tuile{width:clamp(220px,17vw,290px);box-shadow:none !important}
.tuile-img{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.tuile-img img{filter:brightness(.68);transition:filter .35s}
.tuile:hover .tuile-img img,.tuile.active .tuile-img img{filter:none}
@media (hover:hover){.tuile:hover .tuile-img{transform:translateY(-4px);border-radius:10px}}
.tuile.active .tuile-img{box-shadow:0 0 0 3px #fff}
.tuile-nom{display:flex;flex-direction:column;gap:3px;bottom:16px}
.tuile-nom small{font-family:var(--corps);font-weight:600;font-size:12.5px;color:rgba(242,247,245,.78)}
.tuile .barre{position:absolute;left:14px;right:14px;bottom:7px;z-index:2;height:3px;border-radius:3px;background:rgba(242,247,245,.25);overflow:hidden;opacity:0}
.tuile .barre i{display:block;height:100%;width:0;background:#fff}
.tuile.active .barre{opacity:1}
.tuile.active .barre i{animation:remplit var(--duree) linear forwards}
.carrousel-pause .tuile.active .barre i{animation-play-state:paused}
.rang-fleche{top:10px;bottom:10px}
@media (max-width:760px){.ecran{height:640px}.ecran-texte{bottom:150px}.phares{margin-top:-120px}.tuile{width:62vw}.ecran-sala{display:none}}

/* ===== V2 : prochaines dates, version légère ===== */
.dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:900px){.dates{grid-template-columns:1fr}}
.dates .vedette{min-height:0;aspect-ratio:16/10}
.dates .vedette-jour{font-size:clamp(56px,6vw,96px)}
.dates .vedette-titre{font-size:clamp(20px,2vw,28px)}
.dates-liste{display:flex;flex-direction:column}
.date-ligne{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--bord);text-decoration:none;color:var(--texte);border-radius:8px;transition:background .2s}
.date-ligne:first-child{border-top:1px solid var(--bord)}
.mois + .date-ligne{border-top:1px solid var(--bord)}
.date-ligne:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.date-j{text-align:center;line-height:1;font-variant-numeric:tabular-nums}
.date-j b{display:block;font-family:var(--titres);font-size:30px}
.date-j small{font-size:12.5px;font-weight:800;color:var(--accent);text-transform:uppercase}
.date-info strong{display:block;font-weight:800;font-size:17.5px;line-height:1.25}
.date-info span{color:var(--texte-doux);font-size:15px}
.date-ligne em{font-style:normal;font-size:12.5px;font-weight:700;border:1px solid var(--bord);border-radius:999px;padding:4px 10px;color:var(--texte-doux)}
.dates-liste .mois{font-family:var(--titres);font-weight:600;font-size:18px;color:var(--accent);text-transform:capitalize;padding:22px 8px 10px}
.dates-liste .mois:first-child{padding-top:0}
@media (max-width:480px){.date-ligne em{display:none}.date-ligne{grid-template-columns:54px minmax(0,1fr)}}

/* ===== V2 : presse ===== */
.bande-presse{background:var(--surface);border-block:1px solid var(--bord)}
.presse-haut{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-bottom:40px}
@media (max-width:960px){.presse-haut{grid-template-columns:1fr}}
.coupure{border:0;padding:10px;background:#fff;border-radius:6px;cursor:zoom-in;display:block;box-shadow:0 2px 0 #E4ECE8,0 24px 40px -24px rgba(11,31,24,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1);flex:none}
.coupure img{width:100%;height:100%;object-fit:contain;background:#fff}
.coupure:hover{transform:rotate(-1deg) translateY(-3px)}
.presse-une{display:flex;flex-direction:column;gap:22px}
.coupure.grande{aspect-ratio:4/3;width:100%;transform:rotate(-1.2deg)}
.coupure.grande:hover{transform:rotate(0) translateY(-3px)}
.art-texte{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.art-texte b{color:var(--accent);font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.art-texte h3{font-size:clamp(18px,1.5vw,21px);font-weight:600;line-height:1.2}
.presse-une .art-texte h3{font-size:clamp(24px,2.6vw,36px)}
.presse-une .art-texte .btn{margin-top:6px}
.art-sp{font-size:14px;font-weight:700;color:var(--texte-doux);text-decoration:none;border:1px solid var(--bord);border-radius:999px;padding:5px 12px}
.art-sp:hover{color:var(--texte);border-color:var(--texte)}
.art-sp::before{content:"Spectacle : "}
.art-lire{border:0;background:none;padding:0;color:var(--texte);font-weight:800;font-size:15px;cursor:pointer;border-bottom:2px solid var(--accent)}
.presse-autres{display:flex;flex-direction:column;gap:18px}
.art{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--bord)}
.art:last-child{border-bottom:0;padding-bottom:0}
.art .coupure{width:120px;height:150px;padding:6px}
.evt-carte .art{grid-template-columns:96px minmax(0,1fr)}
.evt-carte .art .coupure{width:96px;height:120px}
.citations{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.bande-presse .citation{background:var(--fond)}

/* ===== V2 : partenaires et vidéos ===== */
.partenaires span{border-style:solid;font-family:var(--titres);font-weight:600;font-size:14px;color:var(--texte)}
.videos-bas .vid:first-child{grid-column:auto;grid-row:auto}
.videos-bas .vid:first-child .vid-img{aspect-ratio:16/9;flex:none;min-height:0}
.videos-bas .vid:first-child .vid-lire{width:58px;height:58px;margin:-29px 0 0 -29px}


/* ===== V3 : en-tête transparent + carrousel de l'ancienne maquette ===== */
.entete{position:sticky}
body.sur-accueil .entete{position:fixed;left:0;right:0}
.entete.scene{background:transparent}
.entete-haut{background:rgba(3,12,9,.72);border-bottom:1px solid rgba(242,247,245,.12)}
.entete-bas{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
.entete.plein .entete-bas{background:rgba(6,21,15,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(242,247,245,.1)}
.entete-bas .wrap{padding-block:18px 14px}
.logo img{height:84px}
.menu a{font-weight:600;font-size:17px}
.ecran{height:clamp(620px,80vh,860px)}
.ecran::after{background:radial-gradient(ellipse 420px 260px at 0 0,rgba(6,21,15,.85),rgba(6,21,15,0)),linear-gradient(90deg,rgba(6,21,15,.88) 0%,rgba(6,21,15,.55) 32%,rgba(6,21,15,0) 62%),linear-gradient(0deg,var(--nuit) 0%,rgba(6,21,15,.4) 18%,rgba(6,21,15,0) 38%),linear-gradient(180deg,rgba(6,21,15,.45) 0%,rgba(6,21,15,0) 20%)}
.ecran-sala{right:-40px;top:auto;bottom:120px;width:min(38vw,560px);opacity:.14;transform:rotate(-8deg)}
.ecran-texte{bottom:clamp(100px,12vh,130px)}
.ecran-genre{font-size:17px;color:#D5E3DE;margin-bottom:14px}
.ecran h1{font-size:clamp(44px,6.6vw,108px);max-width:none;font-weight:800}
.ecran-desc{margin-top:20px;font-size:clamp(17px,1.5vw,21px);max-width:44ch}
.ecran-actions{margin-top:30px}
.ecran-actions .btn{font-size:17px;padding:17px 26px}
.phares{margin-top:clamp(-90px,-9vh,-60px);padding-bottom:clamp(48px,6vw,80px)}
.rang-titre{font-weight:600;font-size:clamp(22px,2vw,28px);margin-bottom:12px}
.tuile{width:clamp(250px,19.5vw,390px);border:0;padding:0;background:transparent;cursor:pointer;font:inherit;text-align:left}
.tuile-img img{filter:none}
.tuile-img::after{background:linear-gradient(0deg,rgba(6,21,15,.8),rgba(6,21,15,0) 50%)}
.tuile-nom{left:18px;bottom:20px;font-size:clamp(17px,1.5vw,24px);font-weight:700}
.tuile .barre{left:18px;right:18px;bottom:10px}
.tuile.active .tuile-img{box-shadow:0 0 0 3px #fff}
@media (hover:hover){.tuile:hover .tuile-img{transform:scale(1.03)}}
.rangee{padding:6px calc(var(--gr) + 16px) 6px calc(var(--gl) + 16px)}
@media (max-width:900px){.logo img{height:58px}}
@media (max-width:760px){.ecran{height:720px}.ecran-texte{bottom:110px}.phares{margin-top:-60px}.tuile{width:72vw}.ecran h1{font-size:clamp(38px,11vw,56px)}.ecran-actions .btn{font-size:15.5px;padding:14px 18px}}


/* ===== V4 ===== */
.tuile-nom small{color:var(--salamandre);font-weight:700;font-size:13px}
.tuile{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.tuile:hover{transform:scale(1.06) !important;z-index:3}.tuile:hover .tuile-img{transform:none}}
.rangee{padding-block:18px}
/* billets */
.dates-liste{gap:12px}
.billet{display:grid;grid-template-columns:76px 120px minmax(0,1fr) 44px;align-items:stretch;background:var(--surface);border:1px solid var(--bord);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--texte);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative}
.billet:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 18px 30px -22px rgba(11,31,24,.5)}
.billet-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--salamandre);color:var(--nuit);line-height:1;font-variant-numeric:tabular-nums;border-right:2px dashed rgba(6,21,15,.25)}
.billet-date b{font-family:var(--titres);font-size:30px;font-weight:800}
.billet-date small{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.billet-img{display:block;position:relative}
.billet-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.billet{min-height:84px}
.billet-info{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 16px;min-width:0}
.billet-info em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--accent)}
.billet-info strong{font-weight:800;font-size:17px;line-height:1.2}
.billet-info span{font-size:14.5px;color:var(--texte-doux)}
.billet-go{display:flex;align-items:center;justify-content:center;color:var(--texte-doux)}
.billet:hover .billet-go{color:var(--accent)}
@media (max-width:520px){.billet{grid-template-columns:68px minmax(0,1fr) 36px}.billet-img{display:none}}
.dates-liste .mois{padding:18px 4px 4px}
/* presse en kiosque */
.kiosque{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:1000px){.kiosque{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.kiosque{grid-template-columns:1fr}}
.journal{display:flex;flex-direction:column;gap:10px;background:var(--fond);border:1px solid var(--bord);border-radius:18px;padding:14px;transition:transform .25s,box-shadow .25s}
.journal:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(11,31,24,.55)}
.journal-clic{border:0;background:none;padding:0;text-align:left;color:var(--texte);cursor:pointer;display:flex;flex-direction:column;gap:12px}
.journal-media{font-family:var(--titres);font-weight:700;font-size:15px;letter-spacing:.02em;text-transform:uppercase;padding:2px 4px 0}
.journal-page{position:relative;display:block;height:250px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #E4ECE8}
.journal-page img{width:100%;height:100%;object-fit:contain;padding:8px}
.journal-lire{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;background:var(--nuit);color:#fff;font-weight:800;font-size:14px;border-radius:999px;padding:9px 16px;white-space:nowrap;box-shadow:0 10px 20px -10px rgba(0,0,0,.6);transition:background .2s}
.journal-clic:hover .journal-lire{background:var(--salamandre-fonce)}
.journal-titre{font-family:var(--titres);font-weight:600;font-size:17px;line-height:1.22;padding:0 4px}
.journal-sp{font-size:14px;color:var(--texte-doux);text-decoration:none;padding:0 4px 4px;margin-top:auto}
.journal-sp strong{color:var(--texte)}
a.journal-sp:hover strong{color:var(--accent)}
/* programmateurs */
.pros-appel{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--surface);border:1px solid var(--bord);border-radius:20px;padding:clamp(22px,3vw,34px)}
.pros-label{font-weight:800;color:var(--salamandre);text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.pros-tel{white-space:nowrap;font-family:var(--titres);font-weight:800;font-size:clamp(26px,3vw,44px);line-height:1;user-select:all;font-variant-numeric:tabular-nums}
.pros-mail{color:var(--texte-doux);font-size:18px;user-select:all;margin-bottom:12px;overflow-wrap:anywhere}
.pros-appel .btn{font-size:17px;padding:17px 26px}


/* ===== V5 ===== */
/* 5 affichettes sur la largeur ; au survol, elle grandit et le genre apparaît en dessous */
.rangee{gap:12px;padding:30px calc(var(--gr) + 16px) 80px calc(var(--gl) + 16px);margin-block:-24px -70px}
.tuile{width:calc((100vw - var(--gl) - var(--gr) - 32px - 48px) / 5);min-width:200px;transform-origin:50% 50%;z-index:1}
.tuile:first-child{transform-origin:0 50%}
.tuile:last-child{transform-origin:100% 50%}
.tuile-nom{bottom:18px}
.tuile-sous{position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--nuit-2);border-radius:0 0 10px 10px;padding:10px 14px;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s;pointer-events:none}
.tuile-sous b{color:var(--salamandre);font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tuile-sous i{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--nuit);display:flex;align-items:center;justify-content:center}
@media (hover:hover){
  .tuile:hover{transform:scale(1.16) !important;z-index:6}
  .tuile:hover .tuile-img{border-radius:10px 10px 0 0;transform:none}
  .tuile:hover .tuile-sous{opacity:1;transform:none}
  .tuile:hover .barre{opacity:0}
}
@media (max-width:1100px){.tuile{width:calc((100vw - var(--gl) - var(--gr) - 32px - 36px) / 4)}}
@media (max-width:760px){.tuile{width:66vw}}
/* prochaine date lisible */
.dates .vedette-texte{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.vedette-quand{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.vq-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;padding:8px 0;border-radius:12px;background:#fff;color:var(--nuit);line-height:1;font-variant-numeric:tabular-nums}
.vq-date b{font-family:var(--titres);font-weight:800;font-size:30px}
.vq-date small{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--salamandre-fonce)}
.vq-texte{font-family:var(--titres);font-weight:700;font-size:clamp(18px,1.7vw,24px);color:var(--salamandre);text-transform:capitalize}
/* presse */
.revue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:900px){.revue{grid-template-columns:1fr}}
.revue-art{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;background:var(--fond);border:1px solid var(--bord);border-radius:18px;padding:18px}
.revue-page{border:0;padding:6px;background:#fff;border-radius:8px;cursor:zoom-in;height:190px;box-shadow:0 1px 0 #E4ECE8,0 18px 30px -20px rgba(11,31,24,.5);transition:transform .3s}
.revue-page:hover{transform:rotate(-1.5deg) scale(1.03)}
.revue-page img{width:100%;height:100%;object-fit:contain}
.revue-texte{display:flex;flex-direction:column;gap:8px;min-width:0}
.revue-source{font-size:14px;color:var(--texte-doux)}
.revue-source strong{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.revue-texte h3{font-size:clamp(17px,1.4vw,20px);font-weight:600;line-height:1.22}
.revue-extrait{font-style:italic;color:var(--texte-doux);font-size:16px;line-height:1.45}
.revue-bas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto;padding-top:6px}
.btn-sombre{background:var(--texte);color:var(--fond);padding:11px 18px;font-size:15px}
.btn-sombre:hover{background:var(--accent);color:#fff}
.revue-sp{font-size:14.5px;font-weight:700;color:var(--texte);text-decoration:none;border-bottom:1.5px solid var(--accent)}
@media (max-width:480px){.revue-art{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px}.revue-page{height:130px}}
/* carte de visite programmateurs */
.carte-visite{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--bord);border-radius:20px;padding:clamp(22px,3vw,32px)}
.cv-qui{display:flex;align-items:center;gap:14px;padding-bottom:14px;margin-bottom:2px;border-bottom:1px solid var(--bord);width:100%}
.cv-qui img{width:44px;height:44px;object-fit:contain;transform:rotate(-12deg)}
.cv-qui strong{display:block;font-family:var(--titres);font-weight:600;font-size:20px}
.cv-qui span span{color:var(--texte-doux);font-size:15px}
.cv-ligne{display:flex;align-items:center;gap:12px;font-size:17px;user-select:all;overflow-wrap:anywhere}
.cv-ligne svg{flex:none;color:var(--salamandre)}
.carte-visite .btn{margin-top:8px}

/* ===== V6 ===== */
/* affichettes : nom + genre en petit sur une ligne, comme la version de base ; survol = grandit un peu */
.tuile-sous{display:none !important}
.rangee{padding:26px calc(var(--gr) + 16px) 40px calc(var(--gl) + 16px);margin-block:-20px -30px}
.tuile-nom{display:block;bottom:13px;left:14px;right:14px;font-size:clamp(14px,1.05vw,17px) !important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.tuile-img::after{background:linear-gradient(0deg,rgba(6,21,15,.82),rgba(6,21,15,0) 34%) !important}
.tuile .barre{bottom:6px}
.tuile-genre-sous{position:absolute;left:2px;right:2px;top:calc(100% + 9px);font:500 13px/1.2 var(--corps);color:var(--salamandre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;pointer-events:none}
.tuile:hover .tuile-genre-sous,.tuile:focus-visible .tuile-genre-sous{opacity:1;transform:none}
.tuile-nom small{display:none;font-family:var(--corps);font-weight:500;font-size:12.5px;letter-spacing:.01em;color:var(--salamandre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.6)}
@media (hover:hover){
  .tuile:hover{transform:scale(1.07) !important;z-index:6;box-shadow:0 26px 50px -22px rgba(0,0,0,.9)}
  .tuile:hover .tuile-img{border-radius:10px}
  .tuile:hover .barre{opacity:1}
}
/* intro : on zoome dans la salamandre, le site apparaît à l'intérieur (moins d'une seconde) */
.intro{position:fixed;inset:0;width:100%;height:100%;z-index:200;pointer-events:none}
.intro-sala{position:fixed;left:50%;top:50%;width:min(250px,46vw);height:auto;z-index:201;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 22px rgba(27,196,154,.6))}
.intro.fini,.intro-sala.fini{display:none}
/* rideau entre les pages */
.rideau{visibility:hidden;position:fixed;inset:0;z-index:150;background:var(--salamandre-fonce);transform:translateY(100%);pointer-events:none;display:flex;align-items:center;justify-content:center}
.rideau img{width:min(150px,32vw);opacity:0;transition:opacity .2s;filter:brightness(0) invert(1)}
.rideau.monte,.rideau.part{visibility:visible}
.rideau.monte{transition:transform .42s cubic-bezier(.7,0,.3,1);transform:none}
.rideau.monte img{opacity:.95}
.rideau.part{transition:transform .5s cubic-bezier(.7,0,.3,1);transform:translateY(-100%)}
/* apparition au défilement */
.rev-on .rev{opacity:0;transform:translateY(46px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.rev-on .rev.vu{opacity:1;transform:none}
/* Nos spectacles */
.voir-tout{display:flex;justify-content:center;margin-top:32px}
.voir-tout .btn{font-size:17px;padding:17px 28px}
/* presse : le journal qui se feuillette */
.livre-bande{background:radial-gradient(ellipse 70% 60% at 50% 38%,#18412F 0%,#0A2219 45%,var(--nuit) 80%);border:0;overflow:hidden}
.livre-bande .tete{position:relative;z-index:1}
.livre-zone{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(8px,2vw,28px);perspective:2400px;padding-block:10px 30px}
.livre{position:relative;width:min(100%,1000px,calc((100vh - 240px) * 1.62));margin:0 auto;aspect-ratio:1.62;transform-style:preserve-3d;transform:rotateX(9deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.livre:hover{transform:rotateX(4deg)}
.livre::before{content:"";position:absolute;left:4%;right:4%;bottom:-34px;height:60px;background:radial-gradient(ellipse at center,rgba(0,0,0,.75),rgba(0,0,0,0) 70%);transform:translateZ(-40px);filter:blur(6px)}
.livre::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:rgba(0,0,0,.35);transform:translateZ(1px);pointer-events:none}
.papier{background:#F7F2E7;color:#1A1712;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),repeating-linear-gradient(0deg,rgba(60,40,10,.018) 0 2px,rgba(0,0,0,0) 2px 4px)}
.livre-gauche{position:absolute;left:0;top:0;width:50%;height:100%;border-radius:8px 0 0 8px;box-shadow:inset -26px 0 30px -22px rgba(0,0,0,.45),0 30px 60px -30px rgba(0,0,0,.8)}
.feuille{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.645,.045,.355,1)}
.feuille.tournee{transform:rotateY(-180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.recto{border-radius:0 8px 8px 0;box-shadow:inset 26px 0 30px -22px rgba(0,0,0,.45),0 30px 60px -30px rgba(0,0,0,.8)}
.verso{transform:rotateY(180deg);border-radius:8px 0 0 8px;box-shadow:inset -26px 0 30px -22px rgba(0,0,0,.45)}
.face::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,0) 60%)}
.verso::after{background:linear-gradient(270deg,rgba(0,0,0,.32),rgba(0,0,0,0) 60%)}
.feuille.anim .face::after{animation:pli 1.15s ease}
@keyframes pli{0%,100%{opacity:0}50%{opacity:1}}
.pc{position:absolute;inset:0;border:0;background:none;padding:clamp(14px,2.4vw,30px);cursor:zoom-in;display:flex;flex-direction:column;gap:10px;color:#1A1712}
.pc img{flex:1;min-height:0;width:100%;object-fit:contain;filter:sepia(.12) contrast(1.02);mix-blend-mode:multiply}
.pc-bas{display:flex;justify-content:space-between;align-items:center;font:600 12.5px/1 var(--corps);letter-spacing:.06em;text-transform:uppercase;color:#7A705F;border-top:1px solid #D9CFBC;padding-top:10px}
.pc-bas b{color:#1A1712}
.pt{position:absolute;inset:0;padding:clamp(18px,3vw,44px);display:flex;flex-direction:column;gap:clamp(8px,1.2vw,14px)}
.pt-tete{display:flex;justify-content:space-between;font:700 11.5px/1 var(--corps);letter-spacing:.14em;text-transform:uppercase;color:#7A705F;border-bottom:3px double #1A1712;padding-bottom:10px}
.pt-media{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:clamp(22px,2.7vw,40px);line-height:1;letter-spacing:-.01em;margin-top:clamp(4px,1vw,14px)}
.pt-date{font-size:14px;color:#6B6354;font-weight:600}
.pt h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(17px,1.65vw,24px);line-height:1.2;color:#1A1712}
.pt-extrait{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:clamp(15px,1.35vw,19px);line-height:1.45;color:#3A342A;border-left:3px solid var(--salamandre-fonce);padding-left:14px}
.pt-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.pt-actions .btn{background:#1A1712;color:#F7F2E7;padding:12px 18px;font-size:15px}
.pt-actions .btn:hover{background:var(--salamandre-fonce);color:#fff}
.pt-sp{font-weight:700;font-size:14.5px;color:#1A1712;text-decoration:none;border-bottom:2px solid var(--salamandre-fonce)}
.pt-fin{align-items:center;justify-content:center;text-align:center}
.livre-nav{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(242,247,245,.25);background:rgba(242,247,245,.06);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;z-index:2}
.livre-nav:hover{background:var(--salamandre);color:var(--nuit);border-color:var(--salamandre);transform:scale(1.06)}
.livre-pied{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px}
.livre-points{display:flex;gap:8px}
.livre-points button{width:34px;height:4px;border-radius:4px;border:0;padding:0;background:rgba(242,247,245,.22);cursor:pointer;transition:background .3s,width .3s}
.livre-points button[aria-current="true"]{background:var(--salamandre);width:54px}
.livre-compte{font:700 14px/1 var(--corps);color:#A9C2B9;font-variant-numeric:tabular-nums}
.livre-legende{display:none}
@media (max-width:760px){
  .livre-zone{grid-template-columns:1fr;perspective:1600px}
  .livre-nav{display:none}
  .livre{aspect-ratio:.78;width:100%;transform:none}
  .livre:hover{transform:none}
  .livre::after,.livre-gauche,.verso{display:none}
  .feuille{left:0;width:100%}
  .recto{border-radius:8px}
  .livre-legende{display:block;position:relative;margin-top:18px;border-radius:14px;overflow:hidden;min-height:250px}
  .livre-legende .pt{position:relative;inset:auto}
}
.presse-liste{margin-top:56px}
@media (max-width:480px){[data-mosaique="accueil"] .carte:nth-child(n+5){display:none}}
/* programmateurs : bandeau compact */
.pros{grid-template-columns:minmax(0,1.3fr) auto;padding:clamp(24px,3.6vw,44px) clamp(24px,4vw,52px);gap:24px 48px;border-radius:22px}
.pros h2{font-size:clamp(24px,2.6vw,36px)}
.pros p{font-size:16.5px;margin-top:10px}
.pros-sala{width:220px;right:-30px;top:-40px}
.pros-actions{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pros-actions .ligne{display:flex;flex-wrap:wrap;gap:10px}
.pros-actions .btn{padding:14px 20px;font-size:15.5px}
.pros-mail{font-size:15px;color:var(--texte-doux);text-decoration:none;overflow-wrap:anywhere}
.pros-mail:hover{color:var(--salamandre)}
@media (max-width:900px){.pros{grid-template-columns:1fr}}
/* partenaires : bandeau discret de logos */
.partenaires-bande{padding-block:34px 40px;border-top:1px solid var(--bord)}
.partenaires-bande .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px}
.part-titre{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--texte-doux)}
.partenaires{display:flex !important;flex-wrap:wrap;gap:14px}
.partenaires img{width:64px;height:64px;object-fit:cover;border-radius:12px;background:#fff;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s,transform .3s}
.partenaires img.large{object-fit:contain;padding:6px}
.partenaires img:hover{filter:none;opacity:1;transform:translateY(-2px)}
/* pied plus léger */
.pied .wrap.haut{padding-block:40px 28px;gap:28px}
.pied img{height:56px}
.pied-col{font-size:14.5px;gap:6px}

/* ===== V8 ===== */
.rang-fleche{display:none !important}
/* dates : la grande carte prend la hauteur de la liste */
.dates{align-items:stretch !important}
.dates .vedette{aspect-ratio:auto !important;height:100%;min-height:380px}
@media (max-width:900px){.dates .vedette{min-height:0;aspect-ratio:16/11 !important;height:auto}}
/* presse : coupures éparpillées, la souris ouvre l'article */
.eclate{position:relative;height:clamp(440px,40vw,540px);max-width:1180px;margin:30px auto 0}
.ecl{position:absolute;top:var(--y);left:var(--x);width:clamp(210px,23%,280px);transform:rotate(var(--r));transition:transform .5s cubic-bezier(.2,.7,.2,1),width .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;z-index:var(--z);background:#F7F2E7;color:#1A1712;border-radius:4px;padding:10px 10px 0;box-shadow:0 18px 40px -18px rgba(0,0,0,.85);cursor:zoom-in}
.ecl::before{content:"";position:absolute;left:50%;top:-9px;width:64px;height:20px;margin-left:-32px;background:rgba(232,226,200,.55);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.15)}
.ecl-tete{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:2px solid #1A1712;padding:2px 2px 6px;font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:17px;white-space:nowrap}
.ecl-tete small{font-family:var(--corps);font-weight:600;font-size:11px;color:#7A705F;letter-spacing:.04em}
.ecl-img{display:block;aspect-ratio:4/5;margin:8px 0 10px;overflow:hidden}
.ecl-img img{width:100%;height:100%;object-fit:cover;object-position:50% 0;filter:sepia(.1);mix-blend-mode:multiply}
.ecl-info{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
.ecl-info > div{overflow:hidden}
.ecl-info h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:18px;line-height:1.2;margin:2px 2px 8px}
.ecl-info p{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:15px;line-height:1.4;color:#3A342A;margin:0 2px 12px;border-left:3px solid var(--salamandre-fonce);padding-left:10px}
.ecl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:0 2px 14px}
.ecl-actions .btn{background:#1A1712;color:#F7F2E7;padding:10px 16px;font-size:14px}
.ecl-actions .btn:hover{background:var(--salamandre-fonce);color:#fff}
.ecl-actions a{font-weight:700;font-size:13.5px;color:#1A1712;text-decoration:none;border-bottom:2px solid var(--salamandre-fonce)}
.eclate:hover .ecl{filter:brightness(.6)}
.eclate .ecl:hover,.eclate .ecl:focus-within{filter:none;z-index:20;transform:rotate(0) translateY(-6px) scale(1.08);width:clamp(260px,30%,350px);box-shadow:0 50px 90px -30px rgba(0,0,0,.95)}
.ecl:hover .ecl-info,.ecl:focus-within .ecl-info{grid-template-rows:1fr}
.ecl:hover .ecl-img{aspect-ratio:4/3}
.plus-articles{display:flex;justify-content:center;margin-top:28px}
@media (max-width:900px){
  .eclate{height:auto;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 4px 10px;margin:0 calc(var(--gr) * -1) 0 0}
  .ecl{position:relative;top:auto;left:auto;flex:none;width:76vw;max-width:320px;transform:none !important;scroll-snap-align:start}
  .ecl .ecl-info{grid-template-rows:1fr}
  .ecl .ecl-img{aspect-ratio:4/3}
  .eclate:hover .ecl{filter:none}
}
/* programmateurs : plus grand, plus envie */
.pros{padding:clamp(30px,5vw,64px) clamp(26px,5vw,64px)}
.pros h2{font-size:clamp(30px,3.6vw,54px);max-width:16ch}
.pros p{font-size:18px;max-width:46ch;margin-top:16px}
.pros-sala{width:300px;right:-40px;top:-60px}
.pros-actions .btn{padding:16px 24px;font-size:16.5px}
/* partenaires : une ligne fine */
.partenaires-bande{padding-block:16px}
.partenaires-bande .wrap{flex-wrap:nowrap;gap:24px}
.part-titre{font-size:12px;white-space:nowrap}
.partenaires{gap:10px;flex-wrap:wrap;justify-content:flex-end}
.partenaires img{width:44px;height:44px;border-radius:9px;filter:grayscale(1);opacity:.85}
.partenaires img:hover{filter:none;opacity:1;transform:translateY(-3px) scale(1.18);box-shadow:0 10px 20px -8px rgba(0,0,0,.35)}
@media (max-width:600px){.partenaires-bande .wrap{flex-wrap:wrap}.partenaires{justify-content:flex-start}}

/* ===== V9 ===== */
.ecran h1{font-size:clamp(34px,3.7vw,62px) !important;max-width:20ch !important;line-height:1.02}
.ecran-desc{font-size:clamp(16px,1.15vw,19px)}
.phares{margin-top:clamp(-130px,-13vh,-90px)}
/* presse : des journaux fermés, la souris ouvre le journal en 3D */
.kiosque3d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.6vw,40px);max-width:1180px;margin:20px auto 0;padding:10px 0 20px}
.j3d{position:relative;aspect-ratio:3/4;perspective:1800px;z-index:1;transition:filter .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.j3d:nth-child(odd){transform:rotate(-1.5deg)}.j3d:nth-child(even){transform:rotate(1.5deg) translateY(10px)}
.j3d-page,.j3d-couv{position:absolute;inset:0;border-radius:3px;background:#F7F2E7;color:#1A1712;background-image:repeating-linear-gradient(0deg,rgba(60,40,10,.02) 0 2px,rgba(0,0,0,0) 2px 4px)}
.j3d-page{box-shadow:0 30px 60px -28px rgba(0,0,0,.9);padding:clamp(14px,1.6vw,22px);display:flex;flex-direction:column;gap:10px;overflow:hidden}
.j3d-couv{transform-style:preserve-3d;transform-origin:left center;transition:transform 1s cubic-bezier(.645,.045,.355,1);z-index:2;box-shadow:0 30px 60px -28px rgba(0,0,0,.9)}
.j3d.droite .j3d-couv{transform-origin:right center}
.j3d-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px;overflow:hidden;background:inherit;padding:clamp(12px,1.4vw,18px);display:flex;flex-direction:column;gap:8px}
.j3d-dos{transform:rotateY(180deg);padding:clamp(10px,1.2vw,16px);background:#F1EBDD}
.j3d-dos img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.j3d-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 12%)}
.j3d-tete{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:clamp(18px,1.6vw,24px);line-height:1;text-align:center;border-bottom:3px double #1A1712;padding-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.j3d-date{display:flex;justify-content:space-between;font:700 10.5px/1 var(--corps);letter-spacing:.1em;text-transform:uppercase;color:#7A705F;border-bottom:1px solid #CFC4AE;padding-bottom:6px}
.j3d-une{flex:1;min-height:0;overflow:hidden;border-radius:2px}
.j3d-une img{width:100%;height:100%;object-fit:cover;object-position:50% 0;filter:sepia(.12) contrast(1.03);mix-blend-mode:multiply}
.j3d-titre{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(14px,1.15vw,17px);line-height:1.2}
.j3d-indice{position:absolute;right:10px;bottom:10px;font:700 11px/1 var(--corps);color:#7A705F;letter-spacing:.06em;text-transform:uppercase}
.j3d-page h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(17px,1.4vw,21px);line-height:1.18}
.j3d-page .ex{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:clamp(14px,1.1vw,16px);line-height:1.45;color:#3A342A;border-left:3px solid var(--salamandre-fonce);padding-left:10px}
.j3d-page .act{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.j3d-page .btn{background:#1A1712;color:#F7F2E7;padding:11px 16px;font-size:14px}
.j3d-page .btn:hover{background:var(--salamandre-fonce);color:#fff}
.j3d-page .sp{font-weight:700;font-size:13.5px;color:#1A1712;text-decoration:none;border-bottom:2px solid var(--salamandre-fonce)}
@media (hover:hover) and (min-width:901px){
  .kiosque3d:hover .j3d{filter:brightness(.5)}
  .kiosque3d .j3d:hover{filter:none;z-index:10;transform:rotate(0) translateY(-8px) scale(1.04)}
  .j3d:hover .j3d-couv{transform:rotateY(-178deg)}
  .j3d.droite:hover .j3d-couv{transform:rotateY(178deg)}
}
@media (max-width:900px){
  .kiosque3d{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:16px 4px}
  .j3d{flex:none;width:72vw;max-width:300px;aspect-ratio:auto;transform:none !important;scroll-snap-align:start;display:flex;flex-direction:column;gap:0}
  .j3d-couv{position:relative;aspect-ratio:3/4;transform:none !important}
  .j3d-dos{display:none}
  .j3d-page{position:relative;inset:auto;border-radius:0 0 3px 3px}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* ===== V10 ===== */
/* titres : Fraunces, plus élégant que la police large */
h1,h2,h3{font-weight:600;letter-spacing:-.015em;font-optical-sizing:auto}
.ecran h1{font-size:clamp(40px,4.4vw,74px) !important;font-weight:600;max-width:18ch !important;line-height:1}
.surtitre{font-family:var(--corps)}
/* carrousel : 3D au survol, reflet, entrée en cascade, parallaxe */
.diapo img{translate:var(--px,0) var(--py,0);transition:transform 8s cubic-bezier(.2,.6,.2,1),translate .8s cubic-bezier(.2,.7,.2,1)}
.ecran-sala{translate:calc(var(--px,0px) * -1.6) calc(var(--py,0px) * -1.6);transition:translate .8s cubic-bezier(.2,.7,.2,1)}
.tuile{animation:tuile-entre 1s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(1.9s + var(--i) * 110ms)}
@keyframes tuile-entre{from{opacity:0;transform:perspective(900px) translateY(60px) rotateX(28deg) scale(.92)}}
.tuile .reflet{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.32),rgba(255,255,255,0) 50%)}
@media (hover:hover){
  .tuile{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s,box-shadow .4s}
  .tuile:hover{transform:perspective(900px) translateY(-8px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.13) !important;transition:transform .15s linear,filter .4s,box-shadow .4s;box-shadow:0 40px 70px -25px rgba(0,0,0,.95),0 0 0 1px rgba(27,196,154,.45),0 0 40px -6px rgba(27,196,154,.35) !important}
  .tuile:hover .reflet{opacity:1}
  .rangee:hover .tuile:not(:hover){filter:brightness(.5) saturate(.7)}
}

/* ===== V11 ===== */
/* presse : un vrai journal (papier journal, manchette, colonnes) + rangée façon Netflix qui le feuillette */
.gazette .livre{width:min(100%,960px,calc((100vh - 330px) * 1.5));aspect-ratio:1.5}
.gazette .livre-nav{display:none}
.livre-zone.gazette{grid-template-columns:minmax(0,1fr)}
.gazette .papier,.gazette .livre .recto,.gazette .livre .verso,.gazette .livre .livre-gauche,.gazette .tranche{background-color:#EAE6DD;color:#151515}
.gazette .livre .recto{border-radius:0 2px 2px 0;background-image:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,0) 40px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .23 0 0 0 0 .2 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.gazette .livre .verso,.gazette .livre .livre-gauche{border-radius:2px 0 0 2px;background-image:linear-gradient(270deg,rgba(0,0,0,.2),rgba(0,0,0,0) 40px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .23 0 0 0 0 .2 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.gazette .tranche{border-radius:2px}
.gazette .recto::before{background:linear-gradient(315deg,rgba(0,0,0,0) 50%,#D6D1C6 50%,#F2EFE8 75%)}
.gz{padding:clamp(18px,2.6vw,36px) clamp(20px,3vw,42px);gap:0;font-family:'Playfair Display',Georgia,serif}
.gz-mast{text-align:center;border-bottom:3px double #151515;padding-bottom:8px}
.gz-mini{display:flex;justify-content:space-between;font:700 10.5px/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:#55524B;border-bottom:1px solid #151515;padding-bottom:7px;margin:0}
.gz-nom{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:clamp(30px,3.6vw,54px);line-height:1;letter-spacing:-.01em;margin:10px 0 8px}
.gz-ligne{display:flex;justify-content:space-between;font:600 11px/1 var(--corps);letter-spacing:.12em;text-transform:uppercase;color:#55524B;border-top:1px solid #151515;padding-top:7px;margin:0}
.gz-rub{font:600 12px/1.2 var(--corps);letter-spacing:.14em;text-transform:uppercase;color:var(--salamandre-fonce);margin:clamp(14px,2vw,22px) 0 8px}
.gz-rub b{color:#151515}
.gz h3{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:clamp(20px,2.2vw,32px);line-height:1.08;letter-spacing:-.01em;color:#151515;text-wrap:balance}
.gz-chapo{margin-top:clamp(10px,1.4vw,16px);font-family:'Playfair Display',Georgia,serif;font-size:clamp(16px,1.45vw,21px);line-height:1.5;color:#2A2824;font-style:italic;max-width:34ch}
.gz-chapo{border-left:3px solid #151515;padding-left:16px}
.gz-chapo::before{content:"« "}.gz-chapo::after{content:" »"}
.gz-lire{white-space:nowrap}
@media (max-width:760px){.gz-bas{flex-wrap:wrap}}
.gz-bas{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #151515;padding-top:12px}
.gz-lire{font:700 14px/1 var(--corps);letter-spacing:.06em;text-transform:uppercase;background:#151515;color:#EAE6DD;border:0;padding:12px 18px;cursor:pointer;transition:background .2s}
.gz-lire:hover{background:var(--salamandre-fonce)}
.gz-sp{font:600 14px/1.2 var(--corps);color:#151515;text-decoration:none;border-bottom:1.5px solid var(--salamandre-fonce)}
.gz-droite{padding:clamp(18px,2.6vw,36px) clamp(20px,3vw,40px) clamp(14px,2vw,24px) clamp(26px,3.4vw,46px)}
.gz-folio{display:flex;justify-content:space-between;font:700 10.5px/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:#55524B;border-bottom:1px solid #151515;padding-bottom:7px;margin:0}
.gz-photo{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 0}
.gz-photo img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(.15) contrast(1.03);mix-blend-mode:multiply;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.gazette .pc-bas{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #151515;padding-top:9px;font:600 11.5px/1.2 var(--corps);letter-spacing:.08em;text-transform:uppercase;color:#55524B;margin:0}
.gazette .pc-bas span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Playfair Display',Georgia,serif;text-transform:none;letter-spacing:0;font-style:italic;font-size:13.5px}
.gazette .pc-bas b{color:#151515;flex:none}
/* rangée Netflix sous le journal */
.gz-rang{display:flex;justify-content:center;gap:14px;padding:26px 6px 18px;margin-top:6px}
.gz-tuile{position:relative;flex:none;width:clamp(180px,14vw,240px);aspect-ratio:16/10;border:0;padding:0;border-radius:8px;overflow:visible;background:#0E2A20;cursor:pointer;text-align:left;color:#fff;font:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s,box-shadow .35s;animation:tuile-entre .9s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,4) * 90ms)}
.gz-img{position:absolute;inset:0;border-radius:8px;overflow:hidden;background:#EAE6DD}
.gz-img img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:grayscale(.3) sepia(.15)}
.gz-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,21,15,.97) 22%,rgba(6,21,15,.6) 60%,rgba(6,21,15,.15))}
.gz-info{position:absolute;left:12px;right:12px;bottom:13px;display:flex;flex-direction:column;gap:4px}
.gz-info small{font:700 10.5px/1 var(--corps);letter-spacing:.14em;text-transform:uppercase;color:var(--salamandre)}
.gz-info b{font-family:var(--titres);font-weight:600;font-size:14.5px;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gz-tuile .barre{position:absolute;left:12px;right:12px;bottom:5px;height:3px;border-radius:3px;background:rgba(242,247,245,.22);overflow:hidden;opacity:0}
.gz-tuile .barre i{display:block;height:100%;width:0;background:#fff}
.gz-tuile.active{box-shadow:0 0 0 2px #fff}
.gz-tuile.active .barre{opacity:1}
.gz-tuile.active .barre i{animation:remplit 6.5s linear forwards}
.gz-pause .gz-tuile.active .barre i{animation-play-state:paused}
.gz-plus{display:flex;flex-direction:column;justify-content:space-between;padding:14px;background:linear-gradient(135deg,rgba(27,196,154,.22),rgba(27,196,154,.05));border:1px solid rgba(27,196,154,.45)}
.gz-plus span{font-family:var(--titres);font-weight:600;font-size:18px;line-height:1.15}
.gz-plus b{align-self:flex-end;width:36px;height:36px;border-radius:50%;background:var(--salamandre);color:var(--nuit);display:flex;align-items:center;justify-content:center;font-size:18px}
@media (hover:hover){
  .gz-tuile:hover{transform:translateY(-6px) scale(1.1);z-index:3;box-shadow:0 26px 50px -18px rgba(0,0,0,.9),0 0 0 2px var(--salamandre)}
  .gz-rang:hover .gz-tuile:not(:hover){filter:brightness(.55)}
}
@media (max-width:900px){
  .gz-rang{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:4px}
  .gz-tuile{width:62vw;max-width:260px;scroll-snap-align:start}
  .gazette .livre{aspect-ratio:.72}
  .gz-chapo{columns:1}
}
/* encart programmateurs : plus classe */
.pros.pros2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(36px,5.5vw,80px) clamp(26px,5vw,72px);border-radius:24px;background:#06150F;isolation:isolate;min-height:clamp(420px,46vw,560px)}
.pros2 .pros-fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2;filter:saturate(.8) brightness(.9);transform:scale(1.04);transition:transform 8s ease}
.pros2:hover .pros-fond{transform:scale(1.1)}
.pros2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 70% at 78% 45%,rgba(27,196,154,.18),rgba(27,196,154,0) 60%),linear-gradient(90deg,rgba(6,21,15,.97) 0%,rgba(6,21,15,.88) 45%,rgba(6,21,15,.55) 100%)}
.pros2 .pros-sala{width:240px;right:-36px;top:-40px;opacity:.08;z-index:-1}
.pros2 .surtitre{color:var(--salamandre);letter-spacing:.16em;font-size:13px}
.pros2 h2{font-family:var(--titres);font-weight:500;font-size:clamp(34px,4.2vw,64px);line-height:1.02;letter-spacing:-.02em;max-width:15ch;color:#fff}
.pros2 h2 em{font-style:italic;font-weight:400;color:var(--salamandre)}
.pros2 .pros-g > p:not(.surtitre){color:#C9DAD3;font-size:18px;line-height:1.6;max-width:44ch;margin-top:20px}
.pros-pts{list-style:none;margin:30px 0 0;padding:22px 0 0;border-top:1px solid rgba(242,247,245,.16);display:flex;flex-wrap:wrap;gap:16px 40px}
.pros-pts li{display:flex;flex-direction:column;gap:4px}
.pros-pts b{font-family:var(--titres);font-weight:600;font-size:clamp(22px,2vw,28px);color:#fff;line-height:1}
.pros-pts span{font-size:14px;color:#A9C2B9}
.pros-carte{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.6vw,34px);border-radius:20px;background:rgba(242,247,245,.07);border:1px solid rgba(242,247,245,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.pros-carte-t{margin:0;font:700 12px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;color:#A9C2B9}
.pros-qui{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(242,247,245,.14)}
.pros-qui img{width:46px;height:46px;object-fit:contain;transform:rotate(-14deg)}
.pros-qui strong{display:block;font-family:var(--titres);font-weight:600;font-size:22px;color:#fff;line-height:1.1}
.pros-qui span{font-size:14.5px;color:#A9C2B9}
.pros-carte .btn{justify-content:center;font-size:16.5px;padding:17px 24px;margin-top:4px}
.pros-carte .pros-tel{display:block;text-align:center;font-family:var(--titres);font-weight:500;font-size:clamp(24px,2.2vw,30px);color:#fff;text-decoration:none;letter-spacing:.01em;padding:6px 0 0}
.pros-carte .pros-tel:hover{color:var(--salamandre)}
.pros-carte .pros-mail{text-align:center;font-size:14.5px;color:#A9C2B9;margin:0}
@media (max-width:900px){.pros.pros2{grid-template-columns:1fr;min-height:0}}

/* ===== V12 ===== */
/* carrousel du haut : vignettes sur toute la largeur, texte plus présent, barre blanche bien visible */
@media (min-width:761px){
  .rangee{gap:12px;overflow:visible}
  .rangee .tuile{flex:1 1 0;width:auto;min-width:0}
}
.tuile-img{aspect-ratio:16/9.6}
.tuile-nom{font-family:var(--corps) !important;font-weight:800 !important;font-size:clamp(15px,1.3vw,22px) !important;letter-spacing:-.01em;bottom:18px !important;left:16px !important;right:16px !important}
.tuile .barre{height:4px;bottom:8px;left:16px;right:16px;background:rgba(255,255,255,.28)}
.tuile.active .barre{opacity:1 !important}
.tuile .barre i{background:#fff;box-shadow:0 0 10px rgba(255,255,255,.7)}
/* presse : le journal */
.papier-j{background-color:#E3E0D7;background-image:linear-gradient(180deg,rgba(0,0,0,0) 48.6%,rgba(0,0,0,.07) 49.8%,rgba(255,255,255,.4) 50.1%,rgba(0,0,0,0) 51.4%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .23 0 0 0 0 .2 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.jn-scene{perspective:2200px;display:flex;justify-content:center;padding:6px 0 4px}
.jn{position:relative;width:min(100%,1080px,calc((100vh - 400px) * 1.38));aspect-ratio:1.38;transform-style:preserve-3d;transform:rotateX(16deg);transition:transform 1s cubic-bezier(.2,.7,.2,1);outline:none}
.jn:hover,.jn:focus-visible{transform:rotateX(5deg)}
.jn::before{content:"";position:absolute;left:3%;right:3%;bottom:-40px;height:80px;background:radial-gradient(ellipse at center,rgba(0,0,0,.8),rgba(0,0,0,0) 70%);transform:translateZ(-50px);filter:blur(12px);pointer-events:none}
.jn-ep{position:absolute;top:0;height:100%;width:50%;background:#DAD6CC;transform:translateZ(-3px);pointer-events:none;box-shadow:1px 2px 0 #CFCBC0,-1px 3.5px 0 #E1DDD4,1.5px 5px 0 #CCC8BD,-.5px 6.5px 0 #DEDAD0,1px 8px 0 #C6C2B6,0 9px 0 rgba(0,0,0,.25)}
.jn-ep.g{left:0}.jn-ep.d{left:50%}
.jn-p,.jn-face{position:absolute;top:0;height:100%;width:50%;overflow:hidden}
.jn-g{left:0}.jn-d{left:50%}
.jn-f{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transform:translateZ(var(--zz,0px)) rotateY(0deg);transition:transform 1.1s cubic-bezier(.645,.045,.355,1)}
.jn-f.tournee{transform:translateZ(var(--zz,0px)) rotateY(-180deg)}
.jn-face{left:0;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.jn-v{transform:rotateY(180deg)}
.jn-page{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:4.5% 5.5%;cursor:zoom-in;transition:filter .5s}
.jn-page::after{content:"";position:absolute;inset:0;pointer-events:none}
.jn-page.gauche::after{background:linear-gradient(270deg,rgba(0,0,0,.22),rgba(0,0,0,0) 14%)}
.jn-page.droite::after{background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,0) 14%)}
.jn-page img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(.08) contrast(1.04)}
.jn-page:not(.vise):not(.vide) img{opacity:.82}
.jn-lire{position:absolute;left:50%;bottom:4.5%;transform:translate(-50%,8px);background:#141414;color:#EDEAE2;font:700 13.5px/1 var(--corps);letter-spacing:.04em;padding:11px 18px;border-radius:999px;opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap;z-index:2}
.jn-page:hover .jn-lire{opacity:1;transform:translate(-50%,0)}
.jn-coin{position:absolute;right:0;bottom:0;z-index:3;width:44px;height:44px;border:0;padding:0;cursor:pointer;background:linear-gradient(315deg,rgba(0,0,0,0) 50%,#CFCBC1 50%,#EEEBE4 78%);box-shadow:-3px -3px 10px rgba(0,0,0,.15);transition:width .25s,height .25s}
.jn-coin.g{right:auto;left:0;background:linear-gradient(45deg,rgba(0,0,0,0) 50%,#CFCBC1 50%,#EEEBE4 78%);box-shadow:3px -3px 10px rgba(0,0,0,.15)}
.jn-coin:hover{width:64px;height:64px}
.jn-mobile{display:none}
section.livre-bande{padding-block:clamp(44px,6vh,84px)}
section.livre-bande .tete{margin-bottom:clamp(10px,2vh,24px)}
.jn-rang{margin-top:clamp(18px,2.6vh,30px)}
.tuile-nom{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15 !important}
.jn-rang{display:grid;grid-template-columns:repeat(var(--nb),minmax(0,1fr));gap:12px;margin-top:clamp(22px,3vh,34px)}
.jn-tuile{position:relative;border:0;padding:0;background:none;cursor:pointer;text-align:left;color:#fff;font:inherit;text-decoration:none;border-radius:10px;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s}
.jn-timg{position:relative;display:block;aspect-ratio:16/8.4;border-radius:10px;overflow:hidden;background:#E3E0D7}
.jn-timg img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;filter:grayscale(.2)}
.jn-timg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,21,15,.92) 10%,rgba(6,21,15,.25) 60%,rgba(6,21,15,0))}
.jn-tnom{position:absolute;left:16px;right:16px;bottom:18px;z-index:1;font:800 clamp(14px,1.15vw,19px)/1.2 var(--corps);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.jn-tnom small{display:block;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--salamandre);margin-bottom:4px}
.jn-tuile .barre{position:absolute;left:16px;right:16px;bottom:8px;z-index:2;height:4px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden;opacity:0}
.jn-tuile .barre i{display:block;height:100%;width:0;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.7)}
.jn-tuile.active .jn-timg{box-shadow:0 0 0 3px #fff}
.jn-tuile.active .barre{opacity:1}
.jn-tuile.active .barre i{animation:remplit 5s linear forwards}
.jn-pause .jn-tuile.active .barre i{animation-play-state:paused}
.jn-plus .jn-timg{background:linear-gradient(135deg,#0F3A2B,#0A2219);border:1px solid rgba(27,196,154,.45)}
.jn-plus .jn-timg::after{display:none}
.jn-plus .jn-tnom{top:16px;bottom:auto;font-size:clamp(16px,1.3vw,21px)}
.jn-plus b{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:var(--salamandre);color:var(--nuit);display:flex;align-items:center;justify-content:center;font-size:20px}
@media (hover:hover){
  .jn-tuile:hover{transform:scale(1.07);z-index:3}
  .jn-rang:hover .jn-tuile:not(:hover){filter:brightness(.55)}
}
@media (max-width:760px){
  .jn-scene{display:none}
  .jn-mobile{display:block;position:relative;aspect-ratio:.72;border-radius:3px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
  .jn-mobile .jn-page{padding:6%}
  .jn-mobile .jn-lire{opacity:1;transform:translate(-50%,0)}
  .jn-rang{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .jn-tuile{flex:none;width:64vw;scroll-snap-align:start}
}

/* ===== V13 ===== */
.livre{width:min(100%,1000px,calc((100vh - 400px) * 1.62))}
/* carrousel : vignettes un peu plus basses */
.phares{margin-top:clamp(-72px,-7vh,-48px) !important}
/* presse : retour au journal d'origine ; rectangles = logo ou nom du journal (pas l'article) */
.jr-rang{display:grid;grid-template-columns:repeat(var(--nb),minmax(0,1fr));gap:12px;margin-top:clamp(14px,2.4vh,26px)}
.jr-tuile{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:clamp(96px,11vh,124px);padding:16px 14px 20px;border-radius:10px;border:1px solid rgba(242,247,245,.14);background:linear-gradient(160deg,rgba(242,247,245,.09),rgba(242,247,245,.03));color:#fff;text-align:center;cursor:pointer;font:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s,background .3s}
.jr-media{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:clamp(19px,1.7vw,27px);line-height:1.05;letter-spacing:-.01em}
.jr-date{font:600 12.5px/1 var(--corps);letter-spacing:.08em;text-transform:uppercase;color:#A9C2B9}
.jr-tuile .barre{position:absolute;left:16px;right:16px;bottom:9px;height:4px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden;opacity:0}
.jr-tuile .barre i{display:block;height:100%;width:0;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.7)}
.jr-tuile.active{border-color:#fff;box-shadow:0 0 0 2px #fff;background:linear-gradient(160deg,rgba(242,247,245,.16),rgba(242,247,245,.05))}
.jr-tuile.active .barre{opacity:1}
.jr-tuile.active .barre i{animation:remplit 6.5s linear forwards}
.jr-pause .jr-tuile.active .barre i{animation-play-state:paused}
.jr-plus{background:linear-gradient(135deg,rgba(27,196,154,.24),rgba(27,196,154,.06));border-color:rgba(27,196,154,.5)}
.jr-plus .jr-media{font-family:var(--titres);font-weight:600;font-size:clamp(16px,1.35vw,21px)}
.jr-plus b{width:34px;height:34px;border-radius:50%;background:var(--salamandre);color:var(--nuit);display:flex;align-items:center;justify-content:center}
@media (hover:hover){
  .jr-tuile:hover{transform:translateY(-4px) scale(1.05);z-index:2}
  .jr-rang:hover .jr-tuile:not(:hover){filter:brightness(.6)}
}
@media (max-width:760px){.jr-rang{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.jr-tuile{flex:none;width:52vw;scroll-snap-align:start}}

/* ===== V14 ===== */
/* journal vu un peu du dessus, épaisseur des pages visible */
.livre{transform:rotateX(20deg)}
.livre:hover{transform:rotateX(9deg)}
.tranche{position:absolute;top:0;height:100%;width:50%;background:#F1EADB;transform:translateZ(-2px);pointer-events:none;transition:box-shadow .9s ease}
.tranche.g{left:0;border-radius:8px 0 0 8px}
.tranche.d{left:50%;border-radius:0 8px 8px 0}
@media (max-width:760px){.tranche{display:none}}
/* rectangles : photo du spectacle + nom du journal */
.jr-tuile{overflow:hidden;justify-content:flex-end;align-items:flex-start;text-align:left;padding:14px 16px 20px;min-height:clamp(118px,14vh,150px);border:0;isolation:isolate}
.jr-fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.jr-fond.logo{object-fit:contain;padding:14px 14px 50px;opacity:.35;background:linear-gradient(135deg,#0F3A2B,#0A2219)}
.jr-tuile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,21,15,.95) 12%,rgba(6,21,15,.45) 60%,rgba(6,21,15,.1))}
.jr-tuile:hover .jr-fond{transform:scale(1.06)}
.jr-sp{font:700 11.5px/1.2 var(--corps);letter-spacing:.1em;text-transform:uppercase;color:var(--salamandre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.jr-tuile .jr-media{font-size:clamp(18px,1.55vw,25px)}
.jr-tuile .jr-date{color:#C9DAD3;font-size:11.5px}
.jr-tuile.active{border:0;box-shadow:0 0 0 3px #fff}
.jr-plus{justify-content:space-between;align-items:flex-start}
.jr-plus::before{display:none}

/* le journal arrive fermé et s'ouvre quand on descend jusqu'à lui */
.couv{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transform:translateZ(3px) rotateY(-180deg);transition:transform 1.5s cubic-bezier(.645,.045,.355,1);display:none;pointer-events:none}
.livre.ferme .couv,.livre.ouvre .couv{display:block}
.livre.ferme .couv{transform:translateZ(3px) rotateY(0deg)}
.couv-face{border-radius:0 8px 8px 0;background:radial-gradient(ellipse at 50% 40%,#17503A,#0A2A1E 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#F1EADB;box-shadow:inset 18px 0 24px -16px rgba(0,0,0,.6),0 30px 60px -30px rgba(0,0,0,.8);border:1px solid rgba(241,234,219,.15)}
.couv-face img{width:34%;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}
.couv-face p{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:clamp(24px,2.6vw,40px);letter-spacing:-.01em}
.couv-face span{font:700 12px/1 var(--corps);letter-spacing:.24em;text-transform:uppercase;color:var(--salamandre)}
.livre{transition:transform .8s cubic-bezier(.2,.7,.2,1),translate 1.5s cubic-bezier(.645,.045,.355,1)}
.livre.ferme{translate:-25% 0}
.livre.ferme .livre-gauche,.livre.ouvre .livre-gauche{visibility:hidden}
.livre.ferme .tranche.g{opacity:0}
.tranche.g{transition:box-shadow .9s ease,opacity .6s .9s}
@media (max-width:760px){.couv{display:none !important}.livre.ferme{translate:none}}

/* pages en papier journal qui se dressent en éventail / défilent */
.ev{display:none;position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;pointer-events:none;border-radius:0 6px 6px 0;filter:brightness(var(--b,1));
  background:repeating-linear-gradient(180deg,rgba(45,40,30,.16) 0 2px,rgba(0,0,0,0) 2px 7px) 12% 14%/34% 72% no-repeat,repeating-linear-gradient(180deg,rgba(45,40,30,.16) 0 2px,rgba(0,0,0,0) 2px 7px) 88% 14%/34% 72% no-repeat,linear-gradient(rgba(45,40,30,.55),rgba(45,40,30,.55)) 50% 7%/76% 3% no-repeat,linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 18%),#EEE8DC;
  box-shadow:0 0 0 .5px rgba(0,0,0,.12),0 10px 30px -12px rgba(0,0,0,.35)}
.ev.g{transform:translateZ(var(--z)) rotateY(-180deg)}
.ev.d{transform:translateZ(var(--z)) rotateY(0deg)}
@media (max-width:760px){.ev{display:none !important}}

/* ===== V15 : plus journal, moins livre ===== */
.livre .papier,.livre .face.papier,.livre .livre-gauche{background-color:#E9E5DB;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .23 0 0 0 0 .2 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.livre .livre-gauche,.livre .verso,.livre .tranche.g{border-radius:2px 0 0 2px}
.livre .recto,.livre .tranche.d,.couv-face{border-radius:0 2px 2px 0}
.tranche{background:#E2DDD2}
.feuille{transition-duration:.8s}
.couv{transition-duration:1s}
.livre{transition:transform .8s cubic-bezier(.2,.7,.2,1),translate 1s cubic-bezier(.645,.045,.355,1)}
.tranche.g{transition:box-shadow .6s ease,opacity .4s .6s}
.couv-face{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:7% 8%;color:#151515;border:0;box-shadow:inset 14px 0 18px -14px rgba(0,0,0,.35),0 30px 60px -30px rgba(0,0,0,.8)}
.une-tete{margin:0;text-align:center;font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:clamp(24px,2.6vw,40px);line-height:1;border-bottom:3px double #151515;padding-bottom:10px}
.une-photo{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.une-photo img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(.2)}
.une-col{height:9%;background:repeating-linear-gradient(180deg,rgba(40,35,25,.2) 0 2px,rgba(0,0,0,0) 2px 7px)}
/* rectangles = petites unes */
.jr-tuile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;text-align:left;padding:10px 12px 18px;min-height:0;border:0;border-radius:3px;background:#E9E5DB;color:#151515;box-shadow:0 14px 30px -16px rgba(0,0,0,.8);isolation:auto;overflow:visible}
.jr-tuile::before{display:none}
.jr-tete{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:clamp(15px,1.3vw,21px);line-height:1;text-align:center;border-bottom:3px double #151515;padding-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr-filet{display:flex;justify-content:space-between;gap:8px;font:700 9.5px/1 var(--corps);letter-spacing:.12em;text-transform:uppercase;color:#5A564E;border-bottom:1px solid #151515;padding-bottom:5px}
.jr-filet span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--salamandre-fonce)}
.jr-corps{display:grid;grid-template-columns:42% 1fr;gap:9px;align-items:start}
.jr-photo{aspect-ratio:4/3;overflow:hidden;background:#cfcac0}
.jr-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply;transition:filter .4s}
.jr-titre{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(12.5px,.95vw,15px);line-height:1.18;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.jr-tuile .barre{left:12px;right:12px;bottom:7px;height:3px;background:rgba(0,0,0,.15)}
.jr-tuile .barre i{background:#151515;box-shadow:none}
.jr-tuile.active{box-shadow:0 0 0 3px #fff,0 14px 30px -16px rgba(0,0,0,.8)}
.jr-tuile:hover .jr-photo img,.jr-tuile.active .jr-photo img{filter:grayscale(0)}
.jr-plus{background:linear-gradient(135deg,rgba(27,196,154,.24),rgba(27,196,154,.06));color:#fff;border:1px solid rgba(27,196,154,.5);justify-content:space-between;padding:14px 16px}
.jr-tuile.active{background:#F4F1E9;filter:none}


/* V17 : rectangles blancs + tourne de page soignée */
.jr-tuile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:12px 14px 18px;border-radius:3px;background:#F4F1E9;color:#151515;box-shadow:0 14px 30px -16px rgba(0,0,0,.8)}
.jr-tete{font-size:clamp(20px,1.85vw,30px);padding-bottom:7px}
.jr-corps{grid-template-columns:38% 1fr;gap:10px;align-items:center}
.jr-photo{aspect-ratio:16/10;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.jr-photo img{filter:none;mix-blend-mode:normal}
.jr-titre{-webkit-line-clamp:3;font-size:clamp(12.5px,.92vw,14.5px)}
.jr-tuile.active{background:#fff;filter:none;box-shadow:0 0 0 3px var(--salamandre),0 18px 34px -16px rgba(0,0,0,.9)}
.jr-tuile .barre{background:rgba(0,0,0,.12)}
.jr-tuile .barre i{background:var(--salamandre-fonce,#0E7A5F)}
/* tourne de page */
.feuille{transition:transform .82s cubic-bezier(.45,.05,.35,1)}
.feuille.anim .face::after{animation:pli .82s ease}
.feuille.anim .recto::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,0) 62%) no-repeat;background-size:250% 100%;animation:reflet .82s ease}
@keyframes reflet{from{background-position:120% 0}to{background-position:-20% 0}}
.ombre{position:absolute;top:0;width:50%;height:100%;pointer-events:none;opacity:0;z-index:1}
.ombre.d{left:50%;transform-origin:left center;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.12) 55%,rgba(0,0,0,0))}
.ombre.g{left:0;transform-origin:right center;background:linear-gradient(270deg,rgba(0,0,0,.42),rgba(0,0,0,.12) 55%,rgba(0,0,0,0))}
@media (max-width:760px){.ombre{display:none}}
/* une : vraies coupures en pile */
.une-pile{flex:1;min-height:0;position:relative}
.une-pile img{position:absolute;left:50%;top:50%;max-width:62%;max-height:92%;object-fit:contain;background:#fff;padding:5px;box-shadow:0 6px 16px rgba(0,0,0,.28);transform:translate(-50%,-50%) translateX(calc((var(--j) - 1)*22%)) rotate(calc((var(--j) - 1)*6deg))}
.une-pile img[style*="--j:1"]{z-index:2}
.une-pied{margin:0;text-align:center;font:700 11px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;color:#5A564E;border-top:1px solid #151515;padding-top:9px}
.couv-face .une-pile img{width:auto;height:auto;max-width:64%;max-height:90%;filter:none}

/* V18 : rectangles plus grands, affiche entière, titre en citation */
.livre{width:min(100%,1000px,calc((100vh - 420px) * 1.62))}
.jr-rang{gap:16px}
.jr-tuile{padding:14px 16px 20px;gap:10px}
.jr-tete{font-size:clamp(22px,2vw,32px)}
.jr-corps{grid-template-columns:auto 1fr;gap:14px;align-items:center}
.jr-photo{aspect-ratio:auto;height:clamp(80px,10vh,108px);width:auto;background:none;box-shadow:none;border-radius:0;overflow:visible;display:flex}
.jr-photo img{height:100%;width:auto;object-fit:contain;box-shadow:0 4px 12px rgba(0,0,0,.3);filter:none;mix-blend-mode:normal}
.jr-photo.logo img{box-shadow:none;height:86%;align-self:center}
.jr-titre{font-family:var(--titres);font-style:italic;font-weight:500;font-size:clamp(14px,1.08vw,17px);line-height:1.28;color:#0F5C48;border-left:3px solid var(--salamandre);padding-left:10px;-webkit-line-clamp:4}
.jr-tuile.active .jr-titre{color:#0B4A3A}
/* pages superposées */
.sous{position:absolute;top:0;width:50%;height:100%;pointer-events:none;background:#E6E1D6;
  transform:translateZ(calc(var(--i) * -1.2px - 2.5px)) translate(calc(var(--s) * var(--i) * 3px), calc(var(--i) * 2.2px)) rotate(calc(var(--s) * var(--i) * .22deg));
  box-shadow:0 1px 2px rgba(0,0,0,.18),0 6px 14px -8px rgba(0,0,0,.35);filter:brightness(calc(1 - var(--i) * .035))}
.sous.g{left:0;--s:-1;transform-origin:right center;background:linear-gradient(270deg,rgba(0,0,0,.14),rgba(0,0,0,0) 12%),#E6E1D6}
.sous.d{left:50%;--s:1;transform-origin:left center;background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,0) 12%),#E6E1D6}
.livre.ferme .sous.g,.livre.ouvre .sous.g{opacity:0}
.sous.g{transition:opacity .4s .6s}
@media (max-width:760px){.sous{display:none}}
/* courbure du papier près de la reliure + bord extérieur */
.livre .recto::after,.livre .verso::after{z-index:1}
.livre .recto{background-image:linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.06) 4%,rgba(255,255,255,.22) 9%,rgba(255,255,255,0) 18%,rgba(0,0,0,0) 92%,rgba(0,0,0,.07) 100%)}
.livre .verso,.livre .livre-gauche{background-image:linear-gradient(270deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.06) 4%,rgba(255,255,255,.22) 9%,rgba(255,255,255,0) 18%,rgba(0,0,0,0) 92%,rgba(0,0,0,.07) 100%)}