/* ======================================== */
/*  Fluid
/* ======================================== */

/*** Surcharge Init ***/
:root{
	--aox-sc-1px: calc(500px / 420);
	}

@media screen and (max-width: 500px) {
	:root{
		--aox-sc-1px: calc(100vw / 420);
		}
	}

/*** Size(s) ***/

:root {
	--aox-sc-2px: calc(var(--aox-sc-1px) * 2);
	--aox-sc-3px: calc(var(--aox-sc-1px) * 3);
	--aox-sc-4px: calc(var(--aox-sc-1px) * 4);
	--aox-sc-5px: calc(var(--aox-sc-1px) * 5);
	--aox-sc-6px: calc(var(--aox-sc-1px) * 6);
	--aox-sc-7px: calc(var(--aox-sc-1px) * 7);
	--aox-sc-8px: calc(var(--aox-sc-1px) * 8);
	--aox-sc-9px: calc(var(--aox-sc-1px) * 9);
	--aox-sc-10px: calc(var(--aox-sc-1px) * 10);
	--aox-sc-11px: calc(var(--aox-sc-1px) * 11);
	--aox-sc-12px: calc(var(--aox-sc-1px) * 12);
	--aox-sc-13px: calc(var(--aox-sc-1px) * 13);
	--aox-sc-14px: calc(var(--aox-sc-1px) * 14);
	--aox-sc-15px: calc(var(--aox-sc-1px) * 15);
	--aox-sc-16px: calc(var(--aox-sc-1px) * 16);
	--aox-sc-17px: calc(var(--aox-sc-1px) * 17);
	--aox-sc-18px: calc(var(--aox-sc-1px) * 18);
	--aox-sc-19px: calc(var(--aox-sc-1px) * 19);
	--aox-sc-20px: calc(var(--aox-sc-1px) * 20);
	--aox-sc-21px: calc(var(--aox-sc-1px) * 21);
	--aox-sc-22px: calc(var(--aox-sc-1px) * 22);
	--aox-sc-23px: calc(var(--aox-sc-1px) * 23);
	--aox-sc-24px: calc(var(--aox-sc-1px) * 24);
	--aox-sc-25px: calc(var(--aox-sc-1px) * 25);
	--aox-sc-26px: calc(var(--aox-sc-1px) * 26);
	--aox-sc-27px: calc(var(--aox-sc-1px) * 27);
	--aox-sc-28px: calc(var(--aox-sc-1px) * 28);
	--aox-sc-29px: calc(var(--aox-sc-1px) * 29);
	--aox-sc-30px: calc(var(--aox-sc-1px) * 30);

	--aox-sc-35px: calc(var(--aox-sc-1px) * 35);
	--aox-sc-40px: calc(var(--aox-sc-1px) * 40);
	--aox-sc-45px: calc(var(--aox-sc-1px) * 45);
	--aox-sc-50px: calc(var(--aox-sc-1px) * 50);
	--aox-sc-55px: calc(var(--aox-sc-1px) * 55);
	--aox-sc-60px: calc(var(--aox-sc-1px) * 60);
	--aox-sc-65px: calc(var(--aox-sc-1px) * 65);
	--aox-sc-70px: calc(var(--aox-sc-1px) * 70);
	--aox-sc-75px: calc(var(--aox-sc-1px) * 75);
	--aox-sc-80px: calc(var(--aox-sc-1px) * 80);
	--aox-sc-85px: calc(var(--aox-sc-1px) * 85);
	--aox-sc-90px: calc(var(--aox-sc-1px) * 90);
	--aox-sc-95px: calc(var(--aox-sc-1px) * 95);
	--aox-sc-100px: calc(var(--aox-sc-1px) * 100);
	--aox-sc-105px: calc(var(--aox-sc-1px) * 105);
	--aox-sc-110px: calc(var(--aox-sc-1px) * 110);

	--aox-sc-120px: calc(var(--aox-sc-1px) * 120);
	--aox-sc-130px: calc(var(--aox-sc-1px) * 130);
	--aox-sc-140px: calc(var(--aox-sc-1px) * 140);
	--aox-sc-150px: calc(var(--aox-sc-1px) * 150);
	--aox-sc-160px: calc(var(--aox-sc-1px) * 160);
	--aox-sc-170px: calc(var(--aox-sc-1px) * 170);
	--aox-sc-180px: calc(var(--aox-sc-1px) * 180);
	--aox-sc-190px: calc(var(--aox-sc-1px) * 190);
	--aox-sc-200px: calc(var(--aox-sc-1px) * 200);
	--aox-sc-203px: calc(var(--aox-sc-1px) * 203);
	--aox-sc-210px: calc(var(--aox-sc-1px) * 210);
	--aox-sc-220px: calc(var(--aox-sc-1px) * 220);
	--aox-sc-230px: calc(var(--aox-sc-1px) * 230);
	--aox-sc-240px: calc(var(--aox-sc-1px) * 240);
	--aox-sc-250px: calc(var(--aox-sc-1px) * 250);
	--aox-sc-260px: calc(var(--aox-sc-1px) * 260);
	--aox-sc-270px: calc(var(--aox-sc-1px) * 270);
	--aox-sc-280px: calc(var(--aox-sc-1px) * 280);
	--aox-sc-290px: calc(var(--aox-sc-1px) * 290);
	--aox-sc-300px: calc(var(--aox-sc-1px) * 300);
	--aox-sc-310px: calc(var(--aox-sc-1px) * 310);
	--aox-sc-320px: calc(var(--aox-sc-1px) * 320);
	--aox-sc-330px: calc(var(--aox-sc-1px) * 330);
	--aox-sc-340px: calc(var(--aox-sc-1px) * 340);
	--aox-sc-350px: calc(var(--aox-sc-1px) * 350);
	--aox-sc-360px: calc(var(--aox-sc-1px) * 360);
	--aox-sc-370px: calc(var(--aox-sc-1px) * 370);
	--aox-sc-380px: calc(var(--aox-sc-1px) * 380);
	--aox-sc-390px: calc(var(--aox-sc-1px) * 390);
	--aox-sc-400px: calc(var(--aox-sc-1px) * 400);
	--aox-sc-410px: calc(var(--aox-sc-1px) * 410);
	--aox-sc-420px: calc(var(--aox-sc-1px) * 420);
	--aox-sc-430px: calc(var(--aox-sc-1px) * 430);
	--aox-sc-440px: calc(var(--aox-sc-1px) * 440);
	--aox-sc-450px: calc(var(--aox-sc-1px) * 450);
	--aox-sc-460px: calc(var(--aox-sc-1px) * 460);
	--aox-sc-470px: calc(var(--aox-sc-1px) * 470);
	--aox-sc-480px: calc(var(--aox-sc-1px) * 480);
	--aox-sc-490px: calc(var(--aox-sc-1px) * 490);
	--aox-sc-500px: calc(var(--aox-sc-1px) * 500);
	--aox-sc-510px: calc(var(--aox-sc-1px) * 510);
	--aox-sc-520px: calc(var(--aox-sc-1px) * 520);
	--aox-sc-530px: calc(var(--aox-sc-1px) * 530);
	--aox-sc-540px: calc(var(--aox-sc-1px) * 540);
	--aox-sc-550px: calc(var(--aox-sc-1px) * 550);
	--aox-sc-560px: calc(var(--aox-sc-1px) * 560);
	--aox-sc-570px: calc(var(--aox-sc-1px) * 570);
	--aox-sc-580px: calc(var(--aox-sc-1px) * 580);
	--aox-sc-590px: calc(var(--aox-sc-1px) * 590);
	--aox-sc-600px: calc(var(--aox-sc-1px) * 600);
	--aox-sc-610px: calc(var(--aox-sc-1px) * 610);
	--aox-sc-620px: calc(var(--aox-sc-1px) * 620);
	--aox-sc-630px: calc(var(--aox-sc-1px) * 630);
	--aox-sc-640px: calc(var(--aox-sc-1px) * 640);
	--aox-sc-650px: calc(var(--aox-sc-1px) * 650);

	--aox-sc-700px: calc(var(--aox-sc-1px) * 700);
	--aox-sc-750px: calc(var(--aox-sc-1px) * 750);
	--aox-sc-800px: calc(var(--aox-sc-1px) * 800);
	--aox-sc-850px: calc(var(--aox-sc-1px) * 850);
	--aox-sc-900px: calc(var(--aox-sc-1px) * 900);
	--aox-sc-950px: calc(var(--aox-sc-1px) * 950);
	--aox-sc-1000px: calc(var(--aox-sc-1px) * 1000);

	--aox-sc-248px: calc(var(--aox-sc-1px) * 248);
	--aox-sc-255px: calc(var(--aox-sc-1px) * 255);
	--aox-sc-375px: calc(var(--aox-sc-1px) * 375);
	--aox-sc-414px: calc(var(--aox-sc-1px) * 414);
	--aox-sc-768px: calc(var(--aox-sc-1px) * 768);
	--aox-sc-1024px: calc(var(--aox-sc-1px) * 1024);
	--aox-sc-1180px: calc(var(--aox-sc-1px) * 1180);
	--aox-sc-1280px: calc(var(--aox-sc-1px) * 1280);
	--aox-sc-1366px: calc(var(--aox-sc-1px) * 1366);
	--aox-sc-1440px: calc(var(--aox-sc-1px) * 1440);
	--aox-sc-1920px: calc(var(--aox-sc-1px) * 1920);

	}


/* Customs */
:root{ 
	--aox-sc-18px: calc(var(--aox-sc-1px) * 18);
	--aox-sc-22px: calc(var(--aox-sc-1px) * 22);
	--aox-sc-26px: calc(var(--aox-sc-1px) * 26);
	--aox-sc-28px: calc(var(--aox-sc-1px) * 28);
	--aox-sc-42px: calc(var(--aox-sc-1px) * 42);
	--aox-sc-44px: calc(var(--aox-sc-1px) * 44);
	--aox-sc-55px: calc(var(--aox-sc-1px) * 55);
	--aox-sc-58px: calc(var(--aox-sc-1px) * 58);
	--aox-sc-76px: calc(var(--aox-sc-1px) * 76);
	--aox-sc-78px: calc(var(--aox-sc-1px) * 78);
	--aox-sc-125px: calc(var(--aox-sc-1px) * 125);
	--aox-sc-136px: calc(var(--aox-sc-1px) * 136);
	--aox-sc-166px: calc(var(--aox-sc-1px) * 166);
	--aox-sc-215px: calc(var(--aox-sc-1px) * 215);
	--aox-sc-225px: calc(var(--aox-sc-1px) * 225);
	--aox-sc-342px: calc(var(--aox-sc-1px) * 342);
	--aox-sc-375px: calc(var(--aox-sc-1px) * 375);
	--aox-sc-530px: calc(var(--aox-sc-1px) * 530);
	--aox-sc-594px: calc(var(--aox-sc-1px) * 594);
	--aox-sc-716px: calc(var(--aox-sc-1px) * 716);
	}

/* ======================================== */
/*  Font-size
/* ======================================== */

/*** Init ***/
:root{
   --aox-fs-sc-max-width: 420;
   --aox-fs-sc-min-width: 320;
   --aox-fs-sc-viewport-width: 500px;
   }

@media screen and (max-width: 500px) {
	:root {
		--aox-fs-sc-viewport-width: 100vw;
		/* padding-top: 70px; */
		}
}

/*****************/	
/* FONT SIZE AOX SKINCONSULT */
/*****************/	
:root{
	--aox-fs-sc-15px: 15px;
	}

/*** Calculation(s) ***/

:root {
	--aox-fs-sc-resize: calc(
		(var(--aox-fs-sc-viewport-width) - (var(--aox-fs-sc-min-width) * 1px)) /
		(var(--aox-fs-sc-max-width) - var(--aox-fs-sc-min-width))
		);
	}

/*** Size(s) ***/

:root {

	--aox-fs-sc-6px: calc(0.3125rem + (6 - 5) * var(--aox-fs-sc-resize));
	--aox-fs-sc-8px: calc(0.4375rem + (8 - 7) * var(--aox-fs-sc-resize));
	--aox-fs-sc-10px: calc(0.5625rem + (10 - 9) * var(--aox-fs-sc-resize));
	--aox-fs-sc-11px: calc(0.5625rem + (11 - 9) * var(--aox-fs-sc-resize));
	--aox-fs-sc-12px: calc(0.625rem + (12 - 10) * var(--aox-fs-sc-resize));
	--aox-fs-sc-14px: calc(0.75rem + (14 - 12) * var(--aox-fs-sc-resize));
	--aox-fs-sc-16px: calc(0.875rem + (16 - 14) * var(--aox-fs-sc-resize));
	--aox-fs-sc-18px: calc(0.9375rem + (18 - 15) * var(--aox-fs-sc-resize));
	--aox-fs-sc-20px: calc(1.0625rem + (20 - 17) * var(--aox-fs-sc-resize));

	--aox-fs-sc-22px: calc(1.125rem + (22 - 18) * var(--aox-fs-sc-resize));
	--aox-fs-sc-24px: calc(1.1875rem + (24 - 19) * var(--aox-fs-sc-resize));
	--aox-fs-sc-26px: calc(1.3125rem + (26 - 21) * var(--aox-fs-sc-resize));
	--aox-fs-sc-28px: calc(1.375rem + (28 - 22) * var(--aox-fs-sc-resize));
	--aox-fs-sc-30px: calc(1.5rem + (30 - 24) * var(--aox-fs-sc-resize));

	--aox-fs-sc-34px: calc(1.625rem + (34 - 26) * var(--aox-fs-sc-resize));
	--aox-fs-sc-36px: calc(1.6875rem + (36 - 27) * var(--aox-fs-sc-resize));
	--aox-fs-sc-38px: calc(1.8125rem + (38 - 29) * var(--aox-fs-sc-resize));
	--aox-fs-sc-40px: calc(1.875rem + (40 - 30) * var(--aox-fs-sc-resize));
	--aox-fs-sc-42px: calc(2rem + (42 - 32) * var(--aox-fs-sc-resize));
	--aox-fs-sc-46px: calc(2.1875rem + (46 - 35) * var(--aox-fs-sc-resize));
	--aox-fs-sc-50px: calc(2.3725rem + (50 - 38) * var(--aox-fs-sc-resize));

	--aox-fs-sc-60px: calc(2.625rem + (60 - 40) * var(--aox-fs-sc-resize));
	--aox-fs-sc-70px: calc(3.0625rem + (70 - 49) * var(--aox-fs-sc-resize));
	--aox-fs-sc-80px: calc(3.3rem + (80 - 56) * var(--aox-fs-sc-resize));
	--aox-fs-sc-90px: calc(3.9375rem + (90 - 63) * var(--aox-fs-sc-resize));
	--aox-fs-sc-100px: calc(4.375rem + (100 - 70) * var(--aox-fs-sc-resize));

	--aox-lh-sc-90: 0.9;
	--aox-lh-sc-100: 1;
	--aox-lh-sc-120: 1.2;

	}

/* @import url("//hello.myfonts.net/count/3ab12b");

@font-face{
    font-family:'FuturaPT-Light';
    src:url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaPT/3AB12B_0_0.woff2') format('woff2'), url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaPT/3AB12B_0_0.woff') format('woff');
    }
@font-face{
    font-family:'FuturaPT-Book';
    src:url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaPT/3AB12B_1_0.woff2') format('woff2'), url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaPT/3AB12B_1_0.woff') format('woff');
    }
@font-face{
    font-family:'FuturaPT-Demi';
    src:url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaPT/3AB12B_2_0.woff2') format('woff2'), url('https://www-rsrc-fonts.vc-portal.com/Include/webfonts/FuturaPT/3AB12B_2_0.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) }
}

input[type="checkbox"] ~ label,
input[type="radio"] ~ label{
	font-size: var(--aox-fs-sc-14px);
	font-family: 'Calibre';
	color: #000;
	}


/******************/
/*** AOX LOADER ***/
/******************/
.aox-loader {
	display: none;
    position: fixed;
	z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 68px;
    height: 68px;
    }
.aox-loader:before,
.aox-loader:after {
    content: "";
    display: block;
    position: absolute;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    }
.aox-loader:before {
    width: 60px;
    height: 60px;
    border-bottom-color: #1a214f;
    border-right-color: #1a214f;
    border-top-color: rgba(33, 33, 33, 0);
    border-left-color: rgba(33, 33, 33, 0);
    top: 0px;
    left: 0px;
    animation: rotate-animation 1s linear 0s infinite;
    }
.aox-loader:after {
    width: 44px;
    height: 44px;
    border-bottom-color: #1a214f;
    border-right-color: #1a214f;
    border-top-color: rgba(33, 33, 33, 0);
    border-left-color: rgba(33, 33, 33, 0);
    top: 8px;
    left: 8px;
    animation: anti-rotate-animation 0.5s linear 0s infinite;
    }
@-webkit-keyframes rotate-animation {
    0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes rotate-animation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes anti-rotate-animation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}
@keyframes anti-rotate-animation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

/* APP */
.hide-main-footer .main-footer{
	display:none;
	}
/* .hide-main-footer .obj_skinconsult-exposome{
	padding-bottom:600px;
	} */
/**/
.pg_skinanalyses { 
	padding-top: 0;
	background : #fff;	
	}
.pg_skinanalyses.overlay { overflow : hidden; }
.pg_skinanalyses.overlay.popin-open { overflow : auto; }
.pg_skinanalyses .str_app {
	width : 500px;
	max-width : 100%;
	margin : 0 auto;
	background : white;	
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
}
@media screen and ( min-width: 501px ) { 
	.pg_skinanalyses .str_app { 
		padding-top: 0px; 
		} 
}
@media screen and (max-width: 500px) {
	.pg_skinanalyses { 
		padding-top: 0px; 
		}
}

.obj_skinconsult-exposome strong{
	font-weight: normal;
	}

.obj_skinconsult-exposome .ctn_btn { text-align : center; }

.obj_skinconsult-exposome .print {display: none;}

@media screen and (min-width:980px){
	.pg_skinanalyses .main-header.scroll-start,
	.pg_skinanalyses .main-header.init{
		transform:translateY(0);
		}
}

/* */
.popin .success .t_confirm{margin-bottom:var(--aox-sc-20px);}

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

/* */
.obj_skinconsult-exposome .t_title-1{
	padding: 0;
	font-size: var(--aox-fs-sc-16px);
	font-family: 'Calibre';
	line-height: 1.2em;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .t_title-2{
	display: inline-block;
	margin: 0 0 10px;
	font-size: var(--aox-fs-sc-10px);
	padding: 2px 10px;
	font-family: 'Calibre';
	letter-spacing: 0.5px;
	line-height: 1.1em;
	color: #fff;
	text-transform: uppercase;
	background: #000;
	}
.obj_skinconsult-exposome .t_desc-1{
	padding:0 var(--aox-sc-20px);
	line-height: 1.4;
	}
.obj_skinconsult-exposome .t_desc-1 strong{
	font-weight: 700;
	font-family: 'Calibre';
	}
.obj_btn.btn_default {
   font-weight: normal;
	}
/* */
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_skinconsult-exposome > .obj_step.step_1.is-visible,
.var_no-header-footer .obj_skinconsult-exposome > .obj_step.step_6.is-visible,
.var_no-header-footer .obj_skinconsult-exposome > .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;
	}
/* */

.obj_skinconsult-exposome .obj_scroll .ctn_nav{
	width:100%;
	margin-left:0;
	}
.obj_skinconsult-exposome .obj_scroll.all-items-visible .ctn_nav{
	display:none;
	}
body.overlay .obj_skinconsult-exposome .obj_scroll .ctn_nav{
	display:none;
	}
.obj_skinconsult-exposome .obj_scroll .ctn_nav .btn_prev::after,
.obj_skinconsult-exposome .obj_scroll .ctn_nav .btn_next::after{
	display:none;
	}

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

	transition : opacity 1.5s;
}
.obj_skinconsult-exposome .bloc_header .ctn_bloc:before {
	background : url('../images/f_bullets.png') no-repeat right center / contain;
	opacity : 0;
}
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_header.loading .ctn_bloc:before { opacity : 1; }
.obj_skinconsult-exposome .bloc_header.complete .ctn_bloc:after { opacity : 1; }
.obj_skinconsult-exposome .bloc_header .ctn_title {
	position : absolute;
	top : 50%;
	left : 5.3333%;
	color : #000;

	opacity : 0;
	z-index : 1;

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

	transform : translateY(-50%);
}
.obj_skinconsult-exposome .bloc_header .ctn_title .t_title {
	text-align : left;
	text-transform : uppercase;
	font-weight: 700;
	font : 4.8vh/1.1 'Calibre';
}
.obj_skinconsult-exposome .bloc_header .ctn_title .t_title span { font-family : 'Calibre'; }
.obj_skinconsult-exposome .bloc_header .ctn_title .t_mentions.var_dermato { font : 13px 'Calibre'; }

/* 1.1.1.2 - BLOC HEADER LOGO */
.obj_skinconsult-exposome .bloc_header-logo .ctn_bloc {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding : 30px 0 var(--aox-20px) 0;
	}	
.obj_skinconsult-exposome .bloc_header-logo{
	margin: 0;
	}
.obj_skinconsult-exposome .bloc_header-logo h1 img{
	display: block;
	width: var(--aox-sc-203px);
	margin: 0;
	}
.obj_skinconsult-exposome .bloc_header-logo h2{
	position: relative;
	margin-top: var(--aox-sc-10px);
	text-align: left;
	font-size: var(--aox-fs-sc-18px);
	font-weight: 100;
	font-family: 18px/1 'FuturaPT-Light';
	text-transform: uppercase;
	color:#fff;
	}
.obj_skinconsult-exposome .bloc_header-logo h2 strong{
	font-weight: 700;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .bloc_start{
	z-index: 3;
	position: relative;
	margin-bottom: var(--aox-sc-30px);
	}

/* @media screen and (max-width:425px){
	.obj_skinconsult-exposome .bloc_header-logo h1{
		font-size:13vw;
		}
	.obj_skinconsult-exposome .bloc_header-logo h2{
		font-size:3vw;
		}
} */

/* 1.1.1.3 - BLOC ANIM */
.obj_skinconsult-exposome .bloc_anim-home {
	position : relative;
	width : var(--aox-sc-500px);
	height : var(--aox-sc-716px);
	max-width : 100%;
	margin : auto;
	}
.obj_skinconsult-exposome .bloc_anim-home .bloc_header-logo{
	z-index: 4;
	position: relative;
	}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	position : relative;
	width : 100%;
	height : 100%;
	overflow : hidden;
	padding: 0 var(--aox-sc-35px);
	}
.obj_skinconsult-exposome .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 : 100%;
	max-height : 100%;
	margin : auto;
	-o-object-fit : cover;
	object-fit : cover;
	z-index : 2;
	}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .v_face img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	}
.obj_skinconsult-exposome .bloc_anim-home .feedback{
	position: relative;
	display: flex;
	height: auto;
	bottom: 0;
	width: 100%;
	padding: 0 0 10px;
	justify-content: center;
	}
.obj_skinconsult-exposome .bloc_anim-home .feedback p{
	display: inline-block;
	font-size: var(--aox-fs-sc-14px);
	padding: 0 var(--aox-sc-10px) 0 5px;
	}	
.obj_skinconsult-exposome .bloc_anim-home .feedback a{
	font-size: var(--aox-fs-sc-14px);
	text-decoration: underline;
	color: #c4c4c4;
	}
.obj_skinconsult-exposome .bloc_anim-home .feedback .obj_rating {
   position: relative;
   height: var(--aox-22px);
	width: auto;
	margin: 0;
	white-space: nowrap;
	font-size: 0;
	}
.obj_skinconsult-exposome .bloc_anim-home .feedback .obj_rating svg {
   height: var(--aox-22px);
   min-width: var(--aox-22px);
   width: var(--aox-22px);
	}



