/* =======================================================
   🧱 SECTIONS "À PROPOS"
   ======================================================= */
/* Mise en page générale des 3 blocs */
#apropos-section1,
#apropos-section2,
#apropos-section3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 40px;
}

/* Égalité de largeur pour chaque bloc interne (texte ou image) */
#apropos-section1 div,
#apropos-section2 div,
#apropos-section3 div {
  flex: 1;
}

/* Images des sections */
#apropos-section1 img,
#apropos-section2 img,
#apropos-section3 img {
  max-width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.images-hero-d {
  margin-left: auto; /* ✅ pousse l'image vers la droite */
  display: flex;
  justify-content: flex-end;
  align-items: center;
}



.images-hero {
  width: 640px;
  height: 420px;
  object-fit: cover;
  border-radius: 8px;
}