/* Crée par Alex Da Silva Vieira
    le 10.01.2025
    Toute la partie css du Navbar
 */

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Bouton pour ouvrir le menu */
.openbtn {
  font-size: 20px;
  padding: 10px 15px;
  background-color: transparent;
  color: white;
  border: none;
  cursor: pointer;
  position:fixed;
  top: 20px;
  left: 20px;
  text-shadow: 2px 2px 2px black;
}
/* Sidenav menu */
.sidenav {
  height: 100%;
  width: 0; /* Masqué par défaut */
  position: fixed;
  top: 0;
  left: 0;
  background-color: #778899;
  transition: width 0.5s ease;
  padding-top: 60px;
  z-index: 1;

}
/* Liste des éléments dans le menu */
.sidenav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none;
  align-items: center;
  text-align: center;
}
.sidenav ul li {
  padding: 8px 16px;
  width: 100%;
}
.sidenav.active ul {
  display: flex;
  flex-direction: column;
}
.sidenav ul li a {
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  transition: 0.3s;
}
.sidenav ul li a:hover {
  color: #a9a9a9;
}
/*Effet néon*/
#actuelle {
  color: #fff;
  text-shadow:
    /* Parti Intérieur*/ 
    0 0 7px #fff, 
    0 0 10px #fff,
    0 0 21px #fff, 
    /* Parti Extérieur*/ 
    0 0 42px #fff, 
    0 0 82px #fff,
    0 0 92px #fff, 
    0 0 102px #fff, 
    0 0 151px #fff;
}
/* Bouton de fermeture */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  color: white;
  cursor: pointer;
}
/* Activer le menu en pleine largeur */
.sidenav.active {
  width: 100%;
  text-align: center;
}
/* Bar séparatrice */
hr {
  width: 120px;
  border-color: #111;
}
@media (max-width: 600px) {
  /* Sidenav menu */
  .sidenav {
    height: 100%;
    width: 0; /* Masqué par défaut */
    position: fixed;
    top: 0;
    left: 0;
    transition: width 0.5s ease;
    padding-top: 60px;
  }
}