/* ---------------------------------------- */
/*  $ > Voeux 2023
/* ---------------------------------------- */

.main-header{
	display:none;
	}

/* ======================================== */
/* bloc_voeux-2023
/* ======================================== */

.bloc_voeux-2023 .content{
	display:flex;
	padding:var(--aox-140px) var(--aox-90px) var(--aox-260px) var(--aox-90px);
	}
.bloc_voeux-2023 .ctn_text{
	box-sizing:border-box;
	width:var(--aox-570px);
	padding-top:var(--aox-20px);
	padding-right:var(--aox-40px);
	}
.bloc_voeux-2023 .ctn_text .t_title{
	margin-bottom:var(--aox-10px);
	font-size:var(--aox-fs-60px); line-height:var(--aox-lh-90);
	color:#000;
	font-weight:900;
	}
.bloc_voeux-2023 .ctn_text .t_desc{
	margin-bottom:var(--aox-45px);
	font-size:var(--aox-fs-20px); line-height:var(--aox-lh-100);
	color:#000;
	font-weight:900;
	text-transform:uppercase;
	}
.bloc_voeux-2023 .ctn_text .v_logo-mft{
	margin-bottom:var(--aox-60px);
	width:var(--aox-90px); height:var(--aox-193px);
	}
.bloc_voeux-2023 .ctn_text .b_std{
	 color:#FF4242;
	 }

/***/

@media screen and (max-width:767px){
	.bloc_voeux-2023 .content{
		position:relative;
		flex-direction:column;
		padding:var(--aox-45px) var(--aox-25px) var(--aox-120px) var(--aox-25px);
		}
	.bloc_voeux-2023 .ctn_text{
		display:flex;
		flex-direction:row-reverse;
		align-items:flex-end;
		justify-content:space-between;
		padding:0;
		width:100%;
		margin-bottom:var(--aox-60px);
		}
	.bloc_voeux-2023 .ctn_title{
		padding-right:var(--aox-20px);
		}
	.bloc_voeux-2023 .ctn_text .v_logo-mft{
		margin-bottom:0;
		width:var(--aox-45px); height:var(--aox-97px);
		}
	.bloc_voeux-2023 .ctn_text .t_title{
		margin-bottom:var(--aox-5px);
		font-size:var(--aox-fs-30px);
		}
	.bloc_voeux-2023 .ctn_text .t_desc{
		margin-bottom:0;
		font-size:var(--aox-fs-16px);
		}
	.bloc_voeux-2023 .ctn_text .cta-container{
		position:absolute;
		left:var(--aox-25px); bottom: 0;
		}
}

/* ======================================== */
/* obj_frame-voeux
/* ======================================== */

.ctn_frame-voeux{
	position:relative;
	}
.obj_frame-voeux{
	position:relative;
	width:var(--aox-690px); height:var(--aox-690px);
	margin:0 auto;
	transition:transform .3s ease, opacity .3s ease;
	}
.obj_frame-voeux.is-loading{
	transform:scale(0.8);
	opacity:0;
	}
.obj_frame-voeux .v_layer{
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	perspective:800px;
	transition:all 0.25s ease-out;
	}
.obj_frame-voeux .v_wrapper{
	width:100%; height:100%;
	transition:transform .2s ease-out;
	}
.obj_frame-voeux .v_wrapper img{
	width:100%; height:100%;
	}

.obj_frame-voeux .layer_fond{
	z-index:1;
	transform:translateZ(0px);
	}
.obj_frame-voeux .layer_momox{
	z-index:2;
	transform:translateZ(10px);
	}
.obj_frame-voeux .layer_perso{
	z-index:3;
	transform:translateZ(20px);
	}
.obj_frame-voeux .layer_expression{
	z-index:4;
	transform:translateZ(30px);
	}
.obj_frame-voeux .layer_forme{
	z-index:5;
	transform:translateZ(40px);
	mix-blend-mode:darken;
	}

.obj_frame-voeux.is-elastic .v_momox{
	animation:elasticMomox 0.5s ease;
	}
.obj_frame-voeux.is-elastic .v_perso{
	animation:elasticPerso 0.5s ease;
	}
.obj_frame-voeux.is-elastic .v_expression{
	animation:elasticExpression 0.5s ease;
	}
