@charset "utf-8";

/* turquoise:#58b6b5; marron:#83715d */

body {
	font-family :Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	background-color : #6f4c23;
	background-image : url(../img/bg-body.gif);
	background-repeat : no-repeat;
	background-position : center top;
	margin : 0;
	padding : 0;
	text-align : center;
	color:#83715d;
}

#Global a {
	color : #CC6600;
	text-decoration : underline;
}

#Global a:hover {
color : #efefef;
text-decoration : none;
background-color : #CC6600;
}

h1 {
	color : #999999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size : 24px;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #ccc;
	font-weight : lighter;
	margin-bottom : 10px;
	padding-bottom : 6px;
}

h2 {
margin-left : 90px;
color : #93d5f2;
font-size : 1.4em;
width : 650px;
}

#Header {
	position : relative;
	background-image : url(../img/header-Ligne-Jouvence.gif);
	background-position : center;
	background-repeat : no-repeat;
	margin : 0 auto;
	text-align : left;
	width : 980px;
	height : 162px;
	z-index : 1;
}

#Header p{
	float:right;
	margin-right : 0px;
	margin-top : 130px;
	width : 370px;
	color:#ccc;
	text-align:right; font-size:0.8em;
}

#Logo {
	position : absolute; display:block;
	background:transparent;
	top:15px;
	width : 300px;
	height : 140px;

}
#Logo img{ border:none;

}

#Menu {
width : 980px;
height : 30px;
background-color : #5c463a;
/*background-image : url(../img/ray-bleu-clair_ver1.gif);*/
margin : 0 auto;
text-align : left;
z-index : 100;
}

#Global {
position : relative;
overflow : hidden;
width : 980px;
margin : 0 auto;
text-align : left;
background-color : #fff;
}
#GlobalGrenat {
position : relative;
overflow : hidden;
width : 980px;
margin : 0 auto;
text-align : left;
background-color : #761316;
}

#VisuelLeft {
	position : relative;
	float : left;
	width : 980px;
	height : 326px;
	/*background-image:url(../img/visuelLeft_ver6.jpg);
	background-repeat:no-repeat;*/
	background-color:#6f4c23; /*margin-top:30px;*/
}

#VisuelLeft ul {
list-style-type : square;
margin-left : 20px;
margin-top : 40px;
line-height : 1.8em;
margin-right : 10px;
}

#VisuelLeft ul a {
font-weight : normal;
}

#VisuelLeft ul ul {
margin-left : 0;
margin-top : -5px;
line-height : 1.8em;
font-weight : bold;
list-style-type : square;
padding-left : 20px;
padding-top : 4px;
}

#VisuelLeft P {
margin-left : 20px;
margin-top : 10px;
margin-bottom : -20px;
padding-left : 20px;
font-weight : bold;
color : #fff;

}

#VisuelRight {
position : relative;
float : left;
width : 728px;
height : 326px;
background-color : #dbd0b6; 
/*background-image:url(../img/bg-visuelRight.jpg); 
background-repeat:no-repeat;*/
}


#PlanAcces {
position : relative;
float : left;
width : 372px; height:466px; margin-left:15px;
}

#Left {
position : relative;
float : left;
width : 400px; height:100px;
}

#Left img{ 
border:none;
}

#Left img a{ 
text-decoration:none;
}

#Left ul {
list-style-type : none;
padding-left : 30px;
padding-top : 7px;
background-image : url(../img/puceFlower.png);
background-repeat : no-repeat;
background-position : 0 5px;
margin-left : 10px;
margin-top : 40px;
line-height : 1.4em;
margin-right : 10px;
font-size : 0.85em;
}

#Left a {
text-decoration : underline;
color : #006699;
}

#Left a:hover {
text-decoration : underline;
background-color : #006699;
color : #efefef;
}

#Center {
position : relative;
float : left;
width : 500px;
padding : 10px;
text-align : justify;
line-height : 1.3em; background-image:url(../img/bgCenter.gif);

}

#Center p{

width : 320px;
margin-left : 80px;
}

#Center ul{
	width : 320px;
	margin-left : 70px;
	list-style-type: square; 
	line-height:18px;
	/margin-left : 90px ; /*slash = bug pour IE6 et IE7*//width : 450px; /padding-left:15px;
}

#CenterGrenat {
position : relative;
float : left;
width : 500px;
padding : 10px;
text-align : justify;
line-height : 1.3em; background-image:url(../img/bgCenterGrenat.gif);

}
#CenterGrenat p{
	width : 320px;
	margin-left : 80px;
	color:#cdcdcd;

}


