.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'nobel';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'nobel';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.atomic-subheading {
 font-family:nobel;
 color:#2b2c27;
 font-size:22px;
 line-height:1.6;
 font-weight:200;
 max-width:480px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@media (max-width: 767px) {
.atomic-subheading {
 font-size:20px;
}
}

@media (max-width: 479px) {
.atomic-subheading {
 font-size:18px;
}
}

.atomic-secondary-heading {
 font-family:Inherit;
 font-weight:400;
 font-size:56px;
 line-height:1.1;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; color:#c8385b;
 margin-left:auto;
 margin-right:auto;
}
@media (max-width: 1120px) {
.atomic-secondary-heading {
 font-size:52px;
}
}

@media (max-width: 767px) {
.atomic-secondary-heading {
 font-size:44px;
}
}

@media (max-width: 479px) {
.atomic-secondary-heading {
 font-size:40px;
}
}

.atomic-primary-button:hover{
transform:scale(1.05,1.05); color:#070808;
}
.atomic-primary-button {
 font-family:nobel;
 padding-top:20px;
 padding-bottom:20px;
 padding-left:48px;
 padding-right:48px;
 font-size:22px;
 color:#ffffff;
 font-weight:400;
 line-height:1.2;
 text-align:center;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; transition-duration:0.5s;
 transition-timing-function:ease;
 transition-property:all;
 text-transform:none;
 text-decoration:none;
 font-style:normal;
 background-color:#b8ab69;
 letter-spacing:0.1em;
}
@media (max-width: 991px) {
.atomic-primary-button {
 padding-top:16px;
 padding-left:36px;
 padding-right:36px;
 padding-bottom:16px;
}
}

@media (max-width: 767px) {
.atomic-primary-button {
 font-size:18px;
}
}

@media (max-width: 479px) {
.atomic-primary-button {
 font-size:16px;
}
}

.atomic-showcase-3-image {
 margin-bottom:18px;
}
@media (max-width: 991px) {
.atomic-showcase-3-image {
 height:350px;
}
}

@media (max-width: 479px) {
.atomic-showcase-3-image {
 height:200px;
}
}

.atomic-showcase-3-title {
 font-family:nobel;
 color:#522825;
 font-size:20px;
 font-weight:700;
 line-height:1.2;
 letter-spacing:.12em;
 margin-bottom:6px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-showcase-3-column {
 text-align:left;
 height:500px;
}
.atomic-showcase-3-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-showcase-3-column.oxy-easy-posts .oxy-posts,
.atomic-showcase-3-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
}
@media (max-width: 991px) {
.atomic-showcase-3-column {
 text-align:left;
 padding-top:57px;
}
.atomic-showcase-3-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-showcase-3-column.oxy-easy-posts .oxy-posts,
.atomic-showcase-3-column.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

.atomic-showcase-3-small-text {
 font-size:16px;
 font-weight:400;
 color:#070808;
 line-height:1.6;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@media (max-width: 991px) {
.atomic-showcase-3-small-text {
 margin-bottom:32px;
 margin-top:25px;
}
}

.winery-subheading {
 font-family:nobel;
 color:#adadab;
 font-size:12px;
 font-weight:700;
 letter-spacing:1px;
 line-height:1.5;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.winery-body-text {
 font-family:nobel;
 font-size:14px;
 color:#555555;
 font-weight:400;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; line-height:1.5;
}
.winery-heading-three {
 font-family:nobel;
 color:#75455d;
 font-size:30px;
 font-weight:500;
 line-height:1.1;
}
@media (max-width: 479px) {
.winery-heading-three {
 font-size:24px;
}
}

.winery-outline-button:hover{
 background-color:#c8385b;
}
.winery-outline-button {
 font-family:nobel;
 font-size:14px;
 font-weight:400;
 letter-spacing:1px;
 line-height:1.2;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#eae9e9;
 border-right-color:#eae9e9;
 border-bottom-color:#eae9e9;
 border-left-color:#eae9e9;
 border-radius:100px;
 padding-top:16px;
 padding-left:32px;
 padding-right:32px;
 padding-bottom:16px;
 text-align:center;
 background-color:#4f2c72;
 color:#fffcd9;
 text-transform:uppercase;
}
@media (max-width: 479px) {
.winery-outline-button {
 margin-left:auto;
 margin-right:auto;
}
}

.winery-restaurant-1-wrapper {
background-image:linear-gradient(rgba(255,255,255,0.89), rgba(255,255,255,0.89)), url(https://splendid.dyotal.fr/wp-content/uploads/2021/03/logo-splendid-dore.png);background-size:auto,  150px auto; padding-top:12px;
 background-color:#ffffff;
 background-repeat:no-repeat;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 min-height:720px;
 background-position:100% 100%;
 box-shadow:0px 20px 55px rgba(0,0,0,0.26);
}
.winery-restaurant-1-wrapper:not(.ct-section):not(.oxy-easy-posts),
.winery-restaurant-1-wrapper.oxy-easy-posts .oxy-posts,
.winery-restaurant-1-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 767px) {
.winery-restaurant-1-wrapper {
}
}

.hyperion-subheading {
 font-family:nobel;
 color:#e96199;
 font-weight:900;
 font-size:30px;
 letter-spacing:4px;
 line-height:1.1;
 text-transform:uppercase;
}
@media (max-width: 991px) {
.hyperion-subheading {
 font-size:20px;
}
}

.hyperion-heading-two {
 font-family:nobel;
 color:#000000;
 font-weight:900;
 font-size:96px;
 line-height:1;
}
@media (max-width: 991px) {
.hyperion-heading-two {
 font-size:96px;
}
}

@media (max-width: 767px) {
.hyperion-heading-two {
 font-size:72px;
}
}

@media (max-width: 479px) {
.hyperion-heading-two {
 font-size:60px;
}
}

.hyperion-portfolio-3-tags {
 font-family:nobel;
 font-size:16px;
 color:#ffffff;
 font-weight:400;
 line-height:1.1;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; margin-bottom:24px;
 margin-top:12px;
z-index: 1000;
}
.hyperion-portfolio-3-wrapper {
 width:100%;
 background-color:#3e3e4b;
}
.hyperion-portfolio-3-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hyperion-portfolio-3-wrapper.oxy-easy-posts .oxy-posts,
.hyperion-portfolio-3-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.hyperion-portfolio-3-wrapper {
}
.hyperion-portfolio-3-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hyperion-portfolio-3-wrapper.oxy-easy-posts .oxy-posts,
.hyperion-portfolio-3-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.hyperion-portfolio-3-image {
 width:50%;
}
@media (max-width: 991px) {
.hyperion-portfolio-3-image {
 width:100%;
}
}

.hyperion-portfolio-3-content-wrapper {
 width:100%;
 margin-top:24px;
 margin-left:24px;
 margin-right:24px;
 margin-bottom:24px;
 text-align:center;
}
.hyperion-portfolio-3-content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hyperion-portfolio-3-content-wrapper.oxy-easy-posts .oxy-posts,
.hyperion-portfolio-3-content-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.hyperion-portfolio-3-content-wrapper {
 text-align:center;
 padding-left:24px;
 padding-right:24px;
}
.hyperion-portfolio-3-content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hyperion-portfolio-3-content-wrapper.oxy-easy-posts .oxy-posts,
.hyperion-portfolio-3-content-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
}
}

.hyperion-portfolio-3-title {
 font-family:nobel;
 font-size:20px;
 color:#ffffff;
 font-weight:900;
 line-height:1.1;
 margin-bottom:6px;
}
.hyperion-portfolio-3-link:hover{
 background-color:#e96199;
 color:#3d3f4b;
}
.hyperion-portfolio-3-link {
 font-family:nobel;
 color:#e96199;
 font-size:18px;
 font-weight:700;
 line-height:1.1;
 letter-spacing:1px;
 border-bottom-style:solid;
 border-bottom-color:#e96199;
 border-bottom-width:2px;
 background-color:rgba(255,255,255,0.1);
 padding-top:18px;
 padding-bottom:16px;
 padding-left:42px;
 padding-right:30px;
transition: all ease 0.2s;
}
.hyperion-portfolio-3-number {
 font-family:nobel;
 color:#52565a;
 font-weight:900;
 font-size:30px;
 line-height:1.1;
 letter-spacing:1px;
 margin-bottom:12px;
}
.atomic-testimonial-6-wrapper {
 width:100%;
 background-color:#ffffff;
 padding-right:40px;
 padding-bottom:40px;
 text-align:center;
 padding-top:40px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; padding-left:40px;
 height:100%;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.atomic-testimonial-6-wrapper:not(.ct-section):not(.oxy-easy-posts),
.atomic-testimonial-6-wrapper.oxy-easy-posts .oxy-posts,
.atomic-testimonial-6-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.atomic-testimonial-6-avatar {
 width:120px;
 border-radius:100%;
 margin-bottom:24px;
}
.atomic-testimonial-6-author {
 color:#566d8f;
 font-size:20px;
 font-weight:500;
 line-height:1.1;
 letter-spacing:0.5px;
 text-align:center;
 margin-bottom:8px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-testimonial-6-small-text {
 color:#898989;
 font-size:12px;
 font-weight:400;
 line-height:1.4;
 text-align:center;
 margin-bottom:18px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-testimonial-6-text {
 color:#3b3c38;
 font-size:16px;
 font-weight:300;
 line-height:1.6;
 margin-bottom:36px;
 font-style:italic;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-iconblock-11-wrapper {
 background-color:#ffffff;
 padding-top:30px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:30px;
 width:46%;
 margin-top:2%;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:2%;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
@media (max-width: 767px) {
.atomic-iconblock-11-wrapper {
 width:98%;
}
}

.atomic-iconblock-11-icon {
color: #c79ec9;}.atomic-iconblock-11-icon 
>svg {width: 30px;height: 30px;}.atomic-iconblock-11-icon {
 margin-bottom:16px;
}
.atomic-iconblock-11-title {
 font-size:20px;
 font-weight:500;
 line-height:1.1;
 letter-spacing:.12em;
 margin-bottom:8px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; color:#c8385b;
}
.atomic-iconblock-11-text {
 color:#3b3c38;
 font-size:18px;
 font-weight:400;
 line-height:1.4;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; margin-top:23px;
}
.carte-nav:hover{
 filter:grayscale(0%);
 box-shadow:inset 0px 93px 17px 0px #ffffff;
}
.carte-nav {
background-image:url(https://splendid.dyotal.fr/wp-content/uploads/2020/12/NACRE-CHAMBREweb.jpg);background-size: cover; text-align:center;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 border-top-color:#522825;
 border-right-color:#522825;
 border-bottom-color:#522825;
 border-left-color:#522825;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 margin-left:10px;
 margin-bottom:10px;
 margin-right:10px;
 padding-top:0px;
 height:30em;
 margin-top:10px;
 border-radius:4px;
 min-width:30rem;
 background-repeat:no-repeat;
 transition-duration:0.3s;
 filter:grayscale(60%);
 width:auto;
 background-position:50% 50%;
 box-shadow:inset 0px 0px 7px 9px #ffffff;
}
.carte-nav:not(.ct-section):not(.oxy-easy-posts),
.carte-nav.oxy-easy-posts .oxy-posts,
.carte-nav.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
.text-card-nav:hover::after{
width:100%
}
.text-card-nav:hover{
}
.text-card-nav:after{
  content:"";
content:""; display:block; width: 0px; margin: 10px auto 20px auto; height: 2px; border-radius: 2px; background: #522825; transition: width 0.2s ease-out;
}
.text-card-nav {
 font-family:'nobel';
 font-size:43px;
 font-weight:300;
 letter-spacing:2px;
 z-index:1;
 position:absolute;
 color:#522825;
 background-color:rgba(255,255,255,0.34);
 padding-left:50px;
 padding-right:50px;
 box-shadow:0px 0px 7px 2px rgba(255,255,255,0.4);
}
.text-card-nav:not(.ct-section):not(.oxy-easy-posts),
.text-card-nav.oxy-easy-posts .oxy-posts,
.text-card-nav.ct-section .ct-section-inner-wrap{
display:block;
flex-direction:unset;
}
@media (max-width: 767px) {
.text-card-nav {
 font-size:25px;
}
}

.card-separator {
 height:2px;
 min-width:3px;
 min-height:3px;
 width:3px;
 margin-bottom:0px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.Img-card:hover{
 filter:grayscale(4%);
}
.Img-card {
background-size: cover; background-repeat:no-repeat;
 width:100%;
 height:100%;
 border-radius:3px;
 transition-duration:0.4s;
 filter:grayscale(62%);
 z-index:0;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.oxy-stock-content-styles {
}
.img-petits-detail {
 width:200px;
 height:200px;
 position:relative;
 bottom:70px;
}
.title-h1-soushome {
 font-family:'nobel-condensed';
 color:#ffffff;
 font-size:58px;
 font-weight:300;
 letter-spacing:10px;
 margin-bottom:60px;
 text-transform:uppercase;
 margin-top:auto;
 margin-left:auto;
 margin-right:auto;
 text-shadow:4px 2px 5px #020202;
}
@media (max-width: 767px) {
.title-h1-soushome {
 text-align:justify;
 padding-left:0px;
 font-size:42px;
}
.title-h1-soushome:not(.ct-section):not(.oxy-easy-posts),
.title-h1-soushome.oxy-easy-posts .oxy-posts,
.title-h1-soushome.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-around;
}
}

@media (max-width: 479px) {
.title-h1-soushome {
}
}

.h2-soushome {
 font-family:'nobel';
 font-size:20px;
 font-weight:200;
 margin-top:25px;
 margin-bottom:30px;
}
.card-pres {
}
.card-pres .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 50px;
}
.img-card-pres {
 z-index:200;
 border-bottom-right-radius:30px;
 border-top-left-radius:30px;
}
.txt-card-pres {
 border-left-style:none;
 background-color:rgba(255,255,255,0.92);
 border-radius:4px;
 box-shadow:inset 0px 0px 15px 0px #b8ab69;
}
@media (max-width: 991px) {
.txt-card-pres {
}
}

.chbs-b-voirplus:hover{
}
.chbs-b-voirplus {
 font-size:28px;
 font-weight:300;
 color:#522825;
 background-color:rgba(208,205,215,0.76);
 border-top-color:#522825;
 border-right-color:#522825;
 border-bottom-color:#522825;
 border-left-color:#522825;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 margin-bottom:5px;
 margin-top:42%;
 width:45%;
}
.chbs-b-reservez {
 font-size:28px;
 font-weight:300;
 color:#ffffff;
 background-color:rgba(82,40,37,0.87);
 width:45%;
 margin-top:5px;
 margin-bottom:auto;
 margin-left:auto;
 margin-right:auto;
}
.booking-card {
}
.title {
}
.sub-title {
}
.price {
}
.disclaimer {
}
.book-container {
 width:100%;
}
.content {
}
.informations-container {
 text-align:center;
}
.informations-container:not(.ct-section):not(.oxy-easy-posts),
.informations-container.oxy-easy-posts .oxy-posts,
.informations-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.booking-card-container {
}
.more-information {
 width:100%;
}
.more-information:not(.ct-section):not(.oxy-easy-posts),
.more-information.oxy-easy-posts .oxy-posts,
.more-information.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.info-and-date-container {
}
.box-info {
}
.box {
}
.info {
 text-align:center;
}
.info:not(.ct-section):not(.oxy-easy-posts),
.info.oxy-easy-posts .oxy-posts,
.info.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.date {
 text-align:center;
}
.date:not(.ct-section):not(.oxy-easy-posts),
.date.oxy-easy-posts .oxy-posts,
.date.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.eq-container {
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
 padding-top:0px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
}
.eq-card {
 width:NaN%;
}
@media (max-width: 767px) {
.eq-card {
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
 padding-top:0px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
}
}

.eq-face {
}
.eq-face1 {
}
.eq-face2 {
}
.eq-content {
}
.nav-container {
 padding-top:42px;
 margin-top:40px;
}
.nav-container:not(.ct-section):not(.oxy-easy-posts),
.nav-container.oxy-easy-posts .oxy-posts,
.nav-container.ct-section .ct-section-inner-wrap{
display:none;
}
.thumbex {
 width:33.35%;
}
.thumbnail {
}
.card-petit-gd-plaisir {
 text-align:center;
 border-radius:4px;
 padding-bottom:30px;
 box-shadow:2px 2px 10px 2px rgba(7,8,8,0.16);
}
.card-petit-gd-plaisir:not(.ct-section):not(.oxy-easy-posts),
.card-petit-gd-plaisir.oxy-easy-posts .oxy-posts,
.card-petit-gd-plaisir.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.link-nous-contacter:hover{
 font-size:26px;
}
.link-nous-contacter {
 text-decoration:none;
 background-color:#b8ab69;
 padding-top:4px;
 padding-left:50px;
 padding-right:50px;
 padding-bottom:4px;
 color:#070808;
 font-size:24px;
 border-radius:99px;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 margin-left:auto;
 margin-right:auto;
 box-shadow:2px 2px 8px rgba(7,8,8,0.55);
}
.img-club-card-left {
}
.div-img-club-card-left {
 padding-left:0px;
 padding-bottom:0px;
 padding-right:0px;
 margin-top:0px;
 margin-left:0px;
 margin-bottom:0px;
 margin-right:0px;
 width:20%;
}
@media (max-width: 991px) {
.div-img-club-card-left {
}
}

@media (max-width: 479px) {
.div-img-club-card-left {
 text-align:left;
}
.div-img-club-card-left:not(.ct-section):not(.oxy-easy-posts),
.div-img-club-card-left.oxy-easy-posts .oxy-posts,
.div-img-club-card-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

.div-caleidoscope {
 height:250px;
 background-repeat:no-repeat;
 background-position:50% 50%;
}
.div-caleidoscope-line:hover{
transform:scale(1.1,1.1); opacity:1;
 box-shadow:1px 1px 4px #070808;
}
.div-caleidoscope-line {
background-size: cover; background-repeat:no-repeat;
 margin-left:2px;
 margin-right:2px;
 width:8%;
 opacity:0.7;
 height:90px;
 background-position:50% 50%;
}
.div-caleidoscope-line:not(.ct-section):not(.oxy-easy-posts),
.div-caleidoscope-line.oxy-easy-posts .oxy-posts,
.div-caleidoscope-line.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 479px) {
.div-caleidoscope-line {
 width:100%;
}
}

.txt-caleidoscope-line {
 color:#ffffff;
 text-shadow:1px 1px 3px #070808;
}
.div-artiste {
 margin-top:10px;
 margin-bottom:10px;
 padding-top:0px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 text-align:center;
}
.div-artiste:not(.ct-section):not(.oxy-easy-posts),
.div-artiste.oxy-easy-posts .oxy-posts,
.div-artiste.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.tabs-8080-tab {
}
.tabs-8080-tab-active {
}
.tabs-contents-8080-tab {
}
.tabs-effect {
}
.line {
}
.ease {
}
.tabs-container {
}
.tabs-8214-tab:hover{
 background-color:rgba(79,44,114,0.52);
}
.tabs-8214-tab {
 background-color:rgba(79,44,114,0.35);
 width:50%;
 text-align:center;
 font-size:1.8rem;
 font-weight:200;
}
.tabs-8214-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-8214-tab.oxy-easy-posts .oxy-posts,
.tabs-8214-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.tabs-8214-tab-active {
 background-color:#4f2c72;
 border-bottom-width:4px;
 border-bottom-style:solid;
 color:#ffffff;
 border-bottom-color:#c8385b;
 font-size:2rem;
 font-weight:300;
}
.tabs-contents-8214-tab {
 text-align:center;
 background-color:#ffffff;
}
.tabs-contents-8214-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-contents-8214-tab.oxy-easy-posts .oxy-posts,
.tabs-contents-8214-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.div-card-extra {
background-image:linear-gradient(rgba(255,255,255,0.68), rgba(255,255,255,0.68)); width:100%;
 text-align:center;
 padding-top:1.2rem;
 padding-bottom:1.2rem;
 padding-left:6%;
 padding-right:6%;
}
.div-card-extra:not(.ct-section):not(.oxy-easy-posts),
.div-card-extra.oxy-easy-posts .oxy-posts,
.div-card-extra.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.txt-card-extra {
 font-size:30px;
 color:#383737;
 text-shadow:2px 2px 6px #b8ab69;
}
.block-club-hp:hover{
transform:scale(0.98,0.98);}
.block-club-hp {
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
}
.block-club-hp:not(.ct-section):not(.oxy-easy-posts),
.block-club-hp.oxy-easy-posts .oxy-posts,
.block-club-hp.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.padding-text {
 padding-right:10px;
 padding-left:10px;
 margin-left:10px;
 margin-right:10px;
}
.slider-boat {
 border-radius:6px;
 box-shadow:2px 2px 6px #070808;
}
.cardcontainercols {
 width:100%;
}
.spld-title-with-line:after{
  content:"";
content: ''; display: block; border-top: 1px solid #c8385b; width: 30%; margin-left: 102%; position: absolute; line-height: 1.1em; top: 50%; z-index: 1; left: 0; box-sizing: border-box; margin-top: -2px;
}
.spld-title-with-line:before{
  content:"";
content: ''; display: block; border-top: 1px solid #c8385b; width: 30%; margin-left: -35%; position: absolute; line-height: 1.1em; top: 50%; z-index: 1; left: 0; box-sizing: border-box; margin-top: -2px;
}
.spld-title-with-line {
 width:auto;
 margin-left:auto;
 margin-right:auto;
text-transform: uppercase; display: inline-block; padding: 0 .5em; max-width: 80%; position: relative; box-sizing: border-box; font-size: 2em; letter-spacing: .1em;
}
@media (max-width: 479px) {
.spld-title-with-line {
 font-size:18px;
}
}

.spld-leclub-bookmark:hover{
transform:scale(1.05,1.05); box-shadow:-3px -3px 12px rgba(0,0,0,0.5);
}
.spld-leclub-bookmark {
 color:#ffffff;
 font-size:30px;
 margin-bottom:30px;
 padding-left:60px;
 padding-right:10px;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 box-shadow:-2px -2px 9px rgba(0,0,0,0.5);
}
@media (max-width: 479px) {
.spld-leclub-bookmark {
 font-size:18px;
}
}

.oxy-close-modal {
background-color :#1e73be;
border: 1px solid #1e73be;
padding: 9px 14.4px;
}.oxy-close-modal {
 background-color:#522825;
}
.tabs-0758-tab {
}
.tabs-0758-tab-active {
}
.tabs-contents-0758-tab {
}
.btn {
}
.spld-card-boncadeau {
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 background-color:#ffffff;
 border-radius:10px;
 position:relative;
 height:550px;
 box-shadow:5px 5px 20px rgba(0,0,0,0.29);
}
.spld-card-boncadeau:not(.ct-section):not(.oxy-easy-posts),
.spld-card-boncadeau.oxy-easy-posts .oxy-posts,
.spld-card-boncadeau.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
@media (max-width: 479px) {
.spld-card-boncadeau {
}
}

.fast-filter {
}
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}


.oxy-post-image, .oxy-post-title{
	pointer-events: none;
}

.maincontainer-floatmenu-resa{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Nobel';
  width: 100%;

  

  /*height: 100vh;*/
}

.maincontainer-floatmenu-resa .floatmenu {
  width:20em; /* Largeur des items du menu*/
  float: right; /* Je veux que le menu soit à droite*/
  position:fixed; /* Le menu est fixe à l'écran*/
  z-index:9999; /* Il sera au dessus de tous les éléments*/
  top: 30%; /* Il sera à 40% du bord supérieur de l'écran*/
  font-size: 1em; /* Taille de la police*/
  line-height: 2px; /*Hauteur de ligne du menu*/
  color: #fff; /* Couleur de la police*/
  font-weight:300; /* Mettre le texte en gras*/
  
  /* Décalage du menu sur la droite pour masquer le texte et ne laisser que les icônes de visibles 
  dev-mise-en-forme val prod= -16em; */
  right: -16em; 

}

.maincontainer-floatmenu-resa .floatmenu ul {
  list-style: none; /* Le menu est une liste, mais je ne veux pas afficher les puces*/
  margin: 0; /* Choix des marges internes et externes*/
  padding: 0;


}

.maincontainer-floatmenu-resa .floatmenu ul li {
  display:block; /* Définition des items en tant que bloc*/
  background-color: #333; /* Couleur de fond*/
  position: relative; /* On leur attribut une position relative*/
  -webkit-transition: -webkit-transform 0.5s; /* Effet de déplacement au passage de la souris*/
  -moz-transition: -webkit-transform 0.5s; /* On le définit plusieurs fois pour assurer la compatibilité entre les navigateurs*/
  transition: 0.5s ease-in-out;

overflow: hidden;

border-radius: 10px 0px 0px 10px;
}

.maincontainer-floatmenu-resa a {
display:block;
text-decoration:none;
color:rgba(255, 255, 255, 0.65);
font-size:1.5rem;
line-height: 2em; /*1.6em;*/
padding : 0px;
text-align: center;
}

.maincontainer-floatmenu-resa .floatmenu ul li:hover {
  /* dev-mise-en-forme */
  -webkit-transform: translateX(-16em);
  transform: translateX(-16em);
 
  transition: 0.5s ease-in-out;
  overflow: visible;
}

.maincontainer-floatmenu-resa .floatmenu ul li:hover .window{
  height: 30em;
  transition: 0.5s ease-in-out;
}

.maincontainer-floatmenu-resa .floatmenu ul li:hover .content{
opacity: 1;
transition: 0.5s ease-in-out;
}

.maincontainer-floatmenu-resa .floatmenu ul li:hover .icon{
height: 0px;
opacity: 0;
transition: 0.5s ease-in-out;
}


/*******************************************************/
/*      Formulaire          */

.container-resarapide {
display: flex;
align-items: center;
justify-content: center;
height: 100%;

}

.container-resarapide .window {
 z-index: 100;
 color: #fff;
 position: relative;
 display: flex;
 flex-flow: column;
 box-shadow: 0px 15px 50px 10px rgba(0, 0, 0, 0.2);
 box-sizing: border-box;
 /* dev-mise-en-forme val prod= 4.2em; */
 height: 4.2em;
 width: 20em;
 
 background:  url('/wp-content/uploads/2020/11/Image-2.png') top right  no-repeat;
 /*background:  url('img/Image2.png') top right  no-repeat;*/
 background-size:cover ;
 background-position: 85% 50%;

 transition: 0.5s ease-in-out;

 border-radius: 10px 0px 0px 10px;

}

.container-resarapide .overlay {
 background: -webkit-linear-gradient(#522825, #9b7b78);
 background: linear-gradient(#522825, #9b7b78 );
 opacity: 0.85;
 filter: alpha(opacity=85);
 height: 100%;
 position: absolute;
 width: 100%;
 z-index: 1;
 
 border-radius: 10px 0px 0px 10px;
}

.container-resarapide .icon{
margin-top: 16px;
margin-left: 16px;
z-index: 9999;
 

transition: 0.5s ease-in-out;
}

.container-resarapide .icon img{
width: 2em;
opacity: 1;
}

.container-resarapide .content {
padding-left: 25px;
padding-right: 25px;
display: flex;
flex-flow: column;
z-index: 5;
transition: 0.2s ease-in-out;
/* dev-mise-en-forme val prod= 0; */
opacity: 0;
}

.container-resarapide .welcome {
font-weight: 400;
margin-top: 30px;
text-align: center;
font-size: 1.5rem;
letter-spacing: 0.1rem;
text-transform:uppercase; /* Mettre le texte en majuscule*/
}

.container-resarapide .sub-title {
font-weight: 300;
margin-top: 30px;
text-align: center;
font-size: 1.4rem;
line-height: 1em;
}


.container-resarapide input {
border: none;
}

.container-resarapide button:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.65);
}

::-webkit-input-placeholder .input-line:focus +::input-placeholder {
  color: #fff;
}

.container-resarapide .input-line:focus {
  outline: none;
  border-color: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.container-resarapide .ghost-round {
  cursor: pointer;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 25px;
  color: rgba(255, 255, 255, 0.65);
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-size: 19px;
  font-size: 1.2rem;
  font-family: roboto;
  font-weight: 300;
  line-height: 2.5em;
  margin-top: 50px;
  margin-bottom: 50px; /*auto*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.container-resarapide .ghost-round:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  
}

.container-resarapide .input-line {
  background: none;
  margin-bottom: 10px;
  line-height: 2.4em;
  color: #fff;
  font-family: roboto;
  font-weight: 300;
  letter-spacing: 0.02rem;
  font-size: 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  transition: all .2s ease;
}

.container-resarapide .full-width {
  width: 100%;
}

.container-resarapide .input-fields {
  margin-top: 25px;
  
}


@media (max-width: 500px) {
  .maincontainer-floatmenu-resa .floatmenu {
  
    width: 4.1em;
    float: left;
    top : auto;
    left: 80%;
    right: 0; /* Décalage du menu sur la droite pour masquer le texte et ne laisser que les icônes de visibles*/
    bottom: 0.5em;
    
  }

  .maincontainer-floatmenu-resa .floatmenu ul li {
    border-radius: 90px;
  }

  .container-resarapide .icon{
    margin-top: 1em;
    margin-left: 4.4em; 
  }


  .maincontainer-floatmenu-resa .floatmenu ul li:hover {
   width: 20em;
   border-radius: 10px;
  }
}.booking-card-pano{
  display: flex;
  background-color: #0000009b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 350px;
  background-size: cover;
  background-position: 50% 70%;
  overflow: hidden;
  font-family: 'Nobel';
  --primaryColor: #b8ab69;    
}

.booking-card-pano .book-container{
    display: flex;
    width: 100%;
}

.booking-card-pano .book-container .content{
    flex:2;
    width: 100%;
}

.booking-card-pano .book-container h2{
    color: white;
    margin: 10px;
    font-size: 50px;
    font-weight: 300;
    text-shadow: 0.05em 0.05em 0.05em black ;
}

.booking-card-pano .book-container p{
    color: rgb(255, 255, 255);
    margin: 10px;
    font-size: 20px;
    font-weight: 300;
    text-shadow: 0.05em 0.05em 0.05em black ;
}



  .booking-card-pano .arrow-area{
    width: 40px;
    height: 350px;
    background:rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5);
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    transition: 0.5s ease-in-out; 
    transition-delay: 0.9s;
    
}

.booking-card-pano .arrow {
    width: 2vmin;
	height: 2vmin;
	box-sizing: border-box;
	position: relative;
	left: 50%;
	top: 50%;
    border-width: .3vmin .3vmin 0 0;
    border-style: solid;
    border-color: var(--primaryColor); /*#fafafa;*/
    transform: rotate(-135deg) translate(50%,10%);
}

.booking-card-pano .informations-container{
    /*display: flex;
    align-items: center;
    justify-content: space-between;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*padding: 15px;*/
    background-color: #000000ab;
    width: 0px;
    transform: translateX(100%);
    transition: 0.9s ease-in-out;
}


  .booking-card-pano .informations-container p{
    
    margin-left:20px;
    margin-right:20px;
    font-size: 20px;
    font-weight: 300;
    color: var(--primaryColor);
    
}


.booking-card-pano:hover .informations-container{
    padding: 15px;
    width: 200%;
    transform: translateX(0px);
    transition: 0.5s;
}

.booking-card-pano:hover .arrow-area{
 	transition: 0s;
    opacity: 0;
}


.booking-card-pano  .info-and-price-container{
      display:flex;
      
  }

.booking-card-pano .informations-container .box{
    flex: 1 0;
    
    text-align: center;
    justify-content: center;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #000000cc;
    font-weight: bold;
    font-size: 0.9em;
    
            /* haut | droit | bas | gauche */
    margin :10px 20px 10px 20px;
    
  }

  .booking-card-pano .informations-container .btn{
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 200px;
      border: 2px solid var(--primaryColor);
      text-decoration: none;
      padding: 10px 40px;
      background: var(--primaryColor);
      font-weight: 400;
      font-size: 1.3em;
      /*color: white;*/
      color: black; /* #b8ab69;*/
      cursor:pointer;
      margin: 20px 30px 20px auto;

      -webkit-border-radius: 99px;
      -moz-border-radius: 99px;
      border-radius: 99px;
    

      transition: 0.3s;
  }

 .booking-card-pano .informations-container .btn:hover {
    background: none;
    border: 2px solid var(--primaryColor);
    color:var(--primaryColor);
}


/* Smartphones (portrait) ---------------- */
@media only screen 
and (max-width : 767px)
{
 
    .booking-card-pano:hover {
        display: block;
    }
 
    .booking-card-pano{
        flex-direction: column;
        height:100%;

        background-size:1200px;
        background-repeat: no-repeat;
        background-position: 50% 90%;

        object-fit: cover;

        /*overflow:visible;*/
    }

    .booking-card-pano .book-container{
        flex: 1;
        height: 400px;
    }

    .booking-card-pano .arrow-area{
        display: none;
    }

    /*.booking-card-pano .content{
        height: 378px;
    }*/

    .booking-card-pano .informations-container{
        width: 100%;
        padding: 0px;
        transform: translateX(0px);
    }
    
    .booking-card-pano .informations-container p{
        margin:0 20px 0 20px;
        font-size: 18px;
    }
    
    .booking-card-pano .informations-container .box{
        /*max-width: 200px;*/
        padding: 5px;
        margin :5px 10px 10px 10px;
    }
    
    .booking-card-pano .info-and-price-container{
        margin: 0px;
        
    }
    .booking-card-pano .informations-container .btn{
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 200px;
        padding: 8px 60px;
        margin: 20px auto 20px auto;
    }
  

  .booking-card-pano:hover .informations-container{
    padding: 0px;
    width: 100%;
    
}
  
}



/*********************Carte Equipement*****************************************/
.eq-container{
    justify-content: center;
    align-items: center;
    font-family: 'Nobel';

    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    
}

.eq-container .eq-card{
    position: relative;
    cursor: pointer;
}

.eq-container .eq-card .eq-face{
    max-width: 21em;
    width:100vw;
    height: 300px;
    transition: 0.5s ease-in;
}

.eq-container .eq-card .eq-face.eq-face1{
    position: relative;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(200px);
}

.eq-container .eq-card:hover .eq-face.eq-face1{
    background: #522825;
    transform: translateY(0);
}

.eq-container .eq-card .eq-face.eq-face1 .eq-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    opacity: 0.7;
    transition: 0.5s;
}

.eq-container .eq-card:hover .eq-face.eq-face1 .eq-content{
    opacity: 1;
}

.eq-container .eq-card .eq-face.eq-face1 .eq-content img{
    max-width: 100px;
    
}

.eq-container .eq-card .eq-face.eq-face1 .eq-content h3{
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
}

.eq-container .eq-card .eq-face.eq-face2{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
    transform: translateY(-100px);
}

.eq-container .eq-card:hover .eq-face.eq-face2{
    transform: translateY(0);
}

.eq-container .eq-card .eq-face.eq-face2 .eq-content p{
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 1.5em;
    text-align:left;
}

/* Smartphones (portrait) ---------------- */
@media only screen 
and (max-width : 767px)
{
    .eq-container{
        flex-wrap: wrap;
        /* justify-content: center; */
        /* align-items: center; */
    }

    .eq-container .eq-card .eq-face{
        max-width: 100vw;
        width: 100%;
        /* margin: 10px ; */
    }

    .eq-container .eq-card .eq-face.eq-face1{
        height: 8em;
        background: #522825;
        transform: translateY(0px);
    }

    .eq-container .eq-card .eq-face.eq-face1 .eq-content{
        opacity: 1;
        flex-direction: row;
    }

    .eq-container .eq-card .eq-face.eq-face1 .eq-content img{
        margin-right: 20px;
        max-width: 70px;
    }

    .eq-container .eq-card .eq-face.eq-face1 .eq-content h3{
        margin-left: 20px;
        font-weight: 400;
    }
    .eq-container .eq-card .eq-face.eq-face2{
        transform: translateY(0px);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
        height: 100%;
        width: 100%;
        justify-content: flex-start;
    }

  
    .eq-container .eq-card .eq-face.eq-face2 .eq-content p{
        line-height: 1.8em;
    }

}/******************************************************************************/
.cardcontainercols{
    /*width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;*/
}

.cardcontainercols .cardcontainer3col{
    display: grid;
    grid-template-rows: repeat(2,300px);
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    grid-auto-rows: 300px;

    justify-content: space-evenly;

    grid-column-gap: 40px;
    grid-row-gap: 70px;
    padding: 30px 30px 0px 30px; 
    
}

.cardcontainercols .cardcontainer2col{
    display: grid;
    grid-template-rows: repeat(1,300px);
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-auto-rows: 300px;

    grid-gap: 40px;
    grid-row-gap: 70px;
    padding: 70px 100px 30px 100px;

    justify-content: space-evenly;
}


.cardcontainercols .homecard{
    overflow: hidden;
    background-color: #b8ab6944;
    box-shadow: 5px 10px 40px 5px rgba(0, 0, 0, 0.3);

}

.cardcontainercols .homecard .thumbnail{
    
    background-position:50% 50%;

    background-size:cover ;
    background-repeat: no-repeat;
    /*background-blend-mode:overlay;*/
	background-blend-mode:normal;
	

    outline: 15px solid #b8ab6944;
    outline-offset: -15px;

    
    overflow: hidden;
    height: 100%;
    backface-visibility: hidden;
    transition: all 0.4s ease-out;
}

.cardcontainercols .homecard .thumbnail .cardlabel{
    background: rgba(0, 0, 0, 0.8);
    position: relative;
    top:65%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardcontainercols .homecard .thumbnail a {
    text-decoration: none;
}


.cardcontainercols .homecard .thumbnail span {
    font-family:"nobel", sans-serif;
    color: #b8ab69;
    font-weight: 300;

    position:absolute;
    text-align: center;
    
    font-size: 1.7rem;
    display: inline;
}


.cardcontainercols .homecard .thumbnail span::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #e4d381;
    transform: scale(0);
    margin-top: 0px;
    border-radius: 2px;
    transition: transform 0.2s ease-in-out;
}

.cardcontainercols .homecard .thumbnail:hover {
    transform: scale(1.15, 1.15);
    background-blend-mode:normal;
  }
  
.cardcontainercols .homecard .thumbnail:hover span::after{
    transform: scale(1);
}

.cardcontainercols .homecard .thumbnail:hover span{
color: #e4d381;
}





.cardcontainercols .visit {background-image: url('https://splendidbandol.com/facade-hotel-splendid-bandol-518/'),url('https://splendidbandol.com/calqueunioverlay/');}
.cardcontainercols .room{background-image: url('https://splendidbandol.com/chambre-et-suite-card/'),url('https://splendidbandol.com/calqueunioverlay/');}
.cardcontainercols .wellness{background-image: url('https://splendidbandol.com/homecardsereposer/'),url('https://splendidbandol.com/calqueunioverlay/');}
.cardcontainercols .spa{background-image: url('https://splendidbandol.com/piscine2/'),url('https://splendidbandol.com/calqueunioverlay/');}
.cardcontainercols .food{background-image: url('https://splendidbandol.com/plaisirs-gourmands-2/'),url('https://splendidbandol.com/calqueunioverlay/');}
.cardcontainercols .extra{background-image: url('https://splendidbandol.com/petit-et-grand-plaisir3/'),url('https://splendidbandol.com/calqueunioverlay/');}
.cardcontainercols .infoprat{background-image: url('https://splendidbandol.com/cote-pratique-3/'),url('https://splendidbandol.com/calqueunioverlay/');}
.cardcontainercols .surranding{background-image: url('https://splendidbandol.com/decouvrir518/'),url('https://splendidbandol.com/calqueunioverlay/');}
.cardcontainercols .history{background-image: url('https://splendidbandol.com/Histoire854/'),url('https://splendidbandol.com/calqueunioverlay/');}

@media screen and (max-width:1070px) {
    .cardcontainercols .extra{background-image: url('https://splendidbandol.com/petit-et-grand-plaisir4/'),url('https://splendidbandol.com/calqueunioverlay/');}

    .cardcontainercols .cardcontainer2col{
        grid-template-rows: repeat(1,300px);
        grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
        
        padding: 70px 30px 30px 30px;
    }

}












/*

.nav-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  padding: 0 0 0 0;
}


.nav-container .thumbex {
  margin: 10px 20px 30px;
  padding: 0px 0px 0px 0px;
  
  min-width: 250px;
  max-width: 435px;
  height: 300px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
  overflow: hidden;
  outline: 2px solid white;
  outline-offset: -15px;
  background-color:darkblue;
  box-shadow: 5px 10px 40px 5px rgba(0, 0, 0, 0.5);
}

.nav-container .thumbex .thumbnail {
  overflow: hidden;
  min-width: 100%;
  height: 100%;
  position: relative;
  opacity: 0.88;
  backface-visibility: hidden;
  transition: all 0.4s ease-out;
}


.nav-container .thumbex .thumbnail img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 110%;
  width: auto;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}


.nav-container .thumbex .thumbnail span {
  position: absolute;
  z-index: 2;
  top: 180px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 20px;
  margin: 0 4px;
  text-align: center;
  font-family:"nobel", sans-serif;
  font-size: 24px;
  color: white;
  font-weight: 300;
  letter-spacing: 0.2px;
  transition: all 0.3s ease-out;
}

.nav-container .thumbex .thumbnail span::after {
  content:""; 
  display:block; 
  width: 0px; 
  margin: 5px auto 5px auto; 
  height: 2px; 
  border-radius: 2px; 
  background: white; 
  transition: width 0.2s ease-out;
}

.nav-container .thumbex .thumbnail:hover {
  backface-visibility: hidden;
  transform: scale(1.15, 1.15);
  opacity: 1;
}
.nav-container .thumbex .thumbnail:hover span {
  opacity: 0.8;
}

.nav-container .thumbex .thumbnail:hover span::after {
  width: 40%;
}
*/
/* Tabs Start */

.ease {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}

.tabs-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.tabs-8080-tab {
	background: #fff;
	position: relative;
	margin-bottom: 50px;
}

.tabs-8080-tab input,
.tabs-8080-tab span {
	width: 33%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: 0;
}

.tabs-8080-tab  input {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
}

.tabs-8080-tab  span {
	background: #f0f0f0;
	text-align: center;
	overflow: hidden;
}

.tabs-8080-tab span i,
.tabs-8080-tab span {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}

.tabs-8080-tab input:hover + span {
	background: rgba(255,255,255,.1);
}

.tabs-8080-tab input:checked + span {
	background: #fff;
}

.tabs-8080-tab input:checked + span,
.tabs-8080-tab input:hover + span {
	color: #3498DB;
}

#tab-1, #tab-1 + span {
	left: 0;
}

#tab-2, #tab-2 + span {
	left: 33%;
}

#tab-3, #tab-3 + span {
	left: 33%;
}


.tab-content {
	padding: 80px 20px 20px;
	width: 100%;
	min-height: 340px;
}

.tab-content section {
	width: 100%;
	display: none;
}

.tab-content section h1 {
	margin-top: 15px;
	font-size: 100px;
	font-weight: 100;
	text-align: center;
}

#tab-1:checked ~ .tab-content #tab-item-1  {
	display: block;
}

#tab-2:checked ~ .tab-content #tab-item-2  {
	display: block;
}

#tab-3:checked ~ .tab-content #tab-item-3  {
	display: block;
}





