@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');

:root{
  --red: #9E1212;
  --gold: #B27F18;
  --purple: #494992;
  --vip: #ae9298;
}


/*  html, body {*/
.overflow-h {
  /*    max-width: 100vw !important;*/
  /*    position:relative !important;*/
  overflow-x:hidden !important;
  /*    overflow-y:auto !important;*/
}

.overflow-y-h {
  overflow-y:hidden !important;
}

a:focus-visible,
a:focus {
  outline: none;
}

.text-right {
  text-align: right;
}

.text-small {
  font-size: 14px !important;
  line-height: normal !important;
}

.text-xs {
  font-size: 12px !important;
  line-height: normal !important;
}

@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform:     translateY(0);
    transform:         translateY(0)
  }
  40% {
    -webkit-transform: translateY(-7px);
    -ms-transform:     translateY(-7px);
    transform:         translateY(-7px)
  }
  60% {
    -webkit-transform: translateY(-4px);
    -ms-transform:     translateY(-4px);
    transform:         translateY(-4px)
  }
}

@keyframes bounce-h {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateX(0);
    -ms-transform:     translateX(0);
    transform:         translateX(0)
  }
  40% {
    -webkit-transform: translateX(-7px);
    -ms-transform:     translateX(-7px);
    transform:         translateX(-7px)
  }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform:     translateX(-4px);
    transform:         translateX(-4px)
  }
}

.grecaptcha-badge {
  display: none !important;
}

html {
  opacity: 0;
}

html.visible {
  opacity: 1;
  transition: opacity 1s ease-out;
}

html.page_accueil,
html.page_reservation {
  background-color: var(--red);
  overflow: hidden;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.page_accueil .resa-resume {
  display: none !important;
}

.page_accueil .menu-order {
  display: none;
}

.page_accueil .order-btn {
  transition: 0.3s ease;
  border: 1px solid transparent;
  transform: translateX(-50%);
}

.page_accueil .order-btn:hover {
  border: 1px solid #ffffff;
}

html, body {
  height: 100%;
  min-height: fit-content;
}

body {
  font-family: 'Montserrat', sans-serif;
  background: #ffffff;
}

form label {
  font-size: 15px;
  letter-spacing: 2px;
  color: #000000;
}

.hide {
  display: none !important;
}

.m-auto {
  margin: 0 auto;
}

.text-black {
  color: #000000;
}

.relative {
  position: relative;
}

.topbar {
  display: none;
}

.topbar {
  height: 48px;
  background-color: var(--red);
  color: #ffffff;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 998;
  align-items: center;
  justify-content: center;
}

.topbar p {
  margin: 0;
  font-weight: 300;
  font-size: 15px;
  line-height: 48px;
  float: left;
}

.topbar a {
  margin: 0;
  font-weight: 300;
  font-size: 15px;
  line-height: 48px;
  text-decoration: none;
  float: left;
  color: #ffffff;
  margin-left: 56px;
  position: relative;
}

.topbar a:before {
  content: '';
  position: absolute;
  background: #ffffff;
  width: 0;
  height: 1px;
  bottom: 13px;
  left: 0;
  transition: 0.3s ease;
}

.topbar a:hover:before {
  width: 57%;
}

.topbar a img {
  margin-left: 6px;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.page_accueil h1,
.h1top {
  position: absolute;
  top: -100px;
  left: 0px;
}

header .logo {
  /*  width: 170px;*/
  width: 200px;
}

.page_accueil header .logo {
  width: 216px;
  left: calc(50% - 108px);
  /*  left: calc(50% - 100px);*/
}

header .header .logo {
  width: 216px !important;
  left: calc(50% - 108px) !important;
  top: 11px;
}


header .menu-left a img {
  transition: scale 0.3s ease;
}

header .logo:hover {
  scale: 0.95;
}

header .menu-left a:hover,
header .cart:hover,
header .menu-left a:hover img {
  scale: 0.95;
}

header .cart img,
.header .cart img {
  transition: scale 0.3s ease;
}

header .cart:hover img,
.header .cart:hover img {
  scale: 0.95;
}


.container a:focus {
  outline: none;
}

.text-red {
  color: var(--red) !important;
}

.text-gold {
  color: var(--gold) !important;
}

.shadow {
  background: rgba(0,0,0,0.55);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
}

.container {
  position: relative;
}

.menu-left {
  z-index: 888;
  transition: scale 0.3s ease;
}

/*.page_spectacles-speciaux header .menu-left,
.page_mini-suites header .menu-left {
  filter: brightness(0) saturate(100%)
}
*/
/*header.open .menu-left {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
}*/

header.sticky {
  background: rgb(158,18,18);
  background: linear-gradient(180deg, rgba(158,18,18,1) 0%, rgba(79,9,9,1) 100%);
  position: fixed;
  padding: 30px 85px;
  -webkit-box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
  box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
  z-index: 1000;
  top: 0px !important;
}

header.sticky .logo {
  scale: 0.63;
  top: 1px;
}

header.open.sticky .logo {
  scale: 1;
  top: 14px;
}

header.sticky .menu-left,
header.sticky .menu-icon,
header.sticky .search {
  scale: 0.8;
  top: 7px;
  transition: scale 0.3s ease;
}

header.open.sticky .menu-left,
header.open.sticky .menu-icon,
header.open.sticky .search {
  scale: 1;
  top: 21px;
}

header.sticky .search.activated {
  right: 135px;
}

header.sticky {
  background: rgb(158,18,18);
  background: linear-gradient(180deg, rgba(158,18,18,1) 0%, rgba(79,9,9,1) 100%);
  position: fixed;
  padding: 13px 85px;
}

header.open {
  padding: 27px 85px;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

.info-header.sticky,
.info-header2.sticky {
  background: #FFFFFF;
  /*
    background: rgb(158,18,18);
    background: linear-gradient(180deg, rgba(158,18,18,1) 0%, rgba(79,9,9,1) 100%);*/
  padding: 10px 0px;
  position: fixed;
  height: 46px;
  top: 61px;
  width: auto;
  z-index: 999;
  padding-left: 6px;
  padding-right: 6px;
  -webkit-box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
  box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
  border-bottom-right-radius: 30px;
  /*  transition: scale 1s ease;*/

  -webkit-animation: fadeInDown 600ms ease-in-out; /* Chrome, Safari, Opera */
  animation: fadeInDown 600ms ease-in-out;
}

.page_menus-tarifs-page .info-header {
  transition: 0.3s ease;
}

.page_menus-tarifs-page .info-header.sticky {
  padding: 10px 0px;
  position: fixed;
  height: 46px;
  top: 61px;
  opacity: 0;
  transition: 0.3s ease;
}

.page_menus-tarifs-page .owl-carousel .owl-stage {
  margin: 0 auto;
}

.page_menus-tarifs-page .fc-event-time {
  display: none;
}

.page_menus-tarifs-page .fc .fc-daygrid-day-top {
  height: 25px;
}

.page_menus-tarifs-page .fc-event-title {
  color: #000000;
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  height: 20px;
  line-height: 18px;
  text-align: center;
  width: 45px;
  text-transform: uppercase;
  font-weight: 500 !important;
  font-size: 10px;
}

.page_menus-tarifs-page .fc .fc-daygrid-body-balanced .fc-daygrid-day-events .fc-daygrid-event-harness .soir .fc-event-title,
.page_menus-tarifs-page .fc .fc-daygrid-body-balanced .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(2) .fc-event-title {
  background-color: transparent;
  color: #ffffff;
}

.page_menus-tarifs-page .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
  margin: auto;
  width: 80px;
}

.fc-daygrid-day-events {
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.tarifs-header {
  position: absolute;
  left: 50%;
  transform: translateX(calc(-50% - -11px));
  top: 318px;
  background-color: #FFFFFF;
  border-radius: 30px;
  padding: 50px;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
}

.tarifs-header h5 {
  padding: 0 35px;
  margin: 20px auto;
  position: relative;
  display: table;
}

.tarifs-header h5 span{
  font-size: 15px;
  color: var(--red);
  background-color: #FFFFFF;
  padding: 0px 7px;
}

.tarifs-header h5::before {
  content: ' ';
  width: 100%;
  height: 1px;
  background-color: var(--red);
  position: absolute;
  left: 0px;
  top: 13px;
  z-index: -1;
}

.tarifs-header .group a {
  position: relative;
}

.tarifs-header .group a span {
  color: var(--red);
  font-size: 10px;
  position: absolute;
  text-transform: initial;
  line-height: initial;
  width: 100%;
  left: 0px;
  top: 46px;
  letter-spacing: initial;
}

.tarifs-header .switch-show {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -56px;
}

.tarifs-header .switch-show li {
  float: left;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 46px;
  color: var(--red);
  padding: 2px 38px;
  font-size: 16px;
  margin-left: -1px;
  background-color: #FFFFFF;
  width: max-content;
  cursor: pointer;
  transition: 0.3s ease;
  font-weight: 500;
  flex-direction: column;
}

.tarifs-header .switch-show li span {
  font-size: 12px;
  text-transform: initial;
}

.tarifs-header .switch-show li:first-child {
  border-bottom-left-radius: 22px;
  border-top-left-radius: 22px;
}

.tarifs-header .switch-show li:last-child {
  border-bottom-right-radius: 22px;
  border-top-right-radius: 22px;
  /*  padding: 0px 16px;*/
}

.tarifs-header .switch-show li:hover,
.tarifs-header .switch-show .active,
.tarifs-header .switch-show .switch {
  background-color: var(--red);
  color: #FFFFFF;
}

.tarifs-header .switch-show .switch img {
  width: 20px;
}

.tarifs-header .switch-show .switch {
  padding: 0px 5px;
  justify-content: center;
}

.tarifs-calendar a {
  display: table;
  margin: 35px auto;
  text-decoration: none;
  color: var(--red);
  font-size: 12px;
  padding: 15px 15px 15px 25px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  border-radius: 25px;
  width: fit-content;
}

.tarifs-calendar a img {
  margin-left: 15px;
}

.info-header.sticky ul li a,
.info-header2.sticky ul li a {
  font-size: 10px;
  padding-top: 25px;
}

.info-header.sticky ul li a:focus-visible,
.info-header.sticky ul li a:visited,
.info-header.sticky ul li a:hover,
.info-header.sticky ul li a:focus-within,
.info-header.sticky ul li a:target,
.info-header.sticky ul li a:active,
.info-header.sticky ul li a:focus {
  border: none;
}

.info-header.sticky ul,
.info-header2.sticky ul {
  margin-bottom: 0px;
  position: relative;
  margin-top: 6px;
  margin-right: 30px;
}

.info-header.sticky ul li a,
.info-header2.sticky ul li a {
  color: #000000;
}

.info-header.sticky ul li::before,
.info-header2.sticky ul li::before {
  background-color: #000000;
}

.info-header.sticky ul li.active::before,
.info-header2.sticky ul li.active::before {
  background-color: var(--red);
}

.info-header.sticky ul li.active.purple::before,
.info-header2.sticky ul li.active.purple::before {
  background-color: var(--purple);
}

.info-header.sticky ul li.active.gold::before,
.info-header2.sticky ul li.active.gold::before {
  background-color: var(--gold);
}

.menu-left div {
  color: #ffffff;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 500;
  transition: 0.3s ease;
  position: relative;
  text-transform: uppercase;
}

.main-menu .menu-left div {
  color: var(--red);
}

.menu-left div.locale {
  margin-top: 4px;
  float: left;
  cursor: pointer;
  margin-right: 20px;
  transition: 0.3s ease;
  width: 28px;
  position: relative;
  overflow: hidden;
}

.menu-left div.locale.open {
  width: 127px;
}

/*.menu-left div.locale:after {
  content: url('/front/img/arrow-w.svg');
  margin-top: 1px;
  margin-left: 11px;
  margin-right: 22px;
  float: right;
  width: 23px;
  transition: 0.3s ease;
}

.menu-left div.locale.open:after {
  transform: rotate(-180deg);
}*/

.menu-left div.locale ul {
  display: none;
  transition: 0.3s ease;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  float: right;
  opacity: 0;
  top: 0;
  right: 0;
}

.menu-left div.locale.open ul {
  opacity: 1;
}

.menu-left div.locale ul li {
  float: left;
  margin-left: 20px;
}



.menu-left div.locale ul li a {
  text-decoration: none;
  color: #FFFFFF;
  transition: 0.3s ease;
  display: block;
}

.menu-left div.locale ul li:hover a {
  scale: 0.95;
}

/* MAIN MENU */
.main-menu {
  background: #FFFFFF;
  width: 100%;
  position: absolute;
  top: -999px;
  left: 0px;
  margin-top: -30px;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  z-index: 999;
  transition: 0.3s ease;

  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.page_shop .main-menu {
  margin-top: -48px;
}

.page_security_login .main-menu {
  margin-top: 0px;
}

.native.stack {
  margin-top: -70px;
}

.stack header {
  transition: margin-top 0.8s ease, opacity 0.8s ease;
}

.stack .main-menu {
  width: calc(100% + 60px);
  left: -30px;
}

.page_shop.stack .main-menu {
  margin-top: -25px;
}

.page_shop.native.stack .main-menu {
  margin-top: -73px;
}

.page_shop .infos-bg2 {
  padding-top: 142px;
  height: 142px;
  margin-top: 0px;
}

.page_shop .infos-bg2 .info-footer {
  top: 22px;
}

.page_shop .infos-bg2 .info-footer img {
  width: 128px;
}

.page_shop .infos-bg2 .info-footer a {
  font-size: 16px;
}

.page_shop ul.account-menu {
  width: calc(100% - 360px);
}

.page_shop ul.account-menu li:hover a {
  color: #000000;
  opacity: 1;
  cursor: pointer;
}

.page_account .espace-content form {
  width: 100%;
  max-width: 100%;
  padding: 0;
  box-shadow: none;
  border-radius: 0px;
}
.page_account .espace-content form select,
.page_account .espace-content form input {
  padding: 5px 0px;
  margin-bottom: 25px;
}

.form-control.country {
  border-bottom: 2px solid #dadada;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.page_shop ul.account-menu li:hover::after {
  content: ' ';
  background-color: var(--red);
  height: 3px;
  width: 86px;
  border-radius: 1.5px;
  position: absolute;
  bottom: -22px;
  left: calc(50% - 43px);
}

.page_shop .espace-content h1 {
  letter-spacing: 6px;
  font-size: 21px;
  font-weight: 600;
}

.page_shop .bon-badge {
  color: #FFFFFF;
  background-color: var(--red);
  height: 25px;
  border-radius: 15px;
  font-size: 13px;
  margin-top: 41px;
  padding: 3px 10px;
  display: table;
}

.page_shop .shop_bons_section {
  color: var(--red);
  letter-spacing: 4px;
  display: table;
  margin: 0 auto;
  position: relative;
  font-size: 16px;
}

.page_shop .shop_bons_section::before {
  content: ' ';
  width: 64px;
  height: 1px;
  position: absolute;
  background-color: var(--red);
  left: -74px;
  top: 9px;
}

.page_shop .shop_bons_section::after {
  content: ' ';
  width: 64px;
  height: 1px;
  position: absolute;
  background-color: var(--red);
  right: -74px;
  top: 9px;
}

.page_shop .shop_bons_section1 .bon-cadeau,
.page_shop .shop_bons_section2 .bon-cadeau {
  position: relative;
  background-color: transparent;
}

.page_shop .shop_bons_section1 .bon-cadeau::before {
  content: ' ';
  width: 100%;
  height: 74%;
  position: absolute;
  background-color: rgba(158,18,18,0.05);
  border-radius: 30px;
  left: 0px;
  top: 0px;
}

.page_shop .shop_bons_section2 .bon-cadeau::before {
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(158,18,18,0.05);
  border-radius: 30px;
  left: 0px;
  top: 0px;
}


.page_shop .shop_bons_section2 .cover-container {
  max-width: 255px;
  margin-left: auto;
  margin-right: auto;
}


.page_account-favoris .list img {
  width: 100%;
  margin-bottom: 26px;
}

.page_account-favoris .list .item {
  transition: 0.3s ease;
}

.page_account-favoris .list .item:hover {
  scale: 0.95;
}

.page_account-favoris .item .name, .page_account-favoris .item .price, .page_account-favoris .item .category {
  display: block;
}

.page_account-favoris .item button {
  opacity: 0;
}

.page_account-favoris .item:hover button {
  opacity: 1;
}

.page_account-favoris .item a {
  text-decoration: none;
}

.page_account-favoris .item .name {
  font-size: 13px;
  color: #000000;
  font-weight: 500;
}

.page_account-favoris .item .category {
  font-size: 13px;
  color: var(--red);
  font-weight: 500;
  text-transform: uppercase;
}

.page_account-favoris .item .price {
  position: absolute;
  right: 0;
  bottom: 0px;
  color: var(--red);
  font-size: 19px;
  font-weight: 600;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}

.page_account-contact #contact {
  background-color: #FAF2F2;
  border-radius: 15px;
  margin-top: 40px;
  padding: 60px 40px 60px 60px;
}

.page_account-contact #contact input,
.page_account-contact #contact select {
  border: none;
  height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 16px;
  background-color: #FAF2F2;
  width: 100%;
}

.page_account-contact #contact textarea {
  background-color: #FAF2F2;
  padding: 10px 20px;
}

.page_account-contact #contact form {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
}

.page_account-contact #contact button {
  background-color: var(--red);
  color: #ffffff;
  transition: 0.3s ease;
}

.page_account-contact #contact button:hover {
  background-color: #ffffff;
  color: var(--red);
}

.page_account-contact #contact ul {
  list-style: none;
  padding: 0;
  margin-top: 200px;
}

.page_account-contact #contact li {
  float: left;
  margin-right: 44px;
}

.page_account-contact #contact li a {
  color: var(--red);
  text-decoration: none;
  position: relative;
}

.page_account-contact #contact li a:before {
  content: '';
  position: absolute;
  background: var(--red);
  width: 0;
  height: 1px;
  bottom: -5px;
  left: 0;
  transition: 0.3s ease;
}

.page_account-contact #contact li a:hover:before {
  width: 100%;
}

/*.main-menu:before {
  content: ' ';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.04;
  background-image: url('/front/img/menu-bg.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  position: absolute;
}*/

.main-menu .arrow {
  content: ' ';
  width: 40px;
  height: 40px;
  background-image: url('/front/img/main-menu-arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 20px);
  bottom: -20px;
  z-index: 888;
  cursor: pointer;
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 2px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  transition: 0.3s ease;
}

.main-menu .arrow:hover {
  scale: 0.95;
}

.main-menu .content {
  margin: 230px auto 0 auto;
  position: relative;
  z-index: 888;
  max-width: 1400px !important;
  min-height: 480px;
}

.main-menu a.item {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 4px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 96px;
  display: block;
  position: relative;
  width: fit-content;
  border-bottom: 1px solid var(--red);
  width: 100%;
  max-width: 360px;
}

.main-menu a.item.has-submenu {
  margin-bottom: 14px;
}

.main-menu a.item:before {
  content: '';
  position: absolute;
  background: #000000;
  width: 0;
  height: 2px;
  bottom: 0px;
  left: 0;
  transition: 0.3s ease;

}

.main-menu a.item:after {
  content: url('/front/img/message-arrow-r.svg');
  position: absolute;
  right: -60px;
  opacity: 0;
  transition: 0.3s ease;
  bottom: -4px;
}

.main-menu a.item.no-arrow:after {
  content: '';
}

.main-menu a.item.no-arrow:hover {
  cursor: default;
}

.main-menu a.item:hover:after {
  opacity: 1;
}

/*.main-menu a.item:hover:before {
  width: 100%;
}
*/
.main-menu .submenu {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 300;
  /*  margin-bottom: 36.5px;*/
  margin-bottom: 13.5px;
}

.main-menu .submenu a {
  text-decoration: none;
  color: #101010;
  margin: 0 0 6px 0;
  transition: 0.3s ease;
  position: relative;
  letter-spacing: 4px;
  display: block;
  width: max-content;
}

.main-menu .submenu a:before {
  content: '';
  position: absolute;
  background: #101010;
  width: 0;
  height: 1px;
  bottom: 0px;
  left: 0;
  transition: 0.3s ease;
}

.main-menu .submenu a:hover:before {
  width: 100%;
}

.main-menu .col-md-4 {
  position: relative;
}

.main-menu .artist {
  position: absolute;
  top: -226px;
  left: 0;
  height: 641px;
}

.main-menu .second-menu {
  float: right;
  list-style: none;
  padding: 0 85px;
  margin-bottom: 50px;
  /*  margin-top: 80px;*/
  margin-top: 0px;
}

.main-menu .second-menu li {
  float: left;
  margin: 0 0 0 25px;
  cursor: pointer;
}

.main-menu .second-menu li a {
  color: var(--red);
  font-size: 18px;
  text-decoration: none;
  width: max-content;
  position: relative;
  text-transform: lowercase;
}

.main-menu .second-menu li a:before {
  content: '';
  position: absolute;
  background: var(--red);
  width: 0;
  height: 2px;
  bottom: -3px;
  left: 0;
  transition: 0.3s ease;
}

.main-menu .second-menu li.button a:before {
  display: none;
}

.main-menu .second-menu li a:hover:before {
  width: 100%;
}

.main-menu .second-menu li.button {
  border-radius: 13px;
  border: 1px solid var(--red);
  transition: 0.3s ease;
}

.main-menu .second-menu li.button:hover {
  transform: scale(0.95);
}

.main-menu .second-menu li.button a {
  font-size: 13px;
  text-transform: initial;
  padding: 0px 6px;
}

.main-menu .second-menu li.button img {
  height: 17px;
  margin-top: -3px;
  margin-left: 3px;
  margin-right: -1px;
}

.search {
  width: auto;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s all ease;
  position: absolute;
  right: 150px;
  top: 21px;
  z-index: 888;
  cursor: pointer;
  height: 47px;
}

.search img {
  width: 35px;
}

/*.page_spectacles-speciaux header .search img,
.page_mini-suites header .search img {
  filter: brightness(0) saturate(100%)
}*/

/*header.open .search img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
}*/

.search svg {
  width: 25px;
  height: 25px;
  fill: #ffffff;
  transition: 0.3s all ease;
}

.open .search svg {
  fill: var(--red);
}

.search form {
  width: 0;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s all ease;
  display: flex;
  position: relative;
}

.search.activated {
  background: rgba(255,255,255,0.2);
  padding: 10px;
  border-radius: 50px;
}

.search-open .search.activated {
  background-color: transparent;
  border: 1px solid #ffffff;
}

/*header.open .search.activated {
  background: rgb(251 243 243);
}*/

/*.page_spectacles-speciaux header .search.activated,
.page_mini-suites header .search.activated {
  background: rgba(0, 0, 0, 0.05);
}*/

.search.activated form {
  width: 200px;
  opacity: 1;
  pointer-events: auto;
  margin-left: 20px;
}

.search form input {
  background: transparent;
  border: none;
  font-size: 16px;
  color: #ffffff;
  transition: 1s all ease;
  width: 0px;
}

.search.activated form input {
  width: 200px;
}

/*.page_spectacles-speciaux header .search form input,
.page_mini-suites header .search form input {
  color: #000000;
}*/

header.open .search form input {
  color: var(--red);
}

textarea:focus,
input:focus {
  outline: 0 !important;
}

/* MENU BURGER */


.menu-icon {
  position: absolute;
  right: 85px;
  top: 21px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  z-index: 888;
  transition: scale 0.3s ease;
}

/*.page_spectacles-speciaux header .menu-icon,
.page_mini-suites header .menu-icon {
  filter: brightness(0) saturate(100%);
}*/

.page_spectacle .slider .item .img,
.page_mini-suites .slider .item .img {
  height: 465px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.owl-carousel .owl-stage-outer {
  background-color: #ffffff;
}

.page_accueil .owl-carousel .owl-stage-outer,
.page_spectacle-precedent-page .owl-carousel .owl-stage-outer,
.page_spectacles-precedents .owl-carousel .owl-stage-outer,
.page_spectacles-speciaux .owl-carousel .owl-stage-outer {
  background-color: transparent;
}

.page_spectacle .owl-carousel .owl-stage-outer,
.page_mini-suites .owl-carousel .owl-stage-outer {
  overflow: inherit;
}

.page_spectacle .slider,
.page_mini-suites .slider  {
  position: relative;
  margin-top: 65px;
  margin-bottom: 65px;
}

.page_spectacle .slider {
  margin-top: -52px;
}

.page_spectacle .slider .content,
.page_mini-suites .slider .content {
  margin: 0 auto;
  max-width: 1505px;
}

.page_spectacle .slider:before,
.page_mini-suites .slider:before {
  content: ' ';
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
  /*  width: 110%;*/
  width: 101%;
  /*  height: 126px;*/
  height: 160px;
  position: absolute;
  top: -65px;
  /*  left: -5%;*/
  left: -0.5%;
  z-index: 3;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.page_spectacle .slider-after,
.page_mini-suites .slider:after {
  content: ' ';
  /*  background-color: #ffffff;*/
  /*  width: 110%;*/
  width: 101%;
  /*  height: 126px;*/
  height: 160px;
  position: absolute;
  top: 370px;
  /*  bottom: -65px;*/
  /*  left: -5%;*/
  left: -0.5%;
  z-index: 9;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;

  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 61%, rgba(255,255,255,0) 61%);
}

.owl-carousel.mini-suites .owl-nav {
  top: calc(50% - 15px);
  position: absolute;
  width: 100%;
}

.owl-carousel.mini-suites .owl-nav button.owl-prev {
  float: left;
  width: 47px;
  margin-left: calc(33% - 33px);
}

.owl-carousel.mini-suites .owl-nav button.owl-prev span {
  display: none;
}

.owl-carousel .owl-nav button.owl-prev:before {
  content: url(/front/img/espaces-arrow-l.svg);
  height: 22px;
  width: 47px;
  float: left;
}

.owl-carousel.mini-suites .owl-nav button.owl-next {
  float: right;
  width: 47px;
  margin-right: calc(33% - 33px);
}

.owl-carousel.mini-suites .owl-nav button.owl-next span {
  display: none;
}

.owl-carousel.mini-suites .owl-nav button.owl-next:before {
  content: url('/front/img/actu-arrow-r.svg');
}

.owl-carousel.mini-suites .gradient {
  width: 100%;
  display: block;
  height: 465px;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,0.5536589635854341) 35%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 100%);
}

