p
{
   text-indent: 20px; 
   color: black; /* Les paragraphes en noir */
}
h1
{
color:green;
font-size:40px
}
h2
{
color: blue;
font-size:22px
}
h3
{
color: black;
font-size:25px 
}
h4
{
   text-align: center;
   font-family: Arial, "Arial black", "Times New Roman", serif;
   text-decoration: underline;
   color: black; /* Le titre en gris(pourquoi pas ?) */
   font-size:40px
}
h5/* ... et les mots importants en rouge clignotant ! */
{
 color: red;
 text-decoration: blink;
 font-size:20px
 }
h6/* ... et les mots importants en rouge clignotant ! */
{
 color: red;
 font-size:20px
 }
h7
{
color: black;
font-size:22px
}

a1
{
 color: blue;
 font-size:20px;
 }
body
{
   width: 100%;
   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;    /* Idem pour le bas du navigateur */
   color : white;
}
#header
{
   width: 100%;
   height: 20px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
#menu
{
   
   width: 210px;
   float:left;
   
 
   margin-top: 90px;
   margin-bottom: 0px;
   
}
.element_menu
{
   background-repeat: repeat-x;
 
  border-left: 2px solid black;
  border-right: 1px solid black;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
    margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
	background-color: yellow; /* Le fond de la page sera bleue claire */
	background-image: url("image/fond.png");
	height: 200%;
}
.element_menu h1
{   
   
   font-family: "Times New Roman";
   text-align: left;
   color:red;
}
#corps
{
   margin-left: 210px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-top: 100px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-bottom: 0px; 
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border-left: 1px solid black;
  border-right: 2px solid black;
  border-bottom: 1px solid black;
  border-top: 2px solid black;
   background-color: white; /* Le fond de la page sera bleue claire */
   
  }
#corps1
{
   margin-left: 10px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 10px; 
   margin-top: 100px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-bottom: 0px; 
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border-left: 2px solid blue;
  border-right: 2px solid blue;
  border-bottom: 2px solid blue;
  border-top: 2px solid blue;
  background-image: url("image/fond.png"); /* Le fond de la page sera bleue claire */
   background-color: white; /* Le fond de la page sera bleue claire */
  }


#pied_de_page
{
   width: 100%;
   height: 40px;
   
   margin-left: 0px;
   text-align: center;

   color: black;
   background-color: blue;
   background-image: url("image/fond.png"); /* Le fond de la page sera bleue claire */
   
   border-left: 2px solid black;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  border-top: 1px solid black;
}