*
{
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: rgb(255,255,255);
}
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;
}
#corps1
{
float: left;
text-align: center;
margin: auto;
margin-right: 20px;
width:500px;
margin-top: 20px;
margin-bottom: 30px;
color: rgb(255,255,255);
}
 em
{
font-size:30px;
}
 p
{
font-size:18px;
}
#corps2
{
float: left;
margin: auto;
width:480px;
margin-top:125px;
color: rgb(255,255,255);
}
#corps3
{
float: left;
margin: auto;
width:480px;
margin-top:20px;
margin-bottom: 20px;
color: rgb(255,255,255);
}
#corps4
{
clear:both;
margin:auto;
width:800px;
margin-top:20px;
color: rgb(255,255,255);
}
#corps5
{
clear:both;
margin:auto;
width:800px;
margin-top:20px;
margin-bottom: 50px;
color: rgb(255,255,255);
}
#corps6
{
clear:both;
margin:auto;
width:800px;
margin-top: 50px;
color: rgb(255,255,255);
}
#corps7
{
clear:both;
text-align: center;
margin:auto;
width:800px;
margin-top: 20px;
color: rgb(255,255,255);
}

#corps8
{
clear:both;
text-align: center;
margin:auto;
width:800px;
margin-top: 60px;
color: rgb(255,255,255);
}
#corps9
{
clear:both;
margin:auto;
width:800px;
margin-top: 20px;
color: rgb(255,255,255);
}
#corps10
{
 border-style: solid;
 border-right-style:none;
 border-left-style: none;
 border-bottom-style: none;
float: left;
width:800px;
 text-align: center;
 margin-left: 20px;
 margin-top: 40px;
 margin-bottom: 20px;
 color: rgb(255,255,255);
}

#pied_de_page
{
color: rgb(255,255,255);
margin:auto;
padding: 10px;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
clear:both;
}