/* CSS Auto Compilé */
/*

@bkcolor_20: #c3c3c3; //couleur de fond de la page
@color_20: #ff0000; //couleur tu text de la page

@color_21: #0055ff; //Titre H2

@color_22: #fb06ff; //Titre H3

@color_23: #ff9200; //Titre H4

@bkcolor_24:#2ebb16; //Couleur principale

@bkcolor_26:#e506ff; //Bordures des boutons

*/
@font-face {
  font-family: Arial;
  src: [FONT1_URL];
}
@font-face {
  font-family: [FONT2];
  src: [FONT2_URL];
}
@font-face {
  font-family: [FONT3];
  src: [FONT3_URL];
}
@font-face {
  font-family: [FONT4];
  src: [FONT4_URL];
}
@font-face {
  font-family: [FONT5];
  src: [FONT5_URL];
}
@font-face {
  font-family: [FONT6];
  src: [FONT6_URL];
}
@font-face {
  font-family: [FONT7];
  src: [FONT7_URL];
}
:root {
  --man_color: #4AA1DA;
  --woman_color: #F756FF;
  --bkcolor_1: #000000;
  --color_1: #FFFFFF;
  --bkcolor_2: #C6C6C6;
  --color_2: #FFFFFF;
  --bkcolor_3: #787A7D;
  --color_3: #FFFFFF;
  --bkcolor_4: #B10B00;
  --color_4: #FFFFFF;
  --bkcolor_5: #1C1C1C;
  --color_5: #FFFFFF;
  --bkcolor_6: #BD0A0A;
  --color_6: #FFFFFF;
  --app_color: #3CB4FF;
  --bkcolor_7: #FFF;
  --color_7: #000;
  --bkcolor_8: #232323;
  --bkcolor_9: #8C8E91;
  --bkcolor_10: #FFFFFF;
  --bkcolor_11: #FFFFFF;
  --color_12: #FFFFFF;
  --color_13: #000000;
  --bkcolor_14: #C6C6C6;
  --color_15: #FFFFFF;
  --bkcolor_16: #ABADB0;
  --bkcolor_17: #000000;
  --bkcolor_18: #000000;
  --bkcolor_20: #171717;
  --color_20: #FFFFFF;
  --color_21: #FFFFFF;
  --color_22: #FFFFFF;
  --color_23: #FFFFFF;
  --bkcolor_24: #02FDD4;
  --bkcolor_26: #FFFFFF;
  --font_1: Arial;
  --font_1_url: [FONT1_URL];
  --font_2: [FONT2];
  --font_2_url: [FONT2_URL];
  --font_3: [FONT3];
  --font_3_url: [FONT3_URL];
  --font_4: [FONT4];
  --font_4_url: [FONT4_URL];
  --font_5: [FONT5];
  --font_5_url: [FONT5_URL];
  --font_6: [FONT6];
  --font_6_url: [FONT6_URL];
  --font_7: [FONT7];
  --font_7_url: [FONT7_URL];
}
@charset "utf-8";
/*------------- Block Left Right --------------*/
.body > .block_left_right {
  display: flex;
  justify-content: center;
}
.body > .block_left_right > .block_left {
  width: 1158px;
}
.body > .block_left_right > .block_right {
  margin-left: 100px;
}
@media (max-width: 1700px) {
  .body > .block_left_right > .block_right {
    display: none;
  }
}
@media (max-width: 1250px) {
  .body > .block_left_right > .block_left {
    width: 772px;
  }
}
@media (max-width: 850px) {
  .body > .block_left_right > .block_left {
    max-width: 386px;
    width: calc(100% - 30px);
  }
}
@media (max-width: 400px) {
  .body > .block_left_right > .block_left {
    width: calc(100% - 30px);
  }
}
/*------------- Tickets --------------*/
.ticket_error_message {
  display: none;
}
.block_add_ticket {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.block_add_ticket .title {
  font-size: 18rem;
  margin-right: auto;
}
.block_add_ticket .title:before {
  font-family: 'fontawesome bold';
  content: '\f145';
  margin-right: 20px;
}
.block_add_ticket .ax-input_button {
  width: 400px;
}
.block_add_ticket .ax-input_button .ax-button {
  min-width: 150px;
}
.block_tickets .ticket_info {
  margin-top: 0px;
  margin-bottom: 5px;
}
.block_tickets .ticket {
  color: #000;
  background-color: #CBFFD7;
  padding-left: var(--block_content_padding_left);
  padding-right: var(--block_content_padding_right);
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 5px;
  font-size: 16rem;
  position: relative;
}
.block_tickets .ticket:before {
  font-family: 'fontawesome bold';
  content: '\f145';
  margin-right: 20px;
}
.block_tickets .ticket .ax-remove {
  --remove_size: 21px;
  top: 0px;
  bottom: 0px;
  right: 10px;
}
.ticket_error_message {
  margin-top: 0px;
}
@media (max-width: 1250px) {
  .block_add_ticket .ax-input_button {
    width: 350px;
  }
}
@media (max-width: 850px) {
  .block_add_ticket .title {
    width: 100%;
  }
  .block_add_ticket .ax-input_button {
    width: 100%;
    margin-top: 20px;
  }
}
/*------------- Product Selected --------------*/
.block_people_number_title,
.block_kart_title,
.block_calendar_title,
.block_schedules_title {
  display: none;
}
.block_people_number,
.block_kart,
.block_calendar {
  display: flex;
}
.block_calendar .div_date_selected {
  display: flex;
  width: 100%;
}
.block_people_number .title,
.block_kart .title,
.block_calendar .title {
  font-size: 18rem;
  font-weight: bold;
  text-transform: uppercase;
  min-width: 330px;
}
.block_people_number .title,
.block_kart .title {
  display: flex;
  align-items: center;
}
.block_selection .people_number {
  width: 150px;
}
.block_selection .kart {
  min-width: 150px;
}
.block_selection .people_number .ax-selected_value,
.block_selection .people_number .ax-select_values li {
  justify-content: center;
}
.block_selection .people_number .ax-select_values li[data-not_enough] {
  background-color: #ffe597;
}
.block_calendar .title,
.block_calendar .date_selected {
  line-height: 24px;
}
.block_calendar .date_selected {
  font-size: 22rem;
  font-weight: bold;
}
.block_calendar .edit {
  margin-left: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.block_calendar .edit:hover {
  opacity: 0.7;
}
.block_calendar .edit:after {
  font-family: 'fontawesome bold';
  content: '\f304';
  font-size: 22px;
  line-height: 0;
}
.block_calendar .div_calendar {
  width: 100%;
  position: relative;
  display: none;
}
.block_calendar .date {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.block_calendar .close {
  position: absolute;
  top: -18px;
  right: -18px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
}
.block_calendar .close:after {
  font-family: 'fontawesome normal';
  content: '\f00d';
  font-size: 30px;
}
.block_calendar .close:hover {
  opacity: 0.8;
}
.min_people_number_message,
.privatizing_min_people_number_message {
  display: none;
}
@media (max-width: 850px) {
  .block_people_number_title,
  .block_kart_title,
  .block_calendar_title,
  .block_schedules_title {
    display: block;
  }
  .block_people_number .title,
  .block_kart .title,
  .block_calendar .title {
    display: none;
  }
  .block_calendar .close {
    top: -10px;
    right: -10px;
  }
  .block_calendar .div_calendar {
    padding-top: 30px;
  }
}
/*------------- Counters --------------*/
.block_counters .title {
  font-size: 18rem;
  font-weight: bold;
  padding-bottom: 25px;
}
.block_counters .counter {
  display: flex;
  align-items: center;
}
.block_counters .counter ~ .counter {
  margin-top: 10px;
}
.block_counters .counter_title {
  font-size: 18rem;
  width: 30%;
}
.block_counters .counter .value {
  padding: 2px 5px;
  padding-right: 5px;
  border-radius: 4px;
  letter-spacing: -1px;
  font-size: 18rem;
  margin-left: 15px;
  margin-right: 15px;
  white-space: nowrap;
}
.block_counters .counter .rechargement {
  margin-left: auto;
}
.block_counters .counter .recharge span {
  margin-left: 5px;
}
.solde_out_message {
  display: none;
}
@media (max-width: 1250px) {
  .block_counters .counter_title {
    width: 50%;
  }
}
@media (max-width: 850px) {
  .block_counters .counter_title {
    display: none;
  }
  .block_counters .counter .value {
    margin-left: 0px;
  }
}
/*------------- Container --------------*/
/* caché par defaut, apparait en javascript si !hasKartSelectionRequired() */
.container_calendar,
.container_shedules,
.block_hours_details {
  display: none;
}
/*------------- Hours Selection --------------*/
.block_hours_selection {
  padding-left: 0px;
  padding-right: 0px;
}
.block_hours_selection .title {
  font-size: 18rem;
  font-weight: bold;
  padding-left: var(--block_content_padding_left);
  padding-right: var(--block_content_padding_right);
  margin-bottom: 25px;
}
.add_tickets_for_selection_message {
  display: none;
}
.shedule_already_used_message {
  display: none;
}
.hours_selection {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  min-height: 100px;
}
.hours_selection .hours {
  display: flex;
  flex-wrap: wrap;
}
.hours_selection .hour {
  width: 150px;
  height: 70px;
  background-color: var(--bkcolor_brightness_2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 10px;
  flex-shrink: 0;
  position: relative;
  border-radius: calc(40px * var(--use_border_radius));
  user-select: none;
}
.hours_selection .hour:not([data-unactive="1"]) {
  cursor: pointer;
}
.hours_selection .hour:not([data-unactive="1"]):hover {
  opacity: 0.7;
}
.hours_selection .hour[data-active="1"]:not([data-unactive="1"]) {
  outline: 3px solid var(--bkcolor_main);
  outline-offset: -3px;
}
.hours_selection .hour[data-unactive="1"] {
  opacity: 0.3;
}
.hours_selection .hour[data-shedule_already_used="1"] {
  background-color: #FAE038;
}
.hours_selection .hour[data-active="1"][data-shedule_already_used="1"] {
  background-color: #fff3a4;
}
.hours_selection .hour .div_price_available {
  display: flex;
  position: absolute;
  top: -12px;
  pointer-events: none;
}
.hours_selection .hour .available,
.hours_selection .hour .price {
  background-color: var(--bkcolor_brightness_2);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-left: 5px;
  margin-right: 5px;
  white-space: nowrap;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  font-size: 12px;
}
.hours_selection .hour .price {
  background-color: var(--bkcolor_main);
  color: var(--color_main);
}
.hours_selection .hour .day {
  position: absolute;
  bottom: 8px;
  font-size: 11px;
  opacity: 0.7;
}
.hours_selection .hour[data-shedule_already_used="1"] .day {
  color: #333;
}
.hours_selection .hour > span {
  font-size: 26px;
}
.hours_selection .hour[data-shedule_already_used="1"] span {
  color: #333;
}
.hours_selection .hours_loader {
  --loader_backgroud_color_2: var(--bkcolor_brightness_1);
  position: relative;
  min-height: 100px;
}
.hours_selection .no_hours {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 16rem;
  display: none;
}
@media (max-width: 850px) {
  .hours_selection {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hours_selection .hour {
    width: calc(100%/3 - 10px);
    height: 52px;
    margin: 12px 5px;
  }
  .hours_selection .hour > span {
    font-size: 20px;
  }
  .hours_selection .hour .day {
    bottom: 2px;
    font-size: 10px;
  }
  .hours_selection .hour .div_price_available {
    top: -10px;
  }
  .hours_selection .hour .available,
  .hours_selection .hour .price {
    margin-left: 2px;
    margin-right: 2px;
    font-size: 10px;
  }
}
@media (max-width: 380px) {
  .hours_selection .hour .available {
    display: none;
  }
}
/*------------- Hours Details --------------*/
.block_hours_details {
  padding-right: 20px;
  position: relative;
}
.block_hours_details:before {
  display: block;
  content: '';
  height: calc(100% - 40px);
  width: 1px;
  top: 15px;
  left: 27px;
  background-color: var(--color_body);
  position: absolute;
  z-index: 10;
}
.block_hours_details .hours .info {
  display: flex;
  font-size: 18rem;
  min-height: 40px;
}
.block_hours_details .hours ~ .hours .info {
  margin-top: 15px;
}
.block_hours_details .hours .info .label_select {
  display: flex;
  width: 100%;
}
.block_hours_details .hours .hour {
  padding-left: 60px;
  margin-right: 30px;
  position: relative;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.block_hours_details .hours .hour:before {
  display: block;
  content: '';
  width: 17px;
  height: 17px;
  position: absolute;
  left: 19px;
  border-radius: 100%;
  border: 1px solid var(--color_body);
  background-color: var(--bkcolor_body);
  top: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 20;
}
.block_hours_details .label {
  display: flex;
  align-items: center;
  min-width: 140px;
  margin-right: 25px;
}
.block_hours_details .room {
  min-width: 220px;
}
@media (max-width: 850px) {
  .block_hours_details .hours .info {
    align-items: flex-start;
  }
  .block_hours_details .hours .info .label_select {
    flex-direction: column;
  }
  .block_hours_details .room {
    max-width: 100%;
    min-width: 100%;
    margin-top: 10px;
  }
}
/*------------- Custom text message --------------*/
.custom_text {
  display: none;
}
/*------------- Block total --------------*/
.block_total {
  font-size: 22rem;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.block_total .total_text {
  text-transform: uppercase;
  margin-right: 35px;
}
.block_total .amount {
  color: var(--bkcolor_main);
  text-align: center;
}
.block_total .total_counters {
  display: flex;
  justify-content: flex-end;
}
.block_total .counter:not(:first-child) {
  margin-top: 8px;
}
.block_total .counter .value {
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 19rem;
  margin-top: 3px;
  text-align: center;
}
/*------------- Block --------------*/
.block_selection_form,
.block_extras,
.block_extras_form {
  margin-bottom: 50px;
}
.form_extra_title {
  margin-top: 30px;
}
.block_extras_and_forms {
  display: none;
}
.block_extras .ax-c-product_card.hidden {
  display: none;
}
.block_selection_form .ax-form li.hidden {
  display: none;
}
.block_extras_form .form.hidden {
  display: none;
}
/*------------- Continue --------------*/
.block_selection .continue .validate,
.block_selection .add_to_cart {
  display: none;
}
/*-------------  --------------*/
.block_selection_form .ax-form,
.block_extras .extras {
  margin-top: 18px;
}
/*------------- Extras --------------*/
.extras {
  --column: 3;
}
@media (max-width: 1250px) {
  .extras {
    --column: 2;
  }
}
@media (max-width: 850px) {
  .extras {
    --column: 1;
  }
}