/*

1 - STRUCTURE
1.1 - STEP START
	1.1.1 - BLOC HEADER
		1.1.1.1 - BLOC HEADER
		1.1.1.2 - BLOC HEADER LOGO
		1.1.1.3 - BLOC ANIM
	1.1.2 - BLOC TXT
		1.1.2.1 - VAR STEPS
		1.1.2.2 - VAR DETAILS
		1.1.2.3 - VAR PRESCRIPTION
	1.1.3 - BLOC FOOTER
		1.1.3.1 - STEP DETAILS
	1.1.4 - BLOC TECH
	1.1.5 - BLOC ANIM PICTURE
	1.1.6 - BLOC ROUTINE
	1.1.7 - BLOC REVIEWS

1.2 - STEP UPLOAD
	1.2.1 - BLOC TITLE
	1.2.2 - BLOC UPLOAD

1.3 - STEP ANALYSE

1.4 - STEP USER AGE
	1.4.1 - BLOC SLIDER
	1.4.2 - BLOC ADVISE
	1.4.3 - BLOC CTA
		1.4.3.1 - BLOC CTA HOME

1.5 - STEP USER SKIN
	1.5.1 - BLOC SKIN

1.6 - STEP SKIN MATRIX
	1.6.1 - BLOC RESULT
	1.6.2 - BLOC DISCOVER
	1.6.3 - BLOC GRAPH
		1.6.3.1 - BLOC GRAPH HOME
		1.6.3.2 - EXPAND INFO


	1.6.4 - BLOC PRIORITIES

1.7 - STEP PRESCRIPTION
	1.7.1 - BLOC REPORT
	1.7.2 - BLOC ROUTINE

2 - OBJECTS
	2.1 - OBJ SKINANALYSES
	2.2 - OBJ STEP ICON
	2.3 - OBJ BREADCRUMB
	2.4 - OBJ CARROUSEL
		2.4.1 - CARROUSEL STEPS
		2.4.2 - CARROUSEL ROUTINE
	2.5 - OBJ GRAPH
	2.6 - OBJ ENCART
	2.7 - OBJ PRIORITY
	2.8 - OBJ REPORT
	2.9 - OBJ ROUTINE
	2.10 - OBJ PRODUCT
	2.11 - OBJ CHECK
    2.12 - OBJ IDLE BUTTON
    2.12 - OBJ VMAG
*/
@font-face{
  font-family:'FuturaND-Light';
  src:url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaND/f80beac3-ddaf-43e0-b40c-0147bb18e1f6.woff2') format("woff2"), url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaND/6fa8d7db-1486-45aa-897b-26dae909916a.woff') format("woff");
}
@font-face{
	font-family:'FuturaND-Regular';
	src:url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaND/1935222e-0e8a-444b-8e9d-cff3216d763c.woff2') format("woff2"), url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaND/3b320088-03d1-4266-b8b7-afe8585fea8b.woff') format("woff");
}
@font-face{
	font-family:'FuturaND-Bold';
	src:url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaND/c767d6b7-8f4d-4dc3-b6d6-4dea97203d31.woff2') format("woff2"), url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaND/6fc4945c-df4d-4a40-81cd-202afab440e7.woff') format("woff");
}

@keyframes hpAnimateLines {
	0% {  opacity: 0 }
	to { opacity: .25 }
}

@keyframes hpAnimateDots {
	0% { opacity: 0 }
	to {  opacity: 1 }
}

@keyframes stroke { to { stroke-dashoffset : 0; } }

@keyframes scale {
	0%,
	to { transform : none  }
	50% { transform : scale3d(1.1, 1.1, 1) }
}

@keyframes circleSpins {
	0% { transform : rotate(0deg) }
	to { transform : rotate(1turn) }
}

@keyframes centerCircleSpins {
	0% { transform : rotate(-30deg) }
	22% { transform : rotate(-30deg) }
	25% { transform : rotate(150deg) }
	48% { transform : rotate(150deg) }
	50% { transform : rotate(-30deg) }
	72% { transform : rotate(-30deg) }
	75% { transform : rotate(245deg) }
	98% {  transform : rotate(245deg) }
	to { transform : rotate(-30deg) }
}

@keyframes centerCircleSpinsTwo {
	0% { transform : rotate(30deg) }
	22% { transform : rotate(30deg) }
	25% { transform : rotate(170deg) }
	48% { transform : rotate(170deg) }
	51% { transform : rotate(300deg) }
	72% { transform : rotate(300deg) }
	75% { transform : rotate(210deg) }
	98% { transform : rotate(210deg) }
	to { transform : rotate(30deg) }
}


/* APP */
.pg_skinanalyses { background : #fff; }
.pg_skinanalyses.overlay { overflow : hidden; }
.pg_skinanalyses.overlay.popin-open { overflow : auto; }
.pg_skinanalyses .str_app {
	width : 600px;
	max-width : 100%;
	margin : 0 auto;
	background : white;
	
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
}
@media screen and ( max-width: 1024px ) { .pg_skinanalyses .str_app { padding-top : 0 !important; } }
@media screen and ( min-width: 1024px ) { .pg_skinanalyses .str_app { padding-top : 120px !important; } }

.obj_skinanalyses .ctn_btn { text-align : center; }

.obj_skinanalyses .print {display: none;}

/* */
.popin .success .t_confirm{margin-bottom:20px;}

.obj_skinanalyses input,
.obj_skinanalyses textarea,
.obj_skinanalyses button,
.obj_skinanalyses select,
.obj_skinanalyses select option{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	outline:0;
	}
.obj_skinanalyses input::-webkit-outer-spin-button,
.obj_skinanalyses input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
	}
.obj_skinanalyses input[type=number]{
    -moz-appearance:textfield;
	}

/* */
body.var_no-header-footer{
	padding-top:0;
	}
.var_no-header-footer .main-header,
.var_no-header-footer .main-footer{
	display:none;
	}
.var_no-header-footer .obj_skinanalyses > .obj_step.step_1.is-visible,
.var_no-header-footer .obj_skinanalyses > .obj_step.step_6.is-visible,
.var_no-header-footer .obj_skinanalyses > .obj_step.step_7.is-visible{
	padding-bottom:150px;
	}
.var_no-header-footer .bloc_footer{
	height:100vh;
	}
.var_no-header-footer .bloc_footer .ctn_content{
	height:90vh;
	}
/* */

/* 1 - STRUCTURE
   1.1 - STEP START
   1.1.1 - BLOC HEADER
   1.1.1.1 - BLOC HEADER */
.obj_skinanalyses .bloc_header .ctn_bloc {
	position : relative;
	background : url('../images/f_banner.jpg') no-repeat right center / contain;
}
.obj_skinanalyses .bloc_header .ctn_bloc:before,
.obj_skinanalyses .bloc_header .ctn_bloc:after {
	content : '';
	display : block;
	padding-top : 74.40%;

	transition : opacity 1.5s;
}
.obj_skinanalyses .bloc_header .ctn_bloc:before {
	background : url('../images/f_bullets.png') no-repeat right center / contain;
	opacity : 0;
}
.obj_skinanalyses .bloc_header .ctn_bloc:after {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : auto;
	background : url('../images/f_lines.png') no-repeat right center / contain;
	opacity : 0;
}
.obj_skinanalyses .bloc_header.loading .ctn_bloc:before { opacity : 1; }
.obj_skinanalyses .bloc_header.complete .ctn_bloc:after { opacity : 1; }
.obj_skinanalyses .bloc_header .ctn_title {
	position : absolute;
	top : 50%;
	left : 5.3333%;
	color : #1C213F;

	opacity : 0;
	z-index : 1;

	transition : all 0.75s ease-out;
	transform : translateY(-25%);
}
.obj_skinanalyses .bloc_header.init .ctn_title {
	opacity : 1;

	transform : translateY(-50%);
}
.obj_skinanalyses .bloc_header .ctn_title .t_title {
	text-align : left;
	text-transform : uppercase;
	font : 4.8vh/1.1 'FuturaND-Bold';
}
.obj_skinanalyses .bloc_header .ctn_title .t_title span { font-family : 'FuturaND-Regular'; }
.obj_skinanalyses .bloc_header .ctn_title .t_mentions.var_dermato { font : 1.5vh 'FuturaND-Regular'; }

/* 1.1.1.2 - BLOC HEADER LOGO */
.obj_skinanalyses .bloc_header-logo .ctn_bloc { padding : 3.75vh 40px; }
.obj_skinanalyses .bloc_header-logo .v_logo {
	display : block;
	width : 420px;
	max-width : 100%;
	margin : 0 auto;
}
.obj_skinanalyses .bloc_header-logo h1{
	text-align:left;
	font:42px/1 'FuturaND-Light';
	text-transform:uppercase;
	color:#1a214f;
	}
.obj_skinanalyses .bloc_header-logo h1 strong{
	font-family:'FuturaND-Bold';
	}
.obj_skinanalyses .bloc_header-logo h1 sup{
	position:relative;
	top:-0.5em;
	font-family:'FuturaND-Bold';
	font-size:0.6em;
	}
.obj_skinanalyses .bloc_header-logo h2{
	margin-top:2px;
	position:relative;
	padding-left:22px;
	text-align:left;
	font:9px/1 'FuturaND-Bold';
	text-transform:uppercase;
	color:#1a214f;
	}
.obj_skinanalyses .bloc_header-logo h2::before{
	position:absolute;
	left:0; bottom:50%;
	width:18px; height:7px;
	transform:translateY(50%);
	box-shadow:
		inset 0px 1px 0px 0px #1a214f,
		inset 0px 2px 0px 0px #fff,
		inset 0px 3px 0px 0px #1a214f,
		inset 0px 4px 0px 0px #fff,
		inset 0px 5px 0px 0px #1a214f,
		inset 0px 6px 0px 0px #fff,
		inset 0px 7px 0px 0px #1a214f;
	content:'';
	}

@media screen and (min-width:415px){

	.obj_skinanalyses .bloc_header-logo h1{
		font-size:66px;
		}
	.obj_skinanalyses .bloc_header-logo h2{
		font-size:15px;
		}

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

	.obj_skinanalyses .bloc_header-logo h1{
		font-size:10vw;
		}
	.obj_skinanalyses .bloc_header-logo h2{
		font-size:2.2vw;
		}

}

/* 1.1.1.3 - BLOC ANIM */
.obj_skinanalyses .bloc_anim-home {
	position : relative;
	width : 500px;
	height : 50vh;
	max-width : 82%;
	margin : auto;
	}
.obj_skinanalyses .bloc_anim-home:after,
.obj_skinanalyses .bloc_anim-home:before {
	content : '';
	display : block;
	width : 15px;
	height : 15px;
	position : absolute;
	z-index : 3
}
.obj_skinanalyses .bloc_anim-home:before {
	border-top : 6px solid #1c213f;
	border-left : 6px solid #1c213f;
	top : 0;
	left: 0;
}
.obj_skinanalyses .bloc_anim-home:after {
	border-bottom : 6px solid #1c213f;
	border-right : 6px solid #1c213f;
	bottom : 0;
	right : 0;
}
.obj_skinanalyses .bloc_anim-home .ctn_bloc {
	position : relative;
	width : 100%;
	height : 94%;
	overflow : hidden;
}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .v_face {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	display : block;
	width : 100%;
	height : 100%;
	max-width : 92%;
	max-height : 92%;
	margin : auto;

	-o-object-fit : cover;
	object-fit : cover;
	
	z-index : 2;
}

.obj_skinanalyses .bloc_anim-home .feedback{
	position: relative;
	display: flex;
	height: auto;
	bottom: 0;
	width: 100%;
	padding: 0 0 10px;
	justify-content: center;
	}
.obj_skinanalyses .bloc_anim-home .feedback p{
	display: inline-block;
	font-size: 12px;
	padding: 0 10px 0 5px;
	}	
.obj_skinanalyses .bloc_anim-home .feedback a{
	font-size: 12px;
	text-decoration: underline;
	color: #c4c4c4;
	}
.obj_skinanalyses .bloc_anim-home .feedback .rating {
	width: auto;
	margin: 0;
	white-space: nowrap;
	font-size: 0;
	}
.obj_skinanalyses .bloc_anim-home .feedback .rating svg{
	width: 16px;
	height: 13px;
	color: #3c77e3;
	}



