<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">p strong{
	font-weight: 600;
	}
.skinconsult_2022.v4 .page-container{
	padding-bottom: 0;
	}

/* OBJ SECTION */
.obj_section .ctn_section{
	width: 100%;
	}
.obj_section .ctn_section{
	width: 100%;
	max-width: var(--aox-grid);
	margin: 0 auto;
	}
.obj_section .ctn_section h2{
	padding: 0 0 var(--aox-30px);
	font-size: var(--aox-fs-50px);
	line-height: var(--aox-lh-80);
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	}

@media screen and (max-width:767px){	
	.obj_section .ctn_section{
		max-width: 100%;
		padding: 0 var(--aox-25px);
		}	
	.obj_section .ctn_section h2 {
		padding: 0 0 var(--aox-20px);
		font-size: var(--aox-fs-30px);
		text-align: left;
		}
	.obj_section .ctn_section p {
		padding: 0 0 var(--aox-10px);
		font-size: var(--aox-fs-16px);
		}
	.hide_mob{
		display: none;
		}
}

/* SKINCONSULT */
.section_hero{
	position: relative;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	padding: 0;
	height: var(--aox-760px);
	background: none #E5EEFD;
	}
.section_hero .ctn_section{
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 100%;	
	}	
.section_hero .ctn_text{
	margin: 0;
	padding: 200px 0 0;
	width: 100%;
	max-width: 530px;
	}
.section_hero .ctn_text{
	position: relative;
	padding: 0;
	width: 100%;
	max-width: 420px;
	flex-direction: column;
	}
.section_hero .ctn_text h1{
	width: var(--aox-330px);
	height: auto;
	}		 
.section_hero .ctn_text .t_desc{
	padding: var(--aox-20px) 0 var(--aox-30px);
	color: #1c213f;
	font-size: var(--aox-fs-18px);
	font-weight: 300;
	text-transform: uppercase;
	}	
.section_hero .ctn_background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	}
.section_hero .ctn_background img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}

@media screen and (max-width:767px){		
	.section_hero{
		height: var(--aox-780px);
		}
	.section_hero .ctn_section{
		height: 100%;
		width: 100%;
		max-width: inherit;
		margin: 0;
		padding: var(--aox-70px) var(--aox-50px) var(--aox-50px);
		justify-content: flex-start;
		align-items: flex-start;
		}	
	.section_hero .ctn_text {
		display: flex;
		flex-flow: column nowrap;
		height: 100%;
		}
	.section_hero .ctn_text h1 {
		width: var(--aox-160px);
		}
	.section_hero .ctn_text .t_desc{
		max-width: var(--aox-180px);
		font-size: var(--aox-fs-18px);
		color: #fff;
		}
	.section_hero .ctn_text .ctn_btn{
		width: 100%;
		margin: auto auto 0;
		}
	.section_hero .ctn_text .ctn_btn .obj_btn.btn_default{
		width: 100%;
		}
}

/* OBJ DIAGNOSIS */
.section_diagnosis .ctn_section{
	width: var(--aox-grid);
	display: flex;
	flex-flow: row nowrap;
	padding-left: calc(var(--aox-col-1) + var(--aox-gutter));
	}
.section_diagnosis .ctn_section .ctn_text{
	width: var(--aox-col-4);
	display: flex;
	flex-flow: column nowrap;
	margin: auto 0;
	}	
.section_diagnosis .ctn_section .ctn_text h2{
	padding: 0 0 var(--aox-20px);
	text-align: left;
	}
.section_diagnosis .ctn_section .ctn_text p{
	padding: 0 0 var(--aox-20px);
	}
.section_diagnosis .ctn_section .ctn_text .ctn_btn{
	margin-top: var(--aox-50px);
	}
.section_diagnosis .ctn_section .obj_carrousel{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	width: var(--aox-col-7);
	height: var(--aox-710px);	
	}	
.section_diagnosis .ctn_section .obj_carrousel .masque{
	width: var(--aox-520px);
	margin: 0 calc(var(--aox-col-1) + var(--aox-gutter));
	}	
.section_diagnosis .ctn_section .obj_carrousel .item{
	max-width: var(--aox-520px);
	}	
.section_diagnosis .ctn_section .obj_carrousel .item img{
	height: var(--aox-660px);
	width: var(--aox-520px);
	display: block;
	}	
