#haut-menu{
position:absolute;
width:985px;
height:70px;
z-index:20;
}

#menu-principal{
float:left;
display:inline;
width:660px;
height:27px;
margin: 0 ;
}

#menu{
position:absolute;
list-style: none;
text-align:center;
z-index:100;
padding:0;
margin:0;
font-size:0.85em;
}

#menu-principal1{
float:left;
display:inline;
width:673px;
height:27px;
margin:43px 0;
}



/*-------------------ACCUEIL-----------------------*/

#menu li.accueil{
float:left;
width:99px;
height:27px;
border:none;
background:url(../images/menu/accueil.gif) top left no-repeat;
}

#menu li.accueil a{
display:block;
width:99px;
height:27px;
border:none;
color:#FFFFFF;
padding:7px 0 0 0;
}

#menu li.accueil a:hover{
color:#e20a79;
}


/*-------------------PRESENTATION-----------------------*/

#menu li.presentation{
float:left;
width:99px;
height:27px;
border:none;
background:url(../images/menu/presentation.gif) top left no-repeat;
}

#menu li.presentation a{
display:block;
width:99px;
height:27px;
border:none;
color:#FFFFFF;
padding:7px 0 0 0;
}

#menu li.presentation a:hover{
color:#e20a79;
}



/*-------------------PRESTATIONS-----------------------*/

#menu li.prestation{
float:left;
width:140px;
height:27px;
border:none;
background:url(../images/menu/prestations.gif) top left no-repeat;
}

#menu li.prestation a{
display:block;
width:140px;
height:20px;
border:none;
color:#FFFFFF;
padding:7px 0 0 0;
}

#menu li.prestation a:hover{
color:#e20a79;
}

#menu li.prestation ul{
position: absolute;
width:140px;
left:-999em; /* Hop, on envoie loin du champ de vision */
margin-left:-40px;
}

#menu li.prestation ul li{
float: left;
width:140px;
background-color:#a8c506;
border-top: 1px solid #FFFFFF ;
list-style: none;
font-size:0.95em;
}

#menu li.prestation ul li a{
display:block;
height:auto;
width:125px;
text-decoration:none;
color:#FFFFFF;
padding:7px;
}

#menu li.prestation ul li.rond{
height:40px;
background:url(../images/arrondi-menu.png) no-repeat bottom;
background-color:transparent;
}

/*-------------------franchise-----------------------*/

#menu li.franchise{
float:left;
width:99px;
height:27px;
border:none;
background:url(../images/menu/franchise.gif) top left no-repeat;
}

#menu li.franchise a{
display:block;
width:99px;
height:20px;
border:none;
color:#FFFFFF;
padding:7px 0 0 0;
}

#menu li.franchise a:hover{
color:#e20a79;
}

#menu li.franchise ul{
position: absolute;
width:99px;
left:-999em; /* Hop, on envoie loin du champ de vision */
margin-left:-40px;
margin-top:0;

}

#menu li.franchise ul li{
background-color:#a8c506;
border-top: 1px solid #FFFFFF ;
list-style: none;
font-size:0.95em;
}

#menu li.franchise ul li a{
display:block;
height:auto;
width:85px;
text-decoration:none;
color:#FFFFFF;
padding:7px;
}

#menu li.franchise ul li.rond2{
height:40px;
background:url(../images/arrondi-menu-franchise.png) no-repeat bottom;
background-color:transparent;
}

/*-------------------CONTACT-----------------------*/

#menu li.contact{
float:left;
width:100px;
height:27px;
border:none;
background:url(../images/menu/contact.gif) top left no-repeat;
}

#menu li.contact a{
display:block;
width:100px;
height:27px;
border:none;
color:#FFFFFF;
padding:7px 0 0 0;
}

#menu li.contact a:hover{
color:#e20a79;
}

/*-------------------ABONNEMENT-----------------------*/

#menu li.abonnement{
float:left;
width:123px;
height:27px;
border:none;
background:url(../images/menu/abonnements.gif) top left no-repeat;
}

#menu li.abonnement a{
display:block;
width:100px;
height:27px;
border:none;
color:#FFFFFF;
padding:7px 0 0 0;
}

#menu li.abonnement a:hover{
color:#e20a79;
}


#menu li.abonnement1{
float:left;
width:136px;
height:27px;
border:none;
background:url(../images/menu/abonnements1.gif) top left no-repeat;
}

#menu li.abonnement1 a{
display:block;
width:112px;
height:27px;
border:none;
color:#FFFFFF;
padding:7px 0 0 0;
text-align:center;
}

#menu li.abonnement1 a:hover{
color:#e20a79;
}



#menu li ul li a:hover{
background-color:#FFFFFF;
color:#a8c506;
}

#menu li:hover ul, #menu li li:hover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}