body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("triage.jpg");
   background-repeat: no-repeat;
   background-position:center center;o
}

/* L'en-tête */

#en_tete
{
   float: top;
   margin-left: 150px;
   margin-top: 0px;
   margin-bottom:10px;
   padding: 0px;
 
   color: #B3B3B3;
   background-color: #626262; 
   background-image: url("cgtportes.png") ;
   background-repeat: no-repeat;
   border: 5.05pt double #000000;
}

#en_tete h1
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   text-indent: 0px; /* Les paragraphes commenceront 0 pixels sur la droite */
   text-align: left; /* Ils seront aligné à gauche */
   font-size: large; /* Allez, soyons fous, grossissons le texte :o;) */
   padding-left: 160px
}  

#en_tete p
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   text-decoration: underline;
   text-indent: 0px; /* Les paragraphes commenceront 160 pixels sur la droite */
   text-align: left; /* Ils seront aligné à gauche */
   font-size: small; /* Allez, soyons fous, grossissons le texte :o;) */
   padding-left: 160px
}  
#en_tete em
{
   font-family:  "Arial Black", "Times New Roman", Times, Arial, serif;
   font-weight: bold;
   text-decoration: underline;
   text-indent: 0px; /* Les paragraphes commenceront 160 pixels sur la droite */
   text-align: left; /* Ils seront aligné à gauche */
   font-size: large; /* Allez, soyons fous, grossissons le texte :o;) */
  
} 
/* Le menu */

#menu
{
   float: left;
   width: 120px;
   margin-right: 230px;
   margin-left: -150px;
   margin-top: 170px ;
   padding: 5px;
}

.element_menu
{
   background-color: #626262;
  
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
   color: blue;
}



/* Le corps de la page */

#corps
{
   float-bottom;
   margin-right: 330px;
   margin-left: -150px;
   margin-top: 310px ;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #626262;
   
   
   
   border: 2px solid black;
}

#corps h2
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps a
{
   color: #B3B3B3;
   color: red;
}



/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   float: bottom;
   padding: 5px;

   text-align: center;

   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}