#menu-deroule {
  padding:0;
  margin:1;
  list-style:none;
  text-align: center;
  width: 280px;
}
#menu-deroule ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-deroule li {
   background-color:#00FFFF; 
   background-image:-webkit-linear-gradient(top, #00FFFF 0%, #00FFFF 100%);
   background-image: linear-gradient(to bottom, #00FFFF 0%, #00FFFF 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #00FFFF
}
#menu-deroule li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-deroule a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 3px 0;
  font-family: Times New Roman;
  font-size:1em
}
#menu-deroule ul li a, #menu-deroule li:hover li a {
  font-size:10px
}
#menu-deroule li:hover {
   background: #00FFFF
}
#menu-deroule li li:hover {
   background: #999;
}
#menu-deroule ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-deroule li:hover li {
  max-height: 5em;
}