/* Style de base des liens de navigation */
nav a {
  text-decoration: none;
  color: #333; /* Couleur de base des liens */
  position: relative;
  padding: 5px 0;
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Effet de survol */
nav a:hover {
  color: #0073e6; /* Couleur de survol */
  background-color: rgba(0, 115, 230, 0.1); /* Fond léger au survol */
}

nav a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #ffcd01; /* Couleur du soulignement */
  transition: width 0.3s ease;
}

/* Lors du survol, le soulignement s'étend */
nav a:hover::after {
  width: 100%;
}

/* Style actif (page actuelle) */
nav a.active {
  color: #ffcd01; /* Couleur du lien actif */
  font-weight: bold; /* Mettre en gras */
  background-color: rgba(0, 115, 230, 0.1); /* Ajout de la couleur de survol */
}

nav a.active::after {
  width: 100%; /* Garder le soulignement actif */
  background-color: #ffcd01;
}