body {
background-image:url('http://i189.photobucket.com/albums/z210/nemery53/fond_transp.jpg');
background-repeat:no-repeat;
background-position: top center;
background-attachment:fixed;
}




/*
###################
##### HEADER ######
###################
*/

#header {
position: relative;
margin: auto;
background-color: none; 
height: 143px;
width: 695px;
}

#header a {
display: block;
height: 143px;
width: 695px;
}

#header a:link {
background-image: url(images/header.png);
}

#header a:visited {
background-image: url(images/header.png);
}

#header a:hover {
background-image: url(images/header.png);
}

#header a:active {
background-image: url(images/header.png);
}


/*
###################
##### CONTENT #####
###################
*/

#content {
position: relative;
display: block;
margin: auto;
background-color: none;
height: auto;
width: 695px;

}

/*
###################
##### download ####
###################
*/

#download {
margin: 0;
background-color: none;
height: 211px;
width: 236px;
float: left; 
}

#download a {
display: block;
background-repeat: no-repeat;
height: 211px;
width: 236px;
}

#download a:link {
background-image: url(images/download.png);
}

#download a:visited {
background-image: url(images/download.png);
}

#download a:hover {
background-image: url(images/downloadhover.png);
}

#download a:active {
background-image: url(images/download.png);
}

/*
###################
##### amaury ######
###################
*/

#amaury {
position: relative;
margin: 0;
background-color: none;
height: 40px;
width: 337px;
float: left; 
}

#amaury a {
display: block;
background-repeat: no-repeat;
height: 40px;
width: 337px;
}

#amaury a:link {
background-image: url(images/amaury.png);
}

#amaury a:visited {
background-image: url(images/amaury.png);
}

#amaury a:hover {
background-image: url(images/amaury.png);
}

#amaury a:active {
background-image: url(images/amaury.png);
}


/*
###################
##### julien ######
###################
*/

#julien {
position: relative;
margin: 0;
background-color: none;
height: 39px;
width: 337px;
float: left; 
}

#julien a {
display: block;
background-repeat: no-repeat;
height: 39px;
width: 337px;
}

#julien a:link {
background-image: url(images/julien.png);
}

#julien a:visited {
background-image: url(images/julien.png);
}

#julien a:hover {
background-image: url(images/julien.png);
}

#julien a:active {
background-image: url(images/julien.png);
}

/*
###################
##### sylvain ######
###################
*/

#sylvain {
position: relative;
margin: 0;
background-color: none;
height: 39px;
width: 337px;
float: left; 
}

#sylvain a {
display: block;
background-repeat: no-repeat;
height: 39px;
width: 337px;
}

#sylvain a:link {
background-image: url(images/sylvain.png);
}

#sylvain a:visited {
background-image: url(images/sylvain.png);
}

#sylvain a:hover {
background-image: url(images/sylvain.png);
}

#sylvain a:active {
background-image: url(images/sylvain.png);
}



img {
border: none;
}