.map{
    width:30em ;
    height:20em; 
    border:2px solid black;
    border-radius: 0.5em;
}

.titre{
    text-align: center;
}

.section{
    width:100%;
    display: flex;
    justify-content: space-around;
    margin-top: 2em;
}

.localisation, .contact{
    width:45%;    
    border: 2px solid navy ;
    border-radius: 0.5em;;
    text-align: center;
    padding-bottom: 1em;
}
.env{
    width:15em
}

@media screen and  (min-width:350px) and (max-width: 1165px){
    .titre{
        margin-top: 5em;
    }
    .map{width:25em ;
        height:20em; 
    }

    .section{
        flex-direction: column;
        
    }
    .localisation, .contact{
        width:98%;    
        border: 2px solid navy ;
        border-radius: 0.5em;;
        text-align: center;
        padding-bottom: 1em;
    }

    .contact{
        margin-top:1em;
    }
    
    .env{
        width:5em
    }
}