/* effect-3 */

.effect-3 .line{
	background: #3498DB;
	width: 20%;
	height: 4px;
	position: absolute;
	top: 56px;
}

#tab-1:checked ~ .line {
	left: 0;
}

#tab-2:checked ~ .line {
	left: 33%;
}

#tab-3:checked ~ .line {
	left: 33%;
}








/*.ease {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}


.tabs-8080-tab {
	background: #fff;
	position: relative;
	margin-bottom: 50px;
}

.tabs-8080-tab input,
.tabs-8080-tab span {
	width: 20%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: 0;
}


.tabs-8080-tab input {
  cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
}

.tabs-8080-tab span {

  background: #f0f0f0;
	text-align: center;
	overflow: hidden;

}

.tabs-8080-tab span i,
.tabs-8080-tab span {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}

.tabs-8080-tab input:hover + span {
	background: rgba(255,255,255,.1);
}

.tabs-8080-tab input:checked + span {
	background: #fff;
}

.tabs-8080-tab input:checked + span,
.tabs-8080-tab input:hover + span {
	color: #3498DB;
}

.tabs-8080-tab-active input:checked ,
.tabs-8080-tab-active input:hover {
	color: #3498DB;
}




#tab-1, #tab-1 + span {
	left: 0;
}

#tab-2, #tab-2 + span {
	left: 20%;
}

#tab-3, #tab-3 + span {
	left: 40%;
}

#tab-4, #tab-4 + span {
	left: 60%;
}

#tab-5, #tab-5 + span {
	left: 80%;
}

.tab-content {
	padding: 80px 20px 20px;
	width: 100%;
	min-height: 340px;
}

.tab-content section {
	width: 100%;
	display: none;
}

.tab-content section h1 {
	margin-top: 15px;
	font-size: 100px;
	font-weight: 100;
	text-align: center;
}

#tab-1:checked ~ .tab-content #tab-item-1  {
	display: block;
}

#tab-2:checked ~ .tab-content #tab-item-2  {
	display: block;
}

#tab-3:checked ~ .tab-content #tab-item-3  {
	display: block;
}

#tab-4:checked ~ .tab-content #tab-item-4  {
	display: block;
}

#tab-5:checked ~ .tab-content #tab-item-5  {
	display: block;
}

*/


