@charset "UTF-8";
/* Fonts*/
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@font-face {
  font-family: "Rubik";
  @import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
}
@font-face {
  font-family: "BodoniModa";
  src: url("../fonts/BodoniModa.woff") format("woff"), url("../fonts/BodoniModa.ttf") format("ttf"), url("../fonts/BodoniModa.otf") format("otf");
}
/* Colors */
html {
  overflow-x: hidden;
  width: 100vw;
}

body {
  background: #171717;
  overflow-x: hidden;
}

/* Header */
.offcanvas.offcanvas-end {
  width: 100%;
  background-image: url("/uploads/2023/01/elements-menu-ouvert.png");
  background-size: 40%;
  background-position: right 110% center;
  background-repeat: no-repeat;
  background-color: #171717;
  right: 0.75rem;
  transition: transform 0.8s ease-in-out;
}
.offcanvas.offcanvas-end ul {
  margin: 5rem 7rem 0 0;
}
.offcanvas.offcanvas-end ul li {
  font-size: 2.5rem;
  margin: 1rem 0;
  line-height: 47px;
}

.offcanvas-body {
  background-color: rgb(39, 39, 39);
  padding: 3rem 10rem;
}
.offcanvas-body a {
  color: #fff;
  text-align: right;
  font-family: "Rubik";
  font-size: 2.5rem;
}
.offcanvas-body a:hover {
  color: #6E2338;
}
.offcanvas-body a .active {
  color: #6E2338;
}
.offcanvas-body .nav-item:hover .red-circle {
  visibility: visible;
  animation: 1s linear;
  animation-delay: 1s;
}
.offcanvas-body .red-circle {
  max-width: 0.75rem;
  max-height: 0.75rem;
  margin-right: 1.187rem;
  visibility: hidden;
  margin-top: 4%;
}

.logo-menu img {
  width: 1.375rem;
  margin-left: 1.5rem;
}
.logo-menu img:hover {
  transform: scale(150%);
  transition: transform 1s ease-in-out;
}

.offcanvas-header {
  justify-content: end;
}
.offcanvas-header p {
  color: #fff;
  margin: 0.8rem 0 0 0;
  font-family: "Rubik";
  font-weight: 100;
  font-size: 0.75rem;
}
.offcanvas-header img {
  width: 1.625rem;
  height: 1.625rem;
  opacity: 1;
}

.btn-close {
  background: none;
  opacity: 1;
  border: none;
}
.btn-close:hover {
  transform: scale(150%);
  transition: transform 1s ease-in-out;
}
.btn-close:active {
  border: none;
}

.btn-close:hover .text-button {
  color: #6E2338;
}

.navbar-toggler {
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler p {
  font-family: "Rubik";
  font-size: 0.75rem;
  color: #fff;
  margin: 0.5rem 1rem;
  font-weight: 100;
}

.navbar {
  padding: 2em 8.75rem;
  transition: all 0.5s ease-in-out;
  width: 100vw;
  --bs-navbar-active-color: $color2 !important;
}

.navbar-brand img {
  width: 5.06rem;
  height: 2.125rem;
}

.navbar.scroll {
  background-color: #171717 !important;
  padding-bottom: 2rem;
}

/* Footer */
footer {
  background: #000;
  padding: 4.125rem 17.375rem 2.125rem 17.375rem;
  width: 100vw;
}
footer .first-row {
  padding-bottom: 4rem;
}
footer .first-row li {
  list-style-type: none;
}
footer .first-row .menu-footer a {
  font-family: "Rubik";
  font-size: 1rem;
  text-decoration: none;
  color: #fff;
  margin: 0 2rem;
  font-weight: 100;
}
footer .first-row .menu-footer a:hover {
  color: #6E2338;
}
footer .first-row .logo-footer img {
  width: 91px;
  height: 38px;
}
footer .first-row .logo-menu img:hover {
  transform: scale(150%);
  transition: transform 1s ease-in-out;
}
footer #menu-menu-footer {
  display: flex;
}
footer hr {
  background-color: #6E2338;
  height: 2px;
  opacity: 1;
}
footer .partenaires ul, footer .rgpd ul {
  display: flex;
  padding: 1rem 0;
}
footer .partenaires ul li, footer .rgpd ul li {
  list-style-type: none;
  color: #fff;
  margin: 0 1rem;
  font-size: 0.875rem;
  font-family: "Rubik";
  font-weight: 100;
}
footer .partenaires ul li a, footer .rgpd ul li a {
  text-decoration: none;
  color: #fff;
}
footer .partenaires ul li a:hover, footer .rgpd ul li a:hover {
  color: #6E2338;
}

/* Accueil */
p {
  margin-bottom: 0;
}

header {
  height: 100vh;
  padding-top: 7.312rem;
  padding-right: 8.75rem;
  background-color: #171717;
}
header .title {
  padding-top: 25vh;
  background-image: url("/uploads/2023/01/motif-2.png");
  background-position: right 125% center;
  background-size: 60%;
  background-repeat: no-repeat;
}
header .title h1 {
  color: #fff;
  font-size: 2.375rem;
  font-family: "Rubik";
  margin-left: 8.75rem;
  margin-top: 2rem;
  font-weight: 100;
}
header .title h2 {
  color: #fff;
  font-size: 3.125rem;
  font-family: "Rubik";
  margin-left: 8.75rem;
  font-weight: 100;
}
header .title a img {
  width: 20px;
  height: 50px;
  margin-left: 8.75rem;
  margin-top: 20vh;
  -o-object-fit: contain;
     object-fit: contain;
}
header .title a img:hover {
  transform: translateY(1rem);
  transition: transform 1s ease-in-out;
}
header img {
  width: 39vw;
  height: 80vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.red-title, .red-title-mobile {
  background-color: #171717;
}
.red-title hr, .red-title-mobile hr {
  background-color: #6E2338;
  height: 4px;
  margin-top: 5.5rem;
  opacity: 1;
}
.red-title h2, .red-title-mobile h2 {
  color: #6E2338;
  font-family: "BodoniModa";
  font-size: 7.5em;
  font-weight: 100;
}

.red-title-mobile {
  display: none;
}

section {
  background-color: #171717;
  width: 100vw;
}

#citation {
  padding-top: 8.56rem;
  justify-content: center;
}
#citation p {
  font-family: "Rubik";
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 2.5px;
  font-weight: 100;
}
#citation p .pasteur {
  font-size: 0.875rem;
}
#citation img {
  margin-bottom: 2rem;
}

