<ul>

body {
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px;
margin: 0;
padding: 0;
background-image: url("achtergrond.jpg");

}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;

}
#menuhaut 
{

position: absolute;

margin-bottom: 20px;
top: 0;
left: 0;
z-index:100;
width: 100%; /* précision pour Opera */
}

#menuhaut  dl {
float: left;
width: 10em;
margin-bottom: 20px;

}

#menuhaut  a
{
color: #002EE6;
}
#menuhaut  dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #FFFFCC;
border: 1px solid #002EE6;
margin: 1px;
color: #002EE6;


}
#menuhaut dd {
display: none;
border: 1px solid #002EE6;


}
#menuhaut  li {
text-align: center;
background: #FFFFCC;
}
#menuhaut  li a, #menu dt a {
color: #002EE6;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menuhaut  li a:hover, #menuhaut  dt a:hover {
background: #002EE6;
color: #FFFFCC ;
}


.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;

}

#menu
{
   float: left; 
   width: 120px;
   top: 120px;
}

.element_menu
{
   background-color: #FFFFCC;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid #002EE6;
   
   margin-bottom: 20px; 
}




.element_menu h3 
{    
   color: #FFFFCC;
      background-color: #002EE6; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul 
{
   list-style-image: url("images/puce.png"); 
   padding: 0px; 
   padding-left: 20px; 
   padding-right: 20px;
   margin: 0px; 
   margin-bottom: 5px; 
}

.element_menu a 
{
   color: #002EE6;
}

.element_menu a:hover 
{
   background-color: #002EE6;
   color: #FFFFCC;
}



#corps
{
   margin-left: 140px; 
   margin-bottom: 20px; 
   padding: 5px; 
   top: 20px;
   
   color: #002EE6;
   background-color: #FFFFCC; 
   background-image: url("images/motif.png");
   background-repeat: repeat-x; 
   
   border: 2px solid #002EE6; 
}



#corps h1 /* Tous les titres h1 du corps */
{
   color: #002EE6;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #cccccc;
   text-align: center;
   background-color:#002EE6;
}

#corps h3 /* Tous les titres h3 du corps */
{
background-color:#002EE6;
color: #FFFFCC ;
}


#bas
{
   padding: 5px;

   text-align: center;

   color: #002EE6;
   background-color: #FFFFCC;
   background-image: ;
   background-repeat: repeat-x;
   
   border: 2px solid #002EE6;
}

input
{
border: 2 px ;
background-color: #FFFFCC ;
color: #002EE6 ;
font-family : arial, times new roman ;
}

A:link {text-decoration: none} 
A:visited {text-decoration: none} 
A:hover {text-decoration: none} 

table
{
text-align : center ;
border: 2px solid #002EE6 ;
background-color : #FFFFCC ;
}
table td, tr
{
border: 2px solid #002EE6 ;
background-color : #FFFFCC ;
}
table a
{
color: #002EE6 ;
}

.image1
{
float : left ;
}