.block-map-france-block {
    position: relative;
    /* text-align: center; */
    padding-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  #carte_de_france {
    position: relative;
    z-index: 0;
  }
  
  
  #legende {
    display: none;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 1rem;
    right: -7rem;
    width: 132px;
    /* height: 107px; */
    height: auto;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(#FFF);
    box-shadow: 0px 0px 32px 0px rgba(160, 160, 194, 0.20);
    padding: 6px;
  }
  
  #legende .legend_legend__text {
    font-size: 14px;
    font-family: var(--h-font);
    line-height: normal;
    text-transform: uppercase;
    color: #0088d2
  }
   
  #legende .legend_legend__result {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: .5rem;
  }
  
  #legende_carte_de_france {
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
  }
  
  .container-search-map>div,
  #legende_carte_de_france {
    width: 100%;
  }
  
  #legende_carte_de_france {
    position: relative;
    color: rgba(var(--color-body));
  }
  
  .map_element {
    cursor: pointer;
    fill: #0079B8;
  }
  
  .map_element.active {
    fill: #DAAA00;
  }
  
  .text_element {
    cursor: pointer;
    fill: #fff;
  }
  
  .text_element.active {
    fill: #000;
  }
  
  #carte_de_france svg {
    width: 100%;
    height: 100%;
  }

  @media screen and (min-width: 992px) {
    #legende_carte_de_france {
      text-align: center;
    }
    #legende.active {
      display: flex;
    }
    #carte_de_france:before,
    #carte_de_france:after {
      content: "";
      width: 33px;
      height: 119px;
      position: absolute;
      top: 31rem;
      background: rgba(var(--color-medium-grey));
      -webkit-mask: url("/themes/custom/epublimmob5/assets/arrow-map.svg") no-repeat 100% 100%;
      mask: url("/themes/custom/epublimmob5/assets/arrow-map.svg") no-repeat 100% 100%;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  
    #carte_de_france:before {
      left: 0;
      transform: translate(50%, -50%);
      -webkit-transform: translate(50%, -90%);
    }
  
    #carte_de_france:after {
      right: -5rem;
      transform: translate(50%, -100%) scaleX(-1);
      -webkit-transform: translate(-50%, -90%) scaleX(-1);
    }
  
    #legende_carte_de_france {
      width: 32rem;
    }
  
    #legende_carte_de_france > div {
      padding: 0 1rem 0 8rem;
    }
  }
  
  
  @media screen and (min-width: 1200px) {
    .container-search-map>div {
      width: 50%;
    }
  
    .container-search-map>div:last-of-type {
      padding-left: var(--hpd);
    }
  }
  
  @media screen and (min-width: 468px) {
    #carte_de_france svg {
      width: 488px;
      height: 496px;
    }
  
  }