/*COVER*/

.container {
  .cover {
    background-image: url("img/img_cover_gd-dZmVvWy.webp");

    .content {
      padding-top: 70px;
    }

    .flex {
      .bloc_image_1 {
        background-image: url("img/img_cover_pt_1-bmuMZTn.webp");
      }

      .bloc_image_2 {
        background-image: url("img/img_cover_pt_2-0crd6ES.webp");
      }
    }

    @media (max-width: 1240px) {
      .content {
        padding-top: 50px;
      }
    }

    @media (max-width: 1060px) {
      .content {
        background-image: url("img/img_cover_gd-dZmVvWy.webp");
      }
    }

    @media (max-width: 580px) {
      .content {
        h1 {
          background-image: url("img/img_cover_gd-dZmVvWy.webp");
        }
      }
    }
  }
}

.container {
  .mob {
    display: none;
  }

  .swiper {
    padding-bottom: 40px;

    .swiper-pagination-bullet {
      height: 11px;
      width: 11px;
      margin: 0 7px;
    }

    .swiper-pagination-bullet-active {
      background-color: #003da5;
    }
  }

  @media (max-width: 700px) {
    .desk {
      display: none;
    }

    .mob {
      display: block;
    }
  }
}

.container {
  .breadcrumb {
    padding: 20px;

    @media (max-width: 700px) {
      padding: 15px 20px;
      font-size: 11px;
    }
  }
}



/*PART*/

.title_part {
  color: #bae1f3;
  font-size: 75px;
  line-height: 100%;
  padding: 0 0 20px 0;
  font-family: Montserrat-Regular;
  margin: 0;

  @media (max-width: 1240px) {
    font-size: 60px;
  }

  @media (max-width: 1180px) {
    font-size: 50px;
    padding: 0 0 15px 0;
  }

  @media (max-width: 580px) {
    font-size: 40px;
  }
}

.subtitle {
  font-size: 35px;
  line-height: 120%;
  font-family: Montserrat-Black;
  margin: 40px 40px 30px;

  strong {
    color: #1898d4;
    font-family: Montserrat-Black;
  }

  @media (max-width: 1240px) {
    font-size: 30px;
  }

  @media (max-width: 1180px) {
    font-size: 27px;
  }

  @media (max-width: 935px) {
    margin: 25px 25px 20px;
  }

  @media (max-width: 580px) {
    margin: 25px 0 20px;
    font-size: 22px;
  }
}

/*PART GAME*/

