.transition { transition:all .25s ease; }
.transitionq { transition:all .125s ease; }

.btn-admin { color:#333; opacity:.25;}
.btn-admin:hover { opacity:1}

a {color: inherit; }
a.empty { color: inherit; }
.transition { transition:all .5s ease; }
.bg-video { position: fixed; width:100%; height: 100%;}
.video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}
.vvideo {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bg-light-80 { background-color:/*#FFF8E6E0*/#FFF8E6e0;}
#logo { position: fixed; left:calc(50% - 125px); top: calc(50% - 125px); }
.bg-degrade { background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 1) 90% ); }
.bg-degrade-2 { background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 90% ); }
.bg-rose { background-color: #ffeee6; }
.bg-jaune-100 { background-color: #FFF8E6; }

.text-or { 
    color: #E4B12F;}
.text-ocre {
    color: #d96d3a;
}
.text-mersombre { color: #091A47; }

.border-jaune-100 { border-color: #FFF8E6!important; }

.text-gris-900 {
    color: #7d7d7d;
}
a.gris-900 { color: #7d7d7d; text-decoration: none; }
a.gris-900:hover { color: #4d4d4d; }
a.or { color: #d4ad35; }
a.link-or { color: #d4ad35; text-decoration: none;}
a.link-or:hover { color: #bb9629 }

a.link-ocre { color: #d96d3a; text-decoration: none;}
a.link-ocre:hover { color: #b35124 }

.btn-xlg, .btn-group-xlg > .btn {
	padding: 1.4rem 1.8rem!important;
	font-size: 1.15rem;
}

.btn-lang { text-decoration: none}
.btn-rolling { 
    display:block; width: 100%; color:white;  text-decoration: none;
}
.btn-rolling-2 { 
    display:block; width: 100%; color:white;  text-decoration: none;
}
.under-wave {
    padding-bottom: 8px;
    background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAYAAACwoK7bAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TxaItDnYQUQhYneyiIo61CkWoUGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoA4OzgpukiJ/0sKLWI8OO7Hu3uPu3eA0Kgw1eyKAapmGelEXMzmVsWeV/RhBCGMIiAxU59LpZLwHF/38PH1LsqzvM/9OUJK3mSATySOMd2wiDeIZzYtnfM+cZiVJIX4nHjCoAsSP3JddvmNc9FhgWeGjUx6njhMLBY7WO5gVjJU4mniiKJqlC9kXVY4b3FWKzXWuid/YTCvrSxzneYwEljEElIQIaOGMiqwEKVVI8VEmvbjHv4hx58il0yuMhg5FlCFCsnxg//B727NwtSkmxSMA90vtv0xBvTsAs26bX8f23bzBPA/A1da219tALOfpNfbWuQI6N8GLq7bmrwHXO4Ag0+6ZEiO5KcpFArA+xl9Uw4YuAV619zeWvs4fQAy1FXyBjg4BMaLlL3u8e5AZ2//nmn19wOOC3KxbmQjmAAAAAZiS0dEAIcAsgDeXTQCUAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gLHRAULZQ3pUwAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAACRUlEQVQoz32RS2hVVxSGv7X3uefk5prcKL6wSg0oxAeIEzVq1dRJwYKtj5EPECfi2JmgiFLqTAg4EQeCM6MIYgXxUaSCggURSgdtlYpoQkzUXK85j3v270CF5A78BgsW/+KDtZb9sLoP5x2RjzDnwDxX7z+iMfEuieNkIE6SbZIOO+ccQFmWj733N4DByQ/NV1mzyYFdPxOCkAkwnPP4xbPrgOG9B4Nzl3+jyPPe7p76oI+iX81sjZkZn3HOzQe+Aw4VeTFzojFxb0nf8vLhH/cQQuGTPFJeEATBjAs37mLOr611dV0xcwv4OrVqZ+cR5+b2rlgV75GUGQYOpIBtWjSPqFLh+uO/iDtrtRDCs6hSmTNFIGBsSl8FalPzLE1PJh0dx7dv3gASQYIN83qQhKRuSbc0hVCWoSjys5Ls8wwhhL4sTf/VdApJ+5rv3zM6/IofN67ji7Rf0u/TpCGoMfHul+dP//O7t6xj55Z+fhroZ/jlS0ZHRnrzLPunTZ5lWXpJUo8kTNIo0AUk09aXTr8dHzt65uSJ8PefDyDytDAwx/mhayRJ8m1HtXrLnFvSdvu3QMskqS0QcAo4NrBgFlG1gxn1HuJaFRdFlBgtHEN37uPMFgI3gWXtn3Vt/f95mu4Hjm2eU6fMC4rmBxrjr2mMj1Fmk3gVOIMd368HeCFpa57nl9rFlqXp7ThJnuRZ9jROkotjI8Nvtq9YigOMT0UOfFxhRr2bznodl9TIBaXE4MUhFi38xlqt1kozO+i9Vzo5ufcja89CQGRUojcAAAAASUVORK5CYII= ) repeat-x;
    background-position: bottom 0 right 0;
    background-size: 12px 5px;
}
.btn-rolling-2:hover .under-wave { 
    background-position: bottom 0 right 12px;
    color: white;
 }

.barre { 
    position: fixed; top: 0; right: 0;
    border: 1px solid white; 
    z-index: 11;
    line-height:64px; 
}

.top-bar-button {
    text-align: center;
    display: flex; justify-content: center; align-items: center;
    border-right: 1px solid white;
    color:white;
    cursor: pointer;
}
.top-bar-button:last-child {
    border:none;
}

.top-bar-square {
    width:64px; height:64px;
}
.top-bar-button-resa {
    width:auto; height:64px; padding:0 20px;
    background-color: #E4B12F;
}
.top-bar-button-resa:hover {
    background-color: #E4B12F;
}
.top-bar-button-resa:hover #barre-reservation { 
   /* display: block!important;*/
}
.top-bar-button:hover {
    background-color: #E4B12F;
}

.barre-bouton {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.barre-bouton-fixed {
    width: 64px;
}
.barre-bouton-fluid {
    padding-left: 16px; padding-right: 16px;
}
.barre-bouton-border { 
    border-right:1px solid white; 
    color: #FFFFFF; 
}
/*
.barre-bouton-fixed:hover span,
.barre-bouton-fixed:hover svg path { 
    color: red; }
*/
.barre-bouton-fixed:hover {
    background-color: #E4B12F;
}
.barre-bouton-menu { 
    color: #FFFFFF; }
.barre-bouton-resa { 
    background-color:#E4B12F;
    text-align: center; 
    color:black; }

#barre-reservation, .barre-lang {
    top:64px;
    border-top:9px solid transparent;
}
.barre-type-resa { 
    /*background-color:#E4B12F; */
    text-align: center; 
    font-size:18px;
    color:black;
    border-top:1px solid #E4B12F;
    border-left: 1px solid #E4B12F;
    border-bottom: none; 
    border-right: 1px solid #E4B12F;
    text-decoration: none;
} 
.barre-type-resa:first-child {
    /*border-bottom: none;*/
} 
.barre-type-resa:last-child {
    border-bottom:1px solid #E4B12F;
} 
.barre-type-resa:hover {
    background-color: #E4B12F; color: black;
}
.panneau-menu { 
    position:fixed; top:82px; z-index: 100; bottom:0; width: 25%; right:-33%; 
    padding-top: 80px; padding-bottom: 120px;
}
.panneau-menu nav {
    /*display:flex;*/
}
.menu-action {
    Color: black; font-size: 22px;
}

.swiper-home { 
    width: 100%;
    height: 800px;
}
.swiper-home .swiper-pagination-horizontal {
    bottom: 18px!important;
}
.swiper-home .swiper-pagination-bullet-active {
    background-color: #888!important;
}
.swiper-home .swiper-button-next {
    display: block;
    top:auto!important; bottom:14px; right:calc(50% - 100px); width: auto!important; height: auto!important;
    color:#888;
    border-bottom:1px dotted #888;
}
.swiper-home .swiper-button-next::after {
    font-family: inherit!important;
    content: 'suivant';
    font-size:16px;
}
.swiper-home .swiper-button-prev {
    display: block; text-align:right;
    top:auto!important; bottom:14px; left:calc(50% - 120px); width: auto!important; height: auto!important;
    color:#888;
    border-bottom:1px dotted #888;
}
.swiper-home .swiper-button-prev::after {
    font-family: inherit!important;
    content: 'précédent';
    font-size:16px;
}
.swiper-pagination-bullet {
    /*opacity: .5!important;*/
    background-color: #e4b12f;
}
.swiper-window .swiper-pagination-bullet-active {
    opacity: 1!important;
    background-color: #e4b12f;
}

.swiper-pagination-custom-background .swiper-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-custom-background .swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom-background .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0!important;
    background-color:transparent;
}
.swiper-pagination-bullet { background-color: #ca9600!important; }
.swiper-pagination-bullet-active { background-color: #ca9600!important; }

.swiper25 .swiper-button-next , .swiper25 .swiper-button-prev,
.swiper158 .swiper-button-next , .swiper158 .swiper-button-prev,
.swiper210 .swiper-button-next , .swiper210 .swiper-button-prev  { font-size:12px; color:#E4B12F!important; padding:6px; background-color:white; width:50px; height:50px; border-radius:25px; text-align:center; }
.swiper25 .swiper-button-next:after,
.swiper158 .swiper-button-next:after,
.swiper210 .swiper-button-next:after { content: '\2192'; font-size:16px!important;}
.swiper25 .swiper-button-prev:after,
.swiper158 .swiper-button-prev:after,
.swiper210 .swiper-button-prev:after { content: '\2190'; font-size:16px!important;}
.swiper25 .swiper-horizontal > .swiper-pagination-bullets, 
.swiper210 .swiper-horizontal > .swiper-pagination-bullets, 
.swiper25 .swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper210 .swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper25 .swiper-pagination-custom, .swiper-pagination-fraction,
.swiper210 .swiper-pagination-custom, .swiper-pagination-fraction {
    left: auto; right:0;bottom:110px!important; top:auto;width:auto;
}
.vertical-line-dot { background: url('/assets/img/linedot-vertical.png') repeat-y center; }
.body { padding-top:67px; }

.w-33-desktop { width: 33%; }
.w-50-desktop { width: 50%; }
.w-66-desktop { width: 66%; }
.w-75-desktop { width: 75%; }
.w-100-desktop { width: 100%; }

.html ul { list-style: none; }

h1 {
    font-family: "Forum", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    h1 {
        font-size: 5rem;
    }
}
  div.forum h1 {
  font-family: "Forum", serif!important;
  font-size: inherit!important;
}
h2,h3,h4 {
    font-family: "Forum", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}


a.a-dark { color: #000; }
.colonne-map { }

.desktop { display: block!important; }
.mobile { display: none!important; }
.mobile-flex { display: none!important; }

textarea, input[type=text], input[type=date], input[type=email], input[type=tel] { padding: 16px; border-radius:0; }
input::placeholder { color: #AAA!important; }

.accordeon { 
    cursor: pointer;
}
.accordeon-item { 
    border-top: 1px solid #CB9700;
    padding-top: 32px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}
.accordeon-body {
    height:0px;
    overflow: hidden;
}
.accordeon-svg {
    transform: rotate(45deg);
}

.display-7 { font-size: 20px; }
.spacer { height: 58px; }


@media only screen and (max-width:1100px) 
{
    .carousel-item  img { width:300%!important; position:relative; }
    .w-33-desktop, .w-50-desktop, .w-66-desktop, .w-75-desktop  { width: 100%; }
    .colonne-map { min-height: 450px; }

    .desktop { display: none!important; }
    .mobile { display: block!important; }
    .mobile-flex { display: flex!important; }
    .display-7 { font-size: 16px; }
    .spacer { height: 0; }

    .panneau-menu { 
        width: 100%; right:-100%; 
        padding-bottom: 50px;

    }    
    /*.body {padding-top:0;}*/
}