/*
	1 - STRUCTURE
	2 - OBJETS
	3 - CONTEXTUELLES
	4 - RESPONSIVE
		4.1 - STRUCTURE
		4.2 - OBJETS
		4.3 - CONTEXTUELLES
		4.4 - RESPONSIVE
*/

br.mobile { display : none; }

.title-filet span{ 
	display:inline-block;
	padding:0 20px;
	position:relative;
	}
.title-filet span::before,
.title-filet span::after{
	background:#000;
	content:"";
	height:1px;
	position:absolute;
	top:50%;
	width:1000px;
	}
.title-filet span::before{ right:100%; }
.title-filet span::after{ left:100%; }

/****************************/
/*		1 - STRUCTURE		*/
/****************************/
.str_bloc.var_cassis-frenesie { background : url(images/f_perfumer-cassis-frenesie.jpg) no-repeat center top; }
.str_bloc.var_neroli-facetie { background : url(images/f_perfumer-neroli-facetie.jpg) no-repeat center top; }
.str_bloc.var_the-fantaisie { background : url(images/f_perfumer-the-fantaisie.jpg) no-repeat center top; }
.str_bloc.var_tubereuse-hedonie { background : url(images/f_perfumer-tubereuse-hedonie.jpg) no-repeat center top; }
.str_bloc.var_verveine-utopie { background : url(images/f_perfumer-verveine-utopie.jpg) no-repeat center top; }
.str_bloc.var_magnolia-folie { background : url(images/f_perfumer-magnolia-folie.jpg) no-repeat center top; }
.str_bloc.var_rose-mignonnerie { background : url(images/f_perfumer-rose-mignonnerie.jpg) no-repeat center top; }
.str_bloc.var_maison { background : url(images/f_maison.jpg) no-repeat center top; }



.bloc_aura-mirabilis {
	padding-bottom : 125px;
	background : url('images/f_home-aura-mirabilis.jpg') no-repeat center bottom;
}
.bloc_aura-mirabilis .t_title-header {
	max-width : inherit;
	margin-top : 60px;
}
.bloc_aura-mirabilis .t_desc {
	text-align : center;
	font-size : 2rem;
	font-weight : 300;
}
.bloc_aura-mirabilis .obj_push {
	position : relative;
	display : block;
	max-width : 860px;
	width : auto;
	height : auto;
	margin : 40px auto 0 auto;
}
.bloc_aura-mirabilis .obj_push:before {
	content : '';
	position : relative;
	display : block;
	width : 100%;
	padding-top : 58.37%;
	background : url('images/v_home-aura-mirabilis.jpg') no-repeat center center / 100% auto;
}
.bloc_aura-mirabilis .obj_push:after {
	content : '';
	position : absolute;
	right : -65px;
	bottom : -125px;
	display : block;
	width : 521px;
	height : 373px;
	background : url('images/v_aura-mirabilis-products.png') no-repeat 0 0 / 100% auto;
}
.bloc_aura-mirabilis .obj_push .obj_logo {
	position : absolute;
	top : 40px;
	right : 40px;
}
.bloc_aura-mirabilis .obj_push .obj_btn {
	top : 200px;
	bottom : auto;
	right : 135px;
	padding : 7px 9px;
	font-size : 1.2rem;
	color : white;
	border-color : rgba(255,255,255,0.5);
}
.bloc_aura-mirabilis .obj_push .obj_btn:hover { border-color : black; }



