#carto-carte {
  margin-top: 75px;

  .title-carte {
    color: $green;
    font-size: 50px;
    font-family: FranklinGothic;
    text-align: center;
  }

  .row-contrib {
    color: $green;
    font-size: 20px;
    font-family: FranklinGothic;
    margin-top: 50px;

    .revolt, .dream {
      padding-top: 25px;
      padding-left: 0;
    }

    .project-boost, .project-insp {
      padding-top: 15px;
      padding-left: 0;
    }
  }

  .help-legend {
    text-align: center;
    color: #828282;
    font-family: FranklinGothic;
    margin-top: 50px;
    font-size: 20px;
  }

  .map {
    border: 2px solid $green;
    margin-top: 20px;
    padding: 10px 10px 40px;
    position: relative;

    .popover {
      border: 2px solid $green;
      border-radius: 0;

      .popover-body {
        color: $green;
        font-family: dinbold;
        padding: 0;

        span {
          padding: 10px 0 10px 50px;
          display: inline-block;
        }

        a {
          font-family: dinbold;
          background-image: url($dir-img + 'Picto-Loupe.png');
          background-repeat: no-repeat;
          background-size: 20px;
          background-position: 15px center;
          color: $green;
          display: inline-block;
          width: 100%;
          background-color: $yellow;
          padding: 5px 0 5px 50px;
        }
      }

      .arrow {
        &:after {
          border-top-color: $green;
        }

        &:before {
          border-top-color: $green;
        }
      }
    }

    .img-map {
      display: none;

      img {
        width: 75px;

        &:hover {
          cursor: pointer;
        }
      }
    }

    .img-vosges {
      display: block;
      position: absolute;
      top: 257px;
      left: 387px;
    }

    .img-belfort {
      display: block;
      position: absolute;
      top: 493px;
      left: 491px;
      width: 160px;
    }

    .img-hericourt {
      display: block;
      position: absolute;
      top: 639px;
      left: 217px;
      width: 160px;
    }

    .img-montbeliard {
      display: block;
      position: absolute;
      top: 1003px;
      left: 319px;
      width: 160px;
    }

    .img-sud_territoire {
      display: block;
      position: absolute;
      top: 798px;
      left: 746px;
    }
  }
}