/*
 *
 *
 *	$ =	SKIN CEUTICALS TOPICS
 *
 *  1  - science
 *	2  - resources
 *  3  - skin explained
 *  4  - about us
 *  5  - insights
 *  6  - professionnal treatments
 *  7  - Integrated skincare
 *  8  - Protocols
 *  9  - Media Ressources
 * 10  - downloadable = 17 downloadable dans article.css
 *
 */
/* ////////////////////////////////////////
 * 
 * $ COMMON
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	STRUCUTRE
 * ======================================== */
div.main{
	padding-top:0;
	}
/* ========================================
 *	$ =	OBJECTS
 * ======================================== */
.obj_hero{
	padding:147px 0 0 0;
	height:690px;
	}	
/* ////////////////////////////////////////
 * 
 * $ 1 - SCIENCE
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	BANNERS CARROUSEL
 * ======================================== */
.pg_science .obj_hero{
	background:#fff;
	}
.pg_science .obj_hero > div{
	width:auto;
	max-width:960px;
	height:470px;
	padding:220px 0 0; 
	background:url('../../include/images/f_hero-science.jpg') right bottom no-repeat #fff;
	}
.pg_science .obj_hero > div > *{
	width:37.5%;
	}
/* ========================================
 *	$ =	ARTICLE
 * ======================================== */
.pg_science article h3{
	margin:20px 0 0 0;
	text-transform:none;
	}
/* -------------------------------------
 *   Dr Pinnel
 * ------------------------------------- */
.pg_science .drPinnell{
	background:url('../../include/images/v_dr-pinnell.jpg') left 237px no-repeat;
	}
.pg_science .drPinnell .content h2{
	margin:30px 0 10px 0;
	}
/* -------------------------------------
 *   antioxidnt
 * ------------------------------------- */
.pg_science .antioxidant{
	max-width:917px;
	margin:0 auto;
	padding:197px 53px 0 0;
	}
.pg_science .antioxidant .ctn_video{
	height:500px;
	border:1px solid #c6c6c6;
	background:#000;
	margin:0 0 20px 0;
	}
.pg_science .antioxidant .ctn_video iframe{
	width:100%;
	height:100%;
	}
/* -------------------------------------
 *   clinical studies
 * ------------------------------------- */
.pg_science .clinicalStudies{
	min-height:375px;
	background:url('../../include/images/v_clinicalStudies.png') 55px 225px no-repeat;
	}
/* -------------------------------------
 *   Research And Formulation
 * ------------------------------------- */
.pg_science .RAndF{
	max-width:890px;
	margin:0 auto;
	padding:197px 70px 150px 0;
	}
.pg_science .RAndF article{
	padding:0;
	margin:60px 0 0 0;
	}
.pg_science .RAndF article:first-child{
	margin:0;
	}
.pg_science .RAndF .ethic{
	padding-top:50px;
	min-height:232px;
	background:url('../../include/images/v_seringue.jpg') left top no-repeat;
	}
.pg_science .RAndF .research{
	min-height:283px;
	background:url('../../include/images/v_microscope.jpg') left top no-repeat;
	}
/* -------------------------------------
 *   Research And Formulation
 * ------------------------------------- */
.pg_science .skinscope{
	margin-top:-150px;
	margin-bottom:100px;
	}
/* ////////////////////////////////////////
 * 
 * $ 2 - RESOURCES
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	ARTICLE
 * ======================================== */
/* -------------------------------------
 *   clinical studies
 * ------------------------------------- */
.pg_resources .clinicalStudies{
	min-height:375px;
	background:url('../../include/images/v_clinicalStudies.png') 55px 225px no-repeat;
	}
/* -------------------------------------
 *   video library
 * ------------------------------------- */
.pg_resources .videoLibrary{
	min-height:300px;
	background:url('../../include/images/v_video-library.png') 545px 196px no-repeat;
	}
.pg_resources .rightback.videoLibrary .content{
	padding: 0 450px 0 70px;
	}
/* ========================================
 *	$ =	VERSION 2
 * ======================================== */
.pg_resources .container div.main{
	padding-top:0px;
	background:url('../../include/images/f_resources.jpg') center top no-repeat #fff;
	}
.pg_resources .generique-02 > header{
	height:314px;
	padding-top:274px;
	padding-right:220px;
	pading-bottom:50px;
	border:none;
	}
.pg_resources .generique-02 section{
	margin-top:150px;
	}
.pg_resources .generique-02 section > div{
	padding-top:47px;
	margin-bottom:150px;
	border-top:1px solid #cdd2d2;
	background-position:left 50px;
	}
.pg_resources .generique-02 section.bck_video > div{
	background-position:left 15px; 
	}
/* ////////////////////////////////////////
 * 
 * $ 3 - SKIN EXPLAINED
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	BANNERS CARROUSEL
 * ======================================== */
/* :before seulement en mobile */
.pg_skinExplained div.main:before{
	background:	linear-gradient(to bottom, rgba(255,255,255,0) 55%,rgba(255,255,255,1) 90%), 
				url('../../include/images/f_banner_skinExplained.jpg') 5px -55px no-repeat;
	background-size: auto auto, 
					 auto 370px;
	}
.pg_skinExplained .obj_hero{
	padding:367px 0 0 0;
	height:370px;
	background:url('../../include/images/f_banner_skinExplained.jpg') center 147px no-repeat #fff;
	}
.pg_skinExplained .obj_hero > div{
	width:360px;
	padding:0 600px 0 0;
	}
/* ========================================
 *	$ =	ARTICLE
 * ======================================== */
/* -------------------------------------
 *   understanding skin
 * ------------------------------------- */
.pg_skinExplained .understandSkin{
	max-width:490px;
	min-height:326px;
	margin:0 auto;
	padding:247px 70px 0 400px;
	background:url('../../include/images/f_understandingSkin.jpg') left 197px no-repeat;
	}
/* -------------------------------------
 *   skin Types & conditions
 * ------------------------------------- */
.pg_skinExplained .skinTypes{
	max-width:960px;
	margin:0 auto;
	padding:247px 0 0 0;
	}
.pg_skinExplained .skinTypes .str_left{
	width:37.5%;/*360px*/
	}
.pg_skinExplained .skinTypes .str_right{
	position:relative;
	width:58.333333%;/*560px*/
	}
.pg_skinExplained .skinTypes .str_right .obj_glass{
	top:-50px;
	left:160px;
	}
.pg_skinExplained .skinTypes .str_right .ctn_skinType{
	margin:0 0 25px 0;
	}
