/********************
******* MENU IMAGES *******
*********************/


#accueil{
background-color:black;
width:110px;
height:100px;
float:left;
}

#accueil a{
background-image: url(../images/boutons/btn_accueil.jpg);
width:110px;
height:100px;
display:block;
background-position:100% 0;
color:black;
font-size:0px;
letter-spacing: -5px;
top: -5000px;
border:none;
}

#accueil a:hover{
background-image: url(../images/boutons/btn_accueil.jpg);
width:110px;
height:100px;
background-position:0 100%;

}


#services{
background-color:black;
width:110px;
height:100px;
float:left;

}

#services a{
background-image:url(../images/boutons/btn_nosservices.jpg);
width:110px;
height:100px;
display:block;
background-position:100% 0;
color:black;
font-size:0px;
letter-spacing: -5px;
top: -5000px;
border:none;
}

#services a:hover{
background-image:url(../images/boutons/btn_nosservices.jpg);
width:110px;
height:100px;
background-position:0 100%;

}


#repertoire{
background-color:black;
width:110px;
height:100px;
float:left;
}

#repertoire a{
background-image:url(../images/boutons/btn_repertoire.jpg);
width:110px;
height:100px;
display:block;
background-position:100% 0;
color:black;
font-size:0px;
letter-spacing: -5px;
top: -5000px;
border:none;
}

#repertoire a:hover{
background-image:url(../images/boutons/btn_repertoire.jpg);
width:110px;
height:100px;
background-position:0 100%;

}


#groupe{
background-color:black;
width:110px;
height:100px;
float:left;
}

#groupe a{
background-image:url(../images/boutons/btn_legroupe.jpg);
width:110px;
height:100px;
display:block;
background-position:100% 0;
color:black;
font-size:0px;
letter-spacing: -5px;
top: -5000px;
border:none;
}

#groupe a:hover{
background-image:url(../images/boutons/btn_legroupe.jpg);
width:110px;
height:100px;
background-position:0 100%;
}

#dates{
background-color:black;
width:110px;
height:100px;
float:left;
}

#dates a{
background-image:url(../images/boutons/btn_dates.jpg);
width:110px;
height:100px;
display:block;
background-position:100% 0;
color:black;
font-size:0px;
letter-spacing: -5px;
top: -5000px;
border:none;
}

#dates a:hover{
background-image:url(../images/boutons/btn_dates.jpg);
width:110px;
height:100px;
background-position:0 100%;

}

#prpl{
background-color:black;
width:110px;
height:100px;
float:left;
}

#prpl a{
background-image:url(../images/boutons/btn_prpl.jpg);
width:110px;
height:100px;
display:block;
background-position:100% 0;
color:black;
font-size:0px;
letter-spacing: -5px;
top: -5000px;
border:none;
}

#prpl a:hover{
background-image:url(../images/boutons/btn_prpl.jpg);
width:110px;
height:100px;
background-position:0 100%;

}

#adhesion{
background-color:black;
width:110px;
height:100px;
float:left;
}

#adhesion a{
background-image:url(../images/boutons/btn_membre.jpg);
width:110px;
height:100px;
display:block;
background-position:100% 0;
color:black;
font-size:0px;
letter-spacing: -5px;
top: -5000px;
border:none;
}

#adhesion a:hover{
background-image:url(../images/boutons/btn_membre.jpg);
width:110px;
height:100px;
background-position:0 100%;

}