.page_mini-suites .slider .buttons {
  position: absolute;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
}

.page_mini-suites .slider .buttons a {
  color: rgba(0,0,0,0.19);
  margin: 0 48px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 4px;
  transition: 0.3s ease;
}

.page_mini-suites .slider .buttons a:hover,
.page_mini-suites .slider .buttons a.active {
  color: #000000;
}

.page_mini-suites .slider .buttons a.price:hover {
  background-color: #F3F3F3;
}

.page_mini-suites .slider .buttons a.price {
  height: 38px;
  line-height: 38px;
  padding: 0 26px;
  background-color: #ffffff;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  border-radius: 19px;
  color: #000000;
  font-size: 15px;
  text-transform: initial;
  font-weight: 400;
  letter-spacing: initial;
  display: block;
  margin-top: 35px;
}

.page_mini-suites .slider .buttons a.price .amount {
  font-weight: 500;
  font-size: 20px;
  margin-right: 6px;
}

.mini-suites-infos {
  background-image: url('/front/img/mini-suites-bg.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  margin-top: 346px;
  min-height: 490px;
}

.mini-suites-infos .content {
  background-color: #ffffff;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  margin-top: -60px;
  padding: 67px 82px 60px 82px;
  width: 30%;
  margin-left: calc(50% - 15%);
}

.mini-suites-infos .content .title {
  position: relative;
}

.mini-suites-infos .content .title p {
  font-size: 15px;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  padding-right: 18px;
}

.mini-suites-infos .content .subtitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.mini-suites-infos .content .list {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  background-color: #f3f3f3;
  padding: 25px 0;
  margin-top: 30px;
  border-radius: 30px;
}

.mini-suites-infos .content .annex {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  padding: 25px 0 0 0;
  margin-bottom: 0;
}

.mini-suites-infos .content .check {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  background-color: #f3f3f3;
  padding: 10px 0;
  width: calc(100% + 82px + 82px);
  margin-left: -82px;
  margin-top: 40px;
}

.mini-suites-infos .content .check img {
  margin-right: 22px;
}

.mini-suites-infos .content .title-bar {
  width: 100%;
  height: 2px;
  background-color: #000000;
  display: block;
  position: absolute;
  top: 9px;
  right: 0px;
  z-index: 0;
}

/*header.open .cart,
header.open .menu-icon {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
}*/

.menu-icon .menu-icon__cheeckbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  z-index: 2;
  -webkit-touch-callout: none;
  position: absolute;
  opacity: 0;
}
.menu-icon div {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 46px;
  height: 13px;
}
.menu-icon span {
  position: absolute;
  display: block;
  width: 90%;
  height: 3px;
  background-color: #FFFFFF;
  border-radius: 2.5px;
  transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
  right: 0;
}
.menu-icon span:first-of-type {
  top: 0;
}
.menu-icon span:last-of-type {
  bottom: 0;
  width: 30px;
}

.main-menu .header .menu-icon span:first-of-type,
.menu-icon.active span:first-of-type,
.menu-icon .menu-icon__cheeckbox:checked + div span:first-of-type {
  transform: rotate(45deg);
  top: 5px;
}

.main-menu .header .menu-icon span:last-of-type,
.menu-icon.active span:last-of-type,
.menu-icon .menu-icon__cheeckbox:checked + div span:last-of-type {
  transform: rotate(-45deg);
  bottom: 5px;
  /*  width: 100%;*/
}

.menu-icon.active:hover span:first-of-type, .menu-icon.active:hover span:last-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:first-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:last-of-type {
  width: 100%;
}
@media (min-width: 1024px) {
  .menu-icon:hover span:first-of-type {
    width: 100%;
  }
  .menu-icon:hover span:last-of-type {
    width: 100%;
  }
  .main-menu .header .menu-icon:hover span:first-of-type {
    width: 60%;
  }
  .main-menu .header .menu-icon:hover span:last-of-type {
    width: 60%;
  }
}


.open .menu-icon span {
  width: 60%;
  height: 2px;
}

.open .menu-icon:hover .menu-icon__cheeckbox:checked + div span:first-of-type,
.open  .menu-icon .menu-icon__cheeckbox:checked + div span:last-of-type {
  width: 60%;
}


/* HOME SLIDER */

header {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 27px 85px;
  transition: scale 0.3s ease;
}


header .navigation {
  position: relative;
}

header .navigation .navigation-items a {
  position: relative;
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  margin-left: 30px;
  transition: 0.3s ease;
}

header .navigation .navigation-items a:before {
  content: '';
  position: absolute;
  background: #fff;
  width: 0;
  height: 3px;
  bottom: 0;
  left: 0;
  transition: 0.3s ease;
}

header .navigation .navigation-items a:hover:before {
  width: 100%;
}

section {
  padding: 187px 200px 62px 200px;
}

.home {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: var(--red);
}

