@charset "utf-8";
/* CSS Document */
.menu {
	width:1000px;
	height:35px;
	padding:0px 0px 0px 0px;
	margin:0px;
	z-index:9999;
	font-size:11px;
	clear:both;
	background:#ffffff url(../images/global/menu-bg.gif) bottom repeat-x;
}
.menu ul{
	padding:0px;
	margin:0px auto;
	width:1000px;
	background:url(../images/global/menu-bg-2.gif) left bottom no-repeat;
	height:35px;
}
.menu ul.group{
	padding:0px;
	margin:0px auto;
	width:1000px;
	background:url(../images/global/menu-bg-3.gif) left bottom no-repeat;
	height:35px;
}
.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;
}
.menu ul li.espace {
	display:block;
	float:right;
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:none;
}
.menu ul li.espace a {
	float:right;
	display:block;
	height:35px;
	line-height:35px;
	color:#483503;
	text-decoration:none;
	font-size:14px;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	font-weight:bold;
}
.menu ul li.espace a:hover  {
	color:#483503;
	text-decoration:none;	
	background:none;
	z-index:100;
}
.menu :hover > li.espace a{
	color:#483503;
	text-decoration:none;	
	background:none;
	z-index:110;
}
.menu ul li a.menu-lien {
	float:left;
	display:block;
	height:35px;
	line-height:35px;
	color:#666666;
	text-decoration:none;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
.menu ul li a.menu-lien:hover  {
	color:#0376a7;
	text-decoration:none;	
	background:url(../images/global/menu-01-over.gif) bottom repeat-x;
	z-index:100;
}
.menu :hover > a.menu-lien{
	color:#0376a7;
	text-decoration:none;	
	background:url(../images/global/menu-01-over.gif) bottom repeat-x;
	z-index:100;
}
.menu ul li a.menu-lien .menu-btn{
	display:block;
	float:left;
	height:35px;
	width:200px;
	padding:0 0px 0 0px;
}

.menu ul li a.menu-lien:hover .menu-btn{
	background:url(../images/global/menu-over-02b.gif) right no-repeat;
}
.menu :hover > a.menu-lien .menu-btn{
	background:url(../images/global/menu-over-02b.gif) right no-repeat;
}
/****/
.menu ul li a.menu-lien-deroule {
	float:left;
	display:block;
	height:35px;
	line-height:35px;
	color:#666666;
	text-decoration:none;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
.menu ul li a.menu-lien-deroule:hover  {
	color:#0376a7;
	text-decoration:none;	
	background:url(../images/global/menu-01-over.gif) bottom repeat-x;
	z-index:100;
}
.menu :hover > a.menu-lien-deroule{
	color:#0376a7;
	text-decoration:none;	
	background:url(../images/global/menu-01-over.gif) bottom repeat-x;
	z-index:110;
}
.menu ul li a.menu-lien-deroule .menu-btn{
	display:block;
	float:left;
	height:35px;
	padding:0 0px 0 0px;
	width:200px;
}

.menu ul li a.menu-lien-deroule:hover .menu-btn{
	background:url(../images/global/menu-over-02.gif) right no-repeat;
}
.menu :hover > a.menu-lien-deroule .menu-btn{
	background:url(../images/global/menu-over-02.gif) right no-repeat;
}
/**2**/
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:35px;
	left:0px;
	width:200px;
	z-index:9999;
	background:#0070a4 url(../images/global/niveau-3-over.gif) repeat-x;
}
.menu ul ul.inverse {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:35px;
	left:-49px;
	right:0;
	width:200px;
}
.menu ul 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;
	border-top:1px solid #4caae8;

}
.menu ul ul a {
	display:block;
	font-weight:normal;
	height:auto;
	color:#ffffff;
	font-size:11px;
	width:180px;
	padding:6px 10px 6px 10px;
	text-align:left;
	float:left;
	
} 
.menu ul ul a span.niveau, .menu ul ul ul a span.niveau{
	display:block;
	background: url(../images/picto/fleche-niveau.gif) right center no-repeat;
}
.menu li:hover {
	position:relative;
}
.menu a:hover {
	position:relative;
}
.menu ul ul a:hover{
	color:#ffffff;
	background:#2b93d8 url(../images/global/niveau-1-over.gif) repeat-x;
}
.menu ul ul :hover > a{
	color:#ffffff;
	background:#2b93d8 url(../images/global/niveau-1-over.gif) repeat-x;
}
.menu ul a:hover ul ,.menu ul li:hover ul {
	visibility:visible;
	position:absolute;
	width:200px;
}

