/* ------------------------------------------------------------------------*/
/* ------------------------- FOOTER ---------------------------------------*/
/* ------------------------------------------------------------------------*/
#container {
    padding-bottom: 320px;
}
#footer {
    clear: both;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #4c4c4c;
}
.footer {
    /*padding-top: 20px;
    padding-bottom: 20px;*/
}
.footer .bloc_1,
.footer .bloc_2 {
    display: table;
    width: 95%;
    padding: 15px 2.5%;
}
.footer .bloc_2 {
    /*display: none;*/
}

#footer {
    text-align: left;
}
.footer {
    padding-top: 15px;
    padding-bottom: 15px;
}
#footer .contact a,
#footer .contact a:hover {
    color: white;
}
.footer h3 {
    padding: 0 0 10px 0;
}
.footer .contact h3.nom {
    display: none;
}

.footer .logo_site {
    float: right;
    vertical-align: top;
}
.footer .logo_site * {
    max-width: 240px;
}

.footer .logo_site a {
    display: block;
}
.footer .contact span {
    display: block;
    margin-bottom: .5em;
}
.footer .formulaire_abonnement {
    padding: 0;
}
.footer .formulaire_abonnement input[type=submit] {
    background: transparent;
}
.footer .social_network .logos_social {
    padding: 0;
}
.footer .social_network .logos_social li {
    margin: 5px 15px 0 0;
}
.footer .logos_social li a {
    transition: all ease .3s;
    background-color: white;
}
.footer .logos_social li a:hover {
    color: white
}
.footer .logos_social li a.Facebook:hover {
    background-color: #3b5998;
}
.footer .logos_social li a.Twitter:hover {
    background-color: #000000;
}
.footer .logos_social li a.Google:hover {
    background-color: #dd4b39;
}
.footer .logos_social li a.Youtube:hover {
    background-color: #b00;
}
.footer .logos_social li a.Instagram:hover {
    background-color: #ef0075;
}
.footer .logos_social li a.LinkedIn:hover {
    background-color: #0077B5;
}
.footer .logos_social li a.vKontakte:hover {
    background-color: #45668e;
}
.footer .logos_social li a.Whatsapp:hover {
    background-color: #25d366;
}
.footer .logos_social li a.Email:hover {
    background-color: #af1b46;
}
.logos_footer {
    float: right;
    text-align: right;
}
.logos_footer img {
    padding-left: 10px;
}
.ligne_footer_content {
    display: table;
    /*width: 100%;*/
    opacity: .7;
    transition: .3s all ease;
}
.ligne_footer_content:hover {
    opacity: 1;
}
.ligne_footer_content > * {
    display: block;
    text-align: left;
    padding: 5px 0;
    display: none;
}
.copyright {
    text-align: left;
    display: block;
}
.copyright .enregistrement_numero {
    display: none;
}
#footer .ligne_footer,#footer .ligne_footer a{color:#FFF}
.credit {
    text-align: right;
}
.credit a {
    color: white;
    font-weight: 600;
}
.credit a:hover {
    color: white;
    text-decoration: underline;
}
.logo_blobul {
    width: 100px;
    padding: 7px 0 7px 10px;
}
@media only screen and (min-width: 481px) {
    #container {
        padding-bottom: 195px;
    }
    .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 {
        width: 80%;
    }
    .footer .contact {
        padding: 1em 0 0 0;
        width: 100%;
    }
    .footer .contact span {
        margin-bottom: .3em;
    }
    .footer .formulaire_abonnement form div,
    .footer .formulaire_abonnement form p.boutons {
        display: block;
    }
    .footer .formulaire_abonnement form p.boutons {
        width: 50%;
    }
    .ligne_footer_content .copyright,
    .ligne_footer_content .logo_blobul {
        display: table-cell;
        vertical-align: middle;
    }
}
@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;
    }
    .footer .logo_site {
        width: 45%;
        float: none;
    }
    .footer .contact {
        padding: 0 0 0 0;
        width: 49%;
    }
    .footer .logo_site,
    .footer .contact {
        display: inline-table;
        width: 44%;
        padding: 0 2.5%
    }
    .footer .contact span {
        margin-bottom: .5em;
    }
    .logos_social object,
    .logos_social img {
        max-width: 36px;
        max-height: 36px;
    }
    .footer .formulaire_abonnement form div {
        width: 100%;
        display: table;
    }
    .footer .formulaire_abonnement form p.boutons {
        width: 30%;
        display: table-cell;
        vertical-align: middle;
    }
    .ligne_footer_content > * {
        display: table-cell;
        vertical-align: middle;
    }
        .copyright .enregistrement_numero {
        display: inline;
    }
}
@media only screen and (min-width: 1025px) {
    .footer .bloc_1 {
        width: 45%;
        padding: 0 0 0 0;
    }
    .footer .bloc_2 {
        width: 55%;
        padding: 0 0 0 0;
    }
    .footer .logo_site,
    .footer .contact,
    .footer .formulaire_abonnement,
    .footer .social_network {
        display: inline-table;
        width: 44.5%;
        padding: 0 2.5%
    }
    .footer .formulaire_abonnement form div,
    .footer .formulaire_abonnement form p.boutons {
        display: block;
    }
    .footer .formulaire_abonnement form p.boutons {
        width: 50%;
    }
}