/* CSS du menu horizontal, bieler batiste */

#menu_principal{
	position:absolute;
	top:174px;
	left:93px;
}

HTML>BODY #menu_principal{
	top:164px;
	left:134px;
}

html[xmlns*=""] body:last-child #menu_principal{
	top:164px;
	left:135px;
}

*+html #menu_principal{
	margin-left:-39px;
	margin-top:10px;
}

.menu{
    position:absolute;
    display:block;
    padding:0px;
    width:900px;
	font-size:10px;
}

.menu ul{
    position:absolute;
    display:block;
    padding:0px;
	margin:0px;
    }
    
.menu li ul{
    visibility:hidden;
	width:auto;
	border-top:solid 1px #ffeeba;
	margin-top:1px;
    }

.menu li li ul{
    position:absolute;
    }
    
.menu li{
    list-style:none;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0px;
    padding:0px;
	margin-left:2px;
    }
    
.menu li li{
    display:block;
    float:none;
	margin:0px;
	padding:0px;
	margin-left:-1px;
    }


/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }
	
.menu li a{
	text-decoration:none;
	color:#ffeeba;
	font-weight:bold;
	padding-left:20px;
	background:none;
	display:block;
	margin-bottom:0px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#d67400;
	border:solid 1px #ffe38e;
}

.menu li a:hover{	
	color:#ffffff;
	background:url(images/fleche-bas.gif) left no-repeat #c80100;
}

.menu li li a{
	text-decoration:none;
    text-align:left;
    background-color: #d67400;
    border:1px #ffeeba solid;
	border-top:0px;
    color:#ffeeba;
    display:block;
    width:191px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-top:0px;
	padding-left:20px;
	background-image:none;
	font-weight:normal;
	margin-bottom:0px;
}

HTML>BODY .menu li li a{
	 width:166px;
}

*+html .menu li li a{
	/* Cette portion de code est interprétée exclusivement par IE7 */
	margin-top:0px;
}

    
.menu li li a:hover{
    background-image: none;
	background:url(images/sphb.gif) left no-repeat #c80100;
	color: #FFF;
}
    
/* for a mozilla better display with key nav */
.menu a:focus{
}

.menu a.linkOver{
	color:#ffffff;
	background:url(images/fleche-bas.gif) left no-repeat #c80100;
}

.menu li a#rouge{
	background:#c80100;
}

.menu li a:hover#rouge{
	background:#c80100;
	color:#ffffff;
	background:url(images/fleche-bas.gif) left no-repeat #c80100;
}