.menu ul a:hover ul.inverse ,.menu ul li:hover ul.inverse {
	visibility:visible;
	position:absolute;
	width:200px;
}
.menu ul ul li.basmenu {
	display:block;
	width:200px;
	height:4px;
	background:url(../images/global/deroule-bas.gif) no-repeat;
	border-bottom:none;
}
/*niveau3*/
.menu ul ul ul{
	visibility:hidden;
	position:absolute;
	height:auto;
	top:-1px;
	left:200px;
	right:0;
	width:200px;
	z-index:9999;
	background:#2b93d8 url(../images/global/niveau-1-over.gif) 0px 1px repeat-x;
	
}
.menu ul a:hover ul li ul,.menu ul li:hover ul li ul{
	visibility:hidden;
	position:absolute;
	width:200px;
}
.menu ul ul ul li {
	display:block;
	width:200px;
	height:auto;
	position:relative;
	line-height:12px;
	text-transform:none;
}
.menu ul ul ul a {
	display:block;
	font-weight:normal;
	color:#fff;
	font-size:11px;
	width:180px;
	padding:6px 10px 6px 10px;
	text-align:left;
	float:left;
	background:none;
} 
.menu ul li ul ul a:hover{
	color:#ffffff;
	background:#1f4272 url(../images/global/niveau-2-over.gif) repeat-x;
}
.menu ul li ul ul :hover > a{
	color:#ffffff;
	background:#1f4272 url(../images/global/niveau-2-over.gif) repeat-x;
}
/****/
.menu ul a ul a:hover ul ,.menu ul li ul li:hover ul {
	visibility:visible;
	position:absolute;
	width:200px;
}
/*****************niveau4************************/
.menu ul ul ul ul{ /**4 ul**/
	visibility:hidden;
	position:absolute;
	height:auto;
	top:-1px;
	left:200px;
	right:0;
	width:200px;
	z-index:9999;
	background:#1f4272 url(../images/global/niveau-2-over.gif) 0px 1px repeat-x;
	
}
.menu ul a:hover ul li ul li ul,.menu ul li:hover ul li ul li ul{
	visibility:hidden;
	position:absolute;
	width:200px;
}
.menu ul ul ul ul li {
	display:block;
	width:200px;
	height:auto;
	position:relative;
	line-height:12px;
	text-transform:none;
}
.menu ul ul ul ul a {
	display:block;
	font-weight:normal;
	color:#fff;
	font-size:11px;
	width:180px;
	padding:6px 10px 6px 10px;
	text-align:left;
	float:left;
} 
.menu ul li ul ul ul a:hover{
	color:#fff;
	background:#0070a4 url(../images/global/niveau-3-over.gif) repeat-x;
}
.menu ul li ul ul ul :hover > a{
	color:#fff;
	background:#0070a4 url(../images/global/niveau-3-over.gif) repeat-x;
}
/****/
.menu ul a ul a ul a:hover ul,.menu ul li ul li ul li:hover ul {
	visibility:visible;
	position:absolute;
	width:200px;
}
/***IE6***/
.menu table ul a, .menu 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;
}
/**GROUP**/
.menu ul li a.menu-lien .menu-btn-group{
	display:block;
	float:left;
	height:35px;
	width:143px;
	padding:0 0px 0 0px;
}

.menu ul li a.menu-lien:hover .menu-btn-group{
	background:url(../images/global/menu-over-02b.gif) right no-repeat;
}
.menu :hover > a.menu-lien .menu-btn-group{
	background:url(../images/global/menu-over-02b.gif) right no-repeat;
}
.menu ul li a.menu-lien .menu-btn-group-fin{
	display:block;
	float:left;
	height:35px;
	width:142px;
	padding:0 0px 0 0px;
}

.menu ul li a.menu-lien:hover .menu-btn-group-fin{
	background:url(../images/global/menu-over-02b.gif) right no-repeat;
}
.menu :hover > a.menu-lien .menu-btn-group-fin{
	background:url(../images/global/menu-over-02b.gif) right no-repeat;
}