/*Format mobile*/
#map_time {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
    gap: 1rem;
    margin: 1rem;
}

#map {
    width: 95%;
    height: 300px;
}

/*Format tablette*/
@media (min-width : 768px) {
    #map_time {
        flex-direction: row;
        margin: 0 16px;
    }

    #map {
        width: 70%;
        height: 400px;
    }
}

/*Format desktop*/
@media (min-width : 1024px) {
    #map {
        max-width: 600px;
    }
}

@media (min-width : 2000px) {
    #map {
        width: 50%;
        max-width: 800px;
        height: 500px;
    }
}