/*@import "reset.css";
@import "base.css";*/

/* CSS Document */

body {
margin: 0 0 0 0px;
padding:0 0 0 0px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#8a8a8a; 
color:#8a8a8a;
}
	
#flashcontent {
	width:999px;
	height:552px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000; 
}
#conteneur {
	width:999px;
	margin:0 auto;
	height:552px;	
}
#footer {
	width:999px;
	margin-top:5px;
	margin-left:5px;
}
input, select, textarea, option {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	color:#000000 !important;
}

a {
	color:#e05297;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#d41c80;
}
#idc-container .idc-c_collapsed .idc-c-h, #idc-container .idc-c .idc-c-h {
	background-image: url(../images/idc-transparent_vichy.png) !important;				
}
h3, #idc-commentcount_label {color:#000;}
#idc-container h3 {font-size:20px !important;}

#header {
	display:block;
	position:relative;
	width: 987px;
	height:46px;
	background:url(../images/header_bg.png) no-repeat;
	text-align:left;
}
#header a{
	display:block; 
	width:239px;
	height:46px;
	font-size:30px;
	margin-left:10px;
	background: url(../images/essentielles.logo_no.png) no-repeat;
	text-decoration:none
}
#header span {
	position:absolute;
	top: 12px;
	left: 245px;
	font-size:14px;
}
.bghead2 {background:url(../images/header_bg2.png) no-repeat top left!important; width: 987px!important;}
.nobg {background: none !important;	font-family: Arial, Helvetica, sans-serif;}
#border {
	display:block;
	width: 987px;
	background-image:url(../images/border.png);
	background-repeat:repeat-y;
	text-align:left;
	padding: 0px;
	padding-bottom: 20px;
}
.border_nopadd {padding-bottom: 0px!important;}
#borderBottom {
	background-image:url(../images/border_bottom.png);
	display:block;
	width: 987px;
	height:3px;
	background-repeat:no-repeat;
	margin:0;
	padding:0px;
}
#content {
	position: relative;
	display:block;
	width: 987px;
	background-image:url(../images/content_bg.png);
	background-repeat:no-repeat;
	text-align:left;
	padding: 0px 8px;
	min-height: 400px;
}
a img {
	border: 0px;
}
ul#menu {
	margin:0px;
	padding: 0px;
	width:186px;
	margin-right: 20px;
	display:block;
	float:left;
}
ul#menu li {
	margin:0px;
	padding: 0px;
	width: 186px;
	height:65px;
	list-style:none;
	margin-bottom: 4px;
}
ul#menu li a {
	width: 186px;
	height:65px;
	display:block;
	border:0px;
	background-image:url(../images/vichy_menu.png);	
}
ul#menu_main {
	position: relative;
	margin:0px;
	padding: 0px;
	width:965px;
	margin-left: 10px;
	display:block;
}
ul#menu_main li {
	margin:0px;
	padding: 0px;
	/*width: 189px;*/
	position:relative;
	height:65px;
	list-style:none;
	margin-right: 4px;
	float: left;
}
ul#menu_main li.mrnone{
	margin-right: 0!important;
}
ul#menu_main li a {
	width: 189px;
	height:65px;
	display:block;
	border:0px;
	background-image:url(../images/vichy_menu.png);	
}
ul#menu_main li div {
	position:absolute;
	width:955px;
	height:210px;
	top:-210px;
	left:-9999px;
}
ul#menu_main li.hover div {left:0;}
#menu_main li ul {width:960px; margin-left:0; padding:0}
#menu_main li ul li {height:210px;margin:0; padding:0}
#menu_main li ul li a{
	height:210px;
	background-image:url(../images/vichy_submenu.png);
}
.p1 {background-position:0 0; width:174px!important;}
.p1:hover {background-position:0 0; width:174px!important;}

.p2 {background-position:-174px 0; width:158px!important;}
.p2:hover {background-position:-174px 0;width:158px!important;}

.p3 {background-position:-332px 0; width:181px!important;}
.p3:hover {background-position:-332px 0;width:181px!important;}

.p4 {background-position:-513px 0;width:201px!important;}
.p4:hover {background-position:-513px 0;width:201px!important;}

.p5 {background-position:-714px 0;width:205px!important;}
.p5:hover {background-position:-714px 0;width:205px!important;}

.m1 { background-position:189px 0px }
.m1:hover, .m1 .active {background-position:0px 0px }
.m2 { background-position:189px -69px }
.m2:hover, .m2 .active {background-position:0px -69px }
.m3 { background-position:189px -138px }
.m3:hover, .m3 .active {background-position:0px -138px }
.m4 { background-position:189px -207px }
.m4:hover, .m4 .active {background-position:0px -207px }
.m5 { background-position:189px -276px }
.m5:hover {	background-position:189px -276px }

