body {
  font-family: Arial, sans-serif;
}

h3 {
        background-color: #8ebf42;
      }

/* En-tête fixe */
header {
  width: 100%;
  background-color: #f0f0f0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
}

/* Conteneur principal pour les blocs gauche et droite */
.conteneur-principal {
  background-color: #DBECFF;
  display: flex;
  justify-content: space-between; /* Répartit l'espace entre les blocs */
}

/* Bloc de gauche */
.bloc-gauche {
  width: 45%; /* Ajustez la largeur selon vos besoins */
  padding: 0 20px; /* padding top à 0 / tout le reste à 20px*/
  background-color: #DBECFF;
  word-wrap: break-word; /* ou overflow-wrap: break-word; */
}

/* Bloc de droite */
.bloc-droite {
  width: 45%; /* Ajustez la largeur selon vos besoins */
  padding: 0 20px; /* padding top à 0 / tout le reste à 20px*/
  background-color: #DBECFF;
  word-wrap: break-word; /* ou overflow-wrap: break-word; */
}