.menu {
list-style-type: none;
margin: 100px 0 0 220px;
padding:0;
}

.menu a {
margin: 0;
display: block;
width: 148px;
text-indent: -5000px;
padding: 0;
}


a#siteinternet{
background-image: url(../images/gabarit/menu/site_internet_off.gif);
height: 24px;
}
a#siteinternet:hover{
background-image: url(../images/gabarit/menu/site_internet_on.gif); 
}

a#graphisme{
background-image: url(../images/gabarit/menu/graphisme_off.gif);
height: 24px;
}
a#graphisme:hover{
background-image: url(../images/gabarit/menu/graphisme_on.gif); 
}

a#references{
background-image: url(../images/gabarit/menu/references_off.gif);
height: 24px;
}
a#references:hover{
background-image: url(../images/gabarit/menu/references_on.gif); 
}

a#entreprise{
background-image: url(../images/gabarit/menu/entreprise_off.gif);
height: 24px;
}
a#entreprise:hover{
background-image: url(../images/gabarit/menu/entreprise_on.gif); 
}






a#siteinternet2{
background-image: url(../images/gabarit/menu/site_internet_on.gif);
height: 24px;
}
a#siteinternet2:hover{
background-image: url(../images/gabarit/menu/site_internet_on.gif); 
}

a#graphisme2{
background-image: url(../images/gabarit/menu/graphisme_on.gif);
height: 24px;
}
a#graphisme2:hover{
background-image: url(../images/gabarit/menu/graphisme_on.gif); 
}
a#references2{
background-image: url(../images/gabarit/menu/references_on.gif);
height: 24px;
}
a#references2:hover{
background-image: url(../images/gabarit/menu/references_on.gif); 
}

a#entreprise2{
background-image: url(../images/gabarit/menu/entreprise_on.gif);
height: 24px;
}
a#entreprise2:hover{
background-image: url(../images/gabarit/menu/entreprise_on.gif); 
}