#presentation {
  padding: 6.25rem 17.375rem;
  background-image: url("/uploads/2023/01/ellipse-11.png");
  background-repeat: no-repeat;
  background-position: left 12.5% top 11.5%;
}
#presentation .left {
  padding-right: 10.625rem;
}
#presentation .left h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  font-weight: 100;
}
#presentation .left p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
}
#presentation .video-emotion img {
  width: 28vw;
  height: 45vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#presentation .link-video img {
  width: 14rem;
  height: 4.875rem;
  margin-top: 22vh;
  margin-left: -5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
#presentation .link-video img:hover {
  transform: translate(-1rem);
  transition: transform 0.5s ease-in-out;
}
#presentation .link-video p {
  font-family: "Rubik";
  font-size: 0.75rem;
  color: #fff;
  letter-spacing: 1.6px;
  text-align: right;
  margin-top: 1rem;
  margin-left: 1rem;
}
#presentation .link-video a {
  text-decoration: none;
}

#emotion {
  padding: 10.687rem 17.375rem 0 0;
}
#emotion .right {
  padding: 7.75rem 0 0 22rem;
}
#emotion .left img {
  width: 51vw;
  height: 73vh;
}
#emotion h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  font-weight: 100;
}
#emotion p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 600;
}
#emotion .light {
  font-weight: 100;
}

.lien-section {
  margin-top: 2.5rem;
  padding-top: 2rem;
}
.lien-section a {
  text-decoration: none;
}
.lien-section a:hover .circle-arrow {
  transform: translate(2rem, 0%);
  transition: transform 1s ease-in-out;
}
.lien-section .white-circle {
  width: 0.25rem;
  max-width: 0.25rem;
  height: 0.25rem;
  margin-top: -0.25rem;
}
.lien-section .circle-arrow {
  width: 2rem;
  height: 2rem;
  margin-top: -0.5rem;
}
.lien-section .text-link {
  color: #fff;
  margin: 0 2rem 0 0.5rem;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 24px;
  letter-spacing: 5px;
}
.lien-section hr {
  background-color: #fff;
  opacity: 1;
  height: 2px;
  width: 16rem;
}

#picto_accueil {
  background-color: #171717;
  padding-bottom: 9.375rem;
}
#picto_accueil .row {
  background-color: #292929;
  padding: 11.687rem 0;
  margin: -6.5rem 5rem 0 5rem;
}
#picto_accueil img {
  height: 5.375rem;
  width: 5.5rem;
  display: block;
  margin: 0 auto 1.5rem auto;
}
#picto_accueil img:hover {
  transform: scale(1.5);
  transition: transform 1s ease-in-out;
}
#picto_accueil h3 {
  font-family: "Rubik";
  font-size: 1.25rem;
  text-align: center;
  color: #fff;
}

#realisations {
  padding: 10rem 17.375rem 0 17.375rem;
}
#realisations h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin-bottom: 2.5rem;
  font-weight: 100;
}
#realisations p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  margin-bottom: 4.437rem;
}
#realisations .galerie {
  margin-right: -23rem;
}
#realisations .galerie img {
  width: 398px;
  height: 318px;
  margin: 0 0.6rem;
  display: block;
  margin: 1rem auto;
}

#luxe {
  background-image: url("/uploads/2023/01/ellipse-11.png");
  background-repeat: no-repeat;
  background-position: left 12.5% top 26%;
}
#luxe h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin: 12.93rem 0 0 17.375rem;
  font-weight: 100;
}
#luxe p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
}
#luxe .text {
  margin: 3.125rem 0 10rem 17.375rem;
}
#luxe .right {
  background-image: url("/uploads/2023/01/motif.png");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: left 157% center;
  opacity: 0.1;
}

/* Notre histoire */
#entete {
  height: 50vh !important;
  padding-top: 20vh !important;
  background-image: url("/uploads/2023/01/motif-2.png");
  background-position: right 104.3% top 80%;
  background-size: 25%;
  background-repeat: no-repeat;
  padding-right: 0;
}
#entete h1 {
  color: #fff;
  font-size: 4.375rem;
  font-family: "Rubik";
  margin-left: 17.375rem;
  font-weight: 100;
}
#entete h2 {
  color: #fff;
  font-size: 2rem;
  font-family: "Rubik";
  margin-left: 17.375rem;
}
#entete .breadcrumbs {
  color: #fff;
  margin-left: 17.375rem;
  font-family: "Rubik";
  font-size: 0.875rem;
  margin-bottom: 2.25rem;
  letter-spacing: 0.16rem;
}
#entete .breadcrumbs a {
  text-decoration: none;
  color: #fff;
}

.tarifs {
  background-color: #6E2338 !important;
  height: 4px;
  opacity: 1 !important;
  margin: 0 0 0 22rem;
}

#citation .histoire {
  margin-top: 3.375rem;
  margin-bottom: 10rem;
}

#envie {
  margin-bottom: 13.75rem;
}
#envie h3 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin: 6.437rem 0 3.125rem 17.375rem;
  font-weight: 100;
}
#envie p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  margin: 0 0 0 17.375rem;
  font-weight: 100;
}
#envie img {
  width: 28vw;
  height: 72.5vh;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: 9.125rem;
}

#une-histoire {
  margin-top: 6.875rem;
  margin-bottom: 14.75rem;
  background-image: url("/uploads/2023/01/motif-2.png");
  background-size: 25%;
  background-position: left -7% top 15%;
  background-repeat: no-repeat;
}
#une-histoire img {
  width: 71vw;
  height: 51.5vh;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 10;
  margin-left: 17.375rem;
}
#une-histoire .bg2 {
  background-image: url("/uploads/2023/01/motif-2.png");
  background-size: 150%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}
#une-histoire .commencement {
  margin: 5.937rem 17.375rem;
}
#une-histoire .commencement h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin-bottom: 3.437rem;
  font-weight: 100;
}
#une-histoire .commencement p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 100;
}
#une-histoire .commencement p strong {
  font-weight: 600;
}
#une-histoire .commencement .citation2 {
  font-size: 1.875rem;
  font-family: "BodoniModa";
  line-height: 42px;
  color: #fff;
  text-align: center;
  margin-bottom: 15rem;
  padding: 2rem 0;
  border-top: solid 2px #6E2338;
  border-bottom: solid 2px #6E2338;
}

