@import url("rhetorik.css"); /* import grid CSS */

:root {
    --main-color: #333F4C;
}
/*
Couleur principale : #333F4C
Couleur hover : #a48778
*/

.welcome-section {
    height: 600px;
    background-size: cover;
    position: relative;
    background-position: center center; /* Remplacez par la position souhaitée */
}

/*-----------------		SELECTION		---------------------------------------------------- */
input::selection {
    background-color: #a48778!important;
	color: #FFFFFF !important;
}
/*------------------------------------------------------------------------------------------ */

/*-----------------		BOUTONS			---------------------------------------------------- */
button {
    background-color: #333F4C!important;
	color: #FFFFFF !important;
    border: 2px #333F4C solid !important;
    border-radius: 5px !important;
}
button:hover {
    background-color: #ffffff !important;
    border-color: #333F4C !important;
    color: #333F4C !important;
}

/* Boutons récalcitrants */
.btn-default, .btn-default.ui-state-active, .btn-default.ui-state-, button.btn-validate, button.btn-validate.btn-validate-account, 
button.form-validate-cart, button.form-finalize-cart, .searchDateForm button.search, button.form-submit-login, button.form-pay-remainder, 
button.btn-validate.btn-validate-reset-password, .stay_detail button.book_documents_toggler, #navigate_forward button, 
#fast-account-validate button, button.close-cookie-warning, .datepicker-custom-dialog button.sm-search-btn-dp, .btn-catalog-product-file {
	background-color: #a48778 !important;
	color: #FFFFFF !important;
    border: 2px #333F4C solid !important;
    border-radius: 5px !important;
}

/* Boutons récalcitrants : HOVER */
.btn-default:hover, .btn-default.ui-state-active:hover, .btn-default.ui-state-:hover, button.btn-validate:hover, button.btn-validate.btn-validate-account:hover, 
button.form-validate-cart, button.form-finalize-cart:hover, .searchDateForm button.search:hover, button.form-submit-login:hover, button.form-pay-remainder:hover, 
button.btn-validate.btn-validate-reset-password:hover, .stay_detail button.book_documents_toggler:hover, #navigate_forward button:hover, 
#fast-account-validate button:hover, button.close-cookie-warning:hover, .datepicker-custom-dialog button.sm-search-btn-dp:hover, .btn-catalog-product-file:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}

/* Langues */
.btn-white:hover, .btn-white:active, button.language-btn:hover, button.language-btn:active, .ModuleLogin_dialog .form-logout button:hover, .ModuleLogin_dialog .form-logout button:active {
	color: #FFFFFF
}
/*------------------------------------------------------------------------------------------ */

/*-----------------		POP-UP LOGIN	---------------------------------------------------- */
.ModuleLogin_dialog.sqs_module_dialog .ui-dialog-titlebar-close:before {
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
}
/*------------------------------------------------------------------------------------------ */


/*-----------------		WELLCOME PAGE	---------------------------------------------------- */
.icon-text, .icon-calendar:before, .icon-giftcard:before, .icon-favorite2:before, .icon-send:before, .icon-menu-client:before, .icon-wellness, .icon-rf-table {
	color: #333F4C;
}
.content-li {
	box-shadow: 0px 0px 5px 0px #333F4C;
	color: #333F4C;
}


/*-----------------		BON CADEAUX		---------------------------------------------------- */

/* Encadrer l'étape active sur l'achat des bons cadeaux */
div.current {
	display: none;
}

/* Intitulé des étapes de l'achat de bons cadeaux */
.form-wizard-step.active a, .form-wizard-step.active a:visited {
	display: none;
}

/* Ne pas afficher les filtres sur le catalogue */


/* Icone solde disponnible */ 
.gv-balance-icon, .gv-balance-icon:before  {
    color: #a48778!important;
	background-color: #a48778!important;
}

.sqs .ui-slider-handle {
    border: none;
    background: none;
    border-radius: 50%;
    z-index: 1;
    background-color: #333F4C;
}

.sqs .ui-slider-range {
    background: #333F4C !important;
}

.sqs .acc_node:not(.acc_closed) .acc_icon {
    color: #333F4C;
}

.sqs .acc_node:hover .acc_icon {
    color: #333F4C;
}

/*------------------------------------------------------------------------------------------ */

