/*--------------------------------*/
/* menus vertical déroulant       */
/*--------------------------------*/




#menu-vertical {
   padding:0;
   margin:0;
   margin-left:6px; 
   margin-top:7px;	  
   list-style:none;
   text-align: center;
   width: 195px;
}



#menu-vertical ul {
   padding:0;
   margin:0;
   list-style:none;
   text-align: left;
}



#menu-vertical li {
   background-color:#1ECFFF; 
   background-image:-webkit-linear-gradient(top, #1ECFFF 0%, #22276B 100%);
   background-image: linear-gradient(to bottom, #1ECFFF 0%, #22276B 100%);
   border-radius: 6px;
   margin-bottom:8px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #000099
}



#menu-vertical li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #000099;
   box-shadow: none;
   border:none;
   margin:0
}



#menu-vertical a {
   display:block;
   margin-left:12px;   
   text-decoration: none;
   color: #fff;
   padding: 8px 0;
   font-family: verdana;
   font-size:1.2em
}


#menu-vertical b {
   display:block;
   margin-left:6px; 
   text-decoration: underline;
   color: #fff;
   padding: 8px 0;
   font-family: arial;
   font-size:1.2em
}


#menu-vertical ul li a, #menu-vertical li:hover li a {
   font-size:1em
}



#menu-vertical li:hover {
   background: #70DFEF
}



#menu-vertical li li:hover {
   background: #64C1EF;
}



#menu-vertical ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}



#menu-vertical li:hover li {
  max-height: 15em;
}