/* ═══ BRISONS LE SILENCE — feuille de style ═══ */
:root{
  --rose:      #e6d3cd;   /* fond rose poudré (illustrations) */
  --rose-fonce:#d8bdb5;
  --creme:     #f5ece8;
  --encre:     #2b2b2b;
  --corail:    #e0523f;   /* accent (bouton quitter, liens) */
  --corail-fonce:#c0442f;
  --gris:      #6a6a6a;
  --vert:      #7aa89a;
  --blanc:     #ffffff;
  --sombre:    #23282d;    /* header foncé */
  --maxw: 1180px;
  --f: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ font-family:var(--f); color:var(--encre); background:var(--creme); line-height:1.65; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--corail); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* ── HEADER ── */
header{
  position:sticky; top:0; z-index:100;
  background:var(--sombre);
  display:flex; align-items:center; justify-content:space-between;
  padding:12px clamp(16px,4vw,40px); gap:16px;
  flex-wrap:wrap;
}
header .marque img{ height:46px; width:auto; }
nav.principale{ display:flex; gap:6px; flex-wrap:wrap; }
nav.principale a{
  color:#f0eae7; font-size:15px; font-weight:500;
  padding:8px 14px; border-radius:6px; text-decoration:none;
  transition:background .15s;
}
nav.principale a:hover,nav.principale a.actif{ background:rgba(255,255,255,.12); }
.header-actions{ display:flex; align-items:center; gap:12px; }
.langues{ display:flex; gap:4px; align-items:center; }
.langues a{
  color:#cfc6c2; font-size:13px; font-weight:600; text-transform:uppercase;
  padding:4px 7px; border-radius:5px; text-decoration:none;
}
.langues a.actif{ background:var(--corail); color:#fff; }
.langues a:hover{ color:#fff; }
.btn-quitter{
  background:var(--vert); color:#fff; font-weight:600; font-size:14px;
  border:none; border-radius:24px; padding:9px 20px; cursor:pointer;
  white-space:nowrap; transition:background .15s;
}
.btn-quitter:hover{ background:#5f9082; }
#burger{ display:none; background:none; border:none; color:#f0eae7; font-size:26px; cursor:pointer; }

@media(max-width:900px){
  #burger{ display:block; }
  nav.principale{
    display:none; position:absolute; top:100%; left:0; right:0;
    background:var(--sombre); flex-direction:column; padding:8px;
  }
  body.menu-ouvert nav.principale{ display:flex; }
  nav.principale a{ padding:12px 16px; }
}

/* ── HERO ── */
.hero{
  background:var(--rose);
  min-height:min(78vh,640px);
  display:flex; align-items:center;
  position:relative; overflow:hidden;
  padding:clamp(30px,6vw,72px) clamp(16px,4vw,40px);
}
.hero .wrap{ max-width:var(--maxw); margin:0 auto; width:100%; display:grid; grid-template-columns:1.15fr .85fr; gap:30px; align-items:center; }
.hero h1{
  font-size:clamp(34px,5.4vw,62px); line-height:1.08; font-weight:700;
  letter-spacing:-.01em; color:var(--encre); max-width:14ch;
}
.hero .illus{ align-self:stretch; display:flex; align-items:center; justify-content:center; }
.hero .illus img{ width:100%; max-width:520px; }
@media(max-width:820px){
  .hero .wrap{ grid-template-columns:1fr; }
  .hero .illus{ order:-1; }
  .hero .illus img{ max-width:320px; }
}

/* ── SECTIONS ── */
main{ display:block; }
section{ padding:clamp(40px,7vw,84px) clamp(16px,4vw,40px); }
.contenu{ max-width:var(--maxw); margin:0 auto; }
.etroit{ max-width:820px; margin:0 auto; }
h2{ font-size:clamp(26px,3.6vw,40px); line-height:1.15; font-weight:700; margin-bottom:.6em; letter-spacing:-.01em; }
h3{ font-size:clamp(19px,2.2vw,24px); font-weight:600; margin:1.4em 0 .4em; }
p{ font-size:clamp(16px,1.6vw,18px); color:#3a3a3a; margin:.8em 0; }
p.grand{ font-size:clamp(18px,2vw,22px); }
.alt{ background:var(--rose); }
.alt-creme{ background:var(--creme); }

/* ── VIDÉOS ── */
.grille-videos{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; margin-top:32px; }
.video{ background:#000; border-radius:12px; overflow:hidden; box-shadow:0 6px 24px rgba(0,0,0,.12); }
.video .ratio{ position:relative; padding-bottom:56.25%; height:0; }
.video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-teaser{ max-width:820px; margin:32px auto 0; }

/* ── ADRESSES ── */
.urgence{
  background:var(--corail); color:#fff; border-radius:12px;
  padding:22px 28px; margin:26px 0; font-size:clamp(17px,2vw,20px); font-weight:600;
}
.urgence strong{ font-size:1.3em; }
.canton{ margin-top:28px; border-top:2px solid var(--rose-fonce); padding-top:18px; }
.canton h3{ color:var(--corail-fonce); margin-top:0; }
.ressource{ background:var(--blanc); border-radius:10px; padding:16px 20px; margin:12px 0; box-shadow:0 2px 10px rgba(0,0,0,.05); }
.ressource b{ display:block; font-size:17px; margin-bottom:2px; }
.ressource .infos{ font-size:15px; color:var(--gris); }

/* ── LIENS NAVIGATEURS (sécurité) ── */
.navigateurs{ display:flex; flex-wrap:wrap; gap:12px; margin:16px 0 8px; }
.navigateurs a{
  background:var(--blanc); border:1.5px solid var(--rose-fonce); border-radius:22px;
  padding:8px 18px; font-weight:600; color:var(--encre); text-decoration:none; font-size:15px;
}
.navigateurs a:hover{ border-color:var(--corail); color:var(--corail); }

/* ── MÉDIAS (impact) ── */
.media-item{ padding:10px 0; border-bottom:1px dashed var(--rose-fonce); font-size:16px; }

/* ── FOOTER ── */
footer{ background:var(--sombre); color:#d8d2ce; padding:44px clamp(16px,4vw,40px) 36px; }
footer .wrap{ max-width:var(--maxw); margin:0 auto; display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between; align-items:flex-start; }
footer img{ height:54px; margin-bottom:14px; }
footer .contact{ font-size:15px; line-height:1.7; }
footer a{ color:#f0eae7; }
footer .base{ max-width:var(--maxw); margin:26px auto 0; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); font-size:13px; color:#a49e9a; }

/* Message d'aide sécurité (bandeau discret) */
.bandeau-securite{ background:var(--vert); color:#fff; text-align:center; font-size:13.5px; padding:7px 16px; }
.bandeau-securite a{ color:#fff; text-decoration:underline; }

/* ── Fiches PDF ── */
.bloc-ressources{ margin:2em 0; }
.fiches{ display:flex; flex-wrap:wrap; gap:12px; margin-top:14px; }
.fiche{ display:inline-flex; align-items:center; gap:10px; background:var(--blanc); border:1.5px solid var(--rose-fonce); border-radius:10px; padding:11px 18px; font-weight:600; color:var(--encre); text-decoration:none; font-size:15px; }
.fiche:hover{ border-color:var(--corail); color:var(--corail); text-decoration:none; }
.fiche .ico{ background:var(--corail); color:#fff; font-size:11px; font-weight:700; padding:3px 7px; border-radius:4px; letter-spacing:.03em; }
/* ── Médias ── */
.medias{ display:flex; flex-direction:column; gap:10px; margin-top:14px; }
.media-lien{ display:block; background:var(--blanc); border-radius:10px; padding:14px 18px; text-decoration:none; color:var(--encre); box-shadow:0 2px 8px rgba(0,0,0,.05); }
.media-lien:hover{ box-shadow:0 4px 14px rgba(0,0,0,.1); text-decoration:none; }
.media-lien b{ display:block; font-size:16px; }
.media-lien .src{ font-size:13.5px; color:var(--corail); font-weight:600; }
/* ── Production + Partenaires ── */
.production{ display:flex; flex-wrap:wrap; gap:36px; justify-content:center; align-items:center; margin:20px 0 8px; }
.production img{ max-height:64px; width:auto; }
.partenaires{ display:flex; flex-wrap:wrap; gap:20px; justify-content:center; align-items:center; margin-top:20px; }
.part-logo{ display:flex; align-items:center; justify-content:center; background:var(--blanc); border-radius:10px; padding:14px 18px; box-shadow:0 2px 8px rgba(0,0,0,.05); transition:transform .15s; }
.part-logo:hover{ transform:translateY(-2px); }
.part-logo img{ max-height:52px; max-width:150px; width:auto; object-fit:contain; }