/*
	CONFIG
	STRUCTURE
	OBJETS
	RESPONSIVE
*/



/* CONFIG */
.var_imperial-christmas .bloc_nav { box-shadow : 0 6px 5px -5px rgba(0,0,0,0.15); }
.var_imperial-christmas .bloc_nav .ctn_nav-level-2 {
	top : 44px;
	box-shadow : none;
}
.var_imperial-christmas .bloc_nav .ctn_nav-level-1 > ul > li > a:after { bottom : 1px; }

.var_imperial-christmas .ctn_content.ctn_page {
	max-width : inherit;
	margin : 0 auto;
	padding : 60px 0 70px 0;
	background : url('../../resources/imperial_christmas/images/f_toile.jpg') repeat-y center top;
	border : none;
}

.var_imperial-christmas .t_title-header::after { display : none; }
.var_imperial-christmas .obj_carrousel .obj_product .ctn_img {
	margin:-20px auto 0;
	height:220px;
}
.var_imperial-christmas .obj_carrousel .obj_product .ctn_img img {
	max-width : inherit;
	width : auto;
	height : 100%;
}
.var_imperial-christmas .obj_carrousel .nav button {
	height : 48px;
	width : 24px;
	margin-top : -24px;
}

.var_imperial-christmas .obj_player .btn_play {
	position : absolute; z-index:1;
	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%);
}
.var_imperial-christmas .obj_player .btn_play:before,
.var_imperial-christmas .obj_player .btn_play:after {
	content : '';
	display : block;
	position : absolute;
	left : 50%;
	box-sizing : border-box;
}
.var_imperial-christmas .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;
}
.var_imperial-christmas .obj_player:hover .btn_play:before { background : rgba(250, 250, 250, 0.125); }
.var_imperial-christmas .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;
}



