#conteneur
{
   width:760px; 
   background-color: rgb(245,245,245);
   background-image:url("images/fo.jpg"); 
   
}
 
#colonne1
{
   width:140px; 
   height:0px;
   float:left;
   
} 
#colonne2
{
   width:640px; 
   height:0px; 
   background-color:rgb(245,245,245);
   background-image: url("images/beige008.gif"); 
   float:right;
   background-repeat: repeat; /*(x pour horizontal)  (y pour vertical )  (et repeat pour tout le corps)*/
}
 
#bas
{
   clear:both;
}
p/*paragraphe*/
{ 
  
  text-align: left;/*texte justifié pour mieux voir la largeur du block*/
  font-family: VERDANA ;
  text-indent: 30px;
  color: black;
  font-size: 17px;
 
}
.nom
{
  color: purple;
}
body/*fond d'écran*/
{ 
  width: 760px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: rgb(132,0,66); 
  
}

#en_tete
{
  width: 758px;
  height: 100px;
  background-repeat: repeat-x;
  margin-bottom: 10px;
  text-align: center;
}

#menu
{
  float: left;
  width: 140px;
  margin-bottom: 20px;
  background-repeat: repeat; /*(x pour horizontal)  (y pour vertical )  (et repeat pour tout le corps)*/
}
.element_menu
{
  
  background-repeat: repeat-x;
  margin-bottom: 20px;
}
.element_menu h3
{
  color: black;
  font-family: ARIAL;
  text-align: center;
  text-decoration: underline;
}
.element_menu ul /*toutes les listes à puces se trouvant dans un menu*/
{
  list-style-image: url("images/puce-rouge-rose.gif");/*on change le'apparence des puces*/
  padding: 10px;/*tous les cotés ont une marge interieur de 0px*/
  padding-left: 20px;
  margin: 4px;
  margin-bottom: 5px;
  
}
.element_menu a /* tous les liens se trouvant dans un menu*/
{
   color: rgb(132,0,69);
   font-family: VERDANA;
   font-size: 17px;
}
.element_menu a:hover /*Quand on pointe sur le lien du menu*/
{
  background-color: silver;
  color: black;
}

#corps
{
  margin-left: 145px;
  margin-bottom: 20px;
  padding: 10px;
  background-color: rgb(245,245,245);
  background-image: url("images/beige008.gif");
  background-repeat: repeat; 
  
}
#corps h1 /*tous les titres h1 du titre*/
{
color: rgb(132,0,63);
text-align: center;
font-family: "Times New Roman";
font-size: 40px;

 text-decoration: underline;
}
#corps h2 /* tous les titres en h2 du corps*/
{
 height: 30px;
 background-repeat: no-repeat;
 padding-left: 30px;
 color: black;
 text-align: center;
}
 
 #pied-de-page
{
 padding: 5px;
 text-align: right;
 color: #B3B3B3;
 background-color: rgb(255,128,128);
 background-repeat: repeat-x;
 
}
 h1
{
 font-family: "Times New Roman";
 font-size: 20px;
 text-align: center;
 color: black ;
}
 h2
{
 font-family: "Times New Roman";
 font-size: 35px;
 color: rgb(225,225,225);
 text-decoration: underline;
 text-align: center;
}
 h3
{
 font-family: "Times New Roman";
 font-size: 20px;
 text-align: center;
 color: black;
 border: 5px ridge rgb(255,128,66);
 background-color: rgb(255,179,179);
}
 
 h4
{
 font-style: italic;
 text-align: center;
 font-family: "Times New Roman";
 color: black;
}
 h5
{
 font-family: IMPACT;
 color: rgb(148,148,148);
 text-align: center;
 font-size: 20px;
 font-style: italic;
 
}
 h6
{
 text-align: right;
 color: rgb(225,225,223);
 font-size: 15px;
}