/* effect-3 */

/*.tabs-effect .line{
	background: #3498DB;
	width: 20%;
	height: 4px;
	position: absolute;
	top: 56px;
}

#tab-1:checked ~ .line {
	left: 0;
}

#tab-2:checked ~ .line {
	left: 20%;
}

#tab-3:checked ~ .line {
	left: 40%;
}

#tab-4:checked ~ .line {
	left: 60%;
}

#tab-5:checked ~ .line {
	left: 80%;
}

*/.menu-sousitem-style {
  display:block;
  margin-right:auto;
  margin-left:20px;
  width:100%;
  padding-left: 20px;   
  background: rgba(0, 0, 0, 0.1);
  
}


.menu-sousitem-style:hover {
  background: rgba(0, 0, 0, 0.2);
  
}


.menu-sousitem-style:hover a{
  
  color : #b07d39;
}


.menu-sousitem-style a{
  text-decoration : none;
  color : black;
  text-transform : uppercase;
  line-height : 2rem;
}
:root {
    --main-color: #b8ab69 !important;
}

#top-menu-right .ModuleLogin::before, #top-menu-right .ModuleCart::before, .cart-stay-count { 
    color: var(--main-color) !important;
}

.sqs a:hover {
    color:  var(--main-color) !important;
}

.searchDateForm button.search{
    background: var(--main-color) !important;
}