.bloc_after-christmas {
	padding-bottom : 90px;
	border-bottom : 1px solid #c0a264;
}
.bloc_after-christmas .t_title-header { max-width : inherit; }
.bloc_after-christmas p {
	margin : 20px 0 30px 0;
	text-align : center;
	font-size : 2rem; 
	font-weight : 300;
}
.bloc_after-christmas .obj_carrousel {
	position : relative;
	max-width : 860px;
	height : 483px;
	margin : 0 auto;
}
.bloc_after-christmas .obj_carrousel .masque { overflow : hidden; }
.bloc_after-christmas .obj_carrousel .ctn_video {
	position : relative;
	overflow : hidden;
}
.bloc_after-christmas .obj_carrousel .ctn_video:before {
	content : '';
	display : block;
	padding-top : 55%;
	background : black;
}
.bloc_after-christmas .obj_carrousel .ctn_video > img {
	position: absolute;
	top : 0;
	left : 50%;
	height : 100%;
	width : auto;
	transform : translateX(-50%);
}
.bloc_after-christmas .obj_player {
	position : absolute;
	top : 0;
	left : 0;
}
.bloc_after-christmas .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);
}
.bloc_after-christmas .obj_carrousel .nav ul { bottom : -30px; }
.bloc_after-christmas .obj_carrousel .nav ul li a { background : #e3e3e3; }
.bloc_after-christmas .obj_carrousel .nav ul li.active a { background : #c0a264; }
.bloc_after-christmas .obj_carrousel .nav .prev { left : -55px; }
.bloc_after-christmas .obj_carrousel .nav .next { right : -55px; }


.bloc_after-christmas .item.video .ctn_video:before { background : none; }
.bloc_after-christmas .item.video .obj_player {
	width : 55%;
	left : 50%;
	transform : translateX(-50%);
	overflow : hidden;
}


.bloc_carrousel-produit.bloc_frame .ctn_content { max-width : 1030px; }
.bloc_carrousel-produit .t_title-header {
	max-width : inherit;
	margin : 30px 0;
}
.bloc_carrousel-produit .obj_carrousel { overflow : hidden; }
.bloc_carrousel-produit .obj_carrousel .nav .prev { left : 30px; }
.bloc_carrousel-produit .obj_carrousel .nav .next { right : 30px; }
.bloc_carrousel-produit .obj_carrousel ~ .ctn_btn { margin : 40px 0 30px 0; }



.pg_produit .bloc_diag { 
	border : 1px solid #c0a264;
	border-left : none;
	border-right : none;
}



.bloc_en-tete {
	display : block;
	height : 668px;
	border-bottom : 1px solid #c0a264;
	background : url('../../resources/imperial_christmas/images/f_header-home.jpg') no-repeat center top;
}
.bloc_en-tete .ctn_content {
	position : absolute;
	left : 50%;
	top : 110px;
	width : 430px;
	margin-left : 165px;
}
.bloc_en-tete .t_title-header {
	margin : 0 0 5px 0;
	font-size : 5.3rem;
	line-height : 0.9;
	color : #f5d679;
}
.bloc_en-tete .ctn_content-header {
	text-align : center;
	color : white;
}
.bloc_en-tete .ctn_encart {
	position : relative;
	display : inline-block;
	padding : 25px 35px;
	margin-bottom : 20px;
	text-transform : uppercase;
	font-size : 2.6rem;
}
.bloc_en-tete .ctn_encart:before,
.bloc_en-tete .ctn_encart:after {
	content : '';
	position : absolute;
	display : block;
	width : 42px;
	height : 42px;
	background : url('../../resources/imperial_christmas/images/i_sprite.png') no-repeat -54px 0;
}
.bloc_en-tete .ctn_encart:before {
	top : 0;
	left : 0;
}
.bloc_en-tete .ctn_encart:after {
	bottom : 0;
	right : 0;

	transform : rotate(180deg);
		-webkit-transform : rotate(180deg);
			-ms-transform : rotate(180deg);
}
.bloc_en-tete .obj_btn {
	font-size : 1.6rem;
	color : #c0a264;
	border-color : #c0a264;
	background : white;
}
.bloc_en-tete .obj_btn:hover { color : black; }



.bloc_en-tete-gift {
	padding-top : 455px;
	background : url('../../resources/imperial_christmas/images/v_header-gift.jpg') no-repeat center top;
}
.bloc_en-tete-gift .str_bottom {
	border : 1px solid #c0a264;
	border-left : 0;
	border-right : 0;
}
.bloc_en-tete-gift .ctn_content {
	position : relative;
	max-width : 860px;
	margin : 35px auto;
	padding : 20px 0 25px 0;
	text-align : center;
	font-size : 1.8rem;
}
.bloc_en-tete-gift .ctn_content:before,
.bloc_en-tete-gift .ctn_content:after {
	content : '';
	position : absolute;
	display : block;
	width : 42px;
	height : 42px;
	background : url('../../resources/imperial_christmas/images/i_sprite.png') no-repeat -54px 0;
}
.bloc_en-tete-gift .ctn_content:before {
	top : 0;
	left : 0;
}
.bloc_en-tete-gift .ctn_content:after {
	right : 0;
	bottom : 0;
	transform : rotate(180deg);
}
.bloc_en-tete-gift .ctn_content .t_title-header {
	max-width : inherit;
	margin : 0 0 25px 0;
	text-transform : uppercase;
	font : 4.2rem 'fortunato_titre';
	color : #c0a264;
}
.bloc_en-tete-gift .ctn_content p {
	line-height : 1.5;
	font-weight : 300;
}
.bloc_en-tete-gift .ctn_content strong { font-weight : 400; }



.bloc_pushes {
	margin-bottom : 0;
	border-top : 1px solid #c0a264;
	border-bottom : 1px solid #c0a264;
}
.bloc_pushes .t_title-header {
	max-width : inherit;
	margin : 0 auto 30px auto;
}
.bloc_pushes .ctn_content > .ctn_content {
	max-width : 1030px;
	padding : 40px 0 50px 0;
}
.bloc_pushes .ctn_video {
	position : relative;
	max-width : 860px;
	margin : 0 auto 30px auto;
	overflow : hidden;
}
.bloc_pushes .ctn_video:before {
	content : '';
	display : block;
	padding-top : 55%;
	background : black;
}
.bloc_pushes .obj_player {
	position : absolute;
	top : 0;
	left : 0;
}
.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);
}
.bloc_pushes .ctn_pushes {
	display : inline-block;
	max-width : 860px;
	margin : 0 auto 65px auto;
	font-size : 0;
}
.bloc_pushes .ctn_pushes .obj_push {
	width : 33.3333%;
	height : auto;
	text-align : center;
}
.bloc_pushes .ctn_pushes .obj_push + .obj_push { margin-left : 0; }
.bloc_pushes .ctn_pushes .obj_push:nth-child(1) {padding-right: 10px; }
.bloc_pushes .ctn_pushes .obj_push:nth-child(2) {padding-left: 5px; padding-right: 5px; }
.bloc_pushes .ctn_pushes .obj_push:nth-child(3) {padding-left: 10px; }
.bloc_pushes .ctn_pushes .obj_push .ctn_img { margin-bottom : 15px; }
.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;
}
.bloc_pushes .ctn_pushes .obj_push .t_title:hover { color : #c0a264; }
.bloc_pushes .ctn_pushes .obj_push .obj_btn {
	position : relative;
	bottom : auto;
	right : auto;
	font-weight : 700;
}
.bloc_pushes .ctn_bottom {
	max-width : 860px;
	margin : 0 auto;
	text-align : left;
	font-size : 0;
	border-width : 11px 11px;
	border-image : url('../../resources/imperial_christmas/images/border-filet.png') 11 11 11 11 fill stretch;
	border-style : solid;
	border-color : transparent;
}
.bloc_pushes .ctn_bottom .ctn_img,
.bloc_pushes .ctn_bottom .ctn_socialnetwork {
	display : inline-block;
	width : 50%;
}
.bloc_pushes .ctn_socialnetwork {
	padding-top : 30px;
	text-align : center;
	vertical-align : top;
}
.bloc_pushes .ctn_socialnetwork .t_title {
	margin-bottom : 20px;
	text-transform : uppercase;
	font : 300 2.2rem/1 "Gotham SSm A", "Gotham SSm B";
}
.bloc_pushes .ctn_socialnetwork li { display : inline-block; }
.bloc_pushes .ctn_socialnetwork li ~ li { margin-left : 17px; }
.bloc_pushes .ctn_socialnetwork .obj_btn {
	position : relative;
	display : block;
	width : 57px;
	height : 57px;
	padding : 0;
	border-radius : 50%;
	border-color : #c0a264;
}
.bloc_pushes .ctn_socialnetwork .obj_btn:hover {
	background : none;
	border-color : black;
}
.bloc_pushes .ctn_socialnetwork .obj_btn:before,
.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;
}

.bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:before,
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:after {
	width : 12px;
	height : 26px;
	margin-left : -6px;
}
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:before { background-position : 0 -22px; }
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:after { background-position : 0 -48px; opacity : 0; }
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:hover:before { opacity : 0; }
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_facebook:hover:after { opacity : 1; }

.bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:before,
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:after {
	width : 26px;
	height : 26px;
	margin-left : -13px;
}
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:before { background-position : -12px -22px; }
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:after { background-position : -12px -48px; opacity : 0; }
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:hover:before { opacity : 0; }
.bloc_pushes .ctn_socialnetwork .obj_btn.btn_instagram:hover:after { opacity : 1; }



.bloc_sellers .ctn_content {
	padding : 250px 0 100px 0;
	max-width : 840px;
}
.bloc_sellers .ctn_products { padding : 0; }
.bloc_sellers li { width : 33.33%; }


.bloc_store .ctn_content { max-width : 1030px; }
.bloc_store a { color : black; }
.bloc_store .t_title-header {
	max-width : inherit;
	margin-bottom : 40px;
}
.bloc_store .ctn_img { margin-bottom : 40px; }
.bloc_store .ctn_btn { margin-bottom : 30px; }









/* OBJETS */
.obj_diag {
	position : relative;
	width : 100%;
	padding : 0;
	min-height : 638px;
	background : url('images/f_bloc-diag.jpg') no-repeat center center;
	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 : 638px;
	
	opacity : 0;
	z-index : 1;

	transition : opacity 0.5s;
}
.obj_diag .item.current { opacity : 1; }

