﻿/*
 *
 *
 *	$ =	SKIN CEUTICALS ARTICLES
 *
 *  0  - common
 *  1  - our history
 *  2  - Dr Pinnell
 *  3  - SkinExplained Understanding
 *  4  - SkinExplained Type an conditions
 *  5  - site map
 *  6  - cosmeceuticals
 *  7  - aox science
 *  8  - aox timeline
 *  9  - countries
 * 10  - clinical studies
 * 11  - video library
 * 12  - insights
 * 13  - ethic charter
 * 14  - calculator
 * 15  - Loyalty
 * 16  - Dictionary
 * 17  - downloadable
 * 18  - calendar
 * 19  - ERetailer
 * 20  - Unsubscribe
 * 21  - IMCAS
 * 22  - Page article news
 *
 */
/* ////////////////////////////////////////
 * 
 * $ 0 - COMMON
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	ARTICLE EN QUICONCE
 * ======================================== */
.quinconce{
	position:relative;
	max-width:960px;
	margin:0 auto;
	}
.quinconce > header h1{
	font-size:43px;
	letter-spacing:2.874px;
	}
.quinconce > header h2{
	font-size:16px;
	border-bottom:1px solid #d5d5d5;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	letter-spacing:0.85px;
	}
.quinconce > header p{
	font-size:13px;
	font-family:'FuturaBT-Book',arial;
	color:#333;
	}
.quinconce h2,
.quinconce h1{
	font-size:32px;
	font-family:'FuturaBT-Light',arial;
	color:#77a4b4;
	text-transform:uppercase;
	letter-spacing:1px;
	}
.quinconce .focus{
	font-size:14px;
	font-family:'FuturaBT-Medium',arial;
	color:#333;
	}
.quinconce section p{
	line-height:16px;
	}
.quinconce p a{
	color:#2e9ebe;
	}
/* structure */
.quinconce > header{
	padding:170px 0 0 0;
	margin:0 0 30px 0;
	}
.quinconce section{
	position:absolute;
	}
.quinconce section header{
	padding:190px 0 0 0;
	margin:0;
	}
.quinconce .left{
	width:52.604166%;/* 505 */
	padding-right:42.708333;/* 410 */
	padding-left:4.687501%;/* 10 */
	}
.quinconce .right{
	width:50%;/* 480 */
	padding:0 0 0 50%;/* 480 */
	}
/* affichage :before seulement en mobile */
.quinconce > header:before,
.quinconce section:before{
	content:"";
	display:none;
	position:absolute;
	}
.quinconce > header:before{
	top:75px;
	left:50%;
	margin-left:-384px;
	width:768px;
	height:275px;
	}
.quinconce section:before{
	top:100px;
	right:0;
	width:200px;
	height:200px;
	border:1px solid #e1e1e1;
	}
.quinconce section.right:before{
	left:0;
	right:auto;
	}
/* ===========================================
 *	$ =	OBJECTS
 * ======================================== */
/* -----------------------------------------
 * $ PROPERTIES
 * -------------------------------------- */
.obj_properties{
	
	}
.obj_properties li{
	margin:0 auto 20px auto;
	font-family:'FuturaBT-Medium',arial;
	font-weight:bold;
	font-size:15px;
	color:#35788c;
	text-transform:uppercase;
	text-align:center;
	padding:5px 0;
	background:#fff;
	border-radius:4px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	     -o-border-radius:4px;
	}
/* ////////////////////////////////////////
 * 
 * $ 1 - OUR HISTORY
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_history div.main{
	min-height: 6960px;
	background: none #fff;
	background-size: 1400px auto;
	}
/* ===========================================
 *	$ =	SECTION HISTORY
 * ======================================== */
#history{
	position:relative;
	max-width:1005px;
	height:4000px;
	margin:0 auto;
	background:#fff;
	}
/* :before seulement en mobile */
#history > header:before{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%),
				url('../../include/images/f_history-header.jpg') 85px -10px/auto 300px no-repeat;
	}
#history > header{
	padding: 40px 20px 110px 45px;
	height: 445px;
	background: url('../../include/images/f_history-header.jpg') left top no-repeat;
	}
#history > header .str_left{
	padding:30px 0 0 0;
	width:53.072625%;/* 475px */
	}
#history h1{
	font-size:20px;
	font-family:'FuturaBT-Book', arial;
	color:#77a4b4;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}
#history h1 b{
	display:block;
	line-height:1em;
	font-size:60px;
	font-weight:normal;
	font-family:'FuturaBT-Light', arial;
	}
#history > header p{
	width:76.842105%;/* 365px */
	font-family:'FuturaBT-Book',arial;
	font-size:13px;
	line-height:18px;
	color:#333;
	}
#history p.border{
	width:85.263157%;/* 405px */
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	border-top:1px solid #d5d5d5;
	}
#history > header .nav{
	position:absolute;
	right:10px;
	top:40px;
	width:13.966480%;/* 125px */
	z-index: 20;
	}
#history > header .nav h2{
	text-transform:uppercase;
	color:#77a4b4;
	font-size:14px;
	font-family:'FuturaBT-Medium',arial;
	text-align:center;
	margin:0 0 10px 0;
	}
#history > header .nav li{
	border-top:1px solid #77a4b4;
	padding:8px 0;
	text-align:center;
	}
#history > header .nav a{
	font-size:14px;
	font-family:'FuturaBT-Medium',arial;
	}
/* ===========================================
 * $ article common
 * ======================================== */
#history article{
	position:absolute;
	z-index:1;
	margin:0 0 30px 0;
	}
/* :before et :after seulement en reponsive */
#history article:before,
#history article:after{
	display:none;
	content:"";
	position:absolute;
	top:0;
	z-index:-2;
	left:50%;
	width:1400px;
	margin-left:-700px;
	height:100%;
	}
/*	
#history article:before{
	background:url('../../include/images/f_history-02.jpg') left top/1400px auto no-repeat; 
	}
#history article:after{
	z-index:2;
	width:960px;
	margin-left:-480px;
	background:url('../../include/images/masque.png') center center/100% 100% no-repeat;
	/*background:linear-gradient(to bottom, rgba(255,255,255,1) 0, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 85%, rgba(255,255,255,1) 100%);
	}
*/	
	
#history article header,
#history article h3,
#history article p,
#history article div{
	position:relative;
	z-index:3;
	}
#history article figure{
	position:absolute;
	z-index:1;
	}
#history article header{
	margin:0;
	}
#history article h2{
	margin:0 0 5px;
	line-height:44px;
	font-size:57px;
	font-family:'FuturaBT-Light',arial;
	letter-spacing: 2px;
	}
#history article h3{
	text-transform:none;
	margin:0;
	font-size:13px;
	font-family: 'FuturaBT-Bold',arial;
	}
#history article p{
	margin:0 0 18px 0;
	font-size:13px;
	line-height:15px;
	font-family: 'FuturaBT-Book',arial;
	}	
#history article p b{
	color:#333;
	}
#history article em{
	color:#333;
	font-style:italic;
	}
#history article a{
	color:#2e9ebe;
	}
	
/* -----------------------------------------
 * $ YEAR 2018
 * -------------------------------------- */
#history .year2018{
	top: 595px;
	left: 0;
	z-index: 2018;
	max-width: 470px;
	padding: 380px 360px 0 205px;
	}
#history .year2018 .cleansers{
    left: 0;
    top: 160px;
	}	
#history .year2018 .acid {
    right: -40px;
	top: 180px;
	}	
#history .discoloration{
	left: -200px;
	top:0;
	}
/* -----------------------------------------
 * $ YEAR 2017
 * -------------------------------------- */
#history .year2017{
	top: 1175px;
	left: -166px;
	z-index: 2017;
	max-width: 470px;
	padding: 360px 360px 0 370px;
	}
#history .year2017 .cleansers{
    left: 0;
    top: 160px;
	}	
#history .year2017 .acid {
    right: -60px;
	top: 180px;
	}
/* -----------------------------------------
 * $ YEAR 2016
 * -------------------------------------- */
#history .year2016{
	top: 1695px;
	right: 40px;
	z-index: 2016;
	max-width: 530px;
	padding: 180px 0 0 290px;
	}
#history .year2016 .pigment-corrector{
	top: 50px;
	left: -85px;
	}
#history .year2016 .pigment-corrector img{
	width:306px;
	height:295px;
	}
#history .year2016 div p{
	padding-right: 265px;
	}	
#history .year2016 > div{
	min-height:300px;
	}
#history .year2016 .body{
	top:8px;
	right:20px;
	}
#history .year2016 .body img{
	width:102px;
	height:300px;
	}	
#history .year2016 figure {
    left: 0;
    top: 160px;
	}
#history .year2016 .physical-eye{
	right:0;
	left:inherit;
	top:0;
	}
	
/* -----------------------------------------
 * $ YEAR 2015
 * -------------------------------------- */
#history .year2015{
	top: 2215px;
	left:-160px;
	z-index: 2015;
	max-width:630px;
	padding: 250px 0 0 336px;
	}
#history .year2015 .pigment-corrector{
	top: 210px;
	left:-85px;
	}
#history .year2015 .pigment-corrector img{
	width:306px;
	height:295px;
	}
#history .year2015 p{
	padding-right: 230px;
	}	
#history .year2015 > div{
	min-height:300px;
	}
#history .year2015 .body{
	top:8px;
	right:20px;
	}
#history .year2015 .body img{
	width:102px;
	height:300px;
	}	
#history .year2015 figure {
    left: 0;
    top: 210px;
	}
#history .year2015 .physical-eye{
	right:0;
	left:inherit;
	top:0;
	}	
	
/* -----------------------------------------
 * $ YEAR 2014
 * -------------------------------------- */
#history .year2014{
	top:2695px;
	right:200px;
	z-index: 2014;
	max-width:364px;
	padding: 330px 0 0 250px;
	}
#history .year2014 .resveratrol{
	top: 210px;
	left:0;
	}
#history .year2014 .resveratrol img{
	width:224px;
	height:330px;
	}
#history .year2014 > div{
	padding-right:134px;
	}
/* -----------------------------------------
 * $ YEAR 2013
 * -------------------------------------- */
#history .year2013{	
	top: 3130px;
	left: -140px;
	z-index: 2013;
	max-width: 430px;
	padding: 190px 30px 0 300px;
	}
#history .year2013 .pigment-corrector{
	top: 180px;
	left: 0;
	}
#history .year2013 .pigment-corrector img{
	width: 306px;
	height: 295px;
	}
#history .year2013 > div{
	padding-right: 134px;
	min-height: 300px;
	}
#history .year2013 .body{
	top:8px;
	right:20px;
	}
#history .year2013 .body img{
	width:102px;
	height:300px;
	}
/* -----------------------------------------
 * $ YEAR 2012
 * -------------------------------------- */
#history .year2012{
	top: 3640px;
	right: 150px;
	z-index: 2012;
	max-width: 410px;
	padding: 210px 0 0 180px;
	}
#history .year2012 .visage{
	top: 235px;
	left: 13px;
	}
#history .year2012 .visage img{
	width:174px;
	height:210px;
	}
#history .year2012 p{
	margin: 0 0 25px 0;
	}	
#history .year2012 div{
	padding:0 110px 115px 0;
	}
#history .year2012 .ferulic{
	bottom:0;
	right:-70px;
	}
/* -----------------------------------------
 * $ YEAR 2011
 * -------------------------------------- */
#history .year2011{
	top:4045px;
	left:0;
	z-index: 2011;
	max-width:400px;
	padding: 190px 0 0 200px;
	}
#history .year2011 figure{
	top:210px;
	left:-10px;
	}
/* -----------------------------------------
 * $ YEAR 2010
 * -------------------------------------- */
#history .year2010{
	top: 4215px;
	right: 90px;
	z-index: 2010;
	max-width: 340px;
	padding:240px 0 0 295px;
	}
#history .year2010 figure{
	top:210px;
	left:-125px;
	}
#history .year2010 figure img{
	width:480px;
	height:264px;
	}
/* -----------------------------------------
 * $ YEAR 2009
 * -------------------------------------- */
#history .year2009{
	top:4655px;
	left:-18px;
	z-index: 2009;
	max-width:290px;
	padding:90px 30px 0 170px;
	}
#history .year2009 figure{
	top:50px;
	left:0;
	}
#history .year2009 figure img{
	width:165px;
	height:308px;
	}
/* -----------------------------------------
 * $ YEAR 2008
 * -------------------------------------- */
#history .year2008{
	top: 4490px;
	left:- 30px;
	z-index: 2008;
	max-width: 310px;
	padding: 250px 30px 0 200px;
	z-index: 2;
	}
#history .year2008 figure{
	top: 210px;
	left: -250px;
	}
/* -----------------------------------------
 * $ YEAR 2005
 * -------------------------------------- */
#history .year2005{
	top: 4795px;
	right: 125px;
	z-index: 2005;
	max-width: 300px;
	padding: 340px 0 0 160px;
	}
#history .year2005 figure{
	top:210px;
	left:7px;
	}
/* -----------------------------------------
 * $ YEAR 2004
 * -------------------------------------- */
#history .year2004{
	top:5220px;
	left:50px;
	z-index: 2004;
	width:540px;
	padding:160px 0 0;
	}
#history .year2004 .str_left{
	width:380px;
	padding-top:35px;
	float:right;
	}
#history .year2004 .str_left *{
	text-align:left;
	}
#history .year2004 ul{
	padding: 75px 45px 75px 0;
	width: 110px;
	float: left;
	background:url("../../include/images/i_2004.gif") no-repeat 110px top;
	}
#history .year2004 ul li{
	margin:0 auto 20px auto;
	font-family:'FuturaBT-Bold',arial;
	font-size:15px;
	color:#35788c;
	text-transform:uppercase;
	text-align:center;	
	}
/* -----------------------------------------
 * $ YEAR 2002
 * -------------------------------------- */
#history .year2002{
	top:5140px;
	left:0;
	z-index: 2002;
	width:370px;
	padding:119px 0 0 155px;
	}
#history .year2002 figure{
	top:50px;
	left:7px;
	}
#history .year2002 figure img{
	width:189px;
	height:345px;
	}
/* -----------------------------------------
 * $ YEAR 2001
 * -------------------------------------- */
#history .year2001{
	top:5488px;
	right:185px;
	z-index: 2001;
	width:530px;
	min-height:150px;
	padding-top:210px;
	}
#history .year2001 .str_left{
	width:286px;
	}
#history .year2001 header h2{
	position:relative;
	left:12px;
	}
#history .year2001 .str_left > *{
	text-align:right;
	}
#history .year2001 .ctn_b_video{
	float:right;
	width:214px;
	margin:3px 0 0 0;
	}
#history .year2001 .ctn_b_video a{
	display:block;
	width:214px;
	height:120px;
	background:url('../../include/images/b_video-history.jpg') left top no-repeat;
	text-indent:-10000px;
	}
/* -----------------------------------------
 * $ YEAR 1999
 * -------------------------------------- */
#history .year1999{
	top:5715px;
	left:-50px;
	z-index: 1999;
	max-width:370px;
	padding: 230px 0 0 250px;
	}
#history .year1999 header h2{
	position:relative;
	left:-7px;
	}
#history .year1999 figure{
	top:210px;
	left:0px;
	}
/* -----------------------------------------
 * $ YEAR 1997
 * -------------------------------------- */
#history .year1997{	
	top: 5980px;
	right: 140px;
	z-index: 1997;
	max-width: 280px;
	padding: 305px 0 0 295px;
	}
#history .year1997 header h2{
	position:relative;
	left:-7px;
	}
#history .year1997 figure{
	top: 210px;
	left:0px;
	}
#history .year1997 figure img{
	
	}
/* -----------------------------------------
 * $ YEAR 1994
 * -------------------------------------- */
#history .year1994{
	top: 6265px;
	left: -70px;
	max-width: 370px;
	padding: 310px 0 0 260px;
	}
#history .year1994 header h2{
	position:relative;
	left:-7px;
	}
#history .year1994 figure{
	top:210px;
	left:0px;
	}
#history .year1994 figure img{
	width:235px;
	height:446px;
	}

	
