/* ---------------------------------------- */

/*  $ > Parents

/* ---------------------------------------- */

/* ======================================== */
/*  common
/* ======================================== */

.obj_bloc {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	}
.obj_nav + .obj_bloc,
.obj_bloc + .obj_bloc,
.obj_banner + .obj_bloc,
.obj_bloc + .obj_banner,
.obj_bloc + a.anchor_link + .obj_banner,
.obj_banner + .obj_banner {
	margin-top: 75px;
	}

.obj_bloc .t_title,
.ctn_carrousel h2 {
	position: relative;
	font: 36px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: #008fcd;
	text-align: center;
	text-transform: inherit;
	}
.obj_bloc .t_title:after,
.ctn_carrousel h2:after {
	content: "";
	display: block;
	height: 2px;
	width: 50px;
	margin: 10px auto 0 auto;
	background-color: #008fcd;
	}

.obj_bloc .t_title.var_white {
	color: white;
	}
.obj_bloc .t_title.var_white::after {
	background-color: white;
	}

.obj_bloc .t_subtitle {
	color: #333;
	font: 1.063em/1.2em "LocatorWeb-Regular", Arial, Sans-Serif;
	text-align: center;
	padding: 20px 5% 0;
}

.ctn_player {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
	}
.ctn_player .obj_player {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	}

.pg_landing .carrousel_video .nav ul li button {
	background-color: #d4eaf8;
	}

/***/

@media screen and (max-width: 767px) {
	
	.obj_nav + .obj_bloc,
	.obj_bloc + .obj_bloc,
	.obj_banner + .obj_bloc,
	.obj_bloc + .obj_banner,
	.obj_banner + .obj_banner,
	.obj_bloc + a + .obj_bloc,
	.obj_banner + a + .obj_bloc,
	.obj_bloc + a + .obj_banner,
	.obj_banner + a + .obj_banner{
		margin-top: 30px;
		}
	
	.obj_bloc .t_title,
	.ctn_carrousel h2 {
		font-size: 28px;
		}
	
	}

/* ======================================== */
/*  obj_banner
/* ======================================== */

.obj_banner {
	position: relative;
	overflow: hidden;
	height: 470px;
	width: 100%;
	}
.obj_banner .ctn_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 720px;
	padding: 0;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
	}
.obj_banner .ctn_txt h2 {
	position: relative;
	font: 18px/1em "LocatorWeb-Bold", Arial, Sans-Serif;
	color: #000000;
	text-transform: uppercase;
	}
.obj_banner .ctn_txt h2::after {
	content: "";
	display: block;
	height: 2px;
	width: 50px;
	margin: 10px auto 0 auto;
	background-color: #000000;
	}
.obj_banner .ctn_txt h1,
.obj_banner .ctn_txt .t_title-banner{
	margin-top: 20px;
	font: 65px/1em "LocatorWeb-Light", Arial, Sans-Serif;
	color: #000000;
	}
.obj_banner .ctn_txt p {
	margin-top: 20px;
	font: 22px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: #000000;
	}
.obj_banner .v_banner {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: auto;
	max-width: none;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	}

/***/

@media screen and (max-width: 767px) {
	
	.obj_banner {
		height: 270px;
		}
	.obj_banner .ctn_txt {
		padding: 0 20px;
		}
	.obj_banner .ctn_txt br {
		display: none;
		}
	.obj_banner .ctn_txt h1,
	.obj_banner .ctn_txt .t_title-banner{
		margin-top: 30px;
		font-size: 35px;
		}
	.obj_banner .ctn_txt p {
		margin-top: 10px;
		font-size: 16px;
		}
	
	}

/* ======================================== */
/*  obj_nav
/* ======================================== */

.obj_nav {
	width: 100%;
	padding: 20px;
	background-color: white;
	}
.obj_nav.is-pinned {
	position: fixed;
	top: 0;
	z-index: 15;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	padding-bottom: 13px;
	}
.obj_nav ul {
	display: table;
	max-width: 1180px;
	margin: 0 auto;
	}
.obj_nav ul li {
	display: table-cell;
	padding: 10px 20px;
	font: 16px/1.2em "LocatorWeb-Regular", Arial, Sans-Serif;
	text-align: center;
	vertical-align: middle;
	}
.obj_nav ul li + li {
	border-left: solid 1px #dadde1;
	}
.obj_nav ul li a {
	color: #008fcd;
	}
.obj_nav ul li a:hover,
.obj_nav ul li a.active {
	color: black;
	}

/***/

@media screen and (max-width: 767px) {
	
	main .obj_nav{
		display:none;
		}
	
	}

/* ======================================== */
/*  bloc_symptoms
/* ======================================== */

.bloc_symptoms > .ctn_bloc {
	padding: 0 100px;
	text-align: center;
	}

/***/

.bloc_symptoms p {
	font: 22px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	}
.bloc_symptoms .t_title + p {
	margin-top: 40px;
	}

.bloc_symptoms .obj_carrouselCss {
	opacity: 1;
	margin-top: 40px;
	padding: 0;
	}
.bloc_symptoms .obj_carrouselCss > .items {
	height: auto;
	}
.bloc_symptoms .obj_carrouselCss > .items > .item {
	opacity: 1;
	position: static;
	height: auto;
	}
.bloc_symptoms .obj_carrouselCss .nav {
	display: none;
	}

.bloc_symptoms .ctn_symptoms {
	font-size: 0;
	text-align: center;
	}
.bloc_symptoms .ctn_symptoms .obj_symptom {
	display: inline-block;
	width: 148px;
	margin: 0 0 40px 0;
	}
.bloc_symptoms .ctn_symptoms .obj_symptom + .obj_symptom {
	margin-left: 15px;
	}
.bloc_symptoms .ctn_symptoms .obj_symptom img {
	display: block;
	margin: 0 auto;
	}
.bloc_symptoms .ctn_symptoms .obj_symptom h3 {
	margin-top: 15px;
	font: 18px/1.2em "LocatorWeb-Medium", Arial, Sans-Serif;
	color: #008fcd;
	}
.bloc_symptoms .ctn_symptoms .obj_symptom p {
	margin-top: 10px;
	font: 14px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	}
.bloc_symptoms .t_legal {
	font: 12px/1.4em "LocatorWeb-Light", Arial, Sans-Serif;
	color: #6c6c6c;
	}

/***/

@media screen and (max-width: 767px) {
	
	.bloc_symptoms > .ctn_bloc {
		padding: 0 20px;
		}
	
	.bloc_symptoms .obj_carrouselCss {
		overflow: visible;
		opacity: 1;
		}
	.bloc_symptoms .obj_carrouselCss > .items > .item {
		opacity: 1;
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		margin: 0;
		padding: 0 8px 0 8px;
		}
	.bloc_symptoms .obj_carrouselCss > .items > .item + .item {
		margin: 0;
		}
	.bloc_symptoms .obj_carrouselCss > .items,
	.bloc_symptoms .obj_carrouselCss > .items > .item {
		height: 180px;
		}
	.pg_landing_scars .bloc_symptoms .obj_carrouselCss > .items,
	.pg_landing_scars .bloc_symptoms .obj_carrouselCss > .items > .item {
		height: 320px;
		}
	.pg_landing_sun .bloc_symptoms .obj_carrouselCss > .items,
	.pg_landing_sun .bloc_symptoms .obj_carrouselCss > .items > .item {
		height: 280px;
		}
	.bloc_symptoms .obj_carrouselCss .prev-4 {
		transform: translateX(-500%);
		-ms-transform: translateX(-500%);
		-webkit-transform: translateX(-500%);
		}
	.bloc_symptoms .obj_carrouselCss .prev-3 {
		transform: translateX(-400%);
		-ms-transform: translateX(-400%);
		-webkit-transform: translateX(-400%);
		}
	.bloc_symptoms .obj_carrouselCss .prev-2 {
		transform: translateX(-300%);
		-ms-transform: translateX(-300%);
		-webkit-transform: translateX(-300%);
		}
	.bloc_symptoms .obj_carrouselCss .prev-1 {
		transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		-webkit-transform: translateX(-200%);
		}
	.bloc_symptoms .obj_carrouselCss .prev-0 {
		transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		}
	.bloc_symptoms .obj_carrouselCss .current {
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		}
	.bloc_symptoms .obj_carrouselCss .next-0 {
		transform: translateX(100%);
		-ms-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		}
	.bloc_symptoms .obj_carrouselCss .next-1 {
		transform: translateX(200%);
		-ms-transform: translateX(200%);
		-webkit-transform: translateX(200%);
		}
	.bloc_symptoms .obj_carrouselCss .next-2 {
		transform: translateX(300%);
		-ms-transform: translateX(300%);
		-webkit-transform: translateX(300%);
		}
	.bloc_symptoms .obj_carrouselCss .next-3 {
		transform: translateX(400%);
		-ms-transform: translateX(400%);
		-webkit-transform: translateX(400%);
		}
	.bloc_symptoms .obj_carrouselCss .next-4 {
		transform: translateX(500%);
		-ms-transform: translateX(500%);
		-webkit-transform: translateX(500%);
		}
	.bloc_symptoms .obj_carrouselCss > .nav {
		display: none;
		}
	.bloc_symptoms .t_legal {
		margin-top: 20px;
		}
	
	}

