/* vars */
/* mixins */
/* style commun */
.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.div_bloc_erreur {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid grey; }

.reset-row {
  margin: 0;
  padding: 0; }

.reset-col {
  margin: 0;
  padding: 0; }

.reset-panel {
  margin: 0;
  padding: 0; }

.div-search-summary {
  text-align: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 15px; }

.button-booking {
  display: inline-block;
  margin: 0px;
  color: white;
  padding: 9px 15px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 140px; }

.button-detail-option {
  color: #8F806B;
  margin: 0;
  font-size: 10px; }

.button-detail-option-text {
  font-style: italic;
  text-decoration: underline;
  cursor: pointer; }

/**********************************************/
.button-search {
  margin: 0px;
  color: white;
  padding: 9px 15px;
  text-align: center;
  font-weight: bold;
  cursor: pointer; }

.button-search.redMB {
  background-color: #DF0019; }

.button-search.blueMB {
  background-color: #0071BC; }

.button-search.brownMB {
  background-color: #8F806A; }

.button-search.customColor {
  background-color: var(--custom-color, #DF0019); }

/**********************************************/
.button-update-search {
  margin: 0px;
  color: white;
  padding: 9px 15px;
  text-align: center;
  font-weight: bold;
  cursor: pointer; }

.button-update-search.redMB {
  background-color: #DF0019; }

.button-update-search.blueMB {
  background-color: #0071BC; }

.button-update-search.brownMB {
  background-color: #8F806A; }

.button-update-search.customColor {
  background-color: var(--custom-color, #DF0019); }

/**********************************************/
.button-new-booking {
  display: inline-block;
  margin: 0px;
  color: white;
  padding: 9px 15px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 250px; }

.button-back {
  margin: 0px;
  color: white;
  padding: 9px 5px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 270px;
  display: inline-block; }

.button-payment {
  margin: 0px;
  color: white;
  padding: 9px 5px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 210px;
  display: inline-block; }

.button-pending {
  margin: 0px;
  color: white;
  padding: 9px 5px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  max-width: 500px;
  display: inline-block; }

.button-back-extra {
  margin: 0px;
  color: white;
  padding: 9px 5px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  display: inline-block; }

.button-finalize-extra {
  margin: 0px;
  color: white;
  padding: 9px 5px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 210px;
  display: inline-block; }

.button-rooming-list {
  margin: 0px;
  color: white;
  padding: 9px 5px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 210px;
  display: inline-block; }
  .button-rooming-list.complete {
    background-color: green; }
  .button-rooming-list.incomplete {
    background-color: red; }

.button-restaurant-menu {
  margin: 0px;
  color: white;
  padding: 9px 5px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 210px;
  display: inline-block; }
  .button-restaurant-menu.complete {
    background-color: green; }
  .button-restaurant-menu.incomplete {
    background-color: red; }

.button-reset-search {
  background-color: #F9F9F9;
  display: inline-block;
  margin: auto;
  cursor: pointer;
  padding: 7px 10px;
  border-radius: 3px;
  border: 1px solid #E0E0E0; }

.button-reset-search:hover {
  background-color: #E0E0E0;
  border: 1px solid #adadad; }

.style-select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="306" height="306" viewBox="0 0 306 306"><rect style="fill: rgb(170,153,126)" id="rect3944" width="7.5" height="269.5" x="20" y="18.000002" /><rect style="fill: rgb(170,153,126)" id="rect25" width="131.62396" height="10.773492" x="134.11417" y="14.965007" transform="rotate(43.871694)" /><rect style="fill: rgb(170,153,126)" id="rect25-3" width="125.76314" height="10.29378" x="-114.4671" y="-266.38571" transform="rotate(135.78026)" /></svg>');
  background-origin: padding-box;
  background-position: right 0.3rem center;
  background-repeat: no-repeat;
  background-size: 32px 28px;
  border-style: solid;
  border-width: 1px;
  height: 34px;
  padding-left: 19px;
  width: 100px;
  cursor: pointer; }

.select-type-literie {
  width: auto;
  padding-right: 40px;
  padding-left: 10px; }

#mb-datepicker-div.mb-widget.mb-widget-content {
  border: 0;
  padding: 0; }

.mb-datepicker-header.mb-datepicker-header {
  background: #8f806a;
  border-radius: 0px;
  color: #fff;
  padding: 8px; }

#mb-datepicker-div .mb-datepicker-title {
  font-size: 18px;
  font-weight: 200;
  font-family: 'Open Sans', sans-serif; }

.mb-datepicker th {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #8f806a;
  max-width: 15px; }

.mb-datepicker-next, .mb-datepicker-prev {
  margin-top: 9px; }

.mb-datepicker-calendar .mb-state-default {
  padding: 3px 0 0;
  border-radius: 30px;
  min-height: 22px;
  max-width: 28px;
  text-align: center;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  vertical-align: middle;
  line-height: 22px;
  margin: auto; }

.mb-datepicker-calendar .HighlightSelected .mb-state-default {
  background-color: #5f905a;
  color: #FFF;
  border: 1px solid #5f905a; }

.mb-datepicker-calendar .LowlightSelected .mb-state-default {
  background-color: #ba5050;
  color: #FFF;
  border: 1px solid #ba5050; }

.mb-datepicker-calendar .Highlighted .mb-state-default {
  color: #5f905a;
  border: 1px solid #5f905a; }

.mb-datepicker-calendar .Lowlighted .mb-state-default {
  color: #ba5050;
  border: 1px solid #ba5050; }

.mb-datepicker-calendar .Nolighted .mb-state-default {
  border: 1px solid #c5c5c5; }

.placeholder-title-5 {
  background-color: white;
  height: 12px;
  width: 175px;
  border-radius: 5px; }

.placeholder-title-6 {
  background: #F5F5F5;
  width: 125px;
  height: 10px;
  display: block;
  border-radius: 5px; }

.placeholder-text-1 {
  width: 117px;
  display: inline-block;
  height: 13px;
  background-color: #F9F9F9;
  border-radius: 5px;
  margin: 10px 0; }

.placeholder-text-2 {
  width: 150px;
  display: inline-block;
  height: 34px;
  background-color: #F9F9F9;
  margin: 0; }

.placeholder-text-4 {
  width: 120px;
  display: block;
  height: 13px;
  background-color: #F9F9F9;
  border-radius: 5px;
  margin: 10px 0; }

.placeholder-text-5 {
  background: #F5F5F5;
  width: 100%;
  height: 8px;
  display: block;
  border-radius: 5px;
  margin: 3px 5px 10px 0px; }

.placeholder-text-6 {
  display: block;
  background-color: #F5F5F5;
  width: 100%;
  height: 155px; }

.placeholder-text-7 {
  background: #F5F5F5;
  width: 125px;
  height: 10px;
  display: block;
  border-radius: 5px;
  margin: auto; }

.placeholder-text-8 {
  background: #F5F5F5;
  width: 125px;
  height: 15px;
  display: block;
  border-radius: 5px;
  margin: 15px auto; }

.placeholder-text-9 {
  width: 50px;
  display: block;
  height: 9px;
  background-color: #F9F9F9;
  border-radius: 5px;
  float: right; }

.placeholder-select-1 {
  width: 100%;
  display: inline-block;
  height: 35px;
  background-color: #F9F9F9;
  border-radius: 6px;
  margin: 0; }

.placeholder-checkbox-1 {
  width: 15px;
  display: block;
  height: 15px;
  background-color: white; }

.placeholder-button-1 {
  height: 45px;
  margin: auto;
  color: white;
  padding: 9px 15px;
  text-align: center;
  font-weight: bold;
  background-color: #F5F5F5;
  cursor: pointer;
  width: 145px;
  font-size: 12px; }

.placeholder-label-1 {
  width: 200px;
  display: block;
  height: 9px;
  background-color: white;
  margin: 3px 0;
  border-radius: 5px; }

.placeholder-label-2 {
  background-color: #F9F9F9;
  height: 9px;
  width: 159px;
  border-radius: 5px; }

.placeholder-text-rate-1 {
  width: 50px;
  display: block;
  height: 9px;
  background-color: white;
  margin: 3px 0;
  border-radius: 5px; }

.placeholder-text-rate-2 {
  width: 50px;
  display: block;
  height: 9px;
  background-color: #F9F9F9;
  /*! margin: 3px 0; */
  border-radius: 5px;
  float: right; }

.placeholder-text-rate-3 {
  width: 92px;
  display: block;
  height: 13px;
  background-color: #F9F9F9;
  border-radius: 5px;
  float: right;
  margin: 10px 0; }

/* style vue */
.div_accommodation {
  border-top: 1px solid #A7A7A7;
  padding-top: 15px;
  margin-top: 15px; }

.div_accommodation_rooming {
  padding-bottom: 5px; }

.div-accommodation-option {
  background-color: #F9F9F9;
  padding: 20px; }

.div-accommodation-listing {
  background-color: #F9F9F9; }

.div-accommodation-selection {
  padding-top: 15px; }

.div-accommodation-total {
  background-color: #F9F9F9; }

.div-accommodation-total-listing {
  background-color: #FFFFFF;
  padding-top: 15px; }

.div-accommodation-subtotal-label {
  height: 20px; }
  .div-accommodation-subtotal-label.multi-line {
    height: 35px; }
  .div-accommodation-subtotal-label.multi-line-2 {
    height: 70px; }
  .div-accommodation-subtotal-label.multi-line-3 {
    height: 105px; }
  .div-accommodation-subtotal-label.multi-line-4 {
    height: 140px; }
  .div-accommodation-subtotal-label.multi-line-5 {
    height: 175px; }

.div-accommodation-subtotal-price {
  height: 20px; }

.p-accommodation-subtotal-price {
  text-align: right; }

.div-accommodation-total-label {
  margin-top: 10px; }

.p-accommodation-total-label {
  text-align: right;
  font-size: 25px;
  border-top: 1px solid #EDEDED; }

.div-accommodation-booking {
  background-color: #F9F9F9;
  text-align: right;
  margin: 15px 0 0 0; }

.div-accommodation-rooming-number {
  margin-bottom: 5px;
  height: 35px;
  line-height: 35px; }

.div-accommodation-rooming-message {
  margin-bottom: 5px;
  height: 35px;
  line-height: 35px; }
  .div-accommodation-rooming-message .p-accommodation-rooming-message {
    color: red;
    font-style: italic; }
    .div-accommodation-rooming-message .p-accommodation-rooming-message .mb {
      animation: BlinkAnimation 0.5s infinite; }

@keyframes BlinkAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.label-accommodation-rooming-number {
  margin-right: 10px; }

.div-accommodation-rooming-label-pax {
  margin-bottom: 5px;
  height: 35px;
  line-height: 35px; }

.label-accommodation-rooming-pax {
  margin-right: 10px; }

.div-accommodation-rooming-select-pax {
  margin-bottom: 5px;
  height: 35px;
  line-height: 35px; }

.div-accommodation-select-listing {
  padding-bottom: 5px; }

.div-accommodation-select-label {
  margin-bottom: 5px;
  height: 35px;
  line-height: 35px; }

.label-accommodation-select {
  margin-right: 10px; }

.div-accommodation-select-select {
  margin-bottom: 5px;
  height: 35px;
  line-height: 35px; }

.accommodation-select-cancel {
  font-size: 30px;
  color: black;
  margin: 10px; }

.div-form-search {
  background-color: #fafafa;
  padding: 15px;
  max-width: 950px;
  margin-bottom: 15px; }

.div-form-search-date {
  margin-bottom: 15px; }

.div-form-search-label-arrival-date {
  margin: 5px 0 0 0; }

.label-form-search-arrival-date {
  margin-top: 5px; }

.div-form-search-input-arrival-date {
  margin: 5px 0 0 0; }

.div-form-search-label-departure-date {
  margin: 5px 0 0 0; }

.label-form-search-departure-date {
  margin-top: 5px; }

.div-form-search-input-departure-date {
  margin: 5px 0 0 0; }

.div-form-search-input-night-number {
  margin: 5px 0 0 0; }

.label-form-search-night-number {
  margin-top: 5px;
  font-weight: normal; }

.span-form-search-night-number {
  font-weight: bold; }

.div-form-search-pax {
  margin-bottom: 15px; }

.div-form-search-send {
  max-width: 950px;
  margin: 0px;
  padding: 0px; }

.div-button-search {
  padding: 0px; }

.div-carousel-photo-establishment {
  height: 200px;
  margin-top: 30px; }

.div-form-search-label-pax {
  margin: 5px 0 0 0; }

.label-form-search-pax {
  margin-top: 5px; }

.div-form-search-select-pax {
  margin: 5px 0 0 0; }

.label-form-search-code {
  margin-top: 5px; }

.input-form-search-code {
  width: 120px; }

.span-form-search-code {
  font-size: 9px;
  font-style: italic; }

.div-booking-confirmation-recap {
  margin-top: 15px; }

.p-booking-confirmation-cgdv {
  text-align: center; }

.p-booking-confirmation-message-confirmation {
  text-align: center; }

.p-booking-confirmation-mail-confirmation {
  text-align: center; }

.p-booking-confirmation-message-thanks {
  text-align: center; }

.div-booking-confirmation-new-booking {
  text-align: center; }

.span-booking-confirmation-booking-number {
  font-weight: bold; }

.span-booking-confirmation-booking-number.brownMB {
  color: #8F806A; }

.span-booking-confirmation-booking-number.redMB {
  color: #DF0019; }

.span-booking-confirmation-booking-number.blueMB {
  color: #0071BC; }

.span-booking-confirmation-booking-number.customColor {
  color: var(--custom-color, #DF0019); }

.div-booking-summary-service-search {
  background-color: #FAFAFA;
  padding: 10px 20px;
  margin-bottom: 15px; }

.div-booking-summary-back {
  margin: 0 0 15px 0;
  padding: 0; }

.div-booking-summary-button-back {
  padding: 0px; }

.div-booking-summary-payment {
  margin: 0px 0px 30px 0px; }

.div-booking-summary-button-payment {
  padding: 0px;
  text-align: right; }

.body {
  background-color: white; }

.wrapper {
  display: block;
  margin: auto;
  max-width: 1300px;
  height: 100%;
  padding: 0;
  font-family: 'Open Sans', Arial, sans-serif; }

.select-style {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="306" height="306" viewBox="0 0 306 306"><rect style="fill: rgb(170,153,126)" id="rect3944" width="7.5" height="269.5" x="20" y="18.000002" /><rect style="fill: rgb(170,153,126)" id="rect25" width="131.62396" height="10.773492" x="134.11417" y="14.965007" transform="rotate(43.871694)" /><rect style="fill: rgb(170,153,126)" id="rect25-3" width="125.76314" height="10.29378" x="-114.4671" y="-266.38571" transform="rotate(135.78026)" /></svg>');
  background-origin: padding-box;
  background-position: right 0.3rem center;
  background-repeat: no-repeat;
  background-size: 32px 28px;
  border-style: solid;
  border-width: 1px; }

.wrapper-body {
  background-color: white;
  padding: 0 20px 5px 20px; }

.div-body-be {
  margin-bottom: 20px; }

.modal-content-loading {
  background-color: transparent;
  text-align: center;
  box-shadow: none;
  border: none; }

.modal-content-loader {
  margin: auto; }

.div-cheminement {
  /*max-width : 928px;*/
  /*background-color : #DDD;*/
  /*margin : 0px 50px 15px 0px;*/ }

.ul-cheminement {
  margin: 0px;
  padding: 0px;
  list-style: outside none none; }

.li-cheminement {
  text-align: center; }

.img-cheminement {
  border: 2px solid;
  border-radius: 20px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  width: 22px; }

.h2-cheminement {
  margin: 8px 0;
  font-size: 14px;
  font-style: oblique;
  font-size: 11px; }

.h2-cheminement.selected {
  font-size: 12px;
  font-style: normal;
  font-weight: bold; }

.h2-cheminement.selected.brownMB {
  color: #8F806A; }

.h2-cheminement.selected.redMB {
  color: #DF0019; }

.h2-cheminement.selected.blueMB {
  color: #0071BC; }

.h2-cheminement.selected.customColor {
  color: var(--custom-color, #DF0019); }

.li-cheminement-line {
  border-style: dotted;
  border-width: 0 0 1px;
  display: inline-block;
  margin-top: 15px; }

.li-cheminement-line.brownMB {
  border-color: #8F806A; }

.li-cheminement-line.redMB {
  border-color: #DF0019; }

.li-cheminement-line.blueMB {
  border-color: #0071BC; }

.li-cheminement-line.customColor {
  border-color: var(--custom-color, #DF0019); }

/*********************************************************/
.img-cheminement {
  border-style: solid;
  border-radius: 15px;
  border-width: 2px;
  display: inline-block;
  width: 31px;
  height: 31px;
  padding: 3px;
  font-weight: bold; }

.img-cheminement.brownMB {
  border-color: #8F806A;
  color: #8F806A; }

.img-cheminement.redMB {
  border-color: #DF0019;
  color: #DF0019; }

.img-cheminement.blueMB {
  border-color: #0071BC;
  color: #0071BC; }

.img-cheminement.customColor {
  border-color: var(--custom-color, #DF0019);
  color: var(--custom-color, #DF0019); }

.img-validate {
  border-style: solid;
  padding: 5px;
  color: white;
  border-radius: 15px;
  border-width: 2px; }

.img-validate.brownMB {
  border-color: #8F806A;
  background-color: #8F806A; }

.img-validate.redMB {
  border-color: #DF0019;
  background-color: #DF0019; }

.img-validate.blueMB {
  border-color: #0071BC;
  background-color: #0071BC; }

.img-validate.customColor {
  border-color: var(--custom-color, #DF0019);
  background-color: var(--custom-color, #DF0019); }

/*********************************************************/
/*********************************************************/
.div-access-espace-client {
  margin-bottom: 5px; }

.div-selection-client {
  margin-bottom: 15px; }

.link-identification-espace-client {
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  font-size: 11px; }

.link-identification-espace-client.brownMB {
  color: #8F806A; }

.link-identification-espace-client.redMB {
  color: #DF0019; }

.link-identification-espace-client.blueMB {
  color: #0071BC; }

.link-identification-espace-client.customColor {
  color: var(--custom-color, #DF0019); }

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

.select-style.select-currency {
  height: 28px;
  padding-left: 19px;
  padding-top: 5px;
  display: inline-block;
  padding-right: 48px;
  font-size: 11px; }

.select-style.select-currency.brownMB {
  border-color: #8F806A; }

.select-style.select-currency.redMB {
  border-color: #DF0019; }

.select-style.select-currency.blueMB {
  border-color: #0071BC; }

.select-style.select-currency.customColor {
  border-color: var(--custom-color, #DF0019); }

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

.select-style.select-language {
  height: 28px;
  padding-left: 6px;
  padding-top: 5px;
  display: inline-block;
  padding-right: 38px;
  font-size: 11px; }

.select-style.select-language.brownMB {
  border-color: #8F806A; }

.select-style.select-language.redMB {
  border-color: #DF0019; }

.select-style.select-language.blueMB {
  border-color: #0071BC; }

.select-style.select-language.customColor {
  border-color: var(--custom-color, #DF0019); }

.img-flag {
  width: 23px; }

.p-acces-connexion {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 11px;
  text-align: center; }

.p-acces-connexion.espace {
  cursor: pointer;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: grey; }

.p-acces-connexion.logout {
  cursor: pointer; }

.span-acces-connexion.brownMB {
  color: #8F806A; }

.span-acces-connexion.redMB {
  color: #DF0019; }

.span-acces-connexion.blueMB {
  color: #0071BC; }

.span-acces-connexion.customColor {
  color: var(--custom-color, #DF0019); }

.span-acces-connexion.espace:hover, .span-acces-connexion.logout:hover, .link-identification-espace-client:hover {
  color: #22558b;
  text-decoration: underline; }

/*******************************************/
.div-layout-header-header-touch {
  min-height: 40px; }

.div-layout-header-header-touch.redMB {
  background-color: #DF0019;
  color: white; }

.div-layout-header-header-touch.blueMB {
  background-color: #0071BC;
  color: white; }

.div-layout-header-header-touch.brownMB {
  background-color: #8F806A;
  color: white; }

.div-layout-header-header-touch.customColor {
  background-color: var(--custom-color, #DF0019);
  color: white; }

.div-layout-header-header-touch-part {
  padding: 0;
  text-align: center; }

.p-layout-header-header-touch-establishment-name {
  padding-top: 9px; }

.a-layout-header-establishment {
  color: white; }

.icon-layout-header-establishment {
  border: 1px solid;
  padding: 6px;
  margin-top: 5px;
  border-radius: 4px;
  display: inline-block; }

.span-text-emplacement {
  cursor: pointer; }

.span-text-emplacement.brownMB {
  border-color: #8F806A;
  color: #8F806A;
  border-bottom: 1px dotted #8F806A; }

.span-text-emplacement.redMB {
  border-color: #DF0019;
  color: #DF0019;
  border-bottom: 1px dotted #DF0019; }

.span-text-emplacement.blueMB {
  border-color: #0071BC;
  color: #0071BC;
  border-bottom: 1px dotted #0071BC; }

.span-text-emplacement.customColor {
  border-color: var(--custom-color, #DF0019);
  color: var(--custom-color, #DF0019);
  border-bottom: 1px dotted var(--custom-color, #DF0019); }

.selection-detail-option-header {
  border-radius: 3px 3px 0px 0px;
  text-align: center; }

.selection-detail-option-header.brownMB {
  background-color: #8F806A; }

.selection-detail-option-header.redMB {
  background-color: #DF0019; }

.selection-detail-option-header.blueMB {
  background-color: #0071BC; }

.selection-detail-option-header.customColor {
  background-color: var(--custom-color, #DF0019); }

.selection-detail-option-title {
  display: inline-block;
  margin: 14px 0;
  color: white;
  text-shadow: none;
  font-family: 'Open Sans', sans-serif; }

.header-popup-info-etablissement.redMB {
  background-color: #DF0019;
  color: white; }

.header-popup-info-etablissement.blueMB {
  background-color: #0071BC;
  color: white; }

.header-popup-info-etablissement.brownMB {
  background-color: #8F806A;
  color: white; }

.header-popup-info-etablissement.customColor {
  background-color: var(--custom-color, #DF0019);
  color: white; }

.icon-close-modal {
  float: right;
  font-size: 30px;
  color: white;
  margin: 10px; }

.panel-information {
  border: none; }

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: "\e080";
  /* adjust as needed, taken from bootstrap.css */
  float: right;
  /* adjust as needed */
  /*color: grey;*/
  /* adjust as needed */ }

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e114";
  /* adjust as needed, taken from bootstrap.css */ }

.img-popup-info-etablissement-main {
  display: inline;
  width: 100%; }

.img-popup-info-etablissement-detail {
  padding: 0 10px 20px 10px;
  cursor: pointer;
  width: 100%; }

.div-popup-info-etablissement-img-main {
  margin-bottom: 10px;
  max-height: 425px; }

.div-popup-info-etablissement-img-detail {
  overflow-y: scroll;
  max-height: 425px;
  margin-bottom: 10px; }

.div-popup-info-etablissement-map {
  margin: 15px 0; }

.div-map-establishment {
  width: 100%;
  height: 435px;
  display: block;
  padding: 0 15px; }

.heading-info-establishment {
  color: white;
  border-radius: 0px;
  border-width: 1px 0px;
  border-style: solid;
  background: rgba(240, 240, 240, 0.16) none repeat scroll 0px 0px; }

.heading-info-establishment.redMB {
  background-color: #DF0019;
  background-image: none;
  color: white; }

.heading-info-establishment.blueMB {
  background-color: #0071BC;
  background-image: none;
  color: white; }

.heading-info-establishment.brownMB {
  background-color: #8F806A;
  background-image: none;
  color: white; }

.heading-info-establishment.customColor {
  background-color: var(--custom-color, #DF0019);
  background-image: none;
  color: white; }

.ulEquipmentEstablishment {
  margin: 0px;
  padding: 0px 0px 0px 30px;
  list-style: outside none none; }

.p-icon-hotel-bell {
  text-align: center;
  margin: 12px 0 5px 0; }

.header-popup-info-prestation.redMB {
  background-color: #DF0019;
  color: white; }

.header-popup-info-prestation.blueMB {
  background-color: #0071BC;
  color: white; }

.header-popup-info-prestation.brownMB {
  background-color: #8F806A;
  color: white; }

.header-popup-info-prestation.customColor {
  background-color: var(--custom-color, #DF0019);
  color: white; }

.icon-close-modal {
  float: right;
  font-size: 30px;
  color: white;
  margin: 10px; }

.panel-information {
  border: none; }

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: "\e080";
  /* adjust as needed, taken from bootstrap.css */
  float: right;
  /* adjust as needed */
  /*color: grey;*/
  /* adjust as needed */ }

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e114";
  /* adjust as needed, taken from bootstrap.css */ }

.img-popup-info-prestation-main {
  display: inline;
  width: 100%; }

.img-popup-info-prestation-detail {
  padding: 0 10px 20px 10px;
  cursor: pointer;
  width: 100%; }

.div-popup-info-prestation-img-main {
  margin-bottom: 10px;
  max-height: 425px; }

.div-popup-info-prestation-img-detail {
  overflow-y: scroll;
  max-height: 425px;
  margin-bottom: 10px; }

.div-popup-info-prestation-map {
  margin: 15px 0; }

.div-map-prestation {
  width: 100%;
  height: 435px;
  display: block;
  padding: 0 15px; }

.heading-info-prestation {
  color: white;
  border-radius: 0px;
  border-width: 1px 0px;
  border-style: solid;
  background: rgba(240, 240, 240, 0.16) none repeat scroll 0px 0px; }

.heading-info-prestation.redMB {
  background-color: #DF0019;
  background-image: none;
  color: white; }

.heading-info-prestation.blueMB {
  background-color: #0071BC;
  background-image: none;
  color: white; }

.heading-info-prestation.brownMB {
  background-color: #8F806A;
  background-image: none;
  color: white; }

.heading-info-prestation.customColor {
  background-color: var(--custom-color, #DF0019);
  background-image: none;
  color: white; }

.p-surface-area-accommodation-service {
  padding: 0px 0px 0px 30px; }

.ul-occupancy-accommodation-service {
  margin: 0px;
  padding: 0px 0px 0px 30px;
  list-style: outside none none; }

.ul-equipment-accommodation-service {
  margin: 0px;
  padding: 0px 0px 0px 30px;
  list-style: outside none none; }

.p-icon-hotel-bell {
  text-align: center;
  margin: 12px 0 5px 0; }

.div-popup-info-prestation-info-main-img {
  padding: 15px; }

.img-popup-info-prestation-info-main-img {
  width: 100%; }

.div-popup-info-prestation-info-secondary-img {
  padding: 10px; }

.img-popup-info-prestation-info-secondary-img {
  width: 100%; }

.div-popup-info-prestation-info-occupancy {
  padding-left: 30%; }

.div-popup-info-prestation-info-surface-area {
  padding-left: 30%; }

.table-resume-option-ligne-pax {
  background-color: #F3F3F3;
  border-color: white;
  border-style: solid;
  border-width: 0 0 2px; }

.table-resume-option-cell-pax {
  padding: 7px;
  white-space: nowrap; }

.detail-option-montant {
  background-color: transparent;
  border: medium none;
  color: #5e5e5e;
  display: inline-block;
  font-family: arial;
  font-size: 15px;
  text-align: center;
  width: 100%; }

.table-resume-option-cell-label-total {
  background-color: #F3F3F3;
  color: #5e5e5e;
  font-weight: bold;
  padding: 8px; }

.table-resume-option-cell-montant-total {
  background-color: #F3F3F3;
  color: #5e5e5e;
  font-weight: bold;
  padding: 8px; }

.table-resume-option-cell-devise-total {
  background-color: #EBEBEB;
  color: #5e5e5e;
  font-weight: bold;
  padding: 8px; }

.div-rateplan-accommodation {
  background-color: #F5F5F5;
  padding: 40px;
  font-size: 12px; }

.div-rateplan-detail {
  background-color: #F5F5F5;
  padding: 40px;
  font-size: 12px;
  border-bottom: 2px solid #EEEEEE; }

.cadre-alert {
  background-color: #F2DEDF;
  border: 1px solid #EBCCD1;
  color: red;
  padding: 10px 50px;
  margin-bottom: 15px; }

#mb-datepicker-div.mb-widget.mb-widget-content {
  border: 0;
  padding: 0; }

.mb-datepicker-header.mb-datepicker-header {
  background: #8f806a;
  border-radius: 0px;
  color: #fff;
  padding: 8px; }

#mb-datepicker-div .mb-datepicker-title {
  font-size: 18px;
  font-weight: 200;
  font-family: 'Open Sans', sans-serif; }

.mb-datepicker th {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #8f806a;
  max-width: 15px; }

.mb-datepicker-next, .mb-datepicker-prev {
  margin-top: 9px; }

.mb-datepicker-calendar .mb-state-default {
  padding: 3px 0 0;
  border-radius: 30px;
  min-height: 22px;
  max-width: 28px;
  text-align: center;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  vertical-align: middle;
  line-height: 22px;
  margin: auto; }

.mb-datepicker-calendar .HighlightSelected .mb-state-default {
  background-color: #5f905a;
  color: #FFF;
  border: 1px solid #5f905a; }

.mb-datepicker-calendar .LowlightSelected .mb-state-default {
  background-color: #ba5050;
  color: #FFF;
  border: 1px solid #ba5050; }

.mb-datepicker-calendar .Highlighted .mb-state-default {
  color: #5f905a;
  border: 1px solid #5f905a; }

.mb-datepicker-calendar .Lowlighted .mb-state-default {
  color: #ba5050;
  border: 1px solid #ba5050; }

.mb-datepicker-calendar .Nolighted .mb-state-default {
  border: 1px solid #c5c5c5; }

.h5-rateplan-name {
  font-size: 15px;
  font-weight: bold; }

.h5-rateplan-description {
  font-weight: bold;
  font-style: italic; }

.button-detail {
  margin: 0px;
  color: white;
  padding: 9px 15px;
  text-align: center;
  font-weight: bold;
  cursor: pointer; }

.button-detail.redMB {
  background-color: #DF0019; }

.button-detail.blueMB {
  background-color: #0071BC; }

.button-detail.brownMB {
  background-color: #8F806A; }

.button-detail.customColor {
  background-color: var(--custom-color, #DF0019); }

.button-detail.rateplan-detail {
  background-color: #F5F5F5;
  color: #333333;
  width: 180px;
  margin: auto;
  font-size: 13px; }

.button-detail.button-hidden {
  display: none; }

.button-select-rateplan {
  margin: auto;
  color: white;
  padding: 9px 15px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 145px;
  font-size: 12px; }

.button-select-rateplan.button-hidden {
  display: none; }

.button-disabled {
  opacity: .65;
  cursor: not-allowed; }

.span-icon-average-rate {
  font-size: 17px;
  vertical-align: top;
  margin-top: 8px;
  cursor: pointer; }

.div-rateplan-information-night-number {
  margin: 0;
  font-weight: bold;
  text-align: center; }

.div-rateplan-information-older-price {
  font-weight: bold;
  text-decoration: line-through;
  text-align: center; }

.div-rateplan-information-price {
  font-size: 29px;
  font-weight: bold;
  vertical-align: top;
  text-align: center; }

.p-rateplan-information-last-service {
  color: #CF1B1A;
  font-size: 12px;
  font-weight: bold;
  width: auto;
  text-align: center; }

.p-rateplan-information-night-number {
  margin: 10px 0 5px 0; }

.p-rateplan-information-older-price {
  margin: 0; }

.p-rateplan-information-price {
  margin: 0 0 5px 0; }

.p-rateplan-information-last-service {
  margin: 0 0 5px 0; }

.img-rateplan-information-image {
  /*width: 100%;*/
  max-height: 150px; }

.styled-select {
  /*background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0 !important;*/
  height: 29px;
  overflow: hidden !important;
  width: 240px; }

.styled-select select {
  background: transparent !important;
  border: none !important;
  font-size: 14px !important;
  height: 29px;
  padding: 5px !important;
  width: 268px; }

.style-calendar {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="306px" height="306px" viewBox="0 0 306 306"> <rect style="fill:rgb(170,153,126)" id="rect3944" width="7.5" height="269.5" x="20" y="18.000002" /><rect style="fill:rgb(170,153,126)" id="rect63" width="195.5" height="3.25" x="64.5" y="53" /><rect style="fill:rgb(170,153,126)" id="rect65" width="2.75" height="179.5" x="63.5" y="53" /><rect style="fill:rgb(170,153,126)" id="rect63-1" width="195.5" height="2.75" x="64.5" y="229.75" /><rect style="fill:rgb(170,153,126)" id="rect65-6" width="2.5" height="179.5" x="257.5" y="53" /><rect style="fill:rgb(170,153,126)" id="rect63-6" width="195.59727" height="3.25" x="63.625" y="79.5" /><rect style="fill:rgb(170,153,126)" id="rect63-2" width="139.24852" height="2.75" x="92.75" y="105.25" /><rect style="fill:rgb(170,153,126)" id="rect63-2-4" width="136.5" height="2.75" x="93.25" y="136.5" /><rect style="fill:rgb(170,153,126)" id="rect63-2-6" width="136.5" height="2.75" x="93.25" y="166" /><rect style="fill:rgb(170,153,126)" id="rect63-2-9" width="139.24609" height="2.75" x="92.75" y="193.5" /><rect style="fill:rgb(170,153,126)" id="rect65-6-6" width="2.75" height="87.5" x="229.25" y="107" /><rect style="fill:rgb(170,153,126)" id="rect65-6-6-6" width="2.75" height="90.998482" x="91" y="105.24718" /><rect style="fill:rgb(170,153,126)" id="rect65-6-6-4" width="2.75" height="86.792892" x="200.5" y="107.25" /><rect style="fill:rgb(170,153,126)" id="rect65-6-6-62" width="2.75" height="86.262566" x="172" y="107.75" /><rect style="fill:rgb(170,153,126)" id="rect65-6-6-48" width="2.75" height="86.881279" x="144.25" y="107.71967" /><rect style="fill:rgb(170,153,126)" id="rect65-6-6-7" width="2.75" height="86.969673" x="117.25" y="107.25" /></svg>');
  background-origin: padding-box;
  background-position: right 0.3rem center;
  background-repeat: no-repeat;
  background-size: 30px 28px;
  border-style: solid;
  border-width: 1px;
  height: 34px;
  padding-left: 9px;
  width: 120px; }

.style-input {
  background-color: white;
  height: 34px;
  padding: 0 9px;
  width: 150px;
  border-style: solid;
  border-width: 1px; }

.indicators-carousel {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #F6F6F6;
  border-width: 1px;
  border-style: solid;
  border-color: #F6F6F6;
  border-radius: 10px; }

.indicators-carousel.active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: red;
  border-color: red; }

.div-text-etablissement {
  border-width: 1px;
  border-style: dashed;
  margin: 15px 0;
  padding: 35px; }

.div-text-etablissement.brownMB {
  border-color: #8F806A; }

.div-text-etablissement.redMB {
  border-color: #DF0019; }

.div-text-etablissement.blueMB {
  border-color: #0071BC; }

.div-text-etablissement.customColor {
  border-color: var(--custom-color, #DF0019); }

/*--------------------------------------*/
.div-search-payment-row {
  padding: 0; }

.div-search-title-secure {
  padding: 0 5px; }

.p-search-title-secure {
  font-size: 11px;
  margin: 10px 0; }

.div-search-list-secure {
  text-align: right; }

.ul-search-list-secure {
  list-style: none;
  margin: 0;
  padding: 0; }

.li-search-list-secure {
  display: inline-block;
  text-align: center; }

.div-search-payment {
  margin: 10px 0; }

/*--------------------------------------*/
.div-search-form {
  background-color: #fafafa;
  padding: 15px;
  max-width: 950px;
  margin-bottom: 15px; }

.div-search-date {
  margin-bottom: 15px; }

.div-search-button-form {
  max-width: 950px;
  margin: 0 0 10px 0;
  padding: 0px; }

.div-select-extra-search {
  background-color: #FAFAFA;
  padding: 10px 20px;
  margin-bottom: 15px; }

.div-select-extra-nav {
  margin: 0;
  padding: 0;
  margin-bottom: 15px; }

.div-select-extra-nav-back {
  padding: 0px;
  text-align: center;
  margin-bottom: 10px; }

.div-select-extra-nav-finalize {
  padding: 0px;
  text-align: center;
  margin-bottom: 10px; }

.div-select-extra-name-categorie {
  padding: 10px 15px;
  border-width: 1px 0 1px 0;
  border-color: #EEEEEE;
  border-style: solid;
  background-color: #FAFAFA; }

.label-select-extra-name-categorie {
  margin: 0;
  font-weight: bold; }

.label-select-extra-name-categorie.brownMB {
  color: #8F806A; }

.label-select-extra-name-categorie.redMB {
  color: #DF0019; }

.label-select-extra-name-categorie.blueMB {
  color: #0071BC; }

.label-select-extra-name-categorie.customColor {
  color: var(--custom-color, #DF0019); }

.div-select-extra-line {
  margin: 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #EEEEEE; }

.div-select-extra-line-picture {
  min-height: 120px; }

.p-select-extra-line-selection {
  vertical-align: middle; }

.img-extra-line-picture {
  width: 100%;
  max-height: 130px; }

.label-select-extra-line-name {
  font-weight: bold; }

.label-select-extra-line-description {
  font-size: 12px;
  font-style: italic; }

.select-select-extra-line-select {
  padding-left: 7px;
  width: 75px; }

.span-select-extra-line-price {
  margin-left: 10px;
  font-weight: bold; }

.div-select-search {
  background-color: #FAFAFA;
  padding: 10px 20px; }

.div-service-information {
  margin-bottom: 10px; }

.div-service-information-accommodation-service-name {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  z-index: 200;
  width: 100%;
  height: 50px;
  vertical-align: middle;
  line-height: 50px;
  padding: 0 35px; }

.div-service-information-accommodation-service-name.brownMB {
  background-color: #8F806A; }

.div-service-information-accommodation-service-name.redMB {
  background-color: #DF0019; }

.div-service-information-accommodation-service-name.blueMB {
  background-color: #0071BC; }

.div-service-information-accommodation-service-name.customColor {
  background-color: var(--custom-color, #DF0019); }

.p-service-information-accommodation-service-name {
  color: white;
  font-size: 28px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.span-service-information-accommodation-service-name {
  font-size: 31px; }

.div-carousel-accommodation-service {
  /*margin-bottom: 20px;*/ }

.div-service-information-photo-phone {
  cursor: pointer;
  height: 185px;
  width: 100%; }

.div-service-information-photo {
  cursor: pointer;
  height: 300px;
  width: 100%; }

.div-carousel-accommodation-service-photo {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  z-index: 200;
  width: 100%;
  height: 50px;
  vertical-align: middle;
  line-height: 50px;
  padding: 0 35px; }

.div-carousel-accommodation-service-photo.brownMB {
  background-color: #8F806A; }

.div-carousel-accommodation-service-photo.redMB {
  background-color: #DF0019; }

.div-carousel-accommodation-service-photo.blueMB {
  background-color: #0071BC; }

.div-carousel-accommodation-service-photo.customColor {
  background-color: var(--custom-color, #DF0019); }

.p-carousel-accommodation-service-photo {
  color: white;
  font-size: 28px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.span-carousel-accommodation-service-photo {
  font-size: 31px; }

.p-service-information-accommodation-text-best-deal {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-top: 3px; }

.div-service-information-accommodation-best-deal {
  display: inline-block;
  font-size: 30px;
  vertical-align: top;
  margin: 0 5px 0 0; }

.b-service-information-accommodation-best-deal {
  vertical-align: top; }

.div-service-information-accommodation-mode {
  display: inline-block;
  margin: 0;
  padding-top: 8px; }

.p-service-information-accommodation-mode-tva {
  margin: 0;
  padding: 0;
  font-size: 10px; }

.p-service-information-accommodation-mode-period {
  margin: 0;
  padding: 0; }

.div-service-information-accommodation-text-occupation {
  padding-top: 3px;
  font-weight: bold;
  font-size: 16px; }

.div-service-information-accommodation-number-pax {
  margin-top: 8px;
  padding-left: 8px; }

.i-icon-pax {
  font-size: 20px; }

.div-list-rateplan {
  padding: 0;
  margin: 0; }

.div-rateplan {
  margin: 0;
  padding: 0; }

.side-banner {
  background-color: #F5F5F5;
  margin: 0;
  padding-bottom: 5px; }

.div-logo-etablissement {
  background-color: white;
  margin: 0 -15px;
  padding: 0 15px; }

.logo-etablissement {
  width: 100%;
  /*todo : modifier pour param*/
  max-width: 150px; }

.list-shortcut {
  list-style: none;
  margin: 15px 0px;
  padding: 0;
  text-align: center;
  height: 50px;
  line-height: 50px; }

.shortcut-info-etablissement {
  font-size: 33px;
  border-radius: 20px;
  color: black;
  cursor: pointer; }

.shortcut-facebook {
  font-size: 19px;
  color: white;
  background-color: #3c5a98;
  padding: 7px;
  border-radius: 20px;
  cursor: pointer; }

.div-info-etablissement {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: grey;
  padding: 10px 25px; }

.line-adress {
  display: inline-block;
  vertical-align: top; }

.line-adress2 {
  display: inline-block; }

.line-view-emplacement {
  text-align: center; }

.line-view-emplacement a {
  text-decoration-style: dotted;
  text-decoration-line: underline; }

.line-view-emplacement.brownMB a {
  color: #8F806A; }

.line-view-emplacement.redMB a {
  color: #DF0019; }

.line-view-emplacement.blueMB a {
  color: #0071BC; }

.line-view-emplacement.customColor a {
  color: var(--custom-color, #DF0019); }

.div-best-price {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: grey;
  padding: 20px 25px; }

.div-best-price.brownMB {
  color: #8F806A; }

.div-best-price.redMB {
  color: #DF0019; }

.div-best-price.blueMB {
  color: #0071BC; }

.div-best-price.customColor {
  color: var(--custom-color, #DF0019); }

.div-ico-best-price {
  text-align: center;
  font-size: 100px; }

.div-title-best-price {
  text-align: center;
  font-size: 30px; }

.div-text-best-price {
  text-align: center;
  font-size: 12px; }

.div-strong-point {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: grey;
  padding: 20px 25px 25px 25px; }

.div-title-strong-point {
  text-align: center;
  font-size: 30px; }

.div-customer-opinion {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: grey;
  padding: 20px 0px;
  position: relative;
  z-index: 2; }

.div-customer-opinion:after {
  content: "\e93d";
  font-family: icomoon;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 155px;
  color: #EBEBEB;
  z-index: 1;
  top: 34px;
  left: 65px; }

.div-title-customer-opinion {
  text-align: center;
  font-size: 30px; }

.div-carousel-customer-opinion {
  height: 190px;
  margin-top: 25px;
  z-index: 2; }

.link-carousel-control-left {
  background-image: none;
  color: red;
  opacity: 0; }

.link-carousel-control-right {
  background-image: none;
  color: red;
  opacity: 0; }

.link-carousel-control {
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  width: 15%;
  font-size: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  color: white;
  right: auto;
  left: auto;
  /*
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
  */ }

.link-carousel-control.left {
  left: 0; }

.link-carousel-control.right {
  right: 0; }

.link-carousel-control .glyphicon-chevron-left, .link-carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: -10px;
  font-size: 30px;
  left: 8px; }

.link-carousel-control .glyphicon-chevron-left {
  right: 50%;
  margin-left: -10px; }

.link-carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }

.div-customer-opinion:hover .link-carousel-control {
  opacity: 1;
  color: white; }

.div-customer-opinion:focus .link-carousel-control {
  color: white; }

.line-customer-opinion-description {
  cursor: pointer; }

.span-customer-opinion-name {
  font-weight: bold; }

.span-customer-opinion-name.brownMB {
  color: #8F806A; }

.span-customer-opinion-name.redMB {
  color: #DF0019; }

.span-customer-opinion-name.blueMB {
  color: #0071BC; }

.span-customer-opinion-name.customColor {
  color: var(--custom-color, #DF0019); }

.div-secure-payment {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: grey;
  padding: 20px 25px; }

.div-ico-secure-payment {
  text-align: center;
  font-size: 65px; }

.div-ico-secure-payment.brownMB {
  color: #8F806A; }

.div-ico-secure-payment.redMB {
  color: #DF0019; }

.div-ico-secure-payment.blueMB {
  color: #0071BC; }

.div-ico-secure-payment.customColor {
  color: var(--custom-color, #DF0019); }

.div-title-secure-payment {
  text-align: center;
  font-size: 30px; }

.carousel-inner .item {
  padding: 0px 35px; }

.div-booking-coordonnees {
  margin: 0;
  padding: 0; }

.div-form-customer-information {
  margin: 0;
  padding: 0px 20px; }

.div-form-customer-message {
  margin: 0;
  padding: 0px 30px; }

.select-customer-information {
  width: 180px;
  padding-left: 5px; }

.select-customer-information-mandatory {
  width: 180px;
  padding-left: 5px; }

.div-validation-cgdv {
  margin: 0;
  padding: 5px 30px; }

.div-validation-mailing {
  margin: 0;
  padding: 5px 30px; }

.div-validation-rgpd {
  margin: 0;
  padding: 5px 30px; }

.link-popup-login {
  font-weight: bold;
  cursor: pointer; }

.link-popup-login.brownMB {
  color: #8F806A; }

.link-popup-login.redMB {
  color: #DF0019; }

.link-popup-login.blueMB {
  color: #0071BC; }

.link-popup-login.customColor {
  color: var(--custom-color, #DF0019); }

.link-popup-cgdv {
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline; }

.link-popup-cgdv.brownMB {
  color: #8F806A; }

.link-popup-cgdv.redMB {
  color: #DF0019; }

.link-popup-cgdv.blueMB {
  color: #0071BC; }

.link-popup-cgdv.customColor {
  color: var(--custom-color, #DF0019); }

.title-summary-payment-information {
  margin: 0;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #E0E0E0; }

.title-summary-payment-information.brownMB {
  color: #8F806A; }

.title-summary-payment-information.redMB {
  color: #DF0019; }

.title-summary-payment-information.blueMB {
  color: #0071BC; }

.title-summary-payment-information.customColor {
  color: var(--custom-color, #DF0019); }

.label-display-booking-details {
  text-align: center;
  cursor: pointer; }

.label-display-booking-details.brownMB {
  color: #8F806A; }

.label-display-booking-details.redMB {
  color: #DF0019; }

.label-display-booking-details.blueMB {
  color: #0071BC; }

.label-display-booking-details.customColor {
  color: var(--custom-color, #DF0019); }

.title-summary-selection {
  margin: 0;
  padding: 14px 20px;
  font-size: 19px;
  border-bottom: 1px solid #E0E0E0; }

.title-summary-selection.brownMB {
  color: #8F806A; }

.title-summary-selection.redMB {
  color: #DF0019; }

.title-summary-selection.blueMB {
  color: #0071BC; }

.title-summary-selection.customColor {
  color: var(--custom-color, #DF0019); }

.p-text-total-price {
  margin: 0;
  padding: 14px 20px;
  font-size: 19px; }

.p-text-total-price.brownMB {
  color: #8F806A; }

.p-text-total-price.redMB {
  color: #DF0019; }

.p-text-total-price.blueMB {
  color: #0071BC; }

.p-text-total-price.customColor {
  color: var(--custom-color, #DF0019); }

.p-total-price {
  margin: 0;
  padding: 14px 20px;
  font-size: 19px;
  text-align: right; }

.p-total-price.brownMB {
  color: #8F806A; }

.p-total-price.redMB {
  color: #DF0019; }

.p-total-price.blueMB {
  color: #0071BC; }

.p-total-price.customColor {
  color: var(--custom-color, #DF0019); }

.popup-login-header {
  border-radius: 3px 3px 0px 0px;
  text-align: center; }

.popup-login-header.brownMB {
  background-color: #8F806A; }

.popup-login-header.redMB {
  background-color: #DF0019; }

.popup-login-header.blueMB {
  background-color: #0071BC; }

.popup-login-header.customColor {
  background-color: var(--custom-color, #DF0019); }

.popup-login-title {
  display: inline-block;
  margin: 14px 0;
  color: white;
  text-shadow: none;
  font-family: 'Open Sans', sans-serif; }

.popup-login-close {
  float: right;
  font-size: 30px;
  color: white;
  margin: 10px;
  cursor: pointer; }

.popup-login-body {
  padding: 0 20px; }

.div-list-type-connexion {
  margin: 10px; }

.type-connexion {
  margin: 0px;
  padding: 0px; }

.input-connection-login {
  width: 100%; }

.input-connection-password {
  width: 100%; }

.div-button-connexion {
  text-align: center; }

.button-connexion {
  margin: auto; }

.button-validation-cadre-text {
  display: inline-block;
  margin: 0px;
  color: white;
  padding: 9px 15px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  cursor: pointer;
  width: 145px;
  font-size: 12px; }

.button-validation-cadre-text {
  width: 205px; }

.p-title-recuperation-mdp {
  font-size: 12px;
  margin-top: 5px; }

.input-mail-recuperation-mdp {
  width: 100%; }

.div-button-recuperation {
  text-align: center; }

.p-link-recuperation-mdp {
  text-align: center; }

.p-link-recuperation-mdp.brownMB {
  color: #8F806A; }

.p-link-recuperation-mdp.redMB {
  color: #DF0019; }

.p-link-recuperation-mdp.blueMB {
  color: #0071BC; }

.p-link-recuperation-mdp.customColor {
  color: var(--custom-color, #DF0019); }

.div-message-recuperation-mdp {
  display: none; }

.connexion-selected {
  display: inline-block;
  color: white;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
  width: 100%;
  text-align: center; }

.connexion-selected.brownMB {
  background-color: #8F806A;
  border: 1px solid #8F806A; }

.connexion-selected.redMB {
  background-color: #DF0019;
  border: 1px solid #DF0019; }

.connexion-selected.blueMB {
  background-color: #0071BC;
  border: 1px solid #0071BC; }

.connexion-selected.customColor {
  background-color: var(--custom-color, #DF0019);
  border: 1px solid var(--custom-color, #DF0019); }

.connexion-unselected {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
  width: 100%;
  text-align: center; }

.connexion-unselected.brownMB {
  border: 1px solid #8F806A; }

.connexion-unselected.redMB {
  border: 1px solid #DF0019; }

.connexion-unselected.blueMB {
  border: 1px solid #0071BC; }

.connexion-unselected.customColor {
  border: 1px solid var(--custom-color, #DF0019); }

/**********************************************************************************************************************/
.pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row.hideMB {
  display: none; }
.pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row .accommodation-service-row__accommodation-service {
  display: block;
  border-width: 1px;
  border-color: grey;
  border-style: dashed;
  padding: 6px;
  border-radius: 3px;
  margin: 5px;
  position: relative; }
  .pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link {
    display: block;
    width: 30px;
    height: 30px;
    border-style: solid;
    border-width: 0 30px 30px 0;
    /*border-color: transparent #da0039 transparent transparent;*/
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    color: white;
    cursor: pointer; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link.brownMB {
      border-color: transparent #8F806A transparent transparent;
      color: white; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link.redMB {
      border-color: transparent #DF0019 transparent transparent;
      color: white; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link.blueMB {
      border-color: transparent #0071BC transparent transparent;
      color: white; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link.customColor {
      border-color: transparent var(--custom-color, #DF0019) transparent transparent;
      color: white; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link .information-link__information-body {
      position: relative;
      top: -2px;
      right: -18px;
      font-family: sans-serif, "Helvetica Neue", Helvetica, Arial;
      font-weight: 200;
      line-height: 1.1;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .pending-booking-selection .pending-booking-selection__accommodation-service-selected-list .accommodation-service-selected-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__accommodation-service-label {
    cursor: pointer; }
.pending-booking-selection .pending-booking-selection__accommodation-service-selection {
  background-color: rgba(143, 128, 106, 0.25);
  padding: 15px;
  display: block; }
  .pending-booking-selection .pending-booking-selection__accommodation-service-selection.hideMB {
    display: none; }
  .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-selection-header {
    margin-bottom: 15px; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-selection-header .accommodation-service-selection-header__text {
      display: inline-block;
      width: 85%; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-selection-header .accommodation-service-selection-header__close {
      cursor: pointer;
      display: block;
      float: right;
      padding: 4px; }
      .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-selection-header .accommodation-service-selection-header__close i {
        font-size: 25px; }
  .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row.hideMB {
    display: none; }
  .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service {
    display: block;
    border-width: 1px;
    border-color: grey;
    border-style: dashed;
    padding: 6px;
    border-radius: 3px;
    margin: 5px;
    position: relative; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link {
      display: block;
      width: 30px;
      height: 30px;
      border-style: solid;
      border-width: 0 30px 30px 0;
      /*border-color: transparent #da0039 transparent transparent;*/
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1000;
      color: white;
      cursor: pointer; }
      .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link.brownMB {
        border-color: transparent #8F806A transparent transparent;
        color: white; }
      .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link.redMB {
        border-color: transparent #DF0019 transparent transparent;
        color: white; }
      .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link.blueMB {
        border-color: transparent #0071BC transparent transparent;
        color: white; }
      .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link.customColor {
        border-color: transparent var(--custom-color, #DF0019) transparent transparent;
        color: white; }
      .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__information-link .information-link__information-body {
        position: relative;
        top: -2px;
        right: -18px;
        font-family: sans-serif, "Helvetica Neue", Helvetica, Arial;
        font-weight: 200;
        line-height: 1.1;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__accommodation-service-label {
      cursor: pointer; }
    .pending-booking-selection .pending-booking-selection__accommodation-service-selection .accommodation-service-selection__accommodation-service-list .accommodation-service-list__accommodation-service-row .accommodation-service-row__accommodation-service .accommodation-service__accommodation-service-label {
      cursor: pointer; }

.hideMB {
  display: none; }