.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;
    }
  }
}

@media (max-width: 700px) {
  .breadcrumb {
    position: absolute;
    top: 365px;
    left: 10px;
  }
}

@media (max-width: 470px) {
  .breadcrumb {
    top: 370px;
  }
}

/*COVER*/

.container {
  .cover {
    .gd_img_cover {
      background-image: url("img/img_cover_gd-2de9695f19990c038aa3f0009ec9e7df.webp");
      background-position: top center;
    }

    .contenu_cover {
      .text_cover {
        padding: 75px 70px;

        p {
          max-width: 745px;
        }
      }

      .col_cover_1 {
        background-image: url("img/img_cover_pt_1-aaf038292c74bf70fdbcaf55dd6ead3a.webp");
      }

      .col_cover_2 {
        background-image: url("img/img_cover_pt_2-027253bfa2e50fa17b14faecf2644345.webp");
      }

      .col_cover_3 {
        background-image: url("img/img_cover_pt_3-a691d43d3f55cb5a1bf9155ef7547d7d.webp");
      }

      .col_cover {
        .contenu_col_cover {
          .signature {
            width: 70px;
          }
        }
      }

      @media (max-width: 1460px) {
        .text_cover {
          padding: 45px 50px;
          h1 {
            strong {
              display: inline-block;
            }
          }
        }

        .col_cover {
          .contenu_col_cover {
            padding: 25px 20px;
          }
        }
      }

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

        .col_cover {
          .contenu_col_cover {
            padding: 35px 20px;

            .signature {
              width: 62px;
              margin: 5px auto 0;
            }
          }
        }
      }

      @media (max-width: 1060px) {
        .my_img_cover {
          height: 330px;
          background-position: top center;
          background-image: url("img/img_cover_gd-2de9695f19990c038aa3f0009ec9e7df.webp");
        }

        .text_cover {
          padding: 30px 4%;
          height: auto;
        }
      }

      @media (max-width: 900px) {
        .my_img_cover {
          height: 250px;
        }

        .text_cover {
          padding: 20px 4%;
        }

        .col_cover {
          .contenu_col_cover {
            padding: 23px 20px;

            .signature {
              width: 53px;
            }
          }
        }
      }

      @media (max-width: 700px) {
        .text_cover {
          padding: 0 0 25px;

          .fond_mob {
            h1 {
              width: 375px;
            }
          }
        }

        .fond_mob {
          background-image: url("img/img_cover_gd_mob-7e57c536b192f9c03c3a81a5e13b7833.webp");
          background-position: top right;
        }

        .col_cover {
          .contenu_col_cover {
            padding: 15px 20px;

            br {
              display: none;
            }
          }
        }
      }

      @media (max-width: 580px) {
        .text_cover {
          .fond_mob {
            h1 {
              width: 325px;
            }
          }
        }
      }
    }
  }
}

/*PART*/

.title_part {
  color: #bae1f3;
  font-size: 75px;
  line-height: 100%;
  padding: 0 0 20px 0;
  font-family: Lato-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: Lato-Black;
  margin: 40px 40px 30px;

  strong {
    color: #1898d4;
    font-family: Lato-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 0 0;

        a {
          color: #003da5;
        }
      }

      .arrow_bottom {
        display: none;
      }

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

    .ban_article_rubric {
      margin: 0;
    }
  }

  .ban_game {
    margin: 0 auto 10px;
    background-image: url("img/background_game-4c24dbc658ce1439cae91c6f80a6becd.webp");
    background-position: center;
    padding: 57px 0 40px;
    width: 100%;
    background-size: 785px auto;

    .content {
      width: 495px;
      margin: 0 auto;
      -webkit-backdrop-filter: blur(50px);
      backdrop-filter: blur(50px);
      background-color: rgba(255, 255, 255, 0.2);
      position: relative;
      text-align: center;
      padding: 40px 0 20px;

      .logo {
        margin: 0 auto 25px;
        display: block;
      }

      .avatar {
        position: absolute;
        top: -40px;
        right: -70px;
      }

      .date {
        background-color: #1898d4;
        font-size: 22px;
        color: white;
        position: absolute;
        padding: 15px 25px;
        top: -25px;
        left: 40px;
        font-family: Lato-Bold;
      }
    }
  }

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

  @media (max-width: 1380px) {
    .content_game {
      gap: 50px;

      .col_1 {
        .arrow_right {
          right: -25px;
        }
      }
    }
  }

  @media (max-width: 1240px) {
    .ban_game {
      .content {
        .avatar {
          width: 95px;
          right: -35px;
        }
      }
    }

    .content_game {
      gap: 35px;
    }
  }

  @media (max-width: 1035px) {
    .ban_game {
      padding: 40px 0 30px;
      padding: 50px 0 40px;
      background-size: auto 100%;

      .content {
        width: 370px;

        .avatar {
          right: -65px;
        }

        .date {
          font-size: 17px;
          padding: 10px 20px;
          top: -20px;
          left: 25px;
        }

        .logo {
          width: 300px;
        }

        .advert {
          font-size: 15px;
          width: 110px;
          height: 110px;
          right: -45px;
          bottom: -25px;
        }
      }
    }
  }

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

      .col_1 {
        width: auto;

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

        .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: 20px;

        .contenu_ban_article {
          h2 {
            padding-top: 0;

            br {
              display: none;
            }
          }

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

    .ban_game {
      background-size: auto;
    }
  }

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

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

    .ban_game {
      padding: 50px 25px 40px;
      background-size: auto 100%;

      .content {
        width: 280px;
        padding: 30px 0 10px;

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

        .logo {
          width: 240px;
        }

        .date {
          font-size: 17px;
          padding: 10px 20px;
          top: -20px;
          left: 50%;
          margin-left: -102px;
        }

        .advert {
          font-size: 12px;
          width: 80px;
          height: 80px;
          right: -15px;
          bottom: -30px;
        }
      }
    }
  }
}

