#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; 
  color: black;
  font-size: 17px;
  
}
.nom
{
  color: green;
}
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: left;

  }

#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: "Times New Roman";
  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,67);
   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-repeat: repeat; /*(x pour horizontal)  (y pour vertical )  (et repeat pour tout le corps)*/
  background-image: url("images/beige008.gif");
}
#a img 
{
  border: 0;
}

#corps h1 /*tous les titres h1 du titre*/
{
color:rgb(132,0,63);
text-align: center;
font-family: "Times New Roman" ;
font-size: 35px;
}
#corps h2 /* tous les titres en h2 du corps*/
{
 height: 30px;
 background-repeat: no-repeat;
 padding-left: 30px;
 color: black;
 text-align: center;
 }
 .element_corps a
 {
 color: green;
 background-color: rgb(40,148,255);
 font-family: VERDANA;
 }



#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: 35px;
 text-align: center;
 color: rgb(132,0,63);
 border: 5px ridge rgb(166,0,165);
 background-color: rgb(236,215,254);
 }
h2
 {
 font-family: "Times New Roman";
 font-size: 15px;
 color: rgb(225,225,225);
 text-align: left;
 
 }
h3
 {
 font-family: "Times New Roman";
 font-size: 30px;
 text-align: center;
 color: rgb(132,0,65);
 border: 5px ridge rgb(166,0,166);
 background-color: rgb(236,215,255);
 }
 
h4
 {
 
 text-align: center;
 font-family: "Times New Roman";
 color: black;
 text-decoration: underline;
 }
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;
 }
 
.imageflottante
{
   float: left;
}
input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}

label
{
   color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: rgb(132,0,67);
   font-weight: bold;
   font-size: 20px;
}

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: rgb(228,228,228);
}
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 5px outset rgb(119,60,0); /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: rgb(206,103,0);
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}