

#mainmenu ul {list-style: none; padding: 0; margin: 0;}

/*
	Main menu container
*/
#mainmenu {width: 1000px; margin: 0px auto 0px auto; }
#mainmenu .container {background-image: url(../images/mainmenu_bg.jpg); width: 650px; height: 75px; /*position: relative; top: -98px;*/margin: -98px 0px 23px 0px; position:absolute;}


/*
	First menu
*/
#mainmenu .container .firstmenu {padding-left: 17px;}
#mainmenu .container .firstmenu li {float: left; padding-top: 0px; margin-top:48px; display: block; }
#mainmenu .container .firstmenu li .whitebg:hover {background-color: #ffffff; min-height: 27px;}
#mainmenu .container .firstmenu li .gauchebg:hover {
							background-image: url(../images/gauche_entetemenu.gif); 
							background-repeat: no-repeat; 
							background-position: 0 0; 
							min-height: 27px;
}
#mainmenu .container .firstmenu li .droitbg:hover {
							background-image: url(../images/droit_entetemenu.gif); 
							background-repeat: no-repeat; 
							background-position: 100% 0; 
							min-height: 27px;
}
#mainmenu .container .firstmenu li a {
					padding: 8px 10px 2px 10px; 
					margin-right: 4px; 
					display: block; 
					color: #ffffff; 
					text-decoration: none; 
					font-weight: bold;
					font-size: 13px;
					
}
#mainmenu .container .firstmenu li .droitbg:hover a {color: #6c9d31;}

/*
	Second menu
*/
#mainmenu .container .firstmenu .secondmenu {
						
						display: none; 
						position: absolute; 
						width: 225px;
						top: 0px; 
						left: 0px; 
						z-index: 50;
						background-image: url(../images/basmenu.png); 
						background-repeat: no-repeat; 
						background-position: 0 100%;
						padding-bottom: 12px;
						margin-top: -240px !important;
}
#mainmenu .container .firstmenu .secondmenu li {float: none;  margin: 0; padding: 0px 10px 0px 0px; background-color: #ffffff;}

#mainmenu .container .firstmenu .droitbg:hover  .secondmenu li a {
							color: #000000; 
							background-image: url(../images/puceverte.gif); 
							background-repeat: no-repeat;
							background-position: 0 10px;
							font-size: 14px; 
							padding: 5px 2px 5px 24px; 
							margin: 0px 2px 0px 2px; 
							font-weight: normal;
							display: block;
}
#mainmenu .container .firstmenu .droitbg:hover  .secondmenu li a:hover{color: #000000; background-image: url(../images/pucevertepale.gif); }

/*
	Third menu
*/



#mainmenu .container .secondmenu .thirdmenu {
						display: none; 
						position: absolute; 
						top: 0px; 
						left: 0px; 
						z-index: 100;
						padding: 0;
						margin: 0;
}

#mainmenu .container .secondmenu .bluebg .flechebg .thirdmenu {
								display: block; 
								padding: 5px 0px 12px 0px;
								position: relative;
								top: -80px;
								left: 100px;
								width: 257px;
}



#mainmenu .container .secondmenu .bluebg {
						position: absolute;
						background-image: url(../images/basmenubleu_01.png);
						background-position: 1px 100%;
						background-repeat: no-repeat; 
						width: 357px; 
						min-height: 10px !important;
						z-index: 300; 
						list-style: none; 

}

#mainmenu .container .secondmenu .flechebg {
						position: relative;
						background-image: url(../images/menufleche.png); 
						background-repeat: no-repeat; 
						width: 357px; 
						min-height: 120px !important;
						z-index: 200; 
						list-style: none; 
}



#mainmenu .container .secondmenu .flechebg .bg {/*background-image: url(../images/centremenubleu.png);*/ margin: 0px 5px 0px 5px; position: relative; top: 85px; left: -4px; z-index: 1; width: 356px;}


#mainmenu .container .droitbg:hover  .secondmenu .thirdmenu .thirdmenu  li {background-color: transparent; margin-right: 5px;}
#mainmenu .container .droitbg:hover  .secondmenu .thirdmenu ul li span a {
								background-image: url(../images/puceblanchemenu.png); 
								padding: 2px 2px 2px 24px; 
								background-position: 0 7px; 
								color: #ffffff; 
								font-size: 14px;
}
#mainmenu .container .droitbg:hover  .secondmenu .thirdmenu ul li span a:hover {color: #ffffff; background-image: url(../images/pucevertesurbleu.gif); }
