/*##############################################################################
                     STYLE DU MENU DE L'APPLICATION
##############################################################################*/

/* Source 
http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery */

#nav, #nav ul{
  margin:0;
  padding:0;
  margin-top: 2px;
  margin-left: 17px;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  line-height:1.5em; 
}

#nav a{
  display:block;
  padding:0px 5px;
  border:1px solid #333;
  color:#fff;
  text-decoration:none;
  background-color:#333;
}

#nav a.select_menu{  
  display:block;
  padding:0px 5px;
  border:1px solid #333;
  color:#333333;
  text-decoration:none;
  background-color:#ffffff;
}

#nav a:hover{
  background-color:#fff;
  color:#333;
}

#nav li{
  float:left;
  position:relative;
}

#nav ul {
  position:absolute;
  display:none;
  width:12em;
  top:1.5em;
}

#nav li ul a{
  width:12em;
  height:auto;
  float:left;
  opacity: 0.8; /* Standard CSS3 */
  -moz-opacity:0.8; /* Balise Mozilla */
  -khtml-opacity: 0.8; /* Balise Konqueror (Safari) */
  filter:alpha(opacity=80); /* Balise IE < 5.5 */
  filter: progid:DXImageTransform.Microsoft.alpha(opacity=80); /* Balise IE > 5.5 */  
}

#nav ul ul{
  top:auto;
}	

#nav li ul ul {
  left:12em;
  margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
  display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
  display:block;
}