.part_game {
  padding: 0 35px 50px;
  color: #003da5;

  .content_game {
    display: flex;
    gap: 75px;
    justify-content: end;
    padding-right: 50px;

    .col_1 {
      width: 785px;
      position: relative;

      p {
        padding: 10px 20px 10px 0;
        font-size: 17px;
        line-height: 140%;

        a {
          color: #003da5;
        }
      }

      .cta_mob {
        display: none;
      }

      .flex {
        justify-content: space-between;
        display: flex;
        align-items: center;

        .cta {
          width: 150px;
        }

        .quote {
          width: 541px;
          font-family: Caveat;
          font-size: 22px;
          line-height: 120%;
          text-align: center;
          padding-right: 40px;
          position: relative;
          top: 10px;

          .signature {
            float: right;
            position: relative;
            right: -25px;
            width: 55px;
            top: -10px;
          }
        }
      }

      .arrow_bottom {
        display: none;
      }

      .arrow_right {
        position: absolute;
        right: -45px;
        bottom: 0px;
      }
    }

    .ban_article_rubric {
      margin: 0;
    }
  }

  .ban_game {
    margin: 0 auto 5px;
    background-image: url("img/background_game-Klhq8a3.webp");
    background-position: center;
    width: 100%;
    background-size: 785px auto;
    display: flex;
    height: 369px;
    justify-content: center;
    text-decoration: none;

    .content {
      width: 540px;
      margin: 70px auto 0;
      position: relative;
      display: flex;
      gap: 8px;

      .col {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 155px;
      }

      .col_1 {
        background-color: white;
      }

      .col_2 {
        background-color: #8ECBEF;
      }

      h3 {
        font-size: 22px;
        font-family: Montserrat-Regular;
        margin: 0;
        line-height: 120%;
        display: inline-block;

        strong {
          font-family: Montserrat-Black;
        }

        span {
          font-family: Montserrat-Black;
          background-color: #FFF27E;
          display: inline-block;
          padding: 2px 5px;
          margin: 0 0 5px;
          font-size: 19px;
          line-height: 110%;
        }
      }

      .avatar {
        position: absolute;
        top: -55px;
        right: -20px;
        width: 90px;
      }
    }
  }

  @media (max-width: 1460px) {
    .content_game {
      justify-content: center;
      padding-right: 0;
    }
  }

  @media (max-width: 1240px) {
    .content_game {
      gap: 35px;

      .col_1 {
        p {
          font-size: 15px;
          padding: 10px 0 20px 0;

          br {
            display: none;
          }
        }

        .flex {
          align-items: start;
          gap: 25px;
          justify-content: start;

          .quote {
            width: 72%;
            text-align: left;
            padding: 0;
            top: -5px;

            .signature {
              top: 0;
            }
          }
        }
      }
    }

    .ban_game {
      .content {
        width: 470px;

        .col_1 {
          width: 250px;
        }

        .col_2 {
          width: 220px;
        }

        .avatar {
          top: -50px;
          right: -10px;
          width: 80px;
        }
      }
    }
  }

  @media (max-width: 1035px) {
    .content_game {
      .col_1 {
        .flex {
          .quote {
            width: 67%;
            position: relative;
            top: 0;
          }
        }
      }
    }
  }

  @media (max-width: 935px) {
    .content_game {
      display: block;

      .col_1 {
        width: auto;

        .flex {
          .quote {
            width: 68%;
          }
        }

        .arrow_right {
          display: none;
        }

        .arrow_bottom {
          display: block;
          position: absolute;
          right: -20px;
          bottom: -10px;
          transform: rotate(-20deg);
          width: 40px;
        }
      }

      .ban_article_rubric {
        width: 100%;
        background-size: 100% auto;
        margin-top: 35px;

        .contenu_ban_article {
          h2 {
            padding-top: 0;

            br {
              display: none;
            }
          }

          p {
            padding: 0 0 20px;
          }
        }
      }
    }

    .ban_game {
      background-size: 850px auto;
    }
  }

  @media (max-width: 700px) {
    padding: 0 25px 50px;
  }

  @media (max-width: 580px) {
    padding: 0 20px 50px;

    .content_game {
      .col_1 {
        p {
          padding: 10px 0;
        }

        .flex {
          display: block;

          .quote {
            width: auto;
            font-size: 20px;
            margin: 0 0 15px;

            .signature {
              right: 0;
              width: 48px;
            }
          }
        }

        .cta {
          display: none;
        }

        .cta_mob {
          display: inline-block;
        }

        p {
          font-size: 13px;
        }
      }
    }

    .ban_game {
      padding: 25px;
      background-size: auto 100%;
      align-items: center;
      background-image: url("img/background_game_mob-nOsS6Os.webp");

      .content {
        display: block;
        margin: 0;
        width: 240px;

        .col {
          height: 125px;
          width: 240px;
        }

        .avatar {
          right: -40px;
          width: 70px;
        }

        h3 {
          font-size: 20px;

          span {
            font-size: 17px;
            margin: 0 5px 0 0;
          }
        }


      }
    }
  }
}

/*PART PORTRAIT*/

