/* CSS Document */

/* autres class */
.gras {
	font-weight: bold;
}

.italique {
	font-style: italic;
}

.violet {
	color: #9933CC;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #393173;
}

#container {
	margin: 30px auto;
	padding: 0;
	width: 849px;
	background-color: #FFFFFF;
	text-align: left;
}

#container h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5e5748;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#container h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3a3274;
	font-weight: bold;
	text-align: justify;
	margin: 0;
	padding: 0;
}

#container h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3a3274;
	font-weight: bold;
	text-align: justify;
	margin: 0;
	padding: 0;
}



#bandeau {
	margin: 0;
	padding: 0;
	width: 849px;
	height: 125px;
	text-align: left;
	background-image: url(images/fond_bandeau.jpg);

}

/* Menu 1 */
#menu1 {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 30px;
	background-color: #5e5748;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
}

#menu1 ul {	
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 30px;
}

#menu1 li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.ok {
	color: #FFFFFF;
	text-decoration: none;
	padding: 9px 10px 8px 10px;
	margin: 0;
	background-color: #7a8068;
}

.no {
	color: #FFFFFF;
	margin: 0;
	text-decoration: none;
	padding: 9px 10px 8px 10px;
}

.no:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #7a8068;
}

/* Menu 2 */
#menu2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 249px;
	height: 30px;
	background-color: #7a8068;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

#menu2 ul {	
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 30px;
}

#menu2 li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}


.ok2 {
	color: #FFFFFF;
	text-decoration: none;
	padding: 9px 10px 8px 10px;
	margin: 0;
	background-color: #5e5748;
}

.no2 {
	color: #FFFFFF;
	margin: 0;
	text-decoration: none;
	padding: 9px 5px 8px 5px;
}

.no2:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5e5748;
}

#contenu {
	margin: 0;
	padding: 0;
	width: 849px;
}

#gauche {
	margin: 0;
	padding: 0;
	width: 235px;
	float: left;
}

/* Gauche Accueil */
#gauche_actus {
	margin: 15px 0 10px 15px;
	padding: 0;
	width: 220px;
	float: left;
	background-image: url(images/fond_gauche.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

#gauche_actus .breves {
	width: 190px;
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	color: #3a3274;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}

#gauche_actus .breves .titre_breves {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}

#gauche_actus .breves .date_breves {
	margin: 0 0 10px 0;
	padding: 0;
	color: #3a3274;
	font-style: italic;
}

/* Gauche Produits */
#gauche_produits {
	margin: 15px 0 1180px 15px;
	padding: 0;
	width: 221px;
	height: 321px;
	float: left;
	background-image: url(images/pub_produits2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#gauche_produits .texte {
	float: right;
	margin: 160px 0 0 0;
	padding: 0 5px 0 0;
	width: 155px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#gauche_produits .texte a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#gauche_produits .texte a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}


/* Gauche AB */
#gauche_ab {
	margin: 15px 0 90px 15px;
	padding: 0;
	width: 221px;
	height: 321px;
	float: left;
	background-image: url(images/pub_produits3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#gauche_ab .texte {
	float: right;
	margin: 160px 0 0 0;
	padding: 0 5px 0 0;
	width: 155px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#gauche_ab .texte a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#gauche_ab .texte a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* Gauche Distillation */
#gauche_distillation {
	margin: 15px 0 300px 15px;
	padding: 0;
	width: 221px;
	height: 321px;
	float: left;
	background-image: url(images/pub_produits.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#gauche_distillation .texte {
	float: right;
	margin: 160px 0 0 0;
	padding: 0 5px 0 0;
	width: 155px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#gauche_distillation .texte a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#gauche_distillation .texte a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* Gauche Visite */
#gauche_visite {
	margin: 15px 0 130px 15px;
	padding: 0;
	width: 221px;
	height: 321px;
	float: left;
	background-image: url(images/pub_produits.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#gauche_visite .texte {
	float: right;
	margin: 160px 0 0 0;
	padding: 0 5px 0 0;
	width: 155px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#gauche_visite .texte a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#gauche_visite .texte a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* Gauche Bienfaits */
#gauche_bienfaits {
	margin: 15px 0 330px 15px;
	padding: 0;
	width: 221px;
	height: 321px;
	float: left;
	background-image: url(images/pub_produits.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#gauche_bienfaits .texte {
	float: right;
	margin: 160px 0 0 0;
	padding: 0 5px 0 0;
	width: 155px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#gauche_bienfaits .texte a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#gauche_bienfaits .texte a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* Gauche Espace Pro */
#gauche_espacepro {
	margin: 15px 0 80px 15px;
	padding: 0;
	width: 221px;
	height: 321px;
	float: left;
	background-image: url(images/pub_produits4.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#gauche_espacepro .texte {
	float: right;
	margin: 160px 0 0 0;
	padding: 0 5px 0 0;
	width: 155px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#gauche_espacepro .texte a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#gauche_espacepro .texte a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* Gauche Contact */
#gauche_contact {
	margin: 15px 0 135px 15px;
	padding: 0;
	width: 221px;
	height: 321px;
	float: left;
	background-image: url(images/pub_produits.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#gauche_contact .texte {
	float: right;
	margin: 160px 0 0 0;
	padding: 0 5px 0 0;
	width: 155px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#gauche_contact .texte a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#gauche_contact .texte a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* Pastille bio */
#bas_gauche {
	margin: 0;
	padding: 0;
	height: 150px;
	width: 235px;
	float: left;
	background-image: url(images/fond_pastille.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#droite {
	margin: 0;
	padding: 0;
	width: 613px;
	float: left;
}

/* Droite Accueil, AB et Visite */
#haut_droite_generique {
	margin: 15px 15px 0 15px;
	padding: 0;
	width: 580px;
	float: left;
	background-color: #3a3274;
}

#haut_droite_generique img {
	margin: 0;
	padding: 0;
	float: left;
}

#haut_droite_generique .texte {
	float: left;
	margin: 10px 0 10px 15px;
	padding: 0;
	width: 190px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}

#haut_droite_generique .texte a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

#haut_droite_generique .texte a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}

#bas_droite_generique {
	margin: 15px 15px 0 15px;
	padding: 0;
	width: 580px;
	float: left;
}

#bas_droite_generique .texte {
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
	width: 310px;
	color: #3a3274;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}

#bas_droite_generique .texte p {
	margin: 5px 0;
	padding: 0;
}

#bas_droite_generique .texte a {
	color: #3a3274;
	text-decoration: none;
}

#bas_droite_generique .texte a:hover {
	color: #3a3274;
	text-decoration: underline;
}

