/*COVER*/

.container {
  .cover {
    .img {
      background-image: url("../img/cover_housing-e7ab1f44017e4068f4ffb521af2a823a.webp");
    }

    h1 {
      width: 106%;
    }

    .number {
      bottom: 25px;

              .icon {
                left: 0;
              }
      div {
        strong {
          display: inline-block;
        }
      }
    }

    @media (max-width: 1360px) {
      .number {
        bottom: 0;
      }
    }

    @media (max-width: 1290px) {
      .img {
        height: 490px;
        background-size: 450px auto;
      }

      .presentation {
        br {
          display: none;
        }
      }
    }

    @media (max-width: 1190px) {
      .img {
        height: 430px;
        background-size: 400px auto;
      }
    }

    @media (max-width: 935px) {
      .img {
        height: 300px;
        background-size: 935px auto;
        background-position: center;
      }
    }

    @media (max-width: 580px) {
      .img {
        background-size: 580px auto;
        height: 250px;
      }

      .number {
        .icon {
          width: 60px;
        }
      }
    }

    @media (max-width: 470px) {
      .img {
        background-size: 470px auto;
        height: 220px;
      }
    }
  }
}

/*PART CARROUSEL*/

.container {
  .part_carousel {
    .content_carrousel {
      .slide_carrousel_1 {
        .img {
          background-image: url("../img/slide_housing_1-168785350c14b0b71b6b20f7a8322e88.webp");
        }
      }
      .slide_carrousel_2 {
        .img {
          background-image: url("../img/slide_housing_2-f575f8b298b3807b38b21e3d5b16ff67.webp");
        }
      }
      .slide_carrousel_3 {
        .img {
          background-image: url("../img/slide_housing_3-1b345a658e2aa43161aedbc8efd4bad6.webp");
        }
      }
      .slide_carrousel_4 {
        .img {
          background-image: url("../img/slide_housing_4-7f4119fc2679c4350e9d396eb436f055.webp");
        }
      }
      .slide_carrousel_5 {
        .img {
          background-image: url("../img/slide_housing_5-5d9936540557275d9f5eb5c31e23213d.webp");
        }
      }

      p {
        display: inline-block;
        width: 74%;
      }

      .slide_carrousel {
        .img {
          margin-bottom: 35px;
        }
        .number {
          margin: 0;
          float: right;

          p {
            width: auto;
            display: block;
          }
        }
      }
    }

    @media (max-width: 1260px) {
      .content_carrousel {
        .slide_carrousel {
          .img {
            margin-bottom: 25px;
          }
          p {
            width: auto;
          }
          .number {
            float: none;
            margin: 20px 0 0;
          }
        }
      }
    }

    @media (max-width: 730px) {
      .item_menu_carrousel_1 {
        background-image: url("../img/slide_housing_1-168785350c14b0b71b6b20f7a8322e88.webp");
      }

      .item_menu_carrousel_2 {
        background-image: url("../img/slide_housing_2-f575f8b298b3807b38b21e3d5b16ff67.webp");
        background-position: top left;
      }

      .item_menu_carrousel_3 {
        background-image: url("../img/slide_housing_3-1b345a658e2aa43161aedbc8efd4bad6.webp");
        background-position: top left;
      }

      .item_menu_carrousel_4 {
        background-image: url("../img/slide_housing_4-7f4119fc2679c4350e9d396eb436f055.webp");
        background-position: center;
      }

      .item_menu_carrousel_5 {
        background-image: url("../img/slide_housing_5-5d9936540557275d9f5eb5c31e23213d.webp");
        background-position: center;
      }

      .content_carrousel {
        .slide_carrousel {
          .img {
            margin-bottom: 20px;
          }
        }
      }

      #link_popin_projet {
        padding: 15px 30px 0;
      }
    }

    @media (max-width: 580px) {
      .item_menu_carrousel {
        .content {
          width: 150px;
          .text {
            padding-top: 0px;
            font-size: 14px;
            line-height: 19px;
          }
        }
      }

      .item_menu_carrousel_2 {
        background-size: 154% auto;
      }

      .item_menu_carrousel_3 {
        background-size: 164% auto;
      }

      .item_menu_carrousel_4, .item_menu_carrousel_5 {
        .content {
          .text {
            padding-top: 10px;
          }
        }
      }

      .content_carrousel {
        .slide_carrousel {
          .number {
            p {
              width: 80%;
              display: inline-block;
            }
          }
        }
      }
    }
  }
}

/*BAN PARTNER*/

.container {
  .ban_partner {
    img {
      width: auto;
    }
  }
}

/*POPIN PROJET*/

.fond_popin_projets {
  background-color: rgba(0, 0, 0, 0.376);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1000000;
  display: none;

  .popin_projets {
    top: 0px;
    width: 730px;
    max-width: 90%;
    background-color: white;
    margin: 50px auto 0;
    padding: 40px 40px 20px;
    height: 90%;
    overflow-y: scroll;
    position: relative;
    max-height: 580px;
    color: var(--grey-700);
    text-align: left;
    font-size: 15px;
    line-height: 21px;

    .btn_close_projets {
      background-image: url("../img/bt_close_popin-d0ffdb77ea4efa852a80d50e1c1eee83.webp");
      width: 19px;
      height: 19px;
      position: absolute;
      right: 10px;
      top: 10px;
      cursor: pointer;
    }

    .projet {
      padding: 0 0 40px;

      .logo_projet {
        width: 100px;
        display: inline-block;
        vertical-align: top;
      }

      .info_projet {
        display: inline-block;
        vertical-align: top;

        h3 {
          font-size: 18px;
          padding: 0 0 15px;
        }

        p {
          padding: 0 0 15px;
        }

        ul {
          margin: 0;
        }
      }
    }
  }

  @media (max-width: 900px) {
    .popin_projets {
      font-size: 13px;
      line-height: 19px;
      .projet {
        .info_projet {
          h3 {
            font-size: 16px;
            line-height: 21px;
          }
        }
      }
    }
  }

  @media (max-width: 700px) {
    .popin_projets {
      .projet {
        .logo_projet {
          width: 80px;
        }
      }
    }
  }

  @media (max-width: 580px) {
    .popin_projets {
      padding: 25px 25px 20px;
      height: auto;
      max-height: 100%;
      margin: 20px;

      .projet {
        padding: 0 0 40px;
        .logo_projet {
          display: block;
          margin: 0 auto 15px;
        }

        .info_projet {
          ul {
            padding: 0 0 0 15px;
          }
        }
      }
    }
  }
}