/* menu*/
#menu-principal {
margin: 0px;
padding: 0px;
list-style: none; 
}

#menu-principal li{
margin: 0 7px 0 0;
padding: 0px;
float: left;
height: 28px;
list-style-type: none;
background-image: none;
}

#n-rendez-vous { width: 119px; }
#n-expo-animations { width: 156px; }
#n-marche-des-miels { width: 162px; }
#n-partenaires { width: 114px; }


#menu-principal a{
text-decoration: none;
display: block; 
height: 100%; 
overflow: hidden; 
text-indent: -1000em; 
width: 100%;
}


#menu-principal a:hover{
background-position: left bottom;
}


#n-rendez-vous a {
background: url(../pictos_site_21/btn_rendez_vous.gif);
background-position: left top;
width: 119px;}


#n-expo-animations a{
background: url(../pictos_site_21/btn_expo_animations.gif);
background-position: left top;
width: 156px;}


#n-marche-des-miels a{
background: url(../pictos_site_21/btn_marche_des_miels.gif);
background-position: left top;
width: 162px;}


#n-partenaires a{
background: url(../pictos_site_21/btn_partenaires.gif);
background-position: left top;
width: 114px;}

#n-rendez-vous a.youarehere, #n-expo-animations a.youarehere, #n-marche-des-miels a.youarehere, #n-partenaires a.youarehere{
background-position: left bottom;
}