@import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Satisfy');


nav {}

/* Appliquer une marge à gauche uniquement sur les grands écrans */
@media (min-width: 992px) {
  .logo-link {
    margin-left: 144px;
    /* Ajustez la valeur selon vos besoins */
  }
}


.badge {
  font-size: 20px;
}

.navbar .nav-item .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  margin-top: 0;
}

@media screen and (max-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }

  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
}

.navbar .nav-item .dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  margin-top: 0;
}

.navbar .nav-item:hover .nav-link {
  color: #fff;
}

.navbar .dropdown-menu.fade-down {
  top: 80%;
  transform: rotateX(-75deg);
  transform-origin: 0% 0%;
}

.navbar .nav-item:hover .dropdown-menu {
  transition: .3s;
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: rotateX(0deg);
}

.dropdown-menu.min-w-auto {
  min-width: unset;
  width: auto;
  padding: 4px;
}

.dropdown-menu .dropdown-item {
  padding: 4px;
  width: auto;
  display: flex;
  justify-content: center;
}


.banner {
  background-image: url("../images/banner/19.jpg");
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

}

/* The navigation menu links */
.navbar-nav a:focus {
  color: red;
}

.navbar-nav a:hover {
  color: #9D000C;
}

.navbar-nav a:active {
  color: red;
}

/* Changes the color of text once the text is clicked in the navbar */
.navbar-nav a.selected {
  color: #9D000C;
}


@keyframes clouds_animation {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -1011px 0;
  }
}

.header-button {
  display: inline-block;
  padding: 8px 24px 8px 24px !important;
  background-color: #2c2c3c;
  /* Couleur de fond du bouton */
  color: #f5f5f7;
  /* Couleur du texte */
  text-decoration: none;
  /* Supprimer le soulignement du lien */
  border: 0.75px solid #f5f5f7;
  /* Bordure */
  border-radius: 46px;
  /* Coins arrondis */
  margin: 4px;
  /* Marge autour des boutons */
  transition: background-color 0.3s, color 0.3s;
  /* Animation de transition */
  width: auto;
  /* Largeur du bouton */
  height: auto;
  /* Hauteur du bouton */
  text-align: center;
  /* Centrage du texte horizontalement */
  line-height: 20px;
  /* Centrage du texte verticalement */
}

.header-button:hover {
  background-color: #43435B;
  /* Changement de couleur de fond au survol */
  border: 1px solid #f5f5f7;
}

.navbar-shadow {
  box-shadow: 0 4px 10px rgba(0, -4, 10, 0.15);
}