/* Pour compatibilité IE 7 pre-version. Pas utilisé pour rétrodeco
body {  
	behavior: url(includes/csshover.htc);
	}
*/
	
/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover 
{color: rgb(186, 132 , 92);background-color:rgb(241,230,221);}


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

/*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;}
*/
	
#dropMenuWrapper {
	width: 816px;
	/*height:45px;*/
	margin:0;
	margin-top: 3px;
	margin-left: 4px;
	padding: 0;
	font-size:9px;
	font-weight: bold;
	/*position: absolute;
	top: 173px;
	left: 0px;*/
	}
	
div#dropMenu {
  	/*width:100%;*/
  	margin: 0;
  	padding: 0;
    /*text-align:center;*/
	  z-index:1000;
	  position:relative;
	  /*background-image: url(../images/banniere_univers.jpg);*/
	  background-color: rgb(213,180,155);
	}

div#dropMenu ul {
	margin: auto auto; 
	padding: 0;
  /*width:100%;*/
  height:23px;
	}
	
div#dropMenu li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float: left; 
	line-height: 1em;
	width: 136px; /* 136 pour 6 menus 163 pour 5 menu et 204 pour 4 menus */
	background-image: url(../images/icone_univers_h20.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	}
	
div#dropMenu ul.level1 {
	/*width:748px;*/ 
	margin:0 auto; 
	/*text-align:center;*/
	/*height:45px;*/
	z-index:1000;
  /*background: transparent;*/
	/*background-image: url(../images/test_backg.jpg);*/
	}
	
div#dropMenu li:hover {}
div#dropMenu li.submenu {}
div#dropMenu li.submenu:hover {}
div#dropMenu li a {
	display: block; 
	height: 11px;
	padding: 6px 0px;
      padding-left: 10px;
	margin: 0;
	text-decoration: none; 
	text-transform:uppercase; 
	color: #ffffff; 	
      text-align:center; 
	/*border-right:1px solid #ffffff;*/
	border-left:1px solid #ffffff;
	/*border-top:1px solid #ffffff;*/
	} 
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 #CCC; 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:#4f4f4f;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em; background:#4f4f4f}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}