footer {
	background-color: #212121;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 1rem 2rem;
	bottom: 0px;
}

footer #picto_tinylink {
	width: 26.25px;
}

footer #picto_tinylink rect {
	fill: #ffffff !important;
	transition: var(--Transition);
}

footer #picto_tinylink:hover rect {
	fill: #ee5253 !important;
	transition: var(--Transition);
}

footer .row img {
	height: 25px;
}

footer .row a {
	font-family: var(--FontPrincipale);
	color: var(--ColorTextBtn);
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5rem;
}

footer .row a.social {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border: solid 1px var(--ColorTextBtn);
	border-radius: 100px;
	transition: var(--Transition);
}

footer .row a.social i {
	font-size: 18px;
	font-weight: normal;
	transition: var(--Transition);
}

footer .row a.social:hover {
	background-color: var(--ColorTextBtn);
}

footer .row a.social:hover i {
	font-size: 20px;
}

footer .row a.social:hover i.fa-t-tinylink {
	color: #EE5253;
}

footer .row a.social:hover i.fa-instagram {
	color: #C32AA3;
}

footer .row a.social:hover i.fa-facebook {
	color: #3B5998;
}

footer .row a.social:hover i.fa-twitter {
	color: #1DA1F2;
}

footer .row a.social:hover i.fa-linkedin {
	color: #007BB5;
}

footer .row .liens ul {
	padding: 0px;
	margin: 0px;
}

footer .row .liens ul li {
	margin-bottom: 10px;
	list-style: none;
}

footer .row .liens ul li a {
	font-size: 18px;
}

footer .row .liens ul li a:hover {
	border-bottom: solid 1px white;
	font-weight: normal;
}

footer .row a span {
	color: #ee5253;
	font-size: inherit;
}

footer .credit {
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

footer .credit p {
	margin: 0px;
	font-size: 14px;
}

footer .credit a {
	text-decoration: none;
	color: var(--ColorTextBtn);
}

@media screen and (max-width: 780px) {
	#footer-espace {
		padding-bottom: 10rem;
	}
}

@media screen and (max-width: 600px) {
	footer .row img {
		height: 20px;
	}

	footer .row .colum {
		width: 130px;
	}

	footer .credit p {
		font-size: 10px;
	}

	footer .row a {
		font-size: 25px;
	}

	footer #picto_tinylink {
		width: 21.88px;
	}
}

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

	footer > .row {
		flex-direction: column;
	}

	footer .row > .column {
		width: 100%;
	}

	footer .row img {
		height: 25px;
		margin-bottom: 20px;
	}

	footer i {
		font-size: 25px;
	}

	footer .row .liens ul {
		width: 90%;
		margin-top: 10px;
	}

	footer .row .liens ul li a {
		font-size: 20px;
	}

	footer .credit p {
		font-size: 15px;
		padding: 10px 20px;
	}
}