/* 

 * BOUTONS GENERAL
 * COOKIES
 * HEADER MAIN
 
 */
 
/* ================================= *
 * BOUTONS GENERAL
 * ================================= */
main > .ctn_btn,
section > .ctn_btn{
	padding : 40px 0;
	text-align : center;
	}
	
@media screen and ( max-width : 767px ) {
	main > .ctn_btn,
	section > .ctn_btn{ padding : 20px 0; }
}

.ctn_btn{ clear:both; }

.obj_btn{
	display:inline-block;
	border:none;
	padding:14px 20px;
	font:1em/1em 'LocatorWeb-Regular', sans-serif;
	color:#fff;
	-webkit-appearance:none;
	   -moz-appearance:none;
			appearance:none;
	background:#008fcd;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	cursor:pointer;
	}
.obj_btn.var_white{
	background:#fff;
	color:#008fcd;
	}
a:hover .obj_btn,
a.obj_btn:hover,
button.obj_btn:hover{
	background-color:#66bce1;
	color: #fff;
	}
.obj_btn.btn_more{
	background:none;
	border:1px solid #dadada;
	color:#000;
	}
.obj_btn.btn_more:hover{
	background:none;
	border-color:#000;
	color:#000;
	}

.obj_btn.btn_video{
	height:85px; width:85px;
	background:url('../images/sprite_icon.png') no-repeat -198px -83px / 1024px auto;
	text-indent:-9999em;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
	     -o-transition:all 0.2s;
			transition:all 0.2s;
	-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
			transform:scale(1,1);
	}
a:hover .obj_btn.btn_video,
.obj_push-videos:hover .obj_btn.btn_video,
a.obj_btn.btn_video:hover {
	background-color:rgba(255,255,255,0);
	-webkit-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
			transform:scale(1.1,1.1);
	}
	
@media screen and (max-width:960px){
	.obj_btn{
		padding:10px 15px;
		font-size:0.875em;
		}
	.obj_btn.btn_video{
		-webkit-transform:scale(0.75,0.75);
			-ms-transform:scale(0.75,0.75);
				transform:scale(0.75,0.75);
		}
}	


/* ================================= *
 * obj_video
 * ================================= */
.obj_video .obj_player{
	background:#000;
	}
.obj_video .v_video,
.ctn_article .ctn_video {
	position:relative;
	cursor: pointer;
	}
.obj_video .v_video:before,
.ctn_article .ctn_video .obj_player:before{
	display:block; content:"";
	position:absolute;
	top:50%; left:50%;
	margin:-68px 0 0 -68px;
	width:136px; height:136px;
	background:url('../images/sprite_icon.png') no-repeat -313px -46px / 1024px auto;
	z-index:1;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_video a:hover .v_video:before,
.ctn_article .ctn_video:hover .obj_player:before{
	-webkit-transform:scale(1.1);
		-ms-transform:scale(1.1);
			transform:scale(1.1);
	}
.obj_video .v_video figcaption{
	position:absolute;
	left:0; top:0;
	width:100%;
	text-align:center;
	font:2.125em/1em 'journal', sans-serif;
	color:#fff;
	}
	
@media screen and (max-width:767px){
	.obj_video a .v_video:before,
	.obj_video a:hover .v_video:before,
	.ctn_article .ctn_video:hover .obj_player:before{
		-webkit-transform:scale(0.75);
			-ms-transform:scale(0.75);
				transform:scale(0.75);
		}
	.obj_video .v_video figcaption{
		font-size:1.125em;
		}
}
	
/* ================================= *
 * SPRITE ICONS
 * ================================= */
.sprite-icon{
	position:relative;
	}
.sprite-icon:after, .sprite-icon:before{
	content:"";
	position:absolute;
	display:block;
	background:url('../images/sprite_icon.png');
	background-size:1024px auto;
	}

/* ================================= *
 * SHARE MENU
 * ================================= */
.obj_share_menu{position:relative;}
.obj_share_menu li{display:inline-block;}

.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;}
.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;}


/* ================================= *
 * COOKIES
 * ================================= */
.obj_cookies{
	width:100%;
	background:#e9edef;
	}
.obj_cookies .ctn_cookies{
	padding:15px 20px;
	}
.obj_cookies .ctn_cookies p{
	font:0.875em/1em 'LocatorWeb-Regular', sans-serif;
	color:#758892; text-align:center;
	}
.obj_cookies .ctn_cookies p a{
	color:#008fcd; text-decoration:underline;
	}
.obj_cookies .ctn_cookies a.b_close{
	display:block;
	font-family:'LocatorWeb-Regular', sans-serif; font-size:0.750em; color:#b5bec4; text-align:center; text-decoration:underline;
	margin-top:5px;
	}
	
@media screen and (max-width:767px){
		
	.obj_cookies .ctn_cookies p{
		font-size:0.75em;
		}
}
	
/* ================================= *
 * HEADER MAIN
 * ================================= */
header.main nav.main{
	display:none;
	}
@media screen and (max-width:767px){
	main .obj_nav{
		display:none;
		}
	
	header.main{
		position:relative;
		}
	header.main nav.main{
		display:block;
		position: absolute;
		height: 0;
		width: 100%;
		margin: 0;
		left: 0;
		right: 0;
		top: 80px;
		border: none;
		z-index: 5;
		}
	header.main nav.main .main_menu_mob{
		margin:0;
		padding:10px 0;
		display:none;
		height:auto;
		background:#f8f8f8;
		box-shadow:0 50px 100px rgba(0,0,0,0.4);
		}
	header.main nav.main ul li{
		display:block;
		height:auto;
		float:none;
		margin:0;
		text-align:center;
		}
	header.main nav.main ul li > a{
		display:inline-block;
		padding:5px 20px;
		font-size:1em;
		line-height:1.2em;
		color:#008fcd;
		}
	header.main nav.main .btn_menu_mob {
		display: block;
		position: absolute;
		top: -50px;
		left: 10px;
		border: none;
		width: 30px;
		height: 30px;
		padding: 0;
		text-indent: -10000px;
		border-radius: 4px;
		background: #008fcd url('../images/sprite_menu-mobile.png') left top;
		background-size: 180px auto;
		}
}
/* ================================= *
 * FOOTER MAIN
 * ================================= */
footer.main{
	margin:100px 0 0;
	padding:40px 0;
	background:#008fcd;
	}

footer.main .str_items{
	max-width:1180px;
	padding:0 60px 50px 60px; margin:0 auto 40px;
	border-bottom:1px solid #33a5d7;
	text-align:center;
	}
footer.main .str_items > div{
	display:inline-block;
	width:33%;
	box-sizing:border-box;
	text-align:left;
	}
footer.main h3{
	margin-bottom:20px;
	font:1.3125em/1em 'LocatorWeb-Light', serif; color:#fff;
	}
footer.main h3 a{
	color:#fff;
	}
	
@media screen and (max-width:1024px){
	footer.main .str_items{
		padding:0 50px 50px;
		}
}		
@media screen and (max-width:960px){
	footer.main .str_items > div{
		width:100%;
		display:block;
		padding-left:7% !important;
		margin:30px auto 0;
		max-width:500px;
		}
}
@media screen and (max-width:767px){
	footer.main{
		margin:40px 0 0;
		}
	footer.main .str_items{
		padding:0 20px 25px; margin:0 auto 25px;
		}
	footer.main .str_items > div{
		padding-left:0 !important;
		}
}
	
/*-- SERVICES --*/	
footer.main .str_items .ctn_services{
	margin-top:0;
	}
footer.main .ctn_services h3:before{
	left:-35px;
	width:20px; height:20px;
	background-position:-15px -118px;
	}
footer.main .ctn_services ul{
	display:inline-block;
	width:50%;
	float:left;
	padding-right:35px;
	}
footer.main .ctn_services ul li a{
	font-family:'LocatorWeb-Regular', sans-serif; font-size:0.875em; line-height:1em; color:#fff;
	}

/** Cookies policy OneTrust **/
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper{
	overflow:hidden;
	height:auto !important;
	}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper * {
	font: 14px/14px 'LocatorWeb-Regular', sans-serif !important;
	font-weight: normal !important;
	color: #fff !important;
}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-left,
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-middle,
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-right {
	background-color: #008fcd !important;
	border: 0;
}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-left,
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-right {
	display: none;
}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-middle {
	padding: 0;
	height:auto !important;
}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper a.optanon-show-settings {
	margin-top: 0 !important;
	display:block;
}
footer.main .ctn_services ul li #optanon-show-settings-popup {
	opacity: 0 !important;
}

@media screen and (max-width:960px){
	footer.main .ctn_services{overflow:hidden;}
	footer.main .ctn_services h3:before{left:0;}
	footer.main .ctn_services h3{padding-left:40px;}
}
@media screen and (max-width:480px){
	footer.main .ctn_services ul{
		display:block;
		width:100%;
		padding:0;
		float:none;
		}
}

	
/*-- NEWSLETTER --*/		
footer.main .str_items .ctn_newsletter{
	padding:0 0 0 50px;
	}
footer.main .ctn_newsletter h3:before{
	left:-43px;
	width:29px; height:20px;
	background-position:-35px -118px;
	}
footer.main .ctn_newsletter p{
	font-family:'LocatorWeb-Regular', sans-serif; font-size:0.875em; line-height:1.250em; color:#fff;
	margin-bottom:10px;
	}
footer.main .ctn_newsletter .ctn_ligne{
	width:100%;
	}
footer.main .ctn_newsletter input{
	box-sizing:border-box;
	display:inline-block;
	padding:8px;
	margin-right:3%;
	width:85%; height:30px;
	font:0.875em/1em 'LocatorWeb-Regular', sans-serif;
	color:#333;
	border:0;
	}
footer.main .ctn_newsletter a.btn{
	width:12%;
	display:inline-block;
	font:0.938em/1em 'LocatorWeb-Regular', sans-serif;
	color:#fff;
	vertical-align:middle;
	}
	
@media screen and (max-width:1024px){
	footer.main .str_items .ctn_newsletter{
		padding:0 0 0 30px;
		}
}	
@media screen and (max-width:960px){
	footer.main .str_items .ctn_newsletter{
		padding:0;
		clear:both;
		}
	footer.main .ctn_newsletter h3:before{left:0;}
	footer.main .ctn_newsletter h3{padding-left:40px;}
	footer.main .ctn_newsletter .ctn_ligne{
		max-width:500px;
		}
}

/*-- STORELOCATOR --*/	
footer.main .str_items .ctn_store{
	padding:0 0 0 80px;
	}
footer.main .ctn_store h3:before{
	left:-30px;
	width:15px; height:21px;
	background-position:0 -118px;
	}
footer.main .ctn_store p{
	font-family:'LocatorWeb-Regular', sans-serif; font-size:0.875em; line-height:1.250em; color:#fff;
	margin-bottom:10px;
	}
footer.main .ctn_store a.btn.locate:before{
	display:block;
	content:"";
	position:absolute;
	left:50%; top:50%;
	margin:-9px 0 0 -9px;
	width:19px; height:19px;
	background:url("../images/sprite_icon.png") no-repeat -20px -147px;
	background-size:1024px auto;
	}
footer.main .ctn_store a.btn.locate{
	display:inline-block;
	position:relative;
	float:left;
	width:14%;
	height:30px;
	background:#62bce3;
	}
footer.main .ctn_store a.btn.locate:hover{
	background:#e87fbc;
	}
footer.main .ctn_store .ctn_inputText{
	display:inline-block;
	width:86%;
	position:relative;
	}
footer.main .ctn_store .ctn_inputText input{
	width:100%;
	height:30px;
	padding:8px;
	box-sizing:border-box;
	font:0.875em/1em 'LocatorWeb-Regular', sans-serif; color:#333;
	border:none;
	}
footer.main .ctn_store .obj_autocomplete{
	display: none;
	position:absolute;
	margin-top:1px;
	width:100%;
	}
footer.main .ctn_store .obj_autocomplete .obj_content{
	background:#fff;
	padding:8px;
	}
footer.main .ctn_store .obj_autocomplete .jQueryScroll{
	max-height:168px;
	}
footer.main .ctn_store .obj_autocomplete .obj_content ul li a{
	display:block;
	font-family:'LocatorWeb-Regular', sans-serif; font-size:0.875em; line-height:1em; color:#333;
	padding:5px 8px;
	}
footer.main .ctn_store .obj_autocomplete .obj_content ul li a:hover{
	background:#ebebeb;
	}

@media screen and (max-width:1024px){
	
	footer.main .str_items .ctn_store{
		padding:0 0 0 40px;
		}
}
@media screen and (max-width:960px){
	footer.main .str_items .ctn_store{
		padding:0;
		}
	footer.main .ctn_store h3:before{left:0;}
	footer.main .ctn_store h3{padding-left:40px;}
	footer.main .ctn_store .obj_form{max-width:85%; margin:0;}
}
	
/*-- RESEAUX SOCIAUX--*/	
footer.main .obj_socials{
	text-align:center;
	}
footer.main .obj_socials h3{
	
	}
footer.main .obj_socials ul{text-align:center;}
footer.main .obj_socials ul li{
	display:inline-block;
	margin:0 15px;
	}
footer.main .obj_socials ul li a{
	display:block;
	width:60px; height:60px;
	border:1px solid #64bbe1;
	border-radius:50px;
	}
footer.main .obj_socials ul li a:hover{
	background-color:#64bbe1;
	}
footer.main .obj_socials ul li a:before{
	top:50%; left:50%;
	width:35px; height:31px;
	margin:-15px 0 0 -17px;
	}
footer.main .obj_socials ul li.twitter a:before{ background-position:0 -87px; }
footer.main .obj_socials ul li.facebook a:before{ background-position:-35px -87px; }
footer.main .obj_socials ul li.instagram a:before{ background-position:-70px -87px; }
footer.main .obj_socials ul li.youtube a:before{ background-position:-105px -87px; }

@media screen and (max-width:767px){
	
	footer.main .obj_socials ul li{
		margin:10px;
		}
	footer.main .obj_socials ul li a{
		width:45px; height:45px;
		}
	footer.main .obj_socials ul li a:before{
		-webkit-transform:scale(0.75,0.75);
			-ms-transform:scale(0.75,0.75);
				transform:scale(0.75,0.75);
		}
}
	
/*-- MENTIONS LEGALES --*/	
footer.main .obj_legals{
	padding-bottom:80px; margin-top:50px;
	}
footer.main .obj_legals:after{
	bottom:0;
	background-position:-197px -35px;
	width:114px; height:48px;
	left:50%;
	margin-left:-57px;
	}
footer.main .obj_legals p{
	font-family:'LocatorWeb-Regular', sans-serif; font-size:0.750em; line-height:1em; color:#fff; text-align:center;
	}
	
@media screen and (max-width:767px){
	footer.main .obj_legals{
		margin-top:30px;
		padding:0 20px 80px;
		}
}

/** Cookies policy OneTrust **/
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper{
	overflow:hidden;
	height:auto !important;
	}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper * {
	font: 14px/14px 'LocatorWeb-Regular', sans-serif !important;
	font-weight: normal !important;
	color: #fff !important;
}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-left,
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-middle,
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-right {
	background-color: #008fcd !important;
	border: 0;
}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-left,
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-right {
	display: none;
}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper .optanon-show-settings-middle {
	padding: 0;
	height:auto !important;
}
footer.main .ctn_services ul li .optanon-show-settings-popup-wrapper a.optanon-show-settings {
	margin-top: 0 !important;
	display:block;
}
footer.main .ctn_services ul li #optanon-show-settings-popup {
	opacity: 0 !important;
}

@media screen and (max-width:960px){
	footer.main .ctn_services h3:before{left:0;}
	footer.main .ctn_services h3{padding-left:40px;}
}
@media screen and (max-width:480px){
	footer.main .ctn_services ul{
		padding-right:10px;
		}
}

	
/* ================================= *
 * BANNIERE GENERIQUE
 * ================================= */
.obj_banner{
	position: relative;
	overflow: hidden;
	padding-bottom: 0;
	text-align:center;
	}
.obj_banner .v_background{
	position: absolute;
	top:50%; left:50%;
	z-index:0;
	max-width:none;
	-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
	}
.obj_banner .ctn_banner{
	max-width:1220px;
	padding:0 20px;
	position:relative;
	z-index:1;
	margin:0 auto;
	}
	
.obj_banner .ctn_banner .t_logo{ margin:0 auto 25px; }
	
