/* partie positionnement et déco */
#menugauche { /*menu principal*/
	position: fixed;
 	left: 0%;/*text-align: left;  /*right: 1px;*/
    top: 10vh; /*150px;*/
	width: 150px; /*background-color: rgba(150, 20, 20, 0.6); couleur de fond menu gauche brun*/
    margin: 15px;
	padding: 0px;
	color: rgba(0,250,0,0.1);  /*couleur des puces au repos ici transparent donc invisible*/
	}
#menugauche ul {  /*pour les sous-menus*/
     list-style-type: none; 
     margin: 5px;
     padding: 0px;
	 background-color: rgba(150, 20, 20, 0.6); /*couleur de fond menu gauche brun*/
 }
#menugauche ul {display: none;}  /*sous-menus cachés par défaut, ils sont rétractables et apparaissent au survol*/
#menugauche li { position: relative; margin: 5px;}  /*aux lignes du menu, les sous-menus seront en absolute?*/
#menugauche > li:hover {color: red;}   /*couleur de la puce au survol*/
#menugauche a { 
    display: block;  /*sont affichés*/
	background-color: rgba(150, 20, 20, 0.6); /*couleur de fond des menus*/
    padding: 1px 1px; margin: 5px;
    text-align: center;
	text-decoration:none; /*textes non soulignés*/
}
#menugauche li:hover ul { /*survol du menu*/
    display: block ;
}
#menugauche li a {
    color: #eee; /* Couleur du texte du menu */ 
} 
#menugauche li:hover {
    background-color: rgba(150, 20, 20, 1); /* Couleur d'arriere-plan du menu au survol */ }
#menugauche li:hover a {
    color: #fff; /* Couleur du texte du menu au survol */ 
}
#menugauche ul li {
    background-color: rgba(150, 20, 20, 0.6); /* Couleur d'arriere-plan des sous-menu */
}
#menugauche ul li:hover {
    background-color: rgba(150, 20, 20, 1);  /* Couleur d'arriere-plan des sous-menu au survol */ } 
#menugauche ul li a {
    color: #666; /* Couleur du texte des sous-menu */ } 
#menugauche ul li:hover a {   
    color: #fff; /* Couleur du texte des sous-menu au survol */
}