.bloc.map{
    width: 100%;
    display: flex;
    height: 500px;
}
.bloc.map .left{
    height: 100%;
    width: 50%;
    position: relative;
}
.bloc.map .right{
    width: 50%;
    padding: var(--gap-4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;    
}
.bloc.map .right h2{
    margin-bottom: 0;
}
.bloc.map .right p{
    margin-bottom: var(--gap-2);
}
.bloc.map .right p:last-child{
    margin-bottom: 0;
}
.bloc.map #map {
  height: 100%;
  width: 100%; 
}