/* ======================================== */
/*  bloc_product
/* ======================================== */

.bloc_product {
	background: url("../images/bg_product.jpg") no-repeat right top #008fcd;
	}
.bloc_product > .ctn_bloc {
	position: relative;
	padding: 40px 75px 75px 75px;
	}

/***/

.bloc_product .ctn_txt {
	display: table;
	margin-top: 30px;
	}
.bloc_product .ctn_txt > .ctn_col {
	display: table-cell;
	position: relative;
	width: 45%;
	}
.bloc_product .ctn_txt > .ctn_col + .ctn_col {
	width: 55%;
	vertical-align: bottom;
	text-align: center;
	}
.bloc_product .ctn_txt h3 {
	font: 52px/1.2em "LocatorWeb-Bold", Arial, Sans-Serif;
	color: white;
	text-transform: uppercase;
	}
.bloc_product .ctn_txt h4 {
	font: 26px/1em "LocatorWeb-Light", Arial, Sans-Serif;
	color: white;
	}
.bloc_product .ctn_txt p {
	margin-top: 20px;
	font: 16px/1.4em "LocatorWeb-Light", Arial, Sans-Serif;
	color: white;
	}
.bloc_product .ctn_txt .t_legal {
	opacity: 0.5;
	font-size: 12px;
	}
.bloc_product .ctn_txt .obj_video {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	height: 140px;
	width: 250px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	}
.bloc_product .ctn_txt .obj_video::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: black;
	opacity: 0.4;
	}
.bloc_product .ctn_txt .obj_video::after {
	content: "";
	display: block;
	position: absolute;
	top: 20%;
	left: 50%;
	height: 40px;
	width: 40px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: url("../images/i_play.png") no-repeat center center / 40px 40px transparent;
	}
.bloc_product .ctn_txt .obj_video p {
	position: absolute;
	z-index: 2;
	top: 60%;
	left: 50%;
	width: 80%;
	margin: 0;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	font: 16px/1.2em "LocatorWeb-Medium", Arial, Sans-Serif;
	color: white;
	text-align: center;
	}
.bloc_product .ctn_txt .obj_push {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	padding: 20px;
	height: 140px;
	width: 250px;
	}
.bloc_product .ctn_txt .obj_push a {
	display: block;
	position: relative;
	z-index: 2;
	padding-right: 80px;
	}
.bloc_product .ctn_txt .obj_push h4 {
	font: 18px/1.2em "LocatorWeb-Bold", Arial, Sans-Serif;
	color: black;
	}
.bloc_product .ctn_txt .obj_push p {
	margin-top: 5px;
	font: 14px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	}
.bloc_product .ctn_txt .obj_push .ctn_btn {
	margin-top: 10px;
	font-family: "LocatorWeb-Bold";
	color: white;
	}
.bloc_product .ctn_txt .obj_push .ctn_btn .obj_btn {
	color: inherit;
	}
.bloc_product .ctn_txt .obj_push .v_background {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	}
.bloc_product .ctn_txt .obj_balloon {
	display: block;
	position: absolute;
	top: 10%;
	right: 3%;
	max-width: 200px;
	padding: 10px 20px;
	text-align: left;
	transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	background-color: white;
	}
.bloc_product .ctn_txt .obj_balloon::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
    height: 0;
    width: 0;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent white transparent transparent;
	}
.bloc_product .ctn_txt .obj_balloon h4 {
	font: 32px/0.8em "journal", cursive;
	color: black;
	}
.bloc_product .ctn_txt .obj_balloon .ctn_btn {
	margin-top: 15px;
	}
.bloc_product .ctn_txt .obj_balloon .ctn_btn .obj_btn {
	padding: 0;
	font-family: "LocatorWeb-Bold"; 
	color: #f47b25;
	text-transform: uppercase;
	background-color: transparent;
	}
.bloc_product .ctn_txt .v_product {
	display: inline-block;
	max-width: 80%;
	margin-right: 10%;
	}

.bloc_product .obj_carrouselCss {
	opacity: 1;
	padding: 0;
	}
.bloc_product .obj_carrouselCss > .items {
	height: auto;
	}
.bloc_product .obj_carrouselCss > .items > .item {
	opacity: 1;
	position: static;
	height: auto;
	margin: 0;
	}
.bloc_product .obj_carrouselCss .nav {
	display: none;
	}

.bloc_product .ctn_routine {
	margin-top: 40px;
	font-size: 0;
	text-align: center;
	}
.bloc_product .ctn_routine .ctn_col {
	display: inline-block;
	width: calc(94% / 3);
	}
.bloc_product .ctn_routine .ctn_col + .ctn_col {
	margin-left: 3%;
	}
.bloc_product .obj_routine {
	padding: 30px;
	text-align: left;
	background-color: white;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	}
.bloc_product .obj_routine > h3 {
	position: relative;
	padding-left: 70px;
	font: 16px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	}
.bloc_product .obj_routine > h3 span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	height: 50px;
	width: 50px;
	margin: 0 auto 15px auto;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font: 32px/50px "LocatorWeb-Bold";
	color: white;
	text-align: center;
	background-color: #008fcd;
	border-radius: 50%;
	}
.bloc_product .obj_routine > h3 strong {
	display: block;
	margin-bottom: 5px;
	font-size: 24px;
	font-family: "LocatorWeb-Bold";
	color: #008fcd;
	}
.bloc_product .obj_routine .obj_carrousel {
	margin-top: 15px;
	}
.bloc_product .obj_routine .obj_carrousel .masque {
	margin: 0;
}
.bloc_product .obj_routine .obj_carrousel .items {
	height: auto;
	position:absolute;
	}
.bloc_product .obj_routine .obj_carrousel .item {
	opacity: 1;
	position: static;
	height: auto;
	margin: 0;
	text-align: center;
	}
.bloc_product .obj_routine .obj_carrousel .nav {
	display: block;
	position: static;
	}
.bloc_product .obj_routine .obj_carrousel .nav .prev::before,
.bloc_product .obj_routine .obj_carrousel .nav .next::before {
	content: none;
	}
.bloc_product .obj_routine .obj_carrousel .item {
	min-width: 0;
	padding: 0 5px;
	}
.bloc_product .obj_routine .obj_carrousel .item img {
	margin-bottom: 10px;
	}
.bloc_product .obj_routine .obj_carrousel .item h3 {
	font: 18px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	text-transform: uppercase;
	}
.bloc_product .obj_routine .obj_carrousel .item h3 strong {
	font-family: "LocatorWeb-Bold";
	}
.bloc_product .obj_routine .obj_carrousel .item h3 em {
	color: #008fcd;
	}
.bloc_product .obj_routine .obj_carrousel .item h4 {
	margin-top: 10px;
	font: 14px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: #008fcd;
	}
.bloc_product .obj_routine .obj_carrousel .item .ctn_btn {
	margin-top: 20px;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
	}
	
	
	
.bloc_product .obj_routine .obj_carrousel .nav .prev::after,
.bloc_product .obj_routine .obj_carrousel .nav .next::after {
	content: none;
	}
.bloc_product .obj_routine .obj_carrousel .nav .prev {
	left: 0;
	background: none;
	width: 60px;
	height: 60px;
	}
.bloc_product .obj_routine .obj_carrousel .nav .next {
	right: 0;
	background: none;
	width: 60px;
	height: 60px;
	}