@keyframes elasticMomox{
	0% { transform:scale(1) }
	8% { transform:scale(0.6) }
	50% { transform:scale(1.1) }
	100% { transform:scale(1) }
}
@keyframes elasticPerso{
	0% { transform:scale(1) }
	24% { transform:scale(0.5) }
	52% { transform:scale(1.1) }
	100% { transform:scale(1) }
}
@keyframes elasticExpression{
	0% { transform:scale(1) }
	10% { transform:scale(0.2) }
	75% { transform:scale(1.1) }
	100% { transform:scale(1) }
}

.obj_frame-voeux.is-shaking .v_momox{
	animation:shakingMomox 0.2s linear;
	}
.obj_frame-voeux.is-shaking .v_perso{
	animation:shakingPerso 0.2s linear;
	}
.obj_frame-voeux.is-shaking .v_expression{
	animation:shakingExpression 0.2s linear;
	}
@keyframes shakingMomox{
	0% { transform:translateX(0%) }
	20% { transform:translateX(-2%) }
	40% { transform:translateX(2%) }
	60% { transform:translateX(-2%) }
	80% { transform:translateX(2%) }
	100% { transform:translateX(0%) }
}
@keyframes shakingPerso{
	0% { transform:translateX(2%) }
	20% { transform:translateX(0%) }
	40% { transform:translateX(-2%) }
	60% { transform:translateX(0%) }
	80% { transform:translateX(2%) }
	100% { transform:translateX(0%) }
}
@keyframes shakingExpression{
	0% { transform:translateX(0%) }
	20% { transform:translateX(2%) }
	40% { transform:translateX(-2%) }
	60% { transform:translateX(2%) }
	80% { transform:translateX(-2%) }
	100% { transform:translateX(0%) }
}

.obj_frame-voeux.is-rotating-y .v_momox{
	animation:rotatingYMomox 1.4s ease;
	}
.obj_frame-voeux.is-rotating-y .v_perso{
	animation:rotatingYPerso 1.4s ease;
	}
.obj_frame-voeux.is-rotating-y .v_expression{
	animation:rotatingYExpression 1.4s ease;
	}
@keyframes rotatingYMomox{
	0% { transform:rotateY(0deg) }
	4% { transform:rotateY(0deg) }
	10% { transform:rotateY(180deg) }
	20% { transform:rotateY(360deg) }
	30% { transform:rotateY(540deg) }
	45% { transform:rotateY(720deg) }
	65% { transform:rotateY(900deg) }
	95% { transform:rotateY(1080deg) }
	90% { transform:rotateY(1080deg) }
}
@keyframes rotatingYPerso{
	0% { transform:rotateY(0deg) }
	9% { transform:rotateY(0deg) }
	15% { transform:rotateY(180deg) }
	25% { transform:rotateY(360deg) }
	35% { transform:rotateY(540deg) }
	50% { transform:rotateY(720deg) }
	70% { transform:rotateY(900deg) }
	100% { transform:rotateY(1080deg) }
}
@keyframes rotatingYExpression{
	0% { transform:scale(1) }
	5% { transform:scale(0.7) }
	60% { transform:scale(0.8) }
	100% { transform:scale(1) }
}

.obj_frame-voeux.is-rotating-z .v_momox{
	animation:rotatingZMomox 1.5s ease-out;
	}
.obj_frame-voeux.is-rotating-z .v_perso{
	animation:rotatingZPerso 1.3s ease-out;
	}
.obj_frame-voeux.is-rotating-z .v_expression{
	animation:rotatingZExpression 1.1s ease-out;
	}
@keyframes rotatingZMomox{
	0% { transform:scale(1) }
	6% { transform:scale(2.5) }
	70% { transform:scale(1) }
}
@keyframes rotatingZPerso{
	0% { transform:scale(1) }
	6% { transform:scale(2) }
	70% { transform:scale(1) }
}
@keyframes rotatingZExpression{
	0% { transform:scale(1.5) }
	2% { transform:scale(1.3) }
	4% { transform:scale(1.5) }
	6% { transform:scale(1.3) }
	8% { transform:scale(1.5) }
	10% { transform:scale(1.2) }
	12% { transform:scale(1.5) }
	14% { transform:scale(1.2) }
	16% { transform:scale(1.5) }
	18% { transform:scale(1) }
	20% { transform:scale(1.2) }
	22% { transform:scale(1) }
	24% { transform:scale(1.2) }
	26% { transform:scale(1) }
	28% { transform:scale(1) }
	30% { transform:scale(1.2) }
	32% { transform:scale(1) }
	34% { transform:scale(1.2) }
	36% { transform:scale(1) }
	38% { transform:scale(1) }
	40% { transform:scale(1.2) }
	42% { transform:scale(1) }
	44% { transform:scale(1.2) }
	46% { transform:scale(1) }
	48% { transform:scale(1.2) }
	100% {  transform:scale(1) }
}

