/* ////////////////////////////////////////
 * 
 * $ LANDING RESVERATROL B E
 * 
 * //////////////////////////////////////// */
div.main{
	padding-top:0;
	}
.container .obj_carrousel.wide{
	padding-top:147px;
	height:594px;
	margin-bottom:100px;
	}
.container .obj_carrousel.wide .masque
.container .obj_carrousel.wide .items,
.container .obj_carrousel.wide .item{
	height:594px;
	}
/* ========================================
 *	$ =	BANNER
 * ======================================== */
#Banner_resveratrol{
	width:100%;
	height:594px;
	padding:0;
	background:url('images/banner_resveratrol.jpg') center bottom no-repeat #fff;
	}
#Banner_resveratrol > a{
	position:relative;
	display:block;
	max-width:951px;
	padding:55px 25px 0;
	height:539px;
	margin:0 auto;
	}
#Banner_resveratrol header{
	margin:0 0 50px;
	width:70%;
	}
#Banner_resveratrol h2{
	border:0;
	color:#027ea5;
	font-size:104px;
	font-family:'FuturaBT-Light',arial;
	letter-spacing:-1px;
	margin-bottom:30px;
	}
#Banner_resveratrol h1{
	color:#027ea5;
	font-size:30px;
	font-family:'FuturaBT-Medium',arial;
	margin-bottom:0;
	text-transform:uppercase;
	}
#Banner_resveratrol header p{
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	font-family:'FuturaBT-Medium',arial;
	}
#Banner_resveratrol a > p{
	font-size:13px;
	font-family:'FuturaBT-Book',arial;
	text-transform:uppercase;
	}
#Banner_resveratrol p em{
	font-style:italic;
	}
#Banner_resveratrol p strong{
	font-size:13px;
	font-family:'FuturaBT-Bold',arial;
	}
	
/* p1 - p2 */
#Banner_resveratrol p.p1,
#Banner_resveratrol p.p2{
	width:60%;
	}
#Banner_resveratrol p.p1 span,
#Banner_resveratrol p.p2 span{
	display:inline-block;
	}	
/* p1 */
#Banner_resveratrol p.p1{
	color:#000;
	padding-left:15px;
	margin-bottom:1px;
	background:url('images/banner_f_paragraphe-01.png') left center no-repeat;
	}
#Banner_resveratrol p.p1 > span{
	padding-right:15px;
	background:url('images/banner_f_paragraphe-01.png') right center no-repeat;
	}
#Banner_resveratrol p.p1 > span > span{
	padding:2px 0;
	background:#fff;
	}
/* p 2 */
#Banner_resveratrol p.p2{
	color:#fff;
	margin-bottom:1px;
	padding-left:7px;
	background:url('images/banner_f_paragraphe-02-left.png') left center no-repeat;
	}
#Banner_resveratrol p.p2 > span{
	padding-right:7px;
	background:url('images/banner_f_paragraphe-02-right.png') right center no-repeat;
	}
#Banner_resveratrol p.p2 > span > span{
	padding:2px 7px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	}
	
#Banner_resveratrol p.bottom{
	position:absolute;
	bottom:50px;
	}
/* logo */
#Banner_resveratrol .obj_logo-resveratrol{
	position:absolute;
	top:85px;
	right:45px;
	}
/* ========================================
 *	$ =	OBJECT
 * ======================================== */
/* ----------------------------------------
 * LOGO
 * ---------------------------------------- */
.container div.main .obj_logo-resveratrol{
	display:block;
	text-align:center;
	color:#fff;
	font-family:"FuturaBT-Book",arial;
	font-size:18px;
	text-transform:uppercase;
	line-height:.5em;
	letter-spacing:1px;
	padding:44px 0 42px;
	background:url('images/f_logo-resveratrol.png') center center no-repeat;
	}
.obj_logo-resveratrol em{
	display:inline-block;
	padding:0 2px;
	font-size:.4444em;
	line-height:.7em;
	font-style:normal;
	background:#121b28;
	}
.obj_logo-resveratrol strong{
	display:inline-block;
	font-family:"FuturaBT-Bold",arial;
	font-size:.6111em;
	white-space:nowrap;
	}
/* green */	
.container div.main .obj_logo-resveratrol.green{
	color:#008ab0;
	font-size:30px;
	letter-spacing:1.5px;
	padding:74px 0 70px;
	background-image:url('images/f_logo-resveratrol-green.png');
	}
.obj_logo-resveratrol.green em{
	padding:0 2px;
	background:#fff;
	}
/* ----------------------------------------
 * GRAPH
 * ---------------------------------------- */
