/*PART*/

.container {
  background-image: url("../img/path-2a772957712ab958c3ccbe10c314aaa5.webp") !important;
  .part {
    .line {
      .bloc_projet {
        padding: 20px 24px 24px;
        border: solid 1px #003da5;
        background-color: white;
        margin-bottom: 47px;

        h3 {
          font-family: Lato-Regular;
          font-size: 24px;
          line-height: 28px;
          margin: 0 0 5px;

          div {
            display: inline-block;
            vertical-align: top;
            strong {
              font-family: Lato-Black;
              display: block;
            }
          }
        }

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

          .post {
            display: none;
          }

          .content {
            width: 230px;
            margin: 0;
            height: auto;
            position: absolute;
            bottom: 15px;
            left: 50%;
            margin-left: -115px;
            text-align: center;
            padding: 15px 15px 5px;

            h4 {
              color: white;
              margin: 0 0 5px;
              font-size: 24px;
              line-height: 22px;
              font-family: Lato-Black;
            }

            p {
              padding: 0 0 15px;
              strong {
                font-family: Lato-Black;
                font-size: 24px;
                line-height: 26px;
                display: block;
              }
            }

            img {
              width: 18px;
            }
          }
        }

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

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

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

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

        .content {
          width: 385px;

          .cta_video {
            display: none;
          }
        }
      }

      .article_2 {
        background-image: url("../img/article_boat_2-6bacec6b70d982d61a3f2c436dd479c8.webp");
        height: 994px;

        .content {
          height: auto;
        }
      }

      .article_3 {
        background-image: url("../img/article_boat_3-472eb9f9634f1d079c921e570e55f0f0.webp");

        .content {
          background-color: rgba(0, 0, 0, 0.25);
        }
      }

      .infog {
        text-align: center;

        p {
          font-family: Lato-Black;
          padding: 10px 0;
        }
      }

      .infog_1 {
        background-image: url("../img/infog_boat-f8c31b3b9576f12bd475f949e39ec47c.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-f92838081f6016fc1d4a2fe7654014f6.webp");
        background-position: top -15px left 10px;
        background-color: #edf5fb;

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

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

      .infog_3 {
        background-color: #edf5fb;
        overflow: hidden;

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

          span {
            font-family: Lato-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: 18px;
            line-height: 23px;
            font-family: Lato-Regular;
            text-align: left;
            padding: 50px 0 0;

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

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

    .part {
      .line {
        .article_2 {
          height: 300px;
          background-image: url("../img/article_boat_2mob-d843a18a8c6f99a16451f92f6bd36a45.webp");
          .content {
            height: auto;
            float: right;
            width: 380px;
          }
        }

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

            .content {
              padding: 10px 15px 5px;
              width: 220px;
              margin-left: -110px;

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

              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;
              br {
                display: block;
              }
            }
          }
        }
      }
    }
  }

  @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;

            .content {
              width: 200px;
              margin-left: -100px;
            }
          }
        }

        .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: 16px;
              line-height: 22px;
              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;
          .content {
            width: 165px;
          }
        }

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

          .content {
            float: right;
            h3 {
              br {
                display: none;
              }
            }
          }
        }

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

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

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

            img {
              width: 60px;
            }
          }

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

        .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: 170px;
          background-size: 140px auto;
          background-position: top 20px right 15px;
          h3 {
            font-size: 43px;
            margin: 17px 0 0 25px;
            line-height: 45px;
            text-align: left;
          }

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

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