/*PART*/

.container {
  background-image: url("../img/path-KncpV3E.webp") !important;

  .part {
    .line {
      .bloc_projet {
        padding: 20px 24px 24px;
        border: solid 1px #003da5;
        background-color: white;
        margin-bottom: 47px;

        h3 {
          font-family: Montserrat-Regular;
          font-size: 28px;
          line-height: 110%;
          margin: 0 0 10px;

          div {
            display: inline-block;
            vertical-align: top;

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

        .projet {
          width: 100%;
          height: 223px;
          margin: 0 23px 0 0;
          position: relative;
          cursor: pointer;



          .content {
            .post {
              display: none;
              background-color: white;
              color: var(--blue-500);
              text-align: center;
              padding: 15px 0 20px;
              margin-top: 20px;

              p {
                padding: 0;
              }
            }

            .pre {
              position: absolute;
              width: 100%;
              background-image: url("../img/degraded-54Rs6To.webp");
              bottom: 0;
              left: 0;
              padding: 15px 35px;
              display: flex;
              justify-content: space-between;
            }

            h4 {
              color: white;
              margin: 0 0 5px;
              font-size: 24px;
              line-height: 130%;
              font-family: Montserrat-Black;
            }

            p {
              strong {
                font-family: Montserrat-Black;
                font-size: 24px;
                line-height: 26px;
                display: block;
              }
            }

            img {
              width: 18px;
            }
          }
        }

        #projet_1 {
          background-image: url("../img/projet_boat_1-Vk8oOhy.webp");
        }

        #projet_2 {
          background-image: url("../img/projet_boat_2-8qk1jDq.webp");
        }

        #projet_3 {
          background-image: url("../img/projet_boat_3-owd4PPF.webp");
          margin: 0;
        }
      }

      .article_1 {
        background-image: url("../img/article_boat_1-QQotD1Q.webp");

        .content {
          width: 385px;

          .cta_video {
            display: none;
          }
        }
      }

      .article_2 {
        background-image: url("../img/article_boat_2-6XZSL76.webp");
        height: 648px;
        background-position: bottom -60px center;

        .content {
          height: auto;
        }
      }

      .article_3 {
        background-image: url("../img/article_boat_3-mra-ShJ.webp");
      }

      .article_4 {
        background-image: url("../img/article_boat_4-4ZRHU2-.webp");
      }

      .infog {
        text-align: center;

        p {
          font-family: Montserrat-ExtraBold;
          padding: 10px 0;
        }
      }

      .infog_1 {
        background-image: url("../img/infog_boat--MMbO5V.webp");
        background-position: top 30px right 10px;

        .icon_infos {
          top: -25px;
          position: absolute;
          left: -5px;
        }

        .number_infog_boat {
          margin: 140px 0 0;
        }
      }

      .infog_2 {
        background-image: url("../img/infog_boat_2--Sg4CB9.webp");
        background-position: top -15px left 10px;

        .icon_trick_boat {
          top: -25px;
          position: absolute;
          right: -5px;
        }

        h3 {
          font-size: 62px;
          font-family: Montserrat-ExtraBold;
          line-height: 60px;
          margin: 130px 0 0;
        }
      }

      .infog_3 {
        overflow: hidden;

        h3 {
          color: #003da5;
          margin: 15px 15px 5px;

          span {
            font-family: Montserrat-Regular;
          }
        }

        .swiper_boat {
          overflow: hidden;
          position: relative;
        }

        .swiper-pagination {
          position: relative;
          top: -35px;
          left: 65px;
        }

        .swiper-pagination-bullet {
          height: 14px;
          width: 14px;
        }

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

        .slide {
          text-align: left;

          .img_slide {
            display: inline-block;
            vertical-align: top;
            margin: 0 5px;
          }

          p {
            display: inline-block;
            vertical-align: top;
            font-size: 15px;
            line-height: 130%;
            font-family: Montserrat-Regular;
            text-align: left;
            padding: 50px 0 0;

            strong {
              font-family: Montserrat-ExtraBold;
            }
          }
        }
      }
    }
  }

  @media (max-width: 1290px) {
    .part {
      .line {
        .infog_3 {
          h3 {
            span {
              br {
                display: none;
              }
            }
          }

          .slide {
            .img_slide {
              width: 120px;
            }

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

          .swiper-pagination {
            left: 50px;
          }
        }
      }
    }
  }

  @media (max-width: 1190px) {
    background-image: none !important;

    .part {
      .line {

        .article_1,
        .article_3 {
          .content {
            width: 350px;
          }
        }

        .article_2 {
          height: 300px;
          background-image: url("../img/article_boat_2mob-WeMmdhb.webp");
                              background-position: bottom left -160px;

          .content {
            height: 300px;
            float: right;
            width: 350px;
          }
        }

         .article_4 {
          background-image: url("../img/article_boat_4mob-MD3TQ98.webp");
         }

        .bloc_projet {
          margin: 0 0 30px;

          h3 {
            font-size: 24px;
            line-height: 120%;
          }

          .projet {
            width: 280px;
            display: inline-block;
            vertical-align: top;
            margin: 0;
            margin-top: 15px;
            height: 170px;
            background-position: bottom right;

            .content {

              .pre {
                padding: 20px 15px 10px;
              }

              .post {
                margin: 0;
                padding: 13px 0 20px;
              }

              h4 {
                font-size: 18px;
              }

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

          #projet_1 {
            margin-right: 15px;
          }

          #projet_3 {
            margin-top: 15px;
          }
        }

        .infog {
          background-size: auto;
          height: 215px;
          background-position: top 70px right 30px;
          background-size: 170px;

          .number_infog_boat {
            margin: 50px 0 0;
            position: relative;
            left: -30px;
          }

          p {
            position: relative;
            left: -30px;
          }
        }

        .infog_2 {
          background-position: top 20px right 100px;

          h3 {
            margin: 40px 0 0;
            position: relative;
            left: -100px;
          }

          p {
            width: 300px;
            left: 110px;
          }
        }

        .infog_3 {
          height: auto;

          h3 {
            span {
              display: block;
            }
          }

          .swiper-boat {
            width: 390px;
            margin: 0 auto;
            overflow: hidden;
          }

          .swiper-pagination-bullet {
            height: 10px;
            width: 10px;
          }

          .slide {
            p {
              padding: 50px 0 0 35px;
              width: auto;

              br {
                display: block;
              }
            }

            .img_slide {
              width: 193px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 780px) {
    .part {
      .line {
        .bloc_projet {
          .projet {
            width: 250px;
          }
        }

        .infog_1 {
          background-position: top 70px right 20px;
          background-size: 150px;

          .number_infog_boat {
            left: -20px;
          }

          p {
            left: -20px;
          }
        }

        .infog_2 {
          h3 {
            left: -110px;
          }

          p {
            width: 250px;
            left: 60px;
          }
        }
      }
    }
  }

  @media (max-width: 700px) {
    .part {
      .line {
        .bloc_projet {
          padding: 20px;

          h3 {
            font-size: 20px;
            line-height: 24px;
          }

          .projet {
            width: 220px;
          }
        }

        .infog {
          p {
            left: 0;
          }
        }

        .infog_1 {
          background-position: bottom 20px center;
          height: 240px;

          .icon_infos {
            right: 0;
            left: auto;
            width: 130px;
          }

          .number_infog_boat {
            margin: 30px 0 0;
            left: 0;
          }
        }

        .infog_2 {
          height: 300px;

          .icon_trick_boat {
            width: 130px;
            right: 0;
          }

          background-position: bottom center;

          h3 {
            left: 0;
            margin: 20px 0 0;
          }

          p {
            margin: 0 auto;
          }
        }

        .infog_3 {
          h3 {
            font-size: 18px;
            line-height: 24px;
            margin: 15px 15px 5px;
          }

          .slide {
            p {
              font-size: 12px;
              padding: 20px 0 0 5px;
            }

            .img_slide {
              margin: 0 10px;
              width: 140px;
            }
          }

          .swiper-boat {
            width: 300px;
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    .part {
      .line {
        .article_1 {
          .content {
            width: 165px;

            .cta {
              display: none;
            }

            .cta_video {
              display: block;

              span {
                display: inline-block;
                vertical-align: top;
                padding: 7px 0 0 5px;
              }
            }
          }
        }

        .article_2 {
          height: 182px;
          background-position: top center;

          .content {
            width: 165px;
            height: 182px;
          }
        }

        .article_3 {
          background-image: url("../img/article_boat_3mob--2So2v7.webp");

          .content {
            float: right;
            width: 185px;

            h3 {
              br {
                display: none;
              }
            }
          }
        }

        .article_4 {
          background-position: top center;
        }

        .bloc_projet {
          margin: 0 0 20px;
          padding: 10px 20px 5px;

          h3 {
            font-size: 15px;
            line-height: 19px;
            margin: 0 0 15px;

            div {
              width: 75%;
              text-align: left;
            }

            img {
              width: 60px;
            }
          }

          .projet {
            max-width: 360px;
            width: 100%;
            margin: 0 auto 10px !important;

            .content {
              .post {
                margin: 15px 0;
              }
            }
          }
        }

        .infog {
          p {
            padding: 0;
          }
        }

        .infog_1 {
          height: 150px;
          background-position: top 60px right 30px;

          .icon_infos {
            right: -25px;
            width: 110px;
          }

          p {
            padding: 10px 0 0 25px;
            text-align: left;
            width: 160px;
          }

          .number_infog_boat {
            width: 160px;
            margin: 25px 0 0 25px;
            display: block;
          }
        }

        .infog_2 {
          height: 180px !important;
          background-size: 140px auto;
          background-position: top 20px right 15px;

          h3 {
            font-size: 38px;
            margin: 17px 0 0 25px;
            line-height: 45px;
            text-align: left;
          }

          p {
            width: 170px;
            text-align: left;
            margin: 0 25px;
          }

          .icon_trick_boat {
            right: -25px;
            width: 110px;
          }
        }
      }
    }
  }
}