/* Nocturne 1.0.5 — composition photographique, palette municipale sobre.
 * Les couleurs et les familles proviennent des variables natives du Framework.
 * Les deux moteurs de menus et leurs mesures restent ceux du socle iCommune. */
.nocturne-site{background:var(--couleur-blanc);color:var(--couleur-noir)}
.nocturne-site .sl-container{width:min(1320px,86%)}
.nocturne-site :is(h1,h2,h3){font-family:var(--police);font-weight:400;letter-spacing:-.025em}
.nocturne-site :focus-visible{outline-color:var(--couleur-secondaire)}
.nocturne-site .sl-section{padding-block:48px}
.nocturne-site .sl-kicker{font-weight:600!important;font-size:.66rem!important;letter-spacing:.14em;color:var(--sl-muted)}
.nocturne-site .sl-text-link{font-size:.76rem;font-weight:500;gap:16px;border-color:var(--sl-line)}
.nocturne-site .sl-button{border-radius:0;font-weight:600;font-size:.8rem}
.nocturne-site .sl-button-coral{background:var(--couleur-principale);color:var(--couleur-blanc)!important}
.nocturne-site .sl-button-coral:hover{background:var(--couleur-principale);box-shadow:inset 0 0 0 2px var(--couleur-secondaire)}
/* Le header garde la même géométrie au début de page et pendant le scroll. */
.nocturne-site #sl-header{background:color-mix(in srgb,var(--couleur-principale) 96%,transparent);color:var(--couleur-blanc);border-bottom:1px solid #ffffff26}
.nocturne-site .sl-utility{display:none}
.nocturne-site #sl-header .sl-container{width:90%}
.nocturne-site .sl-brand{color:var(--couleur-blanc);gap:13px}
.nocturne-site .sl-brand>img{width:43px;height:43px}
.nocturne-site .sl-brand>span{font-family:var(--police);font-size:2rem;font-weight:400;letter-spacing:-.02em}
.nocturne-site .sl-brand small{font-size:.44rem;font-weight:500;letter-spacing:.16em;margin-top:10px}
.nocturne-site #sl-header #menu-principal #nav,.nocturne-site #sl-header #menu-principal #nav a,.nocturne-site #sl-header #menu-principal #nav button{font-family:var(--police-secondaire)!important}
.nocturne-site #sl-header #menu-principal #nav>li>a,.nocturne-site #sl-header #menu-principal #nav>li>button.menu-item{color:var(--couleur-blanc);font-weight:500;font-size:.7rem;letter-spacing:.035em;padding-inline:13px}
.nocturne-site #sl-header .sl-search-toggle{border-color:#ffffff50;background:transparent;color:var(--couleur-blanc);border-radius:0;width:44px;min-height:44px}
.nocturne-site #sl-header #menu-principal button.toggleMenu{background:transparent!important;border-color:#ffffff70!important;color:var(--couleur-blanc)!important;border-radius:0!important}
.nocturne-site #sl-header #nav>li>ul{color:var(--couleur-noir)}
.nocturne-site.sl-menu-rgaa-fullscreen #sl-header #nav>li>ul{color:var(--couleur-blanc)}
/* Photo réelle : aucune désaturation ni filtre sombre global. */
.nocturne-site .sl-hero{height:650px;min-height:650px;margin-top:calc(-1 * var(--sl-header-height,101px));background:var(--couleur-principale);align-items:center}
.nocturne-site .sl-hero-media img{filter:none;object-position:center}
.nocturne-site .sl-hero-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--couleur-principale) 79%,transparent) 0%,color-mix(in srgb,var(--couleur-principale) 44%,transparent) 40%,#243a4a0a 78%),linear-gradient(0deg,#243a4a30,transparent 70%)}
.nocturne-site .sl-hero-copy{padding-block:145px 60px;pointer-events:none}
.nocturne-site .sl-hero-copy .sl-kicker{color:var(--couleur-blanc);font-size:.65rem!important;font-weight:500!important;letter-spacing:.15em}
.nocturne-site .sl-hero-copy h1{font:400 clamp(4.3rem,6.3vw,5.8rem)/1.01 var(--police);letter-spacing:-.035em;max-width:700px;white-space:pre-line;text-wrap:initial;color:#fff;margin:22px 0 23px}
.nocturne-site .sl-hero-description{font-size:.85rem;line-height:1.8;max-width:345px;margin-bottom:26px;color:#fff}
.nocturne-site .sl-hero-search{display:flex;width:min(520px,100%);min-height:62px;padding:6px 7px 6px 22px;border:1px solid #ffffff8c;border-radius:0;background:#fffffff5;box-shadow:none;pointer-events:auto}
.nocturne-site .sl-hero-search input{padding:0;background:transparent;color:var(--couleur-noir);font-size:.79rem}
.nocturne-site .sl-hero-search button{display:grid;place-items:center;width:48px;height:48px;flex:none;border:0;border-radius:0;background:var(--couleur-principale);color:#fff}
.nocturne-site .sl-hero-search button:hover{background:var(--couleur-secondaire)}
.nocturne-site .sl-hero-media .krea3-diaporama__autoplay{right:5%;bottom:28px;border-color:#ffffffa8;background:#243a4a80;color:#fff}
.nocturne-site .sl-hero-media .swiper-button-prev,.nocturne-site .sl-hero-media .swiper-button-next{top:auto;bottom:28px;border-color:#ffffffa8;background:#243a4a80;color:#fff}
.nocturne-site .sl-hero-media .swiper-button-prev{right:calc(5% + 104px)}
.nocturne-site .sl-hero-media .swiper-button-next{right:calc(5% + 52px)}
/* Six raccourcis compacts, tous à gauche quand une partie est masquée. */
.nocturne-site .sl-services{display:flex;align-items:center;gap:30px;margin-block:0;padding:23px 0;background:transparent;color:var(--couleur-noir);border-radius:0;box-shadow:none;border-bottom:1px solid var(--sl-line);position:relative}
.nocturne-site .sl-services-intro{flex:0 0 140px}
.nocturne-site .sl-services-intro .sl-kicker{margin:0 0 2px;font-size:.61rem!important}
.nocturne-site .sl-services-intro h2{font:600 .78rem/1.5 var(--police-secondaire);text-transform:uppercase;letter-spacing:.08em;color:var(--couleur-principale)}
.nocturne-site .sl-quick-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1;gap:10px;padding:0;margin:0}
.nocturne-site .sl-quick-links>li{width:auto;flex:none;min-width:0}
.nocturne-site .sl-quick-links a{flex-direction:row;justify-content:flex-start;gap:11px;text-align:left;min-height:64px;padding:10px 5px;border:0;color:var(--couleur-noir);font-size:.7rem;font-weight:500;line-height:1.45}
.nocturne-site .sl-quick-links a:hover{background:var(--gris-tres-clair)}
.nocturne-site .sl-quick-icon{background:transparent!important;color:var(--couleur-secondaire);width:26px;height:32px;font-size:20px;flex:none;border-radius:0}
.nocturne-site .sl-quick-links a>span:last-child{max-width:none}
/* Actualités : la grille garde trois blocs et un cadrage identique. */
.nocturne-site .sl-section-heading{margin-bottom:30px;gap:28px}
.nocturne-site .sl-section-heading h2,.nocturne-site .sl-media-section h2{font-size:clamp(2.05rem,3.1vw,2.85rem);font-weight:400;line-height:1.12}
.nocturne-site .sl-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.nocturne-site .sl-news-card{background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:0;text-decoration:none;min-width:0}
.nocturne-site .sl-card-image{border-radius:0}
.nocturne-site .sl-news-card .sl-card-image{height:200px;aspect-ratio:auto}
.nocturne-site .sl-news-card .sl-card-content{display:flex;gap:13px;flex:1;padding:19px 0 0}
.nocturne-site .sl-news-card time{font-size:.61rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sl-muted)}
.nocturne-site .sl-card-title{font-family:var(--police);font-weight:400;font-size:1.68rem;line-height:1.19;letter-spacing:-.02em;color:var(--couleur-noir)}
.nocturne-site .sl-news-card .sl-card-excerpt{display:none}
.nocturne-site .sl-card-more{font-size:.71rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--couleur-principale);gap:14px}
.nocturne-site .sl-news-card .sl-card-more{margin-top:auto;padding-top:4px}
/* Agenda en lignes de dates, sans mosaïque d'images supplémentaire. */
.nocturne-site .sl-agenda-section{background:var(--gris-tres-clair);padding-block:40px 45px}
.nocturne-site .sl-agenda-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.nocturne-site .sl-agenda-section .sl-event-card{display:block;border:0;border-radius:0;border-top:1px solid var(--sl-line);background:transparent;box-shadow:none;padding:20px 0 0;min-width:0}
.nocturne-site .sl-agenda-section .sl-event-card>.sl-card-image{display:none}
.nocturne-site .sl-event-card .sl-card-content{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:20px;row-gap:12px;padding:0;align-items:start}
.nocturne-site .sl-event-date{position:static;display:block;grid-row:1/3;grid-column:1;color:var(--couleur-secondaire);background:transparent;border:0;border-radius:0;padding:0;font:400 .94rem/1.4 var(--police);max-width:80px;text-transform:uppercase;overflow-wrap:anywhere}
.nocturne-site .sl-event-day{display:block;font-size:2.9rem;line-height:1;margin:0 0 7px}
.nocturne-site .sl-event-period{display:block;font:500 .65rem/1.6 var(--police-secondaire);letter-spacing:.035em;color:var(--sl-muted)}
.nocturne-site .sl-event-card .sl-card-title{grid-column:2;font-size:1.32rem;line-height:1.3}
.nocturne-site .sl-event-card .sl-card-more{grid-column:2;margin:0;padding:0}
/* Les réseaux et le vrai kiosque restent indépendants, tous deux administrables. */
.nocturne-site .sl-media-section.has-magazine{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding-block:48px}
.nocturne-site .sl-social h2{margin-bottom:28px}
.nocturne-site .sl-social-visual{border-radius:0;background:var(--gris-tres-clair);border:0;max-height:none;overflow:visible}
.nocturne-site .sl-social-visual>img{height:260px;object-fit:cover}
.nocturne-site .sl-social>.sl-text-link{margin-top:15px}
.nocturne-site .sl-magazine{background:transparent;color:var(--couleur-noir);padding:0;border-radius:0;gap:0;box-shadow:none}
.nocturne-site .sl-magazine h2{color:var(--couleur-noir);margin-bottom:25px;font-size:2.2rem;max-width:420px}
.nocturne-site .sl-magazine .sl-kicker{color:var(--sl-muted)}
.nocturne-site .sl-magazine-body{grid-template-columns:minmax(120px,.9fr) minmax(0,1fr);gap:28px;background:var(--gris-tres-clair);padding:25px;align-items:center}
.nocturne-site .sl-magazine-cover img{max-height:220px;filter:drop-shadow(7px 7px 0 #243a4a14)}
.nocturne-site .sl-magazine-name{font-size:.84rem;font-weight:500;margin-bottom:18px}
.nocturne-site .sl-magazine-actions .sl-button{font-size:.72rem;min-height:44px;padding:11px 15px;gap:10px}
.nocturne-site .sl-download{font-size:.72rem;color:var(--couleur-principale)}
.nocturne-site .sl-magazine-all{font-size:.76rem;font-weight:500;color:var(--couleur-principale);border-color:var(--sl-line);margin-top:16px;padding-block:10px;min-height:44px}
.nocturne-site .sl-territory-section{padding:0;background:transparent;margin-bottom:40px}
.nocturne-site .sl-territory-grid{display:block;border-top:1px solid var(--sl-line);padding-top:28px}
.nocturne-site .sl-territory-image{display:none}
.nocturne-site .sl-territory-copy{display:grid;grid-template-columns:1fr 1fr auto;column-gap:35px;align-items:center}
.nocturne-site .sl-territory-copy .sl-kicker{grid-column:1;margin-bottom:8px}
.nocturne-site .sl-territory-copy h2{grid-column:1;font-size:2rem;margin:0}
.nocturne-site .sl-territory-copy>p:not(.sl-kicker),.nocturne-site .sl-territory-copy>.sl-editorial{grid-column:2;grid-row:1/3;font-size:.78rem;margin:0;line-height:1.8}
.nocturne-site .sl-territory-copy>.sl-button{grid-column:3;grid-row:1/3}
.nocturne-site .sl-home-map{padding-block:38px;background:var(--gris-tres-clair)}
.nocturne-site .sl-home-map-copy h2{font-size:2.25rem}
.nocturne-site .sl-home-map-canvas{border-radius:0}
.nocturne-site .sl-home-map-canvas iframe{height:330px}
.nocturne-site .sl-footer{background:var(--couleur-principale);padding-top:42px;border-radius:0}
.nocturne-site .sl-footer::before{display:none}
.nocturne-site .sl-footer .sl-brand{color:var(--couleur-blanc)}
.nocturne-site .sl-footer :is(h2,h3){font-family:var(--police-secondaire);font-size:.9rem;color:#fff;font-weight:600;letter-spacing:0}
.nocturne-site .sl-footer .sl-kicker{color:#fff}
.nocturne-site .sl-footer address,.nocturne-site .sl-footer p,.nocturne-site .sl-footer li,.nocturne-site .sl-footer a{font-size:.75rem}
.nocturne-site .sl-top{background:var(--couleur-principale);border-radius:0;color:#fff}
@media(max-width:1217px){
 .nocturne-site .sl-hero{margin-top:calc(-1 * var(--sl-header-height,89px))}
 .nocturne-site .sl-services{display:block;padding-block:22px}
 .nocturne-site .sl-services-intro{display:flex;gap:9px;align-items:baseline;margin-bottom:7px}
 .nocturne-site .sl-services-intro .sl-kicker{margin:0}
 .nocturne-site .sl-quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}
 .nocturne-site .sl-quick-links a{font-size:.77rem;padding-inline:4px}
 .nocturne-site .sl-media-section.has-magazine{gap:35px}
 .nocturne-site .sl-magazine-body{gap:18px;padding:20px}
 .nocturne-site .sl-magazine h2{font-size:2rem}
 .nocturne-site .sl-territory-copy{grid-template-columns:1fr 1fr}.nocturne-site .sl-territory-copy>.sl-button{grid-column:1/3;grid-row:3;margin-top:20px;width:fit-content}
}
@media(max-width:800px){
 .nocturne-site .sl-container{width:88%}
 .nocturne-site #sl-header .sl-container{width:88%}
 .nocturne-site .sl-brand>span{font-size:1.75rem}
 .nocturne-site .sl-hero-copy{padding-top:125px}
 .nocturne-site .sl-hero-copy h1{font-size:4.8rem}
 .nocturne-site .sl-news-grid{gap:20px}
 .nocturne-site .sl-news-card .sl-card-image{height:170px}
 .nocturne-site .sl-card-title{font-size:1.35rem}
 .nocturne-site .sl-agenda-grid{gap:20px}
 .nocturne-site .sl-event-card .sl-card-content{grid-template-columns:55px minmax(0,1fr);column-gap:12px}
 .nocturne-site .sl-event-card .sl-card-title{font-size:1.15rem}
 .nocturne-site .sl-event-day{font-size:2.4rem}
 .nocturne-site .sl-media-section.has-magazine{grid-template-columns:1fr;gap:42px}
 .nocturne-site .sl-social-visual>img{height:280px}
 .nocturne-site .sl-magazine-body{grid-template-columns:170px minmax(0,1fr);padding:28px}
}
@media(max-width:580px){
 .nocturne-site .sl-hero{height:700px;min-height:700px;margin-top:calc(-1 * var(--sl-header-height,79px))}
 .nocturne-site .sl-hero-copy{padding:135px 0 65px}
 .nocturne-site .sl-hero-media img{object-position:65% center}
 .nocturne-site .sl-hero-shade{background:linear-gradient(90deg,#243a4ac9,#243a4a50),linear-gradient(0deg,#243a4a32,transparent)}
 .nocturne-site .sl-hero-copy h1{font-size:clamp(3.55rem,16vw,4.3rem);line-height:1.03;letter-spacing:-.035em;max-width:100%;margin-block:23px;overflow-wrap:normal}
 .nocturne-site .sl-hero-copy .sl-kicker{font-size:.56rem!important;letter-spacing:.13em}
 .nocturne-site .sl-hero-description{font-size:.8rem;max-width:300px;line-height:1.9;margin-bottom:25px}
 .nocturne-site .sl-hero-search{min-height:58px;padding:6px 7px 6px 16px}
 .nocturne-site .sl-hero-search input{font-size:.7rem}
 .nocturne-site .sl-hero-search button{width:42px;height:42px}
 .nocturne-site .sl-hero-media .krea3-diaporama__autoplay{bottom:24px;right:6%}
 .nocturne-site .sl-hero-media .swiper-button-prev{right:calc(6% + 104px);bottom:24px}.nocturne-site .sl-hero-media .swiper-button-next{right:calc(6% + 52px);bottom:24px}
 .nocturne-site .sl-services{padding-block:22px}
 .nocturne-site .sl-services-intro{display:block;margin-bottom:7px}
 .nocturne-site .sl-services-intro .sl-kicker{margin-bottom:1px}
 .nocturne-site .sl-services-intro h2{font-size:.72rem}
 .nocturne-site .sl-quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 .nocturne-site .sl-quick-links a{min-height:68px;padding:15px 3px;font-size:.72rem;gap:11px}
 .nocturne-site .sl-section{padding-block:35px}
 .nocturne-site .sl-section-heading{align-items:flex-end;gap:15px;margin-bottom:25px}
 .nocturne-site .sl-section-heading h2,.nocturne-site .sl-media-section h2{font-size:2.15rem}
 .nocturne-site .sl-section-heading .sl-text-link{font-size:.64rem;max-width:95px;flex-shrink:0;gap:8px}
 .nocturne-site .sl-section-heading .sl-text-link svg{width:18px}
 .nocturne-site .sl-section-heading .sl-kicker{font-size:.55rem!important;letter-spacing:.1em}
 .nocturne-site .sl-news-grid{grid-template-columns:1fr;gap:30px}
 .nocturne-site .sl-news-card .sl-card-image{height:220px}
 .nocturne-site .sl-news-card .sl-card-content{padding-top:17px;gap:12px}
 .nocturne-site .sl-card-title{font-size:1.68rem}
 .nocturne-site .sl-agenda-grid{grid-template-columns:1fr;gap:24px}
 .nocturne-site .sl-event-card .sl-card-content{grid-template-columns:65px minmax(0,1fr);column-gap:20px}
 .nocturne-site .sl-event-day{font-size:3rem}
 .nocturne-site .sl-event-card .sl-card-title{font-size:1.32rem}
 .nocturne-site .sl-media-section.has-magazine{padding-block:35px;gap:38px}
 .nocturne-site .sl-social-visual>img{height:225px}
 .nocturne-site .sl-magazine h2{max-width:300px}
 .nocturne-site .sl-magazine-body{padding:22px;grid-template-columns:120px minmax(0,1fr);gap:20px}
 .nocturne-site .sl-magazine-name{font-size:.75rem}
 .nocturne-site .sl-magazine-actions .sl-button{font-size:.65rem;padding-inline:10px;gap:7px}
 .nocturne-site .sl-magazine-cover img{max-height:200px}
 .nocturne-site .sl-territory-section{margin-bottom:30px}
 .nocturne-site .sl-territory-copy{display:block}
 .nocturne-site .sl-territory-copy h2{font-size:2rem;margin-bottom:17px}
 .nocturne-site .sl-territory-copy>p:not(.sl-kicker){font-size:.78rem}
 .nocturne-site .sl-territory-copy>.sl-button{margin-top:20px}
 .nocturne-site .sl-home-map-copy h2{font-size:2rem}
 .nocturne-site .sl-home-map-canvas iframe{height:290px}
 .nocturne-site .sl-footer{padding-top:35px}
}
@media(prefers-reduced-motion:reduce){.nocturne-site .sl-card-image img{transition:none}.nocturne-site .sl-news-card:hover .sl-card-image img{transform:none}}
@media print{.nocturne-site .sl-hero{margin:0;height:auto;min-height:0}.nocturne-site .sl-hero-copy{padding:25px 0}.nocturne-site .sl-hero-copy h1,.nocturne-site .sl-hero-description{color:#000}.nocturne-site .sl-hero-search{display:none}}
/* Sur fonds foncés, les états actifs restent en blanc pour conserver le contraste. */
.nocturne-site.menu-open #sl-header #menu-principal #nav li>button[aria-expanded=true]{color:var(--couleur-blanc)!important}
.nocturne-site #sl-header #menu-principal button.toggleMenu:focus-visible,.nocturne-site #sl-header #menu-principal #nav>li>a:focus-visible,.nocturne-site #sl-header #menu-principal #nav>li>button:focus-visible,.nocturne-site.menu-open #sl-header #menu-principal #nav :focus-visible{outline-color:var(--couleur-blanc)!important}
.nocturne-site.sl-menu-rgaa-fullscreen #sl-header #menu-principal #nav .krea3-mega-close{background:var(--couleur-blanc)!important;color:var(--couleur-principale)!important;border-color:var(--couleur-blanc)!important}

/* Le texte des liens du footer reste lisible au survol sur son fond ardoise. */
.nocturne-site .sl-footer .sl-text-link:hover{color:var(--couleur-blanc);text-decoration:underline;text-underline-offset:5px}

/* 1.0.5 — aucun cadre autour des icônes ; le focus porte sur le lien entier. */
.nocturne-site .sl-quick-links .sl-quick-icon,
.nocturne-site .sl-quick-links a:is(:hover,:focus-visible) .sl-quick-icon{
 border:0!important;outline:0;box-shadow:none!important;
}
.nocturne-site .sl-quick-links a:focus-visible{outline:3px solid var(--couleur-principale);outline-offset:4px}
/* Les CTA conservent des libellés simples, avec les couleurs du thème.
 * Les étiquettes des cards restent des spans : leur carte est l’unique lien. */
.nocturne-site :is(.sl-home a.sl-cta,.sl-home .sl-card-more,.sl-footer a.sl-cta){
 display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;justify-self:start;
 width:fit-content;max-width:100%;min-height:44px;padding:11px 17px;border:0;border-radius:0;
 background:var(--couleur-principale);color:var(--couleur-blanc)!important;box-shadow:none;
 font:600 .76rem/1.4 var(--police-secondaire);text-align:center;text-decoration:none;
 transition:background-color .2s,color .2s;
}
.nocturne-site :is(.sl-home a.sl-cta,.sl-footer a.sl-cta):hover,
.nocturne-site .sl-home :is(.sl-news-card,.sl-event-card):is(:hover,:focus-visible) .sl-card-more{
 background:var(--gris-clair);color:var(--couleur-principale)!important;text-decoration:none;box-shadow:none;
}
.nocturne-site .sl-home a.sl-cta:focus-visible{outline:3px solid var(--couleur-principale);outline-offset:4px}
.nocturne-site .sl-footer a.sl-cta{background:var(--gris-clair);color:var(--couleur-principale)!important;margin-top:12px}
.nocturne-site .sl-footer a.sl-cta:hover{background:var(--couleur-blanc);color:var(--couleur-principale)!important}
.nocturne-site .sl-footer a.sl-cta:focus-visible{outline-color:var(--couleur-blanc)}
@media(max-width:580px){.nocturne-site .sl-home .sl-section-heading a.sl-cta{font-size:.74rem;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.nocturne-site :is(.sl-home a.sl-cta,.sl-home .sl-card-more,.sl-footer a.sl-cta){transition:none}}