.obj_graph{
	position:relative;
	max-width:550px;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	padding:218px 0 20px 0;
	background:url('images/f_graph.gif') 42px 25px no-repeat #fff;
	background-size:75.454545% 204px;
	}
.obj_graph *{
	font-family:'FuturaBT-Medium',arial;
	font-size:10px !important;
	color:#666 !important;
	text-transform:uppercase;
	}
.obj_graph p{
	position:absolute;
	top:220px;
	left:16px;
	-webkit-transform-origin:left top;
	   -moz-transform-origin:left top;
		-ms-transform-origin:left top;
		 -o-transform-origin:left top;
			transform-origin:left top;
	-webkit-transform:rotate(-90deg);
	   -moz-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		 -o-transform:rotate(-90deg);
			transform:rotate(-90deg);
	}
.ie .obj_graph p{
	top:7px;
	left:44px;
	}
.obj_graph .stats{
	margin:0 0 0 13.454545%;/* 0 0 0 74px */
	}
.obj_graph .stats li{
	float:left;
	width:14.705882%;/* 70px */
	text-align:center;
	}
.obj_graph .stats li.li4{width:16.386554%;/* 78px */}
.obj_graph .stats li.li5{width:18.907563%;/* 90px */}

.obj_graph .stats span{
	position:absolute;
	left:-100000px;
	}
.obj_graph .legend{
	position:absolute;
	top:15px;
	right:15px;
	}
.obj_graph .legend li{
	text-transform:none;
	padding-left:30px;
	background:url('images/i_legend-gray.png') left 1px no-repeat;
	}
.obj_graph .legend li.blue{
	background-image:url('images/i_legend-blue.png');
	}
/* ----------------------------------------
 * INGREDIENTS
 * ---------------------------------------- */
.obj_ingredients{
	position:relative;
	width:310px;
	height:308px;
	background:url('images/f_ingredients.png') center center no-repeat;
	}
.obj_ingredients li{
	position:absolute;
	top:62px;
	left:40px;
	width:115px;
	text-align:center;
	font-family:'FuturaBT-Bold',arial;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	}
.obj_ingredients li.li2{
	top:133px;
	left:153px;
	}
.obj_ingredients li.li3{
	top:195px;
	}
.obj_ingredients li span{
	display:block;
	margin:0 auto 5px;
	width:22px;
	height:25px;
	text-indent:-10000px;
	background:url('images/txt_1-percent.gif') center bottom no-repeat;
	}
.obj_ingredients li span.txt_05{
	width:63px;
	background:url('images/txt_05-percent.gif') center bottom no-repeat;
	}
/* ----------------------------------------
 * OBJ VIDEO
 * ---------------------------------------- */
.obj_video{
	width:852px;
	height:460px;
	background:url('images/v_video.jpg') center center no-repeat;
	}
.obj_video a{
	position:relative;
	display:block;
	width:80.868544600938967136150234741784%;/* 688 */
	height:77.608695652173913043478260869565%;/* 356 */
	top:4.5652173913043478260869565217391%;
	left:9.3896713615023474178403755868545%;
	}
.obj_video a .text{
	position:absolute;
	top:34.831460674157303370786516853933%;/* 124 */
	left:11.191860465116279069767441860465%;/* 77 */
	color:#fff;
	font-size:20px;
	line-height:1.6em;/* 32 */
	font-family:'FuturaBT-Book',arial;
	text-transform:uppercase;
	}
.obj_video a .text strong{
	font-family:'FuturaBT-Medium';
	}
.obj_video a .play{
	position:absolute;
	text-indent:-10000px;
	top:42.696629213483146067415730337079%;/* 152 */
	left:41.569767441860465116279069767442%;/* 286 */
	width:16.715116279069767441860465116279%;/* 115 */
	height:32%;/* 114 */
	background:url('images/b_play.png') left top no-repeat;
	}
.obj_video a:hover .play{
	background-position:left bottom;
	}
/* ========================================
 *	$ =	LANDING PAGE
 * ======================================== */
/* ----------------------------------------
 * SURCHARGE HEXA NAV
 * ---------------------------------------- */
h3.title-hexa-nav{
	position:absolute;
	z-index:20;
	top:220px;
	left:50%;
	margin-left:247px;
	color:#007da4 !important;
	font-size:16px;
	font-family:'FuturaBT-Bold',arial;
	text-transform:uppercase;
	}
.pg_landing .obj_nav-hexa{
	width:253px;
	top:270px;
	margin-left:227px;
	}
