/** General page styling **/
footer {
	padding-bottom: 40px;
	font-size:15px;
}
footer p {
	padding: 0px;
	margin-bottom: 10px;
	color: #111111;
	font-size:15px;
	line-height: 1.4;
}
footer a {
	color: #111111;
	border-bottom: 0px solid #eee;
}
footer a:hover {
	border-bottom: 0px solid #eee;
}

.footer-social{
	text-align: center;

}

.footer-social img {
	width: 20px;
	height: auto;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
	filter: invert(96%) sepia(8%) saturate(306%) hue-rotate(20deg) brightness(106%) contrast(92%);
	opacity: 0.1;
}

.footer-social-2{
	text-align: center;

}
.footer-social-2 img, #coordonnees #reseau img {
	width: 20px;
	height: auto;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
	opacity: 1;
	mix-blend-mode: difference;
}

#coordonnees {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	padding-bottom:15px !important;
}

#coordonnees > * {  width: 100%; text-align:center; }
#footer_logo {
	width:40%;
	margin-bottom:25px;
    mix-blend-mode: difference;
}
footer #reseau {display: flex;justify-content: center;padding: 15px 0;}

@media (min-width:600px) {
#coordonnees > * {  width: calc(100% / 3 - 40px);text-align:left;}
#coordonnees > div:first-child { width:100%;}
#footer_logo {
	width:20%;
}	
footer #reseau {justify-content: flex-start;}
}

@media (min-width:769px) {
	
#coordonnees > * { width:calc(100% / 4);}
#coordonnees > div:first-child {width:calc(100% / 4);}
	#footer_logo {	width:40%; margin-bottom:0;}
}