/* CSS Document */
body{
	margin: 0;
	background-color:#d4cbaa;
	font-size: 1em;
}

#header{
	width: 850px;
	height: 147px;
	margin: 0 auto;
	padding: 0 0 0 0;
	/*background-image: url(images/bandeau.jpg);
	background-repeat:no-repeat;*/
	background-color: #cccccc;
}

#header_2{
	width: 850px;
	height: 147px;
	margin: 0 auto;
	padding: 0 0 0 0;
	/*background-image: url(images/bandeau_2.jpg);
	background-repeat:no-repeat;*/
	background-color: #cccccc;
}

#bg{
	width: 850px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/bg.jpg);
	background-repeat:repeat-y;
}

#content{
	font-family: "Trebuchet MS", Verdana;
	height: auto;
	margin: 0 auto;
	padding: 10px;
	background-color: none;
}

#footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0 20px 0 25px;
	padding: 20px 0 10px 0;
	text-align: center;
	clear:both;
	color: #644c22;
	background-color: #ffffff;
}

#footer p{
	margin: 5px 0;
}

#footer img{
	border: none;
}

#footer #toptechnology a{
	color: #999999;
	text-decoration: none;
	font-size: 0.7em;
	
}

#footer #toptechnology a:hover{
	text-decoration: underline;
}

/*---------------MENU PRINCIPAL--------------------------*/

#liste_menu span{
	display: none;
}

#liste_menu{
	list-style-type: none;
	float: left;
	height: 30px;
	width: 380px;
	margin: 0 0 0 0;
	padding: 0 0 10px 25px;
	}

#liste_menu li{
	float: left;
	margin: 0;
	padding: 0;
}

a#image1 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 113px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/menu/accueil_focus.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
}

a#image1:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/menu/accueil_focus.jpg); /* source de l'image d'arrivée */
     }
	 
a#image2 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 153px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/menu/services.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
}

a#image2:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/menu/services_focus.jpg); /* source de l'image d'arrivée */
     }
	 
a#image3 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 111px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/menu/contact.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
}

a#image3:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/menu/contact_focus.jpg); /* source de l'image d'arrivée */
     }
	

/*page_2*/
a#image1_1 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 113px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/menu/accueil.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
}

a#image1_1:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/menu/accueil_focus.jpg); /* source de l'image d'arrivée */
     }

a#image2_2 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 153px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/menu/services_focus.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
}

a#image3_2 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 111px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/menu/contact_focus.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
}	
	
/*---------------MENU DU FOOTER--------------------------*/
	#menu_2{
		list-style-type: none;
		color: #644c22;
		margin:  20px 0 0 0;
		padding:0;
	}
	#menu_2 li{
		display: inline;
	}
	#menu_2 li a{
	color: #54C62B;
	margin: 0 3px;
	padding: 0;
	text-decoration:none;
	font-size: 1.1em;
	font-weight: bold;
	}
	#menu_2 li a:hover{
		text-decoration:underline;
	}


/*---------------PAGE ACCUEIL--------------------------*/

#photo_1{
	width: 806px;
	height: 141px;
	margin:  0 0 0 15px;
	padding: 20px 0 0 0;
	clear: both;
	background-image: url(images/2_femmes.jpg);
	background-repeat:no-repeat;
}

#photo_1 p{
	width: 340px;
	float: right;
	margin: 20px 0 0 0;
	color: #d4cbaa;
	font-size: 0.8em;
}

#titre_1{
	color: #54c62b;
	font-size: 1.1em;
	float: right;
	margin: 0;
	padding: 10px 15px 0 0;
}

#index{
	width: 760px;
	height: auto;
	margin: 0;
	/*background-image:url(images/ananas.jpg);
	background-position:right;
	background-repeat:repeat-y;*/
	float: left;
	font-size: 0.8em;
	color: #644c22;
	background: url(images/references.jpg) no-repeat 300px 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#index h1{
	font-size: 1.6em;
	color: #54c62b;
	margin: 20px 0 5px 0;
}
#index h3{
	font-size: 1.6em;
	color: #54c62b;
	margin: 20px 0 5px 0;
}

#index p{
	margin: 5px 0;
}

.chloro{
	height: 57px;
}