.pg_skinExplained .skinTypes .str_right h3{
	clear:both;
	margin:0 0 10px 0;
	}
.pg_skinExplained .skinTypes .ctn_box-skin li{
	margin:0 4px 0 0;
	}
/* -------------------------------------
 *   environmental agressors
 * ------------------------------------- */
.pg_skinExplained .environmental{
	clear:both;
	max-width:890px;
	margin:0 auto;
	padding:197px 70px 0 0;
	}
.pg_skinExplained article.environmental > *{
	float:right;
	width:55.056179%;/* 490px */
	}
.pg_skinExplained article.environmental .str_left{
	float:left;
	width:40.449438%;/* 360px */
	}
.pg_skinExplained article.environmental .str_left img{
	width:100%;
	}
.pg_skinExplained article.environmental iframe{
	width:100%;
	height:200px;
	}
/* -------------------------------------
 *   Proper Regimen
 * ------------------------------------- */	
.pg_skinExplained .obj_properRegimen{
	max-width:890px;
	margin:0 auto;
	padding:197px 70px 150px 0;
	}
.pg_skinExplained .obj_properRegimen header h2{
	margin:0 0 10px 0;
	}
.pg_skinExplained .obj_properRegimen header{
	margin:0 0 25px 0;
	}
.pg_skinExplained .obj_properRegimen .content{
	margin:0 0 50px 0;
	}
/* liste jour / nuit */
.pg_skinExplained .obj_properRegimen .obj_regimen{
	width:40.449438%;/* 360px */
	float:left;
	}
/*  */	
	
/* -------------------
 * results / picture 
 * ---------------- */
.pg_skinExplained .obj_properRegimen .picture,
.pg_skinExplained .obj_properRegimen .results{
	width:55.056179%;/* 490px */
	float:right;
	}
/* result */
.pg_skinExplained .obj_properRegimen .results h3{
	text-transform:none;
	margin:0 0 20px 0;
	}
.pg_skinExplained .obj_properRegimen .obj_skin-icons p{
	display:none;
	}
.pg_skinExplained .obj_properRegimen .obj_skin-icons > div{
	float:left;
	}
.pg_skinExplained .obj_properRegimen .obj_skin-icons .types{
	margin: 0 25px 15px 0;
	}
/* picture */
.pg_skinExplained .obj_properRegimen .picture{
	padding-top:430px;
	background:url('../../include/images/f_proper-regimen.jpg') center top no-repeat;
	background-size:98.979591% auto;
	}
.pg_skinExplained .obj_properRegimen .picture p{
	text-align:right;
	}

/* -------------------------------------
 *   default
 * ------------------------------------- */

.pg_skinExplained article.default {
	clear: both;
	max-width: 890px;
	margin: 0 auto;
	padding: 197px 70px 0 0;
	}
.pg_skinExplained article.default .ctn_txt {
	width: 55.056179%; /* 490px */
	}
.pg_skinExplained article.default .ctn_media {
	width: 40.449438%; /* 360px */
	}
.pg_skinExplained article.default .str_left {
	float: left;
	}
.pg_skinExplained article.default .str_right {
	float: right;
	}
.pg_skinExplained article.default img {
	width: 100%;
	}
.pg_skinExplained article.default iframe {
	width: 100%;
	height: 200px;
	}

@media screen and (max-width: 640px) {
	.pg_skinExplained article.default .ctn_txt {
		margin-top: 30px;
		}
	}

/* ////////////////////////////////////////
 * 
 * $ 4 - OUR PROMISE
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	STRUCTURE
 * ======================================== */
.pg_ourPromise div.main{
	padding-top:0;
	}
/* ========================================
 *	$ =	ARTICLE 
 * ======================================== */
.pg_ourPromise article header{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #d5d5d5;
	}
.pg_ourPromise article header h3{
	margin:0;
	}
.pg_ourPromise article h3{
	margin:0 0 10px 0;
	}
/* -------------------------------------
 *   obj_carrousel wide
 * ------------------------------------- */
.pg_ourPromise .obj_hero{
	padding:147px 0 0 0;
	height:698px;
	background:url('../../include/images/f_video-promise.jpg') center 277px no-repeat #fff;
	}
.pg_ourPromise .obj_hero > div{
	position:relative;
    padding-top:100px;
	}
.pg_ourPromise .obj_hero h1{
	font-size:60px;
	margin:0;
	}
.pg_ourPromise .obj_hero header{
	margin:0;
	padding:0;
	border:none;
	}
.pg_ourPromise .obj_hero a{
	position:absolute;
	top:201px; 
	left:448px;
	display:block;
	width:456px; 
	height:254px;
	text-indent:-10000px;
	background:url('../../include/images/f_video-promise.jpg') -542px -71px no-repeat #fff;
	}
/* -------------------------------------
 *   article ourHistory
 * ------------------------------------- */
.pg_ourPromise .ourHistory{
	width:450px;
	min-height:541px;
	padding:197px 60px 0 450px;
	margin:0 auto 0 auto;
	background:url('../../include/images/f_aboutUsOurHistory.jpg') left 90px no-repeat;
	}
.pg_ourPromise .ourHistory header h2{
	margin:0 0 10px 0;
	}
.pg_ourPromise .ourHistory h2{
	margin:30px 0 10px 0;
	}
/* -------------------------------------
 *   article communityRelations
 * ------------------------------------- */	
.pg_ourPromise .communityRelations{
	width:450px;
	min-height:541px;
	padding:197px 510px 0 0;
	margin:0 auto 0 auto;
	background:url('../../include/images/f_communityRelations.jpg') 495px 175px no-repeat;
	}
.pg_ourPromise .communityRelations header{
	margin:0 0 -10px 0;
	}
.pg_ourPromise .communityRelations h2{
	margin:0 0 10px 0;
	}
.pg_ourPromise .communityRelations > h3{
	margin-top:30px;
	}
/* -------------------------------------
 *   surcharge section obj_faq
 * ------------------------------------- */
.pg_ourPromise .obj_faq{
	padding:197px 200px 0 0;
	margin:0 auto;
	}
/* -------------------------------------
 *   surcharge section obj_form contact us
 * ------------------------------------- */
.pg_ourPromise .contact-us{
	max-width:960px;
	padding:197px 0 0 0;
	margin:0 auto 80px auto;
	}
.pg_ourPromise .contact-us h2{
	color:#77a3b6;
	font-family:'FuturaBT-Book',arial;
	font-size:16px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}
