.background-image {
    width: 100%;
    max-height: 800px;
    height: 100vh;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.background-image .custom-btn{
    width: 340px;
    font-size: 1em;
    height: 55px;
    padding-top: 5px;
    text-transform: uppercase;
}

/***************/

.background-image-home{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-des-affaires-toulouse.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-droit-des-affaires-toulouse.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-des-affaires-toulouse.webp');
}

html.no-webp .background-image-home {
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-des-affaires-toulouse.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-droit-des-affaires-toulouse.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-des-affaires-toulouse.jpg');
}

/***************/

.background-image-contentieux-fournisseur{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-fournisseurs.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-litiges-fournisseurs.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-fournisseurs.webp');
}

html.no-webp .background-image-contentieux-fournisseur {
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-fournisseurs.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-litiges-fournisseurs.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-fournisseurs.jpg');
}

/***************/

.background-image-contentieux-clients{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-contentieux-clients.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-contentieux-clients.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-contentieux-clients.webp');
}

html.no-webp .background-image-contentieux-clients {
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-contentieux-clients.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-contentieux-clients.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-contentieux-clients.jpg');
}

/***************/

.background-image-concurrence-deloyale{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-concurrence-deloyale.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-concurrence-deloyale.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-concurrence-deloyale.webp');
}

html.no-webp .background-image-concurrence-deloyale{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-concurrence-deloyale.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-concurrence-deloyale.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-concurrence-deloyale.jpg');
}

/***************/

.background-image-contentieux-associes{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-entre-associes.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-litiges-entre-associes.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-entre-associes.webp');
}

html.no-webp .background-image-contentieux-associes{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-entre-associes.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-litiges-entre-associes.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-entre-associes.jpg');
}

/***************/

.background-image-contentieux-cession-enteprise{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-cession-entreprise.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-litiges-cession-entreprise.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-cession-entreprise.webp');
}

html.no-webp .background-image-contentieux-cession-enteprise{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-cession-entreprise.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-litiges-cession-entreprise.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-litiges-cession-entreprise.jpg');
}

/***************/

.background-image-faute-gestion-dirigeant{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-faute-gestion-dirigeant.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-faute-gestion-dirigeant.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-faute-gestion-dirigeant.webp');
}

html.no-webp .background-image-faute-gestion-dirigeant{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-faute-gestion-dirigeant.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-faute-gestion-dirigeant.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-faute-gestion-dirigeant.jpg');
}

/***************/

.background-image-procedure-collective{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-procedures-collectives.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-procedures-collectives.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-procedures-collectives.webp');
}

html.no-webp .background-image-procedure-collective{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-procedures-collectives.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-procedures-collectives.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-procedures-collectives.jpg');
}

/***************/

.background-image-responsabilite-civile-penale-dirigeant{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-responsabilite-civile-penale-dirigeant.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-responsabilite-civile-penale-dirigeant.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-responsabilite-civile-penale-dirigeant.webp');
}

html.no-webp .background-image-responsabilite-civile-penale-dirigeant{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-responsabilite-civile-penale-dirigeant.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-responsabilite-civile-penale-dirigeant.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-responsabilite-civile-penale-dirigeant.jpg');
}

/***************/

.background-image-honoraire-avocat-affaires{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/honoraires-avocat-affaires-toulouse.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/honoraires-avocat-affaires-toulouse.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/honoraires-avocat-affaires-toulouse.webp');
}

html.no-webp .background-image-honoraire-avocat-affaires{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/honoraires-avocat-affaires-toulouse.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/honoraires-avocat-affaires-toulouse.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/honoraires-avocat-affaires-toulouse.jpg');
}

/***************/

.background-image-contact-avocat-affaires{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/contact-avocat-affaires-toulouse.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/contact-avocat-affaires-toulouse.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/contact-avocat-affaires-toulouse.webp');
}

html.no-webp .background-image-contact-avocat-affaires{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/contact-avocat-affaires-toulouse.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/contact-avocat-affaires-toulouse.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/contact-avocat-affaires-toulouse.jpg');
}

/***************/

.background-image-contact{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/contact-avocat-divorce-amaible-pas-cher-paris.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/contact-avocat-divorce-amaible-pas-cher-paris.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/contact-avocat-divorce-amaible-pas-cher-paris.webp');
}

html.no-webp .background-image-contact {
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/contact-avocat-divorce-amaible-pas-cher-paris.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/contact-avocat-divorce-amaible-pas-cher-paris.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/contact-avocat-divorce-amaible-pas-cher-paris.jpg');
}

/***************/

.background-image .content {
    position: absolute;
    top: 32.5%;
    left: 50%; /* Centre horizontalement */
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); /* Ajuste pour centrer uniquement horizontalement */
    text-align: left;
    padding: 20px;
    width: 800px;
}
.background-image h1{
    font-size: 60px;
    line-height: 70px;
    color: white;
}

@media (max-width: 1400px) {

    .background-image{
        max-height: 650px;
    }

    .background-image .content {
        top: 35%;
        width: 600px;
    }
    .background-image h1{
        font-size: 45px;
        line-height: 50px;
    }
}

@media (max-width: 1200px) {
    .background-image{
        margin-top: 120px;
        border: 0px solid red;
        max-height: 600px;
    }

    .background-image .content {
        position: absolute;
        top: 25%;
        text-align: left;
        padding: 20px;
        width: 600px;
    }
}

@media (max-width: 800px) {
    .background-image h1{
        font-size: 35px;
        line-height: 40px;
    }
    .background-image .content {
        width: 450px;
    }
}

@media (max-width: 500px) {
    .background-image h1{
        font-size: 25px;
        line-height: 30px;
    }

    .background-image .content {
        top: 32.5%;
        width: 350px;
    }

    .background-image .custom-btn{
        width: 300px;
        font-size: 13.5px;
        height: 55px;
        padding-top: 5px;
        text-transform: uppercase;
    }

    .background-image-home{
        background-position: 25% 0px;
    }
    .background-image-contentieux-fournisseur{
        background-position: 25% 0px;
    }
    .background-image-concurrence-deloyale{
        background-position: 58% 0px;
    }
    .background-image-contentieux-associes{
        background-position: 25% 0px;
    }
    .background-image-faute-gestion-dirigeant{
        background-position: 30% 0px;
    }
    .background-image-procedure-collective{
        background-position: 60% 0px;
    }

}