.part_portrait {
  margin-top: 50px;
  color: var(--blue-500);
  position: relative;

  .title_part {
    position: absolute;
    top: -40px;
    left: 35px;
  }

  .portrait {
    display: flex;

    .content {
      display: flex;
      justify-content: center;
      align-items: end;
      width: 1000px;
      padding-bottom: 50px;

      .text {
        width: 745px;

        h3 {
          font-size: 45px;
          line-height: 130%;
          font-family: Montserrat-Regular;
          margin: 0 0 25px;

          strong {
            font-family: Montserrat-Black;
            display: block;
          }
        }

        p {
          max-width: 650px;
          padding: 0 0 40px;
        }

        .quote {
          font-family: Caveat;
          font-size: 30px;
          line-height: 140%;
          position: relative;
          margin-bottom: 50px;
          padding-left: 40px;

          .signature {
            position: absolute;
            right: 90px;
            bottom: -40px;
          }
        }

        .block_rs {
          display: flex;
          gap: 20px;
          color: #707070;
        }
      }
    }

    .img {
      background-image: url("img/portrait-Nlc-7_Q.webp");
      width: 444px;
      height: 560px;
      background-position: center;
      margin-bottom: 10px;
    }
  }

  .mosaic {
    background-image: url("img/mosaic-l5g7_qw.webp");
    height: 310px;
    width: 100%;
  }

  @media (max-width: 1240px) {
    margin-top: 30px;

    .title_part {
      top: 0;
    }

    .portrait {
      .content {
        width: auto;
        padding: 0 35px 40px;

        .text {
          width: 715px;

          .quote {
            padding-left: 0;
            font-size: 27px;
          }

          h3 {
            font-size: 35px;
          }

          p {
            max-width: 100%;
          }
        }
      }

      .img {
        height: 520px;
      }
    }
  }

  @media (max-width: 1100px) {
    .portrait {
      .content {
        .text {
          width: 515px;

          .quote {
            font-size: 22px;

            .signature {
              bottom: -27px;
            }
          }

          p {
            padding: 0 0 30px;
          }
        }
      }
    }

    .mosaic {
      height: 250px;
      background-size: auto 100%;
    }
  }

  @media (max-width: 935px) {
    margin-top: 10px;

    .title_part {
      position: static;
      padding: 0 0 0 35px;
    }

    .img_portrait_mob {
      background-image: url("img/portrait_mob-UlTiOJO.webp");
      width: 100%;
      height: 300px;
      background-position: center;
      margin: 20px 0;
    }

    .portrait {
      .content {
        padding: 0 35px 20px;

        h3 {
          margin: 0 0 20px;
        }

        .text {
          width: auto;

          .quote {
            display: inline-block;
          }

          p {
            padding: 0 0 20px;
          }
        }
      }

      .img {
        display: none;
      }
    }

    .mosaic {
      height: 200px;
    }
  }

  @media (max-width: 580px) {
    margin-top: 0;

    .title_part {
      padding: 0 0 0 25px;
    }

    .img_portrait_mob {
      height: 300px;
      background-size: 580px auto;
      margin: 15px 0;
      background-position: top center;
    }

    .portrait {
      .content {
        padding: 0 25px 20px;

        .text {
          h3 {
            font-size: 26px;
            margin: 0 0 15px;
          }

          .quote {
            line-height: 110%;
          }

          p {
            padding: 0 0 15px;
          }

          .block_rs {
            display: block;

            a {
              text-decoration: none;
            }

            .icon_rs {
              margin: 10px 10px 0 0;
            }
          }
        }
      }
    }

    .mosaic {
      height: 150px;
    }
  }
}

/*PART ADVICE*/

.push_rubrique {

  .ban_article_rubric {
    margin: 0;
  }
}

.part_advice {
  color: #003DA5;
  position: relative;
  font-family: Montserrat-Medium;
  margin: 100px 75px 60px;

  .title_part {
    position: absolute;
    top: -40px;
    left: -40px;

  }
}

.mosaic_advice {
  max-width: 1300px;
  margin: 0 auto;
}

.mosaic_advice .line {
  display: flex;
  align-items: end;
  gap: 80px;
  margin-bottom: 80px;
}

.push_article {
  height: 459px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #F2FAFF;
}

.push_article_2 {
  align-items: start;
  display: block;
  background-image: url("img/img_article_2-1W5sH_v.webp");
  background-position: center bottom;
}

.push_article_3 {
  background-color: #F2FAFF;
}

.push_article_4 {
  height: 250px;
}

.push_article .content {
  width: 345px;
  padding: 0 35px;
  background-color: #F2FAFF;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 25px;
  position: relative;
}

.push_article_2 .content {
  height: auto;
  background-color: #D5EFFF;
  width: auto;
  padding: 35px;
  align-items: start;
}

.push_article_2 .cta {
  position: absolute;
  left: 35px;
  bottom: 30px;
}

.push_article_3 .content {
  width: 320px;
  background-color: #F2FAFF;
}

.push_article_4 .content {
  width: 690px;
  display: flex;
  align-items: start;
  padding: 45px 35px;
  height: auto;
}

.push_article_2 h3 {
  width: 250px;
  position: relative;
  top: -15px;
}

.push_article_4 h3 {
  width: 330px;
  position: relative;
  top: -5px;
}

.push_article h3 {
  font-size: 29px;
  line-height: 120%;
  margin: 0 0 20px;
  font-family: Montserrat-Black;
}

.push_article p {
  padding: 0 0 20px;
  line-height: 125%;
  margin: 0;
}

.push_article_4 p {
  padding: 0;
}

.push_article_4 .cta {
  position: absolute;
  left: 35px;
  bottom: 30px;
}

.img_article {
  height: 100%;
  width: 100%;
  background-position: center right;
}

.push_article_1 .img_article {
  background-image: url("img/img_article_1-nUSsRGN.webp");
  background-position: top left;
}

.push_article_3 .img_article {
  background-image: url("img/img_article_3-sxB5uil.webp");
}