#text {
	display:block;
	float:left;
	width: 600px;
	padding:0px;
}
#social {
	display:block;
	float:left;
	width: 570px;
	padding:0px 15px;
}

#text h1 {
	margin:0px; padding:31px 0px 0px 0px;
}
#text h2 {
	color: #e05398;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	
}
.quote {
	margin-left:10px;
	font-size:14px;
	line-height:140%;
	
}
.quote p {
	margin:5px 0;
	color:#000;
	font-size:12px;
}
/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.cross {
	position: absolute;
	background: transparent url(../images/elems/cross.png) no-repeat;
	width: 56px;
	height: 79px;
	padding-left: 60px;
}
.cross span{
	display: block;
	position: absolute;
	background: transparent url(../images/elems/cross_line.png) repeat-x;
	left: 56px;
	height: 79px;
	width: 200px;
	font-size: 14px;
}
.cross p {
	color: #abcd68;
	display: block;
	position: absolute;
	top: 30px;
	left: 15px;
	margin: 0;
	padding: 0;
}
.cross_main{
	top: 317px;
	left: 60px
}
.cross_formulas{
	top: 40px;
	right: 270px;
	_right: 310px;
}
.cross_formulas span{width: 300px}

h1.main {
	padding: 20px 0 0 25px;
	font-weight: normal;
	font-size: 50px;
	line-height: 1;
	margin: 0;
	color: #e360a0;
}
h1.main span {
	display: block;
	color: #a1d142;
}
h1.formula {width: 360px}
.mainpic {
	background: transparent url(../images/tmp/main_page.jpg) no-repeat bottom right;
	width: 750px;
	height: 460px;
}
.goodstext{
	position: absolute;
	color: #7b7b7b;
	font-size: 10px;
	font-style: italic;
	bottom: 10px;
	left: 40px;
}
.troyanda {
	width: 940px;
	height: 460px;
	background: transparent url(../images/tmp/troyanda.jpg) no-repeat bottom right;
}
.troyanda_head{
	position: absolute;
	top: 155px;
	left: 130px;
	font-size: 21px;
	color: #e360a0;
	line-height: 40px;
}
.troyanda_head span {
	display: block;
	color: #a1d142;
}
.troyanda_text{
	font-size: 14px;
	line-height: 18px;
	color: #3d3d3d;
	position: absolute;
	bottom: 70px;
	left: 40px;
	width: 630px;
}
.troyanda_text h2 {font-size: 16px;}
.formulas {
	width: 940px;
	height: 460px;
	background: transparent url(../images/tmp/formulas.jpg) no-repeat bottom right;
}
.gamma {
	position: relative;
	background: transparent url(../images/elems/bg_gamma.png) no-repeat bottom right;
	height: 460px;
	width: 930px
}
.gamma5 {
		background: transparent url(../images/elems/bg_gamma5.png) no-repeat bottom right;
}
.gamma .texts{
	font-size:24px;
	padding:20px 0 0 20px;
	width:420px;
}
.gamma .texts h2{
	margin: 0;
	color: #9acd34;
	font-size: 28px;
	font-weight:normal;
}
.gamma .texts .big {
	font-size: 36px;
	color: #df4d92;
	line-height: 30px;
	padding: 20px 0;
}
.gamma .descr {
	font-size:14px;
	color: #3d3d3d;
	line-height:18px;
}
.gamma .descr h2{
	margin: 0;
	color: #3d3d3d;
	font-size:16px;
	padding-bottom: 5px;
	font-weight: bold;
}
.gamma .price {
	padding: 20px 0;
	color: #a1d142;
}
.gamma .small {
	color:#7B7B7B;
	font-size:10px;
	font-style:italic;
}
.gp1 {
	position: absolute;
	bottom: 0;
	right: 310px
}
.gammaopis {
height:80px;
position:absolute;
right:0;
top:110px;
width:265px;
}
.gammaopis2 {
height:71px;
position:absolute;
right:10px;
top:250px;
width:275px;
}
.gammaopis h2, .gammaopis2 h2 {
	margin: 0;
	font-size: 12px;
	font-weight: bolder;
}
.gammaopis ul, .gammaopis2 ul  {margin:5px 0;color: #7f7f7f;font-size: 12px;}
/*.gammaopis li, .gammaopis2 li{color: #d72d85; font-size: 12px;}*/
.cross_text {
	bottom:40px;
	font-size:14px;
	line-height:25px;
	position:absolute;
	right:0;
	width:190px;
}
.cross_text span {
	display: block;
	color: #a1d142;
}
.version {
	display: block;
	width: 107px;
	height: 22px;
	background-image: url(../images/version.png);
}
.commentshead {
	font-size:26px!important;
}
.html{background-position: 0 0;}
.flash{background-position: 0 -24px;}