.section_diagnosis .ctn_section .obj_carrousel .item figcaption{
	font-size: var(--aox-fs-26px);
	font-weight: 600;
	text-transform: uppercase;
	padding-top: var(--aox-20px);
	text-align: center;
	}	
.section_diagnosis .nav ul{
	display: none !important;
	}

@media screen and (max-width:767px){	
	.section_diagnosis .ctn_section {
		width: 100%;
		flex-flow: column nowrap;
		padding: 0 var(--aox-25px);
		}
	.section_diagnosis .ctn_section .ctn_text {
		width: 100%;
		margin: 0 0 var(--aox-40px);
		}
	.section_diagnosis .ctn_section .ctn_text p{
		padding: 0 0 var(--aox-10px);
		}
	.section_diagnosis .ctn_section .ctn_text .ctn_btn {
		margin-top: var(--aox-10px);
		padding: 0;
		}
	.section_diagnosis .ctn_section .obj_carrousel {
		width: 100%;
		height: var(--aox-470px);
		}
	.section_diagnosis .ctn_section .obj_carrousel .masque {
		width: 100%;
		margin: 0 ;
		}
	.section_diagnosis .ctn_section .obj_carrousel .item img {
		height: var(--aox-470px);
		width: 100%;
		}
	.section_diagnosis .ctn_section .obj_carrousel .nav .prev {
  		left: calc(-1 * var(--aox-20px));
		}
	.section_diagnosis .ctn_section .obj_carrousel .nav .next {
  		right: calc(-1 * var(--aox-20px));
		}
	.section_diagnosis .nav ul {
		display: flex !important;
		position: absolute;
		left: 0;
		bottom: calc(-1 * var(--aox-100px));
		display: flex;
		flex-direction: row;
		width: 100%;
		justify-content: center;
		}
	.section_diagnosis .nav ul li {
		display: block;
		height: var(--aox-14px);
		width: var(--aox-14px);
		border-radius: 50%;
		background: #E0E0E0;
		transition: all ease 400ms;
		cursor: pointer;
		}
	.section_diagnosis .nav ul li.active {
		background: black;
		}
	.section_diagnosis .nav ul li a {
		display: block;
		height: 100%;
		width: 100%;
		text-indent: -9999px;
		}
	.section_diagnosis .nav ul li + li {
		margin-left: var(--aox-10px);
		}
}

/* ROUTINE */
.section_routine .ctn_section {
	width: 100%;
	margin: 0 auto;
	}
.section_routine .ctn_title {
	max-width: var(--aox-grid);
	margin: 0 auto;
	}
.section_routine .ctn_title &gt; * + * {
    margin-top: var(--aox-30px);
    }
.section_routine .ctn_title .t_title {
	font-size: var(--aox-fs-50px);
	line-height: var(--aox-lh-80);
	text-transform: uppercase;
   }
.section_routine .ctn_title .t_desc {
	margin-top: 0;
	font-size: var(--aox-fs-20px);
	text-align: center;
   }
.section_routine .scroll_routine {
   margin-top: var(--aox-45px);
   }
.section_routine .scroll_routine .ctn_scroll {
   display: flex;
   flex-direction: row;
	padding-left: 0;
   }
.section_routine .scroll_routine .ctn_scroll &gt; * {
   min-width: var(--aox-col-4);
   width: var(--aox-col-4);
   margin-right: var(--aox-gutter);
   }
.section_routine .scroll_routine .ctn_scroll .obj_routine:last-child{
	margin-right: 0;
	}
.section_routine .scroll_routine .ctn_nav {
   top: var(--aox-150px);
   }
.section_routine .obj_routine .ctn_image {
   position: inherit;
   overflow: hidden;
   height: var(--aox-410px);
   width: 100%;
   border-radius: var(--aox-10px);
   }
.section_routine .obj_routine .ctn_text {
	margin-top: var(--aox-20px);
	text-align: center;
   }
.section_routine .obj_routine .ctn_text &gt; * + * {
   margin-top: var(--aox-15px);
   }
.section_routine .obj_routine .ctn_text .t_title {
	font-size: var(--aox-fs-20px);
	line-height: var(--aox-lh-80);
	text-transform: uppercase;
	font-weight: 600;
   }