.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;
	font-weight : 300;
	padding: 0 60px;
}
.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;
	display : block;
	top: auto;
	left: auto;
}
.obj_diag .item label:before {
	bottom : 90px;
	right : 20px;
	width : 60px;
	height : 60px;
	background : rgba(0,0,0,0.3);
	border-radius : 50%;
	z-index : 1;
	transition : all 0.5s;
	margin: 0;
}
.obj_diag .item label:hover:before {
	background : rgba(0,0,0,0.5);
	width: 60px;
	height: 60px;
	margin: 0;
}
.obj_diag .item span[aria-checked='true'] ~ label:before {
	background : #c0a264;
	width: 60px;
	height: 60px;
}
.obj_diag .item label:after {
	bottom : 104px;
	right : 33px;
	width : 33px;
	height : 27px;
	background : url('images/i_sprite.png');

	z-index : 2;
}
.obj_diag .item label:after { background-position : 0 -148px; }
.obj_diag .item span[aria-checked='true'] ~ label:after { background-position : -33px -148px; }
.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 .item05 .next {
	background : white;
	color:#000;
}
.obj_diag .item .obj_btn:hover {
	background : black;
	border-color : black;
}
.obj_diag .item05 .next:hover {
	color:#fff;
}

/* INTRO */
.obj_diag .item.item01 .ctn_content {
	top : 75px; top : 60px;
	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 : 54px;
	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 : 15px;
	color : black;
	line-height:1.05em;
}
.obj_diag .item.item01 .ctn_img { margin : 30px auto 20px auto; }
.obj_diag .item.item01 .obj_btn {
	color : inherit;
	border-color : #000;
}
.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 {
	min-height : inherit;
	padding : 70px 0;
}
.obj_diag.var_result .ctn_content {
	position : relative;
	width : 720px;
	margin : 0 auto;
	text-align : center;
	border-width: 168px 168px;
	border-image: url('../../resources/imperial_christmas/images/border-carrousel.png') 168 168 168 168 fill stretch;
	border-style: solid;
	border-color: transparent;
	background : white;
	z-index : 1;
}
.obj_diag.var_result .ctn_content > div {
	position: relative;
	margin: -168px;
	padding : 50px 0;
}
.obj_diag.var_result .t_title-header {
	max-width : inherit;
	margin-top : 0;
	margin-bottom : 15px;
	font-size : 3rem;
}
.obj_diag.var_result .t_title-header:after {
	content : '';
	display : block;
	height : 23px;
	margin : 10px auto;
	background : url('../../includeV3/images/heading-decorator.svg') no-repeat center center / auto 100%;
}
.obj_diag.var_result .obj_carrousel {
	width : 570px;
	margin : 0 auto;
	overflow : hidden;
}
.obj_diag.var_result .obj_carrousel .masque { width : 50%; }
.obj_diag.var_result .obj_carrousel .item {
	height : auto;
	opacity : 1;
}
.obj_diag.var_result .obj_carrousel .obj_product .ctn_img {
	width : 200px;
	height : 200px;
	margin : 0 auto;
}
.obj_diag.var_result .obj_carrousel .obj_product .obj_btn {
	border-color : black;
	color : black;
}
.obj_diag.var_result .obj_carrousel .obj_product .obj_btn:hover { color : white; }
.obj_diag.var_result .obj_carrousel .nav .prev { left : 40px; }
.obj_diag.var_result .obj_carrousel .nav .next { right : 40px; }