/* Droite Produits */
#haut_droite_produits {
	margin: 15px 15px 0 15px;
	padding: 0;
	width: 580px;
	float: left;
	background-color: #392d28;
}

#haut_droite_produits img {
	margin: 0;
	padding: 0;
	float: left;
}

#haut_droite_produits .texte {
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
	width: 190px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}

#haut_droite_produits .texte a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

#haut_droite_produits .texte a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}

#droite_produits {
	margin: 15px 15px 0 15px;
	padding: 0;
	width: 580px;
	float: left;
}

#droite_produits .titre {
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
	width: 500px;
	color: #5e5748;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	text-align: left;
}

#droite_produits .texte {
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
	width: 210px;
	color: #3a3274;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}

#droite_produits .img {
	float: left;
	margin: 10px 0 10px 15px;
	padding: 0;
	width: 335px;
}


/* Droite Distillation */
#haut_droite_distillation {
	margin: 15px 15px 0 15px;
	padding: 0;
	width: 580px;
	float: left;
}

#haut_droite_distillation img {
	margin: 0;
	padding: 0;
	float: left;
}

#bas_droite_distillation {
	margin: 15px 15px 0 15px;
	padding: 0;
	width: 580px;
	float: left;
}

#bas_droite_distillation .texte {
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
	width: 310px;
	color: #3a3274;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}

#bas_droite_distillation .texte img {
	margin: 10px 0 0 0;
}

#bas_droite_distillation .texte p {
	margin: 5px 0;
	padding: 0;
}

#bas_droite_distillation .texte a {
	color: #3a3274;
	text-decoration: none;
}

#bas_droite_distillation .texte a:hover {
	color: #3a3274;
	text-decoration: underline;
}


#col_droite_distillation {
	float: right;
	margin: 0;
	padding: 0;
	width: 221px;
}

#col_droite_distillation img {
	margin: 0 0 10px 0;
	padding: 0;
	width: 221px;
}

/* Droite AB */
#bas_droite_ab {
	float: right;
	margin: 0;
	padding: 0;
	width: 221px;
	height: 297px;
	background-image: url(images/lavande_biologique.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}


#encart_commande_droite {
	float: right;
	margin: 0;
	padding: 0;
	width: 221px;
	height: 385px;
	background-image: url(images/pub_produits.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#encart_commande_droite .texte {
	float: right;
	margin: 160px 0 0 0;
	padding: 0 5px 0 0;
	width: 155px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#encart_commande_droite .texte a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#encart_commande_droite .texte a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* Droite Visite */
#bas_droite_visite {
	float: right;
	margin: 0;
	padding: 0;
	width: 221px;
	height: 297px;
	background-image: url(images/photo_boutique.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}


/* Bas */
#bas {
	clear: both;
}

#footer {
	margin: -20px auto 0 auto;
	padding: 0 15px 20px 15px;
	width: 849px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

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

#footer a .kaleid {
	padding: 0;
	margin: 0;
	background-position: left top;
	background-image: url(images/img_footer.gif);
	background-repeat: no-repeat;
	border: 0;
}

#footer img {
	padding: 0;
	margin: 0;
}

#footer a:hover .kaleid {
	color: #98c000; 
	text-decoration: underline;
}

/*PAGE CONTACT*/
#contenu_contact {
	width: 440px;
	margin: 0;
	padding: 0;
	float: left;
}

#form_contact {
	width: 440px;
	height: auto;
	background-color: #FFFFFF;
	margin: 30px 0 0 80px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}

#reponse {
	width: 300px;
	height: auto;
	margin: 150px 0 0 100px;
	padding: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #FFFFFF;
	border: 2px solid #7c7c7c;
}

#reponse a {
	text-decoration: none;
	color: #000000;
}

#reponse a:hover {
	text-decoration: underline;
	color: #000000;
}

#mentions_legales {
	width: 400px;
	height: 400px;
	margin: 0 0 0 10px;
	padding: 30px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #393173;
	color: #FFFFFF;
}

#mentions_legales a {
	color: #FFFFFF;
	text-decoration: underline;
}
.lecteur{
	width:190px;
	height:146px;
	padding:0 0 30px 0;
	}