/* left */
.pg_ourPromise .contact-us .str_left{
	width:50%;/* 480 */
	margin:0 12.5% 0 0;/* 120 */
	}
.pg_ourPromise .contact-us .str_left > p{
	font-size:18px;
	font-family:'FuturaBT-Book',arial;
	color:#666;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #e8e6e6;
	}
.pg_ourPromise .contact-us fieldset p{
	padding:0 0 10px 0;
	}
	
.pg_ourPromise .size1{float:left;}
.pg_ourPromise .size1 + .size1{margin-left:10px;}
.pg_ourPromise .contact-us .size1 input{width:205px;}

.pg_ourPromise .contact-us .size2{clear:both;}
.pg_ourPromise .contact-us .size2 input{width:240px;}

.pg_ourPromise .contact-us .size3{clear:both;padding-right:40px;}
.pg_ourPromise .contact-us .size3 input{width:100%;}

.pg_ourPromise .contact-us .obj_select{
	margin:0 0 12px;
	}
.pg_ourPromise .contact-us .obj_select.select-2{
	width:260px;
	margin:0 0 12px 0;
	}
.pg_ourPromise .contact-us fieldset .obj_select p{
	padding:0;
	}

.pg_ourPromise .contact-us textarea{
	width:440px;
	min-height:110px;
	max-height:300px;
	resize:vertical;
	}
.pg_ourPromise .contact-us .ctn_bt{
	padding:0 20px 0 0;
	text-align:right;
	}
/* right */
.pg_ourPromise .contact-us .aside{
	float:left;
	width:27.083333%;/* 260 */
	}
.pg_ourPromise .contact-us h3{
	font-size:16px;
	font-family:'FuturaBT-Medium',arial;
	color:#333333;
	margin:0 0 10px 0;
	}
.pg_ourPromise .contact-us .aside p{
	color:#666;
	margin:0 0 10px 0;
	}
.pg_ourPromise .contact-us .aside p b{
	color:#333;
	}
/* surcharge skincare */
.pg_ourPromise .contact-us .find-skincare h4{
	display:none;
	}
.pg_ourPromise .contact-us .find-skincare{
	width:204px;
	margin:30px 0;
	padding:20px 0 0 0;
	border-top:1px solid #e8e6e6;
	}
.pg_ourPromise .contact-us .find-skincare p{
	margin:0 0 12px 0;
	}
.pg_ourPromise .contact-us .find-skincare input{
	width:183px;
	}
.pg_ourPromise .contact-us .find-skincare .jQueryScroll{
	width:173px;
	}

/* -------------------------------------
 *   surcharge contact us - clinic
 * ------------------------------------- */
.pg_ourPromise .contact-us.partner{
	
	}
.pg_ourPromise .contact-us.partner .obj_select{
	width:auto;
	margin-right:20px;
	}
/* ////////////////////////////////////////
 * 
 * $ 5 - INSIGHTS
 * 
 * //////////////////////////////////////// */
.pg_insights div.main{
	background:none;
	}
.pg_insights .Insights{
	max-width:960px;
	min-height:420px;
	margin:0 auto 60px;
	background:url('../../resources/insights/images/f_insights.jpg') 440px 250px no-repeat;
	letter-spacing:1px;
	}
.pg_insights .Insights > div{
	padding:230px 51.5625% 0 0;/* 495 */
	}
.pg_insights .Insights .ctn_bottom{
	margin-top:0px;
	padding-top:27px;
	border-top:1px solid #d5d5d5;
	}
.pg_insights .Insights h1{
	width:493px;
	height:28px;
	text-indent:-10000px;
	background:url('../../resources/insights/images/t_title-insights.gif') left top no-repeat;
	background-size:100% auto;
	}
.pg_insights .Insights h2{
	margin-bottom:8px;
	font-size:13px; 
	line-height:18px;
	font:13px/1.384615em 'FuturaBT-Bold',arial;/* 18 */
	}
.pg_insights .Insights p{
	margin-bottom:15px;
	font:13px/1.384615em 'FuturaBT-Book',arial;/* 18 */
	}
.pg_insights .Insights p + p{
	margin-bottom:25px;
	}
.pg_insights .Insights p a{
	text-transform:uppercase;
	font-family:'FuturaBT-Bold';
	}
.pg_insights .Insights p a span{
	color:#007da4;
	}
.pg_insights .Insights ul li{
	margin-bottom:10px;
	text-transform:uppercase;
	font:13px/1em 'FuturaBT-Book';
	}
/* ////////////////////////////////////////
 * 
 * $ 6 - PROFESSIONAL TREATMENTS
 * 
 * //////////////////////////////////////// */	
/* ========================================
 *	$ =	OBJECTS
 * ======================================== */
/* -------------------------------------
 *   surcharge obj_carrousel wide
 * ------------------------------------- */
/* affichage seulement en mobile */
.pg_proTreatments div.main:before{
	background:	linear-gradient(to bottom, rgba(255,255,255,0) 65%,rgba(255,255,255,1) 90%), 
				url('../../include/images/f_professionalTreatments_01.jpg') -214px -70px no-repeat;
	background-size: auto auto, 
					 auto 400px;
	}	
.pg_proTreatments .obj_hero{
	height:485px;
	background:url('../../include/images/f_professionalTreatments_01.jpg') center bottom no-repeat;
	}
.pg_proTreatments .obj_hero > div{
	padding:125px 500px 0 0;
	width:460px;
	}
/* -------------------------------------
 * obj_ranking-by-type
 * ------------------------------------- */
.obj_ranking-by-type{
	border-top:1px solid #e8e6e6;
	max-width:960px;
	margin:0 auto;
	padding:30px 0 0 0;
	}
/* header */
.obj_ranking-by-type > header{
	width:58.333333%;/* 560 */
	float:left;
	margin:0 0 30px 0;
	}
.obj_ranking-by-type header h2{
	margin:0 0 10px 0;
	}
.obj_ranking-by-type header p.focus{
	color:#666;
	}
/* ctn_informations */
.ctn_informations{
	float:right;
	padding:0 0 30px 0;
	}
.ctn_informations h3{
	font-family:'FuturaBT-Medium',arial;
	font-size:14px;
	color:#333;
	margin:0 0 10px 0;
	}
.ctn_informations ul{
	margin:0 0 10px 0;
	}
.ctn_informations .str_left{
	width:360px;
	}
.ctn_informations .str_right{
	width:560px;
	}
.ctn_informations .str_right li{
	float:left;
	width:238px;
	padding:0 30px 0 12px;
	}
