/*
 *
 *
 *	$ =	SKIN CEUTICALS PRODUCTS
 *
 *  1  - products categories
 *  2  - products comparison
 *  3  - products details
 *
 */
/* ////////////////////////////////////////
 * 
 * $ PRODUCT CATEGORIES
 * 
 * //////////////////////////////////////// */
 /* ========================================
 *	$ =	OBJECTS
 * ======================================== */

.pg_productCategory .obj_header{
	position:relative;
	width: 100%;	
	min-height: 250px;
	margin: 0 0 30px;
	box-sizing: border-box;
	background-color: transparent;
	}
.pg_productCategory .obj_header .main-center{	
	position: relative;
	max-width: 1024px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	}
.pg_productCategory .obj_header header{
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
	padding: 32px 48.35% 0 32px;
	box-sizing: border-box;
	}	
.pg_productCategory .obj_header	h1{
	margin-bottom: 20px;
	color: #000;
	font-size: 40px;
	line-height: 1em;
	text-transform: uppercase;
	font-family: 'FuturaBT-Light',arial;
	}
.pg_productCategory .obj_header	h2{
	font: 14px/1em 'FuturaBT-Medium';
	border: 0;
	margin: 0;
	padding: 0 0 5px 0;
	color: #333;
	}
.pg_productCategory .obj_header p{
	font-size: 13px;
    font-family: 'FuturaBT-Book',arial;
	}	
.pg_productCategory article.obj_header p a.more,
.pg_productCategory article.obj_header p a.more span{
	font-weight: bold;
	color: #000;
	}
.pg_productCategory .obj_header .background{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	}
	
/* theme dark */	
.obj_header .theme-dark h1,
.obj_header .theme-dark h2,
.obj_header .theme-dark p,
.pg_productCategory article.obj_header .theme-dark p a.more,
.pg_productCategory article.obj_header .theme-dark p a.more span{
	color: #fff;
	}
	
@media screen and (max-width:767px){
	.pg_productCategory .obj_header header{
		padding: 40px 20% 0 32px;
		}
}

@media screen and (max-width:480px){
	.pg_productCategory .obj_header {
		height: auto;
		min-height: 210px;
		}
	.pg_productCategory .obj_header header{
		padding: 40px 20px 20px;
		}
	.pg_productCategory .obj_header .background,	
	.pg_productCategory .obj_header header p{
		display: none;
		}
	.pg_productCategory .obj_header h1{
		font-size: 34px;
		line-height: 1em;
		}
	.obj_header .theme-dark h1,
	.obj_header .theme-dark h2{
		color: #000;
		}
	.obj_header .theme-dark h2	
	.obj_header .theme-dark p{
		color: #333;
		}
}
 
/* -------------------------------------
 *   surcharge obj_carrousel wide
 * ------------------------------------- */
.pg_productCategory div.main .obj_carrousel .item > div{
	height:334px;
	position:relative;
	}
.pg_productCategory div.main .obj_carrousel .item1{
	background:url('../../include/images/f_productLandind-default.jpg') center top no-repeat;
	}
.pg_productCategory div.main .obj_carrousel .item2{
	background:url('../../include/images/f_productLandind-tube.jpg') center top no-repeat;
	}
.pg_productCategory div.main .obj_carrousel h1 b{
	font-size:48px;
	line-height:1em;
	}

/* -------------------------------------
 *   BANNER
 * ------------------------------------- */