/* ////////////////////////////////////////
 * 
 * $ 2 - DR PINNELL
 * 
 * //////////////////////////////////////// */
/* ========================================
 * $ = STRUCTURE
 * ======================================== */
.pg_drPinnell .container div.main{
	padding-top:147px;
	background:url('../../include/images/f_pinnell-hero.jpg') center 147px no-repeat #fff;
	}
/* affichage seulement en mobile */
.pg_drPinnell div.main:before{
	background:	linear-gradient(to bottom, rgba(255,255,255,0) 65%,rgba(255,255,255,1) 90%), 
				url('../../include/images/f_pinnell-hero.jpg') 276px -10px no-repeat;
	background-size: auto auto, 
					 auto 300px;
	}
/* ========================================
 * $ = SURCHARGE OBJECT
 * ======================================== */
.pg_drPinnell .obj_carrousel{
	max-width:960px;
	height:300px;
	margin:0 auto;
	}
.pg_drPinnell .obj_carrousel .nav a{
	top:83px;
	z-index:3;
	}
.pg_drPinnell .obj_carrousel .nav a.b_prev{left:0;}
.pg_drPinnell .obj_carrousel .nav a.b_next{right:0;}

.pg_drPinnell .obj_carrousel .masque{
	padding:20px 0;
	height:260px;
	margin:0 54px;
	}
.pg_drPinnell .obj_carrousel .items{
	z-index:1;
	width:10000px;
	}
.pg_drPinnell .obj_carrousel .item{
	float:left;
	width:240px;
	padding:0 22px;
	}
.pg_drPinnell .obj_carrousel iframe{
	/*width:240px;
	height:130px;*/
	}
.pg_drPinnell .obj_carrousel img{
	width:240px;
	
	}
.pg_drPinnell .obj_carrousel .item p{
	font-family:arial;
	font-size:11px;
	color:#666;
	}
/* ========================================
 *	$ =	ARTICLE
 * ======================================== */
.pg_drPinnell article h3{
	margin:20px 0 0 0;
	text-transform:none;
	}
/* -------------------------------------
 *   Entete
 * ------------------------------------- */
.pg_drPinnell .entete .top{
	padding:130px 70px 0 400px;
	margin:0 auto;
	width:490px;
	height:338px;
	border-bottom:1px solid #e8e6e6;
	}
.pg_drPinnell .entete h1{
	font-size:20px;
	}
.pg_drPinnell .entete h1 b{
	font-size:60px;
	}
/* -------------------------------------
 *   Dr Pinnell
 * ------------------------------------- */
.pg_drPinnell .drPinnell{
	min-height:278px;
	background:url('../../include/images/v_pinnell-bottles.jpg') 20px 260px no-repeat;
	}

/* -------------------------------------
 *   research
 * ------------------------------------- */
.pg_drPinnell .research{
	background:url('../../include/images/v_clinicalStudies.png') 60px 225px no-repeat;
	}
.pg_drPinnell .research .content{
	min-height:300px;	
	margin:0 0 20px 0;
	}
.pg_drPinnell .research .obj_carrousel{
	height:200px;
	background:url('../../include/images/f_carrousel.jpg') center top no-repeat;
	background-size:100% 60px;
	}
.pg_drPinnell .research .obj_carrousel .masque{
	margin:0 55px;
	}
.pg_drPinnell .research .obj_carrousel .items .item{
	float:left;
	width:130px;
	padding:0 20px;
	}
.pg_drPinnell .research .obj_carrousel .items .item img{
	width:130px;
	height:158px;
	}
.pg_drPinnell .research .obj_carrousel .items .item figcaption{
	text-align:center;
	}
/* -------------------------------------
 *   research
 * ------------------------------------- */
.pg_drPinnell .awards{
	background:url('../../include/images/f_pinnell-awards.jpg') 60px 180px no-repeat;
	padding-bottom:147px;
	min-height:350px;
	}
.pg_drPinnell .awards li{
	font-family:'FuturaBT-Medium',arial;
	color:#333;
	}
/* ////////////////////////////////////////
 * 
 * $ 3 - SKIN EXPLAINED - UNDERSTANDING
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_understanding div.main{
	padding-top:0;
	background:#fff;
	}
/* ========================================
 *	$ =	ARTICLE
 * ======================================== */
section.skincube{
	padding:197px 0 150px 0;
	margin:0 auto;
	max-width:960px;	
	}
section.skincube > header{
	margin:0 0 15px 0;
	padding:0 0 30px 0;
	border-bottom:1px solid #e8e6e6;
	}
section.skincube > header h1{
	text-transform:uppercase;
	font-size:16px;
	font-family:'FuturaBT-Book',arial;
	color:#77a3b6;	
	}
section.skincube > header p{
	color:#666;
	}
section.skincube > p{
	color:#666;
	font-size:10px;
	margin:0 0 10px 0;
	}
section.skincube h5{
	color:#333;
	font-family:'FuturaBT-Book',arial;
	font-size:12px;
	text-transform:uppercase;
	float:left;
	line-height:30px;
	margin:0 10px 0 0;
	}
section.skincube .obj_filter{
	width:400px;
	}
section.skincube .obj_filter .mention{
	color:#666;
	font-size:11px;
	text-transform:uppercase;
	}
/* ========================================
 *	$ =	OBJECTS
 * ======================================== */
/* ----------------------------------------
 * $ = obj_skinbox
 * ------------------------------------- */
.obj_skinbox{
	clear:both;
	width:694px;
	margin:0 auto;
	}
.obj_skinbox header{
	display:none;
	}
.obj_skinbox .cube{
	position:relative;
	width:490px;
	margin:0 0 0 140px;
	padding:200px 0 125px 0;
	}
.obj_skinbox .lazyload img{
	width:490px;
	height:482px;
	}
/* defefinition Box */
.obj_skinbox .defBox{
	position:absolute;
	z-index:100;
	width:109px;
	height:110px;
	display:none;
	}
.obj_skinbox .defBox h6,
.obj_skinbox .defBox p{
	position:relative;
	z-index:10;
	width:215px;
	text-align:center;
	margin:0 auto;
	}
.obj_skinbox .defBox h6{
	padding:65px 0 5px 0;
	font-size:12px;
	color:#333;
	text-transform:uppercase;
	font-family:'FuturaBT-Medium',arial;
	}
/*
.obj_skinbox .defBox img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	}
*/
.obj_skinbox .defBox .v_glass{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	z-index:1;
	background:url('../../include/images/v_glass.png') 0 0 / 100% 100% no-repeat;
	}
/* liste de definitions */

.obj_skinbox dl{
	position:absolute;
	z-index:10;
	top:150px;
	left:-45px;
	width:508px;
	height:567px;
	background:url('../../include/images/f_cubegrid.gif') left top no-repeat;
	}
.obj_skinbox dt{
	position:absolute;
	text-align:center;
	font-family:'FuturaBT-Medium',atial;
	font-size:12px;
	text-transform:uppercase;
	}

.obj_skinbox dl a{
	display:block;
	width:109px;
	height:110px;
	line-height:110px;
	background:url('../../include/images/v_glass-thumb.png') center center no-repeat;
	}
.ie7 .obj_skinbox dl a{
	height:95px;
	padding-top:15px;
	}
.obj_skinbox dl a.disabled{
	color:#000;
	cursor:default;
	background:none;
	}
.obj_skinbox dl a span{
	display:inline-block;
	padding:5px 5px 5px 14px;
	line-height:1.2em;
	vertical-align:middle;
	max-width:68.807339%;
	background:url('../../include/images/b_plus.gif') left center no-repeat;
	}
.obj_skinbox dd{
	display:none;
	font-family:'FuturaBT-Book',atial;
	font-size:12px;
	color:#666;
	}
/* Sebum */
.obj_skinbox dl .sbm1{
	top:30px;
	left:202px;
	}
/* Dermal epidermal junction */
.obj_skinbox dl .drm1{
	top:-5px;
	left:356px;
	}
/* Collagen */
.obj_skinbox dl .cll1{
	top:263px;
	left:490px;
	}
/* Elastin */
.obj_skinbox dl .lst1{
	top:510px;
	left:380px;
	}
/* Sebaceous glands */
.obj_skinbox dl .sbc1{
	top:515px;
	left:183px;
	}
/* Hypodermis */
.obj_skinbox dl .hpd1{
	top:515px;
	left:-35px;
	}
/* Dermis */
.obj_skinbox dl .drm2{
	top:270px;
	left:-95px;
	}
/* Epidermis */
.obj_skinbox dl .pdr1{
	top:60px;
	left:-35px;
	}
/* Blood vessels */
.obj_skinbox dl .bld1{
	top:-90px;
	left:75px;
	}
/* ////////////////////////////////////////
 * 
 * $ 4 - SKIN EXPLAINED - TYPES AND CONDITIONS
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_typesAndConditions div.main{
	padding-top:204px;
	background:none;
	}
/* ========================================
 *	$ =	OBJECT
 * ======================================== */
/* ----------------------------------------
 * surcharge skinTandC
 * ------------------------------------- */
.obj_shadow-box.skinTandC{
	position:relative;
	z-index:1;
	}
.obj_shadow-box.skinTandC header{
	margin:0 0 30px 0;
	}
