body {
margin: 0;
padding: 0;
height: 100%;
background-color:#ffffff;
}

a {text-decoration: none;}

.logo {
position: absolute;
top: 45%;
left: 50%;
margin-top: -294px; /* moitié de la hauteur de l'image */
margin-left: -202px; /* moitié de la largeur de l'image */
margin-right: auto;
background-image: url(images/logo.png);
background-image: no-repeat;
width: 404px;
height: 588px;
}

.blog {
position: absolute;
margin-top: 265px;
margin-left: 20px;
background-image: url(images/blog.png);
background-image: no-repeat;
width: 73px;
height: 35px;
}
.blog:hover {
background-image: url(images/blog.png);
background-image: no-repeat;
background-position:-73px 0%;
width: 73px;
height: 35px;
}

.synopsis{
position: absolute;
margin-top: 340px;
margin-left: 20px;
background-image: url(images/synopsis.png);
background-image: no-repeat;
width: 141px;
height: 50px;
}
.synopsis:hover {
background-image: url(images/synopsis.png);
background-image: no-repeat;
background-position:-141px 0%;
width: 141px;
height: 50px;
}

.forum {
position: absolute;
margin-top: 265px;
margin-left: 324px;
background-image: url(images/forum.png);
background-image: no-repeat;
width: 63px;
height: 35px;
}
.forum:hover {
background-image: url(images/forum.png);
background-image: no-repeat;
background-position:-63px 0%;
width: 63px;
height: 35px;
}

/*
.galerie {
position: absolute;
margin-top: 265px;
margin-left: 300px;
background-image: url(images/galerie.png);
background-image: no-repeat;
width: 82px;
height: 35px;
}
.galerie:hover {
background-image: url(images/galerie.png);
background-image: no-repeat;
background-position:-82px 0%;
width: 82px;
height: 35px;
} 
*/

.agregateur {
position: absolute;
margin-top: 267px;
margin-left: 150px;
background-image: url(images/agregateur.png);
background-image: no-repeat;
width: 128px;
height: 31px;
}
.agregateur:hover {
background-image: url(images/agregateur.png);
background-image: no-repeat;
background-position:-128px 0%;
width: 128px;
height: 31px;
}

.footer {
position: absolute;
margin-left: 5px;
bottom: 5px;
padding: 0;
font-size:.70em;
width: 99%;
}

/*
.construction {
position: absolute;
top: 45%;
left: 50%;
margin-top: -294px;
margin-left: -202px;
margin-right: auto;
}

.logo18 {
position: absolute;
top: 45%;
left: 50%;
margin-top: -294px;
margin-left: -202px;
margin-right: auto;
background-image: url(images/logo18.png);
background-image: no-repeat;
width: 404px;
height: 588px;
}

.plus {
position: absolute;
margin-top: 262px;
margin-left: 125px;
background-image: url(images/18plus.png);
background-image: no-repeat;
width: 171px;
height: 29px;
}
.plus:hover {
background-image: url(images/18plus.png);
background-image: no-repeat;
background-position:-171px 0%;
width: 171px;
height: 29px;
}

.moins {
position: absolute;
margin-top: 535px;
margin-left: 115px;
background-image: url(images/18moins.png);
background-image: no-repeat;
width: 185px;
height: 29px;
}
.moins:hover {
background-image: url(images/18moins.png);
background-image: no-repeat;
background-position:-185px 0%;
width: 185px;
height: 29px;
}
*/