.ban_article_rubric {
  margin: 0;
}

@media (max-width: 1440px) {

  .mosaic_advice .line {
    gap: 50px;
    margin-bottom: 50px;
  }


  .push_article h3 {
    font-size: 25px;
  }

  .push_article_2 h3 {
    width: 200px;
    top: 0;
  }

  .push_article_2 h3 span {
    display: inline-block;
  }

  .push_article_2 .cta {
    position: static;
  }


}


@media (max-width: 1380px) {
  .part_advice {
    margin: 50px 75px;

    .title_part {
      position: relative;
      top: 0;
    }
  }

  .push_rubrique {
    width: 320px;
  }

  .push_article {
    height: 440px;
  }

  .push_article_4 {
    height: 250px;
  }
}




@media (max-width: 1240px) {
  .part_advice {
    margin: 50px 35px;

    .title_part {
      left: 0;
    }
  }

  .mosaic_advice .line {
    gap: 35px;
    margin-bottom: 35px;
  }

  .push_article_4 {
    height: 260px;
  }

  .push_article_1 .content {
    width: 285px;
  }

  .push_article_2 .content {
    display: block;
  }

  .push_article_3 .content {
    width: 290px;
  }

  .push_article_4 .content {
    width: 570px;
  }

  .push_article h3 {
    font-size: 21px;
  }

  .push_article h3 br {
    display: none;
  }

  .push_article_2 h3 {
    width: auto;
  }

  .push_article_4 h3 {
    width: 240px;
    position: static;
  }


}



@media (max-width: 935px) {

  .push_rubrique {
    width: 100%;

    .ban_article_rubric {
      width: 100%;

      .contenu_ban_article {
        h2 {
          br {
            display: none;
          }
        }
      }
    }
  }

  .mosaic_advice .line {
    display: block;
    margin-bottom: 25px;
    padding: 0;
  }

  .push_article {
    margin-bottom: 30px;
    height: 360px;
    display: flex;
  }

  .push_article_2 {
    background-image: none;
    background-color: #D5EFFF;
  }

  .push_article .content {
    padding: 0 25px;
    width: 270px;
    height: 100%;
    display: block;
  }

  .push_article_4 .cta {
    position: static;
  }

  .push_article_2 h3 {
    padding-top: 25px;
  }

  .push_article p {
    padding-bottom: 20px;
  }

  .push_article .img_article {
    background-size: auto;
    background-position: center right;
  }

  .push_article_2 .img_article {
    background-image: url("img/img_article_2_mob-nIoiHwN.webp");
  }
}


/* 580px */

