@media only screen and (min-width: 1441px) {
	.form-float.no-mobile .form.form2 #BtnLaunchBooking{width:100%;}
}
@media only screen and (max-width: 1441px) {
	.form2 .form-float form .form-date label, .co-widget-col-5.co-widget-trip .co-widget-col-7.co-widget-date label, 
	.form2 .co-widget-col-5.co-widget-trip .co-widget-col-5.co-widget-duration label, 
	.form2 #ConstellationWidget .co-widget-col-6.co-widget-room, 
	.form2 #lblTitleNbLoc{
		font-size: 15px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
	.homebigimage{min-height: 790px;}
	#sectBanniere h1.titre, #sectBanniere div.titre, .titre.titre-long{padding-left:30px!important;}
}
@media only screen and (min-width: 766px) and (max-width: 1440px) {
    .mainTxtImg .contentImg .imgSecond,.mainTxtImg .contentImg .imgfirst{
        height: 100%;
    }
    #sectBanniere .caption{
        top: 60%;
    }
    #navigation .cntNav > li a {
        margin: 0 0 0 25px;
    }
    .form-float form .form-date .btns button,
	#BtnLaunchBooking{
        width: 95%;
    }
    .form-float{
        bottom: 2%;
    }
    #ImageTexte.restaurant .mainTxtImg .contenTxt{
        padding: 3rem 0;
    }
    #ImageTexte.restaurant .mainTxtImg .contentImg .imgfirst {
        height: 65vh;
    }
    #ImageTexte.restaurant.hotel .mainTxtImg .contentImg .imgfirst {
        height: 100%;
    }
    .nav-chambres img{
        height: 105px;
    }
    .slider-chambres img{
        height: 73vh;
    }
    #sectBanniere.chambres .homebigimage .left{
        margin-top: 2rem;
    }
    #ImageTexte.chambres.fond2 .infos li{
        margin-right: 1rem;
    }
    #ImageTexte.chambres .infos li{
        margin-right: 1rem;
    }
}