.obj_shadow-box.skinTandC h1{
	font-family:'FuturaBT-Book',arial;
	font-size:20px;
	color:#77a3b6;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}
/* skinT&C left */
.obj_shadow-box.skinTandC .str_left{
	position:relative;
	left:-18px;
	width:375px;
	padding:50px 0 0 0;
	min-height:500px;
	background:#f0f6f9;
	}
.obj_shadow-box.skinTandC .hit-zone{
	position:relative;
	width:293px;
	height:253px;
	padding:44px 0 0 0;
	margin:0 auto 30px auto;
	}
.obj_shadow-box.skinTandC .hit-zone:after{
	background:url('../../include/images/v_glass.png');
	background-size:100% auto;
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
	}
.obj_shadow-box.skinTandC .hit-zone > img{
	display:none;
	}
.obj_shadow-box.skinTandC .hit-zone > div{
	width:124px;
	height:212px;
	margin:0 auto;
	background:#dde0e2;
	}
.obj_shadow-box.skinTandC .hit-zone > div.both{
	width:188px;
	padding:32px 0 0 0;
	margin:0 auto;
	background:none;
	}
.obj_shadow-box.skinTandC .hit-zone > div.both .left{
	float:left;
	}
.obj_shadow-box.skinTandC .hit-zone > div.both .right{
	float:right;
	}
.obj_shadow-box.skinTandC .str_left p{
	text-align:center;
	}
/* skinT&C right */
.obj_shadow-box.skinTandC .str_right{
	width:560px;
	}
.obj_shadow-box.skinTandC h3{
	margin:0 0 10px 0;
	}
.obj_shadow-box.skinTandC .ctn_skinType{
	margin:0 0 30px 0;
	}
.obj_shadow-box.skinTandC li{
	background:#dde0e2;
	margin:0 11px 0 0;
	float:left;
	position:relative;
	width:84px;
	height:148px;
	}
.obj_shadow-box.skinTandC .ctn_box-skin li:last-child{
	margin:0;
	}
.obj_shadow-box.skinTandC .str_right .obj_box-skin{
	float:none;
	}
/* ========================================
 *	$ =	ARTICLE
 * ======================================== */
.pg_typesAndConditions .description{
	max-width:960px;
	margin:0 auto 50px auto;
	display:none;
	}
.no-js .pg_typesAndConditions .description{
	display:block;
	}
.pg_typesAndConditions .description header{
	padding-left:41.666666%;/* 400px */
	margin:0;
	}
.pg_typesAndConditions .description header h2{
	color:#333333;
	text-transform:none;
	font-size:18px;
	}
.pg_typesAndConditions .description h3{
	margin:20px 0 10px 0;
	text-transform:none;
	}
.pg_typesAndConditions .description figure{
	float:left;
	width:37.5%;/* 306px */
	}
.pg_typesAndConditions .description figure img{
	display:block;
	width:139px;
	max-width:100%;
	margin:30px auto 0 36.111111%;/* 30px 0 0 130px */
	}
.pg_typesAndConditions .description .ctn_article-content{
	float:right;
	width:58.33333%;/* 560px */
	}
.pg_typesAndConditions .description footer{
	clear:both;
	padding:0 0 0 41.666666%;/* 400px */
	}
.pg_typesAndConditions .description .mention{
	font-size:10px;
	font-style:italic;
	color:#aaa;
	margin:20px 0;
	}
/* ////////////////////////////////////////
 * 
 * $ 5 - SITE MAP
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_sitemap article.generique{
	padding-right:0;
	max-width:960px;
	}
.pg_sitemap article.generique .col{
	float:left;
	width:33%;
	margin:0;
	}
.pg_sitemap article.generique .col > *{
	padding-right:10px;
	}
/* ////////////////////////////////////////
 * 
 * $ 6 - COSMECEUTICALS
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_cosmeceuticals .container div.main{
	height:2700px;
	background-size: 1693px 2811px;
	background:url('../../include/images/f_cosmeceuticals.jpg') center 150px no-repeat;
	}
/* ===========================================
 *	$ =	ARTICLE
 * ======================================== */
.cosmeceuticals.quinconce > header h1{
	letter-spacing:5.9px;
	}
.cosmeceuticals.quinconce > header h2{
	border-bottom:none;
	font-size:25px;
	}
.cosmeceuticals.quinconce > header p{
	font-size:16px;
	}
.cosmeceuticals.quinconce .left{
	width:50.208333%;/* 482 */
	}
.cosmeceuticals.quinconce section.left{
	padding-left:0;
	}
.cosmeceuticals.quinconce section header{
	margin:0 0 15px 0;
	}
.cosmeceuticals.quinconce section header h2{
	font-family:'FuturaBT-Book',arial;
	font-size:30px;
	letter-spacing:2px;
	}
/* affichage :before seulement en mobile */
.cosmeceuticals > header:before{
	background:	linear-gradient(to bottom, rgba(255,255,255,0) 80%,rgba(255,255,255,1) 95%), 
				url('../../include/images/f_cosmeceuticals.jpg') -160px -20px no-repeat;
	background-size: auto auto, 
					 846px auto;
	}
.cosmeceuticals section:before{
	background-image:url('../../include/images/f_cosmeceuticals.jpg');
	background-size:846px auto;
	}	
/* position section */
.cosmeceuticals .section01{
	top:410px;
	}
.cosmeceuticals .section02{
	top:730px;
	}
.cosmeceuticals .section03{
	top:1290px;
	}
.cosmeceuticals .section03 .obj_properties{
	position:absolute;
	top:102px;
	left:50%;
	margin-left:-420px;
	width:120px;
	}
.cosmeceuticals .section04{
	top:1640px;
	}
.cosmeceuticals .section05{
	top:2070px;
	}
/* ////////////////////////////////////////
 * 
 * $ 7 - AOX SCIENCE
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_aoxScience .container div.main{
	height:2428px;
	background-size: 1557px 2428px;
	background:url('../../include/images/f_aoxScience.jpg') center 150px no-repeat;
	}
/* ===========================================
 *	$ =	ARTICLE
 * ======================================== */
/* affichage :before seulement en mobile */
.aoxScience > header:before{
	background:	linear-gradient(to bottom, rgba(255,255,255,0) 75%,rgba(255,255,255,1) 90%), 
				url('../../include/images/f_aoxScience.jpg') -116px -45px no-repeat;
	background-size:	auto auto, 
						778px 1214px;
	}
.aoxScience section:before{
	background-image:url('../../include/images/f_aoxScience.jpg');
	background-size:778px 1214px;
	}
/* position section */
.aoxScience .section01{
	top:503px;
	}
.aoxScience .section02{
	top:888px;
	}
.aoxScience .section03{
	top:1368px;
	}
.aoxScience .section04{
	top:1793px;
	}
/* ////////////////////////////////////////
 * 
 * $ 8 - AOX TIMELINE
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_aoxTimeline div.main{

	}
/* ===========================================
 *	$ =	ARTICLE
 * ======================================== */
.aoxTimeline{
	padding:50px 0 50px 0;
	background:#fff;
	}
.aoxTimeline > div{
	max-width:960px;
	margin:0 auto;
	}
.aoxTimeline h1{
	font-family:'FuturaBT-Book',arial;
	font-size:30px;
	color:#77a3b6;
	text-transform:uppercase;
	}
.aoxTimeline header p{
	line-height:16px;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	}
.aoxTimeline header p b{
	font-weight:normal;
	font-family:'FuturaBT-Bold',arial;
	}
.aoxTimeline h2{
	font-size:23px;
	}
.aoxTimeline h2 sup{
	line-height:0px;
	}
.aoxTimeline .over_target{
	padding:0 0 30px 0;
	}
.aoxTimeline .over_target h2{
	font-family:'FuturaBT-Medium',arial;
	}
.aoxTimeline .over_target p.focus{
	font-family:arial;
	font-size:16px;
	margin:0;
	}
.aoxTimeline .over_target p.focus a{
	color:#77a3b6;
	}
.aoxTimeline .bottom{
	padding:30px 0 0 0;
	border-top:1px solid #e8e6e6;
	}
.aoxTimeline .bottom h2{
	margin:0 0 10px 0;
	}
.aoxTimeline .bottom .str_left{
	width:45.833333%;/* 440 */
	}
.aoxTimeline .bottom .str_right{
	margin-right:4.166666%;/* 40 */
	width:45.833333%;/* 440 */
	}
/* time line */
.obj_timeline{
	margin:0 0 20px 0;
	}
.obj_timeline li{
	float:left;
	width:137px;
	text-align:center;
	}
.obj_timeline h3{
	min-height:60px;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	font-size:8px;
	color:#007da4;
	text-align:center;
	background:url('../../include/images/f_timeline.png') center bottom no-repeat;
	}
.obj_timeline h3 time{
	font-size:24px;
	font-family:'FuturaBT-Light',arial;
	color:#000;
	}
.obj_timeline h3 b{
	font-weight:normal;
	font-family:'FuturaBT-Bold',arial;
	}
.obj_timeline img{
	margin:0 0 10px 0;
	}
.obj_timeline .ctn_prods{
	position:relative;
	}
.obj_timeline .ctn_prods img{
	position:relative;
	left:-15px;
	}
.obj_timeline .ctn_prods img + img{
	position:absolute;
	bottom:4px;
	left:50%;
	margin-left:-15px;
	width:60px;
	}
.obj_timeline p{
	text-align:center;
	}
.obj_timeline .b_border-gradient{
	background-position:left -7px;
	}
.obj_timeline .b_border-gradient:hover{
	background-position:left -41px;
	}
.obj_timeline .b_border-gradient > span{
	font-size:10px;
	height:20px;
	line-height:20px;
	}
.obj_timeline .ctn_over{
	display:none;
	}
/* ===========================================
 *	$ =	V2
 * ======================================== */
.aoxTimeline.v2{
	font-size:14px;
	padding-top:0;
	}
.aoxTimeline.v2 > div > header{
	min-height:457px;
	padding:75px 47.916666% 0 1.666666%;
	background:url('../../include/images/f_aoxTimeline-header.jpg') right top no-repeat;
	background-size:45.3125% auto;
	}
.aoxTimeline.v2 section{
	border-bottom:1px solid #e8e6e6;
	padding-bottom:33px;
	margin-bottom:42px;
	}
.aoxTimeline.v2 h1{
	color:#2e9ebe;
	font:3.928571em/1.054545em 'FuturaBT-Book',arial;/* 55/58 */
	}
.aoxTimeline.v2 h2{
	color:#2e9ebe;
	font:1.642857em/1.2em 'FuturaBT-Medium',arial;/* 23 */
	letter-spacing:.1em;
	}
.aoxTimeline.v2 h2 span{
	font-family:'FuturaBT-Light',arial;
	}
.aoxTimeline.v2 section > h3{
	font:1.142857em/1.25em 'FuturaBT-Book',arial;
	letter-spacing:.15em;
	text-transform:uppercase;
	color:#666666;
	}
.aoxTimeline.v2 section > h3 strong{
	font-family:'FuturaBT-Bold',arial;
	}
.aoxTimeline.v2 ul{
	font-size:1em;
	}
.aoxTimeline.v2 p,
.aoxTimeline.v2 .ctn_list li{
	text-transform:none;
	color:#666666;
	font:1.142857em/1.2em 'FuturaBT-Book',arial;/* 16 */
	letter-spacing:normal;
	}
/* header */
.aoxTimeline.v2 > div > header h1{
	margin-bottom:36px;
	}
.aoxTimeline.v2 > div >  header h2{
	margin-bottom:57px;
	letter-spacing:normal;
	}
.aoxTimeline.v2 > div >  header p{
	margin-bottom:15px;
	}
/* section ctn_list */
.aoxTimeline.v2 .ctn_list h2{
	max-width:880px;
	margin-bottom:16px;
	}
.aoxTimeline.v2 .ctn_list li{
	position:relative;
	margin-bottom:11px;
	padding-left:20px;
	}
.aoxTimeline.v2 .ctn_list li span{
	position:absolute;
	left:0;
	color:#008ab0;
	}
/* section ctn_timeline */
.aoxTimeline.v2 .ctn_timeline{
	padding-bottom:11px;
	}
.aoxTimeline.v2 .ctn_timeline > h3{
	margin-bottom:49px;
	max-width:860px;
	}
.aoxTimeline.v2 .obj_timeline{
	margin-bottom:24px;
	}
.v2 .obj_timeline li{
	width:137px;
	}
.aoxTimeline.v2 .obj_timeline h3{
	font-size:10px;
	}
/* section ctn_product */
.aoxTimeline.v2 .ctn_product{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
	}
.aoxTimeline.v2 .ctn_product > h2{
	margin-bottom:77px;
	}
.aoxTimeline.v2 .obj_product-2{
	float:left;
	width:33%;
	}
.aoxTimeline.v2 .obj_product-2 h2{
	font-size:1.142857em;/* 16 */
	}
.aoxTimeline.v2 .obj_product-2 p{
	font-size:.857142em;/* 12 */
	line-height:1.5em;
	margin-bottom:15px;
	}
.aoxTimeline.v2 .obj_product-2 p q{
	font-size:.916666em;
	line-height:1.363636em;
	}
/* ////////////////////////////////////////
 * 
 * $ 9 - COUNTRIES
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_countries div.main{
	background:#fff;
	}
/* ===========================================
 *	$ =	ARTICLE
 * ======================================== */ 
.pg_countries .countries{
	max-width:960px;
	height:auto;
	padding:60px 0 100px;
	margin:0 auto;
	background:url('../../include/images/f_countries.jpg') right 60px no-repeat;
	transition:background-size .25s;
	}
.pg_countries .countries header{
	margin:0 0 30px 0;
	padding-right:48.958333%;
	}
.pg_countries .countries p{
	font-size:14px;
	color:#333;
	}
/* ===========================================
 *	$ =	OBJECT
 * ======================================== */
 
.obj_hero .ctn_list{
	padding:0;
	float: left;
	}
.obj_countries-list{
	width:50%;
	float: left;
	}
.obj_countries-list.left{
	float:left;	
	}	
	
	
.obj_countries-list > li{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	}
.obj_countries-list h2{
	font-size:13px;
	color:#333;
	margin:0 0 2px 0;
	padding:0;
	border:none;
	}
.obj_countries-list h3{
	font-family:'FuturaBT-Book',arial;
	font-size:13px;
	color:#333;
	margin:0 0 2px 0;
	padding:0;
	border:none;
	text-transform: none;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
.obj_countries-list ul li{
	color:#333;
	font-size:12px;
	font-family:'FuturaBT-Medium',arial;
	margin:0 0 2px 0;
	}
.obj_countries-list ul li a{	
	color:#2e9ebe;
	font-family:'FuturaBT-Medium',arial;
	}
/* V2 */
.pg_countries.v2 .countries{
	max-width: 960px;
	background-size: 360px auto;
	}	
.pg_countries.v2 .countries header{
	margin: 0 0 50px 0;
	padding: 0;
	}
.pg_countries.v2 .countries header p{
    font-size: 16px;	
	}
.pg_countries.v2 .countries h1{
	font-size: 40px;
	font-family: 'FuturaBT-Medium',arial;
	}	
.pg_countries.v2 .countries h1 span{
	font-family: 'FuturaBT-Light',arial;
	}	
.pg_countries.v2 .obj_countries-list{
	width: 65%;
	}
.pg_countries.v2 .obj_countries-list > li{	
	margin: 0 0 20px 0
	}
.pg_countries.v2 .obj_countries-list ul{
	margin: 0;
	}	
.pg_countries.v2 .obj_countries-list ul li{	
	padding: 5px 0;
	border-bottom: 1px solid #f1f1f1;
	}
.pg_countries.v2 .obj_countries-list ul li a {
    font-family:'FuturaBT-Book',arial;
	color: #333;
	}
.pg_countries.v2 .obj_countries-list h2{
	font-size:15px;
	margin: 0 0 5px;
	}
.pg_countries.v2 .obj_countries-list ul li span{
	display: inline-block;
	width: 35%;
	color: #333;
	font-family: 'FuturaBT-Book',arial;
	text-align: left;
	}
.pg_countries.v2 .obj_countries-list li .t_country{
	width: 30%;
	font-family:'FuturaBT-Book',arial;
	text-transform:uppercase;
	color:#2e9ebe;
	}	
	


	
	
	
	
	
	
	
/* ////////////////////////////////////////
 * 
 * $ 10 - CLINICAL STUDIES
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_clinical{
	
	}
.pg_clinical h2{
	font-family:'FuturaBT-Bold',arial;
	}	
.pg_clinical .b_pdf,
.pg_clinical .b_video{
	display:inline-block;
	text-indent:-10000px;
	width:140px;
	}
.pg_clinical .ie7 .b_pdf,
.pg_clinical .ie7 .b_video{
	display:block;
	}
.pg_clinical .b_pdf{
	height:200px;
	background:url('../../include/images/b_clinical-pdf.png') left top no-repeat;
	}
.pg_clinical .b_video{
	height:95px;
	background:url('../../include/images/b_clinical-video.png') left top no-repeat;
	}
.pg_clinical .b_pdf:hover,
.pg_clinical .b_video:hover{
	background-position:left bottom;
	}
	
.pg_clinical .clinical{
	padding:150px 0 50px;
	margin:0 auto;
	background:url('../../include/images/f_common.jpg') center top no-repeat #fff;
	}
/* entete */
.pg_clinical .clinical .entete{
	position:relative;
	max-width:960px;
	margin:0 auto 30px auto;
	}
.pg_clinical .clinical .entete header{
	padding-bottom:8px;
	margin:0 440px 25px 0;
	}
.pg_clinical .clinical .entete header h1{
	line-height:1em;
	}
.pg_clinical .clinical .entete .str_left{
	float:none;
	margin-right:440px;
	}
.pg_clinical .clinical .entete .str_right{
	position:absolute;
	top:100px;
	right:0;
	}
.pg_clinical .clinical .entete .bt_video{
	position:relative;
	right:-28px;
	width:364px;
	padding:5px 28px 0;
	margin:0 auto;
	height:295px;
	background:url('../../include/images/b_video-clinical.jpg') left top no-repeat;
	background-size:100% auto;
	}
.pg_clinical .clinical .entete .bt_video a{
	display:block;
	text-indent:-10000px;
	height:205px;
	background:url('../../include/images/b_video-clinical.jpg') -28px -5px no-repeat;
	}
.pg_clinical.pro .clinical .entete .bt_video{
	top:-5px;
	padding-top:10px;
	height:280px;
	background-image:url('../../include/images/b_video-clinical-pro.jpg');
	}
.pg_clinical.pro .clinical .entete .bt_video a{
	background:url('../../include/images/b_video-clinical-pro.jpg') -28px -10px no-repeat;
	}
/* topic */
.pg_clinical .clinical .topic .ctn_header header{
	border-bottom:1px solid #d5d5d5;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	}
.pg_clinical .clinical .topic .ctn_header .str_left{
	width:45.3125%;/* 435px */
	padding:0 2.6041666% 0 0 ;/* 0 25px 0 0 */
	}
.pg_clinical .clinical .topic .ctn_header .str_right{
	width:52.083333%;/* 500px */
	}
.pg_clinical .clinical .topic .ctn_header h3{
	position:relative;
	left:-5px;
	padding:0 0 0 30px;
	margin:0 0 12px 0;
	height:34px;
	max-width:345px;
	line-height:35px;
	color:#fff;
	font-family:'FuturaBT-Bold',arial;
	font-size:13px;
	background:url('../../include/images/f_clinical-title.png') left center no-repeat;
	background-size:100% 34px;
	}
.pg_clinical .clinical .topic .ctn_header ul{
	padding:0 0 0 13px;
	}
.pg_clinical .clinical .topic .ctn_header li{
	text-transform:uppercase;
	font-family:'FuturaBT-Book';
	color:#000;
	margin:0 0 15px 0;
	list-style-type:disc;
	}
/* box */	
.pg_clinical .clinical .box{
	padding:80px 0 0;
	margin:133px 0 0 0;
	background:url('../../include/images/f_box-clinical-studies.png') center top no-repeat;
	}
.pg_clinical .clinical .box > div{
	background:url('../../include/images/f_box-clinical-studies.png') center bottom no-repeat;
	}
.pg_clinical .clinical .box .main-center{
	position:relative;
	max-width:876px;
	min-height:230px;
	padding:0 25px 110px 60px;
	}
.pg_clinical .clinical .box header p{
	position:absolute;
	top:-60px;
	right:-70px;
	width:480px;
	padding:0 70px 0 0;
	height:65px;
	color:#fff;
	text-align:right;
	line-height:28px;
	text-transform:uppercase;
	font-family:'FuturaBT-Medium',arial;
	background:url('../../include/images/f_box-clinical-studies-title.png') right top no-repeat;
	}
.pg_clinical .clinical .box h3{
	text-transform:uppercase;
	color:#000;
	font-size:15px;
	font-family:'FuturaBT-Bold',arial;
	}
.pg_clinical .clinical .box h4{
	font-family:'FuturaBT-Light',arial;
	font-size:15px;
	font-style:italic;
	}
.pg_clinical .clinical .box .str_left{
	float:none;
	padding-right:361px;
	}
.pg_clinical .clinical .box p{
	font-family:'FuturaBT-Book',arial;
	font-size:15px;
	}
.pg_clinical .clinical .box li{
	margin-top:10px;
	}
.pg_clinical .clinical .box .ctn_bt{
	position:absolute;
	bottom:60px;
	left:60px;
	}
.pg_clinical .clinical .box .b_link{
	font-size:11px;
	font-family:'FuturaBT-Bold',arial;
	}
.pg_clinical .clinical .box .str_right{
	position:absolute;
	right:24px;
	top:0;
	width:310px;
	float:none;
	}
.pg_clinical .clinical .box .str_right ul{
	padding:25px 0 0 0;
	text-align:center;
	}
.pg_clinical .clinical .box .str_right li{
	display:inline-block;
	margin:0 0 0 20px;
	}
.pg_clinical .ie7 .clinical .box .str_right li{
	float:left;
	}
	
.pg_clinical .clinical .box .str_right li:first-child{
	margin:0;
	}
.pg_clinical .clinical .box .str_right li .b_video{
	position:relative;
	top:65px;
	}
/* ////////////////////////////////////////
 * 
 * $ 11 - PAGE VIDEO
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_videoLibrary .obj_hero{
	height:auto;
	padding-bottom:100px;
	}
.pg_videoLibrary .obj_hero > div{
	position:relative;
	}
.pg_videoLibrary .obj_hero > div:first-child{
	min-height:240px;
	}

.pg_videoLibrary .obj_hero .bt_video{
	position:absolute;
	top:159px; 
	right:6.25%;/* 60 */
	width:44.479166%;/* 427 */ 
	height:268px;
	}
.pg_videoLibrary .obj_hero .bt_video a{
	display:block;
	height:100%;
	text-indent:-10000px;
	background:url('../../include/images/v_video-library.png') left top no-repeat;
	background-size:100% auto;
	}
	
.pg_videoLibrary .obj_hero h1{
	font-size:60px;
	padding-bottom:10px;
	border-bottom:1px solid #d5d5d5;
	}

.pg_videoLibrary .obj_hero .ctn_video-list{
	padding:0;
	max-width:960px;
	width:auto;
	}
.pg_videoLibrary .obj_hero .ctn_video-list ul{
	margin:0;
	}
.pg_videoLibrary .obj_hero .ctn_video-list ul li{
	position:relative;
	float:left;
	overflow:hidden;
	margin:10px 10px 0 0;
	background:#333;
	}
.pg_videoLibrary .obj_hero .ctn_video-list ul li.last{
	margin-right:0;
	}
.pg_videoLibrary .obj_hero .ctn_video-list ul li a{
	position:relative;
	display:block;
	z-index:2;
	width:230px; 
	height:129px;
	background:url('../../include/images/b_play-banner-video-thumb.png') center 32px no-repeat;
	}
.pg_videoLibrary .obj_hero .ctn_video-list ul li a:hover{
	color:inherit;
	}	
.pg_videoLibrary .obj_hero .ctn_video-list ul li img{
	position:absolute;
	top:50%; left:50%;
	margin:-87px 0 0 -115px;
	width:230px;
	z-index:1;
	}
	
.pg_videoLibrary .obj_hero .ctn_video-list ul li a span{
	display:block;
	height:0;
	overflow:hidden;
	padding:0 10px;
	background:#fff;
	font-family:'FuturaBT-Light',arial;
	opacity:0.8;
	}
.pg_videoLibrary .obj_hero .ctn_video-list ul li a span strong{
	display:block;
	color:#77A3B6;
	font-family:'FuturaBT-Medium',arial;
	}
/* ===========================================
 *	$ =	OBJECT
 * ======================================== */
/* -------------------------------------
 *   obj_sorting   
 * ------------------------------------- */
.pg_videoLibrary .obj_sorting{
	margin:35px auto 32px auto;
	padding:0;
	width:960px;
	}
.pg_videoLibrary .obj_sorting .str_top{
	border-bottom:1px solid #e8e6e6;
	}
.pg_videoLibrary .obj_sorting .str_top p{
	float:left;
	margin:0 10px 0 0;
	height:28px;
	}
.pg_videoLibrary .obj_sorting h5{
	float:left;
	color:#333;
	font-family:'FuturaBT-Book',arial;
	font-size:12px;
	text-transform:uppercase;
	line-height:28px;
	}
.pg_videoLibrary .obj_sorting .str_bottom{
	position:relative;
	clear:both;
	height:0;
	overflow:hidden;
	}
.pg_videoLibrary .obj_sorting .str_bottom ul{
	float:left;
	width:800px;
	margin:8px 0 0 20px;
	}
.pg_videoLibrary .obj_sorting .str_bottom li{
	float:left;
	margin:0 10px 10px 0;
	padding:0 0 0 10px;
	border-left:1px solid #b7cdd4;
	}
.pg_videoLibrary .obj_sorting .str_bottom li:first-child{
	border:none;
	padding:0;
	}
.pg_videoLibrary .obj_sorting .str_bottom li a.on{
	color:#000;
	font-weight:bold;
	cursor:default;
	}
.pg_videoLibrary .obj_sorting .str_bottom p{
	position:absolute;
	top:8px; right:8px;
	font-size:12px;
	color:#333;
	}
/* ////////////////////////////////////////
 * 
 * $ 12 - PAGES INSIGHTS
 * 
 * //////////////////////////////////////// */
/* -------------------------------------
 *   Common
 * ------------------------------------- */
.pg_insights-article .container div.main{
	background:url('../../resources/insights/images/bg_insights-article.jpg') center 400px no-repeat;
	}
.pg_insights-article div.main article{
	padding:50px 0 15px 0;
	}
.pg_insights-article section header{
	margin-bottom:15px;
	}
.pg_insights-article section p{
	font:13px/1.230769em 'FuturaBT-Light',arial;/*16*/
	color:#000;
	}
.pg_insights-article section p.t_mention{
	font-size:10px; 
	line-height:10px;
	color:#959595;
	}
.pg_insights-article section h1{
	letter-spacing:1px;
	text-transform:uppercase;
	color:#007da4;
	font:13px/1.153846em 'FuturaBT-Medium',arial;
	}
.pg_insights-article section h2{
	display:inline-block;
	margin-bottom:7px;
	height:18px;
	padding:0 10px;
	color:#fff;
	font:9px/18px 'FuturaBT-Bold',arial;
	background:#008ab0;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	-webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2);
			box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	}
.pg_insights-article section .bt_more a{
	font:13px/1em 'FuturaBT-Medium',arial;
	color:#000;
	}
.pg_insights-article section .bt_more a span,
.pg_insights-article section .bt_more a:hover{
	color:#007da4;
	}
.pg_insights-article section li{
	margin-top:10px;
	font:13px/1.230769em 'FuturaBT-Light',arial;/*16*/
	color:#000;
	}
.pg_insights-article section li:first-child{
	margin-top:0;
	}
.pg_insights-article section li a{
	font-family:'FuturaBT-Medium',arial;
	color:#000;
	}
.pg_insights-article section li a span,
.pg_insights-article section li a:hover{
	color:#007da4;
	}
.pg_insights-article section li b{
	font-weight:normal;
	text-transform:uppercase;
	font-family:'FuturaBT-Bold';
	}
.pg_insights-article section li sub{
	position:relative;
	top:-2px;
	font-size:8px; line-height:1px;
	}

/* -------------------------------------
 *   Header
 * ------------------------------------- */
.pg_insights-article article header.principal{
	position:relative;
	z-index:2;
	max-width:750px; 
	height:336px;
	margin:0 auto;
	background:url('../../resources/insights/images/bg_main-title.png') center 20px no-repeat;
	}
.pg_insights-article article header.principal h1{
	width:350px; 
	height:20px;
	margin:0 auto;
	text-indent:-10000px;
	background:url('../../resources/insights/images/t_title-insights_small.gif') left top no-repeat;
	}
.pg_insights-article article header.principal h2{
	margin-top:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	color:#333;
	font:15px/1em 'FuturaBT-Medium',arial;
	}
.pg_insights-article article header.principal h3{
	margin-top:20px;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	font:12px/1em 'FuturaBT-Book',arial;
	}
.pg_insights-article article header.principal h3 span{
	padding:0 10px;
	background:#fff;
	}
/* Sept */
.pg_insights-article.sept article header.principal{
	height:115px;
	}	
/* -------------------------------------
 *   Block Shadow
 * ------------------------------------- */
.pg_insights-article section.block_shadow{
	position:relative;
	z-index:1;
	max-width:635px;
	padding-bottom:46px;
	margin:-260px auto 0;
	background:url('../../resources/insights/images/bg_blockShadow-bottom.png') center bottom no-repeat;
	}
.pg_insights-article section.block_shadow > div{
	max-width:635px; 
	min-height:386px;
	margin:0 auto;
	background:url('../../resources/insights/images/bg_blockShadow-top.png') center top no-repeat;
	}
.pg_insights-article section.block_shadow header{
	margin-bottom:20px;
	}
.pg_insights-article section.block_shadow h1{
	padding:50px 0 0 50px;
	text-transform:uppercase;
	color:#007da4;
	font:19px/1em 'FuturaBT-Bold',arial;
	}
.pg_insights-article section.block_shadow .content{
	margin-left:50px;
	}
.pg_insights-article section.block_shadow .ctn_col{
	float:left;
	}
.pg_insights-article section.block_shadow .col-left{
	width:250px;
	}
.pg_insights-article section.block_shadow .col-right{
	margin-left:15px;
	width:275px;
	}
.pg_insights-article section.block_shadow figure{
	position:absolute;
	}
	
/* March */
.pg_insights-article.march section.block_shadow figure{
	bottom:0; left:75px;
	}
/* April */
.pg_insights-article.april section.block_shadow{
	margin-bottom:22px;
	}
.pg_insights-article.april section.block_shadow figure{
	bottom:-17px; left:50px;
	}
.pg_insights-article.april section.block_shadow p.bt_more{
	margin-left:60px;
	}
/* May */
.pg_insights-article.may section.block_shadow{
	margin-bottom:25px;
	}
.pg_insights-article.may section.block_shadow figure{
	bottom:-30px; left:95px;
	}
/* June */
.pg_insights-article.june section.block_shadow{
	margin-bottom:25px;
	}
.pg_insights-article.june section.block_shadow figure{
	bottom:-35px; left:85px;
	}
/* July */
.pg_insights-article.july section.block_shadow figure{
	bottom:3px; left:105px;
	}
.pg_insights-article.july section.block_shadow p.bt_more{
	margin-left:15px;
	}
.pg_insights-article.july section.block_shadow p.t_mention{
	margin:30px 0 0 30px;
	}
/* August */
.pg_insights-article.august section.block_shadow{
	margin-bottom:25px;
	}
/* Sept */
.pg_insights-article.sept section.block_shadow{
	margin-top:-39px;
	}
.pg_insights-article.sept section.block_shadow .content{
	position:relative;
	z-index:2;
	margin-left:120px;
	}
.pg_insights-article.sept section.block_shadow .col-left{
	width:190px;
	}
.pg_insights-article.sept section.block_shadow figure{
	z-index:1;
	bottom:22px; left:25px;
	}
/* Nov */
.pg_insights-article.nov section.block_shadow > div{
	min-height:369px;
	}
.pg_insights-article.nov section.block_shadow h1,
.pg_insights-article.nov section.block_shadow .content{
	position:relative;
	z-index:2;
	margin-left:235px;
	padding-right:35px;
	padding-left:0;
	}
.pg_insights-article.nov section.block_shadow .ctn_col{
	margin-left:0;
	}
.pg_insights-article.nov section.block_shadow p{
	font-size:14px; line-height:17px;
	}
.pg_insights-article.nov section.block_shadow figure{
	z-index:1;
	top:25px; left:25px;
	}

/* -------------------------------------
 *   Block
 * ------------------------------------- */
.pg_insights-article section.block{
	position:relative;
	max-width:585px;
	margin:0 auto;
	}
/* -------------------------------------
 *   Featured Product
 * ------------------------------------- */
.pg_insights-article section.block.featured_product{
	z-index:2;
	}
.pg_insights-article section.block.featured_product .ctn_col{
	float:left;
	width:220px;
	}
.pg_insights-article section.block.featured_product figure{
	float:left;
	margin-left:32px;
	}
.pg_insights-article section.block.featured_product figure img{
	float:left;
	margin-left:5px;
	}
.pg_insights-article section.block.featured_product figure img:first-child{
	margin-left:0;
	}
.pg_insights-article section.block.featured_product figcaption{
	clear:both;
	width:333px;
	padding-top:5px;
	font-size:11px; line-height:13px;
	color:#007da4;
	font-style:italic;
	font-family:'FuturaBT-Book',arial;
	}
.pg_insights-article section.block.featured_product p b{
	font-weight:normal;
	font-family:'FuturaBT-Medium',arial;
	}
.pg_insights-article section.block.featured_product ul li{
	margin-left:12px;
	text-indent:-12px;
	font-size:13px; line-height:16px;
	color:#000;
	font-family:'FuturaBT-Light',arial;
	}
.pg_insights-article section.block.featured_product p.t_mention{
	clear:both;
	padding-top:5px;
	}
	
/* May */
.pg_insights-article.may section.block.featured_product .col-left{
	margin-right:25px;
	}
.pg_insights-article.may section.block.featured_product .col-right{
	width:170px;
	}
.pg_insights-article.may section.block.featured_product figure{
	position:absolute;
	bottom:-25px; right:0;
	}
/* June */
.pg_insights-article.june section.block.featured_product figcaption{
	padding-top:20px;
	width:215px;
	}
.pg_insights-article.june section.block.featured_product .v_book{
	position:absolute;
	bottom:-75px; right:-15px;
	}
/* July */
.pg_insights-article.july section.block.featured_product figure{
	margin:-37px 0 0 65px;
	}
/* August */
.pg_insights-article.august section.block.featured_product .ctn_col{
	width:250px;
	}
.pg_insights-article.august section.block.featured_product h1 sub{
	position:relative;
	top:-2px;
	font-size:9px; 
	line-height:1px;
	}
.pg_insights-article.august section.block.featured_product p sub{
	position:relative;
	top:-2px;
	font-size:8px; 
	line-height:1px;
	}
.pg_insights-article.august section.block.featured_product p a sub{
	font-size:9px;
	}
.pg_insights-article.august section.block.featured_product figure{
	position:absolute;
	bottom:10px; 
	right:15px;
	}
/* Sept */
.pg_insights-article.sept section.block.featured_product{
	margin-top:-10px;
	}
.pg_insights-article.sept section.block.featured_product .ctn_col{
	width:320px;
	}
.pg_insights-article.sept section.block.featured_product figure{
	position:absolute;
	bottom:-60px; 
	right:-5px;
	}
/* Nov */
.pg_insights-article.nov section.block.featured_product .ctn_line{
	width:350px;
	margin-bottom:20px;
	}
.pg_insights-article.nov section.block.featured_product figure{
	position:absolute;
	top:0; 
	right:-75px;
	}
.pg_insights-article.nov section.block.featured_product h1{
	font-size:15px; 
	line-height:15px;
	}
.pg_insights-article.nov section.block.featured_product p{
	margin-bottom:0;
	font-size:14px; 
	line-height:17px;
	}
.pg_insights-article.nov section.block.featured_product p b{
	font-weight:normal;
	text-transform:uppercase;
	font-family:'FuturaBT-Bold',arial;
	}
.pg_insights-article.nov section.block.featured_product ul{
	margin:0;
	}
.pg_insights-article.nov section.block.featured_product ul li{
	font-size:14px; 
	line-height:17px;
	margin:0 0 0 15px;
	}
.pg_insights-article.nov section.block.featured_product p.t_color{
	color:#007DA4;
	font-style:italic;
	font-family:'FuturaBT-Medium',arial;
	}
.pg_insights-article.nov section.block.featured_product p.t_color a{
	color:#000;
	font-style:normal;
	}
.pg_insights-article.nov section.block.featured_product p.t_color a span,
.pg_insights-article.nov section.block.featured_product p.t_color a:hover{
	color:#007DA4;
	}
/* -------------------------------------
 *   Product Regimen
 * ------------------------------------- */
.pg_insights-article section.block.product_regimen{
	z-index:1;
	margin-top:8px;
	padding-top:12px;
	background:url('../../resources/insights/images/v_line01.png') center top no-repeat;
	}
.pg_insights-article section.block.product_regimen p,
.pg_insights-article section.block.product_regimen ul,
.pg_insights-article section.block.product_regimen ol{
	margin-left:190px;
	}
	
/* March */
.pg_insights-article.march section.block.product_regimen figure{
	position:absolute;
	top:67px; left:-35px;
	}
.pg_insights-article.march section.block.product_regimen p{
	margin-left:100px;
	}
.pg_insights-article.march section.block.product_regimen p + p{
	margin-left:235px;
	}
/* April */
.pg_insights-article.april section.block.product_regimen figure{
	position:absolute;
	top:65px; left:-50px;
	}
/* May */
.pg_insights-article.may section.block.product_regimen figure{
	position:absolute;
	top:80px; left:-55px;
	}
.pg_insights-article.may section.block.product_regimen p{
	margin-left:200px;
	}
/* June */
.pg_insights-article.june section.block.product_regimen figure{
	position:absolute;
	top:75px; left:-45px;
	}
/* July */
.pg_insights-article.july section.block.product_regimen p.t_mention{
	float:right;
	margin:-24px 0 0 0;
	}
.pg_insights-article.july section.block.product_regimen figure{
	position:absolute;
	top:65px; left:-39px;
	}
/* August */
.pg_insights-article.august section.block.product_regimen figure{
	position:absolute;
	top:75px; left:-30px;
	}
/* August */
.pg_insights-article.august section.block.product_regimen ul{
	margin-bottom:0;
	}
/* Sept */
.pg_insights-article.sept section.block.product_regimen header p{
	margin:10px 0 0 0;
	}
.pg_insights-article.sept section.block.product_regimen figure{
	position:absolute;
	z-index:2;
	top:120px; left:-25px;
	}
.pg_insights-article.sept section.block.product_regimen .ctn_col p{
	margin-left:0;
	}
.pg_insights-article.sept section.block.product_regimen ol{
	margin-left:170px;
	}
.pg_insights-article.sept section.block.product_regimen ol li{
	padding-left:30px;
	background:url('../../resources/insights/images/i_number01.png') left 4px no-repeat;
	}
.pg_insights-article.sept section.block.product_regimen ol li + li{
	background:url('../../resources/insights/images/i_number02.png') left 4px no-repeat;
	}
.pg_insights-article.sept section.block.product_regimen ol li + li + li{
	background:url('../../resources/insights/images/i_number03.png') left 4px no-repeat;
	}
.pg_insights-article.sept section.block.product_regimen .ctn_bottom{
	position:relative;
	z-index:1;
	margin-top:25px;
	padding-top:10px;
	border-top:1px solid #98cada;
	}
.pg_insights-article.sept section.block.product_regimen .ctn_bottom figure{
	top:-4px; left:-10px;
	}
.pg_insights-article.sept section.block.product_regimen .ctn_bottom p{
	padding-left:30px;
	}
.pg_insights-article.sept section.block.product_regimen .ctn_bottom p b{
	font-weight:normal;
	text-transform:uppercase;
	font-family:'FuturaBT-Bold',arial;
	}
.pg_insights-article.sept section.block.product_regimen .ctn_bottom p a{
	font-family:'FuturaBT-Medium',arial;
	color:#000;
	}
.pg_insights-article.sept section.block.product_regimen .ctn_bottom p a span,
.pg_insights-article.sept section.block.product_regimen .ctn_bottom p a:hover{
	color: #007DA4;
	}
/* -------------------------------------
 *   Bottom Block
 * ------------------------------------- */
.pg_insights-article .ctn_bottom-block{
	max-width:700px;
	margin:-13px auto 0 auto;
	padding-top:65px;
	background:url('../../resources/insights/images/v_line02.png') center top no-repeat;
	}
.pg_insights-article .ctn_bottom-block section{
	float:left;
	}
/* -------------------------------------
 *   Pro Tips
 * ------------------------------------- */
.pg_insights-article section.block.pro_tips{
	padding:0 15px 0 57px;
	width:245px;
	background:url('../../resources/insights/images/v_hexagone01.png') 210px 110px no-repeat;
	}
.pg_insights-article section.block.pro_tips p.t_cite{
	text-indent:10px;
	margin-top:-8px;
	padding:10px 0 0 20px;
	background:url('../../resources/insights/images/v_quote01.png') left top no-repeat;
	}
.pg_insights-article section.block.pro_tips p.t_cite span{
	display:block;
	padding:0 30px 10px 0;
	background:url('../../resources/insights/images/v_quote02.png') bottom right no-repeat;
	}
.pg_insights-article section.block.pro_tips.cite{
	padding-left:2.142857%;/*15*/
	width:43.142857%;/* 302 */
	background:url('../../resources/insights/images/v_hexagone01.png') 210px 110px no-repeat;
	}
.pg_insights-article section.block.pro_tips.cite header{
	margin-left:42px;
	}
.pg_insights-article section.block.pro_tips.cite p{
	margin-left:22px;
	}
.pg_insights-article section.block.pro_tips.cite p.bt_more{
	margin:-5px 0 0 42px;
	}
	
/* March */
.pg_insights-article.march section.block.pro_tips figure{
	margin:-10px 0 0 34px;
	}
/* March */
.pg_insights-article.april section.block.pro_tips p + p{
	margin-left:42px;
	}
/* May */
.pg_insights-article.may section.block.pro_tips img{
	float:left;
	margin-right:10px;
	}
/* June */
.pg_insights-article.june section.block.pro_tips img{
	float:left;
	margin:0 10px 0 -8px;
	}
.pg_insights-article.june section.block.pro_tips p{
	background-position:125px 5px;
	text-indent:27px;
	}
.pg_insights-article.june section.block.pro_tips p + p{
	margin:0 0 0 42px;
	text-indent:0;
	}
/* July */
.pg_insights-article.july section.block.pro_tips{
	width:569px;
	}
/* August */
.pg_insights-article.august section.block.pro_tips img{
	float:left;
	margin:0 10px 0 0;
	}
.pg_insights-article.august section.block.pro_tips p{
	background-position:98px 5px;
	text-indent:27px;
	}
.pg_insights-article.august section.block.pro_tips p + p{
	margin:0 0 0 42px;
	text-indent:0;
	}
/* Sept */
.pg_insights-article.sept section.block.pro_tips img{
	float:left;
	margin:0 10px 0 0;
	}
.pg_insights-article.sept section.block.pro_tips p{
	background-position:98px 5px;
	text-indent:27px;
	}
.pg_insights-article.sept section.block.pro_tips p + p{
	margin:0 0 0 42px;
	text-indent:0;
	}
/* Nov */
.pg_insights-article.nov section.block.pro_tips{
	width:569px;
	}
.pg_insights-article.nov section.block.pro_tips h1{
	font-size:15px; line-height:15px;
	}
.pg_insights-article.nov section.block.pro_tips figure{
	float:left;
	width:130px;
	}
.pg_insights-article.nov section.block.pro_tips figcaption{
	font-size:12px; line-height:14px;
	font-family:'FuturaBT-Light',arial;
	}
.pg_insights-article.nov section.block.pro_tips .ctn_col{
	float:left;
	width:439px;
	}
.pg_insights-article.nov section.block.pro_tips p,
.pg_insights-article.nov section.block.pro_tips p.bt_more a{
	font-size:14px; line-height:17px;
	}
/* -------------------------------------
 *   Inside Access
 * ------------------------------------- */
.pg_insights-article section.block.inside_access{
	padding-left:2.857142%;/* 20 */
	width:43.571428%;/* 305 */
	border-left:1px solid #d7d7d8;
	background:url('../../resources/insights/images/v_hexagone02.png') 175px 260px no-repeat;
	}
.pg_insights-article section.block.inside_access p.bt_more{
	position:relative;
	margin-bottom:0;
	}

/* March */	
.pg_insights-article.march section.block.inside_access img{
	float:right;
	padding-left:10px;
	}
/* April */	
.pg_insights-article.april section.block.inside_access figure{
	margin:-45px 0 0 -5px;
	}
/* May */	
.pg_insights-article.may section.block.inside_access img{
	float:right;
	margin-left:10px;
	}
.pg_insights-article.may section.block.inside_access p.t_mention{
	margin:10px 0 0 0;
	}
/* June */	
.pg_insights-article.june section.block.inside_access img{
	float:right;
	width:185px;
	}
/* August */	
.pg_insights-article.august section.block.inside_access p{
	margin-bottom:0;
	}
.pg_insights-article.august section.block.inside_access figure{
	margin-top:-25px;
	}
.pg_insights-article.august section.block.inside_access p.bt_more{
	margin-top:-20px;
	}
/* Sept */
.pg_insights-article.sept section.block.inside_access img{
	float:right;
	}
.pg_insights-article.sept section.block.inside_access p.bt_more{
	clear:both;
	margin-top:-5px;
	}
	

/* -------------------------------------
 *   Edition 2
 * ------------------------------------- */
.pg_insights-article.ed2 p{
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 15px;
}
.pg_insights-article.ed2 .separateur{
	height: 101px;
	width: 100%;
	margin-top: -50px;
	margin-bottom: -10px;
	background: url('../../resources/insights/images/2eme_edition/bg_separateur.png') no-repeat center center;
	}
.pg_insights-article.ed2 .separateur.v_2 {
	margin: -20px 0 30px 0;
	height: 50px;
	background-image: url('../../resources/insights/images/2eme_edition/bg_separateur_2.png');
	}
.pg_insights-article.ed2 .separateur.v_3 {
	margin: -20px 0 -20px 0;
	height: 96px;
	background-image: url('../../resources/insights/images/2eme_edition/bg_separateur_3.png');
	}
.pg_insights-article.ed2 ol{
	list-style: decimal;
	padding-left: 15px;
	margin-bottom: 20px;
	}
.pg_insights-article.ed2 li{
	margin: 0;
	}
.pg_insights-article.ed2 strong{
	font-family: 'FuturaBT-Medium',arial;
	}
.pg_insights-article.ed2 .block_shadow .col-left{
	width: 265px;
}
.pg_insights-article.ed2 .block_shadow .col-right{
	width: 245px;
	margin-left: 25px;
}
.pg_insights-article.ed2 .ctn_spotlight{
	position: relative;
	top: 0;
	left: 0;
	}
.pg_insights-article.ed2 .ctn_spotlight .ctn_texte{
	padding-right: 230px;
	}
.pg_insights-article.ed2 .ctn_spotlight img.fixe{
	position: absolute;
	bottom: -50px;
	right: 0;
	}
.pg_insights-article.ed2 .str_row{
	display: table;
	}
.pg_insights-article.ed2 .str_col{
	display: table-cell;
	vertical-align: top;
	}
.pg_insights-article.ed2 section h2{
	display:inline-block;
	margin: 0;
	height: auto;
	padding:0;
	font-size: 14px;
	color: #007da4;
	background: none;
	border-radius:none;
	box-shadow:none;
	}
.pg_insights-article.ed2 .block_shadow h1{
	font-size: 22px;
	padding-right: 50px;
	}
.pg_insights-article.ed2 img.right{
	float:right;
	margin-left: 20px;
	}
.pg_insights-article.ed2 .block h1{
	font-size: 19px;
	}
.pg_insights-article.ed2 em{
	font-style: italic;
	color: #007da4;
	}
.pg_insights-article.ed2 .ctn_bottom ul{
	border-top: 1px solid #d1d5d6;
	border-bottom: 1px solid #d1d5d6;
	margin: 10px 0;
	padding: 10px 0;
	display: table;
	width: 100%;
	text-transform: uppercase;
	}
.pg_insights-article.ed2 .ctn_bottom li{
	display: table-cell;
	border-left: 1px solid #d1d5d6;
	font-size:10px;
	letter-spacing:-0.5px;
	}
.pg_insights-article.ed2 .ctn_bottom li:first-child{
	border-left: none;
	}
.pg_insights-article.ed2 .ctn_bottom li a{
	display: block;
	height: 24px;
	padding-left: 48px;
	line-height: 24px;
	background-image: url('../../resources/insights/images/2eme_edition/bg_sprite_social.png');
	background-repeat: no-repeat;
	}
.pg_insights-article.ed2 .ctn_bottom li.fbk a{
	background-position: 5px 0;
	padding-left: 38px;
	}
.pg_insights-article.ed2 .ctn_bottom li.twt a{
	background-position: 15px -24px;
	}
.pg_insights-article.ed2 .ctn_bottom li.ytb a{
	background-position: 15px -48px;
	}
.pg_insights-article.ed2 .ctn_bottom li.mob a{
	background-position: 15px -72px;
	}
/*- Vol01 -*/
.pg_insights-article.ed2.vol01 .container div.main {
	background: url('../../resources/insights/images/2eme_edition/bg_insights-article-small.jpg') center 460px no-repeat;
	}
.pg_insights-article.ed2.vol01 .block_shadow .col-left p:first-child{
	margin-bottom:5px;
	}
/*- Vol02 -*/
.pg_insights-article.ed2.vol02 section.block_shadow > div {
	min-height: 340px;
	}
.pg_insights-article.ed2.vol02 section.block_shadow .content {
	text-align: justify;
	}
.pg_insights-article.ed2.vol02 .block_shadow img{
	margin-top: 10px;
	}
.pg_insights-article.ed2.vol02 .ctn_spotlight .ctn_texte {
	padding-right: 170px;
	}
.pg_insights-article.ed2.vol02 .ctn_spotlight img {
	right: -40px;
	}
/*- Vol03 -*/
.pg_insights-article.ed2.vol03 .ctn_spotlight .ctn_texte {
	padding-right: 200px;
	}
.pg_insights-article.ed2.vol03 .ctn_spotlight img {
	right: -25px;
	}
.pg_insights-article.ed2.vol03 .ctn_treatment strong{
	text-transform: uppercase;
	font-weight: bold;
	}
.pg_insights-article.ed2.vol03 a.bt_more{
	font: 13px/1em 'FuturaBT-Medium',arial;
	color: #000;
	}
.pg_insights-article.ed2.vol03 a.bt_more span{
	color: #007da4;
	}
/*- Vol04 -*/
.pg_insights-article.ed2.vol04 .block_shadow {
	background-image: url('../../resources/insights/images/2eme_edition/bg_smokey_blockShadow-bottom.png');
	}
.pg_insights-article.ed2.vol04 .block_shadow > div {
	background-image: url('../../resources/insights/images/2eme_edition/bg_smokey_blockShadow-top.png');
	}
.pg_insights-article.ed2.vol04 .content {
	padding-right: 45px;
	}
.pg_insights-article.ed2.vol04 .ctn_spotlight .ctn_texte {
	padding: 0 45px 0 0;
	}
.pg_insights-article.ed2 .ctn_spotlight img.right {
	margin-right: -20px;
	}
.pg_insights-article.ed2.vol04 .marg_neg {
	margin-right: -20px;
	}
.pg_insights-article.ed2.vol04 p.t_cite {
	margin-top: -8px;
	margin-left: -20px;
	padding: 10px 0 0 20px;
	background: url('../../resources/insights/images/v_quote01.png') left top no-repeat;
	text-indent: 10px;
	}
.pg_insights-article.ed2.vol04 p.t_cite span.t_guillemet{
	display: inline-block;
	height: 16px;
	margin-top: -16px;
	margin-bottom: -16px;
	padding-bottom: 10px;
	width: 30px;
	background: url('../../resources/insights/images/v_quote02.png') center center no-repeat;
	}
/*- Vol05 -*/
.pg_insights-article.ed2.vol05 .ctn_spotlight .ctn_texte {
	padding-right: 90px;
	}
.pg_insights-article.ed2.vol05 .block_shadow {
	background-image: url('../../resources/insights/images/2eme_edition/bg_cells_blockShadow-bottom.png');
	}
.pg_insights-article.ed2.vol05 .block_shadow > div {
	background-image: url('../../resources/insights/images/2eme_edition/bg_cells_blockShadow-top.png');
	}
.pg_insights-article.ed2.vol05 .ctn_treatment {
	margin-top: 20px;
	}
/* ////////////////////////////////////////
 * 
 * $ 13 - ETHIC CHARTER
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_ethicCharter div.main{
	background:none;
	}
.pg_ethicCharter .generique-02 header{	
	background:url('../../include/images/f_ethicCharter.jpg') center top no-repeat;
	}
/* ////////////////////////////////////////
 * 
 * $ 14 - CALCULATOR
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_calculator div.main{
	background:#fff;
	}
.pg_calculator div.main article{
	max-width:960px;
	margin:0 auto;
	padding:55px 0;
	}
.pg_calculator div.main .intro{
	font:1.545454em 'FuturaBT-Medium',arial;/*17/11*/
	color:#007da4;
	text-transform:uppercase;
	margin-bottom:17px;
	}
.pg_calculator div.main .obj_int-skincare{
	margin-bottom:34px;
	}
.pg_calculator div.main h1{
	color:#007da4;
	font:1.818181em 'FuturaBT-Heavy',arial;/*20/11*/
	text-transform:uppercase;
	}
.pg_calculator div.main p,
.pg_calculator div.main li{
	font:1.363636em 'FuturaBT-Book',arial;/*15/11*/
	}
.pg_calculator div.main li{
	font-size:1.25em;
	}
.pg_calculator legend,
.pg_calculator .obj_benchmarks h2{
	text-transform:uppercase;
	font:1.454545em 'FuturaBT-Medium',arial;/*16/11*/
	color:#007da4;
	}
.pg_calculator fieldset fieldset legend{
	color:#555;
	margin-bottom:5px;
	}
.pg_calculator form > fieldset > legend{
	margin-bottom:36px;
	}
.pg_calculator .obj_form > fieldset{
	width:48%;
	float:left;
	}
.pg_calculator .obj_form > fieldset + fieldset{
	float:right;
	}
.pg_calculator div.main .obj_form .num{
	position:relative;
	}
.pg_calculator div.main .obj_form .num span{
	position:absolute;
	left:0;
	}
.pg_calculator div.main .obj_form label.num span{
	left:-22px;
	}
.pg_calculator div.main .obj_form p,
.pg_calculator div.main .obj_form ul{
	padding-left:22px;
	clear:both;
	margin-bottom:20px;
	}
.pg_calculator div.main .obj_form ul{
	margin-top:-4px;
	}
.pg_calculator div.main .obj_form li{
	width:50%;
	float:left;
	margin-bottom:10px;
	}
.pg_calculator div.main .obj_form input{
	display:block;
	width:60px;
	text-align:center;
	margin-top:5px;
	}
.pg_calculator div.main .obj_form .ctn_bt{
	text-align:center;
	padding:30px 0 40px;
	}
/* ////////////////////////////////////////
 * 
 * $ 15 - LOYALTY
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_loyalty div.main{
	min-height:800px;
	}
/* -------------------------------------
 * $  surcharge obj_carrousel wide pro
 * ------------------------------------- */
.pg_loyalty .obj_carrousel.wide{
	height:800px;
	z-index:1;
	margin-bottom:-280px;
	}
/* item1 banner_micropeel30 PRO */
.pg_loyalty .obj_carrousel .item1{
	height:800px;
	background:url('../../include/images/f_hero-pro.jpg') center bottom no-repeat #fff;
	}
.pg_loyalty  .obj_carrousel .item1 > div{
	padding-top:65px;
	position: relative;
	}
/* nouveau titre */
.pg_loyalty .obj_carrousel .item1 header h1{
	margin-bottom:38px;
	}
/* fin nouveau titre */
.pg_loyalty .item1 figure{
	position: absolute;
	top: 50px; 
	left: 25.520833%;
	width:818px;
	height:447px;
	}
.pg_loyalty .item1 figure img{
	width:100%;
	height:100%;
	}
/* -------------------------------------
 * $ bottom
 * ------------------------------------- */
.pg_loyalty div.main .bottom{
	position:relative;
	z-index:2;
	margin:0 auto 50px;
	}
.pg_loyalty div.main .bottom > .main-center{
	border-top:1px solid #ccd0d2;
	margin-bottom:20px;
	}
.pg_loyalty div.main .str_left{
	padding:22px 0 0 0;
	width:53.125%;/* 510 */
	margin-bottom:50px;
	}
.pg_loyalty div.main .bottom p{
	color:#666;
	line-height:1.444444em;
	}
.pg_loyalty div.main .ctn_info{
	float:right;
	width:25%;
	padding:50px 50px 30px;
	margin:0 0 50px;
	box-shadow:0 0 30px rgba(0,0,0,.25);
	background:#fff;
	}
.pg_loyalty div.main .ctn_info h3{	
	color:#2e9ebe;
	padding:0 0 10px;
	margin:0 0 20px;
	border-bottom:1px solid #e8e6e6;
	}
.pg_loyalty div.main .ctn_info .b_gradient span{
	color:#2e9ebe;
	}
/* ////////////////////////////////////////
 * 
 * $ 16 - DICTIONARY
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_dictionary .container div.main{
	padding-top:147px;
	background:url('../../include/images/f_common.jpg') center 147px no-repeat;
	}
.dictionary{
	position:relative;	
	max-width:900px;
	padding:50px 0 297px 60px;
	margin:0 auto;
	}
.dictionary > header{
	margin-bottom:42px;
	}
.dictionary h1{
	font:2.727272em/1em 'FuturaBT-Book',arial;/* 30 */
	}