#CenterGris p{
	width : 320px;
	margin-left : 80px;
	color:#cdcdcd;

}

#CenterGris {
position : relative;
float : left;
width : 500px;
padding : 10px;
text-align : justify;
line-height : 1.3em; background-image:url(../img/bgCenterGrenat.gif);

}

#CenterMarron {
position : relative;
float : left;
width : 500px;
padding : 10px;
text-align : justify;
line-height : 1.3em; background-image:url(../img/bgCenterGrenat.gif);

}


#Right {
position : relative;
float : right;
width : 306px;
margin-top:25px;
padding-left : 5px;
padding-right : 10px;
}

#Right img {
margin-top : 10px;
margin-bottom : 10px;
cursor : pointer;
}

#Footer {
	position : relative;
	float : left;
	width : 980px;
	background-color : #006699;
	margin : 0 auto;
	text-align : left;
	background-image : url(../img/ray-bleu-clair_ver1.gif);
}

#LiensFooter {
position:relative;
float : left;
width : 170px;
color : #83715d;
}

#LiensFooter a {
font-size : 0.8em;
color : #efefef;
text-decoration : none;
background-image:url(../img/blueCross.png);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:15px;
}

#LiensFooter a:hover {
color : #fff;
text-decoration : none;
background-color : #83715d;
}

#LiensFooter h1 {
font-size : 1em; 
margin-bottom:0px;
color : #efefef;
margin-left : 0;
border : none;
}

#LiensFooter h1 a {
color : #efefef;
}

#LiensFooter p {
display:inline-block;
text-align:left;
width:170px;
padding-left:15px;
line-height:1.6em; 
margin-left:5px;
}

#LiensFooter p+p {
margin-left:5px
}

#Mentions {
position : relative;
width : 980px;
background : transparent;
margin : 0 auto;
text-align : left;
}

#Mentions a {
color : #C5915C;
}

#Mentions a:hover {
color : #fff;
}

.mentions {
position : relative;
float : left;
text-align : left;
margin-top : 10px;
margin-bottom : 10px;
font-size : 0.8em;
width : 450px;
color : #C5915C;
}

.separMentions {
padding-left : 5px;
padding-right : 5px;
color : #C5915C;
}

#designed {
position : relative;
float : right;
text-align : right;
color : #efefef;
text-decoration : none;
width : 380px;
font-size : 0.8em;
margin-top : 10px;
margin-bottom : 10px;
}

#designed a{
	color : #C5915C;
}

#navigation {
	float : left;
	width : 980px;
	height:20px;
	text-align : left;
	color : #efefef;
	background-color:#B69569;
	text-decoration : none;
	font-size : 12px;
}

#navigation p{
padding-left:10px; margin:0;
}

/* -------------- PRODUITS ---------------*/
#produits{ background-color:#e0d2bf; width:980px; float:left; }

#produits h1{float:left; margin-left:25px; margin-right:25px; margin-top: 50px;background-image:url(../img/algueProduitsH1.gif); background-repeat:no-repeat; background-position:left top; height:113px; padding-left:60px; padding-top:25px;border:none; color:#a47070;width:280px;_padding-left:60px;_margin-left:10px; }

p#produitBloc{ float:left; width:200px; margin:5px; height:150px;}


#produitImg{ float:left;width:80px;}

#produitImg2{ float:left;width:80px; margin-left:395px;}


.produitTitre{
	font-weight:bold;
	text-transform: uppercase;
}

.produitNouveauPromo{
	font-weight:bold;
	text-transform: uppercase; color:#CC6600;
}
/* -------------- MINCEUR ---------------*/
#minceur{ background-color:#83715d; width:980px; float:left; }

#minceur h1{float:left; margin-left:25px; margin-right:25px; margin-top: 50px;background-image:url(../img/algueMinceurH1.gif); background-repeat:no-repeat; background-position:left top; height:113px; padding-left:60px; padding-top:25px;border:none; color:#4c0a14;width:280px; }

#minceur h2 {color:#913327; margin-top:15px;margin-left:0; margin-bottom:20px;padding:0;float:left; width:520px;}

#minceur h3 {color:#d9d1a5; font-size:12px;margin-top:15px; margin-bottom: 25px;padding:0;float:left; width:550px;}

p#minceurBloc{ float:left; width:200px; margin:5px; height:150px; color:#d3d9e5}

p#minceurCommentaires{ float:left; width:560px; margin:5px; color:#d3d9e5}

ul#minceur{color:#d3d9e5}


