/***** menu CSS *****/

#smenu {
color:#fff;
margin-top:5px;
margin-left:5px;
position:absolute;
height:19px;
width:900px;
font-size:11px;
top:120px;
z-index:100;
left:25px;
}

.menu, .ssmenu {
	color:black;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	width:990px;
	
		width:15em;
	margin:1em;

	line-height:18px;
}


.menu {
	text-align:left;
padding-left:11px;
}
.menu span, .ssmenu span {

}

.ssmenu {
border:1px solid #fff;	
}

.ssmenu ul, .ssmenu li {
	padding:0;
	margin:0;
	list-style-type:none;
	
}

.menu a.trs, .ssmenu a.trs, .menu a.trs:visited, .ssmenu a.trs:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-color:#3A4E60;
	color:#fff;
	margin:0px;
	padding:4px 1px 4px 10px;
	display:block;
	width:100%;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity: 0.80;
	width:129px;
}

.menu a.next, .ssmenu a.next, .menu a.next:visited, .ssmenu a.next:visited {
  background:url(../img/fleche.gif) no-repeat 0% 50%;
  background-position: -30px 50%;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-color:#3A4E60;
	color:#fff;
	margin:0px;
	width:129px;
	padding:4px 1px 4px 10px;
	display:block;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity: 0.80;
  }
  
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	margin:0px;
	display:block;
	width:auto;

}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active,
 {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
	color:#ddd;
	text-decoration:none;
}
.ssmenu ul.smenu a:hover, .ssmenu ul.smenu li:hover {
	color:#fff;
	background-color:#000033;
	width:130px;
	text-decoration:none;
}

.ssmenu ul:hover, .ssmenu a.trs:hover, .ssmenu a.trs:focus, .menu a.trs:hover, .menu a.trs:focus {
	background-color:#2E3E4C;
	color:white;
	width:129px;
	text-decoration:none; 
}
.ssmenu ul:hover, .ssmenu a.next:hover, .ssmenu a.next:focus, .menu a.next:hover, .menu a.next:focus {
	background-color:#2E3E4C;
	color:white;
	width:129px;
	padding-left:10px;
	 background-position: -30px 50%;
	text-decoration:none;
	
}



ul.smenu{
  display:none;
line-height:25px;
    position:absolute;
  background:#3A4E60;
  list-style:none;
  border:1px solid #fff;
  color:#fff;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter:alpha(opacity=90);
  margin-top:-27px;
  left:140px;
  _left:140px;
  padding:0px;
  width:130px;
  z-index:100;
  height:auto;
  }



li:hover>ul.smenu, li:hover ul  {
  display:block;
  position:absolute;
  background:#3A4E60;
  list-style:none;
  border:1px solid #fff;
  color:#fff;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
  margin-top:-27px;
  left:140px;
  _left:140px;
  padding:0px;
  width:130px;
  z-index:100;
  height:auto;
}




.ssmenu ul.smenu ul{
  top:0px;
  left:135px;
  _left:135px;
  z-index:100;
}

.ssmenu ul.smenu li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  _display:inline;
}

.ssmenu ul.smenu li a{
  display:block;
    text-align: left;
	margin:0px;
	padding:0px;
	width:135px;
  border:none;
}

.ssmenu ul.smenu li a span{
  display:block;
  width:116px;
  _width:116px;
	padding:2px 6px;
  margin:0px 1px;
  border:none;
	cursor: pointer;
}

.ssmenu ul li a.next span{
  background:url(../img/fleche.gif) no-repeat 0% 50%;
}

.ssmenu ul li a.next:hover span{
  background-position: -160px 50%;
}

.ssmenu ul.smenu li a:active, .ssmenu ul.smenu li a:hover span{
  background-color: #2E3E4C;
  color: #fff;
  border: none;
}