#concept h3, #concept .page-caves h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin: 6.437rem 0 3.125rem 17.375rem;
  font-weight: 100;
}
#concept p, #concept li {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  margin: 0 0 0 17.375rem;
  font-weight: 100;
}
#concept img {
  width: 536px;
  height: 784px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  margin-left: 9.125rem;
}

#reassurance {
  padding: 10.312rem 17.375rem 16.875rem 17.375rem;
}
#reassurance .real h2 {
  margin: 0 0 !important;
}
#reassurance .red-square {
  background-color: #6E2338;
  background-image: url("/uploads/2023/01/motif-2.png");
  background-size: 60%;
  background-position: right 170% center;
  background-repeat: no-repeat;
  padding: 0 8rem;
  width: 35vw;
  height: 46.3vh;
}
#reassurance .red-square .page-caves {
  margin-top: 5%;
}
#reassurance .red-square h2 {
  font-size: 1.875rem;
  font-family: "Rubik";
  line-height: 40px;
  color: #fff;
  position: relative;
  top: 25%;
  font-weight: 100;
}
#reassurance .red-square p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  position: relative;
  top: 25%;
  font-weight: 100;
}
#reassurance .red-border {
  border: solid 2px #6E2338;
  margin: 3.75rem 0;
  margin-left: -1rem;
  padding: 6% 0;
  height: 35vh;
}
#reassurance .page-tarifs {
  margin-top: 2rem;
}

#presse {
  background-color: #fff;
  padding: 0 17.375rem;
  width: 100vw;
}
#presse h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  text-align: center;
  line-height: 47px;
  color: #171717;
  margin-bottom: 5.937rem;
  font-weight: 100;
}
#presse .picto-presse img {
  margin-top: -5rem;
}
#presse .encart-presse {
  border: solid 1px #D1D1D1;
  width: 398px;
  height: 530px;
  margin: 0 3.75rem 4.375rem 0;
  padding: 0rem 2.25rem 2rem 2.25rem;
}
#presse .logo-presse {
  display: block;
  margin: 0 auto;
}
#presse h3 {
  font-family: "Rubik";
  font-size: 1.25rem;
  color: #171717;
  line-height: 30px;
  font-weight: 500;
}
#presse p {
  font-family: "Rubik";
  font-size: 1rem;
  color: #171717;
  line-height: 26px;
}
#presse .lien-section {
  margin-top: 0 !important;
}
#presse .lien-section .text-link {
  color: #6E2338 !important;
  margin-right: 2rem !important;
  margin-left: 0 !important;
}

#construire h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin: 6.437rem 0 3.125rem 17.375rem;
  font-weight: 100;
}
#construire p, #construire li {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  margin: 0 0 0 17.375rem;
  font-weight: 100;
}
#construire img {
  width: 468px;
  height: 321px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 5rem 0 3.125rem 13.75rem;
}
#construire .right {
  padding-right: 17.375rem;
}
#construire .right p {
  border-top: solid 2px #6E2338;
  border-bottom: solid 2px #6E2338;
  text-align: center;
  padding-top: 2.812rem;
  padding-bottom: 2.812rem;
  font-weight: 100;
}
#construire .construction {
  background-image: url("/uploads/2023/01/motif-2.png");
  background-position: left 55% center;
  background-size: 18%;
  background-repeat: no-repeat;
  padding-right: 17.375rem;
  margin-top: 9rem;
}
#construire .construction img {
  width: 675px;
  height: 359px;
  margin-left: 17.375rem;
}
#construire .construction p {
  margin-top: 25%;
}
#construire hr {
  background-color: #292929;
  opacity: 1;
  height: 4px;
  margin: 5rem 0 5rem 22rem;
}

#pose {
  background-image: url("/uploads/2023/01/rectangle-15.png");
  background-repeat: no-repeat;
  background-position: bottom right 110.5%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#pose .left {
  padding-left: 17.375rem;
}
#pose h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin: 0rem 0 3.125rem 0;
  font-weight: 100;
}
#pose p, #pose li {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 100;
}
#pose li {
  list-style-type: none;
  margin-left: -2rem;
}
#pose .image-supp img {
  width: 35.1vw;
  height: 47.6vh;
  margin: 2rem 17.375rem 1rem 0;
  -o-object-fit: cover;
     object-fit: cover;
}
#pose .image-demi {
  margin: 0 17.375rem 0 0;
}
#pose .image-demi .second {
  margin-right: 3.3rem;
}
#pose .image-demi img {
  width: 17.08vw;
  height: 41.6vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 auto;
}
#pose .lien-section {
  margin-top: 1rem !important;
}
#pose .lien-section .text-link {
  margin: 0 1rem 0 0.5rem !important;
}

#videos {
  margin: 12.5rem 0;
}
#videos h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  background-image: url("/uploads/2023/01/ellipse-11.png");
  background-repeat: no-repeat;
  background-position: center;
  padding: 2rem 0;
}
#videos p, #videos li {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  text-align: center;
  margin: 3.125rem 34.625rem;
  font-weight: 100;
}
#videos img {
  width: 35.1vw;
  height: 38.4vh;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 3.75rem;
}
#videos .left {
  padding-left: 7rem;
}
#videos .left .play .video {
  padding-left: 3rem;
}
#videos .play p {
  margin: 0 7rem 0 0.7rem !important;
  text-align: start;
  font-weight: 100;
}
#videos .play .video a {
  text-decoration: none;
}
#videos .play .video img {
  width: 78px;
  height: 185px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: -7rem 0 1rem 2rem;
}
#videos .play .video img:hover {
  transform: translateY(-1rem);
  transition: transform 0.5s ease-in-out;
}
#videos .play .video p {
  margin: 0 0 0 2rem !important;
  font-size: 0.75rem !important;
  text-align: start;
  font-weight: 100;
}

.page-caves {
  padding-top: 7.875rem;
  padding-bottom: 9.687rem;
}

#equiper {
  padding: 8.437rem 17.375rem;
}
#equiper .right {
  padding-top: 4rem;
}
#equiper h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin-bottom: 3rem;
  font-weight: 100;
}
#equiper p, #equiper li {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 100;
}
#equiper img {
  width: 536px;
  height: 784px;
  -o-object-fit: none;
     object-fit: none;
  padding-right: 1rem;
}

