@charset "UTF-8";
.barreJaune {
  border: none;
  height: 5px;
  width: min(600px, 90%);
  margin: 20px auto;
  border-radius: 999px;
  background: linear-gradient(to right, transparent 0%, #ecd8b8 10%, #cdb89a 50%, #ecd8b8 90%, transparent 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.titreTexte {
  position: relative;
  display: inline-block;
  padding-bottom: 14px; /* espace entre le texte et la ligne du dessous */
  white-space: nowrap;
  margin: 0px 5%;
}
@media screen and (orientation: landscape) and (max-height: 360px) {
  .titreTexte {
    padding-bottom: 0px;
    margin: 0px 0;
  }
}

.titreTexte::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 125px;
  width: 200px; /* longueur de la ligne sous le titre */
  height: 3px; /* épaisseur */
  background: linear-gradient(to right, transparent, #c9a24a, transparent);
  border-radius: 10px;
}

.bjGauche {
  width: 30%;
  margin-right: 50px;
  margin-left: 100px;
}

.bjDroite {
  width: 30%;
  margin-left: 50px;
  margin-right: 100px;
}

#titreDiapoH2::after {
  width: 500px;
}

#titreEquipementsH2::after {
  width: 500px;
}

#titreVisitesH2 {
  margin-top: 50px;
}

#titreContactH2 {
  margin-top: 50px;
}

#titreContactH2::after {
  top: 50px;
  width: 500px;
}

#titreVisitesH2::after {
  top: 50px;
  width: 500px;
}

#titreaftercontact::after {
  top: 80px;
}rap;
}
@media screen and (orientation: landscape) and (max-height: 360px) {
  .titreTexte {
    margin: 0;
    padding-bottom: 0;
  }
}

.titreTexte::after {
  content: "";
  position: absolute;
  top: 125px;
  left: 50%;
  width: 200px;
  height: 3px;
  transform: translateX(-50%);
  border-radius: 10px;
  background: linear-gradient(to right, transparent, #c9a24a, transparent);
}

.bjGauche {
  width: 30%;
  margin-right: 50px;
  margin-left: 100px;
}

.bjDroite {
  width: 30%;
  margin-right: 100px;
  margin-left: 50px;
}

#titreDiapoH2::after,
#titreEquipementsH2::after {
  width: 500px;
}

#titreVisitesH2,
#titreContactH2,
#leCoeur {
  margin-top: 50px;
}

#titreContactH2::after,
#titreVisitesH2::after {
  top: 50px;
  width: 500px;
}

#titreaftercontact::after {
  top: 80px;
}