@charset "utf-8";
/* CSS Document */
.menu {
	width:1000px;
	height:51px;
	padding:0px 0px 0px 0px;
	margin:0px;
	z-index:9999;
	font-size:11px;
	clear:both;
	background:#FFFFFF url(../images/global/menu-bg.gif) repeat-x;
}
.menu ul{
	padding:0px;
	margin:0px auto;
	width:1000px;
}
.menu ul li {
	display:block;
	float:left;
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:url(../images/global/entre-menu.gif) right center no-repeat;
	height:36px;
	width:165px;
	line-height:36px;
	font-size:14px;
	text-transform:uppercase;
	border-right:1px solid #FFFFFF;;
}
.menu ul li.double {
	display:block;
	float:left;
	list-style-type:none;
	text-align:center;
	margin:0px;
	background:url(../images/global/entre-menu.gif) right center no-repeat;
	height:36px;
	width:166px;
	line-height:16px;
	font-size:13px;
}
.menu ul li.sans {
	border-right:none;
	width:166px;
}
.menu ul li a{
	display:block;
	color:#FFFFFF;
	height:36px;
	width:165px;
	line-height:36px;
}
.menu ul li.double a{
	display:block;
	padding:2px 0px 2px 0px;
	height:32px;
	width:166px;
	line-height:16px;
}
.menu ul li a:hover  {
	text-decoration:none;	
	background:url(../images/global/menu-bg-over.gif) repeat-x;
	z-index:100;
}
.menu :hover > a{
	text-decoration:none;	
	background:url(../images/global/menu-bg-over.gif) repeat-x;
	z-index:110;
}
/**2**/
.menu ul li ul, .menu ul li.double ul {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:36px;
	left:0px;
	width:200px;
	z-index:9999;
}
.menu ul li ul li, .menu ul li.double ul li {
	display:block;
	width:200px;
	height:auto;
	position:relative;
	line-height:12px;
	text-transform:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#9d9d9f url(../images/global/menu-deroule-bg.gif) bottom repeat-x;
	border-right:none;

}
.menu ul li ul a, .menu ul li.double ul a {
	display:block;
	font-weight:bold;
	background: url(../images/picto/fleche-menu.gif) 5px 8px no-repeat;
	height:auto;
	color:#ffffff;
	font-size:11px;
	width:180px;
	padding:4px 5px 4px 15px;
	text-align:left;
	float:left;
	
} 
.menu li:hover {
	position:relative;
}
.menu a:hover {
	position:relative;
}
.menu ul li ul a:hover, .menu ul li.double ul a:hover{
	color:#ffffff;
	background:#666666 url(../images/picto/fleche-menu.gif) 5px 8px no-repeat;
}
.menu ul li ul :hover > a, .menu ul li.double ul :hover > a{
	color:#ffffff;
	background:#666666 url(../images/picto/fleche-menu.gif) 5px 8px no-repeat;
}
.menu ul ul a.actif{
	color:#ffffff;
	background:#666666;
}
.menu ul a:hover ul ,.menu ul li:hover ul {
	visibility:visible;
	position:absolute;
	width:200px;
}
/*niveau3*/
.menu ul ul ul, .menu ul li.double ul ul{
	visibility:hidden;
	position:absolute;
	height:auto;
	top:0px;
	left:200px;
	right:0;
	width:200px;
	z-index:9999;
	background:#0491bb;
	
}
.menu ul a:hover ul li ul,.menu ul li:hover ul li ul{
	visibility:hidden;
	position:absolute;
	width:220px;
}
.menu ul ul ul li {
	display:block;
	width:220px;
	height:auto;
	position:relative;
	line-height:12px;
	text-transform:none;
	background:#666666 url(../images/picto/fleche-menu.gif) 5px 8px no-repeat;
}
.menu ul ul ul a, .menu ul li.double ul ul a {
	display:block;
	font-weight:bold;
	background:#666666 url(../images/picto/fleche-menu.gif) 5px 8px no-repeat;
	height:auto;
	color:#ffffff;
	font-size:11px;
	width:180px;
	padding:4px 5px 4px 15px;
	text-align:left;
	float:left;
} 
.menu ul ul ul a:hover, .menu ul li.double ul ul a:hover {
	color:#fff;
	background:#000000 url(../images/picto/fleche-menu.gif) 5px 8px no-repeat;
}
.menu ul ul ul :hover > a{
	color:#fff;
	background:#0376a7 ;
}
.menu ul ul ul a.actif{
	color:#fff;
	background:#0376a7;
}
/****/
.menu ul li ul ul a:hover{
	color:#fff;
	background:#036390 url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
.menu ul li ul ul :hover > a{
	color:#fff;
	background:#036390 url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
.menu ul li ul ul a.actif{
	color:#fff;
	background:#036390 url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
/****/
.menu ul a ul a:hover ul ,.menu ul li ul li:hover ul, .menu ul li.double a ul a:hover ul ,.menu ul li.double ul li:hover ul {
	visibility:visible;
	position:absolute;
	width:200px;
}
/***IE6***/
.menu ul table ul a, .menu ul table ul a:visited  {
	width:180px;
	w\idth:180px;
}
/* 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:180px;
	margin:0px;
	padding:0px;
	border:none;
}