footer{
    padding: 2rem 7.5%;
    font-size:0.85rem;
    position:relative;
    z-index:2;
}
footer ul{
    list-style:none; margin:0; padding:0;
}
footer ul li{
    margin:0.75rem 0;
}
footer ul li.cpt{
    display:none;
}
footer ul ul.sub-menu{
    display:none;
}
footer ul ul.sub-menu li{
    font-size:0.8em;
}
footer .heading{
    padding-bottom:1.5rem; margin-bottom:2rem;
    border-bottom:1px solid var(--gris);
}
footer .heading h3::after{
    display:none;
}
footer .heading h2 span{
    display:block;
}
footer .heading h2 .l-1{
    font-weight:300;
}
footer .heading h2 .l-2{
    text-transform:uppercase;
}
footer a.logo img{
    width:80%; max-width:280px; display:block;
}
footer a{
    color: var(--blanc);
}
footer a:hover{
    color: var(--gris);
}
footer .boutons{
    text-align:left;
}
footer.rezo{
    margin-top:3rem;
}
footer .rezo ul li{
    display:inline-block; margin-right:0.5rem;
}
footer .rezo ul li a{
    width:30px; height:30px; overflow:hidden; display:block;
    text-indent: 100%; white-space:nowrap;
    background-size:contain; background-position:center; background-repeat: no-repeat;
    opacity:.65;
}
footer .rezo ul li a:hover{
    opacity:1
}
footer .rezo ul li.lkd a{
    background-image: url(img/linkedin.svg);
}
footer .rezo ul li.fbk a{
    background-image: url(img/facebook.svg);
}
footer .rezo ul li.twt a{
    background-image: url(img/twitter.svg);
}

.navigation-mobile{
    background-color: var(--fdpage);
    color: var(--blanc);
    position:fixed;
    left:0; top:0; width:100%; height:100%;
    overflow:hidden;
    z-index:998;
    -webkit-transform:translateX(-100%); transform:translateX(-100%);
    -webkit-transition:all 0.5s ease;transition:all 0.5s ease;
}
.navigation-mobile.open{
    -webkit-transform:translateX(0); transform:translateX(0)
}
.navigation-mobile .inner{
    padding:8rem 10%;
}
.navigation-mobile ul{
    list-style:none; margin:0; padding:0;
}
.navigation-mobile ul li{
    border-bottom:1px solid var(--gris); text-transform: uppercase;
}
.navigation-mobile ul li a{
    display:block; padding:1rem 0; color: var(--blanc);
}
.navigation-mobile ul li.cpt{
    border:none; text-transform:uppercase; margin-top:1rem;
}
.navigation-mobile ul li.cpt a{
    background-color: var(--holytag); text-align:center;
}
.navigation-mobile ul ul.sub-menu{
   display:none;
}
.navigation-mobile ul ul.sub-menu li{
    border-bottom:none; text-transform:none;
}

footer .buttons{
    justify-content: center
}
footer .buttons a.bt{
    flex: 1 1 auto
}
footer .heading h2{
    font-size: 3.5vw
}

@media screen and (min-width: 1024px){
    footer .buttons{
        justify-content: end
    }
    footer .boutons{
        margin-top:0; text-align:right;
    }
    footer .signature{
        text-align:right;
        font-size:0.8rem;
    }
}
@media screen and (min-width: 1200px){
    footer .heading h2{
        font-size: 2.5vw
    }
}
@media screen and (min-width: 1280px){
    .navigation-mobile{
        display:none;
    }
    footer .heading{
        margin-bottom:3rem;
    }

}