body {	
	width: 800px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: 1,3em;	
	color: #336699;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;

	}
/* L'en-tête */

#en_tete
{
   width: 800px;
   height: auto;
   margin-bottom: 10px;
}

/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 150px; /* Très important : donner une taille au menu */
 


}

.element_menu
{
   background-color: #ffffff;

   padding-top: 15px;
   
   margin-bottom: 263px; /* Pour éviter que les éléments du menu ne soient trop collés */
   height: 1500px;
}
 
.element_menu p
{

	font-size: 8px;
	color: #CCCCCC;
	padding-left: 3px;
	padding-right: 3px;
	
	}


ul /* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url("image/puce_v.jpg");
   color: green;
   line-height: 18px;

}

/* Juste pour améliorer la présentation : */
a
{
   color: green;
   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}

/* Le corps de la page */

#corps
{
   margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 263px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #000000;
   background-color: #ffffff; /* Une couleur de fond pour le corps */

   
   height: auto;  /* hauteur du corps */
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-top: 15px;

}


.corps_accueil
{
	background-color: #E8FEDE;
	width: 500px;
	height: auto;
	margin-top: 15px;
	margin-left: 60px;
	margin-right: 25px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;


	}
	
.corps_accueil h1
{
	font-size: 38px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;


	
	
}
.corps_accueil h2
{
	font-size: 28px;
	color: #348013;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
.corps_accueil p
{
	font-size: 13px;
	color: #000000;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	line-height: 15px;
	}

.corps_bas
{
	background-color: #ffffff;
	width: 600px;
	height: auto;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	padding-top: 1px;
	
	}
	
.corps_bas a
{
   color: green;
   text-decoration: underline;

}

.corps_images
{
	width: 250px;
	float: left;
	padding-top: 30px;
	}
	
.corps_contact
{
   margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 263px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #000000;

   
   height: auto; /* hauteur du corps */
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	padding-top: 30px;
	}

	
/* text à droite des images page fredericm */

.text_droit
{
	width: 375px;
	height: auto;
	padding-top: 1px;
	padding-bottom: 5px;
	background-color: #EAFFE6;
	margin-left: 255px;
	}

.text_droit P
{
	line-height: 18px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 14px;
	color: green;
	padding-left: 10px;
	padding-right: 5px;
	}

h1
{
	color: #000000;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	}

.cosmetiques
{
	width: 620px;
	height: auto;
	background-color: #EAFFE6;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.gif_cosmetiques
{
	float: left;
	margin-left: 10px;
	border: 2px solid green;
	}
	
.cosmetiques P
{
	line-height: 18px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 14px;
	color: green;
	padding-right: 5px;
	padding-left: 170px;
	}

.maquillage
{
	width: 620px;
	height: auto;
	background-color: #EAFFE6;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	}
	
.gif_maquillage
{
	float: right;
	margin-right: 10px;
	border: 2px solid green;
	}
	
.maquillage P
{
	line-height: 18px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 14px;
	color: green;
	padding-right: 170px;
	padding-left: 5px;
	}
	
.conclusion
{
	width: 620px;
	height: auto;
	background-color: #EAFFE6;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	
	}
	
.conclusion P
{
	line-height: 18px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 16px;
	color: green;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	}
	
.corps_produits
{
   margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 263px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #000000;
   background-color: #ffffff; /* Une couleur de fond pour le corps */
   
   height: auto; /* hauteur du corps */
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-top: 15px;
	}

.par1
{
	width: 620px;
	height: auto;
	background-color: #EAFFE6;
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.par1 h1
{
	font-size: 24px;
	color: #000000;
	}

.par1 P
{
	line-height: 18px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 14px;
	color: green;
	padding-right: 10px;
	padding-left: 10px;
	}

.par1 ul
{
	font-size: 14px;
	}

.par2
{
	width: 620px;
	height: auto;
	background-color: #EAFFE6;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	}
.par2 h1
{
	font-size: 24px;
	color: #000000;
	}

.par2 ul
{
	font-size: 14px;
	}

.par2 P
{
	line-height: 18px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 14px;
	color: green;
	padding-right: 10px;
	padding-left: 10px;
	}

.par3
{
	width: 620px;
	height: auto;
	background-color: #EAFFE6;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.par3 h1
{
	font-size: 24px;
	color: #000000;
	}

.par3 P
{
	line-height: 18px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 14px;
	color: green;
	padding-right: 10px;
	padding-left: 10px;
	}
	
.par3 ul
{
	font-size: 14px;
	}
	
.par4
{
	width: 620px;
	height: auto;
	background-color: #EAFFE6;
	margin-top: 5px;
	padding-top: 5px;
	}
	
.par4 h1
{
	font-size: 24px;
	color: #000000;
	}

.par4 P
{
	line-height: 18px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 14px;
	color: green;
	padding-right: 10px;
	padding-left: 10px;
	}
	
.par4 ul
{
	font-size: 14px;
	}
	
.signaletique
{
	float: left;
	margin-left: 20px;
	marging-right: 10px;
	}