#spotlight-concretise {
  background-image: url("img/spotlight-concretise-7f28347c8ddc0ff19645ea58f8320367.webp");

  .spotlight-content {
    margin: 40px 170px;

    p {
      padding: 0 190px 0 0;
    }

    #type_projet {
      border-bottom: solid 4px var(--white);
      padding: 0 0 3px 0;
    }
  }

  @media (max-width: 1440px) {
    .spotlight-content {
      margin: 40px 90px;
    }
  }

  @media (max-width: 1260px) {
    .spotlight-content {
      p {
        padding: 0;
      }
    }
  }

  @media (max-width: 1190px) {
    .spotlight-content {
      margin: 40px 45px;

      #type_projet {
        border-bottom: solid 3px var(--white);
        padding: 0;
      }
    }
  }

  @media (max-width: 935px) {
    .spotlight-content {
      margin: 30px;
    }
  }

  @media (max-width: 580px) {
    .spotlight-content {
      margin: 25px;
    }
  }
}

.pres_page {
  text-align: center;
  padding: 50px 30px;

  h2 {
    font-size: 40px;
    line-height: 46px;
    margin: 0;
    padding: 0 0 15px;
    font-family: Lato-Black;
  }

  p {
    font-size: 20px;
    line-height: 25px;
    padding: 0;
    color: var(--blue-500);
  }

  @media (max-width: 1290px) {
    h2 {
      font-size: 33px;
      line-height: 40px;
    }
  }

  @media (max-width: 1139px) {
    p {
      font-size: 16px;
      line-height: 20px;
    }
  }

  @media (max-width: 935px) {
    padding: 35px 20px;

    h2 {
      font-size: 24px;
      line-height: 30px;
      padding: 0 0 10px;
    }

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

.carrousel {
  margin: 0 55px;
  position: relative;

  .slide {
    padding: 0 0 1px;
    color: var(--white);
    background-position: top right;
    display: none;
    background-size: auto 100%;

    .titre_slide {
      font-family: Lato-Black;
      font-size: 30px;
      width: 33%;
      text-align: center;
      padding: 25px 0;
      height: 90px;

      br {
        display: none;
      }

      img {
        display: inline-block;
        vertical-align: top;
      }

      .texte_titre_slide {
        display: inline-block;
        vertical-align: top;
        padding: 5px 0 0 10px;
      }

      .texte_titre_slide_mob {
        display: none;
      }
    }

    .contenu_slide {
      background-color: rgba(0, 0, 0, 0.3);
      margin: 40px 90px;
      padding: 30px 0 50px;
      text-align: center;
      font-size: 18px;
      line-height: 25px;
      position: relative;

      h3 {
        color: var(--white);
        font-size: 40px;
        margin: 0;
        font-family: Lato-Black;
        padding: 0 0 25px;
        position: relative;
        z-index: 10;
      }

      p {
        position: relative;
        z-index: 10;
      }
    }

    .swiper {
      display: none;
    }

    .contenu_slide::before {
      -webkit-backdrop-filter: blur(50px);
      backdrop-filter: blur(50px);
      height: 100%;
      width: 100%;
      position: absolute;
      content: '';
      top: 0px;
      left: 0px;
      z-index: 0;
    }
  }

  .slide_travaux {
    background-image: url("img/fond_travaux-c042cd91b800c18516e5043da0de8a73.webp");
    display: block;

    .ban_financement {
      &.carousel {
        .contenu_ban_financement {
          height: 473px;
          .chiffre_financement {
            .encart_pourcentage {
              font-size: 112px;
              height: 70px;
              margin: 10px 0 30px;

              .pourcentage {
                font-size: 29px;
                line-height: 29px;
                top: -5px;
              }

              .taeg {
                right: -248px;
                font-size: 29px;
                line-height: 32px;
              }
            }
          }
        }
      }
    }

    .ban_financement_no_costs {
      &.carousel {
        .contenu_ban_financement {
          .chiffre_financement {
            .encart_pourcentage {
              height: 85px;
            }
          }
        }
      }
    }

    .ban_article {
      &.carousel {
        .contenu_ban_article {
          height: 472px;

          .description {
            padding: 0 0 17px;
          }

          .cta {
            margin: 19px 0 0;
          }
        }
      }
    }
  }

  .slide_mobilite {
    background-image: url("img/fond_mobilite-2548986cdda109097a64d2cdeeae4f61.webp");
    background-size: 100% auto;

    .titre_slide {
      margin: 0 0 0 32.46%;
    }

    .ban_financement {
      &.carousel {
        .contenu_ban_financement {
          height: 409px;
          .chiffre_financement {
            .infos_chiffre {
              .conditions {
                position: absolute;
                top: -75px;
                left: 250px;
                font-size: 14px;
                line-height: 17px;
              }

              .date_validite {
                padding: 10px 0 0;
              }
            }
          }

          .cta {
            margin: 8px 0 0;
          }
        }
      }
    }

    .ban_financement_no_costs {
      &.carousel {
        .contenu_ban_financement {
          .chiffre_financement {
            .infos_chiffre {
              margin: 0 0 10px;
              .conditions {
                font-size: 16px;
                line-height: 22px;
                position: static;

                br {
                  display: none;
                }
              }
            }

            .encart_pourcentage {
              height: 85px;

              .no_costs {
                .num {
                  font-size: 100px;

                  sup {
                    font-size: 48px;
                  }

                  span {
                    font-size: 40px;
                    bottom: -24px;
                    left: 56px;
                  }
                }

                .frais {
                  font-size: 40px;
                  line-height: 40px;
                }
              }
            }
          }
        }
      }
    }

    .ban_article {
      &.carousel {
        .contenu_ban_article {
          height: 408px;
          h2 {
            padding: 0 0 31px;
          }

          .cta {
            margin: 20px 0 0;
          }
        }
      }
    }
  }

  .slide_perso {
    background-image: url("img/fond_perso-44a7ad294a895cbed268d42af981d399.webp");
    background-position: right bottom;
    background-size: auto 102%;

    .titre_slide {
      margin: 0 0 0 65%;
    }

    .contenu_slide {
      margin: 40px 170px;
    }

    .ban_financement {
      width: 845px;
      margin: 0 auto;
      text-align: left;

      .contenu_ban_financement {
        padding: 30px 40px;
        height: 275px;

        h2 {
          display: inline-block;
          width: auto;
          padding: 50px 0 0;
        }

        .chiffre_financement {
          display: inline-block;
          margin: 0 0 0 130px;
          width: 300px;
          vertical-align: top;

          .encart_pourcentage {
            font-size: 99px;
            height: 89px;

            strong {
              top: 65px;
            }

            .text_pourc {
              left: 40px;
            }

            .pourcentage {
              font-size: 24px;
              top: 65px;
            }

            .taeg {
              right: -200px;
              font-size: 24px;
              line-height: 26px;
              top: 17px;
            }
          }

          .infos_chiffre {
            font-size: 18px;
            line-height: 24px;

            .date_validite {
              font-size: 21px;
              line-height: 28px;
              position: relative;
              top: -95px;
            }
          }
        }

        .cta {
          position: absolute;
          left: 40px;
          bottom: 50px;
        }

        .ml {
          bottom: 15px;
          position: relative;
        }
      }
    }

    .ban_financement_no_costs {
      .contenu_ban_financement {
        .chiffre_financement {
          .encart_pourcentage {
            padding: 70px 0 0;
          }
        }
      }
    }
  }

  .menu_carrousel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100.1%;

    br {
      display: none;
    }

    .col_menu_carrousel {
      float: left;
      vertical-align: top;
      width: 32.46%;
      height: 90px;

      .contenu_col_menu_carrousel {
        background-color: var(--white);
        padding: 0 0 20px;

        .btn_menu_carrousel {
          background-color: var(--grey-50);
          color: var(--blue-500);
          text-align: center;
          padding: 20px;
          font-size: 20px;
          font-family: Lato-Bold;
          cursor: pointer;

          img {
            display: inline-block;
            vertical-align: top;
          }

          .text_btn_menu_carrousel {
            display: inline-block;
            vertical-align: top;
            padding: 0 0 0 10px;
            height: 30px;
          }

          .text_btn_menu_carrousel_mob {
            display: none;
          }
        }
      }
    }

    .item_menu_carrousel_select {
      display: none;
    }

    .separation {
      float: left;
      background-color: var(--white);
      width: 1.3%;
      height: 90px;
    }
  }

  @media (max-width: 1460px) {
    .slide {
      background-size: auto 100%;

      .titre_slide {
        font-size: 27px;
      }
    }

    .slide_perso {
      .ban_financement {
        &.carousel {
          width: 765px;
          margin: 0 auto;

          .contenu_ban_financement {
            padding: 30px;
            height: 260px;

            h2 {
              width: auto;
              padding: 45px 0 0;
              float: left;

              br {
                display: block;
              }
            }

            .chiffre_financement {
              .encart_pourcentage {
                font-size: 89px;
                height: 89px;

                .text_pourc {
                  left: 30px;
                }

                .pourcentage {
                  font-size: 19px;
                  top: 70px;
                  line-height: 21px;
                }

                .taeg {
                  font-size: 19px;
                  top: 22px;
                  line-height: 21px;
                  right: -185px;
                }
              }

              .infos_chiffre {
                font-size: 16px;
                line-height: 21px;

                .conditions {
                  padding: 10px 0 0;
                }
              }
            }

            .cta {
              left: 30px;
              bottom: 40px;
            }

            .ml {
              bottom: 10px;
            }
          }
        }
      }

      .ban_financement_no_costs {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              margin: 0 0 0 120px;

              .infos_chiffre {
                .conditions {
                  padding: 30px 0 0;
                }
              }
            }
          }
        }
      }
    }

    .slide_travaux {
      .ban_article {
        &.carousel {
          .contenu_ban_article {
            height: 440px;
          }
        }
      }

      .ban_financement_no_costs {
        &.carousel {
          .contenu_ban_financement {
            height: 442px;
            .chiffre_financement {
              .encart_pourcentage {
                height: 89px;
              }
            }
          }
        }
      }
    }

    .slide_mobilite {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            .cta {
              margin: 15px 0 0;
            }
          }
        }
      }

      .ban_article {
        &.carousel {
          .contenu_ban_article {
            height: 385px;

            .description {
              height: 91px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 1380px) {
    .slide_travaux {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            height: 442px;

            .chiffre_financement {
              .encart_pourcentage {
                margin: 20px 0;
              }
            }
          }
        }
      }
    }
    .slide_mobilite {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            height: 407px;
          }
        }
      }
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .encart_pourcentage {
                .no_costs {
                  .num {
                    font-size: 100px;

                    sup {
                      font-size: 50px;
                    }
                  }

                  .frais {
                    font-size: 40px;
                    line-height: 40px;
                  }
                }
              }

              .infos_chiffre {
                .conditions {
                  left: 260px;
                }
              }
            }
          }
        }
      }
      .ban_article {
        &.carousel {
          .contenu_ban_article {
            height: 407px;
          }
        }
      }
    }
  }

  @media (max-width: 1290px) {
    .slide {
      .titre_slide {
        font-size: 19px;
        height: 75px;

        img {
          width: 30px;
        }

        .texte_titre_slide {
          position: relative;
          top: -5px;
        }
      }

      .contenu_slide {
        margin: 45px 65px 30px;
        padding: 25px 30px 30px;

        h3 {
          font-size: 33px;
          line-height: 40px;
        }
      }
    }

    .slide_travaux {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .encart_pourcentage {
                font-size: 89px;
                height: 89px;
                margin: 0;

                .pourcentage {
                  font-size: 19px;
                  line-height: 21px;
                  top: 5px;
                }

                .taeg {
                  right: -178px;
                  font-size: 19px;
                  line-height: 21px;
                }
              }
            }
          }
        }
      }

      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .encart_pourcentage {
                height: 99px;
                margin: 13px 0 0;
              }
            }
          }
        }
      }

      .ban_article {
        &.carousel {
          .contenu_ban_article {
            .description {
              width: 105%;
            }

            .cta {
              margin: 0;
            }
          }
        }
      }
    }

    .slide_mobilite {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            height: 447px;
            .chiffre_financement {
              .infos_chiffre {
                .conditions {
                  position: static;

                  br {
                    display: none;
                  }
                }

                .date_validite {
                  padding: 0;
                }
              }
            }
          }
        }
      }

      .ban_article {
        &.carousel {
          .contenu_ban_article {
            height: 447px;

            .description {
              height: auto;
            }

            .cta {
              margin: 15px 0 0;
            }
          }
        }
      }
    }

    .slide_perso {
      background-position: top right -60px;

      .ban_financement {
        &.carousel {
          width: 735px;

          .contenu_ban_financement {
            .chiffre_financement {
              margin: 0 0 0 100px;

              .infos_chiffre {
                font-size: 15px;
              }
            }
          }
        }
      }

      .ban_financement_no_costs {
        &.carousel {
          & .contenu_ban_financement {
            .chiffre_financement {
              margin: 0 0 0 100px;
            }
          }
        }
      }
    }

    .menu_carrousel {
      .col_menu_carrousel {
        .contenu_col_menu_carrousel {
          .btn_menu_carrousel {
            font-size: 16px;
          }
        }
      }
    }
  }

  @media (max-width: 1139px) {
    .slide {
      .contenu_slide {
        font-size: 16px;
        line-height: 20px;
      }

      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            height: auto;
          }
        }
      }

      .ban_article {
        &.carousel {
          .contenu_ban_article {
            height: 447px;
          }
        }
      }
    }

    .slide_mobilite {
      .ban_financement_no_costs {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .encart_pourcentage {
                .no_costs {
                  .num {
                    span {
                      font-size: 33px;
                      bottom: -25px;
                    }
                  }
                  .frais {
                    font-size: 33px;
                    line-height: 35px;
                  }
                }
              }
            }
          }
        }
      }
    }

    .slide_perso {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            .ml {
              position: static;
            }

            .cta {
              bottom: 60px;
          }
          }
        }
      }
    }
  }

  @media (max-width: 1050px) {
    .slide_perso {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            padding: 25px;

            .chiffre_financement {
              width: 100%;
              padding: 20px 0 0;
              margin: 0;

              .encart_pourcentage {
                .text_pourc {
                  left: 20px;
                }

                .pourcentage {
                  top: 5px;
                }

                strong {
                  top: 0px;
                }

                .taeg {
                  top: -45px;
                }
              }

              .infos_chiffre {
                .date_validite {
                  font-family: Lato-Regular;
                  font-size: 16px;
                  line-height: 21px;
                  position: static;
                }

                .conditions {
                  padding: 0;
                }
              }
            }

            .cta {
              position: static;
            }
          }
        }
      }

      .ban_financement_no_costs {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .encart_pourcentage {
                padding: 0;
              }
            }
          }
        }
      }
    }
  }

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

    .slide {
      .titre_slide {
        padding: 15px 0;
        font-size: 16px;
        height: 54px;

        .texte_titre_slide {
          display: none;
        }

        .texte_titre_slide_mob {
          display: inline-block;
        }
      }

      .contenu_slide {
        margin: 45px 25px 25px;
        font-size: 14px;

        h3 {
          font-size: 24px;
          line-height: 30px;
          padding: 0 0 15px;
        }
      }
    }

    .slide_perso {
      .ban_financement {
        &.carousel {
          width: 100%;

          .contenu_ban_financement {
            h2 {
              padding: 25px 0 0;
            }

            .chiffre_financement {
              padding: 10px 0 0;

              .encart_pourcentage {
                .taeg {
                  font-size: 15px;
                  line-height: 16px;
                  right: -182px;
                  top: -50px;
                }

                .pourcentage {
                  top: 15px;
                }
              }

              .infos_chiffre {
                font-size: 14px;
                line-height: 17px;

                .date_validite {
                  font-size: 14px;
                  line-height: 17px;
                  padding: 0 0 10px;
                }
              }
            }
          }
        }
      }
    }

    .slide_travaux {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .encart_pourcentage {
                .pourcentage {
                  top: 15px;
                }
              }
            }
          }
        }
      }
    }

    .slide_mobilite {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .infos_chiffre {
                .conditions {
                  font-size: 14px;
                  line-height: 17px;
                }
              }
            }
          }
        }
      }
    }

    .menu_carrousel {
      .col_menu_carrousel {
        .contenu_col_menu_carrousel {
          padding: 0 0 12px;

          .btn_menu_carrousel {
            padding: 15px;

            .text_btn_menu_carrousel {
              display: none;
            }

            .text_btn_menu_carrousel_mob {
              display: inline-block;
            }
          }
        }
      }
      .separation {
        height: 72px;
      }
    }
  }

  @media (max-width: 700px) {
    .slide {
      background-size: 100% auto;
      background-position: top center;
      padding: 0;

      .titre_slide {
        br {
          display: block;
        }
      }

      .contenu_slide {
        p {
          padding: 0;
        }
      }

      .slide_push {
        display: none;
      }

      .swiper {
        background-color: var(--grey-50);
        border-bottom: solid 1px var(--grey-100);
        padding: 25px 25px 10px;
        display: block;

        .swiper-pagination-bullet-active {
          background-color: var(--blue-500);
        }
      }
    }

    .slide_travaux {
      background-image: url("img/fond_travaux_mob-bb5afb46a857d084793cf652000ae57b.webp");

      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            height: 420px;
          }
        }
      }

      .ban_article {
        &.carousel {
          .contenu_ban_article {
            height: 420px;
          }
        }
      }
    }

    .slide_mobilite {
      background-image: url("img/fond_mobilite_mob-ae74c335854616b94c603859417acda4.webp");
    }

    .slide_perso {
      background-image: url("img/fond_perso_mob-f9f6541cc457d7ae6e3425ee57329906.webp");
      background-size: 130% auto;
    }

    .menu_carrousel {
      br {
        display: block;
      }

      .col_menu_carrousel {
        .contenu_col_menu_carrousel {
          .btn_menu_carrousel {
            .text_btn_menu_carrousel {
              padding: 0 0 0 5px;
            }
          }
        }
      }
    }

    .icone_travaux {
      height: 22px;
    }

    .icone_mobilite {
      height: 15px;
    }

    .icone_perso {
      height: 22px;
    }
  }

  @media (max-width: 470px) {
    .slide {
      background-size: 470px auto;
      background-position: top right -10px;

      .titre_slide {
        font-size: 14px;
      }

      .contenu_slide {
        margin: 35px 25px;
        padding: 15px 0 0;
        text-align: left;
        width: 79%;

        h3 {
          padding: 0 20px 15px;
          width: 230px;
        }

        .pres_slide {
          padding: 0 20px 18px;
        }
      }
    }

    .slide_travaux {
      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            height: 445px;

            .ml {
              width: 115%;
            }

            h2 {
              width: 105%;
              font-size: 23px;
            }

            .chiffre_financement {
              .encart_pourcentage {
                .pourcentage {
                  top: 15px;
                }

                .taeg {
                  font-size: 15px;
                  line-height: 16px;
                  right: -180px;
                }
              }

              .infos_chiffre {
                padding: 16px 0 0;

                .conditions {
                  width: auto;
                }
              }
            }
          }
        }
      }

      .ban_financement_no_costs {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .encart_pourcentage {
                height: 89px;
                margin: 20px 0 0;
              }

              .infos_chiffre {
                padding: 22px 0 13px;
              }
            }
          }
        }
      }

      .ban_article {
        &.carousel {
          .contenu_ban_article {
            height: 444px;

            .cta {
              bottom: 43px;
            }
          }
        }
      }
    }

    .slide_perso {
      .contenu_slide {
        width: 73%;
      }
      .ban_financement {
        &.carousel {
          margin: 0 0 17px;

          .contenu_ban_financement {
            height: auto;
            padding: 20px 20px 5px;
          }
        }
      }
    }

    .slide_mobilite {
      .ban_article {
        &.carousel {
          .contenu_ban_article {
            height: 434px;

            .description {
              padding: 20px 0 15px;
            }

            .cta {
              bottom: 58px;
            }

            h2 {
              padding: 4px 0 20px;
            }
          }
        }
      }

      .ban_financement {
        &.carousel {
          .contenu_ban_financement {
            height: 435px;

            .ml {
              width: 105%;
            }

            h2 {
              width: 105%;
              font-size: 23px;
            }

            .cta {
              margin: 0;
            }
          }
        }
      }

      .ban_financement_no_costs {
        &.carousel {
          .contenu_ban_financement {
            .chiffre_financement {
              .encart_pourcentage {
                margin: 20px 0 10px;
              }

              .infos_chiffre {
                padding: 10px 0 5px;
              }
            }
          }
        }
      }
    }

    .menu_carrousel {
      .col_menu_carrousel {
        .contenu_col_menu_carrousel {
          padding: 0 0 6px;

          .btn_menu_carrousel {
            font-size: 14px;
            padding: 15px 10px 5px;
          }
        }
      }

      .separation {
        height: 56px;
      }
    }
  }
}

.part_credit {
  text-align: center;

  h2 {
    font-size: 35px;
    line-height: 42px;
    font-family: Lato-Regular;
    font-weight: normal;
    margin: 0;
    padding: 60px 0 50px;

    strong {
      font-family: Lato-Black;
    }
  }

  @media (max-width: 1290px) {
    h2 {
      font-size: 30px;
      line-height: 35px;
    }
  }

  @media (max-width: 935px) {
    h2 {
      font-size: 24px;
      line-height: 30px;
      padding: 40px 30px 30px;

      strong {
        display: block;
      }

      br {
        display: none;
      }
    }
  }

  @media (max-width: 470px) {
    .ban_article,
    .push_product {
      &.midwidth {
        margin: 0 25px 25px;
      }
    }
  }
}

.container_execution {
  .part_caracteristiques {
    background-color: var(--blue-50);
    padding: 50px 0 30px;
    margin: 70px 0 0;

    @media (max-width: 1050px) {
      padding: 30px 0 30px;
      margin: 30px 0 0;
    }

    @media (max-width: 580px) {
      padding: 20px 0 30px;
      margin: 10px 0 0;
    }
  }
}

.background_white {
  .part_caracteristiques {
    background-color: white;
    padding: 0 0 30px;
  }
}