#footer .footer-container {
    padding: 35px 0;
}    

#footer .block-contact {
    border: 0;
    padding-left: 0;
}

#footer .boutique-name {
    color: var(--jb-blue);
    font-size: 20px;
    font-weight: 900;
}

#footer .boutique-street {
    color: var(--jb-blue);
    font-size: 20px;
    margin-top: 10px;
}

#footer .boutique-citypost {
    color: var(--jb-blue);
    font-size: 20px;
    margin-top: 6px;
}

#footer .boutique-phone {
    color: var(--jb-blue);
    font-size: 20px;
    margin-top: 6px;
}

#footer .boutique-inde {
    text-align: center;
    color: var(--jb-blue);
    font-size: 16px;
    margin-top: 6px;
}
#footer .boutique-nom {
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: 6px;
}
#footer .boutique-role {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

#footer hr {
    border-color: #fff;
}

#footer .displayfooter {
    display: flex;
    gap: 15%;
}

#footer .lesliens .linkline:not(:first-child) {
    margin-top: 30px;
}

#footer .lesliens .linkline,
#footer .lesliens .linkline a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

#footer .extremebas {
    background: var(--jb-blue);
    text-align: center;
    color: var(--jb-brown);
    font-size: 18px;
    padding: 12px;
}

#footer .extremebas a {
    color: var(--jb-brown);
    text-decoration: underline;
}

@media (max-width: 767px) {
    #footer .footer-container {
        padding: 20px 0;
    }

    #footer .displayfooter {
        flex-wrap: wrap;
        gap: 25px 0;
    }

    #footer .displayfooter .l-dfooter,
    #footer .displayfooter .r-dfooter {
        width: 100%;
    }

    #footer .block-contact {
        text-align: center;
    }    
}