.dictionary .nav{
	position:relative;
	top:0;
	-webkit-transition:right .25s;
	   -moz-transition:right .25s;
		-ms-transition:right .25s;
		 -o-transition:right .25s;
			transition:right .25s;
	}
.dictionary .nav.fixed{
	position:fixed;
	z-index:100;
	top:230px;
	left:50%;
	margin-left:300px;
	width:180px;
	}
.dictionary .nav .b_monochrome{
	display:none;
	width:100%;
	padding:0;
	text-indent:-10000px;
	background-position:center top;
	background-color:#b1c1c9;
	}
.dictionary .nav.fixed .b_monochrome{
	display:block;
	}
.dictionary .nav ul{
	padding:10px;
	text-align:center;
	border:1px solid #b1c1c9;
	}
.dictionary .nav li{
	display:inline-block;
	width:3.716216%;
	min-width:20px;
	text-align:center;
	font:1.181818em 'FuturaBT-Medium',arial;
	color:#c6d3d8;
	}
.dictionary .nav li a{
	color:#77a3b6;
	}
.dictionary .char{
	padding-top:50px;
	margin-bottom:-50px;
	}
.dictionary section{ 
	padding-top:15px;
	padding-right:230px;
	}
.dictionary p,
.dictionary ul{
	font:1.272727em/1.714285em 'FuturaBT-Medium',arial;/* 14/24 */
	}
