/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1772808412
Updated: 2026-03-06 15:46:52

*/



/* Général */
    
    @media (max-width: 800px) {
    
:root {
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
}
        
        .wp-block-group > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
            max-width:100%;
        }
    }

    body{
        color: var(--wp--preset--color--gris-6);
    }
    .wp-site-blocks h1{
       font-size: clamp(24px, 3.2vw, 90px);
       font-weight: 100;
        color:var(--wp--preset--color--accent) !important;
    }
        .home h1{
        font-size: clamp(16px, 1.44vw, 40px);
        font-weight: 100;
        font-family:var(--wp--preset--font-family--clash-grotesk);
         color:var(--wp--preset--color--base) !important;
         -webkit-filter: drop-shadow(0px 0px 30px #000);
  filter: drop-shadow(0px 0px 30px #000);
    }
         h1.small{
        font-size: clamp(16px, 1.44vw, 40px);
        font-weight: 100;
        font-family:var(--wp--preset--font-family--clash-grotesk);
        letter-spacing: .5px;
    }
    .wp-site-blocks h2{
        font-size: clamp(20px, 2.4vw, 80px);
        margin: clamp(15px, 1vw, 50px) 0 0 0;
        font-weight: 100;
        color:var(--wp--preset--color--accent);
    }
    .wp-site-blocks h3, .block-editor-block-list__layout h3{
        font-weight: 600;
        font-family:var(--wp--preset--font-family--clash-grotesk);
        text-transform:uppercase;
        font-size: clamp(16px, 1.2vw, 80px);
        color:var(--wp--preset--color--accent);
        margin:10px 0 6px;
        letter-spacing:0.1rem
    }
    
    .wp-site-blocks h4, .block-editor-block-list__layout h4{
        font-weight: 100;
        font-family:var(--wp--preset--font-family--clash-grotesk);
        color:var(--wp--preset--color--gris-6);
        font-size: 15px;
        margin:10px 0 5px;
    }
    .wp-site-blocks :focus {
      outline-width: 0 !important;
    }
    
    form input{
        border: none;
        border-bottom: 1px solid var(--wp--preset--color--contrast);
        line-height: 2.3;
    }

    .wpcf7-submit{
        line-height:1;
    }

    
/* Boutons */


    .wp-block-button a, .wpcf7-submit{
        color:var(--wp--preset--color--accent);
        border: 1px solid var(--wp--preset--color--accent);
        border-radius:0;
        background-color: var(--wp--preset--color--base);
        transition:.3s;
        font-family:var(--wp--preset--font-family--clash-grotesk);
        font-weight:400;
        text-transform:uppercase;
        font-size:12px;
        letter-spacing:0.14rem;
        padding:12px 22px;
    }
    
    .wp-block-button a:hover, .wpcf7-submit:hover{
        color:var(--wp--preset--color--base);
        background-color: var(--wp--preset--color--accent);
        transition:.3s;
    }

    .wp-block-button a:focus{
        transition:0;
    }

    
    header .wp-block-button a{
        border-color:var(--wp--preset--color--base);
        background-color: transparent;
        color:var(--wp--preset--color--base);
    }
    
    
    
/* =========================================
                  Header  
========================================= */
    
    header {
        position: fixed;
        height:80px;
        width: 100vw;
        display:flex;
        transition:all 0.2s ease-in-out, width 0s;
        z-index: 99;
        font-size:18px;
        border-bottom:1px solid  transparent;
        font-family:var(--wp--preset--font-family--clash-grotesk);
        background: transparent;
         
    }

    header .wp-block-navigation-item{
        color:var(--wp--preset--color--base);
    }
    
    header .wp-block-navigation-item a{
        text-decoration:none;
        border-bottom:2px solid transparent;
        transition: border-bottom .2s;
        letter-spacing: .5px;
    }
    header .current-menu-item a{
        border-bottom:2px solid var(--wp--preset--color--base);
    }
    
    header .wp-block-navigation-item a:hover{
      border-bottom:2px solid var(--wp--preset--color--base);
      transition: border-bottom .2s;
    }

    header .wp-block-navigation__responsive-container-open svg{
       fill:var(--wp--preset--color--base);
    }
    header .wp-block-group{
       width: 100%; 
    }
    header .wp-block-columns{
        display: flex;
    }
    
        header .wp-block-columns .wp-block-column:nth-of-type(1){
        flex-basis:14%;
              flex-basis:78px;
    }
    
    header .wp-block-columns .wp-block-column:nth-of-type(2){
        display: flex;
        align-items: center;
        justify-content: center;
        flex-basis:45%;
    }
        
        header .wp-block-columns .wp-block-column:nth-of-type(3){
        flex-basis:78px;
    }
    
    header .pll-switcher-select{
        background:none;
        border:none;
        font-size:14px;
        color:var(--wp--preset--color--base);
    }
    
       
    header.sticky {
        background: var(--wp--preset--color--base);
        border-bottom: 1px solid var(--wp--preset--color--gris-2);
        transition: top 0.4s ease-in-out, background-color 0.4s ease-in-out .4s, border-bottom 0.4s ease-in-out .4s, width 0s;
}
    header.sticky .custom-logo{
        filter: brightness(0) invert(18%) sepia(40%) saturate(664%) hue-rotate(158deg) brightness(89%) contrast(98%);
}
    
    header.sticky{
       background:var(--wp--preset--color--base);
    
    }
   
    header.sticky .wp-block-button a{
        color: var(--wp--preset--color--contrast);
        border-color:var(--wp--preset--color--contrast);
    }

    header.sticky .wp-block-button a:hover{
        color: var(--wp--preset--color--base) !important;
    }
    
    
    header.sticky .wp-block-navigation-item a:hover{
        border-color:var(--wp--preset--color--contrast);
    }
     
    header.sticky .pll-switcher-select{
        color:var(--wp--preset--color--contrast);
    }
    
    header.sticky .wp-block-navigation-item{
        color:var(--wp--preset--color--contrast);
    }

    header.sticky .current-menu-item a{ 
        border-bottom:2px solid var(--wp--preset--color--contrast);
    }

    header.sticky .wp-block-navigation__responsive-container-open svg{
       fill:var(--wp--preset--color--contrast);
    }
    
    
    


    

    
    
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
    
    @media (min-width: 1100px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
          .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
  }
}
    
 

@media (max-width: 1100px) {
            header .widget_polylang{
        display:none;
        }
    }
    
    
    header .widget_polylang{
        display:none;
    }
    
    

@media (max-width:1100px) {
     header {
        position: fixed;
        height:50px !important;
        }
        main > .entry-content{
        padding:0 20px;
        }

        header .wp-block-columns{
        gap: 3vw;      
        }
        header .wp-block-columns .wp-block-column{
            flex-basis:auto !important;
        }

        header .wp-block-columns .wp-block-column:nth-child(1){
        width: 140px;
           
        }
    
    header .wp-block-columns .wp-block-column:nth-child(2){
        width: 70px;
        height: 40px !important;
        order: 3;
        }
        header .wp-block-columns .wp-block-column:nth-child(3) .wp-block-group{
       justify-content:right;
        }
        header .wp-block-button a{
        font-size:10px;
        padding: 8px 16px
        }
     
        .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background-color: var(--wp--preset--color--base);
        }
    
       .wp-block-navigation__container{
        display: flex;
        flex-direction: column !important;
        
    }
    .wp-block-navigation__responsive-container-content{
        padding-top: calc(2rem + 24px) !important;
    }
    .wp-block-navigation__responsive-container {
  overflow: auto;
  padding: clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem) !important;
  z-index: 100000;
}
    .wp-block-navigation__container a{
        color:var(--wp--preset--color--contrast) !important;
    }
      
    header ul.wp-block-navigation__container {
        align-items: end !important;
        width: 100%;
        font-size:20px;
    }
    
        .wp-block-navigation__responsive-container{
        opacity:1  !important;
        margin-left:30vw !important;
        transform: translateX(100%) !important;
        transition: .4s !important;
    }
        .wp-block-navigation__responsive-container.is-menu-open{
        opacity:1  !important;
        animation: none !important;
        transform: translateX(0) !important;
        box-shadow: 0 0 80px black;
        transition: .4s !important;
    }
    
        
   
    }