.home:before {
  z-index: 777;
  content: '';
  position: absolute;
  /*  background: rgba(193, 13, 14, 0.3);*/
  background: rgba(135, 10, 11, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.home .content {
  z-index: 888;
  color: #fff;
  width: 70%;
  margin-top: 50px;
  display: none;
}

.page_spectacle .home .content {
  display: block;
}

.home .content.active {
  display: block;
}

.home .content h1 {
  font-size: 4em;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 75px;
  margin-bottom: 40px;
}

.home .content h1 span{
  font-size: 1.2em;
  font-weight: 600;
}

.home .content p{
  margin-bottom: 65px;
}

.home .content a{
  background: #fff;
  padding: 15px 35px;
  color: #1680AC;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  border-radius: 2px;
}

.home .media-icons{
  z-index: 888;
  position: absolute;
  right: 30px;
  display: flex;
  flex-direction: column;
  transition: 0.5s ease;
}

.home .media-icons a{
  color: #fff;
  font-size: 1.6em;
  transition: 0.3s ease;
}

.home .media-icons a:not(:last-child){
  margin-bottom: 20px;
}

.home .media-icons a:hover{
  transform: scale(1.3);
}

.home video{
  z-index: 000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-navigation{
  z-index: 888;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(80px);
  margin: 0px;
  height: 100%;
  top: -82px;
  right: 80px;
  flex-direction: column;
}

.slider-navigation .nav-btn {
  width: 10px;
  height: 66px;
  /*  background: #fff;*/
  cursor: pointer;
  transition: 0.3s ease;
  opacity: 0.4;
  margin-bottom: 28px;
  position: relative;
}

.slider-navigation .nav-btn:before {
  position: absolute;
  top: 0;
  content: ' ';
  width: 2px;
  height: 66px;
  background: #ffffff;
  display: block;
  margin: auto;
  border-radius: 2px;
  opacity: 0.4;
}

.slider-navigation .nav-btn:after {
  position: absolute;
  top: 0;
  content: ' ';
  width: 2px;
  height: 0px;
  background: #fff;
  display: block;
  margin: auto;
  border-radius: 2px;
}

.slider-navigation .nav-btn.active:nth-child(1):after{
  animation: expand 11.5s infinite linear;
}

.slider-navigation .nav-btn.active:nth-child(2):after{
  animation: expand 14s infinite linear;
}

@keyframes expand {
  from {
    height: 0px;
  }
  to {
    height: 66px;
  }
}

.slider-navigation .nav-btn.active {
  opacity: 1;
}


.slider-navigation .nav-btn:hover {
  transform: scale(1.2);
}

.video-slide{
  position: absolute;
  width: 100%;
  clip-path: circle(0% at 0 50%);
}

.video-slide.active{
  clip-path: circle(150% at 0 50%);
  /*  transition: 2s ease;
    transition-property: clip-path;*/
}

@media (max-width: 1040px){
  header{
    padding: 12px 20px;
  }

  section{
    padding: 100px 20px;
  }

  .home .media-icons{
    right: 15px;
  }

  header .navigation{
    display: none;
  }

  header .navigation.active{
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(1, 1, 1, 0.5);
  }

  header .navigation .navigation-items a{
    color: #222;
    font-size: 1.2em;
    margin: 20px;
  }

  header .navigation .navigation-items a:before{
    background: #222;
    height: 5px;
  }

  header .navigation.active .navigation-items {
    background: #fff;
    width: 600px;
    max-width: 600px;
    margin: 20px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 5px 25px rgb(1 1 1 / 20%);
  }


}

@media (max-width: 560px){
  .home .content h1{
    font-size: 3em;
    line-height: 60px;
  }
}

.logo {
  left: calc(50% - 100px);
  /*  left: calc(50% - 85px);*/
  position: absolute;
  z-index: 888;
  /*  top: 50px;*/
  top: 14px;
  transition: scale 0.3s ease;
}

/*.page_spectacles-speciaux header .logo,
.page_mini-suites header .logo {
  filter: brightness(0) saturate(100%)
}*/

/*.page_spectacles-speciaux .info-header,
.page_mini-suites .info-header {
  background: none;
}*/

/*.page_mini-suites .info-header ul li a {
  color: #000000;
}

.page_mini-suites .info-header ul li::before {
  background-color: #000000;
}*/

.page_mini-suites h1 span {
  font-size: 15px;
  color: #646262;
}

.page_mini-suites h1 {
  font-size: 30px;
}

/*header.open .logo {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
  width: 216px !important;
  left: calc(50% - 108px);
}
*/
.bottom-menu {
  position: absolute;
  list-style: none;
  bottom: 60px;
  left: 85px;
  margin: 0px;
  padding: 0px;
  z-index: 888;
}

.bottom-menu li {
  float: left;
  margin-right: 44px;
}

.bottom-menu li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 300;
  transition: 0.3s ease;
  position: relative;
  text-transform: lowercase;
}


.bottom-menu li a:before {
  content: '';
  position: absolute;
  background: #fff;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  transition: 0.3s ease;
}

.bottom-menu li a:hover:before {
  width: 100%;
}

.order-btn-link,
.order-btn {
  z-index: 888;
  position: absolute;
  bottom: 44px;
  color: #ffffff;
  text-decoration: none;
  font-size: 18;
  font-weight: 500;
  margin-top: -15px;
  display: inline-block;
  padding: 15px 33px;
  border: 0;
  text-decoration: none;
  border-radius: 30px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(30px);
  cursor: pointer;
  text-transform: uppercase;
  left: calc(50% - 80.5px);
  width: 161px;
  text-align: center;
  transition: 0.3s ease;

}

.order-btn-link:hover,
.order-btn:hover {
  background-color: rgba(255,255,255,0.2);
  color: #ffffff;
}

.reviews {
  height: 113px;
  width: 366px;
  position: absolute;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  top: calc(50% - 62px);
  /*  left: 0;*/
  left: -313px;
  background-color: rgba(255,255,255,0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  padding-left: 59px;
  padding-top: 11px;
  color: #FFFFFF;
  z-index: 888;

  transition: 0.5s ease;
}

.reviews .reviews-content {
  position: relative;
}

.reviews .reviews-content img {
  width: 19px;
  margin-top: -9px;
}

.reviews .reviews-content span {
  font-size: 40px;
  font-weight: 300;
}

.reviews .reviews-content span strong {
  font-weight: 500;
}

.reviews .reviews-content span.text {
  font-size: 18px;
  line-height: 18px;
}

.reviews .reviews-content .arrow {
  width: 34px;
  height: 93px;
  border-radius: 30px;
  position: absolute;
  right: 10px;
  top: -1px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #FFFFFF;
}

.reviews .reviews-content .arrow:hover {
  background-color: rgba(255,255,255,0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.reviews .reviews-content .arrow::after {
  content: url('/front/img/reviews-arrow.svg');
  line-height: 83px;
}



.home-message {
  position: fixed;
  /*  bottom: 0;*/
  bottom: -170px;
  z-index: 888;
  color: #FFFFFF;
  width: 374px;
  right: 183px;
  padding: 14px 42px 22px 42px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;

  background-color: rgba(255,255,255,0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);

  transition: 0.5s ease;
}

.home-message.notrans {
  transition: none;
}

.page_accueil .home-message {
  bottom: -150px;
}

.page_accueil .home-message.open {
  bottom: 0;
}

.home-message .title {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 10px;
  position: relative;
}

.home-message .content {
  font-size: 13px;
  font-weight: 300;
  text-align: justify;
  line-height: 18px;
  margin-bottom: 22px;
}

.home-message .button {
  font-size: 16px;
  font-weight: 300;
  height: 38px;
  line-height: 35px;
  border: 1px solid #FFFFFF;
  display: block;
  width: fit-content;
  margin: 0 auto;
  border-radius: 18px;
  padding-left: 20px;
  padding-right: 10px;
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF;
}

.home-message .button::after {
  content: url('/front/img/message-arrow-single.svg');
  margin-left: 18px;
  margin-top: 5px;
  float: right;
  /*  width: 50px;*/
}

.home-message .button:hover {
  background-color: rgba(255,255,255,0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.resa-resume.home-message .button.cancel::after {
  display: none;
  content: '';
}
.resa-resume.home-message .button.cancel {
  padding: 0px 8px;
  margin-right: 5px;
}

.home-message .close {
  font-family: "Lucida Console", Courier, monospace;
  font-size: 29px;
  /*  line-height: 18px;*/
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #FFFFFF;
  color: #000000;
  top: -30px;
  right: -40px;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px -1px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px -1px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.home-message .close.open {
  line-height: 21px;
}

.home-message-content {
  position: relative;
}

/* CALENDAR */

.calendar {
  /*  display: none;*/
  visibility: hidden;
  background: rgba(0, 0, 0, 0.82);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.page_accueil .calendar {
  justify-content: start;
  padding-top: 102px !important;
}

.calendar .title {
  display: none;
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 5px;
  position: relative;
}

.calendar .title::before {
  content: ' ';
  height: 1px;
  width: 46px;
  background-color: #ffffff;
  position: absolute;
  left: -100px;
  top: 15px;
}

.calendar .title::after {
  content: ' ';
  height: 1px;
  width: 46px;
  background-color: #ffffff;
  position: absolute;
  right: -100px;
  top: 16px;
}

.page_reservation .calendar .title {
  display: table;
}

#calendar {
  width: 100%;
  max-width: 1190px;
  margin: 0 auto 0 auto;
  padding: 0px 0px 0px 0px;
  margin-top: 12px !important;
  border-radius: 25px;
  position: relative;
  background-color: rgba(255,255,255,0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.page_menus-tarifs-page #calendar {
  max-width: 1050px;
}

.page_menus-tarifs-page .calendar {
  overflow: hidden;
  top: 0px;
  position: fixed;
}

.page_menus-tarifs-page .calendar .midi .fc-event-time,
.page_menus-tarifs-page .calendar .midi .fc-event-title {
  color: #000000;
}

.page_spectacles-speciaux .calendar {
  position: fixed;
  z-index: 99999999999;
  top: 0px;
}

#calendar tbody tr {
  /*  max-height: 200px;*/
}

.fc-header-toolbar {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding: 16px 0px;
  margin-bottom: 0px !important;
  display: block !important;
  text-align: center;

  /*  backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);*/

  background: rgba(255,255,255,0.1);
  background: linear-gradient(0deg, rgba(255,255,255,0.15) 36%, rgba(255,255,255,0) 100%);
}

/*.fc-header-toolbar:after {
  content:'Possibilité de dîner ou déjeuner sur place avant le spectacle.';
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  float: left;
  width: 100%;
  margin-top: 15px;
}
*/
.page_menus-tarifs .fc-header-toolbar:after {
  display: none;
}

.fc-toolbar-chunk {
  float: left;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

.fc-theme-standard td, .fc-theme-standard th {
  border: 1px solid rgba(255,255,255,0.23) !important;
}

#calendar thead th {
  border-top: none !important;
  border-bottom: none !important;
}

.fc-col-header-cell-cushion {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 0.95rem;
  padding: 4px 4px !important;
  text-decoration: none;
  color: #FFFFFF;
}

.fc .fc-scrollgrid-section-liquid>td,
.fc .fc-scrollgrid-section>* {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

.fc-theme-standard .fc-scrollgrid {
  border: none !important;
}

.fc .fc-daygrid-day-top {
  justify-content: center;
  max-height: 22px;
}

.fc .fc-daygrid-day-top a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
}

.fc .fc-toolbar-title {
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 500;
  letter-spacing: 5px;
  font-size: 1.25rem !important;
  float: left;
}

.fc .fc-button-primary {
  float: left;
  background-color: transparent !important;
  height: 24px;
  width: 48px;
  cursor: pointer !important;
}

.fc .fc-button .fc-icon {
  float: left;
  background-color: transparent !important;
  height: 8px;
  width: 48px;
}

.fc-icon-chevron-left:before,
.fc-icon-chevron-right:before {
  content: ' ' !important;
}

.fc-icon-chevron-left {
  background-image: url('/front/img/espaces-arrow-l-w.svg');
  background-repeat: no-repeat;
}

.fc-icon-chevron-right {
  background-image: url('/front/img/espaces-arrow-r-w.svg');
  background-repeat: no-repeat;
}

.fc .fc-button .fc-icon {
  height: inherit;
}

.fc .fc-button {
  padding: 0px !important;
}

.fc .fc-button-primary {
  border: none !important;
}

.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: none !important;
}

.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
  margin-left: 32px !important;
}

.fc-direction-ltr .fc-toolbar-title {
  min-width: 255px;
}

.plan-close,
.calendar-close {
  width: 40px;
  height: 40px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 50%;
  display: block;
  text-align: center;
  position: absolute;
  left: calc(50% - 20px);
  cursor: pointer;
  bottom: -76px;
}

.page_reservation-tunnel .plan-salle .plan-close:hover,
.calendar-close:hover {
  background-color: rgba(255,255,255,0.2);
}

.plan-close img,
.calendar-close img {
  margin: 10px 0px;
  width: 20px;
}

.fc-scrollgrid-sync-inner a:hover {
  color: #FFFFFF;
}

.fc-daygrid-event {
  text-align: center !important;
  justify-content: center;
  font-size: 11px !important;
}

.calendar .fc-daygrid-dot-event .fc-event-title {
  flex-grow: 0;
  flex-shrink: 0;
}

.fc-daygrid-dot-event .fc-event-title {
  min-width: 72px !important;
}

.calendar .fc-daygrid-dot-event div {
  font-weight: 400;
}

.calendar .fc-event-title {
  color: #FFFFFF;
}

.fc-daygrid-event:hover {
  cursor: pointer;
}

.fc-event-time {
  color: #000000;
  background-color: #FFFFFF;
  border-radius: 7.5px;
  border: 1px solid #FFFFFF;
  height: 15px;
  line-height: 14px;
  /*  padding-right: 5px;
    padding-left: 5px;*/
  text-align: center;
  width: 37px;
}

.fc-daygrid-event-harness:nth-of-type(2) .fc-event-time {
  background-color: transparent !important;
  color: #FFFFFF !important;
}

.fc-daygrid-event-dot {
  display: none;
}

.calendar .fc-direction-ltr .fc-daygrid-event .fc-event-time {
  margin-right: 3px;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(10px) brightness(1.15);
  -webkit-backdrop-filter: blur(10px) brightness(1.15);
}


/* CONTACT */

html.page_contact.visible {
  transition: none !important;
}

.page_contact body {
  background: url(/front/img/contact-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page_contact header.sticky {
  display: none;
}

section.contact {
  min-height: fit-content;
  text-align: center;
  padding: 150px 200px 25px 200px;
}

section.contact h1 {
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 6px;
  font-size: 30px;
  margin-top: 0px;
}

section.contact h3 {
  font-weight: 300;
  color: #ffffff;
  font-size: 19px;
  max-width: 991px;
  margin: 14px auto 0px auto;
}

section.contact h2 {
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 1.25rem;
  margin-top: 58px;
}

section.contact p {
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 3px;
  font-size: 15px;
  margin: 12px auto 0px auto;
}

section.contact p.tel {
  font-weight: 500;
}

section.contact form {
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px) brightness(1.15);
  -webkit-backdrop-filter: blur(10px) brightness(1.15);

  border-radius: 15px;
  padding: 36px 40px 8px 40px;
  max-width: 1004px;
  margin: 32px auto 0 auto;
  position: relative;
  z-index: 888;
}

.page_contact section.contact form input::placeholder,
.page_contact section.contact form textarea::placeholder {
  text-transform: uppercase;
  color: #FFFFFF;
}

section.contact form input,
section.contact form select,
section.contact form textarea {
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(6px) brightness(1.15);
  -webkit-backdrop-filter: blur(6px) brightness(1.15);
  width: 100%;
  margin-top: 0px;
  margin-bottom: 26px;
  height: 36px;
  font-size: 15px;
  font-weight: 300;
  border: none;
  border-radius: 30px;
  padding: 0px 34px;
  color: #FFFFFF;
}

section.contact form textarea {
  height: 98px;
  min-height: 98px;
  padding-top: 14px;
  resize: none;
}


section.contact form select {
  -webkit-appearance: none;
  appearance: none;
}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: "∨";
  font-size: 1rem;
  top: 8px;
  right: 17px;
  position: absolute;
  color: #FFFFFF;
}

section.contact form .send {
  background-color: rgb(128 105 76);

  font-weight: 400;
  color: #FFFFFF;
  font-size: 15px;
  border: none;
  border-radius: 45px;
  height: 42px;
  line-height: 42px;
  padding: 0px 34px;
  width: auto;
  position: absolute;
  /*  left: calc(50% - 64px);*/
  left: 50%;
  transform: translateX(-50%);
  bottom: -21px;
}

section.contact form .send:hover {
  cursor: pointer;
  filter: brightness(1.1);
}

/* ESPACES */

.espace-header {
  height: 670px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ffffff;
  text-align: center;
  position: relative;
}

.espace-header h1 {
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin-top: 10px;
  font-weight: 600;
}

.espace-header p {
  margin: 20px auto 0 auto;
  font-size: 19px;
  max-width: 750px;
  font-weight: 400;
}

.espace-header .order-btn-link {
  bottom: 216px;
}

.espace-header ul {
  list-style: none;
  padding: 0px;
  position: absolute;
  left: 85px;
  top: calc(50% - 113px);
  text-align: left;
  margin-bottom: 0;
}

.page_menus-tarifs-page .espace-header ul {
  top: 50%;
  transform: translateY(-50%);
}

.page_spectacle .espace-header ul {
  z-index: 888;
}

.page_spectacle .yt {
  display: none;
  margin: 45px auto;
  width: 560px;
  position: relative;
}
.page_spectacle .yt .hover {
  width: 560px;
  height: 315px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 888;
}

.espace-header ul li a {
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 400;
  opacity: 0.4;
  transition: 0.3s ease;
  font-size: 12px;
}

.espace-header ul li a:hover,
.espace-header ul li.active a {
  font-weight: 500;
  opacity: 1;
}

.espace-header ul li {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  margin: 10px 0;
  height: 35px;
  line-height: 35px;
  padding-left: 18px;
}

.espace-header ul li:hover,
.espace-header ul li.active {
  border-left: 3px solid #FFFFFF;
}

.actu-header {
  height: 560px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ffffff;
  text-align: left;
  position: relative;
  padding: 150px 0 0 0;
}

.actu-header .content {
  max-width: 1600px;
  margin: 0 auto;
}

.actu-header h1 {
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 8px;
}

.actu-header p {
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 4px;
}

.actu-header-content {
  padding: 0;
}

.actu-header-content .content {
  max-width: 1600px;
  margin: -289px auto 0 auto;
}

.actu-header-content .owl-carousel .owl-dots {
  height: 550px;
  position: absolute;
  right: 54px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.actu-header-content .owl-carousel .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: block;
  clear: both;
  margin: 5px 0;
}

.actu-header-content .owl-carousel .owl-dot.active {
  background-color: #FFFFFF;
  width: 12px;
  height: 12px;
}

.actu-header-content .owl-carousel .item {
  width: 100%;
  height: 550px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor: pointer;
}

.actu-header-content .owl-carousel .item .gradient {
  padding: 350px 56px 0 56px;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.73) 62%, rgba(0,0,0,1) 100%);
  height: 550px;
}

.actu-header-content .owl-carousel .item a.title {
  font-size: 25px;
  font-weight: 500;
  color: #ffffff;
  display: block;
  text-decoration: none;
}

.actu-header-content .owl-carousel .item .preview {
  font-size: 15px;
  font-weight: 300;
  color: #ffffff;
  display: block;
}

.actu-header-content .owl-carousel .item .date {
  font-size: 10px;
  font-weight: 300;
  color: #ffffff;
  width: 120px;
  float: left;
  position: absolute;
  left: 56px;
  bottom: 50px;
}

.actu-header-content .owl-carousel .item .time {
  font-size: 10px;
  font-weight: 300;
  color: #ffffff;
  float: left;
  position: absolute;
  left: 176px;
  bottom: 50px;
}

.actu-header-content .owl-carousel .item .author {
  font-size: 10px;
  font-weight: 300;
  color: #ffffff;
  float: right;
  text-transform: uppercase;
  position: absolute;
  right: 56px;
  bottom: 50px;
}

.actu-header-content .owl-carousel .item .author::before {
  content: ' ';
  width: 20px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  left: -30px;
  top: 7px;
}

.actu-header-content .pinned {
  z-index: 9;
}

.actu-header-content .pinned .post {
  width: 100%;
  float: left;
}

.actu-header-content .pinned .post:first-of-type {
  margin-bottom: 34px;
}

.actu-header-content .pinned .img {
  width: 365px;
  height: 243px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float: left;
  margin-right: 42px;
  margin-bottom: 15px;
  cursor: pointer;
}

.actu-header-content .pinned a.title {
  font-size: 25px;
  font-weight: 500;
  color: #000000;
  display: block;
  text-decoration: none;
  margin-top: 20px;
}

.actu-header-content .pinned .preview {
  font-size: 15px;
  font-weight: 300;
  color: #707070;
  display: block;
}

.actu-header-content .pinned .desc {
  display: block;
  width: 365px;
}

.actu-header-content .pinned .date {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  width: 120px;
  float: left;
}

.actu-header-content .pinned .time {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  float: left;
}

.actu-header-content .pinned .author {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  float: right;
  text-transform: uppercase;
  position: relative;
}

.actu-header-content .pinned .author::before {
  content: ' ';
  width: 20px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  left: -30px;
  top: 7px;
}

.actu-header-content .pinned .post:first-of-type span,
.actu-header-content .pinned .post:first-of-type a {
  color: #ffffff;
}

.actu-header-content .pinned .post:first-of-type .author::before {
  background-color: #ffffff;
}

.actu-content {
  padding: 0;
}

.actu-content .content {
  max-width: 1600px;
  margin: 136px auto 0 auto;
}

.actu-content h2 {
  font-size: 30px;
  letter-spacing: 5px;
  color: #000000;
  font-weight: 500;
  position: relative;
}

.actu-content h2::after {
  width: 100%;
  height: 2px;
  display: block;
  content: ' ';
  background-color: #e3e3e3;
  margin-top: 28px;
}

#a-la-une h2::after {
  background-color: #000000;
  width: 235px;
}

.actu-content.featured .slider {
  background-color: #f6f6f6;
  margin-top: -9px;
  padding: 108px 0px 40px 0px !important;
}

.actu-content.featured .owl-carousel {
  max-width: 1600px;
  margin: 0 auto 0 auto;
}

.actu-content.featured .owl-carousel .img {
  width: 100%;
  height: 312px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float: left;
  margin-right: 42px;
  margin-bottom: 15px;
  cursor: pointer;
}

.actu-content.featured .owl-carousel a.title {
  font-size: 19px;
  font-weight: 500;
  color: #000000;
  display: block;
  text-decoration: none;
  margin-top: 20px;
  width: 100%;
  float: left;
}

.actu-content.featured .owl-carousel .date {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  width: 120px;
  float: left;
}

.actu-content.featured .owl-carousel .time {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  float: left;
}

.actu-content.featured .owl-carousel .author {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  float: right;
  text-transform: uppercase;
  position: relative;
}

.actu-content.featured .owl-carousel .author::before {
  content: ' ';
  width: 20px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  left: -30px;
  top: 7px;
}

.actu-content.featured .owl-carousel .owl-nav {
  top: -78px;
  position: absolute;
  width: 100%;
}

.actu-content.featured .owl-carousel .owl-nav button.owl-prev {
  float: left;
  margin-top: 16px;
  width: 47px;
}

.actu-content.featured .owl-carousel .owl-nav button.owl-prev span {
  display: none;
}

.actu-content.featured .owl-carousel .owl-nav button.owl-prev:before {
  content: url('/front/img/actu-arrow-l.svg');
}

.actu-content.featured .owl-carousel .owl-nav button.owl-next {
  float: right;
  margin-top: 16px;
  width: 47px;
}

.actu-content.featured .owl-carousel .owl-nav button.owl-next span {
  display: none;
}

.actu-content.featured .owl-carousel .owl-nav button.owl-next:before {
  content: url('/front/img/actu-arrow-r.svg');
}

.actu-content.news .post .col-md-9 {
  position: relative;
}

.actu-content.news .hidden {
  display: none;
}

.actu-content.news .img {
  width: 365px;
  height: 243px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float: left;
  cursor: pointer;
}

.actu-content.news .desc {
  width: 300px;
  position: absolute;
  bottom: 16px;
  left: calc(var(--bs-gutter-x) * .5);
}

.actu-content.news .title {
  font-size: 22px;
  margin-bottom: 30px;
  font-weight: 500;
  color: #000000;
  display: block;
  text-decoration: none;
  margin-top: 10px;
  width: 100%;
  float: left;
}

.actu-content.news .preview {
  color: #707070;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
}

.actu-content.news .date {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  width: 100px;
  float: left;
}

.actu-content.news .time {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  float: left;
}

.actu-content.news .author {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  float: right;
  text-transform: uppercase;
  position: relative;
}

.actu-content.news .author::before {
  content: ' ';
  width: 20px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  left: -30px;
  top: 7px;
}

.actu-content.news a.load {
  color: #000000;
  font-size: 15px;
  text-decoration: none;
  display: block;
}

.actu-content.news a.load::before {
  content: url('/front/img/actu-arrow-b.svg');
  width: 26px;
  height: 26px;
  float: left;
  background-color: #ffffff;
  border-radius: 13px;
  margin-right: 16px;
  margin-top: -3px;
  text-align: center;
  line-height: 26px;

  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
}

.actu-content.newsletter form {
  text-align: center;
  max-width: 1030px;
  padding: 20px 40px;
  margin: 0 auto;
  border-radius: 50px;
  background-color: #f8f8f8;
  -webkit-box-shadow: 14px 20px 0px 0px #efefef;
  box-shadow: 14px 20px 0px 0px #efefef;
}

.actu-content.newsletter p.title {
  font-weight: 500;
  font-size: 19px;
}

.actu-content.newsletter p.desc {
  font-weight: 300;
  font-size: 16px;
}

.actu-content.newsletter input.email {
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding-left: 32px;
  padding-right: 86px;
  position: relative;
  background-color: #FFFFFF;
}

.actu-content.newsletter .email-input {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.actu-content.newsletter .register {
  position: absolute;
  right: 14px;
  top: 30px;
  text-decoration: none;
}

.actu-content.newsletter .register::after {
  content: url('/front/img/actu-arrow-r.svg');
  cursor: pointer;
}

.actu-content.newsletter label {
  font-weight: 500;
  font-size: 15px;
  margin-left: 5px;
}

.news-header {
  height: 440px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ffffff;
  text-align: left;
  position: relative;
  padding: 250px 0 0 0;
}

.news-header::before {
  content: ' ';
  width: 100%;
  height: 440px;
  background-color: rgba(0,0,0,0.7);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.news-header-content .content {
  z-index: 1;
  max-width: 1222px;
  margin: 0 auto;
  position: relative;
}

.news-header-content {
  padding: 0;
  margin-top: -160px;
  position: absolute;
  width: 100%;
}

.news-header-content .content h1 {
  color: #ffffff;
  font-size: 35px;
}

.news-header-content .content .desc {
  position: absolute;
  bottom: 40px;
  width: 100%;
}

.news-header-content .content .date {
  width: 317px;
  float: left;
}

.news-header-content .content .author {
  float: right;
  position: relative;
  text-transform: uppercase;
}

.news-header-content .content .author::before {
  content: ' ';
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  left: -60px;
  top: 10px;
}

.news-content {
  padding: 0;
  margin-top: 160px;
}

.news-content .content {
  max-width: 1222px;
  margin: -120px auto 0 auto;
  position: relative;
}

.news-content .content .text {
  font-size: 15px;
}

.news-content .owl-carousel.images {
  margin-top: 60px;
  padding-bottom: 60px;
}

.news-content .owl-carousel.images .item {
  display: block;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.news-content a.back {
  color: #000000;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  position: relative;
  padding-left: 60px;
}

.news-content a.back::before {
  content: url('/front/img/actu-arrow-l.svg');
  cursor: pointer;
  margin-right: 5px;
  position: absolute;
  top: -1px;
  left: 0px;
}

.news-header-content .content span {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
}

.pswp__button.pswp__button--share {
  display: none;
}

.histoire-header {
  height: 580px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ffffff;
  text-align: left;
  position: relative;
  padding: 200px 0 0 0;
}

.histoire-header .content {
  max-width: 1415px;
  margin: 0 auto;
}

.histoire-header h1 {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 8px;
  font-weight: 600;
}

.histoire-header p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 4px;
}

.histoire-header p.quote {
  letter-spacing: initial;
  margin-top: 88px;
  position: relative;
}

.histoire-header p.quote:before {
  content: ' ';
  background-image: url(/front/img/espaces-quote.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: -26px;
  top: -23px;
  width: 48px;
  height: 67px;
  z-index: 0;
  opacity: 0.38;
}

.histoire-content .equipe {
  position: relative;
}

.histoire-content .equipe::before {
  content: ' ';
  background-color: rgba(158,18,18,0.05);
  width: 586px;
  height: 542px;
  position: absolute;
  bottom: -70px;
  left: 364px;
}

.histoire-content .equipe span {
  font-size: 15px;
  letter-spacing: 4px;
  width: 556px;
  text-align: right;
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  top: 331px;
  right: -270px;
}

.histoire-content .equipe span::before {
  content: ' ';
  background: #000000;
  width: 311px;
  height: 1px;
  display: block;
  left: 51px;
  top: 10px;
  position: absolute;
}

.espace-content {
  padding: 0;
  margin: -96px auto 0 auto;
  max-width: 1505px;

  color: #000000;
}

.page_le-majestic .espace-content,
.page_le-versailles .espace-content,
.page_la-salle .espace-content,
.page_lounge-club .espace-content,
.page_espace-entreprises .espace-content {
  max-width: 1276px;
}

.espace-content.second {
  margin: 105px auto 0 auto;
}

.espace-content.third {
  margin: 0 auto 0 auto;
}

.espace-content .owl-carousel {
  /*  padding: 0 124px;*/
  padding: 0 60px;
}

.espace-content .owl-carousel .owl-nav button.owl-prev {
  float: left;
  margin-top: 16px;
  width: 47px;
}

.espace-content .owl-carousel .owl-nav button.owl-prev span {
  display: none;
}

.espace-content .owl-carousel .owl-nav button.owl-prev:before {
  content: url('/front/img/espaces-arrow-l.svg');
}

.espace-content .owl-carousel.versailles .owl-nav button.owl-prev:before {
  content: url('/front/img/espaces-arrow-l-v.svg');
}

.espace-content .owl-carousel.histoire .owl-nav button.owl-prev:before,
.espace-content .owl-carousel.lounge-icons .owl-nav button.owl-prev:before,
.espace-content .owl-carousel.lounge .owl-nav button.owl-prev:before {
  content: url('/front/img/espaces-arrow-l-l.svg');
}

.espace-content .owl-carousel .owl-nav button.owl-next {
  float: right;
  margin-top: 16px;
  width: 47px;
}

.espace-content .owl-carousel .owl-nav button.owl-next span {
  display: none;
}

.espace-content .owl-carousel .owl-nav button.owl-next:before {
  content: url('/front/img/espaces-arrow-r.svg');
}

.espace-content .owl-carousel.versailles .owl-nav button.owl-next:before {
  content: url('/front/img/espaces-arrow-r-v.svg');
}

.espace-content .owl-carousel.histoire .owl-nav button.owl-next:before,
.espace-content .owl-carousel.lounge .owl-nav button.owl-next:before,
.espace-content .owl-carousel.lounge-icons .owl-nav button.owl-next:before {
  content: url('/front/img/espaces-arrow-r-l.svg');
}

.espace-content .owl-carousel.histoire .item {
  background-color: #FFFFFF;
  padding: 14px;
  filter: grayscale(100%);
  position: relative;
}

.espace-content .owl-carousel.histoire .item span {
  bottom: 24px;
  right: 24px;
  position: absolute;
  color: #FFFFFF;
  font-size: 10px;
  display: none;
}

/*.espace-content .owl-carousel.histoire .item:hover span {
  display: block;
}*/

.espace-content .owl-carousel.histoire .item span:before {
  content: ' ';
  width: 74px;
  height: 1px;
  background-color: #FFFFFF;
  display: block;
  float: left;
  margin-top: 7px;
  margin-right: 10px;
}

.espace-content .owl-carousel.histoire .item:hover {
  filter: grayscale(0%);
}

.espace-content .owl-carousel.histoire {
  padding: 0;
  margin: 0 45px;
  border: 6px solid #ffffff;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  width: calc(100% - 90px);
  border-radius: 10px;
}

.espace-content .owl-carousel.histoire .owl-nav {
  position: absolute;
  top: 98px;
  width: 100%;
  z-index: -1;
}

.espace-content .owl-carousel.histoire .owl-nav button.owl-prev {
  margin-left: -66px;
}

.espace-content .owl-carousel.histoire .owl-nav button.owl-next {
  margin-right: -66px;
}

.next-arrow {
  margin: 54px auto 54px auto;
  display: block;
  text-align: center;
}

.histoire-content .next-arrow {
  margin: 60px auto 124px auto;

  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.histoire-content .next-arrow:hover {
  animation-name: bounce;
  -moz-animation-name: bounce;
}

.histoire-content .col-md-5 img {
  margin-top: 65px;
  width: 531px;
}

.histoire-slider .owl-carousel.histoire-date {
  position: absolute;
  left : 0;
}

.histoire-slider .owl-carousel.histoire-date .owl-stage-outer {
  background-color: transparent;
}

.histoire-slider .owl-carousel.histoire-date .item span:first-child {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 6px;
  margin: 0 auto;
  display: block;
}
.histoire-slider .owl-carousel.histoire-date .item span:nth-child(2){
  font-size: 100px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 6px;
  margin: -70px auto 0 auto;
  display: block;
  z-index: -1;
  color: rgba(158,18,18,0.05);
}

.histoire-slider .owl-carousel.histoire-date .item p:before {
  content: ' ';
  position: absolute;
  background-color: var(--red);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: calc(50% - 4px);
  top: -44px;
  z-index: -1;
}


.histoire-slider .owl-carousel.histoire-date .owl-nav button.owl-prev:before {
  content: url('/front/img/espaces-arrow-l.svg');
  height: 22px;
  width: 47px;
  float: left;
}

.histoire-slider .owl-carousel.histoire-date .owl-nav button.owl-next:before {
  content: url('/front/img/espaces-arrow-r.svg');
  height: 22px;
  width: 47px;
  float: right;
}

.histoire-slider .owl-carousel.histoire-date .owl-nav {
  max-width: 1415px;
  margin-top: 40px;
}

.histoire-slider .owl-carousel.histoire-date .owl-nav button.owl-next {
  float: right;
}

.histoire-slider .owl-carousel.histoire-date .owl-nav button span {
  display: none;
}

.histoire-slider {
  position: relative;
  overflow: hidden;
  min-height: 425px;
  padding-top: 0px;
  margin-top: 187px;
}

.histoire-slider:before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000000;
  left: 0;
  top: 79px;
}

.histoire-slider .owl-carousel.histoire-date .item p {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  margin: -20px 0 0 0;
  position: relative;
}

.histoire-bg2 {
  width: 100%;
  height: 630px;
  display: block;
  background-image: url('/front/img/histoire-bg2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.owl-carousel.histoire-small .owl-nav {
  margin-top: -67px;
  width: 100%;
  z-index: -1;
}

.owl-carousel.histoire-small .owl-nav button.owl-prev {
  margin-left: -66px;
}

.owl-carousel.histoire-small .owl-nav button.owl-next {
  margin-right: -66px;
}

.owl-carousel.histoire-small {
  padding: 0 242px;
  position: relative;
  margin-top: 40px;
}

.espace-content.second.histoire-restauration {
  margin-top: 60px;
}

.espace-content.histoire-slider-small {
  margin: 30px auto 180px auto !important;

  width: 100% !important;
  max-width: 100% !important;
  display: flex;
  flex-direction: column;
}

.espace-content.histoire-slider-small .container {
  background-color: rgba(158,18,18,0.05);
  border-radius: 30px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.espace-content.histoire-slider-small .owl-carousel {
  width: 1040px;
  margin: 0 auto;
  max-width: 100%;
}

.espace-content.histoire-slider-small .histoire-small .item {
  width: 112px;
  height: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.espace-content.histoire-slider-small .histoire-big .item {
  width: 1040px;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.espace-content.histoire-slider-small .histoire-small {
  margin-top: 40px;
  margin-bottom: 60px;
  height: 80px;
  margin-bottom: 0px;
}

.espace-content.histoire-slider-small .histoire-small .owl-stage-outer {
  background-color: transparent;
}

.histoire-restauration-links {
  margin-top: 90px;
  overflow: hidden;
  width: 100%;
  margin-right: 0px;
}

.page_espace-entreprises .histoire-restauration-links {
  overflow: visible;
}


.page_espace-entreprises .histoire-restauration-links .desc {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 20px;
  opacity: 0;
  transition: 0.3s ease;
}

.page_espace-entreprises .histoire-restauration-links .col:hover .desc {
  opacity: 0.6;
}

.espace-content h2 {
  font-size: 30px;
  letter-spacing: 5px;
  color: #000000;
  font-weight: 500;
  position: relative;
}

.espace-content h2::after {
  width: 100%;
  height: 2px;
  display: block;
  content: ' ';
  background-color: #e3e3e3;
  margin-top: 28px;
}

.espace-content p {
  color: #707070;
  font-size: 16px;
  padding: 100px 0px;
  text-align: justify;
  position: relative;
  line-height: 1.55rem;
}

.espace-content p.quote {
  color: #707070;
}

/*.espace-content p.quote:before {
  content: url('/front/img/espaces-quote.svg');
  position: absolute;
  left: -46px;
  top: -13px;
  width: 63px;
  height: 67px;
  z-index: -1;
}

.espace-content p.quote:after {
  content: url('/front/img/espaces-quote.svg');
  position: absolute;
  right: -29px;
  bottom: 124px;
  width: 63px;
  height: 67px;
  z-index: -1;
}*/

.espace-content form {
  max-width: 874px;
  padding: 36px 40px 8px 40px;
  margin: 0 auto;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  border-radius: 14px;
  position: relative;
  z-index: 888;
  background-color: #FFFFFF;
}

.espace-content form textarea,
.espace-content form input {
  font-size: 15px;
  font-weight: 300;
  color: #000000;
  width: 100%;
  border: none;
  border-bottom: 2px solid #dadada;
  margin-bottom: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.espace-content form textarea {
  height: 93px;
  resize: none;
}

.espace-content form .edit-booking,
.espace-content form .send {
  font-size: 15px;
  font-weight: 400;
  background-color: #ffffff;
  border: none;
  border-radius: 21px;
  height: 42px;
  width: auto;
  left: calc(50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: -29px;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  padding: 0px 34px;
}

.espace-content form .edit-booking:hover,
.espace-content form .send:hover {
  background-color: #f9f9f9;
}

.espace-content form.form2 {
  background-color: #f5f5f5;
  padding-bottom: 20px;
}

.espace-content form.form2 textarea,
.espace-content form.form2 input {
  border: none;
  height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  color: #000000;
  font-weight: 400;
}

.espace-content form.form2 textarea {
  height: 96px;
  padding: 10px 20px;
}

.lounge-bg3 {
  width: 100%;
  height: 564px;
  display: block;
  background-image: url('/front/img/lounge-bg3.jpg');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: -212px;
}

.espace-content .lounge-info {
  position: absolute;
  top: calc(50% - 127px);
  right: -203px;
  background-color: #494992;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
}

.espace-content .lounge-info a,
.espace-content .lounge-info p {
  padding: 0;
  color: #FFFFFF;
  font-weight: 300;
  text-align: center;
  font-size: 15px;
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
  position: relative;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 2px;
}

.espace-content .lounge-info a {
  font-size: 12px;
}

.espace-content .lounge-info a:before {
  content: '';
  position: absolute;
  background: #ffffff;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  transition: 0.3s ease;
}

.espace-content .lounge-info a:hover:before {
  width: 100%;
}

.espace-content .lounge-info p:first-child {
  font-size: 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 4px;
}

.espace-tarifs {
  height: 497px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0;
}

.espace-tarifs .link {
  padding-top: 238px
}

.espace-tarifs.salle .link {
  padding-top: 160px;
}

.espace-tarifs a {
  color: #ffffff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
  display: table;
  padding: 13.5px 30px;
  border: 0;
  text-decoration: none;
  border-radius: 30px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  transition: 0.3s ease;
}

.espace-tarifs a:hover {
  background-color: rgba(255,255,255,0.2);
}

.espace-tarifs a img {
  margin-left: 20px;
  margin-right: 0px;
  margin-top: -3px;
  height: 25px;
}

.link a img {
  height: initial;
}

.espace-tarifs.salle a img {
  margin-left: 10px;
  margin-right: -15px;
  height: 23px;
}

.espace-tarifs.salle .link a:first-of-type {
  margin-bottom: 32px;

}

.espace-tarifs .bubble {
  position: absolute;
  top: -83px;
  right: 34px;
}

.espace-gallery {
  /*  max-width: 1505px;*/
  max-width: 1276px;
  margin: 0 auto;
  padding: 0 0 0 0;
  position: relative;
}

.espace-gallery .gallery-container {
  height: 804px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}

.gallery-container::-webkit-scrollbar {
  display: none;
}

.gallery-container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.espace-gallery img {
  margin-bottom: 30px;
  width: 100%;
}

.espace-gallery div {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.espace-gallery .project-bar {
  width: 2px;
  position: absolute;
  height: 804px;
  background-color: #F0F0F0;
  left: -63px;
  z-index: 0;
}

.espace-gallery .project-bar-ctrl {
  width: 2px;
  position: absolute;
  height: 172px;
  background-color: var(--red);
  left: -63px;
  z-index: 1;
}

.espace-gallery .project-bar-ctrl.gold {
  background-color: var(--gold);
}

.espace-gallery .col1 {
  float: left;
  /*  width: 537px;*/
  width: 39%;
  /*  margin-right: 30px;*/
}

.espace-gallery .col2 {
  float: left;
  /*  width: 816px;*/
  width: calc(61% - 30px);
  margin-left: 30px;
}

.lounge-icons {
  margin-top: -32px;
}

.lounge-icons .item {
  text-align: center;
}

.lounge-icons .item .icon {
  width: 128px;
  height: 128px;
  border-radius: 14px;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  margin: 32px auto;

  display: flex;
  align-items: center;
  justify-content: center;
}

.lounge-icons .item .icon img {
  width: 50px;
}

.lounge-icons span {
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}

.owl-carousel.esp .item {
  transition: 0.3s ease;
}

.owl-carousel.esp .item:hover {
  scale: 0.95;
  cursor: pointer;
}

.shadow-60 {
  position: absolute;
  width: 100%;
  height: inherit;
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
}

.entreprise-mod {
  background-image: url('/front/img/entreprise-mod.jpg');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0;
  height: 900px;
  position: relative;
  border-radius: 45px;
}

.entreprise-mod .mod span.label,
.entreprise-mod .mod span.title {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 4px;
  position: relative;
  cursor: pointer;
}

.entreprise-mod .mod .ctr {
  position: relative;
}

.entreprise-mod .mod .ctr p.info {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  width: 300px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 32px;
  border-radius: 15px;
  display: none;
  margin-left: 0%;
  margin-top: 53px;
}

.entreprise-mod #mod1 .ctr p.info {
  margin-left: -17%;
  margin-top: 53px;
}

.entreprise-mod #mod2 .ctr p.info {
  margin-left: 0px;
  margin-top: 53px;
}

.entreprise-mod #mod3 .ctr p.info {
  margin-left: -30%;
  margin-top: 53px;
}

.entreprise-mod #mod4 .ctr p.info {
  margin-left: 23%;
  margin-top: 53px;
}

.entreprise-mod #mod5 .ctr p.info {
  margin-left: 0px;
  margin-top: 53px;
  bottom: -170px;
}


.entreprise-mod .mod .ctr p.info span.label,
.entreprise-mod .mod .ctr p.info span.title {
  margin: 0 auto 28px auto;
  display: block;
  text-align: center;
  padding: 32px;
  border-radius: 15px;
}

.entreprise-mod .mod .ctr p.info span.label {
  position: absolute;
  top: -66px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  left: 0;
  width: 100%;
  padding: 15px 32px;
  margin: 0px;
}

.entreprise-mod .mod .ctr p.info .close {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: -15px;
  width: 30px;
  height: 30px;
  background-color: rgba(255,255,255,0.4);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  cursor: pointer;
  text-align: center;
  line-height: 29px;
  border-radius: 50%;
}


.entreprise-mod #mod1 {
  position: absolute;
  top: 60px;
  left: calc(50% - 33%);
}

.entreprise-mod #mod2 {
  position: absolute;
  top: 280px;
  left: calc(50%);
  transform: translateX(-50%);
}

.entreprise-mod #mod3 {
  position: absolute;
  top: 464px;
  left: calc(50% - 33%);
}

.entreprise-mod #mod4 {
  position: absolute;
  top: 218px;
  right: calc(10%);
}

.entreprise-mod #mod5 {
  position: absolute;
  bottom: 200px;
  left: calc(50%);
  transform: translateX(-50%);
}

.entreprise-mod .mod span.title:after {
  content: url(/front/img/entreprise-plus.svg);
  position: absolute;
  left: calc(50% - 19px);
  width: 30px;
  height: 30px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  cursor: pointer;
  text-align: center;
  line-height: 37px;
  bottom: -50px;
  border-radius: 50%;
}

.entreprise-mod .mod:hover span.title:after {
  background-color: rgba(255,255,255,0.2);
}

.entreprise-lounge p,
.entreprise-restauration p {
  padding: 50px 0px;
}

.entreprise-restauration-links .col {
  width: calc(50% - 20px);
  height: 264px;
  cursor: pointer;
  padding: 0;
  transition: 0.3s ease;
  position: relative;
}

.entreprise-restauration-links .col .bg {
  height: 100%;
}

.entreprise-restauration-links .col:first-child {
  margin-right: 20px;
  margin-left: -120px;
}

.entreprise-restauration-links .col:last-child {
  margin-left: 20px;
  margin-right: -120px;
}

.entreprise-restauration-links .col .bg {
  transform: skew(-45deg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transition: 0.3s ease;
}

.entreprise-restauration-links .col:first-child .bg {
  background-image:  url('/front/img/majestic-45.jpg');
}

.entreprise-restauration-links .col:last-child .bg {
  background-image:  url('/front/img/versailles-45.jpg');
}

.entreprise-restauration-links .col:hover .bg {
  filter: brightness(0.4);
}

.entreprise-restauration-links .col:hover a.link {
  opacity: 1;
}

.entreprise-restauration-links a.link {
  position: absolute;
  bottom: 100px;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  display: table;
  padding: 15px 33px;
  border: 0;
  text-decoration: none;
  border-radius: 30px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  transition: 0.3s ease;
  opacity: 0;
}

.entreprise-restauration-links .col:first-child a.link {
  right: calc(50% - 60px - 182px);
}

.entreprise-restauration-links .col:last-child a.link {
  left: calc(50% - 60px - 182px);
}

.entreprise-restauration-links .col a {
  scale: 0.7;
}

.entreprise-restauration-links .col a.link img {
  margin-left: 22px;
  margin-top: -2px;
}

.entreprise-restauration-links a.link:hover {
  background-color: rgba(255,255,255,0.2);
}

.entreprise-restauration-links a.link:first-child img {
  margin-left: 16px;
  margin-right: 0px;
  margin-top: -1px;
}

.entreprise-lounge-bg {
  height: 422px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0;
}

.entreprise-contact p {
  padding-top: 50px;
  padding-bottom: 28px;
  text-align: center;
}

.entreprise-bg2 {
  width: 100%;
  height: 686px;
  display: block;
  background-image: url('/front/img/entreprise-bg2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: -268px;
  padding-top: 434px;
}

.entreprise-bg2 a,
.entreprise-bg2 p {
  color: #ffffff;
  text-align: center;
  display: block;
  position: relative;
}

.entreprise-bg2 p.title {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 4px;
}

.entreprise-bg2 p.address {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 4px;
}

.entreprise-bg2 a.phone {
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 4px;
  width: max-content;
  margin: 0 auto;
}

.entreprise-bg2 a.phone:before {
  content: '';
  position: absolute;
  background: #ffffff;
  width: 0;
  height: 2px;
  bottom: -3px;
  left: 0;
  transition: 0.3s ease;
}

.entreprise-bg2 a.phone:hover:before {
  width: 100%;
}

.entreprise-restauration-desc {
  margin-top: 55px;
  border-top: 2px solid var(--red);
  width: calc(100% + 12px);
}

.entreprise-restauration-desc .col {
  text-align: center;
  flex: none;
  width: 25%;
}

.page_espace-entreprises .entreprise-restauration-desc .col {
  width: 50%;
}

.entreprise-restauration-desc .col p.title {
  font-size: 18px;
  letter-spacing: 5px;
  color: #000000;
  font-weight: 300;
  position: relative;
  background-color: #FFFFFF;
  width: max-content;
  margin: -14px auto 0 auto;
  padding: 0 50px;
  text-transform: uppercase;
}

.entreprise-restauration-desc .col p.desc {
  margin-top: 35px;
  color: #707070;
  font-size: 20px;
}



.histoire-restauration-links {
  width: calc(100% + 12px);
  margin-bottom: 120px;
}

.histoire-restauration-links .col {
  min-width: 20%;
  height: 264px;
  cursor: pointer;
  padding: 0;
  transition: 0.3s ease;
  position: relative;
}

.histoire-restauration-links .col:hover {
  min-width: 40%;
}

.page_espace-entreprises .histoire-restauration-links .col:hover {
  min-width: 60%;
}

.page_espace-entreprises .histoire-restauration-links .col {
  min-width: 40%;
}

.histoire-restauration-links .col .bg {
  height: 100%;
}

/*.histoire-restauration-links .col:first-child {
  margin-right: 12px;
  margin-left: -40px;
}

.histoire-restauration-links .col:last-child {
  margin-left: 12px;
  margin-right: -40px;
}*/

.histoire-restauration-links .col  {
  /*  transform: skew(-20deg);*/
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transition: 0.3s ease;
}
.histoire-restauration-links .col .bg {
  background-color: rgba(0, 0, 0, 0.69);
  display: flex;
  align-items: center;
  justify-content: center;
}

.histoire-restauration-links .col .bg:hover {
  background-color: rgba(0, 0, 0, 0);
  transition: 0.3s ease;
}

.histoire-restauration-links .col:first-child  {
  background-image:  url('/front/img/espaces-le-majestic.jpg');
}

.histoire-restauration-links .col:nth-child(2)  {
  background-image:  url('/front/img/espaces-le-versailles.jpg')
}


.histoire-restauration-links .col:nth-child(3)  {
  background-image:  url('/front/img/espaces-lounge-club.jpg')
}

.histoire-restauration-links .col:nth-child(4)  {
  background-image:  url('/front/img/espaces-la-salle.jpg')
}

/*.entreprise-restauration-links .col:first-child a.link {
  right: calc(50% - 8px - 182px);
}

.entreprise-restauration-links .col:nth-child(2)  a.link {
  left: calc(50% - 182px);
}

.entreprise-restauration-links .col:nth-child(3)  a.link {
  left: calc(50% - 182px);
}

.entreprise-restauration-links .col:nth-child(4)  a.link {
  left: calc(50% - 8px - 182px);
}
*/

.histoire-restauration-links .col a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  margin-top: -15px;
  display: inline-block;
  padding: 9px 8px 8px 18px;
  border: 0;
  text-decoration: none;
  border-radius: 30px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(30px);
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  transition: 0.3s ease;
}

.info-header2 {
  display: none;
}
.info-header2.sticky {
  display: block;
}

.info-header,
.info-header2 {
  height: 140px;
  background: rgb(158,18,18);
  background: linear-gradient(180deg, rgba(158,18,18,1) 0%, rgba(79,9,0,1) 100%);
  color: #ffffff;
  text-align: left;
  position: relative;
  padding: 140px 0 0 0;
  position: relative;
  /*  transition: 0.3s ease;*/
}

.info-header.empty {
  height: 89px;
  padding: 0;
}

.info-header.empty.sticky {
  height: 57px;
}

.page_faq .info-header,
.page_faq .info-header2 {
  padding: 185px 0 0 0;
  height: 185px;
}

.info-header ul,
.info-header2 ul {
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  transition: 0.3s ease;
  z-index: 999;
}

.info-header ul li,
.info-header2 ul li {
  float: left;
  margin: 0 15px;
  opacity: 0.5;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease;
}

.info-header ul li::before,
.info-header2 ul li::before {
  content: ' ';
  width: 44px;
  height: 3px;
  border-radius: 1.5px;
  position: absolute;
  top: -3px;
  left: calc(50% - 22px);
  background-color: #ffffff;
}

.info-header ul li.active,
.info-header2 ul li.active,
.info-header ul li:hover,
.info-header2 ul li:hover {
  opacity: 1;
}

.info-header ul li a,
.info-header2 ul li a {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 13px;
}

.espace-content.full {
  width: 100%;
  max-width: 100%;
}

.espace-content .content {
  margin: 0 auto;
  max-width: 1505px;
}

.espace-content h1 {
  font-size: 30px;
  letter-spacing: 4px;
}

.grey-bg {
  background-color: rgba(158, 18, 18, 0.07);
}

.page_nos-partenaires h2.no-bar::after,
.page_informations-pratiques h2.no-bar::after,
.no-bar::after {
  display: none !important;
}

.no-bar {
  margin-bottom: calc(0.5rem + 24px);
  position: relative;
}

.full-bar {
  bottom: -28px;
  left: 0;
  position: absolute;
  height: 2px;
  width: 1000%;
  background: #e3e3e3;
}

.full-bar.black {
  background: #000000;
}

.full-bar.thin {
  height: 1px;
  bottom: -18px;
}

.page_nos-partenaires h2::before,
.page_informations-pratiques h2::before {
  content: ' ';
  width: 52px;
  height: 52px;
  border-radius: 26px;
  background-color: var(--red);
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
}

.page_informations-pratiques h2.voiture::before {
  content: url('/front/img/infos-voiture-b.svg');
}
.page_informations-pratiques h2.heure::before {
  content: url('/front/img/infos-heure-b.svg');
  padding-top: 4px;
}
.page_informations-pratiques h2.ticket::before {
  content: url('/front/img/infos-ticket-b.svg');
  padding-top: 6px;
}
.page_informations-pratiques h2.banque::before {
  content: url('/front/img/infos-banque-b.svg');
  padding-top: 3px;
}
.page_informations-pratiques h2.other::before {
  content: url('/front/img/infos-other-b.svg');
  padding-top: 0px;
}
.page_nos-partenaires h2.hotel::before {
  content: url('/front/img/infos-hotel-b.svg');
  padding-top: 4px;
}
.page_nos-partenaires h2.marcher::before {
  content: url('/front/img/infos-marcher-b.svg');
  padding-top: 6px;
}

.page_nos-partenaires h2.no-icon::before,
.page_informations-pratiques h2.no-icon::before {
  display: none;
}

.page_nos-partenaires .espace-content.infos h2,
.page_informations-pratiques .espace-content.infos h2 {
  color: var(--red);
  line-height: 52px;
  text-align: left;
}

.page_nos-partenaires h2 span,
.page_informations-pratiques h2 span {
  text-transform: initial;
}

.page_informations-pratiques .contact form {
  padding: 57px 50px 45px 50px;
}

.page_informations-pratiques .contact form label {
  float: left;
  text-align: left;
  font-size: 15px;
  letter-spacing: 4px;
  line-height: 18px;
}

.page_informations-pratiques .contact form input {
  height: 30px;
}

.page_informations-pratiques .contact form textarea {
  height: 86px;
  min-height: 56px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*
.page_informations-pratiques .contact form textarea,
.page_informations-pratiques .contact form input {
  background-color: #faf1f2;
  border-radius: 0;
  border-bottom: 2px solid #d7d3d2;
  padding: 0;
  color: #000000;
  margin-bottom: 14px;
}
*/

.page_informations-pratiques .btn-primary {
  background-color: transparent;
}

.info-top p {
  color: #000000;
  padding: 0;
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
}

/*.info-top a {
  text-transform: uppercase;
  text-decoration: none;
  color: var(--red);
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 4px;
}

.info-top a:hover {
  text-decoration: underline;
}

.info-top a:after {
  content: url('/front/img/infos-arrow-r-r.svg');
  display: block;
  margin-left: 20px;
  width: 25px;
  float: right;
}*/

.info-footer {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 240px;
}

.info-footer img {
  display: block;
  margin: 0 auto 24px auto;
}

.info-footer a {
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  font-weight: 300;
  position: relative;
}

.info-footer a:after {
  content: url('/front/img/infos-arrow-r-w.svg');
  margin-top: -5px;
  margin-left: 20px;
  position: absolute;
  top: -1px;
}

.info-footer a:hover {
  text-decoration: underline;
}

.espace-content.infos p {
  padding: 0px;
  color: #000000;
  text-align: left;
  font-size: 16px;
  /*  font-size: 20px; */
  margin-bottom: 0px;
}

.espace-content.infos.faq p strong {
  font-size: 20px;
  letter-spacing: initial;
}

.espace-content.infos p strong {
  float: left;
  width: 100%;
  font-weight: 600;
  letter-spacing: 2px;
}

.espace-content.infos.partenaires p strong {
  width: auto;
  margin-right: 3px;
  text-transform: uppercase;
  letter-spacing: initial;
}

.espace-content.infos.partenaires p {
  display: table;
  line-height: 30px;
}

.espace-content.infos.partenaires p a {
  text-decoration: none;
  color: #000000;
}

.espace-content.infos.partenaires p a:hover {
  text-decoration: underline;
}

.espace-content.infos h2 {
  font-size: 25px;
  color: #000000;
}

.espace-content.infos h4 {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 4px;
}

.espace-content.infos h2 span {
  font-size: 15px;
  color: #707070;
  letter-spacing: initial;
  font-weight: 300;
}

.espace-content.infos i {
  font-weight: 200;
  float: left;
  width: 100%;
}

.espace-content.infos i.text-italic {
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}

.espace-content.infos form {
  background-color: #faf1f2;
  box-shadow: none;
}

section.contact.infos form .send {
  background-color: var(--red);
  color: #ffffff;
  filter: initial;
}

section.contact.infos form .send:hover {
  filter: brightness(1.2);
}

section.contact.infos form input {
  color: #000000;
}

section.contact.infos form input::placeholder,
section.contact.infos form textarea::placeholder {
  /*  text-transform: uppercase;*/
  color: #000000;
}

.infos-bg2 {
  width: 100%;
  height: 424px;
  display: block;
  background: rgb(158,18,18);
  background: linear-gradient(0deg, rgba(158,18,18,1) 0%, rgba(79,9,0,1) 100%);
  margin-top: -200px;
  padding-top: 434px;
  position: relative;
}

.page_faq .infos-bg2,
.page_nos-partenaires .infos-bg2 {
  height: 262px;
  margin-top: 0;
  padding-top: 10px;
}

.page_faq .infos-bg2 .info-footer,
.page_nos-partenaires .infos-bg2 .info-footer {
  top: 66px;
}

/*.info-top a::after,*/
.espace-content.infos .btn::after {
  content: url('/front/img/button-arrow-r-r.svg');
  margin-left: 12px;
  margin-top: -2px;
  float: right;
}



.info-top a {
  float: none;
  margin: 0 auto;
  display: block;
  width: fit-content;
  text-decoration: none;
}



.faq h1 {
  font-size: 40px;
}

.faq h1 span {
  text-transform: uppercase;
  font-size: 20px;
  color: #646262;
  letter-spacing: 4px;
}

.faq ul {
  width: 100%;
  padding: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 58px;
}

.faq ul li {
  float: left;
  margin: 0 26px;
  opacity: 0.5;
  position: relative;
  cursor: pointer;
}

.faq ul li::after {
  content: ' ';
  width: 0px;
  height: 2px;
  border-radius: ;
  position: absolute;
  bottom: -14px;
  left: calc(50% - 66px);
  background-color: var(--red);
  transition: 0.3s ease;
}

.faq ul li.active,
.faq ul li:hover {
  opacity: 1;
}

.faq ul li.active::after,
.faq ul li:hover::after {
  width: 132px;
}

.faq ul li a {
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 15px;
}

.faq h2 {
  font-size: 30px;
}

.faq p a {
  color: #000000;
}

.page_faq h2 {
  font-size: 30px !important;
}


/* MENUS TARIFS */

.menus-tarifs-callendar {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.menus-tarifs-callendar .content {
  padding-top: 150px;
  max-width: 1050px;
  margin: 0 auto;
  color: #ffffff;
}

.menus-tarifs-callendar .content h1 {
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 4px;
  text-align: center;
  margin-top: 0px;
}

.menus-tarifs-callendar .content p {
  font-weight: 300;
  font-size: 19px;
  text-align: center;
  max-width: 100%;
}

.menus-tarifs-callendar .menus-tarifs-header-btn {
  position: absolute;
  right: 0;
  top: calc(50% - 26px);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  transition: 0.3s ease;
}

.menus-tarifs-callendar .menus-tarifs-header-btn:hover {
  right: -5px;
}

.menus-tarifs-callendar .menus-tarifs-header-btn a {
  background-color: rgba(255,255,255,0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 4px;
  font-size: 12px;
  padding: 10px 0px 10px 16px;
  height: 52px;
  /*  border: 2px solid #ffffff;*/
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;
  color: #ffffff;
  text-decoration: none;
  margin-right: 0px;
  transition: 0.3s ease;
}

.menus-tarifs-callendar .menus-tarifs-header-btn span {
  height: 38px;
  width: 66px;
  text-align: center;
  padding: 10px 0;
  border: none;
  margin-top: 0px;
  display: inline-block;
  margin-left: -5px;
  margin-right: -1px;
}

.menus-tarifs-callendar .menus-tarifs-header-btn span img {
  width: 43px;
  margin-top: -2px;
}

.menus-tarifs-callendar .menus-tarifs-header-btn:hover a {
  /*  background-color: #ffffff;
    color: #000000;*/
}

.menus-tarifs-callendar .menu {
  position: absolute;
  bottom: 54px;
  left: 86px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.page_spectacle .menus-tarifs-callendar .menu {
  z-index: 999;
}

.menus-tarifs-callendar .menu li {
  float: left;
  margin: 0px 13px;
  opacity: 0.19;
  transition: 0.3s ease;
}

.menus-tarifs-callendar .menu li:hover,
.menus-tarifs-callendar .menu li.active {
  opacity: 1;
}

.menus-tarifs-callendar .menu li a {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.menus-tarifs-callendar .menu li a::before {
  content: ' ';
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: -10px;
}

.menus-tarifs-prices {
  text-align: center;
}

.menus-tarifs-prices .col-menu {
  position: relative;
}

.menus-tarifs-prices h2 {
  font-size: 28px;
  letter-spacing: 4px;
  font-weight: 500;
  color: #000000;
}

/*.menus-tarifs-prices h2:after {
  content: ' ';
  width: 278px;
  height: 2px;
  margin: 30px auto;
  background-color: #000000;
  display: block;
}*/

.menus-tarifs-prices .buttons a {
  font-size: 13px;
  letter-spacing: 4px;
  margin: auto 17px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--red);
  background-color: #ffffff;
  border: 1px solid var(--red);
  /*  height: 52px;*/
  border-radius: 26px;
  padding: 0px 35px;
  transition: 0.3s ease;
}

.menus-tarifs-prices .buttons a:hover,
.menus-tarifs-prices .buttons a.active {
  color: #ffffff;
  background-color: var(--red);
}

.col-20 {
  width: 20%;
}

.col-33 {
  width: 33.333%;
}

.menus-tarifs-prices .menu {
  margin-top: 88px;
  position: relative;

  /*NEW*/
  margin-top: 88px;
  position: relative;
  flex-direction: column;
  align-items: center;
}

.menus-tarifs-prices .menu .col-33 {
  margin-bottom: 25px;
}

.menus-tarifs-prices .menu:after {
  content: ' ';
  width: 10000px;
  height: 2px;
  display: block;
  background-color: #c7c7c7;
  margin-top: 30px;
  top: 25px;
  position: absolute;
}

.menus-tarifs-prices .menu a {
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  color: #000000;
  letter-spacing: 2px;
  opacity: 0.25;
  transition: 0.3s ease;
  position: relative;
  /*  NEW*/
  font-size: 13px;
  letter-spacing: 4px;
  margin: auto 17px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--red);
  background-color: #ffffff;
  border: 1px solid var(--red);
  height: 52px;
  border-radius: 26px;
  padding: 0px 35px;
  transition: 0.3s ease;
  height: 36px;
  line-height: 34px;
  display: block;
  opacity: 1;
}

.menus-tarifs-prices .menu a:hover,
.menus-tarifs-prices .menu a.active {
  opacity: 1;
  background-color: var(--red);
  color: #FFFFFF;
}

/*.menus-tarifs-prices .menu a:hover:after,
.menus-tarifs-prices .menu a.active:after,*/
.menus-tarifs-prices .menu .bar {
  content: ' ';
  width: 86px;
  height: 4px;
  display: block;
  background-color: var(--red);
  position: absolute;
  left: 0;
  border-radius: 2px;
  top: 54px;
  z-index: 5;
  transition: 0.3s ease;
}

.menus-tarifs-prices .menu .bar,
.menus-tarifs-prices .menu:after {
  display: none;
}

.menus-tarifs-prices .price-block .col-md-5 {
  padding: 0 110px;
}

.menus-tarifs-prices .price-block .price {
  color: #000000;
  font-size: 25px;
  letter-spacing: 4px;
  padding: 0px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border: 1px solid var(--red);
  width: 100%;
  display: block;
  padding: 16px;
  position: relative;
  cursor: pointer;
}

.menus-tarifs-prices .price label {
  color: #ffffff;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  left: 0;
  font-size: 10px;
  font-weight: 300;
  bottom: 9px;
  text-align: center;
}

.menus-tarifs-prices .menu-block .info-btn {
  background-color: #ffffff;
  color: #000000;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: -4px 4px 7px -3px rgba(0,0,0,0.4);
  box-shadow: -4px 4px 7px -3px rgba(0,0,0,0.4);
  cursor: pointer;
  border: 1px solid #f8f8f8;
}

.menus-tarifs-prices .price-block .label {
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 4px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  background-color: var(--red);
  padding: 8px 0;
  width: 100%;
  display: block;
  border: 1px solid var(--red);
}

.menus-tarifs-prices .price-block .yellow .price {
  border-color: #B27F18;
}

.menus-tarifs-prices .price-block .yellow .label {
  border-color: #B27F18;
  background-color: #B27F18;
}


.menus-tarifs-prices .flag {
  margin-top: 30px;
  width: auto;
  color: #000000;
  font-size: 15px;
  letter-spacing: 4px;
  padding: 13px 72px;
  position: absolute;
  right: 0;
  font-weight: 500;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 3px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.menus-tarifs-prices .menu-block {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menus-tarifs-prices .menu-block .label {
  font-size: 26px;
  font-weight: 300;
  line-height: 35px;
  color: #000000;
}

.menus-tarifs-prices .menu-block strong {
  letter-spacing: 4px;
  font-weight: 500;
}

.menus-tarifs-prices .image {
  height: 326px;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  margin-top: 12px;
  cursor: pointer;
  transition: 1s all ease;
}

.menus-tarifs-prices .menu-block .price {
  font-size: 25px;
  color: #ffffff;
  border-top-left-radius: 14px;
  background-color: var(--red);
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 23px 25px;
  height: 83.5px;
}

.menus-tarifs-prices .menu-block .price-top {
  top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 14px;
}

.menu-block .owl-carousel .item {
  cursor: pointer;
  padding: 0px 9px;
}

.menu-block .owl-carousel .item .img {
  height: 60px;
  margin-top: 12px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor: pointer;
}

.menu-block .owl-carousel .owl-dot {
  height: 2px;
  width: 12px;
  background-color: #000000;
  margin: 0px 3px;
  opacity: 0.14;
}

.menu-block .owl-carousel .owl-dots {
  text-align: center;
}

.menu-block .owl-carousel .owl-dot.active {
  opacity: 1;
}

.menus-tarifs-prices .infos-hover .price {
  position: relative;
}


.page_menus-tarifs-page .menus-tarifs-prices .infos-hover .price {
  height: 63px;
  width: 100%;
  margin: 0px;
}

.menus-tarifs-prices .infos-hover {
  width: 100%;
  height: 417px;
  background-color: #ffffff;
  position: absolute;
  top: 82px;
  left: 0;
  z-index: 9;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  display: none;
}

.menus-tarifs-prices .infos-hover .content {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border: 1px solid var(--red);
  /*  height: 417px;*/
  padding: 0px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.menus-tarifs-prices .infos-hover p {
  font-size: 12px;
  text-align: center;
  margin: 20px 0;
  padding: 0px 10px;
}

.page_reservation-tunnel #section22 {
  min-height: 495px;

}

.page_reservation-tunnel #section62 {
  min-height: 450px;
}

.page_reservation-tunnel .menu hr {
  margin: 20px auto;
  width: 68px;
  border-color: var(--red);
  border-width: 1px;
  opacity: 1;
}

.page_reservation-tunnel .menu .gold hr {
  border-color: var(--gold);
}

.menus-tarifs-prices .infos-hover hr {
  width: 68px;
  border-color: var(--red);
  border-width: 1px;
  margin: 0 auto;
}

.menus-tarifs-prices .infos-hover .price {
  /*  width: calc(100% - (calc(var(--bs-gutter-x) * .5) * 2));*/
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  border-top-left-radius: 0px;
  text-align: center;
  letter-spacing: 4px;
  padding: 13px 0;
  display: block;
  width: calc(100% + 2px);
  margin-left: -1px;
}

.menus-tarifs-prices .infos-hover .close {
  background-color: #ffffff;
  color: #000000;
  position: absolute;
  right: 0px;
  top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: -4px 4px 7px -3px rgba(0,0,0,0.4);
  box-shadow: -4px 4px 7px -3px rgba(0,0,0,0.4);
  cursor: pointer;
  border: 1px solid #f8f8f8;
}

.menus-tarifs-prices .menu-boisson .content {
  border-radius: 14px;
  border: 1px solid var(--red);
  padding-top: 14px;
}

.menus-tarifs-prices .menu-boisson p {
  font-size: 10px;
  margin: 6px 0;
  padding: 0 6px;
}

.menus-tarifs-prices .menu-boisson .price {
  background-color: var(--red);
  width: 100%;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
  border-top-left-radius: 0px;
  text-align: center;
  letter-spacing: 4px;
  padding: 13px 0;
  display: block;
  color: #ffffff;
  margin-top: 20px;
  font-size: 25px;
}

.menus-tarifs-prices .dir {
  font-size: 15px;
  letter-spacing: 2px;
  max-width: 750px;
  margin: 0 auto;
}

.menus-tarifs-prices .download {
  padding: 7px 11px 7px 24px;
  background-color: var(--red);
  border-radius: 20px;
  font-size: 15px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  width: fit-content;
  margin: 0 auto;
  transition: 0.3s ease;
}

.menus-tarifs-prices .download:hover {
  filter: brightness(1.2);
}

.menus-tarifs-prices .download img {
  margin-left: 8px;
}

.menus-tarifs-prices .book:hover {
  background-color: var(--red);
  color: #FFFFFF;
  border-color: var(--red);
}

.menus-tarifs-prices .book {
  padding: 8px 18px;
  border-radius: 25px;
  font-size: 15px;
  color: var(--red);
  text-decoration: none;
  display: block;
  width: fit-content;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 600;
  border: 1px solid var(--red);
  transition: 0.3s ease;
}

.menus-tarifs-prices .book.gold {
  color: var(--gold);
  border: 1px solid var(--gold);
}

.menus-tarifs-prices .book.gold:hover {
  background-color: var(--gold);
  color: #FFFFFF;
  border-color: var(--gold);
}

.menus-tarifs-prices .book img {
  margin-left: 12px;
}

.menus-tarifs-prices .book:hover img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(300%) contrast(102%);
}

.menus-tarifs-prices .book.gold:hover img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(300%) contrast(102%);
}

.menus-tarifs-prices .col-menu {
  /*  width: 217px;*/
  width: 240px;
  margin-left: 55px;
  margin-right: 55px;
}

.sticky-menu {
  /*  position: fixed;*/
  /*  bottom: 54px;
    left: 86px;*/
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 999;
  transition: 0.3s ease;
  /*  opacity: 0;*/

  margin-left: 86px;
}

.sticky-menu li {
  float: left;
  margin: 0px 13px;
  opacity: 0.19;
  transition: 0.3s ease;
}

.sticky-menu li:hover, .sticky-menu li.active {
  opacity: 1;
}

.sticky-menu li a {
  color: #000000;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.sticky-menu li a::before {
  content: ' ';
  width: 100%;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: -10px;
}

.page_spectacles-speciaux .concerts {
  position: relative;
  overflow-x: hidden;
  background-color: rgba(158,18,18,0.05);
  padding-bottom: 40px !important;
}

.page_spectacles-speciaux .concerts .content,
.page_spectacles-speciaux .evenements .content,
.page_spectacles-speciaux .noel .content {
  margin: 0 auto;
  max-width: 1505px;
  padding-top: 50px;
}

/*.page_spectacles-speciaux .concerts .content::before {
  content: ' ';
  width: 369px;
  height: 444px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(158,18,18,0.05);
}
*/
.page_spectacles-speciaux .cover {
  /*  height: 332px;*/
  /*  width: calc(100% - 14px) !important;*/
  float: left;
  /*  padding-left: 35px;*/
  width: auto !important;
}

.page_spectacles-speciaux .concerts .cover {
  height: 332px;
}

.page_spectacles-speciaux .evenements .cover {
  width: 100%;
  padding-left: 0px;
}

.page_spectacles-speciaux .name {
  font-size: 17px;
  letter-spacing: 3px;
  width: 80%;
  text-align: center;
  display: block;
  position: absolute;
  top: 294px;
  left: 10%;
  text-transform: uppercase;
  color: #ffffff;
}

.page_spectacles-precedents .name {
  /*  font-size: 20px;
    letter-spacing: 3px;
    width: 346px;
    text-align: right;
    display: block;
    position: absolute;
    transform: rotate(-90deg);
    top: 158px;
    left: -143px;
    text-transform: uppercase;
    background-color: #F5F5F5;*/
  color: #FFFFFF;
  font-size: 18px;
}

.page_spectacles-speciaux .name span {
  /*  background-color: #faf5f5;*/
  /*  padding-left: 16px;*/
  font-weight: 500;
  color: #ffffff;
}

.page_spectacles-precedents .spectacles .name span {
  /*  background-color: #faf5f5;
    padding-left: 16px;*/
}

.page_spectacles-precedents .spectacles .item a {
  float: left;
}
/*
.page_spectacles-speciaux .name::before {
  content: ' ';
  background: var(--red);
  width: 90%;
  height: 2px;
  display: block;
  left: 0px;
  top: 11px;
  position: absolute;
  z-index: -1;
}*/

/*.page_spectacles-precedents .name::before {
  content: ' ';
  background: var(--red);
  width: 95%;
  height: 2px;
  display: block;
  left: 0px;
  top: 14px;
  position: absolute;
  z-index: -1;
}
*/
.page_spectacles-speciaux .concerts .description {
  float: left;
  font-size: 15px;
}


.page_spectacles-speciaux .concerts .description hr {
  border-color: var(--red);
  width: 65px;
  opacity: 1;
}

.page_spectacles-speciaux .concerts .description p {
  margin-bottom: 0px;
}

.page_spectacles-speciaux .concerts .description .desc {
  font-size: 12px;
}

.page_spectacles-speciaux .concerts .item .auto {
  width: auto;
  position: relative;
}

/*.page_spectacles-speciaux .concerts .price {
  position: absolute;
  right: calc(var(--bs-gutter-x) * .5);
  font-size: 13px;
  color: #ffffff;
  background-color: var(--red);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  top: 194px;
  padding: 2px 20px;
}

.page_spectacles-speciaux .concerts .price.premium {
  background-color: #B27F18;
  top: 228px;
}
*/

.page_spectacles-speciaux .concerts .price {
  width: 204px;
  display: block;
}

.page_spectacles-speciaux .concerts .price:after {
  content: ' ';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--red);
  display: block;
  float: right;
  margin-top: 6px;
}

.page_spectacles-speciaux .concerts .price.premium:after {
  background-color: var(--gold);
}

.page_spectacles-speciaux .concerts .price.purple:after {
  background-color: var(--purple);
}

.page_spectacles-speciaux .order {
  position: absolute;
  background-color: var(--red);
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 20px;
  transition: 0.3s ease;
  color: #ffffff;
  text-decoration: none;
  top: 336px;
  left: calc(50%);
  transform: translateX(-50%);
  padding: 4px 16px;
  width: 135px;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
}

.page_spectacles-speciaux .concerts .order {
  top: 315px;
}

.page_spectacles-speciaux .concerts .name {
  top: initial;
  bottom: 30px;
}


.page_spectacles-speciaux .order::after {
  content: url('/front/img/angle-right-w.svg');
  margin-left: 0px;
  margin-top: 1px;
  float: right;
  height: 5px;
  width: 8px;
}

.page_spectacles-speciaux .order:hover {
  /*  scale: 0.95;*/
}

/*.page_spectacles-speciaux .order.purple {
  color: var(--purple);
}*/
/*
.page_spectacles-speciaux .order.purple::after {
  filter: invert(29%) sepia(9%) saturate(4108%) hue-rotate(202deg) brightness(96%) contrast(89%);
}*/

/*.page_spectacles-speciaux .order.purple:hover {
  background-color: var(--purple);
  color: #FFFFFF;
}*/

.page_spectacles-speciaux .order.red:hover {
  background-color: var(--red);
  color: #FFFFFF;
}

/*.page_spectacles-speciaux .order.purple:hover::after,*/
/*.page_spectacles-speciaux .order.red:hover::after {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}*/

.page_spectacles-speciaux .concerts .owl-carousel .owl-stage-outer {
  overflow-y: auto;
  padding-bottom: 60px;
  background-color: transparent;
}

/*.page_spectacles-speciaux .concerts .owl-carousel .owl-stage-outer {
  overflow: inherit;
}*/

.page_spectacles-speciaux .concerts .owl-carousel {
  width: 150%;
}

.page_spectacles-speciaux .concerts .owl-carousel .owl-nav button.owl-next {
  float: right;
  margin-right: calc(100% / 3);
}

.page_spectacles-speciaux .owl-carousel .owl-nav button span {
  display: none;
}

.page_spectacles-speciaux .owl-carousel .owl-nav button.owl-prev:before {
  content: url(/front/img/espaces-arrow-l.svg);
  height: 22px;
  width: 47px;
  float: left;
}

.page_spectacles-speciaux .owl-carousel .owl-nav button.owl-next {
  float: right;
}

.page_spectacles-speciaux .owl-carousel .owl-nav button.owl-next:before {
  content: url(/front/img/espaces-arrow-r.svg);
}

.page_spectacles-speciaux .evenements .owl-carousel .owl-nav button.owl-next:before {
  content: url(/front/img/espaces-arrow-r-l.svg);
}

.page_spectacles-speciaux .evenements {
  background-color: rgba(158,18,18,0.05);
}

.page_spectacles-speciaux .evenements .description span {
  font-size: 20px;
  color: var(--red);
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding-left: 40px;
  position: relative;
}

.page_spectacles-speciaux .evenements .description span::before {
  content: ' ';
  width: 30px;
  height: 1px;
  background-color: var(--red);
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

.page_spectacles-speciaux .evenements .description {
  float: left;
  font-size: 15px;
  padding-top: 0px;
  line-height: 20px;
  color: #707070;
  padding-left: calc(var(--bs-gutter-x) * .5 * 2);
}

.page_spectacles-speciaux .evenements .item .auto {
  position: relative;
}

.page_spectacles-speciaux .evenements .owl-carousel .owl-stage-outer {
  overflow-y: auto;
  padding-bottom: 80px;
  background-color: transparent;
}

.page_spectacles-speciaux .evenements .name::before {
  background: #4B4B93;
  width: 94px;
}

.page_spectacles-speciaux .evenements .owl-carousel .owl-nav {
  position: absolute;
  top: calc(50% - 35px);
  right: -96px;
}

.page_spectacles-speciaux .evenements .owl-carousel .owl-nav .owl-prev {
  display: none;
}

.page_spectacles-speciaux .noel {
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(158,18,18,0.05) 30%);
}

.page_spectacles-speciaux .noel .item .cover {
  /*  height: 583px;*/
  padding: 0;
  width: 100%;
}

.page_spectacles-speciaux .noel .title {
  font-size: 28px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 96px;
}

.page_spectacles-speciaux .noel .subtitle {
  font-size: 19px;
  margin: 0;
}

.page_spectacles-speciaux .noel .description {
  color: #707070;
  font-size: 15px;
  margin-top: 30px;
  margin-bottom: 54px;
}

.page_spectacles-speciaux .cal {
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 20px;
  transition: 0.3s ease;
  color: var(--purple);
  border: 1px solid var(--purple);
  text-decoration: none;
  padding: 8px 16px;
  width: max-content;
  float: left;
}

.page_spectacles-speciaux .cal::after {
  content: url('/front/img/message-arrow-single-p.svg');
  margin-left: 10px;
  margin-top: 0px;
  float: right;
  height: 22px;
}

.page_spectacles-speciaux .cal:hover {
  background-color: var(--purple);
  color: #FFFFFF;
}

.page_spectacles-speciaux .order.red:hover {
  background-color: var(--red);
  color: #FFFFFF;
}

.page_spectacles-speciaux .cal:hover::after {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.page_spectacles-speciaux .noel .owl-carousel {
  transform: rotate(90deg);
  width: 681px;
  margin-top: 0px;
  top: 272px;
  left: -259px;
  position: absolute;
}

.page_spectacles-speciaux .noel .owl-item {
  width: 138px !important;
  height: 99px;
  display: table;
  margin-right: 20px;
}

.page_spectacles-speciaux .noel figure {
  transform: rotate(-90deg);
  margin:0px
}

.page_spectacles-speciaux .noel figure a {
  background-size: cover;
  height: 138px;
  width: 99px;
  display: block;
}

.page_spectacles-speciaux .noel .owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0px;
  transform: rotate(-90deg);
  top: -279px;
  right: -256px;
  margin-top: 18px;
  width: calc(100% - 193px) !important;
  height: 61px;
  scale: 1;
  transform-style: preserve-3d;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
}

.page_spectacles-speciaux .noel div.owl-carousel .owl-nav .owl-prev,
.page_spectacles-speciaux .noel div.owl-carousel .owl-nav .owl-next {
  font-size: 36px;
  top: unset;
  bottom: 15px;
}


.page_spectacles-speciaux .noel .owl-stage-outer {
  width: 100%;
}

.page_spectacles-speciaux .noel .owl-nav button.owl-prev:before {
  content: url(/front/img/espaces-arrow-l-l.svg);
  height: 22px;
  width: 47px;
  float: left;
}

.page_spectacles-speciaux .noel .owl-nav button.owl-next:before {
  content: url(/front/img/espaces-arrow-r-l.svg);
  height: 22px;
  width: 47px;
  float: right;
}

.page_spectacles-speciaux .noel-big {
  float: right;
  margin-right: 0px;
  display: table;
  width: calc(100% - 125px) !important;
}

.page_spectacles-speciaux .noel-big img {
  width: 100%;
}

.page_spectacles-speciaux .noel .horizontal-bar-container {
  position: absolute;
  bottom: -32px;
  right: calc( (100% - 125px) / 2 - 117px);
}

.bg-red-5 {
  background-color: rgba(158,18,18,0.05);
}

.sticky-menu.bg-red-5 {
  margin-left: 0px;
  margin-bottom: 0px;
  padding-left: 86px;
  padding-bottom: 6rem!important;
  padding-top: 6rem!important;
}


/* ESPACES TARIFS LANDING */

.skew {
  height: 100%;
  width: 100%;
  overflow: hidden;
  /*  cursor: none;*/
}

.skew a {
  cursor: pointer !important;
}

.skew .col {
  transition: all 0.6s ease;
  transition-delay: 0ms;
  width: calc( (100% / 3));
  height: 100%;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.skew .col1 {
  background-image: url('/front/img/espaces-le-majestic.jpg');
  left: 0;
}

.skew .col2 {
  background-image: url('/front/img/espaces-le-versailles.jpg');
}

.skew .col3 {
  background-image: url('/front/img/espaces-spectacle.jpg');
}



.cursor {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  /* border: 2px solid white; */
  /* background-color: rgba(255, 255, 255, 0.356); */
  height: 30px;
  width: 30px;
  border-radius: 50px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.cursor::after,
.cursor::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--red);
  height: 58px;
  width: 58px;
  border-radius: 50%;
}
.cursor::before {
  background-color: var(--red);
}
.cursor.click::before {
  animation: click 1s ease forwards;
  background-color: var(--red);
}
@keyframes click {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(7);
  }
}

.cursor svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 58px;
  transform: translate(-25%, -25%);
  z-index: 1;
  padding: 17px;
}




/* ESPACES LANDING */

.page_menus-tarifs .skew,
.page_nos-espaces .skew {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
}

.page_menus-tarifs .skew .col,
.page_nos-espaces .skew .col {
  min-width: 20%;
  height: 100%;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page_menus-tarifs .skew .col {
  min-width: 33.333%;
}

.page_nos-espaces .skew .col1 {
  background-image: url('/front/img/espaces-le-majestic.jpg');
}

.page_nos-espaces .skew .col2 {
  background-image: url('/front/img/espaces-le-versailles.jpg');
}

.page_nos-espaces .skew .col3 {
  background-image: url('/front/img/espaces-lounge-club.jpg');
}

.page_nos-espaces .skew .col4 {
  background-image: url('/front/img/espaces-spectacle.jpg');
}

.page_nos-espaces .skew .col:hover {
  min-width: 40%;
}

.page_menus-tarifs .skew .col:hover {
  min-width: 40%;
}


.skew .col-shadow {
  background-color: rgba(0, 0, 0, 0.69);
  height: 100%;
  width: 100%;
  transition: 0.3s ease;

  display: flex;
  align-items: center;
  justify-content: center;
}

.skew .col-shadow:hover {
  background-color: rgba(0, 0, 0, 0);
}

.skew .col-shadow:hover .col-content {
  background-color: var(--red);

  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 29px;
}

/*.skew .col-shadow:hover .col-content.gold {
  background-color: #B27F18;
}

.skew .col-shadow:hover .col-content.purple {
  background-color: #494992;
}
*/

.skew .col-content {
  /*  transform: skew(10deg, 0deg);*/
  color: #ffffff;
  z-index: 2;
  padding: 14px 42px 51px 42px;
  text-align: center;
  position: relative;
  /*  scale: 0.7;*/
}

.page_menus-tarifs .skew .col-content {
  padding: 14px 42px 28px 42px;
}

.page_menus-tarifs,
.page_nos-espaces {
  overflow: hidden;
}


.page_nos-espaces .skew .col-content {
  padding: 14px 42px 26px 42px;
  position: relative;
}

.page_menus-tarifs .skew .col-content span {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  font-size: 11px;
  display: none;
}

.page_menus-tarifs .skew .col:hover .col-content span {
  display: block;
}

.skew .col-content .title {
  font-size: 20px;
  letter-spacing: 6px;
  font-weight: 400;
  width: max-content;
  margin: 0 auto 18px auto;
}

.page_menus-tarifs .skew .col-content .title {
  margin: 0 auto 33px auto;
}

.page_menus-tarifs .skew .col-content span {
  bottom: initial;
  top: 43px;
  font-size: 13px;
}

.skew .col-content a {
  font-size: 13px;
  letter-spacing: 4px;
  font-weight: 500;
  border: 1px solid #ffffff;
  border-radius: 20px;
  padding: 10px 20px;
  color: #ffffff;
  text-decoration: none;
  transition: 0.3s ease;
}

.page_menus-tarifs .skew .col-content a {
  text-transform: uppercase;
}

.skew .col-content img {
  margin-left: 6px;
}

.skew .col-content a:hover img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
}

.skew .col-content.gold a:hover img {
  filter: invert(44%) sepia(98%) saturate(390%) hue-rotate(2deg) brightness(97%) contrast(91%);
}

.skew .col-content.purple a:hover img {
  filter: invert(29%) sepia(7%) saturate(4648%) hue-rotate(202deg) brightness(96%) contrast(90%);
}

.skew .col-content a:hover {
  color: var(--red);
  background-color: #ffffff;
}

.skew .col-content.gold a:hover {
  color: #B27F18;
  background-color: #ffffff;
}

.skew .col-content.purple a:hover {
  color: #494992;
  background-color: #ffffff;
}

.spectacle-header .content {
  text-align: center;
}

.spectacle-header .content h1 {
  letter-spacing: 6px;
}

.spectacle-header .content h1 img {
  margin-top: -5px;
}

.spectacle-header .content p.sub-title {
  font-size: 30px;
}

.spectacle-header .content p.desc {
  letter-spacing: 4px;
  text-transform: uppercase;
}


.spectacle-header .order-btn {
  bottom: 195px;
}


.spectacle-header .order-btn:hover {
  color: #FFFFFF;
}

.spectacle-header .arrow-btn {
  bottom: 62px;
  height: 40px;
  width: 40px;
}

.arrow-btn {
  z-index: 888;
  position: absolute;
  bottom: 44px;
  color: #ffffff;
  display: inline-block;
  border: 0;
  text-decoration: none;
  border-radius: 30px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  cursor: pointer;
  text-transform: uppercase;
  left: calc(50% - 24.5px);
  text-align: center;
  transition: 0.3s ease;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-btn:hover {
  background-color: rgba(255,255,255,0.2);
}

.espace-content h5 {
  font-size: 25px;
  font-weight: 300;
}

.page_spectacle .espace-content h1::after {
  width: 100%;
  height: 2px;
  display: block;
  content: ' ';
  background-color: #e3e3e3;
  margin-top: 28px;
}

.page_spectacle .slider .buttons {
  position: absolute;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
}

.page_spectacle .slider .buttons a.artist-link:hover {
  background-color: #F3F3F3;
}

.page_spectacle .slider .buttons a.artist-link {
  /*  visibility: hidden;*/
  height: 38px;
  line-height: 38px;
  padding: 0 26px;
  background-color: #ffffff;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  border-radius: 19px;
  color: #000000;
  font-size: 15px;
  text-transform: initial;
  font-weight: 500;
  letter-spacing: initial;
  display: block;
  margin-top: -188px;
  text-decoration: none;
}

.page_spectacle #spectacle {
  background-image: url('/front/img/frenesie-bg.svg');
  background-repeat: no-repeat;
  background-position-x: -200px;
  background-position-y: -20px;
}

.page_spectacle.page_grand-amour #spectacle {
  background-image: url('/front/img/grand-amour-bg.svg');
}

#spectacle .pre-carousel {
  position: relative;
}

#spectacle .pre-carousel::before {
  content: ' ';
  width: 10000px;
  height: 2px;
  right: calc(100% - 210px);
  top: 262px;
  position: absolute;
  background-color: rgba(0,0,0,0.33);
}