.between-date {
    background-color: #7a504c26 !important;
}

.datepicker-container .rangeFirstDate {
    background-color: #7a504c !important;
}

.datepicker-container .rangeLastDate {
    background-color: #7a504c !important;
}


.module_datepicker_small{
    background: var(--main-color) !important;
    border: 1px var(--main-color) solid;
}

.module_datepicker_small .btn-icon {
    background-color: var(--main-color) !important;
}


.resultbox button.add-to-cart,
#navigate_back button,
.btn-default2, 
button.form-clear-cart, 
.resultbox button.add-to-cart, 
#navigate_back button {
    border: 2px var(--main-color) solid !important;
    color: black !important;
}

.datepicker-custom-dialog button.sm-search-btn-dp {
    background-color: var(--main-color) !important;
}

.resultbox button.add-to-cart:hover,
.resultbox button.add-to-cart:active,
.btn-default2:hover, 
button.form-clear-cart:hover, 
.resultbox button.add-to-cart:hover, 
#navigate_back button:hover,
#navigate_back button:active{
    background-color: var(--main-color) !important;
    border: 2px var(--main-color) solid !important;
    color: white !important;
    font-weight: 300;
}

#navigate_forward button{
    background: var(--main-color) !important;
}

.form-wizard-step.active, .form-wizard-step.active a, .form-wizard-step.active a:hover, .form-wizard-step.active a:visited {
    color: var(--main-color) !important;
}

