#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;

    .img-map {
      img {
        width: 75px;
      }
    }

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

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

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

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

    .img-sud {
      position: absolute;
      top: 798px;
      left: 746px;
    }
  }
}