/* ctn_product */
.obj_ranking-by-type .ctn_informations{
	width:37.5%;/* 360 */
	}
.obj_ranking-by-type .ctn_informations .str_left{
	width:100%;
	}
.obj_ranking-by-type .ctn_product{
	clear:both;
	padding:20px 0 0 0;
	}
.obj_ranking-by-type .obj_product .obj_rating-customers,
.obj_ranking-by-type .obj_product .b_border-gradient,
.obj_ranking-by-type .obj_product header h2 + p{
	display:none;
	}

/* -------------------------------------
 *   obj_integrated-skincare
 * ------------------------------------- */
.obj_integrated-skincare{
	max-width:960px;
	margin:0 auto 50px auto;
	padding:40px 0 0 0;
	border-top:1px solid #e8e6e6;
	}
.obj_integrated-skincare header{
	margin:0 0 70px 0;
	}
.obj_integrated-skincare .ctn_informations .str_left{
	width:58.333333%;/* 560 */
	}
.obj_integrated-skincare .ctn_informations .str_right{
	width:37.5%;/* 360 */
	}
.obj_integrated-skincare .ctn_informations .str_right li{
	padding:0 0 0 12px;
	width:auto;
	}
.obj_integrated-skincare .ctn_informations h3{
	text-transform:none;
	}
/* -------------------------------------
 *   find skin care
 * ------------------------------------- */
.pg_proTreatments .obj_find-skincare{
	clear:both;
	padding:0;
	height:605px;
	background:url('../../include/images/f_find-skincare-white-2.jpg') center bottom no-repeat;
	}
/* :before affiché en responsive seulement */
.pg_proTreatments .obj_find-skincare:before{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 100px,rgba(255,255,255,1) 275px),
				url('../../include/images/f_find-skincare-white-2.jpg') left top/auto 500px no-repeat;
	}
.pg_proTreatments .obj_find-skincare header{
	border-top:1px solid #e8e6e6;
	padding-top:70px;
	}
/* ////////////////////////////////////////
 * 
 * $ 7 - INTEGRATED SKINCARE
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_integrated-skincare div.main{
/*	padding-top:147px;*/
	padding-bottom:50px;
	}
.pg_integrated-skincare div.main p,
.pg_integrated-skincare div.main li{
	font-size:14px;
	font-family:'FuturaBT-Book',arial;
	}
/* ========================================
 *	$ =	ARTICLE
 * ======================================== */
.pg_integrated-skincare .container div.main{
	background:url('../../include/images/f_hero-pro.jpg') center top no-repeat #fff;
	}
.pg_integrated-skincare .obj_hero{
	height:auto;
	min-height:800px;
	}
.pg_integrated-skincare .obj_hero > .main-center{
	width:auto;
	max-width:960px;
	padding:60px 0;
	}
.pg_integrated-skincare .obj_hero .main-center > .str_left{
	width:38.020833%;/* 365px */
	border-top:1px solid #bbc2c5;
	padding:15px 0 20px 0;
	}
.pg_integrated-skincare .obj_hero .main-center > .str_left h2{
	border:none;
	color:#77a4b4;
	font-size:14px;
	font-weight:normal;
	font-family:'FuturaBT-Medium',arial;
	}
.pg_integrated-skincare .obj_hero .main-center > .str_left h2 b{
	display:block;
	color:#333;
	line-height:25px;
	font-size:26px;
	font-weight:normal;
	font-family:'FuturaBT-Light',arial;
	}
.pg_integrated-skincare .obj_hero .main-center > .str_right{
	width:58.333333%;/* 560px */
	padding:0 0 20px 0;
	}
.pg_integrated-skincare .obj_hero .main-center > .str_right p{
	color:#333;
	}
.pg_integrated-skincare .obj_hero .main-center > .str_right p b{
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
	}
.pg_integrated-skincare .obj_hero strong{
	font-family:'FuturaBT-Heavy',arial;
	}
/* shadow-box */
.pg_integrated-skincare .obj_shadow-box{
	clear:both;
	width:100%;
	padding:72px 0 0 0;
	}
.pg_integrated-skincare .obj_shadow-box .sb-bottom{
	padding-bottom:92px;
	}
.pg_integrated-skincare .obj_shadow-box .sb-bottom > div{
	background:url('../../include/images/f_complementing.jpg') center 89px no-repeat; 
	}
.pg_integrated-skincare .obj_shadow-box .main-center{
	width:480px;
	padding-right:480px;
	}
.pg_integrated-skincare .obj_shadow-box h2{
	clear:both;
	border:none;
	border-top:1px solid #cccccc;
	color:#77a3b5;
	font-size:16px;
	font-family:'FuturaBT-Medium',arial;
	padding:23px 0 0;
	margin:30px 0 16px;
	}
.pg_integrated-skincare .obj_shadow-box h2:first-child{
	border:none;
	margin-top:0;
	padding-top:0;
	}
.pg_integrated-skincare .obj_shadow-box .sb-bottom .str_left,
.pg_integrated-skincare .obj_shadow-box .sb-bottom .str_right{
	border:none;
	width:48%;
	padding:0;
	}
.pg_integrated-skincare .obj_shadow-box p,
.pg_integrated-skincare .obj_shadow-box li{
	line-height:1.2em;
	}
.pg_integrated-skincare .obj_shadow-box ul{
	padding:0 0 0 15px;
	margin:-10px 0 4px;
	}
.pg_integrated-skincare .obj_shadow-box li{
	list-style-type:disc;
	}
/* surcharge obj_faq */
.pg_integrated-skincare .obj_faq{
	width:960px;
	padding:0;
	}
.pg_integrated-skincare .obj_faq > header{	
	padding-bottom:10px;
	border-bottom:1px solid #d5d5d5;
	}
.pg_integrated-skincare .obj_faq h1{
	text-transform:uppercase;
	font:26px/30px 'FuturaBT-Light',arial;
	}
.pg_integrated-skincare .obj_faq header p{
	font-family:'FuturaBT-Heavy',arial;
	margin-bottom:10px;
	}
.pg_integrated-skincare .obj_faq .content > :first-child{
	margin-top:20px;
	}
.pg_integrated-skincare .obj_faq .content{
	position:relative;
	}
.pg_integrated-skincare .obj_faq .content .ctn_texte{
	min-height:290px;
	padding:0 0 20px 0;
	padding-right:400px;
	position:relative;
	background:url('../../include/images/f_faq.jpg') right 0px no-repeat;
	}
