@charset "utf-8";

footer { float: left; width: 100%; padding: 35px 0 0; background-color: rgb(220, 222, 233);}
footer .links { float: left; width: 50%;}
footer .links a { float: left; width: 42%; padding: 12px 2% 10px; margin: 5px 2% 0; background-color: #000109; text-align: center; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
footer .links a:hover { background-color: #282938;}
footer .app { float: left; width: 20%; margin: 0 0 0 5%; text-align: center; cursor: pointer;}
footer .app img { max-width: 100%; font-size: 0;}
footer .divulgue { float: right; width: 20%; margin: 0 2% 0 0;}
footer .divulgue a { float: left; width: 100%; padding: 40px 0 20px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.1em;}
footer .divulgue a:hover { text-decoration: underline;}
footer .copyright { float: left; width: 90%; padding: 18px 5% 16px; margin: 30px 0 0; background-color: #000100; text-align: center; color: #FFFFFF;}

@media only screen and (max-width: 800px){
	footer .links { width: 100%; margin: 10px 0 0;}
	footer .links a { width: 92%;}
	footer .app { width: 100%; margin: 20px 0 0;}
	footer .divulgue { width: 100%; margin: 0;}
}