#titre-decale-page-fille {
	position        : relative;
	display         : flex;
	justify-content : center;
	align-items     : center;
	padding         : 80px 8% 200px 8%;
}

.titre-decale__container {
	display        : flex;
	flex-direction : column;
	width          : 100%;
	gap            : 50px;
}


.titre-decale__content {
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	align-items     : center;
	width           : 100%;
	gap             : 70px;
}

.titre-decale__title {
	font-family    : "Futura LT Light" !important;
	font-weight    : 300 !important;
	color          : var(--text-color-ponsot) !important;
	text-transform : uppercase;
	display        : flex;
	flex-direction : column;
}

.titre-decale__title span:nth-of-type(1) {
	text-align : left;
}

.titre-decale__title span:nth-of-type(2) {
	text-align : right;
	width      : 100%;
}

.titre-decale__content .section__text {
	text-align : left;
	max-width  : 700px;
}


/* =================== Images =================== */
.titre-decale__image {
	position : absolute;
	bottom   : -40px;
	left     : -75px;
	width    : 600px;
	height   : 100%;
}

.titre-decale__image img {
	width           : 100%;
	height          : 100%;
	object-fit      : contain;
	object-position : center;
}

.titre-decale__overlay {
	opacity  : 0.2;
	position : absolute;
	top      : -45%;
	left     : 40px;
	width    : 800px !important;
	height   : 800px !important;
}


@media (max-width : 1500px) {
	.titre-decale__title {
		font-size   : 65px !important;
		line-height : 70px !important;
	}

	.titre-decale__image {
		position : absolute;
		bottom   : -40px;
		left     : -250px;
		width    : 500px;
		height   : 100%;
	}
}

@media (max-width : 1200px) {
	.titre-decale__title {
		font-size   : 55px !important;
		line-height : 60px !important;
	}
}

@media (max-width : 1024px) {
	#titre-decale-page-fille {
		padding : 50px 20px 0px 20px;
	}

	.titre-decale__title {
		font-size   : 45px !important;
		line-height : 50px !important;
	}

	.titre-decale__image {
		position : relative;
		bottom   : unset;
		left     : unset;
		width    : 100%;
		height   : 400px;
	}

	.titre-decale__overlay {
		top : -80%;
	}

	.titre-decale__title {
		gap : 60px;
	}

}

@media (max-width : 764px) {

	.titre-decale__container {
		flex-direction : column-reverse;
	}

	.titre-decale__content {
		gap : 40px;
	}


	.titre-decale__title {
		font-size   : 30px !important;
		line-height : 35px !important;
	}

	.titre-decale__title span {
		text-align : center !important;
	}

	.titre-decale__image img {
		object-position : center;
	}
}

@media (max-width : 430px) {
}