#carouselHero .carousel-item img {  
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  height: 80vh;
  
}

#carouselHero .carousel-caption {
  bottom: 40%;
}

#carouselHero .carousel-caption h2 {
  font-weight: 400;
}


#carouselExampleIndicators {
  overflow: hidden; /* Evite l'affichage des débordements dans un conteneur */
  /*height:calc(100hw);*/
  max-height: 80vh;
  height: 80vh;
  /*border:1px solid red;*/

}

#carouselExampleIndicators .carousel-inner {
}
#carouselExampleIndicators .carousel-item {
  height: 100%;

}

#carouselExampleIndicators img {
  object-fit: cover;
}
/* modification Patrick pour avoir des indicateurs en forme de cercle */
.carousel-indicators button {
  width: 12px !important;
  height: 12px !important;
  border-radius : 50% !important;
  background-color: #bbb !important; /* Couleur grise */
  border: none !important; /* Supprime toute bordure par défaut */
  padding: 0 !important; /* Supprime tout padding par défaut */

}

.carousel-indicators .active {
  background-color: #555 !important; /* Couleur plus foncée pour l'indicateur actif */
}


@media (max-width: 576px) { 
  #carouselExampleIndicators {
    overflow: hidden; /* Evite l'affichage des débordements dans un conteneur */
    height:calc(100hw);
    max-height: 80vh;
    height: 80vh;
    border:1px solid green;
  
  }
  
}
/* Fin de modification Patrick */
/**********************************************************************************