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

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

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

div#ex1 ul#menulist, div#ex1 ul#menulist ul {
  /* border:1px solid #990000;*/
  list-style:none;
  margin:0;
  padding:0;
  width:13em;
  _width:13em;
  background-color: #C3DAF9;
  border: 1px solid;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-bottom-color: #67B289;
    border-right-color: #67B289;
}
	 
div#ex1 ul#menulist ul{
  position:absolute;
  top:-1px;
  left:12.7em;
}

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

div#ex1 ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  width: 12.7em;
  padding: 5px 0;
}

div#ex1 ul#menulist li:hover, div#ex1 ul#menulist li a:hover {
  color: #FFFFFF;
  background-color: #12ABF0;
}

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

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

div#ex1 ul#menulist a {
	color: #000080;
	text-decoration: none;
}