.dictionary p + ul{
	margin-top:-10px;
	}
.dictionary li{
	color:#333333;
	}
.dictionary .equation,
.dictionary .obj_img-text{	
	-webkit-transform-origin:left top;
	   -moz-transform-origin:left top;
		-ms-transform-origin:left top;
		 -o-transform-origin:left top;
			transform-origin:left top;
	}
/* surcharge equation */
.dictionary .equation{
	width:580px;
	height:424px;
	text-align:center;
	margin:30px 0;
	}
.dictionary .equation h3{
	padding-left:25px;
	width:auto;
	height:auto;
	text-align:left;
	color:#008ab0;
	font-size:2.181818em !important;/* 24 */
	margin-bottom:50px;
	}
.dictionary .equation p{
	color:#008ab0;
	}
.dictionary .equation .icone{
	margin:0;
	}
.dictionary .equation .result{
	margin-top:65px;
	text-align:left;
	letter-spacing:5px;
	}
.obj_int-skincare.equation .result b{
	color:#008ab0;
	letter-spacing:3px;
	}
/* ===========================================
 *	$ =	OBJECT
 * ======================================== */
/* --------------------------------------
 * OBJ IMG TEXT
 * ----------------------------------- */
.dictionary .obj_img-text{
	margin:20px auto 0;
	}
