:root{--blue:#0b2545;--orange:#ff7a00;--white:#fff;--max:1140px}
body{background:var(--blue);color:var(--white)}
a{color:var(--white);text-underline-offset:2px}
h1,h2,h3{color:var(--orange);font-weight:800;line-height:1.2}
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .comments-area{background:transparent!important;border:none!important}
.page .entry-title{display:none} /* cache le titre "Accueil" par défaut */
.container{max-width:var(--max);margin:auto;padding:0 20px}
.wrap{max-width:var(--max);margin:auto;padding:20px}
.btn{display:inline-block;background:var(--orange);color:#fff;font-weight:900;
  padding:14px 18px;border-radius:999px;text-decoration:none}
.badge{display:inline-block;border:1px solid rgba(255,255,255,.25);color:#d7e2f7;
  border-radius:999px;padding:6px 10px;font-size:13px}
.pill{display:inline-flex;gap:8px;align-items:center;background:#0f2f59;
  border:1px solid rgba(255,255,255,.15);padding:8px 12px;border-radius:999px}
.hero-grid{display:grid;gap:14px}
.hero-left .lead{color:#f4f7ff}
.cards{display:grid;grid-template-columns:1fr;gap:14px}
.card{background:#0f2f59;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.gal img{width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.contact{background:#0a203d;border-top:1px solid rgba(255,255,255,.12);padding:22px 0;margin-top:18px}
.contact-grid{display:grid;gap:16px}
.box{background:#0d294e;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
label{display:block;margin:10px 0 4px}
input,textarea{width:100%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);
  color:#fff;border-radius:12px;padding:12px}
input::placeholder,textarea::placeholder{color:#cfe0ffb0}
.small{font-size:13px;color:#d7e2f7}
@media(min-width:840px){
  .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center}
  .cards{grid-template-columns:repeat(3,1fr)}
  .gal{grid-template-columns:repeat(3,1fr)}
  .contact-grid{grid-template-columns:1.2fr .8fr}
}