body{
background-color:#000000;
min-width: 900px;
max-width:900px;
margin: auto;
}
img,a{
border:none;
border:0;
margin:0;
padding:0;
}
.clear{
clear: both;
}

#top-bandeau{
width:900px;
}
#top-menu{
height:50px;
margin-left:235px;
}
a.index:link,a.index:visited,a.index:active{
text-decoration: none;
float:left;
background-image: url(design/index.jpg);
background-repeat: none;
background-position: 0px 50px;
display: block;
width:100px;
height:50px;
}
a.index:hover{
background-position: 0 0px;
}
a.contact:link,a.contact:visited,a.contact:active{
text-decoration: none;
float:left;
background-image: url(design/contact.jpg);
background-repeat: none;
background-position: 0 50px;
display: block;
width:110px;
height:50px;
}
a.contact:hover{
background-position: 0 0px;
}
a.publication:link,a.publication:visited,a.publication:active{
text-decoration: none;
float:left;
background-image: url(design/publication.jpg);
background-repeat: none;
background-position: 0 50px;
display: block;
width:144px;
height:50px;
}
a.publication:hover{
background-position: 0 0px;
}

a.pixel:link,a.pixel:visited,a.pixel:active{
text-decoration: none;
float:left;
background-image: url(design/pixel.jpg);
background-repeat: none;
background-position: 0 50px;
display: block;
width:86px;
height:50px;
}
a.pixel:hover{
background-position: 0 0px;
}

a.crayon:link,a.crayon:visited,a.crayon:active{
text-decoration: none;
float:left;
background-image: url(design/crayon.jpg);
background-repeat: none;
background-position: 0 50px;
display: block;
width:90px;
height:50px;
}
a.crayon:hover{
background-position: 0 0px;
}

a.peinture:link,a.peinture:visited,a.peinture:active{
text-decoration: none;
float:left;
background-image: url(design/peinture.jpg);
background-repeat: none;
background-position: 0 50px;
display: block;
width:125px;
height:50px;
}
a.peinture:hover{
background-position: 0 0px;
}