.obj_frame-voeux .v_logo-aox{
	position:absolute;
	z-index:2;
	left:var(--aox-40px); top:var(--aox-40px);
	width:var(--aox-34px); height:var(--aox-54px);
	background:url('../images/v_logo-aox_w.svg') left top / cover no-repeat;
	}

.obj_frame-voeux .t_mft-id{
	position:absolute;
	z-index:2;
	left:var(--aox-30px); bottom:var(--aox-25px);
	font-size:var(--aox-fs-22px); line-height:var(--aox-lh-100);
	color:#fff;
	font-weight:900;
	}

.ctn_frame-voeux .obj_loader-voeux{
	display:none;
	position:absolute;
	left:0; top:0;
	z-index:6;
	width:100%; height:100%;
	background:#fff;
	transform:translateZ(50px) scale(1.05);
	}
.ctn_frame-voeux .wrapper_loader-voeux{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%; height:100%;
	}
.ctn_frame-voeux .ctn_loader-voeux p{
	font-size:var(--aox-fs-20px); line-height:var(--aox-lh-100);
	color:#FF4242;
	font-weight:900;
	}

.obj_frame-voeux .v_tap.is-hidden{
	display:none;
	}
.obj_frame-voeux .v_tap{
	position:absolute;
	z-index:9;
	width:var(--aox-100px); height:var(--aox-100px);
	margin:calc(var(--aox-50px) * -1) 0 0 calc(var(--aox-50px) * -1);
	background:url('../images/v_tap.svg') left top / cover no-repeat;
	animation:tapAnim 3s ease infinite;
	}
.obj_frame-voeux .v_tap.v_tap-tap{
	background-image:url('../images/v_tap-tap.svg');
	animation-name:tapTapAnim;
	}
.obj_frame-voeux .v_tap[data-position="1"]{
	left:25%; top:25%;
	}
.obj_frame-voeux .v_tap[data-position="2"]{
	left:75%; top:25%;
	}
.obj_frame-voeux .v_tap[data-position="3"]{
	left:25%; top:75%;
	}
.obj_frame-voeux .v_tap[data-position="4"]{
	left:75%; top:75%;
	}
@keyframes tapAnim{
	0% { transform:scale(1); opacity: 0; }
	13% { transform:scale(1); opacity: 0; }
	15% { transform:scale(0.8); opacity: 1; }
	20% { transform:scale(1); opacity: 1; }
	28% { transform:scale(1); opacity: 1; }
	31% { transform:scale(1); opacity: 0; }
	100% { transform:scale(1); opacity: 0; }
}
@keyframes tapTapAnim{
	0% { transform:scale(1); opacity: 0; }
	5% { transform:scale(1); opacity: 0; }
	13% { transform:scale(0.8); opacity: 1; }
	15% { transform:scale(1); opacity: 1; }
	20% { transform:scale(0.8); opacity: 1; }
	25% { transform:scale(1); opacity: 1; }
	38% { transform:scale(1); opacity: 1; }
	41% { transform:scale(1); opacity: 0; }
	100% { transform:scale(1); opacity: 0; }
}

/***/

@media screen and (max-width:767px){
	.obj_frame-voeux{
		width:var(--aox-370px); height:var(--aox-370px);
		}
	.obj_frame-voeux .v_logo-aox{
		left:var(--aox-20px); top:var(--aox-20px);
		width:var(--aox-17px); height:var(--aox-27px);
		}
	.ctn_frame-voeux .obj_loader-voeux{
		transform:translateZ(50px) scale(1.25);
		}
	.ctn_frame-voeux .ctn_loader-voeux p{
		font-size:var(--aox-fs-16px);
		}
	.obj_frame-voeux .v_tap{
		width:var(--aox-76px); height:var(--aox-76px);
		margin:calc(var(--aox-38px) * -1) 0 0 calc(var(--aox-38px) * -1);
		}
	.obj_frame-voeux .t_mft-id{
		left:var(--aox-15px); bottom:var(--aox-10px);
		font-size:var(--aox-fs-14px);
		}
}

/* ======================================== */
/* ctn_css-arrow
/* ======================================== */