/*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: Lato-Regular;
          margin: 0 0 25px;

          strong {
            font-family: Lato-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-36573eeff405a6c615344dfced96a46e.webp");
      width: 444px;
      height: 560px;
      background-position: center;
      margin-bottom: 10px;
    }
  }

  .mosaic {
    background-image: url("img/mosaic-97983bfeac0e7c15cc84dc9fef1b6344.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-5254e23893a55b9027f0f51bf748ebe4.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*/

.part_advice {
  margin: 110px 87px 0;
  color: white;
  position: relative;

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

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

    .push_article {
      height: 460px;
      width: 100%;
      display: flex;
      align-items: center;

      .content {
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px);
        background-color: rgba(0, 0, 0, 0.2);
        margin: 40px;
        width: 345px;
        padding: 30px;

        h3 {
          color: white;
          font-size: 34px;
          line-height: 110%;
          margin: 0 0 20px;
        }
      }
    }

    .push_article_1 {
      background-image: url("img/push_article_1-20c99dce4d7be45d957df065c2278717.webp");
    }

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

    .push_article_3 {
      background-image: url("img/push_article_3-4eafe5a04a9c5e222024962b77f166a3.webp");

      .content {
        width: 370px;
      }
    }

    .ban_article_rubric {
      margin: 0;
    }
  }

  @media (max-width: 1380px) {
    .line {
      gap: 50px;
      margin-bottom: 50px;

      .push_article {
        height: 430px;
      }
    }
  }

  @media (max-width: 1240px) {
    margin: 90px 35px 0;

    .title_part {
      top: 0;
      left: 0;
    }

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

      .push_article {
        height: 400px;
        background-size: auto 100%;

        .content {
          margin: 25px;
          width: 315px;

          h3 {
            font-size: 28px;
          }
        }
      }

      .push_article_3 {
        .content {
          width: 330px;
        }
      }
    }
  }

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

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

    .line {
      display: block;
      margin-bottom: 25px;

      .push_article {
        align-items: start;
        height: 335px;
        margin: 0 0 25px;

        .content {
          padding: 25px;

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

      .ban_article_rubric {
        width: 100%;
        background-size: 100% auto;

        .contenu_ban_article {
          h2 {
            padding-top: 0;

            br {
              display: none;
            }
          }

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

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

    .title_part {
      padding: 0 0 15px;
    }

    .line {
      margin-bottom: 20px;

      .push_article {
        align-items: start;
        margin-bottom: 20px;
        background-position: center;

        .hide_mob {
          display: none;
        }

        .content {
          margin: 20px;
          padding: 20px;
          width: auto;

          h3 {
            font-size: 22px;
            margin: 0;
            background-image: url("img/arrow-5358373206bb4c4cd81a244c8af443a4.svg");
            background-repeat: no-repeat;
            background-size: 30px;
            background-position: top 13px right 0px;
            padding-right: 35px;
          }

          p {
            padding-top: 15px;
          }
        }

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

          .content {
            h3 {
              background-image: none;
            }
          }
        }
      }
    }
  }
}

/*PART REALISATION*/

.part_realisations {
  color: #003da5;
  font-family: Lato-Bold;
  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;

    .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-524635d3e87334f71c2b7e8ddc14b69b.webp");
        }

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

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

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

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

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

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

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

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

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

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

        .img_3_4 {
          background-image: url("img/img_realisation_3_4-35c050832fe9d0698ee93e02110f463f.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;

    .contenu_ban_financement {
      h2 {
        width: 270px;
      }
    }
  }

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

    .push_offer_medium {
      .ban_financement {
        margin: 0;

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

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

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