/*
SOMMAIRE
01 - Accueil
02 - La carte
03 - Menu spécial
04 - Contact
05 - Offrir
06- épicerie
*/



/* 01 - Accueil */
body.home .headerHomePage{
    height: 100vh;
    position: relative;
}
body.home .headerHomePage::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    background-color: rgba(0, 0, 0, 0.5);
}
    body.home .headerHomePage .videoHome{
        height: 100vh;
    }
    body.home .headerHomePage .imageHome{
        height: 100vh;
    }
    body.home .headerHomePage .text{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: auto;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        color: var(--color00);
    }
        body.home .headerHomePage .text h1{
            font-size: 7.2rem;
            color: var(--color00);
            margin-bottom: 0px;
            text-transform: uppercase;
            text-align: center;
        }
        body.home .headerHomePage .text span{
            font-size: 5.8rem;
            font-family: 'avb', sans-serif;
        }

    

    .base{
        width:350px;
        position: relative;
        background-color: #fff;
        -webkit-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
                transform:rotate(45deg);
    }
    
        .base::before{
            content: "";
            display: block;
            width: 100%;
            padding-top: 100%;
        }
            .content-base{
                position: absolute;
                right: 15px;
                bottom: 15px;
                top: 15px;
                left:15px;
                display:-webkit-box;
                display:-ms-flexbox;
                display:flex;
                -webkit-box-pack:center;
                    -ms-flex-pack:center;
                        justify-content:center;
                -webkit-box-align:center;
                    -ms-flex-align:center;
                        align-items:center;
                color: #fff;
                background-color: #000;
            }
            body.home .headerHomePage .content-base .content{
                -webkit-transform:rotate(-45deg);
                    -ms-transform:rotate(-45deg);
                        transform:rotate(-45deg);
            }
            body.home .headerHomePage .content-base .content h3 {
                font-family: 'ml', sans-serif;
                color: var(--color00);
                font-size: 1.8rem;
                margin-bottom: 15px;
                line-height: 20px;
                text-align: center;
            }
            body.home .headerHomePage .content-base .content .image {
                min-height: 20px;
                min-width: 80%;
            }
            body.home .headerHomePage .content-base .content .typo {
                color: var(--color00);
                font-size: 2.5rem;
                line-height: 3rem;
                margin-bottom: 2rem;
                font-family: quiche-sans, sans-serif !important;

            }
            body.home .headerHomePage .content-base .content p {

                margin-bottom: 20px !important;
            }

