body.SiteBackground{background-image:url('https://resx.octorate.com/content/207188/1764089267706.jpg')}/************************************
  A. Page home booking engine
************************************/

/************************************
  1. BACKGROUND GLOBAL
************************************/

/* Image de fond principale */
body.SiteBackground {
    background-image: url(https://resx.octorate.com/content/207188/1764089267706.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



/* Padding bas général */
.MaxWidthHome {
    padding: 0 0 50px 0;
    max-width: var(--max-width-home);
}


/************************************
  2. MASQUAGE DES ÉLÉMENTS
************************************/

/* Masque la barre de notification */
.ui-notificationbar,
.ui-notificationbar * {
    display: none !important;
}

section.welcome div.content h1, section.welcome div.content h3 {
    z-index: 99;
  	display: none !important;
}

/************************************
  3. HEADER : LOGO, ICONES, CONTACTS
************************************/

/* Taille du logo */
section.cover .picture img {
    max-width: 500px !important;
}

/* Icônes en bleu (#142336) */
section.cover div.information a {
    fill: #142336 !important;
}

/* Texte infos sous le logo */
section.cover div.information p {
    color: #142336 !important;
    font-weight: 500 !important;
}

/* Hover sur liens (langue, devise, info, contacts) */
div.currency .list a:hover,
header div.contacts a:hover,
section.cover div.information a:hover {
    color: #142336 !important;
}


/************************************
  4. UE & DEVISE — MENUS DÉROULANTS
************************************/

/* Fond des éléments sélectionnés (langues, devises, dropdowns) */
.ui-selectonemenu-panel tr.ui-state-highlight td {
    background-color: #cdcbcb !important;
    color: #fff !important;
}

:root .customSelect div.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
    background-color: #142336 !important;
}




/************************************
  5. FORMULAIRE : ARRIVÉE / DÉPART
************************************/

/* Labels Arrivée / Départ */
header .datetheme2 label {
    padding: 1px !important;
    color: #142336 !important;
    background-color: #ffffff !important;
}

/* Valeurs de date (jours) */
header .datetheme2 em {
    color: #142336 !important;
    text-decoration: none;
}

/* Calendrier — jour actuel */
.ui-datepicker-calendar tbody tr .ui-datepicker-today a {
    color: #142336 !important;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-today {
    border: solid 1px #142336 !important;
}


/************************************
  6. BOUTONS & ACTIONS
************************************/

/* Bouton Recherche */
.button,
.button span.ui-button-text,
.customButton span.ui-button-text {
    background-color: #142336 !important;
}

/* (Correctif hover) */
.button span.ui-button-text-button-text:hover {
    background-color: #142336 !important;
}


/************************************
  7. SHORTCUTS : DISPONIBILITÉ / RÉSERVATION
************************************/

/* Logo icônes */
section.shortcuts a.box svg.icon {
    fill: #142336 !important;
    height: 25px !important;
}

/* Taille du texte */
h2 {
    font-size: 24px !important;
}

/* Flèches */
section.shortcuts a.box svg.btn {
    fill: #142336 !important;
}


/************************************
  8. FOOTER
************************************/

/* Texte du footer */
footer span.count p {
    color: #142336 !important;
}

/* Logo cadenas */
footer span.count svg.ssl {
    fill: #DC5A50 !important;
}

/* Centrage Bouton rechercher */

@media only screen and (max-width: 780px) {
    .searchBox {
        width: 75% !important;
    }
  }
  



/* Page availability */

section.relative div.content h1 {
  font-size: clamp(18px, 3vw, 24px) !important;
    padding: 10px 10px 25px 10px !important;
}

section.relative a:hover p, section.relative ul.slick-dots li.slick-active button {
    background-color: #142336 !important;
}


/* Page gestion reservation web concierge */

.ui-button-text {
    background-color: #142336 !important;
}

footer span.count p {
    display: none !important;
}

.p-justify-center {
    display: none !important;
}

/* page réservation entrée des informations guest */

.Green {
    color: #999999 !important;
}

.Orange {
    color: #999999 !important;
}

.FontBold {
  font-size: 14px !important;
    font-weight: normal !important;
}

.DispBlock {
    padding: 0px 0px 10px 0px !important;
}

section.confirm div.content .details .help {
    color: #142336 !important;
}

section.confirm div.content .details .help svg {
    fill: #142336 !important;
}


.customCheckbox .ui-chkbox-label, section.confirm div.content .details a, section.confirm div.content .details label.text {
    color: #142336 !important;
}

.fadeInDownShort {
    padding: 0px 0px 10px 0px;
}

#checkPrivacy.customCheckbox .ui-chkbox-box {
  border: 1px solid #142336 !important;
  color: #142336 !important;
}

.customCheckbox .ui-chkbox-label, section.confirm div.content .details a, section.confirm div.content .details label.text {
    font-size: 14px !important;
}

.total {
  text-align: center !important;
}

#confirmButton2{
  margin-top: 30px !important;
}

h4 {
    padding-bottom: 10px !important;
}

h3 {
    padding-bottom: 10px !important;
  padding-top: 10px !important;
}


/* page paiement */

.GreenBack {
    background-color: #142336 !important;
}

.Pad510 {
    padding: 10px 0px 10px 0px !important;
}

/* A verifier / casse le site image

.SiteContentChannel .RoomPhoto {
  max-width: 75% !important;
  width: 75% !important;
}

.SiteContentChannel .RoomPhoto > div {
  min-width: 100% !important;
  width: 100% !important;
}

a.ShowDetails,
a.HideDetails {
  display: none !important;
}

.RoomSection .RoomPhoto {
  display: none !important;
}

.RoomTop {
  min-height: auto !important;
}

.RoomPhoto {
  height: 380px !important;
}
*/

.ui-panelgrid-content > .ui-g:nth-child(2) {
  display: none !important;
}

a.ShowDetails,
a.HideDetails {
  display: none !important;
}

.SiteContentChannel .RoomPhoto {
  max-width: 75% !important;
  width: 75% !important;
}

.SiteContentChannel .RoomPhoto > div {
  min-width: 100% !important;
  width: 100% !important;
}

.customHeaderIndex {
  flex-direction: row-reverse !important;
}