.cover {
  background-image: url("img/fond_cover-nyo_4dc.jpg");
  background-position: top;
  height: 564px;
  position: relative;

  .contenu_cover {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: rgba(0, 0, 0, 0.4);
    color: var(--white);
    height: 460px;
    padding: 30px 45px;
    position: absolute;
    right: 52px;
    top: 52px;
    width: 915px;

    h1 {
      display: inline-block;
      vertical-align: middle;
      color: var(--white);
      font-family: Lato-Black;
      font-size: 36px;
      font-weight: 400;
      line-height: 46px;
      margin: 0;
      padding: 0 0 10px;

      span {
        color: var(--green-500);
      }

      sup {
        font-size: 15px;
      }
    }

    p {
      line-height: 21px;
      margin: 0;
      padding: 20px 0 0;
    }

    .cta {
      margin: 30px 0 0;
    }

    .citation {
      display: inline-block;
      font-family: Caveat;
      font-size: 22px;
      line-height: 25px;
      padding: 30px 90px 0 0;
      position: relative;
      vertical-align: top;
      width: 440px;

      .signature_blanc {
        bottom: -35px;
        position: absolute;
        right: 70px;
      }
    }
  }

  @media (max-width: 1139px) {
    background-position: top left -140px;

    .contenu_cover {
      height: 493px;
      padding: 20px 30px;
      right: 35px;
      top: 35px;
      width: 640px;

      h1 {
        font-size: 32px;
        line-height: 40px;
        padding: 0;
      }

      .citation {
        padding: 20px 30px 0 0;
        width: 370px;
      }
    }
  }

  @media (max-width: 900px) {
    background-image: url("img/fond_cover_mob-3jHnuky.jpg");
    background-position: top;
    background-size: 100% auto;
    height: auto;
    padding: 300px 30px 30px;

    .contenu_cover {
      height: auto;
      padding: 20px 30px 50px;
      position: static;
      width: auto;

      .citation {
        padding: 20px 10px 0 0;
      }
    }
  }

  @media (max-width: 700px) {
    .contenu_cover {
      height: auto;
      padding: 20px 30px 30px;
      position: relative;
      right: 0;
      top: 0;

      h1 {
        font-size: 25px;
        line-height: 31px;

        sup {
          font-size: 12px;
        }
      }

      .cta {
        display: block;
        margin: 20px auto 0;
        width: 200px;
      }

      .citation {
        display: none;
      }
    }
  }

  @media (max-width: 560px) {
    padding: 215px 30px 30px;

    .contenu_cover {
      h1 {
        font-size: 20px;
        line-height: 26px;
      }

      p {
        line-height: 17px;
      }
    }
  }

  @media (max-width: 470px) {
    background-size: 470px auto;
    padding: 215px 20px 20px;

    .contenu_cover {
      padding: 20px;
    }
  }
}

