footer{
    display : flex;
    flex-direction: column;
    background-color: #185090;
    color : white;
}

footer .part1{
    display : flex; 
    flex-direction: row;
    justify-content: space-around;
    width: 80%;
    margin : auto;
}

footer .part1 .logo{
    margin-top : 50px;
    width : 150px;
    height : 50px;
    background-image: url("/img/logo_redim.PNG");
    background-size: cover;
    background-position:top;
}

footer .lien-page{
    display: flex;
    flex-direction: column;
}

footer .lien-page a{
    color : white;
    text-decoration : none;
    margin : 2px;
}

.footer-mail{
    color : white;
    text-decoration: none;
}

footer .nous-contacter{
    display : flex;
    flex-direction : column;
}

footer .nous-contacter .reseaux{
    display : flex;
    flex-direction: row;
    margin-top : 12px;
}

footer .nous-contacter .reseaux a{
    color : white;
    text-decoration : none;
}


footer .part2{
    display : flex;
    flex-direction : row;
    justify-content: space-between;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 15px;
    border-top : 1px solid #185070;
}

footer .part2 a{
    color : white;
    margin-right : 10px;
}

footer .part2 p{
    margin-left : 10px;
}

.part2 div{
    display : flex;
    flex-direction : row;
}


@media screen and (max-width : 780px){

    footer{
        display : flex;
        flex-direction: column;
    }

    footer .part1{
        display : flex;
        flex-direction: column;
    }

    footer .part2{
        display : flex;
        flex-direction: column;
    }

    footer .part2 div{
        display : flex;
        flex-direction: column;   
    }
}