.section_routine .obj_routine .ctn_text .t_desc {
	margin-top: 10px;
	font-size: var(--aox-fs-30px);
	line-height: var(--aox-lh-80);
	text-transform: uppercase;
	font-weight: 600;
   }
.section_routine .ctn_btn{
	display: block;
	width: 100%;
	padding-top: var(--aox-45px);
	text-align: center;
	}

/***/

@media screen and (max-width: 767px) {
	.section_routine{
		margin-top: var(--aox-180px) !important;
		}
   .section_routine .ctn_section {
		max-width: 100%;
		}
   .section_routine .ctn_title &gt; * + * {
		margin-top: var(--aox-20px);
		}
	.section_routine .ctn_title .t_title {
		font-size: var(--aox-fs-30px);
		text-align: left;
		}
	.section_routine .ctn_title .t_desc {
		font-size: var(--aox-fs-16px);
		text-align: left;
		}
    .section_routine .scroll_routine .ctn_scroll &gt; * {
		min-width: var(--aox-col-3);
		width: var(--aox-col-3);
		}
    .section_routine .obj_routine .ctn_image {
      height: var(--aox-280px);
      }
	.section_routine .obj_routine .ctn_text .t_title {
		font-size: var(--aox-fs-16px);
		text-align: left;
		}
	.section_routine .obj_routine .ctn_text .t_desc{
		font-size: var(--aox-fs-22px);
		text-align: left;
		margin-top: 0;
		}
	.section_routine .ctn_section .ctn_btn{
		padding-top: var(--aox-25px);	
		text-align: left;	
		}
}

/* OBJ VIDEO */
.obj_video{
	position: relative;
	height: 100%;	
	text-align: center;
	}
.obj_player {
	position: relative;
	width: 100%;
	margin: 0 auto var(--aox-40px);
	cursor: pointer;
	}
.obj_video .obj_player::before {
   content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	background: rgba(0,0,0,.3);
	border-radius: 50%;
	height: 64px;
	margin: -32px 0 0 -32px;
	width: 64px;
	}
.obj_video .obj_player::after {
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: var(--aox-10px) 0 var(--aox-10px) var(--aox-15px);
	margin: calc(-1 * var(--aox-10px)) 0 0 -6px;	
	}
.obj_video .obj_player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	}
.obj_video .obj_player img {
	max-width: 100%;
	}	

@media screen and (max-width:767px){
	.obj_video{
		margin: var(--aox-60px) auto 0;
		height: inherit !important;
		padding-bottom: 0 !important;
		}
	.obj_video .obj_player {
		width: 100%;
		margin: 0 auto var(--aox-10px);
		}
}

/* SCIENCE */	
.section_science .ctn_section {
	width: 100%;
	margin: 0 auto;
	}
.section_science .ctn_title {
	max-width: var(--aox-grid);
	margin: 0 auto;
	}
.section_science .ctn_science{
	width: 100%;
	max-width: var(--aox-grid);
	display: flex;
	flex-flow: row nowrap;
	padding: var(--aox-100px);
	justify-content: space-between;
	background-color: #F8F8F8;
	}
.section_science .ctn_science .ctn_text{
	width: var(--aox-col-4);
	margin: auto 0;
	}
.section_science .ctn_science .ctn_text h3{
	font-size: var(--aox-fs-20px);
	max-width: var(--aox-col-3);
	padding: 0 0 var(--aox-30px);
	}
.section_science .ctn_science .ctn_text .t_desc{
	font-size: var(--aox-fs-20px);
	}
.section_science .ctn_science .ctn_image{	
	width: var(--aox-col-5);
	margin: auto 0;
	}
.section_science .ctn_science .ctn_image img{
	border-radius: 10px;
	}	

@media screen and (max-width:767px){
	.section_science .ctn_section {
		padding: 0;
		}
	.section_science .ctn_science{
		flex-flow: column nowrap;
		max-width: inherit;
		padding: var(--aox-40px) var(--aox-25px);
		}
	.section_science .ctn_science .ctn_text h3{
		padding: 0 0 var(--aox-20px);
		font-size: var(--aox-fs-16px);
		max-width: inherit;
		}
	.section_science .ctn_science .ctn_text .t_desc{
		font-size: var(--aox-fs-16px);
		padding: 0 0 var(--aox-20px);
		}
}

/* IMPACT */
.section_impact{
	background: #000;
	}
