.sp-banner{background:#061a4d;color:#f6e7b8;text-align:center;font-size:14px;padding:8px 16px}
.sp-hero{position:relative;min-height:0;display:flex;align-items:flex-end;overflow:hidden;background:#071a5c;color:#FBF8EF}
.sp-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.sp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,55,.92) 0%,rgba(5,20,55,.62) 48%,rgba(5,20,55,.16) 100%)}
.sp-hero-copy{position:relative;z-index:1;padding:48px 0 42px}
.sp-hero h1{font-family:Georgia,serif;font-size:clamp(2.15rem,4.2vw,3rem);margin:0 0 8px;color:#fff}
.sp-kicker{color:#f2ad1f;letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.78rem;margin:0 0 8px}
.sp-hero .detail-subtitle{max-width:38rem;font-size:1.2rem}
.sp-sign{max-width:40rem;color:#f6e7b8;font-size:14px}
.sp-nav{position:sticky;top:0;z-index:20;background:#FBF8EF;border-bottom:1px solid #e6dcc4}
.sp-nav .container{display:flex;gap:16px;overflow:auto;padding:12px 0}
.sp-nav a{color:#13274b;font-weight:700;text-decoration:none;white-space:nowrap}
.sp-nav a:hover{color:#6c4c10}
.sp-prose p{font-size:1.08rem;line-height:1.75}
.sp-time{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}
.sp-time article{background:#fff;border-top:4px solid #f2ad1f;padding:14px 16px}
.sp-time strong{display:block;font-family:Georgia,serif;color:#061a4d;font-size:1.35rem}
.sp-split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.sp-figure{margin:0;background:transparent;color:#243044;padding:0}
.sp-figure img{display:block;width:100%;height:auto;background:transparent}
.sp-figure figcaption,.sp-figure figcaption strong{color:#3d4a63;font-size:15px;line-height:1.45;padding:8px 0 0}
.sp-basins{display:grid;gap:18px;margin-top:18px}
.sp-basin{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;background:#fff;border-radius:16px;overflow:hidden;border-top:4px solid #f2ad1f}
.sp-basin .sp-figure{position:relative;min-height:440px;height:100%;border-radius:0;background:#071a5c;display:flex;flex-direction:column}
.sp-basin .sp-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.sp-basin .sp-figure figcaption,.sp-basin .sp-figure figcaption strong{position:relative;z-index:1;margin-top:auto;color:#FBF8EF;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(7,26,92,.92))}
.sp-basin-copy{padding:18px 22px 14px}
.sp-basin-copy h3{font-family:Georgia,serif;color:#061a4d;margin:0 0 8px}
.sp-basin-copy p{color:#1c2740;font-size:1.02rem;line-height:1.65}
.sp-basin.sp-basin-text{grid-template-columns:1fr}
.sp-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sp-card{background:#fff;border-radius:16px;padding:18px 18px 8px;border-top:4px solid #f2ad1f}
.sp-card h3{font-family:Georgia,serif;color:#061a4d;margin:0 0 8px}
.sp-card .cp{color:#6c4c10;font-weight:700;font-size:.85rem}
.sp-note{background:#061a4d;color:#FBF8EF;padding:22px 24px;border-radius:16px}
.sp-note h3{color:#f2ad1f;font-family:Georgia,serif}
.sp-note a{color:#f6e7b8}
.commune-rich-page .section{padding:40px 0}
.sp-quartiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.sp-figure.band img,.sp-gallery .sp-figure img,.sp-split .sp-figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.sp-figure.band img{aspect-ratio:21/9}
#population table{width:100%;background:#fff}
#lang .detail-two-col,#identite .detail-two-col{align-items:stretch}
#lang .identity-card,#identite .identity-card{height:100%;box-sizing:border-box}
.sp-q{background:#fffdf8;border:1px solid #e6dcc4;border-radius:16px;padding:18px}
.sp-q h3{font-family:Georgia,serif;color:#061a4d;margin:0 0 8px}
.sp-q.wide{grid-column:1 / -1}
.sp-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sp-gallery.three{grid-template-columns:1fr 1fr 1fr}
#population .detail-two-col{align-items:start}
#population .commune-pop-table{margin:0}
.sp-end{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sp-end .sp-card{padding-bottom:16px}
.sp-end .sp-links a{font-size:.82rem;padding:5px 10px}
.sp-footer{background:#051347;border-top:3px solid #f2ad1f;padding:26px 0}
.sp-footer .footer-inner{grid-template-columns:1.15fr 1.3fr .95fr;align-items:center}
.sp-footer .brand strong{color:#F2B321!important;font-family:Georgia,serif}
.sp-footer .brand small{color:#FBF8EF!important}
.sp-footer nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.sp-footer nav a{color:#FBF8EF;font-weight:700;text-decoration:none}
.sp-footer nav a:hover{color:#f2ad1f}
.sp-footer p{margin:0;color:#f6e7b8;text-align:right;line-height:1.45}
.sp-links{display:flex;flex-wrap:wrap;gap:8px}
.sp-links a{border:1px solid #061a4d;color:#061a4d;text-decoration:none;border-radius:999px;padding:6px 12px;font-weight:700;font-size:.92rem}
.sp-links a:hover{background:#061a4d;color:#FBF8EF}
#lang .identity-card{background:#071a58!important;color:#FBF8EF!important;padding:26px 28px;border-radius:18px}
#lang .identity-card h3{color:#f2ad1f!important;font-family:Georgia,serif;font-size:1.6rem;margin:0 0 14px;line-height:1.2}
#lang .identity-card p{color:#FBF8EF!important;font-size:1.08rem;line-height:1.7;margin:0}
.sp-note,.sp-note p{color:#FBF8EF!important}
.sp-note h3{color:#f2ad1f!important;margin-top:0}
.sp-hero,.sp-hero .detail-subtitle,.sp-hero h1{color:#FBF8EF}
#memoire,#memoire h2,#memoire p,#memoire .sp-figure figcaption,#memoire .sp-figure figcaption strong{color:#FBF8EF!important}
#memoire .section-kicker{color:#f2ad1f!important}
#mlrPermanentWhere{display:none!important}
#mlrPermanentWhere{
  position:fixed!important;
  top:auto!important;
  right:14px!important;
  bottom:14px!important;
  left:auto!important;
  width:max-content!important;
  height:auto!important;
  max-width:220px!important;
  min-height:44px!important;
  z-index:90!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
}
@media(max-width:1100px){
  .sp-quartiers{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .sp-hero{min-height:0}
  .sp-time,.sp-split,.sp-cards,.sp-quartiers,.sp-gallery,.sp-gallery.three,.sp-basin,.sp-end{grid-template-columns:1fr}
  .sp-footer .footer-inner{grid-template-columns:1fr}
  .sp-footer nav{justify-content:flex-start}
  .sp-footer p{text-align:left}
  .sp-hero-copy{padding:28px 0 24px}
  #mlrPermanentWhere{right:12px!important;bottom:12px!important;max-width:168px!important}
}