.obj_banner .ctn_banner p{ font:1.875em/1em 'LocatorWeb-Light', sans-serif; }
.obj_banner .ctn_banner p + p{ margin:30px 0 25px; }
.obj_banner .ctn_banner p strong{ font:1.333em/1em 'LocatorWeb-Medium', sans-serif; }
.obj_banner .ctn_banner .ctn_links a{
	display:inline-block;
	padding:0 10px;
	max-width:30%;
	}
.obj_banner .ctn_banner-inner{ min-height:470px; padding:50px 15% 10px; }

@media screen and (max-width:767px){
	.obj_banner .v_background{ height:100%; left: 72%; }
	.step_1 .obj_banner .v_background{ left:-30%; }
	.step_3 .obj_banner .v_background{ left:10%; }
	.obj_banner .ctn_banner .t_logo{ margin:0 auto 20px; max-width:80%; }
	.obj_banner .ctn_banner p{ font-size:1em; }
	.obj_banner .ctn_banner p + p{ margin:10px 0 15px; }
	.obj_banner .ctn_banner-inner{ padding:20px 20px 10px; min-height:200px; }
	.obj_banner .ctn_banner .ctn_links{
		max-width:100%;
		margin:0 auto;
		}
	.obj_banner .ctn_banner .ctn_links a{
		padding:0;
		max-width:25%;
		}
}
	
/* ================================= *
 * BANNIERE GENERIQUE
 * ================================= */
.obj_banner.var_small .ctn_banner-inner{padding:20px 0 0; min-height:180px;}
.obj_banner.var_small .ctn_banner .t_logo{margin:0 auto 20px;}
.obj_banner.var_small .ctn_links .t_step{
	display:inline-block;
	width:33.333%;
	text-align:center;
	}
.obj_banner.var_small .ctn_links .t_step a{
	display:inline-block;
	overflow:hidden;
	position:relative;
	max-width:100%;
	margin:20px auto 0;
	padding:0;
	text-align:left;
	opacity:0.5;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_banner.var_small .ctn_links .t_step a:hover{
	opacity:1;
	}
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1) a,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a,
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3) a{
	margin:0 auto;
	opacity:1;
	}
.step_1 .obj_banner.var_small .ctn_links{ text-align:right; }
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(3){ display:none; }
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a{ float:right; padding-right:52px; }

.step_2 .obj_banner.var_small .ctn_links{ text-align:center; }
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(1) a{ float:left; padding-left:42px; }
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(3) a{ float:right; padding-right:52px; }


.step_3 .obj_banner.var_small .ctn_links{ text-align:left; }
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(1){ display:none; }
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a{ float:left; padding-left:42px; }

.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:hover,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(1) a:hover{
	-webkit-transform:translateX(-10px);
		-ms-transform:translateX(-10px);
			transform:translateX(-10px);
	}
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:hover,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(3) a:hover{
	-webkit-transform:translateX(10px);
		-ms-transform:translateX(10px);
			transform:translateX(10px);
	}
	
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:before,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(1) a:before,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(3) a:before,
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:before{
	display:block; content:"";
	position:absolute; top:50%;
	width:42px; height:42px;
	border:1px solid #fff;
	border-radius:50%;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	}
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:before,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(3) a:before{
	right:0;
	}
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(1) a:before,
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:before{
	left:0;
	}
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:after,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(1) a:after,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(3) a:after,
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:after{
	display:block; content:"";
	position:absolute; top:50%;
	width:10px; height:10px;
	margin:-5px 0 0 -5px;
	border:1px solid #fff;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:after,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(1) a:after{
	left:23px;
	border-top:none;
	border-right:none;
	}
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(3) a:after,
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(2) a:after{
	right:18px;
	border-bottom:none;
	border-left:none;
	}

.obj_banner.var_small .ctn_links .t_step .v_step{
	display:inline-block;
	width:55px;
	float:left;
	}
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1) .v_step,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2) .v_step,
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3) .v_step{
	width:105px;
	}
.obj_banner.var_small .ctn_links .t_step .h1{
	display:inline-block;
	float:left;
	width:calc(100% - 55px);
	padding:10px 0 0;
	color:#fff;
	font:1.25em/0.75em 'LocatorWeb-Light', sans-serif;
	}
.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1) .h1,
.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2) .h1,
.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3) .h1{
	padding:25px 0 0;
	width:calc(100% - 105px);
	font-size:2.125em;
	}
.obj_banner.var_small .ctn_links .t_step .h1 strong{
	display:block;
	font-family:'LocatorWeb-Bold', sans-serif;
	}
	
@media screen and (max-width:960px){
	.obj_banner.var_small .ctn_links{ padding:0 10px; }
	.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1),
	.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2),
	.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3){
		width:40%;
		}
	.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1) .v_step,
	.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2) .v_step,
	.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3) .v_step{
		width:80px;
		}
	.obj_banner.var_small .ctn_links .t_step .h1{ font-size:1em; }
	.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1) .h1,
	.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2) .h1,
	.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3) .h1{
		width:calc(100% - 80px);
		font-size:1.5em;
		}
	.obj_banner.var_small .ctn_links .t_step{
		width:30%;
		}
}

@media screen and (max-width:767px){
	.obj_banner.var_small .ctn_banner .t_logo{
		position:absolute; top:20px; left:0;
		max-width:100%; width:100%;
		}
	.obj_banner.var_small .ctn_banner-inner{padding-top:120px;}
	.obj_banner.var_small .ctn_links{
		padding:0 10px 10px;
		}
	.obj_banner.var_small .ctn_links .t_step{
		width:50%;
		}
	.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1),
	.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2),
	.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3){
		display:block;
		position:absolute;
		left:0; right:0;
		width:auto;
		top:60px;
		}
	.obj_banner.var_small .ctn_links .t_step .v_step{
		width:45px;
		}
	.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1) .v_step,
	.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2) .v_step,
	.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3) .v_step{width:70px;}
	.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(1) .h1,
	.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(2) .h1,
	.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(3) .h1{
		padding:10px 0 0;
		width:calc(100% - 70px);
		font-size:1.75em;
		}
	.step_1 .obj_banner.var_small .ctn_links .t_step:nth-child(2) .h1,
	.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(1) .h1,
	.step_2 .obj_banner.var_small .ctn_links .t_step:nth-child(3) .h1,
	.step_3 .obj_banner.var_small .ctn_links .t_step:nth-child(2) .h1{ display:none;	}
	
}

/* ================================= *
 * NAV PRINCIPALE
 * ================================= */
.obj_nav{
	width:100%;
	padding:15px 0;
	background:#fff
	}
.obj_nav.is-pinned{
	position:fixed;
	top:0;
	z-index:10;
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	}
.obj_nav ul{
	max-width:1180px;
	display:table;
	margin:0 auto;
	}
.obj_nav ul li{
	display:table-cell;
	vertical-align:middle;
	padding:5px 20px;
	text-align:center;
	/*max-width:250px;*/
	border-left:1px solid #dadde1;
	}
.obj_nav ul li:first-child{
	border:none;
	}
.obj_nav ul li.home{
	padding:0;
	}
.obj_nav ul li.home a{
	position:relative;
	width:60px; height:30px;
	text-indent:-9999em;
	}
.obj_nav ul li.home a:after{
	position:absolute;
	top:50%; left:50%;
	display:block; content:"";
	width:16px; height:16px;
	margin:-8px 0 0 -8px;
	background:url('../images/sprite_icon.png') no-repeat -54px -147px / 1024px auto;
	}
.obj_nav ul li.home.active a:after,
.obj_nav ul li.home:hover a:after{
	background-position:-38px -147px;
	}
.obj_nav ul li a{
	display:block;
	color:#008fcd;
	line-height:1em;
	}
.obj_nav ul li a.active,
.obj_nav ul li a:hover{
	color:#000;
	}
	
/* ================================= *
 * MARGIN CONTENT
 * ================================= */
.is-pinned + .str_content{
	padding-top:70px;
	}
	
/* ================================= *
 * BLOC GENERIQUE
 * ================================= */
.obj_bloc{
	max-width:1220px;
	padding:0 20px;
	margin:0 auto;
	position:relative;
	}
.obj_bloc .anchor{
	position:absolute;
	top:-50px;
	}
.obj_bloc .ctn_title{
	padding:60px 20px 30px;
	text-align:center;
	}
.obj_bloc .ctn_title h3,
.obj_bloc .ctn_title .h3{
	padding:0 0 10px;
	position:relative;
	font:1.125em/1em 'LocatorWeb-Bold', sans-serif;
	text-transform:uppercase;
	color:#008fcd;
	}
.obj_bloc .ctn_title h3:after,
.obj_bloc .ctn_title .h3:after{
	display:block; content:"";
	position:absolute;
	left:50%; bottom:0;
	width:50px; height:2px;
	margin:0 0 0 -25px;
	background:#008fcd;
	}
.obj_bloc .ctn_content{
	position:relative;
	overflow:hidden;
	}
	
@media screen and (max-width:1024px){ }

@media screen and (max-width:767px){
	.obj_bloc .anchor{
		top:0 !important;
		}
	.obj_bloc .ctn_title{
		padding:40px 0 15px;
		}
	.obj_bloc .ctn_title h2{
		font-size:0.875em;
		}
	.obj_bloc .ctn_title h3{
		font-size:0.875em;
		}
}

/* ================================= *
 * obj_bloc var_skincheckers_world
 * ================================= */
.obj_bloc.var_skincheckers_world{
	padding-top:20px;
	}
.obj_bloc.var_skincheckers_world .ctn_content{
	min-height:350px;
	}
.obj_bloc.var_skincheckers_world .ctn_content .ctn_txt{
	position:relative;
	z-index:1;
	padding:70px 0 20px;
	text-align:center;
	}
.obj_bloc.var_skincheckers_world .ctn_content .ctn_txt p{
	font:2em/1em 'LocatorWeb-Light', sans-serif;
	color:#fff;
	}
