footer {
	position:relative;
	background-size:cover;
	height:fit-content;
	width:100%;
	z-index:1;
	font-size:14px;
	font-style:normal;
	color:var(--footertextcolor);
}

.no-webp footer { background-image:url("../images/backgrounds/bg-footer.jpg"); }
.webp-supported footer { background-image:url("../images/backgrounds/bg-footer.webp"); }

.footer { padding:20px; }

.footlinks a {
	font-size:14px;
	color:var(--footertextcolor);
}

.footlinks li { height:19px; }

/*		bloc-links		*/

footer .bloc-links {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:20px;
}

footer .foot-links {
	display:flex;
	flex-direction:row;
	gap:80px;
}

footer .logos {
	display:flex;
	flex-direction:row;
	margin:0 auto;
	gap:15px;
}

footer .logos .socials_footer :is(img, svg) {
	width:60px;
	height:60px;
}

footer .logos .cls-1 { fill:#606161; }
footer .logos .cls-2 { fill:transparent; }

footer .foot-links li { margin:5px; }
footer .foot-links a { color:inherit; }
footer .foot-links a:hover { color:var(--footerhovertext) }

/*		Paiements		*/
footer .cards-logos {
	width:auto;
	height:62px;
	display:flex;
	align-items:center;
	gap:2px
}

footer .cards-logos div {
	display:flex;
	flex-direction:column;
	gap:3px
}

footer .cards-logos img { height:auto; }

footer .cards-logos div img {
	height:26px;
	width:59px;
}

/*		Infos		*/
footer .foot-infos {
	width:calc(100% - 100px);
	padding:20px;
	margin:5px;
}

footer .foot-infos a, footer .foot-infos .dtc_ft {
	font-size:18px;
	color:var(--footertextcolor);
	padding-right:3px;
	font-weight:700;
}

.adr_marque {
	font-weight:700;
	color:var(--footer-marque-txt);
	font-size:18px;
	padding-right:5px;
	white-space:normal !important;
}

address span { white-space:nowrap; }

footer .foot-infos a:visited { color:var(--footertextcolor); }

footer a.tel {
	color:var(--footertextcolor) !important;
	padding-right:3px;
	font-weight:700;
	font-size:16px;
	white-space:nowrap;
}

footer .foot-infos ul {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

footer .foot-infos p {
	line-height:1.5;
	margin-top:10px;
}

footer .foot-infos p span { white-space:nowrap; }

footer .copyright {
	width:calc(100% - 100px);
	padding:0 20px;
	margin:5px;
	font-weight:600;
	font-size:10px;
}

/*	------ */

@media screen and (max-width:1248px) {
	footer .foot-links {
		display:flex;
		gap:20px;
	}
}

@media screen and (max-width:872px) {
	footer .foot-links { flex-direction:column; gap:0; }
	footer .foot-links li { margin:5px 0 20px 0; }
}

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

	footer .bloc-links {
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		gap:20px;
		width:100%;
	}
	
	footer .foot-links { margin:0; width:100%; }

	footer .logos { margin:0; }

	footer .footer-hyphen { color:transparent; }

	footer a.tel {
		line-height:3em;
		font-size:26px;
	}

	footer .foot-infos { width:100%; }
	footer .foot-infos p span { white-space:normal; }
}

@media screen and (max-width:580px) {
	footer .footer-hyphen {
		height:0;
		display:inherit;
	}

	footer .footer-hyphen:after { content:" "; padding-right:100%; }
	
	footer .foot-infos p span { display:block; width:100%; overflow:hidden; }
}

@media screen and (max-width:354px) {
	footer a.tel { font-size:18px; }
}

@media screen and (max-width:330px) {
	footer .logos {
		flex-wrap:wrap;
		align-items:center;
		gap:25px;
	}
}