#body{
background : #6a94db;
}

#banner{
top: 10px;
position: absolute;
left: 50%;
margin-left: -350px;
width: 700px;
height: 90px;
background: url("top.jpg");
z-index: 2;
} 

#banner a {
display: block;
width: 100%;
height: 100%;
}

#menu{
position: absolute;
top: 106px;
left: 50%;
margin-left: -200px;
width: 250px;
height: 25px;
}

#conteneur{
position: absolute;
width: 97%;
height: 387px;
top: 138px;
margin-top: 10px;
text-align: center;
color: #fff;
background: url("fond.jpg");
background-repeat: no-repeat;
background-position: center center;
}

#conteneur2{
position: absolute;
width: 97%;
height: 387px;
top: 138px;
margin-top: 10px;
text-align: center;
color: #fff;
}

#conteneur2 a{
color: #ddd;
}

#conteneur a{
color: #ddd;
}

.titre{
color: #fff;
text-decoration: underline;
font-size: large;
font-weight: normal;
}

#conteneur a:hover{
color: yellow;
}

#gauche{
position: absolute;
left: 2%;
width: 30%;
border: thin #fff solid;
}

#gauche:hover{
border: thin yellow solid;
}

#centre
{
position: absolute;
margin-left: -15%;
left: 50%;
width:30%;
text-align: center;
color: #fff;
border: thin #fff solid;
background-color: transparent;
}

#centre:hover{
border: thin yellow solid;
}

#droite{
position: absolute;
right: 2%;
width: 30%;
border: thin #fff solid;
}

#droite:hover{
border: thin yellow solid;
}

#photos_c
{
position: absolute;
width: 96%;
left: 50%;
margin-left: -48%;
text-align: center;
color: #fff;
border: thin #fff solid;
}

#ecrits
{
color: #fff;
margin-left:15px;
}


#centre a {
color: #ddd;
text-decoration : none;
}

#centre a:hover {
color: yellow;
}


#btn_ecrits{
position: absolute;
width: 100px;
height: 25px;
left: 0px;
text-align: center;
}

#btn_ecrits a {
display: block;
width: 100%;
height: 100%;
color: #fff;
background: url("btn/bouton.jpg") top left no-repeat;
text-decoration: none;
color: #fff;
}

#btn_ecrits a:hover {
color: yellow;
} 

#btn_photos{
position: absolute;
width: 100px;
height: 25px;
left: 150px;
text-align: center;
}

#btn_photos a {
display: block;
width: 100%;
height: 100%;
color: #fff;
background: url("btn/bouton.jpg") top left no-repeat;
text-decoration: none;
color: #fff;
}

#btn_photos a:hover {
color: yellow;
} 

#btn_prog{
position: absolute;
width: 100px;
height: 25px;
left: 300px;
text-align: center;
}

#btn_prog a {
display: block;
width: 100%;
height: 100%;
color: #fff;
background: url("btn/bouton.jpg") top left no-repeat;
text-decoration: none;
color: #fff;
}

#btn_prog a:hover {
color: yellow;
}