body
{
background-color: #ffffff;
z-index: -1;
}

div
{
position: absolute;
}

a   
{     
color:#000000;     
text-decoration:none;   
}   

a:hover   
{     
color:#000000;     
text-decoration:underline;   
}

.menu
{
background-color: #93B8DE;
z-index: 0;
top: 100px;
width: 75%;
height: 475px;
left: 12.5%;
}

.titre
{
z-index: 0;
width: 75%;
height: 100px;
background-image: url("../img/marianne.jpg");
background-repeat: no-repeat;
top: 0;
left: 12.5%;
color: black;
font-family: Georgia;
text-align: center;
}

.haut
{
padding-top: 12px;
color: white;
z-index: 2;
width: 75%;
background-image: url("../img/fond_barre.jpg");
background-repeat: repeat-x;
height: 60px;
top: 100px;
left: 12.5%;
font-family: Verdana;
font-size: 80%;
text-align: center;
}

.auto
{
top: 290px;
left: 200px;
width: 20%;
height: 138px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.classique
{
top: 200px;
left: 200px;
width: 20%;
height: 78px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.encre
{
top: 440px;
left: 200px;
width: 20%;
height: 85px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.droite
{
top: 200px;
left: 417px;
width: 400px;
height: 325px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}