#spectacle .pre-carousel::after {
  content: ' ';
  width: 10000px;
  height: 2px;
  left: calc(100% - 210px);
  top: 262px;
  position: absolute;
  background-color: rgba(0,0,0,0.33);
}

.pre-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pre-carousel a {
  font-size: 30px;
  color: #000000;
  letter-spacing: 4px;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  margin: 0 42px;
}

.pre-carousel a span {
  font-size: 20px;
  margin-top: -7px;
  position: absolute;
}

.pre-carousel a.active:after {
  content: ' ';
  width: 86px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--red);
  position: absolute;
  bottom: -5px;
  left: calc(50% - 43px);
}

.carousel-control-play {
  display: none;
}

.carousel-control-previous::before,
.carousel-control-next::before {
  display: none !important;
}

.carousel-control {
  width: 0px !important;
  height: 0px !important;
  border: none !important;
  transform: scale(1) !important;
  opacity: 1 !important;
  margin: 0 !important;
}

.carousel-controls {
  width: 1000px !important;
  margin: -20px auto 0 auto !important;
}

.carousel-control-previous::after {
  content: url(/front/img/actu-arrow-l.svg) !important;
  transform: scale(1) !important;
  border:none !important;
  left: -54px !important;
}


.carousel-control-next::after {
  content: url(/front/img/actu-arrow-r.svg) !important;
  transform: scale(1) !important;
  border:none !important;
}

