@charset "UTF-8";
/*
Theme Name: Loveroom
Author: Edouard Sequane
Description: Loveroom
Version: 1.1
*/
/* Page accueil, navbar et footer */
@media (max-width: 1700px) {
  body, html {
    overflow-x: hidden;
  }
  nav.navbar.navbar-expand-lg.bg-body-tertiary {
    padding: 3rem 4rem;
  }
  nav .navbar-brand {
    margin-right: 5rem;
  }
  nav .navbar-brand img {
    margin-right: 7rem;
  }
  footer .illustration-footer1 {
    bottom: -2.812rem;
    right: -5rem;
  }
  footer .illustration-footer2 {
    bottom: -1rem;
    left: -5rem;
  }
  header .logo-loveroom img {
    width: 25%;
    margin: 5% auto;
  }
  header .illustration {
    right: -21.68rem;
  }
  header .illustration img {
    width: 80%;
  }
  #presentation, #appartements {
    padding: 7rem 4rem;
  }
  #presentation .illustration-presentation2, #appartements .illustration-presentation2 {
    left: -1.5rem;
  }
  #presentation .illustration-presentation2 img, #appartements .illustration-presentation2 img {
    width: 23%;
  }
  #presentation .illustration-presentation1, #appartements .illustration-presentation1 {
    left: -2.5rem;
  }
  #presentation .illustration-presentation1 img, #appartements .illustration-presentation1 img {
    width: 35%;
  }
  .swiper-button-next:after {
    margin-left: -2rem;
  }
  .swiper-button-prev:after {
    margin-left: 2rem;
  }
  #appartements .left p {
    padding-right: 2rem;
  }
  #avis-clients {
    padding: 7rem 4rem;
    overflow: hidden;
  }
  #avis-clients .illustration-avis {
    right: -21rem;
    top: 0rem;
  }
  #avis-clients .illustration-avis img {
    width: 50%;
    height: 50%;
  }
  #avis-clients p {
    margin: 0 2rem;
  }
  #reservation {
    padding: 7rem 4rem;
  }
 
  #reservation .squared {
    width: 350px;
    padding: 1.5rem 2rem;
  }
  #reservation .illustration-reservation1 {
    bottom: -202rem;
  }
  #reservation .illustration-reservation2 {
    bottom: -237rem;
  }
  #reservation .illustration-reservation3 {
    bottom: -233rem;
  }
  #reassurance {
    padding: 10rem 4rem;
  }
  #seo {
    padding: 3rem 4rem 5rem 4rem;
  }
}
@media (max-width: 900px) {
  .nav-link {
    text-align: center;
  }
  .navbar-collapse {
    padding-top: 3rem;
  }
  .navbar-toggler {
    border: none;
  }
  .navbar-toggler-icon {
    /*background-image: url("/uploads/2023/03/groupe-216.png");*/
    /*background-image: url("uploads/2024/04/menu-mobile-blanc.png");*/
    background-color: white;
    background-size: 60%;
    width: 2rem;
    height: 2rem;
  }
  footer .logo-footer img {
    display: block;
    margin: 0 auto;
  }
  footer .first li, footer .second li {
    margin-left: -2rem;
  }
  footer .first li p, footer .second li p {
    text-align: center;
  }
  footer .social li {
    margin-left: -2rem;
  }
  footer .illustration-footer1 {
    bottom: -2.812rem;
    right: 0rem;
  }
  footer .illustration-footer2 {
    bottom: -1rem;
    left: 0rem;
  }
  header {
    background-size: 100%;
    background-position: top left;
    height: 40vh;
  }
  header .logo-loveroom img {
    margin: 10% auto;
  }
  header .illustration {
    right: -7.68rem;
    bottom: -4.875rem;
  }
  header .illustration img {
    width: 100vw;
  }
  h1 {
    font-size: 2rem;
  }
  #presentation .presentation .left {
    padding-right: 0;
  }
  #presentation .presentation .right {
    padding-left: 0.7rem;
  }
  #presentation .presentation .bottom-text {
    padding-top: 0;
  }
  #appartements {
    padding: 6rem 2rem;
  }
  #appartements .left {
    margin-bottom: 6rem;
    padding-right: 0;
  }
  #appartements .left p {
    padding-right: 0;
  }
  #appartements .right .top img, #appartements .right .bottom img {
    width: 97%;
  }
  #avis-clients .illustration-avis {
    right: -27rem;
    top: 253rem;
  }
  #reservation .row > * {
    padding-right: 0;
  }
  #reservation .btn-loveroom {
    margin: 4rem auto !important;
  }
  #reservation .illustration-reservation3 {
    bottom: -337rem;
  }
  #reservation .illustration-reservation2 {
    bottom: -341rem;
  }
  #reassurance {
    padding: 9rem 0;
  }
  #reassurance .row {
    margin-right: 0;
  }
  #reassurance .col-lg-3 {
    padding: 2rem 0;
  }
  #seo {
    padding: 3rem 2rem 5rem 2rem;
  }
  #seo .right {
    padding-left: 0.7rem;
  }
  #seo .left {
    padding-right: 0;
  }
}
@media (max-width: 500px) {
  body {
    width: 100vw;
  }
  nav.navbar.navbar-expand-lg.bg-body-tertiary {
    padding: 3rem 2rem;
  }
  nav .navbar-brand img, .navbar-toggler {
    display: block;
    margin: 0 auto;
    color: white;
  }
  footer .illustration-footer1 {
    bottom: -2.812rem;
    right: -5rem;
  }
  footer .illustration-footer2 {
    bottom: -1rem;
    left: -5rem;
  }
  h1 {
    text-align: center;
  }
  header {
    height: 40vh;
    background-size: 175%;
    background-position: top;
  }
  header .logo-loveroom img {
    margin: 5% auto;
    width: 50%;
  }
  header .illustration {
    right: -2.68rem;
    bottom: -2rem;
  }
  #background-video {
    position: scroll;
    top: -6rem;
  }
  #presentation, #appartements, #avis-clients {
    padding: 7rem 2rem;
  }
  #presentation .row > *, #appartements .row > *, #avis-clients .row > * {
    padding-right: 0;
  }
  #presentation .right, #appartements .right, #avis-clients .right {
    margin: 1rem 0;
  }
  #presentation .right .top, #presentation .right .bottom, #appartements .right .top, #appartements .right .bottom, #avis-clients .right .top, #avis-clients .right .bottom {
    padding-left: 0;
  }
  #presentation .right .top img, #presentation .right .bottom img, #appartements .right .top img, #appartements .right .bottom img, #avis-clients .right .top img, #avis-clients .right .bottom img {
    width: 83vw;
  }
  #presentation .right .btn-loveroom, #appartements .right .btn-loveroom, #avis-clients .right .btn-loveroom {
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
  }
  #presentation .illustration-presentation1, #appartements .illustration-presentation1, #avis-clients .illustration-presentation1 {
    display: none;
  }
  #presentation .illustration-presentation2, #appartements .illustration-presentation2, #avis-clients .illustration-presentation2 {
    display: none;
  }
  #presentation .illustration-avis, #appartements .illustration-avis, #avis-clients .illustration-avis {
    right: -22rem;
    top: 276rem;
  }
  #appartements {
    background-image: url("/uploads/2024/04/loveroom-fond-pointilles.png");
    background-color: #fff;
    background-attachment: fixed;
    background-position: center;
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    padding: 7rem 0;
  }
  #appartements .left {
    padding-left: 2.5rem;
    padding-right: 2rem;
  }
  #appartements .right {
    padding-left: 0.7rem;
  }
  #appartements .right img {
    display: block;
    margin: 1rem auto;
    width: 100vw !important;
  }
  #reservation {
    padding: 7rem 0;
  }
  #reservation .illustration-reservation1 {
    bottom: -325rem;
  }
  #reservation .illustration-reservation2 {
    bottom: -385rem;
    right: -8.25rem;
  }
  #reservation .illustration-reservation2 img {
    width: 50%;
    height: 50%;
  }
  #reservation .illustration-reservation3 {
    bottom: -383rem;
    right: -5.25rem;
  }
  #reservation .illustration-reservation3 img {
    width: 50%;
    height: 50%;
  }
  .swiper .swiper-slide {
    width: 100vw;
    height: 50vh;
  }
  .swiper .swiper-slide img {
    width: 100vw;
    height: 50vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .swiper .swiper-slide:nth-child(2n+1) {
    width: 100vw;
    height: 50vh;
  }
  .swiper .swiper-slide:nth-child(2n+1) img {
    width: 100vw;
    height: 50vh;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .swiper-button-next:after {
    /*margin-bottom: 10rem;*/
  }
  .swiper-button-prev:after {
    /*margin-bottom: 10rem;*/
  }
  #reassurance img, #reassurance-services img {
    width: 6.25rem;
  }
}
/* Page appartements */
@media (max-width: 1700px) {
  #loveroom .row {
    margin-right: 0;
  }
  #loveroom .loveroom-single {
    background-size: 25%;
    background-position: left 110% bottom;
    padding: 8rem 4rem;
  }
  #loveroom .loveroom-single .right {
    padding-left: 2rem;
  }
  #loveroom .loveroom-single .left p {
    padding-right: 2rem;
  }
  #loveroom .loveroom-single:nth-child(2n) {
    background-size: 15%;
    background-position: right 103% bottom;
  }
  #loveroom .loveroom-single:nth-child(2n) .right {
    padding-right: 1rem;
  }
  #loveroom .loveroom-single:nth-child(2n) .left {
    padding-left: 3rem;
  }
  #loveroom .loveroom-single:nth-child(2n) .left p {
    padding-right: 0;
  }
}
@media (max-width: 900px) {
  #page-appartements {
    background-size: 120%;
    background-position: top;
  }
  #page-appartements .illustration-header2 {
    top: 20rem;
  }
  #page-appartements .illustration-header2 img {
    width: 100%;
  }
  #loveroom .loveroom-single {
    padding: 6rem 2rem;
  }
  #loveroom .loveroom-single .prix-loveroom .prix {
    margin-top: 2rem;
  }
  #loveroom .loveroom-single .right {
    padding-left: 0;
  }
  #loveroom .loveroom-single .right .top img {
    width: 95vw;
  }
  #loveroom .loveroom-single .right .bottom img {
    width: 95vw;
  }
  #loveroom .loveroom-single .left {
    margin-bottom: 6rem;
  }
  #loveroom .loveroom-single .left p {
    padding-right: 0;
  }
}
@media (max-width: 500px) {
  #page-appartements {
    background-size: 175%;
    background-position: top;
    height: 40vh;
  }
  #page-appartements .illustration-header2 {
    top: 14.5rem;
  }
  #loveroom .row {
    margin-left: 0;
  }
  #loveroom .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  #loveroom .loveroom-single .prix-loveroom img {
    display: none;
  }
  #loveroom .loveroom-single .right .top img {
    width: 83vw;
  }
  #loveroom .loveroom-single .right .bottom img {
    width: 83vw;
  }
  #loveroom .loveroom-single .left {
    margin-bottom: 6rem;
  }
  #loveroom .loveroom-single .btn-loveroom {
    display: block;
    margin: 0 auto;
  }
  #loveroom .loveroom-single:nth-child(2n) .left {
    padding-left: 0;
  }
}
/* Page services */
@media (max-width: 1700px) {
  #page-services {
    background-size: 100%;
    background-position: top;
    height: 65vh;
  }
  #page-services .illustration-header3 {
    width: 75%;
    right: -29rem;
    top: 15rem;
  }
  #page-services .illustration-header3 img {
    width: 75%;
  }
  #presentation-services, #options {
    padding: 6.75rem 4rem;
  }
  #options {
    background-position: bottom 110% right 110%;
    background-size: 35%;
  }
  #notre-loveroom {
    padding: 6.75rem 20rem;
  }
  #notre-loveroom .illustration-loveroom2 {
    top: 18.437rem;
    right: -3.625rem;
  }
  #notre-loveroom .illustration-loveroom2 img {
    width: 75%;
  }
}
@media (max-width: 900px) {
  #page-services {
    height: 35vh;
  }
  #page-services .illustration-header3 {
    top: 10rem;
    right: -20rem;
  }
  #options {
    background-position: bottom 100% right 110%;
    background-size: 35%;
  }
  #options .prestation {
    border-right: none;
  }
  #presentation-services {
    padding: 6.75rem 15rem;
  }
  #notre-loveroom {
    padding: 6.75rem 4rem;
  }
  #notre-loveroom .illustration-loveroom1 {
    left: -3.875rem;
    top: 3.312rem;
  }
  #notre-loveroom .illustration-loveroom1 img {
    width: 75%;
  }
  #notre-loveroom .illustration-loveroom2 {
    top: 25rem;
    right: -14.625rem;
  }
  #notre-loveroom .illustration-loveroom2 img {
    width: 50%;
  }
}
@media (max-width: 500px) {
  #page-services {
    background-position: center top;
    /*background-attachment: scroll;*/
    height: 30vh;
  }
  #page-services .illustration-header3 {
    top: 9.5rem;
    right: -9.375rem;
  }
  #presentation-services, #options, #notre-loveroom {
    padding: 6.25rem 2rem;
  }
  #presentation-services .col-lg-2, #options .col-lg-2, #notre-loveroom .col-lg-2 {
    margin-top: -3rem;
  }
  #presentation-services .prestation, #options .prestation, #notre-loveroom .prestation {
    margin: 2rem 0;
  }
  #presentation-services .row, #options .row, #notre-loveroom .row {
    margin-top: 3rem;
  }
  #presentation-services .illustration-options img, #options .illustration-options img, #notre-loveroom .illustration-options img {
    width: 50%;
  }
  #presentation-services .illustration-loveroom1, #options .illustration-loveroom1, #notre-loveroom .illustration-loveroom1 {
    top: 9.312rem;
    left: -2rem;
  }
  #presentation-services .illustration-loveroom1 img, #options .illustration-loveroom1 img, #notre-loveroom .illustration-loveroom1 img {
    width: 35%;
  }
  #presentation-services .illustration-loveroom2, #options .illustration-loveroom2, #notre-loveroom .illustration-loveroom2 {
    display: none;
  }
  .btn-loveroom {
    padding: 1.25rem 3rem;
  }
  #presentation-services {
    background-image: url("/uploads/2024/04/loveroom-fond-pointilles.png");
    background-color: #fff;
    background-attachment: fixed;
    background-position: center;
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
  }
}
/* Page réserver */
@media (max-width: 1700px) {
  #infos-pratiques {
    overflow: hidden;
    padding: 6.75rem 4rem;
    position: relative;
    background-position: top 10% left 102.5%;
    background-size: 16%;
  }
  #infos-pratiques .illustration-infos1 {
    left: -5.25rem;
    top: 27.5rem;
  }
  #infos-pratiques .illustration-infos1 img {
    width: 37%;
  }
  #section-reservation {
    position: relative;
    padding: 6.75rem 4rem 14.875rem 4rem;
  }
  #bandeau-contact .illustration-enveloppe {
    left: 44%;
  }
  #bandeau-contact .illustration-bandeau-contact1 {
    left: 2rem;
  }
  #bandeau-contact .illustration-bandeau-contact2 {
    right: 0;
    top: 8.437rem;
  }
  #bandeau-contact .illustration-bandeau-contact2 img {
    width: 75%;
  }
}
@media (max-width: 900px) {
  #page-reserver {
    background-size: 125%;
    background-position: top;
  }
  #page-reserver .illustration-header4 {
    top: 19.875rem;
  }
  #infos-pratiques .illustration-infos1 {
    top: 42.937rem;
  }
  #infos-pratiques .illustration-infos2 {
    top: 0;
  }
  #section-reservation #form_id1166885367640 {
    display: block;
    margin: 0 auto;
  }
  #section-reservation form {
    margin-left: 0;
  }
  #bandeau-contact {
    overflow: hidden;
  }
  #bandeau-contact .illustration-enveloppe {
    left: 39%;
  }
  #bandeau-contact .illustration-bandeau-contact1 {
    left: -2rem;
    top: 15.625rem;
  }
  #bandeau-contact .illustration-bandeau-contact1 img {
    width: 75%;
  }
  #bandeau-contact .illustration-bandeau-contact2 {
    right: -2.437rem;
    top: 16.437rem;
    width: 198.5px;
    height: 209.5px;
  }
}
@media (max-width: 500px) {
  #page-reserver {
    background-size: 200%;
    background-position: center top;
    /*background-attachment: scroll;*/
  }
  #page-reserver h1 {
    margin-top: -25%;
  }
  #infos-pratiques .illustration-infos1, #section-reservation .illustration-infos1 {
    top: 71.937rem;
  }
  #infos-pratiques .illustration-infos2, #section-reservation .illustration-infos2 {
    top: 10rem;
    right: -10rem;
  }
  #infos-pratiques .illustration-infos2 img, #section-reservation .illustration-infos2 img {
    width: 50%;
  }
  #infos-pratiques .illustration-reservation, #section-reservation .illustration-reservation {
    top: -6rem;
    right: rem;
  }
  #infos-pratiques .illustration-reservation img, #section-reservation .illustration-reservation img {
    width: 50%;
  }
  #infos-pratiques {
    background-position: top left 103%;
    padding: 6rem 2rem;
    background-image: none;
  }
  #section-reservation {
    padding: 6rem 2rem;
  }
  #section-reservation h2, #section-reservation h3, #section-reservation img {
    margin: 0 2rem;
  }
  .wpdev-list-item-label {
    font-size: 0.8rem !important;
  }
  #bandeau-contact .illustration-enveloppe {
    left: 27%;
  }
  #bandeau-contact .illustration-bandeau-contact1 {
    left: 0;
    top: 22rem;
  }
  #bandeau-contact .illustration-bandeau-contact1 img {
    width: 25%;
  }
  #bandeau-contact .illustration-bandeau-contact2 {
    right: -8.437rem;
    top: 22.437rem;
  }
  #bandeau-contact .illustration-bandeau-contact2 img {
    width: 25%;
  }
  #echec h1, #echec h2, #succes h1, #succes h2 {
    font-size: 1rem;
  }
  #reassurance-resa {
    padding: 6rem 2rem;
  }
}
/* Booking calendar */
@media (max-width: 1700px) {
  .bk_calendar_frame.months_num_in_row_.cal_month_num_1 {
    width: 620px !important;
  }
}
@media (max-width: 900px) {
  .wpbc_structure_calendar {
    display: block !important;
    margin: 2rem auto 0 auto !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 769px) {
  .booking_form_div input[type=text], .booking_form_div select {
    margin: 0.5rem auto !important;
  }
  option {
    width: 452px !important;
  }
}
@media (max-width: 500px) {
  .bk_calendar_frame.months_num_in_row_.cal_month_num_1 {
    width: 380px !important;
    display: block;
    margin: 2rem auto;
  }
  .wpbc_booking_form_structure .wpbc_structure_calendar {
    margin-bottom: 0 !important;
  }
  .block_hints {
    margin: 0 !important;
    padding-left: 2rem !important;
  }
  .wpbc_structure_form {
    padding: 2rem 0 !important;
  }
  .datepick-inline .datepick-days-cell div.date-content-bottom {
    font-size: 0.7rem !important;
  }
  .wpdevelop select {
    width: 200px !important;
  }
}
@media (max-width: 380px) {
  .bk_calendar_frame.months_num_in_row_.cal_month_num_1 {
    width: 300px !important;
  }
}
/* Page contact */
@media (max-width: 1700px) {
  #contact h1 {
    margin-top: -23rem;
  }
  #page-contact .illustration-header5 {
    top: 22rem;
  }
  #contact {
    padding: 9rem 4rem;
    padding-top: 2rem;
  }
  #contact .right img {
    width: 543px;
  }
  #contact .right .infos img {
    width: 21px;
  }
  .infos {
    padding-right: 6rem;
  }
  #faq {
    padding: 6rem 4rem;
  }
}
@media (max-width: 900px) {
  #page-contact {
    background-position: top;
    background-size: 150%;
  }
  #page-contact .illustration-header5 {
    left: 0;
    top: 25rem;
  }
  #contact {
    padding: 9rem 2rem;
  }
  #contact h1 {
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  #contact .right img {
    display: block;
    margin: 0 auto;
    margin-top: 3rem;
  }
  #contact .right p {
    text-align: center;
  }
  #contact .right .infos {
    padding-right: 0;
  }
  #contact .right .infos img {
    margin-top: 0;
  }
  #contact form {
    margin-left: 6.5rem;
  }
  #faq {
    padding: 6rem 4rem;
  }
}
@media (max-width: 500px) {
  #page-contact h1 {
    margin-bottom: 6rem;
  }
  #page-contact {
    background-position: center top;
    background-size: 200%;
    /*background-attachment: scroll;*/
    padding-top: 15%;
  }
  #page-contact .illustration-header5 {
    left: 0;
    top: 22rem;
  }
  #page-contact .illustration-header5 img {
    width: 130%;
  }
  #contact {
    padding: 9rem 0;
  }
  #contact h2 {
    padding: 0 2rem;
  }
  #contact .right img {
    width: 100vw;
  }
  #contact form {
    margin-left: 2rem;
  }
  #faq {
    padding: 6rem 2rem;
  }
  input.wpcf7-form-control.wpcf7-text {
    width: 295px;
  }
  textarea.wpcf7-form-control.wpcf7-textarea {
    width: 295px;
  }
  .wpcf7-form-control.wpcf7-submit {
    width: 295px;
  }
  .row {
    margin-right: 0;
  }
  .booking_form_div input[type=button] {
    display: block;
    margin: 3rem auto 0 auto;
  }
}
@media (max-width: 400px) {
  #page-contact .illustration-header5 {
    top: 20.5rem;
  }
}
@media (max-width: 360px) {
  #page-contact .illustration-header5 {
    top: 22rem;
  }
}
/* ml et pdc */
@media (max-width: 1700px) {
  #ml_header {
    background-size: cover;
  }
  #ml_body {
    padding: 7rem 4rem;
  }
}
@media (max-width: 900px) {
  #ml_body {
    padding: 7rem 2rem;
  }
  #ml_body .accordion-button {
    line-height: 1.5rem;
  }
}
@media (max-width: 500px) {
  #ml_header {
    background-size: 200%;
    background-attachment: scroll;
    background-position: top;
  }
}/*# sourceMappingURL=responsive.css.map */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    flex-grow: 0;
  }
  }
  @media (max-width: 1300px) {
    .nav-link {
      font-size: 1rem;
    }
    }
    @media (max-width: 992px) {
      nav .navbar-brand {
        margin-right: 0;
      }
      nav .navbar-brand img {
        margin: 0 auto;
      }
      .navbar-toggler {
        margin-top: 2rem;
      }
      }

@media(max-width: 1400px){
  .gift-card .arguments {
    padding: 10rem 5rem;
  }
}

@media(max-width: 992px){
  .gift-card .arguments {
    padding: 10rem 2rem;
  }
  .header-gift{
    background-position: center;
    background-size: cover;
  }
  .header-gift .header-illustration{
    width: 50%;
    bottom: -40px;
    right: -290px;
  }
  .header-gift .header-illustration img{
    width: 50%;
  }
  .gift-card h1{
    line-height: 2.5rem;
  }
  .gift-card .parenthese img{
    margin-top: 5rem;
  }
  .gift-card .arguments .col-lg-4{
    margin: 1rem 0;
  }
  .gift-card .container-fluid{
    padding-right: 0;
  }
  .gift-card .commande {
    padding: 5rem 1rem; 
  }
  .gift-card .commande .col-lg-5:nth-of-type(1){
    margin-bottom: 2rem;
  }
  .gift-card p, .gift-card li{
    font-size: 1rem;
    line-height: 1.15rem;
  }
  #reservation .col-lg-6:nth-last-of-type(2){
    margin-bottom: 6rem;
  }
}