/* 
 *
 *
 *	$ =	SKIN CEUTICALS COMMON
 *
 *
 *
 *
 *
 *  1 - import
 *	 2 - css reset
 *  3 - elements html5
 *  4 - erreur ie6
 *  5 - typo + article
 *  6 - page generique + page identification
 *  7 - button
 *  8 - structure
 *  9 - header main
 * 10 - footer main
 * 11 - objects
 * 12 - formulaire
 * 13 - jQueryscroll
 * 14 - Event Article
 * 15 - Forget Password
 * 16 - Popin
 * 17 - Section video
 * 18 - StickyBar
 *
 */

/* ===========================================
 *	$ =	IMPORT
 * ======================================== */
/* ----------------------------------------
 * $ typo
 * ------------------------------------- */

/* INTER */
@font-face {
	font-family: 'FuturaBT-Light';
	src: url('../../include/webfonts/Inter/Inter-Light.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Book';
	src: url('../../include/webfonts/Inter/Inter-Regular.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Medium';
	src: url('../../include/webfonts/Inter/Inter-Medium.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Heavy';
	src: url('../../include/webfonts/Inter/Inter-SemiBold.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Bold';
	src: url('../../include/webfonts/Inter/Inter-Bold.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}

/* @font-face {
	font-family: 'FuturaBT-Light';
	src: url('../../include/webfonts/231DED_0_0.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Book';
	src: url('../../include/webfonts/231DED_1_0.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Medium';
	src: url('../../include/webfonts/231DED_2_0.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Heavy';
	src: url('../../include/webfonts/FuturaBT-Heavy.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Bold';
	src: url('../../include/webfonts/252949_0_0.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	} */

/*
@font-face {
	font-family: 'FuturaBT-Light';
	src: url('../../include/webfonts/231DED_0_0.eot');
	src: url('../../include/webfonts/231DED_0_0.eot?#iefix') format('embedded-opentype'),
		 url('../../include/webfonts/231DED_0_0.woff') format('woff'),
		 url('../../include/webfonts/231DED_0_0.ttf') format('truetype'),
		 url('../../include/webfonts/231DED_0_0.svg#FuturaBT-Light') format('svg');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Book';
	src: url('../../include/webfonts/231DED_1_0.eot');
	src: url('../../include/webfonts/231DED_1_0.eot?#iefix') format('embedded-opentype'),
		 url('../../include/webfonts/231DED_1_0.woff') format('woff'),
		 url('../../include/webfonts/231DED_1_0.ttf') format('truetype'),
		 url('../../include/webfonts/231DED_1_0.svg#FuturaBT-Book') format('svg');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Medium';
	src: url('../../include/webfonts/231DED_2_0.eot');
	src: url('../../include/webfonts/231DED_2_0.eot?#iefix') format('embedded-opentype'),
		 url('../../include/webfonts/231DED_2_0.woff') format('woff'),
		 url('../../include/webfonts/231DED_2_0.ttf') format('truetype'),
		 url('../../include/webfonts/231DED_2_0.svg#FuturaBT-Medium') format('svg');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Heavy';
	src: url('../../include/webfonts/FuturaBT-Heavy.eot');
    src: url('../../include/webfonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'),
         url('../../include/webfonts/FuturaBT-Heavy.woff') format('woff'),
         url('../../include/webfonts/FuturaBT-Heavy.ttf') format('truetype'),
         url('../../include/webfonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: 'FuturaBT-Bold';
	src: url('../../include/webfonts/252949_0_0.eot');
	src: url('../../include/webfonts/252949_0_0.eot?#iefix') format('embedded-opentype'),
		 url('../../include/webfonts/252949_0_0.woff') format('woff'),
		 url('../../include/webfonts/252949_0_0.ttf') format('truetype'),
		 url('../../include/webfonts/252949_0_0.svg#FuturaBT-Bold') format('svg');
	font-weight:normal;
	font-style:normal;
	}
*/

/* ========================================
 *	$ =	CSS RESET
 * ======================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* FF pour enlever pointill�s autour des liens */
a {
	cursor:pointer;
	outline: none;
	}
body {
	font-family: 'Inter', sans-serif; color: black; font-size: 11px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
table tr {
	vertical-align: top;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:link, a:visited {
	color:#333;
	text-decoration: none;
	}
a:hover {
	color:#2e9ebe;
	text-decoration: none;
	}

button::-moz-focus-inner{
	border: 0;
	padding:0;
	}

/* CLEARFIX - Nettoyage des float */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {clear: both;}
/* ========================================
 *	$ =	ELEMENTS HTML 5
 * ======================================== */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
	margin:0;
	padding:0;
	font-weight: normal;
	font-style: inherit;
	font-family: inherit;
	}
/* ========================================
 *	$ =	ERREUR IE6-7-8
 * ======================================== */
.scrollHidden{
	width:100%;
	height:100%;
	overflow:hidden;
	}
.oldies{
	display:none;
	}
.ie6 .oldies,
.ie .oldies{
	display:block;
	position:absolute;
	z-index:100000;
	top:50%;
	left:50%;
	height:2000px;
	width:2000px;
	margin:-1000px 0 0 -1000px;
	}
.oldies .back{
	width:100%;
	height:100%;
	background:#000;
	}
.oldies .popin{
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	background:#fff;
	border:1px solid #000;
	padding:50px;
	margin:-250px 0 0 -300px;
	}
.oldies .popin h2{
	width:285px;
	height:41px;
	margin:0 auto 50px auto;
	display:block;
	width:285px;
	height:41px;
	text-indent:-5000px;
	background:url('../../include/images/v_logo-skinCeuticals-header-EU.png') left top no-repeat;
	}
.oldies .popin h3{
	text-align:center;
	font-size:18px;
	margin:0 0 30px 0;
	color:#666;
	}
.oldies .popin p{
	text-align:center;
	color:#666;
	margin:0 0 20px 0;
	}
.oldies .popin p a{
	color:#000;
	}
/* ========================================
 * $ = TYPO
 * ======================================== */
/* liste */
.puces,
article.generique ul{
	margin-top:10px;
	}
.ctn_article-content ul li,
.puces li,
article.generique ul li{
	font-size:12px;
	color:#333;
	margin:0 0 10px 0;
	padding:0 0 0 12px;
	background:url('../../include/images/v_puce.png') left 6px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	}
.puces li ul,
article.generique li ul{
	padding:5px 0 0 0;
	}
.puces li ul li,
article.generique li ul li{
	font-size:11px;
	background:url('../../include/images/v_puce-2.png') left 6px no-repeat;
	}
.puces.plus li{
	background:url('../../include/images/v_plus-2.gif') left 4px no-repeat;
	}
/* paragraphe */
p{
	font-size:12px;
	color:#333;
	}
html body p.pPhilosophy{
	color:#2e9ebe;
	font-family:'FuturaBT-Medium',arial;
	font-size:9px;
	text-transform:uppercase;
	}
html body p.pPhilosophy span{
	display:inline-block;
	border-radius:3px;
	border:1px solid #ededed;
	padding:2px 5px;
	}
/* -------------------------------------
 *   typo article 
 * ------------------------------------- */	
article header{
	margin:0 0 20px 0;
	}
article h1{
	font-family:'FuturaBT-Book',arial;
	font-size:26px;
	color:#77a3b6;
	text-transform:uppercase;
	margin:0;
	}	
article h2, h2{
	font-family:'FuturaBT-Book',arial;
	font-size:16px;
	color:#77a3b6;
	text-transform:uppercase;
	margin:0;
	}
article header h3{
	font-family:'FuturaBT-Book',arial;
	color:#666;
	font-size:18px;
	text-transform:none;
	}
article h3 strong,
.generique h3 strong,
article header h3 strong {
	font-family: "FuturaBT-Bold",Arial;
}
article h3,
.generique h3{
	font-family: 'FuturaBT-Medium',arial;
	color:#333;
	font-size: 16px;
	text-transform: uppercase;
	}
article h4{
	font-family:'FuturaBT-Medium',arial;
	color:#333;
	font-size:14px;
	margin:20px 0 0 0;
	}
article h2 + h4{
	margin:10px 0 0 0;
	}
article ul{
	color:#666;
	font-size:12px;
	margin:0 0 10px 0;
	}
article h5,
.generique h5{
	font-family:'FuturaBT-Heavy',arial;
	font-size:14px;
	color:#666;
	}
article p,
.generique p{
	color:#333;
	margin:0 0 10px 0;
	}
p.focus{
	font-size:18px;
	font-family:'FuturaBT-Book',arial;
	}
p.focus b{
	font-weight:normal;
	font-family:'FuturaBT-Medium',arial;
	}
p strong{
	font-weight:bold;
	}
p em{
	font-style: italic;
	}
article p a,
article p a:visited {
	color: #2e9ebe;
}
article p a:hover {
	text-decoration: underline;
}
.ctn_article-content{
	color:#666;
	font-size:12px;
	}
/* structure article */
.leftback{
	max-width:960px;
	padding:197px 0 0 0;
	margin:0 auto;
	}
.leftback header,
.leftback .content{
	padding:0 7.291666% 0 41.666666%;/* 0 70px 0 400px */
	}
	
.rightback{
	width:960px;
	padding:197px 0 0 0;
	margin:0 auto;
	}
.rightback header,
.rightback .content{
	padding:0 400px 0 70px;
	padding:0 41.666666% 0 7.291666%;/* 0 400px 0 70px */
	}
	
/* article entete */
.entete header{
	margin:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #bbc5cb;
	}
.entete h1{
	text-transform:uppercase;
	font-family:'FuturaBT-Light',arial;
	color:#77a3b6;
	font-size:60px;
	margin:0;
	}
.entete h1 b{
	font-weight:normal;
	font-size:60px;
	line-height:1em;
	}
.entete p{
	font-family:'FuturaBT-Book';
	color:#333;
	font-size:13px;
	}

/* -------------------------------------
 *   generique-01
 * ------------------------------------- */	
.generique{
	padding:147px 200px 0 0;
	margin:0 auto 0 auto;
	max-width:760px;
	}
.generique h1{
	text-transform: uppercase;
	font-family:'FuturaBT-Light',arial;
	color:#77a3b6;
	font-size: 26px;
	margin: 0;
	}
.generique h3{
	margin:20px 0 10px 0;
	}
.generique .twoCol > *{
	float:left;
	width:45%;
	}
.generique .threeCol > *{
	float:left;
	width:30%;
	min-width:230px;
	}
/* -------------------------------------
 *   generique-02 section img left text right ex : ethicCharter.asp
 * ------------------------------------- */	
.generique-02{
	max-width:960px;
	margin:0 auto;
	}
.generique-02 header{
	height:492px;
	margin-bottom:50px;
	padding:144px 70px 0 35px;
	border-bottom:1px solid #cdd2d2;
	}
.generique-02 h1{
	margin-bottom:8px;
	padding-left:35px;
	text-transform:uppercase;
	}
.generique-02 h1 strong{
	display:block;
	padding-top:10px;
	font-size:55px;
	font-family:'FuturaBt-Light',arial;
	color:#77a3b6;
	line-height:1.054em;
	}
.generique-02 header p{
	line-height:1.6666em;
	padding:20px 35px;
	background:#fff;
	background:rgba(255,255,255,.6);
	}
/* background */
.container .generique-02 section > div{
	/*min-height:234px;*/
	padding:0 9.895833% 0 41.666666%;/* 0 95px 0 400px */
	margin-bottom:39px;
	background-size:37.5% auto;
	background-repeat:no-repeat;
	background-position:left top;
	}
.generique-02 section.bck_microscope > div{
	background-image:url('../../include/images/v_microscope.jpg');
	}
.generique-02 section.bck_echantillon > div{
	background-image:url('../../include/images/v_echantillon.jpg');
	}
.generique-02 section.bck_seringue > div{
	background-image:url('../../include/images/v_seringue-02.jpg');
	}
.generique-02 section.bck_echantillon-02 > div{
	background-image:url('../../include/images/v_echantillon-02.jpg');
	}
.generique-02 section.bck_studies > div{
	min-height:346px;
	background-image:url('../../include/images/v_clinicalStudies.png');
	background-position:50px 45px;
	background-size:30.625% auto;
	}
.generique-02 section.bck_video > div{
	background-image:url('../../include/images/v_video-library.jpg');
	}
.generique-02 section.bck_tools > div{
	background-image:url('../../include/images/f_tools.jpg');
	}
.generique-02 section.bck_woman > div{
	background-image:url('../../include/images/f_woman.jpg');
	}
.generique-02 section.bck_cube > div{
	background-image:url('../../include/images/f_cube.png');
	}
.generique-02 section.bck_downloadable > div{
	min-height:255px;
	background-image:url('../../include/images/v_downloadable.jpg');
	}
.generique-02 section.bck_medecins .ctn_top {
	background-image:url('../../include/images/v_medecins.jpg');
	}
.generique-02 section.bck_soins > div{
	background-image:url('../../include/images/v_soins.jpg');
	}
.generique-02 section.bck_pause-cafe > div{
    background-image: url("../../include/images/v_workshop.jpg");
	}
.generique-02 section.bck_reunion > div{
    background-image: url("../../include/images/v_protect_workshop.jpg");
	}
.generique-02 section h2{
	margin-bottom:8px;
	font-family:'FuturaBT-Medium',arial;
	}
.generique-02 section p{
	font-size:14px;
	font-family:'FuturaBT-Book',arial;
	color:#333;
	line-height:1.7142em;/* 24px */
	margin-bottom:14px;
	}

/* ========================================
 * $ = PAGE GENERIQUE
 * ======================================== */
.pg_generique div.main{
	padding-top: 0;
	min-height:400px;
	}
div.container .firstArticle{
	padding-top:197px;
	}
div.container .lastArticle{
	padding-bottom:100px;
	}
/* pg_identification */
.pg_identification div.main{
	background:#fff;
	padding-top:117px;
	}
.pg_identification .obj_form.register{
	width: 100%;
	max-width: 610px;
	min-height: 360px;
	margin:0 auto;
	padding: 130px 0 100px;
	}
.pg_identification .obj_form.register h3 {
	color: #77A3B6;
    font-family: 'FuturaBT-Book',arial;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 40px;
    padding: 0;
	}
/*		
.pg_identification .obj_form.register p{
	margin:0 0 10px;
	}
.pg_identification .obj_form.register .str_left{
	width:250px;
	}
.pg_identification .obj_form.register .str_left input{
	width:230px;
	}
.pg_identification .obj_form.register .str_left .ctn_bt{
	text-align:right;
	}
.pg_identification .obj_form.register .str_left .ctn_bt .b_gradient{
	margin:0 0 0 10px;
	}
.pg_identification .obj_form.register .str_right{
	width:230px;
	}
.pg_identification .obj_form.register .str_right p:first-child{
	line-height:28px;
	}
.pg_identification .obj_form.register .str_right p:first-child span{
	line-height:12px;
	}
.pg_identification .obj_form.register .str_right p{
	height:28px;
	}
*/


@media screen and (max-width: 767px){
	.pg_identification .obj_form.register {
		padding: 80px 0 60px;
		}
	.pg_identification .obj_form.register h3{
		margin: 0 0 20px;	
		}

}


/* pg_retailers */

.pg_retailers .threeCol ul {
	float: none;
	width: 100%;
	min-width: 0px;
	}
.pg_retailers .threeCol li {
	display: inline-block;
	vertical-align: top;
	min-width: 230px;
	width: 30%;
	}

/* -------------------------------------
 *	404  
 * ------------------------------------- */	
.pg_404 div.main{
	background:url('../../include/images/f_common.jpg') center 147px no-repeat;
	}
.obj_msg404{
	padding-top:50px;
	margin:0 auto;
	max-width:960px;
	}

.obj_msg404 > header{
	margin-bottom:100px;
	padding-bottom:50px;
	border-bottom:1px solid #d4d5d5;
	}
	
.obj_msg404 h1{
	color: #77a3b6;
    font:60px 'FuturaBT-Light',arial;
    text-transform: uppercase;	
	}
.obj_msg404 h2{
	color:#000;
	margin-bottom:20px;
	}
.obj_msg404 p.focus{
	text-align:center;
	}
.obj_msg404 ul{
	max-width:560px;
	margin:50px auto 100px;
	}
/* -------------------------------------
 *	print
 * ------------------------------------- */
.pg_print{
	width:auto;
	min-width:21cm;
	margin:0 auto;
	background:#eee;
	}
.pg_print header.main,
.pg_print footer.main{
	display:none;
	}
.pg_print div.main{
	padding:0;
	background:none;
	}	
.pg_print * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
.pg_print .page{
	position:relative;
	width:21cm;
	min-height:29.7cm;
	margin:1cm auto;
	background:#fff;
	}
@media print {
.pg_print .page {
		margin: 0;
		border: initial;
		border-radius: initial;
		width: initial;
		min-height: initial;
		box-shadow: initial;
		background: initial;
		page-break-after: always;
		page-break-inside: avoid;
	}			
}
/* ---------------------------------------
 *	SEARCH RESULT
 * ------------------------------------ */
.main > section.content{padding-top:50px;}

.main > section.content > header .ctn_texte,
.main > section.content > .search-results,
.main > section.content > .obj_navpages{margin:0 auto;max-width: 960px;}

.main > section.content > header .fil-ariane{display:none;}

.main > section.content > header h1{font:36px/1em "FuturaBT-Light",arial;color:#77a3b6;margin-bottom:5px;text-transform:uppercase;}

.main > section.content .search-infos{margin-bottom:40px;font-size:11px;color:#666;}
/* list */
.main > section.content > .search-results li{position:relative;padding:20px 0 20px 120px;margin:0;border-top:1px solid #eee;max-width:580px;}
.main > section.content > .search-results li:first-child{border-top-width:0;}
.main > section.content > .search-results li > h2{font:16px 'FuturaBT-Book',arial;color:#77a3b6;text-transform:uppercase;}
.main > section.content > .search-results li > h2 a{color:#77a3b6;}
.main > section.content > .search-results .url{margin-bottom:5px;}
.main > section.content > .search-results .url a{font-family:'FuturaBt-Medium',arial;color:#333;}
.main > section.content > .search-results .url a b{font-weight:normal;}
.main > section.content > .search-results .note{margin-bottom:5px;}
.main > section.content > .search-results .obj_rating-customers,
.main > section.content > .search-results .note > span{display:inline-block;vertical-align:middle;}
.main > section.content > .search-results .detail a{position:absolute;left:0;top:20px;}
.main > section.content > .search-results img{width:100px;}

.main > section.content > .obj_navpages{margin:20px auto;text-align:center;}
/* ========================================
 * $ = BUTTON
 * ======================================== */
a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* simple link */
a.b_link{
	font-family:'FuturaBT-Medium';
	color:#333;
	}
a.b_link span{
	margin:0 0 0 5px;
	color:#77a4b4;
	}
a.b_link:hover{
	color:#2e9ebe;
	}
/* simple link */	
a.b_link-02{
	text-transform:uppercase;
	color:#007da4;
	font-family:'FuturaBT-Heavy',arial;
	}
a.b_link-02 span{
	margin:0 0 0 5px;
	color:#007da4;
	}
a.b_link-02:hover{
	color:#333;
	}
/* simple link green */
a.b_green{
	color:#2e9ebe;
	}
a.b_green:hover{	
	color:#77a3b6;
	}
/* b_monochrome */
a.b_monochrome{
	display:inline-block;
	color:#fff;
	height:28px;
	padding:0 0 0 28px;
	background:url('../../include/images/b_monochrome.gif') left -28px no-repeat #333333;
	}
a.b_monochrome.alpha{
	background-image:url('../../include/images/b_monochrome-alpha.gif');
	}
a.b_monochrome.lb.open,
a.b_monochrome.lt{background-position:left top;}
a.b_monochrome.lt.open,
a.b_monochrome.lb{background-position:left -28px;}
a.b_monochrome.rb.open,
a.b_monochrome.rt{background-position:right -28px;}
a.b_monochrome.rt.open,
a.b_monochrome.rb{background-position:right top;}
a.b_monochrome.lr.open,
a.b_monochrome.ll{background-position:left -84px;}
a.b_monochrome.ll.open,
a.b_monochrome.lr{background-position:left -56px;}
a.b_monochrome.rr.open,
a.b_monochrome.rl{background-position:right -84px;}
a.b_monochrome.rl.open,
a.b_monochrome.rr{background-position:right -56px;}
a.b_monochrome.minus.open,
a.b_monochrome.plus{background-position:left -112px;}
a.b_monochrome.plus.open,
a.b_monochrome.minus{background-position:left -140px;}

a.b_monochrome.close{background-position:right -168px;}

a.b_monochrome.rt,
a.b_monochrome.rb,
a.b_monochrome.rl,
a.b_monochrome.rr{
	padding:0 28px 0 14px;
	z-index:2;
	}
a.b_monochrome.close{
	width: auto;
	height: 28px;
	padding: 0 28px 0 14px;
	z-index:2;
	}
a.b_monochrome span{
	color:#fff;
	line-height:28px;
	height:28px;
	overflow:hidden;
	padding: 0;
	opacity:1;	
	white-space:nowrap;
	transition:max-width .25s, opacity .25s, padding .25s;
	}
a.b_monochrome.rt.show-text span,
a.b_monochrome.rb.show-text span,
a.b_monochrome.rl.show-text span,
a.b_monochrome.rr.show-text span,
a.b_monochrome.close.show-text span{
	padding:0 0 0 14px;
	}
a.b_monochrome.show-text span{
	padding:0 14px 0 0;
	opacity:1;
	max-width:350px;
	}
a.b_monochrome.plus{
	padding-right: 14px;
	}
.obj_popin a.b_monochrome.close{
	width: 28px;
	height: 28px;
	padding: 0;
	}
.obj_popin a.b_monochrome span{
	display: none;
	}



/* b_gradient */
a.b_gradient{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	font-family: "FuturaBT-Book","arial";
	text-align: center;
	border: 1px solid #cbd4d8;
	background: #f5f5f5;
	background: linear-gradient(to bottom, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
	transition: all 0.3s ease;
	}
a.b_gradient:hover{
	color: #fff;
	background: #000;
	}
a.b_gradient.locate{
	padding:5px 6px 5px 6px;
	}
a.b_gradient.locate img,
.store_locator .b_gradient img{
	display:block;
	width:16px;
	margin:0 auto;
	}
/* b_blue */	
.b_blue-gradient{
	display:inline-block;
	padding: 10px 24px 9px 24px;
	border: 1px solid #d9d9d9;
	font: 13px/1em "FuturaBT-Book",arial;
	color:#fff;
	background: #2a97b7;
	background: -moz-linear-gradient(top, #2a97b7 50%, #198db0 50%, #198db0 50%);
	background: -webkit-linear-gradient(top, #2a97b7 50%,#198db0 50%,#198db0 50%);
	background: linear-gradient(to bottom, #2a97b7 50%,#198db0 50%,#198db0 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a97b7', endColorstr='#198db0',GradientType=0 );
	cursor: pointer;
	}	
a.b_blue-gradient:hover,
a:hover .b_blue-gradient{
	color:#fff;
	background: #198db0;
	}

/* b_gradient */
a.b_border-gradient{
	display:inline-block;
	border:1px solid #cbd4d8;
	color:#000;
	font-size:12px;
	font-family:'FuturaBT-Medium', Arial;
	text-align:center;
	background:url('../../include/images/b_border-gradient.gif') left top repeat-x #fff;
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(230,238,242,1) 50%, rgba(219,227,231,1) 50%, rgba(241,245,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(230,238,242,1)), color-stop(50%,rgba(219,227,231,1)), color-stop(100%,rgba(241,245,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(230,238,242,1) 50%,rgba(219,227,231,1) 50%,rgba(241,245,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(230,238,242,1) 50%,rgba(219,227,231,1) 50%,rgba(241,245,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(230,238,242,1) 50%,rgba(219,227,231,1) 50%,rgba(241,245,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(230,238,242,1) 50%,rgba(219,227,231,1) 50%,rgba(241,245,246,1) 100%); /* W3C */
	}

a.b_border-gradient:hover{
	background-position:left -34px;
	background: -moz-linear-gradient(top,  rgba(241,246,247,1) 0%, rgba(241,246,247,1) 50%, rgba(219,233,239,1) 50%, rgba(247,249,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,246,247,1)), color-stop(50%,rgba(241,246,247,1)), color-stop(50%,rgba(219,233,239,1)), color-stop(100%,rgba(247,249,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(241,246,247,1) 0%,rgba(241,246,247,1) 50%,rgba(219,233,239,1) 50%,rgba(247,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(241,246,247,1) 0%,rgba(241,246,247,1) 50%,rgba(219,233,239,1) 50%,rgba(247,249,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(241,246,247,1) 0%,rgba(241,246,247,1) 50%,rgba(219,233,239,1) 50%,rgba(247,249,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(241,246,247,1) 0%,rgba(241,246,247,1) 50%,rgba(219,233,239,1) 50%,rgba(247,249,249,1) 100%); /* W3C */
	}
a.b_border-gradient > span{
	display:inline-block;
	line-height:1em;
	padding:11px 15px;
	border:1px solid #fff;
	}
a.b_border-gradient .hexa{
	display:inline-block;
	width:24px;
	height:21px;
	line-height:21px;
	text-align:center;
	color:#2e9ebe;
	font-size:12px;
	font-family:arial;
	margin:0 7px 0 0;
	background:url('../../include/images/b_border-gradient-hexa.png') left top no-repeat;
	}
a.b_border-gradient span.text,
a.b_gradient span.text{
	font-family:'FuturaBT-Book',arial;
	font-weight:bold;
	color:#2e9ebe;
	margin:0 7px 0 0;
	}
/* b_flag */
a.b_flag{
	font-size:10px;
	color:#666;
	padding:0 0 0 15px;
	background:url('../../include/images/v_flag.gif') left top no-repeat;
	}
/* b_remove */
a.b_remove{
	display:inline-block;
	text-indent:-10000px;
	width:20px;
	height:20px;
	background:url('../../include/images/b_remove.png') left top no-repeat;
	}
a.b_remove:hover{
	background-position:left bottom;
	}
/* b_print */
a.b_print{
	display:inline-block;
	width:47px;
	height:37px;
	text-indent:-10000px;
	background:url('../../include/images/b_print.png');
	}
.ie7 a.b_print{
	text-indent:0;
	font-size:0;
	}
a.b_print:hover{
	background-position:left bottom;
	}
/* b_download */
a.b_bloc{
	display:block;
	text-align:center;
	font:12px 'FuturaBT-Medium',arial;
	color:#333;
	padding:0 15px;
	background:#f0f0f0;
	}
a.b_bloc span{
	display:inline-block;
	padding:15px 0;
	}
a.b_bloc .download{
	padding-left:17px;
	background:url('../../include/images/i_download.png') left center no-repeat;
	}
/* b_round */
a.b_round, .b_round{
	display:inline-block;
	color:#fff;
	font:10px 'FuturaBT-Medium',arial;
	text-transform:uppercase;
	padding:3px 10px;
	-webkit-border-radius:7px;
	   -moz-border-radius:7px;
			border-radius:7px;	
	background:#008ab0;
	}
a.b_round.larg, .b_round.larg{
	font-size:14px;
	font-family:'FuturaBT-Heavy',arial;
	line-height:40px;
	height:40px;
	padding:0 25px;
	}
/* b_round-02 */
.b_round-02{
	display:inline-block;
	height:40px;
	padding:0 25px;
	font:12px/40px 'FuturaBT-Medium',arial;
	text-transform:uppercase;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	border:1px solid #dfdfdf;
	background:#fff;
	}
/* b_liked */
.b_liked{
	display:inline-block;
	border:none;
	width:25px;
	height:20px;
	text-indent:-10000px;
	cursor:pointer;
	background:url('../../include/images/b_like.png') left top no-repeat;
	}
.b_liked.active{
	background-position:left -20px;
	}
/* b_ribon */
.b_ribon{
	display:inline-block;
	width:20px;
	height:27px;
	text-indent:-10000px;
	background:url('../../include/images/b_ribon.png') left top no-repeat;
	}
/* b_redo */
.b_redo{
	display:inline-block;
	width:24px;
	height:19px;
	text-indent:-10000px;
	background:url('../../include/images/b_redo.png') left top no-repeat;
	}

/* Facebook Sign in */
.ctn_bt_fb.ctn_bt_fb {
    clear: both;
    text-align: left !important;
}
.ctn_bt_fb .btn_fb {
    position: relative;
    padding: 3px 6px 3px 22px;
    background: linear-gradient(#4c69ba, #3b55a0) repeat scroll 0 0;
    border-color: #4c69ba;
    border-radius: 2px;
    font-family: "arial";
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    text-shadow: 0 -1px 0 #354c8c;
}
.ctn_bt_fb .btn_fb::before {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    content: "";
    height: 16px;
    width: 16px;
    background: url("../../include/images/i_fb_register.png") repeat scroll 0 0;
}

/* ========================================
 * $ = STRUCTURE
 * ======================================== */
html, body{
	min-width:1024px;
	}
.main-center{
	width:960px;
	margin:0 auto;
	}
.str_left{
	float:left;
	}
.str_middle{
	float:left;
	}
.str_right{
	float:right;
	}
div.main{
	padding-top:147px;
	min-height:300px;
	width:100%;
	background:url('../../include/images/f_blue-gradient.gif') left 147px repeat-x;
	}
.container .hidden{
	display:none;
	}
/* ========================================
 * $ = HEADER MAIN
 * ======================================== */
/*
header.main{
	position:fixed;
	top:0;
	z-index:1000;
	width:100%;
	font-family:'FuturaBT-Medium', Arial;
	font-weight:normal;
	padding:0 0 74px 0;
	background:url('../../include/images/f_liquid-line-2.png') center bottom repeat-x;
	}
	*/
header.main{
	position:fixed;
	top:0;
	z-index:3000;
	width:100%;
	font-family:'FuturaBT-Medium', Arial;
	font-weight:normal;
	/*box-shadow:0 1px 0 #a6c1c8, 0 2px 0 #9bafb1, 0 3px 0 #a9c7c6, 0 4px 0 #d8e5e7, 0 5px 150px rgba(219,238,242,1);*/
	}
header.main:before{
	position:absolute; display:block; content:'';
	top:calc( 100% - 3px); left:65%;
	z-index:10;
	width:59px; height:24px;
	background:url('../../include/images/f_bubbles.png') center center no-repeat / contain;
	}
	
header.main .ctn_register{
	height:33px;
	line-height:33px;
	background:url('../../include/images/f_header-ctn_register.png') center top repeat-x;
	}
header.main .ctn_register .main-center > .b_link{
	float:left;
	margin:0 10px 0 0; 
	padding:0 10px 0 0;
	background: url('../../include/images/f_header-ctn_register-li.gif') no-repeat scroll right center;
	}
header.main .ctn_register a,
header.main .ctn_register .has-sub-nav > span{
	color:#ccc;
	font-size:11px;
	}
header.main .ctn_register .has-sub-nav > span{
	cursor:default;
	}
header.main .ctn_register a:hover{
	color:#fff;
	}
header.main .ctn_register ul li{
	color:#ccc;
	float:left;
	}
header.main .ctn_register ul.fil-ariane{
	float:left;
	}
header.main .ctn_register ul.fil-ariane li{
	margin:0 5px 0 0;
	}
/* options */
header.main .ctn_register ul.options{
	float:right;
	}
header.main .ctn_register ul.options li:first-child{
	background:none;
	}
header.main .ctn_register ul.options li{
	margin: 0 0 0 10px;
	padding: 0 0 0 11px;
	background:url('../../include/images/f_header-ctn_register-li.gif') left center no-repeat;
	}
header.main .options .has-sub-nav{
	position:relative;
	}
header.main .options .sub-nav{
	background:#282828;
	left:0;
	margin:0;
	max-height:0;
	min-width:calc(100% + 10px);
	overflow:hidden;
	position:absolute;
	transition:max-height .5s ease-in-out;
	z-index:3;
	}
header.main .options .has-sub-nav .sub-nav li{
	background:none;
	float:none;
	margin:0;
	}
header.main .options .has-sub-nav:hover .sub-nav{
	max-height:150px;
	z-index:4;
	}
/* ctn_nav */
header.main .ctn_nav{
	clear:both;
	background:url('../../include/images/f_header-sub-nav.jpg') center 114px no-repeat #fff;
	}
header.main .ctn_nav .main-center{
	position:relative;
	}
header.main .ctn_nav .main-center > p{
	position:absolute;
	z-index:1;
	top:65px;
	right:0;
	}
header.main .ctn_nav .logo-skinc,
header.main .ctn_nav h1{
	float:left;
	width:285px;
	height:41px;
	margin:19px 0 25px 0;
	}
header.main .ctn_nav .logo-skinc a, 
header.main .ctn_nav h1 a{
	display:block;
	width:285px;
	height:41px;
	text-indent:-5000px;
	background:url('../../include/images/v_logo-skinCeuticals-header-EU.png') left top no-repeat;
	}
header.main .ctn_nav .ctn_research{
	float:right;
	margin:6px 0 0 0;
	}
header.main .ctn_nav .ctn_research > p{
	float:left;
	margin:9px 0 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #8c8c8c;
	}
header.main .ctn_nav .ctn_research > p a{
	color:#666;
	padding:0 0 0 16px;
	background:url('../../include/images/b_plus.png') left center no-repeat;
	}
header.main .ctn_nav .ctn_research > p a:hover{
	color:#2e9ebe;
	}
header.main .ctn_nav .ctn_research > p.doctor {
	margin-right: 10px;
}
/* std research */
header.main .ctn_nav .obj_research{
	float:left;
	position:relative;
	z-index:2;
	margin-left:10px;
	margin-top:5px;
	}
header.main .ctn_nav .obj_research > button{
	display:none;
	}	
header.main .ctn_nav .obj_research > div > div > input[type="text"]{
	width:180px;
	height:15px;
	line-height:15px;
	font-size:12px;
	color:#666;
	padding:5px 20px 5px 0;
	border:0px;
	border-bottom:1px solid #e3e3e3;
	background:url('../../include/images/f_field-search.gif') right center no-repeat;
	}
header.main .ctn_nav .obj_research .obj_autocomplete{
	top:11px;
	}
header.main .ctn_nav .obj_research .obj_autocomplete .jQueryScroll{
	width:170px;
	}
/* google search */
header.main .ctn_nav .gcse_form{
	border-bottom:1px solid #e3e3e3;
	float:left;
	margin-left:10px;
	margin-top:-4px;
	max-width:200px;
	width:180px;
	}
header.main .ctn_nav .gcse_form form.gsc-search-box{
	margin:0;
	}
header.main .ctn_nav .gcse_form .gsc-search-box-tools .gsc-search-box{
	margin:0;
	}
header.main .ctn_nav .gcse_form .gsc-search-box-tools .gsc-input{
	padding:0;
	}	
header.main .ctn_nav .gcse_form .gsc-input-box{
	border:none;
	box-shadow:none;
	height:15px;
	}
header.main .ctn_nav .gcse_form table.gsc-search-box td{
	vertical-align:top;
	}
header.main .ctn_nav .gcse_form input[type=text]{
	line-height:15px;
	background:none !important;
	text-indent:0 !important;
	}
header.main .ctn_nav .gcse_form .gsst_a {
    padding-top:4px;
	}
header.main .ctn_nav .gcse_form .gsib_a {
    padding:0;
	}
header.main .ctn_nav .gcse_form .gsc-search-button{
	background:none;
	}	
header.main .ctn_nav .gcse_form input.gsc-search-button,
header.main .ctn_nav .gcse_form input.gsc-search-button:hover,
header.main .ctn_nav .gcse_form input.gsc-search-button:focus{
	background:url('../../include/images/f_field-search.gif') center center no-repeat;
	border:none;
	height:0;
	padding:30px 0 0 30px;
	width:0;
	}

header.main nav{
	clear:both;
	position:relative;
	overflow:hidden;
	height:29px;
	}
header.main nav li{
	float:left;
	}
header.main nav a{
	font-family:'FuturaBT-Book', Arial;
	color:#333;
	text-transform:uppercase;
	}
header.main nav a:hover{
	color:#000;
	}
header.main nav li .categorie{
	display:inline-block;
	letter-spacing:1px;
	font-size:12px;
	margin:0 40px 0 0;
	height:29px;
	background:url('../../include/images/f_header-categorie.png') center -1000px no-repeat;
	}
header.main nav li:last-child .categorie{
	margin:0;
	}
header.main nav li .e-boutique {
	background: url('../../include/images/i_basket.gif') 0 2px no-repeat;
	padding-left: 16px;
	}
header.main nav li .on{
	color:#000;
	background-position:center bottom;
	}
header.main nav .sub-nav{
	display:none;
	left:50%;
	margin:0 0 0 -600px;
	padding:28px 120px 20px;
	position:absolute;
	top:28px;
	width:960px;
	}
header.main nav .sub-nav::after{
	clear:both;
	content:"";
	display:block;
	}
header.main nav .sub-nav li{
	white-space:nowrap;
	margin:4px 15px 4px 0;
	padding:0 15px 0 0;
	border-right:1px solid #b7cdd4;
	}
header.main nav .sub-nav li:last-child{
	border:none;
	margin:4px 0;
	padding:0;
	}
header.main nav .sub-nav li a{
	font-size:11px;
	}
/* sub-nav category */
header.main nav .sub-nav.category{
	height:auto;
	margin:0 0 0 -600px;
	padding-top:10px;
	}
header.main nav .sub-nav.category .item{
	float:left;
	margin:20px 0 0 20px;
	padding:0 0 0 20px;
	border-left:1px solid #b7cdd4;
	}
header.main nav .sub-nav.category .item:first-child{
	margin-left:0;
	padding:0;
	border:none;
	}
header.main nav .sub-nav.category li{
	margin:0 0 5px 0;
	padding:0;
	float:none;
	border:none;
	}
header.main nav .sub-nav.category .float{
	width:300px;
	}
header.main nav .sub-nav.category .float li{
	float:left;
	width:140px;
	padding-right:10px;
	}
header.main nav .sub-nav.category h4{
	margin:0 0 10px 0;
	}
header.main nav .sub-nav.category h4 a{
	font-size:11px;
	font-family:'FuturaBT-Medium',arial;
	}
/***** Surcharge Header Pro *****/
.var_pro header.main nav .sub-nav .obj_carrousel ul{
	width:800px;
	}
	
.var_pro .sub-nav ul.nav_ressources{
	padding-left:385px;
	}

.var_pro .sub-nav ul.nav_aboutUs{
	padding-left:75px;
	}
/* ----------------------------------------
 * $ = MENTIONS COOKIES
 * ---------------------------------------- */
.ctn_cookies {
	position:fixed;
	top:0;
	z-index:9996;
	width:100%;
	background:#ffe466;
	box-shadow:inset 0px -3px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0px -3px 5px rgba(0,0,0,0.2);
	   -moz-box-shadow:inset 0px -3px 5px rgba(0,0,0,0.2);
		 -o-box-shadow:inset 0px -3px 5px rgba(0,0,0,0.2);
	}

.ctn_cookies .ctn_alert{
	padding:12px 25px 5px;
	font-family: trebuchet ms; text-align: center;
	}
.ctn_cookies .ctn_alert:after{
	content:"";
	display:block;
	clear:both;
	}

.ctn_cookies p{
	color:#000;
	margin:0 0 5px 0;
	font-size:11px;
	}
.ctn_cookies .ctn_alert span.ctn_new {
	color: white; font-weight: bold;
	background: #eea700;
	padding: 1px 5px; margin-right: 10px;
	}
.ctn_cookies .ctn_alert span {
	font-size: 16px;
	}
.ctn_cookies .ctn_alert span a {
	font-size: 16px; color: black; font-weight: bold; text-decoration: underline;
	}
.ctn_cookies .ctn_close{
	float:right;
	padding:0;
	}
.ctn_cookies .ctn_close a{
	display:block;
	width:22px;
	height:22px;
	text-indent:-10000px;
	background:url('../../include/images/b_close-cookies.gif') left top no-repeat;
	}
/* ========================================
 * $ = FOOTER MAIN
 * ======================================== */
footer.main{
	clear: both;
	}
footer.main h4{
	font-family: 'FuturaBT-Medium',Arial;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 13px 0;
	}
/* footer top */
.obj_about-skinceuticals{
	position:relative;
	background:url('../../include/images/pix_light-gray.gif') left top repeat-x;
	}
.obj_about-skinceuticals .ctn_bt{
	position:absolute;
	top:-28px;
	height:28px;
	overflow:hidden;
	}
.ctn_about-skinceuticals{
	height:0;
	overflow:hidden;
	}
.ctn_about-skinceuticals > div{
	padding:20px 0 10px 0;
	}
.ctn_about-skinceuticals p{
	font-size:18px;
	font-family:'FuturaBT-Book',Arial;
	margin:0 0 20px 0;
	}
.ctn_about-skinceuticals h2{
	float:left;
	text-indent:-5000px;
	width:285px;
	height:30px;
	margin:10px 0;
	background:url('../../include/images/v_logo-skinCeuticals-header-EU.png') left top no-repeat;
	}
.ctn_about-skinceuticals .str_right{
	width:630px;
	}
.ctn_about-skinceuticals .str_right p{
	font-family:Arial;
	font-size:12px;
	color:#808080;
	margin:0 0 10px 0;
	}
/* ----------------
 * footer middle 
 * ------------- */
footer.main > .str_middle{
	float:none;
	border-top:1px solid #dfdfdf;
	background:#fff;
	}
footer.main > .str_middle .main-center{
	display: flex;
	flex-flow: row nowrap;
	}	
footer.main > .str_middle{
	color:#333;
	}
footer.main .col a.b_gradient {
	height: 28px !important;
	line-height: 26px !important;
	box-sizing: border-box;
	text-transform: uppercase;
	font-family: 'FuturaBT-Medium',"arial";
	}
footer.main .obj_signup a.b_gradient {
	margin-left: 5px;
	}
footer.main .col{
	padding: 35px 0;
	}
footer.main .col.obj_signup{
	width: 38%;
	padding-right: 40px;
	border-right: 2px dotted #e7e7e6;
	text-align: left;
	}
footer.main .obj_signup .ctn_input{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	margin: 0 0 10px;
	}
footer.main .obj_signup .ctn_input:nth-of-type(2){
	margin: 0;
	}	
footer.main .obj_signup input[type=text],
footer.main .obj_signup input[type=email]{
	width: 250px;
	margin:0;
	}
footer.main .obj_signup p{
	font-family: 'FuturaBT-Light',Arial;
	font-size: 14px;
	padding: 0 0 12px;
	}
footer.main .obj_signup p.error{
	text-align:left;
	margin:5px 0 0 0;
	}
/* skincare */
footer.main .obj_locator{
	width: 38%;
	padding-left: 40px;
	padding-right: 40px;
	border-right: 2px dotted #e7e7e6;
	text-align: left; 
	}
footer.main .obj_locator a.b_gradient.locate{
	padding: 5px 10px;
	}
footer.main .find-skincare .jQueryScroll{
	width:100%;
	}
.find-skincare .store_locator{
	display:none;
	position:absolute;
	z-index:1;
	}
.find-skincare .obj_autocomplete .obj_content{
	box-sizing:border-box;
	width:100%;
	}
.geolocation .store_locator{
	display:block;
	}
.geolocation .store_locator + p{
	padding-left:40px;
	}

.find-skincare.geolocation{
    height: 151px;
}
.find-skincare.geolocation p input[type=text]{
	width:190px;
	}
	
footer.main .obj_form.geolocation p{
    padding-left:40px;
	text-align: left;
	font-family: "FuturaBT-Bold",Arial;
	}
footer.main .obj_form.geolocation p.store_locator,
footer.main .obj_form.geolocation p.ctn_btn{
    padding-left:0;
	}
footer.main .obj_form a.b_gradient{
    width:100%;
	box-sizing:border-box;
	}
footer.main .obj_form p.t_titre {
	margin-bottom: 7px;
	font-size: 12px; 
	}
footer.main .obj_storelocator_simple .ctn_storelocator input[type=text]{
	margin: 0;
	}
.obj_storelocator_simple .ctn_storelocator{
	margin-bottom: 10px;
	position: relative;
	z-index: 0;
	}
.obj_storelocator_simple .ctn_storelocator input{
	width: 100% !important;
	box-sizing: border-box;
	}
.geolocation .obj_storelocator_simple .ctn_storelocator{
	padding-left: 42px;
	}
.obj_find-skincare .obj_storelocator_simple{
	width: 250px;
	}
.obj_find-skincare .obj_storelocator_simple .b_gradient,
.obj_find-skincare .obj_storelocator_simple .b_border-gradient{
	width: 100%;
	box-sizing: border-box;
	}
.obj_find-skincare .obj_storelocator_simple .b_border-gradient span{
	width: 100%;
	box-sizing: border-box;
	}
	
/* Obj Retailer */
footer.main > .str_middle .obj_retailer{
	float: left;
	max-width: 170px;
	padding: 20px 0 0 0;
	}
footer.main > .str_middle .obj_retailer a img{
	max-width: 100%;
	}
/* sharer */
footer.main > .str_middle .obj_connect-with-us{
	width: 24%;
	padding-left: 40px;
	}
footer.main > .str_middle .obj_connect-with-us p{
	float: left;
	width: 245px;
	}
footer.main > .str_middle .obj_connect-with-us .obj_social-media{
	/*float:left;*/
	margin: 12px 0 0 0;
	}
/* ----------------
 * footer bottom 
 * ------------- */
footer.main .str_bottom{
	padding:35px 0;
	background:#333;
	}
footer.main .str_bottom h4{
	color:#cccccc;
	padding:0 0 10px 0;
	border-bottom:1px solid #2b2b2b;
	}
footer.main .str_bottom h4 a{
	color:#ccc;
	}
footer.main .str_bottom a{
	color:#999999;
	}
footer.main .str_bottom a:hover{
	color:#fff;
	}
footer.main .str_bottom p{
	color:#999999;
	float:left;
	}
/* ------
 * nav 
 * --- */
footer.main .str_bottom nav{
	width:960px;
	margin:0 auto 20px auto;
	padding:0 0 20px 0;
	}
footer.main .str_bottom nav .str_left{
	width:360px;
	}
.var_pro footer.main .str_bottom nav .str_left{
	width:157px;
	}
	
footer.main .str_bottom nav .col{
	float:left;
	width:82px;
	padding:0 10px 0 0;
	}
footer.main .str_bottom nav .str_left .col.last{
	float:right;
	padding:0;
	}
footer.main .str_bottom nav h5,
footer.main .str_bottom nav h5 a{
	font-size:11px;
	color:#ccc;
	margin:0 0 8px 0;
	}
footer.main .str_bottom nav ul{
	margin:0 0 25px 0;
	}
footer.main .str_bottom nav li{
	margin:0 0 8px 0;
	}
footer.main .str_bottom nav .str_middle{
	width:160px;
	margin:0 0 0 40px;
	}
footer.main .str_bottom nav .str_right{
	width:160px;
	}
/* further */
footer.main .str_bottom .ctn_further{
	padding:20px 0 0 0;
	background:url('../../include/images/border_footer-further.gif') center top no-repeat;
	}
footer.main .str_bottom .ctn_further ul{
	float:left;
	}
footer.main .str_bottom .ctn_further li{
	float:left;
	}
footer.main .str_bottom .obj_country{
	width:960px;
	margin:0 auto 20px auto;
	font-size:11px;
	}
footer.main .str_bottom .obj_country p{
	font-size:11px;
	}
footer.main .str_bottom .obj_country li{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	background:url('../../include/images/f_footer-ctn_country-li.gif') left center no-repeat;
	}
footer.main .str_bottom .obj_country li:first-child{
	padding:0;
	margin:0 0 0 5px;
	background:none;
	}
footer.main .str_bottom .ctn_links{
	width:960px;
	margin:0 auto;
	clear:both;
	}
footer.main .str_bottom .ctn_links li{
	font-size:10px;
	margin:0 7px 0 0;
	padding:0 7px 0 0;
	background:url('../../include/images/f_footer-ctn_country-li.gif') right center no-repeat;
	}
footer.main .str_bottom .ctn_links p{
	font-size:10px;
	}
	

/** Cookies policy OneTrust **/
footer.main .optanon-show-settings-popup-wrapper {
	display:block;
	width:100%;
	height:11px !important;
}
footer.main .optanon-show-settings-popup-wrapper * {
	font: 10px/14px arial, sans-serif !important;
	color: #999999 !important;
	font-weight: 200 !important;
}
footer.main .optanon-show-settings-popup-wrapper *:hover {
	color: #fff !important;
}
footer.main .optanon-show-settings-popup-wrapper .optanon-show-settings-left,
footer.main .optanon-show-settings-popup-wrapper .optanon-show-settings-middle {
	padding:0;
	background-color: #333 !important;
	border: 0;
}
footer.main .optanon-show-settings-popup-wrapper .optanon-show-settings-left,
footer.main .optanon-show-settings-popup-wrapper .optanon-show-settings-right {
	display: none;
}
footer.main .optanon-show-settings-popup-wrapper .optanon-show-settings-middle {
	padding: 0;
	height:auto !important;
}
footer.main #optanon-show-settings-popup {
	opacity: 0 !important;
}

/* ========================================
 * $ = OBJECTS
 * ======================================== */
/* -------------------------------------
 *   obj_certificat // print
 * ------------------------------------- */
.obj_certificat{
	position:relative;
	width:19cm;
	top:7.67cm;
	margin-left:1cm;
	}
.obj_certificat img{
	position:relative;
	z-index:1;
	width:100%;
	}
.obj_certificat p{
	position:absolute;
	z-index:2;
	top:2.9cm;
	left:1.4cm;
	font-size:14px;
	}
.obj_certificat .p1{
	font-weight:bold;
	color:#008bb0;
	}
.obj_certificat .p2{
	top:6.45cm;
	left:3.8cm;
	}
.obj_certificat .p3{
	top:7.45cm;
	left:3.8cm;
	}
.obj_certificat .p4{
	top:8.45cm;
	left:2.8cm;
	}
/* -------------------------------------
 *   obj_skinc-center
 * ------------------------------------- */
.obj_skinc-center{
	text-align:center;
	font:20px 'FuturaBT-Medium',arial;
	}
.obj_skinc-center > span{
	display:inline-block;
	text-transform:uppercase;
	font:1.2em 'FuturaBT-Light',arial;
	letter-spacing:0.19em;
	margin-top:47px;
	background:url('../../include/images/gray_pix.gif') left center repeat-x;
	}
.obj_skinc-center b{
	font-family:'FuturaBT-Medium',arial;
	letter-spacing:0.16em;
	}
.obj_skinc-center span span{
	display:inline-block;
	padding:0 15px;
	text-indent:2px;
	font:italic 0.833333em Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	letter-spacing:normal;
	text-transform:none;
	margin-bottom:9px;
	background:#fff;
	}
/* -------------------------------------
 *   obj_paging / navpages
 * ------------------------------------- */
.obj_paging li,
.obj_navpages li{
	display:inline;
	}
.obj_paging li,
.obj_paging a,
.obj_navpages li,
.obj_navpages a{
	padding:0 2px 0 0;
	display:inline-block;
	font:12px 'FuturaBT-Medium',arial;
	color:#333333;
	}
.obj_paging.on,
.obj_paging li.inactive,
.obj_paging a:hover,
.obj_navpages.on,
.obj_navpages li.inactive,
.obj_navpages a:hover{
	color:#77a3b6;
	}
.obj_paging .b_prev,
.obj_paging .b_next,
.obj_navpages .prev,
.obj_navpages .next{
	margin:0 5px 0 0;
	line-height:10px;
	width:6px;
	height:10px;
	text-indent:-10000px;
	background:url('../../include/images/b_fleche-left-6x10.png') center center no-repeat;
	}
.obj_paging .b_next,
.obj_navpages .next{
	margin:0 0 0 5px;
	background-image:url('../../include/images/b_fleche-right-6x10.png');
	}
/* -------------------------------------
 *   obj_social-media   
 * ------------------------------------- */
.obj_social-media{
	position:relative;
	z-index:1;
	display: flex;
	flex-flow: row nowrap;
	}
.obj_social-media li {
   width: 52px;
   height: 52px;
	min-width: 52px;
	min-height: 52px;
	}
.obj_social-media li {
   display: inline-block;
	}
.obj_social-media li{
	margin: 0 7px 7px 0;
	}
.obj_social-media a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	border: 1px solid #1981ad;
	background-color: #1981ad;
	border-radius: 50%;
	transition: all 110ms;
	box-sizing: border-box;
	}
.obj_social-media a > svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 18px;
	fill: currentColor;
	transition: color 110ms;
	}	
.obj_social-media a:hover,
.obj_social-media a.hover,
.obj_social-media a.active {
   background-color: #fff;
	border-color: #1981ad;
	color: #1981ad;
	}
.obj_social-media a > svg {
	height: auto;
	}
.obj_social-media .twitter a > svg {
	width: 20px;
	}
.obj_social-media .facebook a > svg {
	width: 14px;
	}
.obj_social-media .pinterest a > svg {
	width: 19px;
	}
.obj_social-media .youtube a > svg {
	width: 22px;
	}
.obj_social-media .instagram a > svg {
	width: 22px;
	}

/* Small */
.obj_social-media.small li {
   width: 30px;
   height: 30px;
	min-width: 30px;
	min-height: 30px;
	}
.obj_social-media.small .facebook a > svg {
   width: 9px;
	}
.obj_social-media.small .youtube a > svg {
   width: 16px;
	}
.obj_social-media.small .instagram a > svg {
   width: 16px;
	}
.obj_social-media.small .twitter a > svg {
   width: 15px;
	}	
.obj_social-media.small .pinterest a > svg {
   width: 14px;
	}







/*	
.obj_social-media .facebook a{
	background-position:left top;
	}
.obj_social-media .facebook a:hover{
	background-position:left bottom;
	}
.obj_social-media .twitter a{
	background-position:-24px top;
	}
.obj_social-media .twitter a:hover{
	background-position:-24px bottom;
	}
.obj_social-media .youtube a{
	background-position:-48px top;
	}
.obj_social-media .youtube a:hover{
	background-position:-48px bottom;
	}
.obj_social-media .plusone a{
	background-position:-72px top;
	}
.obj_social-media .plusone a:hover{
	background-position:-72px bottom;
	}
.obj_social-media .share a{
	background-position:-96px top;
	}
.obj_social-media .share a:hover{
	background-position:-96px bottom;
	}
.obj_social-media .print a{
	background-position:-120px top;
	}
.obj_social-media .print a:hover{
	background-position:-120px bottom;
	}
.obj_social-media .instagram a{
	background-position:-144px top;
	}
.obj_social-media .instagram a:hover{
	background-position:-144px bottom;
	}
.obj_social-media .pinterest a{
	background-position:-168px top;
	}
.obj_social-media .pinterest a:hover{
	background-position:-168px bottom;
	}
*/
/* -------------------------------------
 *   obj_share   
 * ------------------------------------- */
.obj_share{
	margin:0 0 20px 0;
	}
.obj_share li{
	float:left;
	margin:0 10px 0 0;
	}
/* -------------------------------------
 *   obj_carrousel   
 * ------------------------------------- */
.obj_carrousel{
	position:relative;
	}
.obj_carrousel .hidden{
	display:block;
	}
/* round nav */
.obj_carrousel .nav.round ul{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	}
.obj_carrousel .nav.round li{
	margin: 0 5px;
	}
.obj_carrousel .nav.round a{
	display: block;
	width: 12px;
	height: 12px;
	text-indent:-5000px;
	background: #E5E5E5;
	border-radius: 10px;
	}
.obj_carrousel .nav.round li.active a,	
.obj_carrousel .nav.round a.on,
.obj_carrousel .nav.round a:hover{
	background-color: #1981AD;
	}
.obj_carrousel .nav.round a.on{
	cursor:default;
	}
/* arrow nav */
.obj_carrousel .nav.arrow li a{
	position:absolute;
	text-indent:-5000px;
	display:block;
	width:30px;
	height:60px;
	background:url('../../include/images/b_fleche-carrousel.gif') left center no-repeat;
	}
.obj_carrousel .nav.arrow li a.b_next{
	background-position:right center;
	}
/* global */
.obj_carrousel .masque{
	overflow:hidden;
	position:relative;
	}
.obj_carrousel .items{
	position:absolute;
	}
/* std */
.obj_carrousel.std .items{
	width:10000px;
	}
.obj_carrousel.std .item{
	float:left;
	}
.obj_carrousel.std .nav button{
	background:none;
	border:none;
	cursor:pointer;
	height:30px;
	margin:-15px 0 0;
	padding:0;
	position:absolute;
	text-indent:-10000px;
	top:50%;
	width:30px;
	}
.obj_carrousel.std .nav button::before{
	border-color:#30312f;
	border-style:solid;
	border-width:2px;
	content:"";
	display:block;
	height:16px;
	left:50%;
	margin:-10px 0 0 -10px;
	position:absolute;
	top:50%;
	transform:rotate(45deg);
	transition:border-color .25s, opacity .25s;
	width:16px;
	}
.obj_carrousel.std .nav .prev{
	left:0;
	}
.obj_carrousel.std .nav .prev::before{
	border-width:0 0 2px 2px;
	margin-left:-4px;
	}
.obj_carrousel.std .nav .next{
	right:0;
	}
.obj_carrousel.std .nav .next::before{
	border-width:2px 2px 0 0;
	margin-left:-13px;
	}
.obj_carrousel.std .nav button:hover::before{
	border-color:#2e9ebe;
	}
.obj_carrousel.std .nav button.disabled{
	opacity:.3;
	}
.obj_carrousel.std.all-items-visible .nav button{
	opacity:0;
	}
/* -------------------------------------
 *   surcharge obj_carrousel wide
 * ------------------------------------- */
.no-js .obj_carrousel.wide{
	width:1024px;
	margin:0 auto;
	}
.obj_carrousel.wide{
	width:100%;
	margin:0;
	height:485px;
	}
/* nav */
.obj_carrousel.wide .nav{
	display: flex;
	flex-flow: row nowrap;
	position: absolute;
	left: 50%;
	bottom: 10px;
	}
.obj_carrousel.wide .nav.pro{bottom:20px;}
	
.obj_carrousel.wide .masque{
	height:100%;
	max-height: 400px;
	/*padding:0 32px;*/
	margin:0 auto;
	}
.obj_carrousel.wide .items{
	width:150000px;
	}
.no-js .obj_carrousel.wide .item{
	width:1024px;
	}
.obj_carrousel.wide .item{
	height:485px;
	float:left;
	}
/* article carrousel + obj_hero */
.obj_hero > div,
.obj_carrousel.wide .item > div{
	width:415px;
	padding:150px 545px 0 0;
	margin:0 auto;
	}
.obj_hero h1,
.obj_carrousel.wide .item h1{
	margin:0 0 20px 0;
	text-transform:uppercase;
	font-family:'FuturaBT-Light',arial;
	color:#77a3b6;
	font-size:20px;
	}
.obj_hero h1 b,
.obj_carrousel.wide h1 b,
.obj_hero h1 strong,
.obj_carrousel.wide h1 strong{
	font-weight:normal;
	font-size:60px;
	line-height:60px;
	}
.obj_hero h2,
.obj_carrousel.wide .item h2{
	font-size:14px;
	font-family:'FuturaBT-Book',arial;
	text-transform:uppercase;
	color:#000;
	border-bottom:1px solid #d4d5d5;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	}
.obj_hero .content p,
.obj_carrousel.wide .item .content p{
	font-size:13px;
	font-family:'FuturaBT-Book',arial;
	}
/* -------------------------------------
 *   obj_hero 
 * ------------------------------------- */
.obj_hero{
	height:485px;
	}
/* -------------------------------------
 *   obj_rating-customers 
 * ------------------------------------- */	
.obj_rating-customers{
	font-family:'FuturaBT-Medium';
	font-size:12px;
	color:#333;
	margin:0 0 10px 0;
	}
.obj_rating-customers span{
	display:inline-block;
	height:14px;
	width:82px;
	font-family:arial;
	text-indent:-5000px;
	margin:0 10px 0 0;
	background:url('../../include/images/v_stars-82x14.png') top left no-repeat;
	}
.obj_rating-customers.v2 span{
	background-image:url('../../include/images/v_stars-82x14-v2.png');
	}
.ie7 .obj_rating-customers span{
	display:block;
	float:left;	
	}
.obj_rating-customers span.r00{background-position:left 0px;}
.obj_rating-customers span.r05{background-position:left -14px;}
.obj_rating-customers span.r10{background-position:left -28px;}
.obj_rating-customers span.r15{background-position:left -42px;}
.obj_rating-customers span.r20{background-position:left -56px;}
.obj_rating-customers span.r25{background-position:left -70px;}
.obj_rating-customers span.r30{background-position:left -84px;}
.obj_rating-customers span.r35{background-position:left -98px;}
.obj_rating-customers span.r40{background-position:left -112px;}
.obj_rating-customers span.r45{background-position:left -126px;}
.obj_rating-customers span.r50{background-position:left -140px;}

.obj_rating-customers.xl{
	font-size:24px;
	}
.obj_rating-customers.xl span{
	height:21px;
	width:122px;
	background:url('../../include/images/v_stars-122x21.png') top left no-repeat;
	}
.obj_rating-customers.xl.v2 span{
	background-image:url('../../include/images/v_stars-122x21-v2.png');
	}
.obj_rating-customers.xl span.r00{background-position:left 0px;}
.obj_rating-customers.xl span.r05{background-position:left -21px;}
.obj_rating-customers.xl span.r10{background-position:left -42px;}
.obj_rating-customers.xl span.r15{background-position:left -63px;}
.obj_rating-customers.xl span.r20{background-position:left -84px;}
.obj_rating-customers.xl span.r25{background-position:left -105px;}
.obj_rating-customers.xl span.r30{background-position:left -126px;}
.obj_rating-customers.xl span.r35{background-position:left -147px;}
.obj_rating-customers.xl span.r40{background-position:left -168px;}
.obj_rating-customers.xl span.r45{background-position:left -189px;}
.obj_rating-customers.xl span.r50{background-position:left -210px;}
/* -------------------------------------
 *   obj_evaluation  
 * ------------------------------------- */
.obj_evaluation p{
	float:left;
	margin:0 5px 0 0;
	}
.obj_evaluation label{
	display:block;
	float:left;
	position:relative;
	width:14px;
	height:14px;
	text-indent:-10000px;
	padding:0 2px 0 0;
	background:url('../../include/images/v_stars-82x14.png') left top no-repeat; 
	}
.obj_evaluation label:hover,
.obj_evaluation label.over,
.obj_evaluation label.on{
	cursor:pointer;
	background-position:left -28px; 
	}
.obj_evaluation label input{
	position:absolute;
	left:-100000px;
	}
/* xl */
.obj_evaluation.xl p{
	line-height:24px;
	}
.obj_evaluation.xl label{
	width:20px;
	height:20px;
	background:url('../../include/images/v_stars-122x21.png') left top no-repeat; 
	}
.obj_evaluation.xl label:hover,
.obj_evaluation.xl label.over,
.obj_evaluation.xl label.on{
	cursor:pointer;
	background-position:left -42px; 
	}
/* -------------------------------------
 *   obj_product  
 * ------------------------------------- */
.obj_product{
	width:160px;
	margin:0 40px 50px 0;
	float:left;
	position:relative;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
.obj_product.last{
	margin:0 0 50px 0;
	}
/* header */
.obj_product h2,
.obj_product header p{
	font-family:'FuturaBT-Book', Arial;
	font-size:14px;
	text-transform:uppercase;
	color:#333;
	}
.obj_product h2{
	line-height:16px;
	margin:0 0 5px 0;
	}
.obj_product header a{
	position:relative;
	display:block;
	padding-top:33px;
	}
.obj_product header .pPhilosophy{
	position:absolute;
	top:0;
	left:0;
	}
.obj_product header a:hover h2,
.obj_product header a:hover p{
	color:#2e9ebe;
	}
.obj_product header p.sub{
	font-family:arial;
	font-size:12px;
	color:#666;
	text-transform:none;
	margin:0 0 5px 0;
	}
/* content */
.obj_product .content{
	position:relative;
	z-index:1;
	margin:0 0 10px 0;
	}
.obj_product img{
	display:block;
	width:160px;
	height:240px;
	}
.obj_product .masque{
	display:block;
	position:absolute;
	z-index:2;
	top:-20px;
	left:-10px;
	width:180px;
	height:260px;
	background:#fff;
	opacity:0;
	transition:opacity .25s;
	}
.obj_product .info{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:160px;
	height:0;
	overflow:hidden;
	width:160px;
	height:0px;
	transition:height .25s
	}
.obj_product .info > a{
	display:block;
	}
.obj_product .info p:first-child{
	font-size:12px;
	color:#666666;
	}
.obj_product p{
	margin:0 0 15px 0;
	}
.obj_product p.link{
	color:#2e9ebe;
	}
.obj_product .b_border-gradient{
	display:block;
	}
.obj_product .b_border-gradient > span{
	text-align:center;
	display:block;
	}
/* responsive */	
.obj_product .b_monochrome{
	position:absolute;
	top:0;
	right:-28px;
	opacity:0;
	transition:opacity .25s;
	}
/* info-is-visible */
.obj_product.info-is-visible .masque{
	opacity:.8;
	}
.obj_product.info-is-visible .info{
	height:240px;
	}
.obj_product.info-is-visible .b_monochrome{
	opacity:1;
	}
/* stickers */
.obj_product .ctn_stickers{
	left:0;
	max-width:50%;
	position:absolute;
	top:0;
	z-index:2;
	}
.obj_product .ctn_stickers img{
	height: auto;
	max-height: 70px;
	width: auto;
	max-width: 100%;
	}
/* -------------------------------------
 *   obj_product-2  
 * ------------------------------------- */
.obj_product-2{
	position:relative;
	max-width:320px;
	margin:0 auto;
	}
.obj_product-2 .ctn_figure{
	position:absolute;
	left:-60px;
	top:0;
	z-index:1;
	}
.obj_product-2 .ctn_figure img{
	height:367px;
	}
.obj_product-2 .obj_logo{
	position:absolute;
	top:-35px;
	right:19px;
	}
/* content -- */
.obj_product-2 .content{
	position:relative;
	z-index:2;
	padding:77px 0 20px 134px;
	min-height:263px;
	}
.obj_product-2 .content header{
	margin-bottom:8px;
	}
/* stars -- */
div.main .obj_product-2 .obj_rating-customers{
	font:italic 11px 'FuturaBT-Medium',arial;
	color:#2e9ebe;
	margin-bottom:23px;
	}
.obj_product-2 .obj_rating-customers span{
	display:block;
	margin-bottom:2px;
	}
/* quote */
.obj_product-2 q{
	position:relative;
	display:block;
	margin-bottom:10px;
	}
.obj_product-2 q:before,
.obj_product-2 q:after{
	content:"";
	display:inline-block;
	width:12px;
	height:8px;
	background:url('../../include/images/i_quote.png');
	}
.obj_product-2 q:before{
	position:absolute;
	left:-16px;
	top:0;
	}
.obj_product-2 q:after{
	margin-left:4px;
	background-position:right top;
	}
/* lien */
.obj_product-2 .ctn_bt{
	position:absolute;
	bottom:0;
	}
.obj_product-2 .ctn_bt a{
	font-family:'FuturaBT-Bold',arial;
	color:#666666;
	text-transform:uppercase;
	}
/* -------------------------------------
 *   obj_logo
 * ------------------------------------- */
.obj_logo{
	width:104px;
	height:104px;
	text-indent:-10000px;
	}
.obj_logo.marie-claire{
	background-image:url('../../include/images/v_logo-prix-marie-claire.png');
	}
.obj_logo.allure{
	background-image:url('../../include/images/v_logo-prix-allure.png');
	}
.obj_logo.elle{
	background-image:url('../../include/images/v_logo-prix-elle.png');
	}
/* -------------------------------------
 *   obj_product thumb
 * ------------------------------------- */
.obj_product.thumb .ctn_b_remove{
	text-align:center;
	}
.obj_product.thumb img{
	width:80px;
	height:100px;
	margin:0 auto;
	}
/* -------------------------------------
 *   obj_skin-icons
 * ------------------------------------- */
.obj_skin-icons h4{
	font-family:'FuturaBt-Medium',arial;
	font-size:11px;
	color:#333;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}
.obj_skin-icons li{
	float:left;
	margin:0 0 0 7px;
	}
.obj_skin-icons li:first-child{
	margin:0;
	}
.obj_skin-icons li a{
	position:relative;
	z-index:1;
	display:block;
	width:34px;
	height:34px;
	background:url('../../include/images/i_skin.png') left top no-repeat;
	}
/* types */
.obj_skin-icons li .normal{background-position: left top;}
.obj_skin-icons li .oily{background-position: -34px top;}
.obj_skin-icons li .combination{background-position: -68px top;}
.obj_skin-icons li .dry{background-position: -102px top;}
.obj_skin-icons li .sensitive{background-position: -136px top;}
/* condition */
.obj_skin-icons li .aging{background-position: left -34px;}
.obj_skin-icons li .acne{background-position: -34px -34px;}
.obj_skin-icons li .dehydrated{background-position: -68px -34px;}
.obj_skin-icons li .hyper-pigmentation{background-position: -102px -34px;}
.obj_skin-icons li .rosacea{background-position: -136px -34px;}
.obj_skin-icons li .sensitized{background-position: -170px -34px;}

.obj_skin-icons li a span{
	display:none;
	position:absolute;
	z-index:2;
	top:39px;
	left:0;
	padding:5px 10px 0 10px;
	height:22px;
	line-height:22px;
	color:#fff;
	background:url('../../include/images/f_gray-bulle.gif') -363px top no-repeat;
	}
.obj_skin-icons li a:hover span{
	display:inline-block;
	}
.obj_skin-icons li a span.t_aging{
	display:block;
	position:absolute;
	top:18px; left:23px;
	padding:0;
	height:auto; width:12px;
	font-size:10px; line-height:18px;
	text-align:center;
	color:#39737c;
	background:none;
	z-index:3;
	}
.obj_skin-icons p{
	clear:both;
	padding:10px 0 0 0;
	margin:0;
	}
/* -------------------------------------
 *   obj_before-after
 * ------------------------------------- */
.obj_before-after{
	margin:0 0 30px 0;
	}
.obj_before-after > div{
	margin:0 0 10px 0;
	}
.obj_before-after figure img{
	width:242px;
	height:242px;
	}
.obj_before-after figcaption{
	position:absolute;
	z-index:100;
	width:100px;
	bottom:10px;
	left:10px;
	color:#fff;
	font-family:'FuturaBT-Light',arial;
	font-size:12px;
	}
.obj_before-after figure + figure figcaption{
	width:100px;
	right:10px;
	left:auto;
	text-align:right;
	}
.obj_before-after p{
	font-family:'FuturaBT-Medium',arial;
	color:#333;
	font-size:12px;
	margin:0;
	}
.obj_before-after li{
	color:#666;
	font-size:12px;
	}
.obj_before-after .ui-draggable img{
	height:63px;
	left:50%;
	width:8px;
	}
	
/* -------------------------------------
 *   obj_box-skin
 * ------------------------------------- */
.ctn_pictures-and-icons .obj_before-after{
	float:left;
	margin:0 25px 30px 0;
	}
.ctn_pictures-and-icons .obj_skin-icons{
	float:left;
	}
.ctn_pictures-and-icons .obj_skin-icons .types{
	margin:0 0 30px 0;
	}
.ctn_pictures-and-icons .obj_skin-icons p{
	display:none;
	}
/* -------------------------------------
 *   obj_box-skin
 * ------------------------------------- */
.ctn_box-skin li{
	float:left;
	}
.obj_box-skin{
	position:relative;
	border:1px solid #ededed;
	padding:5px;
	width:112px;
	height:202px;
	background:#fff;
	}
.obj_box-skin.thumb{
	padding:3px;
	width:76px;
	height:140px;
	}
.obj_box-skin img{
	width:100%;
	background:url('../../include/images/ajax-loader.gif') center center no-repeat;
	}
.obj_box-skin figcaption{
	position:absolute;
	bottom:25px;
	left:5px;
	right:5px;
	text-align:center;
	}
.obj_box-skin.thumb figcaption{
	bottom:15px;
	left:3px;
	right:3px;
	}
.obj_box-skin h5,
.obj_box-skin h6{
	font-family:'FuturaBT-Book',arial;
	font-size:12px;
	text-transform:uppercase;
	}
.obj_box-skin.thumb h5,
.obj_box-skin.thumb h6{
	font-size:9px;
	}
/* interaction */
.obj_box-skin.over{
	cursor:pointer;
	box-shadow:0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
	   -moz-box-shadow:0 0 4px rgba(0,0,0,0.2);
		 -o-box-shadow:0 0 4px rgba(0,0,0,0.2);
	}
.ie .obj_box-skin.over{
	border-color:#ccc;
	}
/* -------------------------------------
 *   obj_shadow-box
 * ------------------------------------- */
.obj_shadow-box{
	padding:30px 0 0 0;
	margin:0 0 50px 0;
	background:url('../../include/images/f_shadow-box-top-1027.png') center top no-repeat;
	}
.obj_shadow-box .sb-bottom{
	display:block;
	padding:0 0 62px 0;
	background:url('../../include/images/f_shadow-box-bottom-1027.gif') center bottom no-repeat;
	}
/* -------------------------------------
 *   obj_glass
 * ------------------------------------- */	
.obj_glass{
	position:absolute;
	display:block;
	width:293px;
	height:297px;
	background:url('../../include/images/v_glass.png') left top no-repeat;
	}
/* -------------------------------------
 *   obj_review 
 * ------------------------------------- */	
.obj_review > p{
	height:28px;
	overflow:hidden;
	text-align:right;
	}
.obj_review .str_left{
	width:16.666666%;/* 160 */
	margin:0 4.166666% 20px 0;/* 40 */
	}
.obj_review > header h4{
	margin:0 0 10px 0;
	font-size:12px;
	font-family:'FuturaBT-Light',arial;
	text-transform:uppercase;
	color:#2e9ebe;
	}
.obj_review header .obj_rating-customers{
	margin:0 0 15px 0;
	}
.obj_review .str_middle{
	margin:0 0 20px 0;
	}
.obj_review header .str_middle h3{
	font-family:'FuturaBT-Medium',arial;
	font-size:14px;
	color:#333;
	margin:0 0 15px 0;
	}
.obj_review header .str_middle p{
	font-family:'FuturaBT-Book',arial;
	font-size:18px;
	}
.obj_review .str_right{
	margin:0 28px 20px 0;
	}
.obj_review .ctn_review{
	clear:both;
	height:0;
	overflow:hidden;
	position:relative;
	border-top:1px solid #b4b4b4;
	}
.obj_review .ctn_review > p{
	height:28px;
	overflow:hidden;
	text-align:right;
	}
/* article */
article.review{
	padding:20px 0;
	border-bottom:1px solid #e8e6e5
	}
article.review header{
	float:left;
	width:16.666666%;/* 160px */
	border-right:1px solid #e8e6e5;
	padding:20px 0;
	margin:0 4.166666% 0 0;/* 0 40px 0 0 */ 
	}
article.review .str_middle{
	width:54.166666%;/* 520px */
	padding:20px 4.166666% 20px 0;/* 20px 40px 20px 0 */
	margin:0;
	border-right:1px solid #e8e6e5;
	}
article.review footer{
	float:right;
	padding:20px 0;
	width:16.666666%;/* 160px */
	}
article.review h4{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	margin:18px 0 0 0;
	}
article.review header ul{
	font-size:12px;
	color:#666;
	}
article.review .str_middle p:first-child{
	margin:0;
	}
article.review .str_middle h5{
	font-size:14px;
	color:#333;
	font-family:'FuturaBt-Medium', arial;
	margin:0 0 5px 0;
	}
article.review .str_middle p.obj_rating-customers{
	margin:0 0 15px 0;
	}
article.review .str_middle p b{
	color:#000;
	}
article.review .str_middle ul{
	margin:20px 0 0 0;
	padding:8px 15px;
	background:#efefef;
	}
article.review .str_middle li:first-child{
	margin:0;
	padding:0;
	border:none;
	color:#2e9ebe;
	}
article.review .str_middle li{
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #919191;
	font-family:arial;
	font-size:11px;
	line-height:normal;
	}
article.review .str_middle li a{
	font-family:arial;
	font-size:11px;
	line-height:normal;
	}
article.review footer h6{
	font-family:'FuturaBT-Medium', arial;
	font-size:12px;
	color:#333;
	margin:0 0 10px 0;
	}
article.review footer h6:first-child{
	margin:17px 0 10px 0;
	}
article.review footer ul.toggle{
	margin:0 0 25px 0;
	}
article.review footer .toggle li{
	float:left;
	margin:0 10px 0 0;
	}
article.review footer p{
	margin:0 0 20px 0;
	}
article.review .obj_social-media .info-bulle{
	bottom:0;
	left:-33px;
	right:auto;
	}
/* -------------------------------------
 *   obj_coverflip 
 * ------------------------------------- */	
.obj_coverflip .ui-jcoverflip {
	position: relative;
	z-index:1;
	height:405px;
	}
.obj_coverflip .ui-jcoverflip--item {
	position: absolute;
	display: block;
	}
.obj_coverflip ul{
	height: 405px;
	}
.obj_coverflip ul .ui-jcoverflip--title {
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align: center;
	color: #555;
	}
.obj_coverflip ul li{
	background:#000;
	}
.obj_coverflip ul img {
	display: block;
	border: 0;
	outline: none;
	}
.obj_coverflip ul a {
	outline: none;
	}
/* media-over */
.obj_coverflip .over{
	display:none;
	position:absolute;
	bottom:70px;
	left:0;
	width:230px;
	padding:20px;
	background:url('../../include/images/pix_alpha90.png');
	}
/* media-popin */
.obj_coverflip .popin-container{
	display:none;
	position:absolute;
	z-index:10;
	left:50%;
	bottom:25px;
	width:704px;
	margin:0 0 0 -352px;
	}
.obj_coverflip .popin{
	display:none;
	background:#fff;
	position:relative;
	padding:60px 60px 60px;
	-webkit-box-shadow:0 0 40px rgba(0,0,0,1);
	   -moz-box-shadow:0 0 40px rgba(0,0,0,1);
	     -o-box-shadow:0 0 40px rgba(0,0,0,1);
			box-shadow:0 0 40px rgba(0,0,0,1);
	}
.obj_coverflip .popin .b_monochrome.close{
	position:absolute;
	right:0;
	top:0;
	}
.obj_coverflip .popin figure{
	float:left;
	width:37.671232%;/* 220px */
	overflow:hidden;
	border:1px solid #e6e6e6;
	}
.obj_coverflip .popin figure img{
	display:block;
	width:100%;
	}
.obj_coverflip .popin .content{	
	float:right;
	width:56.164383%;/* 328px */
	font-family:'FuturaBT-Book',Arial;
	}
.obj_coverflip .popin .content h3{
	font-size:21px;
	color:#333;
	}
.obj_coverflip .popin time{
	font-size:12px;
	text-transform:uppercase;
	color:#77a3b6;
	}
.obj_coverflip .popin .content p{
	margin:0 0 15px 0;
	font-size:16px;
	}
/* scrollbar */
.obj_coverflip .ctn_scrollbar{
	position:relative;
	z-index:2;
	top:-72px;
	margin:0 auto -82px;
	max-width:702px;
	padding:35px 0;
	}	
.obj_coverflip .scrollbar{
	height:9px;
	padding:1px 0 0 0;
	border:1px solid #666;
	border-radius:2px;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	     -o-border-radius:2px;
	}
.obj_coverflip .scrollbar > div{
	position:relative;
	}
.obj_coverflip .scrollbar .ui-slider-handle{
	background:#ccc;
	position: absolute; 
	z-index: 2;
	height:8px; 
	}
.obj_coverflip .scrollbar .ui-slider-handle:hover{
	background:#fff;
	}
/* -------------------------------------
 *   obj_find-skincare
 * ------------------------------------- */
.obj_find-skincare{
	padding:150px 0 0 0;
	height:546px;
	background:url('../../include/images/f_find-skincare-3.jpg') center top no-repeat #e2eced;
	}
/* :after affiché en responsive seulement */
.obj_find-skincare:before{
	content:"";
	display:none;
	height:300px;
	width:100%;
	padding:0 25px;
	margin:0 0 0 -25px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 150px,rgba(255,255,255,1) 275px),
				url('../../include/images/f_find-skincare-3.jpg') 15% top/auto 500px no-repeat #e2eced;
	}
.obj_find-skincare > *{
	padding:0 60px 0 400px;/* 0 60px 0 400px */
	width:500px;
	margin-left:auto;
	margin-right:auto;
	}
.obj_find-skincare .content p.focus{
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	border-bottom:1px solid #f0efef;
	}
.obj_find-skincare .content .obj_form h4{
	display:none;
	}
.obj_find-skincare .content .obj_form p{
	margin:0 0 15px 0;
	z-index:3;
	}
.obj_find-skincare .obj_autocomplete .obj_content{
	top:0;
	}
.obj_find-skincare .obj_autocomplete .jQueryScroll{
	width:100%;
	}
/* -------------------------------------
 *   obj_faq
 * ------------------------------------- */
.obj_faq{
	width:760px;
	margin:0 auto;
	padding:197px 200px 0 0;
	}
.obj_faq > header h2{
	color:#77a3b6;
	font-family:'FuturaBT-Book',arial;
	font-size:16px;
	text-transform:uppercase;
	}
.obj_faq article{
	padding:12px 0;
	border-bottom:1px solid #e8e6e6;
	}
section.obj_faq article header{
	border:none;
	margin:0;
	padding:0;
	}
.obj_faq article header h3{
	color:#333333;
	font-size:14px;
	background:url('../../include/images/b_faq-open.gif') -10000px -10000px no-repeat;/* prechargement du background */
	}
.obj_faq article header h3 a{
	padding:0 25px 0 0;
	background:url('../../include/images/b_faq-close.gif') right center no-repeat;
	}
.obj_faq article header h3 a.open{
	background-image:url('../../include/images/b_faq-open.gif');
	}
.obj_faq article .content{
	overflow:hidden;
	height:0;
	}
.obj_faq article .content p{
	margin:20px 0 10px 0;
	}
.obj_faq article .content ul{
	margin:20px 0 10px 0;
	}
/* -------------------------------------
 *   obj_autocomplete
 * ------------------------------------- */
.obj_autocomplete{
	position:relative;
	display:none;
	}
.obj_autocomplete .obj_content{
	width:263px;
	/*top:-12px;*/
	position:absolute;
	padding:10px 10px;
	background:#f1f1f1;
	border-top:1px solid #e8e6e6;
	}
.obj_autocomplete .jQueryScroll{
	padding:0 10px 0 0;
	height:100px;
	}
.obj_autocomplete li{
	margin:0 0 5px 0;
	}
.obj_autocomplete a{
	color:#666;
	}
.obj_autocomplete a:hover{
	color:#2e9ebe;
	}
/* -------------------------------------
 *   nav-hexa
 * ------------------------------------- */
.obj_nav-hexa{
	position:fixed;
	z-index:20;
	top:300px;
	left: calc(50% + 32px);
	margin:0 0 0 458px;
	-webkit-transition:right .25s;
	   -moz-transition:right .25s;
		-ms-transition:right .25s;
		 -o-transition:right .25s;
			transition:right .25s;
 	}
.pg_home.var_pro .obj_nav-hexa{margin:0 0 0 520px;}
.pg_productDetails.var_pro .obj_nav-hexa{margin:0 0 0 490px;}
	
.obj_nav-hexa > span{
	display:none;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:22px;
	height:19px;
	background:url('../../include/images/b_nav-hexa.png') left bottom no-repeat; 
	}
.obj_nav-hexa li{
	margin:0 0 5px 0;
	}
.obj_nav-hexa a{
	position:relative;
	z-index:2;
	display:block;
	width:22px;
	height:19px;
	background:url('../../include/images/b_nav-hexa.png') left top no-repeat; 
	}
.obj_nav-hexa a.on{
	background-position:left -19px;
	}
.obj_nav-hexa a span{
	display:none;
	position:absolute;
	white-space:nowrap;
	z-index:2;
	top:50%;
	right:25px;
	margin:-12px 0 0 0;
	padding:0 15px 0 10px;
	height:22px;
	line-height:22px;
	color:#fff;
	background:url('../../include/images/f_gray-bulle.gif') right center no-repeat;
	}
.obj_nav-hexa a:hover span{
	display:block;
	}
/* responsive */
button.b_toggle-nav{
	position:absolute;
	display:none;
	width:40px;
	height:48px;
	top:50%;
	left:-40px;
	margin-top:-24px;
	border:none;
	padding:0;
	background:url('../../include/images/b_toggle-hexa-nav.png') left top/100% auto no-repeat;
	}
.open button.b_toggle-nav{
	background-position:left bottom
	}
/* -------------------------------------
 *   obj_proof 
 * ------------------------------------- */		
.obj_proof{
	position:relative;
	margin:0 0 15px 0;
	padding:0 0 0 145px;
	}
.obj_proof h4{
	position:absolute;
	top:2px;
	left:0;
	margin:0;
	font-size:11px;
	text-transform:uppercase;
	width:140px;
	}
.obj_proof h4 b{
	display:block;
	font-weight:normal;
	font-family:'FuturaBT-Light',arial;
	font-size:43px;
	line-height:43px;
	color:#77a3b6;
	}
.obj_proof p b{
	font-family:'FuturaBT-Medium',arial;
	font-weight:normal;
	font-size:14px;
	color:#333;
	display:block;
	margin:0 0 2px 0;
	}
/* -------------------------------------
 *   obj_regimen 
 * ------------------------------------- */	
.obj_regimen div{
	position:relative;
	}
.obj_regimen div + div{
	margin:15px 0 0 0;
	padding:25px 0 0 0;
	border-top:1px solid #e8e6e6;
	}
.obj_regimen h4{
	position:absolute;
	top:5px;
	left:0;
	width:52px;
	height:51px;
	margin:0;
	text-indent:-5000px;
	background:url('../../include/images/i_regimen.gif') left top no-repeat;
	}
.obj_regimen div + div h4{
	top:30px;
	}
.obj_regimen .night h4{
	background-position:left bottom;
	}
/* vesrion UL */
.obj_regimen ul{
	padding-left:70px
	}
.obj_regimen ul li{
	margin:0 0 10px 0;
	padding:0 10px;
	font-family:'FuturaBT-Book',arial;
	font-size:12px;
	text-transform:uppercase;
	color:#000;
	}
.obj_regimen ul li.on{
	font-family:'FuturaBT-Medium',arial;
	padding:5px 10px;
	background:#e8f0f2;
	}
/* vesrion P */
.obj_regimen p{
	padding-left:70px;
	line-height:26px;
	font-family:'FuturaBT-Book',arial;
	font-size:12px;
	text-transform:uppercase;
	color:#000;
	}
.obj_regimen p b, .obj_regimen p strong{
	position:relative;
	left:-10px;
	font-family:'FuturaBT-Medium',arial;
	font-weight:normal;
	padding:5px 10px;
	background:#e8f0f2;
	}	
/* -------------------------------------
 *   obj_download-box 
 * ------------------------------------- */
.obj_download-box h4{
	margin:0 0 10px 0;
	}
.obj_download-box li{
	margin:0 0 10px 0;
	}
.obj_download-box li .obj_checkbox{
	margin:0 0 2px 0;
	}
.obj_download-box p{
	margin:0;
	padding:0 0 0 15px;
	}
.obj_download-box li p a{
	color:#2e9ebe;
	}
.obj_download-box li p a:hover{
	color:#77a3b6;
	}
/* -------------------------------------
 *   obj_download-picture 
 * ------------------------------------- */
.obj_download-picture{
	clear:both;
	margin:0 0 25px 0;
	}
.obj_download-picture img{
	float:left;
	margin:0 13px 0 0;
	padding:0 7px 8px 0;
	background:url('../../include/images/f_pdf.png') right bottom no-repeat;
	}
.obj_download-picture > div{
	float:left;
	width:195px;
	}
.obj_download-picture h6{
	font-size:12px;
	font-weight:bold;
	color:#666;
	text-transform:uppercase;
	}
.obj_download-picture > div p{
	padding:0;
	margin:0 0 5px 0;
	}
.obj_download-picture li{
	float:left;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
	border-right:1px solid #666;
	}
.obj_download-picture li.last-child{
	margin:0;
	padding:0;
	border:none;
	}
.obj_download-picture a{
	color:#2e9ebe;
	}
/* -------------------------------------
 *   obj_loyalty 
 * ------------------------------------- */
.obj_loyalty span{
	display:inline-block;
	margin:0 2px 0 0;
	height:26px;
	width:26px;
	line-height:26px;
	text-align:center;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	background:url('../../include/images/i_loyalty-program.png') left top no-repeat; 
	}
.obj_loyalty span.gold{background-position:left top;}
.obj_loyalty span.silver{background-position:left -26px;}
.obj_loyalty span.bronze{background-position:left -52px;}
/* -------------------------------------
 *   obj_int-skincare
 * ------------------------------------- */	
.obj_int-skincare{
	margin:0 0 80px 0;
	}
.obj_int-skincare .icone{
	display:block;
	padding:15px 20px 0 20px;
	width:78px;
	height:103px;
	font-size:8px;
	font-family:'FuturaBT-Medium',arial;
	text-align:center;
	text-transform:uppercase;
	color:#0090b9;
	background:url('../../include/images/v_integrated-skincare.png') left top no-repeat;
	}
.obj_int-skincare .bck-clinical{
	background-position:-155px top;
	}
.obj_int-skincare .bck-pro{
	background-position:-155px -155px;
	}
.obj_int-skincare .bck-homecare{
	background-position:-155px -310px;
	}
/* equation */
.obj_int-skincare.equation > *{
	font:34px 'FuturaBT-Light',arial !important;
	color:#333;
	height:155px;
	margin:0;
	line-height:155px;
	}
	
.obj_int-skincare.equation .icone{
	display:inline-block;
	position:relative;
	margin:0 15px;
	padding:15px 22px 0;
	width:111px;
	height:140px;
	line-height:1.2em;
	vertical-align:middle;
	font-size:10px;
	font-family:'FuturaBT-Bold',arial;
	}
.obj_int-skincare.equation .icone:first-child{
	margin-left:0;
	}
.obj_int-skincare.equation .bck-clinical{
	background-position:left top;
	}
.obj_int-skincare.equation .bck-pro{
	background-position:left -155px;
	}
.obj_int-skincare.equation .bck-homecare{
	background-position:left -310px;
	}
.obj_int-skincare.equation > * .result{
	display:inline-block;
	position:relative;
	top:5px;
	font-size:26px;
	line-height:18px;
	margin:0 0 0 20px;
	text-transform:uppercase;
	}
.obj_int-skincare.equation > * .result b{
	color:#77a4b4;
	line-height:18px;
	font-size:14px;
	font-weight:normal;
	font-family:'FuturaBT-Medium',arial;
	}
/* circle */
.obj_int-skincare.circle{
	position:relative;
	height:430px;
	margin:0 0 50px 0;
	background:url('../../include/images/f_circle-skincare.png') 288px 78px no-repeat;
	}
.obj_int-skincare.circle dt{
	position:absolute;
	}
.obj_int-skincare.circle dd{
	position:absolute;
	font-family:'FuturaBT-Medium',arial;
	color:#333;
	font-size:14px;
	width:170px;
	}
.obj_int-skincare.circle dt.pos1{
	left:396px;
	top:6px;
	}
.obj_int-skincare.circle dt.pos1 + dd{
	left:536px;
	}
.obj_int-skincare.circle dt.pos2{
	left:547px;
	top:122px;
	}
.obj_int-skincare.circle dt.pos2 + dd{
	left:693px;
	top:158px;
	}
.obj_int-skincare.circle dt.pos3{
	left:490px;
	top:294px;
	}
.obj_int-skincare.circle dt.pos3 + dd{
	left:633px;
	top:353px;
	}
.obj_int-skincare.circle dt.pos4{
	left:303px;
	top:294px;
	}
.obj_int-skincare.circle dt.pos4 + dd{
	left:88px;
	top:345px;
	width:200px;
	text-align:right;
	}
.obj_int-skincare.circle dt.pos5{
	left:246px;
	top:122px;
	}
.obj_int-skincare.circle dt.pos5 + dd{
	left:52px;
	top:158px;
	width:185px;
	text-align:right;
	}
/* box */
.obj_int-skincare.ctn_box{
	width:960px;
	padding:0 19px;
	margin:0;
	position:relative;
	z-index:1;
	left:-19px;
	background:url('../../include/images/f_int-skincare-box.png') center 140px no-repeat;
	}
.obj_int-skincare.ctn_box .box{
	float:left;
	width:160px;
	margin:0 0 0 40px;
	padding:0 0 20px 0;
	}
.obj_int-skincare.ctn_box .box:first-child{
	margin:0;
	}
.obj_int-skincare.ctn_box .box .icone{
	margin:0 0 50px 21px;
	}
.obj_int-skincare.ctn_box .box h4{
	margin:30px 0 0 0;
	}
.obj_int-skincare.ctn_box .box .puces{
	margin-top:10px;
	}
.obj_int-skincare.ctn_box .box .puces li{
	font-size:11px;
	color:#2e9ebe;
	background-position:left 5px;
	}
/* -------------------------------------
 *   obj_popin
 * ------------------------------------- */
.obj_popin{
	display:none;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	box-shadow:0 0 30px rgba(0,0,0,0.5);
	background:#fff;
	}
.obj_popin[role="dialog"]{
	position: fixed !important;
	}
.obj_popin > .close{
	position:absolute;
	right:0px;
	top:0;
	}
.obj_popin .content{
	max-width: 960px;
	min-width: 640px;
	max-height: 100vh;
	overflow-y: auto;
	}
.ctn_popin-zone{
	display:none;
	}
/* popin obj_form */
.obj_popin .obj_form{
	padding:50px;
	}
.obj_popin .obj_form h3{
	color:#333;
	font-size:14px;
	font-family:'FuturaBT-Medium',arial;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #e8e6e6;
	}
.obj_popin .obj_form p{
	color:#666;
	margin-bottom:10px;
	}
.obj_popin .obj_form fieldset > div {
    margin: 0 0 20px;
	}
/* popin add review */
.obj_popin .obj_form.add-review{
	width:600px;
	}
.obj_popin .obj_form.add-review .str_left{
	width:160px;
	}
.obj_popin .obj_form.add-review .str_left .obj_select{
	width:100%;
	margin:0 0 10px 0;
	}
.obj_popin .obj_form.add-review .str_left .ctn_age{
	margin:0 0 30px 0;
	}
.obj_popin .obj_form.add-review .str_left .ctn_age input{
	width:40px;
	}
.obj_popin .obj_form.add-review .str_right{
	width:400px;
	}
.obj_popin .obj_form.add-review input[type=text]{
	width:175px;
	}
.obj_popin .obj_form.add-review textarea{
	/*width:380px;*/
	/*width:580px;*/
	height:130px;
	resize:vertical;
	font-family: 'arial', sans-serif;
	}
.obj_popin .obj_form.add-review .ctn_radio{
	margin:0 0 20px 0;
	}
.obj_popin .obj_form.add-review .ctn_radio .obj_radio{
	margin:0 0 0 15px;
	}	
.obj_popin .obj_form.add-review .cgu{
	color:#000;
	font-size:11px;
	}
.obj_popin .obj_form.add-review .validation{
	float:right;
	}
.obj_popin .obj_form.add-review .validation li:first-child{
	margin:0 0 10px 0;
	}
.obj_popin .obj_form.add-review .validation li{
	text-align:center;
	}
.obj_popin .obj_form.add-review .ctn_bt{
	padding: 0;
	}
.obj_popin .obj_form.add-review .ctn_bt a + a{
	margin-left: 10px;
	}

/* popin add review 2020 */
.obj_popin .obj_form.add-review.var_2020{
	padding: 0;
	width: 960px;
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_pack{
	min-width: 39.5%;
	padding: 50px 20px;
	box-sizing: border-box;
	text-align: center;
	background: #f4f4f4;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_pack .t_avis{
	margin: 0;
	padding: 0 0 10px;
	font: 16px/1em 'FuturaBT-Bold';
	color: #000;
	text-transform: uppercase;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_pack h4{
	padding: 0;
	font: 24px/1em 'FuturaBT-Light';
	color: #1981AD;
	text-transform: uppercase;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_pack figure{
	max-width: 286px;
	margin: 20px auto;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_pack figure img{
	max-width: 100%;
	}
.obj_popin .obj_form.add-review.var_2020 form{
	flex-grow: 2;
	padding: 50px 50px 50px 84px;	
	}
.obj_popin .obj_form.add-review.var_2020 form{
	counter-reset: Counter;
	}
.obj_popin .obj_form.add-review.var_2020 form label{
	font: 16px/1em 'FuturaBT-Light';
	}	
.obj_popin .obj_form.add-review.var_2020 .i_number{
	display: block;
  	counter-increment: listCounter;
	}
.obj_popin .obj_form.add-review.var_2020 .i_number label:nth-of-type(1){
	position: relative;
	display: block;
	min-width: 100%;
	margin: 0 0 10px;
	line-height: 24px;
	}		
.obj_popin .obj_form.add-review.var_2020 .i_number label:nth-of-type(1)::before{
	position: absolute;
	top: 0;
	left: -34px;
	display: inline-block;
	margin: 0 10px 0 0;
	content: counter(listCounter);
	width: 24px;
	height: 24px;
	border-radius: 5px;
	font: 16px/24px 'FuturaBT-Bold';
	color: #fff;
	text-align: center;
	background: #1981AD;
	}	
.obj_popin .obj_form.add-review.var_2020 input[type="text"]{
	width: 100%;
	height: 38px;
	font: 16px/1em 'FuturaBT-Light';
	}
.obj_popin .obj_form.add-review.var_2020 textarea{
	margin: 5px 0 0;
	padding: 10px;
	font: 16px/1em 'FuturaBT-Light';
	}
.obj_popin .obj_form.add-review.var_2020 .obj_recaptcha{
	text-align: left;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_bt{
	text-align: center;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_form-element{
	display: flex;
	flex-flow: row wrap;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_checkbox.terms .ctn_form-element {
   flex-flow: row nowrap;	
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_checkbox.terms .ctn_form-element label{
	font-size: 12px;
	line-height: 1.2em;
	margin: 0;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_checkbox.terms .ctn_form-element label a{
	text-decoration: underline;
	}	
.obj_popin .obj_form.add-review.var_2020 [role="checkbox"],
.obj_popin .obj_form.add-review.var_2020 [role="radio"]{
	margin-top: 0;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_radio [role="radio"] ~ [role="radio"]{
	margin-left: 20px;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_confirm{
	display: flex;
	flex-grow: 2;
	padding: 50px;
	min-width: 60.5%;
	box-sizing: border-box;
	}
.obj_popin .obj_form.add-review.var_2020 .ctn_confirm p{
	margin: auto;
	font: 20px/1em 'FuturaBT-Medium';
	text-align: center;
	text-transform: uppercase;
	color: #000;
	}	

@media screen and ( max-width : 767px ) {	
	.obj_popin .obj_form.add-review.var_2020 {
		max-width: 100%;
		width: 100vw;
		height: 100vh;
		overflow: auto;
		flex-flow: column nowrap;
		}
	.obj_popin .obj_form.add-review.var_2020 .obj_form{
		padding: 0;
		}
	.obj_popin .obj_form.add-review.var_2020 .ctn_pack .t_avis {
		font: 20px/1em 'FuturaBT-Bold';
		}	
	.obj_popin .obj_form.add-review.var_2020 .ctn_pack h4{
		font: 32px/1em 'FuturaBT-Light';
		}	
	.obj_popin .obj_form.add-review.var_2020 .ctn_pack{
		padding: 50px 20px 0;
		}	
	.obj_popin .obj_form.add-review.var_2020 .ctn_pack figure{
		width: 112px;
		}
	.obj_popin .obj_form.add-review.var_2020 .ctn_pack,
	.obj_popin .obj_form.add-review.var_2020 form,
	.obj_popin .obj_form.add-review.var_2020 .ctn_confirm{
		width: 100%;
		}
	.obj_popin .obj_form.add-review.var_2020 .ctn_pack figure {
		margin-bottom: -40px;
		}	
	.obj_popin .obj_form.add-review.var_2020 form{
		padding: 50px 25px 50px 59px;
		box-sizing: border-box;
		}	
	.obj_popin .obj_form.add-review.var_2020 .ctn_radio [role="radio"]{
		margin: 0 10px 0 0;
		}	
}


/* popin register */
.obj_form.register{
	box-sizing: content-box;
	}
.obj_form.register * {
	box-sizing: border-box;
	}
.obj_form.register{
	width: 610px;
	min-height: 360px;
	}
.obj_form.register fieldset > div{
	margin: 0 0 10px;
	text-align: left;
	}	
.obj_form.register .ctn_checkbox label{	
	color: #666;
	}
.obj_form.register .str_left {
	width: 60%;
	}
.obj_form.register .str_left input {
	width: 100%;
	}
.obj_form.register .str_left .ctn_bt{
	text-align: right;
	padding: 0;
	}
.obj_form.register .str_left .ctn_bt .b_gradient{
	margin:5px 0 0 10px;
	}
.obj_form.register .str_right{
	width: 40%;
	padding-left: 40px;
	}
.obj_form.register .str_right p:first-child{
	line-height:28px;
	}
.obj_form.register .str_right p:first-child span{
	line-height:12px;
	}
.obj_form.register .str_right p{
	height:28px;
	}


@media screen and (max-width: 767px){
	.obj_popin .content{
		max-width: 100%;
		width: 100%;
		min-width: 360px;
		/*max-height: inherit;
		overflow-y: inherit*/
		}
	.obj_form.register .str_left {
		width: 100%;
		float: none;
		}
	.obj_form.register .str_right{
		width: 100%;
		padding-left: 0;
		float: none;
		}

}	
	
	
/* popin message */
.obj_popin .message{
	width:440px;
	padding:50px 30px 10px 30px;
	}
.obj_popin .message p{
	font-size:14px;
	font-family:'FuturaBT-Book',arial;
	text-align:center;
	margin:0 0 20px 0;
	}
.obj_popin .message p .b_gradient{
	margin:0 5px;
	}
/* player */
.obj_popin iframe{
	display: block;
	min-height: 360px;
	}
.obj_popin .ctn_player{
	position:relative;
	z-index:1;
	width:711px;
	height:400px;
	overflow:hidden;
	}
.obj_popin .ctn_player iframe{
	width:711px;
	height:400px;
	}
	
@media screen and (max-width: 767px){
	.obj_popin iframe{
		max-width: 360px;
		}
}


/* popin call to action - Achat */
.obj_popin .ctn_popin_achat{
	width: 100%;
    max-width: 800px;
    margin: 0;
	padding: 50px 50px 30px;
	box-sizing: border-box;
	}
.obj_popin .ctn_popin_achat .title{	
	color: #333;
	font-size: 14px;
	font-family: 'FuturaBT-Bold',arial;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e8e6e6;
	}
.obj_popin .ctn_popin_achat .ctn_items{
	font-size: 0;
	}	
.obj_popin .ctn_popin_achat .ctn_items .obj_item {
    display: inline-block;
    width: 220px;
    margin: 0 20px 20px 0;
    border: solid 1px #ccc;
	box-sizing: border-box;
    transition: all ease 400ms;
	}
.obj_popin .ctn_popin_achat .ctn_items .obj_item:nth-child(3n){
	margin-right: 0;
	}	
.obj_popin .ctn_popin_achat .ctn_items .obj_item:hover {
    border: solid 1px black;
	}
.obj_popin .ctn_popin_achat	.ctn_items .obj_item a {
    display: block;
    height: 100%;
    width: 100%;
	}
.obj_popin .ctn_popin_achat .ctn_items .obj_item a img {
    display: block;
    height: auto;
    width: 100%;
	}	
	
@media screen and (max-width: 1024px){
	.obj_popin .ctn_popin_achat {
		max-width: 600px;
		padding: 50px 70px 50px;
		}	
	.obj_popin .ctn_popin_achat .ctn_items .obj_item:nth-child(2n){
		margin-right: 0;
		}
	.obj_popin .ctn_popin_achat .ctn_items .obj_item:nth-child(2n + 1 ){
		margin-right: 20px;
		}	
}

@media screen and (max-width: 767px){
	.obj_popin .ctn_popin_achat {
		max-width: 300px;
		padding: 30px 20px 10px;
		}
	.obj_popin .ctn_popin_achat .ctn_items .obj_item {
		width: 120px;
		}	
	.obj_popin .ctn_popin_achat .ctn_items .obj_item:nth-child(2n){
		margin-right: 0;
		}
	.obj_popin .ctn_popin_achat .ctn_items .obj_item:nth-child(2n + 1 ){
		margin-right: 20px;
		}
}
	
	
	
	
	
.obj_popin .ctn_popin_achat p {
    margin-bottom: 20px;
	line-height: 17px;
	}
.obj_popin .ctn_popin_achat h3 strong{
	font-family: "FuturaBT-Bold",Arial;
	}
.obj_popin .ctn_popin_achat h4 {
    margin-bottom: 8px; 
    font-family: futurabt-book; font-size: 16px; text-transform: uppercase; color: #77a3b6;
	}
.obj_popin .ctn_popin_achat .obj_form {
    padding: 50px;
	height: 158px;
	}
.obj_popin .ctn_popin_achat .str_left {
    padding-right: 35px;
    margin-right: 0;
    width: 283px;
	border-right: 1px solid #e8e6e6;
	}
.obj_popin .ctn_popin_achat .str_right{
	margin-left:35px;
    width: 290px;
	}
.obj_popin .ctn_popin_achat .str_left input{
    padding: 0 10px;
    width: 225px;
	}
.obj_popin .ctn_popin_achat .dermacenter{    
	display: inline-block;
	height: 17px; width: 160px;
	margin-left: 5px;
	text-indent: -10000px;
	background: url("../../include/images/f_logo-dermacenter.gif") no-repeat scroll center 0; 
	}
.obj_popin .ctn_popin_achat .str_right .b_gradient span{    
	margin-left: 4px;
	}
	

	
	
	

.obj_popin .store_locator {
    display: block;
    float: left;
    margin-right: 10px;
	}
.obj_popin .store_locator a {
    width: 26px; height: 21px;
    padding: 5px 0 0 0;
	}
	
	
/* event-register */
.obj_popin .event-register{
	font-family:'FuturaBT-Book',arial;
	font-size:12px;
	}
.obj_popin .event-register p h3{
	margin-top:30px;
	}
.obj_popin .event-register p.text{
	max-width:350px;
	padding-right:20px;
	}
.obj_popin .event-register p.text input{
	width:100%;
	}
.obj_popin .event-register ul{
	margin-bottom:15px;
	}
.obj_popin .event-register li{
	margin-bottom:5px;
	}
.obj_popin .event-register p.error{
	text-align:center;
	}
.obj_popin .event-register .ctn_bt{
	text-align:center;
	margin-top:30px;
	}
.obj_popin .event-register .b_gradient{
	color:#333;
	}
	
/* --------------------------------------------
 * popin newsletter
 * ----------------------------------------- */	
.obj_popin .newsletter{
	width: 100%;
	min-width: 200px;
	max-width: 800px;
	padding: 60px 80px;
	box-sizing: border-box;
	}
.obj_popin .newsletter input[aria-hidden="true"]{
    display: none;
	}
.obj_popin .newsletter header{
	border-bottom: 1px solid #e8e6e6;
	}	
.obj_popin .newsletter .title{
	margin: 0;	
	padding: 0 0 10px;
	font: 14px/1em 'FuturaBT-Heavy', Arial;
	color: #333333;
	border-bottom: 1px solid #e8e6e6;
	}
.obj_popin .newsletter header p{
	padding: 25px 0;
	font-size: 16px;
	color: #77a3b6;	
	}	
	
.obj_popin .newsletter p{	
	font-size: 14px;
	line-height: 18px;
	font-family:'FuturaBT-Book', arial;
	color: #333333;
	}
.obj_popin .newsletter .subtitle{
	margin: 0;
	padding: 30px 0 5px;
	font: 14px/1em 'FuturaBT-Heavy', Arial;
	color: #333333;
	}	
.obj_popin .newsletter input[type="email"]{
	width: 360px;
	}
.obj_popin .newsletter .obj_form{
	padding: 0;
	}	
.obj_popin .newsletter form p{
	font: normal 14px/18px 'FuturaBT-Book', arial;
	}	
.obj_popin .newsletter fieldset {
	margin: 0;
	padding: 5px 0 30px;
	border-bottom: 1px solid #e8e6e6;
	}
.obj_popin .newsletter fieldset .form_element{
	padding: 0 0 15px;
	}
.obj_popin .newsletter fieldset .form_element:last-child{
	padding: 0;
	}		
.obj_popin .newsletter .checkbox [role="checkbox"] + label,
.obj_popin .newsletter .radio [role="radio"] + label{
	display: inline-block;
	width: calc(100% - 35px);
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	cursor: pointer;
	color: #666666;
	float: none;
	}
.obj_popin .newsletter label a{ 	
	text-decoration: underline;
	}
.obj_popin .newsletter .form_element{
	display: block;
	padding: 0;
	}	
.obj_popin .newsletter .radio .form_element{	
	display: block;	
	padding: 0 0 20px;
	}
.obj_popin .newsletter .checkbox [role="checkbox"]::before{
	display: none;
	}
.obj_popin .newsletter .radio.var_text .form_element{	
	display: inline-block;	
	min-width: inherit;
	}	
.obj_popin .newsletter .radio,
.obj_popin .newsletter .checkbox{
	padding: 5px 0 0;
	}
.obj_popin .newsletter .radio.var_text span[role="radio"]{	
	display: none;
	}
.obj_popin .newsletter .radio.var_text span[role="radio"] + label{
	display: inline-block;
	width: auto;
	height: 38px;
	line-height: 36px;
	margin: 0 15px 0 0;
	padding: 0 24px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	border: 1px solid #d9d9d9;
	font-family: 'FuturaBT-Medium', Arial;
	background: url('../../include/images/b_gradient-h.gif') left center repeat-x;
	transition: all 200ms ease-in-out 0s;
	}	
.obj_popin .newsletter .radio.var_text span[role="radio"][aria-checked="true"] + label{
	color: #fff;
	background: url('../../include/images/b_gradient-blue.gif') left center repeat-x;	
	}
.obj_popin .newsletter .radio.var_text span[role="radio"][aria-checked="true"]::before {
	display: none;
	padding: 0;
	}	
.obj_popin .newsletter .radio.var_text span[role="radio"].error + label {
    border-color: #D9191F;
	}	
.obj_popin .newsletter fieldset .radio.var_text .form_element {
    padding: 0;
	}	
.obj_popin .newsletter .ctn_bt{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}	
.obj_popin .newsletter .ctn_bt .b_gradient{	
	height: 38px;
	line-height: 36px;
	margin: 0;
	padding: 0 24px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 400;
	}	
.obj_popin .newsletter .obj_recaptcha{
	margin: 40px auto 20px;
	text-align: center;
	}
.obj_popin .newsletter .obj_recaptcha .g-recaptcha{
	display: inline-block;	
	}	
.obj_popin .newsletter .ctnAOX_msgError p {
    margin: 20px 0;
	color: #D9191F;
	}
.obj_popin .newsletter .confirm .subtitle{	
	font: normal 14px/18px 'FuturaBT-Heavy', arial;
	}
	
@media screen and ( max-width : 767px ) {	
	.obj_form.forgotpassword fieldset {width: 100%;}
	.obj_form.forgotpassword .obj_btn.btn_switch {top: -34px;}
	.obj_popin .newsletter .radio .form_element {
		min-width: inherit;
		width: 100%;
		}	
	.obj_popin .newsletter fieldset .radio.var_text .form_element:first-child{
		margin: 0 0 10px
		}
	.obj_popin .newsletter{
		min-width: 360px;
		max-width: inherit;
		padding: 30px 20px;
		}	
	.obj_popin .newsletter .obj_recaptcha{
		max-width: 300px;		
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
			transform: scale(0.8);
		}
	.obj_popin .newsletter input[type="email"]{
		width: 100%;
		box-sizing: border-box;
		}	
}	

/* --------------------------------------------
 * POPIN RETAILERS
 * ----------------------------------------- */
.popin-retailers{
	max-width: 815px;
	padding: 0;
	}
.popin-retailers .obj_title {
	position: relative;
	padding: 50px 50px 20px;
	margin: 0;
	}
.popin-retailers .obj_title h2 {
	padding: 0 0 5px;	
	font: 38px/1em 'FuturaBT-Light', arial;
	color: #000;
	}
.popin-retailers .obj_title h3 {
	font: 18px/1em 'FuturaBT-Book', arial;
	color: #1981ad;
	}
.popin-retailers .obj_logos {
	padding: 0 50px 50px;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	}
.popin-retailers .obj_logos a {
	display: inline-block;
	border: 1px solid #e6e6e6;
	margin: 10px;
	max-width: 135px;
	transition:all 0.2s;
	}
.popin-retailers .obj_logos a:hover {
	border-color: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	}
.popin-retailers .obj_logos a img {
	max-width: 100%;
	}
.popin-retailers .obj_btn {
	display: block;
	width: 100%;
	padding: 20px 0;
	font: 18px/1em 'FuturaBT-Book', arial;
	color: #fff;
	background: #000000;
	text-align: center;
	transition: all 0.2s;
	}
.popin-retailers .obj_btn:hover {
	background: #1981ad;
	}
	
@media screen and (max-width:1024px){
	.popin-retailers{
		max-width: 100%;
	}
}
@media screen and (max-width:767px){
	.popin-retailers .obj_title {
		position: relative;
		padding: 20px;
		margin: 0;
		}
	.popin-retailers .obj_title h2{
		font-size: 24px;
		}
	.popin-retailers .obj_logos {
		padding: 0 20px 20px 20px;
		flex-flow: row wrap;
		}
	.popin-retailers .obj_logos a {
		margin: 5px;
		width: 45%;
		max-width: inherit;
		}
	.popin-retailers .obj_btn {
		font-size: 14px;
		}	
}

	
/* -------------------------------------
 *   cookies box 
 * ------------------------------------- */	
h4 + .obj_cookies-box{
	margin-top:5px;
	}
.obj_cookies-box{
	text-align:center;
	padding:15px 20px 10px;
	border:1px solid #ccc;
	background:#eee;
	}
.obj_cookies-box a{
	margin:0 5px 5px;
	}
/* -------------------------------------
 *   obj table-01
 * ------------------------------------- */
.obj_table-01{
	font-family:'FuturaBT-Heavy',arial;
	}
.ie .obj_table-01{
	border:1px solid #ccc;
	}
.obj_table-01 th{
	color:#666;
	font-size:12px;
	padding:25px 5px 12px 12px;
	background:#eeecec;
	}
.obj_table-01 strong{
	display:block;
	font-size:16px;
	font-family:'FuturaBT-Heavy',arial;
	}
.obj_table-01 th,
.obj_table-01 td{
	vertical-align:text-top;
	border-width:1px 0 0 1px;
	border-color:#b6b5b5;
	border-style:solid;
	}
.obj_table-01 tr:first-child th{
	font-family:'FuturaBT-Medium',arial;
	border-top-width:0;
	}
.obj_table-01 tr th:first-child{
	padding-top:20px;
	border-left-width:0;
	}
.obj_table-01 td{
	padding:20px 10px 18px 12px;
	border-color:#bebebe;
	}
.obj_table-01 td > div{
	position:relative;
	width:100%;
	padding-bottom:40px;
	}
.obj_table-01 ul{
	padding:0 0 0 15px;
	}
.obj_table-01 li{
	list-style-type:disc;
	}
div.container table.obj_table-01 li,
div.container table.obj_table-01 p{
	font-family:'FuturaBT-Heavy',arial;
	}
	
.container .obj_table-01 .ctn_link{
	position:absolute;
	font-size:12px;
	width:100%;
	bottom:0;
	margin:0;
	}
/* ctn_table-01 */
.ctn_table-01{
	position:relative;
	margin:23px 0 19px;
	-webkit-box-shadow:10px 10px 25px rgba(0,0,0,.25);
	   -moz-box-shadow:10px 10px 25px rgba(0,0,0,.25);
			box-shadow:10px 10px 25px rgba(0,0,0,.25);
	}
.ctn_table-01 p.ctn_print{
	position:absolute;
	right:5px;
	top:-67px;
	width:auto;
	}
/* -------------------------------------
 *   obj table-02
 * ------------------------------------- */
.obj_table-02{
	width:100%;
	}
.obj_table-02 th{
	padding:15px;
	text-align:right;
	text-transform:uppercase;
	color:#fff;
	font:1.285714em/1em 'FuturaBT-Medium',arial;
	border:1px solid #fff;
	background:#008ab0;
	vertical-align:middle;
	}
.obj_table-02 tr:first-child th{
	text-align:center;
	}
.obj_table-02 td{
	border:1px solid #fff;
	background:#c9e5e9;
	padding:15px 1.5625%;/* 15px 15px */
	width:42.708333%;/* 410px */
	}
.obj_table-02 .empty{
	border:none;
	background:none;
	}
/* -------------------------------------
 *   obj calculator
 * ------------------------------------- */
.obj_calculator{
	padding:15px 0 0 65px;
	min-height:60px;
	background:url('../../include/images/i_calculator.png') left top no-repeat;
	}
.obj_calculator .b_link-02{
	font-size:16px;
	}
/* -------------------------------
 *  OBJ BENCHMARKS
 * ---------------------------- */
.obj_benchmarks{
	margin:24px 0 72px;
	font:1.272727em  'FuturaBT-Book',arial;/*14/11*/
	}
.obj_benchmarks table{
	clear:both;
	width:100%;
	color:#555;
	background:#e9e6e6;
	}
.container .obj_benchmarks .ctn_title{
	position:relative;
	border-bottom:1px solid #dfdfdf;
	}
.container .obj_benchmarks .ctn_bt{
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
	height:28px;
	font-size:.857142em;
	font-family:arial;
	}
.container .obj_benchmarks .ctn_bt a{
	vertical-align:baseline;
	}
.container .obj_benchmarks h2{
	position:relative;
	font-size:1.142857em;/*16/14*/
	padding-bottom:7px;
	}
.obj_benchmarks .ctn_table{
	height:0;
	overflow:hidden;
	}
.obj_benchmarks .l2{
	background:#f0f0f0;
	}
 .obj_benchmarks th{
	text-align:center;
	font:1em 'FuturaBT-Heavy',arial;/*11*/
	text-transform:uppercase;
	padding:5px 10px 3px;
	}
.obj_benchmarks td + td + td{
	text-align:center;
	}
.obj_benchmarks td:first-child,
.obj_benchmarks th:first-child{
	min-width:90px;
	text-align:right;
	}
.obj_benchmarks td[scope=row] span{
	display:block;
	position:absolute;
	left:-10000px;
	}
.obj_benchmarks td{
	padding:2px 10px 2px 10px;
	}
/* responsive */
.obj_benchmarks td[data-th]:before{
	content:attr(data-th);
	display:none;
	margin-right:5px;
	}
/* -------------------------------
 *  OBJ LIVE CALCULATOR
 * ---------------------------- */
.obj_live-calculator{ 
 	color:#464747;
	}
.obj_live-calculator > div{
	padding:25px 10px 10px 10px;
	-webkit-box-shadow:inset 3px 3px 5px rgba(0,0,0,.2);
	   -moz-box-shadow:inset 3px 3px 5px rgba(0,0,0,.2);
			box-shadow:inset 3px 3px 5px rgba(0,0,0,.2);
	background:#f7f8f9; 
	}
/* row */
.obj_live-calculator .top{
	-webkit-border-top-left-radius:25px;
	   -moz-border-top-left-radius:25px;
			border-top-left-radius:25px;
	-webkit-border-top-right-radius:25px;
	   -moz-border-top-right-radius:25px;
			border-top-right-radius:25px;
	margin-bottom:19px;
	}
.obj_live-calculator .bottom{
	padding-top:10px;
	padding-bottom:25px;
	-webkit-border-bottom-left-radius:25px;
	   -moz-border-bottom-left-radius:25px;
			border-bottom-left-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	   -moz-border-bottom-right-radius:25px;
			border-bottom-right-radius:25px;
	}
/* col */
.obj_live-calculator > div > div{
	float:left;
	}
	
.obj_live-calculator .top .col-01{
	width:9.77653%;
	}
.obj_live-calculator .top .col-02{
	width:21.97392%;
	}
.obj_live-calculator .top .col-03{
	width:31.26070%;
	}
.obj_live-calculator .top .col-04{
	width:36.43016%;
	}
.obj_live-calculator caption,
.obj_live-calculator .top > div > *{
	border-left:1px solid #77a4b4;
	}
.obj_live-calculator .top .col-01 > *,
.obj_live-calculator .top .col-01 caption,
.obj_live-calculator .bottom caption{
	border:none;
	}
.obj_live-calculator .week,
.obj_live-calculator .top .result caption{
	border-top:3px solid #77a4b4;
	}
	
.obj_live-calculator .bottom .col-01{
	width:31.75045%;
	}
.obj_live-calculator .bottom .col-02{
	width:68%;
	}
/* col */
.obj_live-calculator .bottom .col-01 p{
	padding:46px 30px 0 0;
	text-align:right;
	color:#2d9ebd;
	font:1.90909em/1.761904em 'FuturaBT-Heavy',arial;/* 21/11 37 */
	text-transform:uppercase;
	}
/* inner */
.obj_live-calculator caption{
	text-align:center;
	color:#2d9ebd;
	font:1.181818em 'FuturaBT-Medium',arial;/* 13/11 */
	text-transform:uppercase;
	}
.obj_live-calculator caption strong{
	font-family:'FuturaBT-Bold',arial;
	}
.obj_live-calculator th{
	vertical-align:bottom;
	}
.obj_live-calculator .middle{
	text-align:center;
	vertical-align:middle;
	padding-bottom:10px !important;
	}
/* week */
.obj_live-calculator .week{
	padding:8px 5px;
	color:#464747;
	font:1.181818em 'FuturaBT-Medium',arial;/*13/11*/
	text-transform:uppercase;
	border-bottom:1px solid #77a4b4;
	}
.obj_live-calculator .week label{
	display:inline-block;
	width:124px;
	}
/* data */
.obj_live-calculator .data{	
	position:relative;
	}
.obj_live-calculator .data.plus:after{
	content:"";
	position:absolute;
	top:-5px;
	left:-13px;
	display:block;
	width:28px;
	height:28px;
	background:url('../../include/images/i_plus.png') center center no-repeat;
	}
.obj_live-calculator .data th{
	font-size:10px;
	padding:0 5px 10px;
	border-bottom:1px solid #77a4b4;
	}
.obj_live-calculator .data .info{
	position:relative;
	z-index:99;
	font-weight:bold;
	color:#007da4;
	}
.obj_live-calculator .data .info:hover span{
	display:block;
	}
.obj_live-calculator .data .info span{
	display:none;
	position:absolute;
	bottom:10px;
	left:-10px;
	padding:10px;
	width:170px;
	color:#fff;
	font:13px 'FuturaBT-Heavy',arial;
	background:#787878;
	background:rgba(120,120,120,.9);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);
	   -moz-box-shadow:0 0 20px rgba(0,0,0,.3);
			box-shadow:0 0 20px rgba(0,0,0,.3);
	}
.obj_live-calculator .data tr:first-child + tr td{
	padding-top:10px;
	}
.obj_live-calculator .data td{
	padding:1px 10px 1px 10px;
	font:11px 'FuturaBT-Book',arial;	
	}
.obj_live-calculator .data .row1{
	vertical-align:middle;
	border-left:1px dotted #a6a7a8;
	border-bottom:1px solid #d3e0e5;
	}
.obj_live-calculator .data .last td{
	padding-bottom:10px;
	border-bottom:none;
	}
.obj_live-calculator .week input,
.obj_live-calculator .data input{
	width:60px;
	padding:0;
	height:20px;
	line-height:20px;
	text-align:center;
	-webkit-border-radius:9px;
	   -moz-border-radius:9px;
			border-radius:9px;
	border:1px solid #d8d8d8;
	background:#fff;
	-webkit-appearance:none;
			appearance:none;
	}
.obj_live-calculator .data th input{
	width:28px;
	font-size:1em;/*10*/
	height:12px;
	line-height:12px;
	}
/* resultat */
.obj_live-calculator .result{
	width:100%;
	}
.obj_live-calculator .result caption{
	padding:8px 15px;
	border-bottom:1px solid #77a4b4;
	}
.obj_live-calculator .result tr > *{
	padding:10px 15px;
	border-bottom:1px solid #d3e0e5;
	}
.obj_live-calculator .result .last > *{
	border-bottom:none;
	}
.obj_live-calculator .result th{
	padding-right:5px;
	border-right:1px dotted #a6a7a8;
	font:1em 'FuturaBT-Heavy',arial;/*11*/
	}
.obj_live-calculator .result em{
	font:10px arial;
	}
.obj_live-calculator .result .last th,
.obj_live-calculator .result td{
	font:1.272727em 'FuturaBT-Heavy',arial;/*14/11*/
	text-transform:uppercase;
	}
.obj_live-calculator .result td{
	text-align:right;
	}
.obj_live-calculator .result .last td{
	color:#3399cc;
	font:1.818181em 'FuturaBT-Light',arial;/*20/11*/
	}
/* modification responsive */
.obj_live-calculator .col-02.bottom-col{
	clear:left;
	padding-left:9.77653%;
	}
/* -------------------------------------
 *   upcoming
 * ------------------------------------- */
.obj_upcoming{
	width:980px;
	margin:0 0 72px -10px;
	}
.container .obj_upcoming .content{
	width:auto;
	padding:25px 4px 1px;
	margin-bottom:0;
	background:#e0e1e2;
	border-top:2px solid #bcbdbe;
	}
.container .obj_upcoming h2{
	padding-left:15px;
	margin-bottom:24px;
	color:#008bb0;
	}
.obj_upcoming .content ul{
	margin:0 auto;
	}
.obj_upcoming .content li{
	float:left;
	position:relative;
	width:270px; 
	padding:18px 15px 62px 25px;
	margin:0 7px 14px;
	text-align:right;
	font:18px 'FuturaBT-Light',arial;
	background:#fff;
	}
.obj_upcoming .content li span{
	display:block;
	text-align:left;
	margin:0 0 10px;
	}
.obj_upcoming .content .place{
	display:inline-block;
	color:#787878;
	min-height:46px;
	}
.obj_upcoming .content .date{
	font:2.055555em/37px 'FuturaBT-Medium',arial;/* 37px */
	color:#008bb0;
	min-height:105px; /* 170px */
	}
.obj_upcoming .content .date span{
	font-family:'FuturaBT-Light',arial;
	}
.obj_upcoming .content .theme{
	font-size:1.388888em;/* 25px */
	line-height: 25px;
	color:#333333;
	margin:0 0 10px;
	}
.obj_upcoming .content .info{
	position:absolute;
	right:15px;
	bottom:8px;
	font-size:14px;
	color:#008bb0;
	text-align:right;
	line-height:1.300em;
	font-family:'FuturaBT-Book',arial;
	font-style:italic;
	margin:0;
	}
.obj_upcoming .content .guest{
	position:absolute;
	left:25px; /* 15px */
	bottom:10px; /* 23px */
	margin: 0px;
    background: #008ab0 none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font: 10px "FuturaBT-Medium",arial;
    padding: 3px 10px;
    text-transform: uppercase;
	cursor: pointer;
	}
.obj_upcoming .content .register-closed{
    line-height: 12px;
    width: 70px;
    }
.obj_upcoming .content .register{
	position:absolute;
	bottom:32px;
	left:25px;
	margin:0;
	}
.obj_upcoming .content span.register{
	background:#aaa;
	}
.obj_upcoming p{
	padding:0 0 0 24px;
	}
/* nav */	
.obj_upcoming .nav{
	padding-top:8px;
	}
.obj_upcoming .nav .ctn_prev{
	float:left;
	}
.obj_upcoming .nav .ctn_next{
	float:right;
	}
.obj_upcoming .nav .b_link{
	font:12px 'FuturaBT-Heavy',arial;
	text-transform:uppercase;
	}
.obj_upcoming .nav .ctn_prev .b_link span{
	margin:0 5px 0 0;
	}
/* -------------------------------------
 *   obj_toggle-box
 * ------------------------------------- */
.obj_toggle-box{
	border-top:1px solid #b4b4b4;
	}
.obj_toggle-box > div{
	margin-top:-1px;
	overflow:hidden;
	height:0;
	border-bottom:1px solid #b4b4b4;
	}
/* -------------------------------------
 *   lazyload  
 * ------------------------------------- */	
.lazyload > img{
	background:url('../../include/images/ajax-loader.gif') center center no-repeat;
	}
.no-js .lazyload > img{
	display:none;
	}
/* -------------------------------------
 *   obj_coming-soon
 * ------------------------------------- */	
.obj_coming-soon{
	text-align:center;
	padding:200px 25px;
	font-size:34px;
	background:#fff;
	}
.obj_coming-soon h2{
	font:1em 'FuturaBT-Medium',arial;
	text-transform:none;
	margin-bottom:10px;
	}
.obj_coming-soon h1{
	font-size:.6em;
	color:#77a3b6;
	}
/* ========================================
 * $ = FORMULAIRE 
 * ======================================== */
/* -------------------------------------
 *   obj_form
 * ------------------------------------- */
/* -------------------------------------
 *   elements
 * ------------------------------------- */	
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
textarea{
	-webkit-appearance:none;
	   -moz-appearance:none;
			appearance:none;
	border:none;
	height:28px;
	line-height:28px;
	padding:0 10px;
	color:#666;
	font-size:12px;
	background:#f1f1f1;
	border-radius:0;
	}
/* -------------------------------------
 *   obj_select
 * ------------------------------------- */
.obj_select{
	position:relative;
	z-index:2;
	height:30px;
	width:55px;
	}
.obj_select > div{
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	height:28px;
	border-radius:3px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	     -o-border-radius:3px;
	border:1px solid #ccc;
	background:url('../../include/images/b_filter.gif') left top repeat-x #f5f5f5;
	}
.obj_select > div p a{
	display:block;
	overflow:hidden;
	color:#666;
	height:28px;
	line-height:28px;
	padding:0 28px 0 10px;
	font-family:'FuturaBT-Medium';
	background:url('../../include/images/b_fleche.gif') right top no-repeat;
	}
.obj_select p a:hover{
	color:#999;
	background-position:right -28px;
	}
.obj_select p a.open{background-position:right -56px;}
.obj_select p a.open:hover{background-position:right -84px;}

.obj_select p a:focus{
	color:#999;
	}

.obj_select p.mention{
	color:#666;
	font-size:10px;
	margin:0 10px 5px 10px;
	padding:10px 0 0 0;
	border-top:1px solid #d2d2d2;
	}
.obj_select .jQueryScroll{
	display:none;
	height:150px;
	margin:5px 5px 0 0;
	}
.obj_select div .jQueryScroll ul{
	float:none;
	padding:5px 5px 5px 10px;
	}
.obj_select div .jQueryScroll ul li{
	float:none;
	color:#666;
	margin:0 0 5px 0;
	font-size:12px;
	}
.obj_select div .jQueryScroll ul li a:focus{	
	color:#999;
	}
/* -------------------------------------
 *   obj_select select-2
 * ------------------------------------- */
.obj_select.select-2 > div{
	border-radius:0;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
	     -o-border-radius:0;
	border:none;
	background:#f1f1f1;
	}
.obj_select.select-2 > div p a{
	font-family:arial;
	font-size:12px;
	}
/* -------------------------------------
 *   obj_select select-3
 * ------------------------------------- */
.obj_select.select-3 {
	min-width:200px;
	}
.obj_select.select-3 > div{
	border-radius:0;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
	     -o-border-radius:0;
	background:#fff;
	}
.obj_select.select-3 > div p a{
	text-transform:uppercase;
	background-image:url('../../include/images/b_fleche-3.png');
	}
/* -------------------------------------
 *   obj_select select-4
 * ------------------------------------- */
.obj_select.select-4{
	width:auto;
	}
.obj_select.select-4 > div{
	border:none;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
	background:none;
	}
.obj_select.select-4 > div p a{
	display:inline-block;
	font:inherit;
	text-transform:inherit;
	color:inherit;
	padding:0 30px 0 0;
	background-image:url('../../include/images/b_fleche-3.png');
	}
.obj_select.select-4 .jQueryScroll{
	border:1px solid #e8e8e8;
	background:#fff;
	}
/* -------------------------------------
 *   obj_filter 
 * ------------------------------------- */
.obj_filter{
	position:relative;
	z-index:2;
	float:left;
	margin:0 10px 0 0;
	width:185px;
	height:28px;
	}
.obj_filter > div{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:28px;
	border-radius:3px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	     -o-border-radius:3px;
	border:1px solid #ccc;
	background:url('../../include/images/b_filter.gif') left top repeat-x #f5f5f5;
	}
.obj_filter p a{
	display:block;
	height:28px;
	line-height:28px;
	padding:0 28px 0 10px;
	font-family:'FuturaBT-Medium';
	background:url('../../include/images/b_fleche.gif') right top no-repeat;
	}
.obj_filter p a:hover{
	color:#666;
	background-position:right -28px;
	}
.obj_filter p a.open{background-position:right -56px;}
.obj_filter p a.open:hover{background-position:right -84px;}

.obj_filter p.mention{
	color:#666;
	font-size:10px;
	margin:0 10px 5px 10px;
	padding:10px 0 0 0;
	border-top:1px solid #d2d2d2;
	}
.obj_filter ul{
	padding:0px 10px 10px 10px;
	}
.obj_filter li{
	color:#666;
	margin:0 0 5px 0;
	font-size:12px;
	}

/* -------------------------------------
 *   ctn_checkbox
 * ------------------------------------- */
.ctn_checkbox li{
	float:left;
	}

.checkbox{
	position:relative;
	padding:10px 0;
	text-align:left;
	font-size:12px;
	}
.checkbox label{
	display:block;
	}
.checkbox [role=checkbox]{
	display:inline-block;
	float:left;
	position:relative;
	width:14px; height:14px;
	margin:-2px 10px 0 0;
	border:1px solid #e6e6e6;
	cursor: pointer;
	}
.checkbox [role=checkbox] + label{
	width:calc(100% - 26px);
	float:left;
	}
.checkbox [role=checkbox] + label ~ label{
	clear:both;
	padding:5px 0 0;
	}
.checkbox [type=checkbox]{display:none;}
.checkbox [role=checkbox]:before{
	display:block; content:'';
	position:absolute;
	top:50%; left:50%;
	width:6px; height:12px;
	margin:-8px 0 0 -3px;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
			transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	opacity:0;
	}
.checkbox [role=checkbox][aria-checked=true]:before{
	opacity:1;
	}
	
/* -------------------------------------
 *   skin checkbox
 * ------------------------------------- */
.obj_checkbox{
	cursor:pointer;
	display:inline-block;
	padding:0 0 0 16px;
	position:relative;
	background:left top no-repeat;
	}
.obj_checkbox input{
	left:-10000px;
	position:absolute;
	}
.obj_checkbox::before{
	background:url('../../include/images/b_checkbox.png') left top no-repeat;
	content:"";
	height:13px;
	left:0;
	position:absolute;
	top:1px;
	width:13px;
	}
/* skin 2 */
.obj_checkbox.checkbox-2::before{
	background:url('../../include/images/b_checkbox-2.png') left top no-repeat;
	padding:0 0 0 18px;
	}
/* skin 3 */
.obj_checkbox.checkbox-3::before{
	background:url('../../include/images/b_checkbox-3.png') left top no-repeat;
	}

.obj_checkbox:hover::before{
	background-position:left -100px; 
	}
.obj_checkbox.checked::before{
	background-position:left -200px; 
	}
.obj_checkbox.checked:hover::before{
	background-position:left -300px; 
	}
.obj_checkbox.error::before{
	background-position:left -400px; 
	}
.obj_checkbox.error:hover::before{
	background-position:left -500px; 
	}

/* -------------------------------------
 *   ctn_radio
 * ------------------------------------- */
.ctn_radio li{
	float:left;
	}
/* -------------------------------------
 *   skin radio
 * ------------------------------------- */
.obj_radio{
	cursor:pointer;
	display:inline-block;
	padding:0 0 0 18px;
	position:relative;
	}
.obj_radio::before{
	background:url('../../include/images/b_radio.png') left top no-repeat;
	content:"";
	height:13px;
	left:0;
	position:absolute;
	top:2px;
	width:13px;
	cursor: pointer;
	}
/* skin 2 */
.obj_radio:hover::before{
	background-position:left -100px; 
	}
.obj_radio.checked::before{
	background-position:left -200px; 
	}
.obj_radio.checked:hover::before{
	background-position:left -300px; 
	}
.obj_radio.error::before{
	background-position:left -400px; 
	}
.obj_radio.error:hover::before{
	background-position:left -500px; 
	}
.obj_radio input[type=radio]{
	position:absolute;
	left:-10000px;
	}
/* -------------------------------------
 *   surcharge erreur
 * ------------------------------------- */
p.error,
.obj_form p.error,
p.error label,
.container .main .obj_form p.ctn_radio.error span,
.container .main .obj_form p.error label,
.container .main .obj_form li.error label,
.container .main .obj_form .ctn_select.error label,
.container .main .obj_form .ctn_checkbox-list.error label,
.ctnAOX_msgError p{
	color:#D9191F  !important;
	}
.text.error input{
	padding:0 9px;
	border:1px solid #bb6767;
	}
/* -------------------------------------
 *   template aox
 * ------------------------------------- */
.template-aox [aria-hidden=true]{
	display:none;
	}
.template-aox .row{
	min-height:15px;
	padding-left:25px;
	position:relative;
	}
.template-aox .row [role]{
	left:0;
	position:absolute;
	top:2px;
	}
.template-aox .row + .row{
	margin-top:12px;
	}
/* -------------------
 * input / textarea 
 * ---------------- */
.template-aox input[type=text],
.template-aox input[type=email],
.template-aox input[type=password],
.template-aox input[type=tel],
.template-aox textarea{
	width:100%;
	border:1px solid #f1f1f1;
	box-sizing:border-box;
	}
.template-aox .birthdate div,
.template-aox .date div{
	display:inline-block;
	font-size:0;
	}
.container .template-aox .birthdate div input,
.container .template-aox .date div input{
	margin-left:4.744525%;
	text-align:center;
	width:30.170316%;
	}
.container .template-aox .birthdate input:first-child,
.container .template-aox .date input:first-child{
	margin-left:0;
	}
/* ------------------------
 * role checkbox / radio 
 * --------------------- */
.template-aox [role=checkbox],
.template-aox [role=radio]{
	background:#f1f1f1;
	border:1px solid #E5E5E5;;
	display:inline-block;
	height:14px;
	margin:-2px 10px 0 0;
	position:relative;
	vertical-align:middle;
	width:14px;
	min-width:14px;
	cursor: pointer;
	}
.template-aox [role=checkbox]:focus,
.template-aox [role=radio]:focus,
.template-aox [role=checkbox]:hover,
.template-aox [role=radio]:hover{	
	box-shadow:inset 0 0 4px rgba(0, 0, 0, .15);
	}
.template-aox [role="checkbox"]::before {
	display: none;
}
.template-aox [role=checkbox]::after,
.template-aox [role=radio]::after{
	content:"";
	left:50%;
	position:absolute;
	top:50%;
	transition: -webkit-transform .15s;
	transition: 		transform .15s;
	}
/* checkbox */
.template-aox [role=checkbox]::after{
	border-color:#1981AD;
	border-style:solid;
	border-width:0 0 4px 4px;
	height:5px;
	margin:-6px 0 0 -5px;
	-webkit-transform:rotate(-45deg) scale(0);
		-ms-transform:rotate(-45deg) scale(0);
			transform:rotate(-45deg) scale(0);
	width:10px;
	}
.template-aox input:checked + [role=checkbox]::after{
	-webkit-transform:rotate(-45deg) scale(1);
		-ms-transform:rotate(-45deg) scale(1);
			transform:rotate(-45deg) scale(1);
	}
/* radio */	
.template-aox [role=radio]{
	border-radius:50%;
	}
.template-aox [role=radio]::after{
	background:#1981AD;
	border-radius:50%;
	height:10px;
	margin:-5px 0 0 -5px;
	-webkit-transform:scale(0);
		-ms-transform:scale(0);
			transform:scale(0);
	width:10px;
	}
.template-aox input:checked + [role=radio]::after{
	-webkit-transform:scale(1);
		-ms-transform:scale(1);
			transform:scale(1);
	}
/* ---------
 * select 
 * ------ */	
.template-aox [role=combobox]{
	background:#f1f1f1;
	border:1px solid #f1f1f1;
	box-sizing:border-box;
	display:block;
	height:28px;
	line-height:28px;
	padding:0 10px;
	position:relative;
	}
.template-aox [role=combobox]::after{
	border-color:#000;
	border-style:solid;
	border-width:0 1px 1px 0;
	content:"";
	height:10px;
	margin:-8px 0 0;
	position:absolute;
	right:15px;
	top:50%;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	-webkit-transform-origin:8px 8px;
		-ms-transform-origin:8px 8px;
			transform-origin:8px 8px;
	transition:transform .15s;
	width:10px;
	}
.template-aox [role=combobox][aria-expanded=true]::after{
	-webkit-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
			transform:rotate(225deg);
	}
.template-aox [role=combobox] + div{
	background:#f1f1f1;
	position:absolute;
	width:100%;
	}
.template-aox [role=combobox] + div .jQueryScroll{
	max-height:150px;
	}
.template-aox [role=combobox] + div ul{
	margin:0;
	}
.template-aox [role=combobox] + div li{
	cursor:pointer;
	padding:5px 10px;
	}
.template-aox [role=combobox] + div li:hover,
.template-aox [role=combobox] + div li[aria-selected=true]{
	background:#ddd;
	}	
/* --------
 * error
 * ----- */	
.template-aox input[type=text].error,
.template-aox input[type=email].error,
.template-aox input[type=url].error,
.template-aox input[type=tel].error,
.template-aox input[type=password].error,
.template-aox textarea.error,
.template-aox [role=checkbox].error,
.template-aox [role=radio].error,
.template-aox [role=combobox].error,
.template-aox .button .error{
	border-color:#bb6767;
	}
.container .txt-error{
	color:#bb6767;
	}
.template-aox .obj_field-info{
	min-width: 100%;
	}
.template-aox .obj_field-info  .missing-content-alert {
	margin-top: 10px;
	font-size: 13px;
	color: #e80000;
	display: block;
	}

/** CAPTCHA **/	

/*
.obj_recaptcha {
	margin: 0 0 20px;
	}	
.obj_recaptcha .g-recaptcha {
    display: inline-block;
    width: 270px;
    height: 78px;	
	}
*/

.obj_recaptcha {
	overflow: hidden;
	display: block;
	margin: 30px auto;
	text-align: center;
	}
.obj_recaptcha > div {
	display: inline-block;
	max-width: 100%;
	}
.obj_recaptcha.error > div {
	display: inline-block;
	border: 1px solid #d95f6d;
	}

.obj_recaptcha.var_left {
	text-align: left;
	}
.obj_recaptcha.var_right {
	text-align: right;
	}

@media screen and (max-width: 344px) {

	.obj_recaptcha > div {
		transform: scale(.88372093);
		-ms-transform: scale(.88372093);
		-webkit-transform: scale(.88372093);
		transform-origin: left top;
		-ms-transform-origin: left top;
		-webkit-transform-origin: left top;
		}
	
	}

/** Modifs TemplateAOX RGPD **/

.template-aox .ctn_form-element + .ctn_form-element {
	margin-top: 10px;
	}
.template-aox .ctn_form-element label {
	margin-right: 10px;
	}
.template-aox .ctn_form-element label sup{
	line-height: 0;
	}
.template-aox .ctn_rating span[role=radio] {
	display: inline-block;
	position: relative;
	height: 20px;
	width: 20px;
	margin: 0 2px 0 0;
	padding: 0;
	text-indent: -10000px;
	border-radius: 0;
	box-shadow: none;
	border: none;
	background: url(../../include/images/v_rating.png) no-repeat left top / 20px auto;
	}
.template-aox .ctn_rating span[role=radio]:hover,
.template-aox .ctn_rating span[role=radio]:focus,
.template-aox .ctn_rating span[role=radio].over,
.template-aox .ctn_rating span[role=radio][aria-checked=true] {
    background-position: left -20px;
	cursor: pointer;
	}
.template-aox .ctn_rating span[role=radio].error {
    background-position: left -40px;
	}
.template-aox .ctn_rating span[role=radio].error:hover,
.template-aox .ctn_rating span[role=radio].error:focus,
.template-aox .ctn_rating span[role=radio].error.over,
.template-aox .ctn_rating span[role=radio][aria-checked=true].error {
    background-position: left -60px;
	}

.template-aox .ctn_radio .ctn_disclaimer {
   margin-top: 10px;
	}


/* -------
 * Module password AOX
 * ------- */
 .ctn_pattern {
 	width: 100%;
 	position: relative;
 }
.ctn_pattern .ctn_progress {
	height : 0px;
	overflow : hidden;
	transition : height 0.3s ease-in-out;
}
.ctn_pattern .ctn_progress.is_visible {
	height : 22px;
	padding-top: 5px
}
.ctn_pattern .ctn_progress .ctn_bloc {
	position : relative;
	padding : 9px 50px 0 10px;
}

.ctn_pattern .obj_progress {
	width : 10%;
	height : 5px;
	margin : 2px 0 0 0;
	border-radius : 2px;
	background : #ad5151;
	transition : width 0.3s ease-in-out;
}
.ctn_pattern .obj_progress[data-step="ko"] {
	width : 50%;
	background : orange;
}
.ctn_pattern .obj_progress[data-step="ok"] {
	width : 100%;
	background : #3c9f00;
}

.ctn_pattern .ctn_infos {
	max-height : 0px;
	overflow : hidden;
	transition : max-height 0.3s ease-in-out;
}
.ctn_pattern .ctn_infos.is_visible{ 
	max-height : 100px; 
	}
.ctn_pattern .ctn_infos .ctn_bloc {
	position : relative;
	padding : 0 10px;
}
.ctn_pattern .ctn_infos ul {
	margin : 0;
	text-align : left;
}


.ctn_pattern .ctn_infos ul{
	color:#666;
}
.ctn_pattern .ctn_infos ul .error{
	color:#ad5151;
	}
.ctn_pattern .ctn_infos ul .valid{
	color:#3c9f00;
	}

.ctn_pattern .ctn_input {
	position : relative;
	display : block;
	width : 272px;
	margin : 0 auto;
	vertical-align : middle;
}
.ctn_pattern .ctn_input input {
	box-sizing : border-box;
	width : 100%;
}

.ctn_pattern .obj_btn svg {
	height : 12px;
	width : auto;
	margin-top : 7px;
	fill : currentColor;
}

.ctn_pattern .obj_btn.btn_info {
	position : absolute;
	top : 2px;
	right : 14px;
	display : block;
	width : 20px;
	height : 20px;
	padding : 0;
	margin : 0;
	color : #666;
	border : none;
	border-radius : 50%;
	cursor: pointer;
}

.ctn_pattern .obj_btn.btn_info svg {
	margin-top : 3px;
	height : 10px;
}

.ctn_pattern .obj_btn.btn_switch {
	position : absolute;
	top : -30px;
	right : 10px;
	width : 30px;
	height : 30px;
	padding : 0;
	margin : 0;
	border : none;
	border-radius : 0;
	background : none;
	z-index : 0;
	
	opacity : 0.3;
	transition : opacity 0.3s;
}
.ctn_pattern .obj_btn.btn_switch:after {
	content : '';
	position : absolute;
	top : 8px;
	left : 8px;
	display : block;
	width : 21px;
	height : 2px;
	background : black;
	z-index : 2;
	
	transform-origin : 0 0;
	transform : rotate(45deg);
}
.ctn_pattern .obj_btn.btn_switch.is_visible:after { display : none; }
.ctn_pattern .obj_btn.btn_switch:hover { background : none; }

.obj_btn.btn_switch svg { margin-top : 5px; }
	
	
	
	
/* ========================================
 * $ = JQUERYSCROLL
 * ======================================== */
.jspContainer{overflow: hidden;position: relative;}
.jspPane { position: absolute; }
.jspVerticalBar {background:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px;width: 5px; right: 2px; position: absolute; top: 0; height: 100%;}
.jspHorizontalBar {background: transparent; width: 5px; bottom: 2px; position: absolute; left: 0; width: 100%;}
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: transparent; position: relative; }
.jspDrag { background: #666;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }


* html .jspCorner { margin: 0 -3px 0 0; }

/* ========================================
 * $ = 14 - Event Article
 * ======================================== */
.obj_article-event { padding : 147px 0 0 0; }

/* ========================================
 * $ = 14 - Authorized Retailer
 * ======================================== */
.t_authorized-retailer{
	width:160px; height:26px;
	background:url('../../include/images/v_authorized-retailer.png') 0 0 / 160px auto no-repeat;
	text-indent:-10000px;
	}

/* ========================================
 * $ = best sellers
 * ======================================== */
.ctn_best_sellers {
	max-width:1400px;
	margin:0 auto 50px;
	padding:180px 0 50px;
	overflow:hidden;
	}
.ctn_best_sellers .obj_carrousel.products{
	margin-bottom:0;
	}
.ctn_best_sellers .masque{
	position:relative;
	max-width:900px; 
	padding: 0 0 0 0;
	overflow:hidden;
	}	
.ctn_best_sellers .items {
    height: 100%;
    position: absolute;
    width: 100000px;
    z-index: 1;
	}
.ctn_best_sellers .obj_carrousel.products .item{
	float:left;
	height:auto;
	min-width:230px;
	text-align: center;
	}
.ctn_best_sellers .obj_carrousel.products .item .obj_product {
	display: inline-block; 
	float:none;
	margin:0 auto;
	max-width:240px;
	padding-bottom:48px;
	width:auto;
	text-align: center;
	}
.ctn_best_sellers .obj_carrousel.products .item .obj_product .pPhilosophy {
    left: 0;
    right: 0;
    top: 0;
	}
.ctn_best_sellers .obj_carrousel.products .item .obj_product figure a{
	display:block;
	}
.ctn_best_sellers .obj_carrousel.products .nav {
    position:absolute;
	z-index:30;
	top:170px;
	width:952px;
	margin:0 auto;		
	}	
.ctn_best_sellers .obj_carrousel.products .nav button{
	display:block;
	width:22px; height:40px;
	border:0;
	margin:0;
	padding:0;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:0.7;
	}	
.ctn_best_sellers .obj_carrousel.products .nav button:hover{
	opacity:1;
	}	
.ctn_best_sellers .obj_carrousel.products .nav .b_prev {
    position:absolute;
	left:0px;
	background:transparent url("../../resources/home/images/b_prev.gif") no-repeat left top / 22px auto;
	}
.ctn_best_sellers .obj_carrousel.products .nav .b_next {
    position:absolute;
	right:0px;
	background:transparent url("../../resources/home/images/b_next.gif") no-repeat left top / 22px auto;
	}
.ctn_best_sellers .obj_carrousel.products .nav button.disabled{
	opacity:0;
	}

.ctn_best_sellers .wrapper_best-sellers{
	width:1080px;
	overflow: hidden;
	margin:0 auto;
	padding:50px 75px;
	box-sizing:border-box;
	background:#fff;
	box-shadow:2px 2px 40px #d5d5d6;
	}	

.ctn_best_sellers header {
    margin-bottom: 16px;
	}
.ctn_best_sellers header h2 {
    color: #449ebb;
    font: 48px/22px "FuturaBT-Light",arial;
    text-transform: uppercase;
	}
.ctn_best_sellers .obj_product{
	padding-bottom:38px;
}
.ctn_best_sellers .obj_product img {
    height:280px;
	margin:0 auto;
    width: auto;
	}
.ctn_best_sellers .obj_product header {
    margin: 0 auto;
    padding: 14px 0 0;
    width: auto !important;
    text-align: center;
	}
.ctn_best_sellers .obj_product .pPhilosophy span {
	width: 45px; height: 12px; 
    border: 0 none;
    border-radius: 3px;
    display: inline-block;
    padding: 2px 5px;
	background-color: #008ab0; 
	font: 9px/12px "FuturaBT-Bold",arial; 
	text-align: center;
	color: #ffffff; 
	}
.ctn_best_sellers .obj_product h3 {
	margin-bottom: 10px;
	color:#000;
	font: 12px/14px "FuturaBT-Bold",arial; 
	}
.ctn_best_sellers .obj_product p:not([class]){
	margin:-10px 0 10px;
	text-transform:none;	
	}
.ctn_best_sellers .obj_product .baseline{
	color:#008ab0;
	font-size:10px;
	margin:0 0 10px;	
	}		
.ctn_best_sellers .ctn_bt {
	color: #2e9ebe; 
	font: 10px/10px "FuturaBT-Bold",arial;
	margin:0;
	text-transform: uppercase; 
	}
.ctn_best_sellers .ctn_bt span{
	font: 10px/10px "FuturaBT-Light",arial;
	}
.ctn_best_sellers .ctn_order{
	bottom:0;
	left:0;
	margin:0;
	position:absolute;
	width:100%;
	}
.ctn_best_sellers .ctn_order .b_border-gradient{
	display:inline-block;
	}	
/* ========================================
 * $ = best sellers
 * ======================================== */
.widget_popin_newsletter{
	display: none;
	position: fixed;
	z-index: 9999;
	top: 50%; right: 0;
	width: 100%; max-width: 365px;
	transform: translateY(-50%);
	text-align: center;
	background: white;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
	}
.widget_popin_newsletter.popin-open{
	display: block;
	}
.widget_popin_newsletter.popin-close{
	display: none;
	}
.widget_popin_newsletter .close{
	display:inline-block;
	position: absolute;
	padding: 0;
	right: 0; top: 0;
	width: 28px; height: 28px;
	border: none;
	cursor: pointer;
	background: url('../../include/images/b_monochrome.gif') right -168px no-repeat #333;
	}
	
.widget_popin_newsletter > div{
	padding: 40px 40px 45px 40px;
	}
.widget_popin_newsletter h2{
	font: 20px/21px 'FuturaBT-Medium';
	}
.widget_popin_newsletter h3{
	padding: 5px 0 100px 0;
	margin-bottom: 25px;
	font: 14px/20px 'FuturaBT-Book';
	background: url('../../include/images/v_widgetNL.jpg') center bottom no-repeat;
	}
.widget_popin_newsletter form{
	font-size: 0;
	text-align: center;
	}	
.widget_popin_newsletter form input[type=text],
.widget_popin_newsletter form input[type=email],
.widget_popin_newsletter form input[type=password]{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 60%; height: 35px;
	padding: 0 0 0 15px;
	font: 14px/35px 'FuturaBT-Book';
	color: #a2a2a2;
	border: solid 1px #e6e6e6;
	background: white;
	-webkit-appearance: none;
	}
.widget_popin_newsletter form .error{
	border-color: red;
	}
	
.widget_popin_newsletter form .btn_submit{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 40%; height: 35px;
	padding: 0;
	margin-left: -5px;
	font: 14px/35px 'FuturaBT-Book';
	color: white;
	text-transform: uppercase;
	border: none;
	border-radius: 5px;
	background: #30312f;
	cursor: pointer;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	}
.widget_popin_newsletter form .btn_submit:focus,
.widget_popin_newsletter form .btn_submit:hover{
	background: black;
	}
.widget_popin_newsletter form p{
	margin-top: 15px;
	font: 12px/12px 'FuturaBT-Book';
	}
.widget_popin_newsletter form p.t_error{
	color: red;
	}
/* ========================================
 * $ = google-search
 * ======================================== */	
.obj_google-search > div{
	background:#fff;
	height:30px;
	overflow:hidden;
	}
.obj_google-search form{
	font-size:inherit;
	margin:0;
	}
.obj_google-search table{
	margin:0;
	}
.obj_google-search .gsc-input-box{
	background:none;
	border:none;
	box-shadow:none;
	height:30px;
	}
.obj_google-search .gsib_a{
	padding:0;
	}
.obj_google-search input[type=text]{
	background:none;
	box-sizing: border-box;
	border:none;
	height:30px;
	padding:0 10px;
	width:100%;
	}
.obj_google-search input[type=text]::-moz-placeholder{
	font-size:inherit !important;
	}
.obj_google-search .gsc-search-button{
	background:#1c1c1c;
	border:none;
	font-size:14px;
	height:30px;
	position:relative;
	text-align:center;
	transition:background .25s, color .25s;
	width:30px;
	}
.obj_google-search .gsc-search-button:hover{
	background:#1c1c1c;
	}
.obj_google-search .gsc-search-button-v2{
	border-radius:0;
	box-sizing: border-box;
	height:100%;
	left:0;
	margin:0;
	padding:8px;
	position:absolute;
	top:0;
	width:100%;
	}
.obj_google-search .gsst_b{
	top:-4px;
	}
.obj_google-search .gsst_a,
.obj_google-search .gscb_a{
	background:none !important;
	padding:0;
	vertical-align:middle;
	}
body .gssb_c{
	margin-top:-3px;
	z-index:10001
	}
body .gssb_c .gssb_e{
	box-shadow:none
	}
body .gssb_c .gsc-completion-container{
	background:#1c1c1c;
	border:none;
	box-shadow:none;
	color:#fff;
	}
body .gssb_c .gssb_a{
	padding:10px;
	} 
body .gssb_c .gssb_a:hover,
body .gssb_c .gsc-completion-selected .gssb_a{
	background:#1c1c1c;
	color:#fff;
	}

/* ========================================
 * $ = Forgot password
 * ======================================== */

.pg_form-mdp .container .firstArticle { padding-top : 75px; }
.obj_form.forgotpassword { padding-bottom : 75px; }
.obj_form.forgotpassword fieldset {
	position : relative;
	width : 410px;
}
.obj_form.forgotpassword fieldset ~ fieldset { margin-top : 10px; }
div.main .obj_form.forgotpassword form fieldset p { margin-bottom : 0; }
div.main .obj_form.forgotpassword form fieldset p label {
	display : inline-block;
	width : 40%;
}
div.main .obj_form.forgotpassword form fieldset p input { width : 55%; }

.obj_form.forgotpassword button,
.obj_form.forgotpassword button:before,
.obj_form.forgotpassword button:after {
	cursor : pointer;
	outline : none ;
}
.obj_form.forgotpassword button[type=button] {
	display : inline-block;
	margin : 0 auto 15px auto;
	padding : 10px 15px;
	border-radius : 4px;
	border : none;
	background : #f0f0f0;
	}
.obj_form.forgotpassword button[type=button]:hover { background:#dcdcdc; }
.obj_form.forgotpassword button[type=reset] {
	display : inline-block;
	margin : 0 auto;
	background : none;
	border : none;
	color : #777;
}
.obj_form.forgotpassword button[type=reset]:hover { background : none; }

.obj_form.forgotpassword .obj_btn svg {
	height : 12px;
	width : auto;
	margin-top : 7px;
	fill : currentColor;
}

.obj_form.forgotpassword .obj_btn.btn_info {
	position : absolute;
	top : 2px;
	right : 14px;
	display : block;
	width : 20px;
	height : 20px;
	padding : 0;
	margin : 0;
	color : #666;
	border : none;
	border-radius : 50%;
}

.obj_form.forgotpassword .obj_btn.btn_info svg {
	margin-top : 3px;
	height : 10px;
}

.obj_form.forgotpassword .obj_btn.btn_switch {
	position : absolute;
	top : -29px;
	right : 10px;
	width : 30px;
	height : 30px;
	padding : 0;
	margin : 0;
	border : none;
	border-radius : 0;
	background : none;
	z-index : 0;
	
	opacity : 0.3;
	transition : opacity 0.3s;
}
.obj_form.forgotpassword .obj_btn.btn_switch:after {
	content : '';
	position : absolute;
	top : 8px;
	left : 8px;
	display : block;
	width : 22px;
	height : 2px;
	background : black;
	z-index : 2;
	
	transform-origin : 0 0;
	transform : rotate(45deg);
}
.obj_form.forgotpassword .obj_btn.btn_switch.is_visible:after { display : none; }
.obj_form.forgotpassword .obj_btn.btn_switch:hover { background : none; }

.obj_form.forgotpassword .obj_btn.btn_switch svg { margin-top : 5px; }

.obj_form.forgotpassword .errorInfo .obj_picto {
	position : absolute;
	top : 5px;
	right : -20px;
	width : 20px;
	height : 20px;
	border-radius : 50%;
	color : white;
	background : #d95f6d;
}
.obj_form.forgotpassword .errorInfo .obj_picto svg {
	height : 14px;
	margin-top : 3px;
	margin-left : 9px;
	fill : currentColor;
}
.obj_form.forgotpassword .errorInfo .t_msg {
	padding-top : 5px;
	margin : 0;
	font-weight : bold;
	font-size : 11px;
	color : #d95f6d;
}

.obj_form.forgotpassword .ctn_progress {
	height : 0px;
	overflow : hidden;
	transition : height 0.3s ease-in-out;
}
.obj_form.forgotpassword .ctn_progress.is_visible { height : 27px;}
.obj_form.forgotpassword .ctn_progress .ctn_bloc {
	position : relative;
	padding : 9px 50px 0 10px;
}

.obj_form.forgotpassword .obj_progress {
	width : 10%;
	height : 5px;
	margin : 2px 0 0 0;
	border-radius : 2px;
	background : red;

	transition : width 0.3s ease-in-out;
}
.obj_form.forgotpassword .obj_progress[data-step="ko"] {
	width : 50%;
	background : orange;
}
.obj_form.forgotpassword .obj_progress[data-step="ok"] {
	width : 100%;
	background : green;
}

.obj_form.forgotpassword .ctn_infos {
	height : 0px;
	overflow : hidden;
	transition : height 0.3s ease-in-out;
}
.obj_form.forgotpassword .ctn_infos.is_visible{  height : 60px;  }
.obj_form.forgotpassword .ctn_infos .ctn_bloc {
	position : relative;
	padding : 0 10px;
}
.obj_form.forgotpassword .ctn_infos ul {
	margin : 0;
	text-align : left;
}
.obj_form.forgotpassword .ctn_infos ul .error { color : #ad5151; }
.obj_form.forgotpassword .ctn_infos ul .valid { color : #070; }
div.main .obj_form.forgotpassword .ctn_bt {
	margin-top : 30px;
	font-size : 0;
}
div.main .obj_form.forgotpassword .ctn_bt .b_gradient { font-size : 12px; }
div.main .obj_form.forgotpassword .ctn_bt .b_gradient ~ .b_gradient { margin-left : 10px; }

div.main .obj_form.forgotpassword .cf-turnstile { margin-top: 30px; }

/* ========================================
 * $ = gdpr
 * ======================================== */

.ctn_gdpr {
	position: relative;
	margin: 20px 0;
	text-align: left;
	}
.ctn_gdpr > .ctn_gdpr {
	margin: 15px 0 0 0;
	}
.ctn_gdpr p,
.ctn_gdpr label,
.ctn_gdpr .label,
.input-line .ctn_gdpr .label {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.2;
	color: #666666;
    text-transform: inherit;
	}
.ctn_gdpr label + label,
.ctn_gdpr .label + .label {
	margin-top: 0px;
	}
.ctn_gdpr p + p,
.ctn_gdpr label:not(.hidden) + label,
.ctn_gdpr .label:not(.hidden) + .label {
	margin-top: 10px;
	}
.ctn_gdpr a {
	color: inherit;
	text-decoration: underline;
	}
.ctn_gdpr a:hover {
	text-decoration: none;
	}
.ctn_gdpr span[role=checkbox] {
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 99;
	}
.ctn_gdpr span[role=checkbox] ~ label,
.ctn_gdpr span[role=checkbox] ~ .label {
	padding-left: 30px;
	}
.ctn_gdpr span[role=radio] ~ label,
.ctn_gdpr span[role=radio] ~ .label {
	width: auto;
	margin-right: 20px;
	}

/* ////////////////////////////////////////////
 *
 *	$ = SURCHARGE RETINA
 *
 * ///////////////////////////////////////// */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){
	
	/* logo skinceuticals */
	header.main .ctn_nav h1 a,
	header.main .ctn_nav .logo-skinc a,
	.ctn_about-skinceuticals h2{
		background-size:285px 41px;
		background-image:url('../../include/images/v_logo-skinCeuticals-header-EU_HD.png');
		}
	/* field search */
	header.main .ctn_nav .obj_research input{
		background-size:14px 9px;
		background-image:url('../../include/images/f_field-search_HD.gif');
		}
	/* b_monochrome */
	a.b_monochrome{
		background-size:28px 196px;
		background-image:url('../../include/images/b_monochrome_HD.gif');
		}
	a.b_monochrome.alpha{
		background-image:url('../../include/images/b_monochrome-alpha_HD.gif');
		}
	a.b_print{
		background-image:url('../../include/images/b_print_HD.png');
		background-size:47px auto;
		}
	/* b_download */
	a.b_bloc .download{
		background-image:url('../../include/images/i_download_HD.png');
		background-size:10px auto;
		}
	.b_liked{
		background-size:auto 40px;
		background-position:right top;
		}
	.b_liked.active{
		background-position:right bottom;
		}
	/* b_ribon */
	.b_ribon{
		background-size:30px auto;
		background-position:right top;
		}
	/* b_redo */
	.b_redo{
		background-size:36px auto;
		background-position:right top;
		}
	/* obj_paging */
	.obj_paging .b_prev,
	.obj_navpages .prev{
		background-image:url('../../include/images/b_fleche-left-12x20.png');
		background-size:6px auto;
		}
	.obj_paging .b_next,
	.obj_navpages .next{
		background-image:url('../../include/images/b_fleche-right-12x20.png');
		background-size:6px auto;
		}
	/* social meida */
	/*
	.obj_social-media a{
		background-size:192px 24px;
		background-image:url('../../include/images/b_social-media02_HD.png');
		}
	*/	
	/* hexa nav */
	.obj_nav-hexa > span{
		background-size:22px 57px;
		background-image:url('../../include/images/b_nav-hexa_HD.png'); 
		}
	.obj_nav-hexa a{
		background-size:22px 57px;
		background-image:url('../../include/images/b_nav-hexa_HD.png'); 
		}
	/* form */
	.obj_checkbox::before{
		background-image:url('../../include/images/b_checkbox_HD.png');
		background-size:12px 600px;
		}
	.obj_checkbox.checkbox-2::before{
		background-image:url('../../include/images/b_checkbox-2_HD.png');
		background-size:13px 600px;
		}
	.obj_checkbox.checkbox-3::before{
		background-image:url('../../include/images/b_checkbox-3_HD.png');
		background-size:13px 600px;
		}
	.obj_radio::before{
		background-image:url('../../include/images/b_radio_HD.png');
		background-size:13px 600px;
		}
		
	/* fleche */
	/*.obj_carrousel .nav.arrow li a*/
	
	.obj_select > div p a,
	.obj_filter p a{
		background-size:28px 112px;
		background-image:url('../../include/images/b_fleche_HD.gif');
		}	
	.obj_select.select-3 > div p a{
		background-size:28px 112px;
		background-image:url('../../include/images/b_fleche-3_HD.png');
		}
	/* b_plus */
	header.main .ctn_nav .ctn_research > p a{
		background-size:11px 11px;
		background-image:url('../../include/images/b_plus_HD.png');
		}	
	
	/* b_remove */
	a.b_remove{
		background-size:20px 40px;
		background-image:url('../../include/images/b_remove_HD.png');
		}
		
	/* round nav */
	.obj_carrousel .nav.round a{
		background-size:14px 28px;
		background-image:url('../../include/images/b_round-nav_HD.png');
		}
		
	/* bulle */
	.obj_skin-icons li a span,
	.obj_nav-hexa a span{
		background-size:760px 32px;
		background-image:url('../../include/images/f_gray-bulle_HD.gif');
		}
	
	/* regimen */	
	.obj_regimen h4{
		background-size:52px 102px;
		background-image:url('../../include/images/i_regimen_HD.gif');
		}
	
	/* skin */	
	.obj_skin-icons li a{
		background-size:204px 68px;
		background-image:url('../../include/images/i_skin_HD.png');
		}
	
	/* plus */
	.puces.plus li{
		background-size:8px 8px;
		background-image:url('../../include/images/v_plus-2_HD.gif');
		}
		
	/* puces */
	.ctn_article-content ul li,
	.puces li,
	article.generique ul li{
		background-size:4px 4px;
		background-image:url('../../include/images/v_puce_HD.png');
		}
	.puces li ul li,
	article.generique li ul li{
		background-size:4px 4px;
		background-image:url('../../include/images/v_puce-2_HD.png');
		}
		
	/* stars */	
	.obj_rating-customers span,
	.obj_evaluation label{
		background-size:82px 154px;
		background-image:url('../../include/images/v_stars-82x14_HD.png');
		}	
	.obj_rating-customers.v2 span,
	.obj_evaluation.v2 label{
		background-image:url('../../include/images/v_stars-82x14_HD-v2.png');
		}
	.obj_rating-customers.xl span,
	.obj_evaluation.xl label{
		background-size:122px 231px;
		background-image:url('../../include/images/v_stars-122x21_HD.png');
		}
	.obj_rating-customers.xl.v2 span,
	.obj_evaluation.xl.v2 label{
		background-image:url('../../include/images/v_stars-122x21_HD-v2.png');
		}
	.obj_evaluation.xl label:hover,
	.obj_evaluation.xl label.over,
	.obj_evaluation.xl label.on{
		background-position:-49px -126px; 
		}
	/* obj_product-2 */
	.obj_product-2 q:before,
	.obj_product-2 q:after{
		background-image:url('../../include/images/i_quote_HD.png');
		background-size:24px auto;
		}	
	/* faq */
	.obj_faq article header h3,
	.obj_faq article header h3 a.open{
		background-size:14px 7px;
		background-image:url('../../include/images/b_faq-open_HD.gif');
		}
	.obj_faq article header h3 a{
		background-size:14px 7px;
		background-image:url('../../include/images/b_faq-close_HD.gif');
		}
	
	/* protocols */	
	.pg_protocols .obj_hero section .ctn_top a{
		background-size:26px 12px;
		background-image:url("../../include/images/b_faq-close02_HD.gif");
		}
	.pg_protocols .obj_hero section .ctn_top a.open{
		background-size:26px 12px;
		background-image:url("../../include/images/b_faq-open02_HD.gif");
		}
}


/* ============================= *
 * OBJ VIDEO PLAYER
 * ============================= */
.obj_section-video{
	height: auto;
	max-width: 960px;
	margin: 0 auto 80px;
	box-sizing: border-box;
	font-family: 'FuturaBT-Light', Arial;
	}
.obj_section-video .t_collapse{
	padding: 0 0 10px;
	font-size: 25px;
	color: #22799f;
	text-transform: uppercase;
	font-family: 'FuturaBT-Medium', arial;
	}
.obj_section-video h3{
	padding: 0 0 20px;
	font-size: 16px;
	color: #333;
	text-transform: inherit;
	font-family: 'FuturaBT-Heavy', arial;
	}
.obj_section-video p{
	font-size: 16px;	
	}
.obj_section-video .t_desc{
	max-width: 75%;	
	}
.obj_section-video .ctn_player{
	height: 540px;
	padding: 20px 0 0;
	}
.obj_section-video .obj_player{
	position: relative;
	}
.obj_section-video .obj_player img{
	max-width: 100%;
	max-height: 100%;
	}	
.obj_section-video .ctn_player .obj_player{
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 100%;
	text-align: center;
	}
.obj_section-video .ctn_player .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 0.2s;
	}
.obj_section-video .ctn_player .obj_player:hover::before{
	transform: translate(-50%,-50%) scale(1.2);
	}

@media screen and (max-width: 767px) {
	.obj_section-video{
		max-width: 100%;
		margin: 0 auto 40px;
		padding: 0 15px;
		}
	.obj_section-video .t_collapse{
		font-size: 21px;
		}
	.obj_section-video .ctn_player{
		height: 220px;
		max-height: 220px;
		padding: 10px 0 0;
		}
	.obj_section-video h3{
		padding: 0 0 10px;
		}
	.obj_section-video p{
		font: 16px/1.2em 'FuturaBT-Light',arial;
		}
	.obj_section-video .t_desc {
		max-width: 100%;
		}
}

/* ============================= *
 * 18 STICKYBAR
 * ============================= */
.pg_home.v2 .container section.section_stickybar,
.section_stickybar {
    display: none;
    margin-top: 0 !important;
	margin-bottom: 0;
	width: 100%;
	max-width: inherit;
	background: #1981AD;
    }
.section_stickybar.is-active {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    transition: all .2s ease;
    }
/***/
.section_stickybar .ctn_section{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
	height: 100px;
  	box-sizing: border-box;
	max-width: 960px;
    padding: 20px 0;
    align-items: center;
    }
.section_stickybar .t_title {
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    }
.section_stickybar .t_title strong{
	font-family: "FuturaBT-Bold", "Arial", sans-serif;
	}
.section_stickybar .t_desc{
    width: 320px;
    flex-grow: 0;
	font-size: 14px;
	font-family: "FuturaBT-Light", "Arial", sans-serif;
	color: #fff;
    }
.section_stickybar .t_desc strong{
	font-family: "FuturaBT-Medium", "Arial", sans-serif;
	}
.section_stickybar .obj_btn{
	padding: 15px 20px;
	font-family: "FuturaBT-Bold", "Arial", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	box-sizing: border-box;
	color: #1981AD;
	text-align: center;
	background-color: #fff;
	transition: all .2s ease;
	}
.section_stickybar .obj_btn:hover{
	color: #fff;
	background-color: #18769E;
	}
.section_stickybar .b_close {
    position: absolute;
	right: 40px;
    cursor: pointer;
    z-index: 99;
    height: 28px;
    width: 28px;
	border: 0;
	color: #30312F;
    background: #fff;
    transition: all .2s ease;
    }
.section_stickybar .b_close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #30312F;
    width: 14px;
    height: 14px;
    }
.section_stickybar .b_close:hover{
    background: #18769E;
    }
.section_stickybar .b_close:hover svg{
    fill: #fff;
    }
.section_stickybar.is-hidden{
    transition: max-height .2s ease;
    max-height: 0;
    }

@media screen and (max-width: 1200px) {
	.section_stickybar .ctn_section{
		position: relative;
		height: auto;
		padding: 20px;
		flex-flow: column nowrap;
		align-items: flex-start;
		}
	.section_stickybar .b_close {
		right: 20px;
		}
	.section_stickybar .t_title,
	.section_stickybar .t_desc{
		margin-bottom: 10px;
		}
}

/***/
@media screen and (max-width: 767px) {
    .section_stickybar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
		box-sizing: border-box;
        }
    .section_stickybar .ctn_image {
        height: var(--aox-90px);
        width: var(--aox-90px);
        }
    .section_stickybar .t_price {
        padding: var(--aox-25px) var(--aox-10px);
        }
    .section_stickybar .ctn_btn .btn_default {
        padding: var(--aox-18px) var(--aox-40px);
        width: var(--aox-260px);
        }
    .section_stickybar .t_title,
    .section_stickybar .t_desc {
        width: 90%;
        padding: 0;
        }
    .section_stickybar .obj_btn {
        width: 100%;
        }
    }