/*body {  
/*	behavior: url(includes/csshover.htc);*/

	/*}*/
	
/*transparent* #4F4F4F/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#D5E88F;}


/*blue*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: black!important;background:transparent;}


/*red 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/ 

/*grey 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
	
	
#navExtraWrapper {
	width:120px;
	height : 80px;
	font-size: 10px;
	float: left;
	left: 000px;
	top: 000px;
	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
		border: none;
			z-index:10;
			background-color :transparent;
}
	
	
#dropMenuWrapper {
	width:100%;
	/*height:25px;*/
	margin:0;
	font-size:11px;

	
	}
	
div#dropMenu {
  	width:750px;
  	margin:0 auto;
    text-align:center;
	z-index:1000;
	position:relative;


	}

div#dropMenu ul {
	margin: 0; 
	padding: 0;
	}
	
div#dropMenu li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float: left; 
	line-height: 1em;
	}
	
div#dropMenu ul.level1 {
	width:750px; 
	margin:0 auto; 
	text-align:center;
	background:transparent;
	/*height:25px;*/

	z-index:1000;

	}
	
div#dropMenu li:hover {}

/* référence, à ne pas toucher*/
/*div#dropMenu li.submenu {}
div#dropMenu li.submenu:hover {}
div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}
div#dropMenu li.submenu li.submenu {}
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level2 {top: 2.17em; background:yellow;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em;}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em;color: black; text-transform:none;}  /* this is text color on drop-down submenu */
/*div#dropMenu ul.level2 a:hover {color:black;}

/* Premier menu = navigation*/
div#dropMenu li.submenu1 {
	float: left;
	left:05px;
	top:380px;
	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:80;
					height : 80px;
										width : 110px; /* taille du bouton*/
							background-image: url(../imagesTemae/btnrecherche.gif);
			
			}

div#dropMenu li.submenu1:hover {}
div#dropMenu li a {display: block; padding: 7px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:none;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border: 1px solid black; width:13em;}
div#dropMenu li.submenu1 li.submenu1 {}
div#dropMenu ul.level1 li.submenu1:hover ul.level2, 
div#dropMenu ul.level2 li.submenu1:hover ul.level3,
div#dropMenu ul.level3 li.submenu1:hover ul.level4,
div#dropMenu ul.level4 li.submenu1:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level2 {top: 2.17em; background:yellow;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em;}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em;color: black; text-transform:none;}  /* this is text color on drop-down submenu1 */
div#dropMenu ul.level2 a:hover {color:black;background-color :#C3DE69}

/* second menu*/

/* Comment acheter*/
div#dropMenu li.submenu2 {
	float: left;
	left:445px;
	top: 0px;
	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:20;
				height : 80px;
										width : 80px; /* taille du bouton*/
							background-image: url(../imagesTemae/btncommentacheter.gif);
			
			}

			
			
div#dropMenu li.submenu2:hover {}
/*div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}*/
div#dropMenu li.submenu2 li.submenu2 {}
div#dropMenu ul.level1 li.submenu2:hover ul.level2, 
div#dropMenu ul.level2 li.submenu2:hover ul.level3,
div#dropMenu ul.level3 li.submenu2:hover ul.level4,
div#dropMenu ul.level4 li.submenu2:hover ul.level5 {display:block;z-index:0;}
div#dropMenu ul.level2 {top: 2.17em; background:#C2D56C;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em;}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em;color: black; background-color : white;z-index :10000;}  /* this is text color on drop-down submenu2 */
div#dropMenu ul.level2 a:hover {color:black;}

/* troisième*/

/*Mon compte*/
div#dropMenu li.submenu3 {
	float: left;
	left:230px;
	top:10px;
	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:40;
		height : 85px;
		width : 85px; /* taille du bouton*/
		background-image: url(../imagesTemae/btnmoncompte.gif);

			}
			
div#dropMenu li.submenu3:hover {}
/*div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}*/
div#dropMenu li.submenu li.submenu3 {}
div#dropMenu ul.level1 li.submenu3:hover ul.level2, 
div#dropMenu ul.level2 li.submenu3:hover ul.level3,
div#dropMenu ul.level3 li.submenu3:hover ul.level4,
div#dropMenu ul.level4 li.submenu3:hover ul.level5 {display:block;z-index:1000;}

			/* quantrième*/
/*ustensiles*/

div#dropMenu li.submenu4 {
	float: left;
	left:50px;
	top:260px;
	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:70;
			background-image: url(../imagesTemae/btnustensiles.gif);
					height : 50px;
										width : 110px; /* taille du bouton*/
			background-color :transparent;
			}
div#dropMenu li.submenu4 :hover {}
div#dropMenu ul.level1 li.submenu4  a{height : 40px;display:block;z-index:1000;}	
		
		/* cinquième*/

/*couleur*/
div#dropMenu li.submenu5 {
	float: left;
	left:72px;
	top:200px;
	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:80;
			background-image: url(../imagesTemae/../imagesTemae/btcouleur.gif);
/*					height : 50px;*/
/*										width : 110px; /* taille du bouton*/
			background-color :transparent;
			}
	div#dropMenu ul.level1 li.submenu5  a{display:block;z-index:1000;}