@media screen and (min-width: 993px) {
    #navigation .nav-rsmobile,
    #navigation .reserve-btn,
    .no-desktop,
    .no-desktop-flex {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
	#sectBanniere{position:static;}
    #navigation .cntNav .sub-menu {
        display: none;
        padding-left: 0;
        width: 100%;
        list-style: none;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 15px 60px #89898929;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
    }
    #navigation .cntNav > li{
        width: 210px !important;
    }
    #navigation .cntNav .menu-item-has-children .sub-menu > li a{
        padding: 10px 15px;
    }
    #navigation .cntNav > li{
        position: relative;
        width: 100%;
    }
    #navigation .cntNav > li button{
        background: transparent;
        border: none;
        color: #3a5a68;
        font-size: 0;
        position: absolute;
        top: 3px;
        right: 0;
    }
    #navigation .cntNav > li button::before {
        color: inherit;
        content: "";
        display: block;
        background: url(../img/arroww.png) no-repeat center;
        width: 15px;
        height: 10px;
        background-size: contain;
        margin-right: 1rem;
        transform: rotate(180deg);
        position: relative;
        bottom: -5px;
        transition: all .5s ease-in-out;
    }
    #navigation .cntNav > li button.open::before{
        transform: rotate(0);
    }
    #gdrf-form {
        width: 100%;
    }
    .gdrf-data-type-input, .gdrf-data-type-label {
        display: inline-block;
        font-size: 14px;
    }
    #gdrf-form input[type="submit"]{
        font-size: 14px;
    }
    #sectParralax.chambres{
        background-attachment: inherit !important;
    }
    .head-stick .wpml-ls-legacy-dropdown-click a, .head-stick .wpml-ls-legacy-dropdown-click a:hover, .home .wpml-ls-legacy-dropdown-click a, .home .wpml-ls-legacy-dropdown-click a:hover{
        text-shadow: 2px 2px 3px #000;
    }
    #ImageTexte.chambres .infos{
        flex-wrap: wrap;
    }
    #ImageTexte.chambres .infos li{
        margin-top: 1rem;
        margin-right: 1rem;
    }
    html,body{overflow-x: hidden;margin-bottom: 58px;} 
    #navigation .cntNav > li a {
        padding: 0 16px;
        margin: 0;
    }
    #sectBanniere .banniereIntern .captionBanniere {
        top: 34%;
    }
    #sectBanniere .banniereIntern .titleBanniere {
        top: 150px;
    }
    .bg-black::before {
        left: 0;
    }
    .bg-black {
        padding-left: 30px;
    }
    .form-float form{
        flex-wrap: wrap;
    }
    #sectHeader .header-top{
        background: rgba(58,90,104,1);
        padding: 10px 0;
    }
    .box-link{
        color: #fff;
    }
    #sectHeader .header-top .header-info .listrs .itemrs a .white {
        opacity: 1;
    }
    #sectHeader .logo img {
        width: 65%;
    }
    #sectHeader .header-top .header-info .listrs {
        margin-left: 10px;
    }
    #langue{
        margin: 0 0 0 10px;
    }
    #sectHeader .header-top .header-btn{
        display: none !important;
    }
    #sectHeader .header-top .row > div{
        width: 50%;
    }
    #sectHeader .header-top .row > div:first-child{
        padding-right: 0;
    }
    #sectHeader .header-top .row > div:last-child{
        padding-left: 0;
    }
    .cntNavigation .logo{
        padding: 10px 0;
    }
    .item-img-home img,.item-img-home::after{
        clip-path: inherit;
    }
    .item-img-home{
        right: 0;
    }
    .btn-float {
        font-size: 16px;
        padding: 20px 30px 15px 20px;
        line-height: 16px;
        top: inherit;
        bottom: 1rem;
        border-radius: 50px;
        left: 50%;
        transform: translateX(-50%);
    }
    .btn-mob .btn-float{
        position: relative;
        top: inherit;
        left: inherit;
        transform: inherit;
        bottom: inherit;
        padding: 12px 30px 7px 20px;
    }
    .btn-mob{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 10px 15px;
        text-align: center;
        background: #fff;
        z-index: 100;
    }
    .btn-mob::after {
        content: "";
        position: absolute;
        width: 100vw;
        height: 100%;
        background: #fff;
        display: block;
        top: 0;
        z-index: -1;
        left: 50%;
        transform: translateX(-50%);
    }
    #sectBanniere{
        height: calc(100vh - 176px);
        margin-top: 176px;
    }
    .homebigimage .col-sm-4{
        display: none;
    }
    #sectBanniere .caption h1 {
        font-size: 30px;
        line-height: 40px;
        color: #fff;
        margin-bottom: 15px;
    }
    #sectBanniere .caption p {
        font-size: 13px;
        line-height: 20px;
        color: #fff;
    }
    .homebigimage {
        min-height: auto;
        height: 100%;
    }
    #sectBanniere .caption {
        position: absolute;
        top: 50%;
        left: 0;
        transform: inherit;
    }
    .form-float {
        position: relative;
        width: 100%;
        bottom: 0;
        left: 0;
        transform: inherit;
        background: #613441;
        padding: 15px 30px;
        border-radius: 50px;
        margin: 2rem 0;
    }
    .form-float form{
        flex-direction: column;
    }
    .form-float form .titres,
    .form-float .form .titres {
        font-size: 20px;
        border-right: none;
        padding: 0;
        text-align: center;
        margin-bottom: 1rem;
    }
    .form-float form .form-date {
        display: flex;
        align-items: center;
        width: 100%;
        padding-left: 0;
        flex-wrap: wrap;
    }
    .form-float form .form-date .date1, .form-float form .form-date .date2, .form-float form .form-date .nbr {
        width: 100%;
        padding-right: 0;
        position: relative;
        margin-bottom: 1.5rem;
    }
    .form-float form .form-date .btns,.mainTxtImg .contentImg{
        width: 100%;
    }
    .form-float form .form-date label,
	.co-widget-col-5.co-widget-trip .co-widget-col-7.co-widget-date label,
	.co-widget-col-5.co-widget-trip .co-widget-col-5.co-widget-duration label{
        font-size: 15px;
    }
    .btn-float img {
        width: 25px;
    }
    #ImageTexte .mainTxtImg{
        flex-direction: column;
        flex-wrap: wrap;
    }
    #ImageTexte.dg .mainTxtImg {
        flex-direction: column;
    }
    #ImageTexte{
        margin-bottom: 2rem;
    }
    .mainTxtImg .contentImg .imgfirst,.mainTxtImg .contentImg .imgSecond {
        width: 49%;
        height: 300px;
    }
    .fond-texte .mainTxtImg .contentImg {
        padding: 0;
    }
    .mainTxtImg .contenTxt {
        width: 100%;
        padding: 0 15px 0 15px;
    }
    .mainTxtImg .contenTxt h2 {
        margin: 2rem 0 1rem 0;
        font-size: 30px;
    }
    .mainTxtImg .contenTxt p {
        font-size: 14px;
    }
    .btn, a.btn{
        font-size: 18px;
        padding: 10px 30px;
    }
    .mainTxtImg .contenTxt .btn {
        margin: 0 0 2rem 0;
    }
    #sectParralax{
        padding: 3rem 15px;
        background-attachment: initial !important;
    }
    #sectParralax .sectParralaxTxt h2 {
        font-size: 30px;
        line-height: 35px;
    }
    #sectParralax .sectParralaxTxt p {
        margin: 2rem 0;
        font-size: 14px;
    }
    #sectParralax .sectParralaxTxt p br{
        display: none;
    }
    #sectNews .titlenews {
        padding: 2rem 0;
    }
    #sectNews {
        padding: 0 15px;
    }
    #sectNews .titlenews h2{
        font-size: 30px;
    }
    .boxList .item .cntimg,.boxList .item .cntimg img{
        width: 300px;
        height: 300px;
        margin-bottom: 1rem;
    }
    .boxList .cnt-item .cnttxt{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: .5rem;
    }
    .boxList .btnnews {
        font-size: 15px;
        padding: 10px 25px;
    }
    #sectFooter {
        padding: 25px 0 25px 0;
        text-align: center;
    }
    #sectFooter h4{
        font-size: 20px;
        margin-bottom: 10px;
    }
    #sectFooter address {
        font-size: 15px;
    }
    #sectFooter .logoFooter {
        margin: 0 auto 1.5rem auto;
    }
    #sectFooter .listrs {
        justify-content: center;
    }
    #sectFooter .listrs .itemrs{
        margin: 0 5px;
    }
    #sectFooter .row > div{
        width: 100%;
    }
    #sectFooter .cntnav{
        margin: 1.5rem 0 0 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    #sectBanniere.page {
        margin-top: 176px;
        height: auto;
        margin-bottom: 30px;
    }
    .breadcrumb{
        padding-top: 1rem;
    }
    #sectBanniere.page .homebigimage{
        height: auto;
    }
    #sectBanniere.page .homebigimage .img-page {
        height: 30vh;
    }
    #sectBanniere.page .homebigimage .titre{
        font-size: 30px;
    }
    #sectHeader.page .header-top .header-btn {
        color: #fff !important;
        border-color: #fff;
    }
    .page #langue {
        color: #fff;
    }
    .page #langue {
        background: url(../img/arrow.png) no-repeat center right;
    }
    #sectBanniere.page .homebigimage .titre{
        padding: 10px 15px;
    }
    #sectBanniere.page .homebigimage .titre div{
        width: 100%;
        text-align: center;
    }
    .breadcrumb {
        justify-content: center;
        padding-right: 0;
    }
    #content-galerie {
        margin: 0;
    }
    #content-galerie h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 25px;
    }
    #content-galerie p,
	#content-galerie .texte li{
        font-size: 15px;
        line-height: 20px;
    }
    #content-galerie .galerie {
        margin: 30px 0 10px 0;
        flex-wrap: wrap;
    }
    #content-galerie .galerie li {
        width: 48%;
        margin-right: 10px;
        margin-bottom: 15px;
        height: 250px;
    }
    #content-galerie .galerie li:nth-child(2n){
        margin-right: 0;
    }
    #sectNews.page .titlenews {
        padding: 0;
    }
    #sectBanniere.page .homebigimage .titre{
        height: auto;
    }
    #content-galerie .infos{
        width: auto;
        margin: 30px auto 0 auto;
    }
    #content-galerie .infos .jour{
        font-size: 15px;
        line-height: 15px;
        padding-right: 5px;
        margin-right: 1rem;
        text-align: center;
    }
    #content-galerie .infos .horaires{
        font-size: 15px;
        display: flex;
        align-items: center;
    }
    #content-galerie .infos .jour img {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: .5rem;
    }
    #midi .contour{
        width: auto;
        padding: 45px 0 5px 0;
    }
    #midi .contour p {
        font-size: 20px;
        line-height: 25px;
    }
    #midi .contour h2{
        font-size: 30px;
    }
    #midi h2.titre {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    #ImageTexte.restaurant .cantour {
        width: auto;
        min-width: 250px;
    }
    #ImageTexte.restaurant .cantour .titre {
        font-size: 35px;
        margin-bottom: 10px;
        line-height: 40px;
    }
    #ImageTexte.restaurant .cantour p {
        font-size: 20px;
        line-height: 30px;
    }
    #ImageTexte.restaurant .mainTxtImg .contenTxt {
        padding: 5rem 0 3rem 0;
    }
    #ImageTexte.restaurant .cantour .prix {
        font-size: 20px;
    }
    #soir .nav-tabs .nav-link {
        font-size: 18px;
    }
    #soir .nav-tabs .nav-item {
        margin: 0;
    }
    #soir .nav-tabs .nav-link::after{
        width: 100%;
    }
    #soir .card-body{
        margin-top: 0;
    }
    #soir .card-body .liste-menu li {
        width: 100%;
        padding-right: 0;
        margin-bottom: 5px;
    }
    #soir .card-body{
        padding-left: 0;
        padding-right: 0;
        min-height: auto;
    }
    #soir .card-body .liste-menu .nom {
        font-size: 15px;
    }
    #cta ul{
        flex-wrap: wrap;
    }
    #cta ul li{
        margin: 0;
        flex-direction: column;
        margin-bottom: 1.5rem;
    }
    #cta ul li:last-child{
        margin-bottom: 0;
    }
    #cta p{
        font-size: 20px;
        line-height: 30px;
    }
    #cta {
        margin-top: 0px;
    }
    #sectParralax.page .titre {
        font-size: 20px;
        line-height: 30px;
    }
    #vins {
        margin-top: 30px;
    }
    #vins .box-img {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }
    #vins h2{
        font-size: 30px;
        margin-bottom: 30px;
    }
    #vins .titre {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    #vins p {
        font-size: 15px;
        line-height: 20px;
    }
    #vins p br{
        display: none;
    }
    #vins .btn{
        margin-top: 20px;
        font-size: 15px;
    }
    #ImageTexte.hotel {
        margin-top: 30px;
    }
    #ImageTexte.hotel h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    #ImageTexte.hotel .mainTxtImg .contenTxt {
        padding: 2rem 15px 1.5rem 15px;
    }
    #ImageTexte.hotel h3 {
        font-size: 30px;
        line-height: 40px;
    }
    #ImageTexte.hotel p {
        font-size: 17px;
        line-height: 25px;
    }
    #ImageTexte.hotel p em {
        font-size: 15px;
        line-height: 20px;
    }
    #soir .nav-tabs::after {
        width: 81%;
    }
    .nav-chambres{
        padding: 20px 30px;
    }
    .nav-chambres img {
        height: 100px;
    }
    #sectBanniere.chambres .homebigimage {
        height: auto;
        flex-direction: column-reverse;
    }
    .slider-chambres img {
        height: calc(100vh - 176px);
    }
    #sectBanniere.chambres .caption .box .prix{
        color: #613441;
        font-size: 22px;
        /* font-family: "afta_serifregular"; */
		font-family: "Montserrat", sans-serif;
    }
    #ImageTexte.chambres .mainTxtImg .contentImg .imgfirst .chiffres{
        font-size: 20px;
    }
    #sectBanniere.chambres .caption .box .chiffres{
        font-size: 20px;
    }
    #sectBanniere.chambres .caption .box {
        margin: -40px 25px 20px 30px;
    }
    #sectBanniere.chambres .caption .infos, #sectBanniere.chambres .caption {
        flex-wrap: wrap;
        justify-content: center;
    }
    #sectBanniere.chambres .caption .infos li{
        font-size: 15px;
        margin: 0 30px;
        padding-bottom: 10px;
    }
    #sectBanniere.chambres .caption {
        bottom: inherit;
        top: 50%;
    }
    #sectParralax.chambres {
        margin-bottom: 40px;
        padding: 30px 0;
    }
    #sectParralax.chambres .titre {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    #sectParralax.chambres .liste-1 li {
        font-size: 17px;
    }
    #dispo h2 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    #datepicker3 .ui-datepicker-inline .ui-datepicker-group:first-child {
        margin-right: 0;
    }
    #datepicker3 .ui-datepicker-inline{
        flex-direction: column;
    }
    #datepicker3,#datepicker3 .ui-datepicker-inline .ui-datepicker-group{
        width: 100%;
    }
    #datepicker3 .ui-datepicker-header a.ui-datepicker-prev{
        left: 1rem;
        top: 15px;
    }
    #datepicker3 .ui-datepicker-header a.ui-datepicker-next{
        right: 1rem;
        top: -16px;
    }
    #dispo .date {
        margin: 0 0 50px 0;
        flex-direction: column;
    }
    #dispo .date li{
        font-size: 18px;
        margin: 5px 0;
    }
    #dispo .form-float form .form-date .date1,#dispo  .form-float form .form-date .date2,#dispo  .form-float form .form-date .nbr{
        padding-right: 17px;
    }
    #dispo {
        margin-bottom: 50px;
    }
    #ImageTexte.chambres h2,#ImageTexte.chambres.fond2 h3, #ImageTexte.chambres.fond2 h2,#sectNews .titlenews h2, #sectNews .titlenews h3,#sectNews .titlenews .titres {
        font-size: 30px;
        margin-bottom: 20px;
        text-align: center;
    }
    #ImageTexte.chambres.fond2 h3, #ImageTexte.chambres.fond2 h2 {
        margin-top: 0;
    }
    #ImageTexte.chambres.fond2 h3::after, #ImageTexte.chambres.fond2 h2::after{
        bottom: -15px;
    }
    #ImageTexte.chambres.fond2 .infos li{
        margin-right: 10px;
    }
    #ImageTexte.chambres.fond2 .infos li:last-child{
        margin-right: 0;
    }
    #ImageTexte {
        margin-bottom: 0;
    }
    .chambres .mainTxtImg .contenTxt{
        padding: 2rem 15px;
    }
    #ImageTexte.chambres.fond2 h3,#ImageTexte.chambres h3{
        font-size: 30px;
        margin-bottom: 30px;
    }
    #ImageTexte.chambres.fond2 h3::after,#ImageTexte.chambres h3::after{
        width: 100%;
        bottom: -15px;
    }
    #ImageTexte.chambres.fond2 .infos li,#ImageTexte.chambres .infos li{
        font-size: 15px;
    }
    #datepicker3 .ui-datepicker-title, #datepicker3 .ui-datepicker-calendar thead th {
        font-size: 17px;
    }
    #datepicker3 .ui-datepicker-calendar tbody td a{
        font-size: 15px;
    }
    .liste-chambres {
        margin-top: 70px;
    }
    #sectHeader.head-stick .cntNavigation .btnBox {
        top: 78px;
    }
    .liste-chambres #ImageTexte:nth-child(2n) .mainTxtImg{
        flex-direction: column;
    }
    .liste-chambres #ImageTexte:last-child .mainTxtImg .contentImg {
        padding: 0;
    }
    #modalreserver .close {
        position: absolute;
        right: 1.5rem;
    }
    #utilityNav,#primaryNav {
        max-width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }
    #primaryNav.col7 li {
        width: 100%;
        margin: 0;
        padding: 0 0 5px 0 !important;
    }
    #primaryNav.col7{
        margin-top: 2rem !important;
    }
	
	.form.form2{align-items: center;justify-content: space-between;flex-direction: column;}
	.form2 > div:not(.titres){padding-left:0;width:100%!important;}
	.form2 #ConstellationWidget, .form2 .co-widget-col-5.co-widget-trip{flex-direction: column;}
	.form2 .co-widget-col-5.co-widget-trip .co-widget-col-7.co-widget-date, .form2 .co-widget-col-5.co-widget-trip .co-widget-col-5.co-widget-duration{margin-bottom:1.5rem;width:100%;}
	.form-float.no-mobile{top:calc(50% + 100px);}
    #sectNews .slick-prev{
        background: url(../img/next.png) no-repeat center;
        background-size: contain;
        font-size: 0;
        border: none;
        padding: 0;
        margin: 0;
        width: 30px;
        height: 30px;
        transform: translateY(-50%) rotate(180deg);
        position: absolute;
        top: 50%;
        left: 5px;
        z-index: 1;
    }
    #sectNews .slick-next{
        background: url(../img/next.png) no-repeat center;
        background-size: contain;
        font-size: 0;
        border: none;
        padding: 0;
        margin: 0;
        width: 30px;
        height: 30px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 5px;
        z-index: 1;
    }
    #sectBanniere.page .homebigimage .titre{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .page-template-tpl-chambres #content-galerie, .page-template-tpl-restaurant #content-galerie, .page-template-tpl-evenements #content-galerie{margin-top:130px;}
	.tribe-events-page-template .tribe-events-view--list, .tribe-events-page-template .tribe-events-view--month, .tribe-events-page-template .tribe-events-view--day{margin-top:30px;}
	#tribe-events-pg-template{margin-top:120px;padding-left:15px;padding-right:15px;}
	.tribe-events-single .tribe-events-sub-nav{padding-left:0;}
}
@media screen and (max-width: 992px) {  
    #sectHeader{z-index:2147483000;}
	.no-desktop {
        display: block!important;
    }
    .no-desktop-flex {
        display: flex!important;
    }
    .no-mobile {
        display: none!important;
    }
    #sectHeader .header-top > .header-info,
    #sectHeader .header-top > .header-btn {
        display: none;
    }  
    #sectHeader .cntNavigation .btnBox {
        position: absolute;
        top: 100px;
        right: 25px;
        z-index: 100;
        cursor: pointer;
    }
    #btnnav .btninter {
        flex: 0 0 42px;
        max-width: 42px;
    }
    #btnnav span {
        display: block;
        height: 2px;
        width: 35px;
        background: #3a5a68;
        opacity: 1;        
        transform-origin: left;
        margin-left: auto;
        margin-right: auto;
        transition: all .3s ease-in-out;
    }
    #btnnav span:first-child {
        margin-bottom: 8px;
    }
    #btnnav span:last-child {
        margin-top: 8px;
    }
    #btnnav.active span:nth-child(2) {
        opacity: 0;
        width: 0;
    }
    #btnnav.active span:first-child,
    #btnnav.active span:last-child {
        width: 30px;
    }
    #btnnav.active span:first-child {
        transform: rotate(45deg) translate(11px, -9px);
    }
    #btnnav.active span:last-child {
        transform: rotate(-45deg) translate(8px, 11px);
    }
    #btnnav {
        height: 42px;
        width: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #sectHeader .cntHeader {
        box-shadow: 0px 3px 30px #00000029;
    }
    #navigation {
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        background: #ffffff;
        padding-top: 40px;
        padding-bottom: 30px;
        z-index: -1;
        transition: all .3s ease-in-out;
    }
    .open #navigation {
        top: 55px;
        z-index: 1;
        padding-top: 20%;
    }
    #sectHeader.head-stick #navigation {
        height: calc(100vh - 64px);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #sectHeader.open {
        background: #000000;
    }
    #navigation .cntNav {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #navigation {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 0;
        height: calc(100% - 64px);
    }
    .head-stick #navigation,
    .pg-inter #navigation {
        height: calc(100% - 71px);
    }
    #navigation .cntNav > li {
        margin-bottom: 13px;
        flex-direction: column;
    }
    #navigation .cntNav > li a {
        color: #000000;
    }
    #navigation .menu-item-has-children .subitem {
        width: auto;
        opacity: 1;
        visibility: visible;
        position: relative;
        top: 0;
        left: 0;                
        transform: translateX(0);
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        border: none;
        text-align: center;
        box-shadow: none;
        height: 0;
        transition: all .3s ease-in-out;
        overflow: hidden;
    }
    #navigation .cntNav {
        margin-right: 0;
        margin-left: 0;
        margin-top: 20px;
        text-align: center;
    }
    #navigation .nav-rsmobile .box-link {
        display: inline-block;
        font-family: "orpheuspro";
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #000;
        margin-bottom: 25px;
    }
    #navigation .listrs {
        margin-bottom: 20px;
    }
    #navigation .reserve-btn .btn {
        width: 100%;
    }
    #sectHeader .cntNavigation {
        padding-top: 0;
        background: #fff;
    }
    #sectBanniere .banniereIntern .captionBanniere .cntArrows {
        display: none;
    }
    #sectBanniere .banniereIntern {
        height: 100vh;
    }
    #sectBanniere .banniereIntern .captionBanniere {
        top: 46%;
    }
    #sectBanniere .banniereIntern .titleBanniere {
        top: 200px;
    }
    #sectHeader.head-stick .cntNavigation{
        padding: 0;
    }
    #ImageTexte.chambres .btns{
        justify-content: center;
    }
	#modalreserver{margin-top:15px;z-index:2147483010;}
}