/*subheader modif color*/
.module_datepicker_small, .module_datepicker_small .btn-icon {
    background-color: #333F4C;
    color: #FFFFFF !important;
}
.module_datepicker_small {
    border: 1px #333F4C solid;
}
.module_datepicker_small {
    border: 1px #333F4C solid;
}


/*body modif - PAGE PANIER*/
.form-wizard-step.active, .form-wizard-step.active a, .form-wizard-step.active a:hover, .form-wizard-step.active a:visited {
    color: #333F4C!important;
}
.sqs a:hover {
    color: #a48778!important;
}

/*body modif - PAGE auth*/
.sqs a.lnk {
    color: #a48778!important;
    text-decoration: underline !important;
    cursor: pointer;
}.sqs a.lnk:hover {
    color: #a48778!important;
}
.highlight-form-label-on-focus .ast-form-group.ast-form-group-focused label.ast-form-label {
	color: #333F4C;
}
input.ast-form-control[type="text"]:hover, select.ast-form-control:hover, .ast-form-group.ast-form-group-focused .ast-form-control {
	border-bottom:1px solid #333F4C;
}

/*body modif - panier*/
textarea {
    border-color: #333F4C;
}
textarea:hover {
    border-color: #333F4C;
}
textarea:active {
    border-color: #333F4C;
}


/*datepicker dans le BE*/
td.rangeFirstDate {
    background-color: #a48778!important;
}
.between-date {
    background: #333F4C2e !important;
}
.ui-datepicker td a[price]::after {
    color: #FFFFFF !important;
}
td.rangeLastDate {
    background-color: #a48778!important;
}
td.highlight-possibilities:not(.noAvailability):not(.rangeLastDate) a.ui-state-default {
    font-size: 18px;
    color: #a48778!important;
}
td.highlight-possibilities.noAvailability:not(.rangeLastDate) a.ui-state-default {
    color: #a48778!important;
    opacity: 0.9!important;
}

/*widget selecteur de pediode*/
.sqs_module_dialog .ui-button.ui-state-default, .sqs_module_dialog .ui-button.ui-state-hover, .sqs_module_dialog .ui-button.ui-state-active {
    color: #ffffff !important;
}

#categoryChoice2 label.multi-select-menuitem, #categoryChoice label.multi-select-menuitem {
    height: auto !important;
}

td.highlight-possibilities:not(.noAvailability):not(.rangeLastDate) a {
    font-size: 20px;
    color: #a48778!important;
}
td.highlight-possibilities.noAvailability:not(.rangeLastDate) a {
    color: #a48778!important;
    opacity: 0.9!important;
}

/*Pop-up "selectionner une date de séjour"*/
div.ui-dialog.ui-widget {
    background: #FFFFFF !important;
}


/*Background etape1 be*/
#body_background {
    background-position-y: 0rem !important;
}

#top-menu-right .ModuleLogin[class^="icon-booking-"]:before, #top-menu-right .ModuleCart[class^="icon-booking-"]:before {
    color: #333F4C;
}


div.form-wizard {
opacity: 100%
}

.cart-stay-count {
	color: #333F4C;
}

.icon-booking-engine-arrow-down.icon-after:after {
	color: #333F4C;
}

.ModuleCart_dialog .total_price_value, .ModuleCart_dialog .book_total_price {
	color: #333F4C;
}

.element.style[class^=ast-page-title1] {
	color: #333F4C;
}

.selection-site-link a.selected {
    background: rgba(255, 255, 255, 0);
    border-radius: 32px;
    color: #333F4C;
}

.restau-number-of-persons .restau-person-item.selected, .restau-slot-item.selected {
    color: white;
    background-color: #333F4C;
}


.book_promo, .after-promo{
display:none;
}


.ui-datepicker-calendar .rangeFirstDate, .ui-datepicker-calendar .rangeLastDate {
  background-color: #a48778!important; 
}


.rb-desc, .rb-features {
	background-color: #ffffff important; 
    
    
}



.ui-datepicker td a[price]::after {
    color: #a48778!important;
}

.ui-datepicker td.rangeFirstDate a[price]::after, .ui-datepicker td.rangeLastDate a[price]::after, .ui-datepicker td.between-date a[price]::after {
  color: #ffffff !important; 
}