.part_concours {
  padding: 35px 0 0;
  text-align: center;
  color: var(--blue-500);

  .encart_concours {
    .logo_quiz_concours {
      margin: 0 35px 0 0;
      width: 150px;
      display: inline-block;
      vertical-align: middle;
    }

    .contenu_concours {
      text-align: left;
      display: inline-block;
      vertical-align: middle;

      h2 {
        font-family: Lato-Black;
        font-size: 35px;
        font-weight: 400;
        line-height: 45px;
        margin: 0;
        padding: 0 0 15px;
      }
    }
  }

  .swiper_concours {
    display: none;
  }

  .encart_questions {
    padding: 40px 0;
  }

  .ligne_question {
    display: inline-block;
    vertical-align: top;
  }

  .bloc_question {
    display: inline-block;
    vertical-align: top;
    background-color: var(--blue-350);
    color: var(--white);
    height: 340px;
    margin: 0 34px 15px 0;
    padding: 25px 27px;
    position: relative;
    width: 258px;

    .num_question {
      font-family: Lato-Bold;
      font-size: 12px;
      text-transform: uppercase;

      span {
        display: block;
        font-family: Lato-Regular;
        font-size: 29px;
        line-height: 24px;
      }
    }

    .question {
      font-family: Lato-Bold;
      line-height: 21px;
      text-align: left;
      height: 160px;
      padding: 25px 0;
    }

    .reponse {
      font-family: Lato-Bold;
      line-height: 21px;
      text-align: left;
      width: 105%;

      strong {
        background-image: url("img/check-EP2fBu8.svg");
        background-repeat: no-repeat;
        display: block;
        font-size: 12px;
        padding: 0 0 3px 30px;
        text-transform: uppercase;
      }
    }

    .cta {
      background-color: var(--green-500) !important;
      bottom: -25px;
      position: absolute;
      right: 55px;
      width: 150px;
    }
  }

  .bloc_question_der {
    margin: 0;
  }

  @media (max-width: 1440px) {
    .bloc_question {
      font-size: 15px;
      height: 360px;
      margin: 0 25px 0 0;
      width: 217px;

      .question {
        width: 105%;
      }

      .reponse {
        br {
          display: none;
        }
      }

      .cta {
        right: 34px;
      }
    }
  }

  @media (max-width: 1240px) {
    .ligne_question {
      display: block;
      padding: 0 0 25px 25px;
    }
  }

  @media (max-width: 1100px) {
    .encart_concours {
      .contenu_concours {
        width: 65%;

        h2 {
          font-size: 30px;
          line-height: 40px;
        }
      }
    }
  }

  @media (max-width: 775px) {
    .encart_questions {
      display: none;
    }

    .swiper_concours {
      display: block;
      padding: 35px 0;
    }

    .bloc_question {
      font-size: 14px;
      height: 295px;
      margin: 0 0 25px;
      width: 267px;

      .num_question {
        font-size: 10px;

        span {
          font-size: 25px;
        }
      }

      .question {
        height: 120px;
        line-height: 18px;
      }

      .cta {
        right: 57px;
      }
    }
  }

  @media (max-width: 700px) {
    .encart_concours {
      .logo_quiz_concours {
        margin: 0 25px 0 0;
        vertical-align: top;
        width: 100px;
      }

      .contenu_concours {
        h2 {
          font-size: 20px;
          line-height: 26px;
        }
      }
    }
  }

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

    .encart_concours {
      .logo_quiz_concours {
        vertical-align: middle;
      }

      .contenu_concours {
        width: auto;

        h2 {
          padding: 0;
          width: 120px;
          vertical-align: middle;
        }

        p {
          display: none;
        }
      }
    }

    .text_mob_concours {
      display: block;
      margin: 0;
      padding: 20px 20px 0;
      text-align: left;
    }

    .swiper_concours {
      padding: 25px 0;
    }

    .bloc_question {
      margin: 0 0 35px;
    }
  }
}

.text_mob_concours {
  display: none;
}