/* SURCHARGES */
.pg_home .bloc_carrousel-produit { margin-top : -135px; }
.pg_home .bloc_carrousel-produit .ctn_content {
	max-width : 1030px;
	margin-bottom : 65px;
	background : white;
	border-width : 168px 168px;
	border-image : url('../../resources/imperial_christmas/images/border-carrousel.png') 168 168 168 168 fill stretch;
	border-style : solid;
	border-color : transparent;
}
.pg_home .bloc_carrousel-produit .ctn_content > div {
	position : relative;
	margin : -168px;
}
.pg_home .bloc_carrousel-produit .t_title-header { margin-top : 55px; }
.pg_home .bloc_carrousel-produit .obj_carrousel { margin : 0 50px 80px 50px; }



/* RESPONSIVE */
@media screen and ( min-width : 768px ) {
	.obj_diag .item.item04 .nav_item .obj_btn {
		position : absolute;
		top : 50%;
		left : 50%;
		margin : 0;
		padding : 0;
		width : 30px;
		height : 30px;
		margin-top : -15px;

		border : 2px solid white;

		transform : rotate(-45deg);
	}
	.obj_diag .item.item04 .nav_item .obj_btn:hover { background : none; }
	.obj_diag .item.item04 .nav_item .obj_btn.prev_item {
		margin-left : -610px;
		border-bottom : none;
		border-right : none;
		display : none;
	}
	.obj_diag .item.item04 .nav_item .obj_btn.next_item {
		margin-left : 590px;
		border-top : none;
		border-left : none;
	}
	.obj_diag .item.item04 .ctn_liste {
		position : relative;
		height : 345px;
		width : 1130px;
		margin : 0 auto 38px auto;
		overflow : hidden;
	}
	.obj_diag .item.item04 .ctn_liste ul {
		position : absolute;
		top : 0;
		left : 0;
		width : 2280px; width : 1590px;
		transition : transform 0.75s ease-in-out;
	}
	.obj_diag .item.item04 .ctn_liste.next ul { transform : translateX(-1150px); }
}

@media screen and ( max-width : 960px ) {
	.bloc_after-christmas .obj_carrousel{max-width:640px; height:360px;}
}
@media screen and ( min-width : 768px ) and ( max-width : 1130px ) {
	
	.obj_diag { background-size : auto 100%; padding:30px; }
	.obj_diag .t_title-header { font-size : 3.5rem; }
	.obj_diag .item .ctn_content { top : 60px; }
	.obj_diag .item.item01 .ctn_content { top : 0; }
	.obj_diag .item .ctn_error { top : 65px; }
	.obj_diag .item { height : 540px; }
	.obj_diag .item label:before { bottom : 65px; }
	.obj_diag .item label:after { bottom : 80px; }
	.obj_diag .item label .ctn_legend {
		width : 140px;
		height : 40px;
		line-height : 40px;
	}
	.obj_diag .item.item04 .ctn_liste {
		width : 870px;
		height : 285px;
	}
	.obj_diag .item.item04 .ctn_liste ul { width : 1760px; width : 1226px; }
	.obj_diag .item.item04 .ctn_liste.next ul { transform : translateX(-890px); }
	.obj_diag .item label {
		width : 158px;
		height : 259px;
		margin-top : 25px;
	}
	.obj_diag .item.item04 .nav_item .obj_btn.prev_item { margin-left : -490px; margin-left : -475px;}
	.obj_diag .item.item04 .nav_item .obj_btn.next_item { margin-left : 470px; margin-left : 445px;}
}

