@charset "utf-8";
/* CSS Document */

#header-menu{
	background:#000000;
	text-align:center;
	position:absolute;
	top:105px;
}

#header-menu ul{
	padding:0;
	margin:0;
	list-style:none;
	white-space:nowrap;
}

#header-menu ul li{
	padding:0 5px;
	margin:0;
	float:left;
	color:#c2c2c2;
	font-size:11px;
	background:url(../_img/structure/header-menu-sepa.gif) no-repeat right top;
	text-transform:uppercase;
	position:relative;
	height:22px;
	line-height:22px;
}

#header-menu ul li a{
	color:#c2c2c2;
	text-decoration:none;
}

#header-menu ul li a:hover, #header-menu ul li a.on{
	color:#cea8d2;
	text-decoration:none;
}

#header-menu ul li ul{
	display:none;
	/* Cet élément doit être 100% invisible donc c'est le "A" que l'on skin */
	position:absolute;
	top:22px; /* Same as Main menu height + vertical margin and padding */
	left:0px;
	margin:0;
	padding:0;
}

#header-menu ul li ul li{
	/* Cet élément doit être 100% invisible donc c'est le "A" que l'on skin */
	float:none;
	white-space:nowrap;
	padding:0;
	margin:0;
	height:auto;
	font-size:11px;
	z-index:1000;
	text-align:left;
}

#header-menu li li a, #header-menu li li a.on {
	display:block;
	height:18px;
	line-height:18px; /* Line height must be equal to height - IE6 Fix */
	margin:0;
	padding:2px 0 2px 8px;
	color:#c2c2c2;
	text-decoration:none;
	text-indent:0;
	font-weight:normal;
	background:#000000 !important;
	border-top:1px solid #4d4d4d;
}
#header-menu li li a:hover {
	color:#ffffff;
	font-weight:bold;
}

#header-menu-1 ul li a{
	width:200px;
}

#header-menu-2 ul li a{
	width:90px;
}

#header-menu-3 ul li a{
	width:160px;
}

#header-menu-4 ul li a{
	width:180px;
}


#header-menu-5 ul li a{
	width:160px;
}


#header-menu-6 ul li a{
	width:190px;
}

#header-menu-8 ul li a{
	width:100px;
}


/*----------------------------------------Footer-----------------------------------------*/

#footer-menu{
	text-align:center;
}

#footer-menu ul{
	padding:0;
	margin: 0;
	list-style:none;
}

#footer-menu ul li{
	padding:0 5px;
	margin:0;
	float:left;
	color:#c2c2c2;
	font-size:11px;
	background:url(../_img/structure/header-menu-sepa.gif) no-repeat right top;
	text-transform:uppercase;
	position:relative;
	height:28px;
	line-height:28px;
}

#footer-menu ul li a{
	color:#c2c2c2;
	text-decoration:none;
}

#footer-menu ul li a:hover, #footer-menu ul li a.on{
	color:#cea8d2;
	text-decoration:none;
}

#footer-menu ul li ul{
	display:none;
	/* Cet élément doit être 100% invisible donc c'est le "A" que l'on skin */
	/*position:absolute;*/
	/*bottom:28px; /* Same as Main menu height + vertical margin and padding */
	left:0px;
	margin:0;
	padding:0;
}

#footer-menu ul li ul li{
	/* Cet élément doit être 100% invisible donc c'est le "A" que l'on skin */
	float:none;
	white-space:nowrap;
	padding:0;
	margin:0;
	height:auto;
	font-size:11px;
	z-index:100;
	text-align:left;
	line-height:18px;
}

#footer-menu li li a, #footer-menu li li a.on {
	display:block;
	height:18px;
	line-height:18px; /* Line height must be equal to height - IE6 Fix */
	margin:0;
	padding:2px 0 2px 8px;
	color:#c2c2c2;
	text-decoration:none;
	text-indent:0;
	font-weight:normal;
	background:#000000 !important;
	border-top:1px solid #4d4d4d;
}
#footer-menu li li a:hover {
	color:#ffffff;
	font-weight:bold;
}

#footer-menu-3 ul li a{
	width:160px;
}