.selectize-control.plugin-drag_drop.multi>.selectize-input.dragging{overflow:visible}.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,0.06) !important;border:0 none !important;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,0.2)}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:3px 3px 0 0}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px !important;text-decoration:none}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover{color:black}.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0 !important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 6px;border-left:1px solid #0073bb;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:6px}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,0.05)}.selectize-control.plugin-remove_button .item.active .remove{border-left-color:#00578d}.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:0}.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:#aaa}.selectize-control.plugin-clear_button .clear{text-decoration:none;display:flex;position:absolute;height:100%;width:25px;top:0;right:calc(8px - 6px);color:#000;opacity:.4;font-weight:bold;border:0;cursor:pointer;z-index:1;font-size:21px;justify-content:center;align-items:center}.selectize-control.plugin-clear_button .clear:hover{opacity:1}.selectize-control.plugin-clear_button.single .clear{right:calc(8px - 6px + 1.5rem)}.selectize-dropdown.plugin-auto_position.selectize-position-top{border-top:1px solid #d0d0d0;border-bottom:0 none;border-radius:3px 3px 0 0;box-shadow:0 -6px 12px rgba(0,0,0,0.18)}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active{border-radius:0 0 3px 3px;border-top:0 none}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before{top:0;bottom:unset}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#303030;font-family:inherit;font-size:13px;line-height:18px;font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid #d0d0d0;padding:8px 8px;display:inline-block;width:100%;position:relative;z-index:1;box-sizing:border-box;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);border-radius:3px}.selectize-control.multi .selectize-input.has-items{padding:calc(8px - 2px - 1px) 8px calc(8px - 2px - 3px - 1px)}.selectize-input.full{background-color:#fff}.selectize-input.disabled,.selectize-input.disabled *{cursor:default !important}.selectize-input.focus{box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.selectize-input.dropdown-active{border-radius:3px 3px 0 0}.selectize-input>*{vertical-align:baseline;display:inline-block;zoom:1}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#1da7ee;color:#fff;border:1px solid #0073bb}.selectize-control.multi .selectize-input>div.active{background:#92c836;color:#fff;border:1px solid #00578d}.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:white;background:#d2d2d2;border:1px solid #aaa}.selectize-input>input{display:inline-block !important;padding:0 !important;min-height:0 !important;max-height:none !important;max-width:100% !important;margin:0 !important;text-indent:0 !important;border:0 none !important;background:none !important;line-height:inherit !important;user-select:auto !important;box-shadow:none !important}.selectize-input>input::-ms-clear{display:none}.selectize-input>input:focus{outline:none !important}.selectize-input>input[placeholder]{box-sizing:initial}.selectize-input.has-items>input{margin:0 0 !important}.selectize-input::after{content:" ";display:block;clear:left}.selectize-input.dropdown-active::before{content:" ";display:block;position:absolute;background:#f0f0f0;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(125,168,208,0.2);border-radius:1px}.selectize-dropdown .option,.selectize-dropdown .optgroup-header,.selectize-dropdown .no-results,.selectize-dropdown .create{padding:5px 8px}.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.selectize-dropdown [data-selectable].option{opacity:1;cursor:pointer}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}.selectize-dropdown .active{background-color:#92c836;color:#fff}.selectize-dropdown .active.create{color:#495c68}.selectize-dropdown .selected{background-color:#92c836;color:#fff}.selectize-dropdown .create{color:rgba(48,48,48,0.5)}.selectize-dropdown .active:not(.selected){background:#f5fafd;color:#495c68}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px;overflow-scrolling:touch}.selectize-dropdown-emptyoptionlabel{text-align:center}.selectize-dropdown .spinner{display:inline-block;width:30px;height:30px;margin:5px 8px}.selectize-dropdown .spinner:after{content:" ";display:block;width:24px;height:24px;margin:3px;border-radius:50%;border:5px solid #d0d0d0;border-color:#d0d0d0 transparent #d0d0d0 transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input:not(:read-only){cursor:text}.selectize-control.single .selectize-input:not(.no-arrow):after{content:" ";display:block;position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#808080 transparent transparent transparent}.selectize-control.single .selectize-input:not(.no-arrow).dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #808080 transparent}.selectize-control.rtl{text-align:right}.selectize-control.rtl.single .selectize-input:after{left:15px;right:auto}.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px !important}.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fafafa}.selectize-control.multi .selectize-input.has-items{padding-left:5px;padding-right:5px}.selectize-control.multi .selectize-input.disabled [data-value]{color:#999;text-shadow:none;background:0;box-shadow:none}.selectize-control.multi .selectize-input.disabled [data-value],.selectize-control.multi .selectize-input.disabled [data-value] .remove{border-color:#e6e6e6}.selectize-control.multi .selectize-input.disabled [data-value] .remove{background:0}.selectize-control.multi .selectize-input [data-value]{text-shadow:0 1px 0 rgba(0,51,83,0.3);border-radius:3px;background-color:#1b9dec;background-image:linear-gradient(to bottom,#1da7ee,#178ee9);background-repeat:repeat-x;box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03)}.selectize-control.multi .selectize-input [data-value].active{background-color:#0085d4;background-image:linear-gradient(to bottom,#008fd8,#0075cf);background-repeat:repeat-x}.selectize-control.single .selectize-input{box-shadow:0 1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.8);background-color:#f9f9f9;background-image:linear-gradient(to bottom,#fefefe,#f2f2f2);background-repeat:repeat-x}.selectize-control.single .selectize-input,.selectize-dropdown.single{border-color:#b8b8b8}.selectize-dropdown .optgroup-header{padding-top:7px;font-weight:bold;font-size:.85em}.selectize-dropdown .optgroup{border-top:1px solid #f0f0f0}.selectize-dropdown .optgroup:first-child{border-top:0 none}.selectize-dropdown.plugin-auto_position.selectize-position-top{border-top:1px solid #d0d0d0;border-bottom:0 none;border-radius:3px 3px 0 0;box-shadow:0 -6px 12px rgba(0,0,0,0.18)}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active{border-radius:0 0 3px 3px;border-top:0 none}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before{top:0;bottom:unset}.selectize-control.plugin-clear_button .clear{text-decoration:none;display:flex;position:absolute;height:100%;width:25px;top:0;right:calc(8px - 6px);color:#000;opacity:.4;font-weight:bold;border:0;cursor:pointer;z-index:1;font-size:21px;justify-content:center;align-items:center}.selectize-control.plugin-clear_button .clear:hover{opacity:1}.selectize-control.plugin-clear_button.single .clear{right:calc(8px - 6px + 1.5rem)}.selectize-control.plugin-drag_drop.multi>.selectize-input.dragging{overflow:visible}.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,0.06) !important;border:0 none !important;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,0.2)}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:3px 3px 0 0}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px !important;text-decoration:none}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover{color:black}.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0 !important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 6px;border-left:1px solid #0073bb;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:6px}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,0.05)}.selectize-control.plugin-remove_button .item.active .remove{border-left-color:#00578d}.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:0}.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:#aaa}p.hb-check-dates-wrapper,
p.hb-accom-number-wrapper,
p.hb-people-wrapper,
p.hb-search-button-wrapper {
float: left;
margin-right: 2%;
position: relative;
}
p.hb-search-button-wrapper {
margin-right: 0;
}
.hb-datepick-check-in-out-mobile-trigger {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.hb-datepick-check-in-out-trigger {
display: block;
position: absolute;
}
.hb-check-dates-wrapper {
width: 22%;
}
.hb-people-wrapper {
width: 14%;
}
.hb-search-button-wrapper {
width: 20%;
}
.hb-accom-number-wrapper,
.hb-search-form-multiple-accom .hb-check-dates-wrapper,
.hb-search-form-multiple-accom .hb-search-button-wrapper,
.hb-search-form-no-children .hb-check-dates-wrapper,
.hb-search-form-no-children .hb-people-wrapper,
.hb-search-form-no-children .hb-search-button-wrapper {
width: 23.5%;
}
.hb-search-form-no-people:not(.hb-search-form-multiple-accom) .hb-check-dates-wrapper {
width: 36%;
}
.hb-search-form-no-people:not(.hb-search-form-multiple-accom) .hb-search-button-wrapper {
width: 24%;
}
.hb-admin-search-type-wrapper,
.hb-accom-number-wrapper,
.hb-search-form-multiple-accom .hb-people-wrapper,
.hb-search-form-no-people .hb-people-wrapper {
display: none;
}
.hb-search-form-multiple-accom .hb-accom-number-wrapper {
display: block;
}
.hb-search-form-no-children .hb-people-wrapper-children,
.hb-search-form-no-children .hb-chosen-children {
display: none;
}
.hb-check-dates-wrapper input,
.hb-accom-number-wrapper select,
.hb-people-wrapper select,
.hb-search-button-wrapper input {
box-sizing: border-box;
width: 100%;
}
.hb-search-button-wrapper input {
text-align: center;
white-space: normal;
}
.hb-vertical-search-form .hb-searched-summary p,
.hb-vertical-search-form .hb-check-dates-wrapper,
.hb-vertical-search-form .hb-people-wrapper,
.hb-vertical-search-form .hb-accom-number-wrapper,
.hb-vertical-search-form .hb-search-button-wrapper,
.hb-vertical-search-form.hb-search-form-no-people:not(.hb-search-form-multiple-accom) .hb-check-dates-wrapper,
.hb-vertical-search-form.hb-search-form-no-people:not(.hb-search-form-multiple-accom) .hb-search-button-wrapper {
margin-right: 0%;
width: 100%;
}
.hb-vertical-search-form:not(.hb-search-form-no-children) p.hb-people-wrapper {
float: left;
width: 48%;
}
.hb-vertical-search-form .hb-searched-summary p.hb-people-wrapper {
width: 100%;
}
.hb-vertical-search-form:not(.hb-search-form-no-children) p.hb-people-wrapper-adults {
margin-right: 4%;
}
.hb-vertical-search-form p.hb-people-wrapper-last {
margin-right: 0;
}
.hb-vertical-search-form:not(.hb-narrow-search-form) .hb-search-button-wrapper input {
width: auto;
}
.hb-vertical-search-form .hb-search-button-wrapper label {
display: none;
}
p.hb-booking-searching,
.hb-multi-accom-people-selection-wrapper,
.hb-searched-summary,
.hb-search-no-result,
.hb-search-error,
.hb-accom-list {
display: none;
}
.hb-people-popup-wrapper {
border-radius: 6px;
display: none;
margin: 10px 0;
left: 10px;
top: 10px;
padding: 15px 25px 5px;
position: absolute;
z-index: 99999;
}
.hb-people-popup-wrapper-close {
border-radius: 10px;
display: none;
font-size: 14px;
font-weight: bold;
line-height: 20px;
position: absolute;
right: 4px;
text-align: center;
text-decoration: none;
top: 4px;
width: 20px;
height: 20px;
}
.hb-multi-accom-people-title {
display: block;
}
.hb-multi-accom-people-wrapper {
float: left;
margin-right: 40px;
}  .hb-accom-quantity,
.hb-accom-page .hb-view-accom,
.hb-accom-selected-left-wrapper,
.hb-accom-none-left .hb-select-accom,
.hb-accom-selected .hb-select-accom,
.hb-multi-accom-no-accom-selected,
.hb-accom-page .hb-accom-selected .hb-select-accom-wrapper,
.hb-accom-selected-name {
display: none;
}
.hb-accom {
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 20px;
min-height: 90px;
padding: 15px;
padding-bottom: 0px;
transition: background 0.5s;
}
.hb-accom-page .hb-multi-accom-choices.hb-accom-page-one-result .hb-accom {
background: none;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
border-top: 1px solid #ccc;
margin-bottom: 20px;
padding: 0;
padding-top: 15px;
}
.hb-accom-selected {
background: #eee;
}
.hb-accom-title {
font-weight: bold;
}
.hb-accom-img {
display: block;
float: right;
margin: 0 0 15px 15px;
max-width: 100%;
}
.hb-accom-price {
float: left;
font-size: 30px;
font-weight: bold;
line-height: 45px;
margin-right: 8px;
}
.hb-accom-price-caption {
float: left;
font-size: 12px;
line-height: 14px;
margin: 22px 0 15px;
}
.hb-accom-price-caption-small {
margin-top: 8px;
}
.hb-price-breakdown,
.hb-price-bd-hide-text,
.hb-hidden-price-breakdown,
.hb-price-breakdown-global-discount,
.hb-price-breakdown-section.hb-fee-accom-included,
.hb-price-breakdown-section.hb-fee-accom-final {
display: none;
}
.hb-price-breakdown-title {
display: block;
font-weight: bold;
}
.hb-price-breakdown-section {
display: block;
}
.hb-select-accom,
.hb-view-accom {
float: left;
}
p.hb-select-accom {
margin-right: 15px;
}
.hb-accom-selected .hb-accom-selected-name {
display: block;
font-weight: bold;
}
.hb-accom-page .hb-multi-accom-choices.hb-accom-page-one-result .hb-accom-selected .hb-accom-selected-name {
display: none;
}
.hb-nb-accom-selected,
.hb-accom-left {
display: block;
}  .hb-booking-details-form,
.hb-saving-resa,
.hb-loading-summary,
.hb-processing-later-payment,
.hb-confirm-error,
.hb-policies-error,
.hb-resa-done-msg,
.hb-resa-payment-msg,
.hb-bottom-area-content,
.hb-bottom-area,
.hb-thank-you-page-form {
display: none;
}
.hb-detail-field {
box-sizing: border-box;
width: 100%;
}
textarea.hb-detail-field {
height: 140px !important;
}
.hbook-wrapper .form-error {
display: block;
}
.hb-resa-summary-content {
background: #FCFCFC;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 22px;
padding: 10px 17px;
}
.hb-resa-summary-content .hb-fee-accom-final {
display: block;
}
.hb-summary-multi-accom-title,
.hb-summary-accom-total-price,
.hb-summary-deposit,
.hb-summary-total-price,
.hb-summary-bond,
.hb-resa-done-email,
.hb-resa-done-alphanum-id {
font-weight: bold;
}
.hb-summary-accom-content {
margin-left: 30px;
}
.hb-resa-summary-content .hb-included-fees-wrapper {
margin-left: 20px;
}
.hb-summary-total-price small {
font-weight: normal;
}
.hb-summary-price-breakdown-trigger-wrapper {
font-size: 12px;
}
.hb-booking-details-form .hb-payment-type-multiple-choice label,
.hb-booking-details-form .hb-payment-method label, .hb-payment-method-choice label {
display: inline;
}
.hb-payment-data-summary,
.hb-payment-type-explanation,
.hb-payment-type-hidden,
.hb-payment-method-hidden,
.hb-payment-type-null-price-wrapper,
.hb-payment-method-wrapper {
display: none;
}
.hb-payment-link-form .hb-payment-method-wrapper {
display: block;
}
.hb-column-half {
float: left;
width: 48%;
}
.hb-column-third {
float: left;
width: 30.66%;
}
.hb-column-half,
.hb-column-third {
margin-right: 4%;
}
.hb-column-half:last-of-type,
.hb-column-third:last-of-type {
margin-right: 0;
}
.hb-details-form-stacked .hb-column-half,
.hb-details-form-stacked .hb-column-third {
float: none;
width: 100%;
}  input.hb-coupon-code {
width: 200px;
}
.hb-coupon-code,
.hb-apply-coupon {
float: left;
margin-right: 15px;
}
.hb-processing-coupon,
.hb-coupon-msg,
.hb-coupon-error {
display: none;
}  .hbook-wrapper .selectize-control .selectize-input input[type="text"],
.hb-payment-link-form-wrapper .selectize-control .selectize-input input[type="text"] {
padding: 0 !important;
height: 20px !important;
}
.hbook-wrapper .selectize-control .selectize-input,
.hb-payment-link-form-wrapper .selectize-control .selectize-input {
background-image: none;
box-shadow: none;
padding: 0;
}
.hbook-wrapper .selectize-control .selectize-input .item,
.hb-payment-link-form-wrapper .selectize-control .selectize-input .item {
padding-right: 0px;
}
.selectize-dropdown .selected {
background-color: #999;
}
.selectize-dropdown .active:not(.selected) {
background-color: #dde8ee;
}
.selectize-control.single .selectize-input:not(.no-arrow):after {
right: 8px;
}
.hotelwp-select-wrapper .selectize-control.single .selectize-input:not(.no-arrow):after,
.maestrel-select-wrapper .selectize-control.single .selectize-input:not(.no-arrow):after {
display: none;
}
.hotelwp-select-hb-country-iso-select .hotelwp-select-arrow svg,
.hotelwp-select-selectized .hotelwp-select-arrow svg {
top: 16px;
}
.hotelwp-select-selectized .selectize-control .selectize-input {
padding-bottom: 2px;
}  .hb-payment-link-form-wrapper input[name="hb-payment-type"],
.hb-later-payment-thank-you-summary-top-js-msg,
.hb-later-payment-history-table,
#hb-payment-form-select-for-selectize-styles {
display: none;
}
.hb-dots-loader span {
font-family: monospace;
font-weight: bold;
clip-path: inset(0 3ch 0 0);
animation: hb-dots-animation 1s steps(4) infinite;
}
.hb-dots-loader span:before {
content: '...';
}
@keyframes hb-dots-animation {
to {
clip-path: inset(0 -1ch 0 0)
}
}
.hb-explanation {
font-style: italic;
}
.hbook-wrapper input[type="text"] {
display: block;
}
.hb-people-popup-wrapper label,
.hbook-wrapper label {
display: table;
}
.hbook-wrapper label.hb-label-choice,
.hbook-wrapper label.hb-terms-and-cond,
.hbook-wrapper label.hb-privacy-policy {
display: inline;
}
.hb-accom-listing-shortcode-wrapper {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.hb-accom-listing-row {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.hb-accom-listing-column  {
padding: 2%;
margin-bottom: 50px;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}
.hb-accom-listing-actions-wrapper {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
overflow: hidden;
}
.hb-listing-view-accom {
margin-right: 20px;
}
.hb-accom-listing-mobile-view .hb-listing-view-accom {
margin-right: 0px;
}
.hb-accom-listing-mobile-view .hb-accom-listing-actions-wrapper p, .hb-accom-listing-mobile-view .hb-accom-listing-actions-wrapper p input {
width: 100%;
}
.hb-accom-listing-desc a {
word-break: keep-all;
word-wrap: normal;
}
.hb-accom-listing-mobile-view {
max-width: 100% !important;
}
.hb-accom-listing-booking-form {
display: none;
margin-top: 12px;
}
a.hb-thumbnail-link {
border: none;
display: block;
}
.hb-accom-listing-thumb {
display: block;
float: left;
max-width: 100%;
}
.hb-accom-listing-item h2,
.hb-accom-listing-item h3,
.hb-accom-listing-item h4 {
clear: none;
}
.hb-single-option {
line-height: 2;
}
.hb-quantity-option {
margin-bottom: 5px;
}
.hb-summary-multi-accom-accom .hb-summary-price-details,
.hb-summary-price-breakdown-hide-text,
.hb-intermediate-step-wrapper,
.hb-options-form,
.hb-quantity-option,
.hb-single-option,
.hb-multiple-option {
display: none;
}
.hbook-wrapper .hb-options-form label {
display: inline;
}
.hb-options-total-price {
font-weight: bold;
}
.hb-price-placeholder-minus {
display: none;
}
.hb-select-accom-num-form {
margin-bottom: 20px;
}
.hb-payment-form-stripe {
background: #ddd;
border-radius: 5px;
padding: 20px;
position: relative;
margin-bottom: 22px;
}
.hb-stripe-payment-form-txt-top {
margin-top: 0;
padding-top: 0;
}
.hb-stripe-payment-form-txt-bottom,
.hb-powered-by-stripe {
margin-bottom: 0;
padding-bottom: 0;
}
.hb-stripe-payment-form-txt-bottom {
margin-top: 10px;
}
.hb-stripe-payment-form-txt-bottom-has-margin {
margin-right: 120px;
}
.hb-powered-by-stripe {
bottom: 6px;
position: absolute;
right: 20px;
}
.hb-padlock-img {
margin-right: 3px;
vertical-align: text-bottom;
}
.hb-paypal-payment-gateway-label-img-paypal {
margin-top: -4px;
}
.hb-bottom-area img,
.hbook-wrapper label img {
vertical-align: middle;
}
.hb-search-error,
.hbook-wrapper .form-error,
.hb-confirm-error,
.hb-policies-error,
.hb-stripe-error,
.hb-coupon-error {
color: #F04826;
}
.hb-alignleft {
float: left;
}
.hb-clearfix:after {
clear: both;
content: "";
display: table;
}*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
overflow-x: hidden;
}
html {
scroll-behavior: smooth;
}
html, body {
margin: 0;
padding: 0;
}
main {
margin: 0;
padding: 0;
}
img, picture, video {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
color: var(--couleur-texte);
transition: color var(--transition-rapide);
}
a:hover {
text-decoration: underline;
text-underline-offset: 6px;
} nav ul,
.footer-colonnes ul,
.coordonnees ul,
.dots {
list-style: none;
}
button {
font-family: inherit;
cursor: pointer;
border: none;
background: none;
color: inherit;
} :root { --primaire-rgb: 182, 89, 59;
--secondaire-rgb: 198, 146, 20;
--accent-rgb: 212, 168, 71;
--fond-sombre-rgb: 51, 63, 72;
--fond-clair-rgb: 255, 250, 235;
--texte-rgb: 46, 46, 46;
--nav-rgb: 255, 253, 249; --couleur-primaire: rgb(var(--primaire-rgb));
--couleur-secondaire: rgb(var(--secondaire-rgb));
--couleur-accent: rgb(var(--accent-rgb));
--couleur-fond-sombre: rgb(var(--fond-sombre-rgb));
--couleur-fond-clair: rgb(var(--fond-clair-rgb));
--couleur-texte: rgb(var(--texte-rgb));
--couleur-nav: rgb(var(--nav-rgb)); --police-titre: "Cormorant Garamond", serif;
--police-corps: "DM Sans", sans-serif; --espacement-xs: 0.5rem;
--espacement-sm: 1rem;
--espacement-md: 2rem;
--espacement-lg: 4rem;
--espacement-xl: 6rem;
--espacement-2xl: 8rem; --radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 16px;
--radius-full: 9999px; --ombre-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
--ombre-md: 0 4px 12px rgba(0, 0, 0, 0.08);
--ombre-lg: 0 10px 30px rgba(0, 0, 0, 0.12); --transition-rapide: 0.2s ease;
--transition-douce: 0.4s ease; --largeur-max: 1200px;
color-scheme: light;
}  body {
font-family: var(--police-corps);
font-size: 1rem;
line-height: 1.6;
color: var(--couleur-texte);
background: var(--couleur-fond-clair);
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--police-titre);
font-weight: 400;
margin: 0;
text-wrap: balance;
}
h1 { font-size: clamp(2.2rem, 5vw + 1rem, 4rem); font-weight: 300; line-height: 1.1; }
h2 { font-size: clamp(1.8rem, 3vw + 1rem, 2.8rem); line-height: 1.2; }
h3 { font-size: clamp(1.4rem, 2vw + 0.8rem, 1.8rem); line-height: 1.3; }
h4 { 
font-size: clamp(1rem, 1vw + 0.7rem, 1.2rem); 
line-height: 1.4; 
text-transform: uppercase; 
letter-spacing: 0.05em; 
}
p {
text-wrap: pretty;
} .skip-link {
position: absolute;
top: 0;
left: -9999px;
background: var(--couleur-fond-sombre);
color: var(--couleur-fond-clair);
padding: var(--espacement-xs) var(--espacement-sm);
z-index: 1000;
transition: top var(--transition-rapide);
border-radius: 0 0 var(--radius-sm) 0;
}
.skip-link:focus {
left: 0;
text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
html {
scroll-behavior: auto;
}
} .section-conteneur {
padding: var(--espacement-xl) var(--espacement-sm);
}
.section-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: var(--espacement-md);
gap: var(--espacement-sm);
} .section-header.section-dark {
background-color: var(--couleur-fond-sombre);
color: var(--couleur-fond-clair);
}
.section-header.section-light {
background-color: var(--couleur-fond-clair);
color: var(--couleur-texte);
}
.section-header h2 {
position: relative;
padding-bottom: var(--espacement-sm);
margin: 0;
}
.section-header h2::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: var(--couleur-secondaire);
border-radius: var(--radius-sm);
}
.section-title {
font-family: var(--police-titre);
font-size: 1rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;
} .btn {
display: inline-block;
padding: 12px 24px; background: var(--couleur-primaire);
color: white;
border-radius: var(--radius-full);
border: 1px solid var(--couleur-accent);
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
transition: all var(--transition-douce);
box-shadow: var(--ombre-md);
cursor: pointer;
}
.btn:hover {
background: var(--couleur-secondaire);
color: var(--couleur-fond-clair);
text-decoration: none;
transform: translateY(-2px);
box-shadow: var(--ombre-lg);
}
.btn:focus-visible {
outline: 2px solid var(--couleur-accent);
outline-offset: 3px;
}
.btn-small {
padding: 7px 16px;
font-size: 0.85rem;
}
.btn-large {
padding: 14px 32px;
margin: var(--espacement-sm) 0;
font-size: 0.95rem;
max-width: fit-content;
align-self: flex-start;
}
.contenu {
color: var(--couleur-accent);
font-size: 1.1rem;
font-weight: 600;
} #scrollTop {
position: fixed;
bottom: 30px;
right: 30px;
width: 45px;
height: 45px;
background: rgba(var(--fond-sombre-rgb), 0.8);
color: white;
border: 1px solid var(--couleur-accent);
border-radius: 50%;
font-size: 1.5rem;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all var(--transition-douce);
z-index: 999;
}
#scrollTop.visible {
opacity: 1;
visibility: visible;
}
#scrollTop:hover {
background: rgba(var(--secondaire-rgb), 0.9);
transform: translateY(-3px);
}
#scrollTop:focus-visible {
outline: 2px solid var(--couleur-accent);
outline-offset: 3px;
} .cky-title {
color: var(--couleur-texte) !important;
}
.cky-btn-customize {
color: var(--couleur-texte) !important;
}
.cky-notice-des p {
color: var(--couleur-texte) !important;
}
.cky-btn-reject {
color: var(--couleur-texte) !important;
}
.cky-btn-preferences {
color: var(--couleur-texte) !important;
}
.cky-btn {
border: solid 1px var(--couleur-accent) !important;
border-radius: 25px !important;
}
.cky-btn-accept {
background-color: var(--couleur-primaire) !important;
} header {
display: flex;
flex-direction: column;
background: rgba(var(--nav-rgb), 0.9);
position: sticky;
top: 0;
z-index: 100;
} .header-top {
display: flex;
width: 100%;
align-items: center;
justify-content: flex-start;
background-color: var(--couleur-fond-sombre);
border-bottom: 1px solid rgba(var(--texte-rgb), 0.2);
padding: 3px 35px;
font-size: 0.85rem;
font-weight: 300;
transition: max-height var(--transition-douce), opacity var(--transition-douce), padding var(--transition-douce);
max-height: 60px;
overflow: hidden;
opacity: 1;
box-shadow: var(--ombre-sm);
}
header.scrolled .header-top {
max-height: 0;
opacity: 0;
padding-top: 0;
padding-bottom: 0;
}
.header-item {
display: flex;
align-items: center;
gap: var(--espacement-xs);
padding: 12px 20px;
border-right: 1px solid rgba(var(--accent-rgb), 0.6);
color: var(--couleur-primaire);
}
.header-item--last {
border-right: none;
}
.header-item i {
font-size: 0.85rem;
opacity: 0.7;
}
.header-address {
color: var(--couleur-fond-clair);
font-size: 0.9rem;
}
.header-tel,
.header-email {
color: var(--couleur-fond-clair);
}
.header-tel:hover,
.header-email:hover {
color: var(--couleur-accent);
text-decoration: underline;
} .navbar {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80px;
padding: 0 40px;
box-shadow: var(--ombre-sm);
border-top: 1px solid rgba(var(--texte-rgb), 0.1);
}
.navbar .logo {
display: flex;
align-items: center;
flex-shrink: 0;
}
.navbar .logo img {
width: 150px;
height: auto;
}
.navbar .nav-links {
display: flex;
align-items: center;
margin-left: auto;
}
.navbar .nav-links ul {
display: flex;
align-items: center;
}
.navbar .nav-links ul li {
margin: 0 15px;
text-transform: uppercase;
color: var(--couleur-texte);
white-space: nowrap;
}
.navbar .nav-links a:not(.btn):hover {
color: var(--couleur-accent);
font-weight: 600;
text-decoration: none;
}
.navbar .menu-hamburger {
display: none;
color: var(--couleur-accent);
position: absolute;
right: 40px;
top: 55px;
font-size: 1.5rem;
cursor: pointer;
}
.nav-item-mobile {
display: none;
} .footer-section {
background: var(--couleur-fond-sombre);
} .footer-coordonnees {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
background: var(--couleur-fond-sombre);
margin-top: var(--espacement-lg);
padding: 12px;
box-shadow: var(--ombre-md);
}
.tel {
border-right: 2px solid rgba(var(--secondaire-rgb), 0.5);
border-left: 2px solid rgba(var(--secondaire-rgb), 0.5);
}
.coordonnees ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px 20px;
}
.coordonnees a,
.coordonnees ul li {
color: var(--couleur-fond-clair);
text-align: center;
font-size: 0.85rem;
font-weight: 300;
}
.coordonnees a:hover {
color: var(--couleur-secondaire);
}
.coordonnees p {
color: var(--couleur-secondaire);
text-align: center;
letter-spacing: 1.5px;
font-size: 0.85rem;
font-weight: 600;
}
.coordonnees i {
color: rgba(var(--primaire-rgb), 0.65);
font-size: 1rem;
} .footer-colonnes {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
padding: 0 50px;
}
.colonnes {
padding: 10px 20px;
}
.colonnes h3 {
position: relative;
color: var(--couleur-fond-clair);
padding-bottom: 15px;
}
.colonnes h3::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background-color: rgba(var(--secondaire-rgb), 0.65);
border-radius: var(--radius-sm);
}
.colonnes:first-child {
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
}
.colonnes ul li {
position: relative;
padding-left: 18px;
padding-top: 20px;
}
.colonnes a {
color: var(--couleur-fond-clair);
padding: 8px;
}
.colonnes a:hover {
color: var(--couleur-secondaire);
}
.dote {
color: rgba(var(--primaire-rgb), 0.65);
padding-right: 10px;
font-size: 8px;
}
.colonnes img {
display: block;
height: auto;
margin: auto;
width: 75%;
max-width: 500px;
} .colonnes iframe,
.carte-iframe {
display: block;
width: 100%;
height: 200px;
border-radius: var(--radius-md);
padding-top: 20px;
border: none;
} .footer-bottom {
text-align: center;
border-top: 1px solid rgba(var(--secondaire-rgb), 0.5);
padding: 20px;
margin-top: 30px;
}
.footer-bottom p {
color: var(--couleur-fond-clair);
margin: 0;
font-size: 0.75rem;
}  .hero {
position: relative;
width: 100%;
height: 100dvh;
overflow: hidden;
}
.hero::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.2) 0%,
rgba(0, 0, 0, 0.5) 50%,
rgba(0, 0, 0, 0.2) 100%
);
z-index: 1;
}
.accueil-carousel {
display: block;	
position: relative;
width: 100%;
height: 100%;
}
.hero-mobile { display: none; }
.hero-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-titre {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: white;
z-index: 2;
width: 90%;
max-width: 800px;
}
.hero-surtitre {
font-family: var(--police-titre);
font-size: 1.8rem;
color: var(--couleur-fond-clair);
line-height: 1.3;
} .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slide.active {
opacity: 1;
}
.slide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .prev,
.next {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(51, 63, 72, 0.8);
color: white;
border: none;
font-size: 1.2rem;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
z-index: 3;
transition: background 0.3s ease;
padding: 0;
line-height: 1;
}
.prev { left: 20px; }
.next { right: 20px; }
.prev:hover,
.next:hover {
background: rgba(80, 88, 99, 0.5);
} .dots {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 12px;
z-index: 3;
}
.dot {
width: 12px;
height: 12px;
border-radius: 50%;
border: none;
padding: 0;
background: rgba(var(--fond-clair-rgb), 0.5);
cursor: pointer;
transition: background 0.3s ease;
}
.dot.active {
background: var(--couleur-secondaire);
} .presentation {
background-color: var(--couleur-fond-sombre);
}
.presentation-contenu {
display: flex;
flex-direction: row;
align-items: center;
padding: var(--espacement-lg);
gap: 80px;
}
.presentation-texte {
flex: 1;
display: flex;
flex-direction: column;
padding: var(--espacement-lg);
gap: 15px;
text-align: justify;
font-weight: 300;
}
.presentation-texte p {
color: var(--couleur-fond-clair);
}
.presentation-photo {
flex: 1;
}
.presentation-photo img {
max-width: 500px;
width: 100%;
border-radius: 4px;
display: block;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
} .info-contenu {
width: 100%;
max-width: 600px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
gap: var(--espacement-md);
padding: 0 var(--espacement-sm) var(--espacement-sm);
}
.info-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: var(--espacement-md);
list-style: none;
padding: 0;
}
.info-item li {
display: flex;
align-items: center;
gap: 15px;
color: var(--couleur-fond-clair);
font-weight: 600;
}
.info-item i {
color: rgba(var(--primaire-rgb), 0.6);
font-size: 1.2rem;
}
.cta-presentation {
display: inline-block;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-radius: 50px;
border: solid 1px rgba(var(--accent-rgb) 0.8);
margin-top: var(--espacement-xs);
}
.cta-presentation:hover {
transform: translateY(-8px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
} .accueil-photo {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
max-width: 1200px;
margin: 0 auto;
padding: var(--espacement-sm);
} .lien-conteneur-photo {
position: relative;
display: block;
aspect-ratio: 3 / 2; overflow: hidden;
border-radius: 4px;
cursor: pointer;
} .lien-conteneur-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.4s ease;
} .lien-conteneur-photo:hover img {
transform: scale(1.05);
} .photo-hover {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5em;
color: var(--couleur-fond-clair);
background-color: rgba(var(--texte-rgb), 0.7);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none; z-index: 2;
}
.photo-hover i {
margin-right: 10px;
}
.lien-conteneur-photo:hover .photo-hover {
opacity: 0.75;
} .disponibilite {
padding: var(--espacement-lg) var(--espacement-sm);
background-color: var(--couleur-fond);
text-align: center;
}
.disponibilite-contenu {
max-width: 1000px;
margin: 0 auto;
}
.hb-dp-cmd-wrapper  {
background: var(--couleur-primaire);
} .container-decouvrir {
background-color: var(--couleur-fond-sombre);
}
.section-decouvrir {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1300px;
margin: 0 auto;
padding: var(--espacement-lg);
align-items: stretch;
}
.section-decouvrir img {
aspect-ratio: 3 / 2;
object-fit: cover;
display: block;
border-radius: 4px;
margin-bottom: var(--espacement-md);
}
.decouvrir-titre {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
min-height: 3em;       
font-size: 20px;
text-transform: uppercase;
color: var(--couleur-fond-clair);
}
.decouvrir-contenu {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.decouvrir-contenu p {
color: var(--couleur-fond-clair);
text-align: left;
padding-top: 20px;
}
.btn-decouv {
margin-top: auto;
padding-top: 30px;
}
.btn-decouv a {
display: inline-block;
transition: transform 0.3s ease, box-shadow 0.3s ease;
padding: 12px 18px;
border: 0.5px solid var(--couleur-secondaire);
text-transform: none;
font-size: 18px;
}
.btn-decouv a:hover {
transform: translateY(-8px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.img-decouv {
display: block;
overflow: hidden;
border-radius: 4px;
}
.img-decouv img {
transition: opacity 0.4s ease, transform 0.4s ease;
}
.img-decouv:hover img {
transform: scale(1.05);
opacity: 0.75;
} .tarifs {
padding: var(--espacement-lg) var(--espacement-sm);
}
.hb-rates-table {
width: 100%;
max-width: 1200px;
border-collapse: collapse;
background: #fff;
margin: 0 auto;
border-radius: 12px;
overflow: hidden;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.hb-rates-table thead {
background-color: var(--couleur-fond-sombre);
color: var(--couleur-fond-clair);
}
.hb-rates-table thead th {
padding: 18px 15px;
text-align: center;
font-family: var(--police-titre);
font-size: 1.1rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.hb-rates-table tbody td {
padding: 16px 15px;
text-align: center;
border-top: 1px solid rgba(var(--secondaire-rgb), 0.70);
border-left: 1px solid rgba(var(--secondaire-rgb), 0.70);
color: var(--couleur-fond-sombre);
}
.hb-rates-table tbody td:first-child:not(.hb-rate-date) {
font-weight: 600;
padding-left: 25px;
text-align: left;
vertical-align: middle;
border-right: none;
border-left: none;
}
.hb-rate-date {
font-family: var(--police-corps);
font-size: 0.95rem;
}
.hb-rate-price {
font-family: var(--police-titre);
font-size: 1.3rem;
font-weight: 600;
color: var(--couleur-secondaire);
} .inf-price {
max-width: 1200px;
margin: 0 auto;
padding: var(--espacement-lg) var(--espacement-sm) 0;
text-align: left;
}
.inf-price h3 {
font-size: 1.2rem;
font-weight: 600;
color: var(--couleur-texte);
position: relative;
padding-bottom: 12px;
display: inline-block;
}
.inf-price h3::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
transform: translateX(5px);
width: 60px;
height: 3px;
background-color: var(--couleur-secondaire);
border-radius: 2px;
}
.inf-price ul {
display: flex;
flex-direction: column;
gap: 12px;
padding: 30px 0 0 0;
list-style: none;
}
.inf-price ul li .dote {
position: absolute;
left: 0;
top: 8px;
}
.inf-price ul li {
line-height: 1.6;
position: relative;
padding-left: 22px;
text-align: left;
}
.inf-price span {
font-weight: 600;
} .contact {
background-color: var(--couleur-fond-sombre);
color: var(--couleur-fond-clair);
} .contact-wrapper {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 40px;
max-width: 1300px;
margin: 0 auto;
padding: var(--espacement-lg) var(--espacement-sm);
align-items: stretch;
} .contact-coords {
background: rgba(var(--fond-clair-rgb), 0.04);
border: 1px solid rgba(var(--accent-rgb), 0.3);
border-radius: 12px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 25px;
}
.contact-coords h3 {
font-family: var(--police-titre);
font-size: 1.5rem;
font-weight: 600;
color: var(--couleur-accent);
margin: 0;
position: relative;
padding-bottom: 12px;
}
.contact-coords h3::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
background-color: var(--couleur-secondaire);
border-radius: 2px;
}  #forminator-module-145 .forminator-label {
display: flex;
align-items: center;
color: #ffffff;
font-weight: 600;
}
#forminator-module-145 .forminator-required {
color: var(--couleur-primaire);
} #forminator-module-145 .forminator-field-name .forminator-label::before,
#forminator-module-145 .forminator-field-email .forminator-label::before,
#forminator-module-145 .forminator-field-phone .forminator-label::before,
#forminator-module-145 .forminator-field-textarea .forminator-label::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: var(--couleur-primaire);
margin-right: 10px;
flex-shrink: 0;
}
#forminator-module-145 .forminator-field-name .forminator-label::before {
content: "\f007";
}
#forminator-module-145 .forminator-field-email .forminator-label::before {
content: "\f0e0";
}
#forminator-module-145 .forminator-field-phone .forminator-label::before {
content: "\f095";
}
#forminator-module-145 .forminator-field-textarea .forminator-label::before {
content: "\f11c";
font-weight: 400;
} #forminator-module-145 .forminator-input,
#forminator-module-145 .forminator-textarea {
background: #ffffff;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 3px;
color: #2c2c2c;
font-family: inherit;
transition: border-color 0.25s, box-shadow 0.25s;
}
#forminator-module-145 .forminator-input::placeholder,
#forminator-module-145 .forminator-textarea::placeholder {
color: #8a8a8a;
opacity: 1;
}
#forminator-module-145 .forminator-input:focus,
#forminator-module-145 .forminator-textarea:focus {
border-color: var(--couleur-primaire);
box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.25);
} #forminator-module-145 .forminator-button-submit {
background: var(--couleur-primaire);
border: solid 1px rgba(var(--accent-rgb), 0.9);
border-radius: 6px;
color: var(--couleur-fond-clair);
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: background 0.3s, transform 0.2s;
}
#forminator-module-145 .forminator-button-submit:hover {
background: var(--couleur-accent);
transform: translateY(-3px);
}
#forminator-module-145 .forminator-button-submit:focus-visible {
outline: 3px solid #ffffff;
outline-offset: 2px;
} .contact-map {
border-radius: 12px;
overflow: hidden;
min-height: 400px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 29px 0px;
}
.contact-map iframe {
display: block;
width: 100%;
height: 100%;
min-height: 400px;
border: 0;
} .section-testimonial{
height: 100%;
margin: 0;
padding: 80px 0;
display: flex;
align-items: center;
justify-content: center;
}
.testimonial-container {
width: 100%;
max-width: 1200px;
padding: 2rem;
}
.testimonial-grid {
display: grid;
grid-template-columns: 1.5fr 2fr;
}
.image-container {
position: relative;
width: 100%;
height: 24rem;
perspective: 1000px;
}
.testimonial-image {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.testimonial-content {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px 0;
border-bottom: solid 1px rgba(var(--accent-rgb), 0.80);
border-top: solid 1px rgba(var(--accent-rgb), 0.80);
margin: 0 80px;
}
.name {
font-size: 1.5rem;
font-weight: bold;
color: var(--couleur-texte);
margin-bottom: 0.25rem;
}
.designation {
font-size: 0.875rem;
font-weight: 600;
color: rgba(var(--texte-rgb), 0.5);
margin-bottom: 2rem;
}
.quote {
font-size: 1.125rem;
color: rgba(var(--texte-rgb), 0.7);
line-height: 1.75;
}
.arrow-buttons {
display: flex;
gap: 1rem;
padding-top: 3rem;
}
.arrow-button {
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
background-color: rgba(var(--primaire-rgb), 0.90);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 0.3s;
}
.arrow-button:hover {
background-color: rgba(var(--accent-rgb), 0.85);
}
.arrow-button svg {
width: 1.25rem;
height: 1.25rem;
fill: #f1f1f7;
transition: transform 0.3s;
}
.arrow-button:hover svg {
fill: #ffffff;
}
.prev-button:hover svg {
transform: rotate(-12deg);
}
.next-button:hover svg {
transform: rotate(12deg);
} .reservation {
padding: 80px 20px;
background-color: var(--couleur-fond-clair);
}
.reservation .section-header {
text-align: center;
margin-bottom: 50px;
}
.reservation .section-title {
display: block;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--couleur-texte);
margin-bottom: 15px;
}
.reservation h2 {
font-size: 2.5rem;
font-family: var(--police-titre);
color: var(--couleur-texte);
margin: 0;
position: relative;
padding-bottom: 20px;
} .reservation h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: var(--couleur-secondaire);
} .hb-title{
font-family: var(--police-corps);
font-size: 1.3rem;
padding: var(--espacement-sm) 0;
border-bottom: solid 3px rgba(var(--accent-rgb), 0.50);
margin: var(--espacement-sm) 0;
}
.hb-search-form-title {
padding-left: 0; }
.hb-search-fields {
margin-top: 30px;
}
.hb-input-datepicker,
.hb-accom-number,
.hb-adults,
.hb-children {
border-width: 1.5px; 
}
.hb-column-half, .hb-explanation {
padding: 15px 0;
}
.hb-search-fields select,
.hb-search-fields .hb-input-datepicker, 
.hb-detail-field {
border: 1.5px solid var(--couleur-primaire);
border-radius: 8px;
padding: 12px 15px;
color: var(--couleur-texte);
background-color: var(--couleur-fond-clair);
}
.hb-adults:focus,
.hb-children:focus,
.hb-accom-number:focus,
.hb-input-datepicker:focus, 
.hb-detail-field:focus {
border-color: var(--couleur-accent);
outline: none;
} .hb-search-fields select,
.hb-adults,
.hb-children,
.hb-accom-number {
-webkit-appearance: none; -moz-appearance: none;
appearance: none; border: 1.5px solid var(--couleur-primaire);
border-radius: 8px;
padding: 12px 40px 12px 15px; background-color: var(--couleur-fond-clair);
color: var(--couleur-texte);
height: auto; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23333333' stroke-width='2'/></svg>");
background-repeat: no-repeat;
background-position: right 15px center;
}  .selectize-control.single.hb-country-iso-select {
border: none;
background: none;
padding: 0;
}
.selectize-control.single.hb-country-iso-select .selectize-input {
border: 1.5px solid var(--couleur-primaire);
border-radius: 8px;
padding: 12px 15px;
color: var(--couleur-texte);
background-color: var(--couleur-fond-clair);
line-height: 1.5;
font-size: 1rem;
}
.selectize-control.single.hb-country-iso-select .selectize-input:focus-within {
border-color: var(--couleur-accent);
outline: none;
}
.selectize-control.single.hb-country-iso-select .selectize-input.input-active {
border-color: var(--couleur-accent);
} .hb-country-iso-select.selectized + .selectize-control .selectize-input {
border: 1.5px solid var(--couleur-primaire);
border-radius: 8px;
padding: 12px 15px;
color: var(--couleur-texte);
background-color: var(--couleur-fond-clair);
}   .selectize-control.hb-country-iso-select.open .selectize-dropdown {
display: block !important;
z-index: 9999 !important;
} .selectize-control.hb-country-iso-select .selectize-dropdown {
max-height: 300px !important;
overflow-y: auto !important;
overflow-x: hidden !important;
border: 1.5px solid var(--couleur-primaire);
border-radius: 8px;
margin-top: 5px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
} .selectize-control.hb-country-iso-select .selectize-dropdown.single .selectize-dropdown-content {
overflow-y: auto !important;
max-height: 280px !important;
padding: 5px 0;
} .selectize-control.hb-country-iso-select .selectize-dropdown .option {
padding: 10px 15px !important;
cursor: pointer !important;
border-bottom: 1px solid rgba(var(--primaire-rgb), 0.1);
}
.selectize-control.hb-country-iso-select .selectize-dropdown .option:hover {
background-color: rgba(var(--accent-rgb), 0.2) !important;
color: var(--couleur-texte) !important;
}
.selectize-control.hb-country-iso-select .selectize-dropdown .option.selected {
background-color: rgba(var(--accent-rgb), 0.3) !important;
color: var(--couleur-texte) !important;
font-weight: 500;
} .selectize-control.hb-country-iso-select .selectize-dropdown::-webkit-scrollbar {
width: 8px;
}
.selectize-control.hb-country-iso-select .selectize-dropdown::-webkit-scrollbar-track {
background: rgba(var(--fond-clair-rgb), 0.5);
border-radius: 4px;
}
.selectize-control.hb-country-iso-select .selectize-dropdown::-webkit-scrollbar-thumb {
background: var(--couleur-primaire);
border-radius: 4px;
border: 2px solid rgba(var(--fond-clair-rgb), 0.5);
}
.selectize-control.hb-country-iso-select .selectize-dropdown::-webkit-scrollbar-thumb:hover {
background: var(--couleur-accent);
} .selectize-control.hb-country-iso-select .selectize-dropdown {
scrollbar-color: var(--couleur-primaire) rgba(var(--fond-clair-rgb), 0.5);
scrollbar-width: thin;
} .hb-button-wrapper input {
font-size: 1rem;
font-family: var(--police-corps); font-weight: 600;
letter-spacing: 0.5px;
border-radius: 40px;
height: 45px;
padding: 10px 32px;
border: solid 1px var(--couleur-accent);
background: var(--couleur-primaire);
color: var(--couleur-fond-clair);
box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
cursor: pointer;  
transition: all 0.3s ease;
}
.hb-button-wrapper input:hover{
background: var(--couleur-accent);
transform: translateY(-2px); 
box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 16px;
}
.hb-button-wrapper input:active {
transform: translateY(0);      
}
.hb-check-dates-wrapper label, 
.hb-accom-number-wrapper label, 
.hb-people-wrapper label, 
.hb-search-submit-wrapper label{
margin-bottom: 8px;
}
.hb-price-breakdown{
border-left: solid 3px var(--couleur-primaire);
padding-left: 18px;
margin-bottom: 20px;
margin-top: 5px;
}
.hb-multi-accom-choices {
padding: var(--espacement-sm) 0;
}
.hb-details-fields label{
padding: var(--espacement-xs) 0;
}
.hb-confirm-button {
padding: var(--espacement-sm) 0;
}
.hb-accom-desc .gallery-1 {
display: flex;
margin: 15px -6px 0;
}
.hb-accom-desc .gallery-column {
width: 33.33%;
padding-bottom: 33.33%;
position: relative;
}
.hb-accom-desc .gallery-item {
position: absolute;
inset: 6px;
overflow: hidden;
border-radius: 4px;
display: block;
}
.hb-accom-desc .gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.hb-accom-desc .gallery-item:hover img {
transform: scale(1.08);
} .hb-accom-price-total {
margin-top: 30px;
}
.hb-resa-summary-title {
border-bottom: solid 2px var(--couleur-accent);
padding-bottom: 8px;
}
.hb-resa-summary p{
padding-bottom: 12px;
}
.hb-resa-summary-content {
border: solid 1px rgba(var(--accent-rgb), 0.50);
}
.hb-payment-type-explanation-deposit_amount {
font-weight: 800;
}
.hb-payment-form-stripe {
margin-top: 12px;
} .form-hb section {
padding-left: 20px;
padding-right: 20px;
}
.hb-terms-and-cond a {
text-decoration: none !important;
font-weight: 900 !important;
color: var(--couleur-primaire) !important;
}
.hb-terms-and-cond a:hover {
color: var(--couleur-accent) !important;
text-decoration: underline;
}  .section-conteneur {
padding: 60px 20px 80px;
background: var(--couleur-fond-clair);
}
.section-conteneur .section-header {
text-align: center;
margin-bottom: 40px;
}
.last-update {
font-size: 0.9rem;
color: #777;
font-style: italic;
margin-top: 10px;
}
.last-update time {
font-weight: 600;
color: var(--couleur-texte);
} .cgv-toc {
max-width: 950px;
margin: 0 auto 60px;
padding: 25px 30px;
background: rgba(var(--accent-rgb), 0.05);
border-left: 3px solid var(--couleur-accent);
border-radius: 4px;
}
.cgv-toc h3 {
margin: 0 0 15px;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--couleur-texte);
}
.cgv-toc ol {
margin: 0;
padding-left: 20px;
columns: 2;
column-gap: 30px;
}
.cgv-toc li {
margin-bottom: 6px;
break-inside: avoid;
}
.cgv-toc a {
color: var(--couleur-texte);
text-decoration: none;
transition: color 0.2s;
}
.cgv-toc a:hover {
color: var(--couleur-accent);
} .paragraphe {
max-width: 950px;
margin: 0 auto;
text-align: left;
line-height: 1.7; color: var(--couleur-texte);
}
.paragraphe h3 {
margin: 50px 0 15px; padding-bottom: 10px;
font-family: var(--police-titre);
font-weight: 600;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 2px solid var(--couleur-secondaire);
scroll-margin-top: 100px; }
.paragraphe h4 {
margin: 25px 0 10px;
padding-left: 40px; font-size: 1.05rem;
font-weight: 600;
color: var(--couleur-texte);
text-transform: none;
}
.paragraphe p {
margin: 0 0 15px;
}
.paragraphe span,
.paragraphe strong {
font-weight: 600;
color: var(--couleur-texte);
}
.paragraphe em {
color: #666;
font-size: 0.95rem;
} .paragraphe a {
color: var(--couleur-texte);
font-weight: 900;
border-bottom: 1px solid var(--couleur-texte);
transition: color 0.2s, border-color 0.2s;
}
.paragraphe a:hover {
color: var(--couleur-secondaire);
text-decoration: none;
border-bottom-color: var(--couleur-secondaire);
} .paragraphe ul {
list-style: none;
margin: 15px 0;
padding-left: 25px;
}
.paragraphe ul li {
position: relative;
padding-left: 20px;
margin-bottom: 8px;
font-weight: 400; line-height: 1.6;
} .paragraphe ol li {
margin-bottom: 8px;
padding-left: 5px;
} .back-link {
max-width: 950px;
margin: 50px auto 0;
padding-top: 30px;
border-top: solid 1px rgba(var(--fond-sombre-rgb), 0.4)	
}
.back-link a {
color: var(--couleur-accent);
text-decoration: none;
font-weight: 600;
transition: color 0.2s;
}
.back-link a:hover {
color: var(--couleur-secondaire);
} .cookie-policy-h1{display: none;}
.cookie-policy-date-container{ display: none;}
.paragraphe h2 {
margin: 50px 0 15px; padding-bottom: 10px;
font-family: var(--police-titre);
font-weight: 600;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 2px solid var(--couleur-secondaire);
scroll-margin-top: 100px; }
.paragraphe a.cky-banner-element {
display: block; width: fit-content; margin: 20px 0 35px; padding: 12px 30px !important;
background: var(--couleur-primaire) !important;
color: #fff !important;
border: none !important;
border-radius: var(--radius-full) !important;
font-family: var(--police-corps);
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: background 0.3s, transform 0.2s;
}
.paragraphe a.cky-banner-element:hover {
background: var(--couleur-secondaire) !important;
transform: translateY(-2px);
border-bottom: none;
}
.paragraphe a.cky-banner-element + br {
display: none;
} .page-404 {
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 60px 20px;
}
.erreur-container h1 {
font-size: 8rem;
color: var(--couleur-principale);
margin: 0;
line-height: 1;
}
.erreur-container h2 {
font-size: 2rem;
margin: 20px 0;
}
.erreur-liens {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
margin-top: 40px;
}   @media (max-width: 1024px) {
.navbar {
padding: 0;
}
.navbar .logo img {
position: absolute;
left: 30px;
top: 0;
}
.navbar .nav-links {
position: absolute;
background-color: rgba(var(--fond-clair-rgb), 0.7);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px); width: 100%;
height: 100dvh; top: 0;
left: 0;
display: flex;
justify-content: center;
margin-left: -100%;
transition: margin-left var(--transition-douce);
}
.navbar .nav-links.mobile-menu {
margin-left: 0;
}
.navbar .nav-links ul {
flex-direction: column;
align-items: center;
}
.navbar .nav-links ul li {
margin: 25px 0;
font-size: 1.5rem;
}
.navbar .menu-hamburger {
display: block;
}
.nav-item-mobile { display: block; }
.header-top      { display: none; }
.btn-small       { display: none; } .accueil-photo {
grid-template-columns: repeat(3, 1fr);
}
.presentation-contenu {
flex-direction: column-reverse;
}
.presentation-texte {
width: 100%;
padding: 0;
margin: 0 auto;
}
.avis-wrapper { padding: 0 30px; }
.avis-card    { padding: 45px 30px 35px; } .contact-wrapper {
grid-template-columns: 1fr;
gap: 30px;
padding: 15px 10px;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.accueil-photo {
grid-template-columns: repeat(3, 1fr);
}
.presentation-contenu {
flex-direction: column-reverse;
}
.presentation-texte {
width: 100%;
padding: 0;
margin: 0 auto;
}
.avis-wrapper { padding: 0 30px; }
.avis-card    { padding: 45px 30px 35px; } .footer-colonnes {
grid-template-columns: 1fr 1fr;
}
.colonnes:first-child {
grid-column: 1 / -1;
display: flex;
justify-content: center;
padding-bottom: 20px;
border-bottom: 1px solid rgba(var(--accent-rgb), 0.6);
}
.colonnes img {
width: 60%;
}
} @media (max-width: 767px) {
.hb-rates-table thead th {
padding: 8px 4px;
font-size: 0.6rem;
letter-spacing: 0;
}
.hb-rates-table tbody td {
padding: 8px 4px;
font-size: 0.7rem;
}
.hb-rates-table tbody td:first-child:not(.hb-rate-date) {
padding-left: 6px;
font-size: 0.7rem;
}
.section-conteneur {
padding: var(--espacement-lg) var(--espacement-sm);
}
.contact-wrapper {
grid-template-columns: 1fr; gap: 30px;
}
.contact-coords {
padding: 30px 25px;
}
.cf7-layout {
flex-direction: column;
} .accueil-carousel { display: none; }
.hero {
height: 60vh;
}
.hero-mobile {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.hero-titre h1     { font-size: 2.2rem; }
.hero-surtitre     { font-size: 1.2rem; } .presentation-contenu {
flex-direction: column-reverse;
padding: var(--espacement-sm);
}
.presentation-texte {
width: 100%;
padding: var(--espacement-sm);
} .accueil-photo {
grid-template-columns: 1fr;
gap: 10px;
} .section-decouvrir {
display: flex;
flex-direction: column;
padding: var(--espacement-sm);
}
.decouvrir-contenu {
margin-bottom: 40px;
border-bottom: solid 1px rgba(var(--accent-rgb), 0.5);
padding-bottom: 30px;
} .tarifs { padding: var(--espacement-sm); }
.hb-rates-table {
width: 100%;
margin: 40px 0;
}
.hb-rates-table thead th {
padding: 10px 6px;
font-size: 0.65rem;
}
.hb-rates-table tbody td {
padding: 10px 6px;
font-size: 0.75rem;
}
.hb-rates-table tbody td:first-child:not(.hb-rate-date) {
padding-left: 8px;
font-size: 0.75rem;
}
.inf-price { padding: var(--espacement-sm); }
.contact-wrapper {
grid-template-columns: 1fr; gap: 30px;
}
.contact-coords {
padding: 30px 25px;
}
.contact-map {
min-height: 350px;
} .testimonial-grid {
grid-template-columns: 1fr;
margin: 0
}
.testimonial-content {
margin: 90px 0 0;
}
.arrow-buttons {
margin-top: 2px;
}
.hb-rates-table tbody td {
padding: 8px 4px;
font-size: 0.70rem;
}
.hb-rates-table tbody td:first-child:not(.hb-rate-date) {
padding-left: 6px;
font-size: 0.70rem;
} .form-hb section {
padding-left: 15px;
padding-right: 15px;
}
.reservation-content {
padding: 0 5px;
} .hb-button-wrapper{
margin-top: 15px;
}
.reservation-content {
padding: 20px;
}
.paragraphe h3 {
font-size: 1.1rem;
margin-top: 35px;
}
.paragraphe h4 {
font-size: 1rem;
padding-left: 12px;
}
.cgv-toc {
padding: 20px;
}
.cgv-toc ol {
columns: 1; } .footer-coordonnees {
display: flex;
flex-direction: column;
box-shadow: none;
border-bottom: 1px solid rgba(var(--accent-rgb), 0.6);
}
.coordonnees {
padding: 8px 0;
width: 100%;
}
.tel {
border: none;
}
.footer-colonnes {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 15px 0;
margin-bottom: 8px;
}
.colonnes {
width: 100%;
padding: 30px 20px;
border-bottom: 1px solid rgba(var(--accent-rgb), 0.6);
}
.colonnes:last-child {
border-bottom: none;
}
.colonnes h3::after {
left: 50%;
transform: translateX(-50%);
}
.colonnes iframe {
width: 75%;
margin: 0 auto;
}
#scrollTop {
bottom: 20px;
right: 20px;
}
.btn-large {
width: auto;
font-size: 0.85rem;
white-space: nowrap;
padding: 16px 20px;
align-self: center;
}
.erreur-container h1 { font-size: 5rem; }
.erreur-container h2 { font-size: 1.5rem; }
}