footer {
    display: flex;
    flex-direction: column;
    background-color: var(--basicBlack);
}

footer > svg {
    fill: var(--basicColor2);
    position: absolute;
    bottom: 99.9%;
    left: 0;
    width: 100%;
    height: auto;
    pointer-events: none
}

footer .uniformSpacing .containerFooter {
    display: flex;
    gap: 5em;
    align-items: center;
    justify-content: space-between;
}

footer .footerGauche {
    width: 40%;
}

footer .footerDroite {
    width: 50%;
}

footer .footerGauche img {
    width: 60%;
    height: auto;
    margin-bottom: 1em;
}

footer .footerGauche h2 {
    font-size: 1em;
}

footer .footerGauche p {
    opacity: .6;
    font-weight: 100;
}

footer .footerDroite {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

footer .footerDroite svg {
    width: 1.5em;
}

footer .footerDroite svg path {
    fill: var(--basicWhite);
}

footer .socialContainer {
    display: flex;
    gap: 1.5em;
    justify-content: flex-end;
    padding-bottom: .5em;
}

footer .socialContainer a {
    display: flex;
    align-items: center;
}


footer .footerLink {
    display: flex;
    gap: 2.5em;
    justify-content: flex-end;
    width: fit-content;
    padding-top: 1.5em;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

footer .footerLinkMenu, footer .footerLinkExpertises {
    display: flex;
    flex-direction: column;
    gap: .5em;
    width: calc((100% - 1em) / 2);
    min-width: fit-content;
}

footer .footerLinkMenu a, footer .footerLinkExpertises a {
    opacity: .6;
    font-weight: 100;
    transition: ease all .3s;
    cursor: pointer;
}

footer .footerLinkMenu a:hover, footer .footerLinkExpertises a:hover {
    opacity: 1;
}

footer .endFooter {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding-top: 1em;
    gap: .5em;
}

footer .endFooter img {
    width: 100%;
    height: auto;
}

footer .endFooter div {
    display: flex;
}

footer .endFooter p, footer .endFooter a {
    opacity: .6;
}

footer .endFooter > a {
    width: 5em;
    height: auto;
    opacity: 1;
}

@media screen and (max-width: 1500px) {
    footer .uniformSpacing .containerFooter {
        gap: 1.5em;
    }

    footer .footerGauche {
        width: 30%;
    }


}


@media screen and (max-width: 1200px) {
    footer .footerLink {
        flex-direction: column;
        justify-content: flex-start;
    }

    footer .uniformSpacing .containerFooter {
        flex-direction: column;
    }

    footer .footerGauche, footer .footerDroite {
        width: 100%;
    }

    footer .footerLink {
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        flex-wrap: wrap;
    }

    footer .footerLinkMenu, footer .footerLinkExpertises {
        min-width: 12em;
    }

    footer .footerGauche {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    footer .footerGauche img {
        max-width: 80%;
    }
}


@media screen and (max-width: 500px) {
    footer .footerLink {
        flex-direction: column;
        gap: 1.5em;
    }

    footer .footerLinkMenu, footer .footerLinkExpertises {
        width: 100%;
    }
}