.pg_landing .obj_nav-hexa ul{
	padding:20px;
	background:#192330;
	}
.pg_landing .obj_nav-hexa ul li a{
	display:inline-block;
	width:auto;
	height:auto;
	color:#fff;
	font-size:13px;
	font-family:"FuturaBT-Book",arial;
	text-transform:uppercase;
	background:none;
	}
.pg_landing .obj_nav-hexa ul li a.on{
	font-family:"FuturaBT-Bold",arial;
	}
.pg_landing .obj_nav-hexa > span{
	visibility:hidden;
	}
/* ----------------------------------------
 * COMMON SECTION
 * ---------------------------------------- */
.pg_landing .container .obj_carrousel.wide{margin-bottom:0;} 
.pg_landing #Banner_resveratrol{
	max-width:960px;
	margin:0 auto;
	background-position:-139px bottom;
	}
.pg_landing #Banner_resveratrol h2{
	font-size:94px;
	}
.pg_landing #Banner_resveratrol > a{
	width:auto;
	padding-left:22px;
	}
.pg_landing div.main section{
	position:relative;
	max-width:960px;
	padding:197px 25px 0;
	margin:0 auto;
	background:url('images/f_section.gif') left 95px repeat-x;
	}
.pg_landing div.main section h2{
	font-size:21px;
	font-family:'FuturaBT-Medium',arial;
	color:#008ab0;
	margin-bottom:5px;
	}
.pg_landing div.main section h3{
	font-family:'FuturaBT-Bold',arial;
	color:#666;
	margin-bottom:7px;
	}
.pg_landing div.main section p{
	line-height:1.785em;
	}
.pg_landing div.main section p,
.pg_landing div.main .ctn_texte li{
	font-size:14px;
	font-family:'FuturaBT-Book',arial;
	}
.pg_landing div.main .ctn_texte ul{
	padding-left:15px;
	}
.pg_landing div.main .ctn_texte li{
	list-style-type:disc;
	margin-bottom:7px;
	}
.pg_landing div.main section strong{
	font-family:'FuturaBT-Bold',arial;
	}
.pg_landing div.main section .b_link{
	font-size:14px;
	text-transform:uppercase;
	}
/* section biology */
.pg_landing div.main section.biology{
	background:none;
	}
.pg_landing section.biology .ctn_texte{
	max-width:685px;
	}
.pg_landing section.biology .obj_video{
	position:relative;
	left:-80px;
	}
/* section resveratrol */
.pg_landing section.resveratrol .ctn_texte{
	max-width:665px;
	}
.pg_landing section.resveratrol .ctn_logo{
	position:relative;
	max-width:410px;
	margin:25px 0 30px;
	padding:0 249px 0 0;
	}
.pg_landing section.resveratrol .obj_logo-resveratrol{
	position:absolute;
	right:0;
	top:0;
	}
/* section formulation */
.pg_landing section.formulation .ctn_texte{
	width:320px;
	}
.pg_landing section.formulation h3{
	margin-top:58px;
	}
.pg_landing section.formulation ul{
	margin-bottom:22px;
	}
.pg_landing section.formulation .obj_ingredients{
	position:absolute;
	top:197px; 
	left:370px;
	}
/* section results */
.pg_landing div.main section.results h2{
	margin-bottom:30px;
	}
.pg_landing section.results .str_left,
.pg_landing section.results .str_right{
	float:none;
	width:605px;
	}
.pg_landing section.results .obj_graph{
	margin:-8px 0 3px;
	}
/* section antioxidant */
.pg_landing div.main section.antioxidant{
	height:706px;
	padding-right:0;
	padding-left:0;
	}
.pg_landing section.antioxidant h2{
	position:absolute;
	z-index:3;
	}
.pg_landing section.antioxidant span.plus{
	position:absolute;
	z-index:3;
	top:490px;
	left:47.395833%;/* 455px */
	margin-left:-51px;
	line-height:1em;
	text-align:center;
	font-size:124px;
	color:#007da4;
	font-family:'FuturaBT-Bold',arial;
	}
.pg_landing section.antioxidant .info{
	position:absolute;
	top:155px;
	left:30px;
	width:215px;
	z-index:2;
	border:1px solid #cdced0;
	padding:15px 17px 5px 0;
	background:#fff;
	}
.pg_landing section.antioxidant .info h3{
	font-size:16px;
	color:#008ab0;
	}
.pg_landing section.antioxidant .info h3 span{
	display:inline-block;
	padding:0 18px 10px 17px;
	background:url('images/f_title.gif') right bottom no-repeat;
	}
