footer {
	display: flex;
	flex-direction: column;
}

.bgFooter.afterFilter:after{
	opacity: 0.85;
}

.bgFooter > *{
	position: relative;
	z-index: 1;
}

.bgFooter .bgSvg{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: auto;
	display: flex;
	z-index: 0;
}

.bgFooter .bgSvg svg{
	width: 100%;
	height: auto;
}

.bgFooter{
	width: 100%;
}
footer .bigSpacing{
	padding-bottom: 1em;
}

footer > svg {
	fill: var(--basicColor2);
	position: absolute;
	bottom: 99.9%;
	left: 0;
	width: 100%;
	height: auto;
	pointer-events: none
}

footer .uniformSpacing .containerFooter{
	display: flex;
	gap: 5em;
	justify-content: space-between;
}

footer .footerGauche{
	width: 40%;
}

footer .footerDroite {
	width: 60%;
}

footer .footerGauche img {
	width: auto;
	height: 8em;
}

footer .footerGauche h2{
	margin-bottom: 1em;
}




footer .footerDroite{
	display: flex;
	flex-wrap: wrap;
	gap: .5em;

}

footer .footerLink{
	display: flex;
	gap: 1.5em;
	justify-content: space-between;
	width: 100%;
}

footer .footerLinkMenu,
footer .footerActu,
footer .contact{
	width: auto;
	display: flex;
	flex-direction: column;
	gap: .5em;
}


footer .footerLinkMenu a,
footer .footerActu a{
	transition: ease all .3s;
	cursor: pointer;
	line-height: 1;
	display: flex;
	gap: .5em;
	align-items: center;
}

footer .footerLinkMenu a svg,
footer .footerActu a svg{
	width: 1em;
	height: auto;
}

footer .footerLinkMenu a:hover{
	opacity: .6;
}

footer .footerLinkMenu .containerLInkSubMenu{
	padding-left: 1em;
	display: flex;
	flex-direction: column;
	gap: .5em;
	align-items: flex-start;
}

footer .footerLinkMenu .containerLInkSubMenu a{
	align-items: flex-start;
}

footer .endFooter {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: .5em;
	padding-top: .5em ;
	padding-bottom: .5m ;
	border-top: 1px solid #707070;
}

footer .endFooter > div {
	display: flex;
	align-items: center;
	gap: .5em;
}

footer .endFooter > div {
	display: flex;
	align-items: center;
	gap: .5em;
}

footer .endFooter img{
	width: auto;
	height: 1.5em;
}

footer .endFooter div{
	display: flex;
}

footer .endFooter > a{
	width: 5em;
	height: auto;
	opacity: 1;
}

.endFooter p,
.endFooter a{
	display: flex;
	opacity: .8;
}

footer .endLink{
	display: flex;
	gap: .5em;
}

footer .endLink p {
	align-self: center;
}


footer {
	display: flex;
	gap: 3em;
	align-items: center;
}


footer .contact {
	min-width: fit-content;
}

footer .contact > div {
	display: flex;
	align-items: center;
	gap: .5em;
}

footer .contact > div svg {
	width: .75em;
	height: .75em;
}


footer .contact .socialContainer {
	display: flex;
	align-items: center;
	gap: 1em
}

footer .contact .socialContainer a{
	display: flex;
	align-items: center;
}

footer .contact .socialContainer span {
	display: flex;
	align-items: center;
}

footer .contact .socialContainer span svg {
	width: 1.5em;
	height: auto;
	aspect-ratio: 1/1;
}

footer .contact .socialContainer span svg path {
	fill: var(--basicColor1);
}


@media screen and (max-width: 1500px) {
	footer .uniformSpacing .containerFooter{
		gap: 1.5em;
	}

	footer .footerGauche{
		width: 30%;
	}

	.bgFooter > img{
		width: 80%;
		height: auto;
	}

	footer .footerLink{
		flex-direction: column;
		justify-content: flex-start;
	}
	footer .uniformSpacing .containerFooter{
		flex-direction: column;
	}

	footer .footerGauche, footer .footerDroite{
		width: 100%;
	}

	footer .footerLink{
		flex-direction: row;
		justify-content: flex-start;
		width: 100%;
	}

	footer .footerGauche{
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 1em;
	}
	
	footer .footerGauche img{
		max-width: 80%;
	}

	footer .endFooter{
		flex-direction: column;
		align-items: center;
	}
}

@media screen and (max-width: 900px) {
	footer .footerLink{
		flex-wrap: wrap;
	}
	footer .footerLinkMenu,
	footer .footerActu,
	footer .contact{
		width: 100%;
	}
}

@media screen and (max-width: 700px) {
	footer .footerLink{
		flex-direction: column;
		gap: 1.5em;
	}
	footer .footerLinkMenu{
		width: 100%;
	}

	footer .footerLinkMenu,
	footer .footerActu,
	footer .contact{
		width: 100%;
	}

	footer .endFooter div{
		flex-wrap: wrap;
		justify-content: center;
	}
}