/* CSS du menu horizontal, bieler batiste */
    
.menu{
    position:absolute;
    /*top:3em;
    left:3em;*/
    display:block;
    margin:0;
    padding:0;
    width:819px; /* important for Opera7 */
	background-color:none;
    }

.menu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    width:124px;
    margin:0;
    padding:0;
    }
    
.menu ul ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    width:600px;
    margin:0;
    padding:0;
    }

.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:124px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
.menu li{
    list-style:none;
    /*width:124px;*/
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu img {
border:none;
}
.menu a{
   /* text-align:center;
    background-color: #9cf;
    border:1px #666 solid;
    color:#000;
    width:120px;
    display:block;
    text-decoration:none;
    padding:0px;
    margin:0px;*/
	
    }	
	
#li1 a:link, #li1 a:visited{
	width:120px;
	height:25px;
    display:block;
	text-decoration:none;
    padding:0px;
    margin:0px;
	background-image: url(images/hr-menu-boeuf-salers.gif);
	background-repeat: no-repeat;
	background-position: top; 
}
#li1 a:hover{
	background-repeat: no-repeat;
	background-position: bottom; 
}
#menu li ul li a:link, #menu li ul li a:visited, #menu li ul li a:hover { 
background-image:none; 
width:150px;
}

#li2 a:link, #li2 a:visited{
	width:135px;
	height:25px;
    display:block;
	text-decoration:none;
    padding:0px;
    margin:0px;
	background-image: url(images/hr-menu-veau-mere.gif);
	background-repeat: no-repeat;
	background-position: top; 
}
#li2 a:hover{
	background-repeat: no-repeat;
	background-position: bottom; 
}

#li5 a:link, #li5 a:visited{
	width:68px;
	height:25px;
    display:block;
	text-decoration:none;
    padding:0px;
    margin:0px;
	background-image: url(images/hr-menu-agneau.gif);
	background-repeat: no-repeat;
	background-position: top; 
}
#li5 a:hover{
	background-repeat: no-repeat;
	background-position: bottom; 
}

#li6 a:link, #li6 a:visited{
	width:123px;
	height:25px;
    display:block;
	text-decoration:none;
    padding:0px;
    margin:0px;
	background-image: url(images/hr-menu-cochon-fermier.gif);
	background-repeat: no-repeat;
	background-position: top; 
}
#li6 a:hover{
	background-repeat: no-repeat;
	background-position: bottom; 
}

#li7 a:link, #li7 a:visited{
	width:128px;
	height:25px;
    display:block;
	text-decoration:none;
    padding:0px;
    margin:0px;
	background-image: url(images/hr-menu-volaille-bresse.gif);
	background-repeat: no-repeat;
	background-position: top; 
}
#li7 a:hover{
	background-repeat: no-repeat;
	background-position: bottom; 
}

#li8 a:link, #li8 a:visited{
	width:148px;
	height:25px;
    display:block;
	text-decoration:none;
    padding:0px;
    margin:0px;
	background-image: url(images/hr-menu-gibier-saison.gif);
	background-repeat: no-repeat;
	background-position: top; 
}
#li8 a:hover{
	background-repeat: no-repeat;
	background-position: bottom; 
}
    
/* for a mozilla better display with key nav */
.menu a:focus{
    
}

/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */

.menu li li a:link, .menu li li a:visited{
    background-color: #B55A6B;
    border-bottom:1px #B13246 solid;
	text-decoration:none;
	color:#FFFFFF;
	font-size:0.7em;
	display: block;
}
.menu ul li a:hover{
    background-color: #B13246;
}

#menu #li1 ul li a:link, #menu #li1 ul li a:visited, #menu #li1 ul li a:hover,
#menu #li2 ul li a:link, #menu #li2 ul li a:visited, #menu #li2 ul li a:hover,
#menu #li3 ul li a:link, #menu #li3 ul li a:visited, #menu #li3 ul li a:hover,
#menu #li4 ul li a:link, #menu #li4 ul li a:visited, #menu #li4 ul li a:hover,
#menu #li5 ul li a:link, #menu #li5 ul li a:visited, #menu #li5 ul li a:hover,
#menu #li6 ul li a:link, #menu #li6 ul li a:visited, #menu #li6 ul li a:hover,
#menu #li7 ul li a:link, #menu #li7 ul li a:visited, #menu #li7 ul li a:hover,
#menu #li8 ul li a:link, #menu #li8 ul li a:visited, #menu #li8 ul li a:hover
{ padding: 5px 5px 5px 5px; height:12px; width:195px; }