div#dropMenu ul.level1 li.submenu5:hover ul.level2, 
div#dropMenu ul.level2 li.submenu5:hover ul.level3,
div#dropMenu ul.level3 li.submenu5:hover ul.level4,
div#dropMenu ul.level4 li.submenu5:hover ul.level5 {display:block;z-index:1000;}

div#dropMenu ul.level1 li.submenu5 a{
/*width : 110px;*/
/*height : 40px;*/
	
}

	
	/*mieux nous connaitre*/
			div#dropMenu li.submenu8 {
	float: left;
	left:340px;
	top :-5px;
	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:30;
			height : 80px;
										width : 80px; /* taille du bouton*/
							background-image: url(../imagesTemae/btnmieuxnousconnaitre.gif);
			
			}
	
div#dropMenu li.submenu8:hover {}
/*div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}*/
div#dropMenu li.submenu li.submenu8 {}
div#dropMenu ul.level1 li.submenu8:hover ul.level2, 
div#dropMenu ul.level2 li.submenu8:hover ul.level3,
div#dropMenu ul.level3 li.submenu8:hover ul.level4,
div#dropMenu ul.level4 li.submenu8:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level1 li.submenu8 ul.level2 li{z-index:10000;}

			
/*aide*/
div#dropMenu li.submenu7:hover {}
/*div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}*/
div#dropMenu li.submenu li.submenu7 {z-index:10000;}
div#dropMenu ul.level1 li.submenu7:hover ul.level2, 
div#dropMenu ul.level2 li.submenu7:hover ul.level3,
div#dropMenu ul.level3 li.submenu7:hover ul.level4,
div#dropMenu ul.level4 li.submenu7:hover ul.level5 {z-index:0;}
div#dropMenu ul.level1 li.submenu7 ul.level2 li{z-index:10000;}
			div#dropMenu li.submenu7 {
	/*float: left;*/
	left:540px;
	top: 03px;
	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:10;
					height : 40px;
										width : 40px; /* taille du bouton*/
							background-image: url(../imagesTemae/btn_aide.gif);
			
			}
/*origine*/
			
			
div#dropMenu li.submenu7:hover {}
/*div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}*/
div#dropMenu li.submenu li.submenu7 {}
div#dropMenu ul.level1 li.submenu7:hover ul.level2, 
div#dropMenu ul.level2 li.submenu7:hover ul.level3,
div#dropMenu ul.level3 li.submenu7:hover ul.level4,
div#dropMenu ul.level4 li.submenu7:hover ul.level5 {display:block;z-index:1000;}


			div#dropMenu li.submenu6 {
	float: left;
		left: 100px; /* position du premier menu*/
	top: 145px;

	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:900;
				
	background-image: url(../imagesTemae/btnorigine.gif);
			
			}

			
			
div#dropMenu li.submenu6:hover {}
/*div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}*/
div#dropMenu li.submenu6 li.submenu2 {}
div#dropMenu ul.level1 li.submenu6:hover ul.level2, 
div#dropMenu ul.level2 li.submenu6:hover ul.level3,
div#dropMenu ul.level3 li.submenu6:hover ul.level4,
div#dropMenu ul.level4 li.submenu6:hover ul.level5 {display:block;z-index:1000;}

div#dropMenu ul.level1 li.submenu6 a{
/*width : 110px;*/
/*height : 40px;*/
	
}

/*dégustation*/

			div#dropMenu li.submenu9 {
	float: left;
		left:29px;
	top:320px;

	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:60;
					height : 50px;
										width : 110px; /* taille du bouton*/
							background-image: url(../imagesTemae/btnlagazette.gif);
			
			}

			
			
div#dropMenu li.submenu9:hover {}
/*div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}*/

div#dropMenu li.submenu li.submenu9 {}
div#dropMenu ul.level1 li.submenu9:hover ul.level2{display:block;z-index:1000;}

div#dropMenu ul.level2 li.submenu9:hover ul.level3,
div#dropMenu ul.level3 li.submenu9:hover ul.level4,
div#dropMenu ul.level4 li.submenu9:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level1 li.submenu9  a{height : 50px;display:block;z-index:1000;}
/*Gazette*/

			div#dropMenu li.submenu10 {
	float: left;
		left:130px;
	top:95px;

	position: absolute;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 0px;
	text-decoration : none;
			z-index:30;
					height : 50px;
										width : 120px; /* taille du bouton*/
							background-image: url(../imagesTemae/btngazette2.gif);
			
			}

			
			
div#dropMenu li.submenu10:hover {}
/*div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:black; text-align:center; border-right:1px solid black;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid black; width:13em;}*/

div#dropMenu li.submenu li.submenu10 {}
div#dropMenu ul.level1 li.submenu10:hover ul.level2{display:block;z-index:1000;}

div#dropMenu ul.level2 li.submenu10:hover ul.level3,
div#dropMenu ul.level3 li.submenu10:hover ul.level4,
div#dropMenu ul.level4 li.submenu10:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level1 li.submenu10  a{height : 20px;display:block;z-index:1000;}