#footer {
    clear: both;
    width: 100%;
    position: static;
    background-color: #4c4c4c;
}

.footer {
}

.footer .bloc_1,
.footer .bloc_2 {
    display: table;
    width: 95%;
    padding: 15px 2.5%;
}

.footer .bloc_2 {
}

#footer {
    text-align: left;
}

.footer {
    padding: 15px 2.5%;
    line-height: 1.5;
}

.footer .menu_footer {
    clear: both;
}

@media only screen and (min-width: 481px) {
    .footer .bloc_1 {
        float: right;
        width: 47%;
        padding: 0 1.5%;
    }

    .footer .bloc_2 {
        float: left;
        width: 47%;
        padding: 0 1.5%;
        display: block;
    }

    .footer .logo_site {
    }
}

@media only screen and (min-width: 768px) {
    #footer {
        width: 100%;
    }

    .footer {
    }

    .footer .bloc_1 {
        float: right;
        width: 33%;
        padding: 0 0 0 0;
    }

    .footer .bloc_2 {
        float: left;
        width: 65%;
        padding: 0 0 0 0;
    }
}

@media only screen and (min-width: 1025px) {
    .footer .bloc_1 {
        width: 50%;
        padding: 0 0 0 0;
    }

    .footer .bloc_2 {
        width: 50%;
        padding: 0 0 0 0;
    }
}