body 
	{ 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	margin-top : 20px;
	padding: 10px;
	background-color : #333333;
	background-image :  url('images/fond.gif');	/*image de fond*/
	text-align: center;
	scrollbar-shadow-color: #057201; 
	scrollbar-darkshadow-color: #057201;
	scrollbar-3dlight-color: green;
	scrollbar-highlight-color:green;
	scrollbar-face-color: #064603;
	scrollbar-track-color: green;
	scrollbar-arrow-color: #fff; 
	} 
a
	{
	text-decoration: none;
	font-weight: bold;
	color: #66FF33;	
	
	}
a:hover
	{	
	text-decoration: underline;
	color: #cc6600;
	} 
h1
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 12px;
	font-weight: bold;
	}
img
	{
	border: 0px;
	}

/*--------------------------------------------------- CONTENEURS GENERAUX ---------------------------------------------------*/

.conteneurgeneral /*OK existe*/
	{		/*border : 10px solid blue; /*test*/
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: 10px solid #003300;
	border-style: inset;
	background-color : #000;
	}
/*--------------------------------------------------- CONTENEURS HEADERS--------------------------------------------------*/

.conteneurheader /*OK existe*/
	{ 	/*border : 5px solid red; /*test*/
	width: 770px;
	height: 239px;	/* correspond à la hauteur de l'image, afin que le menu apparaissent juste dessous de l'image*/	
	background-image :  url('images/fond1.jpg');	/*image de fond*/
	background-repeat :  no-repeat;
	}

.adresse
	{	/*border : 1px solid yellow;*/
	position : relative;
	float: right;		
	width: 220px;	
	height: auto;
	padding: 0px 0px 0px 0px;
	}

.titre	
	{	/*border : 1px solid red;*/
	/*postion: absolute;	*/
	float: right;
	width: 200px;	
	height: auto;
	padding: 110px 0px 0px 15px;
	}
