*
{
margin:0;
padding: 0;
}
body
{
width:1000px;
margin: 10px;/* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin: auto;/* Pour centrer notre page */
background-color:rgb(0,0,0);
border: 2px solid rgb(153,51,51);
padding: 10px;
}
a /* Tous les liens */
{
     color: rgb(255,255,255);
   font-weight: bold;
   text-decoration: underligne;
   
}
a:hover /* Quand on pointe sur un lien  */
{
   background-color: rgb(179,179,179);
   color: black;
}
a img
{
border: none;
}
#en_tete
{
width: 960px;
margin:auto;
padding: 15px;
border: 2px solid rgb(153,51,51);
  color: rgb(255,255,255);
}
.titre
{
color: rgb(153,51,51);
font-size:65px;
font-weight: bold;
font-family: Trebuchet ms, lucida sans unicode;
text-align:center;
}
#contact
{
font-size:15px;
text-align:right;
  color: rgb(255,255,255);
}
#menu
{
height: 20px;
margin: 15px auto;
width: 97%;
font-family: Trebuchet ms, lucida sans unicode;
}

#menu ul, #menu li
{	
margin: 0;
padding: 0;
list-style-type: none;	
width:100%;
}

#menu li a
{
display: block;
text-align: center;
white-space: nowrap;
}

#menu ul li ul li a, #menu ul li a
{
font-size: 14px;
font-weight: bold;
}

/*---------- Niveau 1 ----------*/

#menu .niveau1 li
{
float: left;
margin: 0 -1px 0 0;
width: 16.67%;  /* 100% divisé par le nombre de menu */
  color: rgb(255,255,255);
font-weight: bold;
}

#menu .niveau1 li a
{
padding: 5px 0;
height: 16px;
color: rgb(255,255,255);
background: url("../images/design/title_bg2.gif");
}

#menu .niveau1 li:hover a,
#menu .niveau1 li a:hover
{
color: #fff;
background: url("images/design/deux.png");
}

/*---------- Niveau 2 ----------*/

#menu .niveau2
{
position: absolute;
left: -9999em;
width: 13.33% !important;  /* largeur #menu divisé par le nombre de menu */ 
width:100%; /* Pour corriger un bug IE 6 */
}

#menu .niveau2 li
{
clear: left;
margin: -1px 0 0;
width: 100%; 
}

#menu ul li .niveau2 li a
{
color: #fff;
background: url("../images/design/deux.png");
}

#menu .niveau2 li a:hover
{
color: #fff;
background: #000;
}

#menu li:hover .niveau2,
#menu .sfhover .niveau2
{
left: auto;
}


 #corps1a
{
margin:auto;
text-align:center;
  color: rgb(255,255,255);
}
#corps1
{
 float: left;
 width: 450px;
 margin: 20px;
 font-family: Trebuchet ms, lucida sans unicode;
   color: rgb(255,255,255);
}
#corps1 p 
{
 border-right: 4px solid rgb(153,51,51);
   color: rgb(255,255,255);
 }
#corps2
{
  float: left;
  width:  450px;
  margin-top: 20px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 20px;
  font-family: Trebuchet ms, lucida sans unicode;
    color: rgb(255,255,255);
   }
   #corps2b
{
  float: left;
  width:  450px;
  text-align: center;
  margin-top: 40px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 20px;
  font-family: Trebuchet ms, lucida sans unicode;
    color: rgb(255,255,255);
   }
  #corps3
{
  float: left;
  width:  450px;
  margin-top: 20px;
  padding-left: 20px;
   font-family: Trebuchet ms, lucida sans unicode;
     color: rgb(255,255,255);
   }
  #corps4
{
 clear: Both;
 border-top-style: solid;
  margin-top: 20px;
  padding-left: 20px;
   font-family: Trebuchet ms, lucida sans unicode;
     color: rgb(255,255,255);
   }  
#pied_de_page
{
Width: 800px;
margin-left: 175px;
padding: 10px;
text-align: center;
  color: rgb(255,255,255);
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-weight: bold;
 clear:both;
}