* { margin: 0; padding: 0; }

/* font */
html { font-size: 100.01%; }
body { font-size: 62.5%; }
input, select { font-size: 100%; }
textarea { font-size: 140%; }

/* layout - general */
img { border: none; }
acronym { cursor: help; }
a:link, a:visited { cursor/**/: /**/pointer; }

input.text, textarea {
	padding: 1px 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #7a7a79 #dcdcdc #deddde #dcdcdc;
}
.submit { padding: 1px 2px; cursor/**/: /**/pointer; }

ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }
ul li, ol li { margin: .2em 0; padding: 0; }
select > option { padding: 0 5px 0 3px; }

.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }

#page .flR { float: right; }
#page .flL { float: left; }
#page .alR { text-align: right; }
#page .alC { text-align: center; }

.hide { display: none; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
}
a:link:hover, a:visited:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.inv:link, a.inv:visited {
	text-decoration: underline;
}
a.inv:link:hover, a.inv:visited:hover {
	text-decoration: none;
}

.cols {
	overflow: hidden;
	margin: 0;
}
.cols .col {
	float: left;
	width: 49.9%;
	margin: 0;
}
body #page .last {
	margin-right: 0;
}


/* Clear Floats Without Structural Markup */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* layout - specific */
body {
	text-align: center;
	background: #3e2e36 url(../../img/page-m.jpg) repeat-y 50% 0;
	font-family: Tahoma, Geneva, sans-serif;
}
#page {
	color: #FFFFFF;
	font-size: 1.25em;
	margin: 0 auto;
	text-align: left;
	width: 950px;
	min-height: 620px;
	position: relative;
}

#top {
	height:	111px;
	background: url(../../img/top-m.jpg) no-repeat 194px 0;
	position: relative;
	margin: 0 0 19px;
}
	#logo {
		position: absolute;
		left: 36px;
		top: 10px;
		width: 138px;
		height: 101px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 100%;
			height: 100%;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../../img/logo-top.png) no-repeat 0 0;
			}
	
	#cart {
		position: absolute;
		top: 39px;
		right: 85px;
		font-size: 104%;
		text-transform: uppercase;
	}
		#cart a:link, #cart a:visited {
			color: #FFFFFF;
		}
	
	#menu {
		position: absolute;
		left: 194px;
		top: 85px;
		width: 753px;
		z-index: 100;
	}
		#menu ul {
			width: 100%;
		}
			#menu li {
				position: relative;
				float: left;
				display: block;
				text-align: center;
			}
				#menu li a:link, #menu li a:visited {
					display: block;
					color: #ffffff;
					position: relative;
					z-index: 10;
					width: 100%;
					height: 26px;
					line-height: 26px;
					font-size: 88%;
					letter-spacing: 0.05em;
					text-transform: uppercase;
				}
				#menu li.active a:link, #menu li.active a:visited {
					text-decoration: underline;
				}
			#menu #but1 { width: 159px; }
			#menu #but2 { width: 244px; }
			#menu #but3 { width: 152px; }
			#menu #but4 { width: 198px; }

				#menu li div {
					position: absolute;
					top: 26px;
					left: -1000em;
					z-index: 100;
				}
				#menu li:hover div, #menu li.active div {
					left: 0;
				}
					#menu li ul {
						background: url(../../img/menu2.png) no-repeat 0 0;
						width: 153px;
						height: 67px;
					}
						#menu li li {
							width: 147px;
						}
							#menu li li a:link, #menu li li a:visited {
								display: block;
								text-align: center;
								font-size: 80%;
								letter-spacing: 0px;
								height: 30px;
								line-height: 30px;
								width: 147px;
							}
							#menu li li.active a:link, #menu li li.active a:visited,
							#menu li li a:link:hover, #menu li li a:visited:hover {
								background: #604250;
							}