.part_escapades {
  padding: 0;
  text-align: center;
  color: var(--blue-500);

  .titre_escapades {
    font-family: Lato-Black;
    font-size: 35px;
    font-weight: 400;
    line-height: 43px;
    padding: 15px 0 40px;
    margin: 0;
  }

  .ligne_escapade {
    display: inline-block;
  }

  .vignette_escapade {
    cursor: pointer;
    margin: 0 30px;
    position: relative;
    vertical-align: top;
    display: inline-block;

    .gagnant_escapade {
      width: 120px;
      display: inline-block;
      vertical-align: middle;
    }

    .contenu_escapade {
      padding: 0 0 0 10px;
      text-align: left;
      display: inline-block;
      vertical-align: middle;

      .itineraire {
        background-color: var(--blue-500);
        color: var(--white);
        display: inline-block;
        font-family: Lato-Black;
        font-size: 16px;
        padding: 2px 10px;
      }

      .nom_itineraire {
        font-family: Lato-Black;
        font-size: 18px;
        line-height: 23px;
        padding: 5px 0 8px;
      }

      .nom_gagnant {
        font-family: Caveat;
        font-size: 17px;

        span {
          font-size: 22px;
        }
      }
    }
  }

  .fleche_bleu_5 {
    bottom: -15px;
    left: -30px;
    opacity: 0;
    position: absolute;
  }

  #vignette_escapade_1 {
    .contenu_escapade,
    .gagnant_escapade {
      opacity: 0.5;
    }
  }

  #vignette_escapade_1 .fleche_bleu_5 {
    opacity: 1;
  }

  .fond_slide_escapade {
    display: none;

    .slide_escapade {
      margin: 40px 0 0;

      .encart_escapade {
        background-image: url("img/fond_gagnant_gd_1-RZYm7MO.jpg");
        background-size: 100% auto;
        display: inline-block;
        height: 515px;
        padding: 1px 0 0;
        vertical-align: top;
        width: 930px;

        .contenu_encart_escapade {
          margin: 60px;
          text-align: left;
          width: 605px;

          .itineraire_escapade {
            background-color: var(--white);
            display: inline-block;
            font-family: Lato-Black;
            font-size: 30px;
            margin: 0 0 10px;
            padding: 8px 10px;
          }

          .text_encart_escapade {
            -webkit-backdrop-filter: blur(50px);
            backdrop-filter: blur(50px);
            background-color: rgba(0, 0, 0, 0.2);
            color: var(--white);
            position: relative;

            h3 {
              font-family: Lato-Black;
              font-size: 35px;
              font-weight: 400;
              line-height: 43px;
              margin: 0;
              padding: 25px 35px;
              color: white;
            }

            p {
              margin: 0;
              padding: 0 35px 35px;
            }

            .gagnant_encart_escapade {
              position: absolute;
              right: 30px;
              top: -85px;
            }

            .nom_gagnant_escapade {
              font-family: Caveat;
              font-size: 22px;
              position: absolute;
              right: 55px;
              text-align: right;
              top: 85px;

              span {
                font-size: 30px;
              }

              .fleche_blanc_2 {
                position: absolute;
                right: -45px;
                top: -50px;
              }
            }
          }
        }
      }

      .video_escapade {
        background-color: var(--grey-700);
        border: 12px solid var(--grey-700);
        display: inline-block;
        height: 515px;
        vertical-align: top;
        width: 302px;
        position: relative;
        left: -4px;

        img,
        video {
          width: 100%;
        }
      }
    }
  }

  #slide_escapade_1 {
    display: block;
  }

  #slide_escapade_2 {
    .encart_escapade {
      background-image: url("img/fond_gagnant_gd_2-aTqjx9m.jpg");
    }
  }

  #slide_escapade_3 {
    .encart_escapade {
      background-image: url("img/fond_gagnant_gd_3-9qGAuMF.jpg");
    }
  }

  #slide_escapade_4 {
    .encart_escapade {
      background-image: url("img/fond_gagnant_gd_4-diI8zYP.jpg");
    }
  }

  @media (max-width: 1440px) {
    .titre_escapades {
      padding: 30px 60px 40px;
    }

    .vignette_escapade {
      margin: 0 10px;
    }

    .fond_slide_escapade {
      .slide_escapade {
        .encart_escapade {
          width: 725px;
        }
      }
    }
  }

  @media (max-width: 1240px) {
    .vignette_escapade {
      .gagnant_escapade {
        width: 100px;
      }
    }
  }

  @media (max-width: 1139px) {
    .ligne_escapade {
      display: block;
    }

    .vignette_escapade {
      margin: 10px;
      text-align: left;
      width: 300px;

      .gagnant_escapade {
        width: 120px;
      }
    }

    .fond_slide_escapade {
      .slide_escapade {
        margin: 20px 0 0;

        .encart_escapade {
          background-size: auto 100%;
          width: 525px;

          .contenu_encart_escapade {
            margin: 40px 40px 0;
            width: 445px;

            .text_encart_escapade {
              h3 {
                padding: 25px 35px 40px;
                font-size: 29px;
                line-height: 38px;
              }

              .gagnant_encart_escapade {
                right: 10px;
                top: -65px;
                width: 141px;
              }

              .nom_gagnant_escapade {
                top: 110px;

                span {
                  font-size: 22px;
                }
              }
            }
          }
        }
      }
    }

    #vignette_escapade_1 .fleche_bleu_5 {
      opacity: 0;
    }
  }

  @media (max-width: 1100px) {
    .titre_escapades {
      font-size: 30px;
      line-height: 40px;
      padding: 30px 60px;
    }

    .fond_slide_escapade {
      .slide_escapade {
        .encart_escapade {
          .contenu_encart_escapade {
            .itineraire_escapade {
              font-size: 25px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 900px) {
    .vignette_escapade {
      background-image: url("img/vignette_escapade-tL5LOI0.svg");
      background-position: 100%;
      background-repeat: no-repeat;
      width: 320px;

      .contenu_escapade,
      .gagnant_escapade {
        opacity: 1 !important;
      }
    }

    .fond_slide_escapade {
      background-image: url("img/trans-UvhUv-3.png");
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000000;

      .slide_escapade {
        height: 93%;
        margin: 30px auto;
        overflow-y: scroll;
        position: relative;
        width: 535px;

        .encart_escapade {
          width: 100%;
        }

        .video_escapade {
          background-color: var(--grey-700);
          border: none;
          height: auto;
          width: 100%;

          img,
          video {
            border: 12px solid var(--grey-700);
            display: block;
            margin: 0 auto;
            max-width: 320px;
          }
        }

        .btn_close {
          background-image: url("img/close-Mdah8gZ.svg");
          background-repeat: no-repeat;
          cursor: pointer;
          height: 23px;
          position: absolute;
          right: 15px;
          top: 15px;
          width: 23px;
          z-index: 1000;
        }
      }
    }

    #slide_escapade_1 {
      display: none;
    }

    .fleche_bleu_5 {
      display: none;
    }
  }

  @media (max-width: 700px) {
    .titre_escapades {
      font-size: 20px;
      line-height: 26px;
      padding: 20px 60px 30px;
    }

    .fond_slide_escapade {
      .slide_escapade {
        width: 435px;

        .encart_escapade {
          height: 395px;

          .contenu_encart_escapade {
            margin: 30px 30px 0;
            width: auto;

            .itineraire_escapade {
              font-size: 16px;
              margin: 0;
            }

            .text_encart_escapade {
              h3 {
                font-size: 19px;
                line-height: 24px;
                padding: 15px 20px 35px;
              }

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

              .nom_gagnant_escapade {
                right: 35px;
                top: 70px;

                .fleche_blanc_2 {
                  right: -25px;
                  top: -30px;
                  width: 30px;
                }

                span {
                  font-size: 22px;
                }
              }

              .gagnant_encart_escapade {
                right: 20px;
                top: -45px;
                width: 89px;
              }
            }
          }
        }
      }
    }
  }

  @media (max-width: 470px) {
    .fond_slide_escapade {
      .slide_escapade {
        height: 100%;
        margin: 0;
        width: 100%;
      }
    }
  }
}

.encart_financement {
  background-image: url("img/chemin-_RK83rJ.png");
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 25px 0 230px;

  @media (max-width: 1139px) {
    background-size: 1139px auto;
    padding: 0 0 180px;

    .push_offer_medium .ban_financement {
      margin: 20px auto 0;
    }
  }

  @media (max-width: 900px) {
    .push_offer_medium .ban_financement {
      margin: 20px 20px 0;
    }

    @media (max-width: 380px) {
      background-image: url("img/chemin_mob-kc35I5j.png");
      background-size: 380px auto;
      padding: 0 0 120px;
    }
  }
}

.part_articles {
  clear: both;
  padding: 0;
  position: relative;
  text-align: center;
  top: -70px;
  color: var(--blue-500);

  .header_part_articles {
    padding: 0 0 40px;
    position: relative;

    .bulle_laurent_2 {
      display: inline-block;
      margin: 0 25px 0 0;
      vertical-align: top;
      width: 160px;
    }

    .contenu_header_articles {
      display: inline-block;
      text-align: left;
      vertical-align: top;

      h2 {
        font-family: Lato-Black;
        font-size: 35px;
        font-weight: 400;
        line-height: 45px;
        margin: 0;
        padding: 0 0 25px;
      }

      p {
        margin: 0 auto;
        padding: 0;
      }
    }

    .text_header_articles_mob {
      display: none;
    }
  }

  .contenu_part_articles {
    background-color: var(--blue-50);
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
    width: 1230px;

    .titre_selection {
      display: inline-block;
      vertical-align: middle;
    }

    .citation_articles {
      font-family: Caveat;
      font-size: 28px;
      line-height: 34px;
      padding: 0 0 0 45px;
      text-align: left;
      width: 890px;
      display: inline-block;
      vertical-align: middle;
    }

    .article {
      background-color: var(--white);
      color: var(--blue-500);
      display: inline-block;
      margin: 40px 20px 0;
      position: relative;
      text-align: left;
      width: 550px;

      .img_article {
        float: right;
        position: relative;
      }

      .contenu_article {
        float: left;
        padding: 25px 35px;
        position: relative;

        strong {
          color: var(--blue-350);
          font-size: 14px;
          text-transform: uppercase;
        }

        h3 {
          font-family: Lato-Bold;
          font-size: 23px;
          font-weight: 400;
          line-height: 31px;
          margin: 0;
          padding: 10px 0;
        }
      }

      .cta {
        background-color: var(--white);
        border: 1px solid var(--blue-500);
        color: var(--blue-500);
      }

      .cta:hover {
        background-color: var(--blue-500);
        color: var(--white);
      }
    }

    .articles_desktop {
      .article {
        width: 255px;

        .contenu_article {
          padding: 20px 25px;

          h3 {
            font-size: 20px;
            line-height: 26px;
            padding: 5px 0 15px;
          }
        }
      }
    }

    .articles_mobile {
      display: none;
    }
  }

  @media (max-width: 1440px) {
    .header_part_articles {
      .bulle_laurent_2 {
        right: 40px;
        width: 135px;
      }

      .contenu_header_articles {
        width: 55%;

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

    .contenu_part_articles {
      width: 90%;

      .citation_articles {
        padding: 0 0 0 40px;
        width: 64%;
      }

      .article {
        width: 45%;
      }

      .articles_desktop {
        .article {
          width: 235px;

          .img_article {
            width: 100%;
          }

          .contenu_article {
            h3 {
              font-size: 18px;
              line-height: 23px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 1240px) {
    .header_part_articles {
      .bulle_laurent_2 {
        right: 50px;
        width: 120px;
      }

      .contenu_header_articles {
        h2 {
          font-size: 35px;
          line-height: 40px;
        }
      }
    }

    .contenu_part_articles {
      padding: 30px 0;

      .titre_selection {
        width: 220px;
      }

      .citation_articles {
        font-size: 26px;
        line-height: 30px;
      }

      .article {
        margin: 30px 15px 0;

        .img_article {
          width: 220px;
        }

        .contenu_article {
          padding: 20px;

          h3 {
            font-size: 20px;
            line-height: 26px;
            width: 170px;
          }
        }
      }

      .articles_desktop {
        .article {
          width: 205px;
        }
      }
    }
  }

  @media (max-width: 1100px) {
    .header_part_articles {
      padding: 0 0 30px;

      .bulle_laurent_2 {
        right: 20px;
        top: -20px;
      }

      .contenu_header_articles {
        width: 66%;

        h2 {
          font-size: 30px;
          line-height: 40px;

          br {
            display: none;
          }
        }
      }
    }

    .contenu_part_articles {
      width: 570px;

      .titre_selection {
        display: block;
        margin: 0 0 0 35px;
      }

      .citation_articles {
        padding: 10px 0 0;
        width: 500px;
      }

      .article {
        width: 500px;

        .contenu_article {
          h3 {
            width: auto;
          }
        }
      }

      .articles_desktop {
        .article {
          width: 215px;
        }
      }
    }
  }

  @media (max-width: 700px) {
    .header_part_articles {
      .bulle_laurent_2 {
        width: 110px;
      }

      .contenu_header_articles {
        h2 {
          font-size: 20px;
          line-height: 26px;
          margin: 0 auto;
          padding: 0 0 15px;
        }
      }
    }

    .contenu_part_articles {
      padding: 20px 0 10px;
      width: 325px;

      .titre_selection {
        width: 170px;
      }

      .citation_articles {
        display: none;
      }

      .article {
        clear: both;
        display: block;
        height: 145px;
        margin: 15px auto;
        width: 290px;
        position: relative;

        .img_article {
          width: 145px;
        }

        .contenu_article {
          strong {
            font-size: 11px;
          }

          h3 {
            font-size: 14px;
            line-height: 18px;
            padding: 5px 0;
            width: 100px;
          }
        }

        .cta {
          display: none;
        }

        .cta_mob {
          background-image: url("img/fleche_btn-KvrIOBC.png");
          background-position: 50%;
          background-repeat: no-repeat;
          background-size: 16px;
          border: 1px solid var(--blue-500);
          border-radius: 3px;
          bottom: 20px;
          height: 25px;
          position: absolute;
          right: 165px;
          width: 25px;
        }
      }

      .articles_desktop {
        display: none;
      }

      .articles_mobile {
        display: block;

        .swiper-pagination {
          bottom: 0;
        }

        .swiper-container {
          height: 190px;
        }
      }
    }
  }

  @media (max-width: 480px) {
    .header_part_articles {
      .bulle_laurent_2 {
        margin: 0 15px 0 0;
      }

      .contenu_header_articles {
        width: 55%;

        p {
          display: none;
        }
      }

      .text_header_articles_mob {
        display: block;
        margin: 0;
        padding: 0 20px;
        text-align: left;
      }
    }
  }

  @media (max-width: 380px) {
    top: 0;
  }
}

.part_conseil {
  text-align: center;
  color: var(--blue-500);

  .ban_conseil {
    background-color: var(--blue-50);
    display: inline-block;
    height: 550px;
    position: relative;
    top: -53px;
    width: 440px;

    .contenu_ban_conseil {
      padding: 45px;
      text-align: left;

      strong {
        display: block;
        font-family: Lato-Black;
        font-size: 22px;
        line-height: 29px;
        padding: 20px 0;
      }

      ul {
        margin: 0;
        padding: 0 0 0 20px;

        li {
          margin: 0;
          padding: 7px 0;
        }
      }
    }
  }

  @media (max-width: 1440px) {
    .ban_conseil {
      width: 30%;

      .contenu_ban_conseil strong {
        font-size: 17px;
        line-height: 23px;
        padding: 15px 0;
      }
    }
  }

  @media (max-width: 1240px) {
    .ban_conseil {
      height: 530px;

      .contenu_ban_conseil {
        padding: 35px;

        .titre_conseil {
          height: 85px;
        }
      }
    }
  }

  @media (max-width: 1100px) {
    .ban_conseil {
      height: auto;
      margin: 0 0 17px;
      width: 570px;

      .contenu_ban_conseil {
        strong {
          font-size: 16px !important;
        }
      }
    }
  }

  @media (max-width: 700px) {
    .ban_conseil {
      width: 325px;

      .contenu_ban_conseil {
        padding: 25px;

        .titre_conseil {
          height: 67px;
        }
      }
    }
  }

  @media (max-width: 380px) {
    .ban_conseil {
      margin: 15px 0 0;
      top: 0;
    }
  }
}

.ban_collaboration {
  background-color: var(--blue-50);
  color: var(--blue-500);
  display: inline-block;
  height: 550px;
  margin: 0 0 0 17px;
  position: relative;
  text-align: center;
  top: -53px;
  vertical-align: top;
  width: 777px;

  .contenu_ban_collaboration {
    display: inline-block;
    padding: 45px 45px 35px;
    text-align: left;
    vertical-align: middle;

    p {
      display: inline-block;
      margin: 0;
      padding: 10px 0 0;
      width: 63%;
    }

    h2 {
      font-family: Lato-Regular;
      font-size: 25px;
      font-weight: 400;
      line-height: 34px;
      padding: 0 0 15px;

      strong {
        display: block;
        font-family: Lato-Bold;
        font-size: 32px;
        font-weight: 400;
        line-height: 41px;
        padding: 10px 0 0;
      }
    }

    .cta {
      background-color: var(--white);
      border: 1px solid var(--blue-500);
      color: var(--blue-500);
      display: inline-block;
      margin: 10px 0 0 75px;
      vertical-align: top;
    }

    .cta:hover {
      background-color: var(--blue-500) !important;
      color: var(--white);
    }
  }

  .mosaique_collaboration {
    display: inline-block;
    text-align: left;
    vertical-align: middle;

    .encart_img_ban {
      display: inline-block;
      height: 255px;
      margin: 0 14px;
      position: relative;
      vertical-align: top;
      width: 210px;

      span {
        bottom: 25px;
        color: var(--white);
        font-family: Lato-Bold;
        font-size: 20px;
        left: 15px;
        position: absolute;
      }
    }

    .encart_img_ban_1 {
      background-image: url("img/img_ban_1-cKuPPHe.jpg");
    }

    .encart_img_ban_2 {
      background-image: url("img/img_ban_2-FOYH2wK.jpg");
    }

    .encart_img_ban_3 {
      background-image: url("img/img_ban_3-5ZPdMFu.jpg");
    }
  }

  @media (max-width: 1440px) {
    width: 59%;

    .contenu_ban_conseil {
      strong {
        font-size: 17px;
        line-height: 23px;
        padding: 15px 0;
      }
    }

    .mosaique_collaboration {
      .encart_img_ban {
        margin: 0 10px;
        width: 200px;
      }
    }
  }

  @media (max-width: 1240px) {
    height: 530px;

    .contenu_ban_collaboration {
      padding: 35px 35px 25px;

      .titre_inspiration {
        height: 85px;
      }

      h2 {
        font-size: 20px;
        font-weight: 400;
        line-height: 27px;

        strong {
          font-size: 30px;
          line-height: 37px;
        }

        br {
          display: none;
        }
      }
    }

    .mosaique_collaboration {
      .encart_img_ban {
        width: 170px;

        span {
          font-size: 18px;
          line-height: 24px;
        }
      }
    }
  }

  @media (max-width: 1100px) {
    height: auto;
    margin: 0;
    width: 570px;

    .contenu_ban_collaboration {
      p {
        width: auto;
      }

      .cta {
        display: block;
        margin: 10px auto 0;
        width: 130px;
      }
    }

    .mosaique_collaboration {
      .encart_img_ban {
        margin: 0 10px 30px;
        width: 155px;
      }
    }
  }

  @media (max-width: 700px) {
    display: block;
    margin: 0 auto;
    padding: 0 0 10px;
    width: 325px;

    .contenu_ban_collaboration {
      padding: 25px;

      .titre_inspiration {
        height: 67px;
      }

      h2 {
        font-size: 14px;
        line-height: 21px;

        strong {
          font-size: 20px;
          line-height: 26px;
        }
      }

      .cta {
        display: block;
        margin: 15px auto 0;
        width: 115px;
      }
    }

    .mosaique_collaboration {
      width: 100%;

      .encart_img_ban {
        background-size: 318px;
        display: block;
        height: 133px;
        margin: 0 auto 10px;
        max-width: 318px;
        width: 90%;

        span {
          bottom: 15px;
          font-size: 16px;
          left: 10px;
          line-height: 23px;

          br {
            display: none;
          }
        }
      }

      .encart_img_ban_1 {
        background-image: url("img/img_ban_mob_1-_dFw3C2.jpg");
      }

      .encart_img_ban_2 {
        background-image: url("img/img_ban_mob_2-s4Y-71_.jpg");
      }

      .encart_img_ban_3 {
        background-image: url("img/img_ban_mob_3-XrmBJSV.jpg");
      }
    }
  }

  @media (max-width: 380px) {
    margin: 15px auto 30px;
    top: 0;
  }
}

.swiper {
  .swiper-pagination-bullet {
    height: 10px !important;
    margin: 0 4px !important;
    width: 10px !important;
  }

  .swiper-pagination-bullet-active {
    background: #66b1e2 !important;
  }
}