.chloro img{
	float: left;
	margin: 0 20px; 0 0;
}

.chloro h2{
	font-size: 1.2em;
	margin: 0;
	padding:  15px 0 0 0;
}

.h2-to-p{
	font-size: 1.2em;
	margin: 0;
	padding:  15px 0 0 0;
}


/*---------------PAGE NOS SERVICES--------------------------*/

#left_services{
	width: 425px;
	height: auto;
	margin: 0;
	padding: 0 10px 0 30px;
	background-image:url(images/ananas.jpg);
	background-position:right;
	background-repeat:repeat-y;
	float: left;
	font-size: 0.8em;
	color: #644c22;
}

#right_services{
	width: 316px;
	height: 901px;
	margin: 0;
	padding: 15px 20px 0 20px;
	border-left: 1px dashed #d4cbaa;
	float: left;
	font-size: 0.8em;
	color: #644c22;
}

#photo_2{
	width: 806px;
	height: 92px;
	margin:  0 0 0 15px;
	clear: both;
	background-image: url(images/femme_raisin.jpg);
	background-repeat:no-repeat;
}

#photo_2 p{
	width: 340px;
	float: right;
	margin: 5px 0 0 0;
	color: #d4cbaa;
	font-size: 0.78em;
}

.categorie{
	width: 420px;
	height: 110px;
	font-size: 1em;
	margin: 20px 0 10px 0;
	background-color:none;
}

.categorie_2{
	width: 420px;
	height: 200px;
	font-size: 1em;
	margin: 20px 0 10px 0;

}

.categorie_3{
	width: 420px;
	height: 160px;
	font-size: 1em;
	margin: 20px 0 10px 0;

}

.categorie_2 img{
	border: none;
	margin: 0;
	padding: 0;
}

/*.categorie p{
	padding: 20px 0 0 0;
}*/

span{
	color: #54c62b;
}

.categorie_3 img{
	border: none;
	margin: 0;
	padding: 0;
}

.img_cat{
	float: left;
	margin: 0 10px 0 0;
	border: none;
}

.liste_service{
	list-style-image: url(images/puce_2.jpg);
	margin: 0 0 0 12px;
	padding: 0;
}

/*---------------PAGE CONTACT--------------------------*/

#contact{
	width: 760px;
	height: auto;
	margin: 0;
	padding: 10px 10px 0 30px;
	float: left;
	font-size: 0.8em;
	color: #644c22;
	text-align: center;	
}
#contact a{
	color: #644c22;
	text-decoration: none;	
}
#contact a:hover{
	text-decoration: underline;	
}

#photo_3{
	width: 806px;
	height: 92px;
	margin:  0 0 0 15px;
	padding: 20px 0 0 0;
	clear: both;
	background-image: url(images/2_femmes.jpg);
	background-repeat:no-repeat;
}

#photo_3 p{
	width: 340px;
	margin: 5px 0 5px 470px;
	color: #d4cbaa;
	font-size: 0.8em;
}

#contact h1{
	color: #54c62b;
	font-size: 1.4em;
}

#contact h2{
	margin: 10px 0;
	font-size: 1em;
}

#contact p{
	margin: 5px 0
}

#contact img{
	border: none;
}

.plan{
	height: 250px;
	margin: 20px 0 20px 0;
	padding: 0 30px;
}

#img_plan_1{
	float: left;
	margin: 0 0 0 50px;
}

#img_plan_2{
	float: right;
	margin: 0 50px 0 0;
}

#chloro_1{
	padding: 20px 50px 0 100px;
}

#chloro_2{
	margin: 0 0 0 130px;
}
#equilibre, #saveur, #choisir, #envie {
	display: none;
}
.cursor {
	cursor: pointer;
}
.cursor a {
	text-decoration: none;
	color: #54c62b;
	border:none;
}

.para{
	font-weight:bold;
}

.titre_service{
	font-size:1em;
	color:#54c62b;
	margin-bottom:0px;
	margin-top:25px;
}
.p_liste{
	padding:0px;
	margin:0px;
}
.lien_service{
	text-decoration:none;
	color:#644c22
}#right_services_copie {
	width: 316px;
	margin: 0;
	border-left: 1px dashed #d4cbaa;
	float: left;
	font-size: 0.8em;
	color: #644c22;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}