* {
  margin : 0;
  padding : 0;
  box-sizing : border-box;
}

body {
  background-color : rgb(254, 254, 226);
  width : 100%;
}




.disabled, .disabled-date {
  color : firebrick !important ;
  pointer-events: none; /* Désactive la sélection */
}

.day {
  color : green;
}

/* Styles pour les étoiles */
div.rating  i {
  color: goldenrod;
  text-decoration: none;
}


/* ----------NAVBAR----------- */

#logo {
  height : 100px;
  width : 120px;
}

.navbar {
  height: 150px;
  width: 100%;
  font-size: larger;
  background-color: black;
}

.navbar-nav .nav-link {
  color: antiquewhite; /* Couleur du texte des liens */
}

/* Bouton burger personnalisé pour les écrans inférieurs à 850px */
@media (max-width: 750px) {
  .navbar-toggler .burger {
    background-color:none;
    z-index: 3;
    cursor: pointer;
    position: relative;
    width: 35px;
    height: 35px;
  }

  .navbar>.container-fluid{
    background: black;
    text-align: center;
    z-index: 1;
    
  }

  .burger .bar{
    display: block;
    width: 22px;
    height: 3px;
    background-color: white;
  }

  /* Les trois traits du bouton burger */
  .burger .bar::before,
  .burger .bar::after{
    display: block;
    content: '';
    width: 22px;
    height: 3px;
    background-color: white;
    position: absolute;
  }

  .burger .bar::before{
    transform: translateY(-8px);
  }
  .burger .bar::after{
    transform: translateY(8px);
  }
}

/* ---carroussel---- */
.carousel-item img {
  height: 450px; 
  object-fit: contain; 
  width: 100%;
}



/* ------------FOOTER------------------ */
#footer {
  width: 100%;
  background-color: black;
  min-height: 150px;
}

.item-footer {
  padding: 20px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap; /* Permet à l'élément de s'adapter en ligne ou en colonne */
  justify-content: center; /* Centrer les éléments horizontalement */
}

.item-footer a {
  color: antiquewhite;
  text-decoration: none;
}

.item-footer a:hover {
  text-decoration: underline; /* Soulignement au survol */
  color: darkblue; /* Changement de couleur au survol */
}

/* Responsive design pour petit écran */
@media (max-width: 850px) {
  .item-footer {
      flex-direction: column; /* Passe en colonne */
      align-items: center; /* Centre les éléments */
      gap: 5px; /* Espacement entre les éléments */
  }
}
 

/* -----EFFETS------- */

.fadeInLeft {
  animation-name : fadeInLeft;
  animation-duration : 2s;
  animation-fill-mode : both;
}

@keyframes fadeInLeft {
0% {
  opacity : 0;
  transform : translate3d(-100%,0,0);
}
100% {
  opacity : 1;
  transform : none;
}
}
.fadeInRight {
  animation-name : fadeInRight;
  animation-duration : 3s;
  animation-fill-mode : both;
}

@keyframes fadeInRight {
0% {
  opacity : 0;
  transform : translate3d(100%,0,0);
}
100% {
  opacity : 1;
  transform : none;
}
}

.zoomIn {
  animation-name : zoomIn;
  animation-duration : 3s;
  animation-fill-mode : both;
}

@keyframes zoomIn {
0% {
  opacity : 0;
  transform : scale3d(0.3,0.3,0.3);
}
50% {
  opacity : 1;
}
}


.checkbox-label {
  display: flex;
  align-items: center;
}

.checkbox-label input {
  order: -1; /* Place la case à cocher avant le texte */
  margin-right: 10px;
}