.pg_integrated-skincare .obj_faq h4{
	color:#77a3b5;
	margin:26px 0 5px;
	}
.pg_integrated-skincare .obj_faq h5{
	margin:35px 0 5px;
	}
.pg_integrated-skincare .obj_faq h4 + p{
	margin-top:0;
	}
.pg_integrated-skincare .obj_faq p.size01{
	font-size:13px;
	max-width:490px;
	padding-right:75px;
	}
.pg_integrated-skincare .obj_faq .content p{
	margin:0 0 8px;
	}
.pg_integrated-skincare .obj_faq .b_link{
	color:#666;
	}
.pg_integrated-skincare .obj_faq .b_link:hover{
	color:#2e9ebe;
	}
.pg_integrated-skincare .obj_faq .b_link-02{
	font-size:11px;
	}
.pg_integrated-skincare .obj_faq .obj_table-01{
	width:100%;
	}
.pg_integrated-skincare .obj_faq .obj_table-01 ul li,
.pg_integrated-skincare .obj_faq .obj_table-01 p{
	font-size:12px;
	}
.pg_integrated-skincare .obj_faq .content ul{
	margin-top:0;
	}
/* surcharge download-box */
.pg_integrated-skincare .obj_faq .obj_download-box{
	padding:15px 0 0 0;
	}
.pg_integrated-skincare .obj_faq .obj_download-box h5{
	font-family:'FuturaBT-Medium',arial;
	font-size:10px;
	margin:0 0 5px 0;
	}
.pg_integrated-skincare .obj_faq .obj_download-box ul{
	margin-top:0;
	}
.pg_integrated-skincare .obj_faq .obj_download-box li{
	margin:0 0 2px 0;
	font-size:11px;
	color:#2e9ebe;
	}
/* ////////////////////////////////////////
 * 
 * $ 8 - PAGE PROTOCOLS
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_protocols div.main{background:none;}

.pg_protocols .obj_hero{
	position:relative;
	height:auto;
	margin-bottom:30px;
	background:url('../../include/images/f_banner_protocols.jpg') center 150px no-repeat;
	}
.pg_protocols .obj_hero:after{ /* responsive - affichage en mobile */
	display:none;
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:50%;
	margin-left:-320px;
	width:640px;
	height:300px;
	background:url('../../include/images/f_banner_protocols.jpg') -160px 30px no-repeat;
	background-size:auto 300px;
	}
.pg_protocols .obj_hero h1{
	font-size:60px;
	padding-bottom:10px;
	border-bottom:1px solid #d5d5d5;
	}
.pg_protocols .obj_hero p{
	font-family:'FuturaBT-Book',arial;
    font-size:13px;
	}

.pg_protocols .obj_hero section{
	max-width:960px;
	margin:60px auto 10px;
	}
.pg_protocols .obj_hero section header{
	border-bottom:2px solid #d5d5d5;
	padding-bottom:10px;
	margin:0;
	}
.pg_protocols .obj_hero section h1{
	margin:0;
	padding-bottom:5px;
	font-size:18px;
	font-family: 'FuturaBT-Medium';
	border-bottom:none;
	}

.pg_protocols .ctn_detail-protocol{
	padding:30px 0 0;
	border-bottom:1px solid #d5d5d5;
	}
.pg_protocols .ctn_detail-protocol.last{
	border-bottom:none;
	}
.pg_protocols .ctn_detail-protocol .ctn_top{
	padding-bottom:30px;
	}
.pg_protocols .ctn_detail-protocol .ctn_top a{
	position:relative;
	display:block;
	padding:0 76px 0 210px;
	max-width:590px;
	background:url("../../include/images/b_faq-close02.gif") right center no-repeat;
	}
.pg_protocols .ctn_detail-protocol .ctn_top a.open{
	background-image:url("../../include/images/b_faq-open02.gif");
	}
.pg_protocols .ctn_detail-protocol .ctn_top a:hover h2{
	color:#77A3B6;
	}
.pg_protocols .ctn_detail-protocol .ctn_top h2{
	position:absolute;
	left:0;
	top:50%;
	width:200px;
	margin:-10px 0 0; 
	padding:0;
	font-size:13px; 
	line-height:18px;
	border-bottom:none;
	font-family: 'FuturaBT-Medium';
	}
.pg_protocols .ctn_detail-protocol .ctn_top p{
	margin:0;
	}
.pg_protocols .ctn_detail-protocol .content{
	height:0;
	overflow:hidden;
	position:relative;
	}
.pg_protocols .ctn_liste-protocol{
	position:relative;
	padding:25px 150px 25px 30px;
	margin:10px 0 0 210px;
	background:#f2f7f9;
	}
.pg_protocols .ctn_liste-protocol:first-child{
	margin-top:0;
	}
.pg_protocols .ctn_liste-protocol.last{
	margin-bottom:30px;
	}
/* left */	
.pg_protocols .ctn_liste-protocol .ctn_left{
	padding-right:20px;
	border-style:solid;
	border-color:#dfe1e2;
	border-width:0 1px 0 0;
	}
.pg_protocols .ctn_liste-protocol h3{
	text-transform:none;
	margin-bottom:10px;
	}
.pg_protocols .ctn_liste-protocol h3 span{
	position:relative;
	top:4px;
	font-size:8px;
	}
.pg_protocols .obj_skin-icons{
	margin-top:25px;
	}
.pg_protocols .obj_skin-icons li{
	margin:0 5px 5px 0;
	}
/* right */	
.pg_protocols .ctn_liste-protocol .ctn_right{
	position:absolute;
	right:30px;
	top:50%;
	width:120px;
	}
.pg_protocols .ctn_liste-protocol .ctn_right ul{
	margin:0;
	}
.pg_protocols .ctn_liste-protocol .ctn_right li{margin-top:10px;}
.pg_protocols .ctn_liste-protocol .ctn_right li:first-child{margin:0;}
.pg_protocols .ctn_liste-protocol .ctn_right a{
	display:block;
	padding-left:20px;
	font-size:11px; line-height:13px;
	font-family: 'FuturaBT-Medium';
	}