@media (max-width:600px) {

    .wp-block-navigation__responsive-container{ 
       display:block !important;
    }  
  
    
    
}
    
  
    
    
    
/* =========================================
                  Blocs  
========================================= */
    

/* Home Super Slider */

    .home .slider-home img{
          -webkit-filter: drop-shadow(0px 0px 40px #000);
  filter: drop-shadow(0px 0px 40px #000);
    }
     @media (max-width: 1100px) {
     .home .slider-home .wp-block-cover__inner-container > * {
        
         max-width:80%;
    }
    }
    
    
.home .slider-home.wp-block-group {
    position:relative;
    margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
    margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
    max-width: none;
    min-height:500px !important;
}
    
    .home .superblockslider{
     min-height:500px;
    }

.home .slider-home.wp-block-group .wp-block-cover{
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
}
    .home .slider-home.wp-block-group .superblockslider{
    margin-top:0;
}
    
    @media (max-width: 1100px) {
    
    .home .slider-home.wp-block-group {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
}
    
    /* Small Super Slider */
    
    .superblockslider__button{
    min-width: 1.2rem;
}
    .superblockslider__buttons svg{
        background:var(--wp--preset--color--base);
        fill:var(--wp--preset--color--base) !important;
        border-radius:20px;
        opacity:1;
        scale:0.5 !important;
    }
    
  
    @media (min-width: 1024px) {
      .superblockslider__button__navigation {
        width: 30px;
      }
    }


    
/* Top banner image */

    .top-banner-pic{
        position:relative;

    }
    .top-banner-pic img{
        height: 20vw !important;
        min-height: 200px;
        object-fit: cover;
        
    }
    .top-banner-pic::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);;
    }
    
     @media (max-width: 1100px) {
    
     .top-banner-pic {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
           
}
        
    
    /* Bloc Media et Texte */
    
    .wp-block-media-text{
        gap:5vw;
        
    }
    
    .wp-block-media-text__content{
        padding:0 !important;
    }
    
    
    
    
/* Carousels */
    
    
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0!important;
}
    
/* Chambres > Carousel classique */
    

    .room-slider .swiper{
        margin-bottom:2rem !important;
    }
    .room-slider .cb-slide::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: linear-gradient(180deg,rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.4) 100%);;
    }
        
    
    .room-slider .swiper-button-prev{
        left:10px  !important;
    }
    .room-slider .swiper-button-next{
        right:10px  !important;
    }
    
    
    .room-slider .cb-button-next, .room-slider .cb-button-prev {
        color:var(--wp--preset--color--base);
        opacity:0.7;
        text-shadow: 1px 1px 10px #0003,                         -1px -1px 10px #0003,                        1px -1px 10px #0003,
                    -1px 1px 10px #0003;
        transition:.2s;
    }
        .room-slider .cb-button-next:hover, .room-slider .cb-button-prev:hover {
        color:var(--wp--preset--color--base);
        opacity:1;
        transition:.2s;
    }

    .room-slider img{
        width:100%;
        height:20vw !important;
        object-fit:cover;
        
    }
    .room-slider.big-room img{
        height:40vw !important;
    }
    
    .room-slider .cb-pagination.swiper-pagination-horizontal{
        bottom: 15px;
    }
    .room-slider .swiper-pagination-bullet{
        background:var(--wp--preset--color--base) !important;
    }
    .room-slider .cb-pagination .cb-pagination-bullet {
        opacity:0.5
    }
         
      
    @media (max-width: 1100px) {
   
    .room-slider img{
        height:30vw !important;
    }
        
     
    }
    @media (max-width: 781px) {
   
    .room-slider.big-room img{
        height:50vw !important;
    }
    .room-slider img{
        height:50vw !important;
    }
        
     
    }


    
    
