footer {background-color: black;color: white;padding: 4em 0;zoom:1;}
footer::before {content:"";display:block;overflow:hidden;}
footer::after {content:"";display:block;overflow:hidden;}
footer::after {clear:both;}
footer .home {float: left;width: 150px;margin-right: 100px;}
footer .social {float: right;margin: 0;padding: 0;margin-top: 0em;}
footer .social ul {display: block;width: 150px;margin: 0;padding: 0;}
footer .social ul li {display: block;width: auto;float: none;margin-top: 2px;}
footer #menu_bas {float: left;margin-right: 50px;width: 150px;}
footer #menu_bas a {color: white;text-transform: uppercase;text-decoration: none;font-family: chapo,sans-serif;font-weight: 700;padding-top: 0.4em;padding-bottom: 0.4em;display: block;display: block;}
footer #menu_bas a:hover {text-decoration: underline;}
footer #menu_bas a:focus {text-decoration: underline;}
footer #infos {float: left;margin-bottom: 0.4em;width: 150px;}
footer #infos a {color: white;display: block;font-size: 0.95em;padding-top: 0.6em;padding-bottom: 0.6em;text-decoration: none;}
footer #infos a:hover {text-decoration: underline;}
footer #infos a:focus {text-decoration: underline;}
@media (max-width: 720px){
footer .home{margin-right: 0;float: none;display: block;margin-right: auto;margin-bottom: 2em;}
}
@media (max-width: 960px){
footer .social{float: right;clear: right;}
footer #infos{float: right;text-align: right;}
}