body {margin: 0;}
#main{max-width: 100%;color:#000000;padding: 0}
#footer{position: relative;z-index: 100}
.header {
    z-index: 1000 !important;
}
html{scroll-behavior: smooth;}
.floatingBar{z-index: 999;}
.pt50 {padding-top: 50px}
.ptb50 {padding: 50px}
.mb0 {margin-bottom: 0 !important}
#homepage-slider {
    max-width: 1920px;
    margin: 0 auto;
}
.primary-content{padding: 0}
.page-noel-2022{position: relative;z-index: 99;background: #FFF;text-align: center;color: #000000;overflow: hidden; transition: background-color 1s ease;}
.page-noel-2022 a{text-decoration:none;/*display: block;*/}
.page-noel-2022 p.white a{color: #ffffff !important;}
.page-noel-2022 .visually-hidden {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);  padding:0 !important;border:0 !important;height: 1px !important;width: 1px !important;overflow: hidden;}
.page-noel-2022 a.dispo:hover{font-weight: bold;}
.page-noel-2022 .body-big{margin-top: 20px}
.page-noel-2022 .mt50{margin-top: 50px;}
.page-noel-2022 .mb30{margin-bottom: 30px;}
.page-noel-2022 .light{font-weight: 300}
.page-noel-2022 .regular{font-weight: 400}
.page-noel-2022 .medium{font-weight: 500}
.page-noel-2022 .semi-bold{font-weight: 600}
.page-noel-2022 .bold{font-weight: 700}
.page-noel-2022 .ls1-2{letter-spacing: 0.1em;}
.page-noel-2022 .ls1{letter-spacing: 0.05em;}
.page-noel-2022 .rel{position: relative;}
.page-noel-2022 .z0{z-index: 0;}
.page-noel-2022 .z1{z-index: 1;}
.page-noel-2022 .z2{z-index: 2;}
.page-noel-2022 .z3{z-index: 3;}
.page-noel-2022 img{display: block;max-width: 100%;}
.page-noel-2022 .triptic-asides img{display: block;max-width: 100%; height: 100%;}
.page-noel-2022 .body-very-big{line-height: 1.4}
.page-noel-2022 .abs{position: absolute;}
.page-noel-2022 .text-right{text-align: right;}
.text-shadowed {text-shadow: 4px 4px 0 #000000;}
.page-noel-2022 .text-left{text-align: left;}
.page-noel-2022 .flex{display: flex;}
.page-noel-2022 .flexEnd{display: flex;align-items: flex-end;position: relative;}
.page-noel-2022 .font-arzachel{font-family: plantinstd-boldcondensed;font-style: normal; line-height: 1;}
.page-noel-2022 .font-montserrat{font-family: 'Montserrat', sans-serif;}
.page-noel-2022 .black{color: #000000;}
.page-noel-2022 .white{color: #FFF;}
.page-noel-2022 .red{color: #CE151A;}
.page-noel-2022 .green{color: #305159;}
.page-noel-2022 .purple{color: #9A0C6D;}
.page-noel-2022 .blue{color: #7CA5A8;}
.page-noel-2022 .rose{color: #A15D69;}
.page-noel-2022 hr{display: inline-block;width: 70px;height: 6px;border: 0;}
.page-noel-2022 .bg-green{background-color: #305159;}
.page-noel-2022 .bg-purple{background-color: #9A0C6D;}
.page-noel-2022 .bg-blue{background-color: #7CA5A8;}
.page-noel-2022 .bg-taupe{background-color: #C4B5A5;}
.page-noel-2022 .bg-iverness{background-color: #5E6196;}
.page-noel-2022 .bg-rose{background-color: #F7EDEF;}

.page-noel-2022 .pt80b80{padding-top:80px; padding-bottom: 80px;}
.page-noel-2022 .mt0b30{margin-top: 0; margin-bottom: 30px;}
.page-noel-2022 .mb20{margin-top: 0; margin-bottom: 20px;}

.floor-intro {position: relative; overflow: hidden; z-index: 1}
.floor-intro .svgImage{position: absolute;}
.floor-intro .svgImage svg{width: 100%;}
.floor-intro .svgImage:hover img.img-hover {opacity: 1;}
.floor-intro .svgImage img.img-hover {position: absolute;top: 0;opacity: 0; transition: 0.5s all ease-out;}
.floor-intro .chariotSvg {top: 37%;left: 17.5%;max-width: 315px;width: 17%;z-index: 9;}
.floor-intro .ascenseurSvg {
    top: 12.1%;
    left: 8.77%;
    max-width: 320px;
    width: 17%;
}
.floor-intro .keyboxSvg {
    z-index: 0;
    top: 11.6%;
    left: 35.2%;
    max-width: 416px;
    width: 22%;
}
.floor-intro .escalierSvg {
    top: 5.1%;
    right: -1.2vw;
    max-width: 330px;
    width: 17%;
}
.floor-intro .groomSvg {top: 27%;left: 32.3%;max-width: 250px;width: 13%;z-index: 8;}
.floor-intro .titleClicSvg {top: 5%;left: 50%;max-width: 708px;width: 33%;transform: translateX(-50%);}


.floor-intro .menuSvg {top: 53.5%;left: 2%;max-width: 174px;width: 9%;}
.floor-intro .salonSvg {
    top: 53.5%;
    left: 55%;
    max-width: 614px;
    width: 30%;
    z-index: 7;
}
.floor-intro .lustreSvg01 {top: 0;left: 17.5%;max-width: 181px;width: 10%;}
.floor-intro .lustreSvg02 {top: 0;right: 17.5%;max-width: 181px;width: 10%;}
.floor-intro .conciergerieSvg {top: 30%;right: 23%;max-width: 216px;width: 12%;}

@media(max-width:991px){
  .footer-desk{display: none;}
  .page-noel-2022 .global_container{padding:0 0;}
  .page-noel-2022 .mb80{margin-bottom: 60px}
  .page-noel-2022 .mb50{margin-bottom: 70px}
  .page-noel-2022 .mb100-m{margin-bottom: 100px}
  .page-noel-2022 .mb50-m{margin-bottom: 50px !important}
  .page-noel-2022 .mb30-m{margin-bottom: 30px !important}
  .page-noel-2022 .mt30-m{margin-top: 30px !important}
  .page-noel-2022 .mb20-m{margin-bottom: 20px !important}
  .page-noel-2022 .mb11-m{margin-bottom: 11px !important}
  .page-noel-2022 .mb0-m{margin-bottom: 0}
  .page-noel-2022 .player{top: inherit;max-width: 50px;}

  .page-noel-2022 .hidden-m, .page-noel-2022 .grid.hidden-m{display: none}
  .page-noel-2022 .hidden-m, .page-noel-2022 .grid-no-gap.hidden-m{display: none}
  .page-noel-2022 .body-big{margin-top: 10px}
  .page-noel-2022 .plr10{padding: 0 10px}
  .page-noel-2022 .pt10-m{padding-top: 10px}
  .page-noel-2022 .ptb10-m{padding: 10px 0}
  .page-noel-2022 .text-left-mob{text-align: left;}
  .page-noel-2022 .text-center-mob{text-align: center !important}
  .page-noel-2022 .text-right-mob{text-align: right;}
  .mb0mob {margin-bottom: 12px !important;}

   .page-noel-2022 .fs200{font-size: 85px;}
   .page-noel-2022 .fs150{font-size: 70px;}
   .page-noel-2022 .fs120{font-size: 80px;}
   .page-noel-2022 .fs40{font-size: 40px;}
   .bgNoel-rdc,.bgNoel-etage1,.bgNoel-etage2,.bgNoel-etage3,.bgNoel-etage4 {position: relative;}
 .floor-intro .titleClicSvg {
    top: 16%;
    left: 50%;
    width: 62%;
    transform: translateX(-50%);
    max-width: 526px;
}
   .floor-intro .ascenseurSvg {top: 24.5%;left: 50%;width: 58%;transform: translateX(-55%);max-width: inherit;}
   .floor-intro .chariotSvg {top: 49%;left: inherit;max-width: inherit;width: 45%;z-index: 9;right: 5%;}
   .floor-intro .groomSvg {
    top: 34%;
    left: 5%;
    max-width: inherit;
    width: 40%;
    z-index: 8;
}
   .floor-intro .keyboxSvg {z-index: 0;top: 18.8%;left: 50%;max-width: inherit;width: 80%;transform: translateX(-50%);}
   .floor-intro .escalierSvg {
    top: 12%;
    left: -9%;
    max-width: inherit;
    width: 115%;
}
   .floor-intro .menuSvg {top: 55.5%;left: 2%;max-width: inherit;width: 30%;}
   .floor-intro .salonSvg {top: 56.5%;left: 0;max-width: inherit;width: 100%;z-index: 7;}
   .floor-intro .conciergerieSvg {top: 23%;right: inherit;max-width: inherit;width: 37%;left: 50%;transform: translateX(-50%);}
   .floor-intro .svgImage img.img-hover {position: absolute;top: 0;opacity: 0; animation: loopClignotement 2s linear infinite;}

   .bullet-anchor {position: fixed;top: 50%;right: 2%;z-index: 9999;}
   .bullet-anchor .round-bull {margin-bottom: 10px;display: flex;align-items: center;cursor: pointer;justify-content: end;}
   .bullet-anchor .round-bull:last-child{margin-bottom: 0;}
   .bullet-anchor .round-bull span.bull {content: "";display: block;width: 10px;margin-left: 10px;height: 10px;border: 1px solid #FFEED4;border-radius: 10px;background: #D32424; transition: 0.3s all ease-out;}
   .bullet-anchor .round-bull span.content {font-size: 10px; text-align: right;visibility: hidden; opacity: 0; transition: 0.3s all ease-out;}
   .bullet-anchor:hover .round-bull span.content {visibility: visible; opacity: 1;}
   .bullet-anchor .round-bull.active span.bull{background: #F9B45B;}
   .fleche-haut {position: absolute;top: 2%;left: 50%;transform: translateX(-50%);max-width: 30px;width: 30px;cursor: pointer;}
   .fleche-bas {position: absolute;bottom: 2%;left: 50%;transform: translateX(-50%);max-width: 30px;width: 30px;cursor: pointer;}

}

@media(max-width:699px){

   .page-noel-2022 .fs200{font-size: 90px;}
    .page-noel-2022 .fs150{font-size:60px;}
   .page-noel-2022 .fs120{font-size: 60px;}

   .page-noel-2022 .fs40{font-size: 35px;}
  .page-noel-2022 .mb80{margin-bottom: 40px}
  .page-noel-2022 .mb50{margin-bottom: 50px}
  .page-noel-2022 .mb20{margin-bottom: 20px}
  .page-noel-2022 .mb14{margin-bottom: 14px}
  .page-noel-2022 .mb11{margin-bottom: 11px}
  .page-noel-2022 .mb0-m{margin-bottom: 0}
}

@media(max-width:599px){
   .page-noel-2022 .fs200{font-size:70px;}
   .page-noel-2022 .fs150{font-size:50px;}
   .page-noel-2022 .fs120{font-size: 50px;}

   .page-noel-2022 .fs40{font-size: 30px;}

  .page-noel-2022 .plr10{padding: 0 5px}
}


@media(max-width:479px){
  .page-noel-2022 .body-big{font-size: 10px;}

   .page-noel-2022 .fs40{font-size: 25px;}
   .page-noel-2022 .fs200{font-size: 50px;}
   .page-noel-2022 .fs200{font-size: 40px;}
   .page-noel-2022 .fs120{font-size: 40px;}
}

@media(min-width:992px){
  .page-noel-2022 .mb80{margin-bottom: 40px}
  .page-noel-2022 .mb50{margin-bottom: 50px}
  .page-noel-2022 .mb20{margin-bottom: 20px}
  .page-noel-2022 .mb14{margin-bottom: 14px}
  .page-noel-2022 .mb11{margin-bottom: 11px}
  .page-noel-2022 .hidden-d, .page-noel-2022 .grid.hidden-d{display: none}
  .page-noel-2022 .cover img{object-fit: cover;height: 100%;}

   .page-noel-2022 .fs40{font-size: 25px;}
   .page-noel-2022 .fs200{font-size: 110px;}
   .page-noel-2022 .fs150{font-size: 90px;}
   .page-noel-2022 .fs120{font-size: 60px;}

}

@media(min-width:1200px){
    .page-noel-2022 .mb80{margin-bottom: 50px}

    .page-noel-2022 .fs40{font-size: 30px;}
    .page-noel-2022 .fs200{font-size: 130px;}
    .page-noel-2022 .fs150{font-size: 105px;}
    .page-noel-2022 .fs120{font-size: 80px;}
}

@media(min-width:1400px){
    .page-noel-2022 .mb80{margin-bottom: 60px}
    .page-noel-2022 .mb50{margin-bottom: 80px}

    .page-noel-2022 .fs40{font-size: 35px;}
    .page-noel-2022 .fs200{font-size: 150px;}
    .page-noel-2022 .fs150{font-size: 120px;}
    .page-noel-2022 .fs120{font-size: 100px;}

}
@media(min-width:1440px){
}

@media(min-width:1600px){
    .page-noel-2022 .mb80{margin-bottom: 80px}

    .page-noel-2022 .fs40{font-size: 40px;}
    .page-noel-2022 .fs200{font-size: 190px;}
    .page-noel-2022 .fs150{font-size: 140px;}
    .page-noel-2022 .fs120{font-size: 120px;}

}


@keyframes loopClignotement {
    0% {
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100% {
        opacity:  0;
    }
}