#map{
    position: absolute;
    top:0px;
    left: 0px;
    width:100%;
    height: 100%;
}
#map>div[class='carte']{
    position: absolute;
    top:0px;
    left: 0px;
    width:100%;
    height: 100%;
    z-index: 0;
    background-color: var(--C_fond_defaut);
    transition: background-color 0.5s ease;
}
#map>div[class='geocode'],
#map>div[class='liste'],
#map>div[class='legendes']{
    position: absolute;
    top:0px;
    left: 0px;
    display: none;
    z-index: 0;
}

#map>div[class='carte']>div:first-child {
    background-color: var(--C_fond_defaut) !important;
  }