*
{
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(51,51,51);
color: rgb(255,255,255);
padding: 10px;
border: 2px solid rgb(255,255,255);
}
a /* Tous les liens */
{
   color: rgb(255,255,255);
   font-weight: bold;
   
}
a:hover /* Quand on pointe sur un lien  */
{
   background-color: rgb(255,255,255);
   color: black;
}
#en_tete
{
width: 960px;
margin:auto;
padding: 15px;
text-align:center;
font-family: comic sans Ms;
}
.titre
{
color: rgb(255,255,255);
font-size:40px;
font-weight: bold;
font-family: Arial black;
text-align:center;
}
.souligné
{
text-decoration: underline;
}
#soutete
{
width: 960px;
font-family: comic sans Ms;
font-weight: bold;
font-size:20px;
text-align:center;
margin:auto;
color: rgb(255,255,255);
}
#contact
{
font-size:20px;
text-align:right;
color:rgb(255,255,255);
margin-top: 50px;
}
ul#menu_horizontal {  /*Ici , c'est ma configuration, à vous de la changer */
clear: both;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
font-family: comic sans Ms;
text-align: center;
}
ul#menu_horizontal li {
padding : 0 0 em; /* Pour espacer les boutons entre eux */
}
li.bouton_gauche {
float : left;
margin-left: 50px
}
li.bouton_droite {
float : right;
}
#corps1
{
margin-right: 30px;
margin-left: 50px;
margin-top: 70px;
margin-bottom: 10px;
float: left;
}
.date
{
color: rgb(153,153,51);
text-decoration: underline;
}
#corps2
{
font-size:14px;
font-family: comic sans Ms;
margin-right: 0px;
margin-top: 30px;
float: right;
width : 470px;
margin-bottom: 10px;
}
#corps3
{
clear:both;
font-family: comic sans Ms;
margin-right: 0px;
margin-top: 10px;
float: right;
margin-bottom: 50px;
}
#pied_de_page
{
margin:auto;
text-align: center;
margin-top: 15px;
clear:both;
{