.colored-banner {
  width: 100%;
  background-color: #4C8FAF; /* Couleur de fond (vert) */
  color: white;
  padding: 20px 0; /* Espacement vertical */
  text-align: center;
  position: relative; /* Position normale dans le flux de la page */
  z-index: 100; /* Assure que la bande est visible au-dessus d'autres éléments */
  height: 20rem;
  margin-bottom: 4rem;
}

.banner-content {
  max-width: 1200px; /* Limite la largeur du contenu */
  margin: 0 auto; /* Centre le contenu */
  font-size: 1.2em; /* Taille du texte */
}

/* Plus de contenu sous la bande */
.more-content {
  padding: 20px;
}

/* Optionnel : Responsive Design */
@media (max-width: 768px) {
  .banner-content {
    font-size: 1em; /* Ajuste la taille du texte pour les écrans plus petits */
  }
}