/* Style du conteneur du menu latéral */
.sidebar-menu {
position: relative;
width: 250px;
background: url('URL_DE_L_IMAGE_FOND_ETOILE') repeat;
background-size: cover;
opacity: 0.9;
border: 2px solid black;
padding: 10px;
font-family: 'Press Start 2P', sans-serif; /* Police de style 8bit */
}
/* Style du titre du menu */
.menu-title {
color: white;
text-align: center;
margin-bottom: 20px;
font-size: 1.2em;
text-shadow: 2px 2px black;
}
/* Style des liens de menu */
.menu li {
list-style: none;
margin-bottom: 10px;
}
.menu li a {
display: block;
padding: 10px;
text-decoration: none;
background-color: black;
color: white;
border: 2px solid white;
text-align: center;
font-size: 14px;
text-shadow: 2px 2px black;
}
.menu li a:hover {
background-color: #333;
color: #ffcc00; /* Couleur de survol */
border-color: #ffcc00;
}
/* Menu déroulant */
.menu .sub-menu {
display: none;
margin-top: 10px;
padding-left: 20px; /* Indentation pour les sous-menus */
}
.menu li:hover .sub-menu {
display: block;
}
/* Position fixe du menu latéral */
.sidebar-menu {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}