div.contenuPage{
    margin-top:7vw;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 2vw;
}
div.contenuGauche{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-size: 1vw;
    color:black;
}
div.contenuDroit{
    display: flex;
    flex-direction: column;
    align-items: center;
    height:105vh;
    width:40vw;
}
#map{
    z-index:0;
    height:20vw;
    width:70%;
    padding-left:1vw;
    padding-right:1vw;
}
div.contenuGauche a{
    color:black;
}




@media (max-aspect-ratio: 3/4){
    div.contenuPage{
        margin-top:15vw;
        display:flex;
        flex-direction:column;
    }
    #map{
        z-index:0;
        height:50vw;
        width:70%;
        padding-left:1vw;
        padding-right:1vw;
    } 
    div.contenuGauche{
        text-align: center;
        font-size:4vw;
    }
    div.contenuDroit{
        height:90vh;
        width:100vw;
    }  
}