@media screen and ( max-width : 767px ) {
	.var_imperial-christmas .t_title-header span { display : block; }
	.var_imperial-christmas .ctn_content.ctn_page { padding : 30px 0; }
	
	.pg_produit .bloc_frame .ctn_content { margin-bottom : 0; }

	.bloc_after-christmas { padding-bottom : 55px; }
	.bloc_after-christmas .t_title-header {
		width : 248px;
		margin:20px auto 10px;
		margin-left : auto;
		margin-right : auto;
		font-size : 2.5rem;
	}
	.bloc_after-christmas p {
		width : 248px;
		margin : 10px 0 30px auto;
		margin-right : auto;
		font-size : 1.4rem;
	}
	.bloc_after-christmas .obj_carrousel {
		width : 248px;
		height : 135px;
	}
	.bloc_after-christmas .obj_carrousel .nav .prev { left : -40px; }
	.bloc_after-christmas .obj_carrousel .nav .next { right : -40px; }
	


	.bloc_carrousel-produit .t_title-header {
		margin : 20px auto 0 auto;
		font-size : 2.5rem;
	}
	.bloc_carrousel-produit .t_title-header .t_small {
		margin-top : 5px;
		font-size : 1.5rem;
	}



	.bloc_en-tete {
		height : 223px;
		background-size : auto 100%;
		background-position : 65% top;
	}
	.bloc_en-tete:before {
		content : '';
		display : block;
		width : 60%;
		height : 100%;
		position : absolute;
		top : 0;
		right : 0;
		
		background: -moz-linear-gradient(left, rgba(229,229,229,0) 0%, rgba(27,22,46,0.5) 25%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(229,229,229,0) 0%,rgba(27,22,46,0.5) 25%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(229,229,229,0) 0%,rgba(27,22,46,0.5) 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#801b162e',GradientType=1 ); /* IE6-9 */

		z-index : 0;
	}
	.bloc_en-tete .ctn_content {
		top : 35px;
		width : 130px;
		margin-left : 10px;
	}
	.bloc_en-tete .t_title-header {
		position : relative;
		font-size : 2.4rem;
	}
	.bloc_en-tete .ctn_encart { display : none; }
	.bloc_en-tete .obj_btn {
		margin-top : 15px;
		padding : 4px;
		font-size : 1rem;
	}

	.bloc_en-tete-gift {
		padding-top : 245px;
		background-size : auto 245px;
	}
	.bloc_en-tete-gift .ctn_content { margin : 10px; }
	.bloc_en-tete-gift .ctn_content .t_title-header {
		font-size : 2.4rem;
		margin-bottom : 20px;
	}
	.bloc_en-tete-gift .ctn_content p { font-size : 1.4rem; }
	.bloc_en-tete-gift .ctn_content p br { display : none; }



	.bloc_pushes .ctn_content > .ctn_content {
		padding : 22px 0 0 0;
		margin-bottom : 0;
	}
	.bloc_pushes .t_title-header { font-size : 2.5rem; }
	.bloc_pushes .t_title-header small {
		margin-top : 15px;
		font-size : 1.5rem;
	}
	.bloc_pushes .ctn_pushes { margin-bottom : 30px; }
	.bloc_pushes .ctn_pushes .obj_push {
		display : block;
		margin : 0;
		width : 100%;
		text-align : left;
		}
	.bloc_pushes .ctn_pushes .obj_push:nth-child(1),
	.bloc_pushes .ctn_pushes .obj_push:nth-child(2),
	.bloc_pushes .ctn_pushes .obj_push:nth-child(3) {padding: 0; }
	.bloc_pushes .obj_push .ctn_img,
	.bloc_pushes .obj_push .ctn_txt { display : inline-block; }
	.bloc_pushes .obj_push .ctn_img { width : 50%; }
	.bloc_pushes .obj_push .ctn_txt {
		width : 45%;
		margin-left : 5%;
		text-align : left;
		vertical-align : top;
	}
	.bloc_pushes .ctn_pushes .obj_push .t_title {
		padding : 0;
		margin : 0 0 18px 0;
		font-size : 1.3rem;
	}
	.bloc_pushes .ctn_bottom .ctn_img {
		position : relative;
		height : 85px;
		overflow : hidden;
	}
	.bloc_pushes .ctn_bottom .ctn_img img {
		position : absolute;
		top : 0;
		left : 50%;
		max-width : inherit;
		width : auto;
		height : 100%;
		transform : translateX(-50%);
	}
	.bloc_pushes .ctn_socialnetwork { padding-top : 10px; }
	.bloc_pushes .ctn_socialnetwork li ~ li { margin-left : 8px; }
	.bloc_pushes .ctn_socialnetwork .t_title {
		font-size : 1.3rem;
		line-height:1.15em;
		margin : 0 auto 5px;
		max-width:100px;
	}
	.bloc_pushes .ctn_socialnetwork .obj_btn { 
		width:40px; height:40px;
		}
	.bloc_pushes .ctn_socialnetwork .obj_btn:before { 
		transform:scale(0.7);
		}



	.bloc_sellers .ctn_content { padding : 60px 0 0 0; }
	.bloc_sellers li { width : 100%; }


	.bloc_store .t_title-header {
		margin : 20px 0 0 0;
		font-size : 2.5rem;
	}
	.bloc_store .t_small {
		margin : 5px 0 25px 0;
		font-size : 1.5rem;
	}
	.bloc_store .ctn_img { margin-bottom : 25px; }
	.bloc_store .ctn_btn { margin-bottom : 20px; }


	.pg_home .bloc_carrousel-produit {
		width : 300px;
		margin : -40px auto 0 auto;
		border-bottom : none;
		overflow : hidden;
	}
	.pg_home .bloc_carrousel-produit .ctn_content {
		margin-bottom : 30px;
		border-width: 88px 88px;
	}
	.pg_home .bloc_carrousel-produit .ctn_content > div { margin : -88px; }
	.pg_home .bloc_carrousel-produit .t_title-header {
		max-width : 205px;
		margin : 35px auto 0 auto;
		font-size : 2.5rem;
	}
	.pg_home .bloc_carrousel-produit .t_title-header .t_small { display : none; }
	.pg_home .bloc_carrousel-produit .obj_carrousel {
		margin : 0 0 40px 0;
		overflow : initial;
	}
	.pg_home .bloc_carrousel-produit .obj_carrousel .obj_product .ctn_img {
		width : 200px;
		height : 200px;
		margin : 0 auto;
	}
	.pg_home .bloc_carrousel-produit .obj_carrousel .nav ul { display : none !important; }



	.pg_produit .bloc_carrousel-produit .t_title-header .t_small { display : none; }



	.pg_gifts .ctn_content.ctn_page .bloc_frame { margin-bottom : 0; }
	.pg_gifts .ctn_content.ctn_page .bloc_frame .ctn_content { margin-bottom : 30px; }
	


	.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 : 440px; }
	.obj_diag .item .ctn_content { top : 60px; }
	.obj_diag .item.item04 .nav_item { display : none; }
	.obj_diag .item .t_title-header {
		margin-bottom : 20px;
		font-size : 2.4rem;
	}
	.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 : 30px; }
	/*
	.obj_diag .item.item04 .ctn_error,
	.obj_diag .item.item05 .ctn_error { top : 57px; }
	*/
	.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,
	.obj_diag .item label:after {
		transform-origin : 50% 50%;
		transform : scale(0.75);
	}
	.obj_diag .item label:before { bottom : 50px; right : 5px; }
	.obj_diag .item label:after { bottom : 64px; right : 18px;}
	.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_content {
		width : 300px;
		margin : 0 auto;
		min-height : 400px;
		border-width: 84px 84px;
		border-image: url(../../resources/imperial_christmas/images/border-carrousel-mob.png) 84 84 84 84 fill stretch;
	}
	.obj_diag.var_result .ctn_content > div{margin:-83px;}
	.obj_diag.var_result .t_title-header {
		margin : 10px auto 15px auto;
		font-size : 2rem;
	}
	.obj_diag.var_result .obj_carrousel .masque { width : 100%; }

}

@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 : 25px; }
	.obj_diag .item.item02 .ctn_error { top : 26px; }
	.obj_diag .item.item04 .ctn_error, .obj_diag .item.item05 .ctn_error{top:50px;}
	.obj_diag .item { height : 440px; }
	.obj_diag .item .ctn_liste{margin-bottom:0;}
}