.dictionary .obj_img-text > div{
	position:relative;
	margin:0 auto;
	}
.dictionary .obj_img-text img{
	
	}
.dictionary .obj_img-text span{
	position:absolute;
	font:1.090909em 'FuturaBT-Medium',arial;
	color:#333333;
	white-space:nowrap;
	}
/* free-radicals */
.obj_img-text.free-radicals{
	width:520px;
	height:235px;
	margin-top:70px;
	margin-bottom:40px;
	}
.obj_img-text.free-radicals > div{
	max-width:296px;
	margin:0 0 0 60px;
	}
.obj_img-text.free-radicals .sp1{
	top:-25px;
	left:244px;
	}
.obj_img-text.free-radicals .sp2{
	text-align:right;
	top:48px;
	right:230px;
	}
.obj_img-text.free-radicals .sp3{
	top:108px;
	left:-20px;
	}
.obj_img-text.free-radicals .sp4{
	text-align:right;
	top:205px;
	right:204px;	
	}
/* nanometers */
.obj_img-text.nanometers{
	width:665px;
	height:354px;
	margin:30px 0 48px 5px;
	}
.obj_img-text.nanometers > div{
	padding-bottom:55px;
	}
.obj_img-text.nanometers span{
	font:9px 'FuturaBT-Heavy',arial;
	text-transform:uppercase;
	color:#0a8fb2;
	}
.obj_img-text.nanometers strong{
	font:16px 'FuturaBT-Bold',arial;
	}
.obj_img-text.nanometers .sp1{
	-webkit-transform-origin:left center;
	   -moz-transform-origin:left center;
		-ms-transform-origin:left center;
		 -o-transform-origin:left center;
			transform-origin:left center;
	-webkit-transform:rotate(-90deg);
	   -moz-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		 -o-transform:rotate(-90deg);
			transform:rotate(-90deg);
	top:190px;
	left:0;
	}
.ie .obj_img-text.nanometers .sp1{
	top:-15px;
	}
.obj_img-text.nanometers .sp2,
.obj_img-text.nanometers .sp3,
.obj_img-text.nanometers .sp4{
	width:80px;
	top:220px;
	left:10px;
	text-align:center;
	}
.obj_img-text.nanometers .sp3{
	width:145px;
	left:90px;
	}
.obj_img-text.nanometers .sp4{
	width:260px;
	left:235px;
	}
.obj_img-text.nanometers .sp5{
	left:8px;
	bottom:0;
	padding:6px;
	background:#c9e4e7;
	}
.obj_img-text.nanometers .sp6{
	left:230px;
	top:305px;
	}
/* ////////////////////////////////////////
 * 
 * $ 17 - 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{
	line-height:240px;
	margin:0 auto 30px;
	text-align:center;
	}
article.downloadable article figure{
	height:240px;
	}
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;
	}
/* ////////////////////////////////////////
 * 
 * $ 18 - CALENDAR
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_calendar .container div.main{
	background:url('../../include/images/f_events.jpg') center top no-repeat;
	}
.pg_calendar .generique-02 header{
	position:relative;
	height:auto;
	min-height:381px;
	}
.pg_calendar .generique-02 header > *{
	width:43.020833%;/* 413 */
	}
.pg_calendar .generique-02 header h1{
	color:#77a3b6;
	padding:0 0 10px;
	margin:0 0 10px;
	font-size:20px;
	border-bottom:1px solid #c1c8cd;
	}
.pg_calendar .generique-02 header h1 strong{
	padding:0;
	font-size:60px;
	}
.pg_calendar .generique-02 header p{
	font:13px/1.615384em 'FuturaBT-Book',arial;
	padding:0;
	background:none;
	}
.pg_calendar .generique-02 header .calendar{
	position:absolute;
	top:75px;
	right:0;
	display:block;
	width:370px;
	height:392px;
	font:32px/5.6875em 'FuturaBT-Bold',arial;
	text-indent:20px;
	color:#fff;
	text-transform:uppercase;
	background:url('../../include/images/v_calendar.png') center center no-repeat;
	background-size:100% auto;
	}
.pg_calendar .obj_upcoming{
	padding-top:147px;
	margin-top:-198px;
	}
	
/* Select Month */

.pg_calendar .generique-02 header .obj_calendar-select{
	box-sizing:border-box;
	position:absolute;
	top:110px; right:105px;
	display:block;
	width:313px; height:311px;
	padding-top:44px;
	text-transform:uppercase;
	background:url('../../include/images/v_calendar-select.png') 0 0 no-repeat;
	}
.pg_calendar .generique-02 header .obj_calendar-select h2{
	margin-top:75px;
	padding:0 25px;
	font:40px/37px 'FuturaBT-Light',arial;
	text-align:center;
	color:#666;
	}
.pg_calendar .generique-02 header .obj_calendar-select h3{
	margin-top:5px;
	font:16px/16px 'FuturaBT-Book',arial;
	text-align:center;
	color:#3493b0;
	}
.pg_calendar .generique-02 header .obj_calendar-select .ctn_form-element{
	text-align:center;
	}
.pg_calendar .generique-02 header .obj_calendar-select select[aria-hidden="true"]{
    display:none;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox]{
	box-sizing:border-box;
	display:block;
	width:200px;
	padding:10px;
	font:12px/1em 'FuturaBT-Book',arial;
	text-align:left;
	border:1px solid #ccc;
	background:url('../../include/images/b_select.png') right center no-repeat white;
	cursor:pointer;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox]:after{
	position:absolute;
	right:10px; top:50%;
	margin-top:-3px;
	width:10px; height:6px;
	background:url('../../include/images/b_calendar-select.png') left top / 10px auto no-repeat;
	content:'';
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox][aria-expanded="true"]:after{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox].error{
	color:#d95f6d;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox]:hover{
	background-color:#efefef;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox]:focus{
	background-color:#efefef;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox] + div{
	position:absolute;
	top:28px;
	left:-10000px;
	width:100%;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox][aria-expanded=true] + div{
	left:0;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox] + div .border{
	border:1px solid #C6CCCF;
	background:#fff;
	}
.pg_calendar .generique-02 header .obj_calendar-select span[role=combobox] + div .jQueryScroll{
	margin:5px;
	max-height:200px;
	}
.pg_calendar .generique-02 header .obj_calendar-select li[role=option]{
	padding:5px;
	font-size:11px;
	text-align:left;
	cursor:pointer;
	}
.pg_calendar .generique-02 header .obj_calendar-select li[role=option]:hover{
	cursor:pointer;
	color:#000;
	background:#efefef;
	}
.pg_calendar .generique-02 header .obj_calendar-select li[role=option][aria-selected=true]{
	background:#efefef;
	}

@media screen and (max-width:815px){

.pg_calendar .generique-02 header .obj_calendar-select{
	position:relative;
	top:auto; right:auto;
	margin:20px 0 20px -10px;
	}
	
}

@media screen and (max-width:640px){

.pg_calendar.pg_calendar-select .generique-02 header{
    padding:50px 0 50px 0;
	}
	
}

@media screen and (max-width:320px){

.pg_calendar .generique-02 header .obj_calendar-select{
	margin:20px 0 0 -20px;
	}

}
	
/* ------------
 * detail
 * --------- */	
.pg_calendar .ctn_detail-protocol .content {
    min-height: 0;
    overflow: hidden;
    position: relative;
	}
/* top */
.pg_calendar section.bck_medecins .ctn_top {
	margin-bottom:0;
	}	
.pg_calendar .ctn_top a {
	background: url("../../include/images/b_faq-close02.gif") no-repeat scroll right center;
    padding-right:50px;
	}
.pg_calendar  .ctn_detail-workshop .ctn_top a.open {
    background-image: url("../../include/images/b_faq-open02.gif");
	}
.pg_calendar .ctn_top a p{
	margin:0;
	}
/* content */
.pg_calendar .ctn_detail-workshop .content {
	position:relative;
	height:0;
	overflow:hidden;
    padding: 0;
	margin-bottom: 29px;
	}
.pg_calendar .generique-02 .ctn_liste-workshop {
    margin-bottom: 10px;
	}
.pg_calendar .generique-02 .ctn_liste-workshop div{
    margin: 0;
    padding: 10px 20px 10px 230px;
	min-height: 110px;
	background-repeat: no-repeat;
	background-color: #f2f7f9; 
	}
.pg_calendar .generique-02 .content .bck_reunion{
	border-top: 2px solid #d5d5d5;
	margin-top: 30px;
	padding-top:30px;
	}	
.pg_calendar .generique-02 .ctn_liste-workshop p{
	line-height: normal;
	}
.pg_calendar .generique-02 .content .bck_reunion div {
    background-image: url("../../include/images/v_reunion_2.jpg");
	}
.pg_calendar .generique-02 .content .bck_pause-cafe div  {
    background-image: url("../../include/images/v_workshop.jpg");
	}	
.pg_calendar .generique-02 .content .bck_product div {
    background-image: url("../../include/images/v_protect_workshop.jpg");
	}


.pg_calendar .generique-02 section.bck_soins{
	border-top: 2px solid #d5d5d5;
    padding-top: 30px;
	}
.pg_calendar .obj_skinc-center{
    background-image: url("../../include/images/v_logo_skin_education.gif");
    background-position: center top;
    background-repeat: no-repeat;
    height: 206px;
    text-indent: -5000px;
	margin:120px 0 150px;
	}	
/* ////////////////////////////////////////
 * 
 * $ 19 - E RETAILER
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.stores{
    margin:35px auto;
	}
.stores li{
    display:inline-block;
    text-align:center;
    width:271px;
	}
.stores .stores_button span.name{
    margin-top:10px;
	}
.stores .stores_button span.visit{
    margin:5px 0 0 -15px;
	}
/* ////////////////////////////////////////
 * 
 * $ 20 - UNSUBSCRIBE
 * 
 * //////////////////////////////////////// */
