@charset "UTF-8";
/* CSS Document */

#menu ul  {
margin: 0;
padding : 0;
list-style : none;
}

#menu a {
display:block;
width:100%;
height:100%;
padding:0px;
margin:0px;
}

#menu li {
float : left;
margin-bottom:0px;
margin-top:0px;
margin-left:20px;
margin-right:20px;
}

/* ACCUEIL */
.accueil {
display : block;
width : 78px;
height : 47px;  /* la moitié de la hauteur totale de l'image */
background:url(../IMAGE/banniere/menu/accueil.jpg) left top no-repeat;
text-decoration : none;
}

.accueil:hover {
background-position : 0 -47px;
}

/* QUI SOMMES-NOUS */
.qui_sommes_nous {
display : block;
width : 179px;
height : 47px;  /* la moitié de la hauteur totale de l'image */
background:url(../IMAGE/banniere/menu/Qui_sommes_nous.jpg) left top no-repeat;
text-decoration : none;
}

.qui_sommes_nous:hover {
background-position : 0 -47px;
}

/* PRODUITS */
.produits {
display : block;
width : 105px;
height : 47px;  /* la moitié de la hauteur totale de l'image */
background:url(../IMAGE/banniere/menu/Produits.jpg) left top no-repeat;
text-decoration : none;
}

.produits:hover {
background-position : 0 -47px;
}

/* SERVICES */
.services {
display : block;
width : 99px;
height : 47px;  /* la moitié de la hauteur totale de l'image */
background:url(../IMAGE/banniere/menu/services.jpg) left top no-repeat;
text-decoration : none;
}

.services:hover {
background-position : 0 -47px;
}

/* PROMOTIONS */
.promotions {
display : block;
width : 133px;
height : 47px;  /* la moitié de la hauteur totale de l'image */
background:url(../IMAGE/banniere/menu/Promotions.jpg) left top no-repeat;
text-decoration : none;
}

.promotions:hover {
background-position : 0 -47px;
}

/* CONTACT */
.contact {
display : block;
width : 101px;
height : 47px;  /* la moitié de la hauteur totale de l'image */
background:url(../IMAGE/banniere/menu/Contact.jpg) left top no-repeat;
text-decoration : none;
}

.contact:hover {
background-position : 0 -47px;
}