/* Carousel mpultiple avec full-link */
    

    
    @media (max-width: 1100px) {
    .carousel-multiple .cb-button-next,
    .carousel-multiple .cb-button-prev{
        display:none;
    }
    }

/* Carousel > Bloc Bannière full-link */
    
    .wp-block-cover.full-link{
        min-height: 0;
        padding: 0;
    }
    .wp-block-cover.full-link .wp-block-group{
        gap:5px !important;
    }
     .wp-block-cover.full-link img{
        scale:1;
        transition:.4s ease-in-out;
    }
    .wp-block-cover.full-link:hover img{
        scale:1.1;
        transition:.4s ease-in-out;
    }
    
    .full-link a:after {
        display:block;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        content:'';
    }
    .full-link .wp-block-cover__inner-container{
        display:flex;
        height: 26vw;
        justify-content: space-between;
        flex-direction: column;
        min-height:250px;
    }
    .full-link .wp-block-cover__inner-container > *{
        margin:20px !important;
    
    }
    
     @media (max-width: 768px) {
    .full-link .wp-block-cover__inner-container{
         height: 60vw;
    }
    }
    
    
    
    

/* Bloc Bannière parallax */
    
    .wp-block-cover.has-parallax{
            margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
    margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
            max-width: none;
    }
        @media (max-width: 1100px) {
    
    .home .wp-block-cover.has-parallax {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
}
    
    
    /* Liste des plats */
    
    
    .product-list > .wp-block-column > .wp-block-group{
        align-items: end;
        display: inline-flex;
        position: relative;
        width: 100%;
        background-image: radial-gradient(var(--wp--preset--color--gris-5) 1px, transparent 0px);
        background-size: 6px 6px;
        background-repeat: repeat-x;
        background-position: left bottom;
        line-height:1;
        gap: 0;
        font-size:16px;
        margin-top:0px;
        margin-bottom:1.1rem;
        
    }
     .product-list > .wp-block-column > .wp-block-group > .wp-block-group{
         display: table;
         width: 100%;
         margin:0 !important;
         max-width: 100%;
    }
    
      .product-list > .wp-block-column > .wp-block-group > .wp-block-group > p{
         display: inline;
         color:var(--wp--preset--color--contrast);
         background:var(--wp--preset--color--base);
         min-width: fit-content !important;
         line-height: 1.15;
    }
    
          .product-list > .wp-block-column > .wp-block-group > .wp-block-group > p:nth-child(2){
        
        margin-left:-9px !important;
              padding-left:10px;

    }
    
    .product-list .wp-block-group figure{
        line-height:1;
        background:var(--wp--preset--color--base);
        padding-right:4px;
        margin: 0 !important;
        width:20px;
        align-items: start;
    }
    
    .product-list > .wp-block-column > .wp-block-group > p {
         min-width: fit-content !important;
         color:var(--wp--preset--color--accent);
         font-size:16px;
         font-family:var(--wp--preset--font-family--clash-grotesk);
        margin:0 !important;
        background:var(--wp--preset--color--base);
        line-height: 1.15;
    }
    
    
     @media (max-width: 780px){
    
    .product-list{
        gap:0
    }
    }
    
    
    
    
       /* Border déco */
    
    
    .border-deco {
     border: 15px solid transparent; /* invisible space */
     outline: 1px solid var(--wp--preset--color--accent);
     outline-offset: -10px; /* first box */
     background: linear-gradient(var(--wp--preset--color--accent) 0 0) top,
          linear-gradient(var(--wp--preset--color--accent) 0 0) left, linear-gradient(var(--wp--preset--color--accent) 0 0) bottom,
          linear-gradient(var(--wp--preset--color--accent) 0 0) right;
     background-size: 200% 1px, 1px 200%; /* second box */
     background-origin: padding-box;
     background-repeat: no-repeat;
}
    

       /* Border peinture */
    
    
 .border-frame{
    padding: 10px;
    border: 1px solid var(--wp--preset--color--accent);
    border-radius: 100%;
 }
    
    
    
    
     /* Contact Map */
    
@media (min-width: 801px){
    .contact-map{
    max-width: var(--wp--style--global--content-size);
        max-width: 80%;
    }
    
}
    
    
    
    /* Border déco */
    
    .specs-room td{
        border-right:none;
        border-left:none;
       padding:8px 0;
        
    }
    .specs-room tr > td:first-of-type {
        border-right: 20px solid var(--wp--preset--color--base);
    }
    
    
    
/* =========================================
                  Footer  
========================================= */
    
    footer{
        margin: 8vw 2vw;
    }
    
    footer li a{
        font-family:var(--wp--preset--font-family--courier-prime);
    }
    
    footer .wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
  font-size: 24px;
}
    footer .wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
  font-size: 14.4px;
}
    
    
    footer ul{
        gap:5px !important;
    }
    footer h3{
        text-transform:uppercase;
        font-size:14px !important;
        color:var(--wp--preset--color--contrast) !important;
    }

    
     @media (min-width: 781px){
     footer .wp-block-group > .wp-block-columns:first-of-type > .wp-block-column:first-of-type{

         margin-right: 6vw;
    }
    }
    
    @media (max-width: 781px){
        
     footer .wp-block-column > .wp-block-columns .wp-block-column:first-of-type li, footer .wp-block-column > .wp-block-columns .wp-block-column:nth-of-type(2) li{
        width:100%;
        justify-content: center;
    }
        footer ul{
        width: 100%;
        justify-content: center;
    }
        footer h3, footer p{
            text-align: center !important;
         
        }
        
             footer .wp-block-group > .wp-block-columns > .wp-block-column:first-of-type{

         margin-right: 0;
    }
    
         footer .wp-block-group > .wp-block-columns:first-of-type > .wp-block-column:first-of-type figure{
             width:60vw !important;
             margin:auto;
    }
        footer .wp-block-group{
            justify-content: center;
        }
        
        footer ul.wp-block-social-links {
            align-items: center;

    }
}
    
       footer time{
        margin-right: 5px !important;
        display: inherit;
        
    }
            footer > div > .wp-block-columns:nth-of-type(2), footer time{
            gap:0px;
            font-size:11px;
            line-height:1;
                letter-spacing:0.03rem;
             text-transform:uppercase;
   }
    
    footer .wp-block-group > .wp-block-columns > .wp-block-column:first-of-type figure:first-of-type{
        margin-top: -1.5vw;
        margin-bottom: 20px;
    }
    
    footer .wp-block-social-links{
        margin-inline-end: 0em !important;
        margin-top:2px;
    }
    
    footer .wp-social-link a{
        line-height: 1;
    }
    
    footer > div > div:nth-of-type(2){
       font-weight: 100;
        font-family:var(--wp--preset--font-family--clash-grotesk);
        
    }
    footer > div > div:nth-of-type(2) > div .wp-block-group {
        gap:0 !important;
        
        
    }