.ast-form-group.btn-search-group .search.dp-search-btn-class {
    background-color: #a48778!important;
	border-color: #a48778!important;
}

.ast-form-group.btn-search-group:hover .search.dp-search-btn-class:hover {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

/*-----------------		CASE SUPPRI		---------------------------------------------------- */


/*------------------------------------------------------------------------------------------ */

#rst-booking-section-title-container {
    width: 100%;
    max-width: 1273px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #333F4C;
    padding: 54px;
    margin: auto;
    margin-bottom: 52px;
    margin-top: 12px;
}

#content-li-2 {
       /** Réserver un table **/
    display: none; 
}
 
#content-li-1 {
    /** Réserver en ligne (inatif, peut-etre pour hotel) **/
    display: none; 
}

#content-li-3 { 
    /** Reserver un soins **/
     /** display: none;  **/
}

#content-li-4 {
    /** Offrir un bon cadeau **/
    /** display: none; **/
}
#content-li-5 {
    /** Offrir un bon cadeau **/
     /** display: none;  **/
}

body,.sqs header.main-header, #top-menu-right,.sqs footer,.form-wizard, #cart_details  {
    background-color: #EBE8E6 !important;
}

*,.gift-voucher-price, .wellness-care-price  {
    font-family: "Rhetorik Sans", sans-serif !important;
    color:#64605e !important;
}

input {
    border-radius:25px !important;
    padding-left:10px !important;
}

#search,.btn-default2 {
    color:#64605e !important;
}
button {
    border-radius:25px !important;
    background-color: #EBE8E6 !important;
    border : 1px solid #64605e !important;
}

.btn-default, .btn-offer-product, .btn-default.ui-state-active, .btn-default.ui-state-, button.btn-validate, button.btn-validate.btn-validate-account, button.form-validate-cart, button.form-finalize-cart, .searchDateForm button.search, button.form-submit-login, button.form-pay-remainder, button.btn-validate.btn-validate-reset-password, .stay_detail button.book_documents_toggler, #navigate_forward button, #fast-account-validate button, button.close-cookie-warning, .datepicker-custom-dialog button.sm-search-btn-dp, .btn-catalog-product-file {
    border-radius:25px !important;
    background-color: #EBE8E6 !important;
    border : 1px solid #64605e !important;
     color:#64605e !important;
}



.sqs a.lnk, .sqs a:hover  {
    color: #64605e !important;
    text-decoration: underline !important;
    cursor: pointer;
}

#top-menu-right .ModuleLogin[class^="icon-booking-"]:before, #top-menu-right .ModuleCart[class^="icon-booking-"]:before {
    color:#64605e !important;
}

.sqs .ui-slider-handle,.sqs .ui-slider-range {
    background-color: #64605e !important;
    background: #64605e !important;
}

.sqs .btn-white.ast-checkboxlist-reset-button {
    padding-left:10px;padding-right:10px;
}

.product-catalog-price {
    font-size:120%;
}
.ast-product-detail .product-label label {font-size:140% !important}

#datePickerFilter .ui-widget-content {background : none !important}

.input-search-date {padding-left:10px;padding-right:10px;max-width:125px !important}

span#search {
     color:#64605e !important;
     background-color: none !important;
     border-radius:50px;
     padding-left:5px;padding-right:5px;
}

#datePickerFilter .currentDate a, #datePickerFilter .currentDate span, #datePickerFilter a.i-state-active {
    color: #EBE8E6 !important;
}

.slot-cell:hover, .selected-slot {
    background: #FFF !important;
    border-radius: 20px;
    color: #64605e !important;
    cursor: pointer;
}

span.watch-more .ui-datepicker-next .ui-icon:before {
    color: #64605e !important;
}

.product-description p {
    font-family: "Rhetorik Sans", sans-serif !important;
    font-weight: 300 !important;
}

.login-header-text, .basket-header-text {
    text-transform:none !important;
}

#popupModule_language_shortcut {
    background-color: #EBE8E6 !important;
 
}

.language-btn {
    background-color: #EBE8E6 !important;
    border : none !important;
    color:#64605e !important;
    text-align: center !important;
}
.language-btn:hover {
    background-color: #EBE8E6 !important;
    border : none !important;
    color:#64605e !important;
    text-decoration: underline !important;
    text-align: center !important;
}