body
{
   background-color: #FFFFFF;
   width: 760px;
   margin: 0px; /* centre les blocs */
   margin-top: 0px;
   margin-bottom: 10px;    

}

/* L'en-tête */

#en_tete
{
   position: absolute;
   width: 1285px;
   height: 119px;
   margin-top: 10px;
   margin-left: 20px;
   background-image: url("../images/total_petit6.jpg");
   background-repeat: no-repeat;
   margin-bottom: 30px;
}

/* Le choix des langues */

#language

{

   width: 38px;
   height: 23px;
   margin-top: 25px;
   margin-left:1140px;
}

#language2

{

   width: 38px;
   height: 24px;
   margin-top: 10px;
   margin-left:1140px;
}

/* image-lien vers panier */

#panier

{
   background-image: url("../images/panier.jpg");
   background-repeat: no-repeat;  
   position: absolute;
   width: 174px;
   height: 61px;
   top: 155px;
   margin-left:15px;
}

#contact

{
   background-image: url("../images/tel2.jpg");
   background-repeat: no-repeat;  
   position: absolute;
   width: 153px;
   height: 64px;
   top: 145px;
   margin-left:1150px;
}


/* Bande-Annonce */

#annonce
{

   position: absolute;
   left: 200px;
   width: 917px;
   height: 82px;
   top: 150px;
   margin-bottom: 0px;
   padding: 0px;
   background-color: #FFFFFF;

   background-repeat: no-repeat;
   margin-left: 0px;
   border: 0px;
}
.element_annonce h3
{
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
 
/* Le menu */

#menu
{
   position: absolute;
   top: 215px;
   margin-top: 20px;
   margin-left: 15px;
   width: 160px;
   height: 877px;
}

.element_menu
{
   
   background-color: #FFFFFF;
   margin-left: 7px;  
   border: 0px;
   margin-bottom: 0px;
}


.element_menu h3
{

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

.element_menu ul
{
   height: 877px;
   list-style-type: none;
   padding-top: 20px;
   padding-left: 8px;
   margin: 0px;

   margin-bottom: 0px;
}


/* Le corps de la page */

#corps
{

   position: absolute;
   left: 200px;
   width: 915px;
   height: 854px;
   top: 234px;
   margin-bottom: 20px;
   padding-left: 0px;
   padding-right: 25px;  
   color: #404040;
   font-family: Verdana, "Trebuchet MS", Georgia, "Courier New", Arial, serif;
   font-size: medium;
   text-indent: 0px;
   background-color: #FFFFFF;
   background-image: url("../images/fondblanc5.jpg");
   background-repeat: no-repeat;
   margin-left: 0px;
   border: 0px;
}
.element_corps
{

	font-family: Verdana, "Trebuchet MS", Georgia, "Courier New", Arial, serif;
	padding-right: 50px;
	text-align: left;
	padding-left: 50px;

}
.element_corps1
{
	font-family: Verdana, "Trebuchet MS", Georgia, "Courier New", Arial, serif;
	padding-right: 50px;
	text-align: right;
	padding-left: 50px;

}
input, textarea
{
   font-family: Verdana, "Trebuchet MS", Georgia, "Courier New", Arial, 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;
}
 
legend /
{
   font-family: Verdana, Georgia, "Courier New", Arial, serif;
   color: #FF9933;
   font-weight: bold;
}
 
fieldset
{
	padding-left: 50px;
	text-align: right;
	padding-right: 50px;
    margin-bottom: 15px; /* marge pour séparer les fieldset */
    margin-top: 20px;
    background-color: #FFFFCC;
}

#corps h1 /* Tous les titres h1 du corps */
{
   padding-left: 30px;
   color: #505050;
   text-align: left;
   bottom: 0px;
}

#corps h2 /* Tous les titres h2 du corps */
{
   font: 1.6em Verdana, Arial, Georgia, "Courier New", serif;   
   height: 20px; 
   padding-left: 30px;
   color: #505050;
   text-align: left;
}

#corps h3 /* Tous les titres h3 du corps */
{
   font: 1.4em Verdana, Arial, Georgia, "Courier New", serif;
   padding-left: 30px;
   color: #505050;
   text-align: left;
   bottom: 0px;
}

#corps h4 /* Tous les titres h4 du corps */
{

   padding-left: 30px;
   color: #505050;
   text-align: left;
   bottom: 0px;
}

#corps h5 /* Tous les titres h5 du corps */
{
   margin-top: 20px;
   margin-right: 30px;
   margin-left: 30px;
   padding-left: 30px;
   color: #505050;
   text-align: left;
   bottom: 0px;
}

#corps h6 /* Tous les titres h6 du corps */
{

   padding-left: 30px;
   color: #505050;
   text-align: center;
   bottom: 0px;
}


/* Bandeau à droite du corps */

#lateral_droit
{
   font-family: Arial, Serif;
   position: absolute;
   left: 1145px;
   width: 160px;
   height: 877px;
   top: 235px;

}

.element_lateral_droit
{
   color: #505050;
   text-align: center;

   padding-top: 50px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 0px;
}

#lateral_droit h3 /* Tous les titres h3 du Lateral_droit */
{
   padding-right: 20px;
   padding-top: 120px;
   padding-left: 20px;
   color: #505050;
   text-align: center;
   bottom: 0px;
}
#lateral_droit h4 /* Tous les titres h4 du Lateral_droit */
{
   padding-right: 20px;
   padding-top: 120px;
   padding-left: 20px;
   color: #505050;
   text-align: center;
   bottom: 0px;
}

/* Pied de page */

#pied_de_page
{

   position: absolute;
   left: 20px;
   width: 1290px;
   height: 82px;
   top: 1130px;
   margin-bottom: 0px;
   padding: 0px;
   background-color: #FFFFFF;
   background-image: url("../images/fond01.jpg");
   background-repeat: no-repeat;
   margin-left: 0px;
   border: 0px;
}
.element_pied_de_page h5
{

   color: #202020;
   font: 0.9em Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   left: 180px;
} 
.element_pied_de_page ul
{
   margin-top: 62px;
   margin-left: 0px;   
   color: #202020;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}

/* Logo cartes bancaires */

.element_pied_de_page
{

   position: absolute;
   width: 910px;
   height: 58px;
   top: 2px;
   left: 180px;
   background-image: url("../images/logopayp.gif");
   background-repeat: no-repeat;
}