body.home .homeOne{
    margin-bottom: 80px;
}
    body.home .homeOne h2{
        color: var(--color03);
        font-size: 5.5rem;
        margin-bottom: 0px;
    }
        body.home .homeOne h2 span{
            color: var(--color02);
            margin-left: 15px;
        }
    body.home .homeOne .text span.typo{
        color: var(--color02);
        font-size: 5rem;
        font-family: 'avb', sans-serif;
        line-height: 1;
        margin-bottom: 30px;
    }
    body.home .slider-homeTwo ul.slick-dots{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 5px auto;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
        body.home .slider-homeTwo ul.slick-dots li::before {
            display: none;
        }
        body.home .slider-homeTwo ul.slick-dots li button {
            background-color: transparent;
            border: 1px solid var(--color03);
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
            text-indent: -5000px;
            padding: 0px;
            width: 12px;
            height: 12px;
        }
        body.home .slider-homeTwo ul.slick-dots li.slick-active button{
            background-color: var(--color03);
        }
    body.home .homeOne .sideBar{
        position: absolute;
        right: 0;
        top: -65%;
        z-index: 999;
        background-color: var(--color00);
        padding: 15px !important;
    }

body.home .homeTwo{
    padding: 110px 0px 70px 0px;
    margin-bottom: 70px;
}
    .vignetteItem{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    padding: 40px 25px !important;
    height: 400px;
    width: calc((100% - 10vw)/3);
    }
    .vignetteItem::before{
        content: "";
        width: 100%;
        height: 240px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background: -o-linear-gradient(top, rgba(14,14,14,0.9) 0%,rgba(0,0,0,0.9) 15%,rgba(255,255,255,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(14,14,14,0.9)),color-stop(15%, rgba(0,0,0,0.9)),to(rgba(255,255,255,0)));
        background: linear-gradient(to bottom, rgba(14,14,14,0.9) 0%,rgba(0,0,0,0.9) 15%,rgba(255,255,255,0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e60e0e0e', endColorstr='#00ffffff',GradientType=0 );
    }
        .vignetteItem div.border {
            position: relative;
            height: 100%;
            width: 100%;
            border: 1px solid var(--color00);
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            left: 50%;
            z-index: 999;
            -webkit-transition: border 0.5s;
            -o-transition: border 0.5s;
            transition: border 0.5s;
        }
        .vignetteItem:hover div.border{
            border: 1px solid var(--color02);
        }
            .vignetteItem div.border a.boutonflecheorange{
                position: absolute;
                bottom: 0%;
                left: 50%;
                z-index: 999;
                margin-bottom: -23px;
                -webkit-transition: bottom 0.5s, margin 0.5s;
                -o-transition: bottom 0.5s, margin 0.5s;
                transition: bottom 0.5s, margin 0.5s;
                -webkit-transform: rotate(45deg) translateX(-50%) translateY(23px);
                    -ms-transform: rotate(45deg) translateX(-50%) translateY(23px);
                        transform: rotate(45deg) translateX(-50%) translateY(23px);
            }
            .vignetteItem:hover div.border a.boutonflecheorange{
                bottom: 20%;
                margin-bottom: 0px;
            }
        .vignetteItem a.absolute{
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .vignetteItem .image{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .vignetteItem .image::before{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.35);
        }
        .vignetteItem .content{
            position: relative;
            top: 5%;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            width: 100%;
            height: 100%;
            z-index: 5;
            text-align: center;
            -webkit-transition: top 0.5s;
            -o-transition: top 0.5s;
            transition: top 0.5s;
        }
        .vignetteItem:hover .content{
            top: 20%;
        }
            .vignetteItem .content h3 a{
                color: var(--color00);
                font-family: quiche-sans, sans-serif !important;
                font-weight: 400;
                font-style: normal;
                font-size: 3.2rem;
                line-height: 2.5rem;
            }
            .vignetteItem .content h3 span{
                color: var(--color02);
                font-family: "avb", sans-serif;
                font-size: 4.2rem;
                line-height: 5rem;
                text-transform: initial;
            }


body.home .homeThree{

}
body.home .homeThree::before{
    content: "";
    position: absolute;
    background-image: url(../img/charte/partage-picture.svg);
    top: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 30px;
}
    body.home .homeThree .text{
        text-align: center;
        margin-bottom: 50px;
    }
        body.home .homeThree .text h2{
            color: var(--color03);
            font-size: 5.5rem;
            margin-bottom: 0px;
            background-color: var(--color00);
            padding: 0px 20px;
        }
        body.home .homeThree .text span{
            color: var(--color02);
            font-size: 5rem;
            font-family: 'avb', sans-serif;
            line-height: 1.3;
            margin-bottom: 15px;
        }
        body.home .homeThree .text p{
            margin-bottom: 30px;
        }
        body.home .homeThree .slider-homeTwo button.slick-arrow{
            display: none !important;
        }
        body.home .homeThree .slider-homeTwo .slick-dots{
            margin-top: 10px;
        }
            body.home .homeThree .slider-homeTwo .slick-dots li{
                padding: 0px 5px;
            }

body.home .homeFour{
    height: 450px;
}
    body.home .homeFour .image::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
    }
    body.home .homeFour .content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 95%;
        height: 90%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
    }
        body.home .homeFour .content p.firsttitle {
            font-family: quiche-sans, sans-serif !important;
            font-weight: 400;
            font-style: normal;
            font-size: 6.5rem;
            color: var(--color00);
            margin-bottom: 0px;
            line-height: 40px;
            text-transform: uppercase;
        }
        body.home .homeFour .content p.secondtitle {
            font-family: 'avb', sans-serif;
            font-size: 5rem;
            color: var(--color02);
            margin-bottom: 0px;
        }
    
body.home .homeFive{
    padding: 100px 0px;
    max-height: 600px;
}
    body.home .homeFive .text{
        text-align: center;
        margin-bottom: 50px;
        z-index: 99;
        background-color: rgba(255, 255, 255, 0.75);
    }
        body.home .homeFive .text h2{
            color: var(--color03);
            font-size: 5.5rem;
            margin-bottom: 0px;
        }
        body.home .homeFive .text span{
            color: var(--color02);
            font-size: 5rem;
            font-family: 'avb', sans-serif;
            line-height: 1.3;
        }
        body.home .homeFive .text p{
            margin: 30px 0px;
        }
    body.home .homeFive .image {
        position: absolute;
        width: auto;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
    }
    body.home .homeFive .image img{
        width: 90%;
        height: 90%;
    }

/* 02 - La carte */
.page-template-page-carte section#contents {
    padding: 50px 0 0px 0px;
}
.page-template-page-carte .headerPage{
    overflow: visible;
}
.page-template-page-carte .blocAncre{
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 999;
}
    .page-template-page-carte .blocAncre a.bouton3{
        background-color: var(--color03);
        border: var(--color03);
        margin-left: 15px;
        margin-right: 15px;
    }
    .page-template-page-carte .blocAncre a.bouton1{
        margin-left: 15px;
        margin-right: 15px;
    }
    .page-template-page-carte .blocAncre a.bouton3:hover{
        color: white !important;
        background-color: #000 !important;
    }
    .page-template-page-carte .blocAncre a.bouton3, .page-template-page-carte .blocAncre a.bouton1{
        padding: 10px 45px 10px 45px;
    }
.page-template-page-carte section#contents:first-of-type::after{
    content: "";
    position: absolute;
    width: 330px;
    height: 525px;
    background-image: url(../img/charte/PARTAGE-carte-animation.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 20%;
    right: -6%;
}
.page-template-page-carte section#contents:nth-of-type(2n)::after{
    content: "";
    position: absolute;
    width: 330px;
    height: 525px;
    background-image: url(../img/charte/PARTAGE-carte-objetvectoriel.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 20%;
    right: 0%;
}
.page-template-page-carte h2.titlePeriod{
    margin: 15px 0px 30px 0px;
    text-transform: uppercase;
    font-size: 5.5rem;
    font-weight: normal;
}

.page-template-page-carte .blocDeuxColonne,.page-template-page-carte .blocUneColonne{
    margin-bottom: 20px;
}
.page-template-page-carte .reserveButton{
    margin-bottom: 60px;
}
    .page-template-page-carte .reserveButton a{
        cursor: pointer;
    }
.page-template-page-carte .blocPlat span.titreBLoc, .page-template-page-carte .blocVin span.titreBLoc{
    font-family: 'mm', sans-serif;
    color: var(--color02);
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.page-template-page-carte .blocPlat ul li, .page-template-page-carte .blocVin ul li{
    margin-bottom: 12px;
}
.page-template-page-carte .blocPlat ul li::before, .page-template-page-carte .blocVin ul li::before{
    display: none;
}
    .page-template-page-carte .blocPlat ul li p, .page-template-page-carte .blocVin ul li p{
        font-family: 'mm', sans-serif;
    }
        .page-template-page-carte .blocPlat ul li p span, .page-template-page-carte .blocVin ul li p span{
            font-family: 'mi', sans-serif;
            font-size: 1.3rem;
        }
    .page-template-page-carte .blocPlat ul li span, .page-template-page-carte .blocVin ul li span{
        font-family: 'mb', sans-serif;
    }

.page-template-page-carte .blocAccroche{
    height: 370px;
    margin-top: 30px;
}
    .page-template-page-carte .blocAccroche .image::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }
    .page-template-page-carte .blocAccroche .content{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 95%;
        height: 90%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        border: 1px solid var(--color00);
    }
        .page-template-page-carte .blocAccroche .content p.firsttitle{
            font-family: 'as', sans-serif;
            font-size: 6.5rem;
            color: var(--color00);
            margin-bottom: 0px;
            line-height: 40px;
        }
        .page-template-page-carte .blocAccroche .content p.secondtitle{
            font-family: 'avb', sans-serif;
            text-transform: lowercase;
            font-size: 5rem;
            color: var(--color02);
            margin-bottom: 0px;
        }



/* 03 - Menu spécial */
.page-template-page-menu-special .infoGeneral h2{
    font-family: 'mm', sans-serif;
    text-transform: uppercase;
    color: var(--color03);
    line-height: 22px;
}
    .page-template-page-menu-special .infoGeneral h2 span{
        font-family: 'avb', sans-serif;
        color: var(--color02);
        text-transform: initial;
        font-size: 4rem;
    }
.page-template-page-menu-special .infoGeneral span.date{
    font-family: 'mm', sans-serif;
    color: var(--color00);
    background-color: var(--color03);
    padding: 6px 18px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.page-template-page-menu-special .blocMenu{
    margin: 35px 0px;
    border: 2px solid var(--color02);
}
    .page-template-page-menu-special .blocMenu h3{
        color: var(--color02);
        font-family: 'as', sans-serif;
        margin-bottom: 20px;
    }
    .page-template-page-menu-special .blocMenu ul{
        margin: 0px;
    }
        .page-template-page-menu-special .blocMenu ul li{ 
            margin-bottom: 12px;
        }
        .page-template-page-menu-special .blocMenu ul li::before{
            display: none;
        }
            .page-template-page-menu-special .blocMenu ul li p{
                font-family: 'mm', sans-serif;
                padding-left: 0;
                padding-right: 0;
            }
            .page-template-page-menu-special .blocMenu ul li span{
                font-family: 'mb', sans-serif;
            }
                .page-template-page-menu-special .blocMenu ul li p span{
                    font-family: 'mi', sans-serif;
                    font-size: 1.3rem;
                }
.page-template-page-menu-special .separator{
    background-image: url(../img/charte/separator2.png);
    height: 100px;
    width: 100%;
}
.page-id-482 .blocSlider .slider-image button.slick-arrow{
    display: none !important;
}
.page-template-page-menu-special .blocResa{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
    .page-template-page-menu-special .blocResa p{
        font-family: 'mm', sans-serif;
    }
        .page-template-page-menu-special .blocResa p span{
            font-family: 'mb', sans-serif;
            text-decoration: underline;
            color: var(--color02);
            font-size: 2rem;
        }

        .specialMenu_Description{
            font-size: 1.2rem;
            line-height: 120%;
            margin-bottom: 25px;
        }



/* 04 - Contact */
.gform_heading{
    display: none;
}
.pageContact .blocContactForm{
}
.pageContact .blocRight{
    padding: 0px 0px;
}
    .pageContact .blocImage{
       height: 40%;
    }
    .pageContact .infoSup{
        height: 20%;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        background-color: var(--color03);
        padding: 15px 0px;
        color: var(--color00);
    }
        .pageContact .infoSup .text{
            font-family: 'mr', sans-serif;
            font-size: 1.6rem;
            color: var(--color00);
        }
    .pageContact .blocMap{
        height: 40%;
    }
    .pageContact .blocForm{
        z-index: 3;
        overflow: visible;
        background-color: var(--color03);
        padding: 35px 50px;
    }
        .pageContact .blocForm h2{
            color: white;
            font-family: 'mr', sans-serif;
            text-transform: uppercase;
            font-size: 3rem;
            margin-bottom: 15px;
        }

        .pageContact .blocForm form li{
            padding: 0px;
        }
        .pageContact .blocForm form li::before{
            display: none;
        }
            .pageContact .blocForm form li label{
                color: white;
                font-family: 'ml', sans-serif;
                text-transform: uppercase;
            }
                .pageContact .blocForm form li label span{
                    color: white;
                }
            .pageContact .blocForm form li input, .pageContact .blocForm form li textarea{
                border: 0px;
            }
            .pageContact .blocForm form li#field_1_9 a{
                color: var(--color00);
                font-family: 'ml', sans-serif;
                font-style: inherit;
                font-weight: normal;
            }
        .pageContact .blocForm form li#field_1_6 input#input_1_6_1{
            margin: 0px;
        }
        .pageContact .blocForm form li#field_1_6 label.gfield_consent_label{
            text-transform: initial;
            font-family: 'mr', sans-serif;
        }
        .pageContact .blocForm form .gform_footer{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
            .pageContact .blocForm form .gform_footer #gform_submit_button_1{
                margin: 0 auto;
                background-color: var(--color02);
                color: var(--color00);
                padding: 12px 25px;
                text-transform: uppercase;
                border: 2px solid var(--color02);
                font-family: 'mm', sans-serif;
                cursor: pointer;
                -webkit-transition: color 0.5s, background 0.5s;
                -o-transition: color 0.5s, background 0.5s;
                transition: color 0.5s, background 0.5s;
            }
            .pageContact .blocForm form .gform_footer #gform_submit_button_1:hover{
                background-color: var(--color00);
                color: var(--color02);
                border: 2px solid var(--color02);
            }
    .pageContact #gform_confirmation_wrapper_1{
        border-bottom: 2px solid green;
    }