.cat-all div.main .obj_carrousel .item{background:url('../../include/images/banner_category_00_EU.jpg') center top no-repeat #fff;}
.cat-antioxidants div.main .obj_carrousel .item{background:#fff;}
.cat-antioxidants div.main .obj_carrousel .item > div{background:url('../../include/images/banner_category_01.jpg') right center no-repeat #fff;}
.cat-sunscreens div.main .obj_carrousel .item{background:url('../../include/images/banner_category_02_EU.jpg') center top no-repeat #fff;}
.cat-corrective-creams div.main .obj_carrousel .item{background:url('../../include/images/banner_category_03.jpg') center top no-repeat #fff;}
.cat-corrective-serums div.main .obj_carrousel .item{background:url('../../include/images/banner_category_04_EU.jpg') center top no-repeat #fff;}
.cat-exfoliants div.main .obj_carrousel .item{background:url('../../include/images/banner_category_05.jpg') center top no-repeat #fff;}
.cat-eyecare div.main .obj_carrousel .item{background:url('../../include/images/banner_category_06_EU.jpg') center top no-repeat #fff;}
.cat-masques div.main .obj_carrousel .item{background:url('../../include/images/banner_category_07.jpg') center top no-repeat #fff;}
/* .cat-cleansers div.main .obj_carrousel .item{background:url('../../include/images/banner_category_08_EU.jpg') center top no-repeat #fff;} */
.cat-cleansers div.main .obj_carrousel .item{
	/*background:url('../../include/images/banner_category_08_INT-EN_2019.jpg') center top no-repeat #000;*/
	}
/*.cat-toners div.main .obj_carrousel .item{background:url('../../include/images/banner_category_09_EU.jpg') center top no-repeat #fff;}*/
.cat-toners div.main .obj_carrousel .item{background:url('../../resources/INT_EN/images/banner_category_09-2018_EU.jpg') center top no-repeat #fff;}
.cat-moisturizers div.main .obj_carrousel .item{
	background:url('../../include/images/banner_category_10_INT_2019.jpg') center top no-repeat #fff;
	}
.cat-bodycorrect div.main .obj_carrousel .item{background:url('../../include/images/banner_category_11.jpg') center top no-repeat #fff;}

.cat-vitamin_c div.main .obj_carrousel .item{background:#fff;}
.cat-vitamin_c div.main .obj_carrousel .item > div{background:url('../../include/images/banner_category_29.jpg') right bottom no-repeat #fff;}

.cat-hyaluronic-acid div.main .obj_carrousel .item {background:#fff;}
.cat-hyaluronic-acid div.main .obj_carrousel .item > div{background:url('../../include/images/banner_category_30.jpg') right bottom no-repeat #fff;}

.cat-retinol div.main .obj_carrousel .item {background:#fff;}
.cat-retinol div.main .obj_carrousel .item > div{background:url('../../include/images/banner_category_31.jpg') right top no-repeat #fff;}

.cat-antiaging div.main {background: url('../../include/images/f_blue-gradient.gif') left 147px repeat-x;}
.cat-antiaging div.main .obj_carrousel .item {}
.cat-antiaging div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skinconditions_01.jpg') right bottom no-repeat;}

.cat-glycolic-acid div.main .obj_carrousel .item {background:#fff;}
.cat-glycolic-acid div.main .obj_carrousel .item > div{background:url('../../include/images/banner_category_33.jpg') right bottom no-repeat #fff;}


/* mobile */
@media screen and (max-width:960px){
	
	.pg_productCategory div.main:before{ background:url('../../include/images/banner_category_00_EU_mobile.jpg') center top no-repeat; } 
	.pg_productCategory.cat-cleansers div.main:before{ background-image: url('../../include/images/banner_category_08_EU_mobile.jpg'); } 
	.pg_productCategory.cat-antioxidants div.main:before{background:url('../../include/images/banner_category_01.jpg') no-repeat center center / contain;}
	.pg_productCategory div.main:before{ background:url('../../resources/INT_EN/images/banner_category_09-2018_EU_mobile.jpg') center top no-repeat; }

	.pg_productCategory.cat-vitamin_c div.main:before{display:none;}
	.pg_productCategory.cat-vitamin_c .obj_carrousel.wide .content:before{
		display: block; content:"";
		position:relative;
		width:100%;
		height:250px;
		background:url('../../include/images/banner_category_29.jpg') no-repeat center center / contain;
		}
	
	/* HYALURONIC ACID */
	.pg_productCategory.cat-hyaluronic-acid div.main {
		padding-top: 40px;
		}	
	.pg_productCategory.cat-hyaluronic-acid div.main:before{display:none;}
	.pg_productCategory.cat-hyaluronic-acid .obj_carrousel.wide .item h2 {
		margin: 0;
		padding: 0;
		border-bottom: none;
		}
	.pg_productCategory.cat-hyaluronic-acid .obj_carrousel.wide .content:before{
		display: block; content:"";
		position:relative;
		width:100%;
		height:276px;
		background:url('../../include/images/banner_category_30.jpg') no-repeat center center / contain;
		}	
		
	/* RETINOL */
	.pg_productCategory.cat-retinol div.main {
		padding-top: 40px;
		}	
	.pg_productCategory.cat-retinol div.main:before{display:none;}
	.pg_productCategory.cat-retinol .obj_carrousel.wide .item h2 {
		margin: 0;
		padding: 0;
		border-bottom: none;
		}
	.pg_productCategory.cat-retinol .obj_carrousel.wide .content:before{
		display: block; content:"";
		position:relative;
		width:100%;
		height:276px;
		background:url('../../include/images/banner_category_31.jpg') no-repeat center top / contain;
		}	
		
	/* ANTIAGING */
	/*
	.pg_productCategory.cat-antiaging div.main {
		padding-top: 40px;
		}
	.pg_productCategory.cat-antiaging div.main:before{display:none;}	
	.pg_productCategory.cat-antiaging .obj_carrousel.wide .content:before{
		position: relative;
		display: block; content: "";
		width: 100%;
		height: 206px;
		margin: 0 auto 20px;
		background: url('../../include/images/banner_category_32.jpg') no-repeat center top / contain;
		}	
	*/

}

@media screen and (max-width:320px){

	.pg_productCategory.cat-hyaluronic-acid .obj_carrousel.wide .content:before{
		height:190px;
		}

}

/* ------------
 * skin type 
 * --------- */
.type-all div.main .obj_carrousel .item{}
.type-all div.main .obj_carrousel .item .ctn_box-skin{position:absolute;z-index:1;top:78px;right:0;width:431px;}
.type-all div.main .obj_carrousel .item .ctn_box-skin li{margin:0 50px 40px 0;}
.type-all div.main .obj_carrousel .item .ctn_box-skin li+li+li+li{margin-left:67px;}
.type-all div.main .obj_carrousel .item .ctn_box-skin li+li+li+li+li{margin-left:0px;}
.type-all div.main .obj_carrousel .item .glass{position:absolute;z-index:2;top:42px;right:281px;width:215px;height:217px;}

.type-normal div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skintypes_01.jpg') right center no-repeat;}
.type-oily div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skintypes_02.jpg') right center no-repeat;}
.type-combination div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skintypes_03.jpg') right center no-repeat;}
.type-dry div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skintypes_04.jpg') right center no-repeat;}
.type-sensitive div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skintypes_05.jpg') right center no-repeat;}

/* mobile */
.type-all div.main:before,
.type-normal div.main:before,
.type-oily div.main:before,
.type-combination div.main:before,
.type-dry div.main:before,
.type-sensitive div.main:before{
	background:url('../../include/images/banner_skintypes_00_mobile.jpg') center top no-repeat;
	}
/* ------------------
 * skin conditions 
 * --------------- */
.condition-all div.main .obj_carrousel .item{background:url('../../include/images/banner_skinconditions_00.jpg') center top no-repeat;}
.condition-all .obj_hero h1, .obj_carrousel.wide article h1 {width:560px;}

.condition-aging div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skinconditions_01.jpg') right center no-repeat;}
.condition-acne div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skinconditions_02.jpg') right center no-repeat;}
.condition-dehydrated div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skinconditions_03.jpg') right center no-repeat;}
.condition-hyperpigmentation div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skinconditions_04.jpg') right center no-repeat;}
.condition-rosacea div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skinconditions_05.jpg') right center no-repeat;}
.condition-sensitized div.main .obj_carrousel .item > div{background:url('../../include/images/banner_skinconditions_06.jpg') right center no-repeat;}
/* mobile */
.condition-all div.main:before,
.condition-aging div.main:before,
.condition-acne div.main:before,
.condition-dehydrated div.main:before,
.condition-hyperpigmentation div.main:before,
.condition-rosacea div.main:before,
.cat-antiaging div.main:before{
	background:url('../../include/images/banner_skinconditions_00_mobile.jpg') center top no-repeat;
	}
/* --------------
 * phylosophie 
 * ----------- */
.phylosophie-all div.main .obj_carrousel .item{background:url('../../include/images/banner_philosophy_00_EU.jpg') center top no-repeat #fff;}
.phylosophie-prevent div.main .obj_carrousel .item{
	background:url('../../include/images/banner_philosophy_01_EU.jpg') center top no-repeat #fff;
	}
.phylosophie-protect div.main .obj_carrousel .item{
	background:url('../../include/images/banner_philosophy_02_EU.jpg') center top no-repeat #fff;
	}
.phylosophie-correct div.main .obj_carrousel .item{
	background:url('../../include/images/banner_philosophy_03_EU.jpg') center top no-repeat #fff;
	}
	
	
/* mobile */
.phylosophie-all div.main:before, 
.phylosophie-prevent div.main:before,
.phylosophie-protect div.main:before,
.phylosophie-correct div.main:before{
	background:url('../../include/images/banner_philosophy_00_EU_mobile.jpg') center top no-repeat; 
	}
	
/* Position Legende Banner common */
.pg_productCategory div.main .obj_carrousel article h3.card-title{
	position:absolute; 
	left:677px;
	bottom:200px;
	width:113px;
	padding:0 5px;
	text-align:center; 
	color:#888;
	font-family:'FuturaBT-Light',arial;
	}

/* Position Legende Banner common */
.pg_productCategory div.main .obj_carrousel article p.legend{
	position:absolute; 
	width:200px;
	text-align:right; 
	font-size: 11px;
	line-height:14px;
	}
.pg_productCategory div.main .obj_carrousel article p.legend1{top:112px;left:355px;}
.pg_productCategory div.main .obj_carrousel article p.legend2{top:144px;left:342px;}
.pg_productCategory div.main .obj_carrousel article p.legend3{top:440px;left:680px;text-align:center;}

.pg_productCategory.v2 div.main .obj_carrousel .item p.legend1{top: 66px; left: 482px;}
.pg_productCategory.v2 div.main .obj_carrousel .item p.legend2{top: 82px; left: 482px;}
.pg_productCategory.v2 div.main .obj_carrousel .item p.legend3{top: 220px; left: 682px; text-align: center;}


/* surcharge Position Legende Banner common */

.type-combination div.main .obj_carrousel .item p.legend1{top:115px; left:345px;}
.type-combination div.main .obj_carrousel .item p.legend2{top:147px; left:333px;}
.type-combination div.main .obj_carrousel .item p.legend3{top:443px;}

.condition-all div.main .obj_carrousel .item p.legend1{top:152px;left:258px;}
.condition-all div.main .obj_carrousel .item p.legend2{top:214px;left:278px;}
.condition-all div.main .obj_carrousel .item p.legend3{top:380px;left:385px;text-align:right;}

.pg_productCategory.v2.condition-aging div.main .obj_carrousel .item p.legend1{top: 86px; left: 452px;}
.pg_productCategory.v2.condition-aging div.main .obj_carrousel .item p.legend2{top: 112px; left: 452px;}
.pg_productCategory.v2.condition-aging div.main .obj_carrousel .item p.legend3{top: 210px; left: 612px; text-align: right;}

.pg_productCategory.v2.condition-acne div.main .obj_carrousel .item p.legend1{top: 66px;left: 488px; text-align: right; }
.pg_productCategory.v2.condition-acne div.main .obj_carrousel .item p.legend2{top:80px; left: 478px; text-align: right;}
.pg_productCategory.v2.condition-acne div.main .obj_carrousel .item p.legend3{top:210px;left:665px; text-align: right; }

.condition-dehydrated div.main .obj_carrousel .item p.legend1{top:105px;left:315px; text-align: right; }
.condition-dehydrated div.main .obj_carrousel .item p.legend2{top:92px;left:472px; text-align: right; }

.pg_productCategory.v2.condition-hyperpigmentation div.main .obj_carrousel .item p.legend1{top: 66px; left: 472px; text-align: right;}
.pg_productCategory.v2.condition-hyperpigmentation div.main .obj_carrousel .item p.legend2{top: 196px; left: 522px; text-align: right;}

.pg_productCategory.v2.condition-rosacea div.main .obj_carrousel .item p.legend1{top: 66px; left: 492px;}
.pg_productCategory.v2.condition-rosacea div.main .obj_carrousel .item p.legend2{top:105px; left: 482px;}
.pg_productCategory.v2.condition-rosacea div.main .obj_carrousel .item p.legend3{top:123px; left: 480px; text-align:right;}
.pg_productCategory.v2.condition-rosacea div.main .obj_carrousel .item p.legend4{top:135px; left: 480px; text-align:center;}

.pg_productCategory.v2.condition-sensitized div.main .obj_carrousel .item p.legend1{top: 86px; left: 452px; text-align:right;}
.pg_productCategory.v2.condition-sensitized div.main .obj_carrousel .item p.legend2{top: 114px; left: 482px; text-align:right;}
.pg_productCategory.v2.condition-sensitized div.main .obj_carrousel .item p.legend3{top: 136px; left: 488px; text-align:right;}


.cat-antiaging div.main .obj_carrousel .item p.legend1{top:152px; left:258px; text-align:right;}
.cat-antiaging div.main .obj_carrousel .item p.legend2{top: 104px; left: 478px; text-align:right;}
.cat-antiaging div.main .obj_carrousel .item p.legend3{top: 122px; left: 478px;text-align:right;}


/* -------------------------------------
 *   obj_sorting   
 * ------------------------------------- */
.pg_productCategory .obj_sorting{
	clear:both;
	margin:0 0 30px 0;
	border-top:1px solid #e8e6e6;
	}
/* more option */
.pg_productCategory .obj_sorting .more_options{
	height:0;
	overflow:hidden;
	position:relative;
	z-index:20;
	background:url('../../include/images/pix_light-gray.gif') left bottom repeat-x;
	}
.pg_productCategory .obj_sorting .more_options > div{
	padding:40px 0 31px 0;
	}
.pg_productCategory .obj_sorting .more_options h5{
	margin:0 20px 10px 0;
	}
.pg_productCategory .obj_sorting .obj_filter{
	margin-bottom:10px;
	}
.pg_productCategory .obj_sorting .obj_filter > div{
	width:183px;
	}
/* bottom */
.pg_productCategory .obj_sorting .str_left p{
	float:left;
	margin:0 10px 0 0;
	}
.pg_productCategory .obj_sorting h5{
	color:#333;
	font-family:'FuturaBT-Book',arial;
	font-size:12px;
	text-transform:uppercase;
	float:left;
	line-height:28px;
	}
.pg_productCategory .obj_sorting .str_right ul{
	float:left;
	margin:8px 0 0 20px;
	}
.pg_productCategory .obj_sorting .str_right li{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	float:left;
	border-left:1px solid #b7cdd4;
	}
.pg_productCategory .obj_sorting .str_right li:first-child{
	border:none;
	margin:0;
	padding:0;
	}
.pg_productCategory .obj_sorting .str_right li a.on{
	color:#000;
	font-weight:bold;
	cursor:default;
	}
	
/* VISUEL GLYCOLIC AVEC LEGENDE */
.pg_productCategory .ctn_visuel h4{
	padding: 0 0 15px;
	font-size: 14px;
	font-family: 'FuturaBT-Bold',arial;
	text-transform: uppercase;
	text-align: left;
	color: #666;
	}
.pg_productCategory .ctn_visuel.glycolic .visuel{
	width: 484px;
	height: 188px;
	background: url("../../include/images/v_graph_glycolic.jpg") no-repeat left top;
	}	
.pg_productCategory .ctn_visuel.glycolic .visuel p{	
	display: inline-block;
	width: 32%;	
	padding-top: 48px;
	float: left;
	text-align: center;
	font: 12px/14px 'FuturaBT-Book',arial;
	}
.pg_productCategory .obj_tabs_detail .more_details .obj_detail .content .visuel p:first-child{
	padding-top: 48px;
	}
.pg_productCategory .ctn_visuel.glycolic .visuel p strong{
	display: block;
	height: 48px;
	line-height: 48px;
	padding: 0 0 5px;
	font-family: 'FuturaBT-Bold',arial;
	font-weight: normal;
	}	
@media screen and (max-width:767px){	
	.pg_productCategory .ctn_visuel.glycolic .visuel{
		width: 100%;
		max-width: 280px;
		height: 140px;
		background: url("../../include/images/v_graph_glycolic.jpg") no-repeat left top / 280px auto;
		}
	.pg_productCategory .ctn_visuel.glycolic .visuel p,
	.pg_productCategory .obj_tabs_detail .more_details .obj_detail .content .visuel p:first-child{	
		padding-top: 10px;
		box-sizing: border-box;
		}	
	.pg_productCategory .ctn_visuel.glycolic .visuel p strong{
		height: 44px;
		line-height: 18px;
		padding: 0 0 5px;
		}
	.pg_productCategory .ctn_visuel.glycolic .visuel p br{
		display: none;
		}	
	.pg_productCategory .ctn_visuel.glycolic .visuel .legende_2,
	.pg_productCategory .ctn_visuel.glycolic .visuel .legende_3{
		padding-left: 5px; 	
		}
}	
	
/* VISUEL PH AVEC LEGENDE */	
.pg_productCategory .ctn_visuel.ph .visuel{
	position: relative;
	width: 310px;
	height: 280px;
	background: url("../../include/images/v_graph_ph.jpg") no-repeat left top;
	}	
.pg_productCategory .ctn_visuel.ph .visuel p{	
	position: relative;
	display: inline-block;
	width: 90px;
	height: 210px;
	margin-right: 20px;
	float: left;
	text-align: center;
	font: 11px/12px 'FuturaBT-Book',arial;
	color: #fff;
	box-sizing: border-box;
	}
.pg_productCategory .ctn_visuel.ph .visuel p:last-child{
	margin-right: 0;
	}	
.pg_productCategory .obj_tabs_detail .more_details .obj_detail .content .ctn_visuel.ph .visuel p.legende_1:first-child{
	padding-top: 35px;
	}
.pg_productCategory .obj_tabs_detail .more_details .obj_detail .content .ctn_visuel.ph .visuel .legende_2{
	padding-top: 123px;
	}
.pg_productCategory .obj_tabs_detail .more_details .obj_detail .content .ctn_visuel.ph .visuel .legende_3{
	padding-top: 182px;
	}	
.pg_productCategory .ctn_visuel.ph .visuel p strong{
	position: absolute;
	bottom: -25px; 
	left: 0;
	width: 90px;
	font: 14px 'FuturaBT-Bold',arial;
	font-weight: normal;
	color: #000;
	}	
	
@media screen and (max-width:767px){	
	.pg_productCategory .ctn_visuel.ph .visuel{
		width: 100%;
		max-width: 280px;
		height: 230px;
		background: url("../../include/images/v_graph_ph.jpg") no-repeat left top / 280px auto;
		}
	.pg_productCategory .ctn_visuel.ph .visuel p{	
		width: 80px;
		height: 190px;
		margin-right: 19px;
		}
	.pg_productCategory .ctn_visuel.ph .visuel p,
	.pg_productCategory .obj_tabs_detail .more_details .obj_detail .content .visuel p:first-child{	
		padding-top: 10px;
		box-sizing: border-box;
		}	
	.pg_productCategory .ctn_visuel.ph .visuel p strong{
		width: 80px;
		font: 14px 'FuturaBT-Bold',arial;
		}
	.pg_productCategory .ctn_visuel.ph .visuel p br{
		display: none;
		}	
	.pg_productCategory .obj_tabs_detail .more_details .obj_detail .content .ctn_visuel.ph .visuel .legende_2{
		padding-top: 113px;
		}
	.pg_productCategory .obj_tabs_detail .more_details .obj_detail .content .ctn_visuel.ph .visuel .legende_3{
		padding-top: 164px;
	}	
	.pg_productCategory .ctn_visuel.ph .visuel .legende_2,
	.pg_productCategory .ctn_visuel.ph .visuel .legende_3{
		padding-left: 5px; 	
		}
}		


/* ////////////////////////////////////////
 * 
 * $ PRODUCT COMPARISON
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	OBJECTS
 * ======================================== */
/* ----------------------------------------
 * obj_comparison
 * ------------------------------------- */
.obj_comparison{
	width:960px;
	padding:50px 0 147px 0;
	margin:0 auto 0 auto;
	overflow:hidden;
	position:relative;
	}
.obj_comparison h1{
	font-family:'FuturaBT-Book',arial;
	font-size:14px;
	text-transform:uppercase;
	}
.obj_comparison .nav{
	position:absolute;
	left:50%;
	}
.obj_comparison .nav li{
	float:left;
	margin:0 2px;
	}
.obj_comparison .nav a{
	display:block;
	width:14px;
	height:14px;
	text-indent:-5000px;
	background:url('../../include/images/b_round-nav.png') left top no-repeat;
	}
.obj_comparison .nav a.on,
.obj_comparison .nav a:hover{
	background-position:left bottom;
	}
.obj_comparison .nav a.on{
	cursor:default;
	}
.obj_comparison .hiddenCell{
	display:none;
	}
/* table  */
/* common */
.obj_comparison table th{
	text-transform:uppercase;
	font-size:14px;
	font-family:'FuturaBT-Book',arial;
	color:#333;
	width:160px;
	min-width:160px;
	padding:20px 20px 20px 0;
	}
.obj_comparison tr td{
	width:160px;
	font-size:12px;
	color:#666;
	padding:20px 20px 20px 20px;
	border-spacing:0;
	}
/* thead */
.obj_comparison table thead{

	}
.obj_comparison table thead th{
	border-bottom:1px solid #e8e6e6;
	}
.obj_comparison table thead th p{
	visibility:hidden;
	}
.obj_comparison table thead th a{
	color:#2e9ebe;
	font-size:12px;
	text-transform:none;
	font-family:arial;
	float:left;
	}
.obj_comparison table thead td{
	border-bottom:1px solid #e8e6e6;
	}
.obj_comparison table thead td li{
	float:left;
	width:70px;
	text-align:left;
	padding:0 0 0 10px;
	}
.obj_comparison table thead td li:first-child{
	width:69px;
	border-right:1px solid #8c8c8c;
	text-align:right;
	padding:0 10px 0 0;
	}
.obj_comparison thead li a{
	color:#2e9ebe;
	}
.obj_comparison table thead td.last{
	padding-top:140px;
	}
.obj_comparison table thead td.last p{
	margin:0 0 148px 0;
	}
.obj_comparison table thead td.last p + p{
	margin:0;
	font-family:'FuturaBT-Light',arial;
	font-style:italic;
	font-size:18px;
	color:#333;
	}
.obj_comparison .obj_product{
	margin:0;
	float:none;
	clear:both;
	}
/* tbody */
.obj_comparison tbody td{
	padding-right:25px;
	width:155px;
	}
.obj_comparison .grayrow td{
	background:#efefef;
	}
.obj_comparison tbody tr:first-child > * {
	padding-top:30px;
	}
.obj_comparison tbody .obj_rating-customers{
	margin:0 0 5px 0;
	}
/* ////////////////////////////////////////
 * 
 * $ PRODUCT DETAILS
 * 
 * //////////////////////////////////////// */	
/* ========================================
 *	$ =	STRUCTURES
 * ======================================== */
.pg_productDetails div.main{
	padding:0;
	}
/* ========================================
 *	$ =	ARTICLES
 * ======================================== */
/* -------------------------------------
 *   article overview   
 * ------------------------------------- */	
.pg_productDetails .overview{
	padding:197px 0 20px 0;
	background:url('../../include/images/f_productDetail-overview.jpg') center 60px no-repeat #eaf1f7;
	}
.pg_productDetails .overview .main-center{
	position:relative;
	}
.pg_productDetails .overview .ctn_product-picture{
	width:37.5%;/* 360px */
	position:relative;
	z-index:1;
	float:left;
	}
.pg_productDetails .overview .ctn_product-picture .obj_stickers{
	left:0;
	max-width:50%;
	position:absolute;
	top:0;
	}
.pg_productDetails .overview .ctn_product-picture .obj_stickers img{
	max-width:100%;
	}
.pg_productDetails .overview .ctn_product-picture > img{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	}
.pg_productDetails .overview figure{
	width:100%;
	}
.pg_productDetails .overview figure img{
	width:100%;
	min-height:300px;
	}
.pg_productDetails .overview .str_left{
	width:48.958333%;/* 470px */
	}
.pg_productDetails .overview header .pPhilosophy{
	border-color:#d9e0e5;
	font-size:11px;
	margin:0 0 15px 0;
	}	
.pg_productDetails .overview h1{
	font-family:'FuturaBT-Light',arial;
	color:#77a3b6;
	font-size:36px;
	text-transform:uppercase;
	}
.pg_productDetails .overview h2{
	font-family:arial;
	font-size:12px;
	color:#666;
	text-transform:none;
	}
/* ligne commentaires */
.pg_productDetails .overview .ctn_review{
	font-size:12px;
	margin:0 0 20px 0;
	border-bottom:1px solid #d4d4d5;
	}
.pg_productDetails .overview .ctn_review li{
	float:left;
	margin:0 0 10px 10px;
	padding:0 0 0 10px;
	border-left:1px solid #b2b3b3; 
	background:none;
	}
.pg_productDetails .overview .ctn_review li:first-child{
	border:none;
	margin:0 0 10px 0;
	padding:0;
	}
.pg_productDetails .overview .ctn_review .obj_rating-customers{
	margin:0;
	}
/* add to cart */
.pg_productDetails .overview .obj_form{
	margin:0 0 10px 0;
	}
.pg_productDetails .overview .obj_form .obj_select{
	float:left;
	margin:0 10px 0 0;
	}
.pg_productDetails .overview .obj_form .obj_select p{
	padding:0;
	margin:0;
	float:none;
	}
.pg_productDetails .overview .obj_form p{
	float:left;
	margin:0 10px 0 0;
	padding:12px 0 0 0;
	}
.pg_productDetails .overview p.price{
	font-size:21px;
	font-family:'FuturaBT-Medium',Arial;
	color:#333;
	padding:2px 0 0 0;
	}
/* BT TEST - PG PRODUCT */
.pg_productDetails.v2 .overview .obj_form.price .ctn_btn.testez {
	padding-left: 0;
	}
@media screen and (max-width:767px){
	.pg_productDetails.v2 .overview .obj_form.price .ctn_btn.testez {
		position: relative;
		padding: 0;
		}
}


.pg_productDetails .overview .obj_form > ul{
	float: left;
	}
.pg_productDetails .overview .obj_form > ul li:first-child{
	padding: 0;
	}
.pg_productDetails .overview .obj_form > ul li{
	padding:0;
	margin:0 10px 0 0;
	float:left;
	}
.pg_productDetails .overview .obj_form > ul li .b_link{
	display:block;
	margin-top:10px;
	}

/* surcharge sans e ecommerce */
.pg_productDetails .overview .obj_form ul:first-child{
	float:left;
	}
/* texte */
.pg_productDetails .overview h3{
	font-size:16px;
	color:#333;
	margin:0 0 10px 0;
	text-transform:none;
	font-family:'FuturaBt-Book',arial;
	}
.pg_productDetails .overview .ctn_article-content ul{
	padding-top:15px;
	}
.pg_productDetails .overview .obj_skin-icons .types{
	float:left;
	margin:35px 25px 0 0;
	}
.pg_productDetails .overview .obj_skin-icons .condition{
	float:left;
	margin-top:35px;
	}
.pg_productDetails .overview .obj_social-media{
	position:absolute;
	right:0;
	top:0;
	}
.pg_productDetails .overview .ctn_article-content span strong {
	font-family: 'FuturaBT-Bold';
}
/* -------------------------------------
 *   article science 
 * ------------------------------------- */	
/* ------------------
 * science-default 
 * --------------- */

/* :before seulement en mobile */
.pg_productDetails .science-default:before{
	background:url('../../include/images/v_science-default.jpg') 270px 40px/auto 200px no-repeat;
	}
.pg_productDetails .science-default{
	position:relative;
	padding:197px 0 0 0;
	background:url('../../include/images/v_science-default.jpg') center bottom no-repeat;
	}
.pg_productDetails .science-default .ctn_clinical{
	float:left;
	width:37.5%;/* 360px */
	padding:0 0 240px 0;
	}
.pg_productDetails .science-default .ctn_science{
	float:right;
	width:54.166666%;/* 520 */
	margin:0 40px 0 0;
	}
.pg_productDetails .science-default .obj_skin-icons{
	margin-bottom:40px;
	}
/* surcharge science-default no-before-after */
.pg_productDetails .science-default.no-before-after .ctn_science{
	padding:230px 0 0 0;
	background:url('../../include/images/f_filler.jpg') center top no-repeat;
	}
.pg_productDetails .science-default.no-before-after .ctn_science .ctn_pictures-and-icons{
	display:none;
	}
/* science-only */
.pg_productDetails .science-only{
	max-width:960px;
	min-height:465px;
	padding:197px 0 40px 0;
	margin:0 auto;
	background:url('../../include/images/v_science.jpg') left 200px no-repeat;
	background-size:37.8125% auto;
	}
.pg_productDetails .science-only > *{
	padding:0 10.416666% 0 41.666666%;/* 0 100px 0 400px */
	}
/* -----------------
 * science-result 
 * -------------- */

/* :before seulement en mobile */
.pg_productDetails .science-results:before{
	background:url('../../include/images/v_science-results.jpg') 370px 20px/auto 200px no-repeat;
	}
.pg_productDetails .science-results{
	position:relative;
	max-width:1111px;
	margin:0 auto;
	padding:197px 0 50px 0;
	background:url('../../include/images/v_science-results.jpg') center bottom no-repeat;
	background-size:100% auto;
	}
.pg_productDetails .science-results header{
	float:left;
	width:38.541666%;/* 370 */
	margin-right:30px;
	}
.pg_productDetails .science-results .str_right{
	float:left;
	width:37.5%;/* 360 */
	}
.pg_productDetails .science-results .ctn_pictures-and-icons{
	border-top:1px solid #e7e7e7;
	padding:40px 0 0 41.666666%; /* 40 0 0 400 */
	margin:40px 0 0 0;
	clear:both;
	}
.pg_productDetails .ie7 .science-results .obj_skin-icons{
	width:293px;
	}
/* common */
.pg_productDetails .science-default header h2,
.pg_productDetails .science-results header h2,
.pg_productDetails .science-only header h2{
	margin-bottom:10px;
	}

/* --------------------
 * before after glycolic
 * -------------------- */
.pg_productDetails .obj_before-after_glycolic{
	position:relative;
	}
.pg_productDetails .obj_before-after_glycolic figure{
	display:inline-block;
	width:33.333%; float:left;
	padding-right:10px;
	box-sizing:border-box;
	position:relative;
	}
.pg_productDetails .obj_before-after_glycolic figure:nth-child(2){
	padding:0 5px;
	}
.pg_productDetails .obj_before-after_glycolic figure:nth-child(3){
	padding:0 0 0 10px;
	}
.pg_productDetails .obj_before-after_glycolic figure img{
	max-width:100%;
	}
.pg_productDetails .obj_before-after_glycolic figure figcaption{
	position:absolute;
	top:10px; left:10px;
	font-size:10px;
	text-transform:uppercase;
	color:#000;
	font-family:'FuturaBT-Book',arial;
	font-weight:bold;
	}
.pg_productDetails .obj_before-after_glycolic p{
	clear: both;
	margin:5px 0 0;
	font-family:'FuturaBT-Book',arial;
	}
.pg_productDetails .obj_before-after_glycolic p strong{
	font-weight:bold; text-transform:uppercase;
	}
.pg_productDetails .obj_before-after_glycolic .t_legend{
	margin:10px 0 5px;
	text-transform:uppercase;
	}
.pg_productDetails .obj_before-after_glycolic .ctn_legend{
	position:relative;
	height:22px;
	background: #4dba60; /* Old browsers */
	background: -moz-linear-gradient(left, #4dba60 0%, #dcd223 25%, #e79b23 50%, #ee3125 75%, #e20789 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4dba60 0%,#dcd223 25%,#e79b23 50%,#ee3125 75%,#e20789 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4dba60 0%,#dcd223 25%,#e79b23 50%,#ee3125 75%,#e20789 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dba60', endColorstr='#e20789',GradientType=1 ); /* IE6-9 */
	}
.pg_productDetails .obj_before-after_glycolic .ctn_legend:before{
	display:block; content:'';
	position:absolute;
	top:50%; right:80px; left:80px;
	border-top:1px solid #fff;
	}
.pg_productDetails .obj_before-after_glycolic .ctn_legend:after{
	display:block; content:'';
	position:absolute;
	top:50%; right:80px;
	margin-top:-4px;
	width: 0; height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #fff;
	}
.pg_productDetails .obj_before-after_glycolic .ctn_legend p{
	position:absolute;
	margin:0;
	top:50%; padding:0 10px;
	text-transform:uppercase;
	color:#fff;
	font-family:'FuturaBT-Book',arial;
	font-weight:bold;
			transform:translateY(-50%);
		-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	}
.pg_productDetails .obj_before-after_glycolic .ctn_legend .min{
	left:0;
	}
.pg_productDetails .obj_before-after_glycolic .ctn_legend .max{
	right:0;
	}
	
@media screen and (max-width:580px){
	.pg_productDetails .obj_before-after_glycolic > div{
		width:60%;
		}
	.pg_productDetails .obj_before-after_glycolic figure{
		display:block;
		width:100%; float:none;
		padding:0 0 10px !important;
		}
	.pg_productDetails .obj_before-after_glycolic .legend{
		position:absolute;
		right:0; top:0; bottom:65px;
		max-width:35%;
		}
	.pg_productDetails .obj_before-after_glycolic .t_legend{
		margin:0 0 5px;
		text-align:center;
		}
	.pg_productDetails .obj_before-after_glycolic .ctn_legend{
		height:100%;
		background: #e20789; /* Old browsers */
		background: -moz-linear-gradient(top, #e20789 1%, #ee3125 25%, #e79b23 50%, #dcd223 75%, #4dba60 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #e20789 1%,#ee3125 25%,#e79b23 50%,#dcd223 75%,#4dba60 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #e20789 1%,#ee3125 25%,#e79b23 50%,#dcd223 75%,#4dba60 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20789', endColorstr='#4dba60',GradientType=0 ); /* IE6-9 */
		}
	.pg_productDetails .obj_before-after_glycolic .ctn_legend p{
		padding:10px;
		text-align:center;
				transform:none;
			-ms-transform:none;
		-webkit-transform:none;
		}
	.pg_productDetails .obj_before-after_glycolic .ctn_legend .min{
		left:0;right:0;
		top:auto; bottom:0;
		}
	.pg_productDetails .obj_before-after_glycolic .ctn_legend .max{
		left:0;right:0;
		top:0;
		}
		
	.pg_productDetails .obj_before-after_glycolic .ctn_legend:before{
		display:block; content:'';
		position:absolute;
		top:40px; right:auto; left:50%; bottom:40px;
		border-top:none;
		border-left:1px solid #fff;
		}
	.pg_productDetails .obj_before-after_glycolic .ctn_legend:after{
		display:block; content:'';
		position:absolute;
		top:auto; right:50%; top:40px;
		margin:0 -4px 0 0;
		width: 0; height: 0;
		border-style: solid;
		border-width: 0 4px 5px 4px ;
		border-color: transparent transparent #fff transparent;
		}

}
	
/* --------------------
 * before after thermal
 * -------------------- */
.pg_productDetails .obj_before-after_thermal{
	position:relative;
	padding:20px 0 20px 20px;
	background:black;
	}
.pg_productDetails .obj_before-after_thermal figure,
.pg_productDetails .obj_before-after_thermal div{
	float:left;
	}
.pg_productDetails .obj_before-after_thermal figure{
	width:184px; width:36%;
	margin-right:18px;
	}
.pg_productDetails .obj_before-after_thermal figure img{
	width:100%;
	}
.pg_productDetails .obj_before-after_thermal figcaption{
	margin-top:5px;
	font:10px/1em 'FuturaBT-Bold';
	text-transform:uppercase;
	color:white;
	}
.pg_productDetails .obj_before-after_thermal .ctn_legend{
	position:relative;
	width:27px; height:184px;
	background:url('../../resources/int_en/images/beforeafter/v_legend-gradient.png') 0 0 / auto 100% no-repeat;
	}
.pg_productDetails .obj_before-after_thermal .ctn_legend p{
	position:absolute;
	left:35px; top:0;
	margin-bottom:0;
	width:50px;
	font:10px/1em 'FuturaBT-Bold';
	text-transform:uppercase;
	color:white;
	word-break:break-all;
	}
.pg_productDetails .obj_before-after_thermal .ctn_legend p + p{
	top:auto; bottom:0;
	}

@media screen and (min-width:769px) and (max-width:960px){

.pg_productDetails .obj_before-after_thermal .ctn_legend{
	height:133px;
	}
.pg_productDetails .obj_before-after_thermal .ctn_legend p{
	left:25px;
	font-size:8px;
	}
	
}

@media screen and (max-width:580px){

.pg_productDetails .obj_before-after_thermal{
	padding:20px;
	}
.pg_productDetails .obj_before-after_thermal figure,
.pg_productDetails .obj_before-after_thermal div{
	float:none;
	}
.pg_productDetails .obj_before-after_thermal figure{
	width:150px;
	margin-bottom:20px;
	}
.pg_productDetails .obj_before-after_thermal figure + figure{
	margin-bottom:0;
	}
.pg_productDetails .obj_before-after_thermal .ctn_legend{
	position:absolute;
	top:50%; left:185px;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	}
.pg_productDetails .obj_before-after_thermal .ctn_legend p{
	font-size:8px;
	}
		
}
	
/* -------------------------------------
 *   article usage
 * ------------------------------------- */	
 	
.pg_productDetails .usage.video{
	background:url('../../include/images/f_productDetail-use.jpg') center 150px no-repeat;
	}
.pg_productDetails .usage.video .str_left,
	.pg_productDetails .usage.video .str_right{
	padding:0;
	margin-top: 80px;
	}
.pg_productDetails .usage.video .str_left > h2{
	margin-top:0;
	}
/* without video */
.pg_productDetails .usage{
	padding:197px 0 0 0;
	background:url('../../include/images/f_productDetail-use-2.jpg') center 150px no-repeat;
	}
.pg_productDetails .usage h2{
	margin:0 0 10px 0;
	}
.pg_productDetails .usage .main-center{
	width:900px;
	padding:27px 60px 40px 0;
	}
.pg_productDetails .usage .str_top{
	width:40%;/* 360px */
	min-height: 170px;
	}
	
/* BLOC VIDEO */
.pg_productDetails .usage .main-center .str_top {
	position: relative;
	height: 280px;
	margin-bottom: 50px;
	}
.pg_productDetails .usage.video .main-center .str_top {
	position: relative;
	float: left;
	height: 280px;
	margin-bottom: 50px;
	}
	
	
.pg_productDetails .usage .main-center .ctn_video {
	position: relative;	
	height: 280px;
	width: 55.5556%;
	margin-bottom: 50px;
	}
.pg_productDetails .usage.video .main-center .ctn_video {
	position: relative;
	float: right;
	height: 280px;
	width: 55.5556%;
	margin-bottom: 50px;
	}
	
	
	
.pg_productDetails .usage .main-center .ctn_video > div {
	float: right;
	position: relative;
	height: 0px;
	width: 100%;
	padding-bottom: 56.25%;
	}

.pg_productDetails .usage .main-center .ctn_video iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	}

.pg_productDetails .usage .str_left { padding: 0px; }
.pg_productDetails .usage .str_left > h2 { margin-top: 0px; }

@media screen and (max-width : 640px) {

	.pg_productDetails .usage .main-center .str_top,
	.pg_productDetails .usage.video .main-center .str_top{
		height: auto;
		}
	.pg_productDetails .usage.video .main-center .ctn_video { height: auto; width: 100%; }	
	
}
	
	
	
.pg_productDetails .usage .str_left{
	width:40%;/* 360px */
	padding:18px 0 0 0;
	}
	
	
.pg_productDetails .usage .str_right{
	width:55.555555%;/* 500px */
	padding:18px 0 0 0;
	}
.pg_productDetails .usage .ctn_video{
	margin:0 0 20px 0;
	}
.pg_productDetails .usage .ctn_video img{
	width:100%;
	}
.pg_productDetails .usage .ctn_video h4{
	margin:10px 0 0 0;
	}
/* obj_download-box */
.pg_productDetails .usage .obj_download-box{
	padding-top:20px;
	}
.pg_productDetails .usage .obj_download-box > div{
	padding:0;
	margin-bottom:20px;
	}
.pg_productDetails .usage .obj_download-box .str_left{
	clear:left;
	}
/* ingrédients */
.pg_productDetails .usage .ctn_ingredients{
	margin-top:1px;
	padding: 15px;
	background: #e3f2f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #e3f2f7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f2f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e3f2f7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e3f2f7 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e3f2f7 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e3f2f7 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f2f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
.pg_productDetails .usage .ctn_ingredients h4{
	margin: 0 0 5px 0;
	}

.pg_productDetails .usage .obj_toggle-box{
	margin-top:20px;
	}
/* -------------------------------------
 *   article media
 * ------------------------------------- */		
.pg_productDetails .media{
	max-width:960px;
	margin:0 auto;
	padding:147px 0 0 0;
	}
.pg_productDetails .media .str_top{
	padding:50px 0 10px 0;
	}
/* ctn_coverflip */
.pg_productDetails .media.ctn_coverflip{
	max-width:none;
	}
.pg_productDetails .media.ctn_coverflip .str_top{
	position:relative;
	background:#000;
	}
.pg_productDetails .media.ctn_coverflip .str_top header,
.pg_productDetails .media.ctn_coverflip .str_top .obj_coverflip{
	margin:0 auto;
	max-width:960px;
	}
.pg_productDetails .media.ctn_coverflip header h2{
	color:#fff;
	}
/* ctn_feature-shot */
.pg_productDetails .media.ctn_feature-shot .str_top .lazyload img{
	width:100%;
	height:400px;
	}
/* review */
.pg_productDetails .obj_review{
	max-width:960px;
	margin:0 auto;
	padding:40px 0 50px 0;
	}
/* -------------------------------------
 *   article media
 * ------------------------------------- */
.pg_productDetails .complete{
	padding:197px 0 0 0;
	background:url('../../include/images/f_productDetail-complete.jpg') center 147px no-repeat;
	}
.pg_productDetails .complete .main-center > header{
	margin:0 0 85px 0;
	}

/* ========================================
 *	$ =	ARTICLES PRO
 * ======================================== */
.pg_productDetails.pro .overview .ctn_product-picture{
	height:540px;
	width:41.666666%;/* 400px */
	}
.pg_productDetails.pro .overview figure{
	position:absolute;
	top:-5px;
	left:-35%;/* -140px */
	z-index:10;
	width:90%;
	}
.pg_productDetails.pro .overview figure + figure{
	top:0px;
	left:17.5%;/* 70px */
	z-index:20;
	}
.pg_productDetails.pro .overview figure figcaption{
	text-align:center;
	font-size:10px;
	color:#333333;
	text-transform:uppercase;
	font-family:'FuturaBT-Medium',arial;
	}
.pg_productDetails.pro .overview .str_left{
	position:relative;
	z-index:2;
	}
.pg_productDetails.pro .overview .ctn_details{
	margin:0 0 10px 0;
	}
.pg_productDetails.pro .overview .ctn_details > div{
	float:left;
	padding:10px 4.255319% 10px 0;/* 10px 20px 10px 0 */
	}
.pg_productDetails.pro .overview .ctn_details .for-retail{
	width:36.170212%;/* 170px */
	margin:0 4.255319% 0 0;/* 0 20px 0 0 */
	background:url('../../include/images/border.gif') right top repeat-y;
	}
.pg_productDetails.pro .overview .ctn_details .for-professional{
	width:55.319148%;/* 260 */
	padding-right:0;
	}
.pg_productDetails.pro .overview .ctn_details .clearfix{
	margin:0 0 15px 0;
	}
.pg_productDetails.pro .overview .price{
	float:left;
	line-height:12px;
	}
.pg_productDetails.pro .overview .capacity{
	float:left;
	margin:5px 0 0 10px;
	font-size:11px;
	}
.pg_productDetails.pro .overview .ctn_article-content{
	margin:0 0 10px 0;
	}
/* -------------------------------------
 *   usage
 * ------------------------------------- */
.pg_productDetails.pro .usage .str_left figure{
	text-align:center;
	}
.pg_productDetails.pro .usage .str_left img{
	max-width:100%;
	}
/* -------------------------------------
 *   article marketing materials
 * ------------------------------------- */
.marketing{
	position:relative;
	margin:197px 0 0;
	padding:45px 25px 0;
	min-height:530px;
	background:url('../../include/images/f_periodic-table.jpg') center bottom no-repeat;
	}
.marketing .obj_download-box{
	margin-bottom:30px;
	}
.marketing .obj_download-box .str_left,
.marketing .obj_download-box .str_middle{
	width:285px;
	margin:0 10px 0 0;
	}
.marketing .obj_download-box .str_right{
	width:285px;
	float:left;
	}
.marketing .obj_download-box h4{
	font-size:16px;
	font-family:'FuturaBT-Book',arial;
	margin:0 0 20px 0;
	}
.marketing .obj_download-box .str_left ul{
	margin:0 0 30px 0;
	}
.marketing .obj_download-box .str_left label{
	color:#2e9ebe;
	}
	
.marketing .obj_download-box > .obj_download-picture{
	float:left;
	clear:none;
	}	
.marketing .main-center > p{
	width:285px;
	margin-left:561px;
	}
/* -------------------------------------
 *   article media pro
 * ------------------------------------- */
.pg_productDetails.pro .media .str_top{
	padding:0;
	}
.pg_productDetails.pro .media .str_top header.clearfix{
	padding:185px 0 0 0;
	height:265px;
	background:url('../../include/images/f_in-the-press-pro.jpg') 418px top no-repeat;
	}
.pg_productDetails.pro .media .str_top header.clearfix h2{
	margin:0 0 10px 0;
	}
.pg_productDetails.pro .media .str_top header.clearfix .str_left{
	width:125px;
	margin:0 20px 0 0;
	}
.pg_productDetails.pro .media .str_top header.clearfix > p{
	margin:34px 0 0 0;
	}
/* surcharge */
.pg_productDetails.pro .media.ctn_coverflip .str_top,
.pg_productDetails.pro .media.ctn_feature-shot .str_top,
.pg_productDetails.pro .media.ctn_default .str_top{
	padding-top:50px;
	}

/* ////////////////////////////////////////////
 *
 *	$ = SURCHARGE RETINA
 *
 * ///////////////////////////////////////// */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){
		
	.obj_comparison .nav a{
		background-size:14px 28px;
		background-image:url('../../include/images/b_round-nav_HD.png');
		}

}


/* -------------------------------------
 *   obj_tabs_detail   
 * ------------------------------------- */
.obj_tabs_detail {
	margin:0 auto;
	border-top:1px solid #e8e6e6;
	}
.obj_tabs_detail .ctn_tabs_detail{
	max-width:1024px;
	position:relative;
	margin:0 auto;
	padding: 0 0 0 32px;
	box-sizing: border-box;
	}
.obj_tabs_detail .b_monochrome{
	width:auto !important;
	position:absolute;
	top: 0;
	right:0;
	}
.obj_tabs_detail .b_monochrome span{
	display:block !important;
	opacity:1 !important;
	}
.obj_tabs_detail .more_details{
	overflow:hidden; height:0;
	}
.obj_tabs_detail .more_details .section_detail h1{
	padding:0;
	font-size:25px;
	color:#22799f;
	font-family: 'FuturaBT-Medium',arial;
	}
.obj_tabs_detail .more_details h2{
	padding:0 0 30px;
	font-size:25px;
	color:#22799f;
	font-family: 'FuturaBT-Medium',arial;
	}
.obj_tabs_detail .more_details p{
	font-size:14px;
	line-height:1.42em;
	font-family: 'FuturaBT-Book',arial;
	}
.obj_tabs_detail .more_details .head_detail{
	display:table;
	padding:80px 0 30px;
	width:100%;
	box-sizing:border-box;
	}
.obj_tabs_detail .more_details .head_detail .ctn_txt{
	display:table-cell;
	vertical-align:top;
	width:60%;
	}
.obj_tabs_detail .more_details .head_detail .ctn_txt p{
	width: auto;
	max-width: 87.5%;
	}
.obj_tabs_detail .more_details .head_detail .ctn_visuel{
	display:table-cell;
	vertical-align:top;
	text-align:right;
	}
.obj_tabs_detail .more_details .head_detail .ctn_visuel img{
	max-width: 306px;
	}
.obj_tabs_detail .more_details .section_detail{
	padding-bottom:30px;
	max-width:840px;
	}
.obj_tabs_detail .more_details .obj_detail{
	padding:20px 0;
	border-bottom:1px solid #e8e6e6;
	}
.obj_tabs_detail .more_details .obj_detail header{
	margin:0;
	}
.obj_tabs_detail .more_details .obj_detail header h3{
	font-size:15px;
	}
.obj_tabs_detail .more_details .obj_detail header h3 strong{
	font-family:'FuturaBT-Heavy', sans-serif;
	}
.obj_tabs_detail .more_details .obj_detail header h3 a{
	position:relative;
	}
.obj_tabs_detail .more_details .obj_detail header h3 a:after{
	display:inline-block; content:"";
	width:25px; height:10px;
	background: url(../../include/images/b_faq-close.gif) center center no-repeat;	
	}
.obj_tabs_detail .more_details .obj_detail header h3 a.open:after{
	transform:rotate(180deg);
	}
.obj_tabs_detail .more_details .obj_detail .content{
	overflow:hidden;
	height:0;
	}
.obj_tabs_detail .more_details .obj_detail .content a{
	color:#2e9ebe;
	}
.obj_tabs_detail .more_details .obj_detail .content p:first-child{
	padding-top:10px;
	}
.obj_tabs_detail .more_details .obj_detail .video-retinol{
	position: relative;
	display: block;
	width: 564px; height: auto;
	border: 1px solid #707271;
	}	
.obj_tabs_detail .more_details .obj_detail .video-retinol::before {
    content: "";
    position: absolute;
    transform: translate(-50%);
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
    top: 50%;
    left: 50%;
    display: block;
    width: 77px;
    height: 76px;
	margin-top: -38px;
    background: url("../../include/images/i_play.png") no-repeat scroll center top / 77px auto;
    opacity: 0.5;
    transition: all .3s ease;
		-webkit-transition: all .3s ease;
	}
.obj_tabs_detail .more_details .obj_detail .video-retinol img{
	width:100%;
	}		
.cat-retinol .ctn_popin_video{	
	font-size: 0;
	border: 0;
	}
.cat-retinol .ctn_popin_video iframe {
    width: 560px;
    height: 315px;	
	}
	
@media screen and (min-width:769px) and (max-width:960px){
	
	.obj_tabs_detail .more_details .head_detail .ctn_txt{
		width:60%;
		}
	
}
@media screen and (max-width:960px){
	.obj_tabs_detail .b_monochrome{
		right:20px;
		}
	
}
@media screen and (max-width:768px){
	.obj_tabs_detail {
		margin-top:0;
		}
	.obj_tabs_detail .b_monochrome{
		right:20px;
		top: -28px;
		}
	.obj_tabs_detail .ctn_tabs_detail{
		padding: 0;
		}	
	.obj_tabs_detail .more_details .head_detail .ctn_txt p,
	.obj_tabs_detail .more_details p {
		width: 100%;
		max-width: inherit;
		}	
	.obj_tabs_detail .more_details .section_detail h1{
		padding: 24px 0 0;
		}
	.obj_tabs_detail .more_details h2{
		padding: 24px 0 0;
		}
	.obj_tabs_detail .more_details .head_detail{
		display:block;
		padding:0 20px;
		}
	.obj_tabs_detail .more_details .head_detail .ctn_txt{
		display:block;
		width:100%;
		box-sizing:border-box;
		}
	.obj_tabs_detail .more_details .head_detail .ctn_visuel{
		display:block;
		text-align:left;
		width:100%;
		box-sizing:border-box;
		padding:20px 0 0;
		}
	.obj_tabs_detail .more_details .head_detail .ctn_visuel img{
		max-width:100%;
		}
	.obj_tabs_detail .more_details .section_detail{
		padding: 0 20px 20px;
		}
	.obj_tabs_detail .more_details .obj_detail .video-retinol {
		width: 100%;
		max-width:430px;
		}	
	.cat-retinol .ctn_popin_video iframe {
		width: 100%;
		height: auto;
		}
	
}

/* PG PRODUCT INGREDIENT */
@media screen and (max-width:767px){
	.pg_productCategory.var_ingredient.v2 div.main {
		padding: 93px 0 0 0;
		}
	.pg_productCategory.var_ingredient.v2 .obj_header header {
		padding: 20px 150px 20px 20px;
		}	
	.pg_productCategory.var_ingredient.v2 .obj_header .background {
		display: block;
		right: -120px;
		left: auto;
		height: 180px;
		}
	.pg_productCategory.var_ingredient.v2 .obj_header .background img{
		height: 100%;
		}
}