/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_unsubscribe div.main{
	background:none;
	}
.pg_unsubscribe .generique{
	width: 960px;
	max-width: inherit;
	margin: 0 auto;
	padding: 60px 0 40px;
	}
.pg_unsubscribe h1{
	font-family:'FuturaBT-Light';
	font-size: 46px;
	}	
.pg_unsubscribe .generique .focus{
	margin:0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	font-family:'FuturaBT-Medium';
	text-transform: uppercase;
	}
.pg_unsubscribe .generique .element_form{
	margin: 0;
	padding-bottom: 26px;
	}
.pg_unsubscribe .generique .checkbox .element_form{
	padding-bottom: 18px;
	}
.pg_unsubscribe .generique .element_form strong{
	font-family:'FuturaBT-Bold';
	font-weight: normal;
	}	
.pg_unsubscribe .generique .ctn_checkbox{
	display: block;
	margin:0 0 15px;
	font-size: 12px;
	color: #666;
	cursor: pointer;
	}
.pg_unsubscribe .generique .ctn_checkbox label{
	cursor: pointer;	
	}
	
	
.pg_unsubscribe .generique label{
	display:inline-block;
	padding-right:40px;
	}
.pg_unsubscribe .generique span[role=checkbox] + label{
	float:none;
	padding-right:0;
	}
.pg_unsubscribe .generique input.email{
	width:300px;
	}
.pg_unsubscribe .generique .ctn_error p,	
.pg_unsubscribe .generique .ctnAOX_msgError p{	
	color: #D9191F;
	}
.pg_unsubscribe .generique .ctn_bt{
	margin: 0 0 40px;
	}	
.pg_unsubscribe .generique .ctn_bt .b_gradient {
    height: 38px;
    line-height: 36px;
    margin: 0;
    padding: 0 24px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
	color: #333;
	}
.pg_unsubscribe .generique .ctn_bt .b_gradient:hover{	
	text-decoration: none;
	}
	
@media screen and (max-width:960px){
	.pg_unsubscribe .generique {
		width: auto;
		padding: 100px 0 40px;		
		}
	.pg_unsubscribe .generique form{
		max-width: 480px;
		}		
}

@media screen and (max-width:767px){	
	.pg_unsubscribe h1{
		font-size: 32px;
		}
	.pg_unsubscribe .generique .focus br{
		display: none;
		}	
	.pg_unsubscribe .template-aox [role="checkbox"],
	.pg_unsubscribe .template-aox [role="radio"]{
		vertical-align: top;
		}
	.pg_unsubscribe .generique label {
		display: inline-block;
		padding-right: 0;
		width: calc(100% - 30px);
		}
	.pg_unsubscribe .generique .ctn_bt{
		margin: 0 0 20px;
		}	
}	
	
/* ////////////////////////////////////////
 * 
 * $ 21 - IMCAS
 * 
 * //////////////////////////////////////// */

.pg_imcas .obj_bloc{
	position:relative;
	box-sizing:border-box;
	width:960px; height:540px;
	margin:0 auto;
	padding:60px 370px 0 60px;
	background:url("../../include/images/bg_imcas.jpg") left top no-repeat;
	}
.pg_imcas .obj_bloc h2{
	font-family:'FuturaBT-Light';
	color:#2e9ebe;
	}
.pg_imcas .obj_bloc .t_main{
	font:18px/1.2em 'FuturaBT-Light';
	}
.pg_imcas .obj_bloc .bt_gradient a{
	display:inline-block;
	padding:10px 30px;
	font:13px/1em 'FuturaBT-Light';
	color:#333;
	background:#f5f5f5;
	background:-webkit-linear-gradient(top, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
	background:linear-gradient(to bottom, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
	}
.pg_imcas .obj_bloc .bt_gradient a:hover{
	color:#666;
	}
	
/* SPEC BLOC 01 */

.pg_imcas .bloc_imcas_01 header{
	margin-bottom:70px;
	}
.pg_imcas .bloc_imcas_01 .ctn_group{
	margin-top:60px;
	padding-right:160px;
	}
.pg_imcas .bloc_imcas_01 h2{
	font-size:20px; line-height:1.4em;
	}
.pg_imcas .bloc_imcas_01 h2 strong{
	font-family:'FuturaBT-Bold';
	font-size:33px;
	}
.pg_imcas .bloc_imcas_01 h2 em{
	font-family:'FuturaBT-Bold';
	}
.pg_imcas .bloc_imcas_01 h3{
	font:18px/1em 'FuturaBT-Bold';
	color:#2e9ebe;
	}
.pg_imcas .bloc_imcas_01 .t_main{
	margin-bottom:15px;
	}
.pg_imcas .bloc_imcas_01 .bt_gradient{
	margin-bottom:0;
	}

/* SPEC BLOC 02 */

.pg_imcas .bloc_imcas_02 h2{
	font-size:47px; line-height:1em;
	}
.pg_imcas .bloc_imcas_02 h3{
	font:32px/1em 'FuturaBT-Bold';
	color:#2e9ebe;
	text-transform:uppercase;
	}
.pg_imcas .bloc_imcas_02 header{
	margin-bottom:55px;
	}
.pg_imcas .bloc_imcas_02 header p{
	margin:5px 0 0 0;
	padding-right:210px;
	}
.pg_imcas .bloc_imcas_02 h4{
	margin:55px 0 0 -30px;
	}
.pg_imcas .bloc_imcas_02 h4 img{
	width:413px;
	}
.pg_imcas .bloc_imcas_02 .t_mention{
	position:absolute;
	left:50px; bottom:20px;
	width:420px;
	font:10px/1.2em 'FuturaBT-Light';
	}

/* SPEC BLOC 03 */
.pg_imcas .bloc_imcas_03 { background : url('../../include/images/bg_imcas-03.jpg') no-repeat center center; }
.pg_imcas .bloc_imcas_03 h2{
	font-size:47px; line-height:1em;
	}
.pg_imcas .bloc_imcas_03 h3{
	font:32px/1em 'FuturaBT-Bold';
	color:#2e9ebe;
	text-transform:uppercase;
	margin: 10px 0;
	}
.pg_imcas .bloc_imcas_03 header p{
	margin:5px 0 0 0;
	padding-right:210px;
	}
.pg_imcas .bloc_imcas_03 h4{
	margin:30px 0 0 0;
	}
.pg_imcas .bloc_imcas_03 h4 img{
	width:363px;
	}
.pg_imcas .bloc_imcas_03 .t_main strong {
	display : block;
	text-transform : uppercase;
	font : 18px/1em 'FuturaBT-Bold'
}
.pg_imcas .bloc_imcas_03 .t_mention{
	width:420px;
	margin-top : 25px;
	font:10px/1.2em 'FuturaBT-Light';
	}

/* SPEC BLOC 04 */
.pg_imcas .bloc_imcas_04 { background : url('../../include/images/bg_imcas-04.jpg') no-repeat 0 0; }
.pg_imcas .bloc_imcas_04 header { margin-bottom : 50px; }
.pg_imcas .bloc_imcas_04 .ctn_group{
	padding-right:160px;
	}
.pg_imcas .bloc_imcas_04 h2{
	font-size:20px;
	line-height:1.4em;
	}
.pg_imcas .bloc_imcas_04 h2 strong{
	font : 60px/1 'FuturaBT-Light';
	}
.pg_imcas .bloc_imcas_04 h2 em{ font-family:'FuturaBT-Bold'; }
.pg_imcas .bloc_imcas_04 h4 img{
	width:363px;
	margin-bottom : 30px;
}
.pg_imcas .bloc_imcas_04 h3{
	font:18px/1em 'FuturaBT-Bold';
	color:#2e9ebe;
	}
.pg_imcas .bloc_imcas_04 .t_main{
	margin-bottom:15px;
	}
.pg_imcas .bloc_imcas_04 .bt_gradient{
	margin-bottom:0;
	}

	
@media screen and (max-width:960px){

.pg_imcas .obj_bloc{
	margin-top:75px;
	}

}

@media screen and (max-width:767px){

.pg_imcas .container div.main{
	padding:0;
	}
.pg_imcas .obj_bloc{
	width:100%; height:auto;
	padding:30px;
	background:#f9f8f6;
	}
.pg_imcas .bloc_imcas_01 header,
.pg_imcas .bloc_imcas_02 header,
.pg_imcas .bloc_imcas_03 header,
.pg_imcas .bloc_imcas_04 header{ margin-bottom:30px; }

.pg_imcas .bloc_imcas_01 .ctn_group,
.pg_imcas .bloc_imcas_04 .ctn_group{
	margin-top:30px;
	padding-right:0px;
	}
.pg_imcas .bloc_imcas_02 header p,
.pg_imcas .bloc_imcas_03 header p{ padding-right:0px; }

.pg_imcas .bloc_imcas_02 h4,
.pg_imcas .bloc_imcas_03 h4{ margin:30px 0 0 0; }

.pg_imcas .bloc_imcas_02 h4 img,
.pg_imcas .bloc_imcas_03 h4 img,
.pg_imcas .bloc_imcas_04 h4 img { width:260px; }

.pg_imcas .bloc_imcas_02 .t_mention,
.pg_imcas .bloc_imcas_03 .t_mention{
	position:relative;
	left:auto; bottom:auto;
	margin-top:20px;
	width:100%;
	}

.pg_imcas .bloc_imcas_04 h2 strong { font-size : 46px; }

}
	
	
/* ////////////////////////////////////////
 * 
 * $ 22 - PAGE ARTICLE NEWS
 * 
 * //////////////////////////////////////// */

.pg_article .ctn_article {
	max-width: 960px;
	margin: 0 auto;
	padding: 75px 20px;
	font-size: 0px;
	}

/***/

.pg_article .obj_sidebar {
	display: inline-block;
	vertical-align: top;
	width: 300px;
    margin-left: 40px;
	transition: all ease 200ms;
	}
.pg_article .obj_sidebar.is-pinned {
	position: fixed;
	z-index: 100;
	}
.pg_article .obj_sidebar.is-over-limit {
	opacity: 0;
	}
.pg_article .obj_sidebar h4 {
	margin-top: 60px;
	margin-bottom: 20px;
	font: 14px/1em "FuturaBT-Medium", Arial;
	color: #262a33;
	text-transform: uppercase;
	}
.pg_article .obj_sidebar .obj_push_article {
	display: table;
	height: 100px;
	width: 100%;
	border: solid 1px #d9d9d9;
	background: #fff;
	transition: all ease 400ms;
	} 
.pg_article .obj_sidebar .obj_push_article img {
	display: table-cell;
	vertical-align: top;
	height: 100px;
	width: 120px;
	background-color: #f2f2f2;
	}
.pg_article .obj_sidebar .obj_push_article .ctn_txt {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	height: 100px;
	width: calc(100% - 120px);
	padding: 10px 20px;
	}
.pg_article .obj_sidebar .obj_push_article h3 {
	font: 12px/1em "FuturaBT-Bold", Arial;
	color: #262a33;
	}
.pg_article .obj_sidebar .obj_push_article .ctn_btn {
	margin: 5px 0 0 0;
	}
.pg_article .obj_sidebar .obj_push_article .ctn_btn .obj_btn {
	font: 14px/1em Georgia, Constantia, Serif;
	font-style: italic;
	color: #20a1c7;
	}
.pg_article .obj_sidebar .obj_push_article .ctn_btn .obj_btn::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: .411764em;
    width: .411764em;
    margin: 0 0 0 6px;
    border-color: #20a1c7;
    border-style: solid;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.pg_article .obj_sidebar .obj_push_article + .obj_push_article {
	margin-top: 10px;
	}
.pg_article .obj_sidebar .obj_push_article:hover {
	margin-left: 10px;
	}

/***/

.pg_article .obj_article {
	display: inline-block;
	vertical-align: top;
    width: calc(100% - 340px);
    margin: 0 auto;
	padding: 0px;
    text-align: left;
	}
.pg_article .obj_article .ctn_mask{
	position:relative;
	z-index:1;
	overflow:hidden;
	}
.pg_article .obj_article h1,
.pg_article .obj_article h3 {
	display: inline-block;
	width: calc(100% - 200px);
	margin: 0 0 40px;
	font: 27px/1em "FuturaBT-Light", Arial;
	color: #20a1c7;
	text-transform: uppercase;
	text-align: left;
	}
.pg_article .obj_article h2,
.pg_article .obj_article h4 {
	margin: 40px 0 10px;
	font: 24px/1.2em "FuturaBT-Book", Arial;
	color: #333;
	text-transform: uppercase;
	}
.pg_article .obj_article p {
	color: #666;
	}
.pg_article .obj_article a {
	color: #20a1c7;
	font-style: italic;
	transition: all ease 400ms;
	}
.pg_article .obj_article a:hover {
	color: black;
	}
.pg_article .obj_article .ctn_bt-read {
	position: relative;
	z-index: 10;
	padding: 160px 0 0 0;
	margin-top: -140px;
	text-align: center;
	background: transparent;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
	}
.pg_article .obj_article a.b_border-gradient {
	color: #000;
	font-style: normal;
	}
.pg_article .obj_article > ul {
	margin-top: 10px;
	}
.pg_article .obj_article > ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
	font-family: "FuturaBT-Book", arial;
	font-size: 16px;
	color: #666;
	background: url("../../include/images/v_puce.png") left 9px no-repeat;
	}
.pg_article .obj_article > ul li strong {
	font-weight: bold;
}
.pg_article .obj_article .focus {
    margin-bottom: 20px;
	font-size: 18px;
    line-height: 1.2em;	
	font-family: 'FuturaBT-Book',arial;
    text-align: left;
	}
.pg_article .obj_article figure {
	margin: 0;
	text-align: center;
	}	
.pg_article .obj_article figure img {
	max-width:100%;
	}
.pg_article .obj_article .article-summary{
	position: relative;
	max-width: 400px;
	margin: 40px 0;
	padding: 24px 24px 14px 62px;
	box-sizing: border-box;
	background: #1B2330
	}
.pg_article .obj_article .article-summary ul::before{
	position: absolute;
	left: 24px;
	top: 24px;
	content:"";
	display: block;
	width: 16px;
	height: 14px;
	background: transparent url("../../include/images/i_summary.png") center center / 100% auto;
	}
.pg_article .obj_article .article-summary ul{
	margin: 0;
	}
.pg_article .obj_article .article-summary a{
	display: inline-block;
	padding: 0 0 10px;
	font: 12px "FuturaBT-Medium", Arial;
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
	}
.pg_article .obj_article .article-summary a:hover{
	text-decoration: underline;
	}

















.pg_article .ctn_gallery_news img {
	vertical-align: middle;
	margin: 0;
	}
.pg_article .ctn_gallery_news #gallery-images img {
	max-width:100%; max-height:100%;
	}
.pg_article .ctn_gallery_news .obj_player {
	position: relative;
	display: inline-block;	
	height: 360px;
	margin: 0 auto 30px;
	font-size: 0;
	text-align: center;
	cursor: pointer;
	}	
.pg_article .ctn_gallery_news .obj_player img {
	margin: -60px 0 0;
	}	
.pg_article .ctn_gallery_news .obj_player::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 76px;
	width: 77px;
	margin-top: -38px;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);	
	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;
	}
.pg_article .obj_popin .content .player {
	display: block;
    height: 360px;
    width: 640px;
	}
.pg_article .obj_sharer{
	position: relative;
	width: 200px;
	display: inline-block;
	text-align: right;
	height: 54px;
	float: right;
	}
.pg_article .obj_sharer ul{	
	margin: 0;
	text-align: right;
	}
.pg_article .obj_sharer ul li a{	    
	position: relative;
	display: inline-block;
    width: 32px;
	height: 28px;
	line-height: 28px;
    margin: 0;
	padding-right: 36px;
	overflow: hidden;
	box-sizing: border-box;
	color: transparent;
	transition: width ease-out 400ms;
	}
.pg_article .obj_sharer ul li a:hover{
	width: 120px;
	}	
