@charset "utf-8";
/* CSS Document */
/**Menu**/
.menu-box{
	width:1000px;
	clear:both;
	height:37px;
	background:none;
	display:block;
}
.menu {
	width:990px;
	height:37px;
	padding:0px 0px 0px 10px;
	margin:0px;
	z-index:9999;
	font-size:12px;
	clear:both;
}
.menu ul{
	padding:0px;
	margin:0px auto;
	width:990px;
	height:37px;
}
/****/
.menu ul li {
	display:block;
	height:37px;
	float:left;
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:url(../images/global/menu-trait.gif) right bottom no-repeat;
}
/****/
.menu ul li a{
	text-align:center;
}
.menu ul li.lien1 a{
	width:103px;
} 
.menu ul li.lien2 a{
	width:108px;
}
.menu ul li.lien3 a{
	width:130px;
}
.menu ul li.lien4 a{
	width:176px;
}
.menu ul li.lien5 a{
	width:130px;
}
.menu ul li.lien6 a{
	width:164px;
}
.menu ul li.lien7 a{
	width:153px;
}

/****/
.menu ul li a.menu-lien-deroule {
	display:block;
	height:37px;
	line-height:37px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 2px 0px 0px;
	cursor:pointer;
	text-transform:uppercase;
	text-align:center;
	
}
.menu ul li a.menu-lien-deroule:hover  {
	color:#013171;
	text-decoration:none;	
	background:url(../images/global/menu-liena.gif) no-repeat;
	z-index:100;
}

.menu :hover > a.menu-lien-deroule{
	color:#013171;
	text-decoration:none;	
	background:url(../images/global/menu-liena.gif) no-repeat;
	z-index:110;
}
/****/
.menu ul li.actu-li a.menu-lien-deroule:hover{
	-webkit-border-radius: 0px 5px 0px 0px;
    -moz-border-radius: 0px 5px 0px 0px;
    border-radius: 0px 5px 0px 0px;
	}
.menu :hover > li.actu-li a.menu-lien-deroule{
	-webkit-border-radius: 0px 5px 0px 0px;
    -moz-border-radius: 0px 5px 0px 0px;
    border-radius: 0px 5px 0px 0px;
}	
/****/	
.menu ul li a.menu-lien-deroule .menu-btn{
	display:block;
	height:37px;
	padding:0px 0px 0px 0px;
	
}
/****/
.menu ul li a.menu-lien-deroule:hover .menu-btn{
	background:url(../images/global/menu-lienb.gif) top right no-repeat;
}
.menu :hover > a.menu-lien-deroule .menu-btn{
	background:url(../images/global/menu-lienb.gif) top right no-repeat;
}
/**2**/
.menu ul li.lien1 ul a, .menu ul li.lien2 ul a, .menu ul li.lien3 ul a, .menu ul li.lien4 ul a, .menu ul li.lien5 ul a, .menu ul li.lien6 ul a, .menu ul li.lien7 ul a{
	width:213px;
	padding:5px 5px 5px 20px;
}
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:37px;
	left:0px;
	width:238px;
	z-index:9999;
	padding:0px 1px 5px 1px;
	background:url(../images/global/menu-deroule-bg.png) left bottom no-repeat;
	z-index:9999;
	border:none;
}
.menu ul li.lien7 ul{
	left:-85px;
}

/****/
.menu ul ul li {
	display:block;
	width:238px;
	height:auto;
	position:relative;
	line-height:12px;
	text-transform:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background:url(../images/global/menu-deroule-lien.gif) top repeat-x;
}
/****/
.menu ul ul a {
	display:block;
	height:auto;
	color:#666666;
	font-size:12px;
	width:213px;
	padding:5px 5px 5px 20px;
	text-align:left;
	background:url(../images/picto/picto-jaune.gif) 6px 8px no-repeat;
} 

.menu ul ul a span.niveau{
	display:block;
	width:203px;
	padding:0px 10px 0px 0px;
	background: url(../images/picto/fleche-niveau.png) right center no-repeat;
}
.menu li:hover {
	position:relative;
}
.menu a:hover {
	position:relative;
}
.menu ul ul a:hover{
	color:#333333;
	background-color:#eeeeee;
}
.menu ul ul :hover > a{
	color:#333333;
	background-color:#eeeeee;
}
.menu ul ul a.actif{
	color:#999999;
}
.menu ul a:hover ul ,.menu ul li:hover ul {
	visibility:visible;
	position:absolute;
}

/*niveau3*/
.menu ul ul ul{
	visibility:hidden;
	position:absolute;
	height:auto;
	top:0px;
	left:238px;
	width:238px;
	z-index:9999;
	padding:0px 1px 5px 1px;
	border-top:1px solid #cfcfcf;
	background:url(../images/global/menu-deroule-bg.png) left bottom no-repeat;
	
}
.menu ul a:hover ul li ul,.menu ul li:hover ul li ul{
	visibility:hidden;
	position:absolute;
	width:238px;
}
.menu ul ul ul li {
	display:block;
	width:238px;
	height:auto;
	position:relative;
	line-height:12px;
	text-transform:none;
}
.menu ul ul ul a{
	
	
} 
.menu ul ul ul a:hover{
	
}
.menu ul ul ul :hover > a{
	
}
.menu ul ul ul a.actif{
	
}
/****/
.menu ul li ul ul a:hover{
	
}
.menu ul li ul ul :hover > a{
	
}
.menu ul li ul ul a.actif{
	
}
/****/
.menu ul a ul a:hover ul ,.menu ul li ul li:hover ul {
	visibility:visible;
	position:absolute;
}
/***IE6***/
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	left:0;
	top:0;
	font-size:11px; 
	z-index:-1;
	width:238px;
	margin:0px;
	padding:0px;
	border:none;
}