*
{
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);
}
#en_tete
{
color: rgb(255,255,255);
width: 960px;
margin:auto;
padding: 15px;
border: 2px solid rgb(153,51,51);
}

.titre
{
color: rgb(255,102,51);
font-size:40px;
font-weight: bold;
font-family: Trebuchet ms, lucida sans unicode;
text-align:left;
}
#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;
}
.titre2
{
color: rgb(153,51,51);
font-size:20px;
font-weight: bold;
font-family: Trebuchet ms, lucida sans unicode;
text-align:center;
}
#corps1a
{
clear: both;
}
#corps1
{

float: left;
font-family: Trebuchet ms, lucida sans unicode;
margin-top: 30px;
margin-left:5px;
margin-right:20px;
width:467;
}

#corps2
{
font-family: Trebuchet ms, lucida sans unicode;
margin-top:30px;
margin-left:500px;

}

#corps3
{

text-align: center;
font-family: Trebuchet ms, lucida sans unicode;
margin:30px;
}

#pied_de_page
{
margin:auto;
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;
}