.bloc_banner-video {
	height : 752px;
	padding-bottom : 282px;
	overflow : hidden;
}
.bloc_banner-video.is_open { height : auto !important; }
.bloc_banner-video .ctn_video { border-bottom : 1px solid #c0a264; }
.bloc_banner-video .ctn_player {
	position : relative;
	max-width : 1280px;
	margin : 0 auto;
	z-index : 0;
}
.bloc_banner-video .ctn_player:before {
	content : '';
	display : block;
	width : 100%;
	padding-top : calc(100% / 1.777777777);
}
.bloc_banner-video .ctn_player .obj_player {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;	
	height : 100%;
}
.bloc_banner-video .ctn_player .obj_player .obj_logo {
	position : absolute;
	top : 0;
	left : 110px;
	width : 520px;
	height : 345px;
	z-index : 2;
}
.bloc_banner-video .ctn_player img {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
}
.bloc_banner-video .ctn_thumbs {
	padding : 30px 0 50px 0;
	font-size : 0;
	text-align : center;
	border-bottom : 1px solid #c0a264;
}
.bloc_banner-video .ctn_thumbs .obj_player {
	display : inline-block;
	width : auto;
	height : auto;
	text-align : center;
}
.bloc_banner-video .ctn_thumbs .obj_player ~ .obj_player { margin-left : 16px; }
.bloc_banner-video .ctn_thumbs .obj_player img { border : 4px solid white; }
.bloc_banner-video .ctn_thumbs .obj_player.active_video img { border-color : #c0a264; }
.bloc_banner-video .ctn_thumbs .t_title {
	display : block;
	margin-top : 10px;
	text-transform : uppercase;
	font-size : 1.4rem;
	line-height : 1;
}
.bloc_banner-video .ctn_thumbs .active_video .t_title { color : #c0a264; }
.bloc_banner-video .obj_player .btn_play {
	position : absolute;
	z-index:2;
	top : 0;
	left : 0;
	display : block;
	width : 100%;
	height : 72px;
	color : #fff;
}
.bloc_banner-video .obj_player .btn_play:before,
.bloc_banner-video .obj_player .btn_play:after {
	content : '';
	display : block;
	position : absolute;
	top : 50%;
	left : 50%;
	box-sizing : border-box;
}
.bloc_banner-video .obj_player .btn_play:before {
	width : 40px;
	height : 40px;
	margin : -20px 0 0 -20px;
	border : 1px solid #fff;
	border-radius : 50%;
	transition : all 0.2s;
}
.bloc_banner-video .obj_player:hover .btn_play:before { background : rgba(250, 250, 250, 0.125); }
.bloc_banner-video .obj_player .btn_play:after {
	width : 0;
	height : 0;
	margin-left : -3px;
	margin-top : -8px;
	border-style : solid;
	border-width : 9px 0 9px 10px;
	border-color : transparent transparent transparent #fff;
}
.bloc_banner-video .t_title {
	display : block;
	margin-top : 10px;
	text-transform : uppercase;
	font-size : 1.4rem;
	line-height : 1;
}
.bloc_banner-video .active_video .t_title { color : #c0a264; }
.bloc_banner-video .obj_carrousel.mobile {
	display : none;
	width : 244px;
	height : 107px;
	margin : 15px auto 20px auto;
}
.bloc_banner-video .obj_carrousel.mobile .masque {
	width : 100%;
	height : 100%;
	overflow : hidden;
}
.bloc_banner-video .obj_carrousel.mobile .item {
	min-width : 106px;
	padding : 0 8px;
	text-align : center;
}
.bloc_banner-video .obj_carrousel.mobile .item .obj_player img { border : 2px solid white; }
.bloc_banner-video .obj_carrousel.mobile .item .obj_player.is_open img { border-color : #c7ac6f; }
.bloc_banner-video .obj_carrousel.mobile .nav .prev { left : -25px; }
.bloc_banner-video .obj_carrousel.mobile .nav .next { right : -25px; }
.bloc_banner-video .obj_carrousel.mobile .nav ul { display : none !important; }
.bloc_banner-video .obj_carrousel.mobile .t_title {
	margin-top : 15px;
	font-size : 1.5rem;
	color : #c7ac6f;
}
.bloc_banner-video .obj_carrousel.mobile .t_title br { display : none; }
.bloc_banner-video .ctn_encart {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 100%;
	background : white;
	padding : 55px 0 60px 0;
	text-align : center;
}
.bloc_banner-video .ctn_encart:before {
	content : '';
	position : absolute;
	top : 0;
	left : 50%;
	display : block;
	width : 34px;
	height : 34px;
	margin : -54px 0 0 -17px;
	background : url('images/i_fleche.png') no-repeat center center;
}
.bloc_banner-video.is_open .ctn_encart:before { display : none; }
.bloc_banner-video .ctn_encart .t_surtitle {
	margin-bottom : 10px;
	text-transform : uppercase;
	font-size : 2rem;
	font-weight : 300; 
}
.bloc_banner-video .ctn_encart .t_title {
	margin-bottom : 10px;
	text-transform : uppercase;
	font : 4.6rem/1 'fortunato_titre';
}
.bloc_banner-video .ctn_encart .t_subtitle {
	margin-bottom : 35px;
	text-transform : uppercase;
	font-size : 2rem;
	font-weight : 300;
	color : #c0a264;
}
.bloc_banner-video .ctn_encart .obj_lnk {
	position : relative;
	display : inline-block;
	padding-left : 20px;
	font-size : 1.6rem;
	color : #c0a264;
}
.bloc_banner-video .ctn_encart .obj_lnk:before {
	content : '';
	position : absolute;
	top : 6px;
	left : 0;
	display : block;
	width : 6px;
	height : 6px;
	border : 1px solid #c0a264;
	border-left : 0;
	border-bottom : 0;
	transform : rotate(45deg);
}
.bloc_banner-video .ctn_encart .obj_lnk:hover { text-decoration : underline; }
.bloc_banner-video .obj_pastille {
	position : absolute;
	top : 0;
	left : 120px;
	padding-top : 67px;
	text-transform : uppercase;
	text-align : center;
	font : 30px/1 'fortunato_titre';
	color : black;
	z-index : 2;
}


.bloc_carrousel-produit.solo .t_title-header {
	position : relative;
	max-width : 900px;
	margin : 20px auto 30px auto;
	padding : 30px 40px 0 30px;
}
.bloc_carrousel-produit.solo .t_title-header:before,
.bloc_carrousel-produit.solo .t_desc:after {
	content : '';
	position : absolute;
	display : block;
	width : 41px;
	height : 41px;
	margin : 0;
	background : url('images/i_sprite.png') no-repeat 0 -204px;
}
.bloc_carrousel-produit.solo .t_title-header:before {
	top : 0;
	left : 0;
}
.bloc_carrousel-produit.solo .t_title-header:after { display : none; }

.bloc_carrousel-produit.solo .t_desc {
	position : relative;
	max-width : 900px;
	margin : 0 auto;
	padding-bottom : 30px;
	text-align : center;
	font-size : 2rem;
	font-weight : 300;
}
.bloc_carrousel-produit.solo .t_desc:after {
	right : 0;
	bottom : 0;
	transform : rotate(180deg);
}



.bloc_en-tete { border-bottom : 1px solid #c0a264; }
.bloc_en-tete .ctn_en-tete {
	position : relative;
	display : block;
	width : 100%;
	height : 466px;
	margin : 0 auto;
	background : url('../../resources/extraits_cologne/images/v_banner-extraits-cologne.jpg') no-repeat center top / auto 100%;
	border-bottom : 1px solid #c0a264;
}
.bloc_en-tete .ctn_en-tete .obj_logo {
	position : absolute;
	top : 0;
	left  : 50%;
	margin-left : -535px;
}
.bloc_en-tete .ctn_bottom {
	position : relative;
	max-width : 1140px;
	height : 273px;
	margin : 0 auto;
}
.bloc_en-tete .ctn_bottom .ctn_img {
	position : absolute;
	left : 35px;
	bottom : 0;
}
.bloc_en-tete .ctn_bottom .ctn_content {
	width : 510px;
	text-align : center;
}
.bloc_en-tete .t_title-header {
	max-width : inherit;
	margin-top : 45px;
	margin-bottom : 0;
	line-height : 1;
}
.bloc_en-tete .t_title-header:after { display : none; }
.bloc_en-tete .t_title-header span {
	display : block;
	margin : 0 auto;
	color : #c0a264;
}
.bloc_en-tete .t_desc {
	margin-top : 15px;
	margin-bottom : 30px;
	text-transform : uppercase;
	font-size : 1.8rem;
	font-weight : 300;
	line-height : 1;
	color : #c0a264;
}
 


.bloc_history {
	padding : 60px 0;
	margin : 0;
	background : url('../../resources/extraits_cologne/images/f_bloc-video-home.jpg') repeat-y center top;
}
.bloc_history .t_surtitle {
	display : block;
	margin : 20px 0 10px 0;
	font-size : 2rem;
	font-weight : 300;
}
.pg_collection-rituel .bloc_frame .t_title-header,
.bloc_history .t_title-header {
	margin : 0 0 50px 0;
	padding : 0;
	max-width : inherit;
}
.bloc_history .ctn_img {
	position : absolute;
	top : 200px;
	left : 50%;
	margin : 0 0 0 -84px;
}
.bloc_history p {
	font-weight : 300;
	font-size : 1.5rem;
}
.bloc_history p ~ p { margin-top : 30px; }
.bloc_history p strong {
	font-weight : 500;
	color : #c0a264;
}
.bloc_history .ctn_col {
	width : 315px;
	margin-left : 85px;
	margin-bottom : 115px;
	text-align : right;
}
.bloc_history .ctn_col ~ .ctn_col {
	margin-left : 0;
	margin-right : 85px;
	text-align : left;
}
.bloc_history .obj_btn {
	display : none;
	padding : 0;
	margin-top : 5px;
	text-transform : none;
	font-weight : 300;
	color : #c7ac6f;
	border : none;
}
.bloc_history .obj_btn:hover {
	color : #c7ac6f;
	background : none;
}
.bloc_history .is_open ~ .obj_btn { display : none; }



.bloc_inspiration-perfumer {
	margin-top : 60px;
	padding : 85px 0;
}
.bloc_inspiration-perfumer .ctn_bloc {
	max-width : 860px;
	margin : 0 auto;
}
.bloc_inspiration-perfumer .ctn_content { max-width : inherit; }
.bloc_inspiration-perfumer .t_title-header {
	max-width : inherit;
	font-size : 3.4rem;
}
.bloc_inspiration-perfumer .ctn_img,
.bloc_inspiration-perfumer .ctn_txt {
	display : inline-block;
	margin-bottom : 35px;
	vertical-align : top;
	font-size : 0;
}
.bloc_inspiration-perfumer .ctn_img { width : 44.19%; }
.bloc_inspiration-perfumer .ctn_txt {
	width : 40.7%;
	margin-left : 2.33%;
	text-align : left;
}
.bloc_inspiration-perfumer .t_desc {
	font-size : 1.5rem;
	line-height : 1.5;
}
.bloc_inspiration-perfumer .i_signature {
	display : inline-block;
	height: 38px;
	margin-top : 20px;
}



.bloc_loyalty-program {
	padding-top:78px;
	background : url('images/f_impress.png') no-repeat center center;
	border-top : 1px solid #c0a264;
	border-bottom : 1px solid #c0a264;
}
.bloc_loyalty-program .ctn_content {
	padding-bottom : 45px;
	text-align : center;
}
.bloc_loyalty-program .t_surtitle {
	position : relative;
	padding-top : 75px;
	text-transform : uppercase;
	font-size : 2rem;
}
.bloc_loyalty-program .t_surtitle:before {
	content : '';
	position : absolute;
	top : 0;
	left : 50%;
	display : block;
	width : 98px;
	height : 45px;
	margin : 0 0 20px -49px;
	background : url('images/i_sprite.png') no-repeat 0 -159px;
}
.bloc_loyalty-program .t_title-header {
	max-width : inherit;
	margin : 0 auto 20px auto;
	font-size : 4rem;
	padding: 0;
}
.bloc_loyalty-program .t_title-header:after { display : none; }
.bloc_loyalty-program .t_desc { font-size : 1.6rem; }
.bloc_loyalty-program .t_desc ~ .t_desc { margin-top : 10px; }
.bloc_loyalty-program .obj_btn { margin-top : 75px; }
.bloc_loyalty-program .t_desc a { 
	color : #000; 
    font-weight: 600;
	}
.bloc_loyalty-program.no_border_bottom {
	border-bottom : 0;
	}
.bloc_perfume-yourself{
	font-size:16px;
	line-height:22px;
	margin-bottom: 0;
	padding: 75px 0 70px 0;
	background:url('../../resources/extraits_cologne/images/f_bloc-video-home.jpg') repeat-y center top;
	}
.bloc_perfume-yourself .ctn_content{
	background:#fff;
	margin:0 auto;
	max-width:1030px;
	padding:52px 38px;
	}
/* ----
 * intro
 * ---- */
.bloc_perfume-yourself .intro{
	float:left;
	margin:0 auto 18px;
	padding:14px 25px 14px 30px;
	position:relative;
	width:370px;
	}
.bloc_perfume-yourself .intro::before,
.bloc_perfume-yourself .intro::after{
	background:url('../../../includeV3/images/i_border_deco-black.png');
	background-size:86px auto;
	content:"";
	height:42px;
	position:absolute;
	width:42px;
	}	
.bloc_perfume-yourself .intro::before{
	left:0;
	top:0;
	}
.bloc_perfume-yourself .intro::after{
	background-position:right bottom;
	bottom:0;
	right:0;
	}
.bloc_perfume-yourself .t_title-header{
	font-size:40px;
	line-height:42px;
	margin-bottom:4px;
	text-align:left;
	}
.bloc_perfume-yourself .t_title-header::after{
	display:none;
	}
.bloc_perfume-yourself .intro p{
	font-weight:300;
	line-height:26px;
	margin-bottom:26px;
	}
.bloc_perfume-yourself .intro .t_desc{
	margin-bottom:31px;
	text-transform:uppercase;
	}
.bloc_perfume-yourself .intro .btn_readmore{
	display:none;
	padding: 0;
    margin-top: 5px;
    text-transform: none;
    font-weight: 300;
    color: #c7ac6f;
    border: none;
}
/* ----
 * obj_perfume-yourself
 * ---- */
.bloc_perfume-yourself .obj_perfume-yourself{
	float:right;
	margin:0 27px 30px auto;
	text-align:center;
	width:500px;
	}
.bloc_perfume-yourself .obj_perfume-yourself > p{
	margin:0 auto 5px;
	}
/* ----
 * how-to
 * ---- */
.bloc_perfume-yourself .how-to{
	clear:both;
	}
.bloc_perfume-yourself .how-to .t_title{
	font:30px/1.15em 'fortunato_titre', sans-serif;
	letter-spacing: 0.02em;
	margin:30px;
	overflow:hidden;
	text-align: center;
	text-transform: uppercase;
	}
.bloc_perfume-yourself .how-to .obj_carrousel { margin:0 21px; }



.bloc_point-sale { padding : 80px 0; }
.bloc_point-sale .ctn_content {
	max-width : 1030px;
	height : 300px;
	padding : 55px 180px;
	background : url('../../resources/extraits_cologne/images/f_bloc-storelocator.jpg') no-repeat center;
}
.bloc_point-sale .ctn_content .t_title-header {
	max-width : inherit;
	margin : 0 0 35px 0;
	padding : 0;
}
.bloc_point-sale .ctn_content .t_title-header:after { display : none; }
.bloc_point-sale .obj_form .ctn_ligne {
	margin : 0;
	padding : 0;
}
.bloc_point-sale .obj_form .ctn_ligne .obj_autocomplete {
	top : 60px;
	width : 100%;
}
.bloc_point-sale .obj_form .ctn_ligne .obj_autocomplete > * { width : 100% !important; }
.bloc_point-sale .obj_form .ctn_ligne.duo .ctn_input {
	position : relative;
	width : 48.5%;
	margin : 0;
}
.bloc_point-sale .obj_form .ctn_ligne.duo .ctn_input ~ .ctn_input { margin-left : 2.99%; }
.bloc_point-sale .obj_form .ctn_ligne .ctn_input.select .ctn_select { max-width : 100%; }
.bloc_point-sale .ctn_bt {
	margin-top : 30px;
	text-align : center;
}
.bloc_point-sale .ctn_bt .obj_btn {
	height : 38px;
	line-height : 38px;
	padding : 0 15px;
	background: #c0a264;
	border: 0;
	color: #ffffff;
}
.bloc_point-sale .ctn_bt .obj_btn:hover {
	background-color: #000;
}



.bloc_products .obj_product {
	direction : ltr;
	display : block;
	width : 905px;
	margin : 0 auto;
	text-align : left;
	font-size : 0;
}
.bloc_products .obj_product:nth-child(even) {
	direction : rtl;
	text-align : right;
}
.bloc_products .obj_product ~ .obj_product { margin-top : -90px; }
.bloc_products .obj_product .ctn_img,
.bloc_products .obj_product .ctn_desc {
	display : inline-block;
	vertical-align : top;
	margin : 0;
}

.bloc_products .obj_product .ctn_img {
	position : relative;
	width : 505px;
	height : 660px;
	overflow : hidden;
}
.bloc_products .obj_product .ctn_img img {
	position : absolute;
	top : 50%;
	left : 50%;
	display : block;
	width : 500px;
	max-width : inherit;
	height : auto;
	margin : -375px 0 0 -250px;
}
.bloc_products .obj_product .ctn_desc { width : 400px; }
.bloc_products .obj_product .ctn_entete {
	width : 100%;
	margin : 110px 0 40px 0;
	font-size : 0;
}
.bloc_products .obj_product .ctn_face,
.bloc_products .obj_product .ctn_identity {
	display : inline-block;
	vertical-align : top;
}
.bloc_products .obj_product .ctn_face { width : 154px; }
.bloc_products .obj_product .ctn_identity {
	width : 230px;
	margin-left : 16px;
}
.bloc_products .obj_product:nth-child(even) .ctn_identity {
	margin-left : 0;
	margin-right : 16px;
}
.bloc_products .obj_product .t_title {
	margin-bottom : 10px;
	text-transform : uppercase;
	font : 4.4rem/1 'fortunato_titre'
}
.bloc_products .obj_product.var_neroli .t_title { color : #99d8e4; }
.bloc_products .obj_product.var_cassis .t_title { color : #946cb4; }
.bloc_products .obj_product.var_tubereuse .t_title { color : #a7e0c4; }
.bloc_products .obj_product.var_verveine .t_title { color : #e9b6a1; }
.bloc_products .obj_product.var_the .t_title { color : #ece781; }
.bloc_products .obj_product .t_title ~ p {
	text-transform : uppercase;
	font-weight : 400;
	margin-bottom : 10px;
}
.bloc_products .obj_product img.i_signature { max-width : 150px; }
.bloc_products .obj_product p {
	direction : ltr;
	max-width : inherit;
	text-transform : none;
	font-size : 1.6rem;
	line-height : 1.5;
	color : black;
}
.bloc_products .obj_product p.t_desc {
	font-weight : 300;
	font-size : 2rem;
}
.bloc_products .obj_product .obj_btn {
	margin-top : 40px;
	height : 38px;
	padding : 0 19px;
	font-size : 1.4rem;
	line-height : 38px;
}



.bloc_rituals-carrousel { padding : 70px 0; }
.bloc_rituals-carrousel .t_title-header { font-size : 4.6rem; }
.bloc_rituals-carrousel .obj_carrousel .prev,
.bloc_rituals-carrousel .obj_carrousel .next {
	width : 22px;
	height : 42px;
	margin-top : -21px;
}



.bloc_sellers .ctn_content { padding-top : 250px; }
.bloc_sellers li { width : 33.33%; }



.bloc_videos {
	padding-bottom : 55px;
	text-align : center;
	border-top : 1px solid #c0a264;
	border-bottom : 1px solid #c0a264;
}
.bloc_videos .t_title-header { margin-top : 50px; }
.bloc_videos .t_title-header:after { display : none; }
.bloc_videos .t_desc-header {
	margin-bottom : 35px;
	font-size : 2rem;
	font-weight : 300;
}
.bloc_videos .ctn_video {
	position : relative;
	display : inline-block;
	width : 860px;
	height : calc(860px / 1.77778);
	overflow : hidden;
}
.bloc_videos .obj_player {
	width : 100%;
	height : 100%;
}
.bloc_videos .obj_player img {
	width : auto;
	max-width : inherit;
	height : 100%;
}
.bloc_videos .obj_player .btn_play {
	position : absolute;
	top : 50%;
	left : 0;
	padding-bottom : 80px;
	display : block;
	width : 100%;
	font-size : 2.5rem;
	text-align : center;
	text-transform : uppercase;
	color : #fff;
	font-weight : 200;

	transform : translateY(-50%);
		-webkit-transform : translateY(-50%);
			-ms-transform : translateY(-50%);
}
.bloc_videos .obj_player .btn_play:before,
.bloc_videos .obj_player .btn_play:after {
	content : '';
	display : block;
	position : absolute;
	left : 50%;
	box-sizing : border-box;
}
.bloc_videos .obj_player .btn_play:before {
	bottom : 0;
	width : 75px;
	height : 75px;
	border : 1px solid #fff;
	border-radius : 50%;

	transform : translateX(-50%);
		-webkit-transform : translateX(-50%);
			-ms-transform : translateX(-50%);
	
	transition : all 0.2s;
}
.bloc_videos .obj_player:hover .btn_play:before { background : rgba(250, 250, 250, 0.125); }
.bloc_videos .obj_player .btn_play:after {
	width : 0;
	height : 0;
	bottom : 22px;
	margin-left : -5px;
	border-style : solid;
	border-width : 15px 0 15px 17px;
	border-color : transparent transparent transparent #fff;
}

/************************/
/*		2 - OBJETS 		*/
/************************/
/* =======================================
 * obj_bonus
 * ==================================== */
.obj_bonus{
	background:url('../../resources/extraits_cologne/images/f_bonus.jpg') left center no-repeat;
	background-size:120px auto;
	border:1px solid #c0a264;
	color:#c0a264;
	font-weight:700;
	margin:0 auto 15px;
	max-width:402px;
	padding:18px 18px 18px 124px;
	text-align:left;
	}
/* =======================================
 * obj_btn
 * ==================================== */
.obj_btn.btn_play{
	background:none;
	border:none;
	color:#000;
	padding:0;
	text-transform:none;
	white-space: normal;
	}
.obj_btn.btn_play span{
	display:block;
	}
.obj_btn.btn_play .play{
	position:relative;
	width : 210px;
	height : 165px;
	overflow : hidden;
	}
.obj_btn.btn_play .play:before,
.obj_btn.btn_play .play:after {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	box-sizing : border-box;
	display : block;
	z-index : 1;
}
.obj_btn.btn_play .play:before {
	width : 60px;
	height : 60px;
	margin : -30px 0 0 -30px;
	border : 1px solid white;
	border-radius : 50%;
	transition : opacity .25s;
}
.obj_btn.btn_play .play:after {
	width : 0;
	height : 0;
	margin : -12px 0 0 -4px;
	border-width : 12px 0 12px 13px;
	border-style : solid;
	border-color : transparent transparent transparent #fff;
	transition : opacity .25s;
}
.obj_btn.btn_play img {
	position : absolute;
	top : 50%;
	left : 0;
	margin-top : -82px;
	}
.obj_btn.btn_play img.lazy { display : none; }
.obj_btn.btn_play img.lazy.first {
	margin-top : 0;
	top : auto;
	bottom : 0;
}
.obj_btn.btn_play .play + .label {
	font-size:16px;
	font-weight:300;
	margin-top:10px;
	padding-bottom : 10px;
	}
/* hover */
.obj_btn.btn_play:hover .play:before,
.obj_btn.btn_play:hover .play:after { opacity : 0; }
.obj_btn.btn_play:hover img.lazy { display : block; }



/* =======================================
 * obj_carrousel
 * ==================================== */
.obj_carrousel.video-how-to .masque{
	overflow:hidden;
	}
.obj_carrousel.video-how-to .item{
	min-width:200px;
	}
.obj_carrousel.video-how-to .btn_play{
	margin:0 9px;
	width:calc(100% - 18px)
	}



/* Carrousel Solo */
.obj_carrouselSolo {
	position : relative;
	height : 700px;
	width : 100%;
	margin : 0 auto 45px auto; 
	text-align : center;
	overflow : hidden;
}
.obj_carrouselSolo .items {
	position : relative;
	height : auto;
	z-index : 1;
}
.obj_carrouselSolo .item {
	position : absolute;
	top : 0;
	left : 50%;
	width : 600px;
	height : auto;
	margin-left : -300px;
	text-align : center;
	transition : all .5s;
	overflow : hidden;
}
.obj_carrouselSolo .item:after {
	content : '';
	display : block;
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
}
.obj_carrouselSolo .nav {
	position : absolute;
	left : 50%;
	top : 200px;
	width : 422px;
	margin-left : -211px;
	z-index : 2;
}
.obj_carrouselSolo .nav ul { display : none; }
.obj_carrouselSolo .nav .prev,
.obj_carrouselSolo .nav .next {
	position : absolute;
	width : 45px;
	height : 45px;
	padding : 0;
	text-indent : -9999em;
	background : none;
	border : 1px solid black;
	border-top : 0;
	border-left : 0;
	cursor : pointer;
	
	transform-origin : 50% 50%;
	transform : rotate(-45deg);
	outline : none;
}
.obj_carrouselSolo .nav .prev {
	top : 0;
	left : 0;
	transform : rotate(-225deg);
}
.obj_carrouselSolo .nav .next {
	top : 0;
	right : 0;
}
.obj_carrouselSolo .nav ul {
	position : absolute;
	display : block;
	width : 100%;
	top : 275px;
	text-align : center;
	font-size : 0;
}
.obj_carrouselSolo .nav ul li { display : inline-block; }
.obj_carrouselSolo .nav ul li ~ li { margin-left : 10px; }
.obj_carrouselSolo .nav ul li button {
	display : block;
	width : 10px;
	height : 10px;
	margin : 0;
	padding : 0;
	border : none;
	border-radius : 50%;
	background : #dfdfdd;
	overflow : hidden;
	text-indent : -9999em;
}
.obj_carrouselSolo .nav ul li button.current { background : #cab177; }
	

.obj_carrouselSolo .item { opacity : 0; }		
.obj_carrouselSolo .prev-1 {
	opacity : 0;
	-ms-transform : translateX(-1100px);
		transform : translateX(-1100px);
}	
.obj_carrouselSolo .prev-0 {
	opacity : .2;
	-ms-transform : translateX(-360px);
		transform : translateX(-360px);
}	
.obj_carrouselSolo .current {
	opacity : 1;
	z-index : 2;
}
.obj_carrouselSolo .item.current:after { display : none; }
.obj_carrouselSolo .next-0 {
	opacity : .2;
	-ms-transform : translateX(360px);
		transform : translateX(360px);
}
.obj_carrouselSolo .next-1 {
	height : 0;
	opacity : 0;
	-ms-transform : translateX(1100px);
		transform : translateX(1100px);
}
.obj_carrouselSolo .obj_product {
	width : 100%;
	padding-top : 0;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_carrouselSolo .current .obj_product { padding-top : 20px; }
.obj_carrouselSolo .obj_product img {
	margin-top : -20px;
	height : 102%;
}
.obj_carrouselSolo .obj_product p {
	max-width : 100%;
	opacity : 0;
}
.obj_carrouselSolo .current .obj_product p { opacity : 1; }
.obj_carrouselSolo .obj_product .ctn_img { margin:0; height : 506px; }
.obj_carrouselSolo .obj_product .t_name {
	font-family : 'fortunato_titre';
	font-size : 4rem;
	line-height : 1;
	color : #e8b29c;
}
.obj_carrouselSolo .obj_product .t_subtitle {
	margin : 0;
	text-transform : none;
	font-size : 1.8rem;
	font-weight : 300;
	line-height : 1.3;
}
.obj_carrouselSolo .obj_product .ctn_variant { display : none; }
.obj_carrouselSolo .obj_product .ctn_btn {
	margin : 0;
	padding-top : 20px;
}
.obj_carrouselSolo .obj_product .obj_btn {
	margin-top : -20px;
	opacity : 0;
}
.obj_carrouselSolo .current .obj_product .obj_btn {
	height : auto;
	padding: 7px 9px;
	margin-top : 0;
	font-size : 1.2rem;
	line-height : 1;
	opacity : 1;
}
.obj_carrouselSolo .item .obj_product .obj_btn + .obj_btn {
	margin-left : 10px;
}



.obj_diag {
	position : relative;
	width : 100%;
	padding:30px 0;
	min-height : 638px;
	background : url('images/f_bloc-diag.jpg') no-repeat center center / auto 100%;
	z-index : 0;
}
.obj_diag:before {
	content : '';
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : rgba(0,0,0,0.5);

	z-index : 1;
	opacity : 0;

	transition : opacity 0.5s;
}
.obj_diag[data-step='0']:before { opacity : 0; }
.obj_diag[data-step]:before,
.obj_diag.var_result:before { opacity : 1; }

/* ITEM */
.obj_diag .item {
	position : relative;
	width : 100%;
	height : 660px;
	z-index : 1;
}

.obj_diag .swap-hidden-path{
	display:none;
	}

.obj_diag .item .ctn_item {
	position : relative;
	width : 100%;
	height : 100%;
}
.obj_diag .item .ctn_content {
	position : absolute;
	top : 90px;
	width : 100%;
	max-width : inherit;
	text-align : center;
}
.obj_diag .item .t_title-header {
	max-width : inherit;
	margin : 0 0 50px 0;
	padding: 0;
	color : white;
}
.obj_diag .item .t_title-header:after { display : none; }
.obj_diag .item .ctn_liste { margin-bottom : 38px; }
.obj_diag .item .ctn_error {
	position : absolute;
	left : 0;
	top : 55px;
	width : 100%;
	text-align : center;
}
.obj_diag .item .ctn_error p {
	text-transform : uppercase;
	font-size : 1.4rem;
	color : red;
}
.obj_diag .item .t_desc {
	text-align : center;
	font-size : 1.8rem;
	padding: 0 40px;
    font-weight: 300;
}
.obj_diag .item .ctn_img {
	display : block;
	margin : 0;
	padding : 0;
	text-align : center;
}
.obj_diag .item .ctn_img img { display : inline-block; }
.obj_diag .item ul { font-size : 0; }
.obj_diag .item li {
	position : relative;
	display : inline-block;
	vertical-align : top;
}
.obj_diag .item li ~ li { margin-left  : 20px; }
.obj_diag .item li > span {
	position : absolute;
	top : 0;
	left : 0;
	opacity : 0;
}
.obj_diag .item label {
	position : relative;
	display : block;
	width : 210px;
	height : 345px;
	padding-top : 10px;
	background : white;
	border-radius : 10px;
	cursor : pointer;
	z-index : 0;
}
.obj_diag .item label:before,
.obj_diag .item label:after {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	display : block;
}
.obj_diag .item label:before {
	width : 84px;
	height : 84px;
	margin : -70px 0 0 -42px;
	background : rgba(255,255,255,0.3);
	border-radius : 50%;
	
	z-index : 1;

	transition : all 0.5s;
}
.obj_diag .item label:hover:before {
	width : 94px;
	height : 94px;
	margin : -75px 0 0 -47px;
	background : rgba(255,255,255,0.5);
}
.obj_diag .item label:after {
	width : 53px;
	height : 41px;
	margin : -48px 0 0 -26px;
	background : url('images/i_sprite.png') no-repeat -55px 0;

	z-index : 2;
}
.obj_diag .item span[aria-checked='true'] ~ label:before {
	width : 94px;
	height : 94px;
	margin : -75px 0 0 -47px;
	background : #c0a264;
}
.obj_diag .item label .ctn_img { margin : 0 10px; }
.obj_diag .item label .ctn_img img { margin-bottom : 10px; }
.obj_diag .item label .ctn_legend {
	display : block;
	width : 190px;
	height : 55px;
	line-height : 55px;
	vertical-align : middle;
	text-align : center;
}
.obj_diag .item label .t_libelle {
	display : inline-block;
	vertical-align : middle;
	width : 100%;
	text-transform : uppercase;
	font-size : 1.4rem;
	line-height : 1em;
	color : black;
}
.obj_diag .item label .t_libelle small {
	display : block;
	width : 100%;
	height : 60px;
	margin-top : 8px;
	text-transform : none;
	font-style : italic;
	font-size : 1.2rem;
	line-height : 1.2em;
	color : #c0a264;
}
.obj_diag .item .obj_btn {
	color : white;
	border-color : rgba(255,255,255,0.3);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.obj_diag .item .obj_btn:hover {
	background : black;
	border-color : black;
}

/* INTRO */
.obj_diag .item.item01 .ctn_content {
	top : 75px;
	width : 860px;
	padding : 37px 0;
	left : 50%;
	background : white;
	transform : translateX(-50%);
	-webkit-transform : translateX(-50%);
		-ms-transform : translateX(-50%);
}
.obj_diag .item.item01 .ctn_content:before,
.obj_diag .item.item01 .ctn_content:after {
	content : '';
	display : block;
	position : absolute;
	width : 55px;
	height : 43px;
	transform-origin : 50% 50%;
	background : url('images/i_sprite.png') no-repeat 0 0;
}
.obj_diag .item.item01 .ctn_content:before {
	top : 26px;
	left : -10px;
}
.obj_diag .item.item01 .ctn_content:after {
	top : 145px;
	right : -10px;
	transform : rotate(180deg);
	-webkit-transform : rotate(180deg);
		-ms-transform : rotate(180deg);
}
.obj_diag .item.item01 .t_title-header {
	margin-bottom : 35px;
	color : black;
}
.obj_diag .item.item01 .ctn_img { margin-top : 30px; }
.obj_diag .item.item01 .obj_btn {
	color : inherit;
	border-color : inherit;
}
.obj_diag .item.item01 .obj_btn:hover {
	color : white;
	background : black;
	border-color : black;
}

/* FIL D'ARIANE */
.obj_diag .obj_fil-ariane {
	position : absolute;
	top : 35px;
	left : 50%;

	z-index : 1;
	opacity : 0;

	transform : translateX(-50%);
	-webkit-transform : translateX(-50%);
		-ms-transform : translateX(-50%);
}
.obj_diag[data-step='0'] .obj_fil-ariane { opacity : 0; }
.obj_diag[data-step] .obj_fil-ariane { opacity : 1; }
.obj_diag .obj_fil-ariane ul { display:table; }
.obj_diag .obj_fil-ariane li {
	position : relative;
	display : table-cell;
	vertical-align:middle;
}
.obj_diag .obj_fil-ariane li ~ li { padding-left : 25px; }
.obj_diag .obj_fil-ariane li ~ li:before {
	content : '';
	position : absolute;
	top : 10px;
	left : 0;
	display : block;
	width : 25px;
	height : 1px;
	background : white;
}
.obj_diag .obj_fil-ariane li > span {
	position : relative;
	display : block;
	width : 22px;
	height : 22px;
	text-align : center;
	line-height : 19px;
	font-size : 1.3rem;
	color : white;
	border : 1px solid white;
	border-radius : 50%;
	z-index : 2;
}
.obj_diag .obj_fil-ariane li > span:before,
.obj_diag .obj_fil-ariane li > span:after {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	display : block;
	width : 0;
	height : 0;
	margin : 0;
	border-radius : 50%;
	transition : all 0.5s;
}
.obj_diag .obj_fil-ariane li.current > span:before {
	width : 30px;
	height : 30px;
	margin : -15px 0 0 -15px;
	background : rgba(255,255,255,0.3);
	z-index : 0;
}
.obj_diag .obj_fil-ariane li.current > span:after {
	width : 20px;
	height : 20px;
	margin : -10px 0 0 -10px;
	background : white;
	z-index : 1;
}
.obj_diag .obj_fil-ariane li span span {
	position : relative;
	z-index : 2;
	transition : all 0.5s;
}
.obj_diag .obj_fil-ariane li.current span span { color : black; }
.obj_diag .obj_fil-ariane li.is_check > span {
	color : #c0a264;
	background : #c0a264;
}
.obj_diag .obj_fil-ariane li.is_check > span:before {
	width : 10px;
	height : 6px;
	margin : -6px 0 0 -6px;
	border-radius : 0;
	border : 2px solid white;
	border-top : 0;
	border-right : 0;
	z-index : 3;
	transition : none;
	transform : rotate(-45deg);
	-webkit-transform : rotate(-45deg);
		-ms-transform : rotate(-45deg);
}

/* RESULT FORM */
.obj_diag.var_result .ctn_result {
	position : relative;
	/*top : 50%;*/
	/*left : 50%;*/
	width : 720px;
	margin:0 auto;
	min-height : 550px;
	/*margin-left : -360px;*/
	text-align : center;
	background : white url('images/f_diag-result.jpg') no-repeat center -20px;
	
	border-width: 20px 20px;
	border-image: url('images/i_border-gold.png') 20 20 20 20 fill stretch;
	border-style: solid;
	border-color: transparent;

	z-index : 1;

/*	transform : translateY(-50%);
	-webkit-transform : translateY(-50%);
		-ms-transform : translateY(-50%);*/
}
.obj_diag.var_result .t_title-header {
	max-width : inherit;
	margin-bottom : 15px;
	font-size : 3rem;
}
.obj_diag.var_result p.t_title-header { margin-bottom : 30px; }
.obj_diag.var_result p.t_title-header:after { display : none; }
.obj_diag.var_result .t_desc { 
	padding-bottom: 20px;
	font-size : 1.8rem;
	}
.obj_diag.var_result ul {
	margin : 20px 75px 30px 75px;
	font-size : 0;
}
.obj_diag.var_result .ctn_error {
	position : absolute;
	bottom : 80px;
	left : 0;
	width : 100%;
	text-align : center;
}
.obj_diag.var_result .ctn_step2 .ctn_error {
	bottom : auto;
	top : 103px;
}
.obj_diag.var_result .ctn_error p {
	text-transform : uppercase;
	font-size : 1.4rem;
	color : red;
}
.obj_diag.var_result .obj_item {
	position : relative;
	display : inline-block;
	width : 50%;
	text-align : center;
	cursor : pointer;
	vertical-align:top;
}
.obj_diag.var_result .obj_item .ctn_img{
	width: 100%;
}
.obj_diag.var_result .obj_item .ctn_img img{
	width: 200px;
}
.obj_diag.var_result .obj_item span[role="radio"] {
	position : absolute;
	top : 0;
	left : 60px;
	width : 32px;
	height : 32px;
	background : #efefef;
	border : none;
}
.obj_diag.var_result .var_disabled .obj_item span[role="radio"] {
	display: none;
}
.obj_diag.var_result .obj_item span[role="radio"][aria-checked="true"]:after {
	top : 0;
	left : 0;
	width : 32px;
	height : 32px;
	background : #c0a264;
	z-index : 0;
}
.obj_diag.var_result .obj_item span[role="radio"][aria-checked="true"]:before {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	display : block;
	height : 8px;
	width : 14px;
	margin : -8px 0 0 -8px;
	border : 3px solid white;
	border-top : 0;
	border-right : 0;
	z-index : 1;
	transform : rotate(-45deg);
	-webkit-transform : rotate(-45deg);
		-ms-transform : rotate(-45deg);
}
.obj_diag.var_result .obj_item .ctn_legend {
	margin : 0 5%;
}
.obj_diag.var_result .obj_item .t_libelle {
	display : block;
	width : 100%;
	padding-top : 10px;
	margin-bottom : 15px;
	text-transform : uppercase;
	font-weight : 700;
	font-size : 1.4rem;
	line-height : 1em;
	color : #c0a264;
}
.obj_diag.var_result .obj_item .t_desc {
	display : block;
	width : 100%;
	font-size : 1.3rem;
	font-weight : 300;
	line-height : 1.5;
}
.obj_diag.var_result .ctn_ligne {
	width : 300px;
	margin : 0 auto 15px auto;
}
.obj_diag.var_result .ctn_ligne.duo input[type="text"], 
.obj_diag.var_result .ctn_ligne.duo input[type="email"],
.obj_diag.var_result .ctn_ligne.duo input[type="tel"]{ width : 145px; }
.obj_diag.var_result .ctn_ligne input[type="text"],
.obj_diag.var_result .ctn_ligne input[type="email"],
.obj_diag.var_result .ctn_ligne input[type="tel"]{ padding : 11px; }
.obj_diag.var_result .ctn_checkbox,
.obj_diag.var_result .ctn_radio{
	text-align : left;
	}
.obj_diag.var_result .ctn_checkbox label,
.obj_diag.var_result .ctn_radio label{
	vertical-align : top;
	font-size : 1.2rem;
	}
.obj_diag.var_result .ctn_ligne p{
	text-align:left;
	font-size:1.2rem;
	}
.obj_diag.var_result .ctn_ligne p a{
	text-decoration:underline;
	color:black;
	}
.obj_diag.var_result .ctn_checkbox label a,
.obj_diag.var_result .ctn_radio label a{
	text-decoration : underline;
	color : black;
	vertical-align : top;
	}
.obj_diag.var_result .ctn_input.radio{
	text-align:left;
	}
.obj_diag.var_result .ctn_input.radio > label{
	display:block;
	font-size:1.2rem;
	margin-bottom:5px;
	}
.obj_diag.var_result .ctn_input.radio.var_genre > label{
	display: inline-block;
	vertical-align:top;
	margin-right:10px;
	}
.obj_diag.var_result .ctn_radio{
	display:inline-block;
	margin-right:10px;
	}
.obj_diag.var_result .obj_btn {
	padding : 9px;
	font-size : 1.4rem;
}
.obj_diag.var_result .btn_sample {
	width : 266px;
	padding : 8px 0;
	font-size : 1.5rem;
	color : white;
	background : #c0a264;
	border : none;
}
.obj_diag.var_result .btn_sample:hover { background : black; }
.obj_diag.var_result .t_mentions {
	margin : 10px 0;
	font-size : 1.1rem;
}

.obj_diag.var_result .ctn_select{
	width:100%;
	}
.obj_diag.var_result .ctn_select.birthdate{
	float:left;
	width:32%;
	}
.obj_diag.var_result .ctn_select{
	margin-left:2%;
	}
.obj_diag.var_result .ctn_select:first-child{
	margin-left:0;
	}
.obj_diag.var_result .ctn_select > span{
	width:100%;
	}
.obj_diag.var_result .ctn_select span[role="combobox"]{
	height:42px;
	line-height:42px;
	}
.obj_diag.var_result .ctn_select span[role="combobox"]::before{
	top:4px;
	}
.obj_diag.var_result .ctn_select span[role="combobox"]::after{
	top:11px;
	}
.obj_diag.var_result .ctn_select ul{
	margin:0;
	}
.obj_diag.var_result .ctn_select span[role="combobox"] + div .jQueryScroll li{
	font-size:1.4rem;
	}

.obj_diag .obj_recaptcha{
	display:block;
	margin:20px auto;
	overflow:hidden;
	text-align:center;
	}
.obj_diag .obj_recaptcha > div{
	display:inline-block;
	max-width:100%;
	}
	
@media screen and (max-width:344px){

.obj_diag .obj_recaptcha > div{
	-ms-transform:scale(.88372093);
	transform:scale(.88372093);
	-ms-transform-origin: left top;
	transform-origin: left top;
	}
	
}
									
/* RESULT SHARE */
.obj_diag.var_result .ctn_content {
	position : absolute;
	top : 50%;
	left : 50%;
	width : 720px;
	min-height : 550px;
	margin-left : -360px;
	text-align : center;
	background : white;
	
	border-width: 20px 20px;
	border-image: url('images/i_border-gold.png') 20 20 20 20 fill stretch;
	border-style: solid;
	border-color: transparent;

	z-index : 1;

	transform : translateY(-50%);
	-webkit-transform : translateY(-50%);
		-ms-transform : translateY(-50%);

}
.obj_diag.var_result .ctn_content.var_share {
	min-height : 445px;
	background : white url('images/f_facebook.png') no-repeat center center;
}
.obj_diag.var_result .ctn_content.var_share.var_no-fb {
	background-image : none;
}
.obj_diag.var_result .ctn_content.var_share .t_title-header { margin : 50px 0 30px 0; }
.obj_diag.var_result .ctn_content.var_share .t_desc { font-size : 1.8rem; }
.obj_diag.var_result .ctn_content.var_share .t_desc ~ .t_desc { margin-top : 45px; }
.obj_diag.var_result .ctn_content.var_share .t_desc strong { font-weight : 700; }
.obj_diag.var_result .ctn_content.var_share .ctn_btn { margin-top : 25px; }
.obj_diag.var_result .ctn_content.var_share .ctn_btn .obj_btn.btn_fb {
	padding : 10px 10px 10px 40px;
	text-transform : none;
	font-weight : bold;
	font-size : 1.2rem;
	color : white;
	border : none;
	background : #4267b2 url('images/f_fb-btn.png') no-repeat 10px center;
}
.obj_diag.var_result .ctn_content.var_share .ctn_btn .obj_btn.btn_fb:hover { background-color : #365899; }

/* RESULT HASHTAG */
.obj_diag.var_result .ctn_content.var_hashtag {
	min-height : 445px;
}
.obj_diag.var_result .ctn_content.var_hashtag .t_title-header { margin : 50px 0 30px 0; }
.obj_diag.var_result .ctn_content.var_hashtag .t_desc { font-size : 1.8rem; }
.obj_diag.var_result .ctn_content.var_hashtag .t_desc ~ .t_desc { margin-top : 45px; }

/* RESULT SAMPLES */
.obj_diag.var_result .ctn_content.var_bonus .obj_pastille {
	position : absolute;
	top : -10px;
	left : 30px;
	width : 95px;
	height : 116px;
	background : url('images/i_sprite.png') no-repeat 0 -43px;
}
.obj_diag.var_result .ctn_content.var_bonus .t_title-header { margin-bottom : 40px; }
.obj_diag.var_result .ctn_content.var_bonus .t_title-header:after { display : none; }
.obj_diag.var_result .ctn_content.var_bonus .ctn_item {
	width : 432px;
	margin : 0 auto;
	font-size : 0;
}
.obj_diag.var_result .ctn_content.var_bonus .obj_item {
	width : 47.69%;
	vertical-align : top;
	text-align : center;
}
.obj_diag.var_result .ctn_content.var_bonus .obj_item ~ .obj_item { margin-left : 4.62%; }
.obj_diag.var_result .ctn_content.var_bonus .obj_item .ctn_img { height : 235px; }
.obj_diag.var_result .ctn_content.var_bonus .obj_item .t_title {
	height : 80px;
	text-transform : uppercase;
	font-weight : 700;
	font-size : 1.4rem;
	color : #c0a264;
}
.obj_diag.var_result .ctn_content.var_bonus .obj_item .obj_btn { width : 100%; }

.obj_diag.var_result .ctn_row{
	display:flex;
	justify-content:center;
	}
.obj_diag.var_result .ctn_row .ctn_col{
	margin:0 10px;
	}

/* =======================================
 * obj_perfume-yourself
 * ==================================== */
.obj_perfume-yourself .drag-and-drop{
	font-size:10px;
	height:564px;
	margin:0 auto;
	position:relative;
	width:500px;
	z-index:1;
	}
.obj_perfume-yourself .doll,
.obj_perfume-yourself .element::before,
.obj_perfume-yourself .draggable::before,
.obj_perfume-yourself .draggable::after{
	background-image: url('../../resources/extraits_cologne/images/sprite_perfume-yourself.png');
	background-repeat:no-repeat;
	background-size:102.4em auto;
	}
/* doll */
.obj_perfume-yourself .doll{
	height:54.4em;
	left:276px;
	margin:-27.2em 0 0 -7.2em;
	position:absolute;
	top:276px;
	width:14.4em;
	}
/* ---------------------------------------
 * draggable elements 
 * ------------------------------------ */
.obj_perfume-yourself .element{
	position:absolute;
	}
.obj_perfume-yourself .element::before{
	content:"";
	display:block;
	height:100%;
	opacity:0;
	transition:opacity .25s;
	width:100%;
	}
/* active or dropped */
.obj_perfume-yourself .element.is-active::before,
.obj_perfume-yourself .element.is-dropped::before{
	opacity:1;
	}

.obj_perfume-yourself .draggable{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	transition:left .25s, top .25s;
	width:100%;
	z-index:100;
	}
.obj_perfume-yourself .draggable::before,
.obj_perfume-yourself .draggable::after{
	content:"";
	display:block;
	position:absolute;
	}
.obj_perfume-yourself .draggable::before{
	height:calc(100% + 1.4em);
	left:0;
	opacity:0;
	top:0;
	transition:left .5s, opacity .5s, top .5s;
	width:calc(100% + 1.4em);
	}
.obj_perfume-yourself .draggable::after{
	height:100%;
	left:0;
	top:0;
	width:100%;
	}
.obj_perfume-yourself .draggable div{
	font-size:15px;
	font-weight:300;
	left:50%;
	line-height:1.4em;
	margin:0 0 0 -160px;
	max-height:0;
	opacity:0;
	overflow:hidden;
	position:relative;
	text-align:center;
	top:50%;
	transition:max-height 0s .25s, opacity .25s 0s;
	width:320px;
	z-index:3;
	}
.obj_perfume-yourself .draggable p{
	background:#faeff1;
	border-radius:5px;
	display:block;
	margin-top:10px;
	padding:20px;
	position:relative;
	}
.obj_perfume-yourself .draggable p::before{
	background:inherit;
	content:"";
	height:14px;
	left:50%;
	margin-left:-7px;
	position:absolute;
	top:-7px;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	width:14px;
	}
.obj_perfume-yourself .draggable p strong{
	font-weight:500;
	}
/* active */
.obj_perfume-yourself .is-active{
	z-index:200;
	}
.obj_perfume-yourself .is-active .draggable{
	transition:none;
	}
.obj_perfume-yourself .is-active .draggable::before{
	left:5px;
	opacity:.5;
	top:5px;
	}
.obj_perfume-yourself .is-active .draggable div{
	max-height:1000px;
	opacity:1;
	transition:max-height 0s 0s, opacity .25s 0s;
	}
/* ----
 * wig 
 * ---- */
.obj_perfume-yourself .wig{
	height:13.7em;
	left:164px;
	margin:-6.85em 0 0 -4.2em;
	top:428px;
	width:8.4em;
	}
.obj_perfume-yourself .wig::before{
	background-position:-92.8em 0;
	}
.obj_perfume-yourself .wig .draggable::before{
	background-position:-92.8em -27.8em;
	}
.obj_perfume-yourself .wig .draggable::after{
	background-position:-92.8em -13.8em;
	}
/* dropped */
.obj_perfume-yourself .wig.is-dropped .draggable{
	left:112px;
	top:-354px;
	}
/* ----
 * diadem 
 * ---- */
.obj_perfume-yourself .diadem{
	height:2.7em;
	left:393px;
	margin:-1.35em 0 0 -2.75em;
	top:81px;
	width:5.5em;
	}
.obj_perfume-yourself .diadem::before{
	background-position:-14.4em -3.6em;
	}
.obj_perfume-yourself .diadem .draggable::before{
	background-position:-20em -3.6em;
	}
.obj_perfume-yourself .diadem .draggable::after{
	background-position:-14.4em -6.4em;
	}
.obj_perfume-yourself .diadem .draggable div{
	top:100%;
	}
/* dropped */
.obj_perfume-yourself .diadem.is-dropped .draggable{
	left:-115px;
	top:-48px;
	}
/* ----
 * glasses 
 * ---- */
/*.obj_perfume-yourself .glasses{
	height:1.7em;
	left:434px;
	margin:-.85em 0 0 -2.25em;
	top:45px;
	width:4.5em;
	}
.obj_perfume-yourself .glasses::before{
	background-position:-14.4em 0;
	}
.obj_perfume-yourself .glasses .draggable::before{
	background-position:-19.2em 0;
	}
.obj_perfume-yourself .glasses .draggable::after{
	background-position:-14.4em -1.7em;
	}
.obj_perfume-yourself .glasses .draggable div{
	top:100%;
	}*/
/* dropped */
/*.obj_perfume-yourself .glasses.is-dropped .draggable{
	left:-155px;
	top:23px;
	}*/
/* ----
 * underwear 
 * ---- */
.obj_perfume-yourself .underwear{
	height:17.1em;
	left:57px;
	margin:-8.55em 0 0 -4.8em;
	top:452px;
	width:9.6em;
	}
.obj_perfume-yourself .underwear::before{
	background-position:-27.2em 0;
	}
.obj_perfume-yourself .underwear .draggable::before{
	background-position:-27.2em -35.1em;
	}
.obj_perfume-yourself .underwear .draggable::after{
	background-position:-27.2em -17.6em;
	}
/* dropped */
.obj_perfume-yourself .underwear.is-dropped .draggable{
	left:218px;
	top:-256px;
	z-index: 1;
	}
/* ----
 * tank-top 
 * ---- */
.obj_perfume-yourself .tank-top{
	height:43.8em;
	left:422px;
	margin:-6.55em 0 0 -4.25em;
	top:181px;
	width:11.8em;
	}
.obj_perfume-yourself .tank-top::before{
	background-position:-40.2em -37.7em;
	}
.obj_perfume-yourself .tank-top .draggable::before{
	background-position:-64em -37.7em;
	}
.obj_perfume-yourself .tank-top .draggable::after{
	background-position:-52.1em -37.7em;
	}
/* dropped */
.obj_perfume-yourself .tank-top.is-dropped .draggable{
	left:-173px;
	top:-7px;
	z-index: 2;
	}

/* ----
 * jacket 
 * ---- */
.obj_perfume-yourself .jacket{
	height:18.4em;
	left:92px;
	margin:-16.45em 0 0 -8.8em;
	top:185px;
	width:17.6em;
	}
.obj_perfume-yourself .jacket::before{
	background-position:-38.4em 0;
	}
.obj_perfume-yourself .jacket .draggable::before{
	background-position:-73.6em -2em;
	height:20.7em;
	}
.obj_perfume-yourself .jacket .draggable::after{
	background-position:-56em 0;
	}
/* dropped */
.obj_perfume-yourself .jacket.is-dropped .draggable{
	left:163px;
	top:75px;
	}

/* ----
 * bag 
 * ---- */
.obj_perfume-yourself .bag{
	height:12.5em;
	left:92px;
	margin:-16.45em 0 0 -8.8em;
	top:385px;
	width:10.8em;
	}
.obj_perfume-yourself .bag::before{
	background-position:-43em -22.5em;
	}
.obj_perfume-yourself .bag .draggable::before{
	background-position:-75.5em -22.5em;
	}
.obj_perfume-yourself .bag .draggable::after{
	background-position:-59.4em -22.5em;
	}
/* dropped */
.obj_perfume-yourself .bag.is-dropped .draggable{
	left:163px;
	top:76px;
	}

/* ----
 * belt 
 * ---- */
.obj_perfume-yourself .belt{
	height:2.3em;
	left:110px;
	top:220px;
	width:8.3em;
	}
.obj_perfume-yourself .belt::before{
	background-position:-16.1em -12.1em;
	}
.obj_perfume-yourself .belt .draggable::before{
	background-position:-15.5em -17.5em;
	}
.obj_perfume-yourself .belt .draggable::after{
	background-position:-16.1em -15em;
	}
/* dropped */
.obj_perfume-yourself .belt.is-dropped .draggable{
	left:123px;
	top:10px;
	z-index: 3;
	}



/********************************/
/*		3 - CONTEXTUELLES 		*/
/********************************/
.str_popin.quest{
    max-width: 1030px;
	/*width: 740px;*/
    padding: 10px;
    box-shadow: 0 0 0;
	}
.var_extraits-cologne .ctn_popin-quest .t_title-header {
	max-width : inherit;
	margin : 0 0 35px 0;
	padding : 0;
	font-size : 4rem;
}
.var_extraits-cologne .ctn_popin-quest .t_title-header:after { display : none; }	
.var_extraits-cologne .ctn_popin-quest .ctn_img { width : 50%; }
.var_extraits-cologne .ctn_popin-quest .ctn_desc {
	width : 50%;
	text-align : left;
	padding-left : 40px;
}
.str_popin.quest .ctn_decor-popin{
	padding: 20px;
	border-width: 20px 20px;
	border-image: url('images/i_border-gold.png') 20 20 20 20 fill stretch;
	border-style: solid;
	border-color: transparent;
	}
.str_popin .ctn_decor-popin p {
    margin-bottom: 25px;
    font-weight: 200;
    font-size: 1.5rem;
    line-height: 1.4em;
	}	
.str_popin.quest .btn_close {
    top: 30px;
    right: 30px;
	}
	
@media screen and ( max-width : 960px ) {	
	.var_extraits-cologne .ctn_popin-quest .ctn_img.l_left{
		float: left;
		}
	.var_extraits-cologne .ctn_popin-quest .ctn_desc.l_right{
		float: right;
		}	
}	

.var_extraits-cologne .obj_badge.var_natural-origin {
	width : 112px;
	height : 112px;
	line-height : 112px;
	padding : 0 30px;
	text-align : center;
	font-family : 'fortunato_titre', sans-serif;
	font-size : 2rem;
	color : black;
	background : url('images/i_sprite.png') no-repeat -95px -43px;
}
.var_extraits-cologne .bloc_en-tete .obj_badge.var_natural-origin {
	position : absolute;
	left : 50%;
	bottom : 70px;
	margin-left : -56px;
	line-height : 122px;
}
.var_extraits-cologne .obj_badge.var_natural-origin small {
	position : absolute;
	top : 39px;
	left : 50%;
	display : block;
	text-transform : uppercase;
	font-size : 0.500em;
	line-height : 1;
	color : #c0a264;
	transform : translateX(-50%);
}
.var_extraits-cologne .bloc_banner-video .obj_badge {
	position : absolute;
	top : 0;
	right : 25px;
}
.var_extraits-cologne .bloc_products .obj_badge {
	position : absolute;
	top : 60px;
	right : -65px;
}
.var_extraits-cologne .bloc_carrousel_product .obj_badge {
	position : absolute;
	top : -76px;
	right : -71px;
}
.pg_produit.var_extraits-cologne .ctn_reviews .obj_badge.var_natural-origin{
	display: none;
	}
.var_extraits-cologne .bloc_banner-video .obj_badge.var_natural-origin,
.var_extraits-cologne .bloc_products .obj_badge.var_natural-origin,
.var_extraits-cologne .bloc_carrousel_product .obj_badge.var_natural-origin { line-height : 122px; }


@media screen and ( max-width : 767px ) {
	.pg_produit.var_extraits-cologne .ctn_reviews .obj_badge.var_natural-origin{
		display: block;
		position: relative;
		z-index: 2;
		margin: 20px 0 0 15px;
		}
}









.pg_home .bloc_sellers {
	padding-bottom : 140px;
	background : url('../../includeV3/images/background-pattern.gif') repeat-y center top;
}
.pg_home .bloc_sellers .ctn_content {
	padding : 105px 0 0 0;
	background : none;
}
.pg_home .bloc_sellers .ctn_products {
	max-width : 1030px;
	margin : 0 auto;
	padding : 150px 120px 75px 120px;
	background : white;
}


.pg_home .bloc_videos .t_title-header { max-width : inherit; }
.pg_home .bloc_videos .ctn_thumbs {
	margin-top : 15px;
	font-size : 0;
}
.pg_home .bloc_videos .ctn_thumbs .obj_player {
	display : inline-block;
	width : auto;
	height : auto;
	text-align : center;
}
.pg_home .bloc_videos .ctn_thumbs .obj_player ~ .obj_player { margin-left : 16px; }
.pg_home .bloc_videos .ctn_thumbs .obj_player img { border : 4px solid white; }
.pg_home .bloc_videos .ctn_thumbs .obj_player.active_video img { border-color : #c0a264; }
.pg_home .bloc_videos .obj_player .btn_play { padding-bottom : 0; }
.pg_home .bloc_videos .obj_player .btn_play:before,
.pg_home .bloc_videos .obj_player .btn_play:after { top : 50%; }
.pg_home .bloc_videos .obj_player .btn_play:before { margin-top : -37px; }
.pg_home .bloc_videos .obj_player .btn_play:after { margin-top : -15px; }
.pg_home .bloc_videos .ctn_thumbs .obj_player .btn_play:before {
	width : 40px;
	height : 40px;
}
.pg_home .bloc_videos .ctn_thumbs .obj_player .btn_play:after {
	margin-top : -25px;
	margin-left : -3px;
	border-width: 9px 0 9px 10px;
}
.pg_home .bloc_videos .obj_carrousel.mobile {
	display : none;
	width : 280px;
	height : 200px;
	margin : 0 auto;
}
.pg_home .bloc_videos .obj_carrousel.mobile .masque {
	width : 100%;
	height : 100%;
	overflow : hidden;
}
.pg_home .bloc_videos .obj_carrousel.mobile .nav .prev { left : -25px; }
.pg_home .bloc_videos .obj_carrousel.mobile .nav .next { right : -25px; }
.pg_home .bloc_videos .obj_carrousel.mobile .nav ul { bottom : -15px; }
.pg_home .bloc_videos .obj_carrousel.mobile .nav ul li a { background : #dedede; }
.pg_home .bloc_videos .obj_carrousel.mobile .nav ul li.active a { background : #c7ac6f; }
.pg_home .bloc_videos .t_title {
	display : block;
	margin-top : 10px;
	text-transform : uppercase;
	font-size : 1.4rem;
	line-height : 1;
}
.pg_home .bloc_videos .active_video .t_title { color : #c0a264; }
.pg_home .bloc_videos .obj_carrousel.mobile .t_title {
	margin-top : 15px;
	font-size : 1.5rem;
	color : #c7ac6f;
}
.pg_home .bloc_videos .obj_carrousel.mobile .t_title br { display : none; }

.pg_home .bloc_videos.bloc_frame {
	margin-bottom : 0;
	padding : 75px 0 50px 0;
	background : url('images/f_bloc-video-home.jpg') repeat-y center top;
}
.pg_home .bloc_videos.bloc_frame .t_title-header:after { display : block; }
.pg_home .bloc_videos.bloc_frame .ctn_video { margin-bottom : 50px; }

.var_extraits-cologne .obj_badge.var_natural-origin { position : absolute; }	
.pg_landing .bloc_perfume-yourself { margin-top : 50px; }

.pg_mosaique .str_bloc.var_gallery { background: url(../../includeV3/images/codeunique/bg_code_unique.jpg) no-repeat center top; }

.pg_produit.var_extraits-cologne .bloc_desc-produit .t_desc img {
	display: inline-block;
	height: 40px;
	margin: 10px 0 -10px 10px;
	}
.pg_produit.var_extraits-cologne.var_neroli-facetie .bloc_desc-produit .t_desc img { margin-bottom : -15px; }
.pg_produit.var_extraits-cologne.var_the-fantaisie .bloc_desc-produit .t_desc img { margin-bottom : -10px; }
.pg_produit.var_extraits-cologne.var_tubereuse-hedonie .bloc_desc-produit .t_desc img { margin-bottom : -8px; }
.pg_produit.var_extraits-cologne .bloc_desc-produit .ctn_desc-produit .ctn_description .var_ingredients p strong{
	font-size: 1.3rem;
	font-family: "Gotham SSm A","Gotham SSm B";
    font-weight: normal;
	text-transform: none;
	}
.pg_produit.var_extraits-cologne .bloc_desc-produit .var_ingredients ul{
	display: inline-block;
	float: left;
	width: 50%;
	margin-top: 10px;
	}	
.pg_produit.var_extraits-cologne .bloc_desc-produit .var_ingredients ul li{
	font-weight: 200;
	font-size: 1.3rem;
	line-height: 1.5em;
	}
.pg_produit.var_extraits-cologne .bloc_desc-produit .ctn_desc-produit .t_title-header{
	padding-bottom: 0;
	}
.pg_produit.var_extraits-cologne .bloc_desc-produit .ctn_desc-produit{
	padding: 0 10px;
	}

	
	

/****************************/
/*		4 - RESPONSIVE 		*/
/****************************/

@media screen and ( max-width : 1024px ) {
	.bloc_en-tete .ctn_bottom .ctn_content {
		width : 450px;
		text-align : center;
	}
}

@media screen and ( max-width : 960px ) {
	.pg_produit.var_extraits-cologne .bloc_desc-produit .ctn_desc-produit .ctn_description .var_ingredients p strong,
	.pg_produit.var_extraits-cologne .bloc_desc-produit .var_ingredients ul li{
		font-size: 1rem;
		}
}		

@media screen and ( max-width : 768px ) {
	.bloc_en-tete .ctn_bottom .ctn_content { width : auto; }
	.bloc_en-tete .ctn_en-tete { height : calc(100vw / 1.777778); }
	.bloc_en-tete .ctn_en-tete .obj_logo {
		left : 0;
		top : 0;
		margin-left : 0;
		width : 184px;
	}
	.bloc_en-tete .ctn_bottom {
		height : auto;
		padding-bottom : 24px;
	}
	.bloc_en-tete .ctn_bottom .ctn_img {
		position : absolute;
		top : -24px;
		bottom : auto;
		left : 50%;
		width : 260px;
		margin-left : -130px;
	}
	.bloc_en-tete .t_title-header {
		margin-top : 0;
		padding-top : 137px;
		font-size : 2.5rem;
	}
	.bloc_en-tete .t_desc {
		width : 220px;
		margin : 15px auto 22px;
		font-size : 1.5rem;
	}
	.var_extraits-cologne .bloc_en-tete .obj_badge.var_natural-origin {
		left : auto;
		bottom : auto;
		top : 55%;
		right : 7%;
		margin-left : 0;
		transform-origin : right top; 
		transform : scale(0.65);
	}
}

@media screen and ( max-width : 767px ) {
	
	br.mobile { display : block; }

	.str_bloc.var_cassis-frenesie,
	.str_bloc.var_neroli-facetie,
	.str_bloc.var_the-fantaisie,
	.str_bloc.var_tubereuse-hedonie,
	.str_bloc.var_verveine-utopie,
	.str_bloc.var_magnolia-folie,
	.str_bloc.var_rose-mignonnerie { background-size : auto 100%; }
	
	/*	4.1 - STRUCTURE 	 	*/
	.bloc_aura-mirabilis {
		padding-bottom : 45px;
		background : none;
	}
	.bloc_aura-mirabilis .t_title-header {
		margin : 25px auto;
		font-size : 2.5rem;
	}
	.bloc_aura-mirabilis .t_desc {
		margin-bottom : 23px;
		font-size : 1.5rem;
	}
	.bloc_aura-mirabilis .obj_push {
		max-width : 300px;
		margin : 0 auto 50px auto;
	}
	.bloc_aura-mirabilis .obj_push:after {
		right : 0;
		bottom : -115px;
		width : 200px;
		height : 170px;
	}
	.bloc_aura-mirabilis .obj_push .obj_logo {
		top : 15px;
		right : 8px;
		width : 147px;
	}
	.bloc_aura-mirabilis .obj_push .obj_btn {
		top : 95px;
		right : 12%;
	}

	.bloc_banner-video {
		height : auto;
		padding-bottom : 0;
		overflow : initial;
		z-index : 1;
	}
	.bloc_banner-video .ctn_player {
		height : 260px;
		overflow : hidden;
	}
	.bloc_banner-video .ctn_player img {
		max-width : inherit;
		width : auto;
		height : 100%;
	}
	.bloc_banner-video .ctn_player .obj_player .obj_logo {
		left : 0;
		width : 225px;
		height : 150px;
	}
	.bloc_banner-video .ctn_player .obj_player .btn_play {
		display : block;
		height : 260px;
	}
	.bloc_banner-video .ctn_thumbs { display : none; }
	.bloc_banner-video .obj_carrousel.mobile { display : block; }
	.bloc_banner-video .obj_carrousel.mobile .btn_play {height : 58px;}
	.bloc_banner-video .ctn_encart {
		position : relative;
		left : auto;
		bottom : auto;
		padding : 25px 0;
		border-top : 1px solid  #c0a264;
	}
	.bloc_banner-video .ctn_encart:before { display : none; }
	.bloc_banner-video .ctn_encart .t_surtitle {
		font-size : 1.5rem;
		max-width : 270px;
		margin : 0 auto 12px auto;
	}
	.bloc_banner-video .ctn_encart .t_title { font-size : 2.5rem; }
	.bloc_banner-video .ctn_encart .t_subtitle {
		max-width : 270px;
		margin : 0 auto;
		font-size : 1.5rem; 
	}
	.bloc_banner-video .ctn_encart .obj_lnk { display : none; }
	.bloc_banner-video .obj_pastille {
		left : auto;
		right : 0;
		-webkit-transform:scale(0.65,0.65);
			-ms-transform:scale(0.65,0.65);
				transform:scale(0.65,0.65);
		transform-origin:right top;
	}
	.var_extraits-cologne .bloc_banner-video .obj_badge,
	.var_extraits-cologne .bloc_products .obj_badge {
		top : 140px;
		transform : scale(0.7);
		margin-top: 5%;
	}
	.var_extraits-cologne .bloc_products .obj_badge,
	.var_extraits-cologne .bloc_carrousel_product .obj_badge {
		display: none;
	}

	
	.bloc_carrousel-produit.solo .t_title-header { font-size : 2.5rem; }
	.bloc_carrousel-produit.solo .t_desc { font-size : 1.5rem; }
	
	.bloc_history .t_surtitle { 
		text-align : center;
		margin-bottom: 5px;
		}
	.bloc_history .ctn_content { text-align : left; }
	.bloc_history .ctn_img {
		display:block;
		position : relative;
		left : auto;
		top : auto;
		margin : 0 auto 30px auto;
		text-align : center;
	}
	.bloc_history .ctn_desc {
		overflow : hidden;
		transition : height 0.25s;
	}
	.bloc_history .ctn_col,
	.bloc_history .ctn_col ~ .ctn_col{
		max-width : 100%;
		margin : 0 auto;
		text-align : left;
	}
	.bloc_history .ctn_col ~ .ctn_col{
		margin-top : 20px;
	}
	.bloc_history .obj_btn { display : inline-block; }

	.bloc_inspiration-perfumer {
		margin-top : 30px;
		padding : 30px 0;
	}
	.bloc_inspiration-perfumer .ctn_bloc { max-width : 375px; }
	.bloc_inspiration-perfumer .ctn_content { margin-bottom : 0; }
	.bloc_inspiration-perfumer .t_title-header { font-size : 2.8rem; }
	.bloc_inspiration-perfumer .ctn_img,
	.bloc_inspiration-perfumer .ctn_txt {
		width : 100%;
		margin-bottom : 20px;
	}
	.bloc_inspiration-perfumer .ctn_img { margin-bottom : 15px; }
	.bloc_inspiration-perfumer .ctn_txt .t_desc { font-weight : 300; }
	.bloc_inspiration-perfumer .i_signature {
		height: 35px;
		margin-top : 15px;
	}
	
	.bloc_loyalty-program {
		background: url('images/f_impress.png') no-repeat center 30px ;
		}
	.bloc_loyalty-program .ctn_content { max-width : 300px; }
	
	.bloc_loyalty-program .t_surtitle { font-size : 1.5rem; }
	.bloc_loyalty-program .t_title-header {
		font-size : 2.5rem;
		}
	.bloc_loyalty-program .t_title-header br{
		display: none;
		}	
	.bloc_loyalty-program .t_desc { font-size : 1.4rem; }
	.bloc_loyalty-program .t_desc a{
		font-weight: 600;
		}
	.bloc_loyalty-program .obj_btn {
		margin-top: 45px;
		}

	.bloc_perfume-yourself {
		padding : 30px 0;
		font-size : 1.4rem;
		line-height : 1.3;
	}
	.bloc_perfume-yourself .ctn_content {
		width : 300px;
		max-width : inherit;
		padding : 17px;
	}
	.bloc_perfume-yourself .intro {
		float : none;
		width : 100%;
		padding : 25px;
	}
	.bloc_perfume-yourself .intro .t_title-header {
		margin : 0 0 10px 0;
		padding-top:0;
		font-size : 2.5rem;
		line-height : 1;
	}
	.bloc_perfume-yourself .intro .t_desc {
		margin-bottom : 30px;
		font-size : 1.5rem;
		line-height : 1;
	}
	.bloc_perfume-yourself .intro p { font-size : 1.5rem; }
	
	.bloc_perfume-yourself .ctn_desc {
		overflow : hidden;
	}
	.bloc_perfume-yourself .intro .btn_readmore{
		display:block;
	}
	.bloc_perfume-yourself .ctn_desc.is_open ~ .btn_readmore {
		display: none;
	}
	.bloc_perfume-yourself .intro .btn_readmore:hover {
		background: none;
	}
	.bloc_perfume-yourself .obj_perfume-yourself {
		float : none;
		width : 100%;
	}
	.bloc_perfume-yourself .how-to .t_title {
		margin-top : 50px;
		margin-bottom : 12px;
	}
	.bloc_perfume-yourself .obj_carrousel button { font-size : 0; }
	.bloc_perfume-yourself .obj_carrousel .prev { left : -20px; }
	.bloc_perfume-yourself .obj_carrousel .next { right : -20px; }



	.bloc_point-sale { padding : 30px 0; }
	.bloc_point-sale .ctn_content {
		max-width : 300px;
		padding : 20px;
		background : url('images/f_storelocator-mob.jpg') no-repeat center center / 100% auto;
	}
	.bloc_point-sale .ctn_content .t_title-header {
		margin-bottom : 20px;
		font-size : 2.8rem;
	}
	.bloc_point-sale .obj_form .ctn_ligne.duo .ctn_input {
		float : left;
		width : 100%;
	}
	.bloc_point-sale .obj_form .ctn_ligne.duo .ctn_input ~ .ctn_input {
		margin-left : 0;
		margin-top : 10px;
	}
	.bloc_point-sale .ctn_bt { margin-top : 20px; }



	.bloc_products { z-index : 0; }
	.bloc_products .obj_product {
		direction : ltr;
		max-width : 300px;
		margin : 0 auto;
	}
	.bloc_products .obj_product ~ .obj_product { margin-top : 0; }
	.bloc_products .obj_product .ctn_img,
	.bloc_products .obj_product .ctn_desc {
		position : relative;
		width : 100%;
		height : auto;
		text-align : center;
	}
	.bloc_products .obj_product .ctn_img { z-index : 0; }
	.bloc_products .obj_product .ctn_img img {
		position : relative;
		top : auto;
		left : auto;
		margin : 0;
		max-width : 100%;
	}
	.bloc_products .obj_product .ctn_desc {
		margin-top : -40px;
		z-index : 1;
	}
	.bloc_products .obj_product .ctn_entete {
		margin-top : 0;
		margin-bottom : 0;
		text-align : left;
	}
	.bloc_products .obj_product:nth-child(even) .ctn_entete { text-align : right; }
	.bloc_products .obj_product .ctn_face {
		width : 85px;
		height : 85px;
	}
	.bloc_products .obj_product .ctn_identity { width : 175px; }
	.bloc_products .obj_product .t_title {
		margin-bottom : 5px;
		font-size : 2.5rem;
	}
	.bloc_products .obj_product .t_title ~ p { margin-bottom : 5px; }
	.bloc_products .obj_product p {
		margin-bottom : 5px;
		font-size : 1.3rem;
		font-weight : 300;
	}
	.bloc_products .obj_product p.t_desc { font-size : 1.5rem; }
	.bloc_products .obj_product .obj_btn { margin-top : 20px; }


	
	.bloc_rituals-carrousel .t_title-header { 
		font-size : 2.5rem;		
		}
	.pg_produit .bloc_rituals-carrousel .t_title-header{
		margin-top: 0;
		padding-top: 15px;
		}
	.pg_produit .bloc_rituals-carrousel .obj_product .ctn_img{
		margin: -20px auto 0;
		}

	.bloc_videos .ctn_video {
		width : 300px;
		height : calc(300px / 1.77778);
	}
	.bloc_videos .obj_player .btn_play:after { bottom : 5px; }



	/*	4.2 - OBJETS 		 	*/
	.obj_carrouselSolo { height : auto; min-height:480px; }
	.obj_carrouselSolo .item {
		width : 320px;
		margin-left : -160px;
	}
	.obj_carrouselSolo .obj_product .ctn_img {
		height : auto;
		max-height:320px;
		overflow : hidden;
	}
	.obj_carrouselSolo .obj_product .ctn_img img {
		max-width : 100%;
		height : auto;
		max-height:320px;
	}
	.obj_carrouselSolo .nav {
		top : 150px;
		width : 300px;
		margin-left : -150px;
	}
	.obj_carrouselSolo .nav ul {
		top : 145px;
	}
	.obj_carrouselSolo .nav ul li ~ li { margin-left : 10px; }
	.obj_carrouselSolo .nav ul li button {
		width : 8px;
		height : 8px;
	}
	.obj_carrouselSolo .obj_product .ctn_txt {
		padding:0 20px;
	}
	.obj_carrouselSolo .obj_product .t_name {
		font-size : 2.5rem;
	}
	.obj_carrouselSolo .obj_product .t_subtitle {
		font-size : 1.4rem;
	}
	.obj_carrouselSolo .obj_product .ctn_btn {
		padding-top : 10px;
	}



	.obj_diag {
		min-height: 0;
		background-size : auto 100%;
	}
	.obj_diag.var_result {
		min-height: 440px;
	}
	.obj_diag ::-webkit-scrollbar { width : 0; }
	.obj_diag .item {
		height : 460px;
	}
	.obj_diag .item .ctn_content { top : 60px; }
	.obj_diag .item .t_title-header {
		margin-bottom : 20px;
		font-size : 2.5rem;
	}
	.obj_diag .item .t_desc {
		font-weight : 300;
		font-size : 1.4rem;
		padding: 0 20px;
	}
	.obj_diag .item .ctn_liste {
		overflow-x : scroll;
		overflow-y : hidden;
		padding-left : 50px;
		margin-bottom : 20px;
	}
	.obj_diag .item .ctn_error { top : 57px; }
	.obj_diag .item.item02 .ctn_error { top : 30px; }
	.obj_diag .item .ctn_error p { font-size : 1.2rem; }
	.obj_diag .item ul { text-align : left; }
	.obj_diag .item.item02 ul { text-align : center; }
	.obj_diag .item li ~ li { margin-left : 5px; }

	.obj_diag .item label {
		width : 125px;
		height : auto;
		padding-top : 5px;
	}
	.obj_diag .item label:before { margin-top : -60px; }
	.obj_diag .item span ~ label:before {
		width : 45px;
		height : 45px;
		margin : -41px 0 0 -23px;
		background : rgba(255,255,255,0.5);
	}
	.obj_diag .item span ~ label:hover:before {
		width : 45px;
		height : 45px;
		margin : -41px 0 0 -23px;
	}
	.obj_diag .item span[aria-checked='true'] ~ label:before {
		width : 55px;
		height : 55px;
		margin : -46px 0 0 -28px;
	}
	.obj_diag .item label:after {
		margin : -29px 0 0 -16px;
		transform-origin : 0 0;
		transform : scale(0.603);
	}
	.obj_diag .item label .ctn_img { margin : 0 5px; }
	.obj_diag .item label .ctn_img img { margin-bottom : 0; }
	.obj_diag .item label .ctn_legend {
		width : 115px;
		height : 50px;
		line-height : 50px;
	}
	.obj_diag .item label .t_libelle { font-size : 1.2rem; }
	.obj_diag .item label .t_libelle small { display : none; }
	
	.obj_diag .item .obj_btn { min-width : 150px; }

	.obj_diag .obj_fil-ariane {
		top : 20px;
		width:auto;
	}
	
	/* INTRO */
	.obj_diag .item.item01 .ctn_content {
		top : 30px;
		width : 300px;
		padding : 20px 0;
	}
	.obj_diag .item.item01 .ctn_content:before,
	.obj_diag .item.item01 .ctn_content:after {
		width : 27px;
		height : 21px;
		background-size : 512px 512px;
	}
	.obj_diag .item.item01 .ctn_content:before {
		top : 0;
		left : -6px;
	}
	.obj_diag .item.item01 .ctn_content:after {
		top : 55px;
		right : -6px;
	}
	.obj_diag .item.item01 .t_title-header {
		max-width : 270px;
		margin : 0 auto 15px auto;
	}
	.obj_diag .item.item01 .t_desc {
		max-width : 290px;
		margin : 0 auto;
	}
	.obj_diag .item.item01 .ctn_img {
		max-width : 280px;
		margin : 17px auto 10px auto;
	}

	/* Q01 */
	.obj_diag .item.item02 .ctn_liste {
		overflow-x : none;
		padding : 0;
	}

	/* FIL D'ARIANE */
	.obj_diag .obj_fil-ariane li > span { line-height : 22px; }

	/* RESULT FORM */
	.obj_diag.var_result .ctn_result {
		width : 300px;
		margin:0 auto;
		min-height : 400px;
		/*margin-left : -150px;*/
		background : white url('images/f_diag-result.jpg') no-repeat center -20px / auto 100%;
	}
	.obj_diag.var_result .t_title-header {
		margin : 10px auto 15px auto;
		font-size : 2rem;
	}
	.obj_diag.var_result .t_desc {
		font-size : 1.4rem;
		font-weight : 300;
	}
	.obj_diag.var_result .t_desc br { display : none; }
	.obj_diag.var_result ul { margin : 0 8px 20px 8px; }
	.obj_diag.var_result .obj_item { padding-top : 30px; }
	.obj_diag.var_result .var_disabled .obj_item { padding-top : 0; }
	.obj_diag.var_result .obj_item .l_left { float : left; }
	.obj_diag.var_result .obj_item .ctn_img { width : 100%; }
	.obj_diag.var_result .obj_item .ctn_legend {
		width : 100%;
		margin : 0;
		padding: 0 5%;
	}
	.obj_diag.var_result .obj_item .t_libelle { font-size : 1.2rem; }
	.obj_diag.var_result .obj_item .t_desc { display : none; }
	.obj_diag.var_result .obj_item span[role="radio"] {
		left : 50%;
		transform : translateX(-50%);
		}
	.obj_diag.var_result .ctn_error { bottom : 60px; }
	.obj_diag.var_result .ctn_step2 .ctn_error {
		bottom : auto;
		top : 45px;
	}
	.obj_diag.var_result .ctn_error p {
		font-size : 1.2rem;
	}
	.obj_diag.var_result .btn_sample {
		width : auto;
		padding : 8px 13px;
		font-size : 1.4rem;
	}
	.obj_diag.var_result .t_mentions { margin-bottom : 0; }

	.obj_diag.var_result p.t_title-header { margin : 0 auto 15px auto; }
	.obj_diag.var_result .ctn_ligne {
		width : 100%;
		margin : 0 auto 5px auto;
	}
	.obj_diag.var_result .ctn_ligne .l_left { float : left; }
	.obj_diag.var_result .ctn_ligne .l_right { float : right; }
	.obj_diag.var_result .ctn_ligne.duo input[type="text"],
	.obj_diag.var_result .ctn_ligne.duo input[type="email"],
	.obj_diag.var_result .ctn_ligne.duo input[type="tel"]{
		width : 125px;
		padding : 9px;
		font-size : 1.3rem;
	}

	/* RESULT SHARE */
	.obj_diag.var_result .ctn_content.var_share {
		width : 300px;
		min-height : 400px;
		margin-left : -150px;
		background-size : auto 75%;
	}
	.obj_diag.var_result .ctn_content.var_share .t_title-header { margin: 35px 0 30px 0; }
	.obj_diag.var_result .ctn_content.var_share .t_desc { font-size : 1.4rem; }
	.obj_diag.var_result .ctn_content.var_share .t_desc ~ .t_desc { margin-top : 30px; }

	/* RESULT SAMPLES */
	.obj_diag.var_result .ctn_content.var_bonus {
		width : 300px;
		min-height : 400px;
		margin-left : -150px;
	}
	.obj_diag.var_result .ctn_content.var_bonus .obj_pastille { left : -20px; }
	.obj_diag.var_result .ctn_content.var_bonus .t_title-header {
		margin-top : 0;
		margin-bottom : 25px;
		padding-left : 80px;
	}
	.obj_diag.var_result .ctn_content.var_bonus .t_title-header br { display : none; }
	.obj_diag.var_result .ctn_content.var_bonus .ctn_item { width : 250px; }
	.obj_diag.var_result .ctn_content.var_bonus .obj_item .ctn_img {
		width : 75px;
		height : auto;
		margin : 0 auto;
	}
	.obj_diag.var_result .ctn_content.var_bonus .obj_item .t_title {
		height : auto;
		font-size : 1.2rem;
	}
	.obj_diag.var_result .ctn_content.var_bonus .ctn_btn { margin-top : 30px; }
	.obj_diag.var_result .ctn_content.var_bonus .ctn_btn .obj_item { width : 100%; }
	.obj_diag.var_result .ctn_content.var_bonus .ctn_btn .obj_item ~ .obj_item {
		margin-left : 0;
		margin-top : 15px;
	}
	.obj_diag.var_result .ctn_select span[role="combobox"]::before{
		top:9px;
		}
	.obj_diag.var_result .ctn_select span[role="combobox"]::after{
		top:13px;
		}

	.obj_perfume-yourself .drag-and-drop {
		width : 100%;
		height : 450px;
		font-size : 7px;
	}
	.obj_perfume-yourself .doll {
		left : auto;
		right : 0;
		top : 226px;
	}
	.obj_perfume-yourself .jacket {
		top : 140px;
		left : 30px;
	}
	.obj_perfume-yourself .jacket.is-dropped .draggable {
		left : 171px;
		top : 74px;
	}
	.obj_perfume-yourself .jacket.is-dropped { z-index : 3; }
	.obj_perfume-yourself .underwear {
		left : 132px;
		top : 127px;
	}
	.obj_perfume-yourself .underwear.is-dropped .draggable {
		left : 83px;
		top : 43px;
	}
	.obj_perfume-yourself .underwear.is-dropped { z-index : 0; }
	.obj_perfume-yourself .wig {
		left : 120px;
		top : 290px;
	}
	.obj_perfume-yourself .wig.is-dropped .draggable {
		left : 95px;
		top : -207px;
	}
	.obj_perfume-yourself .tank-top {
		top : 191px;
		left : 22px;
	}
	.obj_perfume-yourself .tank-top.is-dropped .draggable {
		left : 175px;
		top : -35px;
	}
	.obj_perfume-yourself .tank-top.is-dropped { z-index : 1; }
	.obj_perfume-yourself .skirt {
		left : 105px;
		top : 370px;
	}
	.obj_perfume-yourself .skirt.is-dropped .draggable {
		left : 101px;
		top : -66px;
	}
	.obj_perfume-yourself .diadem {
		left : 148px;
		top : 41px;
	}
	.obj_perfume-yourself .diadem.is-dropped .draggable {
		left : 68px;
		top : 15px;
	}
	.obj_perfume-yourself .bag {
		left : 152px;
		top : 465px;
	}
	.obj_perfume-yourself .bag.is-dropped .draggable {
		left : 47px;
		top : -107px;
	}
	.obj_perfume-yourself .belt {
		left : 90px;
		top : 210px;
	}
	.obj_perfume-yourself .belt.is-dropped .draggable {
		left : 96px;
		top : -19px;
	}
	.obj_perfume-yourself .belt.is-dropped { z-index : 2; }

	.obj_btn.btn_play .play + .label { margin-top : 15px; }

	/*	4.3 - CONTEXTUELLES 	*/

	.pg_home .bloc_sellers .ctn_content {
		padding-top : 0;
	}
	.pg_home .bloc_sellers .ctn_products { padding : 30px 0; }
	.pg_home .bloc_sellers li {
		display : none;
		width : 100%;
	}
	.pg_home .bloc_sellers li:nth-of-type(1),
	.pg_home .bloc_sellers li:nth-of-type(2),
	.pg_home .bloc_sellers li:nth-of-type(3) { display : block; }

	.pg_home .bloc_videos .t_title-header { padding:0 20px; }
	.pg_home .bloc_videos .ctn_video,
	.pg_home .bloc_videos .ctn_thumbs { display : none; }
	.pg_home .bloc_videos .obj_carrousel.mobile { display : block; }
	.pg_home .bloc_videos .obj_carrousel.mobile .item { height : 100%; }
	.pg_home .bloc_videos .obj_carrousel.mobile .obj_player { height : 150px; }
	.pg_home .bloc_videos .obj_carrousel.mobile .item img {
		max-width : 100%;
		width : auto;
		height : auto;
	}
	.pg_home .bloc_videos .obj_carrousel.mobile .nav button { top : 46%; }
	.pg_home .bloc_videos .obj_player .btn_play {
		display : block;
		width : 100%;
		height : 40px;
	}
	.pg_home .bloc_videos .obj_player .btn_play:before {
		width : 40px;
		height : 40px;
		margin-top : -20px;
	}
	.pg_home .bloc_videos .obj_player .btn_play::after {
		margin-top : -7px;
		margin-left: -3px;
		border-width: 9px 0 9px 10px;
	}

	.pg_home .bloc_videos.bloc_frame { padding : 30px 0 0 0; }
	.pg_home .bloc_videos.bloc_frame .ctn_video { display : block; width:100%; }
	
	.pg_landing .bloc_diag { margin-top : 30px; }

	.pg_produit.var_extraits-cologne .bloc_desc-produit .ctn_desc-produit .ctn_description .var_ingredients p strong,
	.pg_produit.var_extraits-cologne .bloc_desc-produit .var_ingredients ul li{ font-size: 1.4rem; }
	.pg_produit.var_extraits-cologne .bloc_videos .obj_player .btn_play:after { bottom : 22px; }

	/*	4.4 - RESPONSIVE 		*/

}

@media screen and ( max-width : 320px ) {
	.obj_diag .item .t_title-header {
		font-size: 2.2rem;
		margin-bottom : 20px;
	}
	.obj_diag .item .ctn_error { top : 51px; }
	.obj_diag .item.item02 .ctn_error { top : 26px; }
	/*.obj_diag .item ul { margin-bottom : 15px; }*/
}










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

/*  $ > Diag

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

.pg_diag .bloc_nav .ctn_nav-level-2 {
	box-shadow: none;
	}

/* ======================================== */
/*  .diag_fragrance
/* ======================================== */

.diag_fragrance .obj_diag {
	padding: 0;
	background: url('images/diag/fragrance/bg_diag.jpg') no-repeat center center / 1280px auto;
	}

.diag_fragrance .obj_diag .item {
	height: 638px;
	}
.diag_fragrance .obj_diag .item .t_title-header {
	max-width: 100%;
	margin: 0 auto;
	}
.diag_fragrance .obj_diag .item label {
	height: 340px;
	padding: 10px;
	transition: all ease 400ms;
	}
.diag_fragrance .obj_diag .item label:before,
.diag_fragrance .obj_diag .item label:after {
	content: none;
	}
.diag_fragrance .obj_diag .item label:hover,
.diag_fragrance .obj_diag .item span[aria-checked="true"] ~ label {
	z-index: 999;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	box-shadow: 0 10px 50px rgba(0, 0, 0, 1);
	}
.diag_fragrance .obj_diag .item label .ctn_img,
.diag_fragrance .obj_diag .item label .ctn_img img {
	margin: 0;
	}
.diag_fragrance .obj_diag .item .ctn_liste {
	margin: 0;
	padding: 40px 20px;
	}
.diag_fragrance .obj_diag .item .ctn_error {
	position: static;
	margin-bottom: 10px;
	}
.diag_fragrance .item .obj_btn {
	padding: 10px;
	}


@media screen and (max-width: 1024px) {
	
	.diag_fragrance .obj_diag .item .t_title-header {font-size: 3rem;}
	.diag_fragrance .obj_diag .item .ctn_liste {padding: 0; overflow-x: scroll;}
	.obj_diag .item ul {white-space: nowrap; padding: 40px 20px;}
	.obj_diag .item li {white-space: normal;}
	.diag_fragrance .obj_diag .item label:hover,
	.diag_fragrance .obj_diag .item span[aria-checked="true"] ~ label {box-shadow: 0 0 20px rgba(0, 0, 0, 1);}

}

@media screen and (max-width: 767px) {
	
	.diag_fragrance .obj_diag .item .ctn_liste {padding: 40px 20px;}
	.obj_diag .item ul {padding: 0;}
	.diag_fragrance .obj_diag .item {
		height: 480px;
		}
	.diag_fragrance .obj_diag .item label {
		height: 216px;
		padding: 5px;
		}
	.diag_fragrance .obj_diag .item .ctn_liste {
		overflow: inherit;
		overflow-x: scroll;
		height: 270px;
		margin-bottom: -10px;
		padding: 20px 20px 0 20px;
		}
	.diag_fragrance .obj_diag .item label:hover,
	.diag_fragrance .obj_diag .item span[aria-checked="true"] ~ label {
		transform: scale(1.05);
		-ms-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		}
	.diag_fragrance .item .obj_btn {
		min-width: 0;
		}
	
	}

/* var_men */

.diag_fragrance .obj_diag .item.var_men label .ctn_img {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	margin: 0;
	}
.diag_fragrance .obj_diag .item.var_men label .ctn_img {
	background: url("images/diag/fragrance/bg_men_blue.gif") no-repeat center center / 100% auto transparent;
	}
.diag_fragrance .obj_diag .item.var_men label .ctn_img.var_blue {
	background: url("images/diag/fragrance/bg_men_blue.gif") no-repeat center center / 100% auto transparent;
	}
.diag_fragrance .obj_diag .item.var_men label .ctn_img.var_brown {
	background: url("images/diag/fragrance/bg_men_brown.gif") no-repeat center center / 100% auto transparent;
	}
.diag_fragrance .obj_diag .item.var_men label .ctn_img.var_green {
	background: url("images/diag/fragrance/bg_men_green.gif") no-repeat center center / 100% auto transparent;
	}
.diag_fragrance .obj_diag .item.var_men label .ctn_img.var_light_green {
	background: url("images/diag/fragrance/bg_men_light_green.gif") no-repeat center center / 100% auto transparent;
	}
.diag_fragrance .obj_diag .item.var_men label .ctn_img.var_grey {
	background: url("images/diag/fragrance/bg_men_grey.gif") no-repeat center center / 100% auto transparent;
	}
.diag_fragrance .obj_diag .item.var_men label .ctn_img.var_pink {
	background: url("images/diag/fragrance/bg_men_pink.gif") no-repeat center center / 100% auto transparent;
	}
.diag_fragrance .obj_diag .item.var_men label .ctn_img.var_red {
	background: url("images/diag/fragrance/bg_men_red.gif") no-repeat center center / 100% auto transparent;
	}
.diag_fragrance .obj_diag .item.var_men label .t_libelle {
	line-height: 1.5;
	}
.diag_fragrance .obj_diag .item.var_men label .t_libelle strong {
	display: block;
	font-weight: 700;
	}

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

	.diag_fragrance .obj_diag .item.var_men label {
		height: 205px;
		padding: 5px;
		}

	}

/* item01 */

.diag_fragrance .obj_diag .item.item01 {
	background: url('images/diag/fragrance/bg_diag_intro.jpg') no-repeat center center / 1280px auto;
	}
.diag_fragrance .obj_diag .item.item01 .ctn_content {
	top: 50%;
	left: 35%;
	width: 100%;
	max-width: 520px;
	padding: 40px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	border-width: 20px 20px;
	border-image: url('images/i_border-grey.png') 20 20 20 20 fill stretch;
	border-style: solid;
	border-color: transparent;
	}
.diag_fragrance .obj_diag .item.item01 .ctn_content:before,
.diag_fragrance .obj_diag .item.item01 .ctn_content:after {
	content: none;
	}
.diag_fragrance .obj_diag .item.item01 .t_title-header {
	margin-bottom: 20px;
	}
.diag_fragrance .obj_diag .item.item01 .t_desc {
	line-height: 1.5;
	}
.diag_fragrance .obj_diag .item.item01 .t_desc strong {
	font-weight: 700;
	}
.diag_fragrance .obj_diag .item.item01 .t_desc + .t_desc {
	margin-top: 20px;
	}
.diag_fragrance .obj_diag .item.item01 .obj_btn {
	margin: 30px 0 0 0;
	border-color: black;
	}

@media screen and (max-width: 767px) {
	
	.diag_fragrance .obj_diag .item.item01 {
		background: #FBF7F8 url('images/diag/fragrance/bg_diag_mob.jpg') no-repeat center top / auto 100%;
		}
	.diag_fragrance .obj_diag .item.item01 .ctn_content {
		top: auto;
		bottom: 50px;
		left: 50%;
		width: 300px;
		padding: 20px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		border: none;
		}
	.diag_fragrance .obj_diag .item.item01 .t_title-header {
		font-size: 2.5rem;
		line-height: 1;
		}
	.diag_fragrance .obj_diag .item.item01 .t_desc {
		padding: 0;
		font-size: 1.4rem;
		}
	.diag_fragrance .obj_diag .item.item01 .obj_btn {
		margin: 20px 0 0 0;
		}
	
	}

/* var_result */

.diag_fragrance .obj_diag.var_result {
	padding: 30px 0 60px 0;
	}
.diag_fragrance .obj_diag.var_result .t_title-header {
	margin: 0;
	}
.diag_fragrance .obj_diag.var_result .t_title-header::after {
	content: "";
	display: block;
	}
.diag_fragrance .obj_diag.var_result .ctn_ligne {
	width: 100%;
	max-width: 500px;
	}
.diag_fragrance .obj_diag.var_result .ctn_ligne.duo .ctn_input {
	width: 48.5%;
	}
.diag_fragrance .obj_diag.var_result .ctn_ligne.duo .l_left {
	float: left;
	}
.diag_fragrance .obj_diag.var_result .ctn_ligne.duo .l_right {
	float: right;
	}
.diag_fragrance .obj_diag.var_result .ctn_ligne.duo .ctn_input input {
	width: 100%;
	}
.diag_fragrance .obj_diag.var_result .ctn_error {
	position: static;
	margin-bottom: 10px;
	}
.diag_fragrance  .obj_diag.var_result .ctn_btn .obj_btn + .obj_btn {
	margin-left: 20px;
	}

@media screen and (max-width: 767px) {
	
	.diag_fragrance .obj_diag.var_result .ctn_result {
		background: url('images/f_diag-result.jpg') no-repeat center -20px / 460px auto white;
		}
	.diag_fragrance .obj_diag.var_result .ctn_content {
		position: relative;
		top: 0;
		left: 0;
		z-index: 10;
		margin: 0 auto;
		transform: none;
		-ms-transform: none;
		-wekit- transform: none;
		}
	.diag_fragrance .obj_diag.var_result .t_title-header {
		padding: 15px 0;
		}
	.diag_fragrance .obj_diag.var_result .obj_recaptcha > div {
		transform: scale(.85);
		-ms-transform: scale(.85);
		-webkit-transform: scale(.85);
		}
	.diag_fragrance  .obj_diag.var_result .ctn_btn .obj_btn + .obj_btn {
		margin-left: 5px;
		}
	
	.diag_fragrance .obj_diag.var_result .ctn_step4 .obj_item .ctn_img {
		float: none;
		width: 100%;
		text-align: center;
		}
	.diag_fragrance .obj_diag.var_result .ctn_step4 .obj_item .ctn_legend {
		float: none;
		width: 100%;
		margin-left: 0;
		text-align: center;
		}
	.diag_fragrance .obj_diag.var_result .ctn_step4 .obj_item .ctn_legend .t_libelle {
		min-height: 30px;
		padding-top: 0;
		}

	
	}

/* var_share */

.diag_fragrance .obj_diag.var_result .ctn_content.var_share {
	min-height: 445px;
	background-image: none;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .t_title-header {
	margin: 0 auto;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .t_title-header::after {
	content: "";
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .t_desc {
	font-size: 1.8rem;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .t_desc ~ .t_desc {
	margin-top: 45px;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .t_desc strong {
	font-weight: 700;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .ctn_btn {
	margin: 30px 0;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .ctn_img {
	margin-top: 30px;
	font-size: 0;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .ctn_btn .obj_btn {
	font-size: 1.4rem;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .ctn_btn .obj_btn.btn_fb {
	color: white;
	border: none;
	background: #c0a264 url('images/f_fb-btn.png') no-repeat 10px center;
	text-transform: uppercase;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .ctn_btn .obj_btn.btn_fb:hover {
	background-color: #000000;
	}
.diag_fragrance .obj_diag.var_result .ctn_content.var_share .ctn_btn .obj_btn + .obj_btn {
	margin-left: 10px;
	}

@media screen and (max-width: 767px) {
	
	.diag_fragrance .obj_diag.var_result .ctn_content.var_share .ctn_btn .obj_btn + .obj_btn {
		margin: 10px 0 0 0;
		}
	
	}

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

/*  $ > Common

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

/* ======================================== */
/*  .ctn_video
/* ======================================== */

/** BANNER VIDEO **/
.bloc_banner-video .obj_video a {
	display: block;
	position: relative;
	}
.bloc_banner-video .obj_video a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 60px;
	width: 60px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: url("images/i_player.png") no-repeat center center / 100% auto transparent;
	transition: all ease 400ms;
	}
.bloc_banner-video .obj_video a:hover::after,
.bloc_banner-video .obj_video a:focus::after {
	opacity: 0.5;
	}

/** GESTURES VIDEOS **/
.bloc_gestures .ctn_video {
	position: relative;
	max-width: 860px;
	margin: 0 auto;
	}
.bloc_gestures .ctn_video .ctn_player {
    display: block;
	position: relative;
	height: 0;
	width: 100%;
    padding-top: 56.25%;
    background: black;
	}
.bloc_gestures .ctn_video .ctn_player .obj_player {
	position: absolute;
	top: 0;
	left: 0;
	}

.bloc_gestures .obj_video {
	display: block;
	position: relative;
	cursor: pointer;
	}
.bloc_gestures .obj_video::after,
.bloc_gestures .ctn_video .ctn_player .obj_player::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 60px;
	width: 60px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: url("images/i_player.png") no-repeat center center / 100% auto transparent;
	transition: all ease 400ms;
	}
.bloc_gestures .obj_video:hover::after,
.bloc_gestures .obj_video:focus::after,
.bloc_gestures .ctn_video .ctn_player .obj_player:hover::after,
.bloc_gestures .ctn_video .ctn_player .obj_player:focus::after {
	opacity: 0.5;
	}

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

/*  $ > Home

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

/* ======================================== */
/*  .bloc_banner
/* ======================================== */

.pg_home.v3 .bloc_banner {
	height: 670px;
	max-width: 1280px;
	margin: 0 auto;
	background: url("images/home/v_banner.jpg") no-repeat center center / cover transparent;
	}
.pg_home.v3 .bloc_banner a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000
	}	
.pg_home.v3 .bloc_banner .ctn_bloc {
	position: absolute;
	top: 40px;
	left: 22.5%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
	}
.pg_home.v3 .bloc_banner .v_logo {
	width: 275px;
	margin: 0 auto;
	}
.pg_home.v3 .bloc_banner .v_logo img {
	display: block;
	}
.pg_home.v3 .bloc_banner h2 {
	margin-top: 20px;
	font-weight: 400;
	font-size: 2rem;
	text-transform: uppercase;
	}
.pg_home.v3 .bloc_banner h3 {
	margin-top: 5px;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.4;
	text-transform: uppercase;
	}
.pg_home.v3 .bloc_banner .ctn_btn {
	margin-top: 20px;
	}
.pg_home.v3 .bloc_banner .ctn_btn .obj_btn {
	font-size: 1.6rem;
	}

/***/

@media screen and (max-width: 767px) {
	
	.pg_home.v3 .bloc_banner {
		height: 230px;
		background: url("images/home/v_banner.jpg") no-repeat 25% center / 480px transparent;
		}
	.pg_home.v3 .bloc_banner .ctn_bloc {
		top: 20px;
		left: 5%;
		width: 40%;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		}
	.pg_home.v3 .bloc_banner .v_logo {
		width: 100px;
		}
	.pg_home.v3 .bloc_banner h2 {
		display: none;
		}
	.pg_home.v3 .bloc_banner h3 {
		display: none;
		font-size: 1rem;
		}
	.pg_home.v3 .bloc_banner .ctn_btn {
		margin-top: 20px;
		}
	.pg_home.v3 .bloc_banner .ctn_btn .obj_btn {
		font-size: 1rem;
		}
	
	}

/* ======================================== */
/*  .bloc_carrousel_product
/* ======================================== */

.v3 .bloc_carrousel_product {
	margin-top: -135px;
	}
.v3 .bloc_carrousel_product .ctn_bloc {
	position: relative;
	max-width: 1030px;
	margin: 0 auto 40px auto;
	padding: 20px 0;
	border-width: 20px 18px;
	border-image: url('../../includeV3/images/border-white.png') 20 18 20 18 fill stretch;
	border-style: solid;
	border-color: transparent;
	background: white;
	}

.v3 .bloc_carrousel_product .v_badge_natural {
	display: block;
	position: absolute;
	top: -75px;
	right: -75px;
	height: 110px;
	width: 110px;
	}
.v3 .bloc_carrousel_product .t_title {
	font: 4.6rem/1.2 "fortunato_titre", Sans-serif;
	text-transform: uppercase;
	text-align: center;
	}
.v3 .bloc_carrousel_product .t_subtitle {
	font-weight: 300;
	font-size: 2rem;
	text-transform: uppercase;
	text-align: center;
	}
.v3 .bloc_carrousel_product .obj_carrousel {
	overflow: hidden;
	margin: 50px 50px 0 50px;
	}
.v3 .bloc_carrousel_product .obj_carrousel ~ .ctn_btn {
	margin: 40px 0 30px 0;
	}
.v3 .bloc_carrousel_product .v_badge {
	position: absolute;
	top: 60px;
	right: 50px;
	}
.pg_produit .bloc_rituals-carrousel .obj_product .obj_sticker.var_new,
.v3 .bloc_carrousel_product .obj_product .obj_sticker.var_new {
	position: relative;
	}
.pg_produit .bloc_rituals-carrousel .obj_product .obj_sticker.var_new,
.v3 .bloc_carrousel_product .obj_product .obj_sticker.var_new span {
	display: block;
	position: absolute;
	z-index: 1;
	top: 40px;
	right: 60px;
	height: 80px;
	width: 80px;
	font: 3rem/80px "fortunato_titre", Sans-serif;
	text-align: center;
	text-transform: uppercase;
	border-radius: 50%;
	border: solid 1px #c0a264;
	background-color: white;
	}

@media screen and ( min-width : 1024px ) {
	.v3 .bloc_carrousel_product .obj_carrousel .nav .prev { left : 30px; }
	.v3 .bloc_carrousel_product .obj_carrousel .nav .next { right : 30px; }
}
@media screen and ( max-width : 1024px ) {
	.v3 .bloc_carrousel_product {padding:0 40px;}
}
@media screen and ( max-width : 767px ) {
	
	.v3 .bloc_carrousel_product {margin:-40px auto 0 auto;}
	.v3 .bloc_carrousel_product .obj_carrousel{margin:0;}
	.v3 .bloc_carrousel_product .t_title-header{font-size:2.5rem;}
	.v3 .bloc_carrousel_product .ctn_content{margin:0 0 40px;}
	.v3 .bloc_carrousel_product{padding:0 20px;}
	
	.v3 .bloc_carrousel_product .v_badge_natural {
		display: none;
		}
	.v3 .bloc_carrousel_product .t_title {
		font-size: 2.5rem;
		}
	.v3 .bloc_carrousel_product h3.t_subtitle {
		display: none;
		}
	.v3 .bloc_carrousel_product .ctn_carrousel {
		margin-top: 20px;
		}
	.v3 .obj_carrousel.carrousel_products .obj_product .ctn_img{	
		margin: -20px auto 0;
		}	
	.v3 .bloc_carrousel_product .t_subtitle {
		font-size: 1.4rem;
		}	

}

/* ======================================== */
/*  .bloc_pushes
/* ======================================== */

.v3 .bloc_pushes {
	margin-bottom : 0;
	padding:60px 0;
	border-top : 1px solid #c0a264;
	border-bottom : 1px solid #c0a264;
	background : url('../../resources/extraits_cologne/images/home/bg_pushes.jpg') repeat-y center top;
}
.v3 .bloc_pushes .ctn_content{
	padding:20px 0;
	max-width:1030px;
}
.v3 .bloc_pushes .t_title-header {
	max-width : inherit;
	margin : 0 auto 30px auto;
	padding: 30px 0 0;
	}
.v3 .bloc_pushes .t_title-header::after{
	display: none;
	}
.v3 .bloc_pushes .ctn_video {
	position : relative;
	max-width : 860px;
	margin : 0 auto 30px auto;
	overflow : hidden;
}
.v3 .bloc_pushes .ctn_video:before {
	content : '';
	display : block;
	padding-top : 56.3%;
	background : black;
}
.v3 .bloc_pushes .obj_player {
	position : absolute;
	top : 0;
	left : 0;
}
.v3 .bloc_pushes .obj_player img {
	position : absolute;
	top : 50%;
	left : 50%;
	max-width : inherit;
	height : 100%;

	transform : translate3D(-50%, -50%, 0);
		-webkit-transform : translate3D(-50%, -50%, 0);
			-ms-transform : translate3D(-50%, -50%, 0);
}
.v3 .bloc_pushes .obj_player .btn_play {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 60px;
	width: 60px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: url("images/i_player.png") no-repeat center center / 100% auto transparent;
	transition: all ease 400ms;
}
.v3 .bloc_pushes .obj_player:hover .btn_play,
.v3 .bloc_pushes .obj_player:focus .btn_play {
	opacity: 0.5;
}
.v3 .bloc_pushes .ctn_pushes {
	display : inline-block;
	width : 100%;
	max-width : 860px;
	margin : 0 auto 65px auto;
	font-size : 0;
}
.v3 .bloc_pushes .ctn_pushes .obj_push {
	width : 50%;
	height : auto;
	text-align : center;
}
.v3 .bloc_pushes .ctn_pushes .obj_push + .obj_push { margin-left : 0; }
.v3 .bloc_pushes .ctn_pushes .obj_push:nth-child(1) {padding-right: 10px; }
.v3 .bloc_pushes .ctn_pushes .obj_push:nth-child(2) {padding-left: 5px; padding-right: 5px; }
.v3 .bloc_pushes .ctn_pushes .obj_push:nth-child(3) {padding-left: 10px; }
.v3 .bloc_pushes .ctn_pushes .obj_push .ctn_img { margin-bottom : 15px; }
.v3 .bloc_pushes .ctn_pushes .obj_push .t_title {
	display : block;
	margin-bottom : 15px;
	padding : 0 20px;
	text-transform : uppercase;
	font : 1.8rem 'fortunato_titre', sans-serif;
	color : black;

	transition : color 0.3s ease-in-out;
}
.v3 .bloc_pushes .ctn_pushes .obj_push .t_title:hover { color : #c0a264; }
.v3 .bloc_pushes .ctn_pushes .obj_push .obj_btn {
	position : relative;
	bottom : auto;
	right : auto;
	font-weight : 700;
}
.v3 .bloc_pushes .ctn_bottom {
	max-width : 860px;
	margin : 0 auto;
	padding:10px 0 30px;
	text-align:center;
}
.v3 .bloc_pushes .ctn_bottom .t_title{
	font:3rem/1em 'fortunato_titre', serif;
	text-transform:uppercase;
}
.v3 .bloc_pushes .ctn_bottom .ctn_img,
.v3 .bloc_pushes .ctn_bottom .ctn_socialnetwork {
	display : inline-block;
	width : 50%;
}
.v3 .bloc_pushes .ctn_socialnetwork {
	padding : 15px;
	text-align : center;
	vertical-align : top;
}
.v3 .bloc_pushes .ctn_socialnetwork .t_title {
	margin-bottom : 20px;
	text-transform : uppercase;
	font : 300 2.2rem/1 "Gotham SSm A", "Gotham SSm B";
}
.v3 .bloc_pushes .ctn_socialnetwork li { display : inline-block; }
.v3 .bloc_pushes .ctn_socialnetwork li ~ li { margin-left : 7px; }
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn {
	position : relative;
	display : block;
	width : 47px;
	height : 47px;
	padding : 0;
	border-radius : 50%;
	border-color : #c0a264;
}
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn:hover {
	background : none;
	border-color : black;
}
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn:before,
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn:after {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	display : block;
	margin-top : -13px;
	background : url('../../resources/imperial_christmas/images/i_sprite.png');
	background-size : 512px 512px;

	transition : opacity 0.5s;
}

.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:before,
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:after {
	width : 12px;
	height : 26px;
	margin-left : -6px;
}
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:before { background-position : 0 -22px; }
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:after { background-position : 0 -48px; opacity : 0; }
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:hover:before { opacity : 0; }
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:hover:after { opacity : 1; }

.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:before,
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:after {
	width : 26px;
	height : 26px;
	margin-left : -13px;
}
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:before { background-position : -12px -22px; }
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:after { background-position : -12px -48px; opacity : 0; }
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:hover:before { opacity : 0; }
.v3 .bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:hover:after { opacity : 1; }

.v3 .bloc_pushes .ctn_insta { display:table; margin:0 auto; font-size:0;}
.v3 .bloc_pushes .ctn_insta figure { display:table-cell; width:16.6666%; padding:5px;}
.v3 .bloc_pushes .ctn_insta img,
.v3 .bloc_pushes .ctn_insta a { display:block;}

/***/

@media screen and ( max-width : 960px ) {
	.v3 .bloc_pushes .ctn_content{margin:0; padding:20px 20px 0; }
}

@media screen and ( max-width : 767px ) {
	
	.v3 .bloc_pushes .t_title-header { font-size : 2.5rem; }
	.v3 .bloc_pushes .t_title-header small {
		margin-top : 15px;
		font-size : 1.5rem;
	}
	.v3 .bloc_pushes .ctn_content{padding:0;}
	.v3 .bloc_pushes .ctn_pushes { margin-bottom : 30px; }
	.v3 .bloc_pushes .ctn_pushes .obj_push {
		display : block;
		margin : 0;
		width : 100%;
		text-align : left;
		}
	.v3 .bloc_pushes .ctn_pushes .obj_push:nth-child(1),
	.v3 .bloc_pushes .ctn_pushes .obj_push:nth-child(2),
	.v3 .bloc_pushes .ctn_pushes .obj_push:nth-child(3) {
		padding: 0;
		}
	.v3 .bloc_pushes .ctn_pushes .obj_push a{
		display: flex;
		}	
		
		
	.v3 .bloc_pushes .obj_push .ctn_img,
	.v3 .bloc_pushes .obj_push .ctn_txt { display : inline-block; }
	.v3 .bloc_pushes .obj_push .ctn_img { width : 50%; }
	.v3 .bloc_pushes .obj_push .ctn_txt {
		flex: 1;
		margin-left : 5%;
		text-align : left;
		vertical-align : top;
	}
	.v3 .bloc_pushes .ctn_pushes .obj_push .t_title {
		padding : 0;
		margin : 0 0 10px 0;
		font-size : 1.3rem;
	}
	.v3 .bloc_pushes .ctn_bottom .t_title{font-size:2rem;}
	.v3 .bloc_pushes .ctn_bottom .ctn_img,
	.v3 .bloc_pushes .ctn_bottom .ctn_socialnetwork{width:100%;}
	.v3 .bloc_pushes .ctn_insta figure{display:inline-block; width:33.333%;}
	.v3 .bloc_pushes .ctn_insta figure:nth-of-type(n+4){
		display: none;
		}

}

/* ======================================== */
/*  .bloc_sellers
/* ======================================== */

.pg_home.v3 .bloc_sellers {
	padding-bottom: 0;
    background: white;
	}
.pg_home.v3 .bloc_sellers .ctn_products {
	padding: 150px 0px 75px 0px;
	}

/***/

@media screen and (max-width: 1024px) {
	
	.pg_home.v3 .bloc_sellers .ctn_products {
		padding: 0 0 75px 0;
		}

}

@media screen and (max-width: 767px) {
	
	.pg_home.v3 .bloc_sellers .ctn_products {
		padding: 75px 0 75px 0;
		}

}

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

/*  $ > Landing

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

/* ======================================== */
/*  .bloc_banner
/* ======================================== */

.pg_landing.v3 .bloc_banner {
	height: 460px;
	max-width: 1280px;
	margin: 0 auto;
	background: url("images/landing/v_banner.jpg") no-repeat center center / cover transparent;
	}
.pg_landing.v3 .bloc_banner .ctn_bloc {
	position: absolute;
	top: 30px;
	left: 27.5%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
	}

.pg_landing.v3 .bloc_banner .v_logo {
	width: 275px;
	margin: 0 auto;
	}
.pg_landing.v3 .bloc_banner .v_logo img {
	display: block;
	}
.pg_landing.v3 .bloc_banner h2 {
	margin-top: 20px;
	font-weight: 300;
	font-size: 2rem;
	text-transform: uppercase;
	}

/***/

@media screen and (max-width: 767px) {
	
	.pg_landing.v3 .bloc_banner {
		height: 230px;
		background: url("images/landing/v_banner.jpg") no-repeat 25% center / auto 100% transparent;
		}
	.pg_landing.v3 .bloc_banner .ctn_bloc {
		top: 20px;
		left: 5%;
		width: 40%;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		}
	.pg_landing.v3 .bloc_banner .v_logo {
		width: 130px;
		}
	.pg_landing.v3 .bloc_banner h2 {
		display: none;
		}
	
	}

/* ======================================== */
/*  .bloc_products
/* ======================================== */

.v3 .bloc_products .ctn_bloc {
	position: relative;
	max-width: 1070px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
	}

.v3 .bloc_products h2 {
	font: 3.2rem/1.2 "fortunato_titre", Sans-serif;
	color: #c0a264;
	text-transform: uppercase;
	}
.v3 .bloc_products h3 {
	margin-top: 10px;
	font: 4.2rem/1.2 "fortunato_titre", Sans-serif;
	text-transform: uppercase;
	}
.v3 .bloc_products h4 {
	font-weight: 400;
	font-size: 2rem;
	text-transform: uppercase;
	}
.v3 .bloc_products .v_badge {
	position: absolute;
	top: 75px;
	right: -50px;
	}
.v3 .bloc_products .t_quest {
	margin-top: 40px;
	font-size: 1.4rem;
	}
.v3 .bloc_products .t_quest a {
	position: relative;
	padding-left: 15px;
	color: #c0a264;
	text-decoration: underline;
	}
.v3 .bloc_products .t_quest a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	height: 6px;
	width: 6px;
	transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	border: solid 1px #c0a264;
	border-left: none;
	border-bottom: none;
	}

.v3 .bloc_products .carrousel_double_products {
	position: relative;
	margin-top: 50px;
	}
.v3 .bloc_products .carrousel_double_products .masque {
	overflow: hidden;
	}
.v3 .bloc_products .carrousel_double_products .item {
	min-width: 535px;
	max-width: 535px;
	text-align: center;
	}
.v3 .bloc_products .carrousel_double_products .nav .prev,
.v3 .bloc_products .carrousel_double_products .nav .next {
	text-indent: -9999px;
	}

.v3 .bloc_products .item {
	text-align: center;
	}
.v3 .bloc_products .item > * + * {
	margin-top: 10px;
	}
.v3 .bloc_products .item .v_product .obj_sticker.var_new {
	position: relative;
	}
.v3 .bloc_products .item .v_product .obj_sticker.var_new span {
	display: block;
	position: absolute;
	z-index: 1;
	top: 40px;
	right: 60px;
	height: 80px;
	width: 80px;
	font: 3rem/80px "fortunato_titre", Sans-serif;
	text-align: center;
	text-transform: uppercase;
	border-radius: 50%;
	border: solid 1px #c0a264;
	background-color: white;
	}
.v3 .bloc_products .item h4 {
	position: relative;
	z-index: 10;
	margin-top: -20px;
	font: 3rem/1.2 "fortunato_titre", Sans-serif;
	color: #c0a264;
	}
.v3 .bloc_products .item p {
	font-size: 1.6rem;
	line-height: 1.2;
    color: #000;
	}
.v3 .bloc_products .item .ctn_perfumer p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.4rem;
	text-transform: uppercase;
	}
.v3 .bloc_products .item .ctn_perfumer figure{
	height: 40px;
	}	
.v3 .bloc_products .item .ctn_perfumer figure img{
	height: 100%;	
	}
.v3 .bloc_products .ctn_thumbs {
	margin-top: 40px;
	}
.v3 .bloc_products .ctn_thumbs {
	display: flex;
	justify-content: center;
	}
.v3 .bloc_products  .ctn_thumbs .obj_thumb {
	opacity: 0.4;
	transition: all ease 400ms;
	}
.v3 .bloc_products  .ctn_thumbs .obj_thumb + .obj_thumb {
	margin-left: 0px;
	}
.v3 .bloc_products  .ctn_thumbs .obj_thumb.visible {
	opacity: 1;
	}
.v3 .bloc_products  .ctn_thumbs .obj_thumb.visible + .obj_thumb.visible {
	opacity: 1;
	}
.v3 .bloc_products  .ctn_thumbs .obj_thumb img {
	height: 80px;
	}

/***/

@media screen and (max-width: 767px) {
	
	.v3 .bloc_products .ctn_bloc {
		padding: 40px 20px;
		}
	
	.v3 .bloc_products h2 {
		font-size: 2rem;
		}
	.v3 .bloc_products h3 {
		font-size: 2.5rem;
		}
	.v3 .bloc_products h4 {
		margin-top: 10px;
		font-size: 1.5rem;
		}
	.v3 .bloc_products .v_badge {
		position: relative;
		display: block;
		width: 80px;
		right: 0;
		margin: 30px 0 -90px 76%;
		top: auto;
		z-index: 20;
		}
	.v3 .bloc_products .t_quest {
		display: none;
		}	
	.v3 .bloc_products .carrousel_double_products .item {
		min-width: 0px;
		}
	.v3 .bloc_products .item .v_product.var_new::before {
		top: 60px;
		right: 30px;
		height: 60px;
		width: 60px;
		font-size: 2.2rem;
		line-height: 60px;
		}
	.v3 .bloc_products .ctn_thumbs {
		display: none;
		}
	
}

/* ======================================== */
/*  .bloc_floral
/* ======================================== */

.v3 .bloc_floral .ctn_bloc {
	max-width: 1070px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
	}
.v3 .bloc_floral .t_title {
	font: 4.2rem/1.2 "fortunato_titre", Sans-serif;
	text-transform: uppercase;
	}
.v3 .bloc_floral .t_subtitle {
	font: 300 2rem/1.2 "Gotham SSm A", "Gotham SSm B";
	}
.v3 .bloc_floral .ctn_bloc figure{
	margin: 30px 0 0;
	}
.v3 .bloc_floral .ctn_video {
	position : relative;
	max-width : 860px;
	margin : 40px auto 0 auto;
	overflow : hidden;
}
.v3 .bloc_floral .ctn_video:before {
	content : '';
	display : block;
	padding-top : 56.3%;
	background : black;
}
.v3 .bloc_floral .obj_player {
	position : absolute;
	top : 0;
	left : 0;
}

.v3 .bloc_floral .obj_player .btn_play {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 60px;
	width: 60px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: url("images/i_player.png") no-repeat center center / 100% auto transparent;
	transition: all ease 400ms;
}
.v3 .bloc_floral .obj_player:hover .btn_play,
.v3 .bloc_floral .obj_player:focus .btn_play {
	opacity: 0.5;
}

/* BLOC INSTA */
	
.pg_produit	.bloc_insta{
	border: 1px solid #c0a264;
	}
.pg_produit	.bloc_insta .ctn_frame{
	margin: 100px auto;
	}	
.bloc_insta .ctn_frame {
	position: relative;
	max-width: 860px;
	margin: 30px auto 100px;
	padding: 30px;
	text-align: center;
	border-width: 20px 20px;
	border-image: url('images/landing/i_border.png') 20 20 20 20 fill stretch;
	border-style: solid;
	border-color: transparent;
	}
.bloc_insta .ctn_frame::before {
	content: "";
	display: block;
	position: absolute;
	top: -40px;
	left: 50%;
	height: 50px;
	width: 50px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	border-radius: 50%;
	border: solid 1px #c0a264;
	background: url("images/landing/i_instagram.png") no-repeat center center / 28px auto white;
	}
.bloc_insta .ctn_frame h3 {
	font: 3.2rem/1.2 "fortunato_titre", Sans-serif;
	color: #c0a264;
	text-transform: uppercase;
	}
.bloc_insta .ctn_frame p {
	margin: 10px 0 20px;
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 1.5;
	}
.bloc_insta .ctn_frame p a {
	font-weight: 700;
	color: inherit;
	}
.bloc_insta .ctn_frame .obj_btn{
	padding: 12px 22px;
	}
	
/***/

@media screen and (max-width: 767px) {
	
	.v3 .bloc_floral .ctn_bloc {
		padding: 30px 20px;
		}

	.v3 .bloc_floral .t_title {
		font-size: 2.5rem;
		}
	.v3 .bloc_floral .t_subtitle {
		margin-top: 10px;
		font-size: 1.4rem;
		}
	.v3 .bloc_floral .ctn_video {
		margin-top: 20px;
		}
	.pg_produit .bloc_insta .ctn_frame{
		margin: 50px auto;
		}
	.bloc_insta .ctn_frame {
		padding: 30px 10px;
		}
	.bloc_insta .ctn_frame h3 {
		font-size: 2rem;
		}
	.bloc_insta .ctn_frame p {
		margin-top: 10px;
		font-size: 1.4rem;
		}
	
}

/* ======================================== */
/*  .bloc_gestures
/* ======================================== */

.v3 .bloc_gestures {
	border-top: solid 1px #c0a264;
	}
.v3 .bloc_gestures .ctn_bloc {
	max-width: 1070px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
	}

.v3 .bloc_gestures .t_title {
	font: 4.2rem/1.2 "fortunato_titre", Sans-serif;
	text-transform: uppercase;
	}
.v3 .bloc_gestures .t_subtitle {
	font: 300 2rem/1.2 "Gotham SSm A", "Gotham SSm B";
	text-transform: uppercase;
	}

.v3 .bloc_gestures .carrousel_gestures .items {
	position: static;
	height: auto;
	width: auto;
	}
.v3 .bloc_gestures .carrousel_gestures .nav {
	display: none;
	}

.v3 .bloc_gestures .ctn_steps {
	margin-top: 50px;
	}
.v3 .bloc_gestures .ctn_steps .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
.v3 .bloc_gestures .items .item {
	width: 100%;
	max-width: 295px;
	margin: 0 30px 25px 30px;
	}
.v3 .bloc_gestures .items .item .ctn_video {
	position: relative;
    width: 295px; height: 295px;
	}
.v3 .bloc_gestures .items .item .ctn_video .t_number {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: -23px;
	font: 15rem/1 "fortunato_titre", Sans-serif;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	}
.v3 .bloc_gestures ul li p {
	margin-top: 20px;
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 1.8;
	}
.v3 .bloc_gestures .items .item .obj_video, 
.v3 .bloc_gestures video {
    position: absolute; top: 0; left: 0;
	width: 295px;
	height: 295px;
}
.v3 .bloc_gestures video {
    opacity: 0;
	transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}
.v3 .bloc_gestures video:hover {
    opacity: 100;
	transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
}

/***/

@media screen and (max-width: 767px) {
	
	.v3 .bloc_gestures {
		margin-bottom: 20px;
	}
	.v3 .bloc_gestures .ctn_steps {
		margin-top: 20px;
	}
	.v3 .bloc_gestures .t_title {
		font-size: 2.5rem;
		}
	.v3 .bloc_gestures .t_subtitle {
		margin-top: 10px;
		font-size: 1.5rem;
		}
	
	.v3 .bloc_gestures .carrousel_gestures {
		width: 280px;
		margin: 0 auto;
		}
	.v3 .bloc_gestures .carrousel_gestures .masque {
		overflow: hidden;
		}
	.v3 .bloc_gestures .carrousel_gestures .items {
		display: block;
		position: absolute;
		height: 100%;
		width: 10000px;
		}
	.v3 .bloc_gestures .carrousel_gestures .item {
		width: 175px;
		margin: 0;
		}
	.v3 .bloc_gestures .items .item .ctn_video .t_number {
		transform: translateX(20%);
	}
	.v3 .bloc_gestures .carrousel_gestures .nav {
		display: block;
		}
	.obj_carrousel .nav button {
		margin-top: -50px;
		}
	.obj_carrousel .nav .next {
		right: 0;
	}
	.obj_carrousel .nav .prev {
		left: 0;
	}
	.obj_carrousel .nav ul {
		bottom: -30px;
		}
	.obj_carrousel .nav ul li a {
		background-color: #d9d9d9;
		}
	.obj_carrousel .nav ul li.active a {
		background-color: #c0a264;
		}
	.v3 .bloc_gestures .carrousel_gestures .nav .prev,
	.v3 .bloc_gestures .carrousel_gestures .nav .next {
		text-indent: -9999px;
		}
	
	.v3 .bloc_gestures .obj_step .ctn_video {
		width: 100%;
		}
	.v3 .bloc_gestures .obj_step p {
		font-size: 1.4rem;
		}
	.v3 .bloc_gestures .items .item .obj_video {
		width: 280px;
		height: 280px;
	}
	
}

/* ======================================== */
/*  .bloc_point-sale
/* ======================================== */

.pg_landing.v3 .bloc_point-sale {
	padding: 0;
	}

/* ======================================== */
/*  .bloc_history
/* ======================================== */

.v3 .bloc_history {
	margin-top: 80px;
	background: url("images/landing/bg_history.jpg") no-repeat top center white;
	}

.v3 .bloc_history .carrousel_history {
	position: relative;
	margin: 40px;
	padding: 0px 60px;
	}
.v3 .bloc_history .carrousel_history {
	position: relative;
	margin: 40px;
	padding: 0px 60px;
	}
.v3 .bloc_history .carrousel_history .masque {
	overflow: hidden;
	}	
.v3 .bloc_history .carrousel_history .nav .prev,
.v3 .bloc_history .carrousel_history .nav .next {
	text-indent: -9999px;
	right: 0;
	}
.v3 .bloc_history .carrousel_history .ctn_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.v3 .bloc_history .carrousel_history .ctn_row .ctn_col {
	width: 100%;
	max-width: 47.5%;
	margin: 0;
	}
.v3 .bloc_history .carrousel_history .t_title {
	font-weight: 700;
	font-size: 1.6rem;
	color: #c0a264;
	}
.v3 .bloc_history .carrousel_history .t_title + p {
	margin-top: 5px;
	}
.v3 .bloc_history .carrousel_history .t_intro {
	font-size: 1.5rem;
	line-height: 1.4;
	color: black;
	}
.v3 .bloc_history .carrousel_history p {
	font-size: 1.3rem;
	color: #7f7f7f;
	}
.v3 .bloc_history .carrousel_history p ~ p {
	margin-top: 20px;
	}

/***/

@media screen and (max-width: 767px) {
	
	.v3 .bloc_history .carrousel_history {
		margin: 0 0 20px 0;
		padding: 0 20px;
		}
	.v3 .bloc_history .carrousel_history .ctn_row {
		flex-direction: column;
		}
	.v3 .bloc_history .carrousel_history .ctn_row .ctn_col {
		max-width: 280px;
		}
	.v3 .bloc_history .carrousel_history .ctn_row .ctn_col + .ctn_col {
		margin-top: 20px;
		}
	.v3 .bloc_history .carrousel_history .nav button{	
		top: 130px;
		}	
	
}

/* BLOC VIDEO */
@media screen and (max-width: 767px) {
	.bloc_videos {
		padding-bottom: 30px;
		}
	.bloc_videos .t_title-header {
		margin-top: 0;
		padding-bottom: 10px;
		}
	.bloc_videos .t_desc-header{
		margin-bottom: 18px;
		font-size: 1.4rem;
		}
}	
	
/* BLOC LOYALTY */
@media screen and (max-width: 767px) {
	.bloc_loyalty-program{
		padding: 0;
		}
	.bloc_loyalty-program .ctn_content {
		padding: 30px 0;
		
		}
}