#menu, #menu ul 
{
    padding:0;
    margin:0;
    list-style: none;
}
  
#menu li 
{
    display:inline-block;
    vertical-align: top;
    position: relative;
}
#menu li li 
{
    display:inherit;
}
#menu a 
{
    display:block;
    padding:5px 50px;
    text-decoration: none;
    color:#fff;
    font-family:arial;
}
#menu ul li a 
{
    padding:5px 8px;
}
#menu ul 
{
    position: absolute;
    z-index: 1000;
    min-width:100%;
    white-space: nowrap;
    text-align: left;
}
#menu ul ul 
{
    left:100%;
    top:0;
    overflow: hidden;
    max-width: 0;
    min-width: 0;
    transition: 0.3s all;
}
#menu ul li:hover ul 
{
    max-width: 30em;
}
#menu ul li 
{
    max-height:0;
    overflow: hidden;
    transition:all 0.8s;
}
#menu li li li 
{
    max-height: inherit;
}
#menu li:hover li 
{
    max-height: 15em;
    overflow: visible;
}  
/* background des liens menus */
.fondmenu
{
  background-color:#65537A;
  background-image:linear-gradient(to bottom,#65537A 0%,#2A2333 100%);
}
.fondmenu li 
{
  background:#2A2333
}
.fondmenu li .special01
{
  background-color: brown;
}
.fondmenu li .special02
{
  background-color: red;
}
.fondmenu li .special03
{
  background-color:blue;
}
.fondmenu li .special04
{
  background-color: blueviolet;
}
.fondmenu li .special05
{
  color: black;
  background-color:yellow;
}
.fondmenu li .special06
{
  background-color: green;
}
.fondmenu li:hover 
{
  background:#65537A
}