/* //////////////////////////////////////////////////////////
 *
 * VICHY 2016 - MYVICHY
 *
 * /////////////////////////////////////////////////////// */
/* ==========================================================
 * SURCHARGE
 * ======================================================= */
/* ----------------------------------------------------------
 * BUTTON
 * ------------------------------------------------------- */
.button.old-blue .btn-bg{
	background-color:#4d73a2;
	}
.button.old-blue.has-border {
	border-color: #4d73a2;
	}
.button.old-blue:not(.disabled):hover, 
.button.old-blue:not(.disabled).hover {
	color: #4d73a2 !important;
	}	
/* ----------------------------------------------------------
 * BENEFITS
 * ------------------------------------------------------- */
.obj_benefits{
	background:#fff;
	margin-bottom:0;
	padding-bottom:60px;
	}
.obj_carrousel + .obj_benefits{
	margin-top:60px;
	}
.obj_benefits .slider ul .slide{
	margin: 0 15px;
	}
.obj_benefits .button{
	color:#85b6d5;
	}
.obj_benefits .button svg{
	fill:#1c213f;
	}

.obj_benefits a:hover .button svg{
	fill:#fff;
	}
/* ----------------------------------------------------------
 * BREADCRUMB
 * ------------------------------------------------------- */
.breadcrumb-container{
	position:relative;
	z-index:2;
	}
.breadcrumb-container .breadcrumb .breadcrumb-item a,
.breadcrumb-container .breadcrumb .breadcrumb-item span{
	color:#fff;
	opacity:.6;
	}
.breadcrumb-container .breadcrumb .breadcrumb-item svg{
	fill:#fff;
	opacity:.6;
	}
.breadcrumb-container .breadcrumb .breadcrumb-item a:hover{
	opacity:1;
	}
/* ----------------------------------------------------------
 * TITLE STRING
 * ------------------------------------------------------- */
.title_string > span{
	color:#838688;
	}

.t_surtitle{
	max-width:650px;
	margin:0 auto;
	padding:60px 0 10px;
	font-size:30px;
	font-weight:200;
	text-align:center;
	color:#1c213f;
	}

@media screen and (max-width:980px){
	.t_surtitle{
		padding:40px 20px 10px;
		font-size:24px;
		}
}
@media screen and (max-width:768px){
	.t_surtitle{
		font-size:20px;
		}
}
/* ==========================================================
 * BUTTON
 * ======================================================= */
.b_delete{
	height:44px;
	position:absolute;
	right:2px;
	top:2px;
	width:44px;
	}
.b_delete .icon{
	left:50%;
	margin:-10px 0 0 -10px;
	position:absolute;
	top:50%;
	width:20px;
	}

/* ==========================================================
 * OBJECTS
 * ======================================================= */
.obj_bloc{
	position: relative;
	background:#fff;
	margin:0 auto;
	max-width:1170px;
	padding:70px 0;
	}
.obj_form.connect .obj_bloc{
	background:none;
	margin:0 auto;
	max-width:1170px;
	padding:0;
	}
.obj_bloc form .forgotten-password {
	display: block;
	margin-bottom: 30px;
	color: #666666;
	font-size: 0.75em; 
	}
/* ----------
 * how to join
 * ------- */
.obj_bloc.how_join{
	max-width:100%;
	padding:30px 0;
	color:#fff;
	background:#1c213f;
	overflow:hidden;
	}
.obj_bloc.how_join .ctn_text{
	max-width:1190px;
	padding:0 10px;
	margin:0 auto;
	overflow:hidden;
	}
.obj_bloc.how_join .ctn_text h3{
	display:inline-block;
	float:left;
	padding:20px 0 0;
	width:26.25%;
	font-size:1.875em;
	color:#85b6d5;
	}
.obj_bloc.how_join .ctn_text ol{
	display:table;
	float:left;
	width:73.75%;
	counter-reset: howto;
	}
.obj_bloc.how_join .ctn_text ol li{
	display:table-cell;
	padding:0 5px 0 30px;
	vertical-align:top;
	position:relative;
	font-size:1.125em;
	font-weight:200;
	}
.obj_bloc.how_join .ctn_text ol li:before{
	counter-increment: howto;
	display:block; content:counter(howto);
	font-size:2.25em;
	font-weight:600;
	color:#85b6d5;
	font-style:italic;
	}
.obj_bloc.how_join .ctn_text ol li:after{
	display:block; content:'';
	position:absolute;
	left:0; top:0;
	width:1px; height:68px;
	background:#85b6d5;
	}
.obj_bloc.how_join .ctn_text ol li:first-child:after{
	display:none;
	}
.obj_bloc.how_join .ctn_text a{
	display:inline-block;
	position:relative;
	color:#fff;
	text-decoration:underline;
	}