/* 05 - Offrir */
.modaal-wrapper #footer,
.modaal-wrapper .headerPage,
.modaal-wrapper #header{
    display: none;
}
.page-template-page-offrir .headerPage{
    overflow: visible;
}
.page-template-page-offrir .blocAncre a.bouton3 {
    margin-left: 15px;
}
.page-template-page-offrir .blocAncre a.bouton3:hover {
    color: white !important;
    background-color: #000 !important;
}
.page-template-page-offrir .blocAncre a.bouton3, .page-template-page-offrir .blocAncre a.bouton1 {
    padding: 10px 45px 10px 45px;
}

.page-template-page-offrir .blocAncre {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 999;
}

.page-template-page-offrir .offrirBlocOne .intro{
    margin-bottom: 40px;
}
.page-template-page-offrir .offrirBlocOne .explication ol li{
    margin-bottom: 10px;
}
.page-template-page-offrir .offrirBlocOne .explication .image{
    text-align: center;
}

.page-template-page-offrir .offrirBlocTwo{
    margin-top: 60px;
}
    .page-template-page-offrir .offrirBlocTwo .titre{
        margin-bottom: 40px;
    }
        .page-template-page-offrir .offrirBlocTwo span#section-diner{
            color: var(--color02);
            font-family: 'mm', sans-serif;
            font-size: 1.4rem;
            margin-bottom: 8px;
        }
        .page-template-page-offrir .offrirBlocTwo h2{
            margin-top: 8px;
        }