.pg_landing section.antioxidant .info h3 em{
	position:absolute;
	right:15px;
	top:16px;
	color:#fff;
	font-size:10px;
	padding:4px 10px;
	border-radius:5px;
	background:#008ab0;
	}
.pg_landing section.antioxidant .info h3 span{
	display:inline-block;
	}
.pg_landing section.antioxidant .info p{
	line-height:1.2em;
	padding-left:17px;
	}
.pg_landing section.antioxidant .ctn_product{
	position:relative;
	float:left;
	height:706px;
	width:47.395833%;/* 455px */
	}
.pg_landing section.antioxidant .ctn_product-02{
	float:right;
	width:52.604166%;/* 505px */
	background:#010a21;
	}
.pg_landing section.antioxidant .ctn_product figure{
	position:absolute;
	bottom:0;
	right:0;
	width:268px;
	}
.pg_landing section.antioxidant .ctn_product figure img{
	vertical-align:text-bottom;
	}
.pg_landing section.antioxidant .ctn_product-02 figure{
	left:0;
	right:auto;
	}
.pg_landing section.antioxidant .ctn_product-02 .info{
	width:250px;
	top:301px;
	left:208px;
	}
.pg_landing section.antioxidant .ctn_product figcaption{
	position:absolute;
	top:370px;
	left:50%;
	margin-left:-85px;
	width:170px;
	text-align:center;
	font-family:'FuturaBT-Bold',arial;
	font-size:14px;
	color:#acacac;
	text-transform:uppercase;
	}
.pg_landing section.antioxidant .ctn_product-02 figcaption{
	top:500px;
	}
/* ////////////////////////////////////////////
 *
 *	$ = SURCHARGE RETINA
 *
 * ///////////////////////////////////////// */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){
	
	/* ----------------------------------------
	 * LOGO
	 * ---------------------------------------- */
	.container div.main .obj_logo-resveratrol{
		background-image:url('images/f_logo-resveratrol_HD.png');
		background-size:144px auto;
		}
	.container div.main .obj_logo-resveratrol.green{
		background-image:url('images/f_logo-resveratrol-green_HD.png');
		background-size:241px auto;
		}
		
	/* -------------------------------------
	 * $  GRAPH
	 * ------------------------------------- */	 
	.obj_graph{
		background-image:url('images/f_graph_HD.gif');
		background-size:415px auto;
		}
	.obj_graph .legend li{
		background-image:url('images/i_legend-gray_HD.png');
		background-size:26px auto;
		}
	.obj_graph .legend li.blue{
		background-image:url('images/i_legend-blue_HD.png');
		}
	/* ----------------------------------------
	 * INGREDIENTS
	 * ---------------------------------------- */
	.obj_ingredients{
		background-image:url('images/f_ingredients.png');
		background-size:310px auto;
		}
	.obj_ingredients li span{
		background-image:url('images/txt_1-percent.gif');
		background-size:22px auto;
		}
	.obj_ingredients li span.txt_05{
		background-image:url('images/txt_05-percent.gif');
		background-size:63px auto;
		}
}
/* ////////////////////////////////////////////
 *
 *	$ = RESPONSIVE
 *
 * ///////////////////////////////////////// */
/* ========================================
 * ECRAN < 960px
 * ===================================== */
@media screen and (max-width:1024px){
	
	
}
/* ========================================
 * ECRAN < 960px
 * ===================================== */
@media screen and (max-width:960px){
	.container .obj_carrousel.wide{padding-top:74px;}
	.container div.main .obj_carrousel.wide .item{padding-top:0;}
	.container #Banner_resveratrol h2{font-size:80px;}
	
	h3.title-hexa-nav{display:none;}
	
	.pg_landing div.main section{padding-top:125px;background-position: left 65px;}
	
	.pg_landing section.antioxidant .info{left:auto;right:58px;top:530px;}
	.pg_landing section.antioxidant .ctn_product-02 .info{right:auto;left:58px;top:530px;}
	
	.pg_landing div.main .biology{padding-bottom:380px;}
	.pg_landing section.biology .obj_video{
		position:absolute;
		left:50%;
		bottom:0;
		margin-left:-341px;
		-webkit-transform:scale(.8);
		   -moz-transform:scale(.8);
			-ms-transform:scale(.8);
			 -o-transform:scale(.8);
				transform:scale(.8);
		-webkit-transform-origin:left bottom;
		   -moz-transform-origin:left bottom;
			-ms-transform-origin:left bottom;
			 -o-transform-origin:left bottom;
				transform-origin:left bottom;
		}
		
	.pg_landing div.main section.antioxidant h2{position:static;padding:0 20px;}
}
/* ========================================
 * ECRAN < 768px ( ipad portrait )
 * ===================================== */