.carousel-control-previous {
  margin-right: 103px !important;
}

.carousel-control-next {
  margin-left: 103px !important;
}

.page_spectacle .slider {
  /*  margin-bottom: 196px;*/
  margin-bottom: 0px;
}

.page_spectacle .slider p.desc {
  width: 300px;
  font-size: 15px;
  text-align: center;
  z-index: 5;
  margin: 0 auto 0 auto;
  position: absolute;
  left: calc(50% - 150px);
  line-height: 19px;
}

.page_spectacle .slider .owl-item .desc {
  opacity: 0;
  transition: 0.3s ease;
}

.page_spectacle .slider .owl-item.active ~ .owl-item.active .desc {
  opacity: 1;
}

.page_spectacle .slider .owl-item.active ~ .owl-item.active ~ .owl-item.active .desc {
  opacity: 0;
}

.page_spectacle .red-bar {
  content: ' ';
  background-color: var(--red);
  width: 200px;
  height: 2px;
  position: absolute;
  top: 430px;
  /*  bottom: 33px;*/
  left: calc(50% - 100px);
  z-index: 998;
}

.page_spectacle .mini-suites .fb {
  position: absolute;
  width: 14px;
  bottom: 110px;
  right: 45px;
  opacity: 0;
}

.page_spectacle .mini-suites .ig {
  position: absolute;
  width: 14px;
  bottom: 110px;
  right: 24px;
  opacity: 0;
}

.page_spectacle .slider .owl-item.active ~ .owl-item.active .fb,
.page_spectacle .slider .owl-item.active ~ .owl-item.active .ig {
  opacity: 1;
}

.page_spectacle .slider .owl-item.active ~ .owl-item.active ~ .owl-item.active .fb,
.page_spectacle .slider .owl-item.active ~ .owl-item.active ~ .owl-item.active .ig {
  opacity: 0;
}

.page_spectacle .mini-suites .name {
  color: #ffffff;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 4px;
  width: 230px;
  left: calc(50%);
  transform: translateX(-50%);
  bottom: 132px;
  position: absolute;
  text-align: center;
  font-weight: 500;
  line-height: 35px;
}

.page_spectacle .mini-suites .subname {
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 200px;
  left: calc(50% - 100px);
  bottom: 110px;
  position: absolute;
  text-align: center;
  font-weight: 300;
}

.page_spectacle .slider .owl-item {
  filter: brightness(0.2);
  transition: 0.3s ease;
}

.page_spectacle .slider .owl-item.active {
  filter: brightness(0.26);
}

.page_spectacle .slider .owl-item.active ~ .owl-item.active {
  filter: brightness(1);
}

.page_spectacle .slider .owl-item.active ~ .owl-item.active ~ .owl-item.active {
  filter: brightness(0.26);
}

.coulisses-slider .img {
  display: block;
  height: 192px;
  width: 300px;
  margin-bottom: 42px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.coulisses-slider .owl-carousel .owl-nav button.owl-prev:before {
  content: url(/front/img/espaces-arrow-l.svg);
}

.coulisses-slider .owl-carousel .owl-nav button.owl-next:before {
  content: url(/front/img/espaces-arrow-r.svg);
}

.coulisses-slider .owl-carousel .owl-nav button {
  position: absolute;
}

.coulisses-slider .owl-carousel .owl-nav button.owl-prev {
  left: 40px;
  width: 47px;
  top: 203px;
}

.coulisses-slider .owl-carousel .owl-nav button.owl-next {
  right: 40px;
  top: 203px;
  width: 47px;
}

.coulisses-slider .owl-carousel .owl-nav button.owl-prev span,
.coulisses-slider .owl-carousel .owl-nav button.owl-next span {
  display: none;
}

.page_spectacle .coulisses-slider .owl-carousel .owl-nav button.owl-prev,
.page_spectacle .coulisses-slider .owl-carousel .owl-nav button.owl-next,
.page_spectacle .coulisses-slider .owl-carousel .owl-nav button.owl-prev:before,
.page_spectacle .coulisses-slider .owl-carousel .owl-nav button.owl-next:before,
.page_spectacle .coulisses-slider .owl-carousel .owl-nav button.owl-prev span,
.page_spectacle .coulisses-slider .owl-carousel .owl-nav button.owl-next span {
  z-index: 998;
}

.coulisses-slider .owl-stage-outer::before {
  content: ' ';
  background-color: #ffffff;
  height: 604px;
  width: 209px;
  border-radius: 50%;
  position: absolute;
  left: -104px;
  top: -80px;
  z-index: 4;
}


.coulisses-slider .owl-stage-outer::after {
  content: ' ';
  background-color: #ffffff;
  height: 604px;
  width: 209px;
  border-radius: 50%;
  position: absolute;
  right: -104px;
  top: -80px;
}

.horizontal-bar-container {
  width: 520px;
  margin: 50px auto 0 auto;
  position: relative;
}

.horizontal-bar {
  width: 520px;
  height: 2px;
  background-color: #F0F0F0;
}

.horizontal-bar-ctrl {
  width: 172px;
  height: 2px;
  background-color: var(--red);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease;
}

.page_spectacles-speciaux .horizontal-bar-container {
  width: 235px;
  margin: -18px 0px 0px 90px;
  position: relative;
}

.page_spectacles-speciaux  .horizontal-bar {
  width: 235px;
  height: 2px;
  background-color: #F0F0F0;
}

.page_spectacles-speciaux  .horizontal-bar-ctrl {
  width: 124px;
  height: 2px;
  background-color: var(--red);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease;
}

.horizontal-bar-ctrl.gold {
  background-color: var(--gold);
}

.horizontal-bar-ctrl.purple {
  background-color: var(--purple);
}

input.apple-switch {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  width: 22px !important;
  height: 12px;
  background-color: #fff;
  border: 1px solid #D9DADC !important;
  border-radius: 11px;
  box-shadow: inset -22px 0 0 0 #fff;
  transition: 0.3s ease;
}

input.apple-switch:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: #D9DADC;

  border: 1px solid #D9DADC;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: 0.3s ease;
  /*  box-shadow: 2px 4px 6px rgba(0,0,0,0.2);*/
}

