@font-face {
  font-family: 'UniformPro-Bld';
  src: url('../fonts/UniformPro-Bld.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Zoom au niveau des cards (actualité ou réglementation, affichage obligatoire etc)*/
.hover-zoom {
  transition: transform 0.3s ease;
}
.hover-zoom:hover {
  transform: scale(1.05);
}

/* Taille fixe images des pages (tourisme par ex)*/
.img-fixed-size {
  width: 100%; 
  height: 200px; 
  object-fit: cover; 
  transition: transform 0.3s ease;

}

/* Zoom au niveau des images*/
.zoom-on-hover:hover {
  transform: scale(1.1);
}

header {
  min-height: 135px;
}

a:hover {
  border-color: #616EE1;
}

.nav-item .active {
  transform: scale(1.2);
  border: 2px;
}

.heading {
  padding-top: 500px;
}

@media (min-width: 1200px) {
  #heading {
    padding-top: 180px;
  }
}

.scroller {
  /* height: 100vh; */
  /* overflow-y: scroll; */
  /* scroll-snap-type: y mandatory; */
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
}

.body {
  background: url('../img/Fonds/4858794.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.h2:before {
  content: "";
  display: inline-block;
  height: 0.3em;
  vertical-align: bottom;
  width: 100%;
  margin-right: 10px;
  margin-left: -100%;
  border-top: 2px solid #F49D04;
}

/* Mobile-specific styles */
@media (max-width: 768px) {
  /* Réduire la taille du texte du menu */
  .navbar-nav .nav-link {
      font-size: 14px; /* Réduit la taille de la police sur mobile */
  }
  
  /* Gestion des marges et padding dans le menu */
  .navbar-nav .nav-item {
      margin-bottom: 10px;
  }
  
  /* Réduire la taille des icônes pour le toggler (bouton du menu) */
  .navbar-toggler {
      font-size: 18px;
  }

  /* Ajustement pour le footer */
  footer p {
      font-size: 12px; /* Réduction de la taille de police dans le footer */
  }

  /* Assurer que le dropdown prend bien tout l'espace disponible */
  .dropdown-menu {
      width: 100%;
      text-align: left;
  }
}