/* Exemple d’utilisation */

.sidebar {
  position: sticky;     /* reste fixée */
  z-index: 1;
  left: 35px;
  border-radius: 15px;
  width: 300px;
  height: 15vh;      /* prend toute la hauteur de l’écran */
  display: flex;
  padding: 20px 10px;
  top: 30px;
  
  align-items: stretch; /* <— clé : enfants prennent la même hauteur */
  gap: 10px;      
}


/*
.sidebar ul {
list-style: none;      
margin: 0;
padding: 0;
}*/

.sidebar li a{
  text-decoration: none; /* enlève le souligné */
  color: #333;            /* gris foncé */
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* police élégante */
  font-size: 1.1rem;
  padding: 5px 0;
  cursor: pointer;
  transition: color 0.2s ease;
}
.sidebar .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1; /* occupe l’espace restant */
  padding-left: 50px;
}

.sidebar li a:hover {
  color: #7a002c;         /* bordeaux au survol */
}