.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_1 { top: 1%; left: 50%; animation-delay: 0.166667s ;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_2 { top : 1%; left : 19%; animation-delay: 0.333333s; }
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_3 { top : 23%; left : 6%; animation-delay: 0.5s; }
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_4 { top : 38%; left : 10%; animation-delay: 0.666667s; }
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_5 { top : 28%; left : 26%; animation-delay: 0.833333s; }
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_6 { top : 19%; left : 39%; animation-delay: 1s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_7 { top : 42%; left : 50%; animation-delay: 1.16667s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_8 { top : 46%; left : 24%; animation-delay: 1.33333s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_9 { top : 50%; left : 18%; animation-delay: 1.5s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_10 { top : 58%; left : 7%; animation-delay: 1.66667s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_11 { top : 54%; left : 38%; animation-delay: 1.83333s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_12 { top : 69%; left : 50%; animation-delay: 2s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_13 { top : 68%; left : 24%; animation-delay: 2.16667s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_14 { top : 70%; left : 16%; animation-delay: 2.33333s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_15 { top : 79%; left : 14%; animation-delay: 2.5s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_16 { top : 86%; left : 50%; animation-delay: 2.66667s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_17 { top : 74%; left : 27%; animation-delay: 2.83333s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_18 { top : 92%; left : 28%; animation-delay: 3s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_dot.var_19 { top : 98%; left : 50%; animation-delay: 3.16667s;}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_line {
	width : 100%;
	height : 1px;
	background-color : #fff;
	z-index: 10;
	animation: hpAnimateLines 1s ease-in forwards
}
.obj_skinconsult-exposome .bloc_anim-home .ctn_bloc .obj_line.var_32 {
	display: none;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_label {
	position : absolute;
	width : 28%;
	text-align : left;
	
	opacity : 0;
	z-index : 3;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_label:after {
	content : '';
	position : absolute;
	top : -10px;
	left : -8px;
	display : block;
	width : 5px;
	height : 5px;
	background : #fff;
	border-radius: 100%;
	z-index : 2;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_label.is-visible { opacity : 1; }
.obj_skinconsult-exposome .bloc_anim-home .obj_label.var_1 {
	top : 13%;
	right : 16%;
	transition : opacity .15s ease-in;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_label.var_2 {
	top : 39%;
	right : 0;
	text-align: center;
	transition : opacity .35s ease-in;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_label.var_2:after{
	left:50%;
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_label.var_3 {
	top : 79%;
	right : 24%;
	text-align: right;
	transition : opacity .5s ease-in;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_label.var_3:after{
	left: auto; right: -8px;
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_label .t_name {
	display : block;
	text-transform : uppercase;
	font-weight: 700;
	font : 10px/1.25 'Calibre';
	color : #fff;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_label .obj_encart { display : inline-block; }
.obj_skinconsult-exposome .bloc_anim-home .obj_circle {
	position : absolute;
	top : 10%;
	left : 0;
	right : 0;
	display : block;
	width : var(--aox-sc-250px);
	height : var(--aox-sc-250px);
	/*max-width : 0;
	opacity : 0;*/
	margin : auto;
	z-index : 6;
	transition : max-width 2s ease-in-out, top .5s ease-in-out, left .5s ease-in-out;
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .ctn_txt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .ctn_txt p{
	display: block;
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .ctn_txt .t_number{
	display: inline-block;
	font-size : var(--aox-fs-sc-90px);
	line-height: 0.8em;
	font-family: 'Calibre';
	color : #fff;
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .ctn_txt .t_signs{
   display: inline-block;
	font-size : 11px;
	line-height: 1em;
	font-weight: 700;
	font-family: 'Calibre';
	color : #fff;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle.anim-1 {
	max-width : 100%;
	opacity : 1;	
	transition : all .5s ease-out;
	margin: 0;
	top : var(--aox-sc-75px);
	left: 50%;
	transform: translateX(-50%);
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .sml-crcl {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
	z-index : 2;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .sml-crcl.var_1 {
	width : 100%;
	opacity : 1;
	animation : circleSpins 40s linear infinite;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .sml-crcl.var_1-1 {
	width: 100%;
	animation: circleSpins 18s linear infinite;
	max-width: inherit;
	box-shadow: 0px 0px var(--aox-sc-10px) var(--aox-sc-50px) rgba(255,255,255,0.2) inset;
	border-radius: var(--aox-sc-150px);
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .sml-crcl.var_2 {
	width: 67%;
	animation: centerCircleSpinsTwo 15s linear infinite;
	border-radius: 67%;
	}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .sml-crcl.var_3 {
	width: 30%;
	animation: circleSpins 2s linear infinite;
}
/*
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .sml-crcl.var_3-1 {
	width: 30%;
	animation: circleSpins 5s linear infinite;
}
.obj_skinconsult-exposome .bloc_anim-home .obj_circle .sml-crcl.var_4 {
	width: 55%;
	animation: centerCircleSpinsTwo 8s linear infinite;
}
*/

/* 1.1.2 - BLOC TXT */
.obj_skinconsult-exposome .bloc_txt { padding : var(--aox-sc-35px) 0 50px 0; }
.obj_skinconsult-exposome .bloc_txt .ctn_bloc { padding : 0 6.66666%; }
.obj_skinconsult-exposome .bloc_txt .t_subtitle {
	margin-bottom : 13px;
	text-align : center;
	font-size: var(--aox-fs-sc-18px);
	line-height: 1.16;
	font-family: 'Calibre';
	color : #000;
	}
.obj_skinconsult-exposome .bloc_txt .t_desc { text-align : center; }
.obj_skinconsult-exposome .bloc_txt p {
	font-size: var(--aox-fs-sc-20px);
	line-height: 1.1;
	font-family: 'Calibre';
	color : #000;
	}
.obj_skinconsult-exposome .bloc_txt.var_blue p { color : #fff; }
.obj_skinconsult-exposome .bloc_txt p.t_inform { font-size : 15px; }
.obj_skinconsult-exposome .bloc_txt p.t_inform + p.t_mentions {
	margin-top : var(--aox-sc-35px);
	text-align : left;
	font-size : 1.6vh;
	line-height : 1;
	}
.obj_skinconsult-exposome .bloc_txt .ctn_btn { margin-top : var(--aox-sc-35px); }
.obj_skinconsult-exposome .bloc_txt .ctn_step + .ctn_btn {
	margin-top : var(--aox-sc-35px);
	padding: 0 6.66666%;
	}
.obj_skinconsult-exposome .bloc_txt .ctn_steps {
	margin-top : var(--aox-sc-30px);
	}
.obj_skinconsult-exposome .bloc_txt .ctn_steps .obj_step-icon{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	padding-left:  var(--aox-18px);
	}
.obj_skinconsult-exposome .bloc_txt .ctn_steps .obj_step-icon + .obj_step-icon{
	margin-top: 30px;
	}

/* */
.var_landing .bloc_routines + .bloc_txt { padding : 0; }

/* 1.1.2.1 - VAR STEPS */
.obj_skinconsult-exposome .bloc_txt.var_steps {
	position : relative;
	text-align : left;
	padding: 0;
}
.obj_skinconsult-exposome .bloc_txt.var_steps .ctn_bloc {
	position : relative;
	padding: var(--aox-sc-40px) var(--aox-sc-35px);
	background : #030303;
	z-index : 1;
}
.obj_skinconsult-exposome .bloc_txt.var_steps .t_new {
	display: inline-block;
	padding: 2px 4px;
	font-size: var(--aox-fs-sc-11px);
	margin-bottom: 2px;
	font-weight: 700;
	font-family: 'Calibre';
	text-transform: uppercase;
	color : #000;
	background: #fff;
	}
.obj_skinconsult-exposome .bloc_txt.var_steps .t_subtitle {
	text-transform: uppercase;
	color : #fff;
	text-align : left;
	}
.obj_skinconsult-exposome .bloc_txt.var_steps .t_desc {
	font-weight: 100;
	font: 15px/1.5 'FuturaPT-Light';
	color : #fff;
	}
.obj_skinconsult-exposome .v_face {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: 92%;
	max-width: 100%;
	max-height: 92%;
	max-height: 100%;
	margin: 0;
	object-fit: cover;
	z-index: 0;
	}


@media ( max-width : 380px ) { .obj_skinconsult-exposome .bloc_txt.var_steps .t_desc { font-size: 2.2vh; } }
.obj_skinconsult-exposome .bloc_txt.var_steps .obj_intro-dots.var_steps {
	top : 0;
	z-index : 0;
}
.obj_skinconsult-exposome .bloc_txt.var_steps .obj_intro-dots.var_steps.var_2 { top : auto; bottom : 0;}

/* BLOC VAR TECH */
.obj_skinconsult-exposome .bloc_txt.var_tech{
	position: relative;
	height: var(--aox-sc-470px);
	padding: 0;
	overflow: hidden;
	}
/* text corner */	
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-left{
	position: absolute;
	left: var(--aox-sc-20px);
	top: var(--aox-sc-20px);
	z-index: 1;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-left .ctn_img{
	width: 14px;
	height: 14px;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-left p{
	position: absolute;
	font-size : 6px;
	font-family : 'Calibre', sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-left .t_ope{
	display: block;
	width: 100px;
	left: 3px;
	top: 124px;
	transform-origin: 0 0;
	transform: rotate(-90deg);
	text-align: right;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-left .t_title{
	display: block;
	width: 100px;
	top: 3px;
	left: 24px;
	text-align: left;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-right{
	position: absolute;
	right: var(--aox-sc-20px);
	bottom: var(--aox-sc-20px);
	z-index: 1;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-right .ctn_img{
	width: 14px;
	height: 14px;
	}	
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-right p{
	position: absolute;
	font-size : 6px;
	font-family : 'Calibre', sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-right .t_ope{
	display: block;
	width: 100px;
	right: 10px;
	bottom: 24px;
	transform: rotate(90deg);
	transform-origin: bottom right;
	text-align: right;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .obj_corner-right .t_title{
	display: block;
	width: 100px;
	bottom: 3px;
	right: 24px;
	text-align: right;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .ctn_bloc {
	position : relative;
	padding: var(--aox-sc-90px) var(--aox-sc-60px);
	z-index : 1;
	text-align: left;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .t_new {
	display: inline-block;
	padding: 2px 4px;
	font-size: var(--aox-fs-sc-11px);
	margin-bottom: 2px;
	font-weight: 700;
	font-family: 'Calibre';
	text-transform: uppercase;
	color : #DFAC9F;
	background: #fff;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .t_subtitle {
	margin-bottom: 0;
	padding: var(--aox-sc-10px) 0 var(--aox-sc-25px);
	font-weight: 700;
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-16px); 
	line-height: 1em;
	text-transform: uppercase;
	color : #fff;
	text-align : left;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .ctn_txt p{
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-14px);
	line-height: 1em;
	color : #fff;
	}
.obj_skinconsult-exposome .bloc_txt.var_tech .bg_tech{
	position: absolute;
	left: 0;
	top: 0;
	}
.obj_skinconsult-exposome .obj_numeric{
	display: flex;
	flex-flow: row nowrap;
	margin: var(--aox-sc-30px) auto 0;
	width: var(--aox-sc-180px);
	color: #fff;
	text-align: left;
	}
.obj_skinconsult-exposome .obj_numeric .ctn_img{
	margin: 0 var(--aox-sc-10px) 0 0;
	}
.obj_skinconsult-exposome .obj_numeric .ctn_txt{
	margin: auto 0
	}
.obj_skinconsult-exposome .obj_numeric p{
	padding: 0 0 var(--aox-sc-10px);
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-14px);
	text-transform: uppercase;
	color: #fff;
	}
.obj_skinconsult-exposome .obj_numeric .ctn_progress {
   height: 4px;
   width: var(--aox-sc-120px);
	margin: 0;
	}
.obj_skinconsult-exposome .obj_numeric .ctn_progress::before {
	content: "";
	opacity: 0.25;
	position: absolute;
	left: 0;
	top: 0;
	height: 4px;
	width: 100%;
	background: #fff;
	}
.obj_skinconsult-exposome .obj_numeric .ctn_progress span {
   position: absolute;
   left: 0;
   top: 0;
   display: block;
   height: 4px;
	border-radius: 10px;
	}
.obj_skinconsult-exposome .obj_numeric .ctn_progress span::before {
   content: "";
   display: block;
   height: 100%;
   width: 100%;
   background: #fff;
   transition: width ease 400ms;	
	border-radius: 4px;
	}
.obj_skinconsult-exposome .obj_numeric .ctn_progress::before {
   top: 50%;
   transform: translateY(-50%);
   background: #A99B95;
	}

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

.obj_skinconsult-exposome .bloc_txt.var_details .ctn_step > .ctn_img ~ .ctn_txt {
	display : inline-block;
	padding : 0 var(--aox-sc-20px);
}

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

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

.obj_skinconsult-exposome .bloc_txt.var_details .t_mentions {
	margin-top : 15px;
	font-size : 13px;
}
.obj_skinconsult-exposome .bloc_txt.var_details .t_mentions.var_dermato {
	margin-top : 3vh;
	padding : 0 var(--aox-sc-20px);
	text-align : left;
	font-size : 13px;
}

/* 1.1.2.3 - VAR PRESCRIPTION */
.obj_skinconsult-exposome .bloc_txt.var_prescription { 
	position: relative;
	background: #F8F8F8;
	border-top: 0;
	margin: 0 0 var(--aox-sc-70px);
	padding: var(--aox-sc-20px);
	border-radius: 10px;
	}
.obj_skinconsult-exposome .bloc_txt.var_prescription .ctn_bloc {
	margin: auto;
	padding-bottom : 0;
	text-align : left;
	color : #000;	
	}
.obj_skinconsult-exposome .bloc_txt.var_prescription .t_title{
	display: inline-block;
   padding: 1px 4px;
   font-size: var(--aox-fs-sc-8px);
   font-weight: 700;
   font-family: 'Calibre';
   letter-spacing: 0.5px;
   text-transform: uppercase;
   color: #fff;
	background: #000;
	}
.obj_skinconsult-exposome .bloc_txt.var_prescription p { 
	font-size: var(--aox-fs-sc-12px);
	line-height: 1.1;
   font-family: 'Calibre';
	margin: 0; 
	}

/* 1.1.2.4 - VAR BLUE */
.obj_skinconsult-exposome .bloc_txt.var_blue {
	position : relative;
	padding : 0;
	background : #000;
	}
.obj_skinconsult-exposome .bloc_txt.var_blue .ctn_bloc {
	width : 80%;
	margin : 0 auto;
	padding : 15px 0;
	text-align : left;
	color : #fff;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .step_start .bloc_txt.var_blue .t_title {
	margin : 0 0 13px;
	padding : 0;
	font-weight: 700;
	font : 20px/1.25 'Calibre';
	color : #fff;
	}
.obj_skinconsult-exposome .step_start .bloc_txt.var_blue .t_desc {
	font-weight: 100;
	font-family : 'FuturaPT-Light';
	color : #fff;
	}

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

.obj_skinconsult-exposome .step_start .bloc_txt.var_blue .t_desc strong { 
	font-weight: 700;
	font-family : 'Calibre';
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .step_start .bloc_txt.var_blue.is-visible .v_face {
	left : 60%;
	opacity : 1;
}

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

/* 1.1.3 - BLOC FOOTER */
.obj_skinconsult-exposome .str_bloc.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_skinconsult-exposome .bloc_footer.is-visible {
	transform: translateY(0);
	/* box-shadow : 0px 0px 40vh 0px rgba(0,0,0,0.5); */
	opacity : 1;
	}
.obj_bandeau-actus ~ .main-header ~ .page-container .bloc_footer {
	height:calc(100vh - 155px);
	}
.obj_bandeau-actus.is-hidden ~ .main-header ~ .page-container .bloc_footer,
.main-header ~ .page-container .bloc_footer {
	height: calc(100vh - 115px);
	}	
.obj_bandeau-actus  ~ .page-container .bloc_footer{
	height: calc(100vh - 40px);
	}
.obj_bandeau-actus  ~ .page-container .bloc_footer .ctn_bloc{
	height: 100%;
	}

.obj_skinconsult-exposome .bloc_footer .ctn_bloc {
	width : 500px;
	max-width : 100%;
	height: 100%;
	margin : 0 auto;
	padding : 0;
	text-align : left;
	color : #000;
	background : #fff;
}
.obj_skinconsult-exposome .bloc_footer .ctn_title {
	margin-bottom : var(--aox-sc-15px);
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .t_title { 
	font-size: var(--aox-fs-sc-24px);
	font-weight: 700;
	font-family: 'Calibre';
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_footer .obj_form .input-line {
	width : 100%;
	margin-bottom : 0;
}
.obj_skinconsult-exposome .bloc_footer .obj_form .input-line ~ .input-line { margin-top : 3vh; }
.obj_skinconsult-exposome .bloc_footer .obj_form span[role="checkbox"],
.obj_skinconsult-exposome .bloc_footer .obj_form span[role="radio"] {
	width : 20px;
	height : 20px;
	margin-right : 1vh;
	border-color : #000;
	background : white;
	border-radius : 2px;
	}
.obj_skinconsult-exposome .bloc_footer .obj_form span[role="checkbox"]:after,
.obj_skinconsult-exposome .bloc_footer .obj_form span[role="radio"]:after {
	width: 14px;
	height: 14px;
	margin: inherit;
	transform: translate(-50%, -50%) scale(0);
	}
.obj_skinconsult-exposome .bloc_footer .obj_form input:checked + span[role="checkbox"]:after,
.obj_skinconsult-exposome .bloc_footer .obj_form input:checked + span[role="radio"]:after {
	width: 14px;
	height: 14px;
	margin: inherit;
	transform: translate(-50%, -50%) scale(1);
	}
.obj_skinconsult-exposome .bloc_footer .obj_form input[type="checkbox"] ~ label,
.obj_skinconsult-exposome .bloc_footer .obj_form input[type="radio"] ~ label,
.obj_skinconsult-exposome .bloc_footer .obj_form input[type="hidden"] ~ label {
	font : 14px/1 'Calibre';
	color : #000;
	}
.obj_skinconsult-exposome .bloc_footer .obj_form .ctn_btn { margin-top : var(--aox-sc-35px); }

.obj_skinconsult-exposome .bloc_footer .obj_breadcrumb{
	height: var(--aox-sc-75px);
	}
.obj_skinconsult-exposome .bloc_footer .obj_breadcrumb .obj_btn.var_back{
	left: var(--aox-sc-35px);
	margin-left: calc(var(--aox-sc-15px) * -1);
	}
.obj_skinconsult-exposome .bloc_footer .obj_breadcrumb .ctn_breadcrumb {
	width : auto;
	max-width : inherit;
	margin-top: var(--aox-sc-26px);	
	}
.obj_skinconsult-exposome .bloc_footer .obj_breadcrumb .t_title {
	text-transform : none;
	font : var(--aox-20px) 'Calibre';
	line-height: 1em;
	letter-spacing : 0;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_content {
	position: relative;
	height : calc( 90vh - 95px);
	overflow-y : scroll;
	padding: 0 var(--aox-sc-35px) 50px;
	}
.obj_skinconsult-exposome .bloc_footer .ctnAOX_msgError p {
	color: #e80000;
	font: 14px/1 'Calibre';
	text-align: left;
	}


@media screen and ( max-width : 960px ) { 
	.obj_bandeau-actus ~ .main-header ~ .page-container .bloc_footer {
		height:calc(100vh - 110px);
		}
	.obj_bandeau-actus.is-hidden ~ .main-header ~ .page-container .bloc_footer,
	.main-header ~ .page-container .bloc_footer {
		height: calc(100vh - 70px);
		}
	.obj_bandeau-actus ~ .main-header ~ .page-container .bloc_footer.var_concern.is-visible {
		z-index: 2001;
		}
	.main-header ~ .page-container .bloc_footer.var_concern.is-visible,
	.main-header ~ .page-container .bloc_footer.var_impact.is-visible {
		z-index: 2001;
		}
}

.obj_skinconsult-exposome .bloc_footer .t_subtitle {
	position : relative;
	font-size : 26px;
	margin : 6vh 0;
	}
.obj_skinconsult-exposome .bloc_footer .t_desc {
	font-size: var(--aox-fs-sc-14px);
	line-height : 1.2;
	}
.obj_skinconsult-exposome .bloc_footer .bloc_txt.var_prescription .ctn_bloc {
	margin-top : 0;
	padding : 0 var(--aox-sc-35px);
   background-color: inherit;
	}
.obj_skinconsult-exposome .bloc_footer .obj_concern { 
	margin-top : 0;	
	}
.obj_skinconsult-exposome .bloc_footer .obj_numeric .ctn_txt .t_rating{ 
	padding: var(--aox-sc-25px) 0 0;
	}
.obj_skinconsult-exposome .bloc_footer .obj_concern .ctn_visual,
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_header .ctn_visual{
	height: var(--aox-sc-594px);
	}
/* BLOC FOOTER - CTN TITLE */
.obj_skinconsult-exposome .bloc_footer .ctn_title {
	position : relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	height : auto;
	min-height: var(--aox-sc-215px);
	margin : var(--aox-sc-45px) auto 0;
	text-align: left;
	padding: var(--aox-sc-40px) var(--aox-sc-20px);	
	color : #fff;
	z-index : 6;	
	}
/* text corner */	
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-left{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-left .ctn_img{
	width: 14px;
	height: 14px;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-left p{
	position: absolute;
	font-size : 6px;
	font-family : 'Calibre', sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-left .t_ope{
	display: block;
	width: 100px;
	left: 3px;
	top: 124px;
	transform-origin: 0 0;
	transform: rotate(-90deg);
	text-align: right;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-left .t_title{
	display: block;
	width: 100px;
	top: 3px;
	left: 24px;
	text-align: left;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-right{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-right .ctn_img{
	position: relative;
	top: auto;
	left: auto;
	width: 14px;
	height: 14px;
	}	
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-right p{
	position: absolute;
	font-size : 6px;
	font-family : 'Calibre', sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-right .t_ope{
	display: block;
	width: 100px;
	right: 10px;
	bottom: 24px;
	transform: rotate(90deg);
	transform-origin: bottom right;
	text-align: right;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .obj_corner-right .t_title{
	display: block;
	width: 100px;
	bottom: 3px;
	right: 24px;
	text-align: right;
	}







/*	
.obj_skinconsult-exposome .bloc_footer .ctn_title::before{
	position: absolute;
	left:0;
	top:0;
	content:"";
	width: 55px;
	height: 65px;
	background: url("../images/bg_analyse-left.png") no-repeat left top / cover;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title::after{
	position: absolute;
	right: 0;
	bottom: 0;
	content:"";
	width: 65px;
	height: 55px;
	background: url("../images/bg_analyse-right.png") no-repeat right bottom / cover;
	}
	*/
.obj_skinconsult-exposome .bloc_footer .ctn_title .t_subtitle{
	margin: 0 0 var(--aox-sc-5px);
	font-size: var(--aox-fs-sc-40px);
	font-family : 'Calibre', sans-serif;
	line-height : 0.9;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .t_subtitle span{
	display: block;
	font-size: var(--aox-fs-sc-16px);
	font-family : 'Calibre', sans-serif;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_title .t_intro{
	font-size: var(--aox-fs-sc-14px);
	font-family : 'Calibre', sans-serif;
	line-height : 1.1;
	}
.obj_skinconsult-exposome .bloc_footer .obj_product { 
	height : 45%;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_article {
	margin : auto;
	font-size : 15px;
	line-height : 1.5;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_article .t_subtitle {
	font-weight: 700;
	font-family : 'Calibre';
	font-size: var(--aox-sc-24px);
	margin : 0 0 var(--aox-sc-10px);
	padding : 0;
	line-height : 1em;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_article .t_desc { 
	padding : 0 0 var(--aox-sc-25px);
	}
.obj_skinconsult-exposome .bloc_footer .ctn_article .ctn_img {
	position : relative;
	margin:  0 0 var(--aox-sc-60px);
	}

/* FOOTER VAR_CGU */
.obj_skinconsult-exposome .bloc_footer.var_cgu { height:auto; background : #fff; }
.obj_skinconsult-exposome .bloc_footer.var_cgu .ctn_bloc { 
	padding: var(--aox-sc-80px) var(--aox-sc-35px) var(--aox-sc-35px) ;
	box-sizing: border-box;
	}
.obj_skinconsult-exposome .bloc_footer.var_cgu .ctn_title{
	position: relative;
	display: block;
	height: auto;
	min-height: inherit;
	margin: 0 0 var(--aox-sc-10px);
	padding: 0;
	color: #000;
	z-index: 6;
	}
.obj_skinconsult-exposome .bloc_footer.var_cgu .ctn_title::before,
.obj_skinconsult-exposome .bloc_footer.var_cgu .ctn_title::after{
	display: none;
	}




.obj_skinconsult-exposome .bloc_footer.var_concern .ctn_article {
	position : relative;
	margin-top : var(--aox-sc-50px);
	padding : 0;
	}
.obj_skinconsult-exposome .bloc_footer.var_learn .ctn_article { 
	padding : 6vh 10%;
	}
.obj_skinconsult-exposome .bloc_footer.var_learn .ctn_article .t_subtitle {
	font-weight: 700;
	font : 2.2vh/1 'Calibre';
	padding : 0;
	}
.obj_skinconsult-exposome .bloc_footer.var_learn .ctn_article .t_desc { padding : 0; }

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

.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_2 .ctn_btn .obj_btn {
	color: #fff;
	background: #fff;
	border: 1px solid #fff;
}
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_2 .t_title,
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_3 .t_title {
	padding : 0;
	margin : 4vh 0 15px;
	font-weight: 700;
	font : 2.2vh/1.5 'Calibre';
}
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_2 .t_title.var_cap,
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_3 .t_title.var_cap { 
	text-transform : uppercase;
	text-align: center;	
	}
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_2 .t_desc,
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_3 .t_desc {
	margin : 0;
	padding : 0;
	font : 15px/1.5 'Calibre';
	color : #000;
}
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_3 .t_desc + .t_title { margin-top : 15px; }
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_2 .input-line { text-align : center; }
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_2 .radio.rating {
	display : inline-block;
	width : auto;
	height : auto;
}
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_2 .radio.rating span[role=radio] {
	width : 30px;
	height : 30px;
	margin : 0 8px;
	background : none;
}
.obj_skinconsult-exposome .bloc_footer.var_email .obj_part.var_2 .radio.rating svg {
	width : 100%;
	height : 100%;
	}
.obj_skinconsult-exposome .bloc_footer.var_cgu .ctn_bloc{
	position: relative;
	}	
.obj_skinconsult-exposome .bloc_footer.var_cgu .text-line p{
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-14px);
	}
.obj_skinconsult-exposome .bloc_footer.var_cgu .text-line p strong{
	font-weight: 700;
	}
.obj_skinconsult-exposome .bloc_footer.var_cgu .text-line p a{
	color:#000;
	text-decoration:underline;
	}
.obj_skinconsult-exposome .bloc_footer.var_cgu .text-line + .text-line p{
	margin-top:15px;
	}
.obj_skinconsult-exposome .bloc_footer.var_cgu .ctn_btn .obj_btn {
	width: 100%;
	}
.obj_skinconsult-exposome .bloc_footer.var_cgu .obj_btn.var_back {
	position: absolute;
	top: var(--aox-sc-40px);
	right: var(--aox-sc-30px);
	fill: #000;
	width: 17px;
	height: 17px;	
	z-index: 8;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_article .ctn_txt.var_expert .icon{
	display: block;
    padding: 0 3vh 0 var(--aox-sc-35px);
    margin: 0 0 1vh;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_article .ctn_txt.var_expert .icon svg{
	width: 3.063vh;
    height: 3.063vh;
	}
.obj_skinconsult-exposome .bloc_footer .ctn_article .ctn_txt.var_expert .t_expert-info{
	padding: 15px 3vh 0 var(--aox-sc-35px);
    margin-top: 3vh;
    display: block;
    position: relative;
    font-size: var(--aox-fs-sc-20px);
    line-height: 1.4;
	color: #a1a1a1;
}
.obj_skinconsult-exposome .bloc_footer .ctn_article .ctn_txt.var_expert .t_expert-info:before {
    display: block;
    content: '';
    width: 30px;
    height: 3px;
    position: absolute;
    left: var(--aox-sc-35px);
    top: 0;
    bottom: 0;
    background: #000;
}
.obj_skinconsult-exposome .bloc_footer .ctn_article .ctn_txt.var_expert .t_expert-info strong{
	font-weight: 700;
	font: 1.2em 'Calibre';
	color: #000;
}

/* 1.1.4 - BLOC TECH */
.obj_skinconsult-exposome .bloc_tech {
	position : relative;
	padding : 8vh 0 0 0 ;
}
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_tech .t_title {
	margin: 0 0 13px;
	padding: 0;
	font-weight: 700;
	font : 20px/1.25 'Calibre';
	color: #000;
}
.obj_skinconsult-exposome .bloc_tech .t_desc {
	position : relative;
	font : 13px/1.5 'Calibre';
	color: #000;
}
@media (max-width: 380px) { .obj_skinconsult-exposome .bloc_tech .t_desc { font-size : 15px; } }
.obj_skinconsult-exposome .bloc_tech .t_desc + .t_desc:before {
	content : '';
	display : block;
	width: 80px;
	height: 2px;
	margin: 15px auto;
	background: #000;
}
.obj_skinconsult-exposome .bloc_tech .t_desc strong { font-weight: 700; font-family : 'Calibre'; }
.obj_skinconsult-exposome .bloc_tech .ctn_bloc .ctn_icon {
	width : 50px;
	height : 50px;
	display : block;
	border : 3px solid #000;
	border-radius : 100%;
	background : #fff;
	position : absolute;
	
	opacity : 0;
	
	transition : all .5s ease-in-out
}
.obj_skinconsult-exposome .bloc_tech.is-visible .ctn_bloc .ctn_icon { opacity : 1; }
.obj_skinconsult-exposome .bloc_tech .ctn_bloc .ctn_icon.var_search { top : -10%; right : -25px; }
.obj_skinconsult-exposome .bloc_tech .ctn_bloc .ctn_icon.var_matrix { top : -10%; left : -25px; }
.obj_skinconsult-exposome .bloc_tech .ctn_bloc .ctn_icon.var_binary { bottom : -10%; right : -25px; }
.obj_skinconsult-exposome .bloc_tech.is-visible .ctn_bloc .ctn_icon.var_search { top : 20%; }
.obj_skinconsult-exposome .bloc_tech.is-visible .ctn_bloc .ctn_icon.var_matrix { top : 50%; }
.obj_skinconsult-exposome .bloc_tech.is-visible .ctn_bloc .ctn_icon.var_binary { bottom : 0; }
.obj_skinconsult-exposome .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_skinconsult-exposome .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_skinconsult-exposome .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_skinconsult-exposome .bloc_tech .obj_circle .load-crcl.var_1 {
	width: 92%;
	animation: circleSpins 25s linear infinite;
}
.obj_skinconsult-exposome .bloc_tech .obj_circle .load-crcl.var_2 {
	width: 110%;
	left: 0;
	animation: circleSpins 40s linear infinite;
}
.obj_skinconsult-exposome .bloc_tech .obj_circle .load-crcl.var_3 {
	width: 80%;
	animation: circleSpins 12s linear infinite;
}
.obj_skinconsult-exposome .bloc_tech .obj_circle .load-crcl.var_4 {
	width: 70%;
	animation: centerCircleSpinsTwo 8s linear infinite;
}
.obj_skinconsult-exposome .bloc_tech .obj_circle .load-crcl.var_5 {
	width: 55%;
	animation: centerCircleSpins 10s linear infinite;
}

/* 1.1.5 - BLOC ANIM PICTURE */
.obj_skinconsult-exposome .bloc_anim-picture { position : relative; }
.obj_skinconsult-exposome .bloc_anim-picture:before {
	content : '';
	position: absolute;
	top : 12%;
	left: 0;
	right: 0;
	box-sizing : border-box;
	display : block;
	width : var(--aox-sc-20px);
	height : var(--aox-sc-20px);
	margin: auto;
	background: #fff;
	border: 3px solid #000;
	border-radius: 100%;
	
	z-index : 3;
}
.obj_skinconsult-exposome .bloc_anim-picture .obj_intro-dots { z-index : 0; }
.obj_skinconsult-exposome .bloc_anim-picture .ctn_bloc {
	position : relative;
	display : block;
	width : 500px;
	max-width : 100%;
	height : 425px;
	margin-left : auto;
	margin-right : auto;
}

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

/* 1.1.6 - BLOC ROUTINE */
.obj_skinconsult-exposome .section_protocol.essential{
	margin: 0 0 var(--aox-sc-40px);
	}
.obj_skinconsult-exposome .section_protocol.daily .t_title-routine{
	padding-top: var(--aox-sc-30px);
	}
.obj_skinconsult-exposome .section_protocol.daily::before{
	content:"";
	display: block;
	height: 1px;
	margin-left: var(--aox-sc-35px);
	width: calc(100% - var(--aox-sc-35px) ) ;
	background: #E0E0E0;
	}
.obj_skinconsult-exposome .section_protocol .obj_product::after {
	display: none;
	}
.obj_skinconsult-exposome .obj_section.section_protocol .ctn_scroll{
	padding-left: var(--aox-sc-35px);
	margin-top: 0;
	text-align: left;
	}
.obj_skinconsult-exposome .obj_section.section_protocol .obj_product{
	font-weight: 700;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .section_protocol .obj_product .ctn_protocol .t_tag {
   display: inline-block;
   padding: var(--aox-sc-2px) var(--aox-sc-4px);
   font-weight: inherit;
   font-size: var(--aox-fs-sc-8px);
   line-height: 1;
  }	
.obj_skinconsult-exposome .section_protocol .obj_product .ctn_image {
	height: var(--aox-sc-320px);
	}
/* ROUTINE ESSENTIAL */	
.obj_skinconsult-exposome .section_protocol.essential .obj_product .ctn_image img{
	object-fit: contain;
	}
.obj_skinconsult-exposome .section_protocol .obj_product .ctn_protocol .t_action {
   font-weight: inherit;
   font-size: var(--aox-fs-sc-20px);
   line-height: 0.9;
	}
.obj_skinconsult-exposome .section_protocol .obj_product .ctn_title .t_title {
	font-family:'Calibre';
   font-size: var(--aox-fs-sc-18px);
   line-height: 0.9;
   }
.obj_skinconsult-exposome .section_protocol .obj_product .t_subtitle {
   font-weight: inherit;
   font-size: var(--aox-fs-sc-18px);
   line-height: 0.9;
	margin-top: 0;
   }
.obj_skinconsult-exposome .section_protocol .obj_product .ctn_text{
	margin-top: 0;
	}
.obj_skinconsult-exposome .section_protocol .obj_product .ctn_text p{
	margin-top: var(--aox-sc-5px);
	font-weight: inherit;
	font-size: var(--aox-fs-sc-14px);
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .section_protocol .obj_btn.btn_default {
   padding: var(--aox-sc-18px) var(--aox-sc-50px);
	}


/* 1.1.7 - BLOC REVIEWS */
.obj_skinconsult-exposome .bloc_reviews{	
	overflow: hidden;
	background: #F7F7F7;
	}
.obj_skinconsult-exposome .bloc_reviews .t_title {
   margin: 0 0 15px;
   padding: 0;
   text-align: center;
	font-size: var(--aox-fs-sc-18px);
   font-family:'Calibre';
	line-height: 1.25;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_reviews .ctn_bloc{
	padding: var(--aox-sc-30px) var(--aox-sc-30px) var(--aox-sc-50px);
	}	
.obj_skinconsult-exposome .bloc_reviews .ctn_content {
	position: absolute;
	top: 12%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3;
	}
.obj_skinconsult-exposome .bloc_reviews .ctn_rate{
	display: flex;
	justify-content: center;
	}	
.obj_skinconsult-exposome .bloc_reviews .ctn_rate .t_rate{
	font: 52px/0.6 'Calibre';
   font-weight: normal;
	font-weight: 200;
	text-transform: uppercase;
	color: #000;
	}
.obj_skinconsult-exposome .bloc_reviews .ctn_rate .feedback{
   margin: 0 0 0 15px;
	}
.obj_skinconsult-exposome .bloc_reviews .ctn_rate .obj_rating {
   margin: 0 0 5px;
   white-space: nowrap;
   font-size: 0;
   width: auto;
   height: auto;
   color: #000;
	}
.obj_skinconsult-exposome .bloc_reviews .ctn_rate .obj_rating svg {
	height: var(--aox-22px);
	min-width: var(--aox-22px);
	width: var(--aox-22px);
	color: #000;
	}
.obj_skinconsult-exposome .bloc_reviews .ctn_rate .feedback .t_based{
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	}
.obj_skinconsult-exposome .bloc_reviews .obj_txt-review{
	width: 100%;
	max-width: 48%;
	margin: var(--aox-sc-20px) auto 0;
	text-align: center;
	font-size: var(--aox-fs-sc-18px);
	}
.obj_skinconsult-exposome .bloc_reviews .obj_txt-review .t_review{
	display: inline-block;
	padding: 0;
	font-size: var(--aox-fs-sc-14px);
	font-family: 'Calibre';
	line-height: 1.4;
	color: #888888;
	text-align: center;
	}	
.obj_skinconsult-exposome .bloc_reviews .obj_txt-review .feedback{
	display: flex;
	flex-flow: row nowrap;
	padding: var(--aox-sc-15px) 0 var(--aox-sc-20px);
	justify-content: center;
	}		
.obj_skinconsult-exposome .bloc_reviews .obj_txt-review .rating{
	width: auto;
	margin: auto 0;
	}	
.obj_skinconsult-exposome .bloc_reviews .obj_txt-review .rating svg{
	width: 12px; height: 12px;
	color: #fff;
	}
.obj_skinconsult-exposome .bloc_reviews .obj_txt-review .t_user{
	padding: 0 0 0 10px;
	font-size: 9px;
	font-weight: 700;
	font-family: 'Calibre';
	line-height: 1.2;
	color: #000;
	}
.obj_skinconsult-exposome .bloc_reviews .t_load{
	display: inline-block;
	padding: var(--aox-20px) 0 30px;
	font: 1.6vh/1.2 'Calibre';
	text-decoration: underline;
	color: #000;
	}
.obj_skinconsult-exposome .bloc_reviews .obj_btn.var_app{
	border: 2px solid #000;
	}
.obj_skinconsult-exposome .bloc_reviews .obj_btn.var_app .icon svg {
   width: 0.8vh;
   height: 1.1vh;
   fill: #000;
	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: #000; 
	}	
.popin.leave-comment .button .btn-bg{
	background: #000;
	}
.popin.leave-comment .ctn_bottom {
   padding: 0;
	}
.popin.leave-comment .form .ctn_bottom .input-line{
	width: auto;
	}
/* */
@media screen and (max-width:767px){
	.obj_skinconsult-exposome .bloc_reviews .obj_txt-review {
		max-width: 80%;
		}
}

/* 1.2 - STEP UPLOAD
   1.2.1 - BLOC TITLE */
.obj_skinconsult-exposome .bloc_title {
	position: relative;
	display : flex;
	justify-content : center;
	align-items : center;
	width : 100%;
	z-index: 1;
	}
.obj_skinconsult-exposome .bloc_title .t_title {
	font-size: var(--aox-fs-sc-20px);
	padding: 0 5%;
	font-weight: 700;
	font-family: 'Calibre';
	color : #000;
	}

.obj_skinconsult-exposome .step_prescription .bloc_title .t_title {
	color : #fff;
	width : 80%;
	margin : auto;
	position : relative;
	text-align : left;
	text-transform : uppercase;
	font-weight: 700;
	font : 20px/1.25 'Calibre';
	z-index : 2;
}
.obj_skinconsult-exposome .bloc_title .t_title + .t_title {
	margin-top : 1vh;
	}

.obj_skinconsult-exposome .step_age .bloc_title {
	height : 130px;
}

/* 1.2.2 - BLOC UPLOAD */
.obj_skinconsult-exposome .bloc_upload {
	position: relative;
	}
.obj_skinconsult-exposome .bloc_upload .ctn_bloc {
	width : 100%;
	margin : 0 auto;
	padding : 0 var(--aox-sc-35px);
}
.obj_skinconsult-exposome .bloc_upload .ctn_actions { font-size : 0; }
.obj_skinconsult-exposome .bloc_upload .obj_btn {
	position : relative;
	display : block;
	width : 100%;
	cursor: pointer;
	}
.obj_skinconsult-exposome .bloc_upload .obj_btn.var_upload{
	margin-top: var(--aox-sc-10px);
	background: #fff;
	color: #000;
	}
.obj_skinconsult-exposome .bloc_upload .obj_btn .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;
	cursor: pointer;	
	}
.obj_skinconsult-exposome .bloc_upload .obj_btn .ctn_title p {
	font-size: var(--aox-fs-sc-14px);
	font-weight: 700;
	font-family: 'Calibre';
	}

/*
.obj_skinconsult-exposome .bloc_upload .obj_cta .ctn_img {
	position: relative;
	display: block;
	width: 64px; height: 64px;
	margin: 0 auto 15px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 1px 1px 15px 0 #ccc;
}
.obj_skinconsult-exposome .bloc_upload .obj_cta .ctn_img > img {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
	z-index : 2;
}

*/


@media screen and (max-width:320px){
	.obj_skinconsult-exposome .bloc_upload .ctn_bloc {
		width : 100%;
		}
}

/* 1.3 - STEP ANALYSE */
.obj_skinconsult-exposome .bloc_analyse {
	position : relative;
	height : 100%;
}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse {
	position : absolute;
	top: 0;
	width : 100%;
	max-width : 100%;
	height : 100%;
	margin : auto;
	z-index : 1;
	overflow : hidden;
}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse:after {
	content : '';
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	display : block;
	background : #000;
	z-index : 2;
	opacity : .5;
}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .v_analyse,
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_error {
	position : fixed;
	top : 30%;
	left : 0;
	right : 0;
	width : var(--aox-sc-20px);
	max-width : 92%;
	height : auto;
	margin : auto;
	padding : 4vh 15px;
	background : #fff;
	z-index : 100;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_error .t_desc {
	margin-bottom : 15px;
	font-size: var(--aox-fs-sc-20px);
	line-height : 1.5;
	color : #000;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_error a { color : #000; }
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt {
	position : absolute;
	display: flex;
	flex-flow: column nowrap;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	height : var(--aox-sc-210px);
	margin : auto var(--aox-sc-35px);
	text-align : center;
	color : #fff;
	z-index : 6;	
	}
/* text corner */	
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-left{
	position: absolute;
	left: var(--aox-sc-20px);
	top: var(--aox-sc-20px);
	z-index: 1;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-left .ctn_img{
	width: 14px;
	height: 14px;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-left p{
	position: absolute;
	font-size : 6px;
	font-family : 'Calibre', sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-left .t_ope{
	display: block;
	width: 100px;
	left: 3px;
	top: 124px;
	transform-origin: 0 0;
	transform: rotate(-90deg);
	text-align: right;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-left .t_title{
	display: block;
	width: 100px;
	top: 3px;
	left: 24px;
	text-align: left;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-right{
	position: absolute;
	right: var(--aox-sc-20px);
	bottom: var(--aox-sc-20px);
	z-index: 1;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-right .ctn_img{
	width: 14px;
	height: 14px;
	}	
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-right p{
	position: absolute;
	font-size : 6px;
	font-family : 'Calibre', sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-right .t_ope{
	display: block;
	width: 100px;
	right: 10px;
	bottom: 24px;
	transform: rotate(90deg);
	transform-origin: bottom right;
	text-align: right;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_corner-right .t_title{
	display: block;
	width: 100px;
	bottom: 3px;
	right: 24px;
	text-align: right;
	}













/*	
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt::before{
	position: absolute;
	left:0;
	top:0;
	content:"";
	width: 55px;
	height: 65px;
	background: url("../images/bg_analyse-left.png") no-repeat left top / cover;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt::after{
	position: absolute;
	right: 0;
	bottom: 0;
	content:"";
	width: 65px;
	height: 55px;
	background: url("../images/bg_analyse-right.png") no-repeat right bottom / cover;
	}
*/	
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt-analyse{
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	margin: auto;
	opacity: 0;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .t_analyse {
	font-size : var(--aox-fs-sc-14px);
	font-family : 'Calibre', sans-serif;
	line-height : 1.25;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .t_analyse strong{
	font-size: var(--aox-fs-sc-26px);
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .t_analyse span {
	padding : 40px 40px 240px;
	background : #fff;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_numeric{
	width: var(--aox-sc-160px);
	margin: var(--aox-sc-20px) auto 0;
	}	
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_numeric .ctn_progress {
	position: relative;
   height: 3px;
   width: var(--aox-sc-160px);
   margin: 0 auto;
	}
.obj_skinconsult-exposome .obj_numeric .ctn_progress::before {
   content: "";
   opacity: 0.25;
   height: 2px;
   width: 100%;
   background: rgba(255, 255, 255, 0.5);
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_numeric .ctn_progress span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0; height: 3px;
	border-radius: 4px;
	}
.obj_skinconsult-exposome .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .obj_numeric .ctn_progress span {
	animation:progressbarfill 5s linear forwards;
	}
@keyframes progressbarfill{
	from{width:0%}
	to{width:100%}
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_txt .obj_numeric .ctn_progress span::before{
	border-radius: 4px;
	}
/*	
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_complete-check {
	top : 0;
	bottom : 0;
	opacity: 0;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_complete-check{
	position: absolute;
	margin : auto;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	}
	*/
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_analyse-status{
	position: absolute;
	margin : auto;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_analyse-status {
	opacity : 0;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_analyse-status .is-complete,
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_analyse-status .is-progress {
	text-transform : uppercase;
	font-size: var(--aox-fs-sc-26px);
	text-transform: uppercase;
	text-align: center;
	}
.obj_skinconsult-exposome .bloc_analyse .ctn_analyse .ctn_analyse-status .is-complete { 
	display: none
	}

/* ANIMATION 1 */
.obj_skinconsult-exposome .bloc_analyse.anim_1 .ctn_analyse .ctn_txt .ctn_txt-analyse{
	opacity : 1;
	transition: opacity .25s ease;
	height: auto;
	}
.obj_skinconsult-exposome .bloc_analyse.anim_1 .ctn_analyse:after {
	opacity : .5;
	transition : opacity .25s ease-in;
	}
/* ANIMATION 2 */
.obj_skinconsult-exposome .bloc_analyse.anim_2 .ctn_analyse .ctn_analyse-status {
	opacity : 1;
	transition : opacity .25s ease-in;
	height: auto;
	}
/* ANIMATION 3 */
.obj_skinconsult-exposome .bloc_analyse.anim_3 .ctn_analyse .ctn_analyse-status { opacity: 1 }
.obj_skinconsult-exposome .bloc_analyse.anim_3 .ctn_analyse .ctn_analyse-status .is-progress { display: none }
.obj_skinconsult-exposome .bloc_analyse.anim_3 .ctn_analyse .ctn_analyse-status .is-complete { display: block }
.obj_skinconsult-exposome .bloc_analyse.anim_3 .ctn_analyse .ctn_complete-check { opacity : 1; }

/* 1.4 - STEP USER AGE
   1.4.1 - BLOC SLIDER */
.obj_skinconsult-exposome .bloc_range .ctn_bloc {
	position : relative;
	margin : 0 auto;
}
.obj_skinconsult-exposome .bloc_range .t_age-selected {
	font-weight: 700;
	font : 64px/1 'Calibre';
	color : #000;
}
.obj_skinconsult-exposome .bloc_range .i_age-selected{
	display:block;
	margin:15px auto 0 auto;
	padding:0;
	width:130px; height:7vh;
	font-weight: 700;
	font:40px/1 'Calibre';
	text-align:center;
	color:#000;
	background:none;
	border:none;
	border-bottom:1px solid #000;
	}

.obj_skinconsult-exposome .bloc_range .ctn_dial .obj_dial{
	display:flex;
	flex-flow:row wrap;
	width:250px;
	margin:20px auto 0 auto;
	}
.obj_skinconsult-exposome .bloc_range .ctn_dial .obj_dial.opened{
	height:3var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .bloc_range .ctn_dial .obj_dial button{
	margin:8px;
	width:64px; height:64px;
	font-weight: 700;
	font:30px/1 'Calibre';
	background: #F2F2F2;
	}
.obj_skinconsult-exposome .bloc_range .ctn_dial .obj_dial .b_reset{
	position:relative;
	background:#fff;
	}
.obj_skinconsult-exposome .bloc_range .ctn_dial .obj_dial .b_reset svg{
	position: absolute;
	left:50%; top:50%;
	width:10px; height:10px;
	transform:translate(-50%,-50%);
	}
.obj_skinconsult-exposome .bloc_range .ctn_dial .obj_dial .obj_btn.var_app.var_blue{
	padding:0;
	font-size: var(--aox-fs-sc-20px);
	background:#fff;
	}
.obj_skinconsult-exposome .bloc_range .ctn_dial .obj_dial .obj_btn.var_app.var_blue .icon svg{
	margin-right:5px;
	}

.obj_skinconsult-exposome .bloc_range .ctn_range {
	position : relative;
	display : flex;
	justify-content : center;
	align-items : center;
	height : 20vh;
}
.obj_skinconsult-exposome .bloc_range .ctn_range .obj_range {
	position : relative;
	width : 80%;
	margin : 2em auto 0;
}
.obj_skinconsult-exposome .bloc_range .t_age.var_max,
.obj_skinconsult-exposome .bloc_range .t_age.var_min {
	position : absolute;
	font-size : 1.6vh;
	z-index : 2;
	top : -30px
}
.obj_skinconsult-exposome .bloc_range .t_age.var_max:after,
.obj_skinconsult-exposome .bloc_range .t_age.var_min:after {
	content : "";
	position : absolute;
	top : 110%;
	left : 0;
	right : 0;
	margin : auto;
	display : block;
	width : 1px;
	height : 13px;
	background : #ccc;
	z-index : 2;
}
.obj_skinconsult-exposome .bloc_range .t_age.var_max { left : 97%; }
.obj_skinconsult-exposome .bloc_range .t_age.var_min { right : 96%; }
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_range input[type=range]:hover { opacity : 1; }
.obj_skinconsult-exposome .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 #fff;
	cursor : pointer;
	box-shadow : 1px 1px 25px 0 #ccc, 1px 1px 25px 0 #ccc
}
.obj_skinconsult-exposome .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_skinconsult-exposome .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 #fff;
	cursor : pointer;
	box-shadow : 1px 1px 25px 0 #ccc, 1px 1px 25px 0 #ccc;
}
.obj_skinconsult-exposome .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_skinconsult-exposome .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 #fff;
	box-shadow : 1px 1px 25px 0 #ccc, 1px 1px 25px 0 #ccc;
	cursor : pointer;
}
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_advise .ctn_bloc {
	padding : 5.120vh 4.497vh;
	background : #f1f4f1;
}
.obj_skinconsult-exposome .bloc_advise p {
	text-align : left;
	font : 1.85vh/1.5 'Calibre';
	color : #000;
}
.obj_skinconsult-exposome .bloc_advise p strong { font-weight: 700; font-family : 'Calibre'; }

/* 1.4.3 - BLOC CTA */
.obj_skinconsult-exposome .bloc_cta {
	margin : 3vh 0 40px 0;
	padding: 0 6.66666%;
}
.obj_skinconsult-exposome .bloc_cta.var_sticky{
	display: flex;
	position:fixed !important;
	z-index:99;
	left:50%; bottom:0;
	margin:0;
	padding: var(--aox-20px) var(--aox-sc-35px);
	width:100%; max-width:500px;
	background:transparent;
	transform:translate(-50%, 0%);
	transition:transform .5s ease;
	flex-flow: row nowrap;
	justify-content: center;
	overflow: hidden;
	background:rgba(255,255,255,0.25);
	backdrop-filter:blur(25px);
	-webkit-backdrop-filter:blur(25px);
	}
/* .obj_skinconsult-exposome .bloc_cta.var_sticky::before{
	position: absolute;
	top:0;
	left: 0;
	content:"";
	width: 100%;
	height: 100%;
	background: #eee;
	filter: blur(10px);
	opacity: 0.5;
	} */
	
.obj_skinconsult-exposome .bloc_cta.var_sticky .var_full,
.obj_skinconsult-exposome .bloc_cta.var_sticky .var_light{
	width: 100%;
	}
.obj_skinconsult-exposome .obj_step.is-visible .bloc_cta.var_sticky.is-pinned{
	transform:translate(-50%,0%);
	}
.obj_skinconsult-exposome .bloc_cta.var_sticky.is-pinned .ctn_btn{
	position: relative;
	z-index: 2;
	display: flex;
	flex-flow: row nowrap;
	}
.obj_skinconsult-exposome .bloc_cta.var_sticky.is-pinned.is-over-limit{
	transform:translate(-50%,100%);
	}
.obj_skinconsult-exposome .bloc_cta.var_sticky.unpin-on-footer{
	position:absolute !important;
	}

@media screen and (min-width:501px) {
	.obj_skinconsult-exposome .bloc_cta.var_sticky,
	.obj_skinconsult-exposome .obj_step.is-visible .bloc_cta.var_sticky.is-pinned{
		transform:translate(-48.5%, 0%);
		}
	.obj_skinconsult-exposome .bloc_cta.var_sticky.is-pinned.is-over-limit{
		transform:translate(-48.5%,100%);
		}
}

/* 1.4.3.1 - BLOC CTA HOME */
.obj_skinconsult-exposome .step_start .bloc_cta {
	position : relative;
	z-index: 3;
	margin : 0;
	padding : var(--aox-20px) 0;
	overflow : hidden;
}
.obj_skinconsult-exposome .step_start .bloc_cta .ctn_btn {
	position : relative;
	z-index : 3;
	margin: auto;
	width: 100%;
	}
.obj_skinconsult-exposome .step_start .bloc_cta .ctn_btn .obj_btn.var_app{
	width: 100%;
	}
.obj_skinconsult-exposome .step_start .bloc_cta .t_mentions {
	padding : 0;
	margin: 15px auto;
	text-align: center;
	font : 1.6vh/1.5 'Calibre';
	color : #000;
}
.obj_skinconsult-exposome .step_start .obj_intro-dots {
	position: absolute;
	left: 0;
	right: 0;
	width: 9px;
	margin: auto;
}
.obj_skinconsult-exposome .step_start .obj_intro-dots.var_cta {
	top : 16px;
	z-index : 1;
}
.obj_skinconsult-exposome .step_start .obj_intro-dots.var_tech {
	top : 0;
	z-index : 2;
}
.obj_skinconsult-exposome .step_start .obj_intro-dots.var_anim { top : 12%; }
.obj_skinconsult-exposome .step_start .obj_intro-dots.var_anim.var_2 { top : auto; bottom : -5%; }

.obj_skinconsult-exposome .step_start .ctn_choice .var_radio-start{
	margin-bottom:10px;
	}
.obj_skinconsult-exposome .step_start .ctn_choice .var_radio-start:last-child{
   margin-bottom: 0;
	}
.obj_skinconsult-exposome .step_start .ctn_choice .var_radio-start span{
	display:none;
	}
.obj_skinconsult-exposome .step_start .ctn_choice .var_radio-start label{
	position:relative;
	padding: var(--aox-sc-10px) var(--aox-sc-15px) var(--aox-sc-10px) var(--aox-sc-55px);
	width:100%;
	font-weight: 700;
	font-family: 'Calibre';
	line-height:1.2;
	text-align:left;
	color:#000;
	border-radius:15px;
	font-size: var(--aox-fs-sc-12px);
	background: #fff;
	}
.obj_skinconsult-exposome .step_start .ctn_choice .var_radio-start label strong{
	display: inline-block;
	padding: 1px 4px;
	background: #000;
	font-weight: 700;
	font-size: var(--aox-fs-sc-8px);
	font-family:'Calibre';
	letter-spacing: 0.5px;
	text-transform:uppercase;
	color: #fff;
	}
.obj_skinconsult-exposome .step_start .ctn_choice .var_radio-start label::before{
	content:'';
	position:absolute;
	left: 15px; top:50%;
	width: 28px; height:28px;
	background:#000;
	transform:translateY(-50%);
	border-radius:30px;
	border: 2px solid #000;
	box-sizing: border-box;
	transition : opacity 0.2s;
	}
.obj_skinconsult-exposome .step_start .ctn_choice .var_radio-start span[aria-checked=false] + label::before{
	background:#fff;
	}
.obj_skinconsult-exposome .step_start .ctn_choice .var_radio-start label::after{
	content:'';
	position:absolute;
	left: 22px; top:50%;
	width:13px; height:6px;
	border:2px solid #fff;
	border-top:none;
	border-right:none;
	transform:translateY(-60%) rotate(-45deg);
	}

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


@media screen and ( min-width : 768px ) { .obj_skinconsult-exposome .bloc_skin .ctn_details { height : 40vh; } }
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_skin .ctn_infos.is-visible {
	opacity : 1;
	z-index : 1;
}
.obj_skinconsult-exposome .bloc_skin .ctn_img,
.obj_skinconsult-exposome .bloc_skin .ctn_desc {
	position : relative;
	display : inline-block;
	vertical-align : middle;
	width : 50%;
}
.obj_skinconsult-exposome .bloc_skin .ctn_img:before {
	content : '';
	display : block;
	padding-top : 100%;
}
.obj_skinconsult-exposome .bloc_skin .ctn_img img {
	position : absolute;
	top : 0;
	left : 50%;
	max-width : inherit;
	width : auto;
	height : 100%;

	transform : translateX(-50%);
}
.obj_skinconsult-exposome .bloc_skin .ctn_img .ctn_legend {
	position : absolute;
	top : 105%;
	left : 0;
	width : 100%;
	text-align : center;
	line-height : 1;
}
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_skin .ctn_img .ctn_legend li:before {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	display : inline-block;
	width : 10px;
	height : 10px;
	margin-right : 5px;
}
.obj_skinconsult-exposome .bloc_skin .ctn_img .ctn_legend li.var_dry:before { background : #8d909f; }
.obj_skinconsult-exposome .bloc_skin .ctn_img .ctn_legend li.var_oily:before { background : #c5d7f7; }
.obj_skinconsult-exposome .bloc_skin .ctn_desc .ctn_txt {
	padding : 15px;
	text-align : left;
	font : 15px 'Calibre';
	color : #000;
	background : #e9f3ff;
}
.obj_skinconsult-exposome .bloc_skin .ctn_desc .ctn_txt .t_subtitle { font-weight: 700; font-family : 'Calibre'; }

/* */
.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_skinconsult-exposome .bloc_result .ctn_bloc {
	padding : 4vh 0;
	margin : 0 4.497vh;
	font-size : 0;
	color : #000;
}
.obj_skinconsult-exposome .bloc_result .ctn_bloc .ctn_col {
	display : inline-block;
	vertical-align : top;
	width : 26.031%;
	text-align : left;
}
.obj_skinconsult-exposome .bloc_result .ctn_bloc .ctn_col ~ .ctn_col {
	width : 73.969%;
	padding-left : 6.43%;
}
.obj_skinconsult-exposome .bloc_result .obj_donut-chart {
	position : relative;
	width : 82px;
}
.obj_skinconsult-exposome .bloc_result .obj_donut-chart .obj_svg {
	width : 100%;
	height : 100%;
	transform : rotate(-90deg);
}
.obj_skinconsult-exposome .bloc_result .obj_circle {
	stroke : #fff;
	stroke-width : 6;
	fill : #E9F3FF;

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

	transform : translate3d(-50%, -50%, 0);
}
.obj_skinconsult-exposome .bloc_result .obj_donut-chart .t_percent span { font-size : 2.098vh; }
.obj_skinconsult-exposome .bloc_result .i_plus {
	width : 82px;
}
.obj_skinconsult-exposome .bloc_result .ctn_desc .t_subtitle {
	margin-bottom : 13px;
	font-weight: 700;
	font : 2.398vh/1.2 'Calibre';
}
.obj_skinconsult-exposome .bloc_result .ctn_desc .t_subtitle .t_strength {
	text-transform : uppercase;
	font-size : 2.098vh;
}
.obj_skinconsult-exposome .bloc_result .ctn_desc p {
	font : 15px/1.5 'Calibre';
	margin-bottom : 13px;
}
.obj_skinconsult-exposome .bloc_result .ctn_desc p strong { font-weight: 700; font-family : 'Calibre'; }
.obj_skinconsult-exposome .bloc_result .obj_btn.var_app {
	font-size : 13px;
}
.obj_skinconsult-exposome .bloc_result .ctn_btn{
	text-align:left;
	}

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

/* 1.6.3 - BLOC GRAPH */
.obj_skinconsult-exposome .bloc_graph {
	/* text-align : left; */
	position : relative;
	color : #fff;
	background : #000;
	overflow : hidden;
}
.obj_skinconsult-exposome .bloc_graph .ctn_bloc {
	margin : 0 var(--aox-sc-35px);
	padding : var(--aox-sc-35px) 0;
}
@media ( max-width : 500px ) {
	.obj_skinconsult-exposome .bloc_graph .ctn_bloc {
		/* padding-bottom : 2.2vh; */
		padding-bottom : 0;
		}
}
.obj_skinconsult-exposome .bloc_graph .t_subtitle {
	/* margin-bottom : 13px; */
	margin-bottom : 0;
	font-weight: 700;
	font : 22px 'Calibre';
	color: #ffffff;
}
.obj_skinconsult-exposome .bloc_graph p {
	font-size : 15px;
	line-height : 1.2;
}
.obj_skinconsult-exposome .bloc_graph li {
	text-align : left;
	text-transform : uppercase;
	font : 10px/1.2 'Calibre';
}
.obj_skinconsult-exposome .bloc_graph .ctn_btn {
	display: flex;
	flex-flow: row wrap;
	width : 100%;
	margin : 0;
	padding : 15px var(--aox-sc-10px) 6vh 10px;
}
.obj_skinconsult-exposome .bloc_graph .ctn_profile {
	width : 100%;
	height : 0;
	text-transform : uppercase;
	font-size : 0;

	opacity : 0;
	overflow : hidden;

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

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

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

.obj_skinconsult-exposome .bloc_graph .obj_profile select option { color : #000; }
.obj_skinconsult-exposome .bloc_graph .obj_profile:before {
	content : '';
	position : absolute;
	top : 50%;
	left : 0;
	display : block;
	width : 10px;
	height : 10px;
	margin-top : -5px;
	background : #fff;
	border-radius : 50%;
}
.obj_skinconsult-exposome .bloc_graph .obj_profile.var_other:before { background : #616479; }

.obj_skinconsult-exposome .bloc_graph .obj_profile.var_other::after{
	position:absolute;
	z-index:1;
	right:5px; top:50%;
	width:13px; height:13px;
	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_skinconsult-exposome .bloc_graph.var_home {
	position : relative;
	background : #fff;
}
.obj_skinconsult-exposome .bloc_graph.var_home .ctn_bloc {
	position : relative;
	width : 500px;
	max-width : 100%;
	margin : 0 auto;
	padding: 6vh 0 4vh;
	text-align: center;
	z-index: 4;
}
.obj_skinconsult-exposome .bloc_graph.var_home .ctn_bloc:before,
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_graph.var_home .ctn_bloc:before { height : 75%; }
.obj_skinconsult-exposome .bloc_graph.var_home .ctn_bloc:after {
	bottom : 0;
	top : auto;
	height : 50%;
	border-radius : 100%;
	background : #f1f4f1;
}
.obj_skinconsult-exposome .bloc_graph.var_home .ctn_content {
	position : relative;
	z-index : 5;
	color : #000;
}
.obj_skinconsult-exposome .bloc_graph.var_home .t_title {
	margin: 0 0 13px;
	padding: 0;
	text-align: center;
	font-weight: 700;
	font : 20px/1.25 'Calibre';
	color: #000;
}
.obj_skinconsult-exposome .bloc_graph.var_home .t_desc {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 100;
	font : 15px/1.5 'FuturaPT-Light';
	color : #000;
}
@media ( max-width : 380px ) { .obj_skinconsult-exposome .bloc_graph.var_home .t_desc { font-size: 2.2vh; } }
.obj_skinconsult-exposome .bloc_graph.var_home .t_desc strong { font-weight: 700; font-family : 'Calibre'; }
.obj_skinconsult-exposome .bloc_graph.var_home .ctn_img {
	width : 200px;
	padding: 7vh 0;
	margin : 4vh auto;
	opacity : 0;
	transition : opacity .5s ease-in-out;
}
.obj_skinconsult-exposome .bloc_graph.var_home .obj_legend {
	opacity : 0;
	transition : opacity .5s ease-in-out;
}
.obj_skinconsult-exposome .bloc_graph.var_home.is-visible .ctn_img,
.obj_skinconsult-exposome .bloc_graph.var_home.is-visible .obj_legend { opacity : 1 }

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


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

/* EXPAND GRAPH */
.obj_skinconsult-exposome .bloc_expand .obj_graph.expand{
	height: 540px;
	width: 100%;
	max-width: 500px !important;
	margin: 0;
	padding:0 !important;
	transform: none;
	background: #17203A;
	/* font-family: 'Calibre'; */
	}
.obj_skinconsult-exposome .bloc_expand .close{
	position: absolute;
	top: 15px; 
	right: 15px;
	z-index: 1;
	}	
.obj_skinconsult-exposome .bloc_expand .close svg {
	fill: #fff;
	width: var(--aox-sc-20px);
	height: var(--aox-sc-20px);
	}	

/*
.obj_skinconsult-exposome .bloc_expand .obj_graph.expand .ctn_matrix{
	height: auto;
	}
.obj_skinconsult-exposome .bloc_expand .obj_graph.expand .obj_matrix{
	margin-top: 70px;	
	}	
.obj_skinconsult-exposome .bloc_expand .obj_graph.expand .t_subtitle{
	padding: 40px var(--aox-sc-10px) 0;
	color: #fff;
	font-weight: 600;
	font-size: var(--aox-fs-sc-24px);
	text-align: center;
	}
.obj_skinconsult-exposome .bloc_expand .obj_graph.expand .obj_step{
	top: 330px;
	}	
.obj_skinconsult-exposome .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_skinconsult-exposome .bloc_expand{
		top:calc(10vh + 65px);
		}
	.obj_skinconsult-exposome .bloc_expand.is-visible{
		top: 110px;
		transform: translate(-50%, 0);
		}
	/*
	.obj_skinconsult-exposome .bloc_expand .obj_graph.expand{
		height: auto;
		max-width: inherit !important;
		}
	.obj_skinconsult-exposome .bloc_expand .obj_graph.expand .ctn_matrix{
		min-height: 434px;
		}
	.obj_skinconsult-exposome .bloc_expand .obj_graph.expand .obj_matrix{
		margin-top: 30px;
		}	
	*/	
	
}

/* 1.6.4 - BLOC PRIORITIES */
.obj_skinconsult-exposome .bloc_priorities,
.obj_skinconsult-exposome .bloc_accelerators{
	padding: 0;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_accelerators{
	padding-bottom: var(--aox-sc-120px);
	}
.obj_skinconsult-exposome .ctn_bloc.title{
	position: relative;
	margin : 0 0 var(--aox-sc-20px) 0; 
	padding : var(--aox-sc-35px) var(--aox-sc-35px) 0;
	color : #000;
	}
.obj_skinconsult-exposome .ctn_bloc.title .t_subtitle{
	font-size: var(--aox-fs-sc-22px);
	line-height: 0.9em;
	margin-bottom : 5px;
	text-align : left;
	font-weight: 700;
	font-family: 'Calibre';
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .ctn_bloc.title .t_intro{ 
	text-align : left;
	}
.obj_skinconsult-exposome .ctn_bloc.title p{
	font-size: var(--aox-fs-sc-14px);
	line-height : 1.1;
	}

/* 1.6.4 - BLOC PRIORITIES CARROUSEL PRIORITIES*/
.obj_skinconsult-exposome .bloc_carrousel-aging{
	padding: 0 0 0 var(--aox-sc-35px)
	}
.obj_skinconsult-exposome .bloc_priorities .bloc_carrousel-aging .ctn_scroll,
.obj_skinconsult-exposome .bloc_accelerators .bloc_carrousel-aging .ctn_scroll{
   display: flex;
   flex-direction: row;
	}
.obj_skinconsult-exposome .bloc_priorities .obj_scroll .ctn_scroll,
.obj_skinconsult-exposome .bloc_accelerators .obj_scroll .ctn_scroll{
	padding-left: 0;
	}
.obj_skinconsult-exposome .bloc_priorities .obj_scroll .ctn_scroll .obj_concern,
.obj_skinconsult-exposome .bloc_accelerators .obj_scroll .ctn_scroll .obj_concern{
	min-width: var(--aox-sc-340px);
	width: var(--aox-sc-340px);
	margin-right: 2%;
	}

.obj_skinconsult-exposome .bloc_priorities .obj_scroll .ctn_scroll .obj_concern:last-of-type,
.obj_skinconsult-exposome .bloc_accelerators .obj_scroll .ctn_scroll .obj_concern:last-of-type{
	margin-right: var(--aox-sc-45px);
	}

.obj_skinconsult-exposome .bloc_priorities .obj_scroll .ctn_scroll .obj_concern .t_desc,
.obj_skinconsult-exposome .bloc_accelerators .obj_scroll .ctn_scroll .obj_concern .t_desc{
	margin-bottom: 0;
	}
.obj_skinconsult-exposome .bloc_priorities .obj_scroll .ctn_nav,
.obj_skinconsult-exposome .bloc_accelerators .obj_scroll .ctn_nav{
	top:35%;
	}
.obj_skinconsult-exposome .bloc_priorities .obj_scroll .ctn_nav .btn_prev,
.obj_skinconsult-exposome .bloc_accelerators .obj_scroll .ctn_nav .btn_prev{
	left:calc(var(--aox-sc-30px) * -1);
	}
.obj_skinconsult-exposome .bloc_priorities .obj_scroll .ctn_nav .btn_next,
.obj_skinconsult-exposome .bloc_accelerators .obj_scroll .ctn_nav .btn_next{
	right:calc(var(--aox-sc-30px) * -1);
	}

/* BLOC SCIENCE */
.obj_skinconsult-exposome .bloc_science {
	width: 100%;
	height: var(--aox-sc-530px);
	margin-top: var(--aox-sc-40px);
	}
.obj_skinconsult-exposome .bloc_science .ctn_bloc{
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	height: 100%;
	padding: var(--aox-sc-35px);
	z-index: 1;
	color: #fff;
	text-align: left;
	}
.obj_skinconsult-exposome .bloc_science .ctn_bloc .ctn_title{
	display: block;
	width: var(--aox-sc-342px);
	}
.obj_skinconsult-exposome .bloc_science .ctn_bloc h3{
	margin: 0 0 var(--aox-sc-65px);
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-18px);
	text-transform: uppercase;
	color: #fff;
	}
.obj_skinconsult-exposome .bloc_science .ctn_bloc .ctn_btn{
	display: none;
	}
.obj_skinconsult-exposome .bloc_science.var_light .ctn_bloc h3{
	margin: 0 0 var(--aox-sc-25px);
	}
.obj_skinconsult-exposome .bloc_science.var_light .ctn_bloc .ctn_btn{
	display: block;
	}


.obj_skinconsult-exposome .bloc_science .ctn_bloc h3 strong{
	font-weight: 700;
	font-family: 'Calibre';
	}
.obj_skinconsult-exposome .bloc_science .ctn_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.obj_skinconsult-exposome .bloc_science .ctn_img img {
	width: 100%;
	height: 100%;
	}

/* BLOC ACCELERATORS */
.obj_skinconsult-exposome .bloc_accelerators .obj_concern .obj_numeric{
   margin-bottom: var(--aox-sc-10px)
	}
.obj_skinconsult-exposome .bloc_accelerators .obj_concern .obj_numeric .ctn_txt {
   margin: auto 0 0;
	}
.obj_skinconsult-exposome .bloc_accelerators .obj_concern .ctn_accelerated {
	position: relative;
	display: flex;
	flex-flow: column wrap;
	z-index: 1;
	margin-bottom: var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .bloc_accelerators .obj_concern .ctn_accelerated .obj_cause{
   width: var(--aox-sc-160px);
   height: var(--aox-sc-160px);
	margin: 0 auto;
	}
.obj_skinconsult-exposome .bloc_accelerators .obj_concern .ctn_accelerated .obj_cause .t_cause {
   height: 55%;
   top: 45%;
   padding: 0 var(--aox-sc-10px) var(--aox-sc-10px);
   font-size: var(--aox-fs-sc-20px);
   }
.small_fonts .obj_skinconsult-exposome .bloc_accelerators .obj_concern .ctn_accelerated .obj_cause .t_cause,
.obj_skinconsult-exposome .bloc_accelerators .obj_concern .ctn_accelerated .obj_cause .t_cause em{
	font-size: var(--aox-fs-sc-14px);
	font-style: inherit;
	}
.obj_skinconsult-exposome .bloc_accelerators .obj_concern .ctn_accelerated .obj_cause .t_origin {
	padding: var(--aox-sc-10px) 0 0;
	font-size: 8px;
	letter-spacing: 1px;
	}

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

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

/* 2 - OBJECTS */
.obj_skinconsult-exposome .obj_btn.btn_default {
   padding: var(--aox-sc-18px) var(--aox-sc-50px);
	border-radius: var(--aox-40px)
	}
/* BTN VAR WHITE */	
.obj_skinconsult-exposome .obj_btn.btn_default.var_white {
   border: solid var(--aox-2px) #000;
	color: #000;
	background: #fff;
	}
.obj_skinconsult-exposome .obj_btn.btn_default.var_white:hover,
.obj_skinconsult-exposome .obj_btn.btn_default.var_white:focus{
	color: #000;
	border: solid var(--aox-2px) #000;
	background: #fff;
	}

.obj_skinconsult-exposome .obj_btn.var_app {
	position: relative;
	display : block;
	width: 100%;
	height: var(--aox-sc-60px);
	padding : 0 var(--aox-sc-22px);
	text-transform : uppercase;
	text-align : center;
	cursor : pointer;
	border-radius: 60px;
	font-weight: 700;
	font-family : 'Calibre';
	line-height: 1.1em;
	font-weight: normal;
	}

.obj_skinconsult-exposome .obj_btn.var_app .icon svg{
	margin-right: var(--aox-sc-20px);
	width:7px; height:9px;
	fill:#fff;
	}
.obj_skinconsult-exposome .obj_btn.var_app ~ .obj_btn.var_app { margin-top : 10px; }
.obj_skinconsult-exposome .obj_btn.var_app.var_compare {
	color : #000;
	border : 1px solid #000;
	background : #fff;
	opacity : 1;
	transition : opacity 0.2s;
}
.obj_skinconsult-exposome .obj_btn.var_app.var_compare .icon svg{
	fill:#000;
	}
.obj_skinconsult-exposome .obj_btn.var_app.var_compare.is-hidden {
	width : 0;
	height : 0;
	padding : 0;
	opacity : 0;
	overflow : hidden;
}
.obj_skinconsult-exposome .obj_btn.var_app.var_all-signs { border : 1px solid #000; }
/* .obj_skinconsult-exposome .obj_btn.var_app{
	
	} */
/*
.obj_skinconsult-exposome .obj_btn.var_app.var_black {
	color : #fff;
	background : #000;
	border: none
	}
*/	
.obj_skinconsult-exposome .obj_btn.var_app.var_dark-blue {
	color : #fff;
	background : #000;
	border : 1px solid #000;
}
.obj_skinconsult-exposome .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 var(--aox-sc-10px) auto var(--aox-sc-20px);
}
.obj_skinconsult-exposome .obj_btn.var_facebook svg{
	width:14px; height:auto;
	fill:#fff;
	margin: auto;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_btn.var_twitter svg{
	width:22px; height:auto;
	fill:#fff;
	margin: auto;
	}
.obj_skinconsult-exposome .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 var(--aox-sc-10px) auto var(--aox-sc-20px);
}
.obj_skinconsult-exposome .obj_btn.var_print svg{
	width:24px; height:auto;
	fill:#fff;
	margin: auto;
	}
/* LOADER CTA */
.obj_skinconsult-exposome .obj_btn.var_app.send_btn.loading-spinner{
	padding: 2.1vh;
	height: 55px;
	width: 165px;
	}
.obj_skinconsult-exposome .obj_btn.var_app.var_blue.send_btn.loading-spinner span::before,
.obj_skinconsult-exposome .obj_btn.var_app.var_blue.send_btn.loading-spinner span::after{
	background: #fff;
	}
.obj_skinconsult-exposome .obj_btn.var_app.var_blue.send_btn.loading-spinner span::before{
	box-shadow: 7px 7px 0 0 #fff;
	}	
.obj_skinconsult-exposome .obj_btn.var_app.var_blue.send_btn.loading-spinner span::after{
	box-shadow: -7px -7px 0 0 #fff;
	}




.obj_skinconsult-exposome .obj_btn.var_app.var_mail > * {
	display : inline-block;
	vertical-align : middle;
}
.obj_skinconsult-exposome .obj_btn.var_app.var_mail svg{
	width:24px; height:21px;
	margin-right:var(--aox-sc-20px);
	}

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

.obj_skinconsult-exposome .bt_compare-switch{
	position:relative;
	min-height:23px;
	padding-left:70px;
	margin-bottom:25px;
	color:#fff;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .bt_compare-switch::before,
.obj_skinconsult-exposome .bt_compare-switch::after{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	content:'';
	transition:all .3s ease;
	}
.obj_skinconsult-exposome .bt_compare-switch::before{
	left:0;
	width:50px; height:23px;
	border-radius:23px;
	background:#294381;
	}
.obj_skinconsult-exposome .bt_compare-switch.open::before{
	background:#fff;
	}
.obj_skinconsult-exposome .bt_compare-switch::after{
	left:2px;
	width:19px; height:19px;
	border-radius:50%;
	background:#fff;
	}
.obj_skinconsult-exposome .bt_compare-switch.open::after{
	left:28px;
	}
/* 2.1 - OBJ SKINANALYSES */
.obj_skinconsult-exposome {
	position : relative;
	text-align : center;
	font-family : 'Calibre';
	}
.obj_skinconsult-exposome img {
	max-width : 100%;
	width : auto;
	height : auto;
	}
.obj_skinconsult-exposome picture img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	}
.obj_skinconsult-exposome > .obj_step {
	height : 0;
	opacity : 0;
	transition : opacity 0.2s;
	overflow : hidden;
}
.obj_skinconsult-exposome > .obj_step[aria-hidden="true"]{
	display: none;
	}
.obj_skinconsult-exposome > .obj_step.is-visible {
	height: auto;
	opacity : 1;
	overflow : initial;
	}
/* .obj_skinconsult-exposome > .obj_step.step_3.is-visible {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 9999;
	background : #000;
	} */
.obj_skinconsult-exposome > .obj_step.step_3.is-visible .str_bloc {
	height: 75.65vh;
	}
	


.obj_skinconsult-exposome .str_bloc{	
	position: relative;
	z-index: 1;
	
	}


/*
.obj_skinconsult-exposome > .obj_step.is-visible.step_1,
.obj_skinconsult-exposome > .obj_step.is-visible.step_7{
	padding-bottom:100px;
	}
.obj_skinconsult-exposome > .obj_step.is-visible.step_6{
	padding-bottom:170px;
	}
*/

/* 2.2 - OBJ STEP ICON */
.obj_skinconsult-exposome .obj_step-icon .ctn_img {
	display: flex;
	justify-content: center;
	align-items: center;
	position : relative;
	width: 44px; height: 54px;
}
.obj_skinconsult-exposome .obj_step-icon .ctn_img > img { display : block; }
.obj_skinconsult-exposome .obj_step-icon .ctn_img:after,
.obj_skinconsult-exposome .obj_step-icon .ctn_img:before {
	content : "";
	position : absolute;
	display : block;
	width : 6px;
	height : 6px;
	z-index : 2
}
.obj_skinconsult-exposome .obj_step-icon .ctn_img:before {
	top : 0;
	right : 0;
	border-top:  2px solid #909090;
	border-right : 2px solid #909090;
}
.obj_skinconsult-exposome .obj_step-icon .ctn_img:after {
	bottom : 0;
	left : 0;
	border-bottom : 2px solid #909090;
	border-left : 2px solid #909090;
}
.obj_skinconsult-exposome .obj_step-icon .txt {
	padding-left: var(--aox-sc-20px);
	width: calc(100% - 44px);
}
.obj_skinconsult-exposome .obj_step-icon .t_step {
	font-size: var(--aox-fs-sc-10px);
	line-height : 1.2;
	text-transform: uppercase;
	color : #909090;
	font-weight: 700;
	font-family : 'Calibre';
	}
.obj_skinconsult-exposome .obj_step-icon .t_legend {	
	font-size: var(--aox-fs-sc-12px);
	line-height : 1.2;
	text-transform: uppercase;
	color : #fff;
	}

/* SURCHARGES CONTEXTUELS */
.obj_skinconsult-exposome .bloc_txt.var_details .obj_step-icon {
	width : auto;
	margin-bottom : 2.248vh;
}
.obj_skinconsult-exposome .bloc_txt.var_details .obj_step-icon .t_legend {
	font-weight: 700;
	font-size : 3.298vh;
	font-family : 'Calibre';
	color : #000;
}

/* 2.3 - OBJ BREADCRUMB */
.obj_skinconsult-exposome .obj_breadcrumb {
	position : relative;
	display : flex;
	flex-flow: column nowrap;
	align-items : center;
	justify-content : flex-start;
	width : 100%;
	height : var(--aox-sc-90px);
	margin : 0 auto;
	text-transform : uppercase;
	text-align : center;
	z-index : 5;	
	}
.obj_skinconsult-exposome .obj_breadcrumb .obj_btn.var_back {
	position : absolute;
	top : var(--aox-sc-20px);
	bottom : 0;
	left : var(--aox-sc-20px);
	width : 40px;
	height : 40px;
	max-width : 100%;
	max-height : 100%;
	margin : 0;
	z-index : 8;
}
.obj_skinconsult-exposome .obj_breadcrumb .obj_btn.var_email {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 5%;
	display : block;
	height : 30px;
	margin : auto;
	z-index : 2;
}
.obj_skinconsult-exposome .obj_breadcrumb .t_title {
	display: block;
	font-size: var(--aox-fs-sc-16px);
	font-family: 'Calibre';
	text-transform : uppercase;
	color : #000;
	}
.obj_skinconsult-exposome .obj_breadcrumb .ctn_breadcrumb {
	width : 40%;
	max-width : 200px;
	margin-top: var(--aox-sc-30px);
	}
.obj_skinconsult-exposome .step_prescription .obj_breadcrumb .ctn_breadcrumb,
.obj_skinconsult-exposome .step_routine .obj_breadcrumb .ctn_breadcrumb {
	width : 100%;
	}
.obj_skinconsult-exposome .obj_breadcrumb .obj_list {
	display : flex;
	flex-direction : row;
	justify-content : center;
	margin : 0 0 var(--aox-sc-15px);
	padding : 0;
	}
.obj_skinconsult-exposome .obj_breadcrumb .obj_list .item{
	width : var(--aox-sc-20px);
	margin-right: var(--aox-4px);
	font-family: 'Calibre';
	font-size: 0;
	}
.obj_skinconsult-exposome .obj_breadcrumb .obj_list .item::before{
	display: block;
	content:"";
	width : var(--aox-sc-20px);
	height : var(--aox-4px);
	margin-bottom: var(--aox-4px);
	background: #fff;
	}
/* List Chatbot */	
.obj_skinconsult-exposome .step_chatbot .obj_breadcrumb .obj_list .item::before,
.obj_skinconsult-exposome .step_routine .obj_breadcrumb .obj_list .item::before{
	background: #F3F3F3;
	}
.obj_skinconsult-exposome .obj_breadcrumb .obj_list .item.is-active{
	font-size: var(--aox-fs-sc-12px);
	}
.obj_skinconsult-exposome .obj_breadcrumb .obj_list .item.is-active::before{
	background: #000;
	}
.obj_skinconsult-exposome .obj_breadcrumb .obj_btn.var_email {
	position : absolute;
	top : 0;
	right : 5%;
	display : block;
	height : 30px;
	margin : auto;
	z-index : 2;
}
.obj_skinconsult-exposome .obj_breadcrumb .obj_btn.var_email img { width : 4vh }
.obj_skinconsult-exposome .step_upload .bloc_upload {
	position: absolute;
	bottom : var(--aox-sc-160px);
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: auto;
	}
.obj_skinconsult-exposome .step_upload .obj_breadcrumb .obj_list { 
	justify-content : center;
	}
.obj_skinconsult-exposome .step_upload p.t_mentions{
	margin-top:35px;
	line-height:1.2;
	text-align:left;
	font-size: var(--aox-fs-sc-16px);
	}

/* 2.4 - OBJ CARROUSEL */
.obj_skinconsult-exposome .bloc_carrousel{
	position: absolute;	
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.obj_skinconsult-exposome .bloc_carrousel .ctn_bloc{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	}

/* 2.4.1 - CARROUSEL STEPS */
.obj_skinconsult-exposome .obj_carrousel.var_steps {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .masque {
	position : relative;
	max-width : var(--aox-sc-500px);
	width: 100%;
	height : 100%;
	margin : 0 auto;
	overflow : initial;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .nav{
	position: absolute;
	bottom: var(--aox-sc-20px);
	width: 100%;
	text-align: center;
	color: #fff;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .nav ul{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .nav ul li{
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	font-size: 0;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .nav ul li.active{
	background: rgba(255, 255, 255, 1);
	}


/*	
.obj_skinconsult-exposome .obj_carrousel.var_steps .masque:before {
	content : '';
	display : block;
	padding-top : 114.42%;
	}
	*/
.obj_skinconsult-exposome .obj_carrousel.var_steps .items {
	position : absolute;
	top : 0;
	left : 0;
	width : 10000px;
	height : 100%;
}
.obj_skinconsult-exposome .obj_carrousel.var_steps .item {
	position : relative;
	float : left;
	width: 100%;
	max-width :  var(--aox-sc-500px) !important;
	height : 100%;
	opacity : 0.5;
}
.obj_skinconsult-exposome .obj_carrousel.var_steps .item.visible { opacity : 1; }
.obj_skinconsult-exposome .obj_carrousel.var_steps .item .obj_step {
	position : relative;
	display : block;
	margin: 0 auto;
	width : 100%;
	height : 100%;
}
.obj_skinconsult-exposome .obj_carrousel.var_steps .ctn_item {
	position : relative;
	margin : 0 13px;
	width : 100%;
	height : 100%;
}
.obj_skinconsult-exposome .obj_carrousel.var_steps .ctn_img {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 2;
	transition : top .3s ease;
}
.obj_skinconsult-exposome .obj_carrousel.var_steps .visible .ctn_img { top : 0; }
.obj_skinconsult-exposome .obj_carrousel.var_steps .ctn_img > img {
	display : block;
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .ctn_txt {
	position : absolute;
	top : var(--aox-sc-100px);
	width : 100%;	
	height : 0;
	padding: 0 var(--aox-sc-35px);
	z-index : 3;
	transition : height .5s ease;
}
.obj_skinconsult-exposome .obj_carrousel.var_steps .visible .ctn_txt { 
	height : 50%;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .ctn_txt .ctn_desc {
	position : relative;
	width : 100%;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .ctn_txt p {
	position : absolute;
	width : 100%;
	font-size : var(--aox-fs-sc-30px);
	line-height : 0.9;
	opacity : 0;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	transition : opacity .5s ease;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .ctn_txt p strong{
	font-weight: 700;
	font-family: 'Calibre';
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .visible .ctn_txt p { opacity : 1; }
.obj_skinconsult-exposome .obj_carrousel.var_steps .ctn_txt.var_black p {
	color: #000;
	}
.obj_skinconsult-exposome .obj_carrousel.var_steps .obj_step.var_02 p{
	text-align: left;
	}
/* .obj_skinconsult-exposome .obj_carrousel.var_steps .obj_step.var_03 .ctn_txt{
	top : var(--aox-sc-150px);
	} */
.obj_skinconsult-exposome .obj_carrousel.var_steps .obj_step.var_03 .ctn_txt p{
	text-align: left;
	}



/* STEP_UPLOAD */
.obj_skinconsult-exposome .str_step_upload{
	height: 100%;
	height: 75.65vh;
	}





/* 2.4.2 - CARROUSEL ROUTINE */
.obj_skinconsult-exposome .obj_carrousel.var_routine {
	padding : 4vh 0 8vh 0;
	overflow : hidden;
}
.obj_skinconsult-exposome .obj_carrousel.var_routine .masque {
	position : relative;
	width : 66.667%;
	margin : 0 auto;
	overflow : initial;
}
.obj_skinconsult-exposome .obj_carrousel.var_routine .masque:before {
	content : '';
	display : block;
	padding-top : 100%;
}
.obj_skinconsult-exposome .obj_carrousel.var_routine .items {
	position : absolute;
	top : 0;
	left : 0;
	width : 10000px;
	height : 100%;
}
.obj_skinconsult-exposome .obj_carrousel.var_routine .item {
	position : relative;
	float : left;
	height : 100%;
}
.obj_skinconsult-exposome .obj_carrousel.var_routine .nav {
	position : absolute;
	bottom : 1vh;
	left : 0;
	width : 100%;
	text-align : center;
}
.obj_skinconsult-exposome .obj_carrousel.var_routine .nav .obj_btn.var_carrousel {
	position : absolute;
	bottom : 0;
	width : 4vh;
	height : 4vh;
	background-color : #e8e8e8;
}
.obj_skinconsult-exposome .obj_carrousel.var_routine .nav .obj_btn.var_carrousel.prev { left : 10px; }
.obj_skinconsult-exposome .obj_carrousel.var_routine .nav .obj_btn.var_carrousel.next { right : 10px; }
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_carrousel.var_routine .nav ul { display : inline-block; }
.obj_skinconsult-exposome .obj_carrousel.var_routine .nav ul li {
	display : inline-block;
	width : 8px;
	height : 8px;
	margin : 0 5px;
	border-radius : 100%;
	background : #000;
	opacity : 0.2;
}
.obj_skinconsult-exposome .obj_carrousel.var_routine .nav ul li a { font-size : 0; }
.obj_skinconsult-exposome .obj_carrousel.var_routine .nav ul li.active { opacity : 1; }

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

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

/* 2.6 - OBJ ENCART */
.obj_skinconsult-exposome .obj_encart {
	display : block;
	padding : 5px 7px;
	text-transform : uppercase;
	font-size : 10px;
	font-weight: 700;
	font-family : 'Calibre';
	line-height : 1;
	color : #fff;
	background : #3e4a59;
	border-radius: var(--aox-sc-20px);
}
.obj_skinconsult-exposome .obj_encart.var_priority { background : #a82f31; }
.obj_skinconsult-exposome .obj_encart.var_normal { background : #909090; }
.obj_skinconsult-exposome .obj_encart.var_strength { background : #fff; }

/* 2.7 - OBJ PRIORITY */
.obj_skinconsult-exposome .obj_concern {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	margin-top: 0;
	padding: 0;
	text-align: left;
	color: #000;
	font-size: 0;
	overflow: hidden;
	opacity: 1;
	transition: all 0.2s;
	}
.obj_skinconsult-exposome .obj_concern.is-hidden {
	height : 0;
	margin-top : 0;
	opacity : 0;
	}
.obj_skinconsult-exposome .obj_concern .ctn_visual,
.obj_skinconsult-exposome .obj_concern .ctn_desc {
	position: relative;
	display: block;
	}
.obj_skinconsult-exposome .obj_concern .ctn_visual {
	position : relative;
	width : 100%;
	height: var(--aox-sc-260px);
	padding: var(--aox-sc-20px);
	border-radius: 10px;
	overflow: hidden;
	}
.obj_skinconsult-exposome .obj_concern .ctn_visual:before {
	position: absolute;
	content : '';
	display : block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background :rgba(0,0,0,.1);
	}
.obj_skinconsult-exposome .obj_concern .ctn_visual .ctn_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.obj_skinconsult-exposome .obj_concern .ctn_img img {
	width : 100%;
	height : 100%;
	}
.obj_skinconsult-exposome .obj_concern .obj_numeric{
	position: relative;
	z-index: 1;
	margin: 0 0 var(--aox-sc-25px);
	width: 100%;
	flex-flow: column nowrap;
	justify-content: space-between;
	}
.obj_skinconsult-exposome .obj_concern .obj_numeric .ctn_txt {
	margin: auto 0 var(--aox-sc-15px);
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	}
.obj_skinconsult-exposome .obj_concern .obj_numeric .ctn_txt .t_symptom{
	display: inline-block;
	font-weight: 700;
	font-family: 'Calibre';
	font-size: 11px;
	line-height: 1em;
	padding: var(--aox-sc-4px) var(--aox-sc-15px);
	text-transform: uppercase;
	border-radius: var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .obj_concern.var_priority .obj_numeric .ctn_txt .t_symptom{
	background-color: #DB2626;
	}
.obj_skinconsult-exposome .obj_concern.var_strength .obj_numeric .ctn_txt .t_symptom{
	background-color: #3C77E3;
	}
.obj_skinconsult-exposome .obj_concern .obj_numeric .ctn_txt .t_rating {
	padding: 0;
	font-weight: 700;
   font-family: 'Calibre';
   font-size: var(--aox-fs-sc-20px);
	}
.obj_skinconsult-exposome .obj_concern .obj_numeric .ctn_txt .t_rating strong {
   font-weight: 700;
   font-family: 'Calibre';
   font-size: var(--aox-fs-sc-30px);
	}	
.obj_skinconsult-exposome .obj_concern .obj_numeric .ctn_progress {
   height: 4px;
   width: 100%;
	}	
.obj_skinconsult-exposome .obj_concern .ctn_accelerated{
	position: relative;
	display: flex;
	flex-flow: column wrap;
	z-index: 1;
	margin-bottom: var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .obj_concern .t_accelerated {
	padding: 0 0 var(--aox-sc-10px);
	font-size: var(--aox-fs-sc-10px);
	line-height: 1.5;
	font-family: 'Calibre';	
	text-transform: uppercase;
	color: #fff;
	}
.obj_skinconsult-exposome .obj_concern .t_accelerated strong {
	font-size: var(--aox-fs-sc-20px);
	line-height: 0.9;
	}
.obj_skinconsult-exposome .obj_cause{
	position: relative;
	display: block;
	width: var(--aox-sc-78px);
	height: var(--aox-sc-78px);
	color: #fff;
	}
.obj_skinconsult-exposome .obj_cause svg{
	width: 100%;
	height: 100%;
	fill: currentColor;
	}
.obj_skinconsult-exposome .obj_cause .t_cause{
	display: block;
	width: 100%;	
	height: 66%;
	position: absolute;
	top: 33%;	
	padding: var(--aox-sc-5px);
	text-transform: uppercase;
	font-size: var(--aox-fs-sc-10px);
	font-weight: 700;
	font-family:'Calibre';
	text-align: center;	
	}
.small_fonts .obj_skinconsult-exposome .obj_cause .t_cause,
.obj_skinconsult-exposome .obj_cause .t_cause em{
	font-style: normal;
	font-size: var(--aox-fs-sc-8px);
	}
.obj_skinconsult-exposome .obj_cause .t_origin{
	display: block;
	width: 100%;
	padding: var(--aox-sc-5px) 0 0;
	text-transform: uppercase;
	font-size: 6px;
	letter-spacing: 1px;
	font-family:'Calibre';
	text-align: center;
	}	
.obj_skinconsult-exposome .obj_concern .ctn_desc {
	padding : var(--aox-sc-10px) 0 0;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .obj_concern .t_title-priority {
	margin-bottom : 5px;
	font-size: var(--aox-fs-sc-18px);
	font-weight: 700;
	font-family: 'Calibre';
	text-transform: uppercase;
}
.obj_skinconsult-exposome .obj_concern .t_desc {
	margin-bottom: var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-14px);
	line-height:1.4;
	}


.obj_skinconsult-exposome .obj_concern .obj_lnk {
	display : inline-block;
	padding-bottom : 1px;
	font-size: var(--aox-fs-sc-20px);
	color : #000;
	border-bottom : 1px solid #000;
	font-weight: 700;
	font-family: 'Calibre';
}
.obj_skinconsult-exposome .obj_concern .obj_lnk:after {
	content : '';
	display : inline-block;
	width : 6px;
	height : 6px;
	margin-left : 5px;
	border : 1px solid #000;
	border-left : 0;
	border-bottom : 0;
	transform : rotate(45deg);
}
.obj_skinconsult-exposome .obj_concern .obj_encart {
	display : inline-block;
	margin : 0 0 0 5px;
	vertical-align : middle;
}

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

/* 2.9 - OBJ ROUTINE */
.obj_skinconsult-exposome .obj_routine { padding-top : 4vh; }
.obj_skinconsult-exposome .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: var(--aox-fs-sc-20px);
	color : #000;
	}
.obj_skinconsult-exposome .obj_routine .t_title img {
	display : inline-block;
	max-width : none;
	height : var(--aox-sc-35px);
	margin-right : 1vh;
	}
.obj_skinconsult-exposome .obj_routine .t_title + p {
	width : 80%;
	margin : 15px auto 0;
	padding : 0;
	text-align : left;
	font-size : 15px;
	color : #000;
	}
.obj_skinconsult-exposome .t_title-routine {
	width : 100%;
	display : flex;
	align-items : center;
	justify-content : flex-start;
	margin : 0 auto;
	padding : var(--aox-sc-20px) var(--aox-sc-35px);
	text-align : left;
	text-transform : uppercase;
	font-size: var(--aox-fs-sc-24px);
	font-weight: 700;
	font-family: 'Calibre';
	color : #000;
	}
.obj_skinconsult-exposome .t_title-routine img {
	display : inline-block;
	max-width : none;
	height : var(--aox-sc-35px);
	margin-right : 1vh;
}	

/* 2.10 - OBJ PRODUCT */
.obj_skinconsult-exposome .obj_product {
	position : relative;
	width : var(--aox-sc-255px) !important;
	min-width: var(--aox-sc-255px) !important;
	height : 100%;
	margin-right: var(--aox-sc-10px) !important;
}
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_product.var_blue:after { background : #e9f3ff; }
.obj_skinconsult-exposome .obj_product .ctn_product-top {
	position : relative;
	height : 75%;
	display : flex;
	align-items : center;
	justify-content : flex-start;
	z-index : 2;
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_image {
	position : relative;
	width : 40%;
	height : auto;
	min-height : 19.940vh;
	padding : 0;
	background : #f1f4f1;
}
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_product .ctn_product-top .ctn_image:after,
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_image:before {
	content : '';
	position : absolute;
	display : block;
	width : 50px;
	height : 50px;
	z-index : 2;
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_image:before {
	top : 0;
	right : 0;
	border-top : 2px solid #000;
	border-right : 2px solid #000;
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_image:after {
	bottom : 0;
	left : 0;
	border-bottom : 2px solid #000;
	border-left : 2px solid #000;
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_desc {
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	width : 60%;
	height : 90%;
	padding-left : 15px;
	padding-top : 15px;
	text-align : left;
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_desc .t_number {
	display : inline;
	margin-right : 1vh;
	font-size : 4vh;
	font-weight : 700;
	font-family : 'Calibre';
	color : #000
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_desc .t_usage {
	display : inline;
	font-size : 2.2vh;
	font-weight : 700;
	font-family : 'Calibre';
	color : #000
}
.obj_skinconsult-exposome .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 : #000;
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_desc .t_name:first-letter { text-transform : uppercase; }
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_desc .obj_benefits {
	margin : 0;
	padding : 0;
	font-size : 0;
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_desc .obj_benefits .obj_item-benefit {
	display : inline-block;
	margin-right : .40px;
	margin-bottom : .40px;
	padding : .40px;
	font-size : 1.3vh;
	color : #000;
	background : #ccc;
}
.obj_skinconsult-exposome .obj_product .ctn_product-top .ctn_desc .ctn_price {
	display: block;
	flex-basis : 100%;
	font-size : 15px;
	font-weight : 700;
	font-family : 'Calibre';
	margin-top : 1vh;
	color : #000;
}
.obj_skinconsult-exposome .obj_product .reco-stars {
	height : 12%;
	align-items : flex-end;
}
.obj_skinconsult-exposome .obj_product .ctn_product-bottom,
.obj_skinconsult-exposome .obj_product .reco-stars {
	position : relative;
	display : flex;
	justify-content : center;
	z-index : 2;
}
.obj_skinconsult-exposome .obj_product .ctn_product-bottom {
	height : 25%;
	align-items : flex-start;
}
.obj_skinconsult-exposome .obj_product .ctn_product-bottom .ctn_cta {
	width : 100%;
	margin-top : 15px;
	text-align : center;
}
.obj_skinconsult-exposome .obj_product .ctn_product-bottom .ctn_cta .obj_btn {
	padding : 13px;
	width : 48%;
	text-transform : uppercase;
	font-weight: 700;
	font : 15px/1 'Calibre';
}
.obj_skinconsult-exposome .obj_product .ctn_product-bottom .ctn_cta .obj_btn.var_learn {
	color : #000;
	background : #fff;
}
.obj_skinconsult-exposome .obj_product .ctn_product-bottom .ctn_cta .obj_btn.var_cart {
	color : #fff;
	background : #000;
}
/* */
.var_landing .obj_product {
	width : 70%;
	margin : 30px auto;
}

/* 2.11 - OBJ CHECK */
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_check.is-init {
	opacity : 1;
	transform : translate3D(-50%, -50%, 0) scale(1);
}
.obj_skinconsult-exposome .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_skinconsult-exposome .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_skinconsult-exposome .obj_check svg {
	width : 100%;
	height : 100%;
}
.obj_skinconsult-exposome .obj_check.is-init svg .circle {
	stroke: #000;
	stroke-width: 1;
	stroke-dasharray : 207;
	stroke-dashoffset : 207;
	fill : none;
	animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
}
.obj_skinconsult-exposome .obj_check.is-checked svg .circle {
	stroke: #fff;
	stroke-width: 2;
	box-shadow : inset 0 0 0 #fff;
}

/* 2.12 - OBJ IDLE BUTTON */
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_idle-button.inactive{
	display:none !important;
	}
.obj_skinconsult-exposome .obj_idle-button a{
	display:block;
	width:100%; height:100%;
	}
.obj_skinconsult-exposome .obj_idle-button a svg{
	width:100%;
	fill:#a52019;
	}

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

/* 2.13 - OBJ ROUTINE SLIDER */
.obj_skinconsult-exposome .obj_routine-slider[data-num-slides="3"] .product-card {
   width: auto;
	}
.obj_skinconsult-exposome .obj_routine-slider .slider-controls {
	position: absolute;
	z-index: 2;
	bottom: -50px;
	left: 50%;
	width: 100%;
	max-width: 370px;
	transform: translateX(-50%);
	}
.obj_skinconsult-exposome .slider-controls .slide-step {
	position: absolute;
	bottom: 0;
	z-index: 4;
	}	
.obj_skinconsult-exposome .obj_routine-slider .slider-controls .prev {
   left: 0;
	}
.obj_skinconsult-exposome .obj_routine-slider .slider-controls .next {
   right: 0;
	}
.obj_skinconsult-exposome .obj_routine-slider .slider-controls .small {
   display: inline-block;
   width: var(--aox-sc-35px);
   height: 34px;
   padding: var(--aox-sc-10px) 5px;
	}
.obj_skinconsult-exposome .obj_routine-slider .slider-controls .slide-step svg {
   width: 100%;
   height: 100%;
   fill: #000;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_routine-slider .slider-controls .slide-links li {
	display: inline-block;
	width: var(--aox-sc-20px);
	height: var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .obj_routine-slider .slider-controls .slide-links li > button {
	width: var(--aox-sc-20px);
	height: var(--aox-sc-20px);
	line-height: var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .obj_routine-slider .slider-controls .slide-links > li button::before {
	background-color: #FFFFFF;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_routine-slider .slider-controls .slide-links > li.current button::before {
   background-color: #000;
	}


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

/* bt_tuto */
.obj_skinconsult-exposome .bt_tuto{
	position:absolute;
	right:var(--aox-sc-20px); top:var(--aox-sc-20px);
	width:25px; height:25px;
	color:#000;
	background:#fff;
	border-radius:50%;
	}
.obj_skinconsult-exposome .bt_tuto svg{
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	fill:currentColor;
	}

/* BLOC GRAPH */
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_graph .content .ctn_text{
	width: 100%;
	max-width: 565px;
	height: 565px;
	padding: 0 45px 0 70px;
	display: flex;
	background: #fff;
	} 	
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_graph .content .text{
	position: relative;
	margin: auto 0;
	z-index: 1;
	}	
.obj_skinconsult-exposome .obj_graph .content .text h2{
	padding: 0 0 30px;
	font-size: var(--aox-fs-sc-28px);
	font-weight: 600;
	color: #000;
	}	
.obj_skinconsult-exposome .obj_graph .content .text p{
	padding: 0 0 30px;
	font-size: var(--aox-fs-sc-16px);
	line-height: 22px;	
	}
.obj_skinconsult-exposome .obj_graph .content .text p em {
   display: inline-block;
   position: relative;
	height: var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-14px);
	line-height: var(--aox-sc-20px);
   vertical-align: top;
	}	
.obj_skinconsult-exposome .obj_graph .ctn_matrix{
	position: relative;
	width: 100%;
	max-width: 605px;
	max-height: 605px;
	background: #17203a;
	}	
.obj_skinconsult-exposome .obj_graph .obj_label {
    position: absolute;
    width: 18%;
    text-align: left;
	z-index: 3;
	}	
.obj_skinconsult-exposome .obj_graph .obj_label.var_1 {
    top: 17%;
    right: 23.9%;
    transition: opacity .15s ease-in
	}	
.obj_skinconsult-exposome .obj_graph .obj_label.var_2 {
    top: 41%;
    right: 3.5%;
    transition: opacity .35s ease-in;
	}
.obj_skinconsult-exposome .obj_graph .obj_label.var_3 {
    top: 81.4%;
    right: 23.7%;
    transition: opacity .5s ease-in;
	}	
.obj_skinconsult-exposome .obj_graph .obj_label.var_3::after {
	left: auto; 
	right: 0;
	top: -4px;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_graph .obj_label .t_name {
    display: block;
    text-transform: uppercase;
    font-size: 1.74vh;
	line-height: 1em;
	font-weight: 600;
    color: #fff;
	}	
.obj_skinconsult-exposome .obj_graph .obj_encart {
    display: block;
    margin-top: 5px;
    padding: 5px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background: #3e4a59;
	}
.obj_skinconsult-exposome .obj_graph .obj_encart.var_strength {
    background: #fff;
	}	
.obj_skinconsult-exposome .obj_graph .obj_encart.var_priority {
    background: #a82f31;
	}	
.obj_skinconsult-exposome .obj_graph .obj_matrix{
	position: relative;
	margin: 1var(--aox-sc-10px) auto 0;
	width: 414px;
	height: 360px;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .bg-matrix svg{
	width: 236px;
	height: 236px;
	}
.obj_skinconsult-exposome .obj_matrix .st0{
	fill:none;
	stroke:#8489a4;
	stroke-width: 1;
	stroke-miterlimit:10;
	}
	
@media screen and (max-width:767px){
	.obj_skinconsult-exposome .obj_graph .obj_encart {
    	display: inline-block;
		hyphens: auto;
		}
}

/* BG GRADIENT*/ 
.obj_skinconsult-exposome .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_skinconsult-exposome .bg-gradient svg{
	width: 236px;
	height: 236px;
	}
.obj_skinconsult-exposome .obj_matrix .numbers{
	position: absolute; 
	top: 50%; right: 0;
	transform: translateY(-50%);
	z-index: 10;
	}
.obj_skinconsult-exposome .obj_matrix .numbers li{
	display: inline-block;
	padding-left: 8px;
	font-size: var(--aox-fs-sc-16px);	
	line-height: 16px;
	font-weight: 600;
	z-index: 7;
	text-align: left;
	text-transform: uppercase;	
	color: #fff;
	}

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

/* ANIMATION STEP 1 */ 	
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_matrix	figure.bg-matrix{
	opacity: 1;
	}
	
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_points .var_point-lack-firmness{
	opacity: 1;
	transition-delay:0.2s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_legend li.var_lack-firmness{
	opacity: 1;
	transition-delay:0.3s;
	}		
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_points .var_point-pores-visibility{
	opacity: 1;
	transition-delay:0.3s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"]  .obj_legend li.var_pores-visibility{
	opacity: 1;
	transition-delay:0.4s;
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_points .var_point-fine-lines{
	opacity: 1;
	transition-delay:0.4s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_legend li.var_fine-lines{
	opacity: 1;
	transition-delay:0.5s;
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_points .var_point-deep-wrinkles{
	opacity: 1;
	transition-delay:0.5s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_legend li.var_deep-wrinkles{
	opacity: 1;
	transition-delay:0.6s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_points .var_point-under-eye-wrinkles{
	opacity: 1;
	transition-delay:0.6s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_legend li.var_under-eye-wrinkles{
	opacity: 1;
	transition-delay:0.7s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_points .var_point-lack-radiance{
	opacity: 1;
	transition-delay:0.7s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_legend li.var_lack-radiance{
	opacity: 1;
	transition-delay:0.8s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_points .var_point-dark-spots-intensity{
	opacity: 1;
	transition-delay:0.8s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_legend li.var_dark-spots-intensity{
	opacity: 1;
	transition-delay:0.9s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-01"] .obj_step .step-var1{
	opacity: 1;	
	transition-delay:2s;
	}	
	
/* ANIMATION STEP 2 */		
.obj_skinconsult-exposome .obj_graph[data-step="step-02"] .obj_matrix	figure.bg-matrix{
	opacity: 1;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-02"] .obj_matrix .numbers{
	opacity: 1;	
	transition-delay:1.5s;
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-02"] .obj_points span{
	opacity: 1;	
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-02"] .obj_legend li{
	opacity: 1;	
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-02"] .obj_matrix	figure.bg-gradient{
	opacity: 1;
	transition-delay:1.8s;
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-02"] .obj_step .step-var2{
	opacity: 1;	
	transition-delay:2.8s;
	}
	
/* ANIMATION STEP 3 */
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_matrix	figure.bg-matrix{
	opacity: 1;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_points span{
	opacity: 1;	
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_legend li{
	opacity: 1;	
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] figure.v_blue-chart{
	opacity: 1;	
	transition-delay:1.8s;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_matrix .obj_legend li.var_pores-visibility span{
	opacity:1;
	transition-delay:2s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_matrix .obj_legend li.var_under-eye-wrinkles span{
	opacity:1;
	transition-delay:2.2s;
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_matrix .obj_legend li.var_fine-lines span{
	opacity:1;
	transition-delay:2.4s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_points span.var_point-pores-visibility{	
	opacity:1;
	background: #a82f31;
	transition-delay:2s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_points span.var_point-under-eye-wrinkles{	
	opacity:1;
	background: #a82f31;
	transition-delay:2.2s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_points span.var_point-fine-lines{
	background: #fff;
	opacity: 1;	
	transition-delay:2.4s;	
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-03"] .obj_step .step-var3{
	opacity: 1;	
	transition-delay:3.5s;
	}

/* ANIMATION STEP 4 */
.obj_skinconsult-exposome .obj_graph[data-step="step-04"] .obj_matrix	figure.bg-matrix{
	opacity: 1;
	transition-delay:1.5s;
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-04"] .obj_points span{
	opacity: 1;	
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-04"] .obj_points span.var_point-pores-visibility{
	background: #a82f31;
	opacity: 1;	
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-04"] .obj_points span.var_point-under-eye-wrinkles{
	background: #a82f31;
	opacity: 1;	
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-04"] .obj_points span.var_point-fine-lines{
	background: #fff;
	opacity: 1;	
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-04"] .obj_legend li{
	opacity: 1;	
	}	
.obj_skinconsult-exposome .obj_graph[data-step="step-04"] .obj_step .step-var4{
	opacity: 1;	
	transition-delay:2.5s;
	}		
.obj_skinconsult-exposome .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_skinconsult-exposome .obj_graph[data-step="step-04"] figure.v_blue-chart{
	opacity: 1;	
	}
.obj_skinconsult-exposome .obj_graph[data-step="step-04"] figure.v_white-chart{
	opacity: 1;	
	transition-delay:1.5s;
	}	
	
/* STEP 4 */	
.obj_skinconsult-exposome .obj_matrix .v_blue-chart{
	position: absolute;
	top: 58px;
	left: 50%;
	transform: translateX(-45%);
	}
.obj_skinconsult-exposome .obj_matrix .v_blue-chart svg{
	width: 137px;
	height: 135px;
	fill: #fff;
	}	
.obj_skinconsult-exposome .obj_matrix .v_white-chart{
	position: absolute;
	top: 48px;
	left: 50%;
	transform: translateX(-60%);
	opacity: 0.6;
	}	
.obj_skinconsult-exposome .obj_matrix .v_white-chart svg{
	width: 108px;
	height: 150px;
	fill: #c7d5ef;
	opacity: 0.6;
	}	

/* OBJ TITLE STEP */
.obj_skinconsult-exposome .obj_graph .obj_step{
	position: absolute;
	width: 100%;
	top: 470px;
	left: 50%;
	transform: translateX(-50%); 
	margin: 0 auto;
	text-align: center;
	}
.obj_skinconsult-exposome .obj_graph .obj_step div{
	top: 0;
	position: absolute;
	width: 100%;
	padding: 0 var(--aox-sc-20px);
	box-sizing: border-box;
	}	
.obj_skinconsult-exposome .obj_graph .obj_step h3{
	padding: 0 0 10px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: var(--aox-fs-sc-24px);	
	}
.obj_skinconsult-exposome .obj_graph .obj_step h3 span{
	display: inline-block;
	padding: 0 var(--aox-20px) 0 0;
	font-size: var(--aox-fs-sc-16px);
	font-weight: 300;
	}
.obj_skinconsult-exposome .obj_graph .obj_step h3 span em{
	font-size: var(--aox-fs-sc-24px);
	}
.obj_skinconsult-exposome .obj_graph .obj_step p{
	font-size: var(--aox-fs-sc-16px);
	color: #83858f;
	}
	
@media screen and (max-width:767px){
	.obj_skinconsult-exposome .obj_graph .content{
		flex-direction: column;
		}
	.obj_skinconsult-exposome .obj_graph .content .ctn_text{
		height: auto;
		padding: 30px var(--aox-sc-20px);
		max-width: inherit;
		order: 1;
		}	
	.obj_skinconsult-exposome .obj_graph .content .ctn_text::after{
		display: none;
		}	
	.obj_skinconsult-exposome .obj_graph .ctn_matrix{
		max-width: inherit;
		order: 2;
		min-height: 404px;
		}
	.obj_skinconsult-exposome .obj_graph .obj_matrix{	
		position: absolute;
		margin: 30px auto 0;
		left: 50%;
		transform: translateX(-50%) scale(0.75);
		}
	.obj_skinconsult-exposome .obj_graph .obj_step {
		top: 310px;
		margin: 0 auto var(--aox-sc-20px);
		}	
}

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

/***************/
/*** CHATBOT ***/
/***************/
.obj_skinconsult-exposome .step_chatbot .bloc_chatbot{
	padding: 0 var(--aox-sc-35px) var(--aox-sc-50px);
	z-index: auto;
	}
.obj_skinconsult-exposome .step_chatbot .bloc_chatbot .ctn_intro{
	padding-bottom: var(--aox-sc-30px);
	}
.obj_skinconsult-exposome .step_chatbot p{
	font-size: var(--aox-fs-sc-14px); line-height:1.1;
	}
.obj_skinconsult-exposome .step_chatbot p strong{
	font-weight: 700;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .step_chatbot .ctn_intro > p + p{
	margin-top: var(--aox-sc-15px)
	}
.obj_skinconsult-exposome .step_chatbot .t_label{
	display: block;
	margin: var(--aox-sc-20px) 0;
	font-size: 10px;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .step_chatbot .bt_valid-row{
	position:relative;
	margin-left:10px;
	height: var(--aox-58px);
	width: var(--aox-58px);
	border-radius:50%;
	border:2px solid #eee;
	}
.obj_skinconsult-exposome .step_chatbot .bt_valid-row::before{
	content:'';
	position:absolute;
	left:50%; top:45%;
	width:22px; height:0.9vh;
	border: 3px solid #000;
	border-right:none;
	border-top:none;
	transform:translate(-50%,-50%) rotate(-45deg);
	}
/**/
.obj_skinconsult-exposome .obj_dialog-bubble{
	width: 100%;
	margin: var(--aox-sc-10px) auto var(--aox-sc-35px);
	font-size: var(--aox-fs-sc-14px);
	line-height: 1.2;
	text-align: left;
	}
.obj_skinconsult-exposome .obj_dialog-bubble.var_strong{
	font-weight: 700;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .obj_dialog-bubble strong{
	font-weight: 700;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .obj_dialog-bubble > *{
	position: relative;
	display: inline-block;
	margin-left: var(--aox-sc-10px);
	padding: var(--aox-15px);
	background: #F2F2F2;
	border-top-left-radius:	var(--aox-sc-10px) 10px;
	border-top-right-radius: var(--aox-sc-10px) 10px;
	border-bottom-right-radius: var(--aox-sc-10px) 10px;
	border-bottom-left-radius: 0 0;
	text-align:left;
	}
.obj_skinconsult-exposome .obj_dialog-bubble.var_strong > div{
	font-size: var(--aox-fs-sc-14px);
	color:#fff;
	background:#000;
	}	
.obj_skinconsult-exposome .obj_dialog-bubble > div::before{
	content:"";
	position: absolute;
	bottom: 0;
	left: -10px;
	display : inline-block;
	height : 0;
	width : 0;
	border-bottom : 10px solid #F2F2F2;
	border-left : 10px solid transparent;
	}
.obj_skinconsult-exposome .obj_dialog-bubble.var_strong > div::before{
	display : inline-block;
	height : 0;
	width : 0;
	border-bottom : 10px solid #000;
	border-left : 10px solid transparent;
	}
.obj_skinconsult-exposome .obj_dialog-bubble.var_response{
	display:none;
	text-align:right;
	}
.obj_skinconsult-exposome .obj_dialog-bubble.var_response > button{
	position:relative;
	font-size: var(--aox-fs-sc-14px);
	padding-right:30px;
	background:#eee;
	}
.obj_skinconsult-exposome .obj_dialog-bubble.var_response > button svg{
	position:absolute;
	right:10px; top:50%;
	transform:translateY(-50%);
	}
.obj_skinconsult-exposome .obj_dialog-bubble.var_response > button span{
	font-size: var(--aox-fs-sc-14px);
	}
/**/
.obj_skinconsult-exposome .ctn_doctor-avatar{
	display:flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	margin: var(--aox-sc-30px) 0;
	text-align: center;
	}
.obj_skinconsult-exposome .ctn_doctor-avatar .t_name{
	margin-top: var(--aox-sc-10px);
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-10px);
	line-height: 1;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .ctn_doctor-avatar .t_job{
	font-size: var(--aox-fs-sc-10px);	
	font-family:'Calibre';
	line-height:1;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .ctn_doctor-avatar figure{
	width:var(--aox-sc-110px); 
	height:var(--aox-sc-110px);
	border-radius:100vw;
	overflow:hidden;
	}
/**/
.obj_skinconsult-exposome .ctn_subtitle{
	/*padding-bottom: var(--aox-sc-20px);*/
	text-align:center;
	border-top: 1px solid #eee;
	}
.obj_skinconsult-exposome .ctn_subtitle h3{
	margin-top: var(--aox-sc-30px);
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-24px);
	line-height:1.2;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .ctn_subtitle p{
	margin-top: var(--aox-sc-15px);
	}
/**/
.obj_skinconsult-exposome .step_chatbot .ctn_row{
	margin-top: var(--aox-sc-50px);
	}
/**/
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_number{
	margin-top: var(--aox-sc-20px);
	padding: var(--aox-sc-15px) var(--aox-sc-35px);
	border:2px solid #000;
	border-radius:15px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_number .ctn_top{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_number input{
	height: var(--aox-sc-70px); 
	width: var(--aox-sc-90px);
	padding: 0;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-60px);
	line-height:1;
	text-align:center;
	border:none;
	border-bottom: 3px solid #000;
	background:#fff;
	}
/**/
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_number.var_postal{
	padding-left:0;
	padding-right:0;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_number.var_postal .ctn_top{
	position:relative;
	padding:var(--aox-sc-10px) var(--aox-20px) var(--aox-sc-10px) 40px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_postal input{
	width:60%;
	font-size:30px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_postal .pac-target-input{
	font-size: var(--aox-fs-sc-18px);
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_postal .ctn_top svg{
	position:absolute;
	left:var(--aox-sc-20px); bottom:13px;
	fill:#eee;
	}
/**/
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype{
	position:relative;
	margin-top:var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype img{
	position:absolute;
	left: var(--aox-sc-25px);
	top: 50%;
	width: var(--aox-sc-42px);
	transform: translateY(-50%);
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype + .ctn_input.var_radio-skintype{
	margin-top:10px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype span[role="radio"]{
	display:none;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype label{
	display:flex;
	align-items: center;
	width:100%; height: var(--aox-sc-90px);
	padding: 0 var(--aox-sc-50px) 0 var(--aox-85px);
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-12px);
	line-height: 1.2;
	border: 2px solid #eee;
	border-radius: 15px;
	text-align:left;
	color: #000;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype [aria-checked=true] + label,
.obj_skinconsult-exposome .step_chatbot .error .ctn_input.var_radio-skintype [aria-checked=true] + label{
	border-color:#000;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype label strong{
	font-size: var(--aox-fs-sc-14px);
	font-weight: 700;
	font-family:'Calibre';
	text-transform:uppercase;
	}
/**/
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot span[role="radio"],
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot span[role="checkbox"]{
	display:none;
	}
.obj_skinconsult-exposome .step_chatbot .row_radio-chatbot,
.obj_skinconsult-exposome .step_chatbot .row_checkbox-chatbot{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	margin-top:10px;
	}
.obj_skinconsult-exposome .step_chatbot .row_radio-chatbot .t_label,
.obj_skinconsult-exposome .step_chatbot .row_checkbox-chatbot .t_label{
	width:100%;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 12px 0;
	border-bottom: 2px solid #F7F7F7;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_row-form .ctn_input.var_radio-chatbot:last-child,
.obj_skinconsult-exposome .step_chatbot .ctn_row-form .ctn_input.var_checkbox-chatbot:last-child{
	border-bottom: none;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot label,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot label{
	width: 100%;
	height: auto;
	padding-right: 30px;
	text-align: left;
	font-size: var(--aox-fs-sc-14px);
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot label::before,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot label::before{
	content:'';
	position:absolute;
	right:0; top:50%;
	width: var(--aox-28px); height: var(--aox-28px);
	background:#000;
	transform:translateY(-50%);
	border-radius:30px;
	border: 2px solid #000;
	box-sizing: border-box;
	transition : opacity 0.2s;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot span[aria-checked=false] + label::before,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot span[aria-checked=false] + label::before{
	background:#fff;
	border: 2px solid #000;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot label::after,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot label::after {
	content: '';
	position: absolute;
	right: 6px;
	top: 50%;
	width: 13px;
	height: 6px;
	border: 2px solid #fff;
	border-top-color: rgb(255, 255, 255);
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: rgb(255, 255, 255);
	border-right-style: solid;
	border-right-width: 2px;
	border-top: none;
	border-right: none;
	transform:translateY(-60%) rotate(-45deg);
	}


.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_100-pct,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_100-pct label,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_100-pct,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_100-pct label{
	width:100%; height:auto;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_skintone [aria-checked=true] + label,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_skintone [aria-checked=true] + label,
.obj_skinconsult-exposome .step_chatbot .error .ctn_input.var_radio-chatbot.var_skintone [aria-checked=true] + label,
.obj_skinconsult-exposome .step_chatbot .error .ctn_input.var_checkbox-chatbot.var_skintone [aria-checked=true] + label{
	border-color:#000;
	}
.obj_skinconsult-exposome .step_chatbot .row_checkbox-chatbot .ctn_valid-row{
	margin-top:10px;
	width:100%;
	}
@media screen and (max-width:320px){
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot label,
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot label{
		width:85px; height:85px;
		}
}

/* RADIOS CHATBOT TYPE SKIN*/
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype label::before{
	content:'';
	position:absolute;
	right: var(--aox-sc-20px); top:50%;
	width: var(--aox-28px); height: var(--aox-28px);
	background:#000;
	transform:translateY(-50%);
	border-radius:30px;
	border: 2px solid #000;
	box-sizing: border-box;
	transition : opacity 0.2s;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype span[aria-checked=false] + label::before{
	background:#fff;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-skintype label::after {
	content: '';
	position: absolute;
	right: var(--aox-sc-26px);
	top: 50%;
	width: 13px;
	height: 6px;
	border: 2px solid #fff;
	border-top-color: rgb(255, 255, 255);
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: rgb(255, 255, 255);
	border-right-style: solid;
	border-right-width: 2px;
	border-top: none;
	border-right: none;
	transform:translateY(-60%) rotate(-45deg);
	}

/* SKIN TONE */
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_skintone,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_skintone{
	position:relative;
	width: auto;
	height: auto;
	border-bottom: inherit;
	margin: var(--aox-sc-10px) 3px 0 3px;
	padding: 0;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_skintone label,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_skintone label{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100px; height:100px;
	padding:10px;
	font-family:'Calibre';
	font-size:12px; line-height:1.2;
	text-transform:uppercase;
	border:2px solid #eee;
	border-radius:100px;
	color: #000;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_skintone label::before,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_skintone label::before,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_skintone label::after,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_skintone label::after{
	display: none;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_skintone .i_skintone,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_skintone .i_skintone{
	position:absolute;
	left:1px; top:1px;
	width:calc(100% - 2px); height:calc(100% - 2px);
	border-radius:50%;
	overflow:hidden;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_skintone .i_skintone div,
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_skintone .i_skintone div{
	position:absolute;
	left:0; top:0;
	width:100%;
	height: var(--aox-sc-40px);
	}
/**/
.obj_skinconsult-exposome .step_chatbot .ctn_row-form.col_skintone{
	max-width:414px;
	margin-right:auto;
	margin-left:auto;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone .obj_skintone-info{
	position:absolute;
	left:0; bottom:0;
	width:100%; height:30px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone .obj_skintone-info .skintone-button{
	width:100%; height:100%;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone .obj_skintone-info .skintone-button svg{
	width: 15px;
	height: 15px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone .obj_skintone-info p{
	display:none;
	align-items:center;
	justify-content:center;
	position:absolute;
	z-index:10;
	left:0; top:-100px;
	width:312px; height:62px;
	padding:10px;
	color:#fff;
	text-align:center;
	background:#000;
	border-radius:10px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone .obj_skintone-info p::before{
	content:'';
	position:absolute;
	left:40px; bottom:0;
	width:0; height:0;
	border-style:solid;
	border-width:11px 8px 0 8px;
	border-color:#000 transparent transparent transparent;
	transform:translateY(100%);
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone:nth-child(3n+2) .obj_skintone-info p{
	left:-106px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone:nth-child(3n+2) .obj_skintone-info p::before{
	left:146px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone:nth-child(3n+3) .obj_skintone-info p{
	left:-212px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone:nth-child(3n+3) .obj_skintone-info p::before{
	left:252px;
	}

@media screen and ( min-width: 501px ) { 
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_radio-chatbot.var_skintone .i_skintone div,
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_checkbox-chatbot.var_skintone .i_skintone div{
		height: var(--aox-sc-30px);
		}
}

@media screen and (max-width:320px){
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone .obj_skintone-info p{
		width:267px;
		font-size: var(--aox-fs-sc-14px);
		}
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone .obj_skintone-info p::before{
		left:35px;
		}
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone:nth-child(3n+2) .obj_skintone-info p{
		left:-91px;
		}
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone:nth-child(3n+2) .obj_skintone-info p::before{
		left:126px;
		}
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone:nth-child(3n+3) .obj_skintone-info p{
		left:-182px;
		}
	.obj_skinconsult-exposome .step_chatbot .ctn_input.var_skintone:nth-child(3n+3) .obj_skintone-info p::before{
		left:217px;
		}
}
/**/
.obj_skinconsult-exposome .step_chatbot .ctn_chatbot-slider{
	margin-top: 0;
   padding: var(--aox-sc-15px) 0;
   border-radius:15px;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_chatbot-slider ul{
	display:flex;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_chatbot-slider ul li{
	margin-bottom: var(--aox-sc-20px);
	padding: 0 var(--aox-sc-20px);
	flex-grow:1;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-12px); 
	line-height:1;
	text-align: center;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_chatbot-slider ul li:first-child,
.obj_skinconsult-exposome .step_chatbot .ctn_chatbot-slider ul li:last-child{
	padding:0;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_chatbot-slider ul li:first-child{
	text-align:left;
	}
.obj_skinconsult-exposome .step_chatbot .ctn_chatbot-slider ul li:last-child{
	text-align:right;
	}
.obj_skinconsult-exposome .step_chatbot .ui-slider{
	position:relative;
	height: 4px; width:100%;
	background:#eee;
	border-radius:10px;
	}
.obj_skinconsult-exposome .step_chatbot .ui-slider-range{
	height:100%;
	background:#000;
	border-radius:10px;
	}
.obj_skinconsult-exposome .step_chatbot .ui-slider-handle{
	position:absolute;
	left:0; top:-8px;
	height:var(--aox-sc-20px); width:var(--aox-sc-20px);
	transform:translate(-50%,0);
	background:#000;
	border-radius:50%;
	outline:0;
	}
.obj_skinconsult-exposome .step_chatbot .obj_btn.var_app{
	margin-top:var(--aox-sc-20px);
	}
/**/
.obj_skinconsult-exposome .step_chatbot .error .ctn_input.var_number input,
.obj_skinconsult-exposome .step_chatbot .error .ctn_input.var_radio-skintype label,
.obj_skinconsult-exposome .step_chatbot .error .ctn_input.var_radio-chatbot label,
.obj_skinconsult-exposome .step_chatbot .error .ctn_input.var_checkbox-chatbot label,
.obj_skinconsult-exposome .step_chatbot .error .ctn_chatbot-slider{
	border-color:red;
	}
.obj_skinconsult-exposome .step_chatbot .error .obj_dialog-bubble,
.obj_skinconsult-exposome .step_chatbot .error .obj_dialog-bubble button{
	color:red;
	}
.obj_skinconsult-exposome .step_chatbot .t_error{
	margin-top:var(--aox-sc-20px);
	font-size:13px;
	color:red;
	}
/**/
.obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar{
	position: fixed;
	z-index:9999;
	left:50%; top:0;
	width:100%; height:25px;
	max-width:500px;
	overflow:hidden;
	transform:translateX(-50%);
	background:#fff;
	}
.obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar::after{
	content:'';
	position:absolute;
	right:0; top:2px;
	width:100%; height:1px;
	background:#7F7F7F;
	height:1px;
	}
.obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar .progress{
	position:absolute;
	left:0; top: 0;
	width:0; height: 4px;
	background:#000;
	transition:width .3s ease;
	z-index: 1;
	}
.obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar .progress::before{
	content:'';
	position:absolute;
	right:0; top:0;
	width: 5px; height:4px;
	background:#000;
	border-radius: 2px;
	transform:translateX(50%);
	z-index: 1;
	}
.obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar .progress .text-pct{
	position: relative;
	width:100%;
	margin-left: 5px;
	padding: 5px 5px 0;
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-18px);
	line-height:1;
   text-align: right;
	transition: all .3s ease;
	}
.obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar .progress .text-pct span{
	font-size: var(--aox-fs-sc-10px);
	}
/*	
.obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar.more-50 .progress .text-pct{
	right:5px;
   text-align:right;
	color:#fff;
	}
*/

.obj_bandeau-actus.is-hidden ~ .main-header ~ .page-container .obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar,
.main-header ~ .page-container .obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar{
	top:115px;
	}
.obj_bandeau-actus ~ .main-header ~ .page-container .obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar{
	top:155px;
	}

@media screen and (max-width:979px){
	.obj_bandeau-actus.is-hidden ~ .main-header ~ .page-container .obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar,
	.main-header ~ .page-container .obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar{
		top:70px;
		}
	.obj_bandeau-actus ~ .main-header ~ .page-container .obj_skinconsult-exposome .step_chatbot .obj_chatbot-progressbar{
		top:110px;
		}
}

/* obj_back-to-top */
.obj_skinconsult-exposome .obj_back-to-top{
	position:fixed;
	z-index:9999;
	right:var(--aox-sc-20px); bottom:0;
	padding: var(--aox-sc-15px) var(--aox-sc-35px) var(--aox-sc-15px) var(--aox-sc-20px);
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-12px); line-height:1;
	text-transform:uppercase;
	color:#000;
	background: #eee;
	border-radius: 30px;
	transform:translateY(150%);
	transition:all .3s ease;
	}
.obj_skinconsult-exposome .obj_back-to-top.is-visible{
	bottom:var(--aox-sc-5px);
	transform:translateY(0);
	}
.obj_skinconsult-exposome .obj_back-to-top::before{
	content:'';
	position:absolute;
	right:13px; top:50%;
	width:15px; height:15px;
	background:#fff;
	border-radius:50%;
	transform:translateY(-50%);
	}
.obj_skinconsult-exposome .obj_back-to-top::after{
	content:'';
	position:absolute;
	right:17px; top:50%;
	width:5px; height:5px;
	border:1px solid #000;
	border-left:transparent;
	border-bottom:transparent;
	transform:translateY(-30%) rotate(-45deg);
	}

/***************************/
/*** BLOC ANIM PICTURE 2 ***/
/***************************/
/*
.obj_skinconsult-exposome .bloc_anim-picture-2{
	position:relative;
	background:linear-gradient(to bottom, #e9f3ff 50%, #ffffff 100%);
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_txt{
	padding: 30px;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .t_desc-1{
	font-size: var(--aox-fs-sc-20px);
	margin-top: 10px;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim{
	position:relative;
	height:2var(--aox-sc-20px);
	max-width:375px;
	margin:0 auto;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_img-main{
	position:absolute;
	z-index:2;
	left:50%; top:50%;
	width:215px;
	transform:translate(-50%,-45%);
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_img-vector{
	position:absolute;
	z-index:1;
	left:50%; top:50%;
	width:240px;
	margin:-1var(--aox-sc-10px) 0 0 -1var(--aox-sc-20px);
	animation:circleSpins 10s linear infinite;
	opacity:0;
	transition:opacity .5s ease;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2.full-visible .ctn_anim .anim_img-vector{
	opacity:1;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_img{
	position:absolute;
	opacity:0;
	transition:all .5s ease;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2.full-visible .ctn_anim .anim_img{
	opacity:1;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_img-1{
	width:130px;
	left:35%; top:35%;
	z-index:3;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_img-2{
	width:7.5vh;
	left:50%; top:50%;
	z-index:4;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2.full-visible .ctn_anim .anim_img-1{
	transform:translate(-13vh,-10vh);
	}
.obj_skinconsult-exposome .bloc_anim-picture-2.full-visible .ctn_anim .anim_img-2{
	transform:translate(10vh,15px);
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_vector{
	position:absolute;
	z-index:5;
	width:4.3vh; height:4.3vh;
	border:5px solid #E9F3FF;
	border-radius:4.3vh;
	opacity:0;
	transition:all .5s ease .1s;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2.full-visible .ctn_anim .anim_vector{
	opacity:1;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_vector-1,
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_vector-2{
	left:50%; top:50%;
	}
.obj_skinconsult-exposome .bloc_anim-picture-2.full-visible .ctn_anim .anim_vector-1{
	transform:translate(-140px,8vh);
	}
.obj_skinconsult-exposome .bloc_anim-picture-2.full-visible .ctn_anim .anim_vector-2{
	transform:translate(115px,-7vh) scale(0.7);
	}
.obj_skinconsult-exposome .bloc_anim-picture-2 .ctn_anim .anim_vector::before{
	position:absolute;
	content:'';
	left:50%; top:50%;
	width:30%; height:30%;
	border-radius:50%;
	background:#000;
	transform:translate(-50%,-50%);
	}
*/

/*************************/
/*** BLOC PUSH CHATBOT ***/
/*************************/
.obj_skinconsult-exposome .bloc_push-chatbot{
	padding: var(--aox-sc-20px) var(--aox-sc-20px) var(--aox-sc-50px);
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	}
.obj_skinconsult-exposome .bloc_push-chatbot .ctn_doctor-avatar{
	margin: var(--aox-sc-25px) 0 var(--aox-sc-20px);
	flex-flow: row wrap;
	}
.obj_skinconsult-exposome .bloc_push-chatbot .ctn_doctor-avatar figure{
	width: var(--aox-sc-76px);
	height: var(--aox-sc-76px);
	}
.obj_skinconsult-exposome .bloc_push-chatbot .ctn_doctor-avatar .ctn_text{
	margin-left: var(--aox-sc-20px);
	text-align: left;
	}
.obj_skinconsult-exposome .bloc_push-chatbot .ctn_doctor-avatar .t_name{
	font-family: 'Calibre';
	font-size: var(--aox-sc-18px);
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_push-chatbot .ctn_doctor-avatar .t_job{
	font-family: 'Calibre';
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	}

/*********************/
/*** CARROUSEL CSS ***/
/*********************/
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	height:4.4vh;
	margin-top:var(--aox-sc-20px);
	}
/**/
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav ul{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav ul li{
	width:var(--aox-sc-20px); height:var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav ul li button{
	display:block;
	position:relative;
	width:100%; height:100%;
	font-size:0;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav ul li button::before{
	content:'';
	position:absolute;
	left:50%; top:50%;
	width:50%; height:50%;
	background:#e8e8e8;
	border-radius:50%;
	transform:translate(-50%,-50%);
	transition:all .3s ease;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav ul li button.current::before{
	background:#000;
	}
/**/
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav > button{
	display:flex;
	align-items:center;
	position:absolute;
	top:0;
	width:4.4vh; height:4.4vh;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav > button svg{
	width:4.4vh;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav > .prev{
	left:10px;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav > .next{
	right:10px;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox .nav > button.disabled{
	opacity:0.5;
	cursor:default;
	}

/*************************/
/*** CARROUSEL FACTORS ***/
/*************************/
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors{
	margin: var(--aox-20px) 0 0 0;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .items{
	position:relative;
	/* height:230px; */
	/* height:30.5vh; */
	overflow:hidden;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item{
	position:absolute;
	left:0; top:0;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	opacity: 1;
	transition:all .5s ease;
	width: var(--aox-sc-340px);
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item.current{
	opacity:1;
	transition-delay:.25s;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item.prev-0{
	transform:translateX(-102%);
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item.prev-1{
	transform:translateX(-204%);
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item.prev-2{
	transform:translateX(-306%);
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item.next-0{
	transform:translateX(102%);
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item.next-1{
	transform:translateX(204%);
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item.next-2{
	transform:translateX(306%);
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item figure{
	display:flex;
	align-items:center;
	width:27%;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item figure img{
	width:14.3vh;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item figure::after{
	content:'';
	width:0.7vh; height:25vh;
	background:#E8E8E8;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item .ctn_text{
	width:72%;
	padding:0 var(--aox-sc-20px);
	text-align:left;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item .ctn_text h3{
	margin-bottom:10px;
	font-size: var(--aox-fs-sc-20px);
	font-weight: 700;
	font-family:'Calibre';
	line-height:1;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item .ctn_text h4{
	margin:20px 0 2px 0;
	font-weight: 700;
	font-family:'Calibre';
	font-size:10px; line-height:1;
	text-transform:uppercase;
	color:#fff;
	}
.obj_skinconsult-exposome .obj_carrouselcss-aox.carrousel-factors .item .ctn_text p{
	font-size: var(--aox-fs-sc-20px);
	line-height:1.4;
	}

/**************************/
/*** OBJ CARROUSEL TIPS ***/
/**************************/
.obj_skinconsult-exposome .obj_carrousel-tips{
	position:absolute;
	z-index:9999;
	width:calc(100% - var(--aox-sc-70px) );
	height: var(--aox-sc-80px);
	max-width:420px;
	left:50%; 
	bottom:var(--aox-sc-60px);
	background:#fff;
	border-radius:15px;
	transform:translateX(-50%);
	}
.obj_skinconsult-exposome .obj_carrousel-tips .obj_carrouselcss-aox,
.obj_skinconsult-exposome .obj_carrousel-tips .items,
.obj_skinconsult-exposome .obj_carrousel-tips .item{
	width:100%; height:100%;
	overflow:hidden;
	}
.obj_skinconsult-exposome .obj_carrousel-tips .items{
	position:relative;
	}
.obj_skinconsult-exposome .obj_carrousel-tips .item{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	position:absolute;
	top:0; left:0;
	padding-left:var(--aox-sc-20px);
	opacity:0;
	transition:all .5s ease;
	}
.obj_skinconsult-exposome .obj_carrousel-tips .item.current{
	opacity:1;
	transition-delay:.25s;
	}
.obj_skinconsult-exposome .obj_carrousel-tips .item.prev-0{
	transform:translateY(-50%);
	}
.obj_skinconsult-exposome .obj_carrousel-tips .item.next-0{
	transform:translateY(50%);
	}
.obj_skinconsult-exposome .obj_carrousel-tips figure{
	width:65px; height:65px;
	border-radius:50%;
	overflow:hidden;
	}
.obj_skinconsult-exposome .obj_carrousel-tips figure img{
	width:65px;
	}
.obj_skinconsult-exposome .obj_carrousel-tips .ctn_text{
	padding-left:15px;
	width:calc(100% - 90px);
	text-align:left;
	}
.obj_skinconsult-exposome .obj_carrousel-tips .ctn_text h3{
	display: inline-block;
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-8px);
	line-height:1;
	color:#fff;
	padding: 2px 4px;
	background: #000;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .obj_carrousel-tips .ctn_text p{
	font-size: var(--aox-fs-sc-12px);
	line-height:1.2;
	}

/******************/
/*** ICON GLOBE ***/
/******************/
/*
.obj_skinconsult-exposome .i_globe{
	position:absolute;
	right:0; top:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	width:30px; height:30px;
	background:#000;
	border-radius:50%;
	transform:translate(50%,-50%);
	}
.obj_skinconsult-exposome .i_globe svg{
	width:22px;
	}
*/	

/******************/
/*** FAKE POPIN ***/
/******************/
.obj_skinconsult-exposome .obj_fake-popin{
	display:none;
	justify-content:center;
	position:fixed;
	z-index:99999;
	left:0; top:0;
	width:100%; height:100%;
	background:rgba(0,0,0,0.7);
	}
.obj_skinconsult-exposome .obj_fake-popin .ctn_fake-popin{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	max-width:500px;
	}
.obj_skinconsult-exposome .obj_fake-popin .ctn_iframe{
	position:relative;
	height:0; width:100%;
	padding-bottom:62.5%;
	}
.obj_skinconsult-exposome .obj_fake-popin .ctn_iframe iframe{
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	}
.obj_skinconsult-exposome .obj_fake-popin .bt_close{
	position:absolute;
	right:10px; top:-24px;
	width:14px; height:14px;
	}
.obj_skinconsult-exposome .obj_fake-popin .bt_close svg{
	fill:#fff;
	}


/*************************************/
/*** RESULTS PROGRESS BAR EXPOSOME ***/
/*************************************/
.obj_skinconsult-exposome .step_skin-matrix .obj_breadcrumb .obj_btn.var_back svg{
	color: #fff;
	fill: #fff;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results{
	position: relative;
	width: var(--aox-sc-500px);
	height: var(--aox-sc-716px);
	/*max-height: 716px;*/
	max-width: 100%;
	margin: auto;
	padding: 0 var(--aox-sc-35px);
	overflow: hidden;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .obj_breadcrumb .obj_btn.var_back{
	left: calc(-1 * var(--aox-sc-15px));
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .t_title{
	color: #fff;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results{
	position: relative;
	z-index: 2;
	padding-top: var(--aox-10px);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .l_anchor{
	position: relative;
	display: block;
	margin: var(--aox-sc-40px) auto 0;
	width: 40px;
	height: 40px;	
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .l_anchor svg{
	transform: rotate(-90deg);
	fill: #fff;
	}

/* PROGRESS BARS */
.obj_skinconsult-exposome .obj_progress-bars{
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric{
	display: flex;
	flex-flow: column nowrap;
   width: 100%;
	margin: 0 0 var(--aox-15px);
   color: #fff;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric .ctn_txt{
	display: flex;
	flex-flow: row nowrap;
	margin: 0;
	width: 100%;
	color: #fff;
	text-align: left;
	justify-content: space-between;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric .ctn_txt p{
	padding: 0 0 var(--aox-sc-5px)
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric .ctn_txt .t_symptom{
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-14px);
	text-transform: none;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric .ctn_txt .t_rating{
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-12px);
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric .ctn_txt .t_rating strong{
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-20px);
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric .ctn_progress{
	width: 100%;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric .ctn_progress::before {
	top: 50%;
	transform: translateY(-50%);
   background: #A99B95;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric .ctn_progress span::before{
	border-radius: 4px;
	}

/* OBJ_NUMERIC VAR_PRIORITY */ 	
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric.var_priority .ctn_progress span::before {
	background: #A82F31;
	}
/* OBJ_NUMERIC VAR_STRENGTH */ 
.obj_skinconsult-exposome .obj_progress-bars .obj_numeric.var_strength .ctn_progress span::before {
	background: #3C77E3;
	}
.obj_skinconsult-exposome .obj_progress-bars .icon-compare{
	position: absolute;
	width: 10px;
	height: 9px;
	left: auto;
	top: -8px;
	fill: #fff;
	opacity: 0;
	transition: opacity .3s ease;
	}
.obj_skinconsult-exposome .triangle-is-visible .obj_progress-bars .icon-compare{
	opacity: 1;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_legend ul{
	position: relative;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin: var(--aox-10px) 0 var(--aox-40px);
	justify-content: space-between;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_legend ul li{
	display: flex;
	flex-flow: row wrap;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-12px);
	align-items: baseline;
	justify-content: flex-start;
	color: #fff;
	}
.obj_skinconsult-exposome .obj_progress-bars .obj_legend ul li .icon{
	width: 10px;
	height: 9px;
	margin-right: var(--aox-8px);
	fill: #fff;
	}
/* RESULTS BUTTON COMPARE */
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .ctn_btn{
	position: relative;
	margin-top: var(--aox-25px);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .t_compare{
	position: relative;
	padding: 0 0 var(--aox-10px);
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-12px);
	color: #fff;
	text-align: center;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .ctn_btn select{
	min-width: 200px;
	max-width: 100%;
	min-height: 27px;
	padding: 3px var(--aox-sc-20px);
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-12px);
	border: 2px solid #fff;
	border-radius: var(--aox-sc-20px);
	background: transparent;	
	color: #fff;
	text-align: center;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .ctn_btn select option{
	padding: 2px var(--aox-sc-20px);
	font-family:'Calibre', sans-serif;
	font-size: var(--aox-fs-sc-12px);
	color: #000;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .bt_compare-switch{
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	height: 27px;
	width: 48px;
	padding-left: 0;
	box-sizing: border-box;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .bt_compare-switch::before {
	left: 0;
	width: 48px;
	height: 27px;
	border-radius: 25px;
	background: transparent;
	border: 2px solid #fff;
	box-sizing: border-box;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .bt_compare-switch::after {
	left: 3px;
	box-sizing: border-box;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .ctn_results .bt_compare-switch.open::after{
   left: 26px;
	}


/*BACKGROUND IMAGE */
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .v_analyse{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	z-index: 1;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .v_analyse img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	filter: blur(10px);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_results .v_analyse::after{
	position: absolute;
	top: 0;
	left: 0;
	content:"";
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
	}















/****************************/
/*** SKIN MATRIX EXPOSOME ***/
/****************************/
/*
.obj_skinconsult-exposome .step_skin-matrix .bloc_cta.var_sticky{
	flex-wrap:wrap;
	padding:var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_cta.var_sticky > div{
	width:100%;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_cta.var_sticky .ctn_btn,
.obj_skinconsult-exposome .step_skin-matrix .bloc_cta.var_sticky .ctn_btn .obj_btn,
.obj_skinconsult-exposome .step_skin-matrix .bloc_priorities .ctn_bloc.ctn_btn .obj_btn{
	width:100%;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_cta.var_sticky .ctn_btn + .ctn_btn{
	margin-top:10px;
	}
*/	
/**/
.obj_skinconsult-exposome .step_skin-matrix .bloc_tab-exposome{
	display:flex;
	justify-content:center;
	padding-bottom:30px;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_tab-exposome .ctn_tab-exposome{
	display:flex;
	padding:4px;
	border:2px solid #000;
	border-radius:35px;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_tab-exposome .bt_tab-exposome{
	padding:15px 30px;
	font-size:13px; line-height:1;
	text-transform:uppercase;
	color:#909090;
	background:#fff;
	border-radius:35px;
	transition:all .2s ease;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_tab-exposome .bt_tab-exposome.active{
	background:#000;
	color:#fff;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_tab-exposome .bt_tab-exposome + .bt_tab-exposome{
	margin-left:10px;
	}
/**/
.obj_skinconsult-exposome .step_skin-matrix .bloc_hourglass{
	padding:var(--aox-sc-20px);
	background:#eee;
	border-top:2px solid #000;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_hourglass h2{
	height:35px;
	font-weight: 700;
	font-family:'Calibre';
	font-size:13px; line-height:1;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_hourglass h2 strong{
	display:inline-block;
	position:relative;
	height:35px;
	top:3px;
	padding-left:35px;
	margin-left:3px;
	font-size:2em;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_hourglass h2 strong::before{
	content:'';
	position:absolute;
	left:0; top:-3px;
	width:100%; height:100%;
	background:url('../images/i_hourglass.svg') left top / auto 100% no-repeat;
	}
/**/
.obj_skinconsult-exposome .step_skin-matrix .bloc_behaviors{
	margin:0 auto;
	max-width:375px;
	padding:30px;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_behaviors h2{
	position:relative;
	padding-left:100px;
	font-size: var(--aox-fs-sc-16px); line-height:1.3;
	text-transform:uppercase;
	text-align:left;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_behaviors h2 strong{
	position:absolute;
	left:0; top:50%;
	font-weight: 700;
	font-family:'Calibre';
	font-size:2.8em;
	line-height:0.8;
	transform:translateY(-50%);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_behaviors p{
	margin-top: 10px;
	font-size: var(--aox-fs-sc-20px);
	line-height:1.4;
	}
/**/
.obj_skinconsult-exposome .step_skin-matrix .bloc_watch-video{
	max-width:310px;
	margin:0 auto;
	padding:30px 0 40px 0;
	border-top:2px solid #eee;
	border-bottom:2px solid #eee;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_watch-video h2{
	margin-bottom:var(--aox-sc-20px);
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-20px); line-height:1;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_watch-video .bt_watch-video{
	width:310px; height:155px;
	padding-left:77%;
	font-weight: 700;
	font-family:'Calibre';
	font-size:10px; line-height:1.1;
	text-transform:uppercase;
	text-align:left;
	background:url('../images/v_watch-video.jpg') center center / auto 100% no-repeat;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_watch-video ul li{
	padding:0 var(--aox-sc-20px);
	margin-top:15px;
	font-size: var(--aox-fs-sc-20px); line-height:1.4;
	text-align:left;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_watch-video ul li strong{
	font-weight: 700;
	font-family:'Calibre';
	}
/**/
.obj_skinconsult-exposome .step_skin-matrix .bloc_carrousel-factors{
	padding-top:30px;
	}
/**/
/*
.obj_skinconsult-exposome .step_skin-matrix .bloc_vichy-expert{
	max-width:310px;
	margin:0 auto;
	padding:30px 0 var(--aox-sc-10px) 0;
	border-top:2px solid #eee;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_vichy-expert .ctn_bloc > p{
	padding:0 var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-20px); line-height:1.4;
	text-align:left;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_vichy-expert .ctn_bloc > p strong{
	font-family:'Calibre';
	}
	*/
/**/
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress{
	margin:0 auto;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress h2{
	margin-bottom:var(--aox-sc-20px);
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-18px); line-height:1;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress p{
	font-size: var(--aox-fs-sc-20px); line-height:1.4;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress{
	position:relative;
	margin:var(--aox-sc-40px) auto 0 auto;
	width:var(--aox-sc-248px); height:var(--aox-sc-248px);
	max-width:var(--aox-sc-248px); max-height:var(--aox-sc-248px);
	border-radius:var(--aox-sc-248px);
	background:rgb(255,255,255);
	background:linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(233,243,255,0.3) 100%);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress.var_normal .ctn_txt .t_status{
	background:#909090;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress.var_priority .ctn_txt .t_status{
	background:#a82f31;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress.var_strength .ctn_txt .t_status{
	background: #3C77E3;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .circle_canvas{
	position:absolute;
	top:0; left:0;
	z-index:2;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .circle_canvas + .circle_canvas{
	z-index:1;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .circle_canvas + .circle_canvas canvas{
	transform:scale(0.99);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress canvas{
	width:var(--aox-sc-248px) !important; height:var(--aox-sc-248px) !important;
	max-width:var(--aox-sc-248px); max-height:var(--aox-sc-248px);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .ctn_txt{
	position: relative;
	z-index: 3;
	padding:var(--aox-20px) var(--aox-30px) 0 var(--aox-30px);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .ctn_txt .t_percent{
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-40px);
	line-height:1;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .ctn_txt .t_percent strong{
	display: inline-block;
	font-size: var(--aox-fs-sc-100px);
	letter-spacing: -4px;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .ctn_txt .t_desc{
	padding-top: var(--aox-5px);
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-14px); line-height:1;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .ctn_txt .t_desc strong{
	font-weight: 700;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_circle-progress .ctn_circle-progress .ctn_txt .t_status{
	display:inline-block;
	margin-top: 8px;
	padding: 4px 10px;
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-12px);
	line-height:1;
	text-transform:uppercase;
	color:#fff;	
	border-radius: var(--aox-sc-20px);
	}

/**/
.obj_skinconsult-exposome .step_skin-matrix .bloc_aging-accelerators{
	padding-top:30px;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_aging-accelerators .t_title-priority{
	display:flex;
	flex-flow:row wrap;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_aging-accelerators .t_tips{
	margin:20px 0 2px 0;
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-16px);
	line-height:1;
	text-transform:uppercase;
	color:#fff;
	}
/**/
.obj_skinconsult-exposome .step_skin-matrix .bloc_result-table{
	margin: calc(var(--aox-sc-120px) * -1) auto 0 auto;
	padding: 0 0 var(--aox-sc-100px) 0;
	}

.obj_skinconsult-exposome .step_skin-matrix .bloc_result-table .t_subtitle,
.obj_skinconsult-exposome .step_skin-matrix .bloc_result-table .t_intro{
	padding-right: var(--aox-sc-40px);
	}

/* EXPAND IMPACT */	
.obj_skinconsult-exposome .step_skin-matrix .bloc_result-table .ctn_btn{
	position: absolute;
	top: 50%;
	right: var(--aox-sc-35px);
	}
.obj_skinconsult-exposome .step_skin-matrix .bloc_result-table .btn_impact{
	width: var(--aox-sc-24px);
	height: var(--aox-sc-24px);
	font-size: var(--aox-sc-12px);
	font-weight: 700;
	font-family: 'Calibre';
	border-radius: 20px;
	border: 2px solid #000;
	text-align: center;
	}	
.bloc_footer.var_impact{
	background-color: #fff;
	}
.bloc_footer.var_impact .ctn_content ul{
	display: flex;
	flex-flow: column nowrap;
	background: transparent url("../images/f_popin-impact.png") no-repeat right -2px / var(--aox-sc-10px) auto; 
	}
.bloc_footer.var_impact .ctn_content ul li{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	height: var(--aox-sc-60px);
	padding: var(--aox-sc-12px) var(--aox-sc-20px) var(--aox-sc-12px) 0;
	font-weight: 700;
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-12px);
	text-transform: uppercase;
	border-bottom: 2px solid #000;
	}
.bloc_footer.var_impact .ctn_content ul li .btn_color{
	display: flex;
	flex-flow: row nowrap;
	text-align: center;
	justify-content: center;
	align-items: center;
	width: var(--aox-sc-78px);
	height: var(--aox-sc-30px);
	border-radius: 30px;
	}
.bloc_footer.var_impact .ctn_content .var_green,
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress span.var_green::before{
	background: #03FE00;
	}
.bloc_footer.var_impact .ctn_content .var_yellow,
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress span.var_yellow::before{
	background: #FFF000;
	}
.bloc_footer.var_impact .ctn_content .var_orange,
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress span.var_orange::before{
	background: #FFA400;
	}
.bloc_footer.var_impact .ctn_content .var_red,
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress span.var_red::before{
	color: #fff;
	background: #FE0100;
	}
.bloc_footer.var_impact .ctn_content .var_purple{
	color: #fff;
	background: #A82789;
	}
.bloc_footer.var_impact .ctn_content .var_darkred,
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress span.var_darkred::before{
	color: #fff;
	background: #920143;
	}
.bloc_footer.var_impact .ctn_content .t_mandatory{
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-14px);
	padding: var(--aox-sc-10px) 0 var(--aox-sc-20px);
	text-align: right;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .left{
	width: var(--aox-sc-166px);
	color: #000;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .left p{
	color: #000;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_txt {
   margin: auto 0 var(--aox-sc-2px);
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric {
	position: relative;
	z-index: 1;
	margin: 0 0 var(--aox-sc-5px);
	width: 100%;
	flex-flow: column nowrap;
	justify-content: space-between;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress {
   height: 4px;
   width: 100%;
   margin: 0;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress::before {
   content: "";
   height: 1px;
   width: 100%;
	opacity: 0.5;
   background: rgb(0, 0, 0);
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress span::before {
   background: #CDCDCD;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_txt .t_symptom {
   display: inline-block;
   font-weight: 700;
   font-family: 'Calibre';
   font-size: var(--aox-fs-sc-12px);
   line-height: inherit;
   padding: 0;
   border-radius: var(--aox-sc-20px);
   color: #000;
   text-transform: inherit;
	text-transform: uppercase;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_txt .t_rating {
	font-weight: 700;
   font-family: 'Calibre';
   font-size: var(--aox-fs-sc-12px);
   padding: 0;
   color: #000;
   text-transform: inherit;
	}
.bloc_footer.var_impact .ctn_content .ctn_table-uv .obj_numeric .ctn_progress span.var_green::before{
	background: #03FE00;
	}
.bloc_footer.var_impact .ctn_content .var_yellow{
	background: #FFF000;
	}
.bloc_footer.var_impact .ctn_content .var_orange{
	background: #FFA400;
	}
.bloc_footer.var_impact .ctn_content .var_red{
	color: #fff;
	background: #FE0100;
	}
.bloc_footer.var_impact .ctn_content .var_purple{
	color: #fff;
	background: #A82789;
	}
.bloc_footer.var_impact .ctn_content .var_darkred{
	color: #fff;
	background: #920143;
	}
.bloc_footer.var_impact .ctn_content .right{
	width: var(--aox-sc-136px);
	margin-left: var(--aox-sc-20px);
	}	
.bloc_footer.var_impact .ctn_content .right ul{
	padding-right: 0;
	background: none;
	}
.bloc_footer.var_impact .ctn_content .right ul li{
	display: flex;
	flex-flow: row nowrap;
	height: var(--aox-sc-40px);
	font-weight: 700;
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-12px);
	line-height: 1em;
	text-transform: uppercase;
	border-bottom: inherit;
	border-left: 1px solid #000;
	margin: 0 0 var(--aox-sc-20px);
	padding: 0 0 0 var(--aox-sc-20px);
	text-align: left;
	background: none;
	}
.bloc_footer.var_impact .ctn_content .right ul li:first-of-type{
	height: 20px;
	}
.bloc_footer.var_impact .ctn_content .right ul li:last-of-type{
	margin: 0;
	}
.bloc_footer.var_impact .ctn_content .v_animas{
	margin: 0 0 0 auto;
	width: 127px;
	}

.obj_skinconsult-exposome .step_skin-matrix .bloc_result-table .ctn_result-table{
	margin-top: 10px;
	padding: 0 var(--aox-sc-35px);
	}
.obj_skinconsult-exposome .bloc_result-table  .obj_numeric {
	position: relative;
	z-index: 1;
	margin: 0 0 var(--aox-sc-15px);
	width: 100%;
	flex-flow: column nowrap;
	justify-content: space-between;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_txt {
	margin: auto 0 var(--aox-sc-15px);
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	}
 .obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_txt .t_symptom {
	display: inline-block;
	font-weight: 700;
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-14px);
	line-height: inherit;
	padding: 0;
	border-radius: var(--aox-sc-20px);
	color: #000;
	text-transform: inherit;
	}
 .obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_txt .t_rating {
	font-weight: 700;
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-12px);
	padding: 0;
	color: #000;
	text-transform: inherit;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress {
   height: 4px;
   width: 100%;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress::before {
	content: "";
	opacity: 0.5;
	height: 1px;
	width: 100%;
	background: #000;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 4px;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress span::before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	background: #000;
	transition: width ease 400ms;
	border-radius: 4px;
	}
/* Progress Colors */
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress span.var_green::before{
	background: #03FE00;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress span.var_yellow::before{
	background: #FFF000;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress span.var_orange::before{
	background: #FFA400;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress span.var_red::before{
	color: #fff;
	background: #FE0100;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress.var_purple::before{
	color: #fff;
	background: #A82789;
	}
.obj_skinconsult-exposome .bloc_result-table .obj_numeric .ctn_progress span.var_darkred::before{
	color: #fff;
	background: #920143;
	}

/**************************/
/*** AGING ACCELERATORS ***/
/**************************/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_content{
	height:calc(100vh - 40px);
	}
.obj_bandeau-actus.is-hidden ~ .main-header ~ .page-container .obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_content,
.main-header ~ .page-container .obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_content{
	height:calc(100vh - 155px);
	}
.obj_bandeau-actus ~ .main-header ~ .page-container .obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_content{
	height:calc(100vh - 195px);
	}
@media screen and (max-width:960px){
	.obj_bandeau-actus.is-hidden ~ .main-header ~ .page-container .obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_content,
	.main-header ~ .page-container .obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_content{
		height:calc(100vh - 110px);
		}
	.obj_bandeau-actus ~ .main-header ~ .page-container .obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_content{
		height:calc(100vh - 150px);
		}
}
/**/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .obj_breadcrumb .obj_btn.var_back svg {
   fill: #000;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .obj_btn.var_back span{
	padding-left:15px;
	font-size: var(--aox-fs-sc-20px);
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .t_error{
	padding:var(--aox-sc-20px);
	}
/**/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_header{
	position: relative;
	text-align: center;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_visual{
	display: flex;
	flex-flow: column-reverse;
	border-radius: 10px;
	padding: var(--aox-sc-10px) var(--aox-sc-10px) var(--aox-sc-60px) ;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_visual .ctn_title{
	margin: 0;	
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_visual .ctn_title .t_subtitle{
	margin: 0 0 var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-40px);
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_visual .ctn_title .t_subtitle span{
	padding-top: var(--aox-sc-5px);
	font-size: var(--aox-fs-sc-16px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_visual .ctn_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_visual .ctn_img::before{
	content:'';
	position:absolute;
	left:0; bottom:0;
	width:100%; height:50%;
	background:linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	}
/* FOOTER ACCELERATORS / DOCTOR */
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_doctor{
	position:relative;
	margin: calc(-1 * var(--aox-sc-60px)) auto var(--aox-sc-20px);
	padding: 0;
	border-radius: var(--aox-sc-60px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_doctor h3{
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-10px);
	line-height:1;
	color:#000;
	text-transform:uppercase;
	text-align: center;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_doctor-avatar{
	margin: 0 0 var(--aox-sc-15px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_doctor h3 strong{
	font-weight: 700;
	font-family:'Calibre';
	}
/* RULES LIST*/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_rules-list{
	padding: 0;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_rules-list h3{
	margin: 0 0 var(--aox-sc-60px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_rules-list p{
	font-size: var(--aox-fs-sc-20px);
	padding: 0 0 var(--aox-sc-20px);
	font-weight: 700;
	font-family: 'Calibre';
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_rules-list ol{
	counter-reset:rules-list;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_rules-list ol li{
	position: relative;
	padding: var(--aox-sc-40px) var(--aox-sc-10px) var(--aox-sc-10px);
	font-size: var(--aox-fs-sc-14px);
	font-family: 'Calibre';
	line-height: 1.2;
	background: #F8F8F8;
	border-radius: 10px;
	text-align: center;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_rules-list ol li + li{
	margin-top:var(--aox-sc-30px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_rules-list ol li strong{
	font-weight: 700;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_rules-list ol li::before{
	counter-increment: rules-list;
  	content: counter(rules-list);
	display: flex; 
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%; top: calc(-1 * var(--aox-sc-20px) );
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-40px);
	line-height: 1;
	color:#000;
	}
/**/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_subtitle{
	border: 0;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .t_title{
	margin: var(--aox-sc-60px) 0 var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-24px);
	line-height: 0.9;
	font-weight: 700;
	font-family:'Calibre';
	text-align: left;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .t_subtitle{
	margin: 0 0 var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-14px);
	line-height: 0.9;
	font-family:'Calibre';
	text-align: left;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .t_desc{
	margin-bottom: var(--aox-sc-20px);
	padding: 0;
	font-size: var(--aox-fs-sc-14px);
	line-height: 1.2;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .t_desc strong{
	font-weight: 700;
	font-family:'Calibre';
	}
/**/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators ul li{
	position:relative;
	margin: 0;
	padding: 0 0 var(--aox-sc-20px) var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-14px);
	line-height: 1.2;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators ul li:last-of-type{
	padding-bottom: 0;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators ul li strong{
	font-weight: 700;
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators ul li::before{
	content:'';
	position:absolute;
	left:0; top: var(--aox-sc-8px);
	width:5px; height:5px;
	background:#000;
	border-radius:50%;
	}
/**/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_dialog-bubble{
	display: flex;
	flex-flow: column wrap;
	padding: 0;
	margin: var(--aox-sc-20px) 0;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_dialog-bubble .ctn_small-avatar{
	width: 40px; height: 40px;
	overflow: hidden;
	border-radius: 40px;
	margin: 0 0 var(--aox-sc-10px) var(--aox-sc-10px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_dialog-bubble .ctn_text{
	width: 100%;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_dialog-bubble .ctn_text .obj_dialog-bubble:first-of-type{
	margin: 0;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .obj_dialog-bubble{
	margin-bottom: var(--aox-sc-10px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_dialog-bubble ul li{
	margin: var(--aox-sc-10px) 0 0 0;
	padding: 0 0 var(--aox-sc-10px) var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_dialog-bubble ul li + li{
	margin-top: 0;
	}	
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_dialog-bubble ul li:last-of-type{
	padding-bottom: 0;
	}
/**/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_img{
	width: 100%;
	height: var(--aox-sc-260px);
	margin: 0 auto var(--aox-15px) auto;
	border-radius: 10px;
	overflow: hidden;
	}

/**/
.obj_skinconsult-exposome .ctn_toggle{
	margin-bottom: var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .ctn_toggle .obj_btn.var_app{
	padding-right: var(--aox-sc-35px);
	}
.obj_skinconsult-exposome .ctn_toggle.is-opened .obj_btn.var_app{
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	}
.obj_skinconsult-exposome .ctn_toggle-list{
	margin-bottom: var(--aox-sc-20px);
	}
.obj_skinconsult-exposome .ctn_toggle-list .ctn_toggle{
	margin-bottom: var(--aox-sc-10px);
	}
.obj_skinconsult-exposome .ctn_toggle-list .ctn_toggle:last-of-type{
	margin-bottom: 0;
	}
.obj_skinconsult-exposome .ctn_toggle button::after{
	content:'';
	position:absolute;
	right: var(--aox-sc-30px); top:50%;
	width: 10px; height: 10px;
	border:2px solid #000;
	border-left:none;
	border-top:none;
	transform:translateY(-70%) rotate(45deg);
	transition: top .3s ease;
	}
.obj_skinconsult-exposome .ctn_toggle.is-opened button::after{
	transform:translateY(-40%) rotate(45deg) scale(-1);
	}
.obj_skinconsult-exposome .ctn_toggle .ctn_text{
	display:none;
	padding:15px 0 0; 
	}
.obj_skinconsult-exposome .ctn_toggle.is-opened .ctn_text{
	display:block;
	padding: var(--aox-sc-20px);
	border: solid var(--aox-2px) #000;
	border-top: 0;	
	overflow: hidden;
	}
.obj_skinconsult-exposome .ctn_toggle .ctn_text p{
	padding: 5px var(--aox-sc-5px) var(--aox-sc-10px);
	font-weight: 700;
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-12px);
	}
.obj_skinconsult-exposome .ctn_toggle .ctn_text p strong{
	font-family:'Calibre';
	}
.obj_skinconsult-exposome .ctn_toggle .ctn_text ul li{
	margin-left:0;
	}
/**/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_subtitle.var_grey-2{
	background:linear-gradient(to bottom, #eee 50%, #fff 100%);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_subtitle.var_grey-2 h3{
	margin-top:0;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_subtitle.var_grey-2 p{
	margin-bottom:var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-20px);
	line-height:1.4;
	text-align:left;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_subtitle.var_grey-2 p strong{
	font-weight: 700;
	font-family:'Calibre';
	}
/**/
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_watch-video{
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 0 var(--aox-20px) 0;
	height: var(--aox-sc-260px);
	border-radius: 10px;
	overflow: hidden;
	background:#000;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_watch-video .bt_watch-video{
	position:absolute;
	z-index:3;
	left:0; top:0;
	width:100%; height:100%;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_watch-video .bt_watch-video span{
	display:flex;
	align-items:center;
	position:absolute;
	left: 50%; top:50%;
	font-size: 0;
	width: var(--aox-sc-50px);
	height: var(--aox-sc-50px);
	transform:translate(-50%, -50%);
	border-radius: 50px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_watch-video .bt_watch-video span::before{
	content:'';
	position:absolute;
	left:50%; top:50%;
	width: var(--aox-sc-50px); height: var(--aox-sc-50px);
	border: 3px solid #fff;
	border-radius:50%;
	transform:translate(-50%, -50%);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_watch-video .bt_watch-video span::after{
	content:'';
	position:absolute;
	left: 50%; top:50%;
	width:0; height:0;
	border-style: solid;
	border-width:7.5px 0 7.5px 12px;
	border-color:transparent transparent transparent #fff;
	transform:translate(-50%, -50%);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_watch-video .video-thumbnail{
	position:absolute;
	z-index:1;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	}

/* MENOPAUSE */
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause{
	display: flex;
	flex-flow: row nowrap;
	margin: var(--aox-20px) 0;
	justify-content: space-between;	
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause p{
	font-size: var(--aox-fs-sc-14px);
	background-color: #fff;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause .ctn_img figure{
	position: relative;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause .ctn_img figcaption{
	position: absolute;
	right: var(--aox-sc-20px);
	top: var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-30px);
	font-family:'Calibre';
	color: #fff;
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause .t_subtitle{
	margin: 0 0 var(--aox-sc-15px);
	padding: 0 var(--aox-sc-20px) 0 0;
	font-size: var(--aox-fs-sc-18px);
	font-weight: 700;
	font-family: 'Calibre';
	text-align: left;
	text-transform: uppercase;	
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause p {
   padding: 0 var(--aox-sc-20px) var(--aox-sc-10px) 0;
	font-size: var(--aox-fs-sc-14px);
	}	
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause ul{
	padding: var(--aox-sc-10px) 0 0;
	}	
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause ul li {
   margin: 0 0 var(--aox-sc-10px) 0;
   padding: 0 0 0 var(--aox-sc-20px);
	font-size: var(--aox-fs-sc-14px);
   }
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause .ctn_end{
	width: 100%;
	padding: var(--aox-sc-40px) 0 var(--aox-sc-80px);	
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause .ctn_end span{
	position: relative;
	}	
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause .ctn_end .t_subtitle{
	margin: 0;
	padding: 0 0 10px;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause .ctn_end .t_subtitle::before{
	position: absolute;
	left: 0;
	bottom: 0;
	content:"";
	height: 2px;
	width: 100%;
	background: #000;	
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_menopause .ctn_end .t_subtitle span{
	position: absolute;
	bottom: -15px;
	right: var(--aox-sc-10px);
	display: inline-block;
	font-size: var(--aox-fs-sc-30px);
	padding: 5px 5px 5px var(--aox-sc-10px);
	text-transform: uppercase;
	background: #fff;
	z-index: 2;
	}

/* IMPACT DIET */
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_impact{
	display: flex;
	flex-flow: column nowrap;
	margin-bottom: var(--aox-sc-40px);
	padding: 0;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_impact .t_title-impact{
	display: block;
	margin: 0 0 var(--aox-sc-20px);
	padding: 4px 10px;
	font-size: 11px;
	font-weight: 700;
	font-family: 'Calibre';
	text-transform: uppercase;
	color: #fff;
	background: #fff;
	border-radius: 20px;
	text-align: center;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_impact .t_title-impact.var_strength{
	background: #3C77E3;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .ctn_impact .t_title-impact.var_deleterious{
	background: #A82F31;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .obj_impact{
	width: 100%;
	margin: 0 auto var(--aox-sc-35px);
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .obj_impact .ctn_img{
	position: relative;
	width: 100%;
	height: var(--aox-sc-260px);
	margin: 0 auto var(--aox-15px) auto;
	border-radius: 10px;
	overflow: hidden;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .obj_impact h5{
	padding: 0 0 var(--aox-sc-5px);
	font-size: var(--aox-fs-sc-18px);
	font-weight: 700;
	font-family: 'Calibre';
	text-transform: uppercase;
	}
.obj_skinconsult-exposome .bloc_footer.var_aging-accelerators .obj_impact p{
	font-size: var(--aox-fs-sc-14px);
	line-height: 1.2;
	font-family: 'Calibre';
	}

/********************/
/*** STEP ROUTINE ***/
/********************/
.obj_skinconsult-exposome > .obj_step.is-visible.step_7{
	padding-bottom: var(--aox-sc-150px);
	}
.obj_skinconsult-exposome .step_routine .bloc_top .ctn_btn{
	padding:0 30px 30px 30px;
	}
.obj_skinconsult-exposome .step_routine .bloc_cta.var_sticky{
	padding:30px;
	}
.obj_skinconsult-exposome .step_routine .bloc_top .ctn_btn .obj_btn,
.obj_skinconsult-exposome .step_routine .bloc_footer.var_email .ctn_btn .obj_btn,
.obj_skinconsult-exposome .step_routine .bloc_cta.var_sticky .ctn_btn,
.obj_skinconsult-exposome .step_routine .bloc_cta.var_sticky .ctn_btn .obj_btn{
	width:100%;
	}
/**/
.obj_skinconsult-exposome .step_routine .obj_routine-report{
	margin-bottom: 0;
	text-align:left;
	}
.obj_skinconsult-exposome .step_routine .obj_progress-bars .obj_numeric .ctn_txt .t_symptom,
.obj_skinconsult-exposome .step_routine .obj_progress-bars .obj_numeric .ctn_txt .t_rating,
.obj_skinconsult-exposome .step_routine .obj_progress-bars .obj_numeric .ctn_txt .t_rating strong,
.obj_skinconsult-exposome .step_routine .obj_progress-bars .obj_legend ul li{
	margin: 0;
	color: #000;
	}	
.obj_skinconsult-exposome .step_routine .obj_progress-bars .obj_legend ul{
	justify-content: flex-end;
	margin-bottom: 0;
	}
.obj_skinconsult-exposome .step_routine .obj_progress-bars .obj_legend ul li:last-child{
	padding-left: var(--aox-sc-30px);
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_row-lvl1:first-of-type{
	padding-right: var(--aox-sc-20px)
	} 
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_row-lvl1{
	padding: var(--aox-sc-20px) 0 0 0;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_row-lvl1:last-of-type{
	padding-top: 30px;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report h2{
	padding-bottom: var(--aox-sc-10px);
	font-weight: 700;
	font-family: 'Calibre';
	font-size: var(--aox-fs-sc-24px);
	line-height: 1.3;
	text-transform: uppercase;
	color:#000;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_row-lvl2{
	margin-top: 5px;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report .obj_scroll .ctn_scroll{
	display: flex;
	flex-flow: row nowrap;
	padding-left: 0;
	overflow-y: hidden;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_row-lvl2 .obj_cause{
	left: 0;
	margin: 0 var(--aox-sc-14px) 0 0;
	width: var(--aox-sc-78px);
	height: var(--aox-sc-78px);
	color: #000;
	max-width: 78px;
	max-height: 88px;
	flex-shrink: 0;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_row-lvl2 .obj_cause.var_priority{
	color: #A82F31;
	} 
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_row-lvl2 .obj_cause.var_strength{
	color: #3C77E3
	} 
.obj_routine-carrouselcss-aox .next-0 {
	opacity: 1;
  	transform: translateX(88px);
	}
.obj_routine-carrouselcss-aox .next-1 {
	opacity: 1;
  	transform: translateX(176px);
	}
.obj_routine-carrouselcss-aox .next-2 {
	opacity: 1;
  	transform: translateX(264px);
	}
.obj_routine-carrouselcss-aox .next-3 {
	opacity: 1;
  	transform: translateX(352px);
	}
.obj_routine-carrouselcss-aox .next-4 {
	opacity: 1;
  	transform: translateX(440px);
	}

.obj_skinconsult-exposome .step_routine .obj_routine-report h3{
	font-weight: 700;
	font-family:'Calibre';
	font-size: var(--aox-fs-sc-20px);
	line-height:1.3;
	text-transform:uppercase;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_column.left h3{
	color:#A82F31;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_column.right h3{
	color:#fff;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report ul li{
	margin-top:5px;
	font-size: var(--aox-fs-sc-12px);
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report ul li span{
	display:inline-block;
	padding-right:5px;
	font-weight: 700;
	font-family:'Calibre';
	font-size:0.8em;
	color:#909090;
	}
.obj_skinconsult-exposome .step_routine .obj_routine-report ul li span strong{
	font-size:1.3em;
	color:#000;
	}
.obj_skinconsult-exposome .step_routine .ctn_toggle{
	margin: var(--aox-sc-10px) 0 0;
	padding: 0 0 0 var(--aox-sc-35px);
	}
.obj_skinconsult-exposome .step_routine .ctn_toggle.is-opened::after{
	position: relative;
	content:"";
	display: block;
	width: 100%;
	height: 1px;
	background: #E0E0E0;
	}
.obj_skinconsult-exposome .step_routine .ctn_toggle .ctn_text{
	display: inherit;
	height: 0;
	transition: all 0.3s ease;
	overflow: hidden;
	}
.obj_skinconsult-exposome .step_routine .ctn_toggle.is-opened .ctn_text{
	display: inherit;
	height: auto;
	margin-bottom: var(--aox-sc-60px);
	padding: 0;
	border: inherit;
	overflow: visible;
	}
.obj_skinconsult-exposome .step_routine .ctn_toggle .obj_btn.var_app {
   width: calc(100% - var(--aox-sc-35px));
	}
.obj_skinconsult-exposome .step_routine .ctn_toggle.is-opened .obj_btn.var_app {
   border-radius: 60px;
	}
.obj_skinconsult-exposome .step_routine .ctn_toggle .obj_scroll .ctn_nav .btn_prev{
	left:calc(var(--aox-sc-40px) * -1);
	}
.obj_skinconsult-exposome .step_routine .ctn_toggle .obj_scroll .ctn_nav .btn_next{
	right:calc(var(--aox-sc-40px) * -1);
	}

@media screen and (min-width:767px) {
	.obj_skinconsult-exposome .step_routine .obj_routine-report .ctn_row-lvl2 .obj_cause:last-of-type{
		margin-right: 0;
		}
}

/**********************/
/*** CTN FB BROWSER ***/
/**********************/
.obj_skinconsult-exposome .ctn_fb-browser .bloc_carrousel{
    position: relative;
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_carrousel .item{
    position: relative;
    width: 32.234vh !important;
    height: 100%;
	margin: 0 auto;
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_carrousel .item .obj_step{
    position: relative;
    display: block;
    margin: 30px auto 0;
    width: 81.40%;
    height: 100%;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img:after,
.obj_skinconsult-exposome .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img:before {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    z-index: 2;
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img:before {
    top: 0;
    right: 0;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_img:after {
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
	}
.obj_skinconsult-exposome .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_skinconsult-exposome .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_skinconsult-exposome .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_txt .ctn_desc {
    position: relative;
    width: 100%;
    height: auto;
	}
.obj_skinconsult-exposome .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: #000;
    opacity: 1;
    text-align: left;
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_carrousel .item .obj_step .ctn_txt .ctn_desc p strong{
    font-weight: 700;
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_txt .t_inform {
    font: var(--aox-fs-sc-20px) 'Calibre';
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_txt .text_inform {
    margin: 4vh 0;
	padding: 0 10%;
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_txt .text_inform ul{
	padding: 0 0 0 20%;
	margin-top: 10px;
	}
.obj_skinconsult-exposome .ctn_fb-browser .bloc_txt .text_inform ul li{
    font: var(--aox-fs-sc-20px) 'Calibre';
    color: #000;
	text-align: left;
	list-style-type: square;
	}