.bloc_product .obj_routine .obj_carrousel .nav .disabled {
	display: none;
	opacity: 0;
	background: none;
	}
.bloc_product .obj_routine .obj_carrousel .nav .prev:before,
.bloc_product .obj_routine .obj_carrousel .nav .next:before {
	content: "";
	display: block;
	position: absolute;
	opacity: 0.5;
	top: 50%;
	left: 50%;
	right: 0;
	height: 46px;
	width: 46px;
	margin: -23px 0 0 -23px;
	border-color: #fff;
	background: none;
	transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	transform-origin: center center;
		-ms-transform-origin: center center;
		-webkit-transform-origin: center center;
	transition: all 0.2s;
	}	
.bloc_product .obj_routine .obj_carrousel .nav .prev:before {
	border-bottom: 1px solid #008fcd;
	border-left: 1px solid #008fcd;
	}
.bloc_product .obj_routine .obj_carrousel .nav .next:before {
	border-top: 1px solid #008fcd;
	border-right: 1px solid #008fcd;
	}
.bloc_product .obj_routine .obj_carrousel .nav .prev:hover:before {
	opacity: 1;
	left: 40%;
	}
.bloc_product .obj_routine .obj_carrousel .nav .next:hover:before {
	opacity: 1;
	left: 60%;
	}
.bloc_product .obj_routine .obj_carrousel .nav:hover .prev ~ .prev-0 {
	margin-left: 1160px;
	}
.bloc_product .obj_routine .obj_carrousel .prev-1 {
	z-index: 1;
	opacity: 0;
	margin-left: -100%;
	}
.bloc_product .obj_routine .obj_carrousel .prev-0 {
	z-index: 2;
	opacity: 1;
	margin-left: -50%;
	}
.bloc_product .obj_routine .obj_carrousel .next-0 {
	z-index: 2;
	opacity: 1;
	margin-left: 50%;
	}
.bloc_product .obj_routine .obj_carrousel .next-1 {
	z-index: 1;
	opacity: 0;
	margin-left: 100%;
	}	
	
	

/***/

@media screen and (max-width: 1024px) {
	
	.bloc_product {
		background-image: none;
		}
	.bloc_product .ctn_txt .obj_balloon::after {
		content: none;
		}
	
}
@media screen and (max-width: 960px) {
	
	
	.bloc_product > .ctn_bloc {
		padding: 40px;
		}
	.bloc_product .obj_routine{padding:30px 15px;}
	
}

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

	 .bloc_product > .ctn_bloc {
		padding: 40px 20px;
		}
	
	.bloc_product .ctn_txt {
		display: block;
		}
	.bloc_product .ctn_txt > .ctn_col,
	.bloc_product .ctn_txt > .ctn_col + .ctn_col {
		display: block;
		width: 100%;
		text-align: center;
		}
	.bloc_product .ctn_txt > .ctn_col + .ctn_col {
		margin-top: 20px;
		}
	.bloc_product .ctn_txt h3 {
		font-size: 35px;
		}
	.bloc_product .ctn_txt h4 {
		font-size: 22px;
		}
	.bloc_product .ctn_txt .obj_balloon {
		position: static;
		margin: 0 auto 20px auto;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		}
	.bloc_product .ctn_txt .v_product {
		position: static;
		width: 100%;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		}
	
	.bloc_product .obj_carrouselCss {
		overflow: visible;
		opacity: 1;
		}
	.bloc_product .obj_carrouselCss > .items {
		height: 490px;
		}
	.bloc_product .obj_carrouselCss > .items > .item {
		opacity: 1;
		position: absolute;
		top: 0; left: 0;
		width: 250px;
		margin: 0;
		padding: 0 8px;
		}
	.bloc_product .obj_carrouselCss > .items > .item + .item {
		margin: 0;
		}
	.bloc_product .obj_carrouselCss .prev-1 {
		transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		-webkit-transform: translateX(-200%);
		}
	.bloc_product .obj_carrouselCss .prev-0 {
		transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		}
	.bloc_product .obj_carrouselCss .current {
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		}
	.bloc_product .obj_carrouselCss .next-0 {
		transform: translateX(100%);
		-ms-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		}
	.bloc_product .obj_carrouselCss .next-1 {
		transform: translateX(200%);
		-ms-transform: translateX(200%);
		-webkit-transform: translateX(200%);
		}
	.bloc_product .obj_carrouselCss > .nav {
		display: none;
		}
	
	.bloc_product .ctn_routine {
		margin-top: 20px;
		}
	.bloc_product .obj_routine {
		padding: 20px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		}
	.bloc_product .obj_routine > h3 {
		padding-left: 50px;
		font-size: 13px;
		}
	.bloc_product .obj_routine > h3 span {
		height: 40px;
		width: 40px;
		margin: 0 auto 15px auto;
		font-size: 25px;
		line-height: 40px;
		}
	.bloc_product .obj_routine > h3 strong {
		font-size: 18px;
		}
	.bloc_product .obj_routine .obj_carrousel .masque {
		min-height: 0;
		width: auto;
		}
	.bloc_product .obj_routine .obj_carrousel .item {
		min-width: 0;
		transition: none;
		}
	.bloc_product .obj_routine .obj_carrousel .item img {
		height: 150px;
		}
	.bloc_product .obj_routine .obj_carrousel .item h3 {
		font-size: 14px;
		}
	.bloc_product .obj_routine .obj_carrousel .item h4 {
		font-size: 12px;
		}
	.bloc_product .obj_routine .obj_carrousel .item .ctn_btn .obj_btn {
		padding: 6px 15px 10px;
		}
	.bloc_product .obj_routine .obj_carrousel .nav .prev,
	.bloc_product .obj_routine .obj_carrousel .nav .next {
		top: 70px;
		width: 38px;
		height: 38px;
		padding: 0;
		margin: 0;
		}
	.bloc_product .obj_routine .obj_carrousel .nav .prev:before,
	.bloc_product .obj_routine .obj_carrousel .nav .next:before {
		width: 26px;
		height: 26px;
		top: 28px;
	}
	.bloc_product .obj_routine .obj_carrousel .nav .prev:before{
		margin: 0;
		top: 5px;
	}
	.bloc_product .obj_routine .ctn_btn .btn_locator{
		margin-bottom: 0;
		}
	
	}

/***/

.pg_landing_sun .bloc_product {
	background: url("../images/bg_sun_product.jpg") no-repeat right top #008fcd;
	}
.pg_landing_sun .bloc_product {
	background: url("../images/bg_sun_product.jpg") no-repeat right top #008fcd;
	}

.pg_landing_sun  .bloc_product .obj_routine > h3 span {
	text-indent: -9999em;
	}
.pg_landing_sun  .bloc_product .obj_routine.routine_01 > h3 span {
	background: url("../images/i_sun_01.png") no-repeat center center / 100% auto #008fcd;
	}
.pg_landing_sun  .bloc_product .obj_routine.routine_02 > h3 span {
	background: url("../images/i_sun_02.png") no-repeat center center / 100% auto #008fcd;
	}


@media screen and (max-width: 1024px) {
	
	.pg_landing_sun .bloc_product {
		background-image: none;
		}
	
	}

/* ======================================== */
/*  bloc_about
/* ======================================== */

.bloc_about {
	background-color: #a8d4f1;
	}
.bloc_about > .ctn_bloc {
	padding: 40px 0 75px 0;
	}

.bloc_about .carrousel_video {
	margin-top: 20px;
	}
.bloc_about .obj_news {
	margin-top: 75px;
	}

/***/

@media screen and (max-width: 1024px) {
	
	.bloc_about .obj_news {
		margin-top: 30px;
		padding: 0 20px;
		}
	
	}

@media screen and (max-width: 767px) {
	
	.bloc_about {
		margin-top: 0 !important;
		}
	.bloc_about > .ctn_bloc {
		padding: 40px 0 0 0;
		}
	
	}

/* ======================================== */
/*  bloc_tips
/* ======================================== */

.bloc_tips {
	background-color: #a8d4f1;
	}
.bloc_tips > .ctn_bloc {
	padding: 40px 0;
	}

.bloc_tips .carrousel_video {
	margin-top: 20px;
	}
.bloc_tips .carrousel_video.var_solo .nav {
	display: none;
	}

