/* Sorties Culture — feuille de style unique (ordinateur et mobile). Référence graphique : maquette Sorties Culture. */
@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url(../fonts/poppins-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:400;font-display:swap;src:url(../fonts/nunito-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:600;font-display:swap;src:url(../fonts/nunito-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:700;font-display:swap;src:url(../fonts/nunito-sans-latin-700-normal.woff2) format("woff2")}

:root{
  --marine:#0B2150; --txt:#1E3557; --gris:#5C7091; --gris2:#7D8CA3; --trait:#E4E9EF; --trait2:#ECF0F4; --fond2:#F6F8FA;
  --orange:#FD8F1F; --orange-f:#F98516; --orange-t:#EF6A06; --orange-c:#FEF6F0; --orange-b:#F9D9BF; --voir:#0A8A76; --ciel:#3DA5D9;
  --bord:#DCE2E9;
  --f-titre:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-txt:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-logo:"Poppins","Nunito Sans",system-ui,sans-serif;
  --wrap:1280px; --g:32px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.45 var(--f-txt);color:var(--txt);background:#fff;overflow-x:hidden}
a{color:var(--voir)}
img,svg{display:block}
button,input,select{font:inherit}
.i{width:1.1em;height:1.1em;flex:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--marine);color:#fff;padding:10px 16px;border-radius:8px}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--ciel);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--g)}

/* Pictogrammes : traits fins, couleurs pastel, aplat très léger */
.pc{width:24px;height:24px;flex:none}
.pc .f{fill:currentColor;fill-opacity:.14}
.pc--musees{color:#7E9BD8}.pc--spectacles{color:#9068F5}.pc--expositions{color:#EE7B6A}.pc--ateliers{color:#3BA595}
.pc--mediatheques{color:#5A9DE6}.pc--festivals{color:#F7865F}.pc--autres{color:#46638C}.pc--tout{color:var(--orange-t)}
.pc--activites{color:#3E9B5B}.pc--halloween{color:#F07A1F}.pc--noel{color:#E0524A}.pc--paques{color:#B96FD0}.pc--famille{color:#EE8A2A}

/* ------------------------------------------------------------------ En-tête */
.hd{border-bottom:1px solid var(--trait)}
.hd__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:96px}
.logo{display:flex;align-items:center;gap:16px;text-decoration:none;min-width:0}
.logo__i{width:142px;height:auto;flex:none}
.logo__t{display:flex;flex-direction:column;min-width:0}
.logo__n{font:800 2.6rem/1 var(--f-logo);letter-spacing:-.035em;color:var(--marine);white-space:nowrap}
.logo__n b{color:var(--orange);font-weight:800}
.logo__s-sun{position:relative;display:inline-block}
.logo__s-sun svg{position:absolute;right:-.34em;top:.0em;width:.62em;height:.52em;color:var(--orange)}
.logo__s{margin-top:7px;font:700 1.08rem/1.2 var(--f-txt);color:var(--marine);white-space:nowrap}
.hd__plus{display:flex;gap:30px;margin:0;padding:0;list-style:none}
.hd__plus li{display:flex;align-items:center;gap:12px;font-size:.9rem;line-height:1.3;color:#22406A}
.hd__plus .i{width:34px;height:34px;color:#16365F;stroke-width:1.4}

/* En-tête court avec la recherche à droite du logo (pages de liste) */
@media (min-width:701px){
  .hd--srch .hd__in{height:82px;gap:20px}
  .hd--srch .logo{gap:12px;flex:none}
  .hd--srch .logo__i{width:112px}
  .hd--srch .logo__n{font-size:2.05rem}
  .hd--srch .logo__s{margin-top:5px;font-size:.9rem}
  .hd__srch{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end}
  .hd__srch .sk-l1{flex-wrap:nowrap;gap:8px;min-width:0}
  .hd__srch .sk-ville{flex:0 1 250px;min-width:150px;height:40px}
  .hd__srch .sk-ville input{font-size:.95rem}
  .hd__srch .sk-km{width:100px;height:40px;font-size:.92rem;padding:0 30px 0 12px;background-position:right 10px center}
  .hd__srch .sk-dates{gap:6px;margin-left:2px;flex:none}
  .hd__srch .sk-dt span{min-width:0;height:40px;padding:0 12px;font-size:.9rem}
}
@media (min-width:701px) and (max-width:1180px){
  .hd--srch .hd__in{height:auto;flex-wrap:wrap;padding:8px var(--g) 10px;row-gap:8px}
  .hd__srch{flex:1 1 100%;justify-content:flex-start}
  .hd__srch .sk-l1{flex-wrap:wrap}
  .hd__srch .sk-ville{flex:1 1 260px}
}

/* ------------------------------------------------------------------ Recherche */
.sk-bar{padding:14px 0 0}
.hd--srch+main .sk-bar{padding-top:2px}
.hd--srch+main .sk-cats{margin-top:4px}
.sk-h1{margin:0 0 10px;font:700 1.35rem/1.2 var(--f-titre);color:var(--marine)}
.sk-l1{display:flex;align-items:center;gap:10px;min-width:0}
.sk-ville{position:relative;display:flex;align-items:center;gap:10px;flex:0 1 362px;min-width:0;height:42px;padding:0 6px 0 13px;border:1px solid var(--bord);border-radius:6px;background:#fff}
.sk-ville:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(253,143,31,.15)}
.sk-ville>.i{width:19px;height:19px;color:#3B5373}
.sk-ville input{flex:1 1 auto;min-width:0;height:40px;border:0;padding:0;background:transparent;font-size:1rem;font-weight:600;color:var(--marine);outline:none}
.sk-ville input::placeholder{color:#7D8CA3;font-weight:400}
.sk-ville input::-webkit-calendar-picker-indicator{display:none!important}
.sk-geo,.sk-clr{display:grid;place-items:center;width:32px;height:32px;flex:none;border:0;border-radius:6px;background:transparent;cursor:pointer}
.sk-geo{color:var(--voir)}.sk-geo:hover{background:#EAF5F2}
.sk-clr{color:#9AA6B6}.sk-clr:hover{color:#6E7D91}
.sk-geo[hidden],.sk-clr[hidden]{display:none}
.sk-geo .i{width:21px;height:21px}
.sk-clr .i{width:18px;height:18px}
.sk-km{flex:none;width:146px;height:42px;padding:0 34px 0 14px;border:1px solid var(--bord);border-radius:6px;font-size:.98rem;font-weight:600;color:var(--marine);cursor:pointer;
  -webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2150' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px}
.sk-dates{display:flex;gap:9px;margin:0 0 0 7px;padding:0;border:0;min-width:0}
.sk-dt{position:relative;flex:none;cursor:pointer}
.sk-dt input{position:absolute;opacity:0;width:1px;height:1px}
.sk-dt span{display:flex;align-items:center;justify-content:center;min-width:86px;height:42px;padding:0 20px;border:1px solid var(--bord);border-radius:6px;background:#fff;font-size:.96rem;font-weight:600;color:var(--marine);white-space:nowrap}
.sk-dt:hover span{border-color:#B9C3CF}
.sk-dt input:checked+span{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}
.sk-dt input:focus-visible+span{outline:3px solid var(--ciel);outline-offset:2px}

/* Catégories */
.sk-cats{display:flex;align-items:center;gap:0;margin:10px 0 0;padding:0 0 8px;border:0;border-bottom:1px solid var(--trait);min-width:0}
.sk-cat{position:relative;flex:0 0 auto;min-width:0;cursor:pointer}
.sk-cat+.sk-cat,.sk-cat+.sk-plus{border-left:1px solid var(--trait)}
.sk-cat input{position:absolute;opacity:0;width:1px;height:1px}
.sk-cat>span{display:flex;align-items:center;gap:10px;height:44px;margin:0 6px;padding:0 14px;border:1px solid transparent;border-radius:6px;background:#fff;white-space:nowrap}
.sk-cat:hover>span{background:var(--fond2)}
.sk-cat .pc{width:23px;height:23px}
.sk-cat__l{font-weight:600;font-size:.93rem;color:var(--marine)}
.sk-cat__n{font-size:.88rem;color:#6E819C}
.sk-cat--tout>span{margin-left:0;padding:0 20px;gap:14px}
.sk-cat input:checked+span{border-color:var(--orange-b);background:var(--orange-c)}
.sk-cat input:checked+span .sk-cat__l,.sk-cat input:checked+span .sk-cat__n{color:var(--orange-t);font-weight:700}
.sk-cat input:focus-visible+span{outline:3px solid var(--ciel);outline-offset:2px}
.sk-cat.is-zero .sk-cat__l,.sk-cat.is-zero .sk-cat__n{color:#A3AEBB}
.sk-cat.is-zero .pc{opacity:.45}
/* Menu « Plus » */
.sk-plus{position:relative;margin-left:auto}
.sk-plus:not(.is-js),.sk-plus:not(.is-js) .sk-plus__m{display:contents}
.sk-plus__b{display:flex;align-items:center;gap:6px;height:44px;padding:0 6px 0 18px;border:0;background:none;font-size:.97rem;font-weight:600;color:#3A5375;cursor:pointer}
.sk-plus__b .i{width:16px;height:16px;transition:transform .15s}
.sk-plus.is-open .sk-plus__b .i{transform:rotate(180deg)}
.sk-plus.is-js .sk-plus__m{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:30;flex-direction:column;min-width:250px;padding:6px;border:1px solid var(--trait);border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(11,33,80,.12)}
.sk-plus.is-js.is-open .sk-plus__m{display:flex}
.sk-plus__m .sk-cat{border-left:0!important}
.sk-plus__m .sk-cat>span{margin:0;height:40px}
.sk-plus__m .sk-cat__n{margin-left:auto;padding-left:12px}
.sk-ok{height:42px;padding:0 16px;border:0;border-radius:6px;background:var(--marine);color:#fff;font-weight:700}
.sk-msg{margin:8px 0 0;font-weight:700;font-size:.9rem;color:#8A3B06}
.sk-msg[hidden]{display:none}

/* ------------------------------------------------------------------ Résultats */
.sk-res{padding:0 0 28px}
.sk-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 20px;padding:8px 0 7px;border-bottom:1px solid var(--trait)}
.sk-hd__n{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0;color:#3A5375}
.sk-hd__n strong{font:700 1.6rem/1.1 var(--f-titre);color:var(--marine);letter-spacing:-.01em}
.sk-hd__n>span{font-size:1rem}
.sk-hd__a{font-size:.92rem!important;color:var(--gris)}
.sk-hd__pg{display:none}
.sk-hd__tri{display:flex;align-items:center;gap:12px;margin:0;color:#2A4268;font-size:1rem}
.sk-hd__tri select{height:42px;padding:0 38px 0 14px;border:1px solid var(--bord);border-radius:6px;font-size:1rem;font-weight:600;color:var(--marine);cursor:pointer;
  -webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2150' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px}
.sk-note{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;padding:10px 14px;border-radius:6px;background:var(--orange-c);color:#7A3405;font-weight:600;font-size:.92rem}
.sk-note .i{width:18px;height:18px;margin-top:2px}
.sk-vide{margin:16px 0 0;padding:16px 18px;border:1px solid var(--trait);border-radius:6px;color:var(--gris)}
.sk-vide p{margin:0 0 4px}

/* Une ligne par sortie : DATE | PICTO | CATÉGORIE | ÉVÉNEMENT | PRIX | DISTANCE | VOIR */
.sk-ls{list-style:none;margin:0;padding:0}
.sk-ln{position:relative;display:grid;grid-template-columns:78px 48px 150px minmax(0,1fr) 118px 128px 78px;align-items:center;column-gap:12px;min-height:48px;padding:2px 0;border-bottom:1px solid var(--trait2)}
.sk-ln:hover{background:#FBFCFD}
.sk-ln:focus-within{outline:2px solid var(--ciel);outline-offset:-2px}
.sk-ln__d{display:flex;flex-direction:column;align-items:center;justify-content:center;height:41px;border-radius:4px;background:var(--fond2);line-height:1.18}
.sk-ln__d span{font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#2A4268}
.sk-ln__d strong{font-weight:700;font-size:.9rem;color:var(--marine);white-space:nowrap}
.sk-ln__p{display:flex;justify-content:center}
.sk-ln__p .pc{width:24px;height:24px}
.sk-ln__c{font-size:.92rem;color:var(--marine);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-ln__b{display:flex;flex-direction:column;min-width:0}
.sk-ln__t{font:700 .98rem/1.28 var(--f-titre);color:var(--marine);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-ln__t::after{content:"";position:absolute;inset:0}
.sk-ln__t:focus-visible{outline:none}
.sk-ln:hover .sk-ln__t{text-decoration:underline;text-underline-offset:2px}
.sk-ln__m{font-size:.85rem;line-height:1.3;color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-ln__x{font-size:.92rem;color:#34496B;text-align:center;white-space:nowrap}
.sk-ln__x--nc{color:#B3BDC9}
.sk-ln__k{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.92rem;color:#34496B;white-space:nowrap}
.sk-ln__k .i{width:16px;height:16px;color:#7D8CA3}
.sk-ln__o .i{display:inline-block;width:13px;height:13px;margin-right:5px;vertical-align:-2px;color:#8A99AE}
.sk-ln__go{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;font-weight:700;font-size:.94rem;color:var(--voir)}
.sk-ln__go .i{width:15px;height:15px;stroke-width:2.4}
.sk-pg{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 0;color:var(--gris)}
.sk-pg a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid var(--bord);border-radius:6px;color:var(--marine);font-weight:700;text-decoration:none}
.sk-pg a:hover{border-color:var(--orange);color:var(--orange-t)}
.sk-src{margin:18px 0 0;font-size:.82rem;color:var(--gris2);text-align:center}

/* ------------------------------------------------------------------ Fiche */
.sk-fi{padding-top:18px;padding-bottom:40px;max-width:900px}
.sk-fil{margin:0 0 14px;font-size:.88rem;color:var(--gris)}
.sk-fil a{color:var(--gris)}
.sk-fi__c{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-weight:700;color:var(--marine)}
.sk-fi__t{margin:0 0 14px;font:700 clamp(1.5rem,3vw,2.1rem)/1.2 var(--f-titre);color:var(--marine)}
.sk-fi__i{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0 0 16px;padding:6px 0;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.sk-fi__i div{display:flex;gap:10px;padding:8px 0}
.sk-fi__i dt{display:flex;align-items:center;gap:6px;flex:0 0 132px;font-weight:700;color:var(--marine)}
.sk-fi__i dt .i{color:var(--orange-f)}
.sk-fi__i dd{margin:0;color:var(--txt)}
.sk-fi__d{margin:0 0 18px;font-size:1.02rem;line-height:1.6}
.sk-fi__a{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.sk-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--orange-f);border-radius:8px;background:var(--orange-f);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}
.sk-btn:hover{background:#E8770A}
.sk-btn--l{background:#fff;color:var(--marine);border-color:#D3D8DE}
.sk-btn--l:hover{background:var(--fond2)}
.sk-fi__w{display:flex;gap:8px;align-items:flex-start;padding:10px 14px;border-radius:8px;background:var(--fond2);font-size:.92rem;color:var(--txt)}
.sk-fi__w .i{margin-top:3px;color:var(--orange-f)}
.sk-fi__s{font-size:.82rem;color:var(--gris)}
.sk-fi__h{margin:26px 0 8px;font:700 1.15rem var(--f-titre);color:var(--marine)}
.sk-mini{list-style:none;margin:0 0 18px;padding:0}
.sk-mini a{display:grid;grid-template-columns:110px 24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;border-bottom:1px solid var(--trait2);color:var(--txt);text-decoration:none}
.sk-mini a:hover .sk-mini__t{color:var(--orange-f)}
.sk-mini__d{font-size:.88rem;color:var(--gris)}
.sk-mini__t{font-weight:700;color:var(--marine);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-mini__v{font-size:.85rem;color:var(--gris);white-space:nowrap}
.sk-prose h2{margin:22px 0 6px;font:700 1.1rem var(--f-titre);color:var(--marine)}

/* ------------------------------------------------------------------ Pied de page */
.ft{margin-top:10px;padding:28px 0 0;border-top:1px solid var(--trait);background:var(--fond2);font-size:.88rem}
.ft__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ft nav{display:flex;flex-direction:column;gap:4px}
.ft nav a{color:var(--txt);text-decoration:none}
.ft nav a:hover{color:var(--orange-f);text-decoration:underline}
.ft__h{margin:0 0 6px;font-weight:700;color:var(--marine);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}
.ft__end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:22px;padding-top:14px;padding-bottom:18px;border-top:1px solid var(--trait);color:var(--gris)}
.ft__end a{color:var(--gris)}

/* ------------------------------------------------------------------ Administration */
.adm main{padding-top:20px;padding-bottom:40px}
.adm h1{font:700 1.5rem var(--f-titre);color:var(--marine)}
.adm h2{margin:26px 0 8px;font:700 1.1rem var(--f-titre);color:var(--marine)}
.adm-login{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.adm-login input{height:46px;padding:0 12px;border:1px solid #D3D8DE;border-radius:8px}
.adm-out{float:right}
.adm-k{display:flex;flex-wrap:wrap;gap:12px}
.adm-k p{margin:0;padding:10px 14px;border:1px solid var(--trait);border-radius:8px}
.adm-k strong{font:700 1.2rem var(--f-titre);color:var(--marine)}
.adm-t{width:100%;border-collapse:collapse;font-size:.86rem;margin-bottom:10px}
.adm-t th,.adm-t td{padding:6px 8px;border-bottom:1px solid var(--trait2);text-align:left;vertical-align:top}
.adm-t th{background:var(--fond2);color:var(--marine)}
.adm-t form{margin:0}
.adm-t .sk-btn{min-height:34px;padding:0 10px;font-size:.84rem}
.st-erreur td{background:#FDECEC}.st-partiel td{background:#FFF6E6}.st-conf td{background:#F3F6FA}.st-off td{color:#98A2AE}.st-ok td:nth-child(3){color:#0A7A4E}
.adm-t small{display:block;margin-top:3px;color:var(--gris);font-size:.8rem}.adm-t p{margin:0 0 3px}
.adm-g{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.adm-log{max-height:340px;overflow:auto;padding:12px;background:var(--fond2);border-radius:8px;font-size:.8rem;white-space:pre-wrap}
.adm small{display:block;margin-top:6px;color:var(--gris)}


/* ------------------------------------------------------------------ Écrans moyens */
@media (max-width:1240px){
  :root{--g:24px}
  .hd__plus{gap:20px}
  .hd__plus li{font-size:.84rem}
  .hd__plus .i{width:28px;height:28px}
  .sk-ln{grid-template-columns:76px 34px 120px minmax(0,1fr) 92px 84px 62px;column-gap:10px}
}
@media (max-width:1100px){
  .hd__plus{display:none}
  .sk-l1{flex-wrap:wrap}
  .sk-ville{flex:1 1 300px}
  .sk-dates{margin-left:0}
  .sk-cats{flex-wrap:wrap}
  .sk-cat{flex:0 1 auto}
}
@media (max-width:900px){
  .sk-dates{flex:1 1 100%;overflow-x:auto;scrollbar-width:none}
  .sk-dates::-webkit-scrollbar{display:none}
  .sk-ln{grid-template-columns:72px 30px 112px minmax(0,1fr) 72px 64px 50px}
  .ft__in{grid-template-columns:1fr 1fr}
}

/* ------------------------------------------------------------------ Mobile */
@media (max-width:700px){
  :root{--g:14px}
  .hd__in{height:64px;gap:10px}
  .hd--srch .hd__in{height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;row-gap:8px}
  .hd__srch{flex:1 1 100%;min-width:0}
  .hd--srch{border-bottom:0}
  .logo{gap:9px}
  .logo__i{width:88px}
  .logo__n{font-size:1.5rem}
  .logo__s{margin-top:3px;font-size:.74rem;white-space:normal}
  .sk-bar{padding-top:10px}
  .sk-h1{font-size:1.1rem;margin-bottom:8px}
  .sk-l1{gap:8px}
  .sk-ville{flex:1 1 0;height:44px}
  .sk-km{width:96px;height:44px;padding:0 28px 0 10px;background-position:right 8px center}
  .sk-dates{gap:6px;margin:0 calc(-1 * var(--g));padding:0 var(--g)}
  .sk-dt span{min-width:0;height:38px;padding:0 14px;font-size:.93rem}
  .sk-cats{flex-wrap:nowrap;overflow-x:auto;gap:0;margin:8px calc(-1 * var(--g)) 0;padding:0 var(--g) 8px;scrollbar-width:none}
  .sk-plus,.sk-plus.is-js .sk-plus__m{display:contents!important}
  .sk-plus__b{display:none!important}
  .sk-plus__m .sk-cat{border-left:1px solid var(--trait)!important}
  .sk-cats::-webkit-scrollbar{display:none}
  .sk-cat{flex:none}
  .sk-cat>span,.sk-cat--tout>span{height:38px;margin:0 3px;padding:0 10px;gap:7px}
  .sk-cat .pc{width:19px;height:19px}
  .sk-cat__l{font-size:.9rem}
  .sk-cat__n{font-size:.82rem}
  .sk-hd{padding:10px 0 8px}
  .sk-hd__n{gap:2px 10px}
  .sk-hd__n strong{font-size:1.35rem}
  .sk-hd__n>span{font-size:.92rem}
  .sk-hd__a,.sk-hd__pg{display:none}
  .sk-hd__tri{font-size:.88rem;gap:8px}
  .sk-hd__tri select{height:36px;font-size:.88rem;padding:0 32px 0 10px}
  /* Ligne : date | picto · catégorie · prix · distance / titre / ville, horaires, âge */
  .sk-ln{grid-template-columns:54px 18px max-content max-content minmax(0,1fr) 14px;grid-template-areas:"d p c x k go" "d b b b b go";column-gap:7px;row-gap:1px;min-height:0;padding:6px 0}
  .sk-ln__d{grid-area:d;height:46px}
  .sk-ln__d span{font-size:.68rem}
  .sk-ln__d strong{font-size:.84rem}
  .sk-ln__p{grid-area:p}
  .sk-ln__p .pc{width:18px;height:18px;opacity:.75}
  .sk-ln__c{grid-area:c;font-size:.8rem;color:var(--gris)}
  .sk-ln__x{grid-area:x;font-size:.8rem;font-weight:700;color:var(--txt);text-align:left}
  .sk-ln__x::before{content:"· ";font-weight:400;color:var(--gris)}
  .sk-ln__x--nc{display:none}
  .sk-ln__k{grid-area:k;font-size:.8rem;justify-content:flex-end;gap:3px;color:var(--gris)}
  .sk-ln__k .i{width:12px;height:12px}
  .sk-ln__b{grid-area:b}
  .sk-ln__t{white-space:normal;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .sk-ln__m{white-space:normal;font-size:.8rem;line-height:1.28}
  .sk-ln__go{grid-area:go;font-size:0}
  .sk-ln__go .i{width:15px;height:15px}
  .sk-fi__i{grid-template-columns:1fr}
  .sk-fi__i dt{flex-basis:118px}
  .sk-mini a{grid-template-columns:86px 20px minmax(0,1fr)}
  .sk-mini__v{display:none}
  .ft__in{grid-template-columns:1fr}
  .adm-g{grid-template-columns:1fr}
}
@media (max-width:370px){
  .logo__s{display:none}
  .sk-km{width:84px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* ================================================================== Sorties Culture : couleurs, logo, pictogrammes, liste (maquette) */
:root{--marine:#0F1F4B;--txt:#1E3050;--gris:#677691;--gris2:#7E8CA2;--orange:#DE913C;--orange-f:#D4822C;--orange-t:#AD4D00;--orange-c:#FDF2E6;--orange-b:#F2D5B2;--voir:#0A5E57}
.logo{gap:14px}
.logo__i{width:92px;height:auto}
.logo__n{font:800 2.35rem/1 var(--f-txt);letter-spacing:-.02em;color:var(--marine)}
.logo__n b{color:#E0943F;font-weight:800}
.logo__s{margin-top:6px;font:400 .95rem/1.2 var(--f-txt);color:#4A5874}
.hd--srch .logo__i{width:84px}
.hd--srch .logo__n{font-size:2.15rem}
.hd--srch .logo__s{font-size:.88rem}
.sk-dt input:checked+span{background:var(--orange);border-color:var(--orange)}
.sk-msg{color:#A14300}
.pc--musees{color:#B98E4E}.pc--expositions{color:#E0444E}.pc--theatres{color:#4B63D3}.pc--concerts{color:#9A66EE}
.pc--cinema{color:#1E7A45}.pc--spectacles{color:#E2557F}.pc--festivals{color:#F07A2A}.pc--patrimoine{color:#C08A4A}.pc--autres{color:#46638C}
.pc .f{fill-opacity:.13}
/* Catégories : une ligne (défilement si l'écran est trop étroit) */
@media (min-width:701px){
  .sk-cats{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  .sk-cats::-webkit-scrollbar{display:none}
  .sk-cat>span{padding:0 12px;gap:8px;margin:0 4px}
  .sk-cat .pc{width:22px;height:22px}
  .sk-cat__l{font-size:.92rem}
  .sk-cat__n{font-size:.84rem;color:#7A879B}
}
.sk-cat input:checked+span .sk-cat__l,.sk-cat input:checked+span .sk-cat__n{color:var(--orange-t)}
/* Liste : DATE | PICTO | CATÉGORIE | ÉVÉNEMENT (lieu, ville, horaires, tarif) | DISTANCE | VOIR — ≈ 60 px par ligne */
.sk-hd__n strong{font-size:1.75rem}
.sk-ln{grid-template-columns:86px 46px 150px minmax(0,1fr) 100px 76px;column-gap:14px;min-height:60px;padding:4px 0}
.sk-ln__d{height:50px;border-radius:4px}
.sk-ln__d span{font-size:.8rem}
.sk-ln__d strong{font-size:.98rem}
.sk-ln__p .pc{width:27px;height:27px}
.sk-ln__c{font-size:.98rem}
.sk-ln__t{font-size:1.05rem;line-height:1.3}
.sk-ln__m{font-size:.9rem;line-height:1.35;color:var(--gris)}
.sk-ln__k{justify-content:flex-end;color:var(--gris2);font-size:.95rem;padding-right:6px}
.sk-ln__go{color:var(--voir)}
.sk-dates-l{margin:0 0 16px;padding-left:20px;color:var(--txt)}
.sk-dates-l li{margin:2px 0}
@media (max-width:1240px){ .sk-ln{grid-template-columns:80px 36px 120px minmax(0,1fr) 80px 60px;column-gap:10px} }
@media (max-width:900px){ .sk-ln{grid-template-columns:72px 30px 100px minmax(0,1fr) 64px 50px} }
@media (max-width:700px){
  .logo__i,.hd--srch .logo__i{width:52px}
  .logo__n,.hd--srch .logo__n{font-size:1.45rem}
  .logo__s,.hd--srch .logo__s{font-size:.72rem;margin-top:3px}
  .sk-ln{grid-template-columns:54px 18px max-content minmax(0,1fr) 14px;grid-template-areas:"d p c k go" "d b b b go";min-height:0;padding:6px 0}
  .sk-ln__d{height:46px}
  .sk-ln__k{justify-content:flex-end;padding-right:0;font-size:.8rem}
  .sk-ln__t{font-size:.95rem}
  .sk-ln__m{font-size:.8rem}
  .sk-hd__n strong{font-size:1.3rem}
}
/* Ajustements : les 9 catégories tiennent sur une ligne à partir de 1180 px ; champ ville lisible ; périodes sur une ligne au téléphone */
@media (min-width:1181px){
  .hd__srch .sk-ville{flex:0 1 270px;min-width:210px}
  .sk-cat{flex:1 1 auto}
  .sk-cat>span,.sk-cat--tout>span{justify-content:center;margin:0 3px;padding:0 9px;gap:7px}
  .sk-cat--tout>span{margin-left:0}
}
@media (max-width:700px){
  .sk-dates{display:flex;gap:5px;overflow:visible}
  .sk-dt{flex:1 1 auto}
  .sk-dt span{height:36px;padding:0 4px;font-size:.82rem}
  .sk-ln__c{font-size:.82rem}
  .sk-ln__m{line-height:1.3}
}
@media (min-width:1181px){ .hd__srch .sk-ville{flex-basis:255px;min-width:200px} .hd__srch .sk-ville input{font-size:.9rem} .hd__srch .sk-dt span{padding:0 11px} }
/* Logo officiel (image) + slogan à droite, sur deux lignes */
.logo,.hd--srch .logo{gap:12px;align-items:center}
.logo__img{display:block;width:auto;height:62px;flex:none}
.hd--srch .logo__img{height:58px}
.logo__s,.hd--srch .logo__s{margin:0;max-width:178px;padding-left:12px;border-left:1px solid var(--trait);font:600 .8rem/1.3 var(--f-txt);color:var(--gris);white-space:normal}
@media (min-width:701px) and (max-width:1180px){ .logo__img,.hd--srch .logo__img{height:52px} }
@media (max-width:700px){
  .logo,.hd--srch .logo{gap:10px}
  .logo__img,.hd--srch .logo__img{height:42px}
  .logo__s,.hd--srch .logo__s{max-width:150px;padding-left:10px;font-size:.68rem;margin:0}
}
.logo__img{height:72px}.hd--srch .logo__img{height:68px}
.logo__s,.hd--srch .logo__s{max-width:212px}
@media (min-width:701px) and (max-width:1180px){ .logo__img,.hd--srch .logo__img{height:56px} }
@media (max-width:700px){ .logo__img,.hd--srch .logo__img{height:44px} .logo__s,.hd--srch .logo__s{max-width:172px} }
/* Catégories du menu « Plus » */
.pc--ateliers{color:#C2410C}.pc--litterature{color:#7C3AED}.pc--rencontres{color:#0E7490}.pc--nature{color:#2F7D32}
/* Barre de catégories : une ligne à partir de 1181 px (menu « Plus » visible), sur deux lignes entre 701 et 1180 px */
@media (min-width:701px){ .sk-cats{overflow:visible} }
@media (min-width:701px) and (max-width:1180px){ .sk-cats{flex-wrap:wrap!important;row-gap:4px} }

/* ================================================================== Refonte « agenda » (maquette du 24/10/2026)
   Toutes les catégories visibles (2 lignes compactes si besoin) · liste DATE | CATÉGORIE | TITRE + LIEU + DESCRIPTION | TARIF | DISTANCE | VOIR */
.pc--opera{color:#B4235A}.pc--danse{color:#C2489B}
.sk-plus{display:none!important}
.sk-cats{flex-wrap:wrap!important;overflow:visible!important;row-gap:2px;padding-bottom:6px}
.sk-cat{flex:0 0 auto!important}
.sk-cat>span,.sk-cat--tout>span{height:36px!important;margin:0 2px!important;padding:0 10px!important;gap:7px!important}
.sk-cat .pc{width:20px!important;height:20px!important}
.sk-cat__l{font-size:.9rem!important}
.sk-cat__n{font-size:.8rem!important;color:#8592A6}
.sk-bar{padding-top:6px}
.sk-hd{margin-top:6px}

.sk-ln{grid-template-columns:84px 150px minmax(0,1fr) 128px 104px 98px!important;grid-template-areas:none!important;column-gap:16px!important;
  align-items:center;min-height:0!important;padding:9px 0!important;border-bottom:1px solid #E9EDF2}
.sk-ln__p{display:none}
.sk-ln__d{height:auto!important;min-height:58px;padding:6px 4px;border-radius:5px;background:#F3F5F8;gap:1px}
.sk-ln__d span{font-size:.74rem!important;font-weight:600;color:#3A4F70}
.sk-ln__d strong{font-size:1rem!important;color:var(--marine)}
.sk-ln__d em{font-style:normal;font-size:.74rem;color:var(--gris);white-space:nowrap}
.sk-ln__c{display:flex;align-items:center;gap:10px;min-width:0;font-size:.95rem!important;color:var(--marine)}
.sk-ln__c .pc{flex:none;width:26px;height:26px}
.sk-ln__c span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-ln__b{gap:2px}
.sk-ln__t{font-size:1.04rem!important;line-height:1.28!important}
.sk-ln__o{display:block;font-size:.88rem;line-height:1.3;color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-ln__o .i{width:13px;height:13px;margin-right:5px;vertical-align:-2px;color:#8A99AE}
.sk-ln__q{color:var(--gris2)}
.sk-ln__x{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;text-align:left!important;
  font-size:.86rem!important;line-height:1.35;color:#56657E!important}
.sk-ln__px,.sk-ln__k{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;align-self:stretch;
  padding:0 6px!important;border-left:1px solid #E9EDF2;text-align:center;white-space:nowrap}
.sk-ln__px small,.sk-ln__k small{font-size:.74rem;color:var(--gris2)}
.sk-ln__px strong,.sk-ln__k strong{font-size:1.06rem;font-weight:700;color:var(--marine)}
.sk-ln__k strong{font-weight:600;font-size:1rem}
.sk-ln__px small+strong+small{white-space:normal;line-height:1.2;max-width:120px}
.sk-ln__px.is-nc span{font-size:.8rem;line-height:1.25;color:#98A3B3;white-space:normal}
.sk-ln__go{justify-self:end;display:inline-flex!important;align-items:center;gap:6px;height:38px;padding:0 14px;border:1px solid #9CC9C3;border-radius:6px;
  font-size:.95rem!important;font-weight:700;color:var(--voir)!important;background:#fff}
.sk-ln__go .i{width:16px;height:16px;stroke-width:2.2}
.sk-ln:hover .sk-ln__go{background:#EEF7F5;border-color:var(--voir)}
@media (max-width:1180px){ .sk-ln{grid-template-columns:76px 118px minmax(0,1fr) 108px 84px 84px!important;column-gap:12px!important} }
@media (max-width:900px){ .sk-ln{grid-template-columns:70px minmax(0,1fr) 96px 74px 70px!important} .sk-ln__c{display:none!important} .sk-ln__go{padding:0 10px} }

/* Téléphone : 1. date + catégorie · 2. titre · 3. lieu · 4. description · 5. tarif + distance + Voir */
@media (max-width:700px){
  .sk-cat>span,.sk-cat--tout>span{height:32px!important;padding:0 8px!important;gap:5px!important}
  .sk-cat .pc{width:17px!important;height:17px!important}
  .sk-cat__l{font-size:.82rem!important}
  .sk-cats{margin:6px 0 0!important;padding:0 0 6px!important}
  .sk-cat+.sk-cat{border-left:0!important}
  .sk-ln{grid-template-columns:auto 1fr auto auto!important;grid-template-areas:"d c c c" "b b b b" "px k k go"!important;column-gap:10px!important;row-gap:4px!important;padding:10px 0!important}
  .sk-ln__d{grid-area:d;flex-direction:row!important;min-height:0;height:24px!important;padding:0 8px;gap:5px;align-items:center}
  .sk-ln__d span,.sk-ln__d strong,.sk-ln__d em{font-size:.8rem!important}
  .sk-ln__c{grid-area:c;display:flex!important;font-size:.84rem!important;color:var(--gris)}
  .sk-ln__c .pc{width:18px;height:18px}
  .sk-ln__b{grid-area:b}
  .sk-ln__t{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem!important}
  .sk-ln__o{white-space:normal}
  .sk-ln__px{grid-area:px;flex-direction:row!important;align-items:baseline;justify-content:flex-start;gap:6px;border-left:0;padding:0!important;text-align:left;flex-wrap:wrap}
  .sk-ln__k{grid-area:k;flex-direction:row!important;align-items:baseline;justify-content:flex-start;gap:5px;padding:0 0 0 10px!important}
  .sk-ln__px>small:first-child,.sk-ln__k>small{display:none}
  .sk-ln__px strong,.sk-ln__k strong{font-size:.95rem}
  .sk-ln__px small+strong+small{font-size:.76rem;max-width:none}
  .sk-ln__go{grid-area:go;height:34px;padding:0 12px;font-size:.88rem!important}
}
.sk-ln__x::before{content:none!important}
@media (max-width:700px){
  .sk-ln__x{font-weight:400!important;font-size:.84rem!important}
  /* catégories : deux lignes compactes qui défilent horizontalement (toutes accessibles, sans débordement de la page) */
  .sk-cats{display:grid!important;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;column-gap:4px;row-gap:4px!important;
    overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;margin:6px calc(-1 * var(--g)) 0!important;padding:0 var(--g) 8px!important;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .sk-cats::-webkit-scrollbar{display:none}
  .sk-cat>span,.sk-cat--tout>span{border:1px solid #E6EAF0!important;border-radius:16px!important;margin:0!important}
  .sk-cat input:checked+span{border-color:var(--orange-b)!important}
}

/* ================================================================== Version définitive (maquette du 24/10/2026, 01 h 10)
   Densité +10 % : date sans encadré, en-têtes de colonnes, lignes alternées #FFF / #F7F8FA, « Voir › » en simple lien */
.sk-th,.sk-ln{grid-template-columns:96px 200px minmax(0,1fr) 170px 120px 92px!important;column-gap:16px!important}
.sk-th{display:grid;align-items:center;margin-top:4px;padding:7px 20px;background:#F3F5F8;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6B7A92}
.sk-th span:nth-child(n+4){padding-left:16px}
.sk-ls{border-top:0}
.sk-ln{padding:6px 20px!important;border-bottom:1px solid #E9EDF2!important;background:#fff}
.sk-ls>.sk-ln:nth-child(even){background:#F7F8FA}
.sk-ln:hover,.sk-ls>.sk-ln:nth-child(even):hover{background:#F1F4F8}
.sk-ln__d{display:block!important;min-height:0!important;padding:0!important;background:none!important;border-radius:0;text-align:left;line-height:1.25}
.sk-ln__d span{display:block;font-size:.8rem!important;font-weight:500;text-transform:uppercase;color:var(--marine)!important}
.sk-ln__d strong{display:block;font-size:.98rem!important;font-weight:700;color:var(--marine)}
.sk-ln__c{gap:12px!important;font-size:.95rem!important;color:var(--marine)}
.sk-ln__c .pc{width:24px!important;height:24px!important}
.sk-ln__b{gap:0!important}
.sk-ln__t{font-size:1.02rem!important;line-height:1.25!important}
.sk-ln__o{font-size:.86rem!important;line-height:1.25!important;margin-top:1px}
.sk-ln__x{font-size:.85rem!important;line-height:1.28!important;margin-top:1px}
.sk-ln__px,.sk-ln__k{align-items:flex-start!important;text-align:left!important;padding:2px 0 2px 16px!important;gap:0!important}
.sk-ln__px strong{font-size:1rem!important;line-height:1.25}
.sk-ln__px small:not(.sr){font-size:.8rem!important;line-height:1.25;color:var(--gris)!important;max-width:150px}
.sk-ln__px.is-nc span{font-size:.82rem!important;color:#98A3B3}
.sk-ln__k strong{font-size:.95rem!important;font-weight:400!important;color:#3A4F70!important}
.sk-ln__go{align-self:stretch;height:auto!important;padding:0 0 0 16px!important;border:0!important;border-left:1px solid #E9EDF2!important;border-radius:0!important;
  background:none!important;justify-self:stretch!important;font-size:1rem!important;gap:4px!important}
.sk-ln:hover .sk-ln__go{text-decoration:underline;text-underline-offset:3px}
.sk-ln__go .i{width:15px!important;height:15px!important;stroke-width:2.4}
@media (max-width:1180px){ .sk-th,.sk-ln{grid-template-columns:80px 140px minmax(0,1fr) 130px 82px 70px!important;column-gap:10px!important} .sk-th,.sk-ln{padding-left:10px!important;padding-right:10px!important} }
@media (max-width:900px){ .sk-th,.sk-ln{grid-template-columns:66px minmax(0,1fr) 110px 66px 58px!important} .sk-th span:nth-child(2){display:none} }
@media (max-width:700px){
  .sk-th{display:none}
  .sk-ln{padding:8px 0!important;grid-template-columns:auto 1fr auto auto!important;grid-template-areas:"d c c c" "b b b b" "px k k go"!important;row-gap:3px!important}
  .sk-ls>.sk-ln:nth-child(even){background:#F7F8FA;box-shadow:-16px 0 0 #F7F8FA,16px 0 0 #F7F8FA}
  .sk-ln__d{display:flex!important;gap:5px;align-items:baseline;height:auto!important}
  .sk-ln__d span,.sk-ln__d strong{font-size:.82rem!important}
  .sk-ln__px,.sk-ln__k{padding:0!important}
  .sk-ln__k{padding-left:10px!important}
  .sk-ln__go{border-left:0!important;padding:0!important;align-self:center;font-size:.92rem!important}
}
:root{--wrap:1640px}
@media (max-width:700px){ .sk-ln__d{justify-content:flex-start!important;justify-self:start} }
@media (max-width:700px){
  .sk-ln{display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:10px!important}
  .sk-ln__b{flex:1 0 100%;order:3}
  .sk-ln__px{order:4}.sk-ln__k{order:5}.sk-ln__go{order:6;margin-left:auto}
}

/* ================================================================== Haut de page illustré (maquette validée du 24/10/2026, 02 h 19)
   Bannière HD (3344 × 450) + logo vectoriel superposé + filtres posés dans la bannière, aux mêmes proportions que la maquette */
.hd.hd--ban{position:relative;top:auto;height:auto;padding:0;background:#CFE6F3;border:0;box-shadow:none}
.hd--ban .hd__in,.hd--ban .logo{display:none}
.hd__art{position:relative;max-width:2400px;container-type:inline-size;--W:1672}
.hd__vis{position:relative}
.hd__vis picture,.hd__vis img{display:block;width:100%;height:auto}
.hd__mot{position:absolute;display:block;left:calc(100% * 170 / var(--W));top:calc(100% * 95 / 225);width:calc(100% * 390 / var(--W));height:calc(100% * 110 / 225)}
.hd__mot svg{display:block;width:100%;height:100%}
.hd__mot:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:8px}

/* Filtres : blancs, arrondis, contours discrets, période active orange */
.hd--ban .sk-ville,.hd--ban .sk-km,.hd--ban .sk-dt span{height:48px;border:1px solid #E3EAF2!important;border-radius:14px!important;background:#fff!important;
  color:#17305C;font-size:15px;font-weight:500;box-shadow:0 1px 2px rgba(23,48,92,.05)}
.hd--ban .sk-ville{display:flex;align-items:center;gap:10px;padding:0 8px 0 16px}
.hd--ban .sk-ville input{font-size:16px;font-weight:600;color:#17305C;background:transparent}
.hd--ban .sk-ville>.i{width:20px;height:20px;color:#17305C}
.hd--ban .sk-geo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:10px;background:#EAF4EE;color:#2E7D4F;cursor:pointer}
.hd--ban .sk-geo .i{width:20px;height:20px}
.hd--ban .sk-km{padding:0 40px 0 18px;font-weight:600;background-position:right 14px center!important;appearance:none;-webkit-appearance:none}
.hd--ban .sk-dt span{display:flex;align-items:center;justify-content:center;padding:0 18px;white-space:nowrap}
.hd--ban .sk-dt:hover span{border-color:#C9D5E2!important}
.hd--ban .sk-dt input:checked+span{background:#F89A2B!important;border-color:#F89A2B!important;color:#fff!important;font-weight:600}
.hd--ban .sk-msg{margin:6px 0 0;font-size:.85rem}

/* Ordinateur : filtres dans la bannière, aux proportions de la maquette (deux rangées à droite) */
@media (min-width:1100px){
  .hd--ban .hd__srch{position:absolute;left:calc(100% * 1017 / 1672);top:calc(100% * 32 / 225);width:calc(100% * 588 / 1672);margin:0;padding:0}
  .hd--ban .sk-l1{display:flex!important;flex-wrap:wrap!important;gap:clamp(9px,.96cqw,20px) clamp(8px,.84cqw,16px)!important;margin:0;padding:0;justify-content:flex-start}
  .hd--ban .sk-ville{flex:0 0 calc(56.1% - 4px)!important;min-width:0!important;max-width:none!important;height:clamp(40px,3.2cqw,64px)!important}
  .hd--ban .sk-km{flex:1 1 0!important;width:auto!important;height:clamp(40px,3.2cqw,64px)!important;font-size:clamp(13px,.95cqw,18px)}
  .hd--ban .sk-dates{display:flex!important;flex:0 0 100%!important;gap:clamp(5px,.52cqw,10px)!important;margin:0!important;padding:0!important;border:0;overflow:visible!important}
  .hd--ban .sk-dt{flex:126 1 0}.hd--ban .sk-dt:nth-of-type(2){flex-grow:93}.hd--ban .sk-dt:nth-of-type(3){flex-grow:135}
  .hd--ban .sk-dt:nth-of-type(4){flex-grow:87}.hd--ban .sk-dt:nth-of-type(5){flex-grow:102}
  .hd--ban .sk-dt span{height:clamp(38px,3.05cqw,62px)!important;padding:0 6px!important;font-size:clamp(12.5px,.95cqw,18px)!important}
  .hd--ban .sk-ville input{font-size:clamp(14px,1cqw,19px)!important}
}
/* Tablette et téléphone : bannière recadrée sur le logo, filtres juste en dessous */
@media (min-width:761px) and (max-width:1099px){ .hd__art{--W:1000} }
@media (max-width:760px){ .hd__art{--W:640} }
@media (max-width:1099px){
  .hd--ban .hd__srch{position:static;padding:10px var(--g,16px) 6px;background:#fff}
  .hd--ban .sk-l1{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .hd--ban .sk-ville{flex:1 1 0!important;min-width:0!important;height:46px!important}
  .hd--ban .sk-km{flex:0 0 auto!important;width:110px!important;height:46px!important}
  .hd--ban .sk-dates{display:flex!important;flex:0 0 100%!important;gap:6px!important;margin:0!important;padding:0!important;overflow:visible!important}
  .hd--ban .sk-dt{flex:1 1 auto}
  .hd--ban .sk-dt span{height:42px!important;padding:0 6px!important;font-size:.88rem!important}
}
@media (max-width:420px){ .hd--ban .sk-dt span{font-size:.78rem!important;padding:0 3px!important} }

/* Catégories : pastilles arrondies, fonds pastel, pictogramme + libellé + compteur */
.sk-bar{padding-top:16px!important}
.sk-cats{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:10px 14px!important;margin:0!important;padding:0 0 14px!important;border:0!important;overflow:visible!important;grid-template-rows:none!important;grid-auto-flow:row!important;-webkit-mask-image:none!important;mask-image:none!important}
.sk-cats .sk-cat{flex:0 0 auto!important;border:0!important}
.sk-cats .sk-cat>span,.sk-cats .sk-cat--tout>span{display:inline-flex!important;align-items:center;gap:10px!important;min-height:46px;height:auto!important;margin:0!important;padding:10px 18px!important;
  border-radius:999px!important;border:1px solid transparent!important;background:#F4F7FA;color:#17305C;font-size:15px;font-weight:500;white-space:nowrap;line-height:1}
.sk-cats .sk-cat .pc{width:22px!important;height:22px!important;opacity:1!important}
.sk-cats .sk-cat__l{font-size:15px!important;font-weight:500!important;color:#17305C!important}
.sk-cats .sk-cat__n{font-size:15px!important;font-weight:500!important;color:#17305C!important;opacity:.7}
.sk-cats .sk-cat--tout>span{background:#FFF4EA!important;border-color:#F5B06A!important}
.sk-cats .sk-cat--tout .sk-cat__l,.sk-cats .sk-cat--tout .sk-cat__n{color:#E7811E!important}
.sk-cats .sk-cat--tout>span::before{content:"";width:22px;height:22px;background:currentColor;color:#E7811E;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.sk-cats .sk-cat:has(input[value="musees"])>span{background:#F8F1E7}
.sk-cats .sk-cat:has(input[value="expositions"])>span{background:#FDEEF1}
.sk-cats .sk-cat:has(input[value="theatres"])>span{background:#EEF1FF}
.sk-cats .sk-cat:has(input[value="concerts"])>span{background:#F4ECFF}
.sk-cats .sk-cat:has(input[value="cinema"])>span{background:#EDF8F1}
.sk-cats .sk-cat:has(input[value="spectacles"])>span{background:#FDEEF4}
.sk-cats .sk-cat:has(input[value="festivals"])>span{background:#FFF3E8}
.sk-cats .sk-cat:has(input[value="patrimoine"])>span{background:#F8F1E7}
.sk-cats .sk-cat:has(input[value="rencontres"])>span{background:#EDF7FA}
.sk-cats .sk-cat:has(input[value="litterature"])>span{background:#F2EEFF}
.sk-cats .sk-cat:has(input[value="opera"])>span{background:#FDEDEF}
.sk-cats .sk-cat:has(input[value="danse"])>span{background:#FCEEF4}
.sk-cats .sk-cat:has(input[value="ateliers"])>span{background:#FFF1E6}
.sk-cats .sk-cat:has(input[value="nature"])>span{background:#EDF7EE}
.sk-cats .sk-cat:hover>span{filter:brightness(.98)}
/* catégorie choisie (et « Toutes » quand aucune catégorie n'est choisie) : orange doux */
.sk-cats .sk-cat input:checked+span{background:#FFF4EA!important;border-color:#F5B06A!important}
.sk-cats .sk-cat input:checked+span .sk-cat__l,.sk-cats .sk-cat input:checked+span .sk-cat__n{color:#E7811E!important;font-weight:600!important}
.sk-cats .sk-cat--tout input:not(:checked)+span{background:#F4F7FA!important;border-color:transparent!important}
.sk-cats .sk-cat--tout input:not(:checked)+span .sk-cat__l,.sk-cats .sk-cat--tout input:not(:checked)+span .sk-cat__n{color:#17305C!important;font-weight:500!important}
.sk-cats .sk-cat.is-zero .sk-cat__n{opacity:.5}
@media (max-width:760px){
  .sk-cats{gap:8px!important}
  .sk-cats .sk-cat{flex:1 1 auto!important}
  .sk-cats .sk-cat>span,.sk-cats .sk-cat--tout>span{width:100%;justify-content:center;min-height:40px;padding:8px 12px!important;gap:7px!important}
  .sk-cats .sk-cat .pc,.sk-cats .sk-cat--tout>span::before{width:18px!important;height:18px!important}
  .sk-cats .sk-cat__l,.sk-cats .sk-cat__n{font-size:14px!important}
}
.hd--ban .sk-km{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317305C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px 16px!important}
.sk-cats .sk-cat>span,.sk-cats .sk-cat--tout>span{font-size:16px;padding:11px 20px!important}
.sk-cats .sk-cat__l,.sk-cats .sk-cat__n{font-size:16px!important}
@media (max-width:1300px){ .sk-cats .sk-cat>span,.sk-cats .sk-cat--tout>span{padding:9px 15px!important} .sk-cats .sk-cat__l,.sk-cats .sk-cat__n{font-size:15px!important} }
@media (max-width:760px){
  .sk-cats{display:grid!important;grid-template-rows:repeat(2,auto)!important;grid-auto-flow:column!important;grid-auto-columns:max-content;gap:8px!important;
    overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1 * var(--g,16px))!important;padding:0 var(--g,16px) 12px!important}
  .sk-cats::-webkit-scrollbar{display:none}
  .sk-cats .sk-cat{flex:none!important}
  .sk-cats .sk-cat>span,.sk-cats .sk-cat--tout>span{width:auto;min-height:38px;padding:7px 13px!important}
  .sk-cats .sk-cat__l,.sk-cats .sk-cat__n{font-size:14px!important}
}
@media (max-width:700px){.sk-ln__px{gap:6px!important;align-items:baseline!important}}

/* ==================================================================================================================
   REFONTE 10/2026 — liste en cartes (maquette « Agenda culturel mobile ») : filtres en pastilles, cartes blanches,
   photographie horizontale à droite, bouton « Voir › ». Classes « sc-… » ; les anciennes règles « sk-ln… » ne servent plus.
   ================================================================================================================== */
:root{--c-nuit:#172B6E;--c-date:#6E7F9E;--c-meta:#7584A1;--c-desc:#66768F;--c-trait:#E6EAF1;--c-vert:#148A4F;--c-ombre:0 1px 2px rgba(23,43,110,.05),0 4px 14px rgba(23,43,110,.05)}
.pg-liste main{background:#fff}
.sc-bar{padding:14px 0 4px}
.sc-h1{margin:2px 0 12px;font:800 1.55rem/1.2 var(--f-titre);color:var(--c-nuit);letter-spacing:-.01em}
.sc-f{margin:0}
.sc-flw{position:relative}
.sc-fls{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 6px;margin:0 -1px;-webkit-overflow-scrolling:touch}
.sc-fls::-webkit-scrollbar{display:none}
.sc-fl{flex:none}
.sc-fl>summary{list-style:none}
.sc-fl>summary::-webkit-details-marker{display:none}
.sc-fl__b{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px 0 14px;border:1px solid #E1E6EE;border-radius:14px;background:#fff;
  color:#22336B;font-weight:600;font-size:1rem;white-space:nowrap;cursor:pointer;user-select:none;box-shadow:0 1px 2px rgba(23,43,110,.04);transition:border-color .15s,background .15s}
.sc-fl__b:hover{border-color:#C9D3E2}
.sc-fl__b .i{width:22px;height:22px;color:#33427A}
.sc-fl__b .pc{width:24px;height:24px}
.sc-fl__b .sc-fl__v{width:18px;height:18px;margin-left:4px;color:#33427A;transition:transform .15s}
.sc-fl[open] .sc-fl__v{transform:rotate(180deg)}
.sc-fl.is-on .sc-fl__b{background:#E7F1FD;border-color:#CFE2F9;color:#1F4FA8}
.sc-fl.is-on .sc-fl__b .pc{color:#2F6FD6}
.sc-fl[open] .sc-fl__b{border-color:#AFC3E2}
.sc-fl__p{position:absolute;z-index:30;top:calc(100% - 2px);left:0;width:min(340px,100%);margin:0;padding:10px;border:1px solid var(--c-trait);border-radius:14px;
  background:#fff;box-shadow:0 12px 32px rgba(15,30,70,.16)}
.sc-fl__p--cats{width:min(420px,100%);display:grid;grid-template-columns:1fr 1fr;gap:2px 6px}
.sc-fl__p--cats .sc-fl__t{grid-column:1/-1}
.sc-fl__t{display:block;float:none;width:100%;margin:0 0 6px;padding:2px 6px;font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--c-date)}
.sc-opt{display:block;cursor:pointer}
.sc-opt input{position:absolute;opacity:0;pointer-events:none}
.sc-opt span{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border-radius:10px;color:#22336B;font-weight:600;font-size:.97rem}
.sc-opt span .pc{width:20px;height:20px}
.sc-opt small{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--c-meta)}
.sc-opt:hover span{background:#F3F6FA}
.sc-opt input:checked+span{background:#E7F1FD;color:#1F4FA8}
.sc-opt input:focus-visible+span{outline:3px solid var(--ciel);outline-offset:-2px}
.sc-opt.is-zero span{color:#9AA6BB}
.sc-fl__p--lieu{width:min(380px,100%)}
.sc-ville{position:relative;display:flex;align-items:center}
.sc-ville input{width:100%;height:46px;padding:0 40px 0 14px;border:1px solid #D5DDE8;border-radius:12px;font-size:1rem;color:var(--c-nuit);background:#fff}
.sc-ville input:focus{outline:none;border-color:var(--ciel);box-shadow:0 0 0 3px rgba(61,165,217,.2)}
.sc-clr{position:absolute;right:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:none;color:#A3AEC2;cursor:pointer}
.sc-ville__a{display:flex;gap:8px;margin-top:10px}
.sc-geo,.sc-ok{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer}
.sc-geo{flex:1;border:1px solid #CFE2F9;background:#EEF5FE;color:#1F4FA8}
.sc-geo .i{width:18px;height:18px}
.sc-ok{flex:1;border:0;background:var(--c-nuit);color:#fff}
.sc-f>noscript .sc-ok,.sc-f .sc-ok--ns{margin-top:8px}

.sc-res{padding:4px 0 32px}
.sc-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:6px 0 10px}
.sc-hd__n{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;color:var(--c-meta);font-size:.95rem}
.sc-hd__n strong{font:800 1.15rem/1.2 var(--f-titre);color:var(--c-nuit)}
.sc-hd__a a{color:var(--c-vert)}
.sc-hd__tri{display:flex;align-items:center;gap:8px;margin:0;font-size:.9rem;color:var(--c-meta)}
.sc-hd__tri select{height:34px;padding:0 30px 0 10px;border:1px solid #DDE3EC;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2333427A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center/14px;
  -webkit-appearance:none;appearance:none;font-size:.9rem;font-weight:600;color:#22336B;cursor:pointer}

.sc-ls{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sc-c{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 37%;gap:14px;align-items:stretch;padding:12px 12px 12px 16px;
  border:1px solid #EDF0F5;border-radius:14px;background:#fff;box-shadow:var(--c-ombre);transition:box-shadow .15s,border-color .15s}
.sc-c:hover{border-color:#DCE3EE;box-shadow:0 2px 4px rgba(23,43,110,.06),0 8px 22px rgba(23,43,110,.08)}
.sc-c:focus-within{outline:3px solid var(--ciel);outline-offset:1px}
.sc-c__t{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:2px 0}
.sc-c__h{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin:0 0 3px;font-size:.95rem;color:var(--c-date)}
.sc-c__s{color:#A9B4C7}
.sc-tag{display:inline-block;padding:1px 9px 2px;border-radius:999px;font-size:.86rem;font-weight:600;line-height:1.45;white-space:nowrap}
.sc-tag--expositions{background:#FFEDE8;color:#E5533B}.sc-tag--musees{background:#E8F2FF;color:#2C6FD3}.sc-tag--patrimoine{background:#FFF3DC;color:#D88E09}
.sc-tag--concerts{background:#F1EBFF;color:#7553E0}.sc-tag--theatres{background:#FFE8EF;color:#DC3F78}.sc-tag--nature{background:#E3F5E9;color:#1F8C4A}
.sc-tag--ateliers{background:#FFF4D6;color:#C98309}.sc-tag--cinema{background:#E9EEF6;color:#41608F}.sc-tag--spectacles{background:#F4EAFF;color:#9246D8}
.sc-tag--festivals{background:#FFEBDD;color:#E2661A}.sc-tag--rencontres{background:#E2F5F5;color:#12807F}.sc-tag--litterature{background:#EFEAFB;color:#6249C6}
.sc-tag--opera{background:#FBE7EC;color:#B3345A}.sc-tag--danse{background:#FDE9F6;color:#BC3C95}.sc-tag--autres{background:#EEF1F5;color:#53637E}
.sc-c__ti{margin:0 0 5px;font:800 1.2rem/1.22 var(--f-titre);letter-spacing:-.005em;color:var(--c-nuit);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-c__ti a{color:inherit;text-decoration:none}
.sc-c__ti a::after{content:"";position:absolute;inset:0;border-radius:14px;z-index:1}
.sc-c:hover .sc-c__ti a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.sc-c__m{display:flex;flex-wrap:nowrap;align-items:center;margin:0 0 5px;font-size:.95rem;color:var(--c-meta);min-width:0}
.sc-c__g{display:flex;align-items:center;min-width:0;flex:0 1 auto}
.sc-c__g>span,.sc-c__q{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none}
.sc-c__g>.sc-c__v{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sc-c__v .i{display:inline-block;vertical-align:-3px;margin-right:5px}
.sc-c__q{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sc-c__g>span+span::before,.sc-c__g+.sc-c__q::before{content:"";display:inline-block;vertical-align:-2px;width:1px;height:15px;margin:0 10px;background:#D3DAE5}
.sc-c__m .i{width:17px;height:17px;color:#5E6E8E}
.sc-c__x{margin:0;font-size:.95rem;line-height:1.42;color:var(--c-desc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-c__i{position:relative;align-self:center;aspect-ratio:2/1;border-radius:12px;overflow:hidden;background:#EEF2F7}
.sc-c__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-c__go{position:absolute;right:9px;bottom:9px;z-index:3;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px 0 16px;border-radius:999px;
  background:#fff;color:var(--c-vert);font-weight:800;font-size:1rem;text-decoration:none;box-shadow:0 2px 8px rgba(10,30,60,.18);cursor:pointer;pointer-events:auto}
.sc-c__go:hover{background:#F2FAF5;text-decoration:none}
.sc-c__go:focus-visible{outline:3px solid var(--ciel);outline-offset:2px}
.sc-c__go::before{content:"";position:absolute;inset:-6px}
.sc-c__go .i{width:16px;height:16px;stroke-width:2.6}
.sc-c__ia{position:absolute;left:8px;top:8px;z-index:2;pointer-events:none;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.88);color:#3D4C6E;font-size:.7rem;font-weight:700}
.sc-res .sk-pg{margin-top:16px}

@media (min-width:761px){
  .sc-bar__in,.sc-res__in{max-width:980px}
  .sc-bar{padding-top:18px}
  .sc-c{grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding:14px 14px 14px 22px}
  .sc-c__ti{font-size:1.32rem}
  .sc-ls{gap:12px}
}
@media (max-width:760px){
  .sc-bar{padding-top:12px}
  .sc-fls{gap:8px}
  .sc-fl__b{height:44px;gap:8px;padding:0 11px;font-size:.95rem;border-radius:13px}
  .sc-fl__b .i{width:20px;height:20px}
  .sc-fl__b .sc-fl__v{width:16px;height:16px;margin-left:2px}
  .sc-fl__p,.sc-fl__p--cats,.sc-fl__p--lieu{left:0!important;width:100%}
  .sc-c{grid-template-columns:minmax(0,1fr) 40%;gap:10px;padding:10px 10px 10px 12px}
  .sc-c__h{font-size:.84rem;gap:3px 5px;margin-bottom:2px}
  .sc-tag{font-size:.78rem;padding:0 7px 1px}
  .sc-c__ti{font-size:1.04rem;line-height:1.24;margin-bottom:4px}
  .sc-c__m{font-size:.82rem;margin-bottom:3px}
  .sc-c__m .i{width:14px;height:14px}
  .sc-c__g>span{gap:4px}
  .sc-c__g>span+span::before,.sc-c__g+.sc-c__q::before{height:12px;margin:0 6px}
  .sc-c__x{font-size:.84rem;line-height:1.38}
  .sc-c__i{aspect-ratio:4/3;border-radius:10px}
  .sc-c__go{right:6px;bottom:6px;height:28px;padding:0 9px 0 11px;font-size:.84rem;gap:3px}
  .sc-c__go .i{width:13px;height:13px}
  .sc-hd__n{font-size:.86rem}
  .sc-hd__n strong{font-size:1.02rem}
}
@media (max-width:560px){
  .sc-c__m{flex-wrap:wrap;row-gap:1px}
  .sc-c__g{flex:1 0 100%}
  .sc-c__q{flex:1 0 100%}
  .sc-c__g+.sc-c__q::before{display:none}
  .sc-fls{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .sc-fl__b{justify-content:flex-start}
  .sc-fl__b>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:380px){
  .sc-c{grid-template-columns:minmax(0,1fr) 38%}
  .sc-c__ti{font-size:1rem}
  .sc-fl__b{padding:0 10px}
}

/* Fiche : photographie et crédit */
.sk-fi__img{position:relative;margin:6px 0 14px;max-width:760px}
.sk-fi__img img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:14px;background:#EEF2F7}
.sk-fi__img figcaption{margin-top:5px;font-size:.78rem;color:var(--c-meta)}
.sk-fi__img figcaption a{color:inherit}
.sk-fi__img .sc-c__ia{top:10px;left:10px}

/* ==================================================================================================================
   10/2026 — Catégories permanentes (2 lignes), bouton Rechercher, rubrique « Cinéma — Films à l'affiche »
   ================================================================================================================== */
.sc-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;min-width:220px;height:46px;padding:0 26px;border:0;border-radius:14px;
  background:var(--orange);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px rgba(253,143,31,.28)}
.sc-go:hover{background:var(--orange-f)}
.sc-go .i{width:20px;height:20px}
.sc-fls{align-items:center}

.sc-chs{margin:12px 0 2px}
.sc-chs__in{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 12px}
.sc-ch{position:relative;display:flex;align-items:center;gap:10px;min-width:0;height:46px;padding:0 14px;border:1px solid #E1E6EE;border-radius:12px;background:#fff;
  color:#22336B;font-weight:600;font-size:.97rem;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s}
.sc-ch span{overflow:hidden;text-overflow:ellipsis}
.sc-ch .pc{width:24px;height:24px}
.sc-ch:hover{border-color:#C9D3E2;text-decoration:none}
.sc-ch input{position:absolute;opacity:0;pointer-events:none}
.sc-ch:has(input:focus-visible),.sc-ch:focus-visible{outline:3px solid var(--ciel);outline-offset:2px}
.sc-ch.is-on,.sc-ch:has(input:checked){background:var(--orange-c);border-color:#F6B57A;color:var(--orange-t)}
.sc-ch.is-zero{color:#9AA6BB}
.sc-ch.is-zero .pc{opacity:.55}
.pc--cinema{color:#E9822F}.pc--theatres{color:#5B6FD6}.pc--concerts{color:#8C63E0}.pc--patrimoine{color:#D88E09}.pc--rencontres{color:#1F8FA0}
.pc--litterature{color:#7C5CD6}.pc--opera{color:#C23A62}.pc--danse{color:#D0479D}.pc--ateliers{color:#E58A20}

/* Rubrique Cinéma */
.sc-q{flex:1 1 280px;cursor:text}
.sc-q input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-weight:600;color:#22336B}
.sc-q input::placeholder{color:#8794AD;font-weight:600}
.sc-sel{position:relative;flex:0 1 230px}
.sc-sel select{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;-webkit-appearance:none;appearance:none;font:inherit;font-weight:600;color:#22336B;cursor:pointer;padding-right:4px}
.sc-q:focus-within,.sc-sel:focus-within{border-color:var(--ciel);box-shadow:0 0 0 3px rgba(61,165,217,.18)}
.sc-fam{flex:0 0 auto}
.sc-fam input{position:absolute;opacity:0;pointer-events:none}
.sc-fam.is-on,.sc-fam:has(input:checked){background:#E7F1FD;border-color:#CFE2F9;color:#1F4FA8}
.sc-fam:has(input:focus-visible){outline:3px solid var(--ciel);outline-offset:2px}
.sc-fls--cine{flex-wrap:nowrap}

.sc-cine__hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:4px 20px;margin:14px 0 12px}
.sc-cine__t{margin:0;font:800 2.1rem/1.15 var(--f-titre);letter-spacing:-.015em;color:var(--c-nuit)}
.sc-cine__s{margin:4px 0 0;font-size:1.15rem;color:#5E6E8E}
.sc-cine__src{margin:0 0 4px;font-size:.9rem;color:#8794AD}
.sc-cine__n{margin:0 0 10px}
.sc-fm{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sc-fm__l{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:22px;padding:10px 20px 10px 12px;
  border:1px solid #EDF0F5;border-radius:14px;background:#fff;box-shadow:var(--c-ombre);transition:box-shadow .15s,border-color .15s}
.sc-fm__l:hover{border-color:#DCE3EE;box-shadow:0 2px 4px rgba(23,43,110,.06),0 8px 22px rgba(23,43,110,.08)}
.sc-fm__l:focus-within{outline:3px solid var(--ciel);outline-offset:1px}
.sc-fm__a{width:104px;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#EEF2F7}
.sc-fm__a img{width:100%;height:100%;object-fit:cover}
.sc-fm__sans{display:grid;place-items:center;width:100%;height:100%;color:#A9B4C7}
.sc-fm__sans .i{width:36px;height:36px}
.sc-fm__t{min-width:0}
.sc-fm__ti{margin:0 0 6px;font:800 1.4rem/1.2 var(--f-titre);color:var(--c-nuit)}
.sc-fm__ti a{color:inherit;text-decoration:none}
.sc-fm__ti a::after{content:"";position:absolute;inset:0;border-radius:14px;z-index:1}
.sc-fm__l:hover .sc-fm__ti a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.sc-fm__m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0 0 6px;font-size:.98rem;color:#7584A1}
.sc-fm__m .sc-fm__d::before{content:"";display:inline-block;vertical-align:-2px;width:1px;height:16px;margin:0 14px;background:#C9D2DF}
.sc-gen{display:inline-block;padding:2px 12px 3px;border-radius:7px;font-size:.92rem;font-weight:600;line-height:1.4}
.sc-gen--orange{background:#FFEFE3;color:#D9660F}.sc-gen--bleu{background:#E6F1FD;color:#2766C4}.sc-gen--vert{background:#E3F5E9;color:#1F8C4A}
.sc-gen--violet{background:#F1EBFF;color:#6E4ED6}.sc-gen--rouge{background:#FDE9EA;color:#C2363F}.sc-gen--rose{background:#FDE9F3;color:#C03C89}
.sc-gen--gris{background:#EEF1F5;color:#4C5D7B}
.sc-fm__x{margin:0;max-width:62ch;font-size:1rem;line-height:1.45;color:#66768F;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-fm__go{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px 0 24px;border-radius:999px;background:#fff;
  color:var(--c-vert);font-weight:800;font-size:1.05rem;text-decoration:none;white-space:nowrap;box-shadow:0 2px 10px rgba(10,30,60,.14)}
.sc-fm__go:hover{background:#F2FAF5}
.sc-fm__go:focus-visible{outline:3px solid var(--ciel);outline-offset:2px}
.sc-fm__go .i{width:17px;height:17px;stroke-width:2.6}
.sc-tmdb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.sc-tmdb img{display:inline-block;height:12px;width:auto}

/* Fiche film */
.sc-film__g{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;margin-top:8px}
.sc-film__a{width:240px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#EEF2F7;box-shadow:0 4px 18px rgba(23,43,110,.14)}
.sc-film__a img{width:100%;height:100%;object-fit:cover}
.sc-film__o{margin:-4px 0 8px;color:#7584A1}
.sc-film__dl{display:grid;gap:6px;margin:12px 0 4px}
.sc-film__dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px}
.sc-film__dl dt{font-weight:700;color:var(--c-nuit)}
.sc-film__dl dd{margin:0;color:#3A4D6E}
.sc-ba{max-width:760px}
.sc-ba__b,.sc-ba iframe{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;overflow:hidden;background:#0F1A33}
.sc-ba__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.55);transform:scale(1.15)}
.sc-ba__p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:800;font-size:1.15rem;text-decoration:none}
.sc-ba__p .i{width:56px;height:56px}
.sc-ba__b:hover .sc-ba__p .i{transform:scale(1.06)}
.sc-ba__n{margin:6px 0 0;font-size:.8rem;color:#8794AD}

@media (max-width:1100px){
  .sc-chs__in{display:flex;flex-wrap:wrap;gap:8px}
  .sc-ch{flex:0 0 auto}
}
@media (max-width:760px){
  .sc-go{min-width:0;height:44px;padding:0 16px;border-radius:13px}
  .sc-chs{margin:10px calc(-1 * var(--g)) 0;padding:0 var(--g);overflow-x:auto;scrollbar-width:none}
  .sc-chs::-webkit-scrollbar{display:none}
  .sc-chs__in{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:none;gap:7px;width:max-content;padding-bottom:2px}
  .sc-ch{height:38px;padding:0 11px;gap:7px;font-size:.88rem;border-radius:11px}
  .sc-ch .pc{width:19px;height:19px}
  .sc-cine__t{font-size:1.45rem}
  .sc-cine__s{font-size:.95rem}
  .sc-cine__src{font-size:.8rem}
  .sc-fls--cine{flex-wrap:wrap}
  .sc-fm__l{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:9px 10px 9px 9px}
  .sc-fm__a{width:76px}
  .sc-fm__ti{font-size:1.05rem;margin-bottom:4px}
  .sc-fm__m{font-size:.84rem;margin-bottom:4px}
  .sc-gen{font-size:.78rem;padding:1px 8px 2px}
  .sc-fm__m .sc-fm__d::before{height:12px;margin:0 8px}
  .sc-fm__x{font-size:.86rem;-webkit-line-clamp:3}
  .sc-fm__go{grid-column:2;justify-self:end;height:32px;padding:0 12px 0 14px;font-size:.88rem;margin-top:-2px}
  .sc-fm__go .i{width:14px;height:14px}
  .sc-film__g{grid-template-columns:110px minmax(0,1fr);gap:14px}
  .sc-film__a{width:110px}
  .sc-film__dl div{grid-template-columns:1fr;gap:0}
}
@media (max-width:560px){
  .sc-fls{grid-template-columns:1fr 1fr}
  .sc-fls--cine{display:grid;grid-template-columns:1fr 1fr}
  .sc-q{grid-column:1/-1}
  .sc-sel,.sc-fam{min-width:0}
  .sc-fam span{overflow:hidden;text-overflow:ellipsis}
}

/* Ajustements maquette cinéma : largeur utile plus grande (catégories lisibles sur 2 lignes), recherche mobile compacte */
@media (min-width:761px){
  .sc-bar__in,.sc-res__in{max-width:1240px}
  .sc-c{grid-template-columns:minmax(0,1fr) 320px}
}
@media (min-width:1101px) and (max-width:1300px){
  .sc-ch{padding:0 10px;gap:7px;font-size:.92rem}
  .sc-ch .pc{width:21px;height:21px}
  .sc-chs__in{gap:9px}
}
@media (max-width:760px){
  .sc-fm__a{grid-row:span 2;align-self:start}
  .sc-fls--cine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;grid-template-areas:"q q go" "g f f";gap:8px}
  .sc-fls--cine .sc-q{grid-area:q}
  .sc-fls--cine .sc-sel{grid-area:g}
  .sc-fls--cine .sc-fam{grid-area:f}
  .sc-fls--cine .sc-go{grid-area:go;width:46px;padding:0}
  .sc-fls--cine .sc-go span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sc-fls--cine .sc-sel>.i:first-child,.sc-fls--cine .sc-fam>.i{display:none}
  .sc-fls--cine .sc-fl__b{padding:0 10px}
}
@media (max-width:560px){
  .sc-fls:not(.sc-fls--cine){display:grid;grid-template-columns:1fr 1fr}
  .sc-fls:not(.sc-fls--cine) .sc-go{width:100%}
}
@media (max-width:760px){
  /* Fiche film sur téléphone : affiche + titre côte à côte, informations et synopsis sur toute la largeur */
  .sc-film__g{grid-template-columns:110px minmax(0,1fr);column-gap:14px;row-gap:0}
  .sc-film__a{grid-row:1 / span 4}
  .sc-film__i{display:contents}
  .sc-film__i>*{grid-column:2;min-width:0}
  .sc-film__i>.sc-film__dl,.sc-film__i>.sk-fi__h,.sc-film__i>.sk-fi__d{grid-column:1 / -1}
  .sc-film__i>.sc-film__dl{margin-top:14px}
  .sc-film .sk-fi__t{font-size:1.35rem;margin:2px 0 4px}
  .sc-film__o{font-size:.85rem;margin:0 0 6px}
  .sc-film__dl div{grid-template-columns:118px minmax(0,1fr);gap:8px}
}