.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.remainder, 
.stay_detail button.book_documents_toggler, 
#navigate_forward button, 
#fast-account-validate button, 
.datepicker-custom-dialog button.sm-search-btn-dp {
    background: var(--main-color) !important;
}

.sqs a.lnk {
    color:var(--main-color) !important;
}

.highlight-form-label-on-focus .ast-form-group.ast-form-group-focused label.ast-form-label {
    color:var(--main-color);
}

.ast-form-group.ast-form-group-focused .ast-form-control {
    border-bottom-color: var(--main-color);
}

.ast-form-group .ast-form-control:hover {
    border-bottom-color: var(--main-color);
}

input.ast-form-control[type="text"]:hover, 
select.ast-form-control:hover, 
.ast-form-group.ast-form-group-focused .ast-form-control{
    border-bottom-color: var(--main-color);
}

.ModuleCart_dialog .total_price_value {
    color:var(--main-color);
}

.ModuleCart_dialog .book_total_price {
    color:var(--main-color);
}

.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:var(--main-color);
}


/**** Rename content ***/

  .float-splendid-datepicker .btn-text{
    font-size : 0px;
  }
  
  #datepicker .btn-text::after{
    
    content : 'RÉSERVER';
    font-size : 20px !important;
    font-weight: 400 !important;
   
  }

