#body
{
   width: 990px;
   margin: auto;
   margin-top: auto;
   margin-bottom: auto;   

}

/* L'en-tête */

#en_tete
{
   width: 990px;
   height: 100px;
   background-repeat: repeat-x;
   margin-bottom: 10px;
}


/* Le menu de gauche*/

#menu_gauche
{
   position: absolute; 
   left: 0;
   display: block;
   width: 163px;
   padding: 4px;
}

.element_menu
{
   color: #000000;
   background-color: #db9a60;
   background-image: url("http://www.tttbm.be/images/menumassage.gif");
   background-repeat: repeat;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
   }
   
   .element_menu2
{
   float : center;
   width: 138px;
   display: block;
   font-size: 15px;
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   background-image: url("http://www.tttbm.be/images/menumassage.gif");
   background-repeat: repeat;
   background-color: #db9a60;
   margin-bottom: 5px;   /* règle l'espace entre chaque ligne*/
     }


/* Quelques effets sur les menus */


.element_menu h3
{   
   width: 159px;
   display: block;
   font-size: 15px;
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   background-image: url("http://www.tttbm.be/images/menumassage.gif");
   border: 2px solid black;
  
}

.element_menu ul
{

   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   width: 5px;
   font-size: 18px;
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   background-image: url("http://www.tttbm.be/images/menumassage.gif");
   background-repeat: repeat;
   background-color: #db9a60;
   
}

.element_menu a
{
color: #000000;
}

.element_menu a:hover
{
   background-color: #db9a60;
   color: white;
}

/* Le menu de droite*/
#menu_droite
{
   position: absolute; 
   right: 0;
   display: block;
   width: 163px;
   padding: 4px;
}

.element_menu
{
   color: #000000;
   background-color: #db9a60;
   background-image: url("http://www.tttbm.be/images/menumassage.gif");
   background-repeat: repeat;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
   }

.element_menu2
{
   float : center;
   width: 138px;
   display: block;
   font-size: 15px;
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   background-image: url("http://www.tttbm.be/images/menumassage.gif");
   background-repeat: repeat;
   background-color: #db9a60;
   margin-bottom: 5px;   /* règle l'espace entre chaque ligne*/
     }
/* Quelques effets sur les menus */


.element_menu h3
{   
   width: 159px;
   display: block;
   font-size: 15px;
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   background-image: url("http://www.tttbm.be/images/menumassage.gif");
   border: 2px solid black;
  
}

.element_menu ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   width: 5px;
   font-size: 18px;
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   background-image: url("http://www.tttbm.be/images/menumassage.gif");
   background-repeat: repeat;
   
}

.element_menu a
{
   color: #000000;
}

.element_menu a:hover
{
   background-color: #db9a60;
   color: black;
}

   
/* Le corps de la page */
#corps
{
   position: absolute;
   left: 150px;
   width: 600px;
   display: block;
   margin-left: 30px;
   margin-bottom: 20px;
   padding: 5px;
   }
   
   .element_corps
{

   background-color: #db9a60;
   background-image: url("");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
   }
   
/* Quelques effets sur les corps */

#corps h1
{
   height: 40px;
   padding-left: 0px;
   color: #000000;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   padding-left: 0px;
   color: #000000;
   text-align: left;
}


#corps h3
{
   height: 30px;

   background-image: url("");
   background-repeat: no-repeat;
   
   padding-left: 0px;
   color: #000000;
   text-align: left;
}
/* Partie Laurent */
#corps h4
 {
   background: url(http://www.tttbm.be/images/bouton_vide.gif);
   float:left; 
   padding: 0; 
   margin: 10px 4px;
   height: 30px;
   width: 142px;
   display: block;
   color: #000000;
   text-align: center;
   font: bold 11px arial, helvetica, sans-serif;
}
#corps h4 a {
padding: 9px 5px 0;
height: 21px;
display:block;
text-decoration:none;
color:black;
}
#corps a {
text-decoration:none;
color:black;
}



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

#pied_de_page
{
   background: url(http://www.tttbm.be/images/basdepagemassage.gif);
   float : left;
   font: bold 11px arial, helvetica, sans-serif;
   height: 10px;
   padding: 2px;
   margin: 10px 4px;
   width: 750px;
   height: auto;
   display: block;
   color: #000000;
   text-align: center;
   margin-bottom: 8px;
   font: 11px arial, helvetica, sans-serif;
   border: 2px solid black;
   }
#pied_de_page h5
{
   float : left;
   display: block;
   background: url(http://www.tttbm.be/images/basdepage.gif);
   margin: 10px 4px;
   color: #000000;
   text-align: center;
   font: 11px arial, helvetica, sans-serif;
   }
   
   
#pied_de_page h5 a {
	 text-decoration:none;
     font: 11px arial, helvetica, sans-serif;
}
a:link {color:#fff;}
a:visited {color:#0ac;}
a:hover {background-color:red;}