.pg_article .obj_sharer ul .facebook a:after{
	content:"";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
    width: 32px;
	height: 28px;
	background: url('../../include/images/i_facebook.png') no-repeat right top  / auto 28px;
	}
.pg_article .obj_sharer ul .twitter a:after{
	content:"";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
    width: 32px;
	height: 28px;
	background: url('../../include/images/i_twitter.png') no-repeat right top  / auto 28px;
	}	
.pg_article .obj_sharer ul li:last-child{
	margin: 0;
	}


/***/


.obj_article .ctn_video {
    height: 349px;
    padding: 20px 0 0
	}
.obj_article .ctn_video .t_collapse {
    padding: 0 0 10px;
    font-size: 25px;
    color: #22799f;
    text-transform: uppercase;
    font-family: FuturaBT-Medium,arial
	}
.obj_article .ctn_video h3 {
    padding: 0 0 20px;
    font-size: 16px;
    color: #333;
    text-transform: inherit;
    font-family: FuturaBT-Heavy,arial
	}
.obj_article .ctn_video p {
    font-size: 16px
	}
.obj_article .ctn_video .t_desc {
    max-width: 75%
	}
.obj_article .ctn_video .obj_player {
    position: relative
	}
.obj_article .ctn_video .obj_player img {
    position: absolute;
    object-fit: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	max-height: 100%
	}
.obj_article .ctn_video .obj_player {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center
	}
.obj_article .ctn_video .obj_player::before {
    display: block;
    content: '';
    width: 71px;
    height: 71px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    background: url(../images/i_play-2.png) left top/71px auto no-repeat;
    transform: translate(-50%,-50%);
    transition: all .2s
	}
.obj_article .ctn_video .obj_player:hover::before {
    transform: translate(-50%,-50%) scale(1.2)
	}

@media screen and (max-width: 767px) {
	.obj_article .ctn_video {
		height: 220px;
		max-height: 220px;
		padding: 0;
		margin: 0 auto 20px;
		}
    .obj_article .ctn_video .t_collapse {
        font-size: 21px
	    }
    .obj_article .ctn_video h3 {
        padding: 0 0 10px
	    }
    .obj_article .ctn_video p {
        font: 16px/1.2em FuturaBT-Light,arial
	    }
    .obj_article .ctn_video .t_desc {
        max-width: 100%
	    }
	}


/***/

@media screen and (max-width: 1024px) {
	
	.pg_article .obj_sidebar {
		width: 180px;
		}
	.pg_article .obj_sidebar .obj_push_article img {
		display: none;
		}
	.pg_article .obj_article {
		width: calc(100% - 220px);
		}
	
	}

@media screen and (max-width: 767px) {
	
	.pg_article .obj_sidebar {
		position: static;
		width: 100%;
		margin: 0;
		}
	.pg_article .obj_article {
		width: 100%;
		}
	.pg_article .ctn_article{
		padding: 120px 0 50px;
		}	
	.pg_article .obj_article h1,
	.pg_article .obj_article h3 {
		width: calc(100% - 42px);
		}
    .pg_article .obj_article p {
        font-size: 14px;
        }
	.pg_article .obj_sharer{
		width: 32px;
		height: 63px;
		margin: 0 0 10px;
		}
	.pg_article .obj_sharer ul li a,	
	.pg_article .obj_sharer ul li a:hover{
		width: 32px;
		padding-right: 0;
		color: transparent;
		}
	
	}

/********************************/
/***** PG ARTICLE CARROUSEL *****/
/********************************/
.pg_article .ctn_gallery_news{
	margin-top:30px;
	}
.pg_article .ctn_article .obj_carrousel{
	max-width:640px;
	height: 360px;
	line-height: 360px;
	padding:0;
	margin-bottom:50px;
	background: #F9F9F9;
	width:100%;
	}
 .pg_article .obj_carrousel > .masque{
	position:relative;
	overflow:hidden;
	height:100%; 
	font-size:0;
	z-index:10;
	}
.pg_article .obj_carrousel .items{
	position:absolute;
	height:100%;
	width:10000px;
	}
.pg_article .obj_carrousel .item{
	float: left;
	width: 640px;
	height: 360px;
	}
.pg_article .obj_carrousel.std .item{
	float: left;
	width: 640px;
	height: auto;
	}	
.pg_article .obj_carrousel .item p{
	font: 0;
	/*height: 360px;*/
	text-align: center;
	}
.pg_article .obj_carrousel .nav {
    position: absolute;
	z-index: 15;
	top: 0;
	width:100%; height: 100%;
	margin: auto 0;
	}
.pg_article .obj_carrousel .nav button {
    display: block;
	top: 50%;
    width: 22px; height: 40px;
    border: 0;
    margin: -20px 0 0 0;
    padding: 0;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.7;
	}
.pg_article .obj_carrousel .nav button.disabled,
.pg_article .obj_carrousel .nav button.disabled:hover{
	display:none;
	}	
.pg_article .obj_carrousel .nav button:hover {
    opacity: 1;	
	}
.pg_article .obj_carrousel .nav .b_prev {
    position: absolute;
    left: 10px;
    background: transparent url("../../include/images/b_prev.png") no-repeat left top / 22px auto;
	}	
.pg_article .obj_carrousel .nav .b_next {
    position: absolute;
    right: 10px;
    background: transparent url("../../include/images/b_next.png") no-repeat right top / 22px auto;
	}	
.pg_article .obj_carrousel .nav ul{
	top: auto; bottom: -25px;
	width: 100%; height: 14px;
	text-align: center;
	}
.pg_article .obj_carrousel .nav ul li{
	float: none;
	display: inline-block;
	}
.obj_carrousel .nav.round li.active a{
	background-position:left bottom;
	}
		
 /* horizontal */
.pg_article .obj_carrousel.horizontal .item{
	min-width: 640px; 
	text-align: center;
	opacity:.1;
	}
.pg_article .obj_carrousel.animated .item{
	transition:opacity .4s;
	}
.pg_article .obj_carrousel.horizontal .item.visible{
	opacity:1;
	}

@media screen and (max-width:767px){
	.pg_article .obj_carrousel.horizontal .item{
		min-width: inherit;
		max-width: 370px; 
		width: 100%;
		}
}

/* --------------------------------------------------
 * LISTE ARTICLES
 * ----------------------------------------------- */
.obj_myskin-content{
	padding:60px 0;
	font-size:10px;
	margin:0 auto;
	max-width:1024px;
	}
.obj_myskin-content button{
	background:transparent;
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
	-webkit-tap-highlight-color:none;
	}
.obj_myskin-content button::-moz-focus-inner {
	border:0;
	padding:0;
	}
.obj_myskin-content .b_bloc{
	background:#000;
	box-sizing:border-box;
	color:#fff;
	font-family:'FuturaBt-book', arial;
	font-size:15px;
	height:40px;
	line-height:40px;
	padding:0 1em;
	text-transform:uppercase;
	}
.obj_myskin-content .b_bloc.b_filet{
	background:transparent;
	border:1px solid #000;
	color:#000;
	font-size:1em;
	}
.obj_myskin-content .b_bloc.arrow::after{
	border-color:#000;
	border-style:solid;
	border-width:1px 1px 0 0;
	content:"";
	display:inline-block;
	height:12px;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	width:12px;
	} 
.obj_myskin-content .b_link-arrow{
	color:#20a1c7;
	font-family:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	font-style:italic;
	}
.obj_myskin-content .b_link-arrow::after{
	border-color:#20a1c7;
	border-style:solid;
	border-width:1px 1px 0 0;
	content:"";
	display:inline-block;
	height:.411764em;
	margin:0 0 0 6px;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	vertical-align:middle;
	width:.411764em;
	}
.obj_myskin-content .b_link-arrow:hover::after{
	border-color:#666;
	}

.obj_myskin-content > div{
	padding-top:49px;
	background:#fff;
	}
.obj_myskin-content h1,
.obj_myskin-content h3 {
	color:#20a1c7;
	font:2.2em/1.5em 'FuturaBt-Light', arial;
	margin:0 auto 64px;
	text-align:center;
	}
.obj_myskin-content h1 strong,
.obj_myskin-content h3 strong {
	font-family:'FuturaBt-Heavy', arial;
	}
.obj_myskin-content .obj_form .ctn_bt {
    font-size: 1em;
    margin-top: 19px;
    text-align: center;
	}
.obj_myskin-content .obj_form .label {
    display: inline-block;
    font-size: 1.2em;
    margin: 0 1.367187% 0 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: middle;
    width: 40.625%;
	}	
.obj_myskin-content .obj_list-push-conseils{
	display:block;
	font-size:1em;
	}
.obj_myskin-content .obj_list-push-conseils li{
	float:left;
	width:25%;
	}
.obj_myskin-content .obj_list-push-conseils li:nth-of-type(4) ~ li{
	margin-top:30px;
	}
.obj_myskin-content .obj_list-push-conseils li:nth-of-type(4n + 1) .content {
	border-left-width:1px;
	}
.obj_myskin-content .obj_list-push-conseils li .content{
	border-left-width:0;
	}
.obj_myskin-content .obj_list-push-conseils img,
.obj_myskin-content .obj_list-push-conseils span{
	display:block;
	}
.obj_myskin-content .obj_list-push-conseils .visuel{
	overflow:hidden;
	position:relative;
	height: 180px;
	}
.obj_myskin-content .obj_list-push-conseils img{
	margin: 0 auto;
	transition: -webkit-transform 2s;
	transition: transform 2s;
	}
.obj_myskin-content .obj_list-push-conseils .content{
	border-color:#e5e5e5;
	border-width:0 1px 1px 1px;
	border-style:solid;
	padding:20px;
	}
.obj_myskin-content .obj_list-push-conseils .title{
	font:1.2em/1.175em 'FuturaBt-Bold', arial;
	margin-bottom:1em;
	text-transform:uppercase;
	}
.obj_myskin-content .obj_list-push-conseils .text{
	font:1.3em/1.175em 'FuturaBt-Book', arial;
	margin-bottom:.866666em;
	}
.obj_myskin-content .obj_list-push-conseils .b_link-arrow{
	font-size:1.4em;
	text-align:right;
	}
/* hover */
.obj_myskin-content .obj_push-conseils{
	color:#000;
	}
.obj_myskin-content .obj_push-conseils:hover{
	color:#666;
	}
.obj_myskin-content .obj_push-conseils:hover img{
	-webkit-transform:scale(1.15);
		-ms-transform:scale(1.15);
			transform:scale(1.15);
	}
.obj_myskin-content .obj_push-conseils:hover .b_link-arrow::after{
	border-color:#3ca8cb;
	}
	
@media screen and (max-width:960px){
	.obj_myskin-content .obj_list-push-conseils li{width:33.333%;}
	.obj_myskin-content .obj_list-push-conseils li:nth-of-type(3) ~ li{ margin-top:30px; }
	.obj_myskin-content .obj_list-push-conseils li:nth-of-type(4n + 1) .content { border-left-width:0; }
	.obj_myskin-content .obj_list-push-conseils li:nth-of-type(3n + 1) .content { border-left-width:1px; }
}
@media screen and (max-width:767px){
    .obj_myskin-content h1,
    .obj_myskin-content h3 {
        margin: 64px auto 30px auto;
        }
	.obj_myskin-content .obj_list-push-conseils .visuel{height:auto;}
	.obj_myskin-content .obj_list-push-conseils img{max-width:100%;}
	.obj_myskin-content .obj_list-push-conseils li{width:50%;}
	.obj_myskin-content .obj_list-push-conseils li:nth-of-type(2) ~ li{ margin-top:15px; }
	.obj_myskin-content .obj_list-push-conseils li:nth-of-type(3n + 1) .content { border-left-width:0; }
	.obj_myskin-content .obj_list-push-conseils li:nth-of-type(2n + 1) .content { border-left-width:1px; }
	.obj_myskin-content .obj_push-conseils .content{padding:15px; font-size:0.875em;}
}
@media screen and (max-width:320px){
	.obj_myskin-content .obj_list-push-conseils li{width:100%; max-width:256px; margin:0 auto; float:none;}
	.obj_myskin-content .obj_list-push-conseils li ~ li{ margin-top:15px; }
	.obj_myskin-content .obj_list-push-conseils li .content { border-left-width:1px !important; }
}

/* v2 */

.obj_myskin-content .obj_list-push-conseils.v2 {
	display: flex;
	flex-wrap: wrap;
	}
.obj_myskin-content .obj_list-push-conseils.v2 li {
	width: 50%;
	}
.obj_myskin-content .obj_list-push-conseils.v2 li:nth-of-type(2) ~ li {
	margin-top: 120px;
	}
.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils {
	display: flex;
	flex-direction: row-reverse;
	padding: 0 60px;
	}
.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils .visuel {
	height: 150px;
	width: 150px;
	border: none;
	}
.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils .visuel img {
	position: absolute;
	height: 100%;
	width: auto;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transition: all ease 400ms;
	}
.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils:hover .visuel img {
	height: 110%;
	}
.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils .content {
	width: calc(100% - 150px);
	padding: 0;
	border: none;
	}
.obj_myskin-content .obj_list-push-conseils.v2 .obj_push-conseils .title {
	margin: 15px 0 0 0;
	padding: 0 15px 5px 0;
	font: 1.4em/1.2em 'FuturaBt-Medium', arial;
	letter-spacing: 1px;
	color: #20a1c7;
	border-bottom: solid 1px #20a1c7;;
	}
.obj_myskin-content .obj_list-push-conseils.v2 .obj_push-conseils .text {
	margin: 15px 0 0 0;
	padding: 0 15px;
	font: 1.2em/1.2em 'FuturaBt-Medium', arial;
	color: #636363;
	}
.obj_myskin-content .obj_list-push-conseils.v2 .obj_push-conseils .b_link-arrow {
	margin: 15px 0 0 0;
	padding: 0 15px;
	font: 1.2em/1.2em 'FuturaBt-Bold', arial;
	color: #333;
	text-align: left;
	}
.obj_myskin-content .obj_list-push-conseils.v2 .obj_push-conseils .b_link-arrow::after {
	border-color: #333;
	}
.obj_myskin-content .obj_list-push-conseils.v2 .obj_push-conseils:hover .b_link-arrow {
	text-decoration: underline;
	}

@media screen and (max-width: 1024px) {
	
	.obj_myskin-content .obj_list-push-conseils.v2 li:nth-of-type(2) ~ li {
		margin-top: 60px;
		}
	.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils {
		padding: 0 30px;
		}

	}

@media screen and (max-width: 767px) {
	
	.obj_myskin-content .obj_list-push-conseils.v2 li {
		width: 100%;
		}
	.obj_myskin-content .obj_list-push-conseils.v2 li ~ li,
	.obj_myskin-content .obj_list-push-conseils.v2 li:nth-of-type(2) ~ li {
		margin-top: 30px;
		}
	.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils {
		padding: 0;
		}
	.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils .content {
		width: calc(100% - 100px);
		}
	.obj_myskin-content .obj_list-push-conseils.v2 li .obj_push-conseils .visuel {
		height: 100px;
		width: 100px;
		border: none;
		}

	}

/* PG ARTICLE PG_PRIVACY_POLICY */
.pg_privacy_policy h1{
	font-size: 60px;
	line-height: 1em;
	}
.pg_privacy_policy .obj_bloc-mentions{
	margin: 0 0 20px;
	font-size: 12px;
	line-height: 1.5em;
	}
.pg_privacy_policy .obj_bloc-mentions a{
	text-decoration: underline;
	}	
.pg_privacy_policy .obj_bloc-mentions strong{
	font-weight: bold;
	}
.pg_privacy_policy .obj_bloc-mentions h2{
	margin: 0 0 10px;
	}
.pg_privacy_policy .obj_bloc-mentions p{
	line-height: 1.5em;
	}
.pg_privacy_policy .obj_bloc-mentions ul li{
	line-height: 1.5em;
	}

@media screen and (max-width: 767px) {
	.pg_privacy_policy h1{
		font-size: 26px;
		}
	.pg_privacy_policy .obj_bloc-mentions img{
		max-width: 100%;
		}
}