@import url('reset.css');
@import url('variable.css');
@import url('color.css');
@import url('police.css');


footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-black);
}

.navh-footer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 40px 0;
}

.logo-left{
    padding-left: 80px;
}

.logo-left img{
    width: 130px;
}

.navigation-footer{
    display: flex;
    flex-direction: column;
    border-left: 2px solid var(--color-purple);
    padding: 0 30px;
}

.navigation-footer ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.info-contact{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 2px solid var(--color-purple);
    padding: 0 30px;
}

.reseau{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 30px;
}

.reseau a{
    margin-bottom: 5px;
}

.icone-r{
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.icone-r svg{
    width: 38px;
    transition: 0.3s ease;
}

.icone-r svg:hover{
    transform: scale(1.20);
}

.navb-footer{
    display: flex;
    justify-content: center;
    width: 100%;
    border-top: 1px solid var(--color-white);
    margin-top: 40px;

}






@media (max-width: 835px){
    .navh-footer{
        flex-direction: column;
    }

    .logo-left{
        padding-left: 30px;
    }

    .navigation-footer{
        border-left: none;
        border-top: 2px solid var(--color-purple);
        padding: 30px 10px;
        margin: 0 20px;
    }

    .info-contact{
        border-left: none;
        border-top: 2px solid var(--color-purple);
        padding: 30px 10px;
        margin: 0 20px;
    }

    .reseau{
        align-items: flex-start;
        border-top: 2px solid var(--color-purple);
        padding: 30px 10px;
        margin: 0 20px;
    }
}