.div-haut {
  position: relative;
  background-color: #f4f4f4; /* Couleur de la div du haut */
  padding:10px;
  /* color: white; */
  z-index: 1; /* S'assure que le pseudo-élément est au-dessus */
}

.div-haut::after {
  content: '';
  position: absolute;
  bottom: -20px; /* Décalage vers le bas pour la courbure */
  left: 0;
  width: 100%;
  height: 40px; /* Hauteur de la courbure */
  background-color: #f4f4f4; /* Même couleur que la div du haut */
  border-bottom-left-radius: 50% 20px; /* Arrondi sur le coin inférieur gauche */
  border-bottom-right-radius: 50% 20px; /* Arrondi sur le coin inférieur droit */
}

.div-bas {
  background-color: #e48830; /* Couleur de la div du bas */
  padding: 20px;
  /* color: white; */
  margin-top: -20px; /* Compense le décalage vers le bas du pseudo-élément */
}