.ctn_css-arrow{
	box-sizing:border-box;
	margin:-180px auto 150px auto;
	max-width:var(--aox-1440px);
	padding:0 var(--aox-90px);
	}
/***/

@media screen and (max-width:767px){
	.ctn_css-arrow{
		display:flex;
		justify-content:center;
		margin:0;
		padding:var(--aox-45px) 0 var(--aox-50px) 0;
		}
}

/* ======================================== */
/* obj_popin-request
/* ======================================== */

@media screen and (max-width:767px){
	.obj_popin-request{
		width:100%;
		}
	.obj_popin-request .sub-title{
		font-size:var(--aox-fs-18px); line-height:1.4;
		text-align:center;
		}
	.obj_popin-request .cta-container{
		display:flex;
		flex-direction:column;
		align-items:center;
		margin-top:var(--aox-20px);
		}
	.obj_popin-request .cta-container .b_std + .b_std{
		margin-top:var(--aox-10px);
		}
	.obj_popin-request .ctn_request-error{
		display:none;
		}
	.obj_popin-request.request-error .ctn_request{
		display:none;
		}
	.obj_popin-request.request-error .ctn_request-error{
		display:block;
		}
}

/* ======================================== */
/* bloc_histoire_voeux-2023
/* ======================================== */

.bloc_histoire_voeux-2023{
	background:#30262D;
	}
.bloc_histoire_voeux-2023 .content{
	padding:var(--aox-180px) var(--aox-90px) var(--aox-300px) var(--aox-90px);
	}
.bloc_histoire_voeux-2023 .ctn_cols{
	display:flex;
	justify-content:space-between;
	}
.bloc_histoire_voeux-2023 .ctn_col{
	max-width:var(--aox-540px);
	}
.bloc_histoire_voeux-2023 .t_title{
	margin-bottom:var(--aox-30px);
	font-size:var(--aox-fs-34px);
	line-height:var(--aox-lh-100);
	font-weight:900;
	color:#fff;
	}
.bloc_histoire_voeux-2023 .t_sub-title{
	margin-bottom:var(--aox-20px);
	font-size:var(--aox-fs-15px);
	line-height:var(--aox-lh-100);
	font-weight:900;
	text-transform:uppercase;
	color:#fff;
	}
.bloc_histoire_voeux-2023 .t_desc{
	font-size:var(--aox-fs-18px);
	line-height:var(--aox-lh-160);
	color:#fff;
	}
.bloc_histoire_voeux-2023 .t_desc a{
	text-decoration:underline;
	transition:all .3s ease;
	}
.bloc_histoire_voeux-2023 .t_desc a:hover{
	color:#FF4242;
	}
.bloc_histoire_voeux-2023 .bt_instagram{
	margin-top:var(--aox-40px);
	}
.bloc_histoire_voeux-2023 .bt_instagram a{
	display:flex;
	align-items:center;
	font-size:var(--aox-fs-13px);
	line-height:var(--aox-lh-120);
	font-weight:900;
	text-transform:uppercase;
	color:#FF4242;
	letter-spacing:0.15em;
	transition:all .3s ease;
	}
.bloc_histoire_voeux-2023 .bt_instagram a:hover{
	color:#fff;
	}
.bloc_histoire_voeux-2023 .bt_instagram a svg{
	margin-right:var(--aox-15px);
	width:var(--aox-25px); height:var(--aox-25px);
	fill:#FF4242;
	transition:all .3s ease;
	}
.bloc_histoire_voeux-2023 .bt_instagram a:hover svg{
	fill:#fff;
	}
.bloc_histoire_voeux-2023 .v_cryptopunks{
	margin-top:var(--aox-25px);
	width:var(--aox-309px); height:var(--aox-90px);
	}

@media screen and (max-width:767px){
	.bloc_histoire_voeux-2023 .content{
		padding:var(--aox-90px) var(--aox-25px) var(--aox-150px) var(--aox-25px);
		}
	.bloc_histoire_voeux-2023 .ctn_cols{
		flex-direction:column;
		}
	.bloc_histoire_voeux-2023 .ctn_col + .ctn_col{
		margin-top:var(--aox-70px);
		}
	.bloc_histoire_voeux-2023 .t_title{
		font-size:var(--aox-fs-26px);
		}
	.bloc_histoire_voeux-2023 .t_sub-title{
		font-size:var(--aox-fs-13px);
		}
	.bloc_histoire_voeux-2023 .t_desc{
		font-size:var(--aox-fs-16px);
		}
}