/***/

@media screen and (max-width: 767px) {
	
	.bloc_tips {
		margin-top: 0 !important;
		}
	
	}

/* ======================================== */
/*  banner_join_lipikar
/* ======================================== */

.banner_join_lipikar {
	height: 400px;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 90px 180px 50px 180px;
	background: #90b7ec;
	}
.banner_join_lipikar .ctn_bloc {
	position: relative;
	z-index: 1;
	}

.banner_join_lipikar .t_title {
	display: none;
	}
.banner_join_lipikar h2 {
	font: 50px/0.8em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	}
.banner_join_lipikar h2 em {
	color: #008fcd;
	}
.banner_join_lipikar h2 strong {
	font-family: "LocatorWeb-Bold";
	}
.banner_join_lipikar h3 {
	font: 22px/1em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	}
.banner_join_lipikar p {
	max-width: 380px;
	margin-top: 20px;
	font: 16px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	}
.banner_join_lipikar .ctn_btn .obj_btn {
	font-size: 16px;
	padding: 15px 30px;
	}
.banner_join_lipikar .v_background {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1180px;
	max-width: 1180px;
	}

/***/

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

	.banner_join_lipikar {
		height: auto;
		padding: 30px 20px;
		}
	.banner_join_lipikar .ctn_bloc {
		text-align: center;
		}
	.banner_join_lipikar .t_title {
		display: block;
		margin: 0 0 30px 0;
		font: 18px/1.2em "LocatorWeb-Bold", Arial, Sans-Serif;
		color: white;
		text-transform: uppercase;
		}
	.banner_join_lipikar .t_title::after {
		content: "";
		display: block;
		height: 2px;
		width: 50px;
		margin: 10px auto 0 auto;
		background-color: white;
		}
	.banner_join_lipikar h2 {
		font-size: 35px;
		}
	.banner_join_lipikar h3 {
		font-size: 18px;
		}
	.banner_join_lipikar .v_background {
		top: 0;
		bottom: auto;
		left: -100px;
		right: auto;
		}
	.banner_join_lipikar .ctn_btn .obj_btn {
		width: 100%;
		}
	
	}

/* ======================================== */
/*  banner_jlgu
/* ======================================== */

.banner_jlgu {
	overflow: visible;
	height: 400px;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	background: #98cce8;
	}
.banner_jlgu .ctn_bloc {
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: 0;
	width: 100%;
	padding: 0 180px 40px 180px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
	}

.banner_jlgu .ctn_title {
	margin: 0 auto;
	height: 240px;
	width: 480px;
	padding-top: 142px;
	padding-right: 120px;
	text-align: right;
	background: url("../images/v_logo_jlgu.png") no-repeat right top transparent;
	}
.banner_jlgu .ctn_title h2 {
	font: 44px/0.8em "LocatorWeb-Bold", Arial, Sans-Serif;
	color: black;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	text-align: right
	}
.banner_jlgu .ctn_title h3 {
	font: 34px/0.8em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	text-align: right
	}
.banner_jlgu p {
	margin-top: 20px;
	font: 22px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	}
.banner_jlgu .ctn_btn .obj_btn {
	font-size: 16px;
	padding: 15px 30px;
	}
.banner_jlgu .v_background {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1180px;
	max-width: 1180px;
	}

/***/

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

	.banner_jlgu {
		height: auto;
		}
	.banner_jlgu .ctn_bloc {
		padding: 0 20px 30px 20px;
		position: relative;
		left: auto;
		bottom: 0;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		text-align: center;
		}
	.banner_jlgu .ctn_title {
		position: relative;
		top: -10px;
		margin: 0 auto -10px auto;
		height: 180px;
		width: 280px;
		padding-top: 110px;
		padding-right: 85px;
		text-align: right;
		background: url("../images/v_logo_jlgu.png") no-repeat right top / auto 100% transparent;
		}
	.banner_jlgu .ctn_title h2 {
		font-size: 35px;
		}
	.banner_jlgu .ctn_title h3 {
		font-size: 20px;
		}
	.banner_jlgu p {
		font-size: 16px;
		}
	.banner_jlgu .v_background {
		display: none;
		}
	.banner_jlgu .ctn_btn .obj_btn {
		width: 100%;
		}
	
	}

/* ======================================== */
/*  banner_myscar
/* ======================================== */

.banner_myscar {
	overflow: hidden;
	height: 400px;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	background: #008fcd;
	}
.banner_myscar .ctn_bloc {
	position: relative;
	z-index: 1;
	padding: 50px 180px;
	text-align: center;
	}

.banner_myscar h2 {
	font: 36px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: white;
	}
.banner_myscar h2::after {
	content: "";
	display: block;
	height: 2px;
	width: 50px;
	margin: 10px auto 0 auto;
	background-color: white;
	}
.banner_myscar h3 {
	margin-top: 40px;
	font: 50px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: white;
	text-transform: uppercase;
	}
.banner_myscar p {
	font: 22px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: white;
	}
.banner_myscar .ctn_btn {
	margin-top: 20px;
	}
.banner_myscar .ctn_btn .obj_btn {
	font-size: 16px;
	padding: 15px 30px;
	}
.banner_myscar .v_background {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1180px;
	max-width: 1180px;
	}

/***/

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

	.banner_myscar {
		height: auto;
		}
	.banner_myscar .ctn_bloc {
		padding: 30px 20px;
		}
	.banner_myscar h2 {
		font-size: 28px;
		}
	.banner_myscar h3 {
		margin-top: 20px;
		font-size: 28px;
		}
	.banner_myscar p {
		font-size: 16px;
		}
	.banner_myscar .ctn_btn .obj_btn {
		width: 100%;
		}
	.banner_myscar .v_background {
		height: 100%;
		}
	
	}

/* ======================================== */
/*  banner_saveyourskin
/* ======================================== */

.banner_saveyourskin {
	overflow: hidden;
	height: 400px;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	background: #d9d9d9;
	}
.banner_saveyourskin .ctn_bloc {
	position: relative;
	z-index: 1;
	padding: 40px 180px;
	text-align: center;
	}

.banner_saveyourskin h2 {
	font: 18px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	text-transform: uppercase;
	}
.banner_saveyourskin h2 strong {
	font-family: "LocatorWeb-Bold";
	}
.banner_saveyourskin h2::after {
	content: "";
	display: block;
	height: 2px;
	width: 50px;
	margin: 10px auto 0 auto;
	background-color: black;
	}
.banner_saveyourskin .v_logo {
	display: block;
	margin: 20px auto 0 auto;
	width: 100%;
	max-width: 290px;
	}
.banner_saveyourskin p {
	margin-top: 5px;
	font: 22px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	color: black;
	}
.banner_saveyourskin .v_illustration {
	display: block;
	margin: 10px auto 0 auto;
	width: 100%;
	max-width: 230px;
	}
.banner_saveyourskin p strong {
	font-family: "LocatorWeb-Bold";
	}
.banner_saveyourskin .ctn_btn {
	margin-top: 20px;
	}
.banner_saveyourskin .ctn_btn .obj_btn {
	font-size: 16px;
	padding: 15px 30px;
	background-color: black;
	}
.banner_saveyourskin .ctn_btn .obj_btn:hover {
	color: black;
	background-color: white;
	}
.banner_saveyourskin .v_background {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1180px;
	max-width: 1180px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	}

/***/

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

	.banner_saveyourskin {
		height: auto;
		}
	.banner_saveyourskin .ctn_bloc {
		padding: 30px 20px;
		}
	.banner_saveyourskin h2 br {
		display: none;
		}
	.banner_saveyourskin p {
		font-size: 16px;
		}
	.banner_saveyourskin .ctn_btn .obj_btn {
		width: 100%;
		}
	.banner_saveyourskin .v_background {
		height: 100%;
		}
	
	}

/* ======================================== */
/*  bloc_discover
/* ======================================== */

.bloc_discover > .ctn_bloc {
	padding: 0px;
	}
.bloc_discover > .ctn_bloc > * + * {
	margin-top: 40px;
	}
.bloc_discover .ctn_pushs {
	font-size: 0;
	text-align: center;
	}
.bloc_discover .ctn_pushs .obj_push {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: calc(100% / 3);
	}