@media (min-width: 481px) and (max-width: 700px) {
    #sectHeader.head-stick .cntNavigation .btnBox {
        top: 59px;
      }
      #dispo .form-float {
        width: 100%;
        right: inherit;
      }
      #sectHeader .logo img {
        width: 60%;
      }
      
}
@media (min-width: 768px) and (max-width: 1024px) {
    .liste-chambres #ImageTexte:nth-child(2n) .mainTxtImg{
        flex-direction: row-reverse !important;
    }
    .btn-float.no-mobile{
        display: none !important;
    }
    .btn-mob.no-desktop{
        display: block !important;
    }
    #sectHeader .cntNavigation .btnBox {
        position: absolute;
        top: 84px;
    }
    #sectHeader .logo img {
        width: 100%;
    }
    #ImageTexte.dg .mainTxtImg {
        flex-direction: row-reverse !important;
    }
    #sectBanniere .row > .col-sm-8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .form-float {
        position: absolute;
        width: 50%;
        bottom: inherit;
        left: inherit;
        transform: inherit;
        background: #613441;
        padding: 15px 30px;
        border-radius: 50px;
        margin: 0;
        right: 15px;
        transform: translateY(-50%);
        top: 370px;
    }
    .form-float form .form-date .date1::after, .form-float form .form-date .date2::after{
        right: 0;
    }
    .no-desktop {
        display: none !important;
    }
    .no-mobile {
        display: block !important;
    }
    .form-float {
        transform: translateY(-50%);
        top: calc(50% + 160px);
    }
    #ImageTexte{
        margin-bottom: 0 !important;
    }
    #ImageTexte .mainTxtImg {
        flex-direction: row !important;
    }
    .mainTxtImg .contentImg .imgfirst, .mainTxtImg .contentImg .imgSecond {
        height: 100%;
    }
    #sectBanniere .col-sm-4{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .boxList .item .cntimg, .boxList .item .cntimg img {
        width: 230px;
        height: 230px;
    }
    .footerNav ul {
        display: flex !important;
    }
    .footerNav ul li {
        margin-left: 5px;
        list-style: none;
    }
    #sectBanniere.page .homebigimage, #sectBanniere.page .homebigimage .img-page {
        height: 30vh;
    }
    #content-galerie p br{
        display: none;
    }
    #content-galerie .galerie li {
        width: 49%;
    }
    #content-galerie .infos .jour {
        font-size: 21px;
        line-height: 21px;
        padding-right: 2rem;
        margin-right: 1.4rem;
        text-align: center;
    }
    #content-galerie .infos .horaires {
        font-size: 18px;
    }
    #ImageTexte.restaurant .mainTxtImg .contentImg .imgfirst {
        height: 40vh;
    }
    #soir .nav-tabs .nav-link {
        font-size: 25px;
    }
    #cta ul li{
        margin: 0 1rem;
    }
    #sectParralax.page .titre {
        font-size: 25px;
        line-height: 35px;
    }
    #soir .nav-tabs::after {
        width: 48%;
    }
    #sectBanniere.chambres .homebigimage{
        height: auto;
        flex-direction: row;
    }
    .slider-chambres img {
        height: 60vh;
    }
    #datepicker3, #datepicker3 .ui-datepicker-inline .ui-datepicker-group {
        width: 50%;
    }
    #dispo .date{
        flex-direction: row;
    }
    #dispo .date li {
        font-size: 15px;
        margin: 5px 2rem;
    }
    #dispo .form-float{
        top: 0;
    }
    #primaryNav.col8 li {
        width: 33.33%;
    }
    #primaryNav.col8 li:nth-child(4) a{
        margin-right: 0 !important;
    }
    #primaryNav.col8 li:nth-child(7) a{
        margin-right: 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    #sectBanniere.chambres .homebigimage{
        height: auto !important;
    }
    #datepicker3, #datepicker3 .ui-datepicker-inline .ui-datepicker-group {
        width: 400px;
    }
    #datepicker3 .ui-datepicker-inline {
        flex-direction: row;
    }
    #datepicker3, #datepicker3 .ui-datepicker-inline .ui-datepicker-group {
        width: 70%;
    }
    #datepicker3 .ui-datepicker-header a.ui-datepicker-next {
        top: 4px;
    }
    #datepicker3 .ui-datepicker-header a.ui-datepicker-prev {
        top: 36px;
    }
    #soir .nav-tabs::after {
        width: 36%;
    }
    #sectHeader .cntNavigation {
        padding-top: 15px;
    }
    #sectHeader .logo img {
        width: 50%;
    }
    #navigation .cntNav > li > a{
        color: #3a5a68;
    }
    #sectHeader #navigation {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #sectBanniere{
        overflow: hidden;
    }
    .form-float {
        top: calc(50% + 130px);
    }
    .footerNav ul li {
        margin-left: 1.5rem;
        list-style: disc;
    }
    #sectBanniere.page .homebigimage, #sectBanniere.page .homebigimage .img-page {
        height: 40vh;
    }
    #ImageTexte.restaurant .mainTxtImg .contentImg .imgfirst {
        height: 47vh;
    }
}