.pg_protocols .ctn_liste-protocol .ctn_right a span{color:#77A3B6;}
/* ////////////////////////////////////////
 * 
 * $ 9 - PAGE MEDIA RESSOURCES
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCTURE
 * ======================================== */
.pg_mediaRessources .obj_media_ressources{
	padding: 220px 0 60px 0;
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media{
	padding:0 25px;
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media h1{
	font:normal 62px/1em 'FuturaBT-Book', Arial;
	color:#77a3b6;
	text-align:center;
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media ul{
	clear: both;
	margin: 50px 0 50px 0;
	text-align: center;
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media li{
	display:inline-block;
	margin:0 5.729166%;/* 0 55px */
	font:20px/1em 'FuturaBT-Heavy', Arial;
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a{
	display:block;
	width:10.25em;/* 205px */
	height:10.25em;
	line-height:9.5em;
	color:#fff;
	text-transform: uppercase;
	opacity:1;
    filter: alpha(opacity=100);
	transition: opacity 0.2s linear;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:99.024390% auto;
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media ul:hover a,
.pg_mediaRessources.pg_active .obj_media_ressources .ctn_navigation_media ul a,
.pg_mediaRessources.pg_active .obj_media_ressources .ctn_navigation_media ul.active a{
	opacity: 0.4;
    filter: alpha(opacity=40);
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media ul:hover a:hover,
.pg_mediaRessources.pg_active .obj_media_ressources .ctn_navigation_media ul a.active,
.pg_mediaRessources.pg_print .obj_media_ressources ul a.print,
.pg_mediaRessources.pg_digital .obj_media_ressources ul a.digital,
.pg_mediaRessources.pg_tv .obj_media_ressources ul a.tv{
	opacity: 1;
    filter: alpha(opacity=100);
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a.print{
	color: #0ca0bc;
	background-image:url("../images/b_media_print.png");
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a.digital{
	background-image:url("../images/b_media_digital.png");
	}
.pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a.tv{
	background-image:url("../images/b_media_tv.png");
	}
/* intro media */
.pg_mediaRessources .obj_media_ressources .ctn_intro_media{
	padding:0 25px;
	margin-bottom:130px;
	}
.pg_mediaRessources .obj_media_ressources .ctn_intro_media img{
	float:left;
	margin:0 25px 0 -30px;
	width:53.854166%;/* 517px */
	}
.pg_mediaRessources .obj_media_ressources .ctn_intro_media p{
	padding: 180px 0 0;
	font: 21px/30px 'FuturaBT-Book', Arial;
	float:right;
	width:46.4583333%;/* 446px */
	}
/* -------------
 * inner page 
 * ---------- */
.pg_mediaRessources .media.active,
.pg_mediaRessources.pg_print .media.print,
.pg_mediaRessources.pg_digital .media.digital,
.pg_mediaRessources.pg_tv .media.tv{
	height: auto;
	}
.pg_mediaRessources .media.ctn_coverflip .str_top {
	position: relative;
	max-width: 1020px;
	background: #000 url("../images/bg_mediaressources_carrousel.jpg") repeat top center;
	background-size: cover;
	padding: 20px 0 70px 0;
	margin: 0 auto;
	}
.pg_mediaRessources .media.ctn_coverflip .str_top header{
	margin: 10px;
	}
.pg_mediaRessources .media.ctn_coverflip .str_top h2{
	padding: 0 40px;
	color: white;
	font-size: 20px;
	}
.pg_mediaRessources .media.ctn_coverflip .obj_coverflip .ctn_scrollbar{
	top:0;
	padding-right:30px;
	padding-left:30px;
	}
.pg_mediaRessources .obj_coverflip .over {
	bottom: 0;
	/*width: auto;*/
	}
.pg_mediaRessources .popin-container {
	width:900px;
	margin-left:-450px;
	}
.pg_mediaRessources .obj_coverflip .popin-container figure.couv{
	width:28.205128%;/* 220px */
	-webkit-box-shadow: 0 0 10px rgba(150,150,150,1);
	   -moz-box-shadow: 0 0 10px rgba(150,150,150,1);
		 -o-box-shadow: 0 0 10px rgba(150,150,150,1);
			box-shadow: 0 0 10px rgba(150,150,150,1);
	}
.pg_mediaRessources .obj_coverflip .popin-container figure.produit{
	border: none;
	width:23.076923%;/* 220px */
	margin-left:2.564102%;/* 20px */
	}
.pg_mediaRessources .obj_coverflip .popin-container div.content{
	width:42.307692%;/* 330px */
	}
.pg_mediaRessources .obj_coverflip .popin-container a.button{
	display: inline-block;
	border-radius: 15px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	font-size: 10px;
	text-transform: uppercase;
	color: #3e4143;
	background: url("../images/pg_mediaressources_bg_button.png") repeat-x center center;
	cursor: pointer;
	}
.pg_mediaRessources .obj_coverflip .popin-container a.button:hover{
	background: #77a3b6;
	color: white;
	}
/* surcharge pg_printt */	
.pg_mediaRessources.pg_print{
	min-width:0;
	background:none;
	}
.pg_mediaRessources.pg_print div.main{
	background:url("../../include/images/f_blue-gradient.gif") repeat-x left 147px;	
	}
	
.pg_mediaRessources.pg_print *{
	box-sizing:initial;
	}
.pg_mediaRessources.pg_print header.main,
.pg_mediaRessources.pg_print footer.main{
	display:block;
	}
/* ////////////////////////////////////////
 * 
 * $ 10 - DOWNLOADABLE
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_downloadable div.main{
	background-image:none;
	}
article.downloadable{
	position:relative;
	padding-top:50px;
	max-width:960px;
	margin:0 auto;
	}
article.downloadable .top{
	padding-left:20px;
	}
article.downloadable .top header{
	margin-bottom:4px;
	}
article.downloadable .top h1{
	font:27px 'FuturaBT-Book',arial;
	text-transform:uppercase;
	}
article.downloadable .mention{
	font:11px 'FuturaBT-Medium',arial;
	color:#666;
	}
article.downloadable .middle{
	border-top:   1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	margin:0 0 26px;
	padding:5px 0 4px 216px;
	}
article.downloadable .middle h3{
	float:left;
	line-height:30px;
	margin:0 10px 0 0;
	}
article.downloadable .middle > p{
	float:right;
	margin:7px 0 0 0;
	text-transform:uppercase;
	}
article.downloadable .middle .obj_select{
	float:left;
	}
article.downloadable .str_left{
	float:none;
	position:absolute;
	width:196px;
	padding-bottom:28px;
	margin-bottom:20px;
	}
/* button affiché seulement en mobile */
article.downloadable .str_left .b_monochrome{
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	}
article.downloadable .ctn_filter{
	margin:0 0 0 20px;
	}
article.downloadable .ctn_filter h3{
	margin-bottom:7px;
	color:#77a3b6;
	}
article.downloadable .ctn_filter ul{
	padding-left:3px;
	font-family:'FuturaBt-Medium',arial;
	color:#333;
	}
article.downloadable .ctn_filter li{
	margin-bottom:9px;
	}
article.downloadable .ctn_filter > li{
	margin-bottom:19px;
	}
article.downloadable .str_right{
	float:none;
	padding-left:216px;
	}
article.downloadable .str_right > h3{
	float:left;
	margin-bottom:30px;
	}
article.downloadable .obj_paging{
	float:right;
	}
article.downloadable .ctn_products{
	clear:both;
	position:relative;
	left:-7px;
	}
article.downloadable article{
	position:relative;
	float:left;
	width:228px;
	margin:0 7px 50px;
	padding:0 0 90px;
	}
/*  */
article.downloadable article .ctn_picto,
article.downloadable article figure{
	margin:0 auto 30px;
	line-height:240px;
	text-align:center;
	}
article.downloadable article figure img{
	line-height:normal;
	vertical-align:bottom;
	}
article.downloadable article .ctn_picto img{
	line-height:normal;
	vertical-align:middle;
	}
article.downloadable article header{
	margin:0 0 5px;
	}
article.downloadable article h1{
	text-transform:uppercase;
	font:12px 'FuturaBT-Medium',arial;
	}
article.downloadable article p{
	font-family:'FuturaBT-Medium',arial;
	}
article.downloadable article ul{
	position:absolute;
	bottom:0;
	width:100%;
	height:71px;
	text-align:center;
	}
article.downloadable article ul li{
	margin-bottom:10px;
	}
article.downloadable article .b_link{
	color:#668fa0;
	}
/* ===========================================
 *	$ =	SURCHARGE TRAINING LANDING
 * ======================================== */
.training div.main{
	background:url('../../include/images/f_resources.jpg') center 147px no-repeat;
	}
.training .downloadable{
	padding-top:147px;
	}
.training .downloadable .top{
	padding:0;
	}
.training .downloadable .top header{
	position:relative;
	height:550px;
	margin-bottom:18px;
	background:url('../../include/images/f_header-traning.jpg') center top;
	}
.training .downloadable .top header div{
	position:absolute;
	bottom:25px;
	left:25px;
	width:460px;
	padding:30px 40px;
	background:#fff;
	background:rgba(255,255,255,.75);
	}
.training .downloadable .top header h1{	
	color:#77a3b6;
	font:34px 'FuturaBT-Light',arial;
	margin-bottom:10px;
	}
.training .downloadable .top header p{
	line-height:1.666666em;/* 30px */
	margin:0;
	}
.training .ctn_bt-result{
	margin-bottom:12px;
	}
.training .ctn_bt-result .b_round:hover{
	background:#000;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	
	}
.training .ctn_bt-result span{	
	margin-left:10px;
	font:12px 'FuturaBT-Medium',arial;
	color:#008ab0
	}
.training .downloadable .str_left ul{
	margin-left:0;
	}
.training .downloadable .str_right{
	padding-left:196px;
	}
.training .downloadable .ctn_products{
	left:0;
	margin-bottom:30px;
	}
.training .downloadable .item{
	position:relative;
	border:1px solid #e8e8e8;
	margin:0 0 20px 20px;
	width:232px;
	padding:0 0 34px;
	}
.training .downloadable .item > a{
	display:block;
	height:144px;
	}
.training .downloadable .item .figure{
	font-size:0;
	height: 144px;
	line-height: 144px;
	text-align: center;
	background:#fff;
	}
.training .downloadable .item .figure img{
	display:inline-block;
    margin: 0 auto;
	vertical-align:middle;
	}
.training .downloadable .completed img{
	opacity:.85;
	}
.training .downloadable .item .content{
	padding:15px 15px 25px;
	}
.training .downloadable .item h4{
	font-size:12px;
	font-family:'FuturaBT-Bold',arial;
	margin:0;
	}
.training .downloadable .item h5{
	position:absolute;
	right:0; top:0;
	padding:5px 10px;
	font-size:9px; line-height:9px;
	font-family:'FuturaBT-Medium',arial;
	text-transform:uppercase;
	color:white;
	background:#008ab0;
	border-bottom-left-radius:3px;
	}
.training .downloadable .item p{
	margin:0;
	}
.training .downloadable .item .bottom{
	position:absolute;
	bottom:0;
	width:100%;
	height:33px;
	border-top:1px solid #e8e8e8;
	}
.training .downloadable .item .bottom p{
	height:33px;
	line-height:33px;
	padding:0 0 0 43px;
	font-size:13px;
	color:#008ab0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
.training .downloadable .item .bottom a:hover p{
	opacity:0.6;
	}	
.training .downloadable .item.completed .bottom p a{	
	color:#b8b8b8;
	}
.training .downloadable .item.training .bottom p{	
	background:url('../../include/images/i_training.png') no-repeat 15px bottom / 21px auto ;	
	}	
.training .downloadable .item.training.completed .bottom p{
	background:url('../../include/images/i_training.png') no-repeat 15px top / 21px auto ;	
	}
.training .downloadable .item.video .bottom p{	
	background:url('../../include/images/i_video.png') no-repeat 15px bottom / 21px auto ;	
	}	
.training .downloadable .item.video.completed .bottom p{
	background:url('../../include/images/i_video.png') no-repeat 15px top / 21px auto ;	
	}	
.training .downloadable .item.image .bottom p{	
	background:url('../../include/images/i_image.png') no-repeat 15px bottom / 21px auto ;	
	}	
.training .downloadable .item.image.completed .bottom p{
	background:url('../../include/images/i_image.png') no-repeat 15px top / 21px auto ;	
	}		
.training .downloadable .item.pdf .bottom p{	
	background:url('../../include/images/i_pdf.png') no-repeat 15px bottom / 21px auto ;	
	}	
.training .downloadable .item.pdf.completed .bottom p{
	background:url('../../include/images/i_pdf.png') no-repeat 15px top / 21px auto ;	
	}
.training .downloadable .item.powerpoint .bottom p{	
	background:url('../../include/images/i_powerpoint.png') no-repeat 15px bottom / 21px auto ;	
	}	
.training .downloadable .item.powerpoint.completed .bottom p{
	background:url('../../include/images/i_powerpoint.png') no-repeat 15px top / 21px auto ;	
	}
.training .downloadable .item ul{
	position:absolute;
	display:block;
	width:auto; height:auto;
	bottom:33px; right:15px;
	margin:5px 0;
	text-align:right;
	}
.training .downloadable .item ul li{
	display:inline-block;
	margin:0;
	}
.training .downloadable .item ul li a{
	display:inline-block;
	color:#668fa0;
	margin:0 0 0 5px;
	padding:0 0 0 15px;
	font-size:12px;
	font-family:'FuturaBT-Medium',arial;	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}	
.training .downloadable .item ul li a:hover{	
	opacity: 0.6;
	}
.training .downloadable .item ul li.download a{
	background: transparent url("../../include/images/i_download_HD.png") no-repeat scroll left 2px / 11px auto ;
	}	
.training .downloadable .item ul li.view a{
	background: transparent url("../../include/images/i_view.png") no-repeat scroll left 2px / 11px auto ;
	}
.training .downloadable .b_liked{
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-10px;
	z-index:20;
	}

/* ////////////////////////////////////////
 * 
 * $ VAR 2015
 * 
 * //////////////////////////////////////// */

.var_2015.training div.main {
    background: rgba(0, 0, 0, 0) url("../../include/images/f_training_var2015.jpg") no-repeat scroll center 147px;
}
.var_2015.training article.downloadable {
    max-width: 1015px;
}
.var_2015.training .downloadable .top header {
    background: #ffffff url("../../include/images/f_header-traning_var2015.jpg") no-repeat scroll right bottom;
}
.var_2015.training .downloadable .top header {
    height: 551px;
    margin-top: 93px;
    box-shadow: 0px 0px 7px #cccccc;
}
.var_2015.training .downloadable .top header div {
    bottom: 119px;
}
.var_2015.training .ctn_bt-result {
    margin-bottom: 17px;
}
.var_2015.training .downloadable a.b_round.larg {
	width: 85px;
	color: #77a3b6;
	font: 12px/40px "FuturaBT-Medium",arial;
	text-align: center;
	background-color: #ffffff; 
	border: 1px solid #dfdfdf;
}
.var_2015.training .downloadable a.b_round.larg:hover {
	color: #ffffff; 
	background: #333;
	border: 1px solid #333;
	border-radius: 7px;
}
.var_2015.training article.downloadable .middle {
    height: auto;
    margin: 0;
    padding: 5px 0 4px;
    border-top: medium none;
}

.var_2015.training article.downloadable .ctn_radio {
    margin: 0;
}
.var_2015.training article.downloadable .ctn_radio > li {
    margin-bottom: 11px;
}
.var_2015.training article.downloadable .ctn_radio li ul {
	width: 1015px;
	margin: 0;
	padding: 0;
}
.var_2015.training article.downloadable .ctn_radio li ul li {
	float: none;
	display: inline-block;
	width: 200px;
	height: 59px;
	margin: 0;
	font: 15px/59px "FuturaBT-Medium",arial;
	text-align: center;
	text-transform: uppercase;
}
.var_2015.training article.downloadable .obj_radio.radio-3 {
	display: table-cell;
	height: 59px;
	width: 200px;
	padding: 0;
	vertical-align: middle;
	line-height: normal;
	background: url("../../include/images/b_checkbox-3_var2015.png") no-repeat scroll center top;
}
.var_2015.training article.downloadable .obj_radio:hover, 
.var_2015.training article.downloadable .obj_radio.checked {
    background-position: center -60px;
}
.var_2015.training article.downloadable .str_right {
    padding-left: 0;
}
.var_2015.training article.downloadable .ctn_products {
    margin: 17px auto 0;
}
.var_2015.training article.downloadable .ctn_products{
    margin: 18px auto 0 -120px;
}
.var_2015.training article.downloadable .ctn_products  .item {
    margin: 0 0 20px 123px;
    width: 253px;
}
.var_2015.training .downloadable .item .figure {
    height: 158px;
    line-height: 158px;
}
.var_2015.training .downloadable .item .content {
    padding: 30px 15px 25px;
}
.var_2015.training  .downloadable .item h4 {
    margin-bottom: 5px;
}

@media screen and (max-width: 1024px) {
	.var_2015.training article.downloadable {
		max-width: inherit;
		padding: 0 25px;
		width: auto;
	}
	.var_2015.pg_downloadable.training .downloadable .top header {
		margin: 0 auto 18px;
		width: auto;
		background-size: 32% auto;
	}
	.var_2015.training .downloadable .top header div {
		bottom: 25px;
	}
	.var_2015.training article.downloadable .ctn_radio li ul {
		margin: 0 auto;
		width: 80%;
		text-align: center;
	}
	.var_2015.training article.downloadable .ctn_radio li ul li {
		margin: 0 0 15px;
	}
	.var_2015.training article.downloadable .ctn_products {
		margin: 18px auto 0;
	}

	.var_2015.training article.downloadable .ctn_products .item {
		margin: 0 10.5% 20px;
	}
}

@media screen and (max-width: 960px) {

	.var_2015.training div.main {
		background: url("../../include/images/f_training_var2015.jpg") no-repeat scroll center 147px / 100% auto;
	}
	.var_2015.pg_downloadable.training .downloadable .top p.focus {
		font-family: "FuturaBT-Book",arial;
		font-size: 18px;
	}
	.var_2015.pg_downloadable.training .downloadable .top header div {
		position: inherit;
		right: inherit;
		left: inherit;
		bottom: inherit;
		width: 60%;
		background: none repeat scroll 0 0;
	}
	.var_2015.pg_downloadable.training .downloadable .top header {
		margin: 0 auto 18px;
    padding: 110px 0 40px 0;
		height: auto;
	}
	.var_2015.training article.downloadable {
		padding: 0;
	}
	.var_2015.training article.downloadable .ctn_products .item {
		margin: 0 8.2% 20px;
	}
}

@media screen and (max-width: 768px) {
	.var_2015.training .ctn_bt-result {
		text-align: center;
	}
	.var_2015.training .downloadable a.b_round.larg {
		margin-bottom: 15px;
	}
	.var_2015.training  .ctn_bt-result span {
		display: block;
	}
	.var_2015.training article.downloadable .ctn_products .item {
		float: none;
		margin: 0 auto 20px;
	}
}

@media screen and (max-width: 480px) {
	.var_2015.pg_downloadable.training .downloadable .top header {
	   background-image: none; 
	}
	.var_2015.pg_downloadable.training .downloadable .top header div {
		width: auto;
	}
}

@media screen and (max-width: 320px) {
	.var_2015.pg_downloadable.training .downloadable .top p.focus {
		font-size: 14px;
	}
}