#content {
	width: 883px;
	height: 454px;
	margin: 0 0 0 30px;
	background: url(../../img/back/0.jpg) no-repeat 0 0;
}
	#content2, #content3 {
		height: 454px;
	}
	
	#content h1 {
		font-size: 136%;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 1.2;
		margin: 0 0 1.25em;
	}

	#content p {
		line-height: 1.2em;
		letter-spacing: -0.02em;
		margin-bottom: 1.25em;
	}

	.style1 {
		color: #d1007c;
	}
	.style2 {
		font-weight: bold;
		letter-spacing: 0px;
	}


#bot {
	margin: 0 30px;
	padding: 0 0 5px;
	background: url(../../img/bot.jpg) no-repeat 2px 100%;
	position: relative;
	font-size: 88%;
	letter-spacing: 0.1em;
}
	#links1 {
		height: 22px;
		line-height: 30px;
		overflow: hidden;
	}
		#links1 a:link, #links1 a:visited {
			padding: 0 1em 0 1em;
			background: url(../../img/bot-sep1.gif) no-repeat 100% 0;
		}
		#links1 a.sep2:link, #links1 a.sep2:visited {
			padding: 0 1em 0 1em;
			background: url(../../img/bot-sep2.gif) no-repeat 100% 0;
		}
	#langs {
		position: absolute;
		right: 100px;
		top: 10px;
		width: 50px;
		overflow: hidden;
	}
		#langs a:link, #langs a:visited {
			display: block;
			float: left;
			width: 20px;
			height: 11px;
			margin: 0 7px 0 0;
		}
			#langs a.fr:link span, #langs a.fr:visited span {
				background: url(../../img/lang-fr.png) no-repeat 0 0;
			}
		#langs a.en:link, #langs a.en:visited {
			margin: 0;
			width: 21px;
		}
			#langs a.en:link span, #langs a.en:visited span {
				background: url(../../img/lang-en.png) no-repeat 0 0;
			}
	.mangerbouger
	{
		font-size: 95%;
	}
	
	#logos {
		position: absolute;
		right: 0px;
		top: 10px;
		width: 80px;
		overflow: hidden;
	}

form {
	clear: left;
}
fieldset {
	border: none;
	clear: left;
}
	fieldset ul {
		width: 100%;
		overflow: hidden;
	}
	#page fieldset li {
		float: left;
		padding: .3em 0;
		width: 49.9%;
		overflow: hidden;
	}
		fieldset label {
			display: block;
			font-weight: bold;
		}
		fieldset input.text {
		}
		fieldset textarea {
		}
	#page fieldset li.but {
		width: auto;
		padding-left: 110px;
	}



.scrollWrap {
	overflow: hidden;
	position: relative;
	z-index: 5;
}
	.scroll {
		position: relative;
		margin-right: 25px;
	}
	a.arrowUp:link, a.arrowUp:visited {
		position: absolute;
		right: 16px;
		top: 0px;
		width: 4px;
		height: 13px;
		overflow: hidden;
		background: url(../../img/arrow-up.gif) no-repeat 0 0;
	}
	a.arrowDn:link, a.arrowDn:visited {
		position: absolute;
		right: 16px;
		bottom: 0px;
		width: 4px;
		height: 13px;
		overflow: hidden;
		background: url(../../img/arrow-dn.gif) no-repeat 0 0;
	}
	.scrollbar {
		position: absolute;
		right: 17px;
		top: 5%;
		width: 2px;
		height: 90%;
	}
		.slider {
			position: absolute;
			left: 0;
			top: 10;
			height: 80px;
			width: 2px;
			background: #FFFFFF;
			cursor: pointer;
		}


/*-------
// 1-home
//-----*/

.hp #content {
	background: url(../../img/back/1-r.jpg) no-repeat 100% 0;
}
	.hp #content2 {
		background: url(../../img/back/1-l.jpg) no-repeat 0 0;
		height: 453px;
		padding: 1px 0 0;
	}
		.hp .content {
			margin: 45px 50px 0 0px;
			padding: 0 0 0 37px;
			width: 280px;
			float: left;
		}
		.hp #content h1 {
			padding: 0 0 10px;
			width: 250px
		}