input.apple-switch:checked {
  box-shadow: inset 10px 0 0 0 #0080FF;
  border-color: #0080FF;
}

#form-booking input.apple-switch {
  margin-bottom: -2px;
  margin-right: 3px;
}

input.apple-switch:checked:after {
  display: none;
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}

.page_spectacles-precedents .spectacles {
  background-color: #F5F5F5;
}

.page_spectacles-precedents .spectacles .content {
  margin: 0 auto;
  max-width: 1505px;
}

.page_spectacles-precedents .spectacles .owl-carousel {
  width: 130%;
}

.page_spectacles-precedents .spectacles .owl-carousel img {
  height: 361px;
  width: auto;
  /*  margin-left: 50px;*/
  padding-bottom: 16px;
}

.page_spectacles-precedents .spectacles .saison {
  position: absolute;
  text-align: center;
  font-size: 13px;
  color: #ffffff;
  background-color: var(--red);
  padding: 6px 18px;
  border-radius: 15px;
  left: 49px;
  bottom: 0px;
}

.page_spectacles-precedents .spectacles .owl-carousel .owl-nav {
  position: absolute;
  margin-top: 20px;
  width: 100%;
  max-width: 1505px;
}

.page_spectacles-precedents .spectacles .owl-carousel .owl-nav button span {
  display: none;
}

.page_spectacles-precedents .spectacles .owl-carousel .owl-nav button.owl-next {
  float: right;
}

.page_spectacles-precedents .spectacles .owl-carousel .owl-nav button.owl-next:before {
  content: url(/front/img/espaces-arrow-r.svg);
}

.page_spectacles-precedents .spectacles .hover {
  opacity: 0;
  transition: 0.3s ease;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0px;
  height: 345px;
  width: 245px;
}

.page_spectacles-precedents .spectacles .hover img {
  width: 46px;
  height: 46px;
  padding: 0;
  margin: 0;
}

.page_spectacles-precedents .spectacles a:hover .hover {
  opacity: 1;
}

.spectacle-content a.back {
  text-transform: none;
  text-decoration: none;
  font-size: 15px;
}

.spectacle-content h1 {
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 400;
}

.spectacle-content h2 {
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 400;
  opacity: 0.5;
}

.spectacle-content h2::after {
  display: none;
}

.spectacle-content .pl-5 {
  padding-left: 80px;
  font-size: 20px;
}

.page_spectacle-precedent-page .slider {
  background-color: #F5F5F5;
}

.page_spectacle-precedent-page .main-image {
  height: 367px;
  background-size: cover;
  background-repeat: no-repeat;
}

.page_spectacle-precedent-page h2 {
  opacity: 1;
  color: var(--red);
}

.page_spectacle-precedent-page .espace-content p {
  font-size: 15px;
}

.page_security_login body {
  background: url(/front/img/tarifs-spectacle.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
}

.page_security_login .resa-resume,
.page_security_login footer {
  display: none;
}

header.shop .logo {
  width: 150px;
  left: 282px;
  top: 36px;
}

.page_security_login .login-block {
  margin-top: 240px;
}

.page_security_login .login-block .login {
  margin: 0 auto;
}

.page_security_login .login-block .login h1,
.page_security_login .login-block .login h2 {
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 4px;
}

.page_security_login .login-block .login h3 {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: 400;
}

.page_security_login .login.login-4 .login-form {
  width: 603px;
  max-width: 603px;
}

.page_security_login .login-block form {
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px) brightness(1.15);
  -webkit-backdrop-filter: blur(10px) brightness(1.15);
  border-radius: 16px;
  padding: 40px 54px 22px 54px;
  width: 500px;
  margin: 46px auto 0 auto;
}

.page_security_login .login-block form .form-group {
  margin-bottom: 25px;
  position: relative;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 356px;
}

.page_security_login .login-block form .username::after {
  content: url('/front/img/login-user.svg');
  position: absolute;
  display: block;
  left: 12%;
  top: 4px;
}

.page_security_login .login-block form .password::after {
  content: url('/front/img/login-lock.svg');
  position: absolute;
  display: block;
  left: 12%;
  top: 6px;
}

.page_security_login .login-block form button {
  font-size: 14px;
  padding: 3px 27px;
  border-radius: 19px;
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  margin: 0 14px 25px 14px;
}

.page_security_login .login-block form button:hover {
  background-color: #ffffff;
  color: #4D4D4D;
}

.page_security_login .login-block form .btn-forgotten {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  display: table;
  margin: 0 auto;
}

.page_security_login .login-block form .btn-forgotten:before {
  content: '';
  position: absolute;
  background: #ffffff;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  transition: 0.3s ease;
}

.page_security_login .login-block form .btn-forgotten:hover:before {
  width: 100%;
}

.page_security_login .login-block form button.btn-white {
  color: #4D4D4D;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}

.page_security_login .login-block form button.btn-white:hover {
  color: #ffffff;
  border: 1px solid var(--red);
  background-color: var(--red);
}

.page_security_login .login-block .form-control {
  padding: 5px 33px 5px 52px;
  border-radius: 21px;
  font-size: 14px;
  border: none;
  max-width: 87%;
  margin: 0 auto;
}

.page_security_login .login-block .fv-help-block {
  color: #ffffff;
  margin-top: 10px;
  /*  position: absolute;*/
  /*  width: 413px;*/
  width: 100%;
  text-align: center;
}

.page_security_login .login-signup .checkbox-inline label {
  color: #ffffff;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  box-shadow: none !important;
}

.page_security_login .login-block .note {
  margin-top: 35px;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  font-weight: 300;
  text-align: center;
}

/*.page_security_login .login-block {
  padding-bottom: 180px;
}
*/
#kt_login_forgot_form .fv-plugins-message-container,
.login-reset .fv-plugins-message-container {
  min-height: 30px;
}

.login-reset .fv-help-block {
  position: relative !important;
}

.has-danger .fv-plugins-message-container:nth-of-type(2) {
  display: none;
}

.shop .cart {
  z-index: 888;
  transition: scale 0.3s ease;
  position: relative;
  top: 4px;
}

.shop .cart .badge {
  position: absolute;
  left: 30px;
  top: -6px;
  background-color: var(--red);
  width: 12px;
  height: 12px;
  border-radius: 6px;
  display: block;
  padding: 0;
  opacity: 0;
}
.shop .cart.loaded .badge {
  opacity: 1;
}

.shop .cart img {
  width: 37px;
  height: 35px;
  margin-right: 75px;
}

header.shop.sticky.open .menu-right .cart img,
header.shop.sticky.open .logo,
header.shop.sticky.open .menu-left,
header.shop.sticky.open .menu-right .menu-icon {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
}

header.sticky.shop {
  padding: 18px 85px;
}

header.sticky.shop .logo {
  top: 23px;
}

.page_boutique header .logo,
.page_boutique header .menu-icon,
.page_boutique header .cart img,
.page_boutique header .menu-left {
  filter: brightness(0) saturate(100%);
}

.page_boutique header.shop.open .header .menu-icon {
  filter: none;
}

.page_shop.stack header .logo,
.page_shop.stack header .cart img,
.page_shop.stack header .menu-icon,
.page_shop.stack header .menu-left {
  filter: none;
}

.page_shop.stack .header .menu-right .menu-icon {
  position: absolute !important;
  right: 69px;
}

.page_boutique header.sticky .logo,
.page_boutique header.sticky .menu-icon,
.page_boutique header.sticky .cart img,
.page_boutique header.sticky .menu-left {
  filter: none;
}

header.shop .menu-right {
  content: ' ';
  padding: 12px 29px;
  margin-top: 0px;
  margin-right: -29px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px) brightness(1.15);
  -webkit-backdrop-filter: blur(10px) brightness(1.15);
  border-radius: 30px;
  position: relative;
  z-index: 888;
}


header.shop .menu-right .menu-icon {
  top: 6px;
  right: 29px;
}


header.shop .menu-right {
  height: 55px;
  padding: 4px 20px;
}
header.shop .menu-right .menu-icon {
  height: 55px;
}

.stack header.shop .menu-right {
  height: 68px;
  padding: 12px 29px;
}
.stack header.shop .menu-right .menu-icon {
  height: 68px;
}




/*header.shop.sticky .menu-right {
  background-color: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}*/

.shop-header {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.shop-header .content {
  padding: 150px 85px 0px 85px;
}

.shop-header .col-md-6 {
  padding-right: 250px;
}

.shop-header p.discover {
  color: #5B5B5B;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 0;
  font-weight: 500;
}

.shop-header p.desc {
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  margin-top: 50px;
  margin-bottom: 60px;
  line-height: 22px;
}

.shop-header h1 {
  color: #000000;
  font-size: 70px;
  font-weight: 600;
  font-family: 'Playfair Display', sans-serif;
  text-transform: uppercase;
  letter-spacing: 18px;
  margin-bottom: 20px;
}

.shop-header div.subtitle p {
  color: var(--red);
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 0;
  font-weight: 300;
  background-color: #ffffff;
  width: max-content;
  z-index: 2;
  position: absolute;
  padding: 0px 23px;
  left: -23px;
}

.shop-header div.subtitle {
  position: relative;
  height: 30px;
}


.shop-header div.subtitle span {
  width: 1000px;
  position: absolute;
  right: 0;
  background-color: var(--red);
  height: 2px;
  top: 15px;
  z-index: 1;
}

.shop-header a.button {
  color: #ffffff;
  background-color: var(--red);
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px 16px;
  border-radius: 31px;
  font-weight: 300;
  text-decoration: none;
  border: 1px solid var(--red);
  transition: 0.3s ease;
}

.shop-header a.button img {
  margin-left: 15px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.shop-header a.button:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: var(--red);
}

.shop-header a.button:hover img {
  filter: none;
}

.shop-header ul.menu {
  padding: 0px 0px 0px 85px;
  list-style: none;
  position: absolute;
  bottom: 54px;
  left: -19px;
}

.shop-header ul.menu li {
  float: left;
  position: relative;
  margin: 0px 19px;
}

.shop-header ul.menu li a {
  font-weight: 500;
  font-size: 15px;
  /*  text-transform: uppercase;*/
  color: #000000;
  text-decoration: none;
}

.shop-header ul.menu li::after {
  content: ' ';
  width: 50%;
  height: 2px;
  background-color: var(--red);
  position: absolute;
  left: calc(25%);
  bottom: -6px;
  opacity: 0;
  transition: 0.3s ease;
}

.shop-header ul.menu li:hover::after,
.shop-header ul.menu li.active::after {
  opacity: 1;
}

.items-slider .owl-nav {
  top: -64px;
  position: absolute;
  width: 100%;
}

.items-slider .item img {
  margin-bottom: 20px;
  border-radius: 15px;
}

.items-slider .item .name {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
}

.items-slider .item .subname {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  display: block;
}

.items-slider .item a {
  position: relative;
  width: 100%;
  text-decoration: none;
  display: block;
}

.items-slider .item a:focus-visible,
.items-slider .item a:visited,
.items-slider .item a:hover,
.items-slider .item a:focus-within,
.items-slider .item a:target,
.items-slider .item a:active,
.items-slider .item a:focus {
  border: none;
}

.items-slider .item .price {
  position: absolute;
  right: 0;
  bottom: 0px;
  color: var(--red);
  font-size: 19px;
  font-weight: 600;
}

.page_boutique .items-slider .item .price {
  bottom: -25px;
}

.items-slider .item .category {
  font-size: 10px;
  color: #FFFFFF;
  background-color: var(--red);
  font-weight: 500;
  border-radius: 10px;
  text-transform: uppercase;
  float: left;
  padding: 0px 10px;
  margin-top: 5px;
}

.items-slider a.button {
  margin: 0 auto;
  display: table;
  color: #ffffff;
  background-color: var(--red);
  font-size: 15px;
  padding: 11px 32px;
  border-radius: 31px;
  font-weight: 300;
  text-decoration: none;
  border: 1px solid var(--red);
}

.items-slider a.button img {
  margin-left: 15px;
  width: 24px;
}

.items-slider a.button:hover {
  cursor: pointer;
  filter: brightness(1.1);
}

.owl-carousel.related .col-12 {
  scale: 0.9;
}

.pack-slider .desc {
  font-size: 20px;
  padding: 0px 52px 0px 0px;
  color: #000000;
  margin-top: -186px;
}

.pack-slider.cat-regular .desc {
  margin-top: 38px;
}

.pack-slider .button {
  margin-left: 0px !important;
}

.pack-slider .col-md-8 {
  padding-right: 120px;
}

.pack-slider .col-md-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.pack-slider .item .name {
  display: block;
}

.pack-slider .item .name,
.pack-slider .item .price,
.pack-slider .item .category {
  display: block;
}

.pack-slider .item .price {
  position: relative;
  margin-top: 24px;
}

.pack-slider .owl-prev {
  display: none;
}

.pack-slider .owl-nav {
  top: calc(50% - 110px);
  position: absolute;
  width: 100%;
  right: -72px;
}

.shop-filters {
  background-color: var(--red);
  width: 350px;
  height:460px;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  position: fixed;
  left: 0;
  top: calc(50% - 186px);
  padding: 0px;
  z-index: 555;
}

.shop-filters .title {
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 16px;
  padding: 0px 22px;
  display: table;
  margin: 68px auto 29px auto;
}

.shop-filters form {
  padding: 20px 36px;
  width: 250px;
  height: 253px;
  margin: 0 auto;
  border-radius: 12px;
  background-color: #CC4040;

  /*  background-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
  */
}

.shop-filters .label {
  font-size: 15px;
  color: #FFFFFF;
  margin: 0 0 16px 0;
}

.shop-filters .reset {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  margin: 37px auto 0 auto;
  display: table;
}

.shop-filters .reset:hover {
  text-decoration: underline;
}

.shop-filters .filters {
  list-style: none;
  padding: 0;
  width: 100%;
  display: table;
  margin: 0 0 16px 0;
}

.shop-filters .filters li {
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 1px 12px;
  float: left;
  border-radius: 10px;
  margin: 6px 18px 6px 0px;
  transition: 0.3s ease;
  cursor: pointer;
}

.shop-filters .filters li:hover,
.shop-filters .filters li.active {
  color: #ffffff;
  background-color: var(--red);
}

.shop-filters .noUi-tooltip {
  background: transparent;
  border: none;
  font-size: 12px;
  color: #FFFFFF;
}

.shop-filters .noUi-horizontal {
  height: 4px;
}

.shop-filters .noUi-target {
  border: none;
  box-shadow: none;
}

.shop-filters .noUi-handle:before, .shop-filters .noUi-handle:after {
  display: none;
}

.shop-filters .noUi-horizontal .noUi-handle {
  width: 8px;
  height: 8px;
  right: -4px;
  top: -2px;
  border: none;
  border-radius: 4px;
  background: var(--red);
  box-shadow: none;
  cursor: pointer;
}

.shop-filters .noUi-connect {
  background: var(--red);
}

.shop-filters .noUi-horizontal .noUi-tooltip {
  bottom: -28px;
}

.page_shop .actu-content {
  max-width: 1505px;
  margin: 0 auto;
}

.page_shop header .menu-right .menu-icon {
  position: absolute !important;
  top: 0 !important;
}

.page_shop .header .menu-right {
  position: absolute;
  right: 80px;
}

.page_shop .header .menu-order,
.page_shop .header .search {
  display: none;
}

.page_shop .link-back {
  color: var(--red);
  font-size: 14px;
}

/*.page_boutique-articles .espace-content .content,
.page_boutique-articles .actu-content .content {
  padding-left: 300px;
}*/

.page_boutique-produit .info-header.sticky,
.page_boutique-articles .info-header.sticky {
  left: calc(50% - 1020px / 2);
  border-bottom-left-radius: 30px;
}

.page_reservation-tunnel h1 {
  letter-spacing: 6px;
  font-size: 22px;
  font-weight: 600;
}

.page_reservation-tunnel .subtitle {
  color: #707070;
  font-size: 13px;
}

ul.account-menu,
ul.bar-menu {
  padding: 0;
  list-style: none;
  width: 900px;
  position: absolute;
  right: 0;
  top: -1px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  /*  justify-content: space-between;*/
}

ul.account-menu li,
ul.bar-menu li {
  float: left;
  /*  cursor: pointer;*/
  position: relative;
}

ul.account-menu li a:hover,
ul.bar-menu li a:hover {
  cursor: default;
}

ul.account-menu li.visited:hover,
ul.account-menu li.visited:hover a,
ul.bar-menu li.visited:hover,
ul.bar-menu li.visited:hover a {
  cursor: pointer !important;
}

ul.account-menu li a,
ul.bar-menu li a {
  color: #5B5B5B;
  opacity: 0.25;
  letter-spacing: 4px;
  font-size: 13px;
  margin: 0 10px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s ease;
}

ul.account-menu li.visited:hover a,
ul.account-menu li.active a,
ul.bar-menu li.visited:hover a,
ul.bar-menu li.active a {
  color: #000000;
  opacity: 1;
}

ul.account-menu li.visited:hover::after,
ul.account-menu li.active::after,
ul.bar-menu li.visited:hover::after,
ul.bar-menu li.active::after {
  content: ' ';
  background-color: var(--red);
  height: 3px;
  width: 86px;
  border-radius: 1.5px;
  position: absolute;
  bottom: -22px;
  left: calc(50% - 43px);
}

.espace-content.thin h2 {
  font-size: 18px;
}

.espace-content.thin h2::after {
  margin-top: 10px;
  height: 1px;
}

.btn-primary {
  height: 48px;
  border-radius: 24px;
  border: 1px solid var(--red);
  font-size: 13px;
  text-decoration: none;
  color: var(--red);
  background-color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 500;
  padding: 0px 45px;
  transition: 0.3s ease;
  cursor: pointer;
  position: relative;
  line-height: 46px;
  display: inline-block;
}

.btn-primary.btn-sm {
  height: 36px;
  line-height: 34px;
  padding: 0px 20px;
}

.btn-primary.active,
.btn-primary:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: var(--red);
}

.btn-primary.btn-sm.red {
  background-color: var(--red);
  border-color: var(--red);
  color: #ffffff;
}

.btn-primary.btn-sm.red img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.btn-primary.btn-sm.red.active,
.btn-primary.btn-sm.red:hover {
  color: var(--red);
  background-color: #ffffff;
}

.btn-primary.btn-sm.red.active img,
.btn-primary.btn-sm.red:hover img {
  filter: none;
}



.btn-primary.btn-outline {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-primary.glass {
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  color: #ffffff;
  border: none;
}

.btn-primary.glass img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.btn-primary.text {
  text-transform: none;
  letter-spacing: initial;
}

.btn-primary img {
  margin-left: 16px;
  margin-top: -3px;
}

.btn-primary img.arrow {
  margin-top: -3px;
}

.btn-primary.active img.arrow,
.btn-primary:hover img.arrow {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.btn-primary.glass:hover {
  background-color: var(--red);
}

.btn-primary .heart::after {
  content: url('/front/img/resa_heart_r.svg');
  width: 29px;
  height: 24px;
  position: absolute;
  display: inherit;
  left: 4px;
  bottom: -13px;
}

.btn-primary.active .heart::after,
.btn-primary:hover .heart::after {
  content: url('/front/img/resa_heart_w.svg');
  filter: drop-shadow(0px 2px 2px rgb(0 0 0 / 0.4))
}

h2 .sidetitle {
  font-size: 13px;
  color: var(--red);
  margin-left: 32px;
  letter-spacing: initial;
  font-weight: 400;
}

#section1 label {
  color: #707070;
  font-size: 13px;
  width: 375px;
  text-align: center;
  margin-top: 0px;
  display: table;
  letter-spacing: initial;
  text-transform: none;
}

.page_reservation-tunnel .tunnel-bg {
  background-image: url(/front/img/deesses-bg.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: -135px 280px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.page_reservation-tunnel .tunnel-bg.second {
  background-image: url(/front/img/2025/parfum-bg.svg);
}

.page_reservation-tunnel .btn-next {
  position: absolute;
  right: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.page_reservation-tunnel .error {
  display: none;
}

.resa-recap {
  width: 516px;
  position: absolute;
  /*  position: fixed;*/
  right: 0;
  padding: 0;
  top: 0;
  transition: 0.3s ease;
}

.resa-recap .pdf {
  text-decoration: none;
  color: #FFFFFF;
  background-color: var(--red);
  font-size: 13px;
  height: 25px;
  line-height: 25px;
  width: fit-content;
  padding: 0px 5px 0px 15px;
  display: block;
  border-radius: 13px;
  transition: 0.3s ease;
}

.resa-recap .pdf:hover {
  scale: 0.95;
}

.resa-recap .pdf img {
  height: 17px;
  margin-top: -3px;
  margin-left: 5px;
}

.resa-recap .cover {
  height: 215px;
  width: 148px;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: 28px;
}

.resa-recap .infos {
  width: 340px;
  float: left;
}

.resa-recap h4 {
  font-size: 18px;
  letter-spacing: 5px;
  color: #000000;
  font-weight: 500;
  position: relative;
  margin-bottom: 23px;
}

.resa-recap h4::after {
  margin-top: 10px;
  height: 1px;
  width: 100%;
  display: block;
  content: ' ';
  background-color: #000000;
}

.resa-recap .infos .title {
  font-size: 20px;
  color: var(--red);
  font-weight: 500;
}

.resa-recap .infos p {
  margin-bottom: 10px;
}

.resa-recap .infos .desc {
  font-size: 13px;
  color: #707070;
  font-weight: 300;
  padding-right: 50px;
}

.resa-recap .infos .date {
  font-size: 15px;
  color: var(--red);
  font-weight: 400;
}

.resa-recap .infos .options {
  list-style: none;
  padding: 0;
}

.resa-recap .infos .options li {
  font-size: 13px;
  color: #707070;
  font-weight: 300;
}

.resa-recap .infos .options li a {
  font-size: 10px;
  color: #000000;
  font-weight: 300;
  text-decoration: none;
  margin-left: 20px;
  float: right;
  padding-right: 50px;
  margin-top: 3px;
}

.resa-recap .price {
  width: 100%;
  float: left;
  margin-top: 40px;
  /*  padding-left: 60px;*/
}

.resa-recap .actions {
  width: 100%;
  float: left;
  margin-top: 23px;
}

.resa-recap .actions a {
  transition: 0.3s ease;
}

.resa-recap .actions a img {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.resa-recap .actions a:hover img {
  cursor: pointer;
  animation-name: bounce-h;
  -moz-animation-name: bounce-h;
}

.resa-recap .price p {
  float: right;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  color: #000000;
  letter-spacing: 4px;
  margin: 18px 18px 0 0;
}

.resa-recap .price span {
  float: right;
  font-size: 25px;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 4px;
  background-color: var(--red);
  height: 67px;
  line-height: 67px;
  border-bottom-left-radius: 34px;
  border-top-left-radius: 34px;
  padding-left: 90px;
  padding-right: 78px;
}

.resa-recap .resa-error {
  font-size: 15px;
  position: absolute;
  right: 0;
  bottom: -80px;
  text-align: center;
  width: 387px;
  display: none;
}

.page_reservation-tunnel .resa-resume {
  display: none !important;
}

.page_reservation-tunnel .resto .cover {
  border-radius: 15px;
  background-size: cover;
  background-position: center;
  height: 154px;
  width: 100%;
  display: block;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  margin-bottom: 28px;
  transition: 0.3s ease;
}

.page_reservation-tunnel .resto .cover:hover {
  scale: 0.95;
}

.page_reservation-tunnel .resto .cover span {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 148px);
  height: 36px;
  line-height: 36px;
  width: 296px;
  background-color: var(--red);
  border-radius: 18px;
  font-size: 15px;
  letter-spacing: 4px;
  text-decoration: none;
  color: #ffffff;
  display: table;
  text-align: center;
  filter: drop-shadow(0px 2px 2px rgb(0 0 0 / 0.4))
}


.page_reservation-tunnel .resto .cover span.gold {
  background-color: var(--gold);
}

.page_reservation-tunnel .resto p.desc {
  padding: 0px 90px 0px 90px;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  text-align: center;
  margin-bottom: 0px;
}

.page_reservation-tunnel .resto .disabled .arrow,
.page_reservation-tunnel .resto .disabled p.desc {
  display: none;
}

.page_reservation-tunnel .resto .active p.desc {
  display: none;
}

.page_reservation-tunnel .resto .arrow {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 16px;
}

.page_reservation-tunnel .resto .active .arrow {
  transform: rotate(180deg);
}

.page_reservation-tunnel .resto .arrow.reverse {
  transform: rotate(180deg);
}

.page_reservation-tunnel .resto .col-md-6 {
  transition: 0.3s ease;
}

.page_reservation-tunnel .resto .col-md-6.active {
  width: 75%;
}

.page_reservation-tunnel .resto .col-md-6.disabled {
  width: 25%;
}

.page_reservation-tunnel .resto .col-md-6.disabled .cover span {
  left: calc(50% - 100px);
  width: 200px;
}

.page_reservation-tunnel .menu label.title {
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  background-color: var(--red);
  letter-spacing: 3px;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-top-right-radius: 19px;
  border-top-left-radius: 19px;
  text-transform: uppercase;
}

.page_reservation-tunnel .menu .vip label.title {
  background-color: var(--vip);
}

.page_reservation-tunnel .menu .selector {
  text-align: center;
  margin-bottom: 20px;
}

.page_reservation-tunnel .menu .selector label {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}

.page_reservation-tunnel .menu .content {
  border-left: 1px solid var(--red);
  border-right: 1px solid var(--red);
  padding: 30px 0px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.page_reservation-tunnel .menu .gold .content {
  border-left: 1px solid var(--gold);
  border-right: 1px solid var(--gold);
}

.page_reservation-tunnel .menu .content p {
  padding: 0px 15px;
  margin: 0px;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  text-align: center;
}

.page_reservation-tunnel .menu .content p.bar::after {
  content: ' ';
  width: 66px;
  height: 1px;
  background-color: var(--red);
  display: table;
  margin: 20px auto;
}

.page_reservation-tunnel .menu .price {
  color: #000000;
  font-size: 25px;
  letter-spacing: 6px;
  border: 1px solid var(--red);
  border-bottom-right-radius: 19px;
  border-bottom-left-radius: 19px;
  width: 100%;
  display: block;
  font-weight: 500;
  text-align: center;
  padding: 10px 0px 30px 0px;
}

.page_reservation-tunnel .menu .col {
  position: relative;
  height: fit-content;
}

.page_reservation-tunnel .menu .sel,
.page_reservation-tunnel .menu .qty {
  position: absolute;
  width: 180px;
  height: 42px;
  background-color: #ffffff;
  left: calc(50% - 91px);
  bottom: -21px;
  border-radius: 21px;
  color: #000000;
  line-height: 39px;
  font-size: 13px;
  padding: 0px 25px;
  font-weight: 500;
  border: 1px solid var(--red);
  transition: 0.3s ease;
}

.page_reservation-tunnel .menu .sel {
  text-align: center;
  cursor: pointer;
}

.page_reservation-tunnel .menu .ph .sel {
  border-color: var(--gold);
}

.page_reservation-tunnel .menu .vip .sel {
  border-color: var(--vip);
}

.page_reservation-tunnel .menu .vip .sel,
.page_reservation-tunnel .menu .vip .price {
  border-color: var(--vip);
}

.page_reservation-tunnel .menu .sel:hover {
  scale: 0.95;
}

.page_reservation-tunnel .menu .vip .sel.active {
  background-color: var(--vip);
  color: #FFFFFF;
}

.page_reservation-tunnel .menu .ok .sel.active,
.page_reservation-tunnel .menu .no .sel.active,
.page_reservation-tunnel .menu .pn .sel.active {
  background-color: var(--red);
  color: #FFFFFF;
}

.page_reservation-tunnel .menu .ph .sel.active {
  background-color: var(--gold);
  color: #FFFFFF;
}

.page_reservation-tunnel .menu .qty.nights {
  width: 246px;
  left: calc(50% - 123px);
}

.page_reservation-tunnel .menu .qty.active {
  background-color: var(--red);
  color: #ffffff;
}

.page_reservation-tunnel .menu .qty .controls {
  float: right;
  font-size: 25px;
  font-weight: 500;
}

.page_reservation-tunnel .menu .qty .controls .nbr {
  min-width: 17px;
  text-align: center;
  display: inline-block;
}

.page_reservation-tunnel .menu .qty .controls a {
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
}

.page_reservation-tunnel .menu .qty .controls a img {
  margin: -7px 1px 0px 1px;
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(58deg) brightness(0%) contrast(100%);
}

.page_reservation-tunnel .menu .qty.active .controls a img {
  filter: none;
}

.page_reservation-tunnel .menu .notice {
  font-size: 15px;
  color: var(--red);
  margin: 50px 0 0 0;
  padding: 0;
}

.offset-md-1-5 {
  margin-left: 12.499999999%;
}

.page_reservation-tunnel .menu .col.gold label.title,
.page_reservation-tunnel .menu .col.gold .qty.active {
  background-color: var(--gold);
}

.page_reservation-tunnel .menu .col.gold .qty,
.page_reservation-tunnel .menu .col.gold .price {
  border-color: var(--gold);
}

.page_reservation-tunnel .plan {
  display: table;
  margin: 0 auto;
  width: auto;
  text-transform: none;
  letter-spacing: initial;
  font-size: 13px;
}

.page_reservation-tunnel #section1,
.page_reservation-tunnel #section2 {
  min-height: 626px;
  padding-bottom: 21px;
}

.page_reservation-tunnel #section8 form {
  max-width: 100%;
  width: 100%;
  padding: 40px 64px 60px 64px;
}


.page_reservation-tunnel #section8 form .to-form-message textarea {
  height: 98px;
}

.page_reservation-tunnel #section8 form textarea {
  height: 162px;
}

.page_reservation-tunnel #section8 form .edit-booking,
.page_reservation-tunnel #section8 form .send {
  background-color: var(--red);
  color: #ffffff;
  font-size: 19px;
  border: 1px solid var(--red);
  transition: 0.3s ease;
}

