.contact .haut {
    display:grid;
    grid-template-columns: 1fr 1fr;
    border-bottom:1px solid;
    padding-bottom:80px;
}

.contact .intro {
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
}

.contact .haut h4 {
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:100px;
}

.contact .formulaire {
    border:1px solid;
    border-radius:20px;
    padding: 60px;
}

.contact .bas {
    display:grid;
    grid-template-columns: repeat(12,1fr);
    column-gap: 50px;
    padding-bottom:40px;
    padding-top:40px;
}

.contact .map {
    grid-column: 1 / 8;
}

.contact .adresse {
    grid-column: 8 / 11;
    border-right:1px solid;
    padding-left:50px;
    padding-top:10px;
}

.contact .adresse a {
    text-decoration:none;
    color:#474749;
}

.contact .coordonnees {
    grid-column: 11 / 13;
    padding-top:10px;
}

.contact .map img {
    width:100%;
    height:auto;
}

.contact .bas p {
    margin-bottom:0px;
}

.contact .bas h4 {
    margin-top:0px;
    text-transform: uppercase;
    font-weight: 600;
}

@media screen and (max-width: 1024px){
    .contact .haut {
        grid-template-columns: 1fr;
        border-bottom: none;
        padding-bottom: 20px;
    }

    .contact .haut h1 {
        font-size:55px;
    }

    .contact .haut svg {
        width:80px;
    }

    .contact .formulaire{
        padding: 40px;
    }

    .contact .map {
        grid-column: 1 / 13;
    }

    .contact .bas {
        gap:0px;
    }

    .contact .adresse {
        grid-column: 1 / 13;
        padding-left:0px;
        padding-top:40px;
        border-right:0px;
    }

    .contact .coordonnees {
        grid-column: 1 / 13;
        padding-top:40px;
    }
}