/* CSS Document */


/**************** MENU PRINCIPAL **********************/

#top-menu{
	background:url(../Images/middle/top-menu/top-menu.png) repeat-x top left;
	height:29px; 	
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	/*margin:20px 0px 0px 52px;*/
}

#top-menu span {
	font-size:0px;
	overflow:hidden;
	visibility:hidden;
	padding:0px;
	margin:0px;
}
 
#top-menu ul {
    background: transparent url(../Images/middle/top-menu/top-menu.png) no-repeat 0px 0px;
	margin:0px;
	padding:0px;
	height:29px;
	padding-left:0px;
	text-align:left;

}

#top-menu ul li {
    list-style: none;
	display:inline;
	margin:0px;
	padding:0px;
	
}
 
#top-menu ul li a {
	margin:0px;
	padding:0px;
    display: inline-block;
    height: 29px;
	overflow:hidden;
    text-decoration: none;	
}

/*#top-menu a:hover {
    background-color:#FF0000
}*/

a#top-menu1 {width:194px} 
	a#top-menu1:hover, .active1  	{background: transparent url(../Images/middle/top-menu/top-menu-mover.png) no-repeat 0px 0px; width:194px}
a#top-menu2 {width:128px}	
	a#top-menu2:hover, .active2  	{background: transparent url(../Images/middle/top-menu/top-menu-mover.png) no-repeat -194px 0px; width:128px}
a#top-menu3 {width:126px}
	a#top-menu3:hover, .active3 	{background: transparent url(../Images/middle/top-menu/top-menu-mover.png) no-repeat -322px 0px; width:126px}
a#top-menu4 {width:142px}
	a#top-menu4:hover, .active4  	{background: transparent url(../Images/middle/top-menu/top-menu-mover.png) no-repeat -448px 0px; width:142px}
a#top-menu5 {width:105px}
	a#top-menu5:hover, .active5  	{background: transparent url(../Images/middle/top-menu/top-menu-mover.png) no-repeat -590px 0px; width:105px}
a#top-menu6 {width:84px}
	a#top-menu6:hover, .active6  	{background: transparent url(../Images/middle/top-menu/top-menu-mover.png) no-repeat -695px 0px; width:84px}
a#top-menu7 {width:81px}
	a#top-menu7:hover, .active7  	{background: transparent url(../Images/middle/top-menu/top-menu-mover.png) no-repeat -779px 0px; width:81px}
a#top-menu8 {width:140px}
	a#top-menu8:hover, .active8  	{background: transparent url(../Images/middle/top-menu/top-menu-mover.png) no-repeat -860px 0px; width:140px}

/**************** SOUS MENU *******************/

#top-menu ul li ul{
	position:absolute;
	margin-top:-3px;
	display:none;
	padding-left:0px;
	background:none;	
	height:auto;
	.margin-top:28px !important;	/* IE7 fix */
	
}

#top-menu ul li ul li{	
	list-style:none;
	display:block;
	margin:0px;
	height:auto;		
}

#top-menu ul li ul li a{
	background:#000000;
	opacity:1;
	filter:alpha(opacity=100);
	display:block;
	color:#FFFFFF;
	line-height:18px;
	height:auto;
	padding-left:13px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:30px;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	.margin-bottom:-2px; 	/* IE7 fix */
	.width:110px;					/* IE7 fix */
}

#top-menu ul li ul li a:hover{
	background:#000000;
	color:#fbbdd7;
	opacity:1;
	filter:alpha(opacity=100);
	padding-left:28px;
	padding-right:15px;
	background-image:url(../Images/middle/top-menu/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}


#top-menu ul li:hover ul{
	display:block;
}

#top-menu ul li:hover ul ul{
	display:none;
}


/**************** ALIGNEMENT SOUS MENU *******************/

#sub-menu1{
	margin-left:70px !important;
	.margin-left:-125px !important;		/* IE7 fix */
}
#sub-menu2{
	margin-left:220px !important;
	.margin-left:-100px !important;		/* IE7 fix */
}
#sub-menu3{
	margin-left:350px !important;
	.margin-left:-95px !important;		/* IE7 fix */
}
	#sub-menu3-1 {
		margin-left:130px !important;
		.margin-left:-10px !important;		/* IE7 fix */
	}
#sub-menu5{
	margin-left:610px !important;
	.margin-left:-80px !important;		/* IE7 fix */
}

#top-menu ul li ul ul{
	position:absolute;
	margin-top:-16px;
	display:none;
	padding-left:0px;
	background:none;	
	height:auto;
	.margin-top:-20px !important;	/* IE7 fix */
	.padding-left:148px;
}

#top-menu ul li ul li:hover ul{
	display:block;
}

#top-menu ul li ul li:hover ul{
	display:block;
}

#top-menu ul li ul li .active-sub {
	background:#000000;
	color:#fbbdd7;
	opacity:1;
	filter:alpha(opacity=100);
	padding-left:28px;
	padding-right:15px;
	background-image:url(../Images/middle/top-menu/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}