#menu1{
position:fixed;/*--ou absolute si menu long--*/
top:100px; /*distance du bord superieur*/
left: -220px; /*distance bord gauche negatif car retrait*/
width:260px; /*largeur menu1*/
height: 40px; /*hauteur de l'onglet*/

margin-top: 25 px;
text-align:right; /* texte align  droite*/
padding-right: 0px;
background-image:radial-gradient(white, rgba(41, 42, 50, 0.5)); /*style fond et bords*/
border-radius:0px 20px 0px;
box-shadow:6px 6px 10px 1px rgba(0,0,0,0.7),
-1px 2px 20px rgba(255,255,255,0.6) inset;
-webkit-transition: all 0.5s linear; /*réglage coulisse*/
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
 }
#menu1:hover{ /*positionnement et style menu survol souris*/
left:0px; height:500px;
overflow:/*auto si menu trop long*/;
transition:0.6s; }

#menu1:before { content:"Menu"; /*onglet Menu*/
float:right;
padding:10px 5px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold; } 

#menu1:hover:before {content:"";/*supprime Menu quand ouvert*/}

#menu1 .module_menu_titre { /*style des titres des modules du menu1*/
font-family: Tahoma, Geneva, sans-serif; 
background-image:radial-gradient(black, rgba(41, 42, 50, 0.5));
border-radius: 0px 20px 0px ;
padding-right: 20px;
box-shadow:-1px 2px 5px 1px rgba(0,0,0,0.7),
-1px 2px 20px rgba(255,255,255,0.6) inset; }

#menu1 .module_menu_contenu {/*style contenu module du menu1*/
background-image:radial-gradient(black, rgba(41, 42, 50, 0.5));
border-radius:0px 0px 20px;
box-shadow:-1px 2px 5px 1px rgba(0,0,0,0.7),
-1px 2px 20px rgba(255,255,255,0.6) inset;
margin-right: 40px;
padding-right:10px;
padding: 20px 20px 20px 20px; }

 

/* titremodule menu1 a la verticale*/
#menu1 .module_menu_titre {
margin-right: 50px;
display:table;
width: 144px;
text-indent:1em;
transform:rotate(-90deg) translate( -50%,0);
transform-origin:0.35em center;
position: relative;
top: 88px;
left: 240px;
}