//le concept
#leconcept {
  padding-top: $menuh;
  @media(max-width: $break) {
    padding-top: $menumobh;
  }

  &_coach_infos {
    position: relative;
    // padding-bottom: 50px;

  }

  //fin coach infos
  &_conseils {
    background-color: $bleu_at_f;
    padding: 50px 0;

    .row {
      &:not(.nobottommargin) {
        margin-bottom: 3px;
      }
    }

    picture {
      height: 100%;
      overflow: hidden;

      img {
        width: auto;
        height: 100%;

        @media(max-width: $break) {
          max-width: 100%;
          height: auto;
        }
      }
    }
  }

  &_innovation {
    background-color: $blanc;
    padding: 50px 0;

    .row {
      &:not(.nobottommargin) {
        margin-bottom: 3px;
      }
    }

    picture {
      height: 100%;
      overflow: hidden;

      img {
        width: auto;
        height: 100%;

        @media(max-width: $break) {
          max-width: 100%;
          height: auto;
        }
      }
    }
  }

  &_cta_prendre_rendezvous {
    margin: 55px 0;
  }

  &_map {
    position: relative;
  }

  &_pub {
    a {
      img {
        @media(max-width: $break) {
          max-width: 100%;
          height: auto;
        }
      }
    }
  }
}

.concept_infos {
  background-color: $grisc;
  position: relative;
  padding: 50px 0 30px 0;

  .concept_info_img {
    overflow: hidden;
    height: 100%;
    position: relative;
    // border: solid 1px fuchsia;
    img {
      height: 100%;
      width: auto;
      max-width: none;
      // margin-left: -25%;
    }
  }

  .concept_info_right_info {
    padding: 0 50px;

    h2 {
      color: $bleu_at_f;
    }
  }


}

//fin coach_infos

@media(max-width: $break) {
  .bloc2colonnes_with_img {
    img {
      max-width: 100%;
      height: auto;
    }
  }
}

.white_content_card {
  background-color: $blanc;
  height: 100%;
  padding: 50px 50px 20px;
}

.leconcept_map {
  margin: 50px 0;
  background-color: $grisc;

  .content_txt {
    padding: 60px 30px;

    &.blackbg {
      p {
        &:not(.gold) {
          color: $blanc;
        }
      }
    }
  }

  .leconcept_map_left {
    position: relative;
    background-image: url(../img/contact_map.png);
    background-repeat: no-repeat;
    background-size: initial;
    background-position: 206% center;

    .content_txt {
      width: 50%;
      padding-right: 0;
      position: relative;
      @media(max-width: $break) {
        width: 100%;
      }
    }

    @media(max-width: $break) {
      background-image: none;
    }
  }
}

.map_overlay {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(90deg, whitesmoke 45%, transparent 70%);
}