#bu1 {background-image: url(../btn/accueil.png); background-position: 0px; }
#bu1:hover {background-position: 300px;}
#bu1active {background-image: url(../btn/accueil.png); background-position: 300px;}

#bu2 {background-image: url(../btn/resume.png); background-position: 0px; }
#bu2:hover {background-position: 300px;}
#bu2active {background-image: url(../btn/resume.png); background-position: 300px; }

#bu3 {background-image: url(../btn/philosophie.png); background-position: 0px;}
#bu3:hover {background-position: 300px;}
#bu3active {background-image: url(../btn/philosophie.png); background-position: 300px;}

#bu4 {background-image: url(../btn/expertise.png); background-position: 0px;}
#bu4:hover {background-position: 300px;}
#bu4active {background-image: url(../btn/expertise.png); background-position: 300px;}

#bu5 {background-image: url(../btn/contact.png); background-position: 0px;}
#bu5:hover {background-position: 300px;}
#bu5active {background-image: url(../btn/contact.png); background-position: 300px;}

#bu6 {background-image: url(../btn/en.png); background-position: 0px;}
#bu6:hover {background-position: 300px;}


#en {background-image: url(../btn/en_index.png); background-position: 0px;}
#en:hover {background-position: 300px;}

#fr {background-image: url(../btn/fr_index.png); background-position: 0px;}
#fr:hover {background-position: 300px;}