@charset "utf-8";
/* CSS Document */
.menubar {
	width: 970px; 
	font: bold 10px/11px Arial, sans-serif;
	position:relative;
	float: left;
	height: 80px;
	z-index:100;
	margin:0 0 1px 0;
	background-image:url(../image_look/bg-menubar-gris.jpg);
	background-repeat:no-repeat;
}
.menubar-2col {
	width: 970px; 
	font: bold 10px/11px Arial, sans-serif;
	position:relative;
	float: left;
	height: 80px;
	z-index:100;
	margin:0 0 1px 0;
	background-image:url(../image_look/bg-menubar-2col.jpg);
	background-repeat:no-repeat;
}
.menubar ul, .menubar-2col ul {
	float: left;
	padding:0;
	list-style-type:none;
	height: 37px;
	margin: 0 0 0 10px;
	z-index:100;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menubar li, .menubar-2col li {
	float:left;
	width:auto;
	position:relative;
	z-index:100;
}
/* style menu principal */
.menubar a, .menubar-2col a {
display:block;
text-decoration:none; 
text-align: center;
color:#fff; 
background:#B33C39;
width:187px; 
height:32px; 
/*border:2px solid #d9cbb3; 
border-width:0 2px 0 0;*/
font-size:12px; 
padding:4px 0 2px 2px;
line-height:14px; 
z-index:100;

}

.menubar ul li#dernier a, .menubar-2col ul li#dernier a{
	width: 83px;
	border-right:0;
	z-index:100;
}

.menubar ul li.petit a, .menubar-2col ul li.petit a{
	width: 83px;
}

/* stylesous-menu */

.menubar ul ul a:hover, .menubar-2col ul ul a:hover{
	background:#b33b37;
	color:#f8fc2c;
	z-index:100;
}
.menubar ul ul :hover > a, .menubar-2col ul ul :hover > a {
	background:#b33b37;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menubar ul li ul, .menubar-2col ul li ul {
	display: block;
	visibility:hidden;
	position:absolute;
	top:38px;
	left:-2px; 
	width:auto;
	border:2px solid #d9cbb3;
	border-width: 2px 0 0 0;
	background: #d9cbb3;
	z-index:100;
}
/* another hack for IE5.5 */
* html .menubar ul ul, * html .menubar-2col ul ul {
	top:27px;
	t\op:28px;
	z-index:100;
	
}
/* style the table so that it takes no ppart in the layout - required for IE to work */

/* style the second level links */
.menubar ul li ul a, .menubar-2col ul li ul a {
	font-size: 11px;
	background:#d9cbb3;
	color:#000000; 
	height:auto; 
	text-align: left;
	padding:6px 8px;
	width:172px;
	float: none;
	z-index:100;
}

/* yet another hack for IE5.5 */
.menubar ul ul a, .menubar-2col ul ul a {
border: 0 2px 2px 2px #d9cbb3 solid;
background:#d9cbb3;
z-index:100;

}
/* cas particulier : dernier menu */

/* style the top level hover */
.menubar a:hover, .menubar-2col a:hover{
	background:#e20004;
	z-index:100;
}
.menubar ul ul a:hover, .menubar ul ul a:visited:hover, .menubar-2col ul ul a:hover, .menubar-2col ul ul a:visited:hover{
	background:#b33b37;
	z-index:100;
}
/*
.menubar ul ul li:hover > a {
	background:#ccc4b8;
}
 make the second level visible when hover on first level list OR link */
.menubar ul li:hover ul, .menubar ul a:hover ul, .menubar ul li#last:hover ul, .menubar ul li#last a:hover ul, .menubar-2col ul li:hover ul, .menubar-2col ul a:hover ul, .menubar-2col ul li#last:hover ul, .menubar ul-2col li#last a:hover ul{
	visibility:visible; 
}
/* onglet actif : pas de deroulant */
.menubar ul li.active:hover ul, .menubar ul li.active a:hover ul, .menubar ul li.active#last:hover ul, .menubar ul li.active#last a:hover ul, .menubar-2col ul li.active:hover ul, .menubar-2col ul li.active a:hover ul, .menubar-2col ul li.active#last:hover ul, .menubar-2col ul li.active#last a:hover ul{
	visibility:hidden;
}
.menubar ul li.active a, .menubar ul li.active a:hover, .menubar ul li.active a:visited, .menubar-2col ul li.active a, .menubar-2col ul li.active a:hover, .menubar-2col ul li.active a:visited{
	background:#d9cbb3;
}