/*******************
*  Menu Déroulant  *
*******************/

    * html body{ behavior: url(../../../csshover2.htc)}
	div#container{ float: left; }
	div#container ul{ margin: 0; padding: 0;}
	
	/* positionnement des sous menu */
	div#container li{ position: relative; list-style: none; margin: 0; }
	div#container ul ul{ position: absolute;
		z-index: 100;
		margin-left: 14em;
		margin-top: -2em;
		width: 10em;
		line-height: 0px;}

	
	/* mise en forme du menu */
	div#container ul{ color: #3e270b; }
	div#container li{ color: #3e270b; height: 33px;}
	div#container li.submenu{ float: left; background-image:url(../images/menu/sous-menu.jpg);}
	/* enlever cette ligne de code si un jour il y as un deuxieme 3ieme niveau au sous menu */
	div#container ul.level2{ display: none;}
	div#container ul.level2 li{ color: #3e270b; display:none;}
	
	div#container ul.level2 li a{ color: #3e270b; display:none;}

	
	/* mise en block des liens */
	div#container li a{ 
	text-align: center;
	width: 185px;
	display: block;
	color: #3e270b;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 12px;
	line-height: 33px
	} /* largeur ie7 et autre navigateur*/
	* html div#container ul a{ width: 185px;}/* hack pour les liens dans ie 6 prennent la largeur du li on ajoute le * html afin que ie7 ne prenne pas en compte cette commande */
	
	/* survol du menu */
	div#container li a:hover{ 
	text-align: center;
	background: url(../images/menu/sous-menu-over.jpg) no-repeat 0 0;
	display: block;
	text-decoration: none;
	color: #705a33;
	}
	* html div#container li a:hover{ color: #705a33;}
	div#container li:hover{  }
	div#container li.submenu:hover a{ color: #705a33; }
	div#container li.submenu:hover ul.level2 li a{ color:#fff; }
	div#container li.submenu:hover ul.level2 li:hover a{ color: #705a33; background-image:url(../images/menu/sous-menu.jpg);}
	
	div#container li.submenu:hover{ }
	div#container li.submenu a:hover{color: #705a33; }
	* html div#container li.submenu a:hover{color: #705a33;}
	
	div#container ul.level2 li a:hover{ color: #705a33;}
	div#container ul.level2 li:hover {}
	
	/* * html div#container li.submenu:hover{ margin-bottom: -3px;}
	*+html div#container li.submenu:hover{ margin-bottom: -3px;} */
	
	/* ouverture et fermeture des menus*/
	div#container ul.level1 li.submenu:hover ul.level2{ display: block}