.obj_bloc.how_join .ctn_text a:after{
	display:inline-block; content:'';
	width:5px; height:5px;
	position:relative;
	top:-2px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.obj_bloc.how_join .ctn_text strong{
	text-transform:uppercase;
	font-weight:500;
	}
	
@media screen and (max-width:1024px){
	
	.obj_bloc.how_join .ctn_text ol{
		font-size:0.875em;
		}
}
@media screen and (max-width:768px){
	.obj_bloc.how_join{
		padding:25px;
		}
	.obj_bloc.how_join .ctn_text h3{
		width:100%;
		padding:0;
		font-size:1.75em;
		}
	.obj_bloc.how_join .ctn_text ol{
		display:block;
		width:100%;
		}
	.obj_bloc.how_join .ctn_text ol li{
		display:block;
		width:100%;
		padding:15px 0 0;
		font-size:1em;
		}
	.obj_bloc.how_join .ctn_text ol li + li{
		margin:15px 0 0;
		}
	.obj_bloc.how_join .ctn_text ol li:before{
		display:inline-block;
		float:left;
		width:40px;
		}
	.obj_bloc.how_join .ctn_text ol li:after{
		width:68px; height:1px;
		}
}
	
/* ----------
 * how to receive
 * ------- */
.obj_bloc.how_receive{
	max-width:100%;
	padding:30px 0;
	color:#fff;
	background:#4d73a2;
	overflow:hidden;
	}
.obj_bloc.how_receive .ctn_text{
	max-width:1190px;
	padding:0 10px;
	margin:0 auto;
	overflow:hidden;
	}
.obj_bloc.how_receive .ctn_text h3{
	display:inline-block;
	float:left;
	padding:20px 0 0;
	width:26.25%;
	font-size:1.875em;
	color:#a8c3e6;
	}
.obj_bloc.how_receive .ctn_text ol{
	display:table;
	float:left;
	width:73.75%;
	counter-reset: howto;
	}
.obj_bloc.how_receive .ctn_text ol li{
	display:table-cell;
	padding:0 5px 0 30px;
	vertical-align:top;
	position:relative;
	font-size:1.125em;
	font-weight:200;
	}
.obj_bloc.how_receive .ctn_text ol li:before{
	counter-increment: howto;
	display:block; content:counter(howto);
	font-size:2.25em;
	font-weight:600;
	color:#a8c3e6;
	font-style:italic;
	}
.obj_bloc.how_receive .ctn_text ol li:after{
	display:block; content:'';
	position:absolute;
	left:0; top:0;
	width:1px; height:68px;
	background:#a8c3e6;
	}
.obj_bloc.how_receive .ctn_text ol li:first-child:after{
	display:none;
	}
.obj_bloc.how_receive .ctn_text a{
	display:inline-block;
	position:relative;
	color:#fff;
	text-decoration:underline;
	}
.obj_bloc.how_receive .ctn_text a:after{
	display:inline-block; content:'';
	width:5px; height:5px;
	position:relative;
	top:-2px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.obj_bloc.how_receive .ctn_text strong{
	text-transform:uppercase;
	font-weight:500;
	}
	
@media screen and (max-width:1024px){
	
	.obj_bloc.how_receive .ctn_text ol{
		font-size:0.875em;
		}
}
@media screen and (max-width:768px){
	.obj_bloc.how_receive{
		padding:25px;
		}
	.obj_bloc.how_receive .ctn_text h3{
		width:100%;
		padding:0;
		font-size:1.75em;
		}
	.obj_bloc.how_receive .ctn_text ol{
		display:block;
		width:100%;
		}
	.obj_bloc.how_receive .ctn_text ol li{
		display:block;
		width:100%;
		padding:15px 0 0;
		font-size:1em;
		}
	.obj_bloc.how_receive .ctn_text ol li + li{
		margin:15px 0 0;
		}
	.obj_bloc.how_receive .ctn_text ol li:before{
		display:inline-block;
		float:left;
		width:40px;
		}
	.obj_bloc.how_receive .ctn_text ol li:after{
		width:68px; height:1px;
		}
}
	
/* ----------
 * program
 * ------- */
.ctn_bloc-program{
	overflow:hidden;
	padding:70px 0 90px;
	}
.obj_bloc.program{
	background:none;
	margin:30px auto;
	min-height:620px;
	padding:0;
	position:relative;
	width:90%;
	display:table;
	}

.obj_bloc.program.txt-left{
	direction:rtl;
	}
.obj_bloc.program.txt-right{
	direction:ltr;
	}
.obj_bloc.program:first-child{
	margin-top:0;
	}
.obj_bloc.program::before{
	background:#fff;
	content:"";
	height:100%;
	position:absolute;
	top:0;
	width:1920px;
	z-index:-1;
	}
.obj_bloc.program .ctn_text{
	padding:0 25px;
	/*position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);*/
	display:table-cell;
	vertical-align:middle;
	width:40.170940%;
	}
.obj_bloc.program h2{
	font-size:28px;
	font-weight:600;
	margin:0 0 36px;
	}
.obj_bloc.program p{
	display:inline-block;
	margin-bottom:4px;
	max-width:2750px;
	color:#999;
	font-size:17px;
	line-height:22px;
	}
.obj_bloc.program .title-myvichy{
	font-size:inherit;
	letter-spacing:normal;
	}
.obj_bloc.program .media{
	overflow:hidden;
	/*position:absolute;*/
	/*top:0;*/
	display:table-cell;
	vertical-align:top;
	direction:ltr;
	}
.obj_bloc.program .media img{
	display:block;
	position:relative;
	max-width:100%;
	}
.obj_bloc.program .media.center img{
	left:50%;
	max-width:none;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
.obj_bloc.program .media.right img{
	left:100%;
	-webkit-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
			transform:translateX(-100%);
	}
.obj_bloc.program .round-label{
	background:#184b6e;
	border-radius:50%;
	color:#e3e9ed;
	font-size:14px;
	font-weight:500;
	height:29.288702%;
	left:40.588235%;
	line-height:136px;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	top:20.502092%;
	transition:color .25s;
	width:41.176470%;
	}
.obj_bloc.program .round-label:hover{
	color:#fff;
	}
.obj_bloc.program .round-label span{
	display:inline-block;
	line-height:1em;
	vertical-align:middle;
	}
@media screen and (max-width:1024px){
	.obj_bloc.program{
		width:100%;
		}
}
@media screen and (max-width:768px){
	.obj_bloc.program{
		padding:0 25px;
		display:block;
		}
	.obj_bloc.program::before{
		display:none;
		}
	.obj_bloc.program .ctn_text{
		display:block;
		position:relative;
		top:auto;
		-webkit-transform:none;
			-ms-transform:none;
				transform:none;
		width:auto;
		}
}
/* even */
.obj_bloc.program.txt-left::before{
	right:59.829059%;
	}
.obj_bloc.program.txt-left .ctn_text{
	text-align:right;
	}
.obj_bloc.program.txt-left p{
	margin:10px 0;
	}
.obj_bloc.program.txt-left .media{
	/*right:0;*/
	}
/* odd */
.obj_bloc.program.txt-right::before{
	left:59.829059%;
	}
.obj_bloc.program.txt-right .ctn_text{
	right:0;
	}
.obj_bloc.program.txt-right .media{
	left:0;
	}
/*  beauty */
.obj_bloc.program.beauty .ctn_text{
	padding-right:5.982905%;
	direction: ltr;
	}
.obj_bloc.program.beauty .media{
	overflow:visible;
	/*right:-15px;
	top:48px;*/
	width:64.615384%;
	}
/* expert */
.obj_bloc.program.expert{
	display:block;
	min-height:570px;
	}
.obj_bloc.program.expert .ctn_text{
	display:block;
	padding-left:100px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	}
.obj_bloc.program.expert p{
	max-width:300px;
	}
.obj_bloc.program.expert .media{
	display:block;
	background:#b6d6ee;
	width:57.264957%;
	}
.obj_bloc.program.expert .media .ctn_media{
	display:block;
	overflow:hidden;
	}
.obj_bloc.program.expert .media img{
	left:35%;
	}
	
/* no-samples */
.obj_header-esampling .obj_bloc.program.no-samples{
	max-width:1170px;
	margin:0 auto 30px;
	min-height:0;
	display: flex;
	}
.obj_header-esampling .obj_bloc.program.no-samples::before{
	display:none;
	}
.obj_header-esampling .obj_bloc.program.no-samples .ctn_text{
	display:block;
	position:relative;
	top:auto;
	max-width: 770px;
	width:65.811965%;
	padding:5.25%;
	text-align:center;
	margin:0 auto;
	padding:20px;
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
	background:rgba(220,232,244,0.8);			
	}
.obj_header-esampling .obj_bloc.program.no-samples .ctn_text .media{
	margin: 40px auto 0;
	}	
.obj_header-esampling .obj_bloc.program.no-samples .ctn_text h2{ margin:0 0 10px; color:#4d73a2; font-weight: 200;}
.obj_header-esampling .obj_bloc.program.no-samples .media{margin:0 auto; padding:0; text-align:center; display:block;}
.obj_header-esampling .obj_bloc.program.no-samples .media img{margin:0 auto;}
.obj_header-esampling .obj_bloc.program.no-samples .obj_form.var_email{margin:0 auto;}
	
@media screen and (max-width:768px){
	
	.obj_header-esampling .obj_bloc.program.no-samples{
		width:auto;
		margin:0 auto;
		flex-direction: column;
		}
	.obj_header-esampling .obj_bloc.program.no-samples .ctn_text{
		width:100%;
		padding:10px 25px 10px;
		}
	.obj_header-esampling .obj_bloc.program.no-samples .media{
		padding:20px 20px 0;
		width: 100%;
		}
	.obj_header-esampling .obj_bloc.program.no-samples .ctn_media{
		margin:0;
		}
		
		
		
		
}
/* no-test */
.obj_header-etesting .obj_bloc.program.no-test{
	max-width:770px;
	margin:0 auto;
	min-height:0;
	}
.obj_header-etesting .obj_bloc.program.no-test::before{
	display:none;
	}
.obj_header-etesting .obj_bloc.program.no-test .ctn_text{
	position:relative;
	top:auto;
	width:65.811965%;
	padding:5.25%;
	text-align:center;
	background:rgba(255,255,255,.75);
	}
.obj_header-etesting .obj_bloc.program.no-test .ctn_text{
	margin:30px auto 0;
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
	}

.obj_header-etesting .obj_bloc.program.no-test .t_title{
	margin:0 auto 15px;
	font-size: 1.375em;
	font-weight: 200;
	color: #4d73a2;
	}
.obj_bloc.program.no-test .media{
	position:relative;
	display:block;
	margin:0 auto;
	}
.obj_bloc.program.no-test .media img{
	margin:0 auto;
	max-width:100%;
	}
.obj_bloc.program.no-test .ctn_text p{
	margin:10px auto 0;
	}
.obj_bloc.program.no-test .obj_form.var_email{
	margin:0 auto;
	padding:0;
	}
.obj_sample .obj_bloc.program.no-test .obj_form.var_email{
	margin:70px auto 0;
	}

@media screen and (max-width:768px){
	.obj_header-etesting .obj_bloc.program.no-test{
		padding:0 25px;
		}
	.obj_header-etesting .obj_bloc.program.no-test .ctn_text{
		width:100%;
		padding:25px;
		}
	.obj_sample .obj_bloc.program.no-test .obj_form.var_email{
		margin:0;
		}
	.obj_bloc.program.no-test .media{
		padding:20px 20px 0;
		}
}
	
/* skincare */
.obj_bloc.program.skincare::before{
	left:42.7350427%;
	width:57.2649572%;
	}
.obj_bloc.program.skincare .ctn_text{
	padding-left:7.264957%;
	width:57.2649572%;
	}
.obj_bloc.program.skincare p{
	max-width:390px;
	}
.obj_bloc.program.skincare .media{
	left:auto;
	right:62.3931623%;
	top:52px;
	}
.obj_bloc.program.skincare .round-label{
	background:none;
	}
/* samples */
.obj_bloc.program.samples{
	min-height:570px;
	}
.obj_bloc.program.samples::before{
	right:42.7350427%;
	}
.obj_bloc.program.samples .ctn_text{
	padding-right:7.264957%;
	width:57.2649572%;
	}
.obj_bloc.program.samples p{
	max-width:215px;
	}
.obj_bloc.program.samples .ctn_text figure{
	left:-5px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-40%);
		-ms-transform:translateY(-40%);
			transform:translateY(-40%);
	}
.obj_bloc.program.samples .round-label{
	font-size:16px;
	height:42.253521%;
	left:80.565371%;
	line-height:120px;
	top:49.295774%;
	width:42.402826%;
	}
.obj_bloc.program.samples .media{
	background:#87b7d6;
	width:40.170940%;
	}
/* --- form commun --- */	
.obj_bloc.program .obj_form.var_email{
	max-width:275px;
	margin:0 0 0 auto;
	}
.obj_bloc.program .obj_form.var_email .text{
	display:inline-block;
	float:left;
	width:calc(100% - 70px);
	}
.obj_bloc.program .obj_form.var_email .text input{ height:38px; background:#f3f3f3;}
.obj_bloc.program .obj_form.var_email .cta-container{
	padding:0;
	}
.obj_bloc.program .obj_form.var_email .text + .cta-container{
	display:inline-block;
	clear:none;
	float:right;
	width:70px;
	}
.obj_bloc.program .obj_form.var_email .text + .cta-container .button{
	width:100%;
	}
.obj_bloc.program .obj_form.var_email .checkbox{
	position:relative;
	clear:both;
	padding:20px 0 0 0;
	margin: 0;
	text-align:left;
	}
.obj_bloc.program .obj_form.var_email .checkbox span[role]{
	position:absolute;
	top:-5px; left:0;
	margin:0;
	}
.obj_bloc.program .obj_form.var_email .ctn_gdpr {
	margin-top: 0;
	}
.obj_bloc.program .obj_form.var_email .ctnAOX_msgError p{
	line-height:1em;
	}
.obj_bloc.program .ctn_text .c_txt .t_title{
	margin:0 auto 20px;
	max-width:300px;
	font-size:1.375em;
	font-weight:300;
	color:#4d73a2;
	}
	
@media screen and (max-width:768px){
	.obj_bloc.program .obj_form.var_email{
		max-width:100%;
		/*padding:30px 20px;*/
		}
}

/* samples */
.obj_bloc.program.no-samples{
	min-height:660px;
	}
.obj_bloc.program.no-samples::before{
	right:42.7350427%;
	}
.obj_bloc.program.no-samples .ctn_text{
	direction:ltr;
	padding-right:7.264957%;
	width:57.2649572%;
	}
.obj_bloc.program.no-samples p{
	max-width:260px;
	}
.obj_bloc.program.no-samples .media{
	width:45%;
	height: auto;
	text-align:left;
	}
.obj_bloc.program.no-samples .media > img{
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	}

@media screen and (max-width:768px){
	
	.obj_bloc.program.no-samples .ctn_media{
		margin:20px auto;
		}
}
	
/* current-offer */
.obj_bloc.program.current-offer::before{
	display:none;
	}
.obj_bloc.program.current-offer .ctn_text{
	position:relative;
	top:auto;
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
	width:65.811965%;
	padding:5.25%;
	text-align:left;
	background:#dce8f4;
	min-height:480px;
	}
.obj_bloc.program.current-offer .ctn_text .ctn_offer{
	position:relative;
	display:table;
	direction:rtl;
	min-height:480px;
	}
.obj_bloc.program.current-offer .ctn_text .c_txt{
	display:table-cell;
	width:48%;
	direction:ltr;
	height:480px;
	padding:0 10% 0 0;
	}
.obj_bloc.program.current-offer .ctn_text .c_txt h4{
	font-size:30px;
	line-height:0.75em;
	font-weight:200;
	color:#4d73a2;
	text-transform:uppercase;
	}
.obj_bloc.program.current-offer .ctn_text .c_txt h2{
	margin:25px 0;
	font-size:16px;
	text-align:left;
	padding:0;
	}
.obj_bloc.program.current-offer .ctn_text .c_txt h2 strong{
	display:block;
	margin:0 0 5px;
	font-size:40px;
	text-transform:uppercase;
	}
.obj_bloc.program.current-offer .ctn_text .c_txt p{
	max-width:100%;
	font-size:14px;
	line-height:1.125em;
	font-weight:400;
	text-align:left;
	color:#1c213f;
	}
.obj_bloc.program.current-offer .ctn_text .c_txt .t_mention{
	margin:5px auto 0;
	color:#4d73a2;
	font-weight:500;
	font-size: 17px;
	line-height: 22px;
	}
.obj_bloc.program.current-offer .ctn_text .c_txt .t_info{
	margin:20px 0;
	font-size:22px;
	color:#4d73a2;
	font-weight:200;
	}
.obj_bloc.program.current-offer .ctn_text .c_txt .t_info strong{
	font-weight:600;
	}
.obj_bloc.program.current-offer .ctn_text .t_skins{
	display:table;
	width:100%;
	margin:0 0 20px;
	text-align:left;
	}	
.obj_bloc.program.current-offer .ctn_text .t_skins div{
	display:table-row;
	}
.obj_bloc.program.current-offer .ctn_text .t_skins div:first-child strong,
.obj_bloc.program.current-offer .ctn_text .t_skins div:first-child em{
	border-bottom:1px solid #c8d4e2;
	}
.obj_bloc.program.current-offer .ctn_text .t_skins div strong{
	display:table-cell;
	width:45%;
	padding:8px 0;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	}
.obj_bloc.program.current-offer .ctn_text .t_skins div em{
	display:table-cell;
	width:55%;
	padding:8px 0;
	font-size:14px;
	}
.obj_bloc.program.current-offer .ctn_text p.t_mentions{
	margin: 20px 0 0;
	font-size: 13px;
	line-height: 1em;
	}
.obj_bloc.program.current-offer .ctn_text .v_offer{
	display:table-cell;
	direction:ltr;
	width:52%;
	overflow:hidden;
	position:relative;
	left:auto; top:auto;
	
	vertical-align:middle;
	min-height:480px;
	}
.obj_bloc.program.current-offer .ctn_text .v_offer figure{
	display:inline-block;
	position:relative;
	width:100%;
	height: 480px;
	max-height: 480px;
	background-color:#fff;
	}
.obj_bloc.program.current-offer .ctn_text .v_offer img{
	position:absolute;
	top:40%; left:50%;
	display:block;
	max-height:330px;
	max-width:330px;
	-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
	}
.obj_bloc.program.current-offer .ctn_text .v_offer .obj_share{
	padding: 20px 0;
	text-align: center;	
	}	
.obj_bloc.program.current-offer .ctn_text .v_offer .obj_share h3{
	font-size: 1.375em;
	color: #4d73a2;	
	font-weight: 300;
	}
.obj_bloc.program.current-offer .ctn_text .v_offer .obj_share h3 strong{
	font-weight: 600;
	}
.obj_bloc.program.current-offer .ctn_text .v_offer .obj_icon-list li{	
	margin: 0 5px;
	}
.obj_bloc.program.current-offer .ctn_text .v_offer .obj_icon-list a {
    color: #8bb8de;
    border-color: #dadada;
    background: #fff;
	}	
.obj_bloc.program.current-offer .ctn_text .v_offer .obj_icon-list a:hover {
    border-color: #1c213f;
    background: #1c213f;
	}
	
@media screen and (max-width:1024px){
	.obj_bloc.program.current-offer .ctn_text .c_txt{
		height:auto;
		}
}
@media screen and (max-width:979px){
	.obj_bloc.program.current-offer{
		display: -webkit-box;
		display:    -moz-box;
		display: 		 box;
		-webkit-box-orient: vertical;
		   -moz-box-orient: vertical;
				box-orient: vertical;
	}

	.ctn_bloc-program .obj_bloc.program.current-offer .media.trial{
		-webkit-box-ordinal-group: 2;
		   -moz-box-ordinal-group: 2;
				box-ordinal-group: 2;
		margin:30px 0 0;
	}
}













.obj_header-esampling .obj_bloc.program.current-offer{
	min-height:0;
	max-width:1170px;
	display:block;
	}
.obj_header-esampling .obj_bloc.program.current-offer .ctn_text{
	position:relative;
	top:auto;
	margin:0 auto;
	min-height:0;
	background:rgba(220,232,244,0.8);
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
	}
.obj_header-esampling .obj_bloc.program.current-offer .ctn_offer{
	direction:rtl;
	}
.obj_header-esampling .obj_bloc.program.current-offer .ctn_offer .c_txt{
	color:#1c213f;
	}
.obj_header-esampling .obj_bloc.program.current-offer .ctn_text .v_offer img{
	max-height:450px;
	max-width:450px;
	}
@media screen and (max-width:768px){
	.obj_header-esampling .obj_bloc.program.current-offer .ctn_text .v_offer img{
		max-width:100%;
		}
	.obj_bloc.program.current-offer .ctn_text .v_offer figure{
		max-height: 300px;
		height: auto;
		}
	.obj_header-esampling .obj_bloc.program.current-offer .ctn_text .v_offer img{
		max-width: 100%;
		max-height: 300px;
		top: 0;
		}		
	.obj_bloc.program.current-offer .ctn_text .v_offer .obj_icon-list li {
		margin: 0;
		}	
}

	
.obj_bloc.program .media.trial {
	width:34.188035%;
	text-align:center;
	overflow:visible;
	}
.obj_bloc.program .media.trial .ctn_media{
	margin:0 auto;
	max-width:250px;
	text-align:center;
	}
.obj_bloc.program .media.trial.left {
	left:6%;
	right:auto;
	}
.obj_bloc.program .media.trial.right {
	right:6%;
	left:auto;
	}
.obj_bloc.program .media.trial h3{
	padding: 40px 0 30px;
	font-size: 1.875em;
	font-weight:200;
	color:#4d73a2;
	text-transform: uppercase;
	}
.obj_bloc.program .media.trial .t_title{
	font-size: 1.375em;
	font-weight: 200;
	color: #4d73a2;
	}
.obj_bloc.program .media.trial .obj_form{
	padding:30px 0 0;
	background:none;
	}
.obj_bloc.program .media.trial .obj_form h4{
	font-size:22px;
	color:#4d73a2;
	font-weight:200;
	}
.obj_bloc.program .media.trial .obj_form.var_email .text input{ background:#fff;}
.obj_bloc.program .media.trial .photo.no_sample{
	margin-bottom:-20px;
	}
.obj_bloc.program .media.trial .photo.no_sample img{
	left:45%;
	margin:0 auto;
	max-width:100%;
	transform:translateX(-50%) rotate(13deg);
	transform-origin:center center;
	}
	
@media screen and (max-width:768px){
	.ctn_bloc-program .obj_bloc.program.current-offer{
		background:none;
		}
	.obj_bloc.program.current-offer .ctn_text{
		width:100%;
		padding:30px 25px;
		}
	.obj_bloc.program.current-offer .ctn_text .c_txt{
		display:block;
		width:100%;
		padding:30px 0 0;
		}
	.obj_bloc.program .media.trial{
		position:relative;
		display:block;
		max-width:100%;
		width:100%;
		padding:25px;
		margin:0 0 30px;
		background:#fff;
		}
	.obj_bloc.program .media.trial.left {
		left:auto;
		margin:0 auto 30px;
		}
	.obj_bloc.program .media.trial.right {
		right:auto;
		margin:0 auto 30px;
		display: none;
		}
	.obj_bloc.program .media.trial h3{
		padding:0 0 20px;
		font-size:24px;
		}
	.obj_bloc.program .media.trial .obj_form{
		margin:0 auto;
		padding:20px 0;
		}
	.obj_bloc.program.current-offer .ctn_text .v_offer{
		display:block;
		width:100%;
		padding:0;
		min-height:0;
		}
	.obj_bloc.program.current-offer .ctn_text .v_offer img{
		position:relative;
		left:50%;
		max-width:100%;
		-webkit-transform:translateX(-50%);
			-ms-transform:translateX(-50%);
				transform:translateX(-50%);
		}
	.obj_bloc.program .media.trial .photo.no_sample{
		margin-bottom:0;
		}
	.obj_bloc.program .media.trial .photo.no_sample img{
		max-width:70%;
		left:30%;
		}
}

/* month-test */
.obj_bloc.program.month-test{
	min-height:640px;
	}
.obj_sample .obj_bloc.program.month-test::before{
	display:none;
	}
.obj_header-etesting .obj_bloc.program.month-test{
	min-height:0;
	max-width:770px;
	display:block;
	}
.obj_header-etesting .obj_bloc.program.month-test::before{
	display:none;
	}
.obj_bloc.program.month-test .ctn_text{
	display:block;
	width:100%;
	padding:5.25%;
	margin:0 auto;
	text-align:left;
	background:#fff;
	min-height:640px;
	}
.obj_header-etesting .obj_bloc.program.month-test .ctn_text{
	position:relative;
	top:auto;
	margin:0 auto;
	min-height:0;
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
	}
.obj_bloc.program.month-test .ctn_text .ctn_offer{
	position:relative;
	display:table;
	direction:ltr;
	min-height:480px;
	width:100%;
	}
.obj_bloc.program.month-test .ctn_text .c_txt{
	display:table-cell;
	width:48%;
	height:480px;
	padding:0 0 90px 10%;
	position:relative;
	}
.obj_bloc.program.month-test.no-test .ctn_text .c_txt,
.obj_bloc.program.month-test.no-test .ctn_text .c_txt h2,
.obj_bloc.program.month-test.no-test .ctn_text .c_txt p{
	text-align:center;
	}
.obj_bloc.program.month-test .ctn_text .c_txt h4{
	font-size:30px;
	line-height:0.75em;
	font-weight:200;
	color:#4d73a2;
	text-transform:uppercase;
	}
.obj_bloc.program.month-test .ctn_text .c_txt h2{
	margin:23px 0 25px 0;
	padding:0;
	font-size:16px;
	text-align:left;
	color:#1c213f;
	}
.obj_bloc.program.month-test.no-test .ctn_text .c_txt h2{
	color:#999999;
	}
.obj_bloc.program.month-test .ctn_text .c_txt h2 strong{
	display:block;
	margin:0 0 5px;
	font-size:40px;
	text-transform:uppercase;
	}
.obj_bloc.program.month-test .ctn_text .c_txt > p{
	max-width:100%;
	margin:0 0 25px;
	font-size:14px;
	line-height:1.375em;
	font-weight:400;
	text-align:left;
	color:#1c213f;
	}
.obj_bloc.program.month-test.no-test .ctn_text .c_txt > p{
	color:#999999;
	}
.obj_bloc.program.month-test .ctn_text .c_txt p strong{
	font-weight:600;
	}
.obj_bloc.program.month-test .ctn_text .t_skins{
	display:table;
	width:100%;
	margin:0 0 15px;
	text-align:left;
	color:#1c213f;
	border-top:1px solid rgba(28,33,63,.1);
	}
.obj_bloc.program.month-test .ctn_text .t_skins div{
	display:table-row;
	}
.obj_bloc.program.month-test .ctn_text .t_skins div strong,
.obj_bloc.program.month-test .ctn_text .t_skins div em{
	border-bottom:1px solid rgba(28,33,63,.1);
	}
.obj_bloc.program.month-test .ctn_text .t_skins div strong{
	display:table-cell;
	width:45%;
	padding:8px 0;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	}
.obj_bloc.program.month-test .ctn_text .t_skins div em{
	display:table-cell;
	width:55%;
	padding:8px 0;
	font-size:14px;
	}
.obj_bloc.program.month-test .ctn_text .v_offer{
	display:table-cell;
	direction:ltr;
	width:52%;
	overflow:hidden;
	position:relative;
	left:auto; top:auto;
	background-color:#fff;
	min-height:480px;
	}
.obj_bloc.program.month-test .ctn_text .v_offer figure{
	display:inline-block;
	position:relative;
	width:100%;
	height:100%;
	}
.obj_bloc.program.month-test .ctn_text .v_offer img{
	position:absolute;
	top:0; left:50%;
	display:block;
	max-height:480px;
	max-width:480px;
	width:100%;
	-webkit-transform:translate(-50%,0);
	   -moz-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
			transform:translate(-50%,0);
	}
	
.obj_bloc.program.month-test .ctn_text .ctn_btn{
	/*position:absolute;
	bottom:0; left:20%;*/
	}
.obj_bloc.program.month-test .ctn_text .t_mention{
	margin:15px auto 0;
	color:#1c213f;
	font-size:14px;
	line-height:1.375em;
	font-weight:400;
	text-align:left;
	color:#1c213f;
	}
.obj_bloc.program.month-test .ctn_text .t_info{
	margin:0 0 10px;
	color:#4d73a2;
	font-size:1.5em;
	font-weight:200;
	}
	
.obj_bloc.program.month-test .media.trial h3{
	text-transform:none;
	font-size:1.375em;
	}
.obj_bloc.program.month-test .media.trial .product-card{
	background:none;
	}
.obj_bloc.program.month-test .media.trial .photo{
	background:none;
	}
.obj_bloc.program.month-test .media.trial .cta-container{
	margin:20px 0 0;
	}
.obj_bloc.program.month-test .media.trial .text + .cta-container{
	margin:0;
	}

.no-test .obj_bloc.program.month-test{
	min-height:0;
	}
.no-test .obj_bloc.program.month-test:before{
	display:none;
	}
.no-test .obj_bloc.program.month-test .photo{
	margin:0 auto 30px;
	}
.no-test .obj_bloc.program.month-test .media.trial{
	position:relative;
	max-width:100%;
	left:auto;
	margin:0 auto;
	}
.no-test .obj_bloc.program.month-test p{
	margin-right:auto;
	margin-left:auto;
	}

@media screen and (max-width:979px){
	.obj_bloc.program.month-test{
		display: -webkit-box;
		display:    -moz-box;
		display: 		 box;
		-webkit-box-orient: vertical;
		   -moz-box-orient: vertical;
				box-orient: vertical;
	}

	.ctn_bloc-program .obj_bloc.program.month-test .media{
		-webkit-box-ordinal-group: 2;
		   -moz-box-ordinal-group: 2;
				box-ordinal-group: 2;
		margin:30px 0 0;
	}
}


@media screen and (max-width:768px){
	.obj_bloc.program.month-test {
		width: 100%;
		padding:0 25px;
		}
	.obj_bloc.program.month-test .ctn_text {
		width: 100%;
		padding:25px;
		}
	.obj_bloc.program.month-test .ctn_offer {
		text-align:center;
		}
	.obj_bloc.program.month-test .ctn_text .v_offer,
	.obj_bloc.program.month-test .ctn_text .c_txt{
		display:inline-block;
		width:auto;
		height:auto;
		min-height:0;
		margin:0 auto;
		padding:20px 0 0;
		text-align:left;
		}
	.obj_bloc.program.month-test .ctn_text .v_offer img{
		position:relative;
		left:auto;
		-webkit-transform:none;
			-ms-transform:none;
				transform:none;
		}
	.obj_bloc.program.month-test .ctn_text .ctn_btn{
		position:relative;
		left:auto; bottom:auto;
		text-align:center;
		}
}
	
	
	
/* sample */
.obj_bloc.program.free-sample{
	min-height:0;
	background:#fff;
	}
.obj_sample .obj_bloc.program.free-sample::before{
	display:none;
	}
.obj_bloc.program.free-sample .ctn_text{
	display:block;
	width:100%;
	padding:0;
	margin:0 auto;
	text-align:left;
	background:rgba(255,255,255,0.75);
	}
.obj_bloc.program.free-sample .ctn_offer{
	display:table;
	width:100%;
	}
.obj_bloc.program.free-sample .ctn_offer > div{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	}
.obj_bloc.program.free-sample .ctn_offer .v_offer{
	width:50%;
	}
.obj_bloc.program.free-sample .ctn_offer .v_offer figure{
	max-width:585px;
	margin:0 auto;
	}
.obj_bloc.program.free-sample .ctn_offer .v_offer figure img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.obj_bloc.program.free-sample .ctn_offer .c_txt{
	padding:5%;
	}
.obj_bloc.program.free-sample .ctn_offer .c_txt .t_title{
	margin: 0 0 25px;
	max-width:100%;
	font: 1.75em/1em Calibre,sans-serif;
	font-weight: 100;
	color:#1c213f;
	}
.obj_bloc.program.free-sample .ctn_offer .c_txt .t_subtitle{
	margin: 0 0 30px;
	font: 1.25em/1.2em Calibre,sans-serif;
	font-weight: 100;
	}
.obj_bloc.program.free-sample .ctn_offer .c_txt .t_title strong{
	font-weight: 500;
	}
.obj_bloc.program.free-sample h2{
	margin:0 0 10px;
	}
.obj_bloc.program.free-sample h3{
	font-size:1.25em;
	margin:0 0 35px;
	}
.obj_bloc.program.free-sample .cta-container{
	margin:20px 0 0;
	}
.obj_bloc.program.free-sample .t_mention{
	margin:20px 0 0;
	font-size:0.75em;
	line-height:1.333em;
	}
	
@media screen and (max-width:1024px){
	.obj_bloc.program.free-sample .ctn_offer .c_txt{padding-bottom:10%;}
}
@media screen and (max-width:979px){
	.obj_bloc.program.free-sample .ctn_offer .c_txt{
		padding-left:5%;
		}
}
@media screen and (max-width:768px){
	.obj_bloc.program.free-sample .ctn_offer{
		display:block;
		}
	.obj_bloc.program.free-sample .ctn_offer > div{
		display:block;
		}
	.obj_bloc.program.free-sample .ctn_offer .v_offer{
		width:100%;
		}
	.obj_bloc.program.free-sample .ctn_offer .c_txt{
		padding:20px;
		}
	
}
	
/* review */
.obj_bloc.review{
	padding-left:0;
	padding-right:0;
	padding-top:0;
	}
.obj_bloc.review::after{
	clear:both;
	content:'';
	display:block;
	}	
.obj_bloc.review .col.right{
	padding-left:25px;
	padding-right:25px;
	}
.obj_bloc.review .comment-title{
	color:#1c213f;
	display:block;
	font-size:1.845em;
	font-weight:600;
	margin:30px 0 44px;
	text-transform:uppercase;
	}

.obj_bloc.review .checkbox-container label,	
.obj_bloc.review .mentions{
	color:#1c213f;
	font-size:.825em;
	font-weight:100;
	line-height:1.23em;
	}
.obj_bloc.review .checkbox-container{
	font-size:inherit;
	margin:0 0 15px;
	padding-left:30px;
	position:relative;
	}	
.obj_bloc.review .checkbox-container label a{
	text-decoration: underline;
	}	
.obj_bloc.review .checkbox-container span[role="checkbox"]{
	position:absolute;
	left:0;
    width: 20px;
    height: 20px;
    border-color: #8d909f;
	background: #fff;
	top:-2px;
	}	
.obj_bloc.review .aside-desktop.bottom .ctn_btn{
	text-align: center;
	}	

.obj_bloc.review .custom-select-01.light span[role="combobox"]{
	background:#fff;
	border-color:#1c213f;
	border-width:0 0 1px;
	line-height:30px;
	}
.obj_bloc.review .custom-select-01.light span[role="combobox"]::after{
	right:2px;
	}	
.obj_bloc.review form input,
.obj_bloc.review form .select > span {
	margin-bottom: 10px; 
	}
.obj_bloc.review form .label-step {
	padding: 30px 0 10px 0;
	font-size:1.125em;
	}
.obj_bloc.review form .rating {
	width:100px; 
	height:18px;
	}
/*	
.obj_bloc.review form .rating span[role]{
	width:17px; height:17px;
	}
.obj_bloc.review form .rating svg {
	width:18px; height:18px;
	fill:#4d73a2;
	}
.obj_bloc.review form .rating .error svg {
	fill:rgba(232,0,0,1);
	}
.obj_bloc.review form .rating .error.over svg,
.obj_bloc.review form .rating .error:hover svg,
.obj_bloc.review form .rating [aria-checked=true].error svg {
	fill:#4d73a2;
	}

.obj_bloc.review form span[role="checkbox"]::after,
.obj_bloc.review form span[role="radio"]::after {
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	}
*/		
	
.obj_bloc.review form .rating-step {
	padding-bottom: 20px; 
	}
.obj_bloc.review form .rating-step .label-step:first-child{
	padding-top:0;
	}	
.obj_bloc.review form .rating-step .rating-criteria {
	display: block;
	margin-bottom: 5px; 
	}
.obj_bloc.review form .rating-step .rating {
	display: inline-block;
	vertical-align: middle;
	margin: 0; 
	}
.obj_bloc.review form .rating-step .label-rating {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px; 
	}
.obj_bloc.review form .answer-step .radio-inline {
	display: inline-block;
	vertical-align: middle;
	margin-right: 40px; 
	}
.obj_bloc.review form .answer-step .radio-inline label {
	font-size: 1em; 
	}
.obj_bloc.review form .answer-step .radio-inline label::before {
	top: 9px; 
	}
.obj_bloc.review form .answer-step .radio-inline label::after {
	top: 9px;
	}	
.obj_bloc.review form .comment-step textarea {
	margin-bottom: 20px;
	resize: vertical;
	}
.obj_bloc.review .ctn_btn {
	padding:20px 0 0;
	text-align: right;
	}
.obj_bloc.review .ctn_btn.pictures{
	padding-top: 0;	
	text-align: left;
	} 	
.obj_bloc.review .ctn_btn .button.upload{
	width: 100%;
	}	
.obj_bloc.review .ctn_btn .button.upload .icon {
	display:inline-block;
	position:relative;
	width: 14px;
    height: 12px;
	left:auto;
	top:-2px;
	margin:0 10px 0 0;
	transform:none;
	}
.obj_bloc.review .ctn_btn .button.upload .label{
	font-size: 13px;
	}	
	
/* STEP UPLOAD */	
.obj_bloc.review .step.upload{
	margin:0 auto;
	max-width:223px;
	}		
.obj_bloc.review .step.upload h4{
	font-size: 18px; 
	font-weight: 500;
	color: #1c213f;
	margin:0 0 17px;
	}	
.obj_bloc.review .step.upload iframe{
	display:block;
	height: 360px;
	max-width:223px;
	width:100%;
	}
.obj_bloc.review .step.upload .mentions{
	margin:20px 0 30px;
	}	
.obj_bloc.review .step.upload .mentions a{
	color:inherit;
	text-decoration:underline;
	}
.obj_bloc.review .step.upload .select-container{
	margin:0 0 30px;
	max-width:223px;
	}		
.obj_bloc.review .step.upload .select-container::after{
	clear:both;
	content:'';
	display:block;
	}	
.obj_bloc.review .step.upload .select-container > *{
	float:left;
	font-size:1.125em;
	width:calc(100% - 48px);
	}	
.obj_bloc.review .step.upload .select-container .label-container{
	padding-top:10px;
	}		
.obj_bloc.review .step.upload .select-container .input-container{	
	float:right;
	width:44px;
	}
.obj_bloc.review .step.upload .cta-container{
	text-align: center;
	}	
.obj_bloc.review .success {
	text-align: center;
	}
.obj_bloc.review .success .thanks {
	margin-bottom: 20px;
	font-size: 1.25em;
	font-weight: 600;
	text-transform: uppercase;
	}
.obj_bloc.review .success p {
	width: 70%;
	margin: auto auto 30px auto;
	padding-top: 20px;
	border-top: 1px solid #e8e8eb;
	font-size: 1em;
	line-height: 1.25em;
	color: #999999;
	font-weight: 300;
	}
.obj_bloc.review .success p span {
	display: block;
	color: #1c213f; 
	}
.obj_bloc.review .ctnAOX_msgError {
	clear:both;
	padding:20px 0 0;
	text-align:center;
	}

	
.obj_bloc.review .ctnAOX_msgError p{
	color: #e80000;
	}
.obj_bloc.review .upload-result::after{
	clear:both;
	content:"";
	display:block;
	}	
.obj_bloc.review .upload-result > *{
	float:left;
	}
.obj_bloc.review .upload-result .cta-container{
	float:right;
	}	

@media screen and (min-width:750px){
	.obj_bloc.review{
		padding:4.786324% 5.1282051% 5.299145%;
		margin-top:30px;
		}
	.obj_bloc.review::after{
		clear:both;
		content:'';
		display:block;
		}
	.obj_bloc.review .col{
		float:left;
		}
	.obj_bloc.review .col.left{
		padding-top:60px;
		width:32.3809523%;	
		}
	.obj_bloc.review .col.right{
		float:right;
		padding:0;
		width:61.9047619%;
		}	
	.obj_bloc.review .comment-title{
		margin-top:0;
		}	
}	

@media screen and (min-width:980px){
	.obj_bloc.review .step .aside-desktop.left{
		border-right:1px solid #e8e8eb;
		float:left;
		padding-right:9.2307692%;
		width:44.1538461%;
		}	
	.obj_bloc.review .step .aside-desktop.right{
		float:right;
		width:46.4615384%;
		}	
	.obj_bloc.review form .comment-step .label-step:first-child{
		padding-top:0;
		}
	.obj_bloc.review .ctn_bottom{
		clear:both;
		padding:7px 0 0
		}	

	.obj_bloc.review .step.upload{
		max-width:none;
		}	
	.obj_bloc.review .step.upload .aside-desktop.left{
		min-height:430px;
		position:relative;
		}
	/*	
	.obj_bloc.review .step.upload .mentions{
		bottom:0;
		left:0;
		margin:0;
		position:absolute;
		right:20.979020%;
		}	
	*/
}

@media screen and (min-width:980px) and (max-width:1170px){
	.obj_bloc.review .step.upload .aside-desktop{
		width:47%;
		}
	.obj_bloc.review .step.upload .aside-desktop.left{
		padding-right:3%;
		}	
}

@media screen and (min-width:1170px){
	.obj_bloc.review{
		padding:56px 60px 62px;
		margin-top:30px;
		}
}


/* MODULE UPLOAD */	
.pg_upload-media.myvichy-before-after{
	margin: 0;	
	}
.pg_upload-media.myvichy-before-after h2{
	display: none;
	}
.pg_upload-media.myvichy-before-after .ctn_picture {
    width: 100%;
    height: 223px;	
	background: #f7f7f8;
	}	
.pg_upload-media.myvichy-before-after .ctn_picture .obj_picture{
	border-radius:0;
	height:100%;
	width:100%;
	}
.pg_upload-media.myvichy-before-after .ctn_inputFile {
    width: 100%;
    padding: 20px 0 0;
	}
.pg_upload-media.myvichy-before-after .ctn_inputFile input[type="text"] {
    display: block;
	float: left;
	width: calc(100% - 72px);
    margin: 0 0 20px;
    padding: 5px 10px;
    height: 38px;
    box-sizing: border-box;
    font: 1em/1em 'Calibre', sans-serif;
    border-radius: 0;
	border: 0;
	background: #f7f7f8;
	}		
.pg_upload-media.myvichy-before-after .btn.btn_select-picture{
	float: left;
	width: 72px;
	height: 40px;
	}
.pg_upload-media.myvichy-before-after .btn.btn_select-picture .button{
	border-color:#1c213f;
	min-width:100%;
	}	
.pg_upload-media.myvichy-before-after .btn.btn_select-picture .button .btn-bg{
	background-color:#1c213f;
	}
.pg_upload-media.myvichy-before-after .btn.btn_select-picture .button:hover{
	color:#1c213f;
	}	

.pg_upload-media.myvichy-before-after .ctn_btn.l_left{
	float: left;
	width: 100%;
	}
.pg_upload-media.myvichy-before-after .btn.btn_cancel{
    position: relative;
    display: inline-block;
    width: auto;
    height: 15px;
    padding:0 0 0 30px;
	font-size:.8125em;
	font-weight: 700;
    color: #1c213f;
    text-align: center;
    text-transform: uppercase;
	text-decoration:none;
    cursor: pointer;
	}
.pg_upload-media.myvichy-before-after .btn.btn_cancel::before,
.pg_upload-media.myvichy-before-after .btn.btn_cancel::after{
	background-color:currentColor;
	content:'';
	height:1px;
	left:0;
	position:absolute;
	top:50%;
	transform:rotate(45deg);
	width:20px;
	}	
.pg_upload-media.myvichy-before-after .btn.btn_cancel::after{
	transform:rotate(135deg);
	}	
	

/* current-offer */
.obj_confirm{
	display: flex;
	max-width:1170px;
	margin:0 auto;
	padding:70px 0;
	}
.obj_bloc.confirm{
	display: flex;
	max-width: 900px;
	width: 100%;
	height: 340px;
	margin:30px auto;
	padding:0 0 0 0;
	}
.obj_bloc.confirm .v_produit{
	position: relative;
    display: block;
    vertical-align: middle;
    width: 355px;
    overflow: hidden;
    max-height: 340px;
	height: 100%;
	}
.obj_bloc.confirm .v_produit:before,
.obj_bloc.confirm .v_produit:after{
	position:absolute;
	top:0;
	display:block; content:'';
	width:100px; height:100%;
	background:#fff;
	}
.obj_bloc.confirm .v_produit:before{
	left:0;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
.obj_bloc.confirm .v_produit:after{
	right:0;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
.obj_bloc.confirm .v_produit img{
	max-width:100%;
	}
.obj_bloc.confirm .ctn_txt{
	display: block;
	margin: auto;
	text-align: center;
	}
.obj_bloc.confirm .ctn_txt p{
	margin-bottom:30px;
	font-size:24px;
	color:#85b6d5;
	}
	
@media screen and (max-width:1024px){
	.obj_bloc.confirm .ctn_txt p{
		font-size:20px;
		}
}
@media screen and (max-width:768px){
	.obj_confirm{
		padding:50px 25px 30px;
		}
	.obj_bloc.confirm{
		padding:0;
		}
	.obj_bloc.confirm .v_produit{
		display:block;
		width:80%;
		margin:0 auto;
		}
	.obj_bloc.confirm .ctn_txt{
		display:block;
		width:100%;
		padding:30px 20px;
		}
}

/* CONFIRM TEST */
.obj_confirm.test{
	padding-bottom:0;
	}
.obj_confirm.test .obj_bloc.confirm{
	padding:5.25%;
	overflow:hidden;
	display:table;
	}
.obj_confirm.test .obj_bloc.confirm .product-card{
	display:table-cell;
	vertical-align:middle;
	width:32.38%;
	}
.obj_confirm.test .obj_bloc.confirm .ctn_txt{
	display:table-cell;
	vertical-align:middle;
	width:67.62%;
	}
.obj_confirm.test .obj_bloc.confirm .ctn_txt .t_title{
	color:#1c213f;
	font-size:1.5em;
	}
.obj_confirm.test .obj_bloc.confirm .ctn_txt .t_title strong{
	font-size:2.5em;
	text-transform:uppercase;
	font-weight:600;
	}
.obj_confirm.test .obj_bloc.confirm .ctn_txt .t_info{
	font-size:1.5em;
	}

@media screen and (max-width:768px){
	.obj_confirm.test h2{
		font-size: 1.25em;
		}
	.obj_confirm.test .obj_bloc.confirm{
		display:block;
		}
	.obj_confirm.test .obj_bloc.confirm .product-card,
	.obj_confirm.test .obj_bloc.confirm .ctn_txt{
		display:block;
		width:100%;
		}
	.obj_confirm.test .obj_bloc.confirm .ctn_txt .t_title strong{ font-size:1.125em; }
	.obj_confirm.test .obj_bloc.confirm .ctn_txt .t_title strong{ font-size:1.5em; }
	.obj_confirm.test .obj_bloc.confirm .ctn_txt .t_info{ font-size:1.125em; }
}

/* BLOC Suscribe */ 
.obj_bloc.suscribe{
	width: 270px;
	height: 340px;
	margin: 30px auto;
	padding: 0 20px;
	text-align: center;
	background: transparent;	
	}
.obj_bloc.suscribe h3{
	padding: 30px 0 15px;
	font-size: 1.375em;	
	text-transform: uppercase;
	font-weight: 300;
	}
.obj_bloc.suscribe h3 strong{	
	font-weight: 600;
	}
.obj_bloc.suscribe p{
	padding: 0 0 20px;
	font-size: 1em;	
	}
.obj_bloc.suscribe .obj_icon-list{
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	}	
.obj_bloc.suscribe .obj_icon-list a{
	color: #8bb8de;
	border-color: #dadada;
	background: #fff;
	}
.obj_bloc.suscribe .obj_icon-list a:hover{
	border-color: #1c213f;
	background: #1c213f;
	}
.obj_bloc.suscribe .obj_icon-list a > svg{
	height: 20px;	
	}

@media screen and (max-width:767px){
	.obj_confirm{
		flex-direction: column;
		}
	.obj_bloc.confirm{
		height: auto;
		flex-direction: column;
		}
	.obj_bloc.confirm .v_produit{
		max-height: inherit;
		}	
	.obj_bloc.suscribe{
		height: auto;
		margin: 0 auto;
		}
	.obj_bloc.suscribe h3{
		padding-top: 0;
		}	
}


























/* ----------------------------------------------------------
 * DIAGNOSTIC
 * ------------------------------------------------------- */
.page-container .obj_diagnostic{
	padding:108px 0 40px;
	}
.obj_diagnostic .obj_bloc{
	clear:both;
	margin-bottom:30px;
	padding:0;
	position:relative;
	}
.obj_diagnostic .obj_bloc::before{
	background-position:center center;
	content:"";
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:59.829059%;
	z-index:1;
	}
.obj_diagnostic .ctn_text{
	background:#fff;
	height:462px;
	margin:0 0 0 auto;
	position:relative;
	width:470px;
	z-index:2;
	}
.obj_diagnostic .ctn_text > div{
	left:0;
	padding:0 60px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	width:100%;
	}
.obj_diagnostic h3{
	font-size:1.875em;
	font-weight:100;
	line-height:1.26666em;
	margin-bottom:46px;
	text-transform:uppercase;
	}	 
.obj_diagnostic h3 strong{
	font-weight:500;
	text-transform:none;
	}
.obj_diagnostic .obj_bloc.done h3 svg{
	position: relative;
	display: inline-block;
	top: 3px;
	width: 23px;
	height: 25px;
	fill: #7FBF9D;
	}	
.obj_diagnostic .ctn_text .txt{
	margin-bottom:46px;
	}
/* -----------
 * COMPLETE
 * -------- */
.obj_diagnostic .is-complete{
	padding:25px 0;
	}
.obj_diagnostic .is-complete::before{
	display:none;
	}
.obj_diagnostic .is-complete::after{
	clear:both;
	content:"";
	display:block;
	}
.obj_diagnostic .is-complete .ctn_text{
	background:transparent;
	float:left;
	height:auto;
	margin:0;
	width:309px;
	}
.obj_diagnostic .is-complete .ctn_text > div{
	padding:80px 0 0 38px;
	position:static;
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
	}
.obj_diagnostic .obj_carrousel{
	float:right;
	width:calc(100% - 309px);
	}
.obj_diagnostic .product-card .routine-info h5{
	color:#1c213f;
	}
/* ------------
 * SURCHARGE
 * --------- */
/* surcharge peau */
.obj_diagnostic .peau{
	background:#dce8f4;
}
.obj_diagnostic .peau::before{
	background-image:url('../images/v_diagnostic-peau.jpg')
	}
.obj_diagnostic .peau .ctn_text .button{
	border-color:#4d73a2;
	}
.obj_diagnostic .peau .ctn_text .button .btn-bg{
	background:#4d73a2;	
	}
.obj_diagnostic .peau .ctn_text .button:hover{
	color:#4d73a2;
	}
.obj_diagnostic .peau .product-card .routine-info p,
.obj_diagnostic .peau .product-card .details .product-name,
.obj_diagnostic .peau .rating{
	color:#688db6;
	}
.obj_diagnostic .peau .bg{
	fill:#dce8f4;
	}
.obj_diagnostic .peau .plus,
.obj_diagnostic .peau .nav svg{
	fill:#688db6;
	}
/* surcharge capillaire */
.obj_diagnostic .capillaire{
	background:#e3dce4;
	}
.obj_diagnostic .capillaire::before{
	background-image:url('../images/v_diagnostic-capillaire.jpg')
	}
.obj_diagnostic .capillaire .ctn_text .button{
	border-color:#620371;
	}
.obj_diagnostic .capillaire .ctn_text .button .btn-bg{
	background:#620371;	
	}
.obj_diagnostic .capillaire .ctn_text .button:hover{
	color:#620371;
	}
.obj_diagnostic .capillaire .product-card .routine-info p,
.obj_diagnostic .capillaire .product-card .details .product-name,
.obj_diagnostic .capillaire .rating{
	color:#620371;
	}
.obj_diagnostic .capillaire .bg{
	fill:#e3dce4;
	}
.obj_diagnostic .capillaire .plus,
.obj_diagnostic .capillaire .nav svg{
	fill:#620371;
	}
/* surcharge normdaerm */
.obj_diagnostic .normaderm{
	background:#e7f7f3;
	}
.obj_diagnostic .normaderm::before{
	background-image:url('../images/v_diagnostic-normaderm.jpg');
	}
.obj_diagnostic .normaderm .ctn_text .button{
	border-color:#90c3b1;
	}
.obj_diagnostic .normaderm .ctn_text .button .btn-bg{
	background:#90c3b1;	
	}
.obj_diagnostic .normaderm .ctn_text .button:hover{
	color:#90c3b1;
	}
.obj_diagnostic .normaderm .product-card .routine-info p,
.obj_diagnostic .normaderm .product-card .details .product-name,
.obj_diagnostic .normaderm .rating{
	color:#90c3b1;
	}
.obj_diagnostic .normaderm .bg{
	fill:#e7f7f3;
	}
.obj_diagnostic .normaderm .plus,
.obj_diagnostic .normaderm .nav svg{
	fill:#90c3b1;
	}
/* surcharge skinconsult */
.obj_diagnostic .obj_bloc.skinconsult::before{
	background-image:url('../images/v_diag-skinconsult.jpg');
	}
.obj_diagnostic .obj_bloc.skinconsult.done h3{
	margin-bottom: 0;
	}
.obj_diagnostic .obj_bloc.skinconsult.done .date{
	margin-bottom: 20px;
	font-size: 1.875em;
	font-weight: 600;
	}
.obj_diagnostic .obj_bloc.skinconsult.done .obj_details{
	padding: 0 0 40px;
	display: flex;
	flex-flow: row nowrap;
	}
.obj_diagnostic .obj_bloc.skinconsult.done .obj_details .t_age{
	padding: 0 30px 0 0;
	display: flex;
	line-height: 30px;
	flex-flow: row nowrap;
	justify-content: space-between;
	text-transform: uppercase;
	}
.obj_diagnostic .obj_bloc.skinconsult.done .obj_details .t_age span,
.obj_diagnostic .obj_bloc.skinconsult.done .obj_details .t_skin span{
	margin: 0 0 0 10px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	padding: 0 20px;
	box-sizing: border-box;
	background: #ACCEE3;
	}
.obj_diagnostic .obj_bloc.skinconsult.done .obj_details .t_skin{
	display: flex;
	line-height: 30px;
	flex-flow: row nowrap;
	justify-content: space-between;
	text-transform: uppercase;
	}

@media screen and (max-width:940px){
	.obj_diagnostic .obj_bloc.skinconsult.done .obj_details{
		justify-content: center;
		flex-flow: column nowrap;
		}
	.obj_diagnostic .obj_bloc.skinconsult.done .obj_details .t_age {
		padding: 0 0 20px;
		margin: 0 auto;
		}
	.obj_diagnostic .obj_bloc.skinconsult.done .obj_details .t_skin {
		padding: 0;
		margin: 0 auto;
		}		 
}




/* ----------------------------------------------------------
 * FAVORITE ARTICLES
 * ------------------------------------------------------- */
.obj_favorite-articles{
	overflow:hidden;
	padding-bottom:70px;
	}
/* ----------------------------------------------------------
 * FAVORITE PRODUCTS
 * ------------------------------------------------------- */
.obj_favorite-products{
	background:#dce8f4;
	overflow:hidden;
	padding-bottom:70px;
	}
.obj_favorite-products .product-card .product-range{
	margin-top:0;
	}
.obj_favorite-products .product-card .product-name{
	color:#85b6d5;
	text-transform:uppercase;
	}
.obj_favorite-products .product-card .short-description{
	min-height:0;
	}
.obj_favorite-products .product-card .rating{
	color:#688db6;
	padding:1rem 0 2rem;
	}
.obj_favorite-products .obj_icon-list{
	bottom:30px;
	left:10.27027%;
	position:absolute;
	}
.obj_favorite-products .obj_icon-list li{
	display:list-item;
	height:40px;
	margin-top:10px;
	width:40px;
	}
.obj_favorite-products .obj_icon-list a{
	color:#85b6d5;
	}
.obj_favorite-products .obj_icon-list a:hover{
	background:#85b6d5;
	border-color:#85b6d5;
	color:#fff;
	}
/* ----------------------------------------------------------
 * FORM
 * ------------------------------------------------------- */
.obj_form.var_infos{
	background:#dce8f4;
	overflow:hidden;
	padding-bottom:47px;
	}
.obj_header-myvichy + .obj_form{
	padding-top:38px;
	}
.obj_form h4{
	color:#85b6d5;
	font-size:1.125em;
	font-weight:500;
	margin-bottom:20px;
	}
.obj_form .mention{
	color:#666;
	font-size:.875em;
	margin:9px auto 0;
	max-width:1210px;
	padding:0 20px;
	text-align:right;
	}
.obj_form label ~ [role] {
    margin-left: 25px;
	}
.obj_form .checkbox li,
.obj_form .radio li{
	margin-top:13px;
	}
.obj_form .checkbox li:first-child,
.obj_form .radio li:first-child{
	margin-top:0;
	}
.obj_form .checkbox li span[role],
.obj_form .radio li span[role]{
	position:relative;
	top:0;
	margin-top:-3px;
	vertical-align:top;
	}
.obj_form .checkbox li label,
.obj_form .radio li label{
	max-width:calc(100% - 32px);
	}

.popin.myvichy .obj_form .checkbox li label,
.popin.myvichy .obj_form .radio li label{
	font-family: "Calibre";
	font-weight: 400;
	font-size:15px;
	color:#666666;
	}

.input-line.radio-container.civility .input-container{
	display: flex;
	flex-flow: row nowrap;
	}
.generated-form .radio-container.civility .radio-inline ~ .radio-inline {
	margin-left: 5%;
	margin-right: 0;
	}

/* -------
 * col
 * ---- */
.obj_form .col{
	font-size:0;
	margin:0 auto;
	max-width:1030px;
	padding:0 25px;
	text-align:center;
	}
.obj_form .col > div{
	display:inline-block;
	font-size:1rem;
	text-align:left;
	vertical-align: top;
	}

.obj_form .col-size-1{
	max-width:990px;
	}
.obj_form .col-size-1 > div{
	width:47.872340%;
	}
.obj_form .col-size-1 > div + div{
	padding-top: 63px;
	margin-left:4.255319%;
	}
.obj_form .col-size-2{
	max-width:990px;
	}
.obj_form .col-size-2 > div{
	padding-right:20px;
	width:calc(29.381443% - 20px);
	}
.obj_form .col-size-2 > div:first-child{
	margin-left:11.855670%;
	}

.obj_form .col-size-3 > div{
	width:58.762886%;
	}
.obj_form .col-size-3 > div:first-child{
	margin-left:11.855670%;
	width:29.381443%;
	}

.obj_form .col-full-size{
	margin-bottom:20px;
	max-width:990px;
	} 
.obj_form .col-full-size > div{
	display:block;
	margin-left:11.855670%;
	width:auto;
	}
.popin.myvichy .obj_form .col-full-size > div{
	width:auto;
	float:none;
	margin:0;
	}
.obj_form .col-full-size ul{
	font-size:0;
	}
.obj_form .col-full-size li{
	display:inline-block;
	font-size:1rem;
	margin:0 0 13px;
	vertical-align:text-top;
	width:33.33%
	}
.popin.myvichy .obj_form .col-full-size ul{
	text-align:left;
	}
.popin.myvichy .obj_form .col-full-size li{
	display:inline-block;
	font-size:1rem;
	margin:0 0 13px;
	vertical-align:text-top;
	width:33.33%
	}
.popin.myvichy .obj_form .col-full-size li{
	text-align:left;
	width:33.33%
	}
	
@media screen and (max-width:768px){
	
	.obj_form .col{
		padding:0;
		}
}
/* -------
 * form 
 * ---- */
.obj_form .radio,
.obj_form .text,
.obj_form .checkbox,
.obj_form .select{
	margin-bottom:10px;
	}

.obj_form input[type=text],
.obj_form input[type=email],
.obj_form input[type=password],
.obj_form input[type=date],
.obj_form input[type=tel],
.obj_form input[type=url]{
	background:none;
	border:1px solid #dcdcdc;
	height:40px;
	}

.obj_form input + span[role]{
	background:#fff;
	border-color:#dcdcdc;

	height:20px;
	margin-top:-5px;
	vertical-align:middle;
	width:20px;
	}
.obj_form input + span[role]::after{
	background-color:#85b6d5;
	height:10px;
	margin:-5px 0 0 -5px;
	width:10px;
	}
.obj_form input + span[role=radio]::after{

	}

.obj_form .ctn_gdpr span[role=checkbox] ~ label,
.obj_form .ctn_gdpr span[role=checkbox] ~ .label {
	padding-left: 30px;
	}

.page-container .obj_form label,
.page-container .obj_form .group-label{
	display:inline-block;
	color:#1c213f;
	font-size:.9375em;
	font-weight:300;
	line-height:1em;
	}
.page-container .obj_form label + label {
	margin-top: 10px;
	}
.page-container .obj_form .var_legal label {
	font-size: 0.75em;
	}
.obj_form p.txt-error{
	color:#e80000;
	font-size:.825em;
	margin-top:10px;
	text-align:center;
	}
.obj_form .ctn_disclaimer{
	margin: 10px 0;
	}
.obj_form .missing-content-alert {
   display: block;
   margin-bottom: 10px;
   color: #e80000;
   font-size: 11px;	
	}
.obj_form .ctn_subscriptions {
	text-align: center;
	position: relative;
	width: 100%;	
	padding-top: 20px;
	}
.obj_form .ctn_subscriptions a {
	color: #8e909f;
	font-size: 13px;
	font-weight: 300;
	line-height: 1em;
	text-decoration: underline;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
		 -o-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_form .ctn_subscriptions a:hover {
	color: #1c213f;
	}

/* ---------
 * button
 * ------ */
.obj_form .cta-container{
	clear:both;
	padding-top:37px;
	text-align:center;
	}
.obj_form .button.submit-button{
	border-color:#85b6d5;
	padding-left:56px;
	}
.obj_form .button.submit-button::before{
	background:#97c1db;
	content:"";
	height:calc(100% + 2px);
	left:-1px;
	position:absolute;
	top:-1px;
	width:36px;
	z-index:2;
	}
.obj_form .button.submit-button .btn-bg{
	background:#85b6d5;
	}
.obj_form .button.submit-button:hover{
	color:#85b6d5;
	}
.obj_form .button.submit-button:hover svg{
	fill:#fff;
	}
/* -----------------
 * personnal-info
 * -------------- */
.obj_form .personnal-info .left{
	float:left;
	margin-left:9.829059%;
	width:38.461538%;
	}	
.obj_form .personnal-info .obj_upload .ctn_input .t_label {
    border-width: 1px;
	background: #85b6d5;
	}
.obj_form .personnal-info .obj_upload .ctn_input .t_label:hover,
.obj_form .personnal-info .obj_upload .ctn_input .t_label:focus {
	color: #85b6d5;
	border-color: #85b6d5;
	background: white;
	}
.obj_form .personnal-info .radio{
	height:40px;
	padding-top:9px;
	}
.obj_form .personnal-info .right{
	float:right;
	margin-right:9.829059%;
	width:38.461538%;
	}
.obj_form .personnal-info .select{
	line-height:40px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	}
.obj_form .personnal-info .select.birthdate-field{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	}	
.obj_form .personnal-info .select.birthdate-field .ctn_select.clearfix::after{
	display: none;
	}
.obj_form .personnal-info .select .group-label,
.obj_form .personnal-info .select label{
	display:inline-block;
	line-height:1em;
	width:133px;
	}
.obj_form .personnal-info .ctn_select{
	width:calc(100% - 133px);
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-left: 5px
	}
.obj_form .personnal-info .ctn_select > span{
	width:100%;
	}
.obj_form .birthdate-field .ctn_select > span{
	width:30%;
	}
.obj_form span[role="combobox"]{
	background:#fff;
	border:1px solid #dcdcdc;
	height:40px;
	line-height:40px;
	}
.obj_form.template-aox_v1 span[role="combobox"]::after {
	right: 10px;
	}

.obj_form span[role="combobox"].error{
	border-color:#e80000;
	}
.obj_form .personnal-info .checkbox {
	margin-top:20px;
	}
.obj_form .personnal-info .checkbox + .checkbox{
	margin-top:15px;
	}
.obj_form .personnal-info .checkbox > div{
	font-size:14px;
	padding:0;
	}
.obj_form .personnal-info .checkbox > div:first-child{
	text-align:right;
	}
.obj_form .personnal-info .group-label{
	display:inline-block;
	max-width:370px;
	text-align:left;
	width:100%;
	}
.obj_form .personnal-info .group-label{
	max-width: inherit;
	}
.obj_form .personnal-info .cp-city{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	}
.obj_form .personnal-info .cp-city input:first-child{
	width:123px;
	}
.obj_form .personnal-info .cp-city input:last-child{
	float:right;
	width:calc(100% - 133px);
	}


@media screen and (max-width:767px){
	.obj_form .personnal-info .select.birthdate-field{
		flex-flow: column nowrap;
		}
	.obj_form .personnal-info .select.birthdate-field .group-label{
		width: 100%;
		}
	.obj_form .personnal-info .select.birthdate-field .ctn_select{
		width: 100%;
		}

}





/* -----------------
 * hair
 * -------------- */
.obj_form .hair .column{
	float:left;
	width:50%;
	}
.obj_form .hair .column + .column{
	float:right;
	}

/* POPIN MYVICHY */
.popin.myvichy .create-account .col{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	}
.popin.myvichy .create-account .col > div{
	float: none;
	}
.popin.myvichy .create-account .birthdate .ctn_element {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	}
.popin.myvichy .create-account .birthdate .ctn_element .ctn_form-element{
	display: block;
	width: 30%;
	padding: 0;
	}
.popin.myvichy .create-account .checkbox [role] {
	left: 0;
	position: absolute;
	top: 0;	
	margin: 0;
	}

@media screen and (max-width:767px){
	.popin.myvichy .create-account .col {
		flex-flow: column nowrap;
		}
}








/* POPIN Generated Form */
.popin.myvichy.confirm_info .connect .generated-form input[type="text"],
.popin.myvichy.confirm_info .connect .generated-form input[type="email"],
.popin.myvichy.confirm_info .connect .generated-form input[type="password"],
.popin.myvichy.confirm_info .connect .generated-form input[type="date"],
.popin.myvichy.confirm_info .connect .generated-form input[type="tel"],
.popin.myvichy.confirm_info .connect .generated-form input[type="url"] {
    background: #fff;	
	}
.popin.myvichy.confirm_info .connect .generated-form input + span[role]{	
	top: auto;
	margin-top: 0;
	}
.popin.myvichy.confirm_info .connect .generated-form .rating input + span[role] {
    height: 12px;
	background: none;
	}
.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container .input-container .radio.rating .label{
	margin-top: -3px;
	}		
.popin.myvichy.confirm_info .connect .generated-form .input-line .label-container .label{
	color: #85b6d5;
	font-size: 1.125em;
	font-weight: 500;
	margin-bottom: 20px;	
	}
.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container,	
.popin.myvichy.confirm_info .connect .generated-form .input-line.checkbox-container {
    max-width: 100%;
	}
.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container .input-container,
.popin.myvichy.confirm_info .connect .generated-form .input-line.checkbox-container .input-container{
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	}
.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container .input-container div,
.popin.myvichy.confirm_info .connect .generated-form .input-line.checkbox-container .input-container div{
	width: 50%;
	margin: 0 0 10px 0;
	display: flex;
	}
.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container .input-container label,
.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container .input-container .label,
.popin.myvichy.confirm_info .connect .generated-form .input-line.checkbox-container .input-container label,
.popin.myvichy.confirm_info .connect .generated-form .input-line.checkbox-container .input-container .label {
    font-size: 16px;
    line-height: 20px;
	flex: 1;
	padding-right: 20px;
	}
	
@media screen and (max-width:767px){
	.popin.myvichy.confirm_info .connect .generated-form .birthdate{
		margin: 0 0 20px;
		}
	.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container .input-container div,
	.popin.myvichy.confirm_info .connect .generated-form .input-line.checkbox-container .input-container div{
		width: 100%;	
		}
	.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container .input-container .radio.rating{
		display: inherit;
		}
	.popin.myvichy.confirm_info .connect .generated-form .input-line.radio-container .input-container .radio.rating .label{
		font-size: 14px;
		line-height: 1em;
		margin: 0;
		}	
}

	
/* ----------------------------------------------------------
 * HEADER MYVICHY
 * ------------------------------------------------------- */
.obj_header-esampling{
	background:#F3F3F3 url('../images/v_header-sampling.jpg') no-repeat center bottom;
	color:#fff;
	margin-top:-160px;
	padding-top:160px;
	}
.obj_header-esampling .title-myvichy{
	font-size:1.75em;
	letter-spacing:0.06em;
	}
.obj_header-esampling > .ctn_text{
	max-width:1170px;
	margin:0 auto 20px;
	text-align:center;
	color:#1c213f;
	}
.obj_header-esampling > .ctn_text p{
	width:65.811965%;
	margin:0 auto;
	font-size:1.5em;
	font-weight:300;
	}
.obj_header-esampling > .ctn_text p strong{
	font-weight:500;
	}
	
	
@media screen and (max-width:768px){
	.obj_header-esampling{
		background-color:#f3f3f3;
		}
	.obj_header-esampling > .ctn_text{
		padding:40px 25px 0;
		}
	.obj_header-esampling .title-myvichy{
		font-size:22px;
		}
	.obj_header-esampling > .ctn_text p{width:100%; font-size:1.125em;}
		
}

/* ----------------------------------------------------------
 * HEADER MYVICHY
 * ------------------------------------------------------- */
.obj_header-etesting{
	background:#7dacd9 url('../images/v_header-landing.jpg') no-repeat bottom center;
	color:#fff;
	margin-top:-160px;
	padding-top:160px;
	}
.obj_header-etesting > .ctn_text{
	max-width:1170px;
	margin:0 auto 20px;
	text-align:center;
	color:#1c213f;
	}
.obj_header-etesting > .ctn_text p{
	width:65.811965%;
	margin:0 auto;
	font-size:1.5em;
	font-weight:300;
	}
.obj_header-etesting > .ctn_text p strong{
	font-weight:500;
	}
	
	
@media screen and (max-width:768px){
	.obj_header-etesting > .ctn_text{
		padding:40px 25px 0;
		}
	.obj_header-etesting .title-myvichy{
		font-size:22px;
		}
	.obj_header-etesting > .ctn_text p{width:100%; font-size:1.125em;}
		
}

/* ----------------------------------------------------------
 * HEADER MYVICHY
 * ------------------------------------------------------- */
.obj_header-myvichy{
	background:#accee3;
	color:#fff;
	margin-top:-158px;
	padding-top:90px;
	}
.obj_header-myvichy + section{
	padding-top:38px;
	}
section.obj_review {
	margin-bottom: 60px;
}
.obj_header-myvichy > div{
	height:188px;
	margin:0 auto;
	max-width:1170px;
	padding:0 25px;
	position:relative;
	}
.obj_header-myvichy .title-myvichy{
	padding-top:82px;
	}
/* ---------
 * profil 
 * ------ */
.obj_header-myvichy .user-profile{
	min-width:200px;
	position:absolute;
	right:20px;
	top:27px;
	}
.obj_header-myvichy .user-image{
	background:#8dbbd8;
	border-radius:50%;
	height:25px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:-3px;
	width:25px;
	}
.obj_header-myvichy .user-image img{
	width:100%;
	}
.obj_header-myvichy .user-image .icon{
	left:50%;
	margin:-9px 0 0 -8px;
	position:absolute;
	top:50%;
	width:70%;
	}
.obj_header-myvichy .user-image svg{
	fill:#fff;
	}
.obj_header-myvichy .user-name{
	font-size:1.125em;
	font-weight:500;
	margin-bottom:1px;
	}
.obj_header-myvichy .user-score{
	font-weight:500;
	margin-bottom:13px;
	}
.obj_header-myvichy .user-completion{
	font-size:.875em;
	margin-bottom:11px;
	}
.obj_header-myvichy .user-completion span{
	background:#8dbbd8;
	border-radius:3px;
	display:block;
	height:6px;
	margin-top:6px;
	}
.obj_header-myvichy .user-completion span span{
	background:#fff;
	height:100%;
	transition:width .25s;
	}

.obj_header-myvichy .text-button{
	font-size:.8125em;
	}
.obj_header-myvichy .text-button .icon{
	width:.384615em;
	}
.obj_header-myvichy .text-button .txt{
	border-bottom:1px solid rgba(28, 33, 63, .3);
	}
/* ------------
 * page menu 
 * --------- */
.obj_header-myvichy .page-menu{
	bottom:auto;
	font-size:1em;
	font-weight:400;
	margin-top:-38px;
	top:100%;
	}
.obj_header-myvichy .page-menu .page-title{
	display:none;
	padding:15px 10px;
	}
.obj_header-myvichy .page-menu h2{
	color:#666;
	margin-bottom:5px;
	}

.obj_header-myvichy .page-menu li{
	border:none;
	padding:0;
	/*width:20%;*/
	}
.obj_header-myvichy [data-nb-item="2"] li{ width:50% }
.obj_header-myvichy [data-nb-item="3"] li{ width:33.33% }
.obj_header-myvichy [data-nb-item="4"] li{ width:25% }
.obj_header-myvichy [data-nb-item="5"] li{ width:20% }
.obj_header-myvichy .page-menu li::before{
	background:#f2f2f4;
	bottom:auto;
	height:28px;
	left:-1px;
	margin-top:-14px;
	top:50%;
	width:2px;
	}
.obj_header-myvichy .page-menu li:first-child::before{
	display:none;
	}
.obj_header-myvichy .page-menu .blue{
	color:#85b6d5;
	}
.obj_header-myvichy .page-menu a{
	color:#666;
	display:block;
	height:75px;
	line-height:50px;
	padding:10px;
	}
.obj_header-myvichy .page-menu a::before{
	background:#85b6d5;
	bottom:0;
	content:"";
	height:2px;
	left:0;
	opacity:0;
	position:absolute;
	transition:opacity .25s;
	width:100%;
	}
.obj_header-myvichy .page-menu a:hover::before{
	opacity:.5;
	}
.obj_header-myvichy .page-menu a.is-active::before{
	opacity:1;
	}
.obj_header-myvichy .page-menu span{
	display:inline-block;
	line-height:18px;
	position:relative;
	vertical-align:middle;
	}
.obj_header-myvichy .page-menu strong{
	color:#1c213f;
	font-size:.875em;
	font-weight:600;
	text-transform:uppercase;
	}
.obj_header-myvichy .page-menu em{
	color:#85b6d5;
	font-size:1.125em;
	font-style:italic;
	font-weight:600;
	}
/* ----------------------------------------------------------
 * HEADER PROGRAM
 * ------------------------------------------------------- */
.obj_header-program{
	background:url('../images/f_header-program.jpg') left center no-repeat;
	color:#fff;
	height:630px;
	margin-top:-158px;
	position:relative;
	text-align:center;
	}
.obj_header-program::before{
	background:url('../images/f_title-program.png') center center no-repeat;
	background-size:100% auto;
	content:"";
	position:absolute;
	width:100vw; height:100%;
	left:50%; top:50%;
	-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);	
	}
.obj_header-program .ctn_text{
	min-height:254px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	width:100%;
	}
.obj_header-program .title-myvichy{
	font-size:52px;
	margin-bottom:1.86538em;
	}
.obj_header-program p{
	font-size:54px;
	font-weight:100;
	line-height:1.2em;
	margin-bottom:23px;
	}
.obj_header-program .page-menu{
	bottom:-38px;
	height:auto;
	}
.obj_header-program .page-menu li{
	padding:0;
	color:#999;
	}
.obj_header-program .page-menu li:hover{
	color:#8bb8de;	
	}
.obj_header-program .page-menu li:hover::before{
	background-color:#8bb8de;	
	}
.obj_header-program .page-menu a{
	display:block;
	padding:30px 38px;
	color:inherit;	
	}
/* ----------------------------------------------------------
 * SAMPLES
 * ------------------------------------------------------- */
.obj_previous-reviews{
	max-width:1170px;
	margin:0 auto 60px;
	}
.obj_previous-reviews .ctn_feedback{
	overflow:hidden;
	}
.obj_previous-reviews .ctn_feedback .obj_feedback-details{
	display:inline-block;
	width:50%;
	float:left;
	padding:0 15px 0 0;
	}
.obj_previous-reviews .ctn_feedback .obj_feedback-details + .obj_feedback-details{
	padding:0 0 0 15px;
	}
.obj_previous-reviews .ctn_feedback .obj_feedback-details .stats{
	display:table;
	width:100%;
	padding:40px;
	position:relative;
	}
.obj_previous-reviews .ctn_feedback .obj_feedback-details .stats:before{
	display:block; content:"";
	position:absolute;
	left:0; bottom:0;
	width: 0;
	height: 0;
	z-index:0;
	border-style: solid;
	border-width: 410px 0 0 320px;
	}
	
	
.obj_previous-reviews .obj_feedback-details .product-card{
	display:table-cell;
	width:51%;
	vertical-align:middle;
	}
.obj_previous-reviews .obj_feedback-details .ctn_stat{
	display:table-cell;
	width:49%;
	position:relative;
	z-index:1;
	vertical-align:middle;
	padding:0 0 0 40px;
	}
.obj_previous-reviews .obj_feedback-details .global-stats{
	width:100%;
	float:none;
	}
.obj_previous-reviews .obj_feedback-details .global-stats .stat-value{
	margin:0 0 30px;
	line-height:0.6125em;
	font-size:6.875em;
	}
.obj_previous-reviews .obj_feedback-details .global-stats p{
	font-size:1em;
	line-height:1.375em;
	}
.obj_previous-reviews .obj_feedback-details .detailed-stats{
	width:100%;
	float:none;
	max-width:140px;
	margin:25px 0 0;
	}
.obj_previous-reviews .obj_feedback-details .detailed-stats h5{
	margin:0 0 15px;
	}
.obj_previous-reviews .obj_feedback-details .detailed-stats .single-stat{
	width:auto;
	margin-bottom:15px;
	}
.obj_previous-reviews .obj_feedback-details .single-stat .stat-name{
	font-size:0.9375em;
	}
	
@media screen and (max-width:980px){
	.obj_previous-reviews .ctn_feedback{
		padding:0 5.25%;
		}
	.obj_previous-reviews .ctn_feedback .obj_feedback-details .stats{
		display:block;
		}
	.obj_previous-reviews .obj_feedback-details .product-card{
		display:block;
		width:100%;
		}
	.obj_previous-reviews .obj_feedback-details .ctn_stat{
		padding:30px 0 0;
		}
}

@media screen and (max-width:768px){
	.obj_header-myvichy + section.obj_review {
		margin-bottom: 20px;
	}
	.obj_previous-reviews .ctn_feedback{
		padding:0 20px;
		}
	.obj_previous-reviews .ctn_feedback .obj_feedback-details{
		display:block;
		width:100%;
		padding:0 0 20px !important;
		}
	.obj_previous-reviews .ctn_feedback .obj_feedback-details .stats{
		padding:1.5625em;
		}
	.obj_previous-reviews .ctn_feedback .obj_feedback-details .stats:before{
		border-width:205px 0 0 160px;
		}
}
/* ----------------------------------------------------------
 * PROMO
 * ------------------------------------------------------- */
.obj_header-myvichy + section.obj_promo{ padding:0 0 60px;}
.obj_promo .obj_bloc.program.txt-right::before{display:none;}
/* ----------------------------------------------------------
 * REVIEW
 * ------------------------------------------------------- */
@media screen and (max-width:768px){
	.obj_review{
		padding:0 20px;
		}
}
/* ----------------------------------------------------------
 * SAMPLES
 * ------------------------------------------------------- */
.obj_sample{
	padding:0 0 60px;
	}
.obj_sample .obj_carrousel.car-2 .item{
	min-width:300px;
	}
.obj_sample .product-card .rating{
	padding:10px 0 30px 0;
	}

@media screen and (max-width:768px){
	.obj_sample {
		padding-top: 50px;
	}
	.obj_sample h2{
		padding:40px 20px 0;
		font-size:20px;
		}
}
/* ----------------------------------------------------------
 * OBJ TOGGLE
 * ------------------------------------------------------- */
.obj_toggle .ctn_toggle{
	position:relative;
	}
.obj_toggle .toggle{
	background:#e6eff8;
	border:1px solid #99c2dc;
	border-radius:50%;
	height:30px;
	left:50%;
	margin:-15px 0 0 -15px;
	position:absolute;
	text-indent:-10000px;
	transition:border-color .25s;
	width:30px;
	z-index:2;
	}
.obj_toggle .toggle::after{
	border-color:#93beda;
	border-style:solid;
	border-width:0 1px 1px 0;
	content:"";
	display:block;
	height:10px;
	left:50%;
	margin:-5px 0 0 -5px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(2px) rotate(225deg);
		-ms-transform:translateY(2px) rotate(225deg);
			transform:translateY(2px) rotate(225deg);
	transition:border-color .25s, 	-webkit-transform .25s;
	transition:border-color .25s, 			transform .25s;
	width:10px;
	}
.obj_toggle .toggle-content{
	overflow:hidden;
	}
/* toggle close */
.obj_toggle.toggle-close .toggle{
	border-color:#b0b8bf;
	}
.obj_toggle.toggle-close .toggle::after{
	border-color:#85888a;
	-webkit-transform:translateY(-2px) rotate(45deg);
		-ms-transform:translateY(-2px) rotate(45deg);
			transform:translateY(-2px) rotate(45deg);
	}
.obj_toggle.toggle-close .toggle-content{
	height:0;
	}
	
/* ----------------------------------------------------------
 * YOUR ARTICLES
 * ------------------------------------------------------- */
.obj_your-articles{
	padding:38px 25px 0;
	}
.obj_your-articles > .cta-container{
	text-align:center;
	}
.obj_your-articles > .cta-container .button{
	background:#1c213f;
	}
.obj_your-articles > .cta-container .button:not(:hover){
	color:#8e8e9c;
	}
	
	

/* ----------------------------------------------------------
 * FORM POPIN
 * ------------------------------------------------------- */
.popin.myvichy .ctn_connect {
	padding:10%;
	}
.popin.myvichy .checkbox [role] {
    left: auto;
    position: relative;
    top: 0;
	}
.popin.myvichy .checkbox .ctn_gdpr span[role=checkbox] {
	position: absolute;
	top: 2px;
	left: 0;
	}
.popin.myvichy.confirm_info .obj_form.connect .ctn_input{
	margin:10px 0 0;
	clear:both;
	}
.popin.myvichy.confirm_info .obj_form.connect .ctn_input .checkbox,
.popin.myvichy.confirm_info .obj_form.connect .ctn_input .radio{
	overflow:hidden;
	margin:0;
	padding:0 0 20px;
	}
.popin.myvichy.confirm_info .obj_form.connect .ctn_input .checkbox li,
.popin.myvichy.confirm_info .obj_form.connect .ctn_input .radio li{
	display:inline-block;
	float:left;
	vertical-align:top;
	width:33.3333%;
	padding:0;
	margin:5px 0;
	text-align:left;
	color:#666666;
	}
.popin.myvichy.confirm_info .obj_form.connect .ctn_input .checkbox [role]{position:relative;}
.popin.myvichy.confirm_info .obj_form.connect .ctn_input .checkbox label{
	font-size: 15px;
	color:#666666;
	}
@media screen and (max-width:768px){
	.popin.myvichy .ctn_connect { padding:0;}
	.popin.myvichy .jspPane .ctn_connect { padding:20px;}
	
	.popin.myvichy.confirm_info .obj_form.connect .ctn_input .checkbox li,
	.popin.myvichy.confirm_info .obj_form.connect .ctn_input .radio li{
		float:none;
		width:100%;
		}
}

/* ==========================================================
 * MEDIA QUERIES
 * ======================================================= */
@media screen and (max-width:979px){
	
	
	.ctn_bloc-program {padding:30px 0;}
	.ctn_bloc-program .obj_bloc.program{background:#fff;min-height:0;width:auto;}
	.ctn_bloc-program .obj_bloc.program::before{display:none}
	.ctn_bloc-program .obj_bloc.program .ctn_text{padding:30px 25px;position:relative;text-align:center;top:0;-webkit-transform:none;-ms-transform:none;transform:none;width:auto;}
	
	.ctn_bloc-program .obj_bloc.program.free-sample .ctn_text{padding:0;}
	.obj_bloc.program h2{margin-bottom:20px;}
	.ctn_bloc-program .obj_bloc.program p{max-width:none;}
	.obj_bloc.program .round-label{font-size:5.6px;line-height:56px;}
	.ctn_bloc-program .obj_bloc.program .media{
		display:block;
		width:100%;
		max-width:100%;
		position:relative;
		text-align:center;
		-webkit-transform:none;
			-ms-transform:none;
				transform:none;
		}
	.ctn_bloc-program .obj_bloc.program .media img{display:block;max-height:100%;max-width:100%; margin:0 auto;}
	
	.ctn_bloc-program .obj_bloc.program.beauty{padding-top:50px;}
	.ctn_bloc-program .obj_bloc.program.beauty .media{margin:0 auto;max-width:100%;width:300px;}

	.obj_bloc.program.expert .media img{left:100%;margin:0 auto; -webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
	.obj_bloc.program.samples .ctn_text figure{left:auto;margin:25px auto 0;position:relative;top:auto;-webkit-transform:none;-ms-transform:none;transform:none;width:141px}
	.obj_bloc.program.samples .ctn_text img{width:100%;}
	.obj_bloc.program.samples .round-label{font-size:8px;line-height:60px}
	.obj_bloc.program.skincare{padding-top:25px;}
	.obj_bloc.program.skincare .media{margin:0 auto;width:136px}
	.obj_bloc.samples .media{height:217px}
	
	.obj_benefits,
	.obj_favorite-articles,
	.obj_favorite-products{padding-bottom:25px;}
	
	.obj_header-myvichy{margin-top:0;padding-top:0}
	.obj_header-myvichy .title-myvichy{padding-top:55px;text-align:left;}
	.obj_header-myvichy .page-menu .page-title{background:#fff;cursor:pointer;display:block;}
	.obj_header-myvichy .page-menu button{color:#1c213f;-webkit-transition:transform .4s;transition:transform .4s}
	.obj_header-myvichy .page-menu ul{display:block;max-height:0;overflow:hidden;position:absolute;top:100%;transition:max-height .4s;width:100%}
	.obj_header-myvichy .page-menu li{display:list-item;width:auto}
	.obj_header-myvichy .page-menu li::before{height:2px;left:50%;margin:0 0 0 -14px;top:-2px;width:28px;}
	.obj_header-myvichy .page-menu a::before{height:100%}
	.obj_header-myvichy .page-menu a:hover::before{opacity:.1}
	.obj_header-myvichy .page-menu .is-active{display:none;}
	.obj_header-myvichy .page-menu.is-open {max-height:300px;}
	.obj_header-myvichy .page-menu.is-open ul{box-shadow:0 15px 15px rgba(0,0,0,.05);max-height:300px;}
	.obj_header-myvichy .page-menu.is-open button{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);}
	
	.obj_header-program{background-size:cover;height:420px;margin-top:0;padding-top:100px;}
	.obj_header-program .title-myvichy,
	.obj_header-program p{font-size:36px;}
	.obj_header-program .page-menu{display:none;}
}

@media screen and (max-width:940px){
	.page-container .obj_diagnostic{padding:49px 0 0;}
	.obj_diagnostic .obj_bloc::before{background-size:cover;height:66vw;max-height:462px;position:static;width:100%;}
	.obj_diagnostic .obj_bloc .ctn_text{float:none;height:auto;padding:45px 25px;text-align:center;width:auto;}
	.obj_diagnostic .obj_bloc .ctn_text > div{margin:0 auto;max-width:470px;padding:0;position:static;-webkit-transform:none;-ms-transform:none;transform:none;}
	.obj_diagnostic .obj_bloc h3{margin-bottom:23px;}
	.obj_diagnostic .obj_bloc .txt{margin-bottom:28px;}
	
	.obj_diagnostic .is-complete{padding-top:0;}
	.obj_diagnostic .obj_carrousel{float:none;width:auto;}
}

@media screen and (max-width:768px){
	.obj_bloc{padding:35px 20px;}	
	
	.ctn_bloc-program .obj_bloc.program{background:none; padding:0 10px;}
	.ctn_bloc-program .obj_bloc.program .ctn_text{background:#fff;}
	
	.obj_form .col-size-2 > div{margin-left:5%;padding-right:0;width:30%;}
	.obj_form .col-size-2 > div:first-child{margin-left:0;}

	.obj_form .col-size-3 > div{margin-left:5%;width:65%;}
	.obj_form .col-size-3 > div:first-child{margin-left:0;width:30%;}
	
	.obj_form .col-full-size > div{margin-left:0;}
	.obj_form .col-full-size li{margin-left:5%;width:30%;}
	.obj_form .col-full-size li:nth-of-type(3n + 1){margin-left:0;}
	
	.obj_form .personnal-info .select{line-height:normal;}
	.obj_form .personnal-info .select .group-label,
	.obj_form .personnal-info .select label{text-align:left;width:auto}
	.obj_form .personnal-info .ctn_select{float:none;width:auto;}
	
	.obj_form .hair .column{width:46.153846%;}

	.obj_header-program{background-position:-150px center}
}

@media screen and (max-width:540px){
	.page-container .obj_form .col > div{display:block;width:auto}
	.page-container .obj_form .col.col-size-1 > div + div{margin:0; padding:0;}
	.page-container .obj_form .col:not(.col-size-1) > div + div{margin:25px 0 0;}
	
	.obj_form .personnal-info .group-label,
	.obj_form .personnal-info label{margin-bottom:10px;max-width:none;}
	
	.obj_header-myvichy > div{height:auto;padding-bottom:70px;}
	.obj_header-myvichy .title-myvichy{margin-bottom:25px;padding-top:25px;}
	.obj_header-myvichy .user-profile{position:relative;right:auto;top:auto;}
}

@media screen and (min-width:359px) and (max-width:540px){
	.obj_form ul.checkbox:not(.column)::after,
	.obj_form ul.radio:not(.column)::after{clear:both;content:"";display:block;}
	.obj_form ul.checkbox:not(.column) li,
	.obj_form ul.radio:not(.column) li{float:left;width:50%;}
	.obj_form ul.checkbox:not(.column) li:first-child + li,
	.obj_form ul.radio:not(.column) li:first-child + li{margin-top:0;}	
	
	.obj_form .col-full-size li{margin-left:0}
	
}

@media screen and (max-width:480px){
	.obj_carrousel.car-2 .item{min-width:0}
}

@media screen and (max-width:359px){
	.obj_diagnostic .obj_bloc h3{font-size:1.5em;}	
	
	.page-container .obj_form .col-full-size li{display:list-item;margin-left:0;width:auto}
}
/* //////////////////////////////////////////////////////////
 *
 * VICHY 2016 - VICHY MAG
 *
 * /////////////////////////////////////////////////////// */
/* ==========================================================
 * BUTTON
 * ======================================================= */
.b_01{
	background:#1c213f;
	color: #FFFFFF;
	cursor:pointer;
	display: inline-block;
	line-height: 1em;
	font-weight: 700;
	font-size: 0.75em;
	padding:13px 21px 13px 37px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	}
.b_01.white{
	background:#fff;
	color:#1c213f;
	}
/* ==========================================================
 * OBJECTS
 * ======================================================= */
/* ----------------------------------------------------------
 * bloc-article
 * ------------------------------------------------------- */ 
.obj_bloc-article{
	background:#fff;
	overflow:hidden;
	position:relative;
	}
.obj_bloc-article .visuel{
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:1;
	}
.obj_bloc-article img{
	display:block;
	margin:0 auto;
	max-width:100%;
	}
.obj_bloc-article a.visuel img{
	transition:	-webkit-transform 2s;
	transition:			transform 2s;
	}
.obj_bloc-article .ctn_text{
	box-sizing:content-box;
	position:relative;
	z-index:2;
	}
.obj_bloc-article .mask{
	height:100%;
	overflow:hidden;
	position:relative;
	max-height:156px
	}
.obj_bloc-article .mask::after{
 	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAPCAQAAACPFm1yAAAAI0lEQVR42mNgYGD8z8XEwMvEIMDEIMjEIAJGojAE4QqCZXkBPlECEJPfZxQAAAAASUVORK5CYII=');
	bottom:0;
	content:"";
	height:15px;
	left:0;
	position:absolute;
	width:100%;
	}
.obj_bloc-article .tag{
	color:#727272;
	font-size:.857142em;/* 12px */
	font-weight:700;
	margin-bottom:8px;
	text-transform:uppercase;
	}
.obj_bloc-article h3{	
	color:#1c213f;
	font-size:1.428571em;/* 20px */
	font-weight:500;
	margin-bottom:8px;
	}
.obj_bloc-article h3 a{
	color:inherit;
	}
.obj_bloc-article .txt{
	color:#666;
	font-size:1.071428em;/* 15px */
	line-height:1.266666em;
	}
/* hover */
.obj_bloc-article:hover a.visuel img{
	-webkit-transform:scale(1.05);
		-ms-transform:scale(1.05);
			transform:scale(1.05);
	}
/* larg */
.obj_bloc-article.larg .mask{
	max-height:none;
	}
/* thumb */
.obj_bloc-article.thumb  .visuel{
	position:relative;
	}
.obj_bloc-article.thumb  .visuel img{
	width:100%;
	}
.obj_bloc-article.thumb .ctn_text{
	padding:37px 10% 93px;/* 37px 37px 100px; */
	}
.obj_bloc-article.thumb .txt{
	font-weight:300;
	line-height:1.333333em;/* 20px */
	}
.obj_bloc-article.thumb .ctn_bt{
	bottom:37px;
	left:10%;/* 37px */
	position:absolute;
	right:10%;/* 37px */
	}
/* portrait */
.obj_bloc-article.portrait{
	text-align:center;
	}
.obj_bloc-article.portrait .visuel{
	position:relative;
	}
.obj_bloc-article.portrait .visuel img{
	width:100%;
	}
.obj_bloc-article.portrait .ctn_text{
	padding:37px 10% 79px;/* 37px 37px 79px */
	}
.obj_bloc-article.portrait h3{
	color:#1c213f;
	font-size:1.285714em;/* 18px */
	font-weight:600;
	line-height:1em;
	}
.obj_bloc-article.portrait h3 strong{
	text-transform:uppercase;
	}
.obj_bloc-article.portrait p.txt{
	font-size:1.071428em;/* 15px */
	line-height:110px;
	min-height:110px;
	text-transform:uppercase;
	}
.obj_bloc-article.portrait p.txt a{
	color:#b5b5b5;
	display:inline-block;
	line-height:1.2em;
	vertical-align:middle;
	}
.obj_bloc-article.portrait .ctn_bt{
	bottom:37px;
	left:10%;/* 37px */
	position:absolute;
	right:10%;/* 37px */
	}
/* ----------------------------------------------------------
 * landing
 * ------------------------------------------------------- */ 
.obj_landing-etesting .obj_vmag-push{
	margin:70px 0 0;
	padding:10px 0 70px;
	background:#fff;
	}
.obj_landing-etesting .obj_carrousel.car-2 .item{
	min-width:300px;
	}
/* ----------------------------------------------------------
 * bloc-quote
 * ------------------------------------------------------- */ 
.obj_list-articles .obj_bloc-quote{
	background:none;
	line-height:384px;
	position:relative;
	text-align:center;
	}
.obj_bloc-quote > div{
	display:inline-block;
	line-height:normal;
	padding:0 25px 0;
	vertical-align:middle;
	}
.obj_bloc-quote h3{
	color:#1c213f;
	font-size:1.142857em;/* 16px */
	font-weight:700;
	line-height:1em;
	margin-bottom:50px;
	text-transform:uppercase;
	}
.obj_bloc-quote .txt{
	color:#1c213f;
	font-size:33px;
	font-weight:300;
	font-style:italic;
	line-height:1.212121em;
	margin-bottom:12px;
	}
.obj_bloc-quote .txt span{
	padding:0 10px;
	position:relative;
	}
.obj_bloc-quote .txt span::before,
.obj_bloc-quote .txt span::after{
	background:url('../../VichyMag/images/i_quote.png') no-repeat;
	background-size:100% auto;
	content:"";
	height:50px;
	position:absolute;
	width:65px;
	z-index:1;
	}
.obj_bloc-quote .txt span::before{
	margin:-25px 0 0 -50px;
	}
.obj_bloc-quote .txt span::after{
	margin:8px 0 0 -20px;
	-webkit-transform:rotate(180deg) scale(.72);
		-ms-transform:rotate(180deg) scale(.72);
			transform:rotate(180deg) scale(.72);
	}
.obj_bloc-quote .txt q{
	position:relative;
	z-index:2;
	}
.obj_bloc-quote .name{
	font-weight:500;
	}
.obj_bloc-quote .ctn_bt{
	bottom:30px;
	left:0;
	position:absolute;
	width:100%;
	}
.obj_bloc-quote .b_01:hover{
	color:#1c213f;
	}
.obj_bloc-quote .b_01:hover::before{
	border-color:#1c213f;
	}
/* ----------------------------------------------------------
 * bloc-tag
 * ------------------------------------------------------- */ 
.obj_list-articles .obj_bloc-tag{
	background:#e4e6e7;
	color:#1c213f;
	position:relative;
	transition:box-shadow 2s;
	}
.obj_bloc-tag:hover{
	box-shadow:0 0 10px rgba(0,0,0,.15);
	}
.obj_bloc-tag > div{
	padding:51px 11.063829% 0;/* 51px 52px 0 */
	}
.obj_bloc-tag h3{
	font-size:1.714285em;/* 24px */
	font-weight:700;
	line-height:1em;
	margin-bottom:32px;
	}
.obj_bloc-tag li{
	font-size:1.071428em;/* 15px */
	font-weight:300;
	margin-bottom:6px;
	}
.obj_bloc-tag li a{
	color:#1c213f;
	font-size:1.866666em;/* 28px */
	margin-left:7px;
	}
.obj_bloc-tag .ctn_bt{
	bottom:0;
	left:0;
	position:absolute;
	width:100%;
	}
.obj_bloc-tag .ctn_bt .b_01{
	border:0;
	display:block;
	font-size:1.285714em;/* 18px */
	height:75px;
	line-height:75px;
	padding:0 56px;
	position:relative;
	text-align:left;
	text-transform:none;
	}
.obj_bloc-tag .ctn_bt .b_01 span{
	padding:0;
	position:static;
	}
.obj_bloc-tag .ctn_bt .b_01 span::before{
	height:7px;
	left:auto;
	margin-top:-4px;
	right:36px;
	width:7px;
	}
.obj_bloc-tag .ctn_bt .b_01:hover{	
	background-color:#1c213f;
	}
/* ----------------------------------------------------------
 * list articles
 * ------------------------------------------------------- */ 	
.obj_list-articles{
	font-size:14px;
	margin:0 auto;
	max-width:1170px;
	}
.obj_list-articles > article{
	background:#fff;
	float:left;
	height:434px;
	margin:0 0 30px 2.564102%;/* 0 0 30px 30px */
	width:40.170940%;/* 470px */
	}
.obj_list-articles > article:nth-of-type(odd){
	margin-left:0;
	}
.obj_list-articles > article.larg{
	width:57.264957%;/* 670px */
	}
/* ---------
 * article 
 * ------ */		
.obj_list-articles .obj_bloc-article .ctn_text{
	bottom:0;
	background:#fff;
	box-sizing:border-box;
	min-height:200px;
	padding:20px 8.085106% 86px;/* 20px 38px 86px */
	position:absolute;
	width:100%;
	}
.obj_list-articles .obj_bloc-article .visuel{
	height:234px;
	left:50%;
	margin-left:-235px;
	width:470px;
	}
.obj_list-articles .obj_bloc-article .ctn_bt{
	bottom:30px;
	left:8.085106%;/* 38px */
	position:absolute;
	right:8.085106%;/* 38px */
	}
/* larg */	
.obj_bloc-article.larg .visuel{
	height:434px;
	left:73.880597%;
	margin-left:-175px;
	width:350px;
	}
.obj_bloc-article.larg .ctn_text{
	height:100%;
	padding-left:6.417910%;/* 43px */
	padding-right:6.417910%;/* 43px */
	padding-top:62px;
	width:47.761194%;/* 320px */
	}
.obj_bloc-article.larg h3{
	font-size:28px;
	line-height:1em;
	margin-bottom:40px;
	}
.obj_bloc-article.larg .txt{
	line-height:1.6em;/* 24px */
	}
.obj_bloc-article.larg .ctn_bt{
	left:13.4375%;/* 43px */
	right:13.4375%;/* 43px */
	}
/* expert */
.obj_list-articles .obj_bloc-article.expert .ctn_text{
	background:none;
	}
/* -------------------
 * carousel articles-small
 * ---------------- */
.obj_carrousel.articles-small{
	font-size:14px;
	text-align:center;
	}
.obj_carrousel.articles-small .masque{
	height:620px;
	}  
.obj_carrousel.articles-small
.obj_carrousel.articles-small .b_delete{
	right:0;
	top:0;
	}
		
	

/* =====================================================
 *	min 961
 * ================================================== */
@media screen and (min-width:961px){
	.obj_bloc-article.thumb .tag{
		font-size:1.142857em;
		margin-bottom:.8125em;
		}
	.obj_bloc-article.thumb h3{
		font-size:2em;
		margin-bottom:.357142em;
		}
}
/* =====================================================
 *	max 960
 * ================================================== */
@media screen and (max-width:960px){
	/* =====================================================
	 *	OBJECTS
	 * ================================================== */ 
	/* --------------------------------------------------
	 * list-articles
	 * ----------------------------------------------- */ 
	.obj_bloc-article.larg .visuel{left:81.474820%;}
	.obj_bloc-article.larg .ctn_text{width:62.769784%;}
	.obj_bloc-article.larg .ctn_bt{left:10.493827%;}
}
/* =====================================================
 *	max 640
 * ================================================== */  	
@media screen and (max-width:640px){
	.obj_carrousel.car-2{max-width:520px}
	/* =====================================================
	 *	OBJECTS
	 * ================================================== */ 	
	.obj_bloc-article.portrait h3{font-size:.857142em;/* 12px */}
	.obj_bloc-article.portrait p.txt{font-size:.714285em;/* 10px */min-height:75px;line-height:75px;}
	
	/*
	.obj_bloc-article.thumb .tag{font-size:.714285em;}
	.obj_bloc-article.thumb h3{font-size:1em;}
	.obj_bloc-article.thumb .txt{display:none;}
	.obj_carrousel.articles-small{padding:0 13px;}
	.obj_carrousel.articles-small .item{min-width:135px;}
	.obj_carrousel.articles-small article{margin:10px 7px;}
	*/
	/* --------------------------------------------------
	 * list articles
	 * ----------------------------------------------- */ 
	.page-container .obj_list-articles{margin:0 auto;max-width:470px;}
	.page-container .obj_list-articles > article{float:none;margin-bottom:25px;margin-left:0;width:auto;}
}
/* =====================================================
 *	max 480
 * ================================================== */  	
@media screen and (max-width:480px){
	/* =====================================================
	 *	OBJECTS
	 * ================================================== */ 
	/* --------------------------------------------------
	 * bloc-quote
	 * ----------------------------------------------- */ 
	.obj_list-articles .obj_bloc-quote{height:auto;line-height:normal;}
	.obj_bloc-quote > div{padding-bottom:7px;padding-top:13px;} 
	.obj_bloc-quote h3{margin-bottom:40px;} 
	.obj_bloc-quote .txt{font-size:17px;} 
	.obj_bloc-quote .txt span::before{margin:-25px 0 0 -36px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);}
	.obj_bloc-quote .txt span::after{margin:-10px 0 0 -28px;-webkit-transform:rotate(180deg) scale(.36);-ms-transform:rotate(180deg) scale(.36);transform:rotate(180deg) scale(.36);}
	.obj_bloc-quote .ctn_bt{margin-top:21px;position:static;}
	/* --------------------------------------------------
	 * bloc-tag
	 * ----------------------------------------------- */ 
	.page-container .obj_list-articles .obj_bloc-tag{font-size:8.75px;height:auto;min-height:236px;}
	.obj_bloc-tag > div{padding:24px 9.712230% 49px;}
	.obj_bloc-tag h3{margin-bottom:19px;}
	.obj_bloc-tag .ctn_bt .b_01{font-size:1.714285em;height:38px;line-height:38px;padding:0 20px;text-align:left;}
	.obj_bloc-tag .ctn_bt .b_01 span{position:realtive;padding:0;width:100%;}
	.obj_bloc-tag .ctn_bt .b_01 span::before{left:auto;right:10px;}
	/* --------------------------------------------------
	 * list articles
	 * ----------------------------------------------- */ 
	.obj_list-articles .obj_bloc-article{height:auto;} 
	.obj_list-articles .obj_bloc-article .ctn_text{padding-bottom:60px;padding-top:19px;min-height:0;} 
	.obj_list-articles .obj_bloc-article .tag{font-size:.714285em;margin-bottom:6px;}
	.obj_list-articles .obj_bloc-article h3{font-size:1.214285em;line-height:.857142em;margin-bottom:10px;min-height:30px;}
	.obj_list-articles .obj_bloc-article .ctn_bt{bottom:14px;}
	/* not larg */
	.obj_list-articles .obj_bloc-article:not(.larg) .visuel{height:auto;margin:0;position:static;width:auto;}
	.obj_list-articles .obj_bloc-article:not(.larg) .ctn_text{position:static;}
	.obj_list-articles .obj_bloc-article:not(.larg) .txt{display:none;}
	/* larg */
	.obj_list-articles .obj_bloc-article.larg{height:236px;}
	.obj_list-articles .obj_bloc-article.larg .visuel{height:236px;margin-left:-95px;width:190px;}
	.obj_list-articles .obj_bloc-article.larg h3{min-height:0;}
	.obj_list-articles .obj_bloc-article.larg .txt{line-height:1.133333em;}
}


/* =================================== *
 * UPLOAD MEDIA
 * =================================== */
.obj_form .col.ctn_iframe{max-width:300px; margin:0 auto; padding:0; position:relative;}
.obj_form .col.ctn_iframe .t_iframe{
	position:absolute;
	left:110px; top:0;
	font:15px/32px 'Calibre', sans-serif;
	font-weight:300;
	color:#1c213f;
	}
.pg_upload-media{background:none;}
.pg_upload-media .obj_photo{max-width:300px; margin:0 auto;}
.pg_upload-media .ctn_picture{width:90px; min-height:110px; float:left;}
.pg_upload-media .ctn_picture .obj_picture{
	display:block;
	width:90px; max-width:100%; height:90px;
	overflow:hidden;
	border-radius:50%;
	background:#dcdcdc;
	}
.pg_upload-media .ctn_picture .obj_picture img{display:block; width:100%; max-width:100%; height:100%;}
.pg_upload-media .ctn_inputFile{width:calc(100% - 90px); padding:35px 0 0 20px; float:left;}
.pg_upload-media .ctn_inputFile input[type="text"]{
	display:none;
	width: calc(100% - 90px);
	margin:0 0 5px;
	padding: 5px 10px;	
	height:auto;
	box-sizing: border-box;
	font: 1em/1em 'Calibre', sans-serif;
	border: 1px solid #ccc;
	border-radius: 0;
	}
.pg_upload-media .ctn_inputFile input[type="file"] {
	display: none;
	} 
.pg_upload-media .ctn_btn{
	margin:0;
	}
.pg_upload-media .btn{
	display:inline-block;
	}
.pg_upload-media .button.has-border{
	border-color:#85b6d5;
	}
.pg_upload-media .button.has-border .btn-bg{
	background-color:#85b6d5;
	}
.pg_upload-media .button:not(.disabled):hover,
.pg_upload-media .button:not(.disabled).hover{
	color:#85b6d5;
	}
.pg_upload-media .btn.btn_cancel{
	font:13px/1.25em 'Calibre', sans-serif;
	font-weight:300;
	text-align:left;
	text-decoration:underline;
	color:#8e909f;
	}
.pg_upload-media .ctnAOX_msgError{
	float:left;
	width:calc(100% - 110px);
	padding:5px 0 0 20px;
	font-size:13px;
	font-weight:300;
	color:#8e909f;
	}
.pg_upload-media .uploading{
	margin-bottom:5px;
	color:#85b6d5;
	font-size:16px;
	line-height:20px;
	}