#prods {
	float: left;
	padding: 26px 0 0;
	width: 200px;
}
	#prods a:link, #prods a:visited {
		display: block;
		width: 100%;
	}
	#prods a.prod1:link, #prods a.prod1:visited {
		height: 189px;
	}
		#prods a.prod1:link span, #prods a.prod1:visited span {
			background: url(../../img/back/1-r.jpg) no-repeat -22px -27px;
		}
	#prods a.prod2:link, #prods a.prod2:visited {
		height: 197px;
	}
		#prods a.prod2:link span, #prods a.prod2:visited span {
			background: url(../../img/back/1-r.jpg) no-repeat -22px -216px;
		}



/*-------
// 1-soins
//-----*/

.soins #content {
}
	.soins #content2 {
		float: left;
		width: 265px;
		padding: 0 0 0 35px;
		margin: 40px 17px 0 0;
		height: 414px;
	}
	.soins #content3 {
		float: left;
		width: 360px;
		height: 439px;
		padding: 15px 14px 0 165px;
		background: url(../../img/back/2.jpg) no-repeat 0 0;
		font-size: 88%;
	}
		.soins #content3 p {
			line-height: 1.4;
			padding-left: 15px;
			letter-spacing: 0px;
			margin: 0 0 .75em;
		}
		.list1 {
			margin: 0 0 .75em;
		}
			.list1 li {
				padding: 0 0 3px 15px;
				line-height: 1.4;
				background: url(../../img/bullet-1.gif) no-repeat 0 .3em;
			}
		.soins #content3 p.buy {
			margin: 0 0 2em;
		}
			.buy a:link, .buy a:visited {
				font-weight: bold;
				color: #d1007c;
				padding: 0 28px 0 0;
				background: url(../../img/icon-cart.gif) no-repeat 100% 50%;
			}

/*-------
// 3-efficacite
//-----*/

.eff #content2 {
	width: 300px;
	height: 414px;
	padding: 40px 10px 0 35px;
	float: left;
	background: url(../../img/back/3-l.jpg) no-repeat 22px 0;
}
.eff #content3 {
	float: left;
	width: 538px;
	height: 419px;
	padding: 35px 0 0;
	background: url(../../img/back/3-r.jpg) no-repeat 0 0;
}
	.eff #content3 p {
		margin-left: 37px;
		margin-bottom: .75em;
		margin-right: 20px;
		padding-left: 3px;
	}

.gradient1 {
	background: url(../../img/gradient-1.jpg) repeat-y 0 0;
	padding: .2em 0;
}
	.gradient1 span {
		display: block;
		font-weight: bold;
		font-size: 120%;
	}

#products {
	margin: 0 0 2em;
}
	#products li {
		width: 100%;
		overflow: hidden;
		padding: 20px 0;
	}
		#products li a.pop:link, #products li a.pop:visited {
			float: left;
		}
		#products li p {
			font-weight: bold;
		}
		#products li.product1 p {
			padding: .3em 0 0;
		}
		#products li.product2 p {
			padding: 1.5em 0 0;
		}

.studies {
	font-weight: bold;
}
	.studies a:link, .studies a:visited {
		display: block;
		color: #d1007c;
		padding: 0 0 0 20px;
		line-height: 17px;
		background: url(../../img/icon-details.gif) no-repeat 0 50%;
	}

.popup {
	position: absolute;
	left: 391px;
	top: 250px;
	width: 506px;
	height: 239px;
	padding: 10px 0 0;
	color: #000000;
	display: none;
}
	.popup a.close:link, .popup a.close:visited {
		position: absolute;
		right: 35px;
		top: 15px;
		padding: 0 15px 0 0;
		font-size: 88%;
		background: url(../../img/icon-close.gif) no-repeat 100% 55%;
	}
	.popup ul li {
		line-height: 1.25;
	}
		li sup {
			vertical-align: middle;
			position: relative;
			top: -3px;
		}

#popup1 {
	padding: 40px 0 0;
	height: 209px;
	background: url(../../img/back/3-popup1.jpg) no-repeat 0 0;
}
	#page #popup1 p, #popup1 ul {
		margin-left: 195px;
		margin-bottom: .3em;
		padding: 0;
	}

