/* Page louer-un-espace — chargé sur elle seule (repris de _generation/corps/louer-un-espace.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:68ch; }
.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 0 1rem; }
.hero-titre p:last-child{ margin-bottom:0; }

/* ── Les trois espaces, en fiches détaillées ──────────────── */
.espaces__grille{ display:grid; gap:2rem; }
@media (min-width:768px){ .espaces__grille{ grid-template-columns:repeat(3,1fr); } }
.espace{
  background:var(--blanc); border:1px solid #e4eaec; border-radius:3px;
  overflow:hidden; display:flex; flex-direction:column;
}
.espace img{ width:100%; height:200px; object-fit:cover; }
.espace__corps{ padding:1.5rem; display:flex; flex-direction:column; flex:1; }
.espace__nom{ font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--bleu-moyen); margin:0 0 .4rem; }
.espace h3{ font-family:var(--serif); font-size:1.25rem; color:var(--bleu); margin-bottom:.6rem; }
.espace p{ color:var(--gris); font-size:.95rem; margin:0 0 1rem; }
.espace dl{ margin:0 0 1rem; font-size:.9rem; }
.espace dt{ color:var(--bleu-moyen); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; margin-bottom:.2rem; }
.espace dd{ margin:0 0 .75rem; color:var(--gris); }
.espace dd:last-child{ margin-bottom:0; }

/* ── Les étapes ───────────────────────────────────────────── */
.etapes{ display:grid; gap:1.5rem; max-width:900px; margin-inline:auto; counter-reset:etape; }
@media (min-width:768px){ .etapes{ grid-template-columns:repeat(2,1fr); } }
.etape{
  position:relative; padding:1.5rem 1.5rem 1.5rem 4rem;
  background:var(--blanc); border:1px solid #e4eaec; border-radius:3px;
}
.etape::before{
  counter-increment:etape; content:counter(etape);
  position:absolute; left:1.35rem; top:1.4rem;
  font-family:var(--serif); font-size:1.5rem; color:var(--bleu-clair); line-height:1;
}
.etape h3{ font-family:var(--serif); font-size:1.1rem; color:var(--bleu); margin-bottom:.4rem; }
.etape p{ margin:0; color:var(--gris); font-size:.95rem; }

/* ── Texte courant ────────────────────────────────────────── */
.texte{ max-width:68ch; margin-inline:auto; }
.texte h3{ font-family:var(--serif); font-size:1.2rem; color:var(--bleu); margin:2rem 0 .75rem; }
.texte h3:first-child{ margin-top:0; }
.texte p{ margin:0 0 1.15rem; }
.texte ul{ margin:0 0 1.15rem; padding-left:1.25rem; }
.texte li{ margin-bottom:.4rem; }
.texte p:last-child, .texte ul:last-child{ margin-bottom:0; }
.texte strong{ font-weight:500; color:var(--encre); }

.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; }

.appel{ text-align:center; }
.appel h2{ font-family:var(--serif); font-size:1.6rem; color:var(--bleu); margin-bottom:.75rem; }
.appel p{ color:var(--gris); max-width:52ch; margin:0 auto 1.75rem; }