.bloc_discover .ctn_pushs .obj_push h3 {
	position: absolute;
	z-index: 2;
	left: 20px;
	bottom: 20px;
	font: 20px/1em "LocatorWeb-Light", Arial, Sans-Serif;
	color: white;
	text-align: left;
	text-transform: uppercase;
	}
.bloc_discover .ctn_pushs .obj_push h3 strong {
	font-family: "LocatorWeb-Bold";
	}
.bloc_discover .ctn_pushs .obj_push .v_mobile {
	display: none;
	}

/***/

@media screen and (max-width: 767px) {
	
	.bloc_discover .ctn_pushs .obj_push {
		height: 180px;
		width: 100%;
		max-width: 375px;
		}
	.bloc_discover .ctn_pushs .obj_push .v_desktop {
		display: none;
		}
	.bloc_discover .ctn_pushs .obj_push .v_mobile {
		display: block;
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		height: 100%;
		width: auto;
		max-width: 375px;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		}
	
	}

/* ================================= *
 * carrousel_video
 * ================================= */

.carrousel_video {
	position: relative;
	overflow: hidden;
	opacity: 0;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	transition: opacity .5s;
		-moz-transition: opacity .5s;
		-webkit-transition: opacity .5s;
	}
.carrousel_video .items {
	position: relative;
	z-index: 1;
	height: auto;
	padding-bottom: 45%;
	}
.carrousel_video .item {
	position: absolute;
	z-index: -1;
	opacity: 0;
	top: 50%;
	left: 50%;
	bottom: auto;
	height: auto;
	width: 100%;
	margin: 0;
	box-shadow: none;
	transform-origin: center center;
		-ms-transform-origin: center center;
		-webkit-transform-origin: center center;
	transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}
.carrousel_video .item h3 {
	position: absolute;
	padding: 0 20px 20px;
	left: 0;
	right: 0;
	bottom: 100%;
	font: 22px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	}
.carrousel_video .item h3 strong {
	font-family: "LocatorWeb-Medium";
	}
.carrousel_video.is-ready {
	opacity: 1;
	}