.page-template-page-offrir .offrirBlocThree{
    margin-top: 80px;
}
    .page-template-page-offrir .offrirBlocThree .titre{
        margin-bottom: 40px;
    }
        .page-template-page-offrir .offrirBlocThree h2{
            margin-top: 8px;
        }
        .page-template-page-offrir .offrirBlocThree .sejourTitle{
            margin: 20px 0px;
        }
        .page-template-page-offrir .offrirBlocThree span#section-sejour{
            color: var(--color02);
            font-family: 'mm', sans-serif;
            font-size: 1.4rem;
            margin-bottom: 8px;
        }
        .page-template-page-offrir .offrirBlocThree .SejourItem{
            margin-bottom: 30px;
            position: relative;
        }
            .page-template-page-offrir .offrirBlocThree .SejourItem ul{
                margin-bottom: 20px;
            }
                .page-template-page-offrir .offrirBlocThree .SejourItem ul li{
                    padding: 8px 0px 8px 14px;
                }
                .page-template-page-offrir .offrirBlocThree .SejourItem ul li::before {
                    top: 14px !important;
                }
/* 
.page-template-page-offrir .offrirBlocTwo .DinerItem:nth-of-type(2n+1){
    padding-right: 32px !important;
}
.page-template-page-offrir .offrirBlocTwo .DinerItem:nth-of-type(1n+2){
    padding-left: 32px !important;
}
.page-template-page-offrir .offrirBlocThree .SejourItem:nth-of-type(2n+1){
    padding-left: 32px !important;
}
.page-template-page-offrir .offrirBlocThree .SejourItem:nth-of-type(2n+2){
    padding-right: 32px !important;
} */
    .page-template-page-offrir .DinerItem .image, .page-template-page-offrir .SejourItem .image{
        min-height: 220px;
        width: 100%;
        margin-bottom: 20px;
    }
    .page-template-page-offrir .DinerItem span.pers, .page-template-page-offrir .SejourItem span.pers{
        font-family: 'mm', sans-serif;
        font-size: 1.2rem;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .page-template-page-offrir .DinerItem h3, .page-template-page-offrir .SejourItem h4{
        font-family: 'mr', sans-serif;
        font-size: 2rem;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .page-template-page-offrir .DinerItem p.desc, .page-template-page-offrir .SejourItem p.desc{
        font-family: 'mm', sans-serif;
        font-size: 1.3rem;
        margin-bottom: 40px;
    }
    .page-template-page-offrir .DinerItem div.button, .page-template-page-offrir .SejourItem div.button{
        max-height: 60px;
    }
        .page-template-page-offrir .DinerItem div.prix, .page-template-page-offrir .SejourItem div.prix{
            font-family: 'mr', sans-serif;
            font-size: 2.5rem;
            border: 1px solid var(--color01);
            padding: 2px 5px;
        }
        .page-template-page-offrir .DinerItem a.bouton1, .page-template-page-offrir .SejourItem a.bouton1{
            padding: 11px 20px 11px 20px;
        }

.page-template-page-offrir .blocAccroche {
    height: 400px;
    margin-top: 30px;
}
    .page-template-page-offrir .blocAccroche .content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 95%;
        height: 90%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        border: 1px solid var(--color00);
    }
    .page-template-page-offrir .blocAccroche .image::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }
        .page-template-page-offrir .blocAccroche .content p.firsttitle {
            font-family: 'as', sans-serif;
            font-size: 6.5rem;
            color: var(--color00);
            margin-bottom: 0px;
            line-height: 40px;
        }
        .page-template-page-offrir .blocAccroche .content p.text {
            margin-top: 30px;
            margin-bottom: 30px;
            color: var(--color00);
        }

