/* CSS Document */

/*https://www.frogweb.fr/menu-deroulant-vertical/*/

#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: left;			/*center*/
  width: 260px;
}
#menu-accordeon ul {
  padding:0;				/*0*/
  margin:0;
  list-style:none;
  text-align: left;			/*center*/
}
#menu-accordeon li {
   background-color:#BF665E; 		/*#729EBF*/   
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;		/*#999*/
   border:solid 1px #FFFFFF;				/*#333A40*/
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;			/*#444*/
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #FFF;				/*#fff*/
  padding: 6px 10px;			/*padding: 8px 0;*/
  font-family: verdana;
  font-size:1em;  				/*font-size:1.2em*/
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em;
}
#menu-accordeon li:hover {
   	background: #BF665E;			/*#729EBF*/
	background-image:-webkit-linear-gradient(top, #BF665E 0%, #FFFFFF 100%); /*(top, #729EBF 0%, #333A40 100%)*/
    background-image: linear-gradient(to bottom,#BF665E 0%, #FFFFFF 100%);  /*(to bottom, #729EBF 0%, #333A40 100%)*/

}
#menu-accordeon li li:hover {
  	background: #999;			/*#999*/

}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}