.page_reservation-tunnel #section8 form .edit-booking:hover,
.page_reservation-tunnel #section8 form .send:hover {
  background-color: #ffffff;
  color: var(--red);
}

.page_reservation-tunnel .plan-salle {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.9);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  /*  display: flex;*/
  align-items: center;
  justify-content: center;
}

.page_reservation-tunnel .plan-salle-container {
  width: 50%;
  height: 65%;
  padding: 80px;
  border-radius: 56px;
  background-color: #ffffff;
  position: relative;
}

.page_reservation-tunnel .plan-salle img {
  /*  height: 100%;*/
  height: auto;
  display: table;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.page_reservation-tunnel .plan-salle .plan-close {
  display: flex;
  margin: auto;
  z-index: 2;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.page_reservation-confirm .home {
  background-image: url('/front/img/resa-confirm-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.page_reservation-confirm .home::before {
  display: none;
}

.page_reservation-confirm h1 {
  font-size: 45px;
  font-weight: 700;
  letter-spacing: 6px;
  color: #FFFFFF;
}

.page_reservation-confirm h2 {
  font-size: 35px;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 30px;
}

.page_reservation-confirm p {
  font-size: 25px;
  font-weight: 200;
  color: #FFFFFF;
  margin-bottom: 40px;
}

.page_reservation-confirm .btn-primary {
  display: table;
  margin: 0 auto 20px auto;
}

.page_reservation-confirm .btn-primary.download {
  background-color: transparent;
  padding-right: 5px;
}

.page_reservation-confirm .btn-primary.download:hover {
  background-color: var(--red);
  border-color: var(--red);
}

.page_reservation .home {
  background-image: url('/front/img/resa-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: bottom left;
}

.page_reservation .home::before {
  display: none;
}

.page_reservation .calendar {
  background-color: transparent;
  z-index: 999;
  margin-top: 86px;
}

.page_reservation header {
  z-index: 1000;
}

.page_reservation .calendar-close {
  display: none;
}

.resa-resume {
  background: rgb(79,9,9);
  background: linear-gradient(0deg, rgba(79,9,9,1) 0%, rgba(158,18,18,1) 100%);
}

/*.resa-resume::before {
  content: ' ';
  background-image: url('/front/img/resa-resume-bg.svg');
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 300px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0px 76px;
}*/

.resa-resume.home-message .button {
  font-size: 12px;
  border: none;
  line-height: 30px;
  background-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  transition: 0.3s ease;
  height: 30px;
  padding-left: 20px;
  padding-right: 5px;
}

.resa-resume.home-message .cancel {
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  width: 100%;
  display: table;
  margin-top: 8px;
}

.resa-resume.home-message .button:hover {
  background-color: rgba(255,255,255,0.2);
}

.resa-resume.home-message .button::after {
  margin-left: 0px;
  margin-top: 4px;
  height: 29px;
}

.home-message .home-message-content img {
  width: 13px;
}

.home-message.open .home-message-content img {
  width: 11px;
}

.resa-resume .home-message-content img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
  width: 13px;
}

.resa-resume.open .home-message-content img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
  width: 12px;
}

.resa-resume.home-message {
  bottom: -200px;
}

/*.resa-resume.home-message .title::after {
  content: ' ';
  width: 140px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 70px);
}
*/
.page_shop .breadcrumb {
  padding: 0;
  margin: 0;
  float: left;
}

.page_shop .breadcrumb li {
  float: left;
  margin-right: 13px;
}

.page_shop .breadcrumb span {
  color: var(--red);
  font-weight: 500;
  font-size: 16px;
}

.page_shop .breadcrumb li::after {
  content: url('/front/img/shop-breadcrumb.svg');
  display: block;
  margin-top: 0px;
  float: right;
  margin-left: 13px;
}

.page_shop .breadcrumb li:last-child::after {
  display: none;
}

.page_shop .breadcrumb a {
  color: rgba(121,121,121,0.55);
  font-size: 16px;
  text-decoration: none;
  transition: 0.3s ease;
}

.page_shop .breadcrumb a:hover {
  text-decoration: underline;
}

.page_shop .owl-carousel.product button.owl-dot {
  margin: 0px 4px;
}

.page_shop .owl-carousel.product .owl-dots {
  display: table;
  margin: 16px auto 0px auto;
}

.page_shop .owl-carousel.product button.owl-dot.active {
  margin-top: 0px;
}

.page_shop .owl-carousel.product button.owl-dot span {
  background-color: #000000;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  margin: 3px;
  display: block;
}

.page_shop .owl-carousel.product button.owl-dot.active {
  border: 1px solid #000000;
  border-radius: 10px;
}

.page_shop .favoris {
  font-size: 16px;
  color: #797979;
  float: right;
  text-decoration: none;
  transition: 0.3s ease;
}

.page_shop .favoris.saved {
  color: var(--red);
}

.page_shop .favoris:hover {
  scale: 0.95;
}

.page_shop .favoris i {
  background-image: url('/front/img/shop-heart-w.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  width: 32px;
  height: 32px;
  background-color: #FFFFFF;
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 25px -8px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
  box-shadow: 0px 0px 25px -8px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
  float: right;
  margin-left: 15px;
  margin-top: -4px;
}

.page_shop .favoris.saved i {
  /*  background-color: var(--red);*/
  background-image: url(/front/img/shop-heart.svg);
}

.page_boutique-produit .description {
  /*  padding: 50px;*/
  /*  background-color: #FAF2F2;*/
  border-radius: 17px;
  margin-top: 5rem;
}

.page_boutique-produit .description .title {
  font-size: 28px;
  font-weight: 500;
  color: #000000;
  padding: 0;
  float: left;
  width: 100%;
}

.page_boutique-produit .description .info label,
.page_boutique-produit .description .desc label {
  font-size: 24px;
  color: #000000;
  padding: 0;
}

.page_boutique-produit .description .desc {
  width: 100%;
  display: block;
}

.page_boutique-produit .usecase{
  float: left;
}

.page_boutique-produit .description .info p,
.page_boutique-produit .description .usecase p,
.page_boutique-produit .description .desc p {
  font-size: 14px;
  color: #707070;
  padding: 0;
  line-height: 20px;
}

.page_boutique-produit .description .additional ul {
  color: #000000;
  font-size: 14px;
  padding: 0px 0px 0px 15px;
  float: left;
  width: 100%;
  list-style: none;
}
.page_boutique-produit .description .additional ul .infos {
  background-color: #FFFFFF;
  width: 15px;
  height: 15px;
  margin-left: 15px;
  -webkit-box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 16%);
  box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 16%);
  color: #000000;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
  line-height: 15px;
  font-size: 13px;
  cursor: pointer;
  z-index: 800;
}

.page_boutique-produit .description .additional ul li::before {
  content: "\2022";
  color: var(--red);
  font-weight: bold;
  display: inline-block;
  width: 17px;
  height: 0px;
  font-size: 30px;
  line-height: 15px;
  position: absolute;
  margin-left: -15px;
}

.page_boutique-produit #product .price {
  font-size: 28px;
  color: var(--red);
  padding: 0;
  float: left;
  /*  width: 100%;*/
  font-weight: 500;
}

.page_boutique-produit #product .price i {
  font-style: normal;
}

.page_boutique-produit #product .per-person {
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 6px;
}

.page_boutique-produit #product label {
  /*  border-top: 1px solid var(--red);*/
  padding-top: 6px;
  width: 100%;
}

.page_boutique-produit #product .add-cart {
  letter-spacing: initial;
  text-transform: initial;
  width: 100%;
  text-align: center;
  transition: 0.3s ease;
}

.page_boutique-produit #product .add-cart img {
  height: 19px;
}

.page_boutique-produit #product .add-cart:hover {
  background-color: #ffffff;
  color: var(--red);
}

.page_boutique-produit #product .add-cart:hover img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
}

.page_boutique-produit #product .options {
  display: table;
  text-align: center;
}

.page_boutique-produit #product .options label {
  border-bottom: 2px solid var(--red);
  color: var(--red);
  display: table;
  padding: 0px 45px 5px 45px;
  width: auto;
}

.page_boutique-produit #product .options .title {
  max-width: 92%;
  transform: translateX(4.2%);
  margin: 0;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
}

.page_boutique-produit #product .options .title span {
  color: var(--red);
  font-size: 12px;
}

.page_boutique-produit #product .options .price {
  margin: 3px 0 0 0;
  font-size: 14px;
  font-weight: normal;
  color: var(--red);
  text-align: center;
  width: 100%;
}

.page_boutique-produit #product .options p {
  padding: 0;
  margin: 0;
  line-height: 14px;
}

.page_boutique-produit #product .options .infos {
  background-color: var(--red);
  width: 15px;
  height: 15px;
  position: absolute;
  display: block;
  color: #FFFFFF;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
  line-height: 15px;
  font-size: 13px;
  right: -10px;
  top: -10px;
  cursor: pointer;
  z-index: 800;
  margin: 10px;
}

.page_boutique-produit #product .to-cart .per-person,
.page_boutique-produit #product .to-cart .price {
  float: left;
}

.page_boutique-produit #product .to-cart .qty {
  background-color: #FFFFFF;
  position: relative;
  float: left;
  display: block;
  color: #FFFFFF;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  padding: 0;
  margin: 0;
  border: 1px solid var(--red);
  border-radius: 18px;
}

.page_boutique-produit #product .to-cart .qty a {
  color: var(--red);
  font-size: 18px;
  text-decoration: none;
  padding: 0 15px;
}

.page_boutique-produit #product .to-cart .qty span {
  color: var(--red);
  font-size: 18px;
  text-decoration: none;
}

.page_boutique-produit #product .options ul {
  background-color: rgba(158,18,18,0.05);
  border-radius: 30px;
  padding: 0px 0px 15px 0;
  margin: 0 0 20px 0;
  float: left;
  width: 100%;
  list-style: none;
}

.page_boutique-produit #product .options li {
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 5px;
  margin: 12px;
  width: calc(25% - 24px);
  float: left;
  position: relative;
  height: 66px;
  border: 1px solid #FFFFFF;
}

.page_boutique-produit #product .options li.active {
  border: 1px solid var(--red);
}

.page_boutique-produit #product .options li .qty {
  background-color: var(--red);
  color: #FFFFFF;
  font-size: 12px;
  border-radius: 8px;
  height: 17px;
  line-height: 17px;
  padding: 0 6px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.page_boutique-produit #product .options li .qty a {
  color: #FFFFFF;
  font-size: 12px;
  text-decoration: none;
  padding: 0 6px;
}

.page_boutique-produit #product .owl-carousel .owl-item img {
  border-radius: 15px;
}

#spectacle .owl-dot {
  margin: 0px 4px;
  border: none;
  background-color: transparent;
  padding: 0;
}

#spectacle .owl-dots {
  display: table;
  margin: 4px auto 0px auto;
}

#spectacle .owl-dot.active {
  margin-top: 0px;
}

#spectacle .owl-dot span {
  background-color: #000000;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  margin: 3px;
  display: block;
}

#spectacle .owl-dot.active {
  border: 1px solid #000000;
  border-radius: 10px;
}

.page_notre-histoire .espace-content {
  max-width: 1415px;
}

/* HEADER V2 */

.stack header {
  position: fixed;
  margin: 25px 30px;
  height: 68px;
  border-radius: 34px;
  background: rgb(158,18,18);
  background: linear-gradient(180deg, rgba(226,18,18,1) 0%, rgba(79,9,0,1) 100%);
  width: calc(100% - 60px);
  -webkit-box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
  box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
}

.stack header .logo {
  width: 138px;
  left: calc(50% - 69px);
  top: 11px;
}

.info-header {
  margin: 25px 30px;
  height: 67px;
  background: greenyellow;
}

header .menu-right {
  height: 68px;
  position: absolute;
  top: 11px;
  right: 48px;
  padding-left: 32px;
}

.stack header .menu-right {
  height: 68px;
  border-radius: 34px;
  background: rgb(158,18,18);
  background: linear-gradient(180deg, rgba(158,18,18,1) 0%, rgba(79,9,0,1) 100%);
  position: absolute;
  top: 0;
  right: 0px;
  padding-left: 32px;
}

.page_shop.stack header .menu-right {
  right: 29px;
}

.stack header.open .main-menu .menu-right {
  right: 40px;
}

.stack .menu-left {
  margin-left: -50px;
}

.stack header.open .main-menu .menu-left {
  margin-left: 0px;
}

.stack header .header .menu-right {
  background: transparent;
}

header .menu-right .search,
.stack header .menu-right .search {
  position: relative;
  float: left;
}

.main-menu .header .menu-icon:hover {
  scale: 0.95;
}

header .menu-right .menu-icon,
.stack header .menu-right .menu-icon {
  position: relative;
  float: left;
  height: 68px;
  top: initial;
  display: block;
  right: 36px;
}

header .search,
.stack header .search {
  top: 11px;
  left: 0px;
  min-width: 85px;
}

header .search.activated,
.stack header .search.activated {
  margin-right: 38px;
}

.stack header .menu-right .menu-order {
  position: absolute;
  left: -122px;
  top: 16px;
}

header .menu-right .menu-order {
  position: absolute;
  left: -99px;
  top: 16px;
}

.stack header .menu-right .menu-order a,
header .menu-right .menu-order a {
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  width: auto;
  height: 36px;
  line-height: 36px;
  display: block;
  padding: 0px 14px;
  background: rgba(255,255,255,0.2);
  border-radius: 18px;
  transition: 0.3s ease;
}

header.open .main-menu .menu-order a {
  background: #ffffff;
  border: 1px solid var(--red);
  color: var(--red);
}

header.open .main-menu .search.activated {
  background: transparent;
  border: 1px solid #FFFFFF;
}

.stack header .menu-right .menu-order a:hover,
header .menu-right .menu-order a:hover {
  /*  background: rgba(255,255,255,0.3);*/
  scale: 0.95;
}

.stack body {
  padding-top: 70px;
}

.sub-header {
  display: none;
}

.stack .sub-header {
  display: block;
  background-color: #ffffff;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  top: 68px;
  left: 36px;
  position: absolute;
  -webkit-box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgb(0 0 0 / 0%);
  box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgb(0 0 0 / 0%);
}

.stack .sub-header ul {
  padding: 12px 12px 12px 12px;
}

.stack .sub-header li {
  list-style: none;
  float: left;
  padding: 0px 12px;
  opacity: 0.2;
  transition: 0.3s ease;
  position: relative;
}

.stack .sub-header li:before {
  content: ' ';
  width: 37px;
  height: 2px;
  background-color: #000000;
  border-radius: 2px;
  position: absolute;
  left: calc(50% - 18px);
  cursor: pointer;
}

.stack .sub-header li a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding: 18px 0px 9px 0px;
  cursor: pointer;
}

.stack .sub-header li:hover,
.stack .sub-header li.active {
  opacity: 1;
}

.stack .sub-header li:hover:before,
.stack .sub-header li.active:before {
  background-color: var(--red);
}

.stack .sub-header li.versailles:hover:before,
.stack .sub-header li.active.versailles:before {
  background-color: var(--gold);
}

.stack .sub-header li.lounge:hover:before,
.stack .sub-header li.active.lounge:before {
  background-color: var(--purple);
}

header.open {
  position: fixed;
}

/*.search-open header .logo,*/
header.open .header .logo {
  top: 44px;
  /*  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);*/
  filter: none;
}

header.open .header .menu-right {
  top: 44px;
}

/*.search-open header .menu-right .search,*/

/*.search-open header .menu-right .menu-icon,*/
/*header.open .header .menu-right .menu-icon,*/
/*header.open .header .menu-right .search {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);
}*/



header.open .header .menu-right .search.activated {
  border-color: var(--red);
}

header.open .header .menu-right .menu-icon span {
  background: var(--red);
}

/*.search-open header .menu-right .search.activated {
  margin-right: 52px;
}
*/
header.open .header .menu-left {
  top: 60px;
  position: absolute;
  left: 80px;
  /*  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(4874%) hue-rotate(349deg) brightness(73%) contrast(108%);*/
  filter: none;
}

header.open .header .menu-left a {
  color: var(--red);
}

/*header.open .header .menu-left div.locale:after {
  content: url('/front/img/arrow-r.svg');
}*/

.main-menu .header {
  z-index: 999;
  background: transparent;
  top: 0;
  position: absolute;
  width: 100%;
  left: 0;
  height: 136px;
}

.fc .fc-daygrid-event:hover {
  transition: 0.3s ease;
}

.fc .fc-daygrid-event:hover {
  scale: 0.95;
}

.header-light {
  /*  background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,1) 100%);*/

  background-image: url('/front/img/header-light.png');
  background-repeat: repeat-x;
  background-size: 100% 93px;
  width: 100%;
  height: 93px;
  display: block;
  position: fixed;
  z-index: 9;
}

.bon-cadeau {
  background-color: rgba(158,18,18,0.05);
  border-radius: 30px;
  width: fit-content;
  padding: 38px 48px 38px 48px;
  position: relative;
  transition: all 0.3s ease;
  scale: 0.9;

}

/*.bon-cadeau:hover {
  transform: perspective(600px) rotateX(0deg) rotateY(-7deg);
}*/

.bon-cadeau .per-person {
  background-color: var(--red);
  position: absolute;
  height: 20px;
  top: 26px;
  right: 0;
  font-size: 10px;
  color: #FFFFFF;
  padding: 0px 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.bon-cadeau .per-person span {
  height: 20px;
  float: left;
  line-height: 20px;
}

.bon-cadeau .per-person img {
  margin: 4px 0px 0px 6px;
}

#bon-cadeau-results .bon-cadeau img.cover {
  width: 100%;
}

.bon-cadeau ul {
  color: #000000;
  font-size: 14px;
  padding: 0px 0px 0px 15px;
  margin-top: 15px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
  list-style: none;
}

.bon-cadeau ul li::before {
  content: "\2022";
  color: var(--red);
  font-weight: bold;
  display: inline-block;
  width: 17px;
  height: 0px;
  font-size: 30px;
  line-height: 15px;
  position: absolute;
  margin-left: -15px;
}

.bon-cadeau .actions {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 50px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 1px solid var(--red);
  background-color: var(--red);
}

.bon-cadeau .actions2 {
  position: absolute;
  height: 33px;
  width: 240px;
  background-color: var(--red);
  border-radius: 16px;
  margin: 0px;
  top: calc(74% - 16px);
}

.shop_bons_section2 .bon-cadeau  .actions2 {
  top: calc(100% - 16px) !important;
}

.bon-cadeau .actions2 .price {
  color: #FFFFFF;
  margin: 0px;
  width: 80%;
  text-align: center;
  margin-top: 2px;
}

.bon-cadeau .actions2 .add-cart {
  position: absolute;
  background-color: #FFFFFF;
  right: 3px;
  top: 3px;
  height: 26px;
  width: 50px;
  border-radius: 13px;
  text-align: center;
}

.bon-cadeau .actions2 .add-cart img {
  margin: 0px;
}

#bon-cadeau-9 {
  position: relative;
}
#bon-cadeau-9::before {
  content: url('/front/img/stars1.svg');
  position: absolute;
  left: -46px;
  bottom: 77px;
}

#bon-cadeau-4 {
  position: relative;
}
#bon-cadeau-4::before {
  content: url(/front/img/stars1.svg);
  position: absolute;
  left: -60px;
  top: -23px;
  z-index: -1;
}

#bon-cadeau-5 {
  position: relative;
}
#bon-cadeau-5::before {
  content: url(/front/img/stars2.svg);
  position: absolute;
  right: -60px;
  bottom: 59px;
  z-index: -1;
}

#bon-cadeau-1 {
  position: relative;
}
#bon-cadeau-1::before {
  content: url(/front/img/stars3.svg);
  position: absolute;
  left: 42px;
  top: 16px;
  z-index: -1;
}
#bon-cadeau-1::after {
  content: url(/front/img/stars4.svg);
  position: absolute;
  right: 22px;
  bottom: 110px;
  z-index: -1;
}

#bon-cadeau-3 {
  position: relative;
}
#bon-cadeau-3::before {
  content: url(/front/img/stars5.svg);
  position: absolute;
  right: 55px;
  top: 116px;
  z-index: -1;
}

#bon-cadeau-10-minus {
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  width: auto;
  padding: 4px 17px;
  cursor: pointer;
  z-index: 10;
  margin-left: 5px;
  font-size: 22px;
  line-height: 24px;
}

#bon-cadeau-10-plus {
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  width: auto;
  padding: 4px 17px;
  cursor: pointer;
  z-index: 10;
  font-size: 22px;
  line-height: 24px;
}

#bon-cadeau-10 .bon-cadeau .actions2 .price {
  color: #FFFFFF;
  margin: 0px;
  width: auto;
  text-align: center;
  margin-top: 2px;
  float: left;
}

.items-slider .item .bon-cadeau a {
  display: table;
}

.bon-cadeau .actions .price {
  width: calc(100% - 56px);
  margin: 0px;
  height: 48px;
  line-height: 48px;
  color: #FFFFFF;
  font-size: 24px;
  text-align: center;
}

.bon-cadeau .actions .price {
  width: calc(100% - 56px);
  margin: 0px;
  height: 48px;
  line-height: 48px;
  color: #FFFFFF;
  font-size: 24px;
  text-align: center;
}

.bon-cadeau .actions .fast-cart:active,
.bon-cadeau .actions .fast-cart:focus,
.bon-cadeau .actions .fast-cart:visited,
.bon-cadeau .actions .fast-cart {
  position: absolute;
  right: -1px;
  border-bottom-right-radius: 30px;
  background-color: #FFFFFF;
  bottom: -1px;
  border: 1px solid var(--red);
  width: 56px;
  height: 50px;
}

