#Footer {
    width: 100% ;
    display: flex ; 
    align-items: end;
}

footer .GaucheFooter {
    width: 33% ;
    display: block;
    margin: 0;
    margin-right: 0%;
    text-align: left;
    padding-left: 2em;
}

footer ul li a{
    position: relative;
    text-decoration: none;
    color: black;
    list-style: none ;
}

footer ul {
    list-style: none;
}

footer ul a:after {

    color: gray;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: gray;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

footer ul a:hover:after {   
    transform: scaleX(1);
    transform-origin: left;
    
}

footer .DroiteFooter {
    width: 33% ;
    display: block;
    margin: 0;
    margin-left: 0%;
    text-align: right;
    padding-right: 2em;
}

footer {
    border-top: 2px solid black;
    padding-top: 2em;
    margin-top: 4em;
    padding-bottom: 2em;

}

footer figure {
    padding-right: 3em;
    margin: 0%;
    text-align: right;
}

footer .CentreFooter {
    width: 33%;
    text-align: center;
}

footer .CentreFooter a {
    position: relative;
    text-decoration: none;
    color: gray;
    padding : 0 5px ;
    text-align: center;
    padding:0% ;

}

footer .CentreFooter a::after {

    color: gray;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: gray;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

footer .CentreFooter a:hover::after {
    transform: scaleX(1);
    transform-origin: center;
}