body
{
   width: 980px;
   margin: auto; /* Pour centrer notre page */
   margin-top:0px;
   background:url(images/fond.png) repeat-x; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

#all{
width:980px;
}

#hautdepage{
background:url(images/accueiltest2.png) no-repeat center;
background-position:50px;
width:980px;
height:89px;
}

#menu{
margin-top:0px;
width:980px;
padding-left:304px;
}

ul#menu{
background:url(images/fond_menu.png) no-repeat;
width:980px;
height:36px;
list-style:none;
}

ul#menu li {
float:left;

}

ul#menu li a {
background:url(images/onglets.png) no-repeat scroll top left;
height:36px;
display:block;
position:relative;
}

ul#menu li a.news {
width:89px;
}

ul#menu li a.portfolio {
width:87px;
background-position:-89px 0px;
}

ul#menu li a.services {
width:87px;
background-position:-176px 0px;
}

ul#menu li a.contact {
width:87px;
background-position:-263px 0px;
}

ul#menu li a span {
background:url(images/onglets.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

ul#menu li a.news span {
background-position:0px -36px;
}

ul#menu li a.portfolio span {
background-position:-89px -36px;
}

ul#menu li a.services span {
background-position:-176px -36px;
}

ul#menu li a.contact span {
background-position:-263px -36px;
}