.bon-cadeau .actions .fast-cart:hover {
  border: 1px solid var(--red) !important;
}

.bon-cadeau .actions .fast-cart img {
  margin: 8px 0px 0px 9px;
  width: 32px;
}

.bon-cadeau .name-hover {
  position: absolute;
  bottom: 45px;
  color: #FFFFFF;
  text-decoration: none;
  width: 100%;
}

.bon-cadeau .name-hover p {
  text-decoration: none;
  color: #FFFFFF;
  padding: 0px;
  width: 100%;
  float: left;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0px 0px 5px 0px;
}


.bon-cadeau .name-hover span {
  font-size: 10px;
  text-align: center;
  width: 100%;
  float: left;
}

.items-slider .item .bon-cadeau .favoris {
  position: absolute;
  top: 17px;
  right: 12px;
  width: auto;
  cursor: pointer;
  z-index: 999;
}

.items-slider .item .bon-cadeau .favoris i {
  margin: 0;
}

.page_spectacle .owl-carousel .owl-nav button.owl-next:before {
  content: url(/front/img/espaces-arrow-r.svg) !important;
}

.bon-form {
  background-color: #f8f8f8;
  border-radius: 20px;
  height: 40px;
  border: none;
  padding: 0 15px;
  font-size: 14px;
  width: 100%;
  max-width: 350px;
  margin-left: -15px;
}

.bon-list {
  padding: 0;
  list-style: none;
  font-size: 14px;
  margin-top: 10px;
}

.bon-list label {
  margin-right: 5px;
}

.to-form-message label,
.form-cgu label {
  letter-spacing: initial;
}

.histo-list {
  list-style: none;
}

.histo-list li {
  background-color: #FAF2F2;
  border-radius: 15px;
}

.histo-list li .text-small {
  font-size: 16px !important;
}

.histo-list .bg {
  padding: 30px;
  list-style: none;
}

.histo-list .bg.frenesie {
  background-image: url('/front/img/frenesie-bg-w.svg');
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: -15px 47%;
}

.histo-list .bg.grand-amour {
  background-image: url('/front/img/grand-amour-bg-w.svg');
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: -15px 47%;
}

.cart-recap {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cart-recap li {
  padding: 0;
  font-size: 14px;
  opacity: 0.8;
}

#payment-form {
  background-color: #FAF2F2;
  box-shadow: none;
}

.payment-manual {
  background-color: #FAF2F2;
  padding: 36px 40px 8px 40px;
  border-radius: 14px;
}

.payment-complete {
  border-radius: 15px;
  background-color: #FAF2F2;
}

#payment-form #submit {
  margin: 0 auto;
  display: block;
}

#form-booking .edit-booking,
#form-booking .send {
  bottom: -20px;
  background-color: var(--red);
  color: #ffffff;
  font-size: 19px;
  border: 1px solid var(--red);
  transition: 0.3s ease;
}

#form-booking .edit-booking:hover,
#form-booking .send:hover {
  background-color: #ffffff;
  color: var(--red);
}

.fc .fc-more-popover .fc-popover-body {
  background: rgba(0,0,0,0.9);
}

.fc-theme-standard .fc-popover {
  border-radius: 15px;
}

.fc-theme-standard .fc-popover-header {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.fc-theme-standard .fc-popover-body {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.fc .fc-daygrid-more-link {
  color: #FFFFFF;
}

.fc .fc-popover-title {
  margin: 0px 0px 0px 10px;
  font-size: 14px;
}

.page_mini-suites .owl-carousel .owl-nav button.owl-prev:before {
  content: url(/front/img/actu-arrow-l.svg);
}

.fc-theme-standard .fc-list {
  border: 0px !important;
}


.fc .fc-list-sticky .fc-list-day>* {
  background: transparent !important;
}

.fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text,
.fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text {
  text-decoration: none;
  color: #ffffff;
}

.fc .fc-list-event-graphic, .fc .fc-list-event-time,
.fc .fc-list-event-title a {
  color: #FFFFFF !important;
}

.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
  padding-right: 14px !important;
}

.fc .fc-list-event-dot {
  border-color: var(--red) !important;
}

.fc .fc-list-event:hover td {
  background: rgba(255,255,225,0.1) !important;
}

.espace-tarifs .bubble2 {
  right: 254px;
}

.page_spectacle_logo_line {
  margin: 0 20px;
}

.page_spectacle_logo {
  width: 300px;
  max-width: 100%;
}

.histo-list-img {
  width: 80%;
  max-width: 323px;
}

.page_reservation-payment .histo-list-img {
  width: 100%;
  max-width: 323px;
}

.tooltipster-sidetip .tooltipster-content {
  line-height: 18px;
  padding: 15px;
  text-align: center;
}

.tooltipster-sidetip .tooltipster-box {
  border-radius: 15px;
}

.qty-bons-before {
  color: var(--red);
  position: absolute;
  top: -14px;
  width: 100%;
  font-size: 10px;
  text-transform: uppercase;
  font-style: initial;
  line-height: initial;
  left: -3px;
}


.qty-bons-after {
  color: var(--red);
  position: absolute;
  bottom: -28px;
  width: 100%;
  font-size: 10px;
  text-transform: uppercase;
  font-style: initial;
  line-heiùght: initial;
  left: 0px;
}























































/* FOOTER */

footer {
  /*  margin-top: 240px;*/
  background-color: #272727;

  z-index: 998;
  position: absolute;
  width: 100%;
}

footer .pad {
  padding-top: 50px;
  padding-bottom: 16px;
}

footer .bottom {
  background-color: #393939;
  height: 60px;
  margin-top: -16px;
}

footer .bottom span {
  font-size: 15px;
  color: #707070;
  line-height: 60px;
  display: table;
  margin: -2px auto 0 auto;
}

footer .bottom ul {
  list-style: none;
  padding: 0px;
}

footer .bottom li {
  float: left;
  margin-right: 70px;
}

footer .bottom li a {
  font-size: 13px;
  color: #707070;
  line-height: 60px;
  text-decoration: none;
  position: relative;
  font-weight: 400;
}

footer .dix-logo {
  height: 28px;
}

footer .bottom li a:before {
  content: '';
  position: absolute;
  background: #707070;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  transition: 0.3s ease;
}

footer .bottom li a:hover:before {
  width: 100%;
}

footer .item {
  color: #FFFFFF;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 4px;
  margin-bottom: 12px;
  display: table;
  position: relative;
}

footer .item:before {
  content: '';
  position: absolute;
  background: #ffffff;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  transition: 0.3s ease;
}

footer .item:hover:before {
  width: 100%;
}

footer .second a {
  margin-bottom: 50px;
}

footer .submenu {
  margin-bottom: 35px;
}

footer .submenu a {
  font-size: 15px;
  color: #707070;
  display: table;
  text-decoration: none;
  margin-bottom: 12px;
  position: relative;
  font-weight: 300;
}

footer .submenu a:before {
  content: '';
  position: absolute;
  background: #707070;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  transition: 0.3s ease;
}

footer .submenu a:hover:before {
  width: 100%;
}

footer h5 {
  color: #ffffff;
  font-size: 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 4px;
  margin-bottom: 16px;
}

footer p {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
}

footer a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

footer .third {
  text-align: center;
  border-left: 2px solid #393939;
  position: relative;
}

footer .phone,
footer .address {
  letter-spacing: 4px;
  position: relative;
}

footer .phone:before {
  content: '';
  position: absolute;
  background: #ffffff;
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 0;
  transition: 0.3s ease;
}

footer .phone:hover {
  color: #FFFFFF;
}

footer .phone:hover:before {
  width: 100%;
}

footer .third ul {
  margin-top: 40px;
  padding: 0px;
  list-style: none;
}

footer .third li a {
  font-weight: 300;
  margin-bottom: 12px;
  position: relative;
}

footer .third li a:hover {
  color: #ffffff;
  text-decoration: none;
}

footer .third li a:before {
  content: '';
  position: absolute;
  background: #ffffff;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  transition: 0.3s ease;
}

footer .third li a:hover:before {
  width: 100%;
}

footer .copyright {
  color: #707070;
  margin-top: 25px;
  margin-bottom: 20px;
  font-weight: 400;
}

footer .totop {
  position: absolute;
  right: 0;
  top: 0px;
}

footer .dix {
  filter: saturate(0) brightness(0.5);
  transition: 0.3s ease;
}

footer .dix:hover {
  filter: saturate(1) brightness(1);
}

.page_lounge-club footer,
.page_espace-entreprises footer,
.page_nos-partenaires footer,
.page_informations-pratiques footer,
.page_spectacles-speciaux footer,
.page_spectacle-precedent-page footer,
.page_faq footer {
  margin-top: 0px;
}

/*.page_spectacle body,
.page_mini-suites body,
.page_notre-histoire body,
.page_espace-entreprises body,
.page_menus-tarifs-page body,
.page_menus-tarifs body,
.page_boutique body,
.page_boutique-articles body,
.page_reservation body {
  overflow-x: hidden;
}

body {
  overflow-x: hidden !important;
}*/

.page_lounge-club .info-header,
.page_la-salle .info-header,
.page_le-majestic .info-header,
.page_le-versailles .info-header,
.page_menus-tarifs-page .info-header {
  display: none;
  opacity: 1;
}

.page_lounge-club .owl-carousel .owl-stage-outer,
.page_la-salle .owl-carousel .owl-stage-outer,
.page_le-majestic .owl-carousel .owl-stage-outer,
.page_actualites .owl-carousel .owl-stage-outer,
.page_news .owl-carousel .owl-stage-outer,
.page_le-versailles .owl-carousel .owl-stage-outer,
.page_espace-entreprises .owl-carousel .owl-stage-outer {
  background-color: transparent;
}

.page_lounge-club .info-header.sticky,
.page_la-salle .info-header.sticky,
.page_le-majestic .info-header.sticky,
.page_le-versailles .info-header.sticky,
.page_menus-tarifs-page .info-header.sticky {
  display: block;
  opacity: 1;
}

.page_reservation-tunnel i,
.page_menus-tarifs-page i {
  font-style: initial;
}

.totop {
  height: 70px;
  width: 51px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.totop img {
  position: absolute;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  color: white;
}

.totop:hover img {
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

/* MAGIC MOUSE */

/*html,* { cursor: none; }*/

body #magicMouseCursor {
  position: fixed;
  width: 35px;
  height: 35px;
  border: 1px solid var(--red);
  border-radius: 50%;
  z-index: 9999;
  left: 0;
  top: 0;
  transition: transform 0.07s, width 0.3s, height 0.3s;
  pointer-events: none;
}
body #magicMouseCursor.cursor-square {
  border-radius: 0;
}
body #magicPointer {
  height: 5px;
  width: 5px;
  z-index: 9999;
  top: 0;
  left: 0;
  position: fixed;
  background: var(--red);
  border-radius: 50%;
  pointer-events: none;
  transition: background 0.2s, width 0.2s, height 0.2s, box-shadow 0.2s;
}
body #magicPointer.is-hover {
  background: red;cursor: none;
}
body #magicPointer.pointer-blur {
  height: 50px;
  width: 50px;
  background: none;
  border: 1px solid var(--red);
  box-shadow: 0px 0px 15px -5px white;
}
body #magicPointer.pointer-overlay {
  height: 50px;
  width: 50px;
  mix-blend-mode: difference;
  box-shadow: 0px 0px 15px -5px white;
}
body .magic-hover {
  transition: all 0.2s;
}
body .magic-hover:hover {
  cursor: none;
}



#search {
  z-index: 999;
  display: block;
  position: fixed;
  right: calc((50% + 222px)* -1);
  top: 0px;
  height: 100%;
  width: calc(50% + 200px);
  background-color: rgba(255,255,255,1);
  border-bottom-left-radius: 60px;
  border-top-left-radius: 60px;
  padding: 200px 80px 150px 80px;
  transition: all 0.3s;
  -webkit-box-shadow: -10px 0px 13px -10px #000000, 5px 5px 15px 5px rgb(0 0 0 / 0%);
  box-shadow: -10px 0px 13px -10px #000000, 5px 5px 15px 5px rgb(0 0 0 / 0%);
}

.search-open #search {
  right: 0px;
}

#search .infos {
  text-align: right;
}

#search .infos .results {
  font-size: 18px;
  font-weight: 500;
}

#search .infos .faq {
  font-size: 13px;
}

#search .infos .faq a {
  color: #000000;
}

#search .arrow {
  content: ' ';
  width: 40px;
  height: 40px;
  background-image: url('/front/img/calendar-cross-r.svg');
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: -20px;
  bottom: calc(50% - 20px);
  z-index: 888;
  cursor: pointer;
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 2px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  transition: 0.3s ease;
  background-size: 16px;
}

#search .arrow:hover {
  scale: 0.95;
}

#search .search-header .menu-right {
  top: 25px;
  right: 30px;
  background: transparent !important;
}
#search .search-header .search.activated {
  border-color: var(--red);
}

#search .search-header .search.activated input {
  color: var(--red);
}

#search .menu-icon span {
  background-color: var(--red);
}

#search .logo {
  top: 36px;
  left: 131px;
}

#search  .menu-right .menu-icon {
  margin-left: 22px;
}

#search .results-list {
  padding: 0;
  list-style: none;
  margin-top: 60px;
  height: -webkit-fill-available;
  max-height: -webkit-fill-available;
  overflow-y: scroll;
  position: relative;

  /*  -webkit-mask-image: -webkit-gradient(linear, left top,
      left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  */

}

#search .results-list {
  /*FireFox*/
  scrollbar-width: none;
  /*IE10+*/
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

#search .results-list::-webkit-scrollbar {
  display: none;
  width: 0;
  -webkit-appearance: none;
}


#search .results-list::-webkit-scrollbar-track {
  background: transparent;
  -webkit-appearance: none;
}


/*#search .results-list::before {
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: red;
}*/

#search .results-list li {
  font-size: 16px;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #808080;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease;
}

#search .results-list li:hover {
  scale: 0.95;
  cursor: pointer;
}

#search .results-list li p {
  margin: 0;
}

#search .results-list li img {
  float: right;
  position: absolute;
  right: 0;
  top: calc(50% - 11px);
}

#search .results-list li span {
  color: #FFFFFF;
  height: 26px;
  width: 80px;
  background-color: var(--red);
  border-radius: 13px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 18px;
}

.page_shop p.shop-empty {
  text-align: center;
}

.floating-cart {
  width: 40px;
  height: 40px;
  padding:6px;
  background-color: var(--red);
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  opacity: 0;
  z-index: 9999;
  filter: brightness(1.2);
}

.floating-cart.moving {
  transition: 0.8s ease;
}

.floating-cart img {
  height: 19px;
  margin: 0 auto;
  display: table;
}

#mon-compte .float-right {
  margin-top: -5px;
}

#cart a.back {
  text-transform: none;
  text-decoration: none;
  font-size: 15px;
  color: var(--red);
  display: block;
  position: relative;
  padding-left: 60px;
}

#cart a.back::before {
  content: url(/front/img/actu-arrow-l-r.svg);
  cursor: pointer;
  margin-right: 5px;
  position: absolute;
  top: -1px;
  left: 0px;
}

#cart .product .image img {
  padding-right: 30px;
  max-width: 163px;
}

#cart .product p {
  margin-bottom: 5px;
}

#cart .product p.name {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
}

#cart .product p.name span {
  font-size: 14px;
  font-weight: 500;
  color: #707070;
  text-decoration: none;
}

#cart .product p.description {
  font-size: 15px;
}

#cart .flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
}

#cart .product .quantity span.pers {
  font-size: 12px;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 50%;
  transform: translateY(35px);
}

#cart .flex-left {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#cart .flex-right {
  display: flex;
  align-items: end;
  justify-content: center;
  flex-direction: column;
}

#cart .list hr {
  border-top: 1px solid #000000;
  margin: 10px 0 0 0;
  opacity: 1;
}

#cart .list .product:last-child hr {
  opacity: 0;
}

#cart .product .quantity span {
  font-weight: 500;
  font-size: 20px;
  margin: 0 5px;
}

#cart .product .price span {
  font-weight: 500;
  font-size: 22px;
  margin: 0 5px;
}

#cart .product .total span {
  font-weight: 500;
  font-size: 22px;
  margin: 0 5px;
  color: var(--red);
}


.page_boutique-panier .actu-content.newsletter form {
  margin: 0;
}

.page_boutique-panier .recap {
  list-style: none;
  padding: 0;
}

.page_boutique-panier .recap li {
  font-size: 16px;
  margin-bottom: 20px;
  color: #707070;
}

.page_boutique-panier .recap li strong {
  font-weight: 600;
  color: #000000;
}

.page_boutique-panier .recap li .text-red {
  font-weight: 600;
  font-size: 19px;
}

.page_boutique-panier .recap button {
  width: 100%;
}

.page_boutique-panier .recap button:hover {
  background-color: #ffffff;
  color: var(--red);
}

#rp_loader {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

#rp_loader .left {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background: rgb(226,18,18);
  background: linear-gradient(180deg, rgba(226,18,18,1) 0%, rgba(79,9,9,1) 100%);
  transition: all 0.6s ease;
  transition-delay: 1s;
}

#rp_loader .right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background: rgb(226,18,18);
  background: linear-gradient(180deg, rgba(226,18,18,1) 0%, rgba(79,9,9,1) 100%);
  transition: all 0.6s ease;
  transition-delay: 1s;
}

#rp_loader .rp_logo {
  display: block;
  position: relative;
}

#rp_loader .rp_logo img {
  width: 285px;
  transition: all 0.6s ease;
  transition-delay: 0.6s;
  scale: 1;
  opacity: 1;
}

#rp_loader .rp_bar {
  width: 190px;
  height: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
  margin-top: 44px;
  position: relative;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  transition: all 0.3s ease;
  transition-delay: 0.6s;
  opacity: 1;
}

#rp_loader .rp_bar span {
  background-color: var(--red);
  width: 0%;
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  transition: all 0.6s ease;
}

#rp_loader.close .left {
  width: 0px;
}

#rp_loader.close .right {
  width: 0px;
}


#rp_loader.close .rp_bar span {
  width: 100%;
}

#rp_loader.close .rp_bar {
  opacity: 0;
}

#rp_loader.close .rp_logo img {
  scale: 5;
  opacity: 0;
}

.number .number-val {
  height: 36px;
  line-height: 34px;
  width: 42px;
  text-align: center;
  color: var(--red);
  border: 1px solid var(--red);
  float: left;
  border-radius: 0px;
}

.number .number-minus {
  height: 36px;
  line-height: 34px;
  width: 28px;
  color: #FFFFFF;
  background-color: var(--red);
  text-align: center;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  float: left;
  text-decoration: none;
  padding-left: 3px;
}

.number .number-plus {
  height: 36px;
  line-height: 34px;
  width: 28px;
  color: #FFFFFF;
  background-color: var(--red);
  text-align: center;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  float: left;
  text-decoration: none;
  padding-right: 3px;
}

.mini-suites-link {
  text-align: center;
  color: var(--red);
  font-size: 13px;
  transition: all 0.3s ease;
}

.mini-suites-link:hover {
  font-weight: 600;
  color: var(--red);
}

.page_reservation-tunnel .checkbox input {
  width: auto;
  margin-right: 10px;
}

.page_reservation-tunnel .checkbox {
  font-size: 12px;
  letter-spacing: 2px;
}

.page_reservation-tunnel .form-group.gift {
  font-size: 15px;
  letter-spacing: 2px;
  color: #000000;
  display: none;
}

.page_reservation-tunnel .form-group.gift input {
  font-size: 15px;
  font-weight: 300;
  color: #000000;
  width: 100%;
  max-width: 420px;
  border: none;
  border-bottom: 2px solid #dadada;
  margin-bottom: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 0px;
  margin: 0 auto;
  background-color: transparent;
}


.fluid-menu .nav-menu {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;


}

.fluid-menu .nav-list {
  height: auto;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  background-color: #FFFFFF;
  border-radius: 20px;
}

.fluid-menu  .nav-list ul {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 16%);
  margin: 0;
  border-radius: 20px;
  padding: 0;
}
.fluid-menu  .nav-list ul li {
  list-style: none;
  height: auto;
  width: auto;
  position: relative;
}

.fluid-menu  .nav-list ul li.soon:before {
  content: 'bientôt';
  position: absolute;
  text-transform: uppercase;
  color: var(--red);
  border-radius: 7px;
  border: 1px solid var(--red);
  font-size: 8px;
  top: 3px;
  right: 7px;
  padding: 1px 5px;
  background: #FFFFFF;
  line-height: 8px;
  opacity: 1;
  transition: 0.3s ease;
}

.fluid-menu  .nav-list ul li.hover:before,
.fluid-menu  .nav-list ul li:hover:before {
  opacity: 0;
}

.fluid-menu  .nav-list ul li a {
  text-decoration: none;
  font-size: 14px;
  color: black;
  padding: 8px 16px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  transition: 0.3s ease;
}

.fluid-menu  .nav-list ul li.hover a,
.fluid-menu  .nav-list ul li:hover a {
  filter: invert(1);
}

.fluid-menu  .nav-list .overlay {
  position: absolute;
  /*   for test */
  /*  height: 10px;
    width: 100px; */
  /*  for test  */
  background-color: var(--red);
  z-index: 0;
  transition: 0.3s ease;
  opacity: 1;
  border-radius: 20px;
}
.fluid-menu  .nav-list .overlay.active {
  opacity: 1;
}

.fluid-menu .nav-content {
  margin-top: 50px;
}

.page_cgu p {
  padding: 0;
}

.form-signup select {
  font-size: 15px;
  font-weight: 300;
  color: #000000;
  width: 100%;
  border: none;
  border-bottom: 2px solid #dadada;
  margin-bottom: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
}

.payment-manual input {
  float: left;
  margin-right: 5px;
  margin-top: 4px;
}

#manual_payment {
  margin: 0 auto;
  display: block;
}

.cata-btn {
  transition: 0.3s ease;
  z-index: 888;
  position: absolute;

  top: calc(100% - 100px);
  /*  bottom: 65px;*/
  right: 85px;
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  padding: 3px 1px 3px 17px;
  font-size: 14px;
  height: 36px;
  line-height: 29px;
}

.cata-btn:hover {
  cursor: pointer;
  transform: scale(0.95);
  color: #FFFFFF;
  text-decoration: none;
}

.cata-btn img {
  height: 24px;
  margin-left: 6px;
  margin-top: -3px;
}

.tickets {
  /*    height: 113px;*/
  width: 425px;
  position: absolute;
  border-radius: 30px;
  top: calc(50% - 62px);
  /* left: 0; */
  right: 150px;
  background-color: rgba(255,255,255,0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  padding: 6px;
  color: #FFFFFF;
  z-index: 888;
  transition: 0.5s ease;
}

.tickets.double {
  top: calc(50% - 124px);
}

.tickets img.cover {
  width: 119px;
  border-radius: 24px;
}

.tickets .close {
  background-color: #ffffff;
  color: #000000;
  position: absolute;
  left: 0px;
  top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: -4px 4px 7px -3px rgba(0,0,0,0.4);
  box-shadow: -4px 4px 7px -3px rgba(0,0,0,0.4);
  cursor: pointer;
  border: 1px solid #f8f8f8;
}

.tickets .close img {
  margin-top: -3px;
}

.tickets span.title {
  width: 100%;
  font-size: 18px;
  font-size: 400;
  display: block;
  margin-top: 5px;

}
.tickets span.date {
  width: 100%;
  font-size: 14px;
  display: block;
  border-top: 1px solid #FFFFFF;
  margin-top: 3px;
  padding-top: 5px;
  min-height: 48px;
}

.tickets a.link,
.tickets a.link2,button.distributor {
  font-size: 16px;
  font-weight: 300;
  height: 38px;
  line-height: 35px;
  border: 1px solid #FFFFFF;
  display: block;
  width: fit-content;
  margin: 0 auto;
  border-radius: 18px;
  padding-left: 20px;
  padding-right: 10px;
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF;
  margin-top: 12px;
}

button.distributor {
	background: none;
}
@media screen and (max-width: 468px)
{
button.distributor{
font-size : 14px
}
}


.tickets a.link:hover,
.tickets a.link2:hover {
  background-color: rgba(255,255,255,0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.tickets a.link::after,,button.distributor::after {
  content: url(/front/img/message-arrow-single.svg);
  margin-left: 18px;
  margin-top: 5px;
  float: right;
  /* width: 50px; */
}

.menuban {
  width: 100%;
  text-align: center;
  display: block;
  background-color: var(--red);
  color: #FFFFFF;
  font-size: 14px;
  padding: 1px 0px;
  position: absolute;
  z-index: 1;
}

.link-forgot {
  font-size: 13px;
}

/* PROVISOIRE */

.page_shop .fluid-menu .nav-list ul li.soon {
  display: none;
}

.page_shop .fluid-menu .nav-list .overlay,
.page_shop .fluid-menu .nav-list ul {
  display: none;
}


/* STATIC IMAGE LANDING */
/*.home {
  background-image: url(/front/img/landing-bg.jpg);
  background-size: cover;
  background-position: center;
}
*/
.slider-navigation {
  opacity: 0;
}
/* END STATIC IMAGE LANDING */


header.open .menu-right .menu-icon span, .stack header.open .menu-right .menu-icon span {
  display: none !important;
}

header.open .menu-right .menu-icon div::after, .stack header.open .menu-right .menu-icon div::after {
  content: url(/front/img/close.svg);
  width: 31px;
  display: block;
  margin-top: -9px;
  float: right;
}

.page_reservation .resa-resume {
  display: none !important;
}

a.btn-isfull {
  pointer-events: none;
  background-color: lightgray !important;
  color: #000 !important;
  text-align: center;
}

.btn-isfull.order::after {
  display: none !important;
}

.intermenu {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  transform: translateY(-82px);
  text-align: center;
  width: 100%;
  left: 0;
  color: #000000 !important;
}
.tickets .arrow{
padding : 0;
}