#vr {
  padding: 8.437rem 17.375rem;
}

/* Pages tarifs */
#carnotzet, #jeroboam, #imperiale, #double-jero, #carnotzet {
  padding: 8.437rem 0;
}
#carnotzet h2, #jeroboam h2, #imperiale h2, #double-jero h2, #carnotzet h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin-bottom: 3rem;
  font-weight: 100;
}
#carnotzet h3, #jeroboam h3, #imperiale h3, #double-jero h3, #carnotzet h3 {
  font-size: 1.5rem;
  font-family: "Rubik";
  line-height: 30px;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 3rem;
  font-weight: 100;
}
#carnotzet p, #carnotzet li, #jeroboam p, #jeroboam li, #imperiale p, #imperiale li, #double-jero p, #double-jero li, #carnotzet p, #carnotzet li {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 400;
  font-weight: 100;
}
#carnotzet li, #jeroboam li, #imperiale li, #double-jero li, #carnotzet li {
  list-style-type: none;
  margin-left: -2rem;
}
#carnotzet .entete-tarifs, #jeroboam .entete-tarifs, #imperiale .entete-tarifs, #double-jero .entete-tarifs, #carnotzet .entete-tarifs {
  margin: 0 17.375rem 5.25rem 17.375rem;
}
#carnotzet .entete-tarifs p, #jeroboam .entete-tarifs p, #imperiale .entete-tarifs p, #double-jero .entete-tarifs p, #carnotzet .entete-tarifs p {
  margin-right: 10rem !important;
}
#carnotzet .entete-tarifs img, #jeroboam .entete-tarifs img, #imperiale .entete-tarifs img, #double-jero .entete-tarifs img, #carnotzet .entete-tarifs img {
  width: 536px;
  height: 372px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: -3rem;
}
#carnotzet .caracteristiques, #jeroboam .caracteristiques, #imperiale .caracteristiques, #double-jero .caracteristiques, #carnotzet .caracteristiques {
  flex-wrap: nowrap;
}
#carnotzet .caracteristiques .left, #jeroboam .caracteristiques .left, #imperiale .caracteristiques .left, #double-jero .caracteristiques .left, #carnotzet .caracteristiques .left {
  padding-right: 7rem;
  padding-left: 17.375rem;
}
#carnotzet .caracteristiques .right, #jeroboam .caracteristiques .right, #imperiale .caracteristiques .right, #double-jero .caracteristiques .right, #carnotzet .caracteristiques .right {
  padding-left: 7rem;
  padding-right: 17.375rem;
}
#carnotzet .lien-section a, #jeroboam .lien-section a, #imperiale .lien-section a, #double-jero .lien-section a, #carnotzet .lien-section a {
  padding-top: 0.25rem;
}

#imperiale, #carnotzet {
  background-color: #292929;
}

#jeroboam {
  margin-top: 9rem;
}

.row > * {
  padding-left: 0;
}

/* page Réalisations */
#realisation {
  padding: 10rem 17.375rem 0 17.375rem;
}
#realisation img {
  width: 674px;
  height: 378px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1.5rem;
}
#realisation .filters {
  padding-bottom: 7.875rem;
}
#realisation .filters button {
  border: none;
  background-color: #171717;
  color: #fff;
  font-size: 1.25rem;
  font-family: "Rubik";
  font-weight: 100;
}
#realisation .filters button:hover {
  color: #6E2338;
}
#realisation .filters button:active {
  color: #6E2338;
}

.arrow-real img {
  display: block;
  margin: 5rem auto;
  transform: rotate(180deg);
}

/* single page */
#single {
  padding: 8.437rem 17.375rem;
}
#single h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin-bottom: 3rem;
  font-weight: 100;
}
#single h3 {
  font-size: 1.5rem;
  font-family: "Rubik";
  line-height: 30px;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 3rem;
  font-weight: 100;
}
#single p, #single li {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 100;
}
#single .banniere img {
  width: 1364px;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 4.187rem 0 8.5rem 0;
}
#single .lien-section {
  margin-bottom: 2.375rem;
}
#single .lien-section img {
  rotate: 180deg;
}

#gallery {
  margin-bottom: 6.875rem;
}

#showroom {
  padding: 8.562rem 17.375rem 7.312rem 17.375rem;
}
#showroom .left {
  padding-right: 9.625rem;
}
#showroom .left h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin-bottom: 3rem;
  font-weight: 100;
}
#showroom .left p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 100;
}
#showroom img {
  width: 674px;
  height: 717px;
  -o-object-fit: cover;
     object-fit: cover;
}

.hr-contact hr {
  background-color: #292929;
  height: 2px;
  margin: 0 0 7.312rem 22rem;
  opacity: 1;
}

#contact {
  padding: 0 17.375rem 7.312rem 17.375rem;
}
#contact .left {
  padding-right: 9.625rem;
}
#contact p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 100;
}
#contact input, #contact textarea {
  width: 49rem;
  height: 3.562rem;
  border: solid 1px #292929;
  background-color: #171717;
  margin-bottom: 1.875rem;
  padding: 0 1.562rem;
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  border-radius: 0%;
}
#contact textarea {
  height: 12.812rem;
  padding-top: 1.562rem;
}
#contact .wpcf7-submit {
  background-color: #6E2338;
  width: 25%;
  border: solid 1px #292929;
  display: block;
  margin-left: auto;
  margin-right: 0;
  font-family: "Rubik";
  letter-spacing: 2px;
  font-size: 1.25rem;
  font-weight: 100;
}
#contact .wpcf7-submit:hover {
  background-color: #171717;
  border: solid 1px #6E2338;
}

#map {
  background-color: #292929;
  padding: 9.125rem 17.375rem;
  background-image: url("/uploads/2023/01/motif-2.png");
  background-repeat: no-repeat;
  background-position: center left 107%;
  background-size: 25%;
}
#map iframe {
  width: 674px;
  height: 397px;
}
#map .right {
  padding: 5.5% 0 5.5% 9.625rem;
}
#map .right h2 {
  font-size: 2.5rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin-bottom: 3rem;
  font-weight: 100;
}
#map .right p {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 100;
}
#map .right a {
  color: #fff;
  text-decoration: none;
}

