/* Page contact — chargé sur elle seule (repris de _generation/corps/contact.css). */
/* ── Héro sobre ───────────────────────────────────────────── */
.hero-titre{ background:linear-gradient(180deg,var(--bleu-brume) 0%,var(--blanc) 100%); }
.hero-titre__interieur{ padding-block:2.5rem 3rem; max-width:66ch; }
.hero-titre .surtitre{ font-size:.78rem; letter-spacing:.24em; text-transform:uppercase; color:var(--bleu-moyen); margin:0 0 1.25rem; }
.hero-titre h1{ font-family:var(--serif); font-size:clamp(1.9rem,4.6vw,2.9rem); color:var(--bleu); margin-bottom:1.25rem; }
.hero-titre p{ margin:0; }

/* ── Colonne coordonnées / carte ──────────────────────────── */
.trouver__grille{ display:grid; gap:2.5rem; }
@media (min-width:900px){ .trouver__grille{ grid-template-columns:1fr 1.25fr; gap:3.5rem; align-items:start; } }
.adresse{ font-style:normal; }
.adresse h2{ font-family:var(--serif); font-size:1.35rem; color:var(--bleu); margin-bottom:1rem; }
.adresse h3{ font-family:var(--serif); font-size:1.05rem; color:var(--bleu); margin:2rem 0 .5rem; }
.adresse p{ margin:0 0 1rem; }
.adresse .repere{ color:var(--gris); font-size:.95rem; }
.carte{ width:100%; height:380px; border:1px solid #e4eaec; border-radius:3px; }
.carte__lien{ margin:.75rem 0 0; font-size:.9rem; }

/* ── Les trois motifs de contact ──────────────────────────── */
.motifs{ display:grid; gap:1.5rem; }
@media (min-width:768px){ .motifs{ grid-template-columns:repeat(3,1fr); } }
.motif{
  background:var(--blanc); border:1px solid #e4eaec; border-radius:3px;
  padding:1.75rem 1.5rem; display:flex; flex-direction:column;
}
.motif h3{ font-family:var(--serif); font-size:1.15rem; color:var(--bleu); margin-bottom:.6rem; }
.motif p{ color:var(--gris); font-size:.95rem; margin:0 0 1.5rem; }
.motif .bouton{ margin-top:auto; align-self:flex-start; font-size:.88rem; padding:.7rem 1.35rem; }

/* ── Encadré horaires ─────────────────────────────────────── */
.encadre{
  max-width:68ch; margin:0 auto; padding:1.25rem 1.5rem;
  background:var(--creme); border-left:2px solid var(--bleu-clair); border-radius:3px;
}
.encadre h3{ font-family:var(--serif); font-size:1.05rem; color:var(--bleu); margin-bottom:.4rem; }
.encadre p{ margin:0; color:var(--gris); font-size:.93rem; }