body{
width:100%;
height:100%;
margin:0 auto;
font-family: arial;
font-size:13px;
background-image:url(degra.jpg) ;
background-repeat:repeat;
background-color:#6699CC;

}
 
#corps{
width:760px;
height:500px;
margin:auto;
padding:10px;
margin-top:5px;
background-color:#DCDCDC;
border:2px solid #333399;

}

form{
text-align:center;
}
.erreur{
font-size:15px;
color:#C9001A;
text-align:center;
font-weight:bold;

}

.square{
list-style-type: square;
color:#495CFF;
}
#tete{
width:760px;
height:114px;
margin:auto;
padding:10px;
border:2px solid #333399;
background-color:#C3D9E0;
}


#menu{
float:left;
width:180px;
height:280px;
margin:0;
padding:0;


background-color: #5EB6DD; 

}

.liste{
list-style-type:square;

}

h2{
text-align:center;
margin-top:0px;
width:180px;
color:#495CFF;
background-color:#FFFFFF;

}

#contenu{
float:right;
width:550px;
margin: 0 auto;
padding:0;
text-align:justify;


}



a:link{
color:#6E81BD;       

}

a:visited{
color:#4D006C;
}
a:hover{
color: #495CFF; ;
}
a:active{
color:#183152;
}
#pied{
text-align:left;
width:180px;
height:165px;
background-color:#5EB6DD;
}
#footer{
width:780px;
height:40px;
margin:0 auto;
padding:0;
background-color:#C3D9E0;
border:2px solid #333399;
line-height:15px;
text-align:center;
}