.obj_bloc.var_skincheckers_world .ctn_content .ctn_txt p strong{
	display:block;
	font:2.1875em/1em 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_skincheckers_world .ctn_content .ctn_txt p em{
	display:block;
	font-size:0.6875em;
	}
.obj_bloc.var_skincheckers_world .ctn_content .v_background{
	position:absolute;
	top:0; left:50%;
	max-width:none;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
.obj_bloc.var_skincheckers_world .ctn_content .ctn_btn{
	margin:40px 0 0;
	}
	
@media screen and (max-width:767px){
	.obj_bloc.var_skincheckers_world{ padding-top:0; }
	.obj_bloc.var_skincheckers_world .ctn_title{padding-top:30px; }
	.obj_bloc.var_skincheckers_world .ctn_content{ min-height:280px; }
	.obj_bloc.var_skincheckers_world .ctn_content .v_background{ height:280px; }
	.obj_bloc.var_skincheckers_world .ctn_content .ctn_txt p{ font-size:1.25em; }
}
	
/* ================================= *
 * obj_bloc var_pushs-steps
 * ================================= */
.obj_bloc.var_pushs-steps .ctn_title{ padding-top:80px; }
.obj_bloc.var_pushs-steps .ctn_content{
	display:table;
	padding:10px 0 0;
	width:100%;
	}
.obj_bloc.var_pushs-steps .obj_step{
	display:table-cell;
	width:33.3333%;
	vertical-align:bottom;
	}
.obj_bloc.var_pushs-steps .obj_step a{
	padding:0 12px;
	display:block;
	}
.obj_bloc.var_pushs-steps .ctn_content:hover .obj_step a{ opacity:0.75; }
.obj_bloc.var_pushs-steps .ctn_content .obj_step a:hover{ 
	-webkit-transform:translateY(-5px);
		-ms-transform:translateY(-5px);
			transform:translateY(-5px);
	}
.obj_bloc.var_pushs-steps .ctn_content:hover .obj_step a:hover{ opacity:1; }
.obj_bloc.var_pushs-steps .step_1 a{ padding:0 24px 0 0; }
.obj_bloc.var_pushs-steps .step_3 a{ padding:0 0 0 24px; }

.obj_bloc.var_pushs-steps .t_title{
	position:relative;
	margin-bottom: 5px;
	color:#000;
	font:1.625em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_pushs-steps .t_title img {
	display: inline-block;
	width: 85px;
	}
.obj_bloc.var_pushs-steps .step_1 .t_title img {
	margin-left: -10px;
}
.obj_bloc.var_pushs-steps .step_2 .t_title img {
	margin-left: -13px;
}
.obj_bloc.var_pushs-steps .t_title span {
	display: inline-block;
	vertical-align: bottom;
	padding-bottom: 10px;
}
	
/*.obj_bloc.var_pushs-steps .t_title:before{
	display:inline-block; content:"";
	height:81px;
	position:absolute;
	left:0; bottom:0;
	background:url('../images/sprite_icon.png') no-repeat 0 0 / 1024px auto;
	}
.obj_bloc.var_pushs-steps .step_1 .t_title:before{ width:64px; background-position:-44px -168px; }
.obj_bloc.var_pushs-steps .step_2 .t_title:before{ width:55px; background-position:-108px -168px; }
.obj_bloc.var_pushs-steps .step_3 .t_title:before{ width:78px; background-position:-163px -168px; }
.no_patch .obj_bloc.var_pushs-steps .step_3 .t_title:before{ width:76px; background-position:-241px -168px; }*/

.obj_bloc.var_pushs-steps .t_title em{
	display:block;
	color:#008fcd;
	font-size:0.7695em;
	}
.obj_bloc.var_pushs-steps .t_title em sup{
	font-size:50%;
	margin-top:-0.25em;
	}
.obj_bloc.var_pushs-steps .t_title strong{
	font-family:'LocatorWeb-Bold', sans-serif;
	}

@media screen and (max-width:960px){
	
	.obj_bloc.var_pushs-steps .obj_step a{ padding:0 6px; }
	
	.obj_bloc.var_pushs-steps .t_title{font-size:1.25em;}
	.obj_bloc.var_pushs-steps .t_title img {width: 65px;}
	.obj_bloc.var_pushs-steps .step_1 .t_title img {
		margin-left: -6px;
	}
	.obj_bloc.var_pushs-steps .step_2 .t_title img {
		margin-left: -9px;
	}
	/*.obj_bloc.var_pushs-steps .t_title:before{
		-webkit-transform:scale(0.75,0.75);
			-ms-transform:scale(0.75,0.75);
				transform:scale(0.75,0.75);
		-webkit-transform-origin:left bottom;
			-ms-transform-origin:left bottom;
				transform-origin:left bottom;
		}*/
}
@media screen and (max-width:767px){
	.obj_bloc.var_pushs-steps .ctn_title{ padding-top:40px; }
	.obj_bloc.var_pushs-steps .ctn_content,
	.obj_bloc.var_pushs-steps .obj_step{
		display:block;
		width:100%;
		}
	.obj_bloc.var_pushs-steps .obj_step a{ padding:20px 0 0 !important; }
	.obj_bloc.var_pushs-steps .ctn_content:hover .obj_step a,
	.obj_bloc.var_pushs-steps .ctn_content:hover .obj_step a:hover{ opacity:1; }
		
	.obj_bloc.var_pushs-steps .t_title strong{
		display:block;
		}
	.obj_bloc.var_pushs-steps .t_title br{
		display:none;
		}
}

/* ================================= *
 * obj_bloc var_pushs-videos
 * ================================= */
.obj_bloc.var_pushs-videos{
	padding-top:20px;
	}
.obj_bloc.var_pushs-videos .ctn_content{
	display:table;
	width:100%;
	}
.obj_bloc.var_pushs-videos .ctn_content .obj_video{
	display:table-cell;
	width:50%;
	text-align:center;
	}
.obj_bloc.var_pushs-videos .ctn_content .obj_video .v_video{
	margin:0 0 20px;
	}
.obj_bloc.var_pushs-videos .ctn_content .obj_video .v_video img{
	position:relative;
	z-index:0;
	}
.obj_bloc.var_pushs-videos .ctn_content .obj_video .t_title{
	font:1.1875em/1em 'LocatorWeb-Regular', sans-serif;
	color:#008fcd;
	}
.obj_bloc.var_pushs-videos .ctn_content .obj_video .t_title strong{
	display:block;
	font:1.3685em/1.125em 'LocatorWeb-Regular', sans-serif;
	color:#000;
	}
	
@media screen and (max-width:767px){
	.obj_bloc.var_pushs-videos .ctn_content{
		display:block;
		width:100%;
		}
	.obj_bloc.var_pushs-videos .ctn_content .obj_video .v_video{margin:0 0 10px;}
	.obj_bloc.var_pushs-videos .ctn_content .obj_video{
		display:block;
		width:100%;
		}
	.obj_bloc.var_pushs-videos .ctn_content .obj_video + .obj_video{
		padding-top:20px;
		}
	.obj_bloc.var_pushs-videos .ctn_content .obj_video .t_title{ font-size:0.875em; }
}
	
/* ================================= *
 * obj_bloc var_interview
 * ================================= */
.obj_bloc.var_interview{ margin-bottom:20px; padding-top:20px; }
.pg_landing.step_3 .obj_bloc.var_interview{ padding-bottom:80px; }
.pg_landing.step_3 .obj_bloc.var_interview .ctn_content h2{ padding:0 0 20px; }
.obj_bloc.var_interview .ctn_content h2{
	padding:40px 0 30px;
	font:1.625em/1em 'LocatorWeb-Light', sans-serif;
	text-align:center;
	}
.obj_bloc.var_interview .obj_video{
	width:100%; height:0;
	padding-bottom:44.06%;
	position:relative;
	}
.obj_bloc.var_interview .obj_video .obj_player{
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	}
	
@media screen and (max-width:767px){
	.obj_bloc.var_interview{ padding-top:0; }
	.pg_landing.step_3 .obj_bloc.var_interview{ margin:0; padding-bottom:40px; }
	.obj_bloc.var_interview .ctn_content h2{
		padding:40px 0 10px;
		font-size:1.125em;
		}
}
	
/* ================================= *
 * obj_bloc var_faq
 * ================================= */	
.obj_bloc.var_faq article{
	margin: 0 auto 30px;
	padding: 60px 110px;
	background: #f6f8f8;
	}
.obj_bloc.var_faq article h2{
	padding: 0 0 50px;
	font: 1.625em/1em 'LocatorWeb-Light', sans-serif;
	text-align: center;	
	}
.obj_bloc.var_faq article h3{
	display: table;
	width: 100%;
	margin: 30px auto;
	cursor: pointer;
	font: 1.25em/1em 'LocatorWeb-Regular', sans-serif;
	color: #008fcd;
	}	
.obj_bloc.var_faq article h3:first-child{
	margin-top: 0;
	}	
.obj_bloc.var_faq article .pane{
	display: none;	
	}	
.obj_bloc.var_faq article .pane > div{
	padding: 20px 0 0;
	}	
.obj_bloc.var_faq article .accordion .pane:last-child{
	padding-bottom: 0;
	}
.obj_bloc.var_faq article .pane p{
	font: 1em/1.4375em 'LocatorWeb-Regular', sans-serif;
	}	
.obj_bloc.var_faq h3.current{
	margin: 0;
	}	
.obj_bloc.var_faq h3 .btn_ac{
	position: relative;
	display: table-cell;
    height: 24px;
    vertical-align: bottom;
	width: 24px;
    font-family: 'LocatorWeb-Bold', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
	}
.obj_bloc.var_faq h3 .btn_ac::before {
    position: absolute;
	display: block;
    content: "";
    top: 50%;
    left: 50%;
	width: 8px;
    height: 8px;
    margin: -6px 0 0 -6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);	
	border-right: 2px solid #008fcd;
    border-bottom: 2px solid #008fcd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	}
.obj_bloc.var_faq h3.current .btn_ac::before{
	 -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
	}
	
@media screen and (max-width:1024px){	
	.obj_bloc.var_faq article {
		padding: 40px;	
		}
}
	
@media screen and (max-width: 767px){	
	.obj_bloc.var_faq article {
		padding: 20px;	
		}
	.obj_bloc.var_faq article h2 {
		padding: 0 0 10px;
		}	
	.obj_bloc.var_faq article h3{
		font-size: 1em;
		line-height: 1.2em;
		}	
	.obj_bloc.var_faq h3 span:first-child{
		padding-right: 10px;
		}
	.obj_bloc.var_faq article .pane p{
		font-size: 0.875em;
		line-height: 1.2em;
		}	
		
}
	
	
/* ================================= *
 * obj_bloc var_range
 * ================================= */
.obj_bloc.var_range .anchor{ top:-90px; }
.obj_bloc.var_range{
	margin-top:60px;
	min-height:520px;
	background:url('../images/v_push-range_anthelios.jpg') no-repeat center top;
	}
.obj_bloc.var_range .ctn_title{ padding-top:40px; }
.obj_bloc.var_range .ctn_title h3{ color:#fff; }
.obj_bloc.var_range .ctn_title h3:after{ background:#fff; }
.obj_bloc.var_range .ctn_content{ padding:0 10%; }
.obj_bloc.var_range .ctn_content .ctn_txt{ max-width:50%; float:left; }
.obj_bloc.var_range .ctn_content h2{
	margin:40px 0 20px;
	font:1.625em/1em 'LocatorWeb-Light', sans-serif;
	color:#fff;
	}
.obj_bloc.var_range .ctn_content h2 strong{
	font:2em/1em 'LocatorWeb-Bold', sans-serif;
	text-transform:uppercase;
	}
.obj_bloc.var_range .ctn_content figure{ width:50%; text-align:left; float:right; margin-top: 27px; }

@media screen and (max-width:960px){
	.obj_bloc.var_range .ctn_content{ padding:10px 0 0; }
}
@media screen and (max-width:767px){
	.obj_bloc.var_range{ margin-top:5px; min-height:0; }
	.obj_bloc.var_range .ctn_content .ctn_txt{ max-width:100%; float:none; text-align:center; }
	.obj_bloc.var_range .ctn_content h2{
		margin:0 0 10px;
		font-size:1.125em;
		}
	.obj_bloc.var_range .ctn_content figure{ width:80%; margin:0 auto; padding:30px 0 10px; text-align:center; float:none; }
}

/* ================================= *
 * obj_bloc var_articles
 * ================================= */
.obj_bloc.var_articles{ 
	max-width:100%;
	background:#f2f2f2;
	}
.obj_bloc.var_articles .ctn_title{ 
	padding-top:40px;
	}
.obj_bloc.var_articles .ctn_content{ max-width:1180px; margin:0 auto; }
.obj_bloc.var_articles .ctn_bloc{padding:60px 20px 80px;}
.obj_bloc.var_articles .ctn_bloc h2{padding-bottom:30px; font-size:2.8125em;}
.obj_bloc.var_articles .obj_push-article{
	display:inline-block;
	height:430px;
	margin:0 0 40px;
	overflow:hidden;
	background:#fff;
	}
.obj_bloc.var_articles .obj_push-article.var_mail{
	background:none;
	}
.obj_bloc.var_articles .obj_push-article a{
	display:inline-block;
	}
.obj_bloc.var_articles .obj_push-article:nth-child(odd){
	width:calc(63% - 40px);
	float:right;
	}
.obj_bloc.var_articles .obj_push-article:nth-child(even){
	width:37%;
	float:right;
	}
.obj_bloc.var_articles .obj_push-article:nth-child(4n + 0),
.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1){
	float:left;
	}
.obj_bloc.var_articles .obj_push-article .ctn_table{
	position:relative;
	height:430px;
	}
.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_table,
.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_table{
	display:table;
	width:100%;
	direction:rtl;
	}
.obj_bloc.var_articles .obj_push-article .ctn_txt{
	padding:30px 40px;
	position:relative;
	z-index:2;
	min-height:215px;
	background:#fff;
	}
.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_txt,
.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_txt{
	display:table-cell;
	width:50%;
	padding-top:60px;
	direction:ltr;
	}
.obj_bloc.var_articles .obj_push-article .ctn_pic{
	height:215px;
	display:block;
	overflow:hidden;
	}
.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_pic,
.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_pic{
	display:table-cell;
	width:50%;
	height:auto;
	position:relative;
	}
.obj_bloc.var_articles .obj_push-article .ctn_pic a{
	display:block;
	overflow:hidden;
	height:100%; width:100%;
	}
.obj_bloc.var_articles .obj_push-article img{
	max-width:none;
	position:absolute;
	z-index:0;
	left:50%;
	max-height:430px;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
.obj_bloc.var_articles .obj_push-article:hover img{
	-webkit-transform:translateX(-50%) scale(1.025,1.025);
		-ms-transform:translateX(-50%) scale(1.025,1.025);
			transform:translateX(-50%) scale(1.025,1.025);
	}
.obj_bloc.var_articles .obj_push-article:nth-child(even) img{
	max-height:215px;
	}
.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_pic img,
.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_pic img{
	display:block;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
.obj_bloc.var_articles .obj_push-article:hover img,
.obj_bloc.var_articles .obj_push-article:nth-child(odd):hover .ctn_pic img,
.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1):hover .ctn_pic img{
	-webkit-transform:translateX(-50%) scale(1.025,1.025);
		-ms-transform:translateX(-50%) scale(1.025,1.025);
			transform:translateX(-50%) scale(1.025,1.025);
	}
.obj_bloc.var_articles .obj_push-article .ctn_txt h3{
	margin:0 0 10px;
	font:1.5625em/1.08em 'LocatorWeb-Medium', sans-serif;
	color:#000;
	}
.obj_bloc.var_articles .obj_push-article .ctn_txt p{
	font:1em/1.375em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_articles .ctn_btn{
	padding:35px 0 0;
	text-align:center;
	}
.obj_bloc.var_articles .obj_push-article .ctn_btn{
	position:absolute;
	left:40px; bottom:40px;
	}
	
.obj_bloc.var_articles .obj_push-article:nth-child(even) p{display:none;}
	
@media screen and (max-width:1024px){
	.obj_bloc.var_articles .obj_push-article{
		margin-bottom:20px;
		}
	.obj_bloc.var_articles .obj_push-article:nth-child(odd){
		width:calc(63% - 20px);
		}
	.obj_bloc.var_articles .obj_push-article .ctn_txt{padding:20px;}
	.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_txt,
	.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_txt{padding-top:40px;}
	.obj_bloc.var_articles .obj_push-article .ctn_btn{left:20px; bottom:20px;}
}	

@media screen and (max-width:960px){
	.obj_bloc.var_articles .ctn_bloc{padding:30px 20px 50px 20px;}
	
	.obj_list-filter + .obj_category{
		float:none;
		width:100%;
		}
		
	.obj_bloc.var_articles .obj_push-article{
		height:auto;
		}	
	.obj_bloc.var_articles .obj_push-article .ctn_table{
		display:table;
		width:100%;
		height:320px;
		}
	.obj_bloc.var_articles .obj_push-article:nth-child(odd),
	.obj_bloc.var_articles .obj_push-article:nth-child(even){
		width:100%;
		}
	.obj_bloc.var_articles .obj_push-article .ctn_pic,
	.obj_bloc.var_articles .obj_push-article .ctn_txt{
		display:table-cell;
		width:50%;
		height:auto;
		position:relative;
		}
	.obj_bloc.var_articles .obj_push-article:nth-child(even) img,
	.obj_bloc.var_articles .obj_push-article .ctn_pic img{
		display:block;
		position:absolute;
		left:50%;
		max-height:320px;
		-webkit-transform:translateX(-50%);
			-ms-transform:translateX(-50%);
				transform:translateX(-50%);
		}
	
	.obj_bloc.var_articles .obj_push-article:nth-child(even) p{display:block;}
}

@media screen and (max-width:767px){
	.obj_bloc.var_articles .ctn_bloc h2{padding-bottom:0; font-size:1.75em;}
	
	.obj_bloc.var_articles .obj_push-article:nth-child(even) p{display:block;}
	.obj_bloc.var_articles .obj_push-article .ctn_pic,
	.obj_bloc.var_articles .obj_push-article .ctn_txt,
	.obj_bloc.var_articles .obj_push-article .ctn_table,
	.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_table,
	.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_table,
	.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_pic,
	.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_pic{
		display:block;
		width:100%;
		height:auto;
		text-align:center;
		}
	.obj_bloc.var_articles .obj_push-article .ctn_txt,
	.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_txt,
	.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_txt{
		width:100%;
		display:block;
		min-height:0;
		height:auto;
		padding:20px;
		}
	.obj_bloc.var_articles .obj_push-article .ctn_pic,
	.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_pic,
	.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_pic,
	.obj_bloc.var_articles .obj_push-article .ctn_pic img,
	.obj_bloc.var_articles .obj_push-article:nth-child(odd) .ctn_pic img,
	.obj_bloc.var_articles .obj_push-article:nth-child(4n + 1) .ctn_pic img{
		height:190px;
		}
	
	.obj_bloc.var_articles .obj_push-article .ctn_txt h3{font-size:1.25em;}	
	
	.obj_bloc.var_articles .ctn_btn{ padding:20px 0 0; }
	.obj_bloc.var_articles .obj_push-article .ctn_btn{ position:relative; left:auto; bottom:auto; padding:20px 0 0;}	
}

/* ================================= *
 * obj_bloc var_push-quiz
 * ================================= */
.obj_bloc.var_push-quiz .anchor{ top:-90px; }
.obj_bloc.var_push-quiz{
	margin-top:80px;
	min-height:520px;
	background:#f7f7f7 url('../images/v_push-quiz.jpg') no-repeat center center;
	}
.obj_bloc.var_push-quiz .ctn_title{
	padding-top:40px;
	}
.obj_bloc.var_push-quiz .ctn_content{
	max-width:960px;
	margin:0 auto;
	padding:100px 0 0 48%;
	}

.obj_bloc.var_push-quiz .ctn_content h2{
	margin:0 0 30px;
	font:2.625em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_push-quiz .ctn_content h2 strong{
	font-family:'LocatorWeb-Bold', sans-serif;
	}
	
@media screen and (max-width:960px){
	.obj_bloc.var_push-quiz .ctn_content{
		padding-left:55%;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_push-quiz{
		margin-top:40px;
		min-height:180px;
		background-size:auto 80%;
		background-position:50% bottom;
		}
	.obj_bloc.var_push-quiz .ctn_content{padding:20px 0 20px 50%;}
	.obj_bloc.var_push-quiz .ctn_content h2{font-size:1.25em;}
}

/* ================================= *
 * obj_bloc var_prevention
 * ================================= */
.obj_bloc.var_prevention{ text-align:center; }
.obj_bloc.var_prevention .ctn_content > h2{
	margin:0 0 10px;
	font:1.625em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_prevention .ctn_content > h2 em{
	font-size:0.55em;
	}
.obj_bloc.var_prevention .ctn_content > h3{
	font:1.125em/1em 'LocatorWeb-Light', sans-serif;
	color:#008fcd;
	}
.obj_bloc.var_prevention .obj_prevention{ 
	position:relative;
	max-width:960px;
	margin:0 auto;
	}
.obj_bloc.var_prevention .obj_prevention .obj_dog{
	position:relative;
	z-index:1;
	width:100%;
	padding:80px 0 60px;
	text-align:center;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
			transition:all 0.5s;
	}
.obj_bloc.var_prevention .obj_prevention.open .obj_dog{
	width:57%;
	}
.obj_bloc.var_prevention .obj_prevention .ctn_dog{
	position:relative;
	display:inline-block;
	background:#fff;
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons{
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button{
	position:absolute;
	width:40px; height:40px;
	padding:0;
	background:#008fcd;
	border:none;
	border-radius:50%;
	cursor:pointer;
	font:1em/1em 'LocatorWeb-Regular', sans-serif;
	-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_scalp{ left:21%; top:0; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_face{ left:7%; top:18%; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_arms{ left:28%; top:75%; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_hands{ left:5%; top:46%; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_torso{ left:53%; top:55%; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_back{ left:59%; top:30%; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_legs{ left:77%; top:78%; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_last{ left:83%; top:38%; }

.obj_bloc.var_prevention .obj_prevention .obj_buttons button.active{
	background:#6c6c6c;
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button:before,
.obj_bloc.var_prevention .obj_prevention .obj_buttons button:after{
	position:absolute;
	display:block; content:"";
	top:50%; left:50%;
	border-radius:2px;
	background:#fff;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button:before{
	width:24px; height:4px;
	margin:-2px 0 0 -12px;
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button:after{
	width:4px; height:24px;
	margin:-12px 0 0 -2px;
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.active:before,
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.active:after{
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button span{
	position:absolute;
	left:50%;
	display:block;
	top:100%; min-width:100px;
	padding:10px 0;
	color:#008fcd;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_scalp span{ top:auto; bottom:100%; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_back span{ top:auto; bottom:100%; }
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_arms span{
	right:50px; top:50%;
	left:auto;
	text-align:right;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	}
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_last span{
	bottom:40px; left:50%; top:auto;
	text-align:left;
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
	}
	
.obj_bloc.var_prevention .obj_prevention .obj_buttons button.active span{
	color:#6c6c6c;
	}
.obj_bloc.var_prevention .obj_prevention .ctn_legendes{
	position:absolute;
	left:25%; top:50%;
	width:43%; height:290px;
	opacity:0;
	text-align:left;
	border-left:2px solid #c4c4c4;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
			transition:all 0.5s;
	}
.obj_bloc.var_prevention .obj_prevention.open .ctn_legendes{
	left:57%;
	opacity:1;
	}
.obj_bloc.var_prevention .obj_prevention .ctn_legendes li{
	position:absolute;
	top:50%; left:60px; right:20px;
	text-align:left;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	}
.obj_bloc.var_prevention .obj_prevention .ctn_legendes .t_title{
	padding:0 0 20px;
	font:1.625em/1em 'LocatorWeb-Regular', sans-serif;
	color:#008fcd;
	}
.obj_bloc.var_prevention .obj_prevention .ctn_legendes:before{
	display:block; content:"";
	position:absolute;
	left:0; top:50%;
	width:36px; height:36px;
	margin:-18px 0 0 -20px;
	background:#fff;
	border-top:2px solid #c4c4c4;
	border-right:2px solid #c4c4c4;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.obj_bloc.var_prevention .t_mention{
	font:0.875em/1em 'LocatorWeb-Light', sans-serif;
	color:#848484;
	}
.obj_bloc.var_prevention .t_mention a{
	text-decoration:underline;
	color:#848484;
	}
.obj_bloc.var_prevention .t_mention a:hover{
	color:#000;
	}

@media screen and (max-width:960px){
	.obj_bloc.var_prevention .obj_prevention.open .obj_dog{ width:62%; }
	.obj_bloc.var_prevention .obj_prevention .ctn_legendes{ width:38%; }
	.obj_bloc.var_prevention .obj_prevention.open .ctn_legendes{ left:62%; }
}

@media screen and (max-width:767px){
	.obj_bloc.var_prevention .ctn_content > h2{
		margin:0 0 10px;
		font-size:1.25em;
		}
	.obj_bloc.var_prevention .ctn_content > h3{
		font-size:1em;
		}
	.obj_bloc.var_prevention .obj_prevention .obj_dog{ width:100% !important; padding:50px 0 30px !important; }
	.obj_bloc.var_prevention .obj_prevention .obj_buttons button{
		width:20px; height:20px;
		font-size:0.875em;
		}
	.obj_bloc.var_prevention .obj_prevention .obj_buttons button:before{
		width:12px; height:2px;
		margin:-1px 0 0 -6px;
		}
	.obj_bloc.var_prevention .obj_prevention .obj_buttons button:after{
		width:2px; height:12px;
		margin:-6px 0 0 -1px;
		}
	.obj_bloc.var_prevention .obj_prevention .obj_buttons button span{
		padding:5px 0;
		}
	.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_last span{ bottom:20px; left:0; }
	.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_arms span{ right:30px; }
	.obj_bloc.var_prevention .obj_prevention .obj_buttons button.var_hands span{
		left:0;
		text-align:left;
		-webkit-transform:none;
			-ms-transform:none;
				transform:none;
		}
	.obj_bloc.var_prevention .obj_prevention .ctn_legendes{
		position:relative;
		left:0 !important; top:0;
		width:100%; height:auto;
		border:none;
		border-top:2px solid #c4c4c4;
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
				transform:translateY(-50%);
		}
	.obj_bloc.var_prevention .obj_prevention.open .ctn_legendes{
		padding:20px 0;
		-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
				transform:translateY(0);
		}
	.obj_bloc.var_prevention .obj_prevention .ctn_legendes:before{
		left:50%; top:0;
		width:10px; height:10px;
		margin:-6px 0 0 -5px;
		border-top:none;
		border-bottom:2px solid #c4c4c4;
		}
	.obj_bloc.var_prevention .obj_prevention .ctn_legendes li{
		display:none;
		position:relative;
		top:auto; left:auto; right:auto;
		-webkit-transform:none;
			-ms-transform:none;
				transform:none;
	}
}

/* ================================= *
 * obj_bloc var_abcde_method
 * ================================= */
.obj_bloc.var_abcde_method{ 
	text-align:center;
	padding:20px 0 0;
	}

.obj_bloc.var_abcde_method .ctn_content {
	overflow:visible;
	}
.obj_bloc.var_abcde_method .ctn_abcde {
	position:relative;
	z-index:5;
	}
.obj_bloc.var_abcde_method .ctn_abcde h2{
	padding:0 0 25px;
	font:1.625em/0.75em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_abcde_method .ctn_abcde ul {
	width:100%;
	}
.obj_bloc.var_abcde_method .ctn_abcde li {
	position: relative;
	display:inline-block;
	width:20%;
	padding: 0 20px 20px;
	}
.obj_bloc.var_abcde_method .ctn_abcde li a{
	display:block;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .animation {
	display: block;
	width: 100%; height: 0;
	padding-bottom:100%;
	margin: 0;
	background-position:center 0;
	background-size:100% auto;
	background-repeat:no-repeat;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .animation.letter-a {background-image: url('../images/v_animated-a.gif');}
.obj_bloc.var_abcde_method .ctn_abcde li .animation.letter-b {background-image: url('../images/v_animated-b.gif');}
.obj_bloc.var_abcde_method .ctn_abcde li .animation.letter-c {background-image: url('../images/v_animated-c.gif');}
.obj_bloc.var_abcde_method .ctn_abcde li .animation.letter-d {background-image: url('../images/v_animated-d.gif');}
.obj_bloc.var_abcde_method .ctn_abcde li .animation.letter-e {background-image: url('../images/v_animated-e.gif');}
.obj_bloc.var_abcde_method .ctn_abcde li .animation:hover {
	background-position: center bottom;
	}
.obj_bloc.var_abcde_method .ctn_abcde li span {
	display: block;
	margin-top: 20px;
	font:1em/1em 'LocatorWeb-Regular', serif;
	color:#008fcd;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble {
	display: none;
	position: absolute;
	top: 270px; left: 0;
	background: #008fcd;
	text-align: left;
	width: 600px;
	padding: 30px 30px 30px 20px;
	z-index : 10;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble:before {
	content: "";
	display: block;
	width: 0; 
	height: 0; 
	position: absolute;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 15px solid #008fcd;
	top: -15px; left: 18%;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble.var_d,
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble.var_e {
	left: auto;
	right: 0;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble.var_d:before,
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble.var_e:before {
	left: auto;
	right: 18%
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble figure {
	float: left;
	width: 45%;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble article {
	float: left;
	width: 55%;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble article h2 {
	font:1.313em/1em 'LocatorWeb-Regular', serif; color:#fff;
	margin-bottom: 15px;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble article p {
	font:0.875em/1.25em 'LocatorWeb-Light', serif; color:#fff;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble article p strong {
	font-family: 'LocatorWeb-Medium';
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble article span {
	font:0.750em/1.25em 'LocatorWeb-Light', serif; color:#a3cce7;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble figure .txt_1,
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble figure .txt_2 {
	position: absolute;
	top: 110px; left: 0;
	width: 125px;
	font:0.875em/1.25em 'LocatorWeb-Light', serif; color:#fff;
	text-align: center;
	}
.obj_bloc.var_abcde_method .ctn_abcde li .obj_bubble figure .txt_2 {
	left: 130px;
	}
.obj_bloc.var_abcde_method .ctn_btn{
	padding:15px 0 0;
	}
	
@media screen and (max-width:960px){
	.obj_bloc.var_abcde_method .ctn_abcde li {
		width:33.3333%;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_abcde_method{ padding:0; }
	.obj_bloc.var_abcde_method .ctn_abcde {
		padding:0 10px;
		}
	.obj_bloc.var_abcde_method .ctn_abcde li {
		width:50%;
		padding:0 10px 20px;
		}
}

/* ================================= *
 * obj_bloc var_video-tips
 * ================================= */
.obj_bloc.var_video-tips{ 
	text-align:center;
	padding:0 10px 80px;
	max-width:920px;
	}
.pg_landing.step_3 .obj_bloc.var_video-tips{ 
	padding-bottom:0;
	}
.obj_bloc.var_video-tips .obj_carrousel .masque,
.obj_bloc.var_video-tips .obj_carrousel .items{ 
	position:relative;
	width:100%;
	text-align:center;
	}
.obj_bloc.var_video-tips .obj_carrousel .item{ 
	float:none;
	display:inline-block;
	width:33.333%;
	height:100%;
	}
.obj_bloc.var_video-tips .obj_carrousel .nav{ display:none;}
.obj_bloc.var_video-tips .obj_video{ 
	padding:0 10px 20px;
	margin:0 auto;
	display:inline-block;
	}
.obj_bloc.var_video-tips .obj_video h3{ 
	margin:0 auto;
	max-width:280px;
	padding:15px 0;
	color:#000;
	font:1em/1.250em 'LocatorWeb-Regular', sans-serif;
	}
	
@media screen and (max-width:767px){
	.obj_bloc.var_video-tips{ 
		padding-bottom:40px;
		}
	.obj_bloc.var_video-tips .obj_carrousel{ 
		min-height:350px;
		margin:0 0 20px;
		}
	.obj_bloc.var_video-tips .obj_carrousel .items{ 
		position:absolute;
		width:10000px;
		text-align:left;
		}
	.obj_bloc.var_video-tips .obj_carrousel .item{ 
		width:auto;
		}
	.obj_bloc.var_video-tips .obj_carrousel .nav{ display:block;}
	.obj_bloc.var_video-tips .obj_carrousel .nav .prev,
	.obj_bloc.var_video-tips .obj_carrousel .nav .next{ top:40%;}
	.obj_bloc.var_video-tips .obj_carrousel .nav .prev{ left:10px;}
	.obj_bloc.var_video-tips .obj_carrousel .nav .next{ right:10px;}
	.obj_bloc.var_video-tips .obj_video{ 
		max-width:100%;
		display:block;
		text-align:center;
		}
	.obj_bloc.var_video-tips .obj_video h3{ 
		padding:20px 0 0;
		font-size:1em;
		}
	.obj_bloc.var_video-tips .obj_video img{ 
		width:100%;
		}
}

/* ================================= *
 * obj_bloc var_push-diagnostic
 * ================================= */
.obj_bloc.var_push-diagnostic .anchor{ top:-90px; }
.obj_bloc.var_push-diagnostic{
	margin-top:40px;
	min-height:520px;
	background:url('../images/v_push-diagnostic.jpg') no-repeat center center;
	}
.obj_bloc.var_push-diagnostic .ctn_title{
	padding-top:40px;
	}
.obj_bloc.var_push-diagnostic .ctn_content{
	padding:100px 50px 0 58%;
	}
.obj_bloc.var_push-diagnostic .ctn_content h2{
	margin:0 0 30px;
	font:2.625em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_push-diagnostic .ctn_content h2 strong{
	font-family:'LocatorWeb-Bold', sans-serif;
	}
	
@media screen and (max-width:1024px){
	.obj_bloc.var_push-diagnostic .ctn_content{
		padding:40px 0 0 52%;
		}
}
@media screen and (max-width:960px){
	.obj_bloc.var_push-diagnostic{
		background-position:25% bottom;
		}
	.obj_bloc.var_push-diagnostic .ctn_content{
		padding:20px 0 0 40%;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_push-diagnostic{
		margin-top:20px;
		min-height:180px;
		background-size:auto 100%;
		background-position:35% bottom;
		}
	.obj_bloc.var_push-diagnostic .ctn_title{
		padding-top:20px;
		}
	.obj_bloc.var_push-diagnostic .ctn_content{
		padding:0 0 100px 30%;
		}
	.obj_bloc.var_push-diagnostic .ctn_content h2{
		margin:0 0 10px;
		font-size:1.25em;
		}
}
/* ================================= *
 * obj_bloc var_conseils-experts
 * ================================= */
.obj_bloc.var_conseils-experts{ padding:20px 20px 70px; }
.pg_diagnostic .obj_bloc.var_conseils-experts .ctn_title{ padding-bottom:10px; }
.obj_bloc.var_conseils-experts .ctn_content{ }
.obj_bloc.var_conseils-experts .ctn_title h3.t_big{
	padding:0;
	font: 2.25em/1em 'LocatorWeb-Light', sans-serif;
	text-transform:none;
	color:#000;
	}
.obj_bloc.var_conseils-experts .ctn_title h3.t_big:after{
	display:none;
	}
.obj_bloc.var_conseils-experts .ctn_content h2{
	padding: 0 0 10px;
	font: 1.625em/1em 'LocatorWeb-Light', sans-serif;
	text-align:center;
	}
.obj_carrouselCss {
	position:relative;
	opacity:0;
	max-width:100%;
	margin:0 auto;
	padding:10px 0 50px;
	text-align:center;
	overflow:hidden;
	-webkit-transition:opacity .5s;
	   -moz-transition:opacity .5s;
			transition:opacity .5s;
	}
.obj_carrouselCss.is-ready{ opacity:1; }
.obj_carrouselCss .items{
	position:relative;
	height:515px;
	perspective:500px;
	z-index:1;
	}
.obj_carrouselCss .item{
	position:absolute;
	left:50%; top:0;
	z-index:0;
	height:515px;
	width:920px;
	margin-left:-460px;
	background:#fff;
	text-align:center;
	opacity:0;
	}
.obj_carrouselCss.is-ready .item{
	-webkit-transition:all .5s;
	   -moz-transition:all .5s;
			transition:all .5s;
	}
.obj_carrouselCss .item .ctn_player{
	width:100%; padding-bottom:56.25%; height:0;
	position:relative;
	}
.obj_carrouselCss .item .obj_player{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	cursor:pointer;
	box-shadow:5px 5px 10px rgba(0,0,0,.25);
	}
.obj_carrouselCss .item .obj_player:before{
	display:block; content:"";
	position:absolute;
	top:50%; left:50%;
	margin:-68px 0 0 -68px;
	width:136px; height:136px;
	background:url('../images/sprite_icon.png') no-repeat -313px -46px / 1024px auto;
	z-index:1;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_carrouselCss .item .obj_player:hover:before{
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
	}
.obj_carrouselCss .item iframe.obj_player{
	height:100%; width:100%;
	}
.obj_carrouselCss .nav{
	position:absolute;
	z-index:-1;
	bottom:0;
	width:100%;
	z-index:2;
	}
.obj_carrouselCss .nav button.disabled{
	opacity:0;
	cursor:default;
	}
.obj_carrouselCss .nav .prev,
.obj_carrouselCss .nav .next{
	position:absolute;
	bottom:50px;
	width:110px;
	height:520px;
	border:none;
	background:none;
	cursor:pointer;
	text-indent:-9999em;
	-webkit-appearance:none;
	   -moz-appearance:none;
		-ms-appearance:none;
			appearance:none;
	}
.obj_carrouselCss .nav .prev::-moz-focus-inner,
.obj_carrouselCss .nav .next::-moz-focus-inner { border:0; }
.obj_carrouselCss .nav .prev{ left:0; }
.obj_carrouselCss .nav .next{ right:0; }
.obj_carrouselCss .nav .prev:before,
.obj_carrouselCss .nav .next:before{
	display:block; content:"";
	position:absolute;
	top:50%;
	width:45px;
	height:45px;
	border:none;
	background:none;
	-webkit-transform:rotate(45deg) translateX(-50%);
		-ms-transform:rotate(45deg) translateX(-50%);
			transform:rotate(45deg) translateX(-50%);
	}
.obj_carrouselCss .nav .prev:before{
	left:33%;
	border-left:1px solid #008fcd;
	border-bottom:1px solid #008fcd;
	}
.obj_carrouselCss .nav .next:before{
	right:10%;
	border-right:1px solid #008fcd;
	border-top:1px solid #008fcd;
	}
.obj_carrouselCss .nav ul{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	}
.obj_carrouselCss .nav ul li{
	display:inline-block;
	margin:0 4px;
	}
.obj_carrouselCss .nav ul li button{
	display:block;
	text-align:left;
	text-indent:-9999em;
	width:12px; height:12px;
	padding:0;
	border-radius:50%;
	background:#dbdbdb;
	border:none;
	-webkit-appearance:none;
	   -moz-appearance:none;
		-ms-appearance:none;
			appearance:none;
	cursor: pointer;
	}
.obj_carrouselCss .nav ul li button.current{ background:#008fcd; }

.obj_carrouselCss .prev-0{
	z-index:7;
	opacity:0;
	-webkit-transform:translateX(-980px);
		-ms-transform:translateX(-980px);
			transform:translateX(-980px);
	}	
.obj_carrouselCss .current{
	z-index:6;
	opacity:1;
	}
.obj_carrouselCss .next-0{
	z-index:5;
	opacity:1;
	-webkit-transform:translate3d(50px, 0, -25px);
		-ms-transform:translate3d(50px, 0, -25px);
			transform:translate3d(50px, 0, -25px);
	}
.obj_carrouselCss .next-1{
	z-index:4;
	opacity:1;
	-webkit-transform:translate3d(100px, 0, -50px);
		-ms-transform:translate3d(100px, 0, -50px);
			transform:translate3d(100px, 0, -50px);
	}
.obj_carrouselCss .next-2{
	z-index:2;
	opacity:0;
	-webkit-transform:translate3d(300px, 0, -200px);
		-ms-transform:translate3d(300px, 0, -200px);
			transform:translate3d(300px, 0, -200px);
	}

@media screen and (max-width:1024px) {
	.obj_carrouselCss .nav .prev,
	.obj_carrouselCss .nav .next{width:80px;}
	.obj_carrouselCss .nav .prev:before{
		border-left:1px solid #000;
		border-bottom:1px solid #000;
		}
	.obj_carrouselCss .nav .next:before{
		border-right:1px solid #000;
		border-top:1px solid #000;
		}
	.obj_carrouselCss .item{
		height:518px;
		width:920px;
		margin-left:-480px;
		}
	.obj_carrouselCss .next-0{
		-webkit-transform:translate3d(25px, 0, -10px);
			-ms-transform:translate3d(25px, 0, -10px);
				transform:translate3d(25px, 0, -10px);
		}
	.obj_carrouselCss .next-1{
		-webkit-transform:translate3d(50px, 0, -20px);
			-ms-transform:translate3d(50px, 0, -20px);
				transform:translate3d(50px, 0, -20px);
		}
	.obj_carrouselCss .next-2{
		-webkit-transform:translate3d(75px, 0, -30px);
			-ms-transform:translate3d(75px, 0, -30px);
				transform:translate3d(75px, 0, -30px);
		}
}

@media screen and (max-width:960px) {
	.obj_carrouselCss .items{ height:390px; }
	.obj_carrouselCss .item{
		height:390px;
		width:620px;
		margin-left:-310px;
		}
	.obj_carrouselCss .nav .prev,
	.obj_carrouselCss .nav .next{
		height:350px;
		}
}

@media screen and (max-width:767px) {
	.obj_bloc.var_conseils-experts{ padding:0 20px 20px; }
	
	.obj_bloc.var_conseils-experts .ctn_title h3.t_big{
		font-size: 1.25em;
		}
	.obj_bloc.var_conseils-experts .ctn_content h2{
		font-size: 1.25em;
		}
	.obj_carrouselCss{
		padding:0 0 50px;
		overflow:visible;
		}
	.obj_carrouselCss .items{ height:195px; }
	.obj_carrouselCss .item{
		height:145px;
		width:260px;
		margin-left:-130px;
		}
	.obj_carrouselCss .next-0{
		-webkit-transform:translate3d(10px, 0, -5px);
			-ms-transform:translate3d(10px, 0, -5px);
				transform:translate3d(10px, 0, -5px);
		}
	.obj_carrouselCss .next-1{
		-webkit-transform:translate3d(20px, 0, -10px);
			-ms-transform:translate3d(20px, 0, -10px);
				transform:translate3d(20px, 0, -10px);
		}
	.obj_carrouselCss .next-2{
		-webkit-transform:translate3d(30px, 0, -20px);
			-ms-transform:translate3d(30px, 0, -20px);
				transform:translate3d(30px, 0, -20px);
		}
	.obj_carrouselCss .nav ul li{ margin:0 8px; }
	.obj_carrouselCss .nav .prev,
	.obj_carrouselCss .nav .next{
		bottom:30px;
		height:147px;
		width:30px;
		}
	.obj_carrouselCss .nav .prev:before,
	.obj_carrouselCss .nav .next:before{
		width:15px; height:15px;
		}
	.obj_carrouselCss .item .obj_player{
		box-shadow: 5px 5px 5px rgba(0,0,0,.15);
		}
	.obj_carrouselCss .item .obj_player:before,
	.obj_carrouselCss .item .obj_player:hover:before{
		-webkit-transform: scale(0.5);
			-ms-transform: scale(0.5);
				transform: scale(0.5);
		}
}

/* ================================= *
 * obj_bloc var_map
 * ================================= */
.obj_bloc.var_diagnostic + .obj_bloc.var_map {
	padding-top:50px;
	}
.obj_bloc.var_map .ctn_title {
	padding:0;
	}
.obj_bloc.var_map .ctn_title h3{
	padding:0;
	font: 2.25em/1em 'LocatorWeb-Light', sans-serif;
	text-align:center;
	color:#000;
	text-transform:none;
	}
.obj_bloc.var_map .ctn_title h3:after{
	display:none;
	}
.obj_bloc.var_map .ctn_title h3 strong{
	color:#008fcd;
	font-family:'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_map .ctn_content{
	overflow:visible;
	}
.obj_bloc.var_map .ctn_content .obj_map{
	width:100%; height:0;
	padding-bottom:50.84745%;
	margin:25px 0 0;
	background:#f7f7f7;
	}
.obj_bloc.var_map .ctn_content .obj_map:before,
.obj_bloc.var_map .ctn_content .obj_map:after{
	display:block; content:'';
	position:absolute;
	z-index:2;
	}
.obj_bloc.var_map .ctn_content .obj_map:before{
	width:30.25%; height:75.66%;
	right:calc(100% - 20px); bottom:-40px;
	background:url('../images/v_dog-map.png') no-repeat center center / contain;
	}
.obj_bloc.var_map .ctn_content .obj_map:after{
	width:15.67%; height:20.83%;
	right:26%; bottom:-20px;
	background:url('../images/v_cat-map.png') no-repeat center center / contain;
	}
.obj_bloc.var_map .ctn_content .obj_map #map {
	width: 100%;
	height: 100%;
	padding-bottom:50.84745%;
	}
.obj_bloc.var_map .ctn_content .obj_map #map .gm-style-cc,
.obj_bloc.var_map .ctn_content .obj_map #map .gmnoprint a,
.obj_bloc.var_map .ctn_content .obj_map #map .gmnoprint span {
	display:none;
	}
.gmnoprint div { background:none !important; }

@media screen and (max-width:1220px) {
	.obj_bloc.var_map .ctn_content .obj_map:before{
		right:87%;
		}
	.obj_bloc.var_map .ctn_content .obj_map:after{
		right:15%;
		}
}
@media screen and (max-width:960px) {}
@media screen and (max-width:767px) {
	.obj_bloc.var_map .ctn_title h3{
		font-size: 1.5em;
		}
	.obj_bloc.var_map .ctn_content .obj_map{
		padding-bottom:100%;
		}
	.obj_bloc.var_map .ctn_content .obj_map #map {
		padding-bottom:100%;
		}
	.obj_bloc.var_map .ctn_content .obj_map:before{
		height:30%;
		right:80%; bottom:-10px;
		}
	.obj_bloc.var_map .ctn_content .obj_map:after{
		width:20%; height:10%;
		bottom:-10px;
		}
}
	
/* ================================= *
 * obj_bloc var_uv_patch
 * ================================= */
.obj_bloc.var_uv_patch .anchor{ top:-90px; }
.obj_bloc.var_uv_patch{
	max-width:100%;
	padding:0;
	margin-top:60px;
	min-height:800px;
	background:url('../images/v_push-my_uv_patch.jpg') no-repeat center bottom;
	}	
.obj_bloc.var_uv_patch .ctn_title{
	padding-top:40px;
	}	
.obj_bloc.var_uv_patch .ctn_content{
	margin:0 auto;
	max-width:1220px;
	padding:0 20px;
	min-height:690px;
	overflow:visible;
	}	
	
.obj_bloc.var_uv_patch .ctn_txt{
	position:relative;
	z-index:1;
	padding:0 42% 0 10%;
	margin:15px 0 0;
	}	
.obj_bloc.var_uv_patch .ctn_txt h2{
	font:2.625em/1em 'LocatorWeb-Light', sans-serif;
	}	
.obj_bloc.var_uv_patch .ctn_txt p{
	max-width:320px;
	margin:20px 0 25px;
	font:1.25em/1.2em 'LocatorWeb-Light', sans-serif;
	}	

@media screen and (max-width:960px) {
	.obj_bloc.var_uv_patch .ctn_txt{
		padding:0 20% 0 0;
		}	
}

@media screen and (max-width:767px) {
	.obj_bloc.var_uv_patch{
		min-height:0;
		margin:5px 0 80px;
		}	
	.obj_bloc.var_uv_patch .ctn_title{ padding-top:20px; }	
	.obj_bloc.var_uv_patch .ctn_content{
		min-height:600px;
		padding:0 20px 30px;
		}	
	.obj_bloc.var_uv_patch .ctn_txt{
		padding:0;
		margin:0;
		text-align:center;
		}
	.obj_bloc.var_uv_patch .ctn_txt h2{ font-size:1.4375em; }	
	.obj_bloc.var_uv_patch .ctn_txt p{ font-size:1em; margin:15px 0; }	
}
	
.obj_bloc.var_uv_patch .v_mobile{
	position:absolute;
	top:0; right:7%;
	z-index:2;
	}	
.obj_bloc.var_uv_patch .v_mobile img{
	display:block;
	}	
.obj_bloc.var_uv_patch .v_mobile .ctn_btn{
	padding: 0 0 0 30%;
	text-align:center;
	}	
.obj_bloc.var_uv_patch .v_mobile a{
	display:inline-block;
	margin:0 10px;
	}	
	
@media screen and (max-width:1024px) {
	.obj_bloc.var_uv_patch .v_mobile{
		width:60%; right:0;
		}	
}
@media screen and (max-width:960px) {
	.obj_bloc.var_uv_patch .v_mobile{
		width:50%;
		top:15%;
		}	
	.obj_bloc.var_uv_patch .v_mobile .ctn_btn{
		padding: 0;
		}	
}
@media screen and (max-width:767px) {
	.obj_bloc.var_uv_patch .v_mobile{
		position:relative; right:auto;
		padding:25px 0;
		width:100%;
		}
	.obj_bloc.var_uv_patch .v_mobile a{
		margin:0 5px;
		}	
	.obj_bloc.var_uv_patch .v_mobile .ctn_btn img{
		max-height:25px;
		}	
}
	
.obj_bloc.var_uv_patch .obj_mascotte-bulle{
	position:absolute;
	left:20px; right:20px; bottom:68px;
	z-index:1;
	padding:0 0 0 9.5%;
	min-height:182px;
	background:url('../images/v_mascotte-bulle.png') no-repeat left top;
	}
.obj_bloc.var_uv_patch .obj_mascotte-bulle .ctn_bulle{
	max-width:280px;
	padding:10px 20px;
	border-radius:14px;
	background:#fff;
	}
.obj_bloc.var_uv_patch .obj_mascotte-bulle .ctn_bulle h3{
	margin:0 0 10px;
	border-radius:14px;
	background:#fff;
	font:2.5em/1em 'journal', sans-serif;
	color:#eb8407;
	}
.obj_bloc.var_uv_patch .obj_mascotte-bulle .ctn_bulle p{
	line-height:1.25em;
	}
.obj_bloc.var_uv_patch .obj_mascotte-bulle .ctn_bulle p strong{
	font-family:'LocatorWeb-Bold', sans-serif;
	}
	
@media screen and (max-width:960px) {	
	.obj_bloc.var_uv_patch .obj_mascotte-bulle{
		padding:0 0 0 15%;
		}
}
@media screen and (max-width:767px) {
	.obj_bloc.var_uv_patch .obj_mascotte-bulle{
		display:none;
		position:relative;
		left:auto; right:auto; bottom:auto;
		padding:0 0 0 30%;
		min-height:140px;
		background-size:30% auto;
		font-size:0.875em;
		}
}
	
.obj_bloc.var_uv_patch .t_mention{
	position:absolute;
	left:20px; right:20px; bottom:40px;
	padding:0 38% 0 10%;
	font-size:0.75em;
	color:#564d43;
	}	
	
@media screen and (max-width:960px) {
	.obj_bloc.var_uv_patch .t_mention{
		padding:0 0 0 15%;
		}	
	
}
@media screen and (max-width:767px) {
	.obj_bloc.var_uv_patch .t_mention{
		bottom:auto;
		top:100%;
		padding:20px 0;
		text-align:center;
		color:#939393;
		font-size:0.625em;
		}	
}	
	
.obj_bloc.var_uv_patch .obj_howto{
	text-align:center;
	}
.obj_bloc.var_uv_patch .obj_howto > h2{
	margin:0 0 30px;
	font:2.25em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta{
	position:relative;
	max-width:460px;
	margin:0 auto 40px;
	padding:20px;
	z-index:2;
	background:rgba(255,255,255,.3);
	border:1px solid #fff;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta + .obj_cta{
	margin-top:20px;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta h4{
	margin:0 0 5px;
	font:1.375em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_link{
	font-size:0.875em;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_link a{
	border-bottom:1px solid rgba(255,255,255,0);
	color:#008fcd;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_link a:hover{
	border-bottom:1px solid #008fcd;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_close{
	display:none;
	position:absolute;
	top:0; right:0;
	width:38px; height:38px;
	margin:-20px -20px 0 0;
	background:url('../images/btn_close.png') no-repeat center center;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta.open .t_close{
	display:block;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_close:before,
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_close:after{
	display:block; content:"";
	position:absolute;
	top:50%; left:50%;
	background:#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_uv_patch .obj_howto .obj_cta .t_close:hover:before,
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_close:hover:after{
	background:#000;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_close:before{
	width:20px; height:2px;
	margin:-1px 0 0 -10px;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .t_close:after{
	width:2px; height:20px;
	margin:-10px 0 0 -1px;
	}
	
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form{
	padding-top:20px;
	text-align:left;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form input[type=text],
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form input[type=email],
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form input[type=url],
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form input[type=tel],
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form input[type=password],
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form textarea{
	font-family:'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .ctn_input{
	padding:5px 0;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .ctn_radio{
	padding:5px 0;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .ctn_radio label{
	display:inline-block;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .ctn_radio .ctn_form-element{
	display:inline-block;
	margin:0 0 0 20px;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .ctn_checkbox{
	margin:20px 0;
	padding:0;
	position:relative;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .ctn_checkbox label{
	display:inline-block;
	padding:5px 0 5px 30px;
	font-size:0.875em;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .ctn_checkbox label a {
	color: #008fcd;
}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .t_mentions{
	padding:10px 0 0;
	font-size:0.75em;
	color:#564d43;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_form .ctn_btn{
	padding:20px 0 0;
	text-align:center;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_confirm{
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_confirm h3{
	padding:20px 0;
	font:2.25em/1em 'LocatorWeb-Light', sans-serif;
	color:#008fcd;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_confirm .ctn_btn{
	margin:30px 0 0;
	padding:30px 0 20px;
	position:relative;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_confirm .ctn_btn:before{
	display:block; content:"";
	width:160px; height:1px;
	margin:0 0 0 -80px;
	background:#fff;
	position:absolute;
	top:0; left:50%;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .obj_confirm .ctn_btn a{
	margin:20px 5px 0;
	display:inline-block;
	}
	
@media screen and (max-width:960px) {
	.obj_bloc.var_uv_patch .obj_howto{
		padding-bottom:500px;
		}
}
@media screen and (max-width:767px) {
	.obj_bloc.var_uv_patch .obj_howto{
		padding-bottom:0;
		}
	.obj_bloc.var_uv_patch .obj_howto > h2{
		font-size:1.4375em;
		}
	.obj_bloc.var_uv_patch .obj_howto .obj_cta h4{
		font-size:1.1875em;
		}
}
	
.obj_bloc.var_uv_patch .obj_mascotte-video{
	position:absolute;
	bottom:65px; left:0;
	z-index:0;
	max-width:356px;
	padding:30px 0 163px;
	margin-left:-30px;
	}
.obj_bloc.var_uv_patch .obj_mascotte-video:before{
	display:block; content:"";
	position:absolute;
	bottom:0; left:48%;
	width:218px; height:258px;
	z-index:1;
	background:url('../images/v_mascotte-video.png') no-repeat center bottom / 100% auto;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
.obj_bloc.var_uv_patch .obj_mascotte-video .obj_video{
	position:relative;
	z-index:0;
	-webkit-transform:rotate(-3deg);
		-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	-webkit-transform-origin:left bottom;
		-ms-transform-origin:left bottom;
			transform-origin:left bottom;
	}
.obj_bloc.var_uv_patch .obj_mascotte-video .obj_video .v_video:before{
	-webkit-transform:scale(0.75,0.75);
		-ms-transform:scale(0.75,0.75);
			transform:scale(0.75,0.75);
	}
.obj_bloc.var_uv_patch .v_patch{
	position:absolute;
	bottom:100px; right:7.5%;
	z-index:0;
	}
.obj_bloc.var_uv_patch .t_back{
	position:absolute;
	bottom:40px; left:0;
	width:100%;
	}
.obj_bloc.var_uv_patch .obj_cta.open ~ .t_back{
	display:none;
	}
.obj_bloc.var_uv_patch .t_back a{
	color:#000;
	font-size:0.875em;
	border-bottom:1px solid rgba(0,0,0,.25);
	}
.obj_bloc.var_uv_patch .t_back a:hover{
	border-bottom:1px solid #000;
	}
	
@media screen and (max-width:960px) {
	.obj_bloc.var_uv_patch .obj_mascotte-video{
		margin-left:40px;
		}
	.obj_bloc.var_uv_patch .v_patch{
		bottom:50px; right:20px;
		}
}

@media screen and (max-width:767px) {
	.obj_bloc.var_uv_patch .obj_mascotte-video{
		position:relative;
		bottom:auto;
		max-width:55%;
		margin:0; float:left;
		padding:30px 0 80px;
		}
	.obj_bloc.var_uv_patch .obj_mascotte-video:before{
		width:63%;
		}
	.obj_bloc.var_uv_patch .obj_mascotte-video .obj_video .v_video:before{
		-webkit-transform:scale(0.4,0.4);
			-ms-transform:scale(0.4,0.4);
				transform:scale(0.4,0.4);
		}
	.obj_bloc.var_uv_patch .v_patch{
		position:relative;
		bottom:auto; right:auto;
		margin:50px -20px 0 0;
		width:45%; float:right;
		}
	.obj_bloc.var_uv_patch .t_back{
		bottom:15px;
		}
}



/* ================================= *
 * DIAGNOSTIC
 * ================================= */
.obj_bloc.var_diagnostic{
	padding:50px 0 0;
	}
.obj_bloc.var_diagnostic .ctn_title{
	padding:0;
	}
.obj_bloc.var_diagnostic .ctn_title .h3{
	padding:0 0 20px;
	font:3.625em/1em 'LocatorWeb-UltraLight', sans-serif;
	text-transform:none;
	color:#000;
	}
.obj_bloc.var_diagnostic .ctn_title .h3:after{ display:none; }
.obj_diagnostic{
	position:relative;
	max-width:1180px;
	margin:0 auto;
	overflow:hidden;
	background:#f7f7f7;
	}
	
@media screen and (max-width:960px){ }
@media screen and (max-width:767px){
	.obj_bloc.var_diagnostic .ctn_title .h3{
		font-size:1.75em;
		}
}

/*--- INTRO ---*/	
.obj_diagnostic .obj_intro{
	position:absolute;
	z-index:5;
	top:0; left:0; bottom:0; right:0;
	background:#f7f7f7 url('../images/v_push-quiz.jpg') no-repeat center bottom;
	}
.obj_diagnostic .ctn_intro{
	width:100%;
	position:absolute;
	top:50%; left:0; right:0;
	max-width:1180px;
	padding:0 20px 0 51%;
	margin:0 auto;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	}
.obj_diagnostic .ctn_intro h2{ margin:0 0 20px; font:2.625em/1em 'LocatorWeb-Light', sans-serif; }
.obj_diagnostic .ctn_intro h2 strong{ font-family:'LocatorWeb-Bold', sans-serif; }
.obj_diagnostic .ctn_intro p{
	max-width:420px;
	font:1.125em/1.222em 'LocatorWeb-Light', sans-serif;
	}
.obj_diagnostic .ctn_intro .ctn_btn{
	margin-top:30px;
	}
	
@media screen and (max-width:960px){ }
@media screen and (max-width:767px){
	.obj_diagnostic .obj_intro{
		background-size:150% auto;
		background-position:left bottom;
		}
	.obj_diagnostic .ctn_intro{
		padding:20px; top:0;
		-webkit-transform:none;
			-ms-transform:none;
				transform:none;
		}
	.obj_diagnostic .ctn_intro h2{ font-size:1.5em; }
	.obj_diagnostic .ctn_intro p{ font-size:1em; }
}
	
/*--- PROGRESS ---*/
.obj_diagnostic .obj_progressbar{
	position:absolute;
	top:40px; left:0; width:100%;
	text-align:center;
	}
.obj_diagnostic .obj_progressbar li{
	display:inline-block;
	position:relative;
	width:42px; height:42px;
	margin:0 10px;
	background:#dadada;
	border-radius:50%;
	font:1.625em/42px 'LocatorWeb-Light';
	color:#fff;
	text-align:center;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_diagnostic .obj_progressbar li.active{
	width:50px; height:50px;
	margin-top:-4px;
	background:#008fcd;
	font:2em/50px 'LocatorWeb-Bold', sans-serif;
	}
	
@media screen and (max-width:960px){ }
@media screen and (max-width:767px){
	.obj_diagnostic .obj_progressbar{ top:20px; font-size:0.75em;}
	.obj_diagnostic .obj_progressbar li{
		width:30px; height:30px;
		line-height:30px;
		}
	.obj_diagnostic .obj_progressbar li.active{
		width:40px; height:40px;
		line-height:40px;
		}
}

/*--- CARROUSEL ---*/
.obj_diagnostic .obj_carrousel{ height:520px; }
.obj_diagnostic .obj_carrousel .masque{
	overflow:hidden;
	height:100%;
	}
.obj_diagnostic .obj_carrousel .item{
	opacity:0;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
			transition:all 0.5s;
	}
.obj_diagnostic .obj_carrousel .item.visible{ opacity:1; }
.obj_diagnostic .obj_carrousel .nav{
	position:absolute;
	z-index:5;
	right:5%; top:50%;
	}
.obj_diagnostic .obj_carrousel .nav .obj_btn{
	display:block;
	position:relative;
	width:100px; height:100px;
	margin-top:-50px;
	border-radius:50%;
	background:#008fcd;
	text-indent:-9999em;
	}
.obj_diagnostic .obj_carrousel .nav .obj_btn:before{
	display:block; content:"";
	position:absolute;
	left:40%; top:50%;
	width:44px; height:44px;
	margin:-22px 0 0 -22px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}

@media screen and (max-width:960px){ }
@media screen and (max-width:767px){
	.obj_diagnostic .obj_carrousel{ height:auto; min-height:100vh; }
	.obj_diagnostic .obj_carrousel .nav{
		position:relative;
		right:auto; top:auto;
		padding:0 20px 20px;
		text-align:center;
		}
	.obj_diagnostic .obj_carrousel .nav .obj_btn{
		width:50px; height:50px;
		margin-top:0;
		}
	.obj_diagnostic .obj_carrousel .nav .obj_btn:before{
		width:22px; height:22px;
		margin:-11px 0 0 -11px;
		}
}

/*--- QUESTION ---*/
.obj_diagnostic .ctn_question{
	max-width:1180px;
	padding:130px 20px 20px;
	margin:0 auto;
	text-align:center;
	}
.obj_diagnostic .ctn_question > p{
	margin:0 0 30px;
	font:1.5em/1em 'LocatorWeb-Regular', sans-serif;
	}
.obj_diagnostic .ctn_question > label,
.obj_diagnostic .ctn_question > div > label{
	display:block;
	margin:0 0 30px;
	font:2.625em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_diagnostic .radio .ctn_form-element,
.obj_diagnostic .checkbox .ctn_form-element{
	width:50%; display:inline-block;
	}
.obj_diagnostic .item04 .radio {
	max-width: none;
}
.obj_diagnostic .item04 .ctn_form-element{
	width:auto;
	}
.obj_diagnostic .answer .ctn_form-element span[aria-checked=true]:before{
	background:#5dbd2d;
	}
.obj_diagnostic .text,
.obj_diagnostic .radio{
	display:inline-block;
	width:100%;
	max-width:460px;
	margin:0 auto;
	}
.obj_diagnostic .text .ctn_form-element,
.obj_diagnostic .radio .ctn_form-element{
	max-width:660px;
	margin:10px auto;
	text-align:left;
	position:relative;
	}
.obj_diagnostic .radio .ctn_form-element label{
	display:block;
	margin:0;
	padding:0 20px 0 40px;
	font:1.125em/1em 'LocatorWeb-Regular', sans-serif;
	}
.obj_diagnostic .answer .radio .ctn_form-element label{ color:#cdcdcd; }
.obj_diagnostic .answer .radio .ctn_form-element span[role=radio][aria-checked=true] + label{ color:#000; }
.obj_diagnostic .radio .ctn_form-element span[role=radio]{
	position:absolute;
	top:-8px; left:0;
	width:30px; height:30px;
	}
.obj_diagnostic .radio .ctn_form-element span[role=radio][aria-checked=true]:before{
	width:30px; height:30px;
	}
	
.obj_diagnostic .ctn_question .ctn_infos{
	position: relative;
	text-align:left;
	padding: 20px 20px 20px 80px;
	margin:20px auto 0;
	max-width:460px;
	background: #fff;
	}
.obj_diagnostic .ctn_question .ctn_infos:before {
	content: "";
	display:block;
	position: absolute;
	top: 50%; left: 38px;
	margin-top: -21px;
	width: 15px; height: 42px;
	background:url('../images/sprite_icon.png') -201px -83px / 1024px auto;
	}
	
@media screen and (max-width:1024px){
	.obj_diagnostic .ctn_question > label,
	.obj_diagnostic .ctn_question > div > label{
		font-size:2em;
		}
	.obj_diagnostic .radio .ctn_form-element label{font-size:1em;}
}
@media screen and (max-width:960px){
	.obj_diagnostic .ctn_question > label,
	.obj_diagnostic .ctn_question > div > label{
		font-size:1.75em;
		}
}
@media screen and (max-width:767px){
	.obj_diagnostic .ctn_question{
		padding:80px 20px 20px;
		}
	.obj_diagnostic .ctn_question > label,
	.obj_diagnostic .ctn_question > div > label{
		font-size:1.25em;
		}
	.obj_diagnostic .ctn_question label br{
		display:none;
		}
	.obj_diagnostic .ctn_question .ctn_infos{
		padding: 60px 20px 20px;
		}
	.obj_diagnostic .ctn_question .ctn_infos:before {
		top: 10px; left: 50%;
		margin: 0 0 0 -7px;
		}
	.obj_diagnostic .radio .ctn_form-element,
	.obj_diagnostic .checkbox .ctn_form-element{
		width:100%;
		}
}

/*--- END QUIZ ---*/
.obj_diagnostic.var_form .obj_end {
	height:100%;
	padding: 60px 20%;
	background:#f7f7f7 url('../images/v_dog-quiz_end.png') no-repeat left 75%;
	text-align:center;
	}
.obj_diagnostic.var_form .obj_end p.t_big {
	padding:0 0 10px;
	font-size:1.625em;
	}
.obj_diagnostic.var_form .obj_end h2 {
	position: relative;
	margin-bottom: 30px;
	font:3.25em/1em 'LocatorWeb-Bold', sans-serif;
	color:#008fcd;
	}
.obj_diagnostic.var_form .obj_end h2 strong {
	font-family: 'LocatorWeb-Medium', sans-serif;
	}
.obj_diagnostic.var_form .obj_end p {
	font: 1.125em/1.222em 'LocatorWeb-Light', sans-serif;
	}
.obj_diagnostic.var_form .obj_end p strong {
	font-family: 'LocatorWeb-Medium', sans-serif;
	}
.obj_diagnostic.var_form .obj_end p a {
	color: #008fcd;
	}
.obj_diagnostic.var_form .obj_end .obj_share {
	margin-top: 30px;
	}
.obj_diagnostic.var_form .obj_end .obj_share h2 {
	display: none;
	}
.obj_diagnostic.var_form .obj_end .ctn_btn {
	position:relative;
	margin: 20px 0;
	padding:0 0 30px;
	}
.obj_diagnostic.var_form .obj_end .ctn_btn:before {
	display:block; content:"";
	position:absolute;
	bottom:0; left:50%;
	width:50px; height:2px;
	margin:0 0 0 -25px;
	background:#008fcd;
	}
.obj_diagnostic.var_form .obj_end .obj_share_menu {
	padding:15px 0 0;
	}
	
@media screen and (max-width:960px){
	.obj_diagnostic.var_form .obj_end {
		padding: 40px 10% 80px;
		background-position:left 90%;
		background-size:25% auto;
		}
	.obj_diagnostic.var_form .obj_end h2 {
		font-size:2.5em;
		}
}
@media screen and (max-width:767px){
	.obj_diagnostic.var_form .obj_end {
		padding: 20px 20px 130px;
		background-position:left 95%;
		background-size:40% auto;
		}
	.obj_diagnostic.var_form .obj_end p.t_big{ font-size:1.125em; }
	.obj_diagnostic.var_form .obj_end h2 { font-size:1.75em; }
	.obj_diagnostic.var_form .obj_end p{ font-size:0.875em; }
}
	
/*--- MORE QUIZ ---*/
.obj_diagnostic.var_form .obj_more{
	padding:40px;
	background:#ededed;
	text-align:center;
	}
.obj_diagnostic.var_form .obj_more h2{
	margin:0 0 15px;
	font:2.5em/1em 'LocatorWeb-Bold', sans-serif;
	color:#008fcd;
	}
.obj_diagnostic.var_form .obj_more > p{
	margin:0 0 20px;
	font:1.375em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_diagnostic.var_form .obj_more > p strong{
	font-family:'LocatorWeb-Medium', sans-serif;
	}
.obj_diagnostic.var_form .obj_more .obj_form{
	max-width:420px;
	margin:0 auto;
	text-align:left;
	}
.obj_diagnostic.var_form .obj_more .ctn_radio,
.obj_diagnostic.var_form .obj_more .ctn_input,
.obj_diagnostic.var_form .obj_more .ctn_checkbox{
	padding:5px 0;
	position:relative;
	}
.obj_diagnostic.var_form .obj_more .ctn_radio > label,
.obj_diagnostic.var_form .obj_more .ctn_radio .ctn_form-element{
	display:inline-block;
	margin:0 0 0 15px;
	}
.obj_diagnostic.var_form .obj_more .ctn_checkbox label{
	display:inline-block;
	padding:5px 0 5px 30px;
	}
.obj_diagnostic.var_form .obj_more .ctn_checkbox label a{
	color:#008fcd;
	}
.obj_diagnostic.var_form .obj_more .t_mentions{
	margin:15px 0 0;
	color:#564d43;
	font-size:0.75em;
	}
.obj_diagnostic.var_form .obj_more .ctn_btn{
	margin:20px 0 5px;
	text-align:center;
	}
.obj_diagnostic.var_form .obj_more .obj_btn{
	display:inline-block; position:relative;
	}
.obj_diagnostic.var_form .obj_more .obj_btn:before,
.obj_diagnostic.var_form .obj_more .obj_btn:after{
	display:block; content:'';
	position:absolute;
	right:-3px;
	}
.obj_diagnostic.var_form .obj_more .obj_btn:before{
	top:-30px;
	width:82px; height:44px;
	background:url('../images/sprite_icon.png') no-repeat -320px -166px;
	}
.obj_diagnostic.var_form .obj_more .obj_btn:after{
	top:100%;
	width:82px; height:41px;
	background:url('../images/sprite_icon.png') no-repeat -320px -210px;
	}
	
@media screen and (max-width:767px){
	.obj_diagnostic.var_form .obj_more{
		padding:20px 20px 40px;
		}
	.obj_diagnostic.var_form .obj_more h2{ font-size:1.5em; }
	.obj_diagnostic.var_form .obj_more > p{ font-size:1em; }
}
	

/* ================================= *
 * obj_bloc var_title-products
 * ================================= */
.obj_bloc.var_title-products .ctn_title{
	padding-bottom:0;
	}
.obj_bloc.var_title-products .ctn_title .h3{
	font:3.625em/1em 'LocatorWeb-UltraLight', sans-serif;
	color:#000;
	text-transform:none;
	}
.obj_bloc.var_title-products .ctn_title .h3:after{ display:none; }
.obj_bloc.var_title-products .ctn_title p{ font:1.25em/1.33em 'LocatorWeb-Light', sans-serif; }

@media screen and (max-width:767px){
	.obj_bloc.var_title-products .ctn_title .h3{ font-size:1.75em; }
	.obj_bloc.var_title-products .ctn_title p{ font-size:1em; }
	
}

/* ================================= *
 * obj_bloc var_products
 * ================================= */
.obj_bloc.var_products .ctn_title{
	padding:70px 0 10px;
	}
.obj_bloc.var_products .ctn_title h3{
	margin-bottom:20px;
	}
.obj_bloc.var_products .ctn_title p{
	margin:0 auto 0;
	max-width:840px;
	font:1.063em/1.25em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_products .ctn_title p em{
	margin:0 0 10px;
	color:#008fcd;
	font-style: normal;
	}
.obj_bloc.var_products .ctn_title p:last-child {
	margin-bottom: 20px;
}
.obj_bloc.var_products .ctn_content{
	padding:40px;
	background:#f3f3f3;
	overflow:visible;
	}
.obj_bloc.var_products .ctn_content:before{
	display:block; content:'';
	position:absolute; bottom:-30px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center bottom;
	z-index:2;
	}
.obj_bloc.var_products.var_body .ctn_content:before{
	left:1.5%;
	width:18.4745%; height:45.7777%;
	background-image:url('../images/v_dog-produit_body.png');
	}
.obj_bloc.var_products.var_comfort .ctn_content:before{
	right:16.1%;
	width:22.3728%; height:43.5555%;
	background-image:url('../images/v_dog-produit_comfort.png');
	}
.obj_bloc.var_products.var_ultralight .ctn_content:before{
	left:16.1%;
	width:27.3728%; height:32.4444%;
	background-image:url('../images/v_dog-produit_ultralight.png');
	}
.obj_bloc.var_products.var_antishine .ctn_content:before{
	right:2.54%;
	width:16.6949%; height:36.4444%;
	background-image:url('../images/v_dog-produit_antishine.png');
	}
.obj_bloc.var_products.var_babychildren .ctn_content:before{
	left:4.66%;
	width:15.0847%; height:21.1111%;
	background-image:url('../images/v_dog-produit_babychildren.png');
	}
.obj_bloc.var_products.var_unifying .ctn_content:before{
	right:0;
	width:17.3728%; height:57.1111%;
	background-image:url('../images/v_dog-produit_unifying.png');
	}
.obj_bloc.var_products.var_specific .ctn_content:before{
	left:10.59%;
	width:10.08%; height:47.5555%;
	background-image:url('../images/v_dog-produit_specific.png');
	}
.obj_bloc.var_products.var_aftersun .ctn_content:before{
	right:-10px;
	width:23.2203%; height:27.7777%;
	background-image:url('../images/v_dog-produit_aftersun.png');
	}
.obj_bloc.var_products.var_selftan .ctn_content:before{
	left:23.72%;
	width:19.661%; height:39.5555%;
	background-image:url('../images/v_dog-produit_selftan.png');
	}
.obj_bloc.var_products.var_babychildren .ctn_content:after{
	display:block; content:'';
	position:absolute;
	top:-30px; right:8.47%;
	width:82px; height:44px;
	background:url('../images/sprite_icon.png') no-repeat -320px -166px / 2048px auto;
	z-index:2;
	}
	
.obj_bloc.var_products .obj_carrousel .masque{
	max-width:810px;
	margin:0 auto;
	}
.obj_bloc.var_products .obj_carrousel .nav ul{ display:none !important; }
.obj_bloc.var_products .obj_carrousel .nav .disabled{ display:none; }
.obj_bloc.var_products .obj_carrousel .nav button{ background:none; }
.obj_bloc.var_products .obj_carrousel .nav button:before{
	width:44px; height:44px;
	margin:-22px 0 0 -22px;
	border-color:#008fcd; 
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_bloc.var_products .obj_carrousel .nav button:hover:before{ border-color:#000; }

.obj_bloc.var_products .obj_product{
	position:relative;
	display:block;
	max-width:370px;
	min-height:370px;
	margin:0 auto;
	text-align:center;
	background:#fff;
	}
.obj_bloc.var_products .obj_product a{
	display:block;
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	color:#000;
	z-index: 2;
	}
.obj_bloc.var_products .obj_product h6{
	position:absolute;
	left:-10px; top:30px;
	padding:10px;
	min-width:80px;
	background:#eb7c03;
	color:#fff;
	font:1em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_products .obj_product h2{
	padding:30px 20px;
	font:1.25em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_products .obj_product h2 strong{
	font-family:'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_products .obj_product .v_prod{
	display:block;
	position:absolute;
	left:0; bottom:0;
	height:100%; width:100%;
	}
.obj_bloc.var_products .obj_product .v_prod img{
	display:block;
	position:absolute;
	left:50%; bottom:-20%;
	max-height:90%;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
.obj_bloc.var_products .obj_product .texture {
	margin-bottom: -50px;
	bottom: -20%;
    left: 0;
    position: absolute;
}
	
@media screen and (max-width:960px){
	.obj_bloc.var_products .obj_carrousel .item{min-width:300px;}
	.obj_bloc.var_products .obj_carrousel .nav .next{right:-20px;}
	.obj_bloc.var_products .obj_carrousel .nav .prev{left:-20px;}
	.obj_bloc.var_products .obj_product{
		max-width:300px;
		min-height:300px;
		}
	.obj_bloc.var_products .obj_product h6{
		min-width:70px;
		font-size:0.875em;
		}
	.obj_bloc.var_products .obj_product h2{
		padding:20px;
		font-size:1.125em;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_products{
		padding:0 20px 30px;
		}
	.obj_bloc.var_products .ctn_title{
		padding:30px 0 10px;
		}
	.obj_bloc.var_products .ctn_title p{ margin:0; font-size:0.875em; }
	.obj_bloc.var_products .ctn_content{ padding:20px; }
	.obj_bloc.var_products .ctn_content:before{ bottom:-15px; }
	.obj_bloc.var_products.var_body .ctn_content:before{ width:36%; height:35%; }
	.obj_bloc.var_products.var_comfort .ctn_content:before{ right:4%; width:44%; height:33%; }
	.obj_bloc.var_products.var_ultralight .ctn_content:before{ left:4%; width:54%; height:25%; }
	.obj_bloc.var_products.var_antishine .ctn_content:before{ width:32%; height:27%; }
	.obj_bloc.var_products.var_babychildren .ctn_content:before{ width:30%; height:16%; }
	.obj_bloc.var_products.var_unifying .ctn_content:before{ width:34%; height:43%; }
	.obj_bloc.var_products.var_specific .ctn_content:before{ left:3%; width:20%; height:36%; }
	.obj_bloc.var_products.var_aftersun .ctn_content:before{ width:46%; height:21%; }
	.obj_bloc.var_products.var_selftan .ctn_content:before{ left:5%; width:40%; height:31%; }
	.obj_bloc.var_products.var_babychildren .ctn_content:after{
		top:-15px;
		width:41px; height:22px;
		background-position:-160px -83px;
		background-size:1024px auto;
		}
	.obj_bloc.var_products .obj_product{
		max-width:240px;
		min-height:240px;
		}
	.obj_bloc.var_products .obj_product h6{
		left:0;
		padding:5px 10px;
		min-width:50px;
		font-size:0.75em;
		}
	.obj_bloc.var_products .obj_product h2{
		font-size:0.875em;
		}
	.obj_bloc.var_products .obj_product .v_prod img{
		max-height:65%;
		}
		
	.obj_bloc.var_products .obj_carrousel .item{min-width:240px;}
	.obj_bloc.var_products .obj_carrousel .nav button:before{
		width:20px; height:20px;
		margin:-10px 0 0 -10px;
		}
	.obj_bloc.var_products .obj_carrousel .nav .next{right:-35px;}
	.obj_bloc.var_products .obj_carrousel .nav .prev{left:-35px;}
}

/* ================================= *
 * obj_bloc var_article
 * ================================= */
.obj_bloc.var_article{
	padding-bottom:30px;
	}
.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:10px 0 0;
		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 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:9px; left:0;
	width:6px; height:6px;
	border-radius:50%;
	background:#008fcd;
	}
.obj_bloc.var_article ul:not(.ctn_share_menu) li strong {
	font-family: "LocatorWeb-Medium";
}
.obj_bloc.var_article .ctn_article .t_mentions{
	margin-top:50px;
	color:#999999;
	font-style:italic;
	}
.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_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;
		}

}

/*--- ARTICLES SPECIAUX ---*/

/*- Article SKIN CANCER -*/
.obj_bloc.var_article .obj_article .obj_skin-cancer {
	padding:20px 30% 20px 20px;
	background : #f6f6f6 url('../images/v_article_skin-cancer.jpg') no-repeat right 0;
	background-size:100% auto;
	}
.obj_bloc.var_article .obj_article .obj_skin-cancer article {
	padding: 35px 450px 40px 30px;
	}
.obj_bloc.var_article .obj_article .obj_skin-cancer h2 {
	margin:0;
	padding:0;
	font: 1.625em/1em 'LocatorWeb-Light', sans-serif;
	color: #000; text-transform: uppercase;
	}
.obj_bloc.var_article .obj_article .obj_skin-cancer h2 strong {
	font:1.5em/1em 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_skin-cancer p {
	margin: 20px 0;
	font: 0.875em/1.125em 'LocatorWeb-Regular', sans-serif;
	color : #000;
	}
.obj_bloc.var_article .obj_article .obj_skin-cancer ul{
	padding:0;
	}
.obj_bloc.var_article .obj_article .obj_skin-cancer ul li {
	position:relative;
	margin-bottom: 10px;
	padding-left:25px;
	font: 0.875em/1.125em 'LocatorWeb-Regular', sans-serif;
	color : #000;
	}
.obj_bloc.var_article .obj_article .obj_skin-cancer ul li:before{
	display:none;
	}
.obj_bloc.var_article .obj_article .obj_skin-cancer ul li span {
	display: inline-block;
	position:absolute;
	left:0; top:-2px;
	width: 20px; height:20px;
	padding: 1px 0; margin-right: 8px;
	border-radius: 10px;
	background: #000;
	font: 1em/1.25em 'LocatorWeb-Regular', sans-serif;
	color : #fff; text-align: center;
	}
	
@media screen and (max-width:960px){
	.obj_bloc.var_article .obj_article .obj_skin-cancer {
		padding:20px;
		background:#f6f6f6;
		}
	.obj_bloc.var_article .obj_article .obj_skin-cancer h2 {
		font-size: 1.25em;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_article .obj_article .obj_skin-cancer h2 {
		font-size: 1.125em;
		}
}
	
/*--- video ---*/
.obj_bloc.var_article .obj_article .obj_video {padding:40px 0 20px;}
.obj_bloc.var_article .obj_article .obj_video h2 {
	color : #000;
	font: 2.250em/1em 'LocatorWeb-Bold', sans-serif;
	padding: 0;
	}
.obj_bloc.var_article .obj_article .obj_video h3 {
	color : #898989;
	font: 1em/1em 'LocatorWeb-Regular', sans-serif;
	padding: 5px 0 20px 0;
	}
.obj_bloc.var_article .obj_article .obj_video .obj_player{
	position:relative;
	cursor:pointer;
	}
.obj_bloc.var_article .obj_article .obj_video .obj_player:before {
	display:block; content:"";
	position:absolute;
	top:50%; left:50%;
	margin:-68px 0 0 -68px;
	width:136px; height:136px;
	background:url('../images/sprite_icon.png') no-repeat -313px -46px / 1024px auto;
	z-index:1;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_bloc.var_article .obj_article .obj_video .obj_player:hover:before {
	-webkit-transform:scale(1.1);
		-ms-transform:scale(1.1);
			transform:scale(1.1);
	}
	
@media screen and (max-width:960px){
	.obj_bloc.var_article .obj_article .obj_video h2 {
		font-size: 1.75em;
		}
}
@media screen and (max-width:767px){
	.obj_bloc.var_article .obj_article .obj_video .obj_player:before,
	.obj_bloc.var_article .obj_article .obj_video .obj_player:hover:before {
		-webkit-transform:scale(0.75);
			-ms-transform:scale(0.75);
				transform:scale(0.75);
		}
}

/*--- obj_abcde-method ---*/
.obj_bloc.var_article .obj_article .obj_abcde-method {
	background : url('../images/f_section-abcde.jpg') no-repeat 0 0 #dadada;
	padding: 20px;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .col_left {
	float: left;
	width: 60%;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .col_right {
	float: right;
	width: 35%;
	position: relative;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method h2 {
	color : #000; text-transform: uppercase;
	font: 2.25em/1em 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method h3 {
	color : #000; text-transform: uppercase;
	font: 1.75em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method h4 {
	color : #008fcd; text-transform: uppercase;
	font: 1.125em/1em 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method p.intro {
	color : #000;
	font: 0.875em/1.25em 'LocatorWeb-Regular', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .col_right .obj_encart {
	background : #fff;
	padding: 50px 20px 20px 20px;
	margin-top: 40%;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .col_right .obj_encart:before {
	content: "";
	position: absolute; top: 20px; left: 0;
	width: 100%; padding-bottom: 55%;
	display: block;
	background : url('../images/i_dogs-encart.png') no-repeat center 0 / 80% auto;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .col_right .obj_encart p {
	font: 0.875em/1.25em 'LocatorWeb-Regular', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .col_right .obj_encart p strong {
	font-family: LocatorWeb-Bold; color: #008fcd; text-transform: uppercase;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .col_right .obj_encart p.mentions {
	margin-top: 35px;
	word-break:break-word;
	color: #cacaca;
	font: 0.750em/1em 'LocatorWeb-Regular', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .obj_download {
	padding: 10px 0 0 0;
	clear: both;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_download {
	text-align: center;
	padding-top: 40px;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_download a {
	display: inline-block;
	background : url('../images/i_download_grey.gif') no-repeat 0 0;
	color : #000; text-transform: uppercase;
	font: 1.375em/1em 'LocatorWeb-Light', sans-serif;
	padding: 0 0 63px 120px;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_download a strong {
	font: 1.318em/16px 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_download a span {
	color : #008fcd; text-transform: uppercase;
	font: 1.273em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_download a span strong {
	display: block;
	font: 1.5em/1em 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_par {
	float: left;
	width: 100%;
	background: #efefef;
	padding: 20px;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_par h3 {
	font-size: 1.375em; line-height: 1em;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_par h3 strong {
	font: 1.750em/1em 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_par p {
	color: #000;
	font: 0.875em/1.25em 'LocatorWeb-Regular', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_par p strong {
	font-family: 'LocatorWeb-Medium', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_par p em {
	font-size: 9px; font-style: normal; vertical-align: top; line-height: 11px;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde {
	padding:20px 0 0;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde ul {
	text-align:center;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li {
	display:inline-block;
	padding:0 5px;
	width:20%;
	float:left;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li:before {
	display:none;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li .animation {
	display: block;
	width: 100%; height: 0;
	margin: 0;
	padding-bottom:99.9%;
	background-position: 0 0;
	background-repeat:no-repeat;
	background-size:cover;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li .animation.letter-a {background-image: url('../images/v_animated-a.gif');}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li .animation.letter-b {background-image: url('../images/v_animated-b.gif');}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li .animation.letter-c {background-image: url('../images/v_animated-c.gif');}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li .animation.letter-d {background-image: url('../images/v_animated-d.gif');}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li .animation.letter-e {background-image: url('../images/v_animated-e.gif');}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li .animation:hover {
	background-position: 0 bottom;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li span {
	display: block;
	margin-top: 10px;
	min-height:30px;
	color: #000; text-align: center;
	font: 0.875em/1.25em 'LocatorWeb-Medium', sans-serif;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde a {
	display: block;
	padding: 0 0 0 35px; margin-top: 35px;
	background: url('../images/i_fleche-dl-popin.png') no-repeat 0 0;
	font: 1em/1.25em 'LocatorWeb-Regular', sans-serif; color: #000; text-transform: uppercase;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde a strong {
	font-family: locator_bold; font-size: 23px; line-height: 20px; color: #000; text-transform: uppercase;
	}
.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li a {
	padding: 0; margin: 0;
	background: none;
	}
	
@media screen and (max-width:1024px){
	.obj_bloc.var_article .obj_article .obj_abcde-method {
		font-size:0.875em;
		}
}
@media screen and (max-width:960px){
	.obj_bloc.var_article .obj_article .obj_abcde-method .col_left,
	.obj_bloc.var_article .obj_article .obj_abcde-method .col_right {
		float: none;
		width: 100%;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method .col_right .obj_encart{
		margin:50px 0 0; padding:20px;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method .col_right .obj_encart:before{
		width:100px;
		top:-40px; left:10px;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method h2 {
		font-size: 1.75em;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method h3 {
		font-size: 1.25em;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li {
		width:30%;
		float:none;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_par h3 {
		font-size: 1em;
		}
	
}
@media screen and (max-width:767px){
	.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_abcde li {
		width:45%;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_download {
		padding:0;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_download a {
		padding: 10px 0 30px 60px;
		font-size: 1em;
		background-size:25% auto;
		}
	.obj_bloc.var_article .obj_article .obj_abcde-method .ctn_par h3 {
		font-size: 0.875em;
		}
}
	
/*--- obj_self_exam ---*/
.obj_bloc.var_article .obj_self_exam{
	padding:20px;
	background:#008fcd;
	}
.obj_bloc.var_article .obj_self_exam h3{
	padding:0;
	color:#fff;
	}
.obj_bloc.var_article .obj_self_exam h2{
	padding:10px 0 30px;
	color:#fff;
	font:2.625em/1em 'LocatorWeb-Light';
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .nav{
	display:none;
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .masque{
	overflow:visible;
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .masque .items{
	height:auto;
	width:100%;
	position:relative;
	text-align:center;
	}

.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .masque .items .item{
	width:24%; height:auto;
	margin:0 0 10px;
	display:inline-block;
	float:none;
	position:relative;
	cursor:pointer;
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .item figure .ctn_img{
	width:110px; height:110px;
	margin:0 auto 5px;
	display:block;
	border-radius:50%;
	overflow:hidden;
	border:3px solid #008fcd;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .item:focus figure .ctn_img,
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .item:hover figure .ctn_img{
	border-color:#000;
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .item figure figcaption{
	font:1em/1em 'LocatorWeb-Regular';
	color:#fff;
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .ctn_bulle{
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:110%; left:50%;
	width:280px;
	height:0;
	margin-left:-140px;
	padding:0 20px;
	text-align:left;
	background:#fff;
	box-shadow:0 0 10px #7f7f7f;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .item:focus .ctn_bulle,
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .item:hover .ctn_bulle{
	padding:20px;
	display:block;
	opacity:1;
	height:auto;
	overflow:visible;
	}
.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .ctn_bulle:after{
	display:block;
	content:"";
	position:absolute;
	top:-10px;
	left:50%;
	margin:0 0 0 -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 10px 15px;
	border-color: transparent transparent #ffffff transparent;
	}
	
@media screen and (max-width:960px){
	
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .ctn_bulle{
		left:-20%;
		}
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .ctn_bulle:after{
		left:80%;
		}
}

@media screen and (max-width:767px){
	.obj_bloc.var_article .obj_self_exam h2{
		font-size:1.75em;
		}
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .masque{
		overflow:hidden;
		}
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .masque .items{
		width:10000px;
		}
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .masque .items .item{
		width:auto;
		float:left;
		display:inline-block;
		}
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .nav{
		display:block;
		}
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .nav .prev{
		left:-20px; top:60px;
		}
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .nav .next{
		right:-20px; top:60px
		}
	
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .ctn_bulle,
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .item:focus .ctn_bulle,
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .item:hover .ctn_bulle{
		display:block;
		position:relative;
		margin-left:0;
		padding:10px 0;
		top:auto; left:auto;
		height:auto;
		width:auto;
		text-align:left;
		background:none;
		box-shadow:none;
		font-size:0.875em;
		}
	.obj_bloc.var_article .obj_self_exam .obj_carrousel.self_exam .ctn_bulle:after{
		display:none;
		}
}

/*--- ctn_push dermato ---*/
.obj_bloc.var_article .ctn_push{
	display:block;
	position:relative;
	overflow:hidden;
	color:#000;
	}
.obj_bloc.var_article .ctn_push .ctn_txt{
	display:block;
	position:absolute;
	z-index:1;
	top:50%; left:0; width:100%; height:auto;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	}
.obj_bloc.var_article .ctn_push .ctn_txt h4{
	font: 1.125em/1em 'LocatorWeb-Bold', sans-serif;
	}
.obj_bloc.var_article .ctn_push .ctn_txt p{
	font: 1em/1em 'LocatorWeb-Light', sans-serif;
	}
.obj_bloc.var_article .ctn_push .v_background{
	position:relative;
	z-index:0;
	left:50%;
	display:block;
	max-width:none;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	}
/*--- ctn_push dermato ---*/
.obj_bloc.var_article .ctn_push.dermato .ctn_txt{
	padding: 20px 40% 20px 20px;
	}
@media screen and ( max-width : 960px ) {
	.obj_bloc.var_article .ctn_push.dermato .v_background{
		left:auto; right:35%;
		-webkit-transform:none;
			-ms-transform:none;
				transform:none;
		}
}
@media screen and ( max-width : 767px ) {
	.obj_bloc.var_article .ctn_push.dermato .ctn_txt{
		padding: 20px;
		}
	.obj_bloc.var_article .ctn_push.dermato .ctn_txt h4{
		font-size: 1em;
		}
	.obj_bloc.var_article .ctn_push.dermato .ctn_txt p{
		font-size: 0.9375em;
		}
}

/*--- diag ---*/
.obj_bloc.var_article .ctn_push.diag {
	position: relative;
	z-index: 1;
	}
.obj_bloc.var_article .ctn_push.diag .ctn_txt {
	top:50%; left:50%;
	margin-top:22px;
	width:auto; height:auto;
	-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
	}
.obj_bloc.var_article .ctn_push.diag .ctn_txt p{
	font: 1.25em/1em 'LocatorWeb-Light', sans-serif;
	color:#f47b25;
	text-transform:uppercase;
	text-align:center;
	}
.obj_bloc.var_article .ctn_push.diag strong {
	font-family:'LocatorWeb-Medium', sans-serif;
	}
	
@media screen and ( max-width : 767px ) {
	.obj_bloc.var_article .ctn_push.diag .ctn_txt {
		width:80%;
		}
}

/*--- border ---*/
.obj_bloc.var_article .border{
	border:1px solid #008fcd;
	padding:15px;
	margin: 20px 0 0;
	overflow:hidden;
	}
.obj_bloc.var_article .border h2{
	padding:0 0 10px;
	}
.obj_bloc.var_article .border img{
	float:left;
	max-width:78px;
	}
.obj_bloc.var_article .border p{
	float:right;
	padding:0 0 0 20px;
	width:calc(100% - 80px);
	}
.obj_bloc.var_article .border p strong{
	font-family:'LocatorWeb-Bold', sans-serif;
	}
	
@media screen and ( max-width : 767px ) {
	.obj_bloc.var_article .border img{
		width:40px;
		}
	.obj_bloc.var_article .border p{
		width:calc(100% - 40px);
		}
}

/*--- link_par ---*/

.obj_bloc.var_article .link_par {
	display: inline-block;
	padding: 9px 26px 7px 35px; margin: 20px 0 30px 0;
	font: 0.875em/1em 'LocatorWeb-Regular', sans-serif;
	color: #fff;
	}
.obj_bloc.var_article .link_par.product {
	min-height:162px;
	position:relative;
	padding:0;
	margin: 20px 0 10px;
	}	
.obj_bloc.var_article .link_par.product img{
	float:left;
	}
.obj_bloc.var_article .link_par.product span {
	display: inline-block;
	position:relative;
	float:left;
	padding: 9px 26px 7px 35px;
	max-width:calc(100% - 90px);
	margin: 55px 0 0 15px;
	color: #fff;
	background: #008fcd;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_bloc.var_article .link_par.product:hover span {
	background: #109edb;
	}
.obj_bloc.var_article .link_par.product span:before {
	display:block; content:"";
	position:absolute;
	top:50%; left:10px;
	width:10px; height:10px;
	margin-top:-5px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-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 .link_par.product:hover span:before {
	left:15px;
	}



/* VAR_2018 */
/* video standalone */
.obj_bloc.var_video-standalone.var_2018 { padding : 80px 20px; }
.obj_bloc.var_video-standalone.var_2018 .ctn_txt {
	position : absolute;
	top : 50%;
	left : 50%;
	max-width : 340px;
	margin-left : 110px;

	transform : translateY(-50%);
		-webkit-transform : translateY(-50%);
			-ms-transform : translateY(-50%);
}
.obj_bloc.var_video-standalone.var_2018 .ctn_txt h2 {
	margin-bottom : 30px;
	font-size : 36px;
}
.obj_bloc.var_video-standalone.var_2018 .ctn_txt p {
	font-family : 'LocatorWeb-Ultralight';
}
.obj_bloc.var_video-standalone.var_2018 .obj_video .v_video:before { margin-left : -305px; }
.obj_bloc.var_video-standalone.var_2018 .obj_video a {
	font-family : 'LocatorWeb-Light';
	color : black;
}
@media ( max-width : 767px ) {
	.obj_bloc.var_video-standalone.var_2018 { padding : 20px 0;}
	.obj_bloc.var_video-standalone.var_2018 .ctn_txt {
		margin-left : 0;
		margin-right: 5%;
		left : 50%;
	}
	.obj_bloc.var_video-standalone.var_2018 .ctn_txt h2 {
		margin-bottom : 5px;
		font-size : 15px; line-height: 17px;
		font-family: "LocatorWeb-Regular";
	}
	.obj_bloc.var_video-standalone.var_2018 .ctn_txt p { font-size : 11px; }
	.obj_bloc.var_video-standalone.var_2018 .obj_video .v_video img {max-width: 120%; position: relative; left: -15%;}
	.obj_bloc.var_video-standalone.var_2018 .obj_video .v_video:before {
		left : 0;
		margin-left : 5%;

		transform : scale(0.5);
	}
}



/* video sun protection */
.obj_bloc.var_sun-protection.var_2018 {
	max-width : inherit;
	padding-bottom : 20px;
}
.obj_bloc.var_sun-protection.var_2018 .ctn_title {
	padding-top : 40px;
	padding-bottom : 20px;
}
.obj_bloc.var_sun-protection.var_2018 .ctn_content {
	max-width : 1640px;
	padding : 0 20px;
	margin : 0 auto;
	font-size : 0;
}
.obj_bloc.var_sun-protection.var_2018 .ctn_content p {
	font-family: "LocatorWeb-Light";
	margin-bottom : 25px;
	text-align : center;
	font-size : 18px;
	color : black;
}
.obj_bloc.var_sun-protection.var_2018 .obj_article {
	position : relative;
	display : inline-block;
	width : 25%;
	max-width : 590px;
	vertical-align : top;
	overflow : hidden;
	z-index : 0;
}
.obj_bloc.var_sun-protection.var_2018 .obj_article.current:after {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	display : block;
	width : 100%;
	height : 100%;
	background : rgba(255,255,255,0.5);
	z-index : 1;
}
.obj_bloc.var_sun-protection.var_2018 .obj_article:before {
	content : '';
	display : block;
	width : 100%;
	padding-top : 80%;
}
.obj_bloc.var_sun-protection.var_2018 .obj_article a {
	position : absolute;
	top : 0;
	left : 0;
	display : block;
	width : 100%;
	height : 100%;
}
.obj_bloc.var_sun-protection.var_2018 .obj_article img {
	position : absolute;
	top : 50%;
	left : 50%;
	max-width : inherit;
	width : auto;
	height : 100%;
	z-index : 0;

	transform : translate3D(-50%,-50%,0);
		-webkit-transform : translate3D(-50%,-50%,0);
			-ms-transform : translate3D(-50%,-50%,0);
}
.obj_bloc.var_sun-protection.var_2018 .obj_article.current img {
			filter : grayscale(100%);
	-webkit-filter : grayscale(100%);
}
.obj_bloc.var_sun-protection.var_2018 .obj_article h2 {
	position : absolute;
	bottom : 10px;
	left : 0;
	width : 100%;
	margin : 0;
	padding : 0 5%;
	text-align : center;
	text-transform : uppercase;
	font-size : 30px;
	font-family : 'LocatorWeb-Bold';
	color : white;
	
	z-index : 1;

	transform : translateY(-45%);
		-webkit-transform : translateY(-45%);
			-ms-transform : translateY(-45%);
}
.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover { display : none; }

/* PG HOME */
.pg_home .obj_bloc.var_sun-protection.var_2018 {
	padding-bottom : 80px;
	background : #f1f1f1;
}
.pg_home .obj_bloc.var_sun-protection.var_2018 .ctn_title { padding-bottom : 30px; }
.pg_home .obj_bloc.var_sun-protection.var_2018 .ctn_content { max-width : 1220px; }
.pg_home .obj_bloc.var_sun-protection.var_2018 .ctn_content > p { display : none; }
.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article { width : 50%; }
.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article:before { padding-top : 54.24%; }
.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article img {
	max-width : 100%;
	width : auto;
	height : auto;
}
.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article h2 { font-size : 36px; line-height: 1em; }
.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover p { margin-top : 55px; }

@media ( min-width : 1025px ) {
	.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover {
		position : absolute;
		top : 15px;
		left : 15px;
		display : block;
		width : calc(100% - 30px);
		height : calc(100% - 30px);
		padding : 0 2%;
		text-align : center;
		background : rgba(255,255,255,0.9);
		opacity : 0;
		z-index : 2;
		transition : all 0.75s;
		transform-origin : center center;
		transform : perspective(320px) rotateX(-90deg);
	}
	.obj_bloc.var_sun-protection.var_2018 .obj_article a:hover .ctn_hover {
		opacity : 1;
		transform : perspective(320px) rotateX(0);
	}
	.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover p {
		margin-top : 30px;
		font-family : 'LocatorWeb-Light';
		font-size : 30px;
		color : black;
	}
	.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover .ctn_btn {
		position : absolute;
		left : 0;
		bottom : 55px;
		width : 100%;
	}
	.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover .obj_btn { font-size : 16px; }
}
@media ( max-width : 1440px ) {
	.obj_bloc.var_sun-protection.var_2018 .obj_article h2 { font-size : 26px; }
	.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover p {
		margin-top : 24px;
		font-size : 24px;
	}
	.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover .ctn_btn { bottom : 35px; }
}
@media ( max-width : 1440px ) {
	.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover p {
		margin-top : 22px;
		font-size : 22px;
	}
	.obj_bloc.var_sun-protection.var_2018 .obj_article .ctn_hover .ctn_btn { bottom : 25px; }
}
@media ( max-width : 1024px ) {
	.obj_bloc.var_sun-protection.var_2018 .obj_article h2 { font-size : 20px; }
}
@media ( max-width : 768px ) {
	.obj_bloc.var_sun-protection.var_2018 .ctn_content { padding : 0; }
	.obj_bloc.var_sun-protection.var_2018 .obj_article { width : 50%; }
	
	.obj_bloc.var_sun-protection.var_2018 .obj_article h2,
	.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article h2 {
		top : 50%;
		bottom : auto;
		font-size : 26px;
		
		transform : translateY(-50%); 
		-webkit-transform : translateY(-50%);
			-ms-transform : translateY(-50%);
	}

	.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article:before { padding-top : 80%; }
	.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article img {
		max-width : inherit;
		width : auto;
		height : 100%;
	}
}
@media ( max-width : 767px ) {
	.pg_home .obj_bloc.var_sun-protection.var_2018 { padding-bottom : 20px; }
	
	.obj_bloc.var_sun-protection.var_2018 .obj_article h2,
	.pg_home .obj_bloc.var_sun-protection.var_2018 .obj_article h2 { font-size : 16px; }
	.obj_bloc.var_sun-protection.var_2018 .ctn_title {padding-top: 30px; padding-bottom: 20px;}
}
@media ( max-width : 320px ) {
	.obj_bloc.var_sun-protection.var_2018 .obj_article h2 { font-size : 14px; }
}

.pg_products .str_content > .ctn_btn{
	margin-top:35px;
	text-align:center;
	}
.pg_products .str_content > .ctn_btn .obj_btn{
	margin-top:5px;
	}