.map{
    width:100%;
    height:calc(100% - 20px);
}

.parks_map{
	width: 100% !important;
	border: 5px solid #FFF;
}

.transit {
    display:absolute;
    z-index: 9;
}
.transit > ul > li {
    display: inline-block;
    cursor:pointer;
}

/**** BLOC CHANGING WAY OF TRANSPORT */

.transit > ul.transit {
    position: absolute;
    height: auto;
    background: var(--white);
    margin-top: var(--fs10);
    margin-left: var(--fs10);
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

.transit > ul.transit > li {
    fill: var(--grey);
    margin-right:var(--fs20);
}

.transit > ul.transit > li:last-child {
    margin-right:0;
}

.transit ul.transit li svg {
    height:var(--fs30);
    width:var(--fs30);
}

.transit ul.transit li.active {
    color: var(--middleblue);
}

.transit ul.transit li.active svg path {
    fill: var(--middleblue);
}