@media only screen and (min-width: 411px) and (max-width: 767px) {
body.page-template-tpl-restaurant #ImageTexte h2.titre{
    margin-top:20px;
    margin-bottom:20px;
}
#content-galerie .infos .horaires {
   
    padding: 0px 0 5px 0;
  }
}

@media only screen and (max-width: 767px) {
	.form-float.no-mobile{top:calc(50% + 160px);}

    #vins .titre{
        margin-top:30px;
    }
    .page-template-tpl-restaurant #ImageTexte h2.titre {
        margin-bottom:0px; 
    }
    
	.page-template-tpl-chambres #sectHeader, .page-template-tpl-restaurant #sectHeader{position:relative;}
	.page-template-tpl-chambres #content-galerie, .page-template-tpl-restaurant #content-galerie, .page-template-tpl-evenements #content-galerie{margin-top:0;}
	.rplg .rplg-badge-fixed{bottom: 60px !important;right: 0 !important;}
	#content-galerie iframe{width:100%;}
}
@media only screen and (min-width: 768px) {
	
    .page-template-tpl-restaurant #ImageTexte h2.titre {
        margin-top:40px; 
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    #primaryNav.col8 li {
        width: 33.33%;
    }
    #primaryNav.col8 li:nth-child(4) a{
        margin-right: 0 !important;
    }
    #primaryNav.col8 li:nth-child(7) a{
        margin-right: 0 !important;
    }
    #sectHeader .logo img {
        width: 100%;
    }
    #sectHeader .cntNavigation .btnBox {
        top: 85px;
    }
    #sectBanniere {
        height: 100vh;
        margin-top: 148px;
    }
    #sectBanniere .row > div{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .no-desktop {
        display: none !important;
    }
    .no-mobile {
        display: block !important;
    }
    .form-float {
        position: absolute;
        width: 50%;
        bottom: inherit;
        left: inherit;
        transform: inherit;
        background: #613441;
        padding: 15px 30px;
        border-radius: 50px;
        margin: 0;
        right: 15px;
        transform: translateY(-50%);
        top: 370px;
    }
    .form-float form .form-date .date1::after, .form-float form .form-date .date2::after{
        right: 0;
    }
    .mainTxtImg .contenTxt > div{
        width: 100%;
    }
    .boxList .item .cntimg, .boxList .item .cntimg img {
        width: 200px;
        height: 200px;
        margin-bottom: 1rem;
    }
    .boxList .item .cntimg h3{
        font-size: 20px;
    }
    .footerNav ul {
        display: flex !important;
    }
    .footerNav ul li {
        margin-left: 0;
        list-style: none;
    }
    #sectBanniere.page .homebigimage .img-page {
        height: 50vh;
    }
    #content-galerie .infos .jour {
        padding-right: 1rem;
    }
    #content-galerie .infos .jour img {
        margin-right: 15px;
        margin-top: -7px;
    }
    #ImageTexte.restaurant .cantour {
        width: 370px;
    }
    #cta ul li{
        margin-bottom: 0;
        margin-right: 10px;
        margin-left: 10px;
    }
    #vins .box-img {
        width: 250px;
        height: 250px;
    }
    #soir .nav-tabs::after {
        width: 52%;
    }
    .slider-chambres img {
        height: calc(100vh + 176px);
    }
    #sectBanniere.chambres .homebigimage .col-sm-5{
        display: none !important;
    }
    #dispo .form-float{
        top: 0;
    }
}
@media (min-width: 477px) and (max-width: 767px) {
    .no-desktop {
        display: block !important;
    }
    .no-mobile {
        display: none !important;
    }
}
@media only screen and (max-width: 480px) {
	#sectParralax.chambres .liste-1.grid li img {
        width: 29px;
    }
	#primaryNav li a{
        margin-bottom: 0;
		margin-right:0;
    }
	#primaryNav{
        margin-top: 3rem !important;
    }
	#primaryNav li{
        width: 100% !important;
    }
	.fancybox-content{width:100%;}
}
@media screen and (max-width: 414px) {
    #sectBanniere.chambres .homebigimage .col-sm-5{
        display: none !important;
    }
    #ImageTexte.fond-texte .mainTxtImg{
        flex-direction: column !important;
    }
    #primaryNav li a{
        margin: 0;
    }
    .page-template-tpl-chambres #sectBanniere.page .homebigimage{
        flex-direction: column-reverse;
    }
    #ImageTexte.dg .mainTxtImg,#ImageTexte{
        margin-bottom: 2rem;
    }
    #ImageTexte.chambres .btns li a{
        margin-bottom: 0;
    }
    #primaryNav{
        margin-top: 3rem !important;
    }
    #primaryNav li{
        width: 100% !important;
    }
}