@media screen and (max-width:768px){
	.container #Banner_resveratrol{background-size:1000px auto;background-color:#131925;background-position:right -140px bottom 0;}
	.container #Banner_resveratrol h2{font-size:70px;}
	
	.pg_landing section.antioxidant .info{right:10%;width:80%;box-sizing:border-box;}
	.pg_landing section.antioxidant .ctn_product-02 .info{right:auto;left:10%;width:80%;}
	
	/* section biology */
	.pg_landing div.main .biology{padding-bottom:330px;}
	.pg_landing section.biology .obj_video{
		margin-left:-298px;
		-webkit-transform:scale(.7);
		   -moz-transform:scale(.7);
			-ms-transform:scale(.7);
			 -o-transform:scale(.7);
				transform:scale(.7);
		}
		
	.pg_landing .container section.antioxidant .ctn_product{width:50%;}
	.pg_landing section.antioxidant span.plus{left:50%;}
}
/* ========================================
 * ECRAN < 640px 
 * ===================================== */
@media screen and (max-width:640px){
	.container #Banner_resveratrol{background-size:100% auto;background-position:center bottom;}
	#Banner_resveratrol header{width:100%;margin-bottom:20px;}
	#Banner_resveratrol p.p1,
	#Banner_resveratrol p.p2{width:100%;}
	.container #Banner_resveratrol h2{font-size:60px;margin-bottom:0;}
	#Banner_resveratrol .obj_logo-resveratrol{top:auto;bottom:90px;right:auto;left:15%;}
	.obj_logo-resveratrol em{background-color:#5574a0;}

	/* section resveratrol */
	.pg_landing section.resveratrol .ctn_logo{padding:220px 0 0;max-width:none;}
	.pg_landing section.resveratrol .obj_logo-resveratrol{right:auto;left:50%;margin-left:-120px;}
	
	/* section formulation */
	.pg_landing div.main section.formulation{padding-top:450px;}
	.pg_landing section.formulation .ctn_texte{width:auto;}
	.pg_landing section.formulation .obj_ingredients{position:absolute;top:120px;left:50%;margin-left:-155px;}
	
	/* section results */
	.container section.results .str_left{position:relative;padding-bottom:125px;margin-bottom:30px;}
	.obj_graph{
		position:absolute;
		left:0;
		bottom:-125px;
		width:550px;
		-webkit-transform:scale(.5);
		   -moz-transform:scale(.5);
			-ms-transform:scale(.5);
			 -o-transform:scale(.5);
				transform:scale(.5);
		-webkit-transform-origin:left top;
		   -moz-transform-origin:left top;
			-ms-transform-origin:left top;
			 -o-transform-origin:left top;
				transform-origin:left top;
		}
	/* section biology */
	.pg_landing div.main .biology{padding-bottom:250px;}
	.pg_landing section.biology .obj_video{
		margin-left:-213px;
		-webkit-transform:scale(.5);
		   -moz-transform:scale(.5);
			-ms-transform:scale(.5);
			 -o-transform:scale(.5);
				transform:scale(.5);
		}
}
/* ========================================
 * ECRAN < 480px
 * ===================================== */
@media screen and (max-width:480px){
	.container .obj_carrousel.wide{padding-top:65px;}
	.container #Banner_resveratrol{background-size:120% auto;}
	.container #Banner_resveratrol h2{font-size:50px;}
	#Banner_resveratrol p.p2{padding-left:12px;}
	#Banner_resveratrol p.p2 > span{padding-right:12px;}
	.obj_logo-resveratrol em{background-color:#1f2832;}
	#Banner_resveratrol .obj_logo-resveratrol{bottom:40px;left:5%;}
	
	.pg_landing div.main section.antioxidant{height:auto;}
	.pg_landing .container section.antioxidant .ctn_product{height:auto;}
	.pg_landing .container section.antioxidant .ctn_product{float:none;width:100%;}
	.pg_landing .container section.antioxidant .ctn_product figure{position:static;width:auto;text-align:center;}
	.pg_landing section.antioxidant .info{top:400px;}
	.pg_landing section.antioxidant span.plus{position:relative;left:auto;top:auto;margin:-68px 0 -55px;display:block;text-align:center;}
}
/* ========================================
 * ECRAN < 320px
 * ===================================== */
@media screen and (max-width:320px){
	
	.container #Banner_resveratrol h2{font-size:40px;}
}