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

#menu{
	background:url(../_img/structure/menu.gif) no-repeat 15px 0;
}

#menu ul{
	padding:0;
	margin:0 15px 0 185px;
	list-style:none;
	height:26px;
}

#menu ul li{
	float:left;
	padding:0;
	margin:0;
	position:relative;
}

#menu ul li a{
	text-indent:-8000px;
	display:block;
	height:26px;
}

/*menus rolls*/

	#menu-1 a{
		background:url(../_img/structure/menu.gif) -170px 0 no-repeat;
		width:74px;}
	
	#menu-1 a:hover, #menu-1 a.on{
		background:url(../_img/structure/menu.gif) -170px -26px no-repeat;}
		
	#menu-2 a{
		background:url(../_img/structure/menu.gif) -244px 0 no-repeat;
		width:139px;}
	
	#menu-2 a:hover, #menu-2 a.on{
		background:url(../_img/structure/menu.gif) -244px -26px no-repeat;}
	
	#menu-3 a{
		background:url(../_img/structure/menu.gif) -383px 0 no-repeat;
		width:194px;}
	
	#menu-3 a:hover, #menu-3 a.on{
		background:url(../_img/structure/menu.gif) -383px -26px no-repeat;}
		
	#menu-4 a{
		background:url(../_img/structure/menu.gif) -577px 0 no-repeat;
		width:127px;}
	
	#menu-4 a:hover, #menu-4 a.on{
		background:url(../_img/structure/menu.gif) -577px -26px no-repeat;}
		
	#menu-5 a{
		background:url(../_img/structure/menu.gif) -704px 0 no-repeat;
		width:170px;}
	
	#menu-5 a:hover, #menu-5 a.on{
		background:url(../_img/structure/menu.gif) -704px -26px no-repeat;}		

#menu ul li ul {
	/* Cet élément doit être 100% invisible donc c'est le "A" que l'on skin */
	position:absolute;
	top:26px; /* Same as Main menu height + vertical margin and padding */
	left:0px;
	margin:0 0 0 10px;
	padding:0;
}
#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;
	text-align:left;
	text-transform:uppercase;
	z-index:1000;
}
#menu li li a {
	display:block;
	height:15px;
	line-height:15px; /* Line height must be equal to height - IE6 Fix */
	margin:0;
	padding:2px 23px 2px 5px;
	background:#ca003a !important;
	color:#ffffff;
	text-decoration:none;
	border-top:1px solid #ea99b0;
	text-indent:0;
	font-weight:bold;
	z-index:1000;
}
#menu li li a:hover {
	background:#ca003a url(../_img/structure/ssmenu-puce.gif) no-repeat right 5px !important;
	color:#FFFFFF;
}

#ssmenu-2 li a{
	width:115px;
}

#ssmenu-3 li a{
	width:150px;
}