#minceurImg{ float:left;width:80px;-margin-left:-18px; /*bug IE6*/}

#minceurImg2{ float:left;width:80px; margin-left:395px;}

#minceurImg3{ float:left;width:80px; margin-left:395px;}


.minceurTitre{
	font-weight:bold;
	text-transform: uppercase;
}

.minceurNouveauPromo{
	font-weight:bold;
	text-transform: uppercase; color:#913327;
}
.minceurH1soustitre{
	font-size:16px;
	color:#f1af6e; font-weight:bold;height:120px;
}

.minceurH1Soussoustitre{
	font-size:13px;
	color:#ccc;
	
}

/* -------------- SOINS ---------------*/

#soins{ background-color:#642f10; width:980px; float:left; }

#soins h1{float:left; margin-left:25px; margin-right:25px; margin-top: 50px;background-image:url(../img/algueSoinsH1.gif); background-repeat:no-repeat; background-position:left top; height:113px; padding-left:60px; padding-top:25px;border:none; color:#af8d3a;width:280px; }

#soins h2 {color:#ef935d; margin-top:15px;margin-left:0; margin-bottom:20px;padding:0;float:left; width:520px;}

#soins h3 {color:#d9d1a5; font-size:12px;margin-top:15px; margin-bottom: 25px;padding:0;float:left; width:550px;}

p#soinsBloc{ float:left; width:200px; margin:5px; height:150px; color:#fbd068;_margin-left : -5px ; }

p#soinsBloc2{ float:left; width:200px; margin:5px; height:150px; color:#fbd068;_margin-left : -5px ; }

.soinsBloc{ float:left; width:200px; margin:5px; height:150px; color:#fbd068;_margin-left : -5px ; }


#soinsImg{ float:left;width:80px;}

#soinsImg2{ float:left;width:80px; margin-left:395px;}


.soinsTitre{
	font-weight:bold;
	text-transform: uppercase;
}

.soinsNouveauPromo{
	font-weight:bold;
	text-transform: uppercase; color:#CC6600;
}


.soinsH1soustitre{
	font-size:16px;
	color:#CC6600; font-weight:bold;height:120px;
}

.soinsH1Soussoustitre{
	font-size:14px;
	color:#ccc;
	letter-spacing: 0.2em;
}


/* -------------- CURES ---------------*/

#cures{ background-color:#b7a89a; width:980px; float:left; color:#88562a }

#cures h1{float:left; margin-left:25px; margin-right:25px; margin-top: 50px;background-image:url(../img/algueCuresH1.gif); background-repeat:no-repeat; background-position:left top; height:113px; padding-left:60px; padding-top:25px;border:none; color:#6a6057;width:280px;-width:260px;/*bug IE6*/ }

#cures h2 {color:#ef935d; margin-top:15px;margin-left:0; margin-bottom:20px;padding:0;float:left; width:520px;}

#cures h3 {color:#d9d1a5; font-size:12px;margin-top:15px; margin-bottom: 25px;padding:0;float:left; width:550px;}

p#curesBloc{ float:left; width:480px; margin-bottom:20px;margin-left:10px;  color:#88562a;_margin-left : -5px ; border-bottom:#887854 1px solid; padding-bottom:10px; }


#curesImg{ float:left;width:80px;}

#curesImg a{ text-decoration:none;}

#curesImg2{ float:left;width:80px; margin-left:395px;}


.curesTitre{
	font-weight:bold;
	text-transform: uppercase;
}

.curesNouveauPromo{
	font-weight:bold;
	text-transform: uppercase; color:#CC6600;
}


.curesH1soustitre{
	font-size:16px;
	color:#887854; font-weight:bold;height:120px;
}

.curesH1Soussoustitre{
	font-size:14px;
	color:#ccc;
	letter-spacing: 0.2em;
}

.curesTarifs{
	color:#695E41;
	font-weight:bold;
}

/* -------------- FIN ---------------*/


.lettrine {
float : left;
font-size : 2.8em;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-right : 1px solid #0b89c6;
border-bottom : 1px solid #0b89c6;
margin-right : 3px;
padding-bottom : 30px;
padding-top : 6px;
padding-left : 6px;
padding-right : 6px;
color : #ccc;
background-image : url(../img/puceFlower.png);
background-position : center bottom;
background-repeat : no-repeat;
font-family : Georgia, "Times New Roman", Times, serif;
}

.gras {
font-weight : bold;
}

.txtRoseGras {
color : #e75294;
font-weight : bold;
}

.paragrapheMarron{
background-image:url(../img/bg-paragraphe-marron.gif); 
background-repeat:repeat-y; 
padding-left: 25px; 
color:#83715d;
}

.paragBgBleu{
	background-color:#E3F4F3;
	padding: 10px;
}


.imgLettrine{ float:left; padding-right:5px;}

.legende{
	color:#999999;
	font-size:9px;
}

.etiquetteForm{
	color:#999999;
	font-size:11px;
}

.txtMarron{
	color:#cc6600;

}
#Mya{ /*float: left;*/ -float:none; -width:520px;margin-left:395px; margin-right:15px; margin-top:0px;color:#d9d1a5; width:550px; text-align:justify; line-height:150%; background-image:url(../img/bgCenterMarron.gif);}
#Mya H1{width:550px; background-image:none;margin-bottom:-80px;margin-top:-40px;margin-left:0px;color:#d9d1a5; text-align:left; padding:0; visibility:hidden;}
#Mya H2{color:#faae3d; width:100%;}
#Mya H3{ font-size:130%; font-weight:bold; width:100%; margin-bottom:6px;}
#Mya img{ margin-left:0px;}



#Mya ul { list-style-type:square;}
#Mya ul ul{ list-style-type:circle;}

#Thalgomince{
	float: left;
	-float:none;
	-width:520px;
	margin-left:395px;
	margin-right:15px;
	margin-top:0px;
	color:#d9d1a5;
	width:550px;
	text-align:justify;
	line-height:150%;
	background-image:url(../img/bgCenterMarron.gif);
}
#Thalgomince H1{float:left; position:relative;
	color:#d9d1a5;
	width:550px;
	background-image:none;
	margin-bottom:-80px;
	margin-top:-40px;
	margin-left:0px;/*-margin-left:850px;*/
	color:#993300;
	text-align:left;
	padding:0;
}
#Thalgomince H2{color:#faae3d; width:100%;}
#Thalgomince H3{ font-size:130%; font-weight:bold; width:100%; margin-bottom:6px;}
#Thalgomince img{ margin-left:0px;}