#datepicker-en .btn-text::after{
    
    content : 'BOOKING';
    font-size : 20px !important;
    font-weight: 400 !important;
   
  }

#datepicker-es .btn-text::after{
    
    content : 'RESERVAR';
    font-size : 20px !important;
    font-weight: 400 !important;
   
  }

:root{
  --sp-black-color:#070808 ;
  --sp-dore-color:#b8ab69 ;
  --sp-main-float-color: rgb(200,56,91,1); /*rose affiche MrZ*/ 
  --sp-main-float-color-hover:rgb(79,44,114,1); /*violet affiche MrZ*/ 
  --sp-sec-float-color:#9b7b78;
}

*, ::before, ::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Nobel',  'booking-engine' ;

}

.nav{
  position: fixed;
  bottom: 40vh;
  right: 0px;
  z-index:100;
}

.nav.active {
  bottom: 37em;
}


.float-nav {
  z-index: 110;
}

.float-nav > span.menu-btn > img {
  width: 40px;
}

.float-nav > span.menu-btn {
  text-decoration: none;
  display: block;
  background-color: var(--sp-main-float-color);
  color: white;
  padding: 17px 19px 12px 19px;
  text-align: center;
  box-shadow: 2px 2px 8px #777;
  border-radius: 10px 0px 0px 10px;
}