@media (max-width: 580px) {
  .part_advice {
    margin: 30px 25px;

  }

  .mosaic_advice .line {
    margin-bottom: 20px;
  }

  .push_article {
    position: relative;
    height: 300px;
  }

  .push_article .hide_mob {
    display: none;
  }

  .push_article .content {
    padding: 0;
    width: 100%;
    position: absolute;
    top: 0;
    height: auto;
  }

  .push_article h3 {
    margin: 0;
    background-image: url("img/arrow-z3NEkzF.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center right 20px;
    padding: 20px 60px 15px 20px;
    font-size: 16px;
    display: block;
    width: auto;
  }

  .push_article .content p {
    padding: 0 20px;
  }

  .push_article .cta {
    margin: 20px;
  }

  .push_article:hover .hide_mob {
    display: block;
  }

  .push_article:hover h3 {
    background-image: none;
  }

  .push_article:hover .content {
    height: 100%;
  }

  .push_article .img_article {
    background-size: 520px auto;
  }


}

/*PART REALISATION*/

.part_realisations {
  color: #003da5;
  font-family: Montserrat-Medium;
  font-size: 23px;
  line-height: 110%;
  padding-bottom: 40px;

  .title_part {
    padding-left: 35px;
  }

  .swiper_realisations {
    text-align: center;

    .swiper-button-prev,
    .swiper-button-next {
      color: #909090;
    }

    .swiper-pagination {
      display: none;
    }
  }

  .realisation {
    display: inline-block;
    padding: 50px 0 0;

    .line {
      display: flex;
      gap: 13px;
      margin-bottom: 13px;

      .col {
        display: flex;
        width: 575px;

        .text {
          text-align: left;
          display: flex;
          align-items: center;
          padding-left: 40px;

          h3 {
            font-size: 37px;
            margin: 0 0 30px;
          }
        }

        .img {
          height: 270px;
          width: 400px;
          background-position: center;
        }

        .img_small {
          width: 264px;
        }

        .img_large {
          width: 100%;
        }

        .img_1_1 {
          background-image: url("img/img_realisation_1_1-UkY10-h.webp");
        }

        .img_1_2 {
          background-image: url("img/img_realisation_1_2-nFYb7Eo.webp");
        }

        .img_1_3 {
          background-image: url("img/img_realisation_1_3-PxcgSnX.webp");
        }

        .img_1_4 {
          background-image: url("img/img_realisation_1_4-vo4cP0Y.webp");
        }

        .img_2_1 {
          background-image: url("img/img_realisation_2_1-S5ORYZS.webp");
        }

        .img_2_2 {
          background-image: url("img/img_realisation_2_2-zpTpUWA.webp");
        }

        .img_2_3 {
          background-image: url("img/img_realisation_2_3-xIBlm0z.webp");
        }

        .img_2_4 {
          background-image: url("img/img_realisation_2_4-8WwuEZS.webp");
        }

        .img_3_1 {
          background-image: url("img/img_realisation_3_1-yCg_xIB.webp");
        }

        .img_3_2 {
          background-image: url("img/img_realisation_3_2-M1CTKMr.webp");
        }

        .img_3_3 {
          background-image: url("img/img_realisation_3_3-TdgzlCs.webp");
        }

        .img_3_4 {
          background-image: url("img/img_realisation_3_4-NcBQgy_.webp");
        }
      }

      .col_1 {
        justify-content: end;

        .text {
          padding-right: 40px;
          padding-left: 0 !important;
        }
      }

      .col_2 {
        justify-content: start;
      }

      .col_mob {
        display: none;
      }
    }
  }

  @media (max-width: 1300px) {
    .realisation {
      .line {
        .col {
          width: 475px;

          .text {
            padding-left: 30px;
          }

          .img_small {
            width: 224px;
          }
        }

        .col_1 {
          .text {
            padding-right: 30px;
          }
        }
      }
    }
  }

  @media (max-width: 1240px) {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 19px;

    .title_part {
      padding-bottom: 0;
    }

    .realisation {
      .line {
        .col {
          .img {
            height: 230px;
            background-size: auto 100%;
          }

          .img_medium {
            width: 330px;
          }

          .text {
            h3 {
              font-size: 32px;
              margin: 0 0 20px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 1100px) {
    .realisation {
      .line {
        .col {
          width: 405px;

          .img_small {
            width: 180px;
          }
        }
      }
    }
  }

  @media (max-width: 935px) {
    padding-bottom: 40px;

    .realisation {
      padding: 25px 50px;

      .line {
        display: block;
        margin: 0;

        .col {
          width: auto;
          max-width: 575px;

          .img {
            margin-bottom: 10px;
          }

          .img_large {
            background-size: 575px auto;
          }

          .img_small {
            width: 220px;
          }

          .img_1_3,
          .img_2_4,
          .img_2_2,
          .img_3_2 {
            display: none;
          }
        }

        .col_mob {
          display: block;

          .img_2_2 {
            display: block;
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 30px;

    .title_part {
      padding-left: 25px;
    }

    .swiper_realisations {
      padding-bottom: 30px;

      .swiper-button-prev,
      .swiper-button-next {
        display: none;
      }

      .swiper-pagination {
        display: block;
      }
    }

    .realisation {
      padding: 20px 25px 0;

      .line {
        .col {
          .img {
            height: 140px;
            background-size: auto 100%;
          }

          .img_large {
            background-size: 100% auto;
          }

          .img_small {
            width: 120px;
          }

          .text {
            padding-left: 20px;
            position: relative;
            top: -8px;

            h3 {
              font-size: 25px;
              margin: 0 0 15px;
            }
          }
        }

        .col_1 {
          .text {
            padding-right: 20px;
          }
        }
      }
    }
  }

  @media (max-width: 420px) {
    .realisation {
      .line {
        .col {
          .img_large {
            background-size: 360px auto;
          }
        }
      }
    }
  }
}

/*PART PUSH*/

.part_push {
  text-align: center;
  padding: 0 0 40px;

  .ban_financement {
    margin: 20px auto 30px;
  }

  @media (max-width: 900px) {
    padding: 0 30px 30px;

    .push_offer_medium {
      .ban_financement {
        margin: 0 auto;

        .contenu_ban_financement {
          h2 {
            br {
              display: none;
            }
          }
        }
      }
    }

    .ban_article_rubric {
      &.mediumWidth {
        margin: 30px 0 0;
      }
    }
  }

  @media (max-width: 580px) {
    padding: 0 25px 25px;
  }
}