#Thalgomince ul { list-style-type:square;}
#Thalgomince ul ul{ list-style-type:circle;}

.beige{color:#d9d1a5}


/* -------------- NEW TABLEAU ---------------*/

#coteGauche { position:relative;background-color:#b7a89a; width:200px; /*float:left; */color:#88562a }

#coteGauche h1{/*float:left; */margin-left:25px; /*margin-right:25px; */margin-top: 50px;background-image:url(../img/algueProduitsH1.gif); background-repeat:no-repeat; background-position:left top; height:113px; padding-left:60px;/**/ padding-top:25px;border:none; color:#a47070;/*width:280px;*//*_padding-left:60px;_margin-left:10px;*/ }

#coteDroit {position:relative; background-color:#b7a89a; width:720px; float:left; color:#88562a; margin-left:250px; }

#galerie{ width:420px; margin-left:50px;}

#galerie img{
	width:60px; height:60px;
	border: 1px solid #CCCCCC; padding:2px;
}
#galerie a{ text-decoration:none; background-color:transparent;
}
#galerie a:hover{ text-decoration:none;background-color:transparent;
}

.paragDecal{margin-left:12px;}

hr{
	color:#DFDFDF;
}

#pub {
	position:absolute;
	left:40px;
	top:40px;
	width:600;
	height:auto;
	border:solid 2px #812b7d;
	z-index:100;
	font-size:0.9em;
	z-index:1000;
}
#pub p{ 
	font-weight:bold; 
	color:#6f4c23; 
	text-align:right; 
	padding-right:5px; 
	margin:0;
	
}

#pub a{ 
	text-align:right; 
	margin:0;
	font-weight:bold;
	border:0;
	text-decoration:none;
	
}

#pub a:hover{ 
	text-decoration:none;
}

#pub img{ 
	border:0;
}

#Comments {
	position:absolute;
	left:86px;
	top:5800px;
	width:745px;
	height:221px;
	z-index:2;
}
#Comments h1,h2,h3{
	color:#B17B38;
	font-size:0.6em;
	border:none;
	text-align:left;
	margin:0; padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}
#Comments p{
	color:#B17B38;
	font-size:0.6em;
	border:none;
	text-align:left;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}
#Comments ul{
	color:#B17B38;
	font-size:0.6em;
	border:none;
	text-align:left;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	display: inline;
	list-style-type: none;
}

#Comments li{
	width:40px;}
#Comments a{
	color:#B17B38; text-decoration:none;
}