.float-nav > span.menu-btn > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.float-nav > span.menu-btn > ul > li.line {
  border: 1px solid white;
  width: 100%;
  margin-bottom: 7px;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  display: none;
}


.float-nav > span.menu-btn > .menu-txt {
  text-align: center;
  font-size: 1em;
  font-weight: 300;
  visibility: hidden;
  display: none;
  
}


  .float-nav > span.menu-btn > .menu-txt-resa {
    text-align: center;
    font-size: 1em;
    font-weight: 300;
  }

/**************************** .float-nav menu-btn.active  ****************************/

.float-nav > span.menu-btn.active > img {
  display: none;
}


.float-nav > span.menu-btn.active {
  
  background-color: transparent;
  box-shadow: none;
}

.float-nav > span.menu-btn.active > ul > li.line:nth-child(1) {
  border-width: 2px;
  -moz-transform: rotate(45deg) translate(4px, 6px);
  -ms-transform: rotate(45deg) translate(4px, 6px);
  -webkit-transform: rotate(45deg) translate(4px, 6px);
  transform: rotate(45deg) translate(4px, 6px);
  position: relative;
  left: 10px;
}
.float-nav > span.menu-btn.active > ul > li.line:nth-child(2) {
  visibility: hidden;
}
.float-nav > span.menu-btn.active > ul > li.line:nth-child(3) {
  border-width: 2px;
  -moz-transform: rotate(-45deg) translate(8px, -10px);
  -ms-transform: rotate(-45deg) translate(8px, -10px);
  -webkit-transform: rotate(-45deg) translate(8px, -10px);
  transform: rotate(-45deg) translate(8px, -10px);
  position: relative;
  left: 10px;
}