.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot {
	position : absolute;
	display : block;
	width : .66667vh;
	height : .66667vh;
	background : #fff;
	border-radius : 100%;
	
	opacity : 0;
	z-index : 4;
	
	animation: hpAnimateDots .25s ease-in forwards;
}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_1 { top: 10%; left: 50%; animation-delay: 0.166667s ;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_2 { top : 15%; left : 30%; animation-delay: 0.333333s; }
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_3 { top : 30%; left : 20%; animation-delay: 0.5s; }
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_4 { top : 38%; left : 20.5%; animation-delay: 0.666667s; }
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_5 { top : 36%; left : 33%; animation-delay: 0.833333s; }
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_6 { top : 28%; left : 46%; animation-delay: 1s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_7 { top : 42%; left : 50%; animation-delay: 1.16667s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_8 { top : 50%; left : 33%; animation-delay: 1.33333s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_9 { top : 55%; left : 27%; animation-delay: 1.5s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_10 { top : 60%; left : 18.5%; animation-delay: 1.66667s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_11 { top : 58%; left : 42%; animation-delay: 1.83333s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_12 { top : 65%; left : 50%; animation-delay: 2s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_13 { top : 66%; left : 32%; animation-delay: 2.16667s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_14 { top : 68%; left : 24%; animation-delay: 2.33333s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_15 { top : 73%; left : 21%; animation-delay: 2.5s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_16 { top : 82%; left : 50%; animation-delay: 2.66667s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_17 { top : 73%; left : 38%; animation-delay: 2.83333s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_18 { top : 87%; left : 32%; animation-delay: 3s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_dot.var_19 { top : 92%; left : 50%; animation-delay: 3.16667s;}
.obj_skinanalyses .bloc_anim-home .ctn_bloc .obj_line {
	width : 100%;
	height : 1px;
	background-color : #fff;

	z-index: 10;
	
	animation: hpAnimateLines 1s ease-in forwards
}
.obj_skinanalyses .bloc_anim-home .obj_label {
	position : absolute;
	width : 28%;
	text-align : left;
	
	opacity : 0;
	z-index : 3;
}
.obj_skinanalyses .bloc_anim-home .obj_label:after {
	content : '';
	position : absolute;
	top : -8px;
	left : -8px;
	display : block;
	width : .66667vh;
	height : .66667vh;
	background : #fff;
	border-radius: 100%;
	z-index : 2;
}
.obj_skinanalyses .bloc_anim-home .obj_label.is-visible { opacity : 1; }
.obj_skinanalyses .bloc_anim-home .obj_label.var_1 {
	top : 18%;
	right : 6%;
	transition : opacity .15s ease-in;
}
.obj_skinanalyses .bloc_anim-home .obj_label.var_2 {
	top : 50%;
	right : 0;
	transition : opacity .35s ease-in;
}
.obj_skinanalyses .bloc_anim-home .obj_label.var_3 {
	top : 85%;
	right : 8%;
	transition : opacity .5s ease-in;
}
.obj_skinanalyses .bloc_anim-home .obj_label .t_name {
	display : block;
	text-transform : uppercase;
	font : 1.33333vh/1.25 'FuturaND-Bold';
	color : #fff;
}
.obj_skinanalyses .bloc_anim-home .obj_label .obj_encart { display : inline-block; }
.obj_skinanalyses .bloc_anim-home .obj_circle {
	position : absolute;
	top : 10%;
	left : 0;
	right : 0;
	display : block;
	width : 8vh;
	height : 8vh;
	max-width : 0;
	margin : auto;
	
	opacity : 0;
	z-index : 6;
	
	transition : max-width 2s ease-in-out, top .5s ease-in-out, left .5s ease-in-out;
}
.obj_skinanalyses .bloc_anim-home .obj_circle.anim-1 {
	max-width : 100%;
	opacity : 1;
	
	transition : all .5s ease-out;
}
.obj_skinanalyses .bloc_anim-home .obj_circle.anim-2 { top : 25%; }
.obj_skinanalyses .bloc_anim-home .obj_circle.anim-3 { top : 35%; left : -45%; }
.obj_skinanalyses .bloc_anim-home .obj_circle.anim-4 { top : 65%; left : 55%; }
.obj_skinanalyses .bloc_anim-home .obj_circle.anim-5 { top : 60%; left : 30%; }
.obj_skinanalyses .bloc_anim-home .obj_circle.anim-6 { top : 60%; left : -30%; }
.obj_skinanalyses .bloc_anim-home .obj_circle.anim-7 { top : 40%; left : 0; }
.obj_skinanalyses .bloc_anim-home .obj_circle.anim-8 { top : 64%; left : 50%; }

.obj_skinanalyses .bloc_anim-home .obj_circle .sml-crcl {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
	z-index : 2;
}
.obj_skinanalyses .bloc_anim-home .obj_circle .sml-crcl.var_1 {
	width : 100%;
	opacity : 1;
	animation : circleSpins 40s linear infinite;
}
.obj_skinanalyses .bloc_anim-home .obj_circle .sml-crcl.var_1-1 {
	width: 100%;
	animation: circleSpins 18s linear infinite;
}
.obj_skinanalyses .bloc_anim-home .obj_circle .sml-crcl.var_2 {
	width: 80%;
	animation: centerCircleSpinsTwo 15s linear infinite;
}
.obj_skinanalyses .bloc_anim-home .obj_circle .sml-crcl.var_3 {
	width: 30%;
	animation: circleSpins 2s linear infinite;
}
.obj_skinanalyses .bloc_anim-home .obj_circle .sml-crcl.var_3-1 {
	width: 30%;
	animation: circleSpins 5s linear infinite;
}
.obj_skinanalyses .bloc_anim-home .obj_circle .sml-crcl.var_4 {
	width: 55%;
	animation: centerCircleSpinsTwo 8s linear infinite;
}

/* 1.1.2 - BLOC TXT */
.obj_skinanalyses .bloc_txt { padding : 4.5vh 0 6vh 0; }
.obj_skinanalyses .bloc_txt .ctn_bloc { padding : 0 6.66666%; }
.obj_skinanalyses .bloc_txt .t_subtitle {
	margin-bottom : 1.5vh;
	text-align : center;
	font : 3vh/1.16 'FuturaND-Bold';
	color : #1C213F;
}
.obj_skinanalyses .bloc_txt .t_desc { text-align : center; }
.obj_skinanalyses .bloc_txt p {
	font : 2vh/1.5 'FuturaND-Regular';
	color : #1C213F;
}
.obj_skinanalyses .bloc_txt p strong {
	font-family : 'FuturaND-Bold';
}
.obj_skinanalyses .bloc_txt.var_blue p { color : #fff; }
.obj_skinanalyses .bloc_txt p.t_inform { font-size : 2vh; }
.obj_skinanalyses .bloc_txt p.t_inform + p.t_mentions {
	margin-top : 4.5vh;
	text-align : left;
	font-size : 1.6vh;
	line-height : 1;
}
.obj_skinanalyses .bloc_txt .ctn_btn { margin-top : 4.5vh; }
.obj_skinanalyses .bloc_txt .ctn_step + .ctn_btn {
	margin-top : 4.5vh;
	padding: 0 6.66666%;
}
.obj_skinanalyses .bloc_txt .ctn_steps {
	width : 100%;
	margin-top : 4vh;
	
	display : flex;
	flex-direction : row;
	align-items : center;
	justify-content : center
}
/* */
.var_landing .bloc_routines + .bloc_txt { padding : 0; }

/* 1.1.2.1 - VAR STEPS */
.obj_skinanalyses .bloc_txt.var_steps {
	position : relative;
	text-align : left;
}
.obj_skinanalyses .bloc_txt.var_steps .ctn_bloc {
	position : relative;
	padding: 4.5vh 0 6vh 0;
	background : #1c213f;
	z-index : 1;
}
.obj_skinanalyses .bloc_txt.var_steps .t_subtitle {
	font-size : 3vh;
	color : #fff;
}
.obj_skinanalyses .bloc_txt.var_steps .t_desc {
	font: 2vh/1.5 'FuturaND-Light';
	color : #fff;
}
@media ( max-width : 380px ) { .obj_skinanalyses .bloc_txt.var_steps .t_desc { font-size: 2.2vh; } }
.obj_skinanalyses .bloc_txt.var_steps .obj_intro-dots.var_steps {
	top : 0;
	z-index : 0;
}
.obj_skinanalyses .bloc_txt.var_steps .obj_intro-dots.var_steps.var_2 { top : auto; bottom : 0;}

/* 1.1.2.2 - VAR DETAILS */
.obj_skinanalyses .bloc_txt.var_details { margin-top : 20px; }
.obj_skinanalyses .bloc_txt.var_details .ctn_bloc { padding : 0; }
.obj_skinanalyses .bloc_txt.var_details .ctn_step {
	font-size : 0;
	position : relative;
	color : #1C213F;
}
.obj_skinanalyses .bloc_txt.var_details .ctn_step ~ .ctn_step { margin-top : 6vh; }
.obj_skinanalyses .bloc_txt.var_details .ctn_step > .ctn_img {
	position : relative;
	display : inline-block;
	height : auto;
}
.obj_skinanalyses .bloc_txt.var_details .ctn_step > .ctn_img img {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : auto;
}
.obj_skinanalyses .bloc_txt.var_details .ctn_step > .ctn_img:before {
	content : '';
	display : block;
}

.obj_skinanalyses .bloc_txt.var_details .ctn_step > .ctn_img ~ .ctn_txt {
	display : inline-block;
	padding : 0 20px;
}

.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(odd) { text-align : left; }
.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(odd) .obj_step { text-align : left; }

.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(1) {
	margin-right : 20px;
	padding : 0 0 4.5vh 0;
	background : #E9F3FF;
}
.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(1) > .ctn_img {
	position : absolute;
	left : 0;
	top : -10px;
	width : 32.67%;
	vertical-align : top;
}
.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(1) > .ctn_img:before { padding-top : 214.13%; }
.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(1) > .ctn_txt {
	width : 67.33%;
	margin : 4.5vh 0 0 32.67%;
}
.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(3) {
	padding : 3vh 0;
	margin-left : 20px;
	margin-right : 20px;
	background : #F1F4F1;
}
.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(3) > .ctn_img {
	position : absolute;
	top : 50%;
	right : -20px;
	width : 49.261%;
	
	transform : translateY(-50%);
}
.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(3) > .ctn_img:before { padding-top : 171.526%; }
.obj_skinanalyses .bloc_txt.var_details .ctn_step:nth-child(3) > .ctn_txt { width : 56.739%; }

.obj_skinanalyses .bloc_txt.var_details .t_mentions {
	margin-top : 2vh;
	font-size : 1.5vh;
}
.obj_skinanalyses .bloc_txt.var_details .t_mentions.var_dermato {
	margin-top : 3vh;
	padding : 0 20px;
	text-align : left;
	font-size : 1.5vh;
}

/* 1.1.2.3 - VAR PRESCRIPTION */
.obj_skinanalyses .bloc_txt.var_prescription { 
	position: relative;
	background: #e9f3ff;
	border-top: 0;
	margin: 40px 0 70px;
	}
.obj_skinanalyses .bloc_txt.var_prescription::before {
   content: '';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 3;
	border-top: 6px solid #1c213f;
	border-left: 6px solid #1c213f;
	top: 10px;
	left: 10px;
	}
.obj_skinanalyses .bloc_txt.var_prescription::after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 3;
   border-bottom: 6px solid #4c5064;
	border-right: 6px solid	#1c213f;
	bottom: 10px;
	right: 10px;
	}
.obj_skinanalyses .bloc_txt.var_prescription .ctn_bloc {
	margin: auto;
	padding-bottom : 0;
	text-align : center;
	color : #1c213f;	
	}
.obj_skinanalyses .bloc_txt.var_prescription p { margin: 0; }

/* 1.1.2.4 - VAR BLUE */
.obj_skinanalyses .bloc_txt.var_blue {
	position : relative;
	padding : 0;
	background : #1c213f;
	}
.obj_skinanalyses .bloc_txt.var_blue .ctn_bloc {
	width : 80%;
	margin : 0 auto;
	padding : 2vh 0;
	text-align : left;
	color : #fff;
	}
.obj_skinanalyses .step_start .bloc_txt.var_blue .ctn_bloc {
	position : relative;
	width : 500px;
	max-width : 100%;
	margin : 0 auto;
	padding : 6vh 0;
	text-align : center;
	z-index : 2;
	}
.obj_skinanalyses .step_start .bloc_txt.var_blue .t_title {
	margin : 0 0 1.5vh;
	padding : 0;
	font : 2.5vh/1.25 'FuturaND-Bold';
	color : #fff;
	}
.obj_skinanalyses .step_start .bloc_txt.var_blue .t_desc {
	font-family : 'FuturaND-Light';
	color : #fff;
	}

@media ( max-width : 380px ) { 
	.obj_skinanalyses .step_start .bloc_txt.var_blue .t_desc { font-size: 2.2vh; }
}

.obj_skinanalyses .step_start .bloc_txt.var_blue .t_desc strong { 
	font-family : 'FuturaND-Bold';
	}
.obj_skinanalyses .step_start .bloc_txt.var_blue .v_face {
	position : absolute;
	left : 0;
	top : 50%;
	height : 85%;
	width : auto;
	max-width : inherit;	
	opacity : 0;
	transform : translateY(-50%);
	transition : all 0.5s;
	}
.obj_skinanalyses .step_start .bloc_txt.var_blue.is-visible .v_face {
	left : 60%;
	opacity : 1;
}

/* 1.1.2.5 - VAR EXPERT */
.obj_skinanalyses .bloc_txt.var_expert {
	position: relative;
	padding: 20px 25px;
	background: #fff;
	}
.obj_skinanalyses .bloc_txt.var_expert .ctn_bloc{
	display: flex;
	flex-flow: row nowrap;
	padding: 0;
	}
.obj_skinanalyses .bloc_txt.var_expert .ctn_bloc .v_expert{
	min-width: 76px;
	display: flex;
	}	
.obj_skinanalyses .bloc_txt.var_expert .ctn_bloc .v_expert img{
	margin: auto;
	}	
.obj_skinanalyses .bloc_txt.var_expert .ctn_bloc .txt{
	display: flex;
	}
.obj_skinanalyses .bloc_txt.var_expert .ctn_bloc .t_desc{
	margin: auto;
	padding-left: 10px;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	}
.obj_skinanalyses .bloc_txt.var_expert .ctn_bloc .t_desc strong{
	font-family: 'FuturaND-Bold';
	}
.obj_skinanalyses .bloc_txt.var_expert .ctn_bloc .t_desc span{
	display: inline-block;
	padding-top: 5px;
	color: #949494;
	}



/* 1.1.3 - BLOC FOOTER */
.obj_skinanalyses .bloc_footer {
	position : fixed;
	bottom:0;
	left : 0;
	width : 100%; height:calc(100vh);
	opacity : 0;
	transition : all 0.5s ease;
	z-index : 100;
	overflow : hidden;
	transform: translateY(100%);
}
.obj_skinanalyses .bloc_footer.is-visible {
	transform: translateY(0);
	box-shadow : 0px 0px 40vh 0px rgba(0,0,0,0.5);
	opacity : 1;
}

/* */
/* bandeau actu + header pinned */
.obj_bandeau-actus ~ .main-header.is-pinned ~ .page-container .bloc_footer {
	height:calc(100vh - 155px);
	}
/* header pinned */	
.main-header.is-pinned ~ .page-container .bloc_footer {
	height: calc(100vh - 115px);
	}	
/* bandeau actu seul */
.obj_bandeau-actus  ~ .page-container .bloc_footer{
	height: calc(100vh - 40px);
	}
.obj_bandeau-actus  ~ .page-container .bloc_footer .ctn_bloc{
	height: 100%;
	}
/* */

.obj_skinanalyses .bloc_footer .ctn_bloc {
	width : 600px;
	max-width : 100%;
	margin : 0 auto;
	padding : 0;
	text-align : left;
	color : #1C213F;
	background : #fff;
}
.obj_skinanalyses .bloc_footer .ctn_title {
	margin-bottom : 4.497vh;
	text-align : center;
}
.obj_skinanalyses .bloc_footer .ctn_title .t_title { font : 3.3vh/1 'FuturaND-Regular'; }
.obj_skinanalyses .bloc_footer .obj_form .input-line {
	width : 100%;
	margin-bottom : 0;
}
.obj_skinanalyses .bloc_footer .obj_form .input-line ~ .input-line { margin-top : 3vh; }
.obj_skinanalyses .bloc_footer .obj_form span[role="checkbox"],
.obj_skinanalyses .bloc_footer .obj_form span[role="radio"] {
	width : 2vh;
	height : 2vh;
	margin-right : 1vh;
	border-color : #1C213F;
	background : white;
	border-radius : 2px;
}
.obj_skinanalyses .bloc_footer .obj_form span[role="checkbox"]:after,
.obj_skinanalyses .bloc_footer .obj_form span[role="radio"]:after {
	width : 1.2vh;
	height : 1.2vh;
	margin : -0.6vh 0 0 -0.6vh;
}
.obj_skinanalyses .bloc_footer .obj_form input[type="checkbox"] ~ label,
.obj_skinanalyses .bloc_footer .obj_form input[type="radio"] ~ label,
.obj_skinanalyses .bloc_footer .obj_form input[type="hidden"] ~ label {
	width : 29vh;
	font : 2vh/1 'FuturaND-Regular';
	color : #1C213F;
}
.obj_skinanalyses .bloc_footer .obj_form .ctn_btn { margin-top : 4.5vh; }

.obj_skinanalyses .bloc_footer .obj_breadcrumb .ctn_breadcrumb {
	width : auto;
	max-width : inherit;
}
.obj_skinanalyses .bloc_footer .obj_breadcrumb .t_title {
	text-transform : none;
	font : 2.4vh 'FuturaND-Bold';
	letter-spacing : 0;
}
.obj_skinanalyses .bloc_footer .ctn_content {
	height : calc( 90vh - 95px);
	overflow-y : scroll;
}

@media screen and ( max-width : 960px ) { 
	/* */
	/* bandeau actu + header pinned */
	.obj_bandeau-actus ~ .main-header ~ .page-container .bloc_footer,
	.obj_bandeau-actus ~ .main-header.is-pinned ~ .page-container .bloc_footer {
		height:calc(100vh - 110px);
		}
	/* header pinned */	
	.main-header ~ .page-container .bloc_footer,
	.main-header.is-pinned ~ .page-container .bloc_footer {
		height: calc(100vh - 70px);
		}

	/* bandeau actu + header pinned sur popin learn more */
	.obj_bandeau-actus ~ .main-header ~ .page-container .bloc_footer.var_concern.is-visible,
	.obj_bandeau-actus ~ .main-header.is-pinned ~ .page-container .bloc_footer.var_concern.is-visible,
	.obj_skinanalyses .bloc_footer.var_concern.is-visible{
		/*height: calc(100vh);*/ z-index: 2001;
		}
	/* header pinned sur popin learn more */	
	.main-header ~ .page-container .bloc_footer.var_concern.is-visible,
	.main-header.is-pinned ~ .page-container .bloc_footer.var_concern.is-visible,
	.obj_skinanalyses .bloc_footer.var_concern.is-visible{
		/*height: calc(100vh);*/ z-index: 2001;
		}
	.obj_skinanalyses .bloc_footer.var_concern.is-visible .ctn_content {
		/*height : calc(100vh);*/
		}
	/* */
	}

.obj_skinanalyses .bloc_footer .t_subtitle {
	position : relative;
	font-size : 3.3vh;
	margin : 6vh 0;
}
.obj_skinanalyses .bloc_footer .t_desc {
	font-size : 2vh;
	line-height : 1.5;
}
.obj_skinanalyses .bloc_footer .bloc_txt.var_prescription .ctn_bloc {
	margin-top : 0;
	padding : 0 4.5vh;
    background-color: inherit;
}
.obj_skinanalyses .bloc_footer .obj_concern { margin-top : 0; }
.obj_skinanalyses .bloc_footer .obj_product { height : 45%; }

.obj_skinanalyses .bloc_footer .ctn_article {
	margin : auto;
	font-size : 2vh;
	line-height : 1.5;
}
.obj_skinanalyses .bloc_footer .ctn_article .t_subtitle {
	margin : 0 0 2vh;
	padding : 0 3vh 0 4.5vh;
	font-family : 'FuturaND-Regular';
	line-height : 1.2;
}
.obj_skinanalyses .bloc_footer .ctn_article .t_subtitle.var_first { margin : 3vh 0 6vh 0; }
.obj_skinanalyses .bloc_footer .ctn_article .t_desc { padding : 0 3vh 0 4.5vh; }
.obj_skinanalyses .bloc_footer .ctn_article .ctn_img {
	position : relative;
	flex : 0 0 35%;
	height : auto;
}
.obj_skinanalyses .bloc_footer .ctn_article .ctn_img:after {
	content : '';
	position : absolute;
	top : 10px;
	left : 0;
	display : block;
	width : 13px;
	height : 25vh;
	margin-left : -13px;
	background : #f1f4f1;
}
.obj_skinanalyses .bloc_footer .ctn_article .ctn_col {
	position : relative;
	display : flex;
	flex-direction : row;
	align-items : flex-start;
	margin : 6vh auto 0 auto;
}

.obj_skinanalyses .bloc_footer.var_cgu { height:auto; background : #fff; }
.obj_skinanalyses .bloc_footer.var_cgu .ctn_bloc { padding : 10vh 7.5vh; box-sizing: border-box; }

.obj_skinanalyses .bloc_footer.var_concern .ctn_article {
	position : relative;
	margin-top : 10.5vh;
	padding : 0 0 5vh 0;
}
.obj_skinanalyses .bloc_footer.var_concern .ctn_article:before {
	content : '';
	position : absolute;
	left : -4.497vh;
	top : -4.65vh;
	display : block;
	width : 11.25vh;
	height : 13.5vh;
	background : #f1f4f1;
}

.obj_skinanalyses .bloc_footer.var_learn .ctn_article { padding : 6vh 10%; }
.obj_skinanalyses .bloc_footer.var_learn .ctn_article .t_subtitle {
	font : 2.2vh/1 'FuturaND-Bold';
	padding : 0;
}
.obj_skinanalyses .bloc_footer.var_learn .ctn_article .t_desc { padding : 0; }

.obj_skinanalyses .bloc_footer.var_email .ctn_content {
	padding : 6vh 0;
	background : #e9f3ff;
}
.obj_skinanalyses .bloc_footer.var_email .obj_form {
	width : 400px;
	max-width : 80%;
	margin : auto;
	text-align : center;
}
.obj_skinanalyses .bloc_footer.var_email .obj_part {
	height : 0;
	opacity : 0;
	padding-bottom: 20px;
	overflow : hidden;
	transition : opacity 0.2s;
}
.obj_skinanalyses .bloc_footer.var_email .obj_part.is_visible {
	height : auto;
	opacity : 1;
}
.obj_skinanalyses .bloc_footer.var_email .obj_form .t_title {
	margin : 0 0 4vh;
	padding : 0;
	text-align : center;
	font : 2vh 'FuturaND-Regular';
	color : #1c213f;
}
.obj_skinanalyses .bloc_footer.var_email .input-line {
	width : 100%;
	margin : 0 0 4vh;
	text-align : left;
}
.obj_skinanalyses .bloc_footer.var_email input[type=text],
.obj_skinanalyses .bloc_footer.var_email input[type=email] {
	height : auto;
	padding : 0 0 1vh;
	font: 2vh/1 'FuturaND-Regular';
	background : none;
	border : 0;
	border-bottom : 2px solid #1c213f;
}
.obj_skinanalyses .bloc_footer.var_email input[type="checkbox"] ~ label { 
	width : calc(100% - 4vh);
	}
.obj_skinanalyses .bloc_footer.var_email .ctn_gdpr input[type="checkbox"] ~ label { 
	font: 2vh/1 'FuturaND-Regular';
	padding-left: 35px;
	}
.obj_skinanalyses .bloc_footer.var_email .obj_form .ctn_gdpr span[role="radio"]{
	margin: 15px 1vh 0 0;
	}
.obj_skinanalyses .bloc_footer.var_email .obj_form .ctn_gdpr span[role="radio"] ~ label{
	width: calc(100% - 4vh);
	margin: 15px 0 0 0;
	}
.obj_skinanalyses .bloc_footer.var_email .obj_check {
	position : relative;
	top : auto;
	left : auto;
	display : inline-block;
	transform : scale(0);
}
.obj_skinanalyses .bloc_footer.var_email .obj_check.is-init { transform : scale(1); }
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .obj_check svg .circle { stroke-width : 1; }
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .obj_check:after,
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .obj_check.is-checked:after { border-color : #1c213f; }
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .obj_check.is-checked svg .circle { stroke : #1c213f; }
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_3 .obj_check.is-checked svg .circle { stroke : #399744; }

.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .ctn_btn .obj_btn {
	color: #fff;
	background: #3c77e3;
	border: 1px solid #3c77e3;
}
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .t_title,
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_3 .t_title {
	padding : 0;
	margin : 4vh 0 2vh;
	font : 2.2vh/1.5 'FuturaND-Bold';
}
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .t_title.var_cap,
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_3 .t_title.var_cap { text-transform : uppercase; }
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .t_desc,
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_3 .t_desc {
	margin : 0;
	padding : 0;
	font : 2vh/1.5 'FuturaND-Regular';
	color : #1c213f;
}
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_3 .t_desc + .t_title { margin-top : 2vh; }
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .input-line { text-align : center; }
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .radio.rating {
	display : inline-block;
	width : auto;
	height : auto;
}
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .radio.rating span[role=radio] {
	width : 30px;
	height : 30px;
	margin : 0 8px;
	background : none;
}
.obj_skinanalyses .bloc_footer.var_email .obj_part.var_2 .radio.rating svg {
	width : 100%;
	height : 100%;
}

.obj_skinanalyses .bloc_footer.var_cgu .text-line p{
	font:2vh/1 'FuturaND-Regular';
	}
.obj_skinanalyses .bloc_footer.var_cgu .text-line p a{
	color:#1c213f;
	text-decoration:underline;
	}
.obj_skinanalyses .bloc_footer.var_cgu .text-line + .text-line p{
	margin-top:2vh;
	}

.obj_skinanalyses .bloc_footer .ctn_article .ctn_txt.var_expert .icon{
	display: block;
    padding: 0 3vh 0 4.5vh;
    margin: 0 0 1vh;
	}
.obj_skinanalyses .bloc_footer .ctn_article .ctn_txt.var_expert .icon svg{
	width: 3.063vh;
    height: 3.063vh;
	}
.obj_skinanalyses .bloc_footer .ctn_article .ctn_txt.var_expert .t_expert-info{
	padding: 2vh 3vh 0 4.5vh;
    margin-top: 3vh;
    display: block;
    position: relative;
    font-size: 1.479vh;
    line-height: 1.428;
	color: #a1a1a1;
}
.obj_skinanalyses .bloc_footer .ctn_article .ctn_txt.var_expert .t_expert-info:before {
    display: block;
    content: '';
    width: 30px;
    height: 3px;
    position: absolute;
    left: 4.5vh;
    top: 0;
    bottom: 0;
    background: #1C213F;
}
.obj_skinanalyses .bloc_footer .ctn_article .ctn_txt.var_expert .t_expert-info strong{
	font: 1.69vh 'FuturaND-Bold';
	color: #1C213F;
}

/* 1.1.4 - BLOC TECH */
.obj_skinanalyses .bloc_tech {
	position : relative;
	padding : 8vh 0 0 0 ;
}
.obj_skinanalyses .bloc_tech .ctn_bloc {
	position : relative;
	display : block;
	width : 500px;
	max-width : 80%;
	margin : 0 auto;
	padding : 4vh 10%;
	text-align : center;
	background-color : #fff;
	
	z-index : 3;
}
.obj_skinanalyses .bloc_tech .t_title {
	margin: 0 0 1.5vh;
	padding: 0;
	font : 2.5vh/1.25 'FuturaND-Bold';
	color: #1c213f;
}
.obj_skinanalyses .bloc_tech .t_desc {
	position : relative;
	font : 1.5vh/1.5 'FuturaND-Regular';
	color: #1c213f;
}
@media (max-width: 380px) { .obj_skinanalyses .bloc_tech .t_desc { font-size : 1.8vh; } }
.obj_skinanalyses .bloc_tech .t_desc + .t_desc:before {
	content : '';
	display : block;
	width: 80px;
	height: 2px;
	margin: 2vh auto;
	background: #1c213f;
}
.obj_skinanalyses .bloc_tech .t_desc strong { font-family : 'FuturaND-Bold'; }
.obj_skinanalyses .bloc_tech .ctn_bloc .ctn_icon {
	width : 50px;
	height : 50px;
	display : block;
	border : 3px solid #1c213f;
	border-radius : 100%;
	background : #fff;
	position : absolute;
	
	opacity : 0;
	
	transition : all .5s ease-in-out
}
.obj_skinanalyses .bloc_tech.is-visible .ctn_bloc .ctn_icon { opacity : 1; }
.obj_skinanalyses .bloc_tech .ctn_bloc .ctn_icon.var_search { top : -10%; right : -25px; }
.obj_skinanalyses .bloc_tech .ctn_bloc .ctn_icon.var_matrix { top : -10%; left : -25px; }
.obj_skinanalyses .bloc_tech .ctn_bloc .ctn_icon.var_binary { bottom : -10%; right : -25px; }
.obj_skinanalyses .bloc_tech.is-visible .ctn_bloc .ctn_icon.var_search { top : 20%; }
.obj_skinanalyses .bloc_tech.is-visible .ctn_bloc .ctn_icon.var_matrix { top : 50%; }
.obj_skinanalyses .bloc_tech.is-visible .ctn_bloc .ctn_icon.var_binary { bottom : 0; }
.obj_skinanalyses .bloc_tech .ctn_bloc .ctn_icon img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	max-width: 28px;
	max-height: 24px;
	margin: auto;
	
	z-index: 2;
}
.obj_skinanalyses .bloc_tech .obj_circle {
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	width : 100%;
	height : 100%;
	
	overflow : hidden;
	z-index : 1;
	opacity : .5;
	
	background : #e9f3ff;
}
.obj_skinanalyses .bloc_tech .obj_circle .load-crcl {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	margin : auto;
	
	z-index : 1;
	transition: all 1s ease-out;
}
.obj_skinanalyses .bloc_tech .obj_circle .load-crcl.var_1 {
	width: 92%;
	animation: circleSpins 25s linear infinite;
}
.obj_skinanalyses .bloc_tech .obj_circle .load-crcl.var_2 {
	width: 110%;
	left: 0;
	animation: circleSpins 40s linear infinite;
}
.obj_skinanalyses .bloc_tech .obj_circle .load-crcl.var_3 {
	width: 80%;
	animation: circleSpins 12s linear infinite;
}
.obj_skinanalyses .bloc_tech .obj_circle .load-crcl.var_4 {
	width: 70%;
	animation: centerCircleSpinsTwo 8s linear infinite;
}
.obj_skinanalyses .bloc_tech .obj_circle .load-crcl.var_5 {
	width: 55%;
	animation: centerCircleSpins 10s linear infinite;
}

/* 1.1.5 - BLOC ANIM PICTURE */
.obj_skinanalyses .bloc_anim-picture { position : relative; }
.obj_skinanalyses .bloc_anim-picture:before {
	content : '';
	position: absolute;
	top : 12%;
	left: 0;
	right: 0;
	box-sizing : border-box;
	display : block;
	width : 2.5vh;
	height : 2.5vh;
	margin: auto;
	background: #fff;
	border: 3px solid #1c213f;
	border-radius: 100%;
	
	z-index : 3;
}
.obj_skinanalyses .bloc_anim-picture .obj_intro-dots { z-index : 0; }
.obj_skinanalyses .bloc_anim-picture .ctn_bloc {
	position : relative;
	display : block;
	width : 500px;
	max-width : 100%;
	height : 425px;
	margin-left : auto;
	margin-right : auto;
}

.obj_skinanalyses .bloc_anim-picture .obj_img {
	position : absolute;
	transition : all .25s ease-in-out;
}
.obj_skinanalyses .bloc_anim-picture .obj_img.var_1 {
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	width : 50%;
	margin : auto;
	
	z-index : 3;
}
.obj_skinanalyses .bloc_anim-picture .obj_img.var_2 {
	bottom : 20%;
	right : 20%;
	width : 30%;
	opacity : 0;
	z-index : 2;
}
.obj_skinanalyses .bloc_anim-picture.is-visible .obj_img.var_2 {
	bottom: 10%;
	right: 5%;
	opacity: 1;
}
.obj_skinanalyses .bloc_anim-picture .obj_img.var_3 {
	top : 40%;
	left : 40%;
	width : 25%;
	opacity : 0;
	z-index : 5;
}
.obj_skinanalyses .bloc_anim-picture.is-visible .obj_img.var_3 {
	top : 20%;
	left : 10%;
	opacity : 1;
}
.obj_skinanalyses .bloc_anim-picture .obj_corners {
	position : absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	z-index: 1;
	transition : all .25s ease-in-out;
}
.obj_skinanalyses .bloc_anim-picture.is-visible .obj_corners {
	width : 65%;
	height : 70%;
}
.obj_skinanalyses .bloc_anim-picture .obj_corners:after,
.obj_skinanalyses .bloc_anim-picture .obj_corners:before {
	content : '';
	position : absolute;
	display : block;
	width : 15px;
	height : 15px;
	z-index : 3;
}
.obj_skinanalyses .bloc_anim-picture .obj_corners:before {
	top : 0;
	right : 0;
	border-top : 6px solid #1c213f;
	border-right : 6px solid #1c213f;
}
.obj_skinanalyses .bloc_anim-picture .obj_corners:after {
	bottom : 0;
	left : 0;
	border-bottom : 6px solid #1c213f;
	border-left : 6px solid #1c213f;
}
.obj_skinanalyses .bloc_anim-picture .obj_circle {
	position: absolute;
	bottom: 40%;
	left: 40%;
	width: 100px;
	height: 100px;
	
	z-index: 6;
	opacity: 0;
	
	transition: all .5s ease-in-out;
}
.obj_skinanalyses .bloc_anim-picture.is-visible .obj_circle {
	bottom: 20%;
	left: 18%;
	
	opacity: 1;
}
.obj_skinanalyses .bloc_anim-picture .obj_circle .sml-crcl {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
	z-index : 2;
}
.obj_skinanalyses .bloc_anim-picture.is-visible .obj_circle .sml-crcl.var_1 {
	width: 100%;
	animation: circleSpins 40s linear infinite;
}
.obj_skinanalyses .bloc_anim-picture.is-visible .obj_circle .sml-crcl.var_2 {
	width: 80%;
	animation: centerCircleSpinsTwo 15s linear infinite;
}
.obj_skinanalyses .bloc_anim-picture.is-visible .obj_circle .sml-crcl.var_3 {
	width: 30%;
	animation: circleSpins 2s linear infinite;
}
.obj_skinanalyses .bloc_anim-picture.is-visible .obj_circle .sml-crcl.var_4 {
	width: 55%;
	animation: centerCircleSpinsTwo 8s linear infinite;
}

/* 1.1.6 - BLOC ROUTINE */

.obj_skinanalyses .obj_routine-products {
	padding-bottom : 6.5vh;
	padding-left : 0;
	padding-right : 0;
	margin-bottom : 0;
	background: #f0f0f0;
	overflow: hidden;
}
.obj_skinanalyses .obj_routine-products + .str_bloc.var_prescription { 
	margin-top : 0;
	}

.obj_skinanalyses .obj_routine-products .product-card .routine-info h2{
	font-family:'FuturaND-Bold';
	}
.obj_skinanalyses .obj_routine-products .product-card .routine-info ul{
	display:flex;
	flex-flow:row wrap;
	justify-content: center;
	}
.obj_skinanalyses .obj_routine-products .product-card .routine-info ul li{
	position:relative;
	font-family:'FuturaND-Bold';
	color:#1991b4;
	}
.obj_skinanalyses .obj_routine-products .product-card .routine-info ul li + li{
	padding-left:10px;
	margin-left:5px;
	}
.obj_skinanalyses .obj_routine-products .product-card .routine-info ul li + li::before{
	position:absolute;
	left:0; top:50%;
	margin-top:-1px;
	width:5px; height:2px;
	background:#1991b4;
	content:'';
	}
.obj_skinanalyses .obj_routine-products .product-card .details .product-range{
	font-family:'FuturaND-Bold';
	}
.obj_skinanalyses .obj_routine-products .product-card .details .product-price{
	margin-top:5px;
	}

.obj_skinanalyses .bloc_routine {
	border-top : 10px solid #f1f4f1;
	border-bottom : 10px solid #f1f4f1;
	overflow : hidden;
}
.obj_skinanalyses .bloc_routine .ctn_bloc { position : relative; }
.obj_skinanalyses .bloc_routine .ctn_content {
	position : absolute;
	top : 12%;
	left : 0;
	right : 0;
	margin : auto;
	z-index : 3;
}
.obj_skinanalyses .bloc_routine .t_title {
	margin: 0 0 1.5vh;
	padding: 0;
	text-align: center;
	font : 2.5vh/1.25 'FuturaND-Bold';
	color: #1c213f;
}
.obj_skinanalyses .bloc_routine .t_desc {
	margin: 0;
	padding: 0;
	text-align: center;
	font : 2vh/1.5 'FuturaND-Light';
	color : #1c213f;
}
@media ( max-width : 380px ) { .obj_skinanalyses .bloc_routine .t_desc { font-size: 2.2vh; } }

.obj_skinanalyses .bloc_routine .v_routine {
	display : block;
	width : 100%;
	
	transform : translateY(100%);
	transition : transform .5s ease-in-out;
}
.obj_skinanalyses .bloc_routine.is-visible .v_routine { transform: translateY(0); }


/* 1.1.7 - BLOC REVIEWS */
.obj_skinanalyses .bloc_reviews{	
	border-top: 10px solid #f1f4f1;
	border-bottom: 10px solid #f1f4f1;
	overflow: hidden;
	}
.obj_skinanalyses .bloc_reviews .t_title {
   margin: 0 0 1.5vh;
   padding: 0;
   text-align: center;
   font: 2.5vh/1.25 'FuturaND-Bold';
   color: #1c213f;
	}
.obj_skinanalyses .bloc_reviews .ctn_bloc{
	padding: 4.5vh 0 6vh 0;
	}	
.obj_skinanalyses .bloc_reviews .ctn_content {
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
	}
.obj_skinanalyses .bloc_reviews .ctn_rate{
	display: flex;
	justify-content: center;
	}	
.obj_skinanalyses .bloc_reviews .ctn_rate .t_rate{
	font: 52px/1em 'FuturaND-Light';
   font-weight: normal;
	font-weight: 200;
	text-transform: uppercase;
	color: #1c213f;
	}
.obj_skinanalyses .bloc_reviews .ctn_rate .feedback{
   margin: 0 0 0 15px;		
	}
.obj_skinanalyses .bloc_reviews .ctn_rate .feedback .t_based{
	text-align: left;
	}
.obj_skinanalyses .bloc_reviews .ctn_rate .rating {
   margin: 0 0 8px;
   white-space: nowrap;
   font-size: 0;
   width: auto;
   height: auto;
   color: #1c213f;
	}
.obj_skinanalyses .bloc_reviews .ctn_rate .rating svg{
	height: 22px;
	width: 26px;
	color: #3c77e3;
	}
.obj_skinanalyses .bloc_reviews .obj_txt-review{
	width: 100%;
	max-width: 48%;
	margin: 30px auto 0; 
	text-align: center;
	}
.obj_skinanalyses .bloc_reviews .obj_txt-review .t_review{
	display: inline-block;
	padding: 0;
	font: 15px/1.2em 'FuturaND-Regular';
	color: #1c213f;
	text-align: center;
	}	
.obj_skinanalyses .bloc_reviews .obj_txt-review .feedback{
	display: flex;
	flex-flow: row nowrap;
	padding: 15px 0;
	justify-content: center;
	}		
.obj_skinanalyses .bloc_reviews .obj_txt-review .rating{
	width: auto;
	margin: auto 0;
	}	
.obj_skinanalyses .bloc_reviews .obj_txt-review .rating svg{
	height: 12px;
	width: 12px;
	color: #3c77e3;
	}
.obj_skinanalyses .bloc_reviews .obj_txt-review .t_user{
	padding: 0 0 0 10px;
	font: 13px/1.2em 'FuturaND-Bold';
	text-transform: uppercase;
	color: #1c213f;
	}
.obj_skinanalyses .bloc_reviews .t_load{
	display: inline-block;
	padding: 20px 0 30px;
	font: 13px/1.2em 'FuturaND-Regular';
	text-decoration: underline;
	color: #1c213f;
	}
.obj_skinanalyses .bloc_reviews .obj_btn.var_app{
	font-size: 12px;
	border: 1px solid #1c213f;
	padding: 15px 20px;
	}
.obj_skinanalyses .bloc_reviews .obj_btn.var_app .icon svg {
   width: 7px;
   height: 9px;
   fill: #1c213f;
	margin-right: 5px;
	}

/* */
/* POPIN COMMENT */
.popin.leave-comment{
	max-width: 640px;	
	}
.popin.leave-comment .product-title{
	color: #000000;
	}	
.popin.leave-comment .cols-x-3 form{
	margin: 0 auto;
	}
.popin.leave-comment .cols-x-3 .col {
   display: block;
	}	
.popin.leave-comment .comment-step{
	margin-top: 25px;
	}
.popin.leave-comment .label-step{
	border-top: 1px solid #e8e8eb;
	padding-top: 25px;
	}
.popin.leave-comment .button{
	border-color: #1c213f; 
	}	
.popin.leave-comment .button .btn-bg{
	background: #1c213f;
	}
.popin.leave-comment .ctn_bottom {
   padding: 0;
	}
.popin.leave-comment .form .ctn_bottom .input-line{
	width: auto;
	}
/* */
@media screen and (max-width:767px){
	.obj_skinanalyses .bloc_reviews .obj_txt-review {
		max-width: 80%;
		}
}










/* 1.2 - STEP UPLOAD
   1.2.1 - BLOC TITLE */
.obj_skinanalyses .bloc_title {
	display : flex;
	justify-content : center;
	align-items : center;
	height : 10vh;
	width : 100%;
}
.obj_skinanalyses .bloc_title .t_title {
	padding: 0 5%;
	font : 2vh 'FuturaND-Bold';
	color : #1c213f;
}
.obj_skinanalyses .step_prescription .bloc_title .t_title {
	color : #fff;
	width : 80%;
	margin : auto;
	position : relative;
	text-align : left;
	text-transform : uppercase;
	font : 2.5vh/1.25 'FuturaND-Bold';
	z-index : 2;
}
.obj_skinanalyses .bloc_title .t_title + .t_title {
	margin-top : 1vh;
	}

.obj_skinanalyses .step_age .bloc_title {
	height : 13.5vh;
}

/* 1.2.2 - BLOC UPLOAD */
.obj_skinanalyses .bloc_upload .ctn_bloc {
	width : 80%;
	margin : 0 auto;
	padding : 4.5vh 4.5vh 0 4.5vh;
}
.obj_skinanalyses .bloc_upload .ctn_actions { font-size : 0; }
.obj_skinanalyses .bloc_upload .obj_cta {
	position : relative;
	display : inline-block;
	vertical-align : top;
	width : 50%;
}
.obj_skinanalyses .bloc_upload .obj_cta .upload-file {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	display : block;
	width : 100%;
	height : 100%;
	margin : auto;
	background : red;
	opacity : 0;
	z-index : 5;
}
.obj_skinanalyses .bloc_upload .obj_cta .ctn_img {
	position: relative;
	display: block;
	width: 8vh;
	height: 8vh;
	margin: 0 auto 2vh;
	background: #fff;
	border-radius: 100%;
	box-shadow: 1px 1px 15px 0 #ccc;
}
.obj_skinanalyses .bloc_upload .obj_cta .ctn_img > img {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
	z-index : 2;
}
.obj_skinanalyses .bloc_upload .obj_cta .ctn_title p {
	text-decoration : underline;
	font-size : 2vh;
	color : #1c213f;
}

/* 1.3 - STEP ANALYSE */
.obj_skinanalyses .bloc_analyse {
	position : relative;
	height : 100vh;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse {
	position : relative;
	width : 600px;
	max-width : 100%;
	height : 100%;
	margin : auto;
	z-index : 9999;
	background : #040404;
	overflow : hidden;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse:after {
	content : '';
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	display : block;
	background : #1c213f;
	
	z-index : 5;
	opacity : .8;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .v_analyse,
.obj_skinanalyses .bloc_analyse .ctn_analyse canvas {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	width : 100%;
	height : 100%;
	margin : auto;
	z-index : 1;

	object-fit: cover;
	-o-object-fit: cover;

	object-position: center center;
	-o-object-position: center center;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_error {
	position : fixed;
	top : 30%;
	left : 0;
	right : 0;
	width : 320px;
	max-width : 92%;
	height : auto;
	margin : auto;
	padding : 4vh 2vh;
	background : #fff;
	z-index : 100;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_error .t_desc {
	margin-bottom : 2vh;
	font-size : 2.5vh;
	line-height : 1.5;
	color : #1c213f;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_error a { color : #1c213f; }
.obj_skinanalyses .bloc_analyse .ctn_analyse .dot {
	width : 5px;
	height : 5px;
	
	opacity : 1;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_txt {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	width : 100%;
	height : 14vh;
	margin : auto;
	text-align : center;
	color : #fff;
	z-index : 6;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_txt .t_analyse {
	font-size : 2vh;
	font-weight : 600;
	font-family : FuturaND-Bold, Helvetica, Arial, sans-serif;
	line-height : 1.25;
	
	opacity : 0;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_txt .t_analyse span {
	padding : .5vh .5vh .25vh;
	background : #3c77e3;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_txt .ctn_txt-concern {
	width : 100%;
	height : 4vh;
	position : relative;
	overflow : hidden;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_txt .ctn_txt-concern .t_concern {
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;
	margin : auto;
	text-align : center;
	font-size : 2.2vh;
	
	z-index : 2;
	opacity : 0;
	
	transition : transform .25s cubic-bezier(.165, .84, .44, 1) 0s, opacity .5s cubic-bezier(.165, .84, .44, 1) 0s;
	transform : translateY(100px) rotateX(20deg);
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_txt .ctn_txt-concern .t_concern.is-active {
	opacity : 1;
	transform : translateY(0) rotateX(0deg);
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_txt .obj_list-dots { margin-top : 2vh; }
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_txt .obj_list-dots .obj_dot {
	display : inline-block;
	width : 1.5vh;
	height : 1.5vh;
	margin : 0 1vh;
	border-radius : 100%;
	background : #fff;
	
	opacity : 0;

	transition : opacity 0.25s;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_complete-check {
	top : 0;
	bottom : 0;
	opacity: 0;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_analyse-status,
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_complete-check {
	position : absolute;
	left : 0;
	right : 0;
	width : 100%;
	height : 14vh;
	margin : auto;
	text-align : center;
	color : #fff;
	z-index : 6;
}

.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_analyse-status {
	bottom : 4vh;
	opacity : 0;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_analyse-status .is-complete,
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_analyse-status .is-progress {
	text-transform : uppercase;
	font : 600 2vh/1.25 'FuturaND-Bold';
	letter-spacing : 1px;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_analyse-status .is-complete { display: none }
.obj_skinanalyses .bloc_analyse .ctn_analyse .v_load-circle {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	max-width : 0;
	margin : auto;
	
	z-index : 100;
	opacity : 0;
	
	transition: all 1s ease-out;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .v_load-circle.var_1 {
	width : 95%;
	animation : circleSpins 25s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .v_load-circle.var_2 {
	width : 110%;
	left : -5%;
	animation : circleSpins 40s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .v_load-circle.var_3 {
	width : 80%;
	animation : circleSpins 12s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .v_load-circle.var_4 {
	width : 70%;
	animation : centerCircleSpinsTwo 8s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .v_load-circle.var_5 {
	width : 55%;
	animation : centerCircleSpins 10s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .obj_circle {
	position : absolute;
	top : 0;
	left : 50%;
	width : 100px;
	height : 100px;
	max-width : 0;
	opacity : 0;
	z-index : 100;
	transform : translate3D(-50%, -50%, 0);
	transition : all 1s ease;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .obj_circle .sml-crcl {
	position : absolute;
	margin: auto;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	z-index : 2;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .obj_circle .sml-crcl.var_1 {
	width : 110%;
	left : -5%;
	animation : circleSpins 40s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .obj_circle .sml-crcl.var_2 {
	width : 80%;
	left : -5%;
	animation : centerCircleSpinsTwo 15s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .obj_circle .sml-crcl.var_3 {
	width : 30%;
	animation : circleSpins 2s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .obj_circle .sml-crcl.var_4 {
	width : 65%;
	animation : centerCircleSpinsTwo 8s linear infinite;
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_face-zones {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 4
}
.obj_skinanalyses .bloc_analyse .ctn_analyse .ctn_face-zones .obj_dot {
	position : absolute;
	display : block;
	width : 7px;
	height : 7px;
	border-radius : 100%;
	background : #fff;

	z-index : 10;
	opacity : 0;
}

/* ANIMATION 1 */
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .t_analyse {
	opacity : 1;
	transition: opacity .25s ease-in 1s;
}
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .v_load-circle {
	max-width : 120%;
	opacity : 1;
	transition: all 1.5s ease-in;
}
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot { opacity : 0.25; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.is-active { opacity : 1; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_1 {  transition : opacity .15s ease-in .5s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_2 { transition : opacity .15s ease-in .75s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_3 { transition : opacity .15s ease-in 1s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_4 { transition : opacity .15s ease-in 1.25s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_5 { transition : opacity .15s ease-in 1.5s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_6 { transition : opacity .15s ease-in 1.75s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_7 { transition : opacity .15s ease-in 2s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_1.is-active { transition : opacity .1s ease-out 0s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_2.is-active { transition : opacity .1s ease-out 0s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_3.is-active { transition : opacity .1s ease-out 0s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_4.is-active { transition : opacity .1s ease-out 0s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_5.is-active { transition : opacity .1s ease-out 0s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_6.is-active { transition : opacity .1s ease-out 0s; }
.obj_skinanalyses .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_list-dots .obj_dot.var_7.is-active { transition : opacity .1s ease-out 0s; }

/* ANIMATION 2 */
.obj_skinanalyses .bloc_analyse.anim_2 .ctn_analyse:after {
	opacity : .45;
	transition : opacity .25s ease-in;
}
.obj_skinanalyses .bloc_analyse.anim_2 .ctn_analyse .ctn_txt .ctn_txt-concern .t_concern.is-active {
	opacity : 0;
	transform: translateY(100px) rotateX(20deg);
}
.obj_skinanalyses .bloc_analyse.anim_2 .ctn_analyse .ctn_analyse-status {
	opacity : 1;
	transition : opacity .25s ease-in;
}
.obj_skinanalyses .bloc_analyse.anim_2 .ctn_analyse .obj_circle {
	max-width : 100%;
	opacity : 1;
	transition : max-width 1s ease-in 1s, opacity .5s ease-in 1s, top .25s ease-out, left .25s ease-out;
}
.obj_skinanalyses .bloc_analyse.anim_2 .ctn_analyse .obj_circle.is-finished { opacity : 0; }

/* ANIMATION 3 */
.obj_skinanalyses .bloc_analyse.anim_3 .ctn_analyse:after {
	opacity : .65;
	transition : opacity .25s ease-in;
}
.obj_skinanalyses .bloc_analyse.anim_3 .ctn_analyse .ctn_txt .ctn_txt-concern .t_concern.is-active {
	opacity : 0;
	transform: translateY(100px) rotateX(20deg);
}
.obj_skinanalyses .bloc_analyse.anim_3 .ctn_analyse .ctn_analyse-status { opacity: 1 }
.obj_skinanalyses .bloc_analyse.anim_3 .ctn_analyse .ctn_analyse-status .is-progress { display: none }
.obj_skinanalyses .bloc_analyse.anim_3 .ctn_analyse .ctn_analyse-status .is-complete { display: block }
.obj_skinanalyses .bloc_analyse.anim_3 .ctn_analyse .ctn_complete-check { opacity : 1; }

/* 1.4 - STEP USER AGE
   1.4.1 - BLOC SLIDER */
.obj_skinanalyses .bloc_range .ctn_bloc {
	position : relative;
	margin : 0 auto;
}
.obj_skinanalyses .bloc_range .t_age-selected {
	font : 8vh/1 'FuturaND-Bold';
	color : #1c213f;
}
.obj_skinanalyses .bloc_range .i_age-selected{
	display:block;
	margin:2vh auto 0 auto;
	padding:0;
	width:130px; height:7vh;
	font:5vh/1 'FuturaND-Bold';
	text-align:center;
	color:#1c213f;
	background:none;
	border:none;
	border-bottom:1px solid #1c213f;
	}

.obj_skinanalyses .bloc_range .ctn_dial .obj_dial{
	display:flex;
	flex-flow:row wrap;
	width:39vh; height:0;
	margin:3vh auto 0 auto;
	padding-left:4.5vh;
	overflow:hidden;
	transition:height .5s ease;
	}
.obj_skinanalyses .bloc_range .ctn_dial .obj_dial.opened{
	height:40vh;
	}
.obj_skinanalyses .bloc_range .ctn_dial .obj_dial button{
	margin:1vh;
	width:8vh; height:8vh;
	font:3.5vh/1 'FuturaND-Bold';
	background:#e9f3ff;
	}
.obj_skinanalyses .bloc_range .ctn_dial .obj_dial .b_reset{
	position:relative;
	background:#fff;
	}
.obj_skinanalyses .bloc_range .ctn_dial .obj_dial .b_reset svg{
	position: absolute;
	left:50%; top:50%;
	width:10px; height:10px;
	transform:translate(-50%,-50%);
	}
.obj_skinanalyses .bloc_range .ctn_dial .obj_dial .obj_btn.var_app.var_blue{
	padding:0;
	font-size:2vh;
	background:#3c77e3;
	}
.obj_skinanalyses .bloc_range .ctn_dial .obj_dial .obj_btn.var_app.var_blue .icon svg{
	margin-right:5px;
	}

.obj_skinanalyses .bloc_range .ctn_range {
	position : relative;
	display : flex;
	justify-content : center;
	align-items : center;
	height : 20vh;
}
.obj_skinanalyses .bloc_range .ctn_range .obj_range {
	position : relative;
	width : 80%;
	margin : 2em auto 0;
}
.obj_skinanalyses .bloc_range .t_age.var_max,
.obj_skinanalyses .bloc_range .t_age.var_min {
	position : absolute;
	font-size : 1.6vh;
	z-index : 2;
	top : -3.5vh
}
.obj_skinanalyses .bloc_range .t_age.var_max:after,
.obj_skinanalyses .bloc_range .t_age.var_min:after {
	content : "";
	position : absolute;
	top : 110%;
	left : 0;
	right : 0;
	margin : auto;
	display : block;
	width : 1px;
	height : 1.5vh;
	background : #ccc;
	z-index : 2;
}
.obj_skinanalyses .bloc_range .t_age.var_max { left : 97%; }
.obj_skinanalyses .bloc_range .t_age.var_min { right : 96%; }
.obj_skinanalyses .bloc_range input[type=range] {
	-webkit-appearance : none;
	appearance : none;
	width : 100%;
	height : 5px;
	border-radius : 5px;
	background : #ccc;
	outline : none;
	opacity : 1;
	transition : opacity .2s;
}
.obj_skinanalyses .bloc_range input[type=range]:hover { opacity : 1; }
.obj_skinanalyses .bloc_range input[type=range]::-webkit-slider-thumb {
	-webkit-appearance : none;
	appearance : none;
	position : relative;
	box-sizing : border-box;
	width : 30px;
	height : 30px;
	border-radius : 100%;
	background : #fff;
	border : 8px solid #3c77e3;
	cursor : pointer;
	box-shadow : 1px 1px 25px 0 #ccc, 1px 1px 25px 0 #ccc
}
.obj_skinanalyses .bloc_range input[type=range]::-webkit-slider-thumb:after {
	content : "";
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	box-sizing : border-box;
	display : block;
	width : 10px;
	height : 10px;
	margin : auto;
	background : #fff;
	z-index : 2;
}
.obj_skinanalyses .bloc_range input[type=range]::-moz-range-thumb {
	position : relative;
	box-sizing : border-box;
	width : 30px;
	height : 30px;
	border-radius : 100%;
	background : #fff;
	border : 8px solid #3c77e3;
	cursor : pointer;
	box-shadow : 1px 1px 25px 0 #ccc, 1px 1px 25px 0 #ccc;
}
.obj_skinanalyses .bloc_range input[type=range]::-moz-range-thumb:after {
	content : "";
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	box-sizing : border-box;
	display : block;
	width : 10px;
	height : 10px;
	margin : auto;
	background : #fff;
	z-index : 2;
}
.obj_skinanalyses .bloc_range input[type=range]::-ms-thumb {
	position : relative;
	box-sizing : border-box;
	width : 30px;
	height : 30px;
	border-radius : 100%;
	background : #fff;
	border : 8px solid #3c77e3;
	box-shadow : 1px 1px 25px 0 #ccc, 1px 1px 25px 0 #ccc;
	cursor : pointer;
}
.obj_skinanalyses .bloc_range input[type=range]::-ms-thumb:after {
	content : "";
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	box-sizing : border-box;
	display : block;
	width : 10px;
	height : 10px;
	margin : auto;
	background : #fff;
	z-index : 2;
}

/* 1.4.2 - BLOC ADVISE */
.obj_skinanalyses .bloc_advise .ctn_bloc {
	padding : 5.120vh 4.497vh;
	background : #f1f4f1;
}
.obj_skinanalyses .bloc_advise p {
	text-align : left;
	font : 1.85vh/1.5 'FuturaND-Regular';
	color : #1c213f;
}
.obj_skinanalyses .bloc_advise p strong { font-family : 'FuturaND-Bold'; }

/* 1.4.3 - BLOC CTA */
.obj_skinanalyses .bloc_cta {
	margin : 3vh 0 5vh 0;
	padding: 0 6.66666%;
}
.obj_skinanalyses .bloc_cta.var_sticky{
	display: flex;
	position:fixed !important;
	z-index:99;
	left:0; bottom:0;
	margin:0;
	padding:5.247vh 6.66666%;
	width:100%;
	background:rgba(255,255,255,0.9);
	transform:translateY(100%);
	transition:transform .5s ease;
	flex-flow: row nowrap;
	justify-content: center;
	}
.obj_skinanalyses .bloc_cta.var_sticky.is-pinned{
	transform:translateY(0%);
	}
.obj_skinanalyses .bloc_cta.var_sticky.is-pinned .ctn_btn{
	display: flex;
	flex-flow: row nowrap;
	}
.obj_skinanalyses .bloc_cta.var_sticky.is-pinned.is-over-limit{
	transform:translateY(100%);
	}
.obj_skinanalyses .bloc_cta.var_sticky.unpin-on-footer{
	position:absolute !important;
	}

/* 1.4.3.1 - BLOC CTA HOME */
.obj_skinanalyses .step_start .bloc_cta {
	position : relative;
	margin : 0;
	padding : 5.247vh 6.66666%;
	overflow : hidden;
}
.obj_skinanalyses .step_start .bloc_cta .ctn_btn {
	position : relative;
	z-index : 3;
	margin: auto;
}
.obj_skinanalyses .step_start .bloc_anim-home + .bloc_cta:before {
	content : '';
	position: absolute;
	top : 0;
	left: 0;
	right: 0;
	box-sizing : border-box;
	display : block;
	width : 2.5vh;
	height : 2.5vh;
	margin: auto;
	background: #fff;
	border: 3px solid #1c213f;
	border-radius: 100%;
	
	z-index : 2;
}
.obj_skinanalyses .step_start .bloc_cta .t_mentions {
	padding : 0;
	margin: 2vh auto;
	text-align: center;
	font : 1.6vh/1.5 'FuturaND-Regular';
	color : #1c213f;
}
.obj_skinanalyses .step_start .obj_intro-dots {
	position: absolute;
	left: 0;
	right: 0;
	width: 9px;
	margin: auto;
}
.obj_skinanalyses .step_start .obj_intro-dots.var_cta {
	top : 16px;
	z-index : 1;
}
.obj_skinanalyses .step_start .obj_intro-dots.var_tech {
	top : 0;
	z-index : 2;
}
.obj_skinanalyses .step_start .obj_intro-dots.var_anim { top : 12%; }
.obj_skinanalyses .step_start .obj_intro-dots.var_anim.var_2 { top : auto; bottom : -5%; }

/* 1.5 - STEP USER SKIN
   1.5.1 - BLOC SKIN */
.obj_skinanalyses .bloc_skin .ctn_bloc { padding : 0 1em; }
.obj_skinanalyses .bloc_skin .t_subtitle {
	margin-bottom : 1.5vh;
	text-align : left;
	font : 2vh 'FuturaND-Bold';
	color : #1c213f;
}
.obj_skinanalyses .bloc_skin .ctn_choice { height : 10vh; }
.obj_skinanalyses .bloc_skin .ctn_radio {
	display : flex;
	
	flex-direction: row;
	
	width : 100%;
}
.obj_skinanalyses .bloc_skin .ctn_radio .ctn_input {
	position : relative;
	flex : 1 1 auto;
	margin : 0 .25em;
}
.obj_skinanalyses .bloc_skin .ctn_radio .ctn_input input,
.obj_skinanalyses .bloc_skin .ctn_radio .ctn_input span[role=radio] {
	position : absolute;
	top : 0;
	left : 0;
}
.obj_skinanalyses .bloc_skin .ctn_radio .ctn_input label {
	width : 100%;
	height : 100%;
	padding : 1em 0;
	text-transform : uppercase;
	font : 1.6vh 'FuturaND-Bold';
	color : #1c213f;
	background : #f1f4f1;
	cursor : pointer;
}
.obj_skinanalyses .bloc_skin .ctn_radio .ctn_input span[aria-checked=true] + label {
	color : #fff;
	background : #1c213f;
}
.obj_skinanalyses .bloc_skin .ctn_details {
	position : relative;
	height : 35vh;
	overflow: hidden;
}
.obj_skinanalyses .bloc_skin .bloc_cta {
	margin: 0;
	padding: 5.247vh 6.66666%;
	overflow: hidden;
}


@media screen and ( min-width : 768px ) { .obj_skinanalyses .bloc_skin .ctn_details { height : 40vh; } }
.obj_skinanalyses .bloc_skin .ctn_infos {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	font-size : 0;
	opacity : 0;
	z-index : 0;
	transition : opacity 0.2s;
}
.obj_skinanalyses .bloc_skin .ctn_infos.is-visible {
	opacity : 1;
	z-index : 1;
}
.obj_skinanalyses .bloc_skin .ctn_img,
.obj_skinanalyses .bloc_skin .ctn_desc {
	position : relative;
	display : inline-block;
	vertical-align : middle;
	width : 50%;
}
.obj_skinanalyses .bloc_skin .ctn_img:before {
	content : '';
	display : block;
	padding-top : 100%;
}
.obj_skinanalyses .bloc_skin .ctn_img img {
	position : absolute;
	top : 0;
	left : 50%;
	max-width : inherit;
	width : auto;
	height : 100%;

	transform : translateX(-50%);
}
.obj_skinanalyses .bloc_skin .ctn_img .ctn_legend {
	position : absolute;
	top : 105%;
	left : 0;
	width : 100%;
	text-align : center;
	line-height : 1;
}
.obj_skinanalyses .bloc_skin .ctn_img .ctn_legend li {
	position : relative;
	display : inline-block;
	vertical-align : top;
	text-align : left;
	font-size : 1.3vh;
	width : 40%;
	height : auto;
	padding : 1px 5px 1px 15px;
	list-style-type : none;
}
.obj_skinanalyses .bloc_skin .ctn_img .ctn_legend li:before {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	display : inline-block;
	width : 10px;
	height : 10px;
	margin-right : 0.5vh;
}
.obj_skinanalyses .bloc_skin .ctn_img .ctn_legend li.var_dry:before { background : #8d909f; }
.obj_skinanalyses .bloc_skin .ctn_img .ctn_legend li.var_oily:before { background : #c5d7f7; }
.obj_skinanalyses .bloc_skin .ctn_desc .ctn_txt {
	padding : 2vh;
	text-align : left;
	font : 2vh 'FuturaND-Regular';
	color : #1c213f;
	background : #e9f3ff;
}
.obj_skinanalyses .bloc_skin .ctn_desc .ctn_txt .t_subtitle { font-family : 'FuturaND-Bold'; }

/* */
.var_landing .bloc_skin .ctn_bloc { padding : 4.497vh; }
.var_landing .bloc_skin .ctn_infos {
	position : relative;
	top : auto;
	left : auto;
	opacity : 1;
	transform : none;
}

/* 1.6 - STEP SKIN MATRIX
   1.6.1 - BLOC RESULT */
.obj_skinanalyses .bloc_result .ctn_bloc {
	padding : 4vh 0;
	margin : 0 4.497vh;
	font-size : 0;
	color : #1c213f;
}
.obj_skinanalyses .bloc_result .ctn_bloc .ctn_col {
	display : inline-block;
	vertical-align : top;
	width : 26.031%;
	text-align : left;
}
.obj_skinanalyses .bloc_result .ctn_bloc .ctn_col ~ .ctn_col {
	width : 73.969%;
	padding-left : 6.43%;
}
.obj_skinanalyses .bloc_result .obj_donut-chart {
	position : relative;
	width : 82px;
}
.obj_skinanalyses .bloc_result .obj_donut-chart .obj_svg {
	width : 100%;
	height : 100%;
	transform : rotate(-90deg);
}
.obj_skinanalyses .bloc_result .obj_circle {
	stroke : #3C77E3;
	stroke-width : 6;
	fill : #E9F3FF;

	transition : stroke-dasharray 0.25s ease-out;
}
.obj_skinanalyses .bloc_result .obj_donut-chart .t_percent {
	position : absolute;
	top : 50%;
	left : 50%;
	font : 27px 'FuturaND-Regular';

	transform : translate3d(-50%, -50%, 0);
}
.obj_skinanalyses .bloc_result .obj_donut-chart .t_percent span { font-size : 2.098vh; }
.obj_skinanalyses .bloc_result .i_plus {
	width : 82px;
}
.obj_skinanalyses .bloc_result .ctn_desc .t_subtitle {
	margin-bottom : 1.5vh;
	font : 2.398vh/1.2 'FuturaND-Bold';
}
.obj_skinanalyses .bloc_result .ctn_desc .t_subtitle .t_strength {
	text-transform : uppercase;
	font-size : 2.098vh;
}
.obj_skinanalyses .bloc_result .ctn_desc p {
	font : 2vh/1.5 'FuturaND-Regular';
	margin-bottom : 1.5vh;
}
.obj_skinanalyses .bloc_result .ctn_desc p strong { font-family : 'FuturaND-Bold'; }
.obj_skinanalyses .bloc_result .obj_btn.var_app {
	font-size : 1.5vh;
}
.obj_skinanalyses .bloc_result .ctn_btn{
	text-align:left;
	}
.obj_skinanalyses .bloc_result .bloc_cta.email{
	margin: 3vh 0 0;
	}
.obj_skinanalyses .bloc_result .bloc_cta.save{
	margin: 1vh 0 5vh;
	}


/* 1.6.2 - BLOC DISCOVER */
.obj_skinanalyses .bloc_discover { padding-bottom : 4vh; }
.obj_skinanalyses .bloc_discover .t_subtitle { 
	font-size : 3vh; 
	padding: 0 5%;
}

/* 1.6.3 - BLOC GRAPH */
.obj_skinanalyses .bloc_graph {
	/* text-align : left; */
	position : relative;
	color : #fff;
	background : #1c213f;
	overflow : hidden;
}
.obj_skinanalyses .bloc_graph .ctn_bloc {
	margin : 0 4.5vh;
	padding : 4.5vh 0;
}
@media ( max-width : 600px ) {
	.obj_skinanalyses .bloc_graph .ctn_bloc {
		/* padding-bottom : 2.2vh; */
		padding-bottom : 0;
		}
}
.obj_skinanalyses .bloc_graph .t_subtitle {
	/* margin-bottom : 1.5vh; */
	margin-bottom : 0;
	font : 2.7vh 'FuturaND-Bold';
	color: #ffffff;
}
.obj_skinanalyses .bloc_graph p {
	font-size : 2vh;
	line-height : 1.2;
}
.obj_skinanalyses .bloc_graph li {
	text-align : left;
	text-transform : uppercase;
	font : 10px/1.2 'FuturaND-Regular';
}
.obj_skinanalyses .bloc_graph .ctn_btn {
	width : 100%;
	margin : 0;
	padding : 2vh 4vh 6vh 4vh;
}
.obj_skinanalyses .bloc_graph .ctn_profile {
	width : 100%;
	height : 0;
	text-transform : uppercase;
	font-size : 0;

	opacity : 0;
	overflow : hidden;

	transition : opacity 0.2s;
}
.obj_skinanalyses .bloc_graph .ctn_profile.is-visible {
	height : auto;

	opacity : 1;
}
.obj_skinanalyses .bloc_graph .ctn_profile > div {
	display : inline-block;
	position : relative;
	padding-left: 3vh;
	line-height : 4.8vh;
	vertical-align : middle;
}
.obj_skinanalyses .bloc_graph .ctn_profile .t_amp {
	padding: 0;
	margin : 0 3vh;
	font : 2.248vh/4.8vh 'FuturaND-Regular';
}
.obj_skinanalyses .bloc_graph .obj_profile {
	height : 4.797vh;
}
.obj_skinanalyses .bloc_graph .obj_profile p { line-height : 4.797vh; color: #ffffff; }

.obj_skinanalyses .bloc_graph .obj_profile select {
	position: relative;
	z-index: 2;
	display : inline-block;
	width: 22vh; height: 4.797vh;
	padding-right: 4vh;
	text-transform : uppercase;
	font : 1.949vh 'FuturaND-Regular' !important;
	background : none;
	border : none;
	color : #fff;
	vertical-align : middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.obj_skinanalyses .bloc_graph .obj_profile select::-ms-expand {
    display:none;
}

.obj_skinanalyses .bloc_graph .obj_profile select option { color : #1c213f; }
.obj_skinanalyses .bloc_graph .obj_profile:before {
	content : '';
	position : absolute;
	top : 50%;
	left : 0;
	display : block;
	width : 10px;
	height : 10px;
	margin-top : -5px;
	background : #3C77E3;
	border-radius : 50%;
}
.obj_skinanalyses .bloc_graph .obj_profile.var_other:before { background : #616479; }

.obj_skinanalyses .bloc_graph .obj_profile.var_other::after{
	position:absolute;
	z-index:1;
	right:5px; top:50%;
	width:1.5vh; height:1.5vh;
	border:2px solid #fff;
	border-top:none;
	border-left:none;
	transform:translateY(-70%) rotate(45deg);
	content:'';
	}

/* */
.var_landing .bloc_graph{
	padding-bottom:30px;
	}

/* 1.6.3.1 - BLOC GRAPH HOME */
.obj_skinanalyses .bloc_graph.var_home {
	position : relative;
	background : #fff;
}
.obj_skinanalyses .bloc_graph.var_home .ctn_bloc {
	position : relative;
	width : 600px;
	max-width : 100%;
	margin : 0 auto;
	padding: 6vh 0 4vh;
	text-align: center;
	z-index: 4;
}
.obj_skinanalyses .bloc_graph.var_home .ctn_bloc:before,
.obj_skinanalyses .bloc_graph.var_home .ctn_bloc:after {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	display : block;
	width : 100%;
	background-color : #f1f4f1;
	z-index : 1;
}
.obj_skinanalyses .bloc_graph.var_home .ctn_bloc:before { height : 75%; }
.obj_skinanalyses .bloc_graph.var_home .ctn_bloc:after {
	bottom : 0;
	top : auto;
	height : 50%;
	border-radius : 100%;
	background : #f1f4f1;
}
.obj_skinanalyses .bloc_graph.var_home .ctn_content {
	position : relative;
	z-index : 5;
	color : #1c213f;
}
.obj_skinanalyses .bloc_graph.var_home .t_title {
	margin: 0 0 1.5vh;
	padding: 0;
	text-align: center;
	font : 2.5vh/1.25 'FuturaND-Bold';
	color: #1c213f;
}
.obj_skinanalyses .bloc_graph.var_home .t_desc {
	margin: 0;
	padding: 0;
	text-align: center;
	font : 2vh/1.5 'FuturaND-Light';
	color : #1c213f;
}
@media ( max-width : 380px ) { .obj_skinanalyses .bloc_graph.var_home .t_desc { font-size: 2.2vh; } }
.obj_skinanalyses .bloc_graph.var_home .t_desc strong { font-family : 'FuturaND-Bold'; }
.obj_skinanalyses .bloc_graph.var_home .ctn_img {
	width : 200px;
	padding: 7vh 0;
	margin : 4vh auto;
	opacity : 0;
	transition : opacity .5s ease-in-out;
}
.obj_skinanalyses .bloc_graph.var_home .obj_legend {
	opacity : 0;
	transition : opacity .5s ease-in-out;
}
.obj_skinanalyses .bloc_graph.var_home.is-visible .ctn_img,
.obj_skinanalyses .bloc_graph.var_home.is-visible .obj_legend { opacity : 1 }

.obj_skinanalyses .bloc_graph.var_home .obj_graph .obj_legend .var_lack-firmness{
	transform:translate(-50%,-110px);
	}
.obj_skinanalyses .bloc_graph.var_home .obj_graph .obj_legend .var_pores-visibility{
	transform:translate(65px,-80px);
	}
.obj_skinanalyses .bloc_graph.var_home .obj_graph .obj_legend .var_fine-lines{
	transform:translate(110px,-15px);
	}
.obj_skinanalyses .bloc_graph.var_home .obj_graph .obj_legend .var_deep-wrinkles{
	transform:translate(80px,60px);
	}
.obj_skinanalyses .bloc_graph.var_home .obj_graph .obj_legend .var_under-eye-wrinkles{
	transform:translate(70%,105px);
	}
.obj_skinanalyses .bloc_graph.var_home .obj_graph .obj_legend .var_lack-radiance{
	transform:translate(-80px,55px);
	}
.obj_skinanalyses .bloc_graph.var_home .obj_graph .obj_legend .var_dark-spots-intensity{
	transform:translate(-80px,-65px);
	}


/* 1.6.3.2 EXPAND INFO */
.obj_skinanalyses .bloc_expand{
	position: fixed;
	/* top: calc(10vh + 120px); */
	top: 50%; left: 50%;
	width: 100%; max-width: 600px;
	opacity: 0;
	transition: all 0.7s ease;
	z-index: 100;
	overflow: hidden;
	transform: translate(-50%, 100vh);
	}
.obj_skinanalyses .bloc_expand.is-visible {
   transform: translate(-50%, -50%);
   box-shadow: 0px 0px 40vh 100px rgba(255,255,255,1);
   opacity: 1;
	}
.obj_skinanalyses .bloc_expand .ctn_bloc{
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #1C213F;
	}	
.obj_skinanalyses .bloc_expand .ctn_content {
	position: relative;
	height: 100%;
	overflow: none;
	}

/* EXPAND GRAPH */
.obj_skinanalyses .bloc_expand .obj_graph.expand{
	height: 540px;
	width: 100%;
	max-width: 600px !important;
	margin: 0;
	padding:0 !important;
	transform: none;
	background: #17203A;
	/* font-family: 'Calibre'; */
	}
.obj_skinanalyses .bloc_expand .close{
	position: absolute;
	top: 15px; 
	right: 15px;
	z-index: 1;
	}	
.obj_skinanalyses .bloc_expand .close svg {
	fill: #fff;
	width: 20px;
	height: 20px;
	}	
.obj_skinanalyses .bloc_expand .obj_graph.expand .ctn_matrix{
	height: auto;
	}
.obj_skinanalyses .bloc_expand .obj_graph.expand .obj_matrix{
	margin-top: 70px;	
	}	
.obj_skinanalyses .bloc_expand .obj_graph.expand .t_subtitle{
	padding: 40px 10px 0;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	}
.obj_skinanalyses .bloc_expand .obj_graph.expand .obj_step{
	top: 330px;
	}	
.obj_skinanalyses .bloc_expand .obj_graph.expand[data-step="step-01"] .obj_step .step-var1{
	opacity: 1;	
	transition-delay:2.5s;
	}		

@media screen and (max-width:767px){
	.obj_skinanalyses .bloc_expand{
		top:calc(10vh + 65px);
		}
	.obj_skinanalyses .bloc_expand .obj_graph.expand{
		height: auto;
		max-width: inherit !important;
		}
	.obj_skinanalyses .bloc_expand .obj_graph.expand .ctn_matrix{
		min-height: 434px;
		}
	.obj_skinanalyses .bloc_expand .obj_graph.expand .obj_matrix{
		margin-top: 30px;
		}	
	.obj_skinanalyses .bloc_expand.is-visible{
		top: 110px;
		transform: translate(-50%, 0);
		}
}

/* 1.6.4 - BLOC PRIORITIES */
.obj_skinanalyses .bloc_priorities .ctn_bloc { 
	margin : 0 4.5vh 4.5vh 4.5vh; 
	padding : 4.5vh 0 0 0;
	color : #1c213f;
}
.obj_skinanalyses .bloc_priorities .t_subtitle {
	margin-bottom : 1.5vh;
	text-align : left;
	font : 2.2vh 'FuturaND-Bold';
}
.obj_skinanalyses .bloc_priorities .t_intro { text-align : left; }
.obj_skinanalyses .bloc_priorities p {
	font-size : 2vh;
	line-height : 1.5;
}

/* 1.7 - STEP PRESCRIPTION
   1.7.1 - BLOC REPORT */
.obj_skinanalyses .step_prescription .bloc_top {
	position : relative;
	height : 30vh;
	padding-bottom : 12vh;
	background : #1c213f url('../images/f_step-prescription.jpg') no-repeat center top / cover;
}
.obj_skinanalyses .step_prescription .bloc_report {
	padding: 3vh 0;
	margin-top:-13vh;
}

/* 1.7.2 - BLOC ROUTINE */
.obj_skinanalyses .bloc_routines { text-align : left; }




/* 2 - OBJECTS */

.obj_skinanalyses .obj_btn.var_app {
	display : inline-block;
	padding : 2.1vh;
	text-transform : uppercase;
	text-align : center;
	font : 1.6vh/1 'FuturaND-Bold';
	color : #1c213f;
	background : #fff;
	border : 1px solid #1c213f;
	border-radius : 2px;
	cursor : pointer;
}
.obj_skinanalyses .obj_btn.var_app .icon svg{
	margin-right:2.1vh;
	width:7px; height:9px;
	fill:#fff;
	}
.obj_skinanalyses .obj_btn.var_app ~ .obj_btn.var_app { margin-top : 10px; }
.obj_skinanalyses .obj_btn.var_app.var_compare {
	color : #1c213f;
	border : 1px solid #1c213f;
	background : #fff;
	opacity : 1;
	transition : opacity 0.2s;
}
.obj_skinanalyses .obj_btn.var_app.var_compare .icon svg{
	fill:#1c213f;
	}
.obj_skinanalyses .obj_btn.var_app.var_compare.is-hidden {
	width : 0;
	height : 0;
	padding : 0;
	opacity : 0;
	overflow : hidden;
}
.obj_skinanalyses .obj_btn.var_app.var_all-signs { border : 1px solid #1c213f; }
.obj_skinanalyses .obj_btn.var_app.var_blue {
	color : #fff;
	background : #3c77e3;
	border : 1px solid #3c77e3;
}
.obj_skinanalyses .obj_btn.var_facebook{
	display: flex;
	width: 57px;
	min-width: 57px;
	height: 57px;
	border-radius: 30px;
	background : #fff;
	border : 1px solid #f0f5f7;
	text-align: center;
	margin: auto 10px auto 20px;
}
.obj_skinanalyses .obj_btn.var_facebook svg{
	width:14px; height:auto;
	fill:#3c77e3;
	margin: auto;
	}
.obj_skinanalyses .obj_btn.var_twitter{
	display: flex;
	width: 57px;
	min-width: 57px;
	height: 57px;
	margin: auto 0;
	border-radius: 30px;
	background : #fff;
	border : 1px solid #f0f5f7;
	text-align: center;
}
.obj_skinanalyses .obj_btn.var_twitter svg{
	width:22px; height:auto;
	fill:#3c77e3;
	margin: auto;
	}
.obj_skinanalyses .obj_btn.var_print{
	display: flex;
	width: 57px;
	min-width: 57px;
	height: 57px;
	border-radius: 30px;
	background : #fff;
	border : 1px solid #f0f5f7;
	text-align: center;
	margin: auto 10px auto 20px;
}
.obj_skinanalyses .obj_btn.var_print svg{
	width:24px; height:auto;
	fill:#3c77e3;
	margin: auto;
	}
/* LOADER CTA */
.obj_skinanalyses .obj_btn.var_app.send_btn.loading-spinner{
	padding: 2.1vh;
	height: 55px;
	width: 165px;
	}
.obj_skinanalyses .obj_btn.var_app.var_blue.send_btn.loading-spinner span::before,
.obj_skinanalyses .obj_btn.var_app.var_blue.send_btn.loading-spinner span::after{
	background: #fff;
	}
.obj_skinanalyses .obj_btn.var_app.var_blue.send_btn.loading-spinner span::before{
	box-shadow: 7px 7px 0 0 #fff;
	}	
.obj_skinanalyses .obj_btn.var_app.var_blue.send_btn.loading-spinner span::after{
	box-shadow: -7px -7px 0 0 #fff;
	}




.obj_skinanalyses .obj_btn.var_app.var_mail > * {
	display : inline-block;
	vertical-align : middle;
}
.obj_skinanalyses .obj_btn.var_app.var_mail svg{
	width:24px; height:21px;
	margin-right:2.5vh;
	}

.obj_skinanalyses .button.has-border{
	border-color:#3c77e3;
	}
.obj_skinanalyses .button .btn-bg{
	background-color:#3c77e3;
	}
.obj_skinanalyses .button:not(.disabled):hover,
.obj_skinanalyses .button:not(.disabled).hover{
	color:#fff;
	}
.obj_skinanalyses .button:not(.disabled):hover .btn-bg,
.obj_skinanalyses .button:not(.disabled).hover .btn-bg{
	left:-36px;
	}

.obj_skinanalyses .bt_compare-switch{
	position:relative;
	min-height:23px;
	padding-left:70px;
	margin-bottom: 3vh;
	color:#fff;
	text-transform:uppercase;
	}
.obj_skinanalyses .bt_compare-switch::before,
.obj_skinanalyses .bt_compare-switch::after{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	content:'';
	transition:all .3s ease;
	}
.obj_skinanalyses .bt_compare-switch::before{
	left:0;
	width:50px; height:23px;
	border-radius:23px;
	background:#294381;
	}
.obj_skinanalyses .bt_compare-switch.open::before{
	background:#3c77e3;
	}
.obj_skinanalyses .bt_compare-switch::after{
	left:2px;
	width:19px; height:19px;
	border-radius:50%;
	background:#fff;
	}
.obj_skinanalyses .bt_compare-switch.open::after{
	left:28px;
	}
/* 2.1 - OBJ SKINANALYSES */
.obj_skinanalyses {
	position : relative;
	text-align : center;
	font-family : 'FuturaND-Regular';
}
.obj_skinanalyses img {
	max-width : 100%;
	width : auto;
	height : auto;
}
.obj_skinanalyses > .obj_step {
	height : 0;
	opacity : 0;
	transition : opacity 0.2s;
	overflow : hidden;
}
.obj_skinanalyses > .obj_step.is-visible {
	height : auto;

	opacity : 1;
	overflow : initial;
}
.obj_skinanalyses > .obj_step.step_3.is-visible {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 1000;
	background : #1c213f;
}
.obj_skinanalyses > .obj_step.is-visible.step_1,
.obj_skinanalyses > .obj_step.is-visible.step_6,
.obj_skinanalyses > .obj_step.is-visible.step_7{
	padding-bottom:110px;
	}

/* 2.2 - OBJ STEP ICON */
.obj_skinanalyses .obj_step-icon .ctn_img {
	display : inline-block;
	position : relative;
	padding : 1vh 1.5vh;
}
.obj_skinanalyses .obj_step-icon .ctn_img > img { display : block; }
.obj_skinanalyses .obj_step-icon .ctn_img:after,
.obj_skinanalyses .obj_step-icon .ctn_img:before {
	content : "";
	position : absolute;
	display : block;
	width : 12px;
	height : 12px;
	z-index : 2
}
.obj_skinanalyses .obj_step-icon .ctn_img:before {
	top : 0;
	right : 0;
	border-top:  2px solid #3c77e3;
	border-right : 2px solid #3c77e3;
}
.obj_skinanalyses .obj_step-icon .ctn_img:after {
	bottom : 0;
	left : 0;
	border-bottom : 2px solid #3c77e3;
	border-left : 2px solid #3c77e3;
}
.obj_skinanalyses .obj_step-icon .t_legend {
	display : block;
	width : 100%;
	margin : 2vh auto 0;
	font-size : 2.098vh;
	line-height : 1.25;
	color : #fff;
}

/* SURCHARGES CONTEXTUELS */
.obj_skinanalyses .bloc_txt.var_steps .obj_step-icon {
	width : 32%;
	text-align: center;
}
.obj_skinanalyses .bloc_txt.var_details .obj_step-icon {
	width : auto;
	margin-bottom : 2.248vh;
}
.obj_skinanalyses .bloc_txt.var_details .obj_step-icon .t_legend {
	font-size : 3.298vh;
	font-family : 'FuturaND-Bold';
	color : #1C213F;
}

/* 2.3 - OBJ BREADCRUMB */
.obj_skinanalyses .obj_breadcrumb {
	position : relative;

	display : flex;
	align-items : center;
	justify-content : center;

	width : 100%;
	height : 10vh;
	margin : 0 auto;
	text-transform : uppercase;
	text-align : center;
	background : #fff;
	z-index : 5;
}
.obj_skinanalyses .obj_breadcrumb .obj_btn.var_back {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 3%;
	width : 40px;
	height : 40px;
	max-width : 100%;
	max-height : 100%;
	margin : auto;
	z-index : 8;
}
.obj_skinanalyses .obj_breadcrumb .obj_btn.var_email {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 5%;
	display : block;
	height : 3.5vh;
	margin : auto;
	z-index : 2;
}
.obj_skinanalyses .obj_breadcrumb .t_title {
	font-weight : 500;
	font-size : 1.5vh;
	letter-spacing : 1px;
	text-transform : uppercase;
	color : #1c213f;
}
.obj_skinanalyses .obj_breadcrumb .ctn_breadcrumb {
	width : 40%;
	max-width : 200px;
}
.obj_skinanalyses .step_prescription .obj_breadcrumb .ctn_breadcrumb { width : 100%; }
.obj_skinanalyses .obj_breadcrumb .obj_list {
	display : flex;
	flex-direction : row;
	justify-content : center;
	align-items : center;

	margin : 1.25vh 0 0;
	padding : 0;
}
.obj_skinanalyses .obj_breadcrumb .obj_list .item {
	position : relative;
	width : 4%;
	height : 12px;
}
.obj_skinanalyses .obj_breadcrumb .obj_list .item:after {
	content : '';
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	box-sizing : border-box;
	display : block;
	width : 8px;
	height : 8px;
	margin: auto;
	background : #fff;
	border : 2px solid #ccc;
	border-radius : 100%;

	z-index: 2;

	transition: all .25s ease-in;
}
.obj_skinanalyses .obj_breadcrumb .obj_list .separateur {
	width: 5%;
	height: 2px;
	background: #ccc;

	transition: all .25s ease-in;
}
.obj_skinanalyses .obj_breadcrumb .obj_btn.var_email {
	position : absolute;
	top : 0;
	right : 5%;
	display : block;
	height : 3.5vh;
	margin : auto;
	z-index : 2;
}
.obj_skinanalyses .obj_breadcrumb .obj_btn.var_email img { width : 4vh }

.obj_skinanalyses .step_upload .obj_breadcrumb .obj_list { justify-content : flex-end; }
.obj_skinanalyses .step_upload .obj_breadcrumb .obj_list .item.var_one:after {
	width : 12px;
	height : 12px;
	border-color : #1c213f;
}
.obj_skinanalyses .step_upload .obj_breadcrumb .obj_list .separateur { width : 8%; }
.obj_skinanalyses .step_upload .obj_breadcrumb .obj_list .separateur.var_one { width : 21%; }

.obj_skinanalyses .step_age .obj_breadcrumb .obj_list,
.obj_skinanalyses .step_skin .obj_breadcrumb .obj_list { justify-content : flex-end; }
.obj_skinanalyses .step_age .obj_breadcrumb .obj_list .item.var_one,
.obj_skinanalyses .step_skin .obj_breadcrumb .obj_list .item.var_one { margin-right : auto }
.obj_skinanalyses .step_age .obj_breadcrumb .obj_list .item.var_one:after,
.obj_skinanalyses .step_skin .obj_breadcrumb .obj_list .item.var_one:after {
	box-sizing : border-box;
	width : 12px;
	height : 12px;
	border-color : #1c213f;
	background : #1c213f;
}
.obj_skinanalyses .step_age .obj_breadcrumb .obj_list .item.var_two:after,
.obj_skinanalyses .step_skin .obj_breadcrumb .obj_list .item.var_two:after {
	box-sizing : border-box;
	width : 12px;
	height : 12px;
	border-color : #1c213f;
}
.obj_skinanalyses .step_age .obj_breadcrumb .obj_list .separateur,
.obj_skinanalyses .step_skin .obj_breadcrumb .obj_list .separateur { width: 10%; }
.obj_skinanalyses .step_age .obj_breadcrumb .obj_list .separateur.var_one,
.obj_skinanalyses .step_skin .obj_breadcrumb .obj_list .separateur.var_one {
	width : 43%;
	background : #1c213f;
}
.obj_skinanalyses .step_age .obj_breadcrumb .obj_list .separateur.var_two,
.obj_skinanalyses .step_skin .obj_breadcrumb .obj_list .separateur.var_two { width: 31%; }

.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list { justify-content : flex-start; }
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .item.var_one { margin-right : auto }
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .item.var_one:after {
	width : 12px;
	height : 12px;
	border-color : #1c213f;
	background : #1c213f;
}
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .item.var_two { margin-right : auto }
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .item.var_two:after {
	width : 12px;
	height : 12px;
	border-color : #1c213f;
	background : #1c213f;
}
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .item.var_three:after {
	width : 12px;
	height : 12px;
	border-color : #1c213f;
}
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .separateur { width : 10%; }
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .separateur.var_one { background : #1c213f; }
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .separateur.var_two {
	width : 25%;
	background : #1c213f;
}
.obj_skinanalyses .step_skin-matrix .obj_breadcrumb .obj_list .separateur.var_three { width : 45%; }


.obj_skinanalyses .step_prescription .bloc_top .obj_breadcrumb { background : none; }
.obj_skinanalyses .step_prescription .bloc_top .obj_breadcrumb .t_title { color : #fff; }
.obj_skinanalyses .step_prescription .bloc_top .obj_breadcrumb .obj_btn.var_back path { fill: #fff; }

.obj_skinanalyses .step_prescription .obj_breadcrumb .obj_list .separateur.var_three { width: 19%; }
.obj_skinanalyses .step_prescription .obj_breadcrumb .obj_list { justify-content : flex-start; }
.obj_skinanalyses .step_prescription .obj_breadcrumb .obj_list .item.var_one:after {
	width : 12px;
	height : 12px;
	border-color : #fff;
	background : #fff;
}
.obj_skinanalyses .step_prescription .obj_breadcrumb .obj_list .item.var_two:after {
	width : 12px;
	height : 12px;
	border-color : #fff;
	background : #fff;
}
.obj_skinanalyses .step_prescription .obj_breadcrumb .obj_list .item.var_three:after {
	width : 12px;
	height : 12px;
	border-color : #fff;
	background : #fff;
}
.obj_skinanalyses .step_prescription .obj_breadcrumb .obj_list .item.var_four:after {
	width : 12px;
	height : 12px;
	border-color : #fff;
	background : #1c213f;
}
.obj_skinanalyses .step_prescription .obj_breadcrumb .obj_list .separateur {
	width : 8%;
	background : #fff;
}

/* 2.4 - OBJ CARROUSEL
   2.4.1 - CARROUSEL STEPS */
.obj_skinanalyses .obj_carrousel.var_steps {
	width : 100%;
	margin : 2.998vh 0 0 0;
	height : 37vh;
	overflow-x : hidden;
}
.obj_skinanalyses .obj_carrousel.var_steps .masque {
	position : relative;
	width : 32.234vh;
	height : auto;
	margin : 0 auto;
	overflow : initial;
}
.obj_skinanalyses .obj_carrousel.var_steps .masque:before {
	content : '';
	display : block;
	padding-top : 114.42%;
}
.obj_skinanalyses .obj_carrousel.var_steps .items {
	position : absolute;
	top : 0;
	left : 0;
	width : 10000px;
	height : 100%;
}
.obj_skinanalyses .obj_carrousel.var_steps .item {
	position : relative;
	float : left;
	width : 32.234vh !important;
	height : 100%;
	opacity : 0.5;
}
.obj_skinanalyses .obj_carrousel.var_steps .item.visible { opacity : 1; }
.obj_skinanalyses .obj_carrousel.var_steps .item .obj_step {
	position : relative;
	display : block;
	margin: 0 auto;
	width : 81.40%;
	height : 100%;
}
.obj_skinanalyses .obj_carrousel.var_steps .ctn_item {
	position : relative;
	margin : 0 1.5vh;
	width : 100%;
	height : 100%;
}
.obj_skinanalyses .obj_carrousel.var_steps .ctn_img {
	position : absolute;
	top : 2.56425%;
	left : 0;
	width : 100%;
	height : auto;
	z-index : 2;
	transition : top .3s ease;
}
.obj_skinanalyses .obj_carrousel.var_steps .visible .ctn_img { top : 0; }
.obj_skinanalyses .obj_carrousel.var_steps .ctn_img > img {
	display : block;
	width : 100%;
	height : 100%;
	
	object-fit : cover;
	-o-object-fit : cover;
	
	object-position : center;
	-o-object-position : center;
}
.obj_skinanalyses .obj_carrousel.var_steps .ctn_img:after,
.obj_skinanalyses .obj_carrousel.var_steps .ctn_img:before {
	content : '';
	position : absolute;
	display : block;
	width : 50px;
	height : 50px;
	z-index : 2;
}
.obj_skinanalyses .obj_carrousel.var_steps .ctn_img:before {
	top : 0;
	right : 0;
	border-top : 2px solid #1c213f;
	border-right : 2px solid #1c213f;
}
.obj_skinanalyses .obj_carrousel.var_steps .ctn_img:after {
	bottom : 0;
	left : 0;
	border-bottom : 2px solid #1c213f;
	border-left : 2px solid #1c213f;
}
.obj_skinanalyses .obj_carrousel.var_steps .ctn_txt {
	position : absolute;
	top : 10%;
	left : 10%;
	width : 100%;
	height : 87%;
	line-height : 1.25;
	background : #e9f3fe;
	z-index : 1;
	transition : height .5s ease;
}
.obj_skinanalyses .obj_carrousel.var_steps .visible .ctn_txt { height : 90%; }
.obj_skinanalyses .obj_carrousel.var_steps .ctn_txt .ctn_desc {
	position : absolute;
	bottom : 0;
	width : 100%;
	height : 31%;
}
.obj_skinanalyses .obj_carrousel.var_steps .ctn_txt p {
	position : absolute;
	left : 0;
	top : 50%;
	width : 100%;
	padding : 0 2.5%;
	font-size : 2vh;
	line-height : 1.25;
	color : #1c213f;
	opacity : 0;
	transition : opacity .5s ease;
	transform : translateY(-50%);
}
.obj_skinanalyses .obj_carrousel.var_steps .visible .ctn_txt p { opacity : 1; }

/* 2.4.2 - CARROUSEL ROUTINE */
.obj_skinanalyses .obj_carrousel.var_routine {
	padding : 4vh 0 8vh 0;
	overflow : hidden;
}
.obj_skinanalyses .obj_carrousel.var_routine .masque {
	position : relative;
	width : 66.667%;
	margin : 0 auto;
	overflow : initial;
}
.obj_skinanalyses .obj_carrousel.var_routine .masque:before {
	content : '';
	display : block;
	padding-top : 100%;
}
.obj_skinanalyses .obj_carrousel.var_routine .items {
	position : absolute;
	top : 0;
	left : 0;
	width : 10000px;
	height : 100%;
}
.obj_skinanalyses .obj_carrousel.var_routine .item {
	position : relative;
	float : left;
	height : 100%;
}
.obj_skinanalyses .obj_carrousel.var_routine .nav {
	position : absolute;
	bottom : 1vh;
	left : 0;
	width : 100%;
	text-align : center;
}
.obj_skinanalyses .obj_carrousel.var_routine .nav .obj_btn.var_carrousel {
	position : absolute;
	bottom : 0;
	width : 4vh;
	height : 4vh;
	background-color : #e8e8e8;
}
.obj_skinanalyses .obj_carrousel.var_routine .nav .obj_btn.var_carrousel.prev { left : 10px; }
.obj_skinanalyses .obj_carrousel.var_routine .nav .obj_btn.var_carrousel.next { right : 10px; }
.obj_skinanalyses .obj_carrousel.var_routine .nav .obj_btn.var_carrousel svg {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin: auto;
	z-index : 2;
}
.obj_skinanalyses .obj_carrousel.var_routine .nav ul { display : inline-block; }
.obj_skinanalyses .obj_carrousel.var_routine .nav ul li {
	display : inline-block;
	width : 8px;
	height : 8px;
	margin : 0 0.5vh;
	border-radius : 100%;
	background : #1c213f;
	opacity : 0.2;
}
.obj_skinanalyses .obj_carrousel.var_routine .nav ul li a { font-size : 0; }
.obj_skinanalyses .obj_carrousel.var_routine .nav ul li.active { opacity : 1; }

/* 2.5 - OBJ GRAPH */
.obj_skinanalyses .obj_graph {
	display : inline-block;
	position : relative;
	width : 500px;
	/* height: 280px; */
	max-width : 100%;
	overflow : hidden;
}
@media ( min-width : 600px ) {
	.obj_skinanalyses .obj_graph {
		margin-bottom : 4.5vh;
		transform : scale(1.3);
		}
}
.obj_skinanalyses .obj_graph #radarChart {
	display : inline-block;
	height: 270px;
	margin-top: 60px;
	}
.obj_skinanalyses .obj_graph .radarWrapper{
	transition:opacity .3s ease;
	}
.obj_skinanalyses .obj_graph .var_priority .circleDot { fill : #a82f31 !important; }
.obj_skinanalyses .obj_graph .var_strength .circleDot { fill : #3c77e3 !important; }
.obj_skinanalyses .obj_graph .obj_legend li {
	position : absolute;
}
.obj_skinanalyses .obj_graph .obj_legend .var_lack-firmness {
	left:50%; bottom:50%;
	transform:translate(-50%,-105px);
}
.obj_skinanalyses .obj_graph .obj_legend .var_pores-visibility {
	left:50%; bottom:50%;
	transform:translate(65px,-75px);
}
.obj_skinanalyses .obj_graph .obj_legend .var_fine-lines {
	left:50%; top:50%;
	transform:translate(85px,25px);
}
.obj_skinanalyses .obj_graph .obj_legend .var_deep-wrinkles {
	left:50%; top:50%;
	transform:translate(35px,85px);
}
.obj_skinanalyses .obj_graph .obj_legend .var_under-eye-wrinkles {
	right:50%; top:50%;
	transform:translate(-35px,85px);
}
.obj_skinanalyses .obj_graph .obj_legend .var_lack-radiance {
	right:50%; top:50%;
	transform:translate(-100px,10px);
}
.obj_skinanalyses .obj_graph .obj_legend .var_dark-spots-intensity {
	right:50%; bottom:50%;
	transform:translate(-65px,-75px);
}

@media ( max-width : 767px ) {
	.obj_skinanalyses .obj_graph .obj_legend li {
		max-width: 20%;
		}	
}

/* 2.6 - OBJ ENCART */
.obj_skinanalyses .obj_encart {
	display : block;
	margin-top : 0.75vh;
	padding : 0.4vh;
	text-transform : uppercase;
	font-size : 8px;
	font-family : 'FuturaND-Bold';
	line-height : 1;
	color : #fff;
	background : #3e4a59;
}
.obj_skinanalyses .obj_encart.var_priority { background : #a82f31; }
.obj_skinanalyses .obj_encart.var_strength { background : #3c77e3; }

/* 2.7 - OBJ PRIORITY */
.obj_skinanalyses .obj_concern {
	width : 100%;
	margin-top : 6vh;
	text-align : left;
	color : #1c213f;
	font-size : 0;
	
	overflow : hidden;
	opacity : 1;

	transition : all 0.2s;
}
.obj_skinanalyses .obj_concern.is-hidden {
	height : 0;
	margin-top : 0;

	opacity : 0;
}
.obj_skinanalyses .obj_concern .ctn_img,
.obj_skinanalyses .obj_concern .ctn_desc {
	display : inline-block;
	vertical-align : middle;
}
.obj_skinanalyses .obj_concern .ctn_img {
	position : relative;
	width : 30.133%;
	height : auto;
}
.obj_skinanalyses .obj_concern .ctn_img:before {
	content : '';
	display : block;
	padding-top : 181.818%;
}
.obj_skinanalyses .obj_concern .ctn_img:after {
	content : '';
	position : absolute;
	top : 50%;
	right : 0;
	width : 5px;
	margin-right : -5px;
	padding-top : 118.181%;
	background : #979797;

	transform : translateY(-50%);
}
.obj_skinanalyses .obj_concern.var_priority .ctn_img:after { background : #a82f31; }
.obj_skinanalyses .obj_concern.var_strength .ctn_img:after { background : #3c77e3; }
.obj_skinanalyses .obj_concern .ctn_img img {
	position : absolute;
	top : 50%;
	right : 0;
	max-width : inherit;
	width : auto;
	height : 100%;

	transform : translateY(-50%);
}
.obj_skinanalyses .obj_concern .ctn_desc {
	width : 69.867%;
	padding : 0 20px;
}
.obj_skinanalyses .obj_concern .t_title-priority {
	margin-bottom : 0.75vh;
	font : 2.2vh/1 'FuturaND-Bold';
}
.obj_skinanalyses .obj_concern .t_note {
	margin-bottom : 3vh;
	font : 2vh/1 'FuturaND-Regular';
	color : #1a1f3d;
}
.obj_skinanalyses .obj_concern .t_note-detail {
	font : 2.4vh/1 'FuturaND-Bold';
	color : #1c213f;
}
.obj_skinanalyses .obj_concern .t_desc {
	margin-bottom : 3vh;
	font-size : 2vh;
	line-height : 1.5;
}
.obj_skinanalyses .obj_concern .obj_lnk {
	display : inline-block;
	padding-bottom : 1px;
	font-size : 2vh;
	color : #1c213f;
	border-bottom : 1px solid #1c213f;
}
.obj_skinanalyses .obj_concern .obj_lnk:after {
	content : '';
	display : inline-block;
	width : 6px;
	height : 6px;
	margin-left : 5px;
	border : 1px solid #1c213f;
	border-left : 0;
	border-bottom : 0;
	transform : rotate(45deg);
}
.obj_skinanalyses .obj_concern .obj_encart {
	display : inline-block;
	margin : 0;
	vertical-align : middle;
}

/* 2.8 - OBJ REPORT */
.obj_skinanalyses .obj_report {
	position : relative;
	width : 80%;
	margin : auto;
	background : #fff;
	box-shadow : 0 0 10px 0 rgba(0,0,0,.25);
	z-index : 2;
}
.obj_skinanalyses .obj_report:before,
.obj_skinanalyses .obj_report:after {
	position : absolute;
	top : 0;
	right : 0;
	content : '';
	display : block;
	width : 0;
	height : 0;
	z-index: 3;
}
.obj_skinanalyses .obj_report:before {
	border-left: 20px solid transparent;
	border-right: 20px solid #1c213f;
	border-bottom: 20px solid transparent;
}
.obj_skinanalyses .obj_report:after {
	border-left : 20px solid #ccc;
	border-top : 20px solid transparent;
}
.obj_skinanalyses .obj_report > .t_title {
	position : relative;
	width : 100%;
	margin : 0 auto;
	padding : 1vh 0;
	text-align : center;
	font-size : 3vh;
	color : #1c213f;
}
.obj_skinanalyses .obj_report > .t_title:before {
	content : '';
	position : absolute;
	top : 2vh;
	bottom : 0;
	left : 0;
	width : 40%;
	height : 100%;
	background : #e8e8e8;
	z-index : 2;
}
.obj_skinanalyses .obj_report > .t_title span {
	position : relative;
	display : block;
	width : 60%;
	margin : auto;
	z-index : 3
}
.obj_skinanalyses .obj_report .ctn_row {
	display : flex;
	align-items : flex-start;
	justify-content : flex-start;
	width : 100%;
	margin-top : 3.5vh
}
.obj_skinanalyses .obj_report .ctn_row:last-child {
	padding-bottom: 2vh;
}
.obj_skinanalyses .obj_report .ctn_row .ctn_col {
	width : 80%;
	margin : 0 auto;
	text-align : left;
}
.obj_skinanalyses .obj_report .ctn_row .ctn_col.var_type { width : 40%; }
.obj_skinanalyses .obj_report .ctn_row .ctn_col.var_age { width : 20%; }
.obj_skinanalyses .obj_report .ctn_row .t_title {
	margin : 0 0 1vh;
	padding : 0 0 .5vh;
	font-size : 2vh;
	font-weight : 600;
	font-family : 'FuturaND-Bold';
	text-transform : uppercase;
	color : #1c213f;
	border-bottom : 2px solid #e9f3ff;
}
.obj_skinanalyses .obj_report .ctn_row .t_desc {
	margin-top : 1vh;
	font-size : 1.8vh;
	line-height : 1.5;
}
.obj_skinanalyses .obj_report .ctn_row .t_desc strong { font-family : 'FuturaND-Bold'; }
.obj_skinanalyses .obj_report .obj_encart {
	display : inline-block;
	margin-bottom : 1vh;
	margin-right: 0.5vh;
	font-size : 1.6vh;
}
.obj_skinanalyses .obj_report .obj_encart + .obj_encart{
	margin-top: 0;
}

/* 2.9 - OBJ ROUTINE */
.obj_skinanalyses .obj_routine { padding-top : 4vh; }
.obj_skinanalyses .obj_routine .t_title {
	width : 80%;
	display : flex;
	align-items : center;
	justify-content : flex-start;
	margin : 0 auto;
	padding : 0;
	text-align : left;
	text-transform : uppercase;
	font-size : 2.5vh;
	color : #1c213f;
}
.obj_skinanalyses .obj_routine .t_title img {
	display : inline-block;
	max-width : none;
	height : 4.5vh;
	margin-right : 1vh;
}
.obj_skinanalyses .obj_routine .t_title + p {
	width : 80%;
	margin : 2vh auto 0;
	padding : 0;
	text-align : left;
	font-size : 2vh;
	color : #1c213f;
}


.obj_skinanalyses .t_title-routine {
	width : 80%;
	display : flex;
	align-items : center;
	justify-content : flex-start;
	margin : 0 auto;
	padding : 4vh 0;
	text-align : left;
	text-transform : uppercase;
	font-size : 2.5vh;
	color : #1c213f;
}
.obj_skinanalyses .t_title-routine img {
	display : inline-block;
	max-width : none;
	height : 4.5vh;
	margin-right : 1vh;
}

/* 2.10 - OBJ PRODUCT */
.obj_skinanalyses .obj_product {
	position : relative;
	width : 90%;
	height : 100%;
	margin : 0 5%;
}
.obj_skinanalyses .obj_product:after {
	content : '';
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	display : block;
	width : 90%;
	height : 90%;
	margin : auto;
	background : #e8e8e8;
	z-index : 1;
}
.obj_skinanalyses .obj_product.var_blue:after { background : #e9f3ff; }
.obj_skinanalyses .obj_product .ctn_product-top {
	position : relative;
	height : 75%;
	display : flex;
	align-items : center;
	justify-content : flex-start;
	z-index : 2;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_image {
	position : relative;
	width : 40%;
	height : auto;
	min-height : 19.940vh;
	padding : 0;
	background : #f1f4f1;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_image .reco-prod {
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;
	max-width : 100%;
	max-height : 70%;
	margin : 20% auto;
	mix-blend-mode : multiply;
	z-index : 2;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_image:after,
.obj_skinanalyses .obj_product .ctn_product-top .ctn_image:before {
	content : '';
	position : absolute;
	display : block;
	width : 50px;
	height : 50px;
	z-index : 2;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_image:before {
	top : 0;
	right : 0;
	border-top : 2px solid #1c213f;
	border-right : 2px solid #1c213f;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_image:after {
	bottom : 0;
	left : 0;
	border-bottom : 2px solid #1c213f;
	border-left : 2px solid #1c213f;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_desc {
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	width : 60%;
	height : 90%;
	padding-left : 2vh;
	padding-top : 2vh;
	text-align : left;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_desc .t_number {
	display : inline;
	margin-right : 1vh;
	font-size : 4vh;
	font-weight : 600;
	font-family : 'FuturaND-Bold';
	color : #1c213f
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_desc .t_usage {
	display : inline;
	font-size : 2.2vh;
	font-weight : 600;
	font-family : 'FuturaND-Bold';
	color : #1c213f
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_desc .t_name {
	display : block;
	flex-basis : 100%;
	margin-bottom : 1vh;
	text-transform : lowercase;
	font-size : 1.6vh;
	line-height : 1.25;
	color : #1c213f;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_desc .t_name:first-letter { text-transform : uppercase; }
.obj_skinanalyses .obj_product .ctn_product-top .ctn_desc .obj_benefits {
	margin : 0;
	padding : 0;
	font-size : 0;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_desc .obj_benefits .obj_item-benefit {
	display : inline-block;
	margin-right : .5vh;
	margin-bottom : .5vh;
	padding : .5vh;
	font-size : 1.3vh;
	color : #1c213f;
	background : #ccc;
}
.obj_skinanalyses .obj_product .ctn_product-top .ctn_desc .ctn_price {
	display: block;
	flex-basis : 100%;
	font-size : 2vh;
	font-weight : 600;
	font-family : 'FuturaND-Bold';
	margin-top : 1vh;
	color : #1c213f;
}
.obj_skinanalyses .obj_product .reco-stars {
	height : 12%;
	align-items : flex-end;
}
.obj_skinanalyses .obj_product .ctn_product-bottom,
.obj_skinanalyses .obj_product .reco-stars {
	position : relative;
	display : flex;
	justify-content : center;
	z-index : 2;
}
.obj_skinanalyses .obj_product .ctn_product-bottom {
	height : 25%;
	align-items : flex-start;
}
.obj_skinanalyses .obj_product .ctn_product-bottom .ctn_cta {
	width : 100%;
	margin-top : 2vh;
	text-align : center;
}
.obj_skinanalyses .obj_product .ctn_product-bottom .ctn_cta .obj_btn {
	padding : 1.5vh;
	width : 48%;
	text-transform : uppercase;
	font : 1.8vh/1 'FuturaND-Bold';
}
.obj_skinanalyses .obj_product .ctn_product-bottom .ctn_cta .obj_btn.var_learn {
	color : #1c213f;
	background : #fff;
}
.obj_skinanalyses .obj_product .ctn_product-bottom .ctn_cta .obj_btn.var_cart {
	color : #fff;
	background : #1c213f;
}
/* */
.var_landing .obj_product {
	width : 70%;
	margin : 3.75vh auto;
}

/* 2.11 - OBJ CHECK */
.obj_skinanalyses .obj_check {
	position : absolute;
	top : 50%;
	left : 50%;
	width : 70px;
	height : 70px;

	opacity : 0;
	transform : translate3D(-50%, -50%, 0) scale(0);
	transition : all 0.6s;
}
.obj_skinanalyses .obj_check.is-init {
	opacity : 1;
	transform : translate3D(-50%, -50%, 0) scale(1);
}
.obj_skinanalyses .obj_check:after {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	display : block;
	width : 16px;
	height : 8px;
	border : 2px solid #399744;
	border-top : 0;
	border-right : 0;

	opacity : 0;
	transform : translate3D(-50%,-75%,0) rotate(-45deg) scale(2);
	transition : all 0.3s;
}
.obj_skinanalyses .obj_check.is-checked:after {
	border : 4px solid #399744;
	border-top : 0;
	border-right : 0;
	
	opacity : 1;
	transform : translate3D(-50%,-75%,0) rotate(-45deg) scale(1);
}
.obj_skinanalyses .obj_check svg {
	width : 100%;
	height : 100%;
}
.obj_skinanalyses .obj_check.is-init svg .circle {
	stroke: #1c213f;
	stroke-width: 1;
	stroke-dasharray : 207;
	stroke-dashoffset : 207;
	fill : none;
	animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
}
.obj_skinanalyses .obj_check.is-checked svg .circle {
	stroke: #fff;
	stroke-width: 2;
	box-shadow : inset 0 0 0 #fff;
}

/* 2.12 - OBJ IDLE BUTTON */
.obj_skinanalyses .obj_idle-button{
	display:none;
	position:fixed;
	z-index:9999;
	right:3%; top:50%;
	width:60px; height:60px;
	transform:translateY(-50%);
	background:#fff;
	border-radius:50%;
	}
.obj_skinanalyses .obj_idle-button.inactive{
	display:none !important;
	}
.obj_skinanalyses .obj_idle-button a{
	display:block;
	width:100%; height:100%;
	}
.obj_skinanalyses .obj_idle-button a svg{
	width:100%;
	fill:#a52019;
	}

/* 2.13 - VMAG */
.obj_skinanalyses .obj_vmag-push {
    padding-bottom: 2.5em;
	}
.obj_skinanalyses .obj_vmag-push .button .btn-bg {
     background-color: #1c213f; 
    }
.obj_skinanalyses .obj_vmag-push .button:not(.disabled):hover,
.obj_skinanalyses .obj_vmag-push .button:not(.disabled).hover {
    color: #1c213f;
    }
.obj_skinanalyses .obj_vmag-push .button:not(.disabled):hover .btn-bg,
.obj_skinanalyses .obj_vmag-push .button:not(.disabled).hover .btn-bg {
    left: 100%;
    }

/* 2.13 - OBJ ROUTINE SLIDER */
.obj_skinanalyses .obj_routine-slider[data-num-slides="3"] .product-card {
   width: auto;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls {
	position: absolute;
	z-index: 2;
	bottom: -50px;
	left: 50%;
	width: 100%;
	max-width: 370px;
	transform: translateX(-50%);
	}
.obj_skinanalyses .slider-controls .slide-step {
	position: absolute;
	bottom: 0;
	z-index: 4;
	}	
.obj_skinanalyses .obj_routine-slider .slider-controls .prev {
   left: 0;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .next {
   right: 0;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .small {
   display: inline-block;
   width: 35px;
   height: 34px;
   padding: 10px 5px;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .slide-step svg {
   width: 100%;
   height: 100%;
   fill: #1c213f;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .slide-links {
   padding: 16px 0;
	position: absolute;
	bottom: -8px;
	z-index: 3;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
   font-size: 0;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .slide-links li {
	display: inline-block;
	width: 20px;
	height: 20px;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .slide-links li > button {
	width: 20px;
	height: 20px;
	line-height: 20px;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .slide-links > li button::before {
	background-color: #FFFFFF;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .slide-links li > button::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	opacity: 1;
	vertical-align: middle;
	transition: all 150ms;
	}
.obj_skinanalyses .obj_routine-slider .slider-controls .slide-links > li.current button::before {
   background-color: #1c213f;
	}


@media screen and (max-width:767px){
	.obj_skinanalyses .obj_routine-slider .slider-controls {
		max-width: 300px; 
		}
}


/* bt_tuto */
.obj_skinanalyses .bt_tuto{
	position:absolute;
	right:20px; top:20px;
	width:25px; height:25px;
	color:#1c213f;
	background:#fff;
	border-radius:50%;
	}
.obj_skinanalyses .bt_tuto svg{
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	fill:currentColor;
	}

/* BLOC GRAPH */
.obj_skinanalyses .obj_graph .content{
	max-width: 1170px;
	height: 100%;
	display: flex;
	z-index: 1;
	justify-content: space-between;
	margin: 0 auto;
	padding: 70px 0 0;
	}		
.obj_skinanalyses .obj_graph .content .ctn_text{
	width: 100%;
	max-width: 565px;
	height: 565px;
	padding: 0 45px 0 70px;
	display: flex;
	background: #fff;
	} 	
.obj_skinanalyses .obj_graph .content .ctn_text::after {
    position: absolute;
    right: 0;
	z-index: 0;
    content: "";
    display: block;
    height: 100%;
    width: 32.5%;
	max-height: 565px;
    background: #fff;
	}
.obj_skinanalyses .obj_graph .content .text{
	position: relative;
	margin: auto 0;
	z-index: 1;
	}	
.obj_skinanalyses .obj_graph .content .text h2{
	padding: 0 0 30px;
	font-size: 32px;
	font-weight: 600;
	color: #1c213f;
	}	
.obj_skinanalyses .obj_graph .content .text p{
	padding: 0 0 30px;
	font-size: 16px;
	line-height: 22px;	
	}
.obj_skinanalyses .obj_graph .content .text p em {
    display: inline-block;
    position: relative;
	height: 20px;
	font-size: 12px;
    line-height: 20px;
    vertical-align: top;
	}	
.obj_skinanalyses .obj_graph .ctn_matrix{
	position: relative;
	width: 100%;
	max-width: 605px;
	max-height: 605px;
	background: #17203a;
	}	
.obj_skinanalyses .obj_graph .obj_label {
    position: absolute;
    width: 18%;
    text-align: left;
	z-index: 3;
	}	
.obj_skinanalyses .obj_graph .obj_label.var_1 {
    top: 17%;
    right: 23.9%;
    transition: opacity .15s ease-in
	}	
.obj_skinanalyses .obj_graph .obj_label.var_2 {
    top: 41%;
    right: 3.5%;
    transition: opacity .35s ease-in;
	}
.obj_skinanalyses .obj_graph .obj_label.var_3 {
    top: 81.4%;
    right: 23.7%;
    transition: opacity .5s ease-in;
	}	
.obj_skinanalyses .obj_graph .obj_label.var_3::after {
	left: auto; 
	right: 0;
	top: -4px;
	}
.obj_skinanalyses .obj_graph .obj_label::after {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    display: block;
    width: .66667vh;
    height: .66667vh;
    background: #fff;
    border-radius: 100%;
    z-index: 2;
	}	
.obj_skinanalyses .obj_graph .obj_label .t_name {
    display: block;
    text-transform: uppercase;
    font-size: 1.74vh;
	line-height: 1em;
	font-weight: 600;
    color: #fff;
	}	
.obj_skinanalyses .obj_graph .obj_encart {
    display: block;
    margin-top: 5px;
    padding: 0.4vh;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background: #3e4a59;
	}
.obj_skinanalyses .obj_graph .obj_encart.var_strength {
    background: #3c77e3;
	}	
.obj_skinanalyses .obj_graph .obj_encart.var_priority {
    background: #a82f31;
	}	
.obj_skinanalyses .obj_graph .obj_matrix{
	position: relative;
	margin: 110px auto 0;
	width: 414px;
	height: 360px;
	}
.obj_skinanalyses .obj_graph .obj_matrix .bg-matrix{
	position: relative;
	display: block;
	width: 236px;
	height: 236px;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	color: #fff;
	}
.obj_skinanalyses .bg-matrix svg{
	width: 236px;
	height: 236px;
	}
.obj_skinanalyses .obj_matrix .st0{
	fill:none;
	stroke:#8489a4;
	stroke-width: 1;
	stroke-miterlimit:10;
	}
	
@media screen and (max-width:767px){
	.obj_skinanalyses .obj_graph .obj_encart {
    	display: inline-block;
		hyphens: auto;
		}
}




/* BG GRADIENT*/ 
.obj_skinanalyses .obj_graph .obj_matrix .bg-gradient{
	position: absolute;
	display: block;
	width: 236px;
	height: 236px;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	color: #fff;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	}
.obj_skinanalyses .bg-gradient svg{
	width: 236px;
	height: 236px;
	}
.obj_skinanalyses .obj_matrix .numbers{
	position: absolute; 
	top: 50%; right: 0;
	transform: translateY(-50%);
	z-index: 10;
	}
.obj_skinanalyses .obj_matrix .numbers li{
	display: inline-block;
	padding-left: 8px;
	font-size: 16px;	
	line-height: 16px;
	font-weight: 600;
	z-index: 7;
	text-align: left;
	text-transform: uppercase;	
	color: #fff;
	}

/* points */
.obj_skinanalyses .obj_graph .obj_matrix .obj_points{	
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	}
.obj_skinanalyses .obj_graph .obj_matrix .obj_points span{
	position: absolute;
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 10px;
	}	
.obj_skinanalyses .obj_graph .obj_points .var_point-lack-firmness{
	top: -5.5px;
	left: 50%;
	transform: translateX(-50%)
	}
.obj_skinanalyses .obj_graph .obj_points .var_point-pores-visibility{
	transform: translate(85px,36px);
	}	
.obj_skinanalyses .obj_graph .obj_points .var_point-dark-spots-intensity{
	transform: translate(-95px, 36px);
	}
.obj_skinanalyses .obj_graph .obj_points .var_point-fine-lines{
	transform: translate(103px, 157px);
	}	
.obj_skinanalyses .obj_graph .obj_points .var_point-deep-wrinkles{
	transform: translate(45px, 218px);
	}
.obj_skinanalyses .obj_graph .obj_points .var_point-under-eye-wrinkles{
	transform: translate(-55px, 218px);
	}
.obj_skinanalyses .obj_graph .obj_points .var_point-under-eye-wrinkles{
	transform: translate(-55px, 218px);
	}
.obj_skinanalyses .obj_graph .obj_points .var_point-lack-radiance{
	transform: translate(-113px, 157px);
	}	
	
/* OBJ MATRIX */
.obj_skinanalyses .obj_matrix .obj_legend{
	position: absolute;
	bottom: 60px;
	width: 414px;
	height: 345px;
	}	
.obj_skinanalyses .obj_matrix .obj_legend li {
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    font: 13px/1.2em;
	color: #fff;
	}	
.obj_skinanalyses .obj_matrix .var_priority .circleDot { fill : #a82f31 !important; }
.obj_skinanalyses .obj_matrix .var_strength .circleDot { fill : #3c77e3 !important; }
.obj_skinanalyses .obj_matrix .obj_legend li {
	position : absolute;
	}
.obj_skinanalyses .obj_matrix .obj_legend .var_lack-firmness {
	left:50%; bottom:50%;
	transform:translate(-50%,-145px);
	}
.obj_skinanalyses .obj_matrix .obj_legend .var_pores-visibility {
	left:50%; bottom:50%;
	transform:translate(85px,-105px);
	}
.obj_skinanalyses .obj_matrix .obj_legend .var_fine-lines {
	left:50%; top:50%;
	transform:translate(120px,25px);
	}
.obj_skinanalyses .obj_matrix .obj_legend .var_deep-wrinkles {
	left:50%; top:50%;
	transform:translate(45px,110px);
	}
.obj_skinanalyses .obj_matrix .obj_legend .var_under-eye-wrinkles {
	right:50%; top:50%;
	transform:translate(-45px,110px);
	}
.obj_skinanalyses .obj_matrix .obj_legend .var_lack-radiance {
	right:50%; top:50%;
	transform: translate(-120px,25px);
	}
.obj_skinanalyses .obj_matrix .obj_legend .var_dark-spots-intensity {
	right:50%; bottom:50%;
	transform:translate(-95px,-105px);
	}
.obj_skinanalyses .obj_matrix .obj_encart.var_strength {
    background: #3c77e3;
	}
.obj_skinanalyses .obj_matrix .obj_encart.var_priority {
    background: #a82f31;
	}	
.obj_skinanalyses .obj_matrix .obj_encart {
    margin-top: 0.75vh;
    padding: 0.4vh;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
	}
	
/* ANIMATION */
.obj_skinanalyses .obj_graph .obj_matrix figure,
.obj_skinanalyses .obj_graph .obj_matrix .numbers,
.obj_skinanalyses .obj_graph .obj_matrix .obj_points span,
.obj_skinanalyses .obj_graph .obj_matrix .obj_legend li,
.obj_skinanalyses .obj_graph .obj_matrix .obj_legend li span,
.obj_skinanalyses .obj_graph .obj_matrix .numbers,
.obj_skinanalyses .obj_graph .obj_step > div{
	opacity: 0;
	transition: all 0.8s ease-out;
	}
.obj_skinanalyses .obj_graph .obj_matrix .obj_legend li span{
	padding:0;
	margin:0;
	overflow:hidden;
	}

/* ANIMATION STEP 1 */ 	
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_matrix	figure.bg-matrix{
	opacity: 1;
	}
	
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_points .var_point-lack-firmness{
	opacity: 1;
	transition-delay:0.2s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_legend li.var_lack-firmness{
	opacity: 1;
	transition-delay:0.3s;
	}		
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_points .var_point-pores-visibility{
	opacity: 1;
	transition-delay:0.3s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"]  .obj_legend li.var_pores-visibility{
	opacity: 1;
	transition-delay:0.4s;
	}	
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_points .var_point-fine-lines{
	opacity: 1;
	transition-delay:0.4s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_legend li.var_fine-lines{
	opacity: 1;
	transition-delay:0.5s;
	}	
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_points .var_point-deep-wrinkles{
	opacity: 1;
	transition-delay:0.5s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_legend li.var_deep-wrinkles{
	opacity: 1;
	transition-delay:0.6s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_points .var_point-under-eye-wrinkles{
	opacity: 1;
	transition-delay:0.6s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_legend li.var_under-eye-wrinkles{
	opacity: 1;
	transition-delay:0.7s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_points .var_point-lack-radiance{
	opacity: 1;
	transition-delay:0.7s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_legend li.var_lack-radiance{
	opacity: 1;
	transition-delay:0.8s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_points .var_point-dark-spots-intensity{
	opacity: 1;
	transition-delay:0.8s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_legend li.var_dark-spots-intensity{
	opacity: 1;
	transition-delay:0.9s;
	}
.obj_skinanalyses .obj_graph[data-step="step-01"] .obj_step .step-var1{
	opacity: 1;	
	transition-delay:2s;
	}	
	
/* ANIMATION STEP 2 */		
.obj_skinanalyses .obj_graph[data-step="step-02"] .obj_matrix	figure.bg-matrix{
	opacity: 1;
	}
.obj_skinanalyses .obj_graph[data-step="step-02"] .obj_matrix .numbers{
	opacity: 1;	
	transition-delay:1.5s;
	}	
.obj_skinanalyses .obj_graph[data-step="step-02"] .obj_points span{
	opacity: 1;	
	}
.obj_skinanalyses .obj_graph[data-step="step-02"] .obj_legend li{
	opacity: 1;	
	}	
.obj_skinanalyses .obj_graph[data-step="step-02"] .obj_matrix	figure.bg-gradient{
	opacity: 1;
	transition-delay:1.8s;
	}	
.obj_skinanalyses .obj_graph[data-step="step-02"] .obj_step .step-var2{
	opacity: 1;	
	transition-delay:2.8s;
	}
	
/* ANIMATION STEP 3 */
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_matrix	figure.bg-matrix{
	opacity: 1;
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_points span{
	opacity: 1;	
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_legend li{
	opacity: 1;	
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] figure.v_blue-chart{
	opacity: 1;	
	transition-delay:1.8s;
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_matrix .obj_legend li span{
	height:auto;
	padding:0.4vh;
	margin:0.75vh 0 0 0;
	line-height: 1.2;
	transition-delay:1s;
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_matrix .obj_legend li.var_pores-visibility span{
	opacity:1;
	transition-delay:2s;
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_matrix .obj_legend li.var_under-eye-wrinkles span{
	opacity:1;
	transition-delay:2.2s;
	}	
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_matrix .obj_legend li.var_fine-lines span{
	opacity:1;
	transition-delay:2.4s;
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_points span.var_point-pores-visibility{	
	opacity:1;
	background: #a82f31;
	transition-delay:2s;
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_points span.var_point-under-eye-wrinkles{	
	opacity:1;
	background: #a82f31;
	transition-delay:2.2s;
	}
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_points span.var_point-fine-lines{
	background: #3c77e3;
	opacity: 1;	
	transition-delay:2.4s;	
	}	
.obj_skinanalyses .obj_graph[data-step="step-03"] .obj_step .step-var3{
	opacity: 1;	
	transition-delay:3.5s;
	}

/* ANIMATION STEP 4 */
.obj_skinanalyses .obj_graph[data-step="step-04"] .obj_matrix	figure.bg-matrix{
	opacity: 1;
	transition-delay:1.5s;
	}
.obj_skinanalyses .obj_graph[data-step="step-04"] .obj_points span{
	opacity: 1;	
	}
.obj_skinanalyses .obj_graph[data-step="step-04"] .obj_points span.var_point-pores-visibility{
	background: #a82f31;
	opacity: 1;	
	}	
.obj_skinanalyses .obj_graph[data-step="step-04"] .obj_points span.var_point-under-eye-wrinkles{
	background: #a82f31;
	opacity: 1;	
	}	
.obj_skinanalyses .obj_graph[data-step="step-04"] .obj_points span.var_point-fine-lines{
	background: #3c77e3;
	opacity: 1;	
	}	
.obj_skinanalyses .obj_graph[data-step="step-04"] .obj_legend li{
	opacity: 1;	
	}	
.obj_skinanalyses .obj_graph[data-step="step-04"] .obj_step .step-var4{
	opacity: 1;	
	transition-delay:2.5s;
	}		
.obj_skinanalyses .obj_graph[data-step="step-04"] .obj_matrix .obj_legend li span{
	opacity: 1;
	height:auto;
	padding:0.4vh;
	margin:0.75vh 0 0 0;
	line-height: 1.2;
	}
.obj_skinanalyses .obj_graph[data-step="step-04"] figure.v_blue-chart{
	opacity: 1;	
	}
.obj_skinanalyses .obj_graph[data-step="step-04"] figure.v_white-chart{
	opacity: 1;	
	transition-delay:1.5s;
	}	
	
/* STEP 4 */	
.obj_skinanalyses .obj_matrix .v_blue-chart{
	position: absolute;
	top: 58px;
	left: 50%;
	transform: translateX(-45%);
	}
.obj_skinanalyses .obj_matrix .v_blue-chart svg{
	width: 137px;
	height: 135px;
	fill: #3c77e3;
	}	
.obj_skinanalyses .obj_matrix .v_white-chart{
	position: absolute;
	top: 48px;
	left: 50%;
	transform: translateX(-60%);
	opacity: 0.6;
	}	
.obj_skinanalyses .obj_matrix .v_white-chart svg{
	width: 108px;
	height: 150px;
	fill: #c7d5ef;
	opacity: 0.6;
	}	

/* OBJ TITLE STEP */
.obj_skinanalyses .obj_graph .obj_step{
	position: absolute;
	width: 100%;
	top: 470px;
	left: 50%;
	transform: translateX(-50%); 
	margin: 0 auto;
	text-align: center;
	}
.obj_skinanalyses .obj_graph .obj_step div{
	top: 0;
	position: absolute;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	}	
.obj_skinanalyses .obj_graph .obj_step h3{
	padding: 0 0 10px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
	}
.obj_skinanalyses .obj_graph .obj_step h3 span{
	display: inline-block;
	padding: 0 20px 0 0;
	font-size: 16px;
	font-weight: 300;
	}
.obj_skinanalyses .obj_graph .obj_step h3 span em{
	font-size: 24px;
	}
.obj_skinanalyses .obj_graph .obj_step p{
	font-size: 16px;
	color: #83858f;
	}

	
@media screen and (max-width:767px){
	.obj_skinanalyses .obj_graph .content{
		flex-direction: column;
		}
	.obj_skinanalyses .obj_graph .content .ctn_text{
		height: auto;
		padding: 30px 20px;
		max-width: inherit;
		order: 1;
		}	
	.obj_skinanalyses .obj_graph .content .ctn_text::after{
		display: none;
		}	
	.obj_skinanalyses .obj_graph .ctn_matrix{
		max-width: inherit;
		order: 2;
		min-height: 404px;
		}
	.obj_skinanalyses .obj_graph .obj_matrix{	
		position: absolute;
		margin: 30px auto 0;
		left: 50%;
		transform: translateX(-50%) scale(0.75);
		}
	.obj_skinanalyses .obj_graph .obj_step {
		top: 310px;
		margin: 0 auto 20px;
		}	
}


/* 3 - OBJ ROUTINE CARROUSEL CSS SLIDER */
.obj_skinanalyses .obj_routine-carrouselcss-aox .product-card {
	width: auto;
	}


/* 4 - CTN FB BROWSER */
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel{
    position: relative;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item{
    position: relative;
    width: 32.234vh !important;
    height: 100%;
	margin: 0 auto;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step{
    position: relative;
    display: block;
    margin: 30px auto 0;
    width: 81.40%;
    height: 100%;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img {
    position: absolute;
    top: -2vh;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    transition: top .3s ease;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img:after,
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img:before {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    z-index: 2;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img:before {
    top: 0;
    right: 0;
    border-top: 2px solid #1c213f;
    border-right: 2px solid #1c213f;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img:after {
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #1c213f;
    border-left: 2px solid #1c213f;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_txt {
    position: relative;
    left: 10%;
    width: 100%;
    line-height: 1.25;
    background: #e9f3fe;
    z-index: 1;
    padding: calc(114.42% - 2vh) 0 3vh 0;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_txt .ctn_desc {
    position: relative;
    width: 100%;
    height: auto;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_txt .ctn_desc p {
    position: relative;
    width: 100%;
    padding: 0 2vh;
    font-size: 2vh;
    line-height: 1.25;
    color: #1c213f;
    opacity: 1;
    text-align: left;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_txt .ctn_desc p strong{
    font-weight: 700;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_txt .text_inform {
    margin-top: 4vh;
	padding: 0 10%;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_txt .text_inform .t_inform{
    font: 2vh 'FuturaND-Bold';
    color: #1c213f;
	text-transform: uppercase;
	margin-bottom: 2vh;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_txt .text_inform ul{
	padding: 0 0 0 20%;
	}
.obj_skinanalyses .ctn_fb-browser .bloc_txt .text_inform ul li{
    font: 2vh 'FuturaND-Regular';
    color: #1c213f;
	text-align: left;
	list-style-type: square;
	}