div#ex2 ul#menulist li ul{ display:none; }

div#ex2 ul#menulist li:hover>ul{ display:block; 
}

div#ex2 ul#menulist {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
    position: static;
	left: 10px;
	margin: 10px;
}

div#ex2 ul#menulist, div#ex1 ul#menulist ul {
  /* border:1px solid #990000;*/
  list-style:none;
  margin:0;
  margin-left:10px;
  padding:0;
  width:13em;
  _width:13em;

}
	 
div#ex2 ul#menulist ul{
  position:absolute;
  top:-1px;
  left:12.7em;
}

div#ex2 ul#menulist li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
}

div#ex2 ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 0em;
  width: 12.7em;
  padding: 5px 0;
 background-color:#3868B2 ;

}

div#ex2 ul#menulist li:hover, div#ex2 ul#menulist li a:hover {
  color: #FFFFFF;
  background-color:#3868B2 ;
}

div#ex2 ul#menulist a.on{
background-image: url(../images/puce_bleu.gif) !important;
	background-position: 13.2em;
	background-repeat: no-repeat;
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 0em;
  width: 14em;
  padding: 5px 0;
  color: #FFFFFF;
}


div#ex2 ul#menulist li.smenu {
	background-image: url(../images/puce_bleu.gif) !important;
	background-position: 11.3em;
	background-repeat: no-repeat;
	
}

div#ex2 ul#menulist li.smenu:hover, div#ex2 ul#menulist li.smenu>a:hover {
	background-image: url(../images/puce.gif) !important;
	background-position: 11.3em;
	background-repeat: no-repeat;
}

div#ex2 ul#menulist a {
	color: #FFFFFF;
	text-decoration: none;
	background-color:#3868B2 ;
}