@charset "iso-8859-1";
/***** 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:#10013d;
	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:#10013d;
	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;
}

body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
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:#65568f;
	width:150px;
	text-decoration:none;
}

.ssmenu ul:hover, .ssmenu a.trs:hover, .ssmenu a.trs:focus, .menu a.trs:hover, .menu a.trs:focus {
	background-color:#65568f;
	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:#10013d;
	color:white;
	width:149px;
	padding-left:10px;
	 background-position: -30px 50%;
	text-decoration:none;
}

ul.smenu {
	display:none;
	line-height:25px;
	position:absolute;
	background:#10013d;
	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:164px;
	z-index:100;
	height:auto;
}

li:hover>ul.smenu, li:hover ul  {
	display:block;
	position:absolute;
	background:#10013d;
	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:164px;
	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:160px;
	border:none;
}

.ssmenu ul.smenu li a span{
	display:block;
	width:150px;
	_width:150px;
	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:#65568f;
	color: #fff;
	border: none;
}