.float-nav > span.menu-btn.active > ul > li.line {
  display: block;
}

.float-nav > span.menu-btn.active > .menu-txt {
  visibility: visible;
  display: block;
  position: relative;
  left: 10px;
}
 

  .float-nav > span.menu-btn.active > .menu-txt-resa {
    visibility: hidden;
    display: none;
  }

/**************************** .main-nav menu-btn. no active  ****************************/

.main-nav {
  background-image: url("https://splendid.dyotal.fr/float-resa-rapide/"); 
  background-repeat: no-repeat;
   background-size: cover; 

  /* background: blueviolet; */

  display: none;
  opacity: 0;

  font-family: sans-serif;
  position: absolute;
  top : 0px;
  
  width: 22em;
  transition: opacity 250ms;
  
}


.main-nav.active {
  /* position: fixed; */
  display: block;
  /* bottom: 0px; */
  right: 0px;
  opacity: 1;
  transition: opacity 250ms; 
  z-index: -1; 
  border-radius: 10px 0px 0px 10px;
  
}


.main-nav > ul {
  width: 100%;
  display: block;
  list-style: none;
  margin: 0;
  padding:0 0 20px 0px;
  background-color: var(--sp-main-float-color);
  opacity: 0.93;
  box-shadow: 2px 2px 8px #777;
  border-radius: 10px 0px 0px 10px;
  text-align: center;
}


.main-nav > ul > li > a {
  text-decoration: none;
  display: block;
  font-weight: 200;
  font-size: 1.2em;
  padding: 10px 0px 0px 0px;
  color: white;
}
.main-nav > ul > li > a:hover {
  font-weight: 400;
}



/***********************  DYOTAL ADD's **********************/
.main-nav >  ul > li #titleform {
  padding: 20px 0px 20px 0;
  font-size: 2em;
  font-weight: 400;
}


.main-nav ul .container-resarapide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

} 

/************** ASTERIO DATE PICKER ********************/
.float-splendid-booking-datepicker .ui-datepicker td a[price]::after{
  display: none;
}

.container-resarapide .float-splendid-datepicker .searchDateForm {
  display: flex;
  flex-direction: column;
  align-items:flex-end;
}

/**************************** label des dates From / to */

.container-resarapide .float-splendid-datepicker .ast-form-label{
  color: #fff;
  font-size: 1.5em;
  font-weight: 300;
}

/**************************** control dates From / to */
.float-splendid-datepicker .searchDateForm .ast-form-control{
  background: none;
  color: white;
  max-width: 150px;
  text-align:center;
}

.float-splendid-datepicker .searchDateForm input.ast-form-control {
    font-size: 1.5em !important;
}

/**************************** Btn Réservé */
.container-resarapide .float-splendid-datepicker .btn-search-group{
  align-self: center;
}

.float-splendid-datepicker .searchDateForm .dp-search-btn-class{
  background: none !important;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 25px;
  width: 250px !important;
  height: 50px;
}

.float-splendid-datepicker .searchDateForm .dp-search-btn-class:hover{
  background: var(--sp-main-float-color-hover) !important; /* rgba(82, 40, 37, 1) !important;*/
  border: 2px solid rgba(255, 255, 255, 0.65);
  font-size: 1.1em;
}


/************** ASTERIO DATE PICKER ********************/

/************** ASTERIO BOOKING-DATE PICKER ********************/
.container-resarapide .float-splendid-booking-datepicker{
  position: relative;
  left: 0px;
  right: auto;
  width: 98%;
  bottom: 10px;
  z-index: 200;
}
/************** ASTERIO BOOKING-DATE PICKER ********************/


/****************** SmartPhone */
@media screen and (max-width: 699px)  {
  
  .nav.active{
    bottom: 0px;
    width: 100%;
  }
  
  .float-nav {
    position: fixed;
    top: auto;
    bottom: 20px;
    right: 0.5em;
    
  }

  .float-nav > span.menu-btn {
    border-radius: 99px;
    width: 64px;
  }

  .float-nav > span.menu-btn > img {
    width: 30px;
    margin:auto;
  }
  
  .main-nav {
    width: 100%;
    right: 0;
    top:auto;
    bottom: 0px;
  }
  
  .main-nav ul, .main-nav.active{
    border-radius: 20px 20px 0px 0px;
  }

  .main-nav .container-resarapide {
      width: auto;
  } 

  .float-nav > span.menu-btn > .menu-txt-resa {
      visibility: hidden;
      display: none;
  }	
	
}



.vr-container{
  /*background-color: aquamarine;*/
    position: relative;
    /*top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 550px;
    width: 1000px;*/
    margin: auto;
    text-align: center;
    
  
}

.vr-overlay{
  /*background: rgba(255,255,255,0.80);*/
  opacity: 0.2;
}

.vr-overlay-txt{
  position: absolute;
  top:40%;
  left: 20%;
  font-size:250%;
}

.vr-overlay-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.vr-overlay-mask{
  opacity: 0;
  visibility:hidden;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;

}


.vr-button-6{

  display: inline-block;
  outline: 0;
  border: none;
  cursor: pointer;
  font-weight: 500;
  border-radius: 4px;
  font-size: 1.5rem;
  height: 50px;
  background-color: #4c0a10;
  color: white;
  padding: 10px 40px 10px 40px;
  margin-top: 40px;


}

.vr-button-6:hover {
    background-color: #60171e;
}