.section_impact .ctn_section {
	width: 100%;
	margin: 0 auto;
	padding: var(--aox-100px) 0;
	}
.section_impact .ctn_title {
	max-width: var(--aox-grid);
	margin: 0 auto;
	}
.section_impact .ctn_title &gt; * + * {
    margin-top: var(--aox-30px);
    }
.section_impact .ctn_title .t_title {
	max-width: var(--aox-col-6);
	font-size: var(--aox-fs-50px);
	line-height: var(--aox-lh-80);
	text-transform: uppercase;
	color: #fff;
	text-align: left;
	}
.section_impact .ctn_title .t_desc {
	max-width: var(--aox-col-9);
	margin-top: 0;
	font-size: var(--aox-fs-20px);
	color: #fff;
	text-align: left;
	}
.section_impact .scroll_impact {
	margin-top: var(--aox-45px);
	}
.section_impact .scroll_impact .ctn_scroll {
	display: flex;
	flex-flow: row wrap;
	padding-left: 0;
	}
.section_impact .scroll_impact .ctn_scroll &gt; * {
	min-width: var(--aox-col-3);
	width: var(--aox-col-3);
	margin-right: var(--aox-gutter);
	}
.section_impact .scroll_impact .ctn_scroll .obj_impact:nth-of-type(4),
.section_impact .scroll_impact .ctn_scroll .obj_impact:nth-of-type(8){
	margin-right: 0;
	}
.section_impact .scroll_impact .ctn_nav {
	display: none;
	}
.section_impact .obj_impact{
	position: relative;
	margin-bottom: var(--aox-gutter);
	}
.section_impact .obj_impact .ctn_image {
	position: inherit;
	overflow: hidden;
	height: var(--aox-col-3);
	width: var(--aox-col-3);
	border-radius: var(--aox-10px);
	}
.section_impact .obj_impact .obj_cause {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);	
	width: var(--aox-160px);
	height: var(--aox-160px);
	margin: 0 auto;
	color: #fff;
   	}
.section_impact .obj_impact .obj_cause .t_cause {
	display: block;
	width: 100%;
	position: absolute;
	padding: var(--aox-5px);
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	height: 60%;
	top: 40%;
	padding: 0 var(--aox-10px) var(--aox-10px);
	font-size: var(--aox-fs-20px);
	line-height: var(--aox-lh-90);
   	}
.small_fonts .section_impact .obj_impact .obj_cause .t_cause,
.section_impact .obj_impact .obj_cause em{
	font-size: var(--aox-fs-14px);
	font-style: inherit;
	}
.section_impact .obj_impact .obj_cause .t_origin {
	display: block;
	width: 100%;
	padding: var(--aox-10px) 0 0;
	font-size: 8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	}
.section_impact .obj_impact .obj_cause svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
	margin-top: 0;
	}
.section_impact .obj_impact .obj_cause &gt; * + * {
   margin-top: var(--aox-15px);
   }
.section_impact .ctn_btn{
	display: block;
	width: 100%;
	padding-top: var(--aox-45px);
	text-align: center;	
	}

/***/

@media screen and (max-width: 767px) {
   .section_impact .ctn_section {
		max-width: 100%;
		}
	.section_impact .ctn_section {
		padding: var(--aox-45px) 0 var(--aox-80px);
		}
	.section_impact .scroll_impact{
		margin-top: var(--aox-35px);
		padding-left: var(--aox-25px);
		}
	.section_impact .scroll_impact .ctn_scroll {
		flex-flow: row nowrap;
		}
   .section_impact .ctn_title &gt; * + * {
		margin-top: var(--aox-20px);
		}
	.section_impact .ctn_title .t_title {
		font-size: var(--aox-fs-30px);
		text-align: left;
		}
	.section_impact .ctn_title .t_desc {
		font-size: var(--aox-fs-16px);
		text-align: left;
		}
    .section_impact .scroll_impact .ctn_scroll &gt; * {
		min-width: var(--aox-col-3);
		width: var(--aox-col-3);
		margin-bottom: 0;
		}
    .section_impact .obj_impact .ctn_image {
		height: var(--aox-280px);
		}
	.section_impact .ctn_section .ctn_btn{
		padding: var(--aox-25px) 0 0 var(--aox-25px);	
		text-align: left;	
		}
}</pre></body></html>