.footer,
.footer a,
.footer a:hover,
.footer .menu_footer {
    color: white;
}

.footer h3 {
    padding: 0 0 10px 0;
}

.footer .contact {
    padding: 1em 0 0 0;
    width: 100%;
    font-size: .9em;
}

.footer .contact h3.nom {
}

.footer ul.spip > li::before {
    background-color: white;
}

.footer .contact span {
    display: block;
    margin-bottom: .5em;
}

.footer .formulaire_abonnement {
    padding: 0;
}

.footer .formulaire_abonnement input[type=submit] {
    background: transparent;
}

@media only screen and (min-width: 481px) {
    .footer .contact {
        padding: 1em 0 0 0;
        width: 100%;
    }

    .footer .contact span {
        margin-bottom: .3em;
    }

}

@media only screen and (min-width: 768px) {
    .footer .contact {
        padding: 0 0 0 0;
        width: 49%;
    }

    .footer .contact span {
        margin-bottom: .5em;
    }

}

@media only screen and (min-width: 1025px) {
    .footer .logo_site,
    .footer .contact,
    .footer .formulaire_abonnement,
    .footer .social_network,
    .footer .menu_footer {
        vertical-align: text-top;
        display: inline-table;
        width: 44.5%;
        padding: 0 2.5%
    }
}