#popup2 {
	background: url(../../img/back/3-popup2.jpg) no-repeat 0 0;
}
	#page #popup2 p, #popup2 ul {
		margin-left: 185px;
		margin-bottom: .3em;
		padding: 0;
	}

#page .popup .buy {
	margin: 1em 0 0;
	font-size: 88%;
}
	.popup .buy a:link, .popup .buy a:visited {
		background: url(../../img/icon-cart2.gif) no-repeat 100% 50%;
	}

.small {
	font-size: 72%;
}





/*-------
// 4 studies and mentions legales
//-----*/

.stud #content {
	background: url(../../img/back/4.jpg) no-repeat 0 0;
	padding: 1px 0 0;
}
.mentions #content {
	padding: 1px 0 0;
}
	.stud #content2, .mentions #content2 {
		margin: 20px 25px;
	}

.stud #content h1, .mentions #content h1 {
	padding-left: 20px;
	background: url(../../img/icon-details.gif) no-repeat 0 50%;
}
.stud #content p, .mentions #content p {
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 0.5em;
}
	.stud #content .scrollWrap, .mentions #content .scrollWrap {
		margin-top: -10px;
		height: 338px;
	}

.list2 {
}
	.list2 li {
		padding: 0 0 0 11px;
		margin: 0 0 1.5em;
		background: url(../../img/bullet-2.gif) no-repeat 0 .4em;
	}
	.list2 li.style2 {
		background: url(../../img/bullet-3.gif) no-repeat 0 .3em;
	}
	
.mentions .list2 li {
		margin: 0 0 0.5em;
	}




/*-------
// 5 beaute
//-----*/

.beaute #content {
	background: url(../../img/back/4.jpg) no-repeat 0 0;
}
	.beaute #content2 {
		float: left;
		width: 510px;
		height: 429px;
		padding: 25px 9px 0 22px;
		margin: 0 24px 0 0;
		background: url(../../img/back/5-l.jpg) no-repeat 100% 0;
	}

.beaute #content p {
	padding: 0 0 0 15px;
}
.beaute #content .list1 li {
	margin: 0 0 .75em;
}

#faces {
	float: left;
	margin: 50px 0 0;
	width: 275px;
	height: 386px;
	background: url(../../img/faces.jpg) no-repeat 100% 0;
}
	#faces li {
		color: #d1007c;
		font-size: 200%;
		line-height: 125px;
		height: 94px;
		overflow: hidden;
		margin: 0 0 3px;
	}



/*-------
// 6 nutri
//-----*/

.nutri #content {
	background: url(../../img/back/4.jpg) no-repeat 0 0;
}
	.nutri #content2 {
		float: left;
		width: 530px;
		height: 429px;
		padding: 25px 9px 0 28px;
		margin: 0 24px 0 0;
		background: url(../../img/back/6-l.jpg) no-repeat 100% 0;
	}

.nutri #content h1 {
	margin: 0 0 1em 15px;
}
.nutri #content p {
	margin: 0 0 .5em;
	padding: 0 0 0 15px;
}
.nutri #content .list2 {
	margin: 0 0 1em;
}
.nutri #content .list2 li {
	margin: 0 0 .2em;
}

	.nutri #content .scrollWrap {
		height: 365px;
	}
		.nutri .scroll {
			margin-right: 40px;
		}

	.nutri a.arrowUp:link, .nutri a.arrowUp:visited {
		background: url(../../img/arrow-up2.gif) no-repeat 0 0;
	}
	.nutri a.arrowDn:link, .nutri a.arrowDn:visited {
		background: url(../../img/arrow-dn2.gif) no-repeat 0 0;
	}




/*-------
// 7 contact
//-----*/

.contact #content {
	background: url(../../img/back/7.jpg) no-repeat 0 0;
	padding: 29px 0 0;
	height: 425px;
}
	.contact #content2 {
		margin: 0 0 0 45px;
	}