.carrousel_video.is-ready .item {
	transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
.carrousel_video .item.current {
	z-index: 6;
	opacity: 1;
	}

.carrousel_video .nav {
	position: static;
	}
.carrousel_video .nav .prev,
.carrousel_video .nav .next {
	position: absolute;
	z-index: 5;
	top: 50%;
	height: 400px;
	transform:translateY(-50%);
	width: 20%;
	text-indent: -9999em;
	border: none;
	background: none;
	cursor: pointer;
	appearance: none;
		-ms-appearance: none;
	   -moz-appearance: none;
	-webkit-appearance: none;
	}
.carrousel_video .nav .prev::-moz-focus-inner,
.carrousel_video .nav .next::-moz-focus-inner {
	border: 0;
	}
.carrousel_video .nav .prev {
	left: 0;
	}
.carrousel_video .nav .next {
	right: 0;
	}
.carrousel_video .nav .prev:before,
.carrousel_video .nav .next:before {
	content: "";
	display: block;
	position: absolute;
	opacity: 0.5;
	top: 50%; left: 50%; right:auto;
	height: 46px; width: 46px;
	border-color: #fff;
	background: none;
			transform: translate(-50%,-50%) rotate(45deg);
		-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
			transform-origin: center center;
		-ms-transform-origin: center center;
	-webkit-transform-origin: center center;
	transition: all 0.2s;
	}
.carrousel_video .nav .prev:hover:before {
	opacity: 1;
	left: 40%;
	}
.carrousel_video .nav .next:hover:before {
	opacity: 1;
	left: 60%;
	}
.carrousel_video .nav:hover .prev ~ .prev-0 {
	margin-left: 1160px;
	}
.carrousel_video .prev-1 {
	z-index: 1;
	opacity: 0;
	margin-left: -100%;
	}
.carrousel_video .prev-0 {
	z-index: 2;
	opacity: 1;
	margin-left: -50%;
	}
.carrousel_video .next-0 {
	z-index: 2;
	opacity: 1;
	margin-left: 50%;
	}
.carrousel_video .next-1 {
	z-index: 1;
	opacity: 0;
	margin-left: 100%;
	}
.carrousel_video .nav ul {
	position: absolute;
	z-index: 5;
	top: auto;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	}
.carrousel_video .nav ul li {
	display: inline-block;
	margin: 0 4px;
	}
.carrousel_video .nav ul li button {
	display: block;
	height: 12px;
	width: 12px;
	padding: 0;
	text-align: left;
	text-indent: -9999em;
	border: none;
	border-radius: 50%;
	background: #dbdbdb;
	appearance: none;
		-ms-appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	cursor: pointer;
	}
.carrousel_video .nav ul li button.current {
	background: #008fcd;
	}

/***/
	
.carrousel_video .item .ctn_player {
	position: relative;
	height: 0;
	width: 54.237%;
	margin: 0 auto;
	padding-bottom: 33.875%;
	background: #000;
	transition: all 0.2s;
	cursor: pointer;
	}
.carrousel_video .item .obj_player {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	}
.carrousel_video .item .obj_player:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	height: 137px;
	width: 137px;
	margin: -69px 0 0 -69px;
	border: none;
	background: url('../../../resources/justlikegrownups/images/sprite_icon.png') no-repeat -291px -83px / 1024px auto;
	transition: all 0.2s;
	transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
.carrousel_video .item .obj_player:hover:before {
	transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}


.carrousel_video .item:not(.current) .ctn_player {
	width: 38.983%;
	padding-bottom: 24.25%;
	}
.carrousel_video .item:not(.current) .obj_player img {
	opacity: 0.5;
	transition: all 0.2s;
	}
.carrousel_video .item .obj_player:before,
.carrousel_video .item h3 {
	opacity: 1;
	transition: all 0.2s;
	}
.carrousel_video .item:not(.current) .obj_player:before,
.carrousel_video .item:not(.current) h3 {
	opacity: 0;
	}


/***/

@media screen and (max-width:767px) {
	
	.carrousel_video .item .obj_player:before,
	.carrousel_video .item .obj_player:hover:before {
				transform: scale(0.5,0.5) !important;
			-ms-transform: scale(0.5,0.5) !important;
		-webkit-transform: scale(0.5,0.5) !important;
		}
	}

@media screen and (max-width: 767px) {
	
	.carrousel_video .items {
		padding-bottom: 80%;
		}
	.carrousel_video .item{
		top: 60%;
		}
	.carrousel_video .item .ctn_player {
		width: 62.6666%;
		padding-bottom: 39%;
		}
	.carrousel_video .item h2 {
		padding-bottom: 10px;
		font-size: 1.25em;
		}
	.carrousel_video .item:not(.current) .ctn_player {
		width: 45%;
		padding-bottom: 28.25%;
		}
	.carrousel_video .prev-1 {
		margin-left: -114%;
		}
	.carrousel_video .prev-0 {
		margin-left: -57%;
		}
	.carrousel_video .next-0 {
		margin-left: 57%;
		}
	.carrousel_video .next-1 {
		margin-left: 114%;
		}
	.carrousel_video .nav .prev,
	.carrousel_video .nav .next {
		width: 17%;
		top:60%;
		height:145px;
		}
	.carrousel_video .nav .prev:before,
	.carrousel_video .nav .next:before {
		height: 16px;
		width: 16px;
		}

	}

/* ================================= *
 * obj_news
 * ================================= */

.obj_news {
	max-width: 950px;
	margin: 0 auto;
	}
.obj_news .obj_push-article {
	display: inline-block;
	overflow: hidden;
	height: 420px;
	margin: 0 0 40px;
	background: #fff;
	}
.obj_news .obj_push-article.var_mail {
	background: none;
	}
.obj_news .obj_push-article a {
	display: inline-block;
	}
.obj_news .obj_push-article:nth-child(odd) {
	width: calc(63% - 40px);
	float: right;
	}
.obj_news .obj_push-article:nth-child(even) {
	width: 37%;
	float: right;
	}
.obj_news .obj_push-article:nth-child(4n + 0),
.obj_news .obj_push-article:nth-child(4n + 1) {
	float: left;
	}
.obj_news .obj_push-article .ctn_table {
	position: relative;
	height: 420px;
	}
.obj_news .obj_push-article:nth-child(odd) .ctn_table,
.obj_news .obj_push-article:nth-child(4n + 1) .ctn_table {
	display: table;
	width: 100%;
	direction: rtl;
	}
.obj_news .obj_push-article .ctn_txt {
	position: relative;
	z-index: 2;
	padding: 20px 10px 30px 40px;
	min-height: 215px;
	background: #fff;
	}
.obj_news .obj_push-article:nth-child(odd) .ctn_txt,
.obj_news .obj_push-article:nth-child(4n + 1) .ctn_txt {
	display: table-cell;
	width: 50%;
	padding-top: 60px;
	direction: ltr;
	}
.obj_news .obj_push-article .ctn_txt p {
	padding: 0 20px 0 0;
	}
.obj_news .obj_push-article .ctn_img {
	display: block;
	overflow: hidden;
	height: 215px;
	}
.obj_news .obj_push-article:nth-child(odd) .ctn_img,
.obj_news .obj_push-article:nth-child(4n + 1) .ctn_img {
	position: relative;
	display: table-cell;
	height: auto;
	width: 50%;
	}
.obj_news .obj_push-article .ctn_img a {
	display: block;
	overflow: hidden;
	height: 100%;
	width: 100%;
	}
.obj_news .obj_push-article img {
	position: absolute;
	z-index: 0;
	left: 50%;
	max-width: none;
	max-height: 420px;
	transition:all 0.2s;
	transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
.obj_news .obj_push-article:hover img {
	transform: translateX(-50%) scale(1.025,1.025);
		-ms-transform: translateX(-50%) scale(1.025,1.025);
		-webkit-transform: translateX(-50%) scale(1.025,1.025);
	}
.obj_news .obj_push-article:nth-child(even) img {
	max-height: 215px;
	}
.obj_news .obj_push-article:nth-child(odd) .ctn_img img,
.obj_news .obj_push-article:nth-child(4n + 1) .ctn_img img {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
.obj_news .obj_push-article:hover img,
.obj_news .obj_push-article:nth-child(odd):hover .ctn_img img,
.obj_news .obj_push-article:nth-child(4n + 1):hover .ctn_img img {
	transform: translateX(-50%) scale(1.025,1.025);
		-ms-transform: translateX(-50%) scale(1.025,1.025);
		-webkit-transform: translateX(-50%) scale(1.025,1.025);
	}
.obj_news .obj_push-article .ctn_txt h3 {
	margin: 0 0 10px;
	font: 25px/1.2em "LocatorWeb-Medium", Arial, Sans-Serif;
	color: #000;
	}
.obj_news .obj_push-article .ctn_txt p {
	font: 16px/1.2em "LocatorWeb-Light", Arial, Sans-Serif;
	}
.obj_news .obj_push-article .ctn_btn {
	position: absolute;
	bottom: 40px;
	left: 40px;
	}
.obj_news .obj_push-article:nth-child(even) p {
	display: none;
	}
.obj_news .ctn_btn {
	text-align: center;
	}
.obj_news .ctn_btn .btn_more {
    color: #008fcd;
    background: white;
	}
.obj_news .ctn_btn .btn_more:hover {
    color: white;
	background: #008fcd;
	}
	
/***/

@media screen and (max-width: 1024px) {
	
	.obj_news .obj_push-article {
		margin-bottom: 20px;
		}
	.obj_news .obj_push-article:nth-child(odd) {
		width: calc(63% - 20px);
		}
	.obj_news .obj_push-article .ctn_txt{ 
		padding: 20px;
		}
	.obj_news .obj_push-article:nth-child(odd) .ctn_txt,
	.obj_news .obj_push-article:nth-child(4n + 1) .ctn_txt{
		padding-top: 40px;
		}
	.obj_news .obj_push-article .ctn_btn{
		left: 20px;
		bottom: 20px;
		}
	
	}

@media screen and (max-width: 960px) {
	
	.obj_bloc.var_categories .ctn_bloc {
		padding: 30px 20px 50px 20px;
		}
	.obj_news .obj_push-article {
		height: auto;
		}	
	.obj_news .obj_push-article .ctn_table {
		display: table;
		height: 320px;
		width: 100%;
		}
	.obj_news .obj_push-article:nth-child(odd),
	.obj_news .obj_push-article:nth-child(even) {
		width: 100%;
		}
	.obj_news .obj_push-article .ctn_img,
	.obj_news .obj_push-article .ctn_txt {
		display: table-cell;
		position: relative;
		height: auto;
		width: 50%;
		}
	.obj_news .obj_push-article:nth-child(even) img,
	.obj_news .obj_push-article .ctn_img img {
		display: block;
		position: absolute;
		left: 50%;
		max-height: 320px;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		}
	.obj_news .obj_push-article:nth-child(even) p {
		display: block;
		}

	}

@media screen and (max-width: 767px) {
	
	.obj_bloc.var_categories {
		padding: 0;
		}
	.obj_bloc.var_categories .ctn_bloc h2{
		padding-bottom: 0;
		font-size: 1.75em;
		}
	.obj_news .obj_push-article:nth-child(even) p {
		display: block;
		}
	.obj_news .obj_push-article .ctn_img,
	.obj_news .obj_push-article .ctn_txt,
	.obj_news .obj_push-article .ctn_table,
	.obj_news .obj_push-article:nth-child(odd) .ctn_table,
	.obj_news .obj_push-article:nth-child(4n + 1) .ctn_table,
	.obj_news .obj_push-article:nth-child(odd) .ctn_img,
	.obj_news .obj_push-article:nth-child(4n + 1) .ctn_img {
		display: block;
		height: auto;
		width: 100%;
		text-align: center;
		}
	.obj_news .obj_push-article .ctn_txt,
	.obj_news .obj_push-article:nth-child(odd) .ctn_txt,
	.obj_news .obj_push-article:nth-child(4n + 1) .ctn_txt {
		display: block;
		height: auto;
		min-height: 0;
		width: 100%;
		padding: 20px;
		}
	.obj_news .obj_push-article .ctn_img,
	.obj_news .obj_push-article:nth-child(odd) .ctn_img,
	.obj_news .obj_push-article:nth-child(4n + 1) .ctn_img,
	.obj_news .obj_push-article .ctn_img img,
	.obj_news .obj_push-article:nth-child(odd) .ctn_img img,
	.obj_news .obj_push-article:nth-child(4n + 1) .ctn_img img {
		height: 190px;
		}
	.obj_news .obj_push-article .ctn_txt h3 {
		font-size: 1.25em;
		}	
	.obj_news .obj_push-article .ctn_txt p {
		padding: 0;
		}
	.obj_news .ctn_btn {
		padding: 20px 0 0;
		}
	.obj_news .obj_push-article .ctn_btn {
		position: relative;
		left: auto;
		bottom: auto;
		padding: 20px 0 0;
		}
	
	}

/* ================================= *
 * obj_carrouselCss var_tutorials 
 * ================================= */

.obj_carrouselCss.var_tutorials {
	width: 1180px;
	}
.obj_carrouselCss.var_tutorials .item {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
	}
.obj_carrouselCss.var_tutorials h2{
	margin:30px 0;
	font:1.875em/1em 'LocatorWeb-Bold';
	color:#fff;
	text-transform:uppercase;
	}
	
.obj_carrouselCss.var_tutorials .obj_bulle{
	position:absolute;
	}
.obj_carrouselCss.var_tutorials .obj_bulle .ctn_bulle{
	position:relative;
	z-index:1;
	padding:20px;
	background:#fff;
	border-radius:15px;
	text-align:left;
	}
.obj_carrouselCss.var_tutorials .obj_bulle .ctn_bulle:before{
	position:absolute;
	display:block; content:"";
	border-style:solid;
	width:0; height:0;
	}
.obj_carrouselCss.var_tutorials .obj_bulle h3{
	margin:30px 0 5px;
	font:1em/1em 'LocatorWeb-Medium', sans-serif;
	}
.obj_carrouselCss.var_tutorials .obj_bulle h3:first-child{
	margin-top:0;
	}
.obj_carrouselCss.var_tutorials .obj_bulle p{
	font-size:0.875em;
	}

.obj_carrouselCss.var_tutorials .normal_scar{
	background:#70d1e4 url('../../../resources/myscar_mystory/images/v_tutorials-slide_1.jpg') no-repeat center bottom;
	}
.obj_carrouselCss.var_tutorials .obj_bulle .ctn_bulle:before{
	left:50%; top:100%;
	z-index:1;
	border-width: 15px 15px 0 15px;
	border-color: #ffffff transparent transparent transparent;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
.obj_carrouselCss.var_tutorials .normal_scar .obj_bulle{
	bottom:40px;
	max-width:183px;
	}
.obj_carrouselCss.var_tutorials .normal_scar .obj_bulle.var_1{ left:7%; }
.obj_carrouselCss.var_tutorials .normal_scar .obj_bulle.var_2{ left:30%; }
	
.obj_carrouselCss.var_tutorials .broad_scar{
	background:#70d1e4;
	}
.obj_carrouselCss.var_tutorials .broad_scar .obj_bulle{
	max-width:190px;
	min-height:170px;
	bottom:40px;
	}
.obj_carrouselCss.var_tutorials .broad_scar .obj_bulle.var_1{ left:5%; }
.obj_carrouselCss.var_tutorials .broad_scar .obj_bulle.var_2{ left:28%; }
.obj_carrouselCss.var_tutorials .broad_scar .obj_bulle.var_3{ left:51%; }
.obj_carrouselCss.var_tutorials .broad_scar .obj_bulle.var_4{ left:74%; }

	
.obj_carrouselCss.var_tutorials .raised_scar{
	background:#70d1e4 url('../../../resources/myscar_mystory/images/v_tutorials-slide_3.jpg') no-repeat right bottom;
	}
.obj_carrouselCss.var_tutorials .raised_scar .obj_bulle{
	max-width:190px;
	min-height:170px;
	bottom:40px;
	}
.obj_carrouselCss.var_tutorials .raised_scar .obj_bulle.var_1{ right:57%; }
.obj_carrouselCss.var_tutorials .raised_scar .obj_bulle.var_2{ right:30%; }
.obj_carrouselCss.var_tutorials .raised_scar .obj_bulle.var_3{ right:3%; }

	
.obj_carrouselCss.var_tutorials .hollow_scar{
	background:#70d1e4 url('../../../resources/myscar_mystory/images/v_tutorials-slide_4.jpg') no-repeat right bottom;
	}
.obj_carrouselCss.var_tutorials .hollow_scar .obj_bulle{
	max-width:190px;
	min-height:170px;
	bottom:40px;
	}
.obj_carrouselCss.var_tutorials .hollow_scar .obj_bulle.var_1{ left:6%; }
.obj_carrouselCss.var_tutorials .hollow_scar .obj_bulle.var_2{ left:30%; }
.obj_carrouselCss.var_tutorials .hollow_scar .obj_bulle.var_3{ left:53%; }

.obj_carrouselCss.var_tutorials .ctn_visuel{
	position:relative;
	z-index:0;
	margin-top:-15px;
	}
.obj_carrouselCss.var_tutorials .ctn_visuel .v_detail{
	position:absolute;
	bottom:-50px; left:-10px;
	border-radius:50%;
	width:100px;
	}

/***/
	
@media screen and (max-width: 1024px) {
	
	.obj_carrouselCss.var_tutorials {
		width: 920px;
		}
	.obj_carrouselCss.var_tutorials .item{
		width:720px;
		margin-left:-360px;
		background-size:contain;
		}
	.obj_carrouselCss.var_tutorials .obj_bulle{
		padding:10px;
		}
	.obj_carrouselCss.var_tutorials .normal_scar .obj_bulle{
		max-width:170px;
		}
	.obj_carrouselCss.var_tutorials .broad_scar .obj_bulle,
	.obj_carrouselCss.var_tutorials .hollow_scar .obj_bulle{
		max-width:170px;
		}
	.obj_carrouselCss.var_tutorials .raised_scar .obj_bulle{
		max-width:210px;
		}
	
	}

@media screen and (max-width: 768px) {
	
	.obj_carrouselCss.var_tutorials {
		opacity:1;
		margin: 0 auto 10px;
		padding-top: 0;
		}
	.obj_carrouselCss.var_tutorials .items{
		height:auto;
		perspective:0;
		}
	.obj_carrouselCss.var_tutorials .item{
		position:relative;
		left:0;
		height:auto;
		width:100% !important;
		margin-left:0 !important;
		opacity:1;
		box-shadow:none;
		border-top:20px solid #fff;
		-webkit-transform:none !important;
			-ms-transform:none !important;
				transform:none !important;
		}
	.obj_carrouselCss.var_tutorials .nav{
		display:none;
		}

	.obj_carrouselCss.var_tutorials {
		width: 280px;
		}
	obj_carrouselCss.var_tutorials .item h2 {
		margin: 15px 10px;
		font-size: 1.5em;
		}
	.obj_carrouselCss.var_tutorials .ctn_visuel .v_detail{
		left:auto; right:0;
		bottom:-60px;
		}
	.obj_carrouselCss.var_tutorials .item{
		background:#70d1e4 !important;
		}
	.obj_carrouselCss.var_tutorials .item .ctn_bulle{
		padding:10px;
		border-radius:10px;
		}
	.obj_carrouselCss.var_tutorials .item.normal_scar .obj_bulle,
	.obj_carrouselCss.var_tutorials .item.broad_scar .obj_bulle,
	.obj_carrouselCss.var_tutorials .item.raised_scar .obj_bulle,
	.obj_carrouselCss.var_tutorials .item.hollow_scar .obj_bulle{
		position:relative;
		margin:0 10px 50px 10px;
		padding:0;
		border-radius:10px;
		min-height:0;
		bottom:auto; right:auto; left:auto;
		max-width:100%;
		}

	}

/* ================================= *
 * obj_bloc var_article
 * ================================= */

.obj_bloc.var_article{
	overflow: visible;
	margin: 40px auto 80px auto;
	}
.obj_bloc.var_article p{
	line-height:1.4375em;
	}
.obj_bloc.var_article p a {
	color: #008fcd;
	}
.obj_bloc.var_article p strong {
	font-family: "LocatorWeb-Medium";
}
.obj_bloc.var_article .ctn_title{
	padding:0 9.3125%;
	text-align:left;
	}
.obj_bloc.var_article .ctn_title h1{
	font:2.8125em/1em 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_article .ctn_title h1 + p:not(:empty){
	margin-top:30px;
	}
.obj_bloc.var_article .ctn_title .t_mentions{
	margin-top:20px;
	font-size:0.875em;
	color:#707070;
	}
.obj_bloc.var_article .ctn_title .t_mentions a{
	word-break:break-all;
	color:#707070;
	}
.obj_bloc.var_article .ctn_title .v_main{
	padding:35px 0 40px;
	}

@media screen and (max-width:1024px){
	.obj_bloc.var_article{
		padding:0;
		}
	.obj_bloc.var_article .ctn_title{
		padding:0 5%;
		}
}
@media screen and (max-width:960px){
	.obj_bloc.var_article .ctn_title{
		padding:0 20px;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_article{
		margin: 30px auto 30px;
		padding:0;
		position:relative;
		border-top:1px solid #dadde1;
		}
	.obj_bloc.var_article .ctn_title{
		padding:35px 20px 20px;
		}
	.obj_bloc.var_article .ctn_title h1{
		font-size:1.75em;
		}
	.obj_bloc.var_article .ctn_title .v_main{
		padding:20px 0 0;
		}	
}	
	
.obj_bloc.var_article .obj_article{
	padding:0 9.3125%;
	}
.obj_bloc.var_article .ctn_article{
	position:relative;
	width:70.85%;
	padding:70px 0 0 6%;
	float:right;
	}
.obj_bloc.var_article .ctn_article h2{
	padding:30px 0 20px;
	font:1.625em/1em 'LocatorWeb-Regular', sans-serif;
	color:#008fcd;
	}
.obj_bloc.var_article .ctn_article h3 {
	padding:0 0 20px;
	font:1.125em/1.333em 'LocatorWeb-Regular', sans-serif;
	color:#979797;
	}
.obj_bloc.var_article .ctn_article h4 {
	padding:0 0 10px;
	font:1em/1.333em 'LocatorWeb-Regular', sans-serif;
	color:#333;
	}
.obj_bloc.var_article .ctn_article h4 {
	padding:0 0 10px;
	font:1em/1em 'LocatorWeb-Medium', sans-serif;
	color:#000000;
	}
.obj_bloc.var_article .ctn_article .align_left{
	float:left;
	margin:20px 30px 10px 0;
	}
.obj_bloc.var_article .ctn_article .align_right{
	float:right;
	margin:20px 0 10px 30px;
	}
.obj_bloc.var_article ul:not(.ctn_share_menu) li{
	position:relative;
	margin:10px 0;
	padding:0 0 0 20px;
	line-height: 1.4375em;
	}
.obj_bloc.var_article ul:not(.ctn_share_menu) li:before{
	display:block; content:"";
	position:absolute;
	top:6px; left:0;
	width:6px; height:6px;
	border-radius:50%;
	background:#008fcd;
	}
.obj_bloc.var_article .ctn_article p.sources {
	position: relative;
	font-size: 13px;
	line-height: 22px;
	color: #b0b0b0;
	padding-top: 30px;
	margin-top: 50px;
}
.obj_bloc.var_article .ctn_article p.sources a {
	color: #008fcd;
	text-decoration: none;
}
.obj_bloc.var_article .ctn_article p.sources:before {
	content: "";
	position: absolute;
	top: 0;
	width: 50px;
	height: 1px;
	background-color: #d7d7d7;
}

.obj_bloc.var_article .ctn_article .obj_share_menu{
	position:absolute;
	top:0; left:8.5%;
	}
	
@media screen and (max-width:1024px){
	.obj_bloc.var_article .obj_article{
		padding:0 5%;
		}
}
@media screen and (max-width:960px){
	.obj_bloc.var_article .obj_article{
		padding:0 20px;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_article .obj_article{
		padding:0 20px;
		}
	.obj_bloc.var_article .ctn_article{
		width:100%;
		padding:0;
		float:none;
		}
	.obj_bloc.var_article .ctn_article h2{
		padding:20px 0;
		font-size:1.5em;
		}
	.obj_bloc.var_article .ctn_article .obj_share_menu{
		position:relative;
		top:0; left:0;
		padding:20px 0 0;
		}
	.obj_bloc.var_article .ctn_article .align-left,
	.obj_bloc.var_article .ctn_article .align-right {
		margin-bottom: 20px;
		float:none;
	}

}
	
.obj_bloc.var_article .ctn_aside{
	width:29.15%;
	padding:2.75%;
	float:left;
	background:#008fcd;
	}
.obj_bloc.var_article .ctn_aside a{
	display:block;
	padding:0 0 20px 0;
	color:#fff;
	}
.obj_bloc.var_article .ctn_aside ul ul{ display:none; padding-top:15px; }
.obj_bloc.var_article .ctn_aside ul li{ padding:0; }
.obj_bloc.var_article .ctn_aside ul li:before{ display:none; }
.obj_bloc.var_article .ctn_aside ul.first > li + li{
	padding-top:30px;
	}
.obj_bloc.var_article .ctn_aside li li a{
	line-height:1.375em;
	}
.obj_bloc.var_article .ctn_aside li li.active a{
	color:#000;
	}
.obj_bloc.var_article .ctn_aside ul > li button{
	display:block; width:100%;
	position:relative;
	padding:0 0 40px;
	border:none;
	background:none;
	text-align:left;
	color:#fff;
	font:2em/1em 'LocatorWeb-Light', sans-serif;
	cursor:pointer;
	}
.obj_bloc.var_article .ctn_aside ul > li button:before,
.obj_bloc.var_article .ctn_aside ul > li button:after{
	display:block; content:"";
	width:22px; height:1px;
	position:absolute;
	left:0; bottom:11px;
	background:#fff;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_bloc.var_article .ctn_aside ul > li > button:before{
	-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
			transform:rotate(90deg);
	-webkit-transform-origin:center center;
		-ms-transform-origin:center center;
			transform-origin:center center;
	}
.obj_bloc.var_article .ctn_aside ul > li.active > button:before{
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
	}
@media screen and (max-width:960px){
	.obj_bloc.var_article .ctn_aside a{padding:0 0 15px;}
	.obj_bloc.var_article .ctn_aside ul ul{padding-top:0;}
	.obj_bloc.var_article .ctn_aside ul.first > li + li{padding-top:20px;}
	.obj_bloc.var_article .ctn_aside ul > li button{
		padding:0 0 30px;
		font-size:1.5em;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_article .btn_menu_article{
		display:block;
		margin:-25px 0 0 -25px;
		position:absolute; z-index:2;
		left:50%; top:0;
		width:50px; height:50px;
		border-radius:50%;
		border:1px solid #dadde1;
		text-indent:-9999em;
		background:#fff;
		}
	.obj_bloc.var_article .btn_menu_article:after{
		display:block; content:"";
		margin:-15px 0 0 -10px;
		position:absolute;
		left:50%; top:50%;
		width:20px; height:20px;
		border-bottom:1px solid #008fcd;
		border-right:1px solid #008fcd;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		-webkit-transition:all 0.2s;
		   -moz-transition:all 0.2s;
				transition:all 0.2s;
		}
	.obj_bloc.var_article .btn_menu_article.open:after{
		margin:-5px 0 0 -10px;
		-webkit-transform:rotate(-135deg);
			-ms-transform:rotate(-135deg);
				transform:rotate(-135deg);
		}
	.obj_bloc.var_article .ctn_aside{
		width:100%;
		height:0;
		overflow:hidden;
		padding:0;
		float:none;
		}
	.obj_bloc.var_article .ctn_aside .ctn_menu_mob{
		padding:40px 20px 20px;
		}
	.obj_bloc.var_article .ctn_aside a{
		padding:5px 0;
		}
	.obj_bloc.var_article .ctn_aside ul ul{
		display:block;
		padding:10px 0 0;
		}
	.obj_bloc.var_article .ctn_aside ul > li button{
		margin:0; padding:0;
		}
	.obj_bloc.var_article .ctn_aside ul > li button:before,
	.obj_bloc.var_article .ctn_aside ul > li button:after{
		display:none;
		}

	}

/* ================================= *
 * SHARE MENU
 * ================================= */

.obj_share_menu{position:relative;}
.obj_share_menu ul li{display:inline-block; margin:0 !important;}
.obj_share_menu ul li:before{display:none !important;}

.obj_share_menu li > a,
.obj_share_menu li > button{
	position:relative;
	display:inline-block;
	height:60px;
	min-width:60px;
	background:#000;
	text-indent:-9999em;
	text-align:left;
	border:none;
	cursor:pointer;
	-webkit-appearance:none;
	   -moz-appearance:none;
			appearance:none;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_share_menu li > a:before,
.obj_share_menu li > button:before{
	display:block;
	position:absolute;
	content:"";
	height:22px; width:24px;
	top:50%; left:50%;
	margin:-11px 0 0 -12px;
	background:url('../images/sprite_icon.png') no-repeat 0 0 / 1024px auto;
	}
.obj_share_menu li > a:hover,
.obj_share_menu li > button:hover{
	background:#000;
	}

.obj_share_menu li.btn_like{margin:0 10px 0 0 !important;}
.obj_share_menu li.btn_like.mobile{ display:none; }
	
.obj_share_menu .btn_fbk > a{background-color:#3955a0;}
.obj_share_menu .btn_fbk > a:before{background-position:-64px -118px;}
.obj_share_menu .btn_twt > a{background-color:#5ea9dd;}
.obj_share_menu .btn_twt > a:before{background-position:-88px -118px;}
.obj_share_menu .btn_mail > a,
.obj_share_menu .btn_mail > button{background-color:#fb6262;}
.obj_share_menu .btn_mail > a:before,
.obj_share_menu .btn_mail > button:before{background-position:-112px -118px;}
.obj_share_menu .btn_pin > a{background-color:#cb2027;}
.obj_share_menu .btn_pin > a:before{background-position:-136px -118px;}


/* ======================================== */
/*  CARROUSEL PRODUITS
/* ======================================== */
.ctn_carrousel {
	text-align: center;
	margin-bottom: 70px;
}
.ctn_carrousel h2 {
	float: none;
	display: inline-block;
	padding-left: 10%;
}
@media screen and (max-width:767px){
	.ctn_carrousel {margin-bottom: 0;}
	.ctn_carrousel a.txt_link {display: inline-block;}
	.ctn_carrousel h2 {display:block;padding:0;}
}