body { margin:0; font-family:Arial, sans-serif; color:#333; }
header {
  background-image: url("header.jpg");
  background-size: cover;               /* couvre tout le conteneur */
  background-position: center 40%;      /* centre horizontal, verticalement montre un peu plus le haut ou bas */
  background-repeat: no-repeat;
  /* background-attachment: fixed; */    /* décommente si tu veux un effet de fond fixe */
  color: #fff;
  padding: 80px 20px;
  text-align: center;
}

header h1 { margin:0; font-size:2.5em; }
header p { font-size:1.2em; }
.container { max-width:1000px; margin:0 auto; padding:20px; }
.section { margin:40px 0; }
.cta-btn { display:inline-block; padding:15px 30px; background:#00a4e4; color:#fff; text-decoration:none; font-size:1.1em; border:none; }
.who-cards {
  display: flex;               /* Utilise flexbox pour aligner les enfants sur une ligne */
  gap: 20px;                    /* Espace entre les cartes */
  justify-content: center;     /* Centre les cartes horizontalement */
  flex-wrap: wrap;              /* Permet de passer en “ligne suivante” si l’écran est trop petit */
}

.who-card {
  text-align: center;
  flex: 1 1 300px;              /* Chaque carte peut grandir / rétrécir, mais commence à 300px */
  max-width: 300px;              /* Limite la largeur à 300px pour chaque carte */
}

.who-card img {
  width: 100%;                  /* L’image prend toute la largeur de la carte */
  height: auto;                 /* Pour garder les proportions si l’image change de taille */
  object-fit: cover;            /* Pour bien recadrer si nécessaire */
  border-radius: 8px;            /* Optionnel : coins arrondis */
}
.benefits { display:flex; flex-wrap:wrap; gap:20px; }
.benefit { flex:1; min-width:250px; background:#f8f8f8; padding:20px; border:1px solid #ddd; }
.sidebar-form { position: fixed; top:20%; right:0; width:300px; background:#ffffff; border:1px solid #ddd; padding:20px; box-shadow:-2px 2px 10px rgba(0,0,0,0.1); z-index:1000; }
.sidebar-form h3 { margin-bottom:15px; font-size:1.2em; color:#333; }
.sidebar-form input, .sidebar-form textarea { width:100%; margin-bottom:10px; padding:8px; border:1px solid #ccc; font-size:0.9em; }
.sidebar-form button { width:100%; padding:10px; background:#00a4e4; color:#fff; border:none; font-size:1em; cursor:pointer; }
@media (max-width:768px) {
  .sidebar-form { position:static; width:100%; margin:20px 0; box-shadow:none; }
  .benefits { flex-direction:column; }
}
footer { background:#0D1B2A; color:#fff; text-align:center; padding:20px; }
footer a { color:#00a4e4; text-decoration:none; }