/* Pages ML et PDC */
#ml_body {
  padding: 10rem 17.375rem;
}
#ml_body .accordion-item, #ml_body .accordion-button {
  background-color: #171717;
  font-size: 1.75rem;
  font-family: "Rubik";
  line-height: 47px;
  color: #fff;
  margin: 0.5rem 0;
  font-weight: 100;
}
#ml_body .accordion-item::after, #ml_body .accordion-button::after {
  background-image: url("/uploads/2023/01/fleche-blanche-onglet.png");
}
#ml_body .accordion-item {
  border-bottom: solid 2px #292929;
}
#ml_body p, #ml_body li {
  color: #fff;
  font-family: "Rubik";
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 100;
}
#ml_body a {
  color: #fff;
  text-decoration: none;
}

.accordion-header:focus {
  border-color: #6E2338 !important;
}

.accordion-header:active {
  border-color: #6E2338 !important;
}

/* Slider */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  max-width: 35.1vw;
  max-height: 44.2vh;
  width: 35.1vw;
  height: 44.2vh;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 2.5rem;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 35.1vw;
  height: 44.2vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-slide img:not(.swiper-slide-active img, .swiper-slide-next img) {
  opacity: 0.25;
}

.swiper-pagination {
  padding-top: 3.5rem;
  position: relative;
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: #292929;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}

/* Fancybox */
a[data-fancybox] img {
  cursor: zoom-in;
}

.fancybox__container {
  --fancybox-color: #fff;
  --fancybox-bg: none;
  --carousel-button-svg-stroke-width: 1.2;
  --carousel-button-svg-filter: none;
}

/* Responsive */
@media (min-width: 2500px) {
  #realisation .realisations .content-gallery img {
    width: 1200px;
    height: 950px;
  }
}
@media (min-width: 2500px) {
  #presentation {
    background-position: left 6% top 15%;
  }
  #presentation .link-video img {
    width: 30rem;
    height: 10rem;
    margin-left: -15rem;
  }
  #presentation .link-video p {
    margin-left: 0;
    margin-right: 12.5rem;
  }
  #luxe {
    background-position: left 6% top 33%;
  }
  #realisation .filters {
    justify-content: space-evenly !important;
  }
  #realisation .realisations .content-gallery img {
    width: 1000px;
    height: 700px;
    display: block;
    margin: 1rem auto;
  }
}
@media (max-width: 1900px) {
  #realisation img {
    width: 600px;
  }
}
@media (max-width: 1750px) {
  #realisation img {
    width: 550px;
  }
}
@media (max-width: 1650px) {
  #realisation {
    padding: 10rem 4rem 0 4rem;
  }
  #realisation img {
    width: 600px;
  }
}
@media (max-width: 1600px) {
  .navbar {
    padding: 2rem 4rem;
  }
  .offcanvas-body {
    padding: 0 4rem;
  }
  footer {
    padding: 4rem 4rem;
  }
  header .title {
    padding-top: 18%;
  }
  header .title h1, header .title h2 {
    margin-left: 4rem;
  }
  header .title h2 {
    font-size: 2rem;
  }
  .red-circle {
    margin-top: 7% !important;
  }
  #presentation {
    padding: 6rem 4rem;
  }
  #presentation .left {
    padding-right: 5rem;
  }
  #emotion {
    padding: 10.687rem 4rem 0 0;
  }
  #emotion .right {
    padding: 0 0 0 8rem;
  }
  #realisations {
    padding: 10rem 4rem 0 4rem;
  }
  #realisations .galerie {
    margin-right: -10rem;
  }
  #realisations .galerie img {
    width: 250px;
    height: 200px;
  }
  #luxe h2 {
    margin: 12.93rem 0 0 4rem;
  }
  #luxe .text {
    margin: 3.125rem 0 10rem 4rem;
  }
  #entete .breadcrumbs, #entete h1 {
    margin-left: 4rem;
  }
  #entete hr {
    margin: 2rem 0 0 5rem;
  }
  #envie {
    margin-bottom: 13.75rem;
  }
  #envie h3 {
    margin: 6.437rem 0 3.125rem 4rem;
  }
  #envie p {
    margin: 0 0 0 4rem;
  }
  #une-histoire {
    overflow-x: hidden;
    background-image: none;
  }
  #une-histoire img {
    margin-left: 4rem;
  }
  #une-histoire .commencement {
    margin: 5.9rem 4rem;
  }
  #une-histoire .commencement .citation2 {
    margin-bottom: 20rem;
  }
  #concept {
    overflow-x: hidden;
  }
  #concept h3 {
    margin: 6.437rem 0 3.125rem 4rem;
  }
  #concept p, #concept li {
    margin: 0 0 0 4rem;
  }
  #concept img {
    margin-left: 3rem;
  }
  #reassurance {
    padding: 10.312rem 0rem 16.875rem 10rem;
  }
  #reassurance .red-square {
    padding: 0 2rem;
  }
  #reassurance .red-square h2 {
    top: 20%;
  }
  #reassurance .red-square p {
    top: 15%;
  }
  #reassurance .red-square .page-caves {
    margin-top: 0;
  }
  #presse {
    padding: 0 10rem;
  }
  #construire h2 {
    margin: 6rem 0 3rem 4rem;
  }
  #construire p, #construire li {
    margin: 0 0 0 4rem;
  }
  #construire img {
    margin: 5rem 0 2rem 5rem;
  }
  #construire .right {
    padding-right: 4rem;
  }
  #construire .construction {
    padding-right: 4rem;
  }
  #construire .construction img {
    margin-left: 4rem;
  }
  #construire .construction p {
    margin-left: 10rem;
    margin-top: 30%;
  }
  #pose .left {
    padding-left: 4rem;
  }
  #pose .image-supp img {
    width: 45vw;
    height: 47.6vh;
    margin: 2rem 0rem 1rem 0;
  }
  #pose .image-demi img {
    width: 22vw !important;
    height: 41.6vh !important;
  }
  #pose .image-demi .second img {
    margin-left: -5.5rem;
  }
  #videos p, #videos li {
    margin: 3rem 17rem;
  }
  #videos .left {
    padding-left: 5rem;
  }
  #videos .left .play .video {
    padding-left: 0;
  }
  #videos .play p {
    margin: 0 5rem 0 0 !important;
  }
  #videos .play .video p {
    font-family: 0.5rem !important;
  }
  #concept .page-caves h2 {
    margin: 6rem 0 3rem 4rem !important;
  }
  #equiper {
    padding: 8rem 4rem;
  }
  #jeroboam .entete-tarifs, #carnotzet .entete-tarifs, #imperiale .entete-tarifs, #double-jero .entete-tarifs {
    margin: 0 4rem 5rem 4rem;
  }
  #jeroboam .row > *, #carnotzet .row > *, #imperiale .row > *, #double-jero .row > * {
    padding-left: 0;
  }
  #jeroboam .caracteristiques .left, #carnotzet .caracteristiques .left, #imperiale .caracteristiques .left, #double-jero .caracteristiques .left {
    padding-left: 4rem;
  }
  #jeroboam .caracteristiques .right, #carnotzet .caracteristiques .right, #imperiale .caracteristiques .right, #double-jero .caracteristiques .right {
    padding-right: 4rem;
  }
  #jeroboam .lien-section hr, #carnotzet .lien-section hr, #imperiale .lien-section hr, #double-jero .lien-section hr {
    width: 4rem;
  }
  #realisation img {
    width: 480px;
  }
  #single {
    padding: 8rem 4rem;
  }
  #showroom {
    padding: 15rem 4rem 7rem 4rem;
  }
  #contact {
    padding: 0 4rem 7rem 4rem;
  }
  #contact input, #contact textarea {
    width: 40rem;
  }
  #contact .wpcf7-submit {
    margin-left: 0;
  }
  #vr {
    padding: 8.437rem 6.25rem;
  }
  #map {
    padding: 9rem 4rem;
  }
  #ml_body {
    padding: 15rem 4rem;
  }
}
@media (max-width: 1500px) {
  #realisation img {
    width: 450px;
  }
}
@media (max-width: 1420px) {
  #realisation img {
    width: 430px;
  }
}
@media (max-width: 1400px) {
  #realisation img {
    width: 400px;
  }
}
@media (max-width: 1300px) {
  #realisation img {
    width: 370px;
  }
}
@media (max-width: 900px) {
  .offcanvas.offcanvas-end ul {
    margin: 10rem 0;
  }
  .offcanvas.offcanvas-end {
    right: 0.09rem;
  }
  .offcanvas-body {
    padding: 2rem 0;
    width: 100vw;
  }
  .offcanvas-backdrop {
    margin-right: -1rem;
  }
  .red-circle {
    margin-top: 3.5% !important;
  }
  footer {
    padding: 4rem 2rem;
  }
  footer .logo-footer {
    margin-bottom: 2rem;
  }
  footer .first-row .menu-footer a {
    font-size: 0.7rem;
  }
  header .title h1, header .title h2 {
    margin-left: 2rem;
  }
  #presentation {
    padding: 6rem 2rem;
  }
  #presentation .left {
    padding-right: 0;
    padding-bottom: 6rem;
  }
  #presentation .video-emotion img {
    width: 50vw;
  }
  #presentation .video-emotion .link-video img {
    margin-left: -15rem;
  }
  #presentation .video-emotion .link-video p {
    text-align: left;
    margin-left: -1rem;
  }
  #emotion .left {
    padding-bottom: 6rem;
  }
  #emotion .left img {
    width: 100vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #emotion .right {
    margin: 0 0 0 2rem;
    padding: 0 0 0 0;
  }
  #picto_accueil .col-lg-3 {
    margin: 2rem 0;
  }
  #realisations {
    padding: 10rem 2rem 0 2rem;
  }
  #realisations .galerie {
    margin-right: 0rem;
  }
  #realisations .galerie img {
    width: 100vw;
    height: 33vh;
  }
  .row {
    margin-right: 0;
  }
  #envie h3 {
    margin: 6.437rem 0 3.125rem 2rem;
  }
  #envie p {
    margin: 0 0 0 2rem;
  }
  #envie img {
    width: 100vw;
    margin-top: 5rem;
    margin-left: 0;
  }
  .row > * {
    padding-right: 0 !important;
  }
  #une-histoire {
    margin-bottom: 6rem;
  }
  #une-histoire img {
    width: 100vw;
    margin-left: 0;
  }
  #une-histoire .commencement {
    margin: 5rem 2rem;
  }
  #une-histoire .citation2 {
    margin-top: 5rem;
    margin-bottom: 0 !important;
  }
  #concept h3 {
    margin: 6.437rem 0 3.125rem 2rem;
  }
  #concept p {
    margin: 0 2rem;
  }
  #concept img {
    margin-top: 5rem;
    margin-left: 0;
    width: 100vw;
  }
  #reassurance {
    padding: 10.312rem 2rem 16.875rem 2rem;
  }
  #reassurance .red-square {
    width: 47.5vw;
    padding: 0 2rem;
  }
  #reassurance .red-square h2 {
    top: 25%;
  }
  #reassurance .red-square p {
    top: 20%;
  }
  #reassurance .red-square .page-caves {
    margin-top: 3%;
  }
  #reassurance .red-border {
    width: 47.5vw;
    padding: 12% 4rem;
  }
  #presse .encart-presse {
    display: block;
    margin: 3rem auto;
  }
  #construire h2 {
    margin: 6rem 0 3rem 2rem;
  }
  #construire p {
    margin: 0 2rem;
  }
  #construire li {
    margin: 0 2rem;
  }
  #construire img {
    display: block;
    margin: 5rem auto;
  }
  #construire .right p {
    margin: 0 2rem;
  }
  #construire .construction {
    padding-right: 0;
  }
  #construire .construction img {
    display: block;
    margin: 0 auto;
  }
  #construire .construction p {
    display: block;
    margin: 15% 2rem;
  }
  #construire hr {
    margin: 1rem 0 1rem 5rem;
  }
  #pose .left {
    padding: 0 2rem;
  }
  #pose .image-supp img {
    width: 100vw;
  }
  #pose .image-demi img {
    width: 45vw !important;
  }
  #pose .image-demi .second img {
    margin-left: 16rem;
  }
  #videos h2 {
    padding: 2rem 2rem;
  }
  #videos p {
    margin: 3rem 2rem;
  }
  #videos .left {
    padding: 0;
  }
  #videos img {
    width: 85vw;
    display: block;
    margin: 2rem auto;
  }
  #videos .play p {
    text-align: center;
    margin: 0 2rem !important;
  }
  #videos .play .video {
    margin-left: 3rem;
  }
  #concept .page-caves h2 {
    margin: 6rem 2rem 3rem 2rem !important;
  }
  #equiper {
    padding: 8rem 2rem;
  }
  #equiper img {
    width: 92vw;
    margin-bottom: 5rem;
  }
  #jeroboam .entete-tarifs, #carnotzet .entete-tarifs, #imperiale .entete-tarifs, #double-jero .entete-tarifs {
    margin: 0 2rem 5rem 2rem;
  }
  #jeroboam .entete-tarifs p, #carnotzet .entete-tarifs p, #imperiale .entete-tarifs p, #double-jero .entete-tarifs p {
    margin-right: 0 !important;
  }
  #jeroboam .entete-tarifs img, #carnotzet .entete-tarifs img, #imperiale .entete-tarifs img, #double-jero .entete-tarifs img {
    display: block;
    margin: 2rem auto;
  }
  #jeroboam .row > *, #carnotzet .row > *, #imperiale .row > *, #double-jero .row > * {
    padding-left: 0;
  }
  #jeroboam .caracteristiques .left, #carnotzet .caracteristiques .left, #imperiale .caracteristiques .left, #double-jero .caracteristiques .left {
    padding: 0 2rem;
  }
  #jeroboam .caracteristiques .right, #carnotzet .caracteristiques .right, #imperiale .caracteristiques .right, #double-jero .caracteristiques .right {
    padding: 0 2rem;
  }
  #jeroboam .lien-section hr, #carnotzet .lien-section hr, #imperiale .lien-section hr, #double-jero .lien-section hr {
    width: 4rem;
  }
  #realisation {
    padding: 10rem 2rem 0 2rem;
  }
  #realisation img {
    display: block;
    margin: 1rem auto;
    width: 674px;
  }
  #single {
    padding: 4rem 2rem;
  }
  #single .banniere img {
    width: 100vw;
  }
  .swiper-slide {
    max-width: 100vw;
    max-height: 44.2vh;
    width: 100vw;
    height: 44.2vh;
    margin: 0 0;
  }
  .swiper-slide img {
    width: 100vw;
    height: 44.2vh;
  }
  #showroom {
    padding: 15rem 2rem 7rem 2rem;
  }
  #showroom .left {
    padding-bottom: 6rem;
  }
  #contact {
    padding: 0 2rem 7rem 2rem;
  }
  #contact .left {
    padding-bottom: 6rem;
  }
  #contact input, #contact textarea {
    width: 44rem;
  }
  #map {
    padding: 9rem 2rem;
  }
  #map iframe {
    display: block;
    margin: 0 auto;
  }
  #map .right {
    text-align: center;
    padding: 5rem 0;
  }
  #map .social {
    text-align: center;
  }
  #vr {
    padding: 8.437rem 4rem;
  }
  #ml_body {
    padding: 15rem 2rem;
  }
}
@media (max-width: 500px) {
  .navbar {
    padding: 2rem 2rem;
  }
  .offcanvas.offcanvas-end ul {
    margin: 3rem 0;
  }
  .offcanvas.offcanvas-end ul li {
    margin: 0.5rem 0;
  }
  .offcanvas.offcanvas-end {
    right: 0.01;
  }
  .offcanvas-header {
    padding-right: 2rem;
  }
  .offcanvas-body .red-circle {
    margin-right: 0;
  }
  .red-circle {
    margin-top: 7% !important;
  }
  footer #menu-menu-footer {
    display: block;
  }
  footer #menu-menu-footer li {
    text-align: center;
  }
  footer .first-row .menu-footer .menu-item {
    margin-bottom: 0.5rem;
  }
  footer .first-row .menu-footer a {
    font-size: 1rem;
  }
  footer ul {
    padding-left: 0;
  }
  footer .logo-menu img {
    margin-left: 0rem !important;
  }
  footer .partenaires ul, footer .rgpd ul {
    display: block;
  }
  footer .partenaires ul li, footer .rgpd ul li {
    text-align: center;
  }
  header {
    padding-right: 0;
  }
  header .title {
    height: 20vh;
  }
  header .title a img {
    margin-left: 2rem;
    margin-top: 5vh;
  }
  #presentation .video-emotion img {
    width: 83vw;
  }
  #presentation .video-emotion .link-video img {
    transform: rotate(90deg);
    margin-left: 0;
    margin-top: -5rem;
  }
  #presentation .video-emotion .link-video p {
    text-align: center;
    margin-top: 5rem;
    margin-left: 0;
  }
  h2 {
    font-size: 2rem !important;
  }
  #emotion .left img {
    height: 50vh;
  }
  .red-title {
    display: none;
  }
  .red-title-mobile {
    display: block;
  }
  .red-title-mobile h2 {
    font-size: 4rem !important;
  }
  .row > * {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .lien-section .text-link {
    font-size: 0.8rem;
    margin: 0 1rem;
  }
  .lien-section .circle-arrow {
    margin-top: 0.18rem;
    margin-left: 1rem;
  }
  #picto_accueil .row {
    margin: 5rem 0 0 0;
    padding: 5rem 0;
  }
  .row > * {
    margin-left: 0;
  }
  .row {
    margin-left: 0;
  }
  #luxe h2 {
    margin: 10rem 2rem 0 2rem;
  }
  #luxe .text {
    margin: 3.125rem 2rem 10rem 2rem;
  }
  #entete .breadcrumbs, #entete h1 {
    margin: 2rem;
  }
  #entete h1 {
    font-size: 2.5rem;
  }
  #entete .ml h1 {
    margin-top: 3.5rem !important;
  }
  #citation {
    padding-top: 0;
  }
  #citation p {
    font-size: 1rem;
    margin: 0 2rem;
  }
  #envie h3 {
    margin: 6rem 2rem 3rem 2rem;
    font-size: 2rem;
  }
  #envie p {
    margin: 0 2rem;
  }
  #une-histoire {
    margin-bottom: 5rem;
  }
  #une-histoire .commencement h2 {
    font-size: 2rem;
  }
  #concept h3 {
    margin: 6rem 2rem 3rem 2rem;
    font-size: 2rem;
  }
  #concept img {
    height: 50vh;
  }
  #reassurance {
    padding: 7rem 1rem 15rem 1rem;
  }
  #reassurance .red-square {
    width: 100vw;
    padding: 0% 0;
  }
  #reassurance .red-square h2 {
    font-size: 1.5rem !important;
    margin: 0 2rem;
    top: 13%;
  }
  #reassurance .red-square p {
    font-size: 1rem;
    margin: 0 2rem;
    top: 13%;
  }
  #reassurance .red-square .page-caves {
    margin-top: -4.5rem;
  }
  #reassurance .red-border {
    width: 100vw;
    margin: 0rem 0 0 0rem;
  }
  #reassurance .red-border .lien-section {
    margin: 2rem 0 0 0;
  }
  #presse {
    padding: 0 1rem;
  }
  #presse h2 {
    margin-bottom: 2rem;
  }
  #presse .encart-presse img {
    width: 250px;
    height: 175px;
  }
  #presse .encart-presse h3, #presse .encart-presse p {
    padding: 0 2rem;
  }
  #presse .encart-presse .lien-section {
    padding: 2rem 1rem 0 1rem;
  }
  #presse .encart-presse .circle-arrow {
    width: 2rem;
    height: 2rem;
  }
  #construire img {
    width: 90vw;
    height: 30vh;
    margin: 5rem auto;
  }
  #pose .left {
    padding-bottom: 5rem;
  }
  #pose .left h2 {
    margin: 0 2rem 2rem 2rem;
    font-size: 2rem;
  }
  #pose .left p, #pose .left li {
    margin: 0 2rem;
  }
  #pose .lien-section {
    background-image: url(/uploads/2023/01/rectangle-15.png);
  }
  #pose .lien-section a {
    margin: 1rem 1rem 2rem 1rem;
  }
  #pose .lien-section .text-link {
    margin: 0 0 0 0.5rem !important;
  }
  #pose .lien-section .circle-arrow {
    margin-top: 0.15rem;
  }
  #pose .image-demi img {
    width: 100vw !important;
  }
  #pose .image-demi .second img {
    margin-left: 0;
  }
  #videos {
    margin: 5rem 0;
  }
  #videos h2 {
    font-size: 2rem;
    text-align: center;
  }
  #videos .play {
    height: 10rem;
    margin-top: -1rem;
  }
  #videos .play p {
    margin-top: 5rem;
  }
  #videos .play .video {
    margin-left: 0;
  }
  #videos .play .video img {
    margin-left: -0.5rem;
  }
  #videos .play .video p {
    display: none;
  }
  #concept li {
    margin: 0 2rem;
  }
  #equiper {
    padding: 5rem 2rem;
  }
  #equiper img {
    width: 100vw;
    margin-left: -2rem;
  }
  #jeroboam, #carnotzet, #imperiale, #double-jero {
    padding: 4rem 0 !important;
  }
  #jeroboam .entete-tarifs img, #carnotzet .entete-tarifs img, #imperiale .entete-tarifs img, #double-jero .entete-tarifs img {
    display: block;
    margin: 2rem auto;
    width: 80vw;
    height: 25vh;
  }
  #jeroboam .row > *, #carnotzet .row > *, #imperiale .row > *, #double-jero .row > * {
    padding-left: 0;
  }
  #jeroboam .caracteristiques, #carnotzet .caracteristiques, #imperiale .caracteristiques, #double-jero .caracteristiques {
    padding: 0 2rem;
    flex-wrap: wrap;
  }
  #jeroboam .caracteristiques .left, #carnotzet .caracteristiques .left, #imperiale .caracteristiques .left, #double-jero .caracteristiques .left {
    padding: 3rem 0;
  }
  #jeroboam .caracteristiques .right, #carnotzet .caracteristiques .right, #imperiale .caracteristiques .right, #double-jero .caracteristiques .right {
    padding: 0 0;
  }
  #jeroboam .caracteristiques h3, #carnotzet .caracteristiques h3, #imperiale .caracteristiques h3, #double-jero .caracteristiques h3 {
    margin: 0 0 3rem 0;
    font-size: 1.25rem;
  }
  #jeroboam .lien-section hr, #carnotzet .lien-section hr, #imperiale .lien-section hr, #double-jero .lien-section hr {
    width: 4rem;
  }
  #realisation {
    padding: 10rem 0 0 0;
  }
  #realisation img {
    width: 90vw;
  }
  #realisation .filters button {
    margin: 1rem 2rem;
  }
  #realisation .realisations {
    padding: 1rem 2rem;
  }
  #single {
    padding: 0rem 2rem 4rem 2rem;
  }
  #showroom {
    padding: 5rem 2rem;
  }
  #showroom img {
    width: 100vw;
    height: 20vh;
    margin-right: -2rem;
  }
  .hr-contact hr {
    margin: 0 0 5rem 5rem;
  }
  #contact {
    padding: 0 2rem 3rem 2rem;
  }
  #contact input, #contact textarea {
    width: 18.5rem;
  }
  #contact .wpcf7-submit {
    width: 100%;
  }
  #map {
    padding: 6rem 2rem 3rem 2rem;
  }
  #map iframe {
    width: 83vw;
    height: 50vh;
  }
  #map .right {
    padding: 3rem 0;
  }
  #vr {
    padding: 8.437rem 1rem;
  }
}
@media (max-width: 375px) {
  .offcanvas.offcanvas-end ul {
    margin: 1.5rem 0;
  }
}
/* Signature SQ */
@font-face {
  font-family: "Monologue-Sequane";
  src: url("../fonts/Monologue/Monologue-Regular.ttf") format("truetype"), url("../fonts/Monologue/Monologue-Regular.eot") format("embedded-opentype"), url("../fonts/Monologue/Monologue-Regular.woff") format("woff"), url("../fonts/Monologue/Monologue-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.signature {
  height: 26px;
  overflow: hidden;
  margin: 0;
  position: relative;
}

.signature p {
  display: inline-block;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -4.5px;
  font-family: "Monologue-Sequane", sans-serif;
  margin: 0;
  position: relative;
}

.signature p a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  position: relative;
  letter-spacing: inherit;
  text-transform: inherit;
}

.signature p .site {
  letter-spacing: 0;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  position: relative;
  top: -5px;
}

.signature p .relever {
  position: relative;
  top: 26px;
  transition: all 0.3s ease-out;
  height: 100%;
}

.signature:hover p .relever,
.signature:hover p {
  top: 0;
  letter-spacing: 0;
}/*# sourceMappingURL=style.css.map */