.page-template-page-offrir .confianceBloc h3 {
    font-size: 2.5rem;
    font-family: "mr", sans-serif;
    text-align: center;
    margin-bottom: 20px;
}
.page-template-page-offrir .confianceBloc span.title {
    font-size: 1.5rem;
    font-family: "mm", sans-serif;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 15px;
    color: var(--color02);
    text-transform: uppercase;
}
.page-template-page-offrir .confianceBloc p {
    font-size: 1.4rem;
    text-align: center;
}
.page-template-page-offrir .confianceBloc .iconList {
    padding: 20px 0px !important;
}
.page-template-page-offrir .confianceBloc span.imprimante {
    background-image: url('../img/charte/Partage-Imprimer.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
    width: 50px;
    height: 50px;
    display: block;
}
.page-template-page-offrir .confianceBloc span.pouce {
    background-image: url('../img/charte/Partage-facile.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
    width: 50px;
    height: 57px;
    display: block;
}
.page-template-page-offrir .confianceBloc span.carte {
    background-image: url('../img/charte/Partage-paiement.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
    width: 50px;
    height: 50px;
    display: block;
}


/* 06 épicerie */

body.page-id-923.epicerie .bloc-introduction p {
    font-size: 2rem !important;
    font-family: 'mb', sans-serif;
}
body.page-id-923.epicerie p em{
    font-family: 'avb', sans-serif;
    font-size: 3.8rem;
    margin-top: 50px;
}
body.page-id-923.epicerie .bloc-texte-colonnes{
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}



/* CTA en immersion */

.immersionCTA span.subtitle{
    font-family: 'avb', sans-serif;
        text-transform: initial;
        font-size: 4.2rem;
        margin: 0px;
        color: var(--color02);

}


@media screen and (min-width: 200px) and (max-width: 1200px){

    body.home .homeTwo .vignetteItem {

        width: calc((100% - 10vw)/2);
    }

    body.home .homeTwo .vignetteItem .content h3 a{
        color: var(--color00);
        font-family: quiche-sans, sans-serif !important;
        font-weight: 400;
        font-style: normal;
        font-size: 3.2rem;
        line-height: 2.5rem;
    }
    body.home .homeTwo .vignetteItem .content h3 span{
        color: var(--color02);
        font-family: "avb", sans-serif;
        font-size: 4.2rem;
        line-height: 5rem;
        text-transform: initial;
    }
}

.page-template-page-menu-fetes #wrapperInner ul li::before{
    display: none;
}

.page-template-page-menu-fetes #wrapperInner hr{
    width: 50px;
    height: 2px;
    background-color: var(--color02);
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.page-template-page-menu-fetes .headerPage::before{
    display: none;
}