.contact #content h1 {
	margin-left: 45px;
	margin-bottom: 1em;
}
.contact fieldset {
	position: relative;
	font-size: 88%;
}
.contact fieldset ul {
	width: 525px;
}
	.contact #page fieldset li {
		height: 2.9em;
		padding: .2em 0;
	}
	.contact #page fieldset li.a {
		height: auto;
		padding: .3em 0;
	}
	.contact #page fieldset li.long {
		width: 99.9%;
		height: auto;
	}
		.contact fieldset label {
			font-weight: normal;
			margin: 0 0 .15em;
		}
		.contact fieldset input.text {
			width: 96%;
		}
		.contact fieldset li.long input.text {
			width: 98%;
		}
		.contact fieldset select {
			width: 96%;
		}
		.contact fieldset textarea {
			width: 98%;
		}
	.contact #page p.but {
		position: absolute;
		left: 595px;
		top: 265px;
		padding: 0;
		margin: 0;
	}

.r {
	text-align: right;
}



/*-------
// 8 cart
//-----*/

.cart #content {
	background: url(../../img/back/8.jpg) no-repeat 0 0;
	padding: 39px 0 0;
	height: 415px;
}
	.cart #content2 {
		margin: 0 0 0 0;
		position: relative;
	}

.cart #content h1 {
	margin-bottom: 1em;
}
.cart #content h1.main {
	float: left;
	background: url(../../img/icon-cart3.jpg) no-repeat 100% 50%;
	padding-right: 50px;
	line-height: 24px;
	margin-bottom: .75em;
}

.cart .left {
	position: absolute;
	left: 20px;
	top: 0;
	width: 390px;
}

.table1 {
	clear: both;
	border: none;
	margin: 0 0 4px 10px;
}
	.table1 thead {
		margin: 0 0 5px;
	}
	.table1 th {	
		background: #d9dadb;
		color: #58585a;
		font-size: 88%;
		font-weight: normal;
		padding: 5px 5px;
	}
	.table1 th.qty { width: 20%; }
	.table1 th.name { width: 60%; }
	.table1 th.price { width: 20%; }
	.table1 th.trash { width: 3%; background: #d9dadb url(../../img/icon-trash.gif) no-repeat 0% 50%; }

	.table1 td.prix
	{
		padding-left: 15px;
	}
		
	.table1 td {
		border-top: solid 1px #c40173;
		font-size: 88%;
	}
		.table1 .img {
			float: left;
			width: 75px;
			margin: 2px 3px 0 0;
			text-align: center;
		}
		.table1 a.name:link, .table1 a.name:visited {
			font-weight: bold;
			color: #d1007c;
			display: block;
			padding: 1.25em 0 0;
			cursor: default;
			text-decoration: none;
		}

.totals 
{
	position: absolute;
	left: 0;
	top: 313px;
	width: 380px;
	margin: 0 0 0 10px;
	overflow: hidden;
}
	.totals dt, .totals dd {
		float: left;
		line-height: 20px;
		font-size: 0.9em;
	}
	.safari .totals dt, .safari .totals dd 
	{
		line-height: 18px;
		font-size: 0.9em;
		padding: 5px 0 4px 0;
	}
	.safari .zones 
	{
		width: 250px;
	}
	.totals dt {
		font-weight: bold;
		width: 25%;
	}
	.totals dd {
		width: 75%;
		text-align: right;
	}

.cart fieldset {
	position: absolute;
	font-size: 88%;
	left: 440px;
	top: 0;
}
	.cart fieldset ul {
		width: 350px;
		margin: 0 0 0 5px;
	}
		.cart #page fieldset li {
			height: 3em;
			padding: .2em 0;
			width: 99%;
		}
		.cart #page fieldset li.l1 {
			width: 25%;
			margin-right: 3%;
		}
		.cart #page fieldset li.l2 {
			width: 70%;
		}
			.cart fieldset label {
				font-weight: normal;
				margin: 0 0 .15em;
			}
			.cart fieldset input.text {
				width: 96%;
			}
			.cart fieldset select {
				width: 97%;
			}
			.cart fieldset textarea {
				width: 98%;
			}
	.cart #page p.but {
		position: absolute;
		left: 435px;
		top: 380px;
		padding: 0;
		margin: 0;
	}


.cb td, .cb tr
{
	color: #FFFFFF;
}