.titre h1
	{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
.titre2 h2
	{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.titre2
	{	/*border : 1px solid blue;*/
	/*postion: absolute;	*/
	float: right;
	width: 200px;	
	height: auto;
	padding: 0px 0px 0px 15px;
	}

.horaires
	{
	float: left;		
	width: 380px;	
	height: 70px;
	/*border : 1px solid red;*/
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF99;
	font-style: italic;
	font-weight: bold;
	padding: 160px 0px 5px 10px;
	}

/*--------------------------------------------------- CONTENEURS DE la page D'ACCEUIL---------------------------------------------------*/
.presentation /*OK existe*/
	{ /*border : 1px solid yellow; /*test*/
	width: auto;	
	height: auto;
	padding: 0px 0px 0px 0px;
	}		
.presentation_liste 
	{	/*border: 1px solid blue; /*TEST*/
	width: 528px;
	height: auto;
	margin: 0 0 15px 15px;
	margin-top: 19px;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	
	}
	/*--------------------------------------------------- CONTENEURS DES NEWS  de la page d'acceuil---------------------------------------------------*/
.conteneur1
	{
	margin-top: 20px;
	float: right;
	width: 200px;	
	margin-right: 0px;
	margin-left: auto;
	text-align: left;
	border: 4px solid #003300;
	}
.conteneurnews
	{
	width: 200px;
	height: 350px;
	overflow: auto;
	border : 1px #000066;
	float: left;
	margin: 0 0 0px 0px;
	padding: 0px;
	}
.titrenews
	{
	text-align:center;
	font-weight: bold;
	font-size: 16px;
	color : #66FF33;	
	}
.datenews
	{
	color: #66FF33;
	text-align: right;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-right: 10px;
	}
.textenews
{	
}
		
/*--------------------------------------------------- CONTENEURS MIDDLE ---------------------------------------------------*/
.conteneurmiddle /*OK existe*/
	{ 	/*border: 1px solid yellow; /*TEST*/
	width: 770px;
	height: auto;
	}
	
.salamandre /*EXISTE*/		
	{	/*border: 3px solid green; /*TEST*/
	float : left;
	width: 200px;	
	height: 145px;
	}
.presentation_soin  /*EXISTE*/						
	{ 	/*border: 1px solid blue; /*TEST*/
	float : left;
	width: 570px;
	font-weight: bold;
	font-size: 14px;
	color: #cccc33;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}

.clear /*OK existe IMPORTANT PERMET LE RETOUR A LA LIGNE AFIN DE POUVOIR METTRE LES BOX LES UNES APRES LES AUTRES*/
	{ 
clear : both;
	}	

	/*--------------------------------------------------- TABLEAU AVEC LES DIFFENTES IMAGES DE CHAQUE PAGES ---------------------------------------------------*/
	
.conteneurtableau /*OK existe*/
	{ 	/*border: 1px solid red; /*TEST*/
		float : left;
	width: 770px;
	height: auto;	/* correspond à la hauteur de l'image, afin que le menu apparaissent juste dessous de l'image*/	
	background-image: url('images/visage.jpg');
	background-repeat :  no-repeat;
	background-position: 100% 25%;
	}

.conteneurtableau_corps /*OK existe*/
	{ 	/*border: 1px solid red; /*TEST*/
	width: 770px;
	height: 1000px;
	background-image: url('images/corps.jpg');
	background-repeat : no-repeat;
	background-position: 90% 30%;
	}
	
.conteneurtableau_epilation /*OK existe*/
	{ 	/*border: 1px solid red; /*TEST*/
	float : left;
	width: 770px;
	height: auto;
	background-image: url('images/epilation.jpg');
	background-repeat : no-repeat;
	background-position: 80% 50%;
	}
	
.conteneurtableau_main /*OK existe*/
	{ 	/*border: 1px solid red; /*TEST*/
		float : left;
	width: 770px;
	height: 880px;
	background-image: url('images/mains.jpg');
	background-repeat : no-repeat;
	background-position: 57% 38%;
	}	
.conteneurtableau_permanent /*OK existe*/
	{ 	/*border: 1px solid red; /*TEST*/
	width: 770px;
	height: 700px;
	background-image: url('images/oeil.jpg');
	background-repeat : no-repeat;
	background-position: 49% 57%;
	}
	
	
/*--------------------------------------------------- CONTENEURS liste des soins et des prix ectt ---------------------------------------------------*/

.liste
	{ 	/*border : 5px solid blue; /*test*/
	float : left;
	width: 770px;	
	height: auto;
	margin-right: auto;
	margin-left: 25px;
	margin-top: 5px;
	padding: 10px;
	text-align: left;
	}

.soins
	{ 	/*border: 1px solid green;     /*TEST*/
	float: left;
	width: 400px;	
	height: 15px;
	margin-right: 0px;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 1px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	text-align: left;			
	color: #CCFF66;
	font-weight: bold;
	font-size: 12px;
	}

.description
	{ /*border: 1px solid green;  /*TEST*/
	float: left;
	width: 400px;
	height: auto;
	margin-top: 4px;		
	margin-right: 20px;	
	margin-left: 2px;
	margin-bottom: 5px;
	text-align: left;	
	font-size: 10px;	
	color: white;
	}
	
.tempsprix
	{	/*border: 1px solid yellow;  /*TEST*/
	float: left;
	width: 65px;	
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
	text-align: right;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}	
	
/*--------------------------------------------------- CONTENEURS des produits et le conditionnement de la page produits ---------------------------------------------------*/
.produits
	{	
	float: left;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
	margin-bottom: 5px;
	text-align: left;	
	font-size: 10px;	
	color: white;
	}
.cond
	{	
	float: left;
	width: 95px;	
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
	text-align: left;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	}
	
/*--------------------------------------------------- CONTENEURS COPYRIGHT ---------------------------------------------------*/
.conteneurcopyright
	{
	width: 770px;
	height : 35px;
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center;
	color: #333333;
	font-weight: normal;
	}

/*--------------------------------------------------- CONTENEURS MENU ---------------------------------------------------*/
.conteneurmenu
	{
	background-color : black; 			/*correspond à la couleur de l'arrière fond du menu (même que celle des images du menu)*/
	height: 30px;					/*correspond à la hauteur de l'arrière fond du menu*/
	border-top: 1px solid black;
	}

ul#menu
	{
	height: 35px;
	margin: 0;
	padding: 0;
	background: url('images/fondmenu.gif') repeat-x 0 -25px;
	list-style-type: none
	}
	/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */

ul#menu li
	{
	float: left ;
	text-align: center ;
	}
	/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
	{
	width: 94px ;
	line-height: 25px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	/*color: #fff;*/
	color: #fff;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #003300;
	}
	/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover
	{
	background: url('images/fondmenu.gif') repeat-x 0 0 ;
	color: #222222
	}
	/* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */

ul
	{
	margin: 0;
	padding: 0;
	}
li 
	{
  	float: left;
  	list-style-type: none;
  	padding: 0px;
  	margin: 0 0 0 0px;
  	border: 0px;
	} 
/*--------------------------------------------------- CONTENEURS DE LA PAGE DES LIENS ---------------------------------------------------*/
.conteneurlienstitres
	{
	width: 420px;
	font-weight: normal;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 2px;
	}
.conteneurliens
	{
	width: 420px;
	color: #333333;
	font-weight: normal;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 3px;
	margin-left: 25px;
	}