/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

/* Header */

.en-bitume {
  /*position: relative;*/
  height: 70vh;
  background: url('image/picture/b1.jpg') no-repeat center center/cover;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Empêche le contenu débordant */
}

.en-bitume::before {
  content: ""; /* Crée un pseudo-élément */
  position: absolute; /* Superposé à l'élément parent */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 5, 32, 0.781); /* Bleu transparent */
  z-index: -1; /* Place l'overlay au-dessus du background */
}

.en-bitume .hero {
  position: relative; /* Le contenu est placé au-dessus de l'overlay */
  z-index: 2; /* Au-dessus du pseudo-élément */
  /*background-color: rgba(255, 255, 255, 0.8); /* Optionnel : Ajoute une couleur d'arrière-plan blanche semi-transparente pour le texte */
  padding: 1rem; /* Ajoute de l'espace autour du texte */
  border-radius: 10px; /* Arrondi des coins */
  text-align: center; /* Centre le texte */
}