f/*
	Theme Name: Domaine Château Bromont
	Theme URI: http://www.chateaubromont.com/
	Author: Domaine Château Bromont
	Version: 1.0.0
*/


/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

button,
hr,
input {
    overflow: visible
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    border: 0
}

html {
    font-size: 100%
}

body {
    color: #6b6e71 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
	font-family: "Open Sans",sans-serif !important;
}

body.locked {
    margin: 0;
    height: 100%;
    overflow: hidden
}

a {
    text-decoration: underline;
    cursor: pointer;
    color: #6b6e71
}

a:focus {
    outline: thin dotted
}

a:focus,
a:hover {
    color: #000 
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

textarea {
    resize: vertical
}

fieldset {
    border: 0
}

fieldset,
figure,
ol,
ul,
ul li {
    margin: 0;
    padding: 0
}

@-ms-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

img,
svg {
    height: auto;
    display: block
}

img,
img.force-bigger,
svg {
    width: 100%
}

.icon,
.btn-wrap-icon-out__icon > svg{
    width: 1em;
    height: 1em;
    fill: currentColor;
    max-width: none;
    display: block;
}

.icon--dcb-4canards,
.icon--dcb-auberge,
.icon--dcb-golf,
.icon--dcb-hotel {
    width: 1em;
    height: .202em;
    display: block
}

.linkicon {
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .8em;
    display: inline-block
}

.linkicon .icon {
    width: 1.8em;
    height: 1.8em;
    margin-left: .3em;
    margin-top: -.25em;
    display: inline
}

.add-transition,
.btn,
.slick-next:before,
.slick-prev:before,
a,
button,
input,
select,
svg,
textarea {
    transition: all .3s ease-out
}

.preload *,
.remove-transition {
    transition: none!important
}

a svg,
button svg {
    transition: none
}

.list {
    list-style: none
}

.list li {
    margin-bottom: .2em
}

.list-sm-light {
    list-style: none;
    font-size: .875em;
    line-height: 1.25;
    margin-bottom: 1.5em
}

.list-bullets {
    list-style-type: square;
    margin-left: 1.3em
}

.list-bullets li {
    margin-bottom: .4em
}

.list-categories {
    list-style: none;
    text-transform: uppercase;
    font-weight: 700;
    margin: 3em 0
}

.list-categories li {
    margin-bottom: 1em
}

.list-categories a {
    text-decoration: none
}

.width-std {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: 0
}

.width-space-left,
.width-std {
    box-sizing: border-box;
    margin-right: 0
}

.width-space-left {
    width: 95%;
    margin-left: 5%
}

.width-p-lr {
    padding-right: 5%
}

.width-p-l,
.width-p-lr {
    padding-left: 5%
}

.width-p-r {
    padding-right: 5%
}

@media (min-width:1200px) {
    .width-std {
        padding-left: 95px;
        padding-right: 95px
    }
}

.auto-style-text .p,
.auto-style-text p,
.auto-style-text ul {
    font-size: .875em;
    margin-bottom: 1em;
    line-height: 1.35
}

@media (min-width:768px) {
    .auto-style-text .p,
    .auto-style-text p,
    .auto-style-text ul {
        font-size: 1em
    }
}

@media (min-width:1200px) {
    .auto-style-text .p,
    .auto-style-text p,
    .auto-style-text ul {
        font-size: 1.125em
    }
}

.activite-item__title,
.blog-post-item__title,
.forfait-item__title,
html,
input,
select,
textarea {
    font-family: open-sans, sans-serif;
    font-style: normal;
    font-weight: 400
}

.chambre-price-zone,
.s-promotion__accent,
.tarifs-golf-main__price,
.tarifs-golf-tableau__tarif-price,
.topbar__nav,
h2 {
    font-family: din-2014, sans-serif;
    font-style: normal;
    font-weight: 300
}

.btn,
button,
h1,
h3 {
    font-family: din-2014, sans-serif !important;
    font-style: normal;
    font-weight: 700
}

.h1,
h1 {
    margin: 0 0 1em;
    padding: 0;
    font-size: 2.5em;
    line-height: 1.1;
    text-transform: uppercase
}

.h1__note {
    font-size: .6em;
    display: block
}

.h2,
h2 {
    margin: 0 0 1em;
    padding: 0;
    font-size: 1.875em;
    line-height: 1.1;
    font-weight: 300;
    text-transform: uppercase
}

.h2__note {
    font-size: .6em;
    display: block
}

.h2__icon {
    color: #cdcdce;
    font-size: 2.1em;
    margin-bottom: .15em
}

.h2--alt {
    font-size: 1.5em
}

.h2--bold {
    font-weight: 700
}

.h2__note--big {
    text-transform: none;
    margin-top: .5em;
    font-size: .8em
}

.h3,
h3 {
    margin: 0 0 1em;
    padding: 0;
    font-size: 1.25em;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase
}

.h3__note {
    font-size: .7em;
    margin-bottom: .5em;
    display: block;
    color: #d1d2d2
}

.h3--border-dark {
    border-bottom: 1px solid #525252;
    padding-bottom: .5em;
    color: #abaeb0;
    margin-bottom: .5em
}

.h3--border {
    border-bottom: 1px solid #6b6e71;
    padding-bottom: .5em
}

p+h1 {
    margin-top: 3em
}

p+h2 {
    margin-top: 2em
}

p+h3 {
    margin-top: 1em
}

@media (min-width:768px) {
    .h1,
    h1 {
        font-size: 3.15em
    }
    .h2,
    h2 {
        font-size: 2.8125em;
        margin-bottom: .5em
    }
    .h2--alt {
        font-size: 1.8em
    }
}

@media (min-width:1200px) {
    .h1,
    .h2,
    h1,
    h2 {
        font-size: 3.75em
    }
    .h2--alt {
        font-size: 2.25em
    }
}

.topbar {
    color: #fff;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: fixed;
    z-index: 10;
    font-size: .8rem
}

.topbar,
.topbar__logo {
    display: -ms-flexbox;
    display: flex
}

.topbar__logo {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-order: 0;
    order: 0;
    background: #fff;
    padding-left: 5%
}

.topbar__trigger {
    background: #585c5f;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-order: 2;
    order: 2;
    padding: .5em;
    z-index: 3
}

.topbar__trigger,
.topbar__trigger-reversation {
    color: #fff;
    margin: 0;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 2.2em;
    line-height: 1;
    outline: none;
    box-sizing: border-box;
    text-align: center
}

.topbar__trigger-reversation {
    background: #abaeb0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-order: 1;
    order: 1;
    padding: .2em .5em .8em;
    position: relative;
    transition: background .3s ease-out, top .3s ease-out, left .3s ease-out .3s;
    z-index: 2
}

.topbar__menu {
    display: none;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -ms-flex-order: 3;
    order: 3;
    padding-top: 1em;
    padding-bottom: 3em;
    background: rgba(43, 44, 45, .95);
    overflow: auto;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    max-height: calc(100vh - 3.375em)
}

.topbar__logo a {
    width: 10.5em;
    padding: .5em;
    display: block;
    color: #585c5f;
    transition: opacity .3s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.topbar__logo a:focus,
.topbar__logo a:hover {
    opacity: .7
}

.topbar__logo .show-on-scrolled {
    display: none
}

.topbar__logo .icon {
    font-size: 3.6em
}

.topbar__trigger.on,
.topbar__trigger:active,
.topbar__trigger:focus,
.topbar__trigger:hover {
    color: #fff;
    background-color: #6b6e71
}

.topbar__triggeropen {
    display: block
}

.topbar__trigger.on .topbar__triggeropen,
.topbar__triggerclose {
    display: none
}

.topbar__trigger.on .topbar__triggerclose {
    display: block
}

.topbar__trigger-reversation.on,
.topbar__trigger-reversation:active,
.topbar__trigger-reversation:focus,
.topbar__trigger-reversation:hover {
    color: #fff;
    background-color: #6b6e71
}

.topbar__trigger-reversation-text {
    text-transform: uppercase;
    font-size: .31em;
    position: absolute;
    top: 75%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.topbar__trigger-reversation.on {
    padding: .5em
}

.topbar__trigger-reversation.on .topbar__trigger-reversation-text,
.topbar__trigger-reversation.on .topbar__triggeropen {
    display: none
}

.topbar__trigger-reversation.on .topbar__triggerclose {
    display: block
}

.topbar__nav ul {
    list-style: none
}

.topbar__nav a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: .7em 10%;
    font-size: 1.9em;
    line-height: 1;
    text-align: left;
    position: relative
}

.topbar__nav a:hover {
    text-decoration: none !important;
}

.topbar__nav a .icon {
    position: absolute;
    right: 10%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.1em;
    transition: transform .3s ease-out
}

.topbar__nav ul ul {
    display: none;
    position: relative;
    margin-bottom: .4em;
    padding-bottom: .7em
}

.topbar__nav ul ul:before {
    display: block;
    content: "";
    position: absolute;
    left: 10%;
    bottom: 0;
    width: 80%;
    height: 1px;
    background: #d0c7bf
}

.topbar__nav ul ul a {
    font-size: 1.25em
}

.topbar .questions-commentaires-box {
    display: none
}

.topbar__nav a.on {
    color: #a8a19b
}

.topbar__nav a.on .icon {
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.topbar__nav ul ul.on a {
    color: #a8a19b
}

@media (min-width:375px) {
    .topbar {
        font-size: 1rem
    }
    .topbar__menu {
        max-height: calc(100vh - 4.375em)
    }
}

@media (min-width:768px) {
    .topbar {
        display: block;
        width: auto;
        font-size: .8rem
    }
    .topbar__logo {
        position: relative;
        z-index: 5;
        display: block;
        padding: 0;
        width: 12.5em;
        min-height: 6.25em;
        transition: width .3s ease-out
    }
    .topbar__trigger {
        position: absolute;
        left: 0;
        font-size: 2.8em;
        padding: .615em;
        width: 80px;
        height: 80px
    }
    .topbar__trigger-reversation {
        position: absolute;
        top: 80px;
        left: 80px;
        font-size: 2.325em;
        padding: .65em .845em 1.04em;
        width: 80px;
        height: 80px
    }
    .topbar__menu {
        position: absolute;
        top: 0;
        height: 100vh;
        max-height: 100vh;
        padding: 3.5em 4em 4em 14em;
        font-size: 1.2em;
        transition: padding .3s ease-out
    }
    .topbar.on {
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .topbar.on .topbar__trigger,
    .topbar.on .topbar__trigger-reversation {
        z-index: 1
    }
    .topbar.on .topbar__trigger-reversation.on,
    .topbar.on .topbar__trigger.on {
        z-index: 3
    }
    .topbar__logo a {
        padding: 1.67em 1em;
        width: 100%;
        box-sizing: border-box
    }
    .topbar__trigger-reversation-text {
        top: 73%
    }
    .topbar__trigger-reversation.on .topbar__triggerclose {
        font-size: 1.2em;
        padding: .2em;
        left: 2.235em
    }
    .topbar__nav a {
        padding: .7em 0
    }
    .topbar__nav a .icon {
        right: 0
    }
    .topbar__nav ul ul:before {
        left: 0;
        width: 100%
    }
    .topbar.scrolled .topbar__logo {
        width: 6.25em;
        height: 6.25em
    }
    .topbar.scrolled .topbar__logo a {
        width: 100%;
        height: 100%;
        padding: 0
    }
    .topbar.scrolled .topbar__logo img {
        display: none
    }
    .topbar.scrolled .topbar__logo .show-on-scrolled {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .topbar.scrolled .topbar__trigger-reversation {
        left: 0;
        top: 160px;
        transition: background .3s ease-out, top .3s ease-out .3s, left .3s ease-out
    }
    .topbar.scrolled .topbar__menu {
        padding-left: 10em
    }
}

@media (min-width:992px) {
    .topbar__menu {
        padding: 3.5em 6em 4em 17em
    }
    .topbar__nav li {
        position: relative;
        width: 60%
    }
    .topbar__nav a {
        outline: none;
        font-size: 2.25em
    }
    .topbar__nav a .icon {
        display: none
    }
    .topbar__nav a:focus,
    .topbar__nav a:hover {
        color: #a8a19b;
		text-decoration : none !important
    }
    .topbar__nav ul ul {
        position: absolute;
        left: 100%;
        top: 50%;
        width: 70%;
        margin-bottom: 0;
        padding-bottom: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 2.6em
    }
    .topbar__nav ul ul:before {
        top: 50%;
        bottom: auto;
        left: -143%;
        width: 0;
        transition: width 2.6s ease-out 2s;
        display: none
    }
    .topbar__nav ul ul li {
        width: 100%
    }
    .topbar__nav ul ul a:focus,
    .topbar__nav ul ul a:hover {
        color: #887f77;
		text-decoration: none !important
    }
    .topbar__nav>ul>li>a:before {
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        background: #d0c7bf;
        bottom: 0;
        left: 0;
        width: 0;
        transition: width .5s ease-out
    }
    .topbar__nav>ul>li>a.on:before {
        width: 97%
    }
    .topbar__nav ul ul.on:before {
        width: 138%
    }
    .topbar.scrolled .topbar__menu {
        padding-left: 15em
    }
}

@media (min-width:1200px) {
    .topbar {
        font-size: 1rem
    }
    .topbar__trigger {
        width: 100px;
        height: 100px
    }
    .topbar__trigger-reversation {
        width: 100px;
        height: 100px;
        top: 100px;
        left: 100px
    }
    .topbar__menu {
        padding: 4.5em 7% 4em 17em;
        font-size: 1em
    }
    .topbar__nav {
        width: 63%;
        float: left;
        margin-top: 4em
    }
    .topbar .questions-commentaires-box {
        display: block
    }
    .topbar.scrolled .topbar__menu {
        padding-left: 14em;
        padding-right: 10%
    }
    .topbar.scrolled .topbar__trigger-reversation {
        top: 200px
    }
}

@media (min-width:1500px) {
    .topbar__menu {
        padding: 4.5em 18% 4em 22%
    }
    .topbar__nav a {
        padding: .9em 0
    }
    .topbar__nav ul ul {
        margin-top: 3.05em
    }
    .topbar.scrolled .topbar__menu {
        padding: 4.5em 18% 4em 22%
    }
}

.topbar-side {
    margin: 6em 10% 2em;
    font-size: .875em;
    max-width: 19em
}

.topbar-side__logos {
    margin-bottom: 6em
}

.topbar-side__logo {
    font-size: 18em;
    line-height: 0;
    margin-bottom: 20px;
    color: #abaeb0
}

.topbar-side__logos p {
    margin-bottom: 1em
}

.topbar-side__logos hr {
    border-top-color: #525252;
    margin: 1.5em 0
}

.topbar-side__logos a {
    color: #d0c7bf;
    text-decoration: none
}

.topbar-side__logos a:focus,
.topbar-side__logos a:hover {
    text-decoration: underline
}

@media (min-width:768px) {
    .topbar-side {
        margin: 5em 0
    }
}

@media (min-width:1200px) {
    .topbar-side {
        float: right;
        width: 30%;
        font-size: .8em;
        margin-top: -2em
    }
    .topbar-side__logos {
        margin-bottom: 4em
    }
}

@media (min-width:1500px) {
    .topbar-side {
        font-size: .875em;
        max-width: 18em;
        margin-bottom: 2em
    }
    .topbar-side__logos {
        margin-bottom: 3em
    }
}

a.questions-commentaires-box {
    font-size: 1.1rem;
    text-decoration: none;
    position: relative;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 8em;
    display: block;
    background: rgba(0, 0, 0, .2);
    margin-top: 2.5em
}

.questions-commentaires-box__content {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%
}

.questions-commentaires-box__content-s1 {
    display: block;
    color: #abaeb0;
    font-size: .75em;
    text-transform: uppercase;
    position: absolute;
    top: 15%;
    width: 100%
}

.questions-commentaires-box__content-s2 {
    display: block;
    font-size: 1.125em;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 54%;
    width: 100%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.questions-commentaires-box__bg {
    color: rgba(88, 92, 95, .25)
}

.questions-commentaires-box__bg .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 6em
}

a.questions-commentaires-box:focus,
a.questions-commentaires-box:hover {
    background: rgba(0, 0, 0, .5)
}

.topbar-reservation {
    font-size: 1rem;
    padding-bottom: 0
}

.topbar-reservation .s-head {
    padding-top: 1em;
    margin-bottom: 3em
}

.topbar-reservation .tabsnav {
    margin: 0 0 1px
}

.topbar-reservation .tabszone__group {
    margin: 0
}

.topbar-reservation .form--reservation {
    padding: 10%
}

@media (min-width:768px) {
    .topbar-reservation,
    .topbar.scrolled .topbar-reservation {
        padding: 10em 80px 5em
    }
}

@media (min-width:992px) {
    .topbar-reservation,
    .topbar.scrolled .topbar-reservation {
        padding-top: 5em
    }
}

@media (min-width:1200px) {
    .topbar-reservation,
    .topbar.scrolled .topbar-reservation {
        padding: 11em 100px 5em
    }
    .topbar-reservation .form--reservation {
        padding: 4em 5em
    }
    .topbar-reservation .s-head {
        padding-top: 0;
        margin-bottom: 4em
    }
}

@media (min-width:1500px) {
    .topbar-reservation .form--reservation {
        padding: 4em 7em
    }
}

.quicknav {
    display: none
}

.quicknav__item,
.quicknav__items.on .quicknav__item {
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 1em;
    line-height: 80px;
    position: relative;
    padding: 0 1em;
    width: auto;
    outline: none;
    white-space: nowrap;
    color: #fff;
    display: inline-block;
    opacity: .5;
    transition: opacity .3s ease-out
}

.quicknav__text {
    opacity: 0;
    transition: opacity .3s ease-out
}

.quicknav__item:last-child {
    margin-right: 1em
}

.quicknav__item:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 0;
    height: 3px;
    background: #fff;
    transition: width .5s ease-out, opacity .3s ease-out
}

.quicknav__items {
    position: absolute;
    overflow: hidden;
    background: #585c5f;
    height: 80px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 80px;
    right: -100%;
    transition: right .5s ease-out, width .5s ease-out
}

.quicknav__triggeropen {
    display: block
}

.quicknav__trigger.on .quicknav__triggeropen,
.quicknav__triggerclose {
    display: none
}

.quicknav__trigger.on .quicknav__triggerclose {
    display: block
}

.quicknav__items.on {
    right: 0;
    width: 100vw
}

.quicknav__items.on .quicknav__item {
    opacity: .5
}

.quicknav__items.on .quicknav__item:before,
.quicknav__items.on .quicknav__text {
    opacity: 1;
    transition: opacity .3s ease-out .3s
}

.quicknav__items.on .quicknav__item.active,
.quicknav__items .quicknav__item:focus,
.quicknav__items .quicknav__item:hover {
    opacity: 1;
    color: #fff;
    outline: none
}

.quicknav__item.active:before {
    width: 100%
}

@media (min-width:992px) {
    .quicknav {
        display: block;
        font-size: .875rem;
        position: fixed;
        top: 50%;
        right: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        box-sizing: border-box;
        z-index: 5;
        height: 80px;
        width: 100%;
        width: auto;
        text-align: right;
        opacity: 1;
        transition: opacity .3s ease-out
    }
    .quicknav--hide {
        opacity: 0
    }
}

@media (min-width:1200px) {
    .quicknav {
        height: 100px
    }
    .quicknav__items {
        height: 100px;
        padding-right: 100px
    }
    .quicknav__item,
    .quicknav__items.on .quicknav__item {
        line-height: 100px;
        padding: 0 2em
    }
    .quicknav__item:last-child {
        margin-right: 2em
    }
}

.s-sticky-infos {
    display: none;
    position: fixed;
    z-index: 6;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center
}

.s-sticky-infos__mini-logo {
    background: #877e79;
    font-size: 3em;
    line-height: 1.45
}

.s-sticky-infos__info,
.s-sticky-infos__mini-logo {
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    float: left
}

.s-sticky-infos__info {
    background: #b5aca5;
    text-transform: uppercase;
    font-size: .65em;
    line-height: 1;
    font-weight: 700;
    padding-top: 1.7em
}

.s-sticky-infos__share {
    position: relative
}

.s-sticky-infos__info strong {
    font-size: 3em
}

@media (min-width:768px) {
    .s-sticky-infos {
        display: block
    }
}

@media (min-width:1200px) {
    .s-sticky-infos__mini-logo {
        width: 100px;
        height: 100px;
        font-size: 3.8em
    }
    .s-sticky-infos__info {
        width: 100px;
        height: 100px;
        font-size: .8em
    }
}

.s-share {
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    background: #d1c6be;
    float: left;
    transform: translateZ(0);
    z-index: -1
}

.s-share__other-links {
    text-align: left;
    background: #d1c6be;
    width: 300%;
    position: absolute;
    z-index: -1;
    right: 0;
    top: 100%;
    top: -100%;
    transition: top .3s ease-out
}

.s-share__other-link {
    display: block;
    text-decoration: none;
    color: #6b6e71;
    text-transform: uppercase;
    font-size: .875em;
    padding: 1em 2em;
    border-top: 1px solid #b5aca5
}

.s-share__other-link:last-child {
    border-bottom: 1px solid #b5aca5
}

.s-share__other-link:focus,
.s-share__other-link:hover {
    background: #b5aca5
}

.s-share.on .s-share__other-links {
    top: 100%
}

@media (min-width:1200px) {
    .s-share {
        width: 100px;
        height: 100px
    }
    .s-share__other-link {
        font-size: 1em
    }
}

.footer {
    background-color: #e8e8e8;
    padding-top: 1px;
    padding-bottom: 0;
    position: relative;
    z-index: 2
}

@media (max-width:374px) {
    .footer .rs {
        font-size: 1.4em
    }
}

.footer-col-3 {
    margin-top: -1px;
    margin-bottom: 4em
}

.footer-box {
    background-color: #abaeb0;
    text-align: center;
    padding: 5%;
    border-bottom: 1px solid #979797;
    font-size: 1em;
    line-height: 1.5;
    box-sizing: border-box
}

.footer-box:last-child {
    border-bottom: 0
}

.footer-box__icon {
    font-size: 4em;
    height: 100px
}

.footer-box__arrow-nav {
    margin-bottom: 5em
}

.footer-box h3 {
    font-size: 1.125em
}

.footer-box p {
    color: #fff;
    margin:15px 0;
    font-size: .875em!important;
}

.footer-box--twitter .footer-box__icon {
    font-size: 3.5em
}

@media (min-width:768px) {
    .footer-col-3 {
        margin-left: 80px;
        margin-right: 80px;
        margin-top: -3em
    }
    .footer-box {
        padding: 5% 15%
    }
}

@media (min-width:992px) {
    .footer-col-3 {
        display: -ms-flexbox;
        display: flex;
        background: #abaeb0;
        padding: 2% 0;
        margin-bottom: 6em
    }
    .footer-box {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 33.3%;
        padding: 1em 2em;
        border-bottom: 0;
        border-right: 1px solid #979797
    }
    .footer-box:last-child {
        border-right: 0
    }
}

@media (min-width:1200px) {
    .footer-col-3 {
        margin: -4em 100px 8em
    }
    .footer-box--twitter .footer-box__icon {
        margin-bottom: .4em
    }
}

@media (min-width:1500px) {
    .footer-box {
        padding: 2.5em 5em 1em
    }
    .footer-box p {
        font-size: 1em
    }
    .footer-box__icon {
        height: 120px
    }
    .footer-box h3 {
        margin-bottom: 1.5em
    }
    .footer-box__arrow-nav {
        margin-top: 1em
    }
}


.s-promotion {
    position: fixed;
    z-index: 3;
    bottom: 0;
    width: 100%;
    left: 0
}

.s-promotion__trigger {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    -ms-transform: none;
    transform: none;
    width: auto;
    transition: transform .1s ease-out .3s
}

.s-promotion__content {
    color: #e8e8e8;
    background-color: #6b6e71;
    background-position: 50% 50%;
    background-size: cover;
    padding: 10%;
    text-align: center;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    transition: transform .5s ease-out
}

.s-promotion__title {
    margin-bottom: .7em
}

.s-promotion__close-btn {
    position: absolute;
    top: auto;
    bottom: 100%;
    right: 0;
    font-size: 0
}

.s-promotion__content p {
    margin-bottom: 1.4em;
    font-size: 1.5em;
    font-size: 1.1em
}

.s-promotion__content p:last-child {
    margin-bottom: 0
}

.s-promotion__accent {
    font-weight: 700;
    font-size: 3em;
    line-height: 1;
    color: #fff;
    display: block
}

.s-promotion__accent sup {
    font-weight: 300;
    display: inline-block;
    font-size: .5em;
    top: -.6em;
    margin-left: .1em
}

.s-promotion--state_init .s-promotion__trigger {
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.s-promotion__content.open {
    -ms-transform: none;
    transform: none
}

@media (min-width:768px) {
    .s-promotion {
        left: 80px;
        right: 160px;
        width: calc(100% - 240px)
    }
    .s-promotion__close-btn {
        top: 0;
        left: 100%
    }
    .s-promotion__content p {
        font-size: 1.3em
    }
}

@media (min-width:992px) {
    .s-promotion {
        right: auto;
        width: 31em
    }
    .s-promotion__content {
        padding: 8%
    }
}

@media (min-width:1200px) {
    .s-promotion {
        left: 100px;
        width: 45em
    }
    .s-promotion__content {
        padding: 8%;
        padding-bottom: 6%
    }
    .s-promotion__title {
        margin-bottom: .4em
    }
    .s-promotion__content p {
        font-size: 1.5em
    }
}

.form-input,
.form-textarea {
    border: 1px solid #fff;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 1.12em;
    line-height: 1.2;
    display: block;
    padding: .775em 1em;
    margin-bottom: 1em;
    color: #6b6e71
}

.form-input--number {
    text-align: center
}

.form-input--gray {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    text-transform: uppercase
}

.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(./images/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 1.5em;
    background-color: #fff;
    color: #6b6e71;
    border: 1px solid #fff;
    font-size: 1.25em;
    line-height: 1.2;
    padding: .8em 5em .8em 1em;
    margin-bottom: 1em;
    max-width: 100%
}

.form-select::-ms-expand {
    display: none
}

.fbdropdowner {
    display: none
}

.form-textarea {
    height: 200px;
    width: 100%;
    max-width: 100%;
    min-height: 5em
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    outline: none;
    border-color: #6b6e71
}

.checkbox-container,
.radio-container {
    margin: .5rem 0;
    text-transform: uppercase
}

.checkbox-input,
.radio-input {
    position: absolute;
    opacity: 0
}

.checkbox-input+.checkbox-label:before,
.radio-input+.radio-label:before {
    content: "";
    background: #e8e8e8;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 0;
    display: inline-block;
    width: 2em;
    height: 2em;
    position: relative;
    top: -.3em;
    margin-right: .8em;
    vertical-align: top;
    cursor: pointer;
    text-align: center
}

.checkbox-input:active+.checkbox-label:before,
.radio-input:active+.radio-label:before {
    background-color: #ccc
}

.checkbox-input:checked+.checkbox-label:before,
.radio-input:checked+.radio-label:before {
    background-image: url(./images/icon-check.svg)
}

.checkbox-input:disabled+.checkbox-label:before,
.radio-input:disabled+.radio-label:before {
    background-color: #e8e8e8;
    opacity: .5;
    cursor: auto
}

.checkbox-input+.checkbox-label:empty:before,
.radio-input+.radio-label:empty:before {
    margin-right: 0
}

.radio-input:checked+.radio-label:before {
    background-color: #6b6e71;
    box-shadow: inset 0 0 0 .45em #e8e8e8;
    background-image: none
}

.form-group {
    margin-bottom: 1em;
    width: 100%;
    font-size: 1em
}

.form-group .form-input {
    margin-bottom: 0
}

.form-group--two-by-line .form-input:first-child {
    margin-bottom: 1em
}

.form-group--date-arrivee {
    margin-bottom: .5em
}

.form-group--date-depart {
    margin-bottom: 1.5em
}

.form-group--chambres {
    margin-bottom: .5em;
    width: 48%;
    margin-right: 52%
}

.form-group--adultes {
    width: 48%;
    margin-right: 4%
}

.form-group--enfants {
    width: 48%
}

.form-group--3-inputs-side {
    margin-top: 2em;
    text-align: left
}

.form-group--reservation-submit {
    margin-top: 1.9em;
    text-align: center;
    margin-bottom: 0
}

.form-group--reservation-submit .btn {
    font-size: .875em
}

.form-group--contact-submit {
    margin-top: 3em;
    text-align: center;
    margin-bottom: 0
}

.form-group--contact-submit .btn {
    font-size: .875em
}

@media (max-width:767px) {
    .form-group--reservation-submit .btn {
        width: 100%
    }
    .form--reservation--transparent .form-group--reservation-submit .btn {
        color: #fff
    }
}

@media (min-width:768px) {
    .form-group--two-by-line {
        display: -ms-flexbox;
        display: flex
    }
    .form-group--two-by-line .form-input {
        width: 48%;
        float: left;
        margin-left: 4%;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-bottom: 1em
    }
    .form-group--two-by-line .form-input:first-child {
        margin-left: 0
    }
    .form-group--date-arrivee {
        width: 48%;
        margin-right: 4%
    }
    .form-group--date-depart {
        width: 48%
    }
    .form-group--chambres {
        width: 30.66%;
        margin-right: 4%
    }
    .form-group--adultes,
    .form-group--enfants {
        width: 30.66%
    }
    .form-group--3-inputs-side {
        display: -ms-flexbox;
        display: flex;
        max-width: 30em;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto
    }
    .form-group--3-inputs-side .radio-container {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width:1200px) {
    .form-group--date-arrivee,
    .form-group--date-depart {
        width: 17%;
        margin-right: 1.5%
    }
    .form-group--adultes,
    .form-group--chambres,
    .form-group--enfants {
        width: 10%;
        margin-right: 1.5%
    }
    .form-group--two-by-line-2 {
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        -ms-flex-align: center;
        align-items: center
    }
    .form-group--two-by-line-2 .form-input-width {
        width: 48%;
        float: left;
        margin-left: 4%;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-bottom: 1em;
        max-width: none
    }
    .form-group--two-by-line-2 .form-input-width:first-child {
        margin-left: 0;
        box-sizing: border-box;
        padding-left: 1em
    }
    .form-group--3-inputs-side {
        margin-top: 0
    }
    .form-group--3-inputs-side .radio-container {
        margin-bottom: 0;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.form-label {
    color: #6b6e71;
    font-size: 1.125em
}

.form-label__text {
    display: block;
    margin-bottom: .1em
}

@media (min-width:1200px) {
    .form-label__text {
        display: block;
        margin-bottom: .3em
    }
}

.form-input-width {
    font-size: 1.12em
}

.form--reservation__content {
    background-color: #d1d2d2;
    /*padding: 1em;*/
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form--reservation__content .form-group {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media (min-width:1200px) {
    .form--reservation__content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: .8rem
    }
    .form--reservation__content .form-group {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .form--reservation__content .form-group--reservation-submit {
        width: 16em;
        text-align: right;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

@media (min-width:1500px) {
    .form--reservation__content {
        font-size: 1rem
    }
}

.form--reservation--transparent {
    background-color: transparent;
    padding: 0
}

.form--reservation--transparent .form-label {
    color: #fff
}

@media (min-width:768px) {
    .form--reservation--transparent {
        background-color: #d1d2d2;
        padding: 10%
    }
    .form--reservation--transparent .form-label {
        color: #6b6e71
    }
}

@media (min-width:1200px) {
    .form--reservation--transparent {
        padding: 4em 5em
    }
}

@media (min-width:1500px) {
    .form--reservation--transparent {
        padding: 4em 7em
    }
}

.btn {
    border: 2px solid #6b6e71 !important;
    color: #6b6e71 !important;
    background: transparent !important;
    cursor: pointer !important;
    padding: 1.4em !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    outline: none !important;
    position: relative !important;
    z-index: 1;
    font-size: .875rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    border-radius: .2em !important;
    text-align: center!important;
}

.btn:active,
.btn:focus,
.btn:hover {
    color: #fff !important;
    background-color: #6b6e71 !important;
}

.btn--light {
    border-color: #fff !important;
    color: #fff !important;
}

.btn--light:active,
.btn--light:focus,
.btn--light:hover {
    color: #6b6e71;
    background-color: #fff
}

.btn--light-bg {
    border-color: #fff;
    color: #fff;
    background-color: rgba(0, 0, 0, .35)
}

.btn--light-bg:active,
.btn--light-bg:focus,
.btn--light-bg:hover {
    color: #6b6e71;
    background-color: #fff
}

.btn--promotions {
    background: #6b6e71 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0  !important;
    padding: .8em 4.5em .3em 1.7em  !important;
    vertical-align: middle !important;
}

.btn--promotions .icon {
    font-size: 1.8em !important;
    margin-right: .9em !important;
    position: relative !important;
    top: -.05em
}

.btn--promotions:active,
.btn--promotions:focus,
.btn--promotions:hover {
    background-color: #585c5f !important;
}

.btn-arrow-link {
    border: none;
    color: #6b6e71;
    background: transparent;
    cursor: pointer;
    padding: .5em;
    display: inline-block;
    text-transform: uppercase;
    outline: none;
    position: relative;
    z-index: 1;
    font-size: .75rem;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box;
    white-space: nowrap
}

.btn-arrow-link__text {
    margin-right: -.7em
}

.btn-arrow-link__icon {
    display: inline-block;
    font-size: 1.8em;
    padding: .4em .45em .4em .6em;
    border: 1px solid #6b6e71;
    border-left: 0;
    position: relative;
    top: .1em;
    z-index: -1;
    transition: all .3s ease-out
}

.btn-arrow-link__icon:before {
    top: 0
}

.btn-arrow-link__icon:after,
.btn-arrow-link__icon:before {
    content: "";
    display: block;
    position: absolute;
    background: #6b6e71;
    width: 1px;
    height: 15%;
    left: 0;
    z-index: -1
}

.btn-arrow-link__icon:after {
    bottom: 0
}

.btn-arrow-link:active,
.btn-arrow-link:focus,
.btn-arrow-link:hover {
    color: #6b6e71
}

.btn-arrow-link:active .btn-arrow-link__icon,
.btn-arrow-link:focus .btn-arrow-link__icon,
.btn-arrow-link:hover .btn-arrow-link__icon {
    padding-left: 1em
}

.btn-arrow-link--light {
    color: #877f7b
}

.btn-arrow-link--light .btn-arrow-link__icon {
    border-color: #877f7b
}

.btn-arrow-link--light .btn-arrow-link__icon:after,
.btn-arrow-link--light .btn-arrow-link__icon:before {
    background: #877f7b
}

.btn-arrow-link--light:active,
.btn-arrow-link--light:focus,
.btn-arrow-link--light:hover {
    color: #877f7b
}

.btn-icon {
    border: none;
    color: #fff;
    background: #877f7b;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: 3.2rem;
    width: 80px;
    height: 80px;
    padding: 0;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

.btn-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn-icon:active,
.btn-icon:focus,
.btn-icon:hover {
    background-color: #534e4b;
    color: #fff
}

.btn-icon--share {
    background: #d1c6be;
    font-size: 2.2rem;
    outline: none
}

.btn-icon--share:active,
.btn-icon--share:focus,
.btn-icon--share:hover {
    background: #d1c6be;
    opacity: .7;
    outline: none
}

.btn-icon--same-as-menu,
.btn-icon--same-as-menu-main {
    width: 56px;
    height: 56px;
    font-size: 2.3rem
}

.btn-icon--quicknav {
    font-size: 3rem!important
}

.btn-icon-no-style {
    color: gray;
    border: none;
    background: transparent;
    cursor: pointer;
    display: block;
    outline: none;
    font-size: 1.4rem;
    padding: 0 6%;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    transform: translateZ(0)
}

.btn-icon-no-style:active,
.btn-icon-no-style:focus,
.btn-icon-no-style:hover {
    color: #000
}

.btn-icon-no-style--lighter {
    color: #d1d2d2
}

.btn-icon-no-style--lighter:active,
.btn-icon-no-style--lighter:focus,
.btn-icon-no-style--lighter:hover {
    color: #6b6e71
}

.btn-icon--gray {
    background: #6b6e71
}

.btn-icon--gray:active,
.btn-icon--gray:focus,
.btn-icon--gray:hover {
    background-color: #585c5f
}

.btn-icon--gray-light {
    background: #abaeb0
}

.btn-icon--gray-light:active,
.btn-icon--gray-light:focus,
.btn-icon--gray-light:hover {
    background-color: #6b6e71
}

.btn-icon--beige {
    background: #b5aca5
}

.btn-wrap-icon-out {
    position: relative;
    display: inline-block
}

.btn-wrap-icon-out__btn {
    background-color: #fff
}

.btn-wrap-icon-out__icon {
    color: #877e79;
    font-size: 6.5rem;
    position: absolute;
    bottom: -.21em;
    right: -.75em;
    margin-left: -.2em;
    z-index: 0
}

.btn-wrap-icon-out__icon .icon {
    display: block
}

.form-input-wrap {
    position: relative;
    display: block
}

.form-input-wrap__btn {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto
}

.form-input-wrap__btn--date,
.form-input-wrap__btn--plus {
    left: auto;
    right: 0
}

@media (min-width:375px) {
    .btn-icon--same-as-menu {
        width: 70px;
        height: 70px;
        font-size: 2.7rem
    }
    .btn-icon--same-as-menu-main {
        width: 70px;
        height: 70px;
        font-size: 2.2rem
    }
}

@media (min-width:768px) {
    .btn-icon--same-as-menu {
        width: 80px;
        height: 80px;
        font-size: 3.2rem
    }
    .btn-icon--same-as-menu-main {
        width: 80px;
        height: 80px;
        font-size: 2.3rem
    }
    .btn-icon-no-style {
        font-size: 1.8rem
    }
}

@media (min-width:1200px) {
    .btn-icon {
        font-size: 2.8rem;
        width: 100px;
        height: 100px
    }
    .btn-icon-no-style {
        font-size: 1.3rem
    }
}

@media (min-width:1500px) {
    .btn-icon-no-style {
        font-size: 1.8rem
    }
}

.banner {
    background-color: #857e73;
    font-size: .8rem;
    padding-top: 4.3em;
    position: relative
}

.banner__set-bg-height {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 21rem
}

.banner__content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    padding: 3em 5%;
    width: 100%;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.banner__logo-main {
    margin-bottom: 2.5em
}

.banner__logo-svg {
    margin-bottom: 10px;
    text-align: center;
    font-size: 70vw
}

.banner__logo-svg svg {
    margin: 0 auto
}

.banner__bg {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.banner__bg img {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 768px;
    height: 100%;
    width: auto
}

.banner .banner__bg-desktop {
    display: none
}

.banner .banner__bg-mobile {
    display: block
}

.banner h1 {
    margin-bottom: .3em
}

.banner hr {
    border-color: #fff
}

.banner__tagline {
    font-size: 1em;
    line-height: 1.25
}

.banner__big-tagline {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1em
}

.banner__big-tagline .icon--badge {
    font-size: 3em;
    display: block;
    margin: 0 auto .2em
}

.banner-carousel__item {
    display: none
}

.banner-carousel__item:first-child {
    display: block
}

.banner--dcb .btn {
    font-size: .75rem
}

.banner--dcb .banner__set-bg-height {
    -ms-flex-align: start;
    align-items: flex-start
}

.banner--dcb .banner__content {
    padding: 4em 10%;
    max-width: 330px;
    width: auto;
    box-sizing: content-box;
    margin: 0 auto;
    text-align: center
}

@media (min-width:375px) {
    .banner {
        font-size: 1rem
    }
    .banner__set-bg-height {
        height: 33rem
    }
    .banner--dcb .banner__content {
        padding: 4em 15%;
        width: 70%
    }
}

@media (min-width:414px) {
    .banner--dcb .btn {
        font-size: .875rem
    }
}

@media (min-width:768px) {
    .banner {
        padding-top: 0
    }
    .banner__set-bg-height {
        height: 45rem
    }
    .banner__content {
        padding: 7em 15%
    }
    .banner__bg img {
        height: auto;
        width: 100%
    }
    .banner__set-bg-height .banner__bg img {
        width: auto;
        height: 100%
    }
    .banner .banner__bg-desktop {
        display: block
    }
    .banner .banner__bg-mobile {
        display: none
    }
    .banner__tagline {
        font-size: 1.125em
    }
    .banner__big-tagline {
        margin-bottom: 2em
    }
    .banner--dcb .banner__content {
        margin-top: 8em;
        max-width: 360px
    }
}

@media (min-width:992px) {
    .banner__set-bg-height {
        height: 37rem
    }
    .banner__content {
        text-align: left;
        width: 63%;
        padding-right: 0;
        padding-left: 20%
    }
    .banner__logo-svg {
        font-size: 37vw;
        text-align: left
    }
    .banner__logo-svg svg {
        margin: 0
    }
    .banner__big-tagline {
        white-space: nowrap
    }
    .banner__big-tagline .icon--badge {
        display: inline-block;
        font-size: 2.2em
    }
    .banner--dcb .banner__set-bg-height {
        -ms-flex-align: center;
        align-items: center
    }
    .banner--dcb .banner__content {
        margin-left: 0;
        margin-top: 4em
    }
}

@media (min-width:1200px) {
    .banner__set-bg-height {
        height: 45rem
    }
    .banner__big-tagline {
        font-size: 1.5em
    }
}

@media (min-width:1500px) {
    .banner__set-bg-height {
        height: 58rem
    }
    .banner__content {
        padding: 10em 0 10em 12%;
        width: 52%
    }
    .banner__logo-main {
        margin-bottom: 4em
    }
    .banner__logo-svg {
        font-size: 33vw
    }
    .banner__tagline {
        font-size: 1.5em
    }
    .banner__big-tagline {
        font-size: 1.8em
    }
    .banner__big-tagline .icon--badge {
        font-size: 2.5em;
        margin-right: -.15em;
        position: relative;
        top: .05em
    }
    .banner--dcb .banner__content {
        max-width: 29%
    }
}

@media (min-width:1900px) {
    .banner__set-bg-height .banner__bg img {
        width: 100%;
        height: auto
    }
}

.banner-side-links {
    position: relative;
    z-index: 2;
    width: 100%
}

.banner-side-links__link-box {
    display: block;
    background: #585c5f;
    color: #fff;
    padding: 1em 10%;
    position: relative;
    border-bottom: 1px solid #696d6f
}

.banner-side-links__link-box:last-child {
    border-bottom: 0
}

.banner-side-links__logo {
    font-size: 14em
}

.banner-side-links__for-hover-style {
    display: block;
    position: absolute;
    top: 50%;
    right: 10%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.3em
}

.banner-side-links__link-box.active,
.banner-side-links__link-box:focus,
.banner-side-links__link-box:hover {
    color: #d0c7bf
}

@media (min-width:992px) {
    .banner-side-links {
        width: 24%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .banner-side-links__link-box {
        background: rgba(51, 51, 51, .7);
        width: 100%;
        box-sizing: border-box;
        position: relative;
        padding: 0 0 0 15%;
        text-align: center;
        border-color: hsla(26, 10%, 68%, .25)
    }
    .banner-side-links__logo {
        font-size: 18vw;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .banner-side-links__for-hover-style {
        opacity: 0;
        top: 70%;
        left: 22%;
        right: auto;
        -ms-transform: none;
        transform: none;
        font-size: 1em;
        transition: all .5s ease-out
    }
    .banner-side-links__for-hover-style:before {
        content: "";
        display: block;
        position: absolute;
        top: 53%;
        left: -700%;
        height: 1px;
        width: 0;
        background: #d0c7bf;
        transition: width .5s ease-out
    }
    .banner-side-links__link-box.active .banner-side-links__for-hover-style,
    .banner-side-links__link-box:focus .banner-side-links__for-hover-style,
    .banner-side-links__link-box:hover .banner-side-links__for-hover-style {
        opacity: 1;
        color: #d0c7bf;
        left: 27%
    }
    .banner-side-links__link-box.active .banner-side-links__for-hover-style:before,
    .banner-side-links__link-box:focus .banner-side-links__for-hover-style:before,
    .banner-side-links__link-box:hover .banner-side-links__for-hover-style:before {
        width: 600%
    }
}

@media (min-width:1200px) {
    .banner-side-links {
        width: 22%
    }
    .banner-side-links__logo {
        font-size: 16vw
    }
}

@media (min-width:1500px) {
    .banner-side-links {
        width: 17%
    }
    .banner-side-links__logo {
        font-size: 12.7vw
    }
    .banner-side-links__for-hover-style {
        font-size: 1.5em
    }
    .banner-side-links__for-hover-style:before {
        top: .75em
    }
}

.banner-no {
    background-color: #d1d2d2;
    font-size: .8rem;
    padding-top: 4.3em;
    position: relative;
    z-index: 1
}

.banner-no__content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #6b6e71;
    padding: 3em 5%;
    width: 100%;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.banner-no__logo-main {
    margin-bottom: 2em
}

.banner-no__logo-svg {
    margin-bottom: 10px;
    text-align: center;
    font-size: 70vw;
    color: #fff
}

.banner-no__logo-svg svg {
    margin: 0 auto
}

.banner-no__alt-title {
    margin-top: 2em
}

.banner-no h1 {
    margin-bottom: .3em
}

.banner-no hr {
    border-color: #fff
}

.banner-no--dcb .banner-no__content {
    padding: 4em 10%;
    max-width: 330px;
    width: auto;
    box-sizing: content-box;
    margin: 0 auto;
    text-align: center
}

@media (min-width:375px) {
    .banner-no {
        font-size: 1rem
    }
    .banner-no--dcb .banner-no__content {
        padding: 4em 15%;
        width: 70%
    }
}

@media (min-width:768px) {
    .banner-no {
        padding-top: 0
    }
    .banner-no__content {
        padding: 7em 25%
    }
    .banner-no__logo-svg {
        font-size: 48vw
    }
    .banner-no--dcb .banner-no__content {
        max-width: 360px
    }
}

@media (min-width:992px) {
    .banner-no--dcb .banner-no__content,
    .banner-no__content {
        text-align: left;
        width: 63%;
        padding-right: 0;
        padding-left: 20%
    }
    .banner-no__logo-svg {
        font-size: 37vw;
        text-align: left
    }
    .banner-no__logo-svg svg {
        margin: 0
    }
    .banner-no__alt-title {
        margin-top: 1em
    }
    .banner-no--dcb .banner-no__content {
        margin-left: 0;
        width: 30%;
        text-align: center
    }
    .banner-no--higher .banner-no__content {
        padding-bottom: 14vw
    }
    .banner-no--blog-post .banner-no__content {
        width: 59%
    }
}

@media (min-width:1200px) {
    .banner-no__alt-title {
        margin-top: 1.5em
    }
}

@media (min-width:1500px) {
    .banner-no__content {
        padding: 5em 0 5em 12%;
        width: 52%
    }
    .banner-no__logo-svg {
        font-size: 33vw
    }
    .banner-no--dcb .banner-no__content {
        max-width: 27%;
        padding: 6vw 0 6vw 270px
    }
    .banner-no--higher .banner-no__content {
        padding-bottom: 23vw
    }
    .banner-no--blog-post .banner-no__content {
        width: 48%;
        padding-left: 250px
    }
}

.s-main {
    box-sizing: border-box;
    width: 100%;
    padding: 4em 5%
}

.s-main--dark {
    color: #fff
}

@media (min-width:768px) {
    .s-main {
        padding: 4em 80px
    }
}

@media (min-width:992px) {
    .s-main {
        padding-top: 5em;
        padding-bottom: 5em
    }
}

@media (min-width:1200px) {
    .s-main {
        padding: 10em 100px
    }
}

.s-head {
    padding: 0 5%;
    margin-bottom: 4em;
    text-align: center
}

.s-head__title {
    margin-bottom: 0
}

.s-head__tagline {
    font-size: 1.2em;
    margin-top: 1.7em;
    margin-bottom: 1.7em
}

.s-head__icon {
    font-size: 2.4em;
    margin-bottom: .1em
}

.s-head p {
    font-size: .875em
}

.s-head--dark,
.s-head--dark .s-head__title {
    color: #fff
}

@media (min-width:1200px) {
    .s-head p {
        font-size: 1.125em
    }
    .s-head__tagline {
        font-size: 1.5em;
        margin-left: 10%;
        margin-right: 10%
    }
}

.rs {
    list-style: none;
    font-size: 1.7em
}

.rs li {
    display: inline-block
}

.rs li a {
    color: #abaeb0;
    padding: .3em;
    text-decoration: none
}

.rs li a:focus,
.rs li a:hover {
    color: #6b6e71
}

.rs--dark li a:focus,
.rs--dark li a:hover {
    color: #fff
}

.rs--left-align li:first-child {
    margin-left: -.5em
}

.arrow-nav {
    font-size: 0
}

.arrow-nav .btn-icon:first-child {
    margin-right: 1px
}

.tabszone {
    margin-bottom: 0
}

.tabszone__group {
    margin: 4em 10% 2em;
    display: none;
    overflow: visible
}

.tabszone .tabszone__group:first-of-type {
    display: block
}

.tabszone-tarifs {
    margin-top: 2em;
    margin-bottom: 1em
}

.tabszone-tarifs__group {
    margin: 1.5em 0;
    display: none;
    overflow: visible
}

.tabszone-tarifs .tabszone-tarifs__group:first-of-type {
    display: block
}

@media (min-width:768px) {
    .tabszone__group {
        margin: 0
    }
    .tabszone-tarifs {
        margin-bottom: 2em
    }
    .tabszone-tarifs__group {
        margin: 1em 0
    }
}

@media (min-width:1200px) {
    .tabszone-tarifs {
        margin-top: 3em
    }
}

@media (min-width:1500px) {
    .tabszone-tarifs {
        margin-top: 4vw;
        margin-bottom: 3em
    }
}

.tabsnav {
    list-style: none;
    text-align: left;
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0 -5.555% 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: auto;
    height: calc(1.2em + 10vw)
}

.tabsnav__item {
    display: block;
    width: 50%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.tabsnav__link {
    text-decoration: none;
    color: #fff;
    background: #abaeb0;
    padding: .6em .5em;
    display: block;
    outline: none;
    text-align: center
}

.tabsnav__link .icon {
    font-size: 35vw;
    display: inline-block
}

.tabsnav__item.active .tabsnav__link,
.tabsnav__item.ui-tabs-active .tabsnav__link {
    background: #6b6e71;
    padding-top: .8em;
    padding-bottom: .8em
}

.tabsnav__link:focus,
.tabsnav__link:hover {
    color: #fff;
    padding-top: .7em;
    padding-bottom: .7em;
    outline: none
}

.tabsnav-tarifs {
    list-style: none;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    font-weight: 700;
    border-bottom: 1px solid #8f8f8f
}

.tabsnav-tarifs__item {
    display: inline-block;
    margin-right: 2em
}

.tabsnav-tarifs__link {
    text-decoration: none;
    color: #6b6e71;
    display: block;
    outline: none;
    position: relative;
    font-size: .875rem;
    line-height: 2.8
}

.tabsnav-tarifs__link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    height: .7em;
    width: 0;
    background: #877e79;
    transition: width .5s ease-out
}

.tabsnav-tarifs__link .icon {
    font-size: 35vw;
    display: inline-block
}

.tabsnav-tarifs__item.active .tabsnav-tarifs__link,
.tabsnav-tarifs__item.ui-tabs-active .tabsnav-tarifs__link {
    color: #6b6e71
}

.tabsnav-tarifs__item.active .tabsnav-tarifs__link:before,
.tabsnav-tarifs__item.ui-tabs-active .tabsnav-tarifs__link:before {
    width: 100%
}

.tabsnav-tarifs__link:focus,
.tabsnav-tarifs__link:hover {
    outline: none;
    color: #6b6e71
}

.tabsnav-tarifs__link:focus:before,
.tabsnav-tarifs__link:hover:before {
    width: 25%
}

@media (min-width:768px) {
    .tabsnav {
        margin: 0 0 1px;
        height: calc(3.1em + 2vw)
    }
    .tabsnav__link .icon {
        font-size: 11em
    }
}

@media (min-width:1200px) {
    .tabsnav {
        height: calc(3.1em + 1vw);
        font-size: .8rem
    }
    .tabsnav__item {
        -ms-flex-preferred-size: 23em;
        flex-basis: 23em
    }
    .tabsnav__link {
        padding: .4em .5em
    }
    .tabsnav__link .icon {
        font-size: 12em
    }
    .tabsnav__item.active .tabsnav__link,
    .tabsnav__item.ui-tabs-active .tabsnav__link {
        padding-top: .6em;
        padding-bottom: .6em
    }
    .tabsnav__link:focus,
    .tabsnav__link:hover {
        padding-top: .5em;
        padding-bottom: .5em
    }
}

@media (min-width:1500px) {
    .tabsnav {
        font-size: 1rem
    }
}

.activite-item {
    text-decoration: none;
    color: #6b6e71;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.activite-item__content {
    margin: 4%
}

.activite-item__img {
    margin-bottom: 1em;
    overflow: hidden
}

.activite-item__img img {
    transition: all .5s ease-out;
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.activite-item__title {
    font-size: .75em;
    font-weight: 700
}

.activite-item p {
    font-size: .75em;
    line-height: 1.3
}

.activite-item a {
    text-decoration: none
}

.activite-item a:focus,
.activite-item a:hover {
    text-decoration: underline
}

a.activite-item:focus,
a.activite-item:hover {
    color: hsla(210, 3%, 43%, .7)
}

a.activite-item:focus .activite-item__img img,
a.activite-item:hover .activite-item__img img {
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (min-width:1500px) {
    .activite-item__img {
        margin-bottom: 2em
    }
    .activite-item__title {
        font-size: 1.125em;
        margin-bottom: 1.3em
    }
    .activite-item p {
        font-size: .875em;
        line-height: 1.3
    }
}

.blog-post-item {
    background: #fff;
    margin: 0 -5.555% 4em;
    padding: 0 10%;
    position: relative
}

.blog-post-item:last-child {
    margin-bottom: 0
}

.blog-post-item__content {
    position: relative;
    padding-bottom: 2em;
    top: -2em
}

.blog-post-item__img {
    margin-bottom: 2em
}

.blog-post-item__title {
    font-size: .875em;
    font-weight: 700
}

p.blog-post-item__desc {
    font-size: .875em
}

p.blog-post-item__btn {
    text-align: right;
    margin-bottom: 0;
    position: absolute;
    bottom: .3em;
    right: .1em
}

@media (min-width:768px) {
    .blog-post-item {
        margin: 0 0 0 1em
    }
    .blog-post-item:first-child {
        margin: 0
    }
    .blog-post-item__content {
        padding-bottom: 4em
    }
    .blog-post-item__img {
        margin-bottom: 1.5em
    }
    .blog-post-item__title {
        font-size: .75em
    }
    p.blog-post-item__desc {
        font-size: .75em;
        line-height: 1.2
    }
}

@media (min-width:1200px) {
    .blog-post-item__title {
        font-size: 1.125em
    }
    p.blog-post-item__desc {
        font-size: .875em;
        line-height: 1.3
    }
}

@media (min-width:1500px) {
    .blog-post-item__content {
        top: -3em
    }
    .blog-post-item__title {
        font-size: 1.125em
    }
}

.img-icon-link {
    position: relative;
    font-size: .5rem
}

.img-icon-link__figcaption {
    position: absolute;
    right: 2em;
    bottom: 2em;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.img-icon-link__link {
    color: #fff;
    display: block;
    text-decoration: none
}

.img-icon-link__link-text {
    display: block;
    font-size: .875em
}

.img-icon-link__link .icon {
    font-size: 4em;
    display: block;
    margin: 0 auto
}

.img-icon-link__link:focus,
.img-icon-link__link:hover {
    opacity: .7;
    color: #fff
}

@media (min-width:768px) {
    .img-icon-link {
        font-size: .9rem
    }
}

@media (min-width:1200px) {
    .img-icon-link {
        height: 100%
    }
}

@media (min-width:1500px) {
    .img-icon-link {
        font-size: 1rem
    }
    .img-icon-link__figcaption {
        right: 3vw;
        bottom: 2.3vw
    }
}

.chambre-price-zone {
    text-transform: uppercase;
    font-size: .75em;
    line-height: 1;
    margin-bottom: 1em;
    color: hsla(206, 3%, 43%, .6);
    margin-top: -2em
}

.chambre-price-zone__price {
    font-weight: 700;
    font-size: 1.5em;
    color: #6b6e71;
    display: inline-block;
    margin-left: .1em;
    margin-right: .1em
}

.chambre-price-zone__price sup {
    font-weight: 300;
    display: inline-block;
    font-size: .5em;
    top: -.6em;
    margin-right: 0
}

@media (min-width:768px) {
    .chambre-price-zone {
        font-size: .75em;
        margin-top: 0
    }
    .chambre-price-zone__price {
        font-size: 3.5em;
        vertical-align: -.2em
    }
}

@media (min-width:1200px) {
    .chambre-price-zone {
        font-size: .875em
    }
    .chambre-price-zone__price {
        font-size: 4.2em;
        vertical-align: -.2em
    }
}

.golf-trous {
    top: -2em;
    margin-left: -5%;
    margin-bottom: 2em
}

.golf-trous,
.golf-trous-slide {
    position: relative
}

.golf-trous-slide__img {
    width: 65%;
    position: relative;
    z-index: 2;
    margin-bottom: 20vw
}

.golf-trous-slide__par {
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 2em;
    left: 25%;
    width: 75%;
    box-sizing: border-box;
    padding: .9em .3em .9em 38%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px dashed #d9d4d0
}

.golf-trous-slide__par-item {
    width: 50%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    line-height: 1
}

.golf-trous-slide__par-item:first-child {
    border-right: 1px solid #fff
}

.golf-trous-slide__par-title {
    display: block;
    text-transform: uppercase;
    font-style: italic
}

.golf-trous-slide__par-data {
    display: block;
    font-size: 1.7em
}

.golf-trous-slide__charte {
    position: absolute;
    top: 38vw;
    right: 5%;
    width: auto
}

@media (min-width:375px) {
    .golf-trous-slide__charte {
        right: 8%
    }
}

@media (min-width:768px) {
    .golf-trous {
        top: -9vw;
        margin-left: -10%
    }
    .golf-trous-slide__img {
        width: 70%;
        margin-bottom: 2em
    }
    .golf-trous-slide__par {
        top: 9vw;
        font-size: 1.5em;
        padding: 3.5vw 5% 3.5vw 45%
    }
    .golf-trous-slide__charte {
        font-size: 1.5em;
        top: calc(9vw + 8em);
        right: 6%
    }
}

@media (min-width:992px) {
    .golf-trous {
        top: -5vw;
        margin-left: -65px;
        margin-bottom: 6em
    }
    .golf-trous-slide__par {
        top: 5vw;
        font-size: 1em;
        padding: 2vw 5% 2vw 45%
    }
    .golf-trous-slide__charte {
        font-size: 1em;
        top: calc(5vw + 8em)
    }
}

@media (min-width:1200px) {
    .golf-trous {
        margin-left: -80px;
        margin-bottom: 4vw
    }
    .golf-trous-slide__par {
        font-size: 1.7vw;
        padding: 1.6vw 5% 1.5vw 45%
    }
    .golf-trous-slide__charte {
        font-size: 1.5vw;
        right: 8%
    }
}

.golf-experience-charte {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.golf-experience-charte__item {
    position: relative;
    padding-left: 2.7em;
    width: 50%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box
}

.golf-experience-charte__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: -.3em;
    display: block;
    width: 2em;
    height: 2em
}

.golf-experience-charte__item--pro:before {
    background-color: #877f7b
}

.golf-experience-charte__item--homme:before {
    background-color: #ffc900
}

.golf-experience-charte__item--junior:before {
    background-color: #000
}

.golf-experience-charte__item--femme:before {
    background-color: #c90000
}

@media (min-width:768px) {
    .golf-experience-charte {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .golf-experience-charte__item {
        width: 25%;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media (min-width:992px) {
    .golf-experience-charte {
        font-size: .8em
    }
    .golf-experience-charte__item {
        width: auto
    }
}

@media (min-width:1500px) {
    .golf-experience-charte {
        font-size: 1em
    }
}

.golf-trou-charte {
    color: #fff
}

.golf-trou-charte__item {
    position: relative;
    margin-bottom: .2em
}

.golf-trou-charte__cat {
    height: 1.4em;
    width: 1.4em;
    display: inline-block;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1;
    text-align: center;
    padding-top: .2em;
    box-sizing: border-box
}

.golf-trou-charte__data {
    margin-left: .3em
}

.golf-trou-charte__item--pro .golf-trou-charte__cat {
    background-color: #877f7b
}

.golf-trou-charte__item--homme .golf-trou-charte__cat {
    background-color: #ffc900
}

.golf-trou-charte__item--junior .golf-trou-charte__cat {
    background-color: #000;
    padding-top: .1em
}

.golf-trou-charte__item--femme .golf-trou-charte__cat {
    background-color: #c90000
}

.tarifs-golf-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.tarifs-golf-main__text {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tarifs-golf-main__price {
    font-weight: 700;
    font-size: 3.35em;
    color: #6b6e71;
    display: block;
    margin-left: .3em;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.tarifs-golf-main__price sup {
    font-weight: 300;
    display: inline-block;
    font-size: .5em;
    top: -.6em;
    margin-right: -.4em
}

.tarifs-golf-tableau {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 1.5em
}

.tarifs-golf-tableau__tarif {
    text-align: center;
    width: 33%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tarifs-golf-tableau__tarif-time {
    font-size: .78em
}

.tarifs-golf-tableau__tarif-price {
    font-weight: 700;
    font-size: 2.7em;
    line-height: .9;
    color: #6b6e71;
    display: block
}

.tarifs-golf-tableau__tarif-price sup {
    font-weight: 300;
    display: inline-block;
    font-size: .5em;
    top: -.6em;
    margin-right: -.4em
}

@media (min-width:768px) {
    .tarifs-golf-tableau {
        width: 75%;
        max-width: 25em;
        margin-top: 0
    }
}

@media (min-width:992px) {
    .tarifs-golf-tableau {
        width: 100%
    }
}

@media (min-width:1200px) {
    .img-off {
        height: 100%
    }
    .img-off,
    .img-off__img {
        position: relative;
        z-index: 2
    }
    .img-off__img {
        margin-left: 13%;
        margin-bottom: 1vw;
        top: -3vw
    }
    .img-off__bg {
        width: 85%;
        position: absolute;
        z-index: 1;
        box-sizing: border-box;
        top: 0;
        bottom: -2vw;
        background: #b5aca5;
        padding: 3em 5%;
        text-align: center
    }
}

@media (min-width:1500px) {
    .img-off__img {
        margin-bottom: 2vw
    }
}

.img-off-with-cta__img {
    position: relative;
    z-index: 2
}

.img-off-with-cta__bg {
    background: #d1c6be;
    padding: 3em 5%;
    text-align: center
}

@media (min-width:768px) {
    .img-off-with-cta {
        position: relative
    }
    .img-off-with-cta__img {
        margin-left: 10%;
        margin-bottom: 11em
    }
    .img-off-with-cta__bg {
        width: 75%;
        position: absolute;
        z-index: 1;
        top: 10%;
        bottom: -14em;
        box-sizing: border-box
    }
    .img-off-with-cta__btn {
        position: absolute;
        bottom: 6em;
        width: 90%
    }
}

@media (min-width:992px) {
    .img-off-with-cta {
        height: 100%
    }
    .img-off-with-cta__img {
        top: -3vw
    }
    .img-off-with-cta__bg {
        top: 0;
        bottom: -3vw
    }
    .img-off-with-cta__btn {
        top: 30vw;
        bottom: auto
    }
}

@media (min-width:1500px) {
    .img-off-with-cta__btn {
        top: 28vw
    }
    .img-off-with-cta__img {
        margin-bottom: 8em
    }
}

.coordonnees-box {
    background: #585c5f;
    color: #fff;
    padding: 15% 12%;
    box-sizing: border-box
}

.coordonnees-box__logo {
    font-size: 70vw;
    margin-bottom: 2.5rem
}

p.coordonnees-box__data {
    margin-bottom: 0;
    margin-left: 1.5em;
    position: relative;
    line-height: 1.8
}

p.coordonnees-box__data--spacing {
    margin-bottom: 1.5em
}

.coordonnees-box__data-icon {
    position: absolute;
    top: -.1em;
    left: -1.5em;
    opacity: .25;
    font-size: 1.1em
}

.coordonnees-box__cta {
    margin-top: 3em
}

@media (min-width:414px) {
    .coordonnees-box__logo {
        font-size: 18em
    }
}

@media (min-width:768px) {
    .coordonnees-box__logo {
        font-size: 27vw
    }
}

@media (min-width:1200px) {
    .coordonnees-box__logo {
        font-size: 15vw;
        margin-bottom: 2.7vw
    }
}

.blog-post-date {
    position: relative;
    z-index: 2
}

.blog-post-date__date {
    background: #595d5f;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: .8em;
    display: inline-block;
    padding: .6em 2em
}

.blog-post-categories {
    margin-top: 4em;
    margin-bottom: 4em
}

.blog-post-categories .list-categories {
    margin-top: 1em
}

@media (min-width:992px) {
    .blog-post-date {
        top: -1.1em
    }
}

@media (min-width:1500px) {
    .blog-post-categories h2 {
        margin-bottom: .8em
    }
}

.blog-post-navigation {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden
}

.blog-post-navigation__left,
.blog-post-navigation__right {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    font-size: .75em;
    width: 50%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.blog-post-navigation__right {
    text-align: right
}

.blog-post-navigation__text {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 1em
}

.blog-post-navigation .btn-icon {
    float: left;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.blog-post-navigation__right .btn-icon {
    float: right
}

@media (min-width:768px) {
    .blog-post-navigation {
        font-size: 1.2em
    }
    .blog-post-navigation__text {
        margin: 0 2em
    }
}

.s-summary-chambres {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #d1d2d2;
    padding-bottom: 0
}

.s-summary-chambres__img-c {
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.s-summary-chambres__img {
    margin: 0 -5.555%
}

.s-summary-chambres__content-c {
    text-align: center;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media (min-width:768px) {
    .s-summary-chambres__img {
        margin: 0
    }
}

@media (min-width:992px) {
    .s-summary-chambres {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .s-summary-chambres__img-c {
        -ms-flex-order: 1;
        order: 1;
        width: 53%;
        margin-right: 6%;
        position: relative
    }
    .s-summary-chambres__img {
        margin: 0 0 0 12%;
        position: relative;
        z-index: 2
    }
    .s-summary-chambres__img-bg {
        background: #fff;
        position: absolute;
        top: 9%;
        bottom: 0;
        left: 0;
        right: 20%;
        z-index: 1
    }
    .s-summary-chambres__content-c {
        -ms-flex-order: 2;
        order: 2;
        width: 41%;
        text-align: left
    }
}

.chambre-qty-box-ctn {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 30em;
    margin: 0 auto;
    margin-top: 1.7em
}

.chambre-qty-box-ctn .chambre-qty-box {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 50%
}

.chambre-qty-box {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1em
}

p.chambre-qty-box__desc {
    text-transform: uppercase;
    font-size: .8em;
    margin-bottom: 1.3em;
    line-height: 1;
    font-weight: 700
}

.chambre-qty-box figure {
    color: #fff;
    font-size: 6em;
    margin-bottom: .2em
}

.chambre-qty-box__desc strong {
    font-size: 3em
}

.chambre-qty-box__cta .btn-arrow-link__text {
    display: none
}

@media (min-width:768px) {
    .chambre-qty-box-ctn {
        margin-bottom: 1em
    }
    .chambre-qty-box-ctn .chambre-qty-box__cta .btn-arrow-link__text {
        display: inline-block
    }
}

@media (min-width:992px) {
    .chambre-qty-box-ctn {
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: none;
        width: auto;
        margin-left: 0
    }
    .chambre-qty-box-ctn .chambre-qty-box {
        font-size: .8rem;
        width: auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 6em
    }
    .chambre-qty-box-ctn .chambre-qty-box__cta .btn-arrow-link__text {
        display: none
    }
}

@media (min-width:1200px) {
    .chambre-qty-box-ctn {
        margin-left: -4.3em;
        margin-bottom: 2em;
        width: auto;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .chambre-qty-box-ctn .chambre-qty-box {
        font-size: 1rem;
        width: 15em;
        margin-right: 0
    }
    .chambre-qty-box-ctn .chambre-qty-box__cta .btn-arrow-link__text {
        display: inline-block
    }
}

@media (min-width:1500px) {
    .chambre-qty-box-ctn {
        margin-top: 4vw;
        margin-bottom: 8vw
    }
    .chambre-qty-box-ctn .chambre-qty-box {
        margin-right: 8%
    }
}

.s-activites {
    background-color: #fff;
    position: relative;
    padding: 0
}

.s-activites__head {
    background-color: #877f7b;
    padding: 5em 5% 8em;
    margin-bottom: 0
}

.s-activites__content {
    margin: 0 1% 2em
}

.carousel-activites {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -4em;
    padding-left: 2%;
    padding-right: 2%;
    display: none
}

@media (min-width:768px) {
    .s-activites {
        background-color: #d1d2d2;
        padding: 0 80px;
        position: relative;
        z-index: 2
    }
    .s-activites__head {
        background-color: #877f7b;
        padding-bottom: 9em
    }
    .s-activites__content {
        background: #fff;
        margin: -10vw 0 0;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        top: 10vw
    }
    .carousel-activites {
        top: -5em
    }
}

@media (min-width:1200px) {
    .s-activites {
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 3em
    }
}

@media (min-width:1500px) {
    .carousel-activites {
        top: -8em
    }
    .s-activites {
        padding-bottom: 2em
    }
    .s-activites__head {
        padding-top: 7em;
        padding-bottom: 12em
    }
}

.s-golf-equipe {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 0
}

.s-golf-equipe__head {
    background-color: #877f7b;
    padding: 5em 5% 8em;
    margin-bottom: 0
}

.s-golf-equipe__content {
    margin: 0 10%
}

.s-golf-equipe__team {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: -5em
}

.s-golf-equipe__certifications {
    margin: 2.5em auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 80%;
    max-width: 23em
}

.s-golf-equipe__certification {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33%
}

.s-golf-equipe__team .activite-item {
    margin-bottom: 3em
}

.s-golf-equipe__team .activite-item__content {
    margin: 0
}

@media (min-width:768px) {
    .s-golf-equipe {
        padding-left: 80px
    }
    .s-golf-equipe__head {
        padding-bottom: 10em
    }
    .s-golf-equipe__content {
        background: #fff;
        position: relative;
        top: 7vw;
        margin: -7vw 0 0
    }
    .s-golf-equipe__team {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 5%;
        font-size: .9em;
        top: -9em;
        max-height: 27vw
    }
    .s-golf-equipe__certifications {
        margin-top: 0
    }
    .s-golf-equipe__team .activite-item {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 31%;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .s-golf-equipe__head {
        padding-bottom: 12em
    }
    .s-golf-equipe__team {
        font-size: 1em;
        margin: 0 10%
    }
    .s-golf-equipe__certifications {
        max-width: 30em
    }
    .s-golf-equipe__certification {
        width: 27%
    }
}

@media (min-width:1200px) {
    .s-golf-equipe {
        padding-left: 100px;
        padding-bottom: 3em
    }
    .s-golf-equipe__team {
        margin: 0 12%
    }
    .s-golf-equipe__team .activite-item {
        width: 29%
    }
}

@media (min-width:1500px) {
    .s-golf-equipe {
        padding-bottom: 2em
    }
    .s-golf-equipe__head {
        padding-top: 10em;
        padding-bottom: 16vw
    }
    .s-golf-equipe__team {
        top: -13vw;
        max-height: 21vw
    }
    .s-golf-equipe__certifications {
        max-width: 43em;
        margin-top: 2em;
        margin-bottom: 1em
    }
    .s-golf-equipe__certification {
        width: 24%
    }
}

.s-reservation {
    position: relative;
    background: #1d1a18 url(./images/reservez-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 2em
}

@media (min-width:768px) {
    .s-reservation {
        position: relative;
        z-index: 1;
        padding-top: 10em;
        padding-bottom: 6em
    }
}

@media (min-width:992px) {
    .s-reservation {
        padding-top: 18vw;
        padding-bottom: 11vw
    }
}

@media (min-width:1200px) {
    .s-reservation {
        padding-top: 14vw
    }
}

@media (min-width:1500px) {
    .s-reservation {
        padding-top: 15em;
        padding-bottom: 14em
    }
}

.s-blog {
    background-color: #d1d2d2
}

.s-blog__head {
    margin-bottom: 5.5em
}

.s-blog__cta {
    text-align: center;
    padding: 4em 0
}

@media (max-width:767px) {
    .s-blog {
        padding-bottom: 0
    }
}

@media (min-width:768px) {
    .s-blog__content {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5em
    }
    .s-blog__cta {
        padding-top: 4vw
    }
    .s-blog__content .blog-post-item {
        margin-left: 2%;
        width: 33%;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 3%
    }
    .s-blog__content .blog-post-item:first-child {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .s-blog__head {
        margin-bottom: 7em
    }
    .s-blog__content {
        margin-bottom: 3em
    }
    .s-blog__cta {
        padding-bottom: 1em;
        padding-top: 6vw
    }
}

@media (min-width:1500px) {
    .s-blog__content {
        margin-bottom: 7em
    }
    .s-blog__cta {
        padding-top: 3vw;
        padding-bottom: 4vw
    }
    .s-blog__content .blog-post-item {
        margin-left: 4%;
        padding: 0 3%
    }
    .s-blog__content .blog-post-item:first-child {
        margin-left: 0
    }
}

.s-chambres-list {
    position: relative
}

.chambre-list {
    border-top: 2em solid #d1d2d2
}

.chambre-list__desc {
    background: #fff;
    padding: 3em 10% 1em;
    position: relative;
    z-index: 2
}

.chambre-list__head {
    border-bottom: 1px solid #e5e5e6;
    margin-bottom: 2em
}

.chambre-list__img {
    position: relative;
    z-index: 1
}

.chambre-list__content .list {
    margin-bottom: 2em
}

.chambre-list__content .btn-wrap-icon-out {
    margin-top: 3em
}

.chambre-list__content .btn-wrap-icon-out__icon {
    display: none
}

@media (min-width:414px) {
    .chambre-list__content .btn-wrap-icon-out__icon {
        display: block
    }
}

@media (min-width:768px) {
    .chambre-list {
        font-size: .8rem;
        border-top: none;
        padding-top: 3em
    }
    .chambre-list:last-child {
        margin-bottom: 10em
    }
    .chambre-list__desc {
        margin: 0 80px -7em;
        box-sizing: border-box;
        padding: 3em 7%
    }
    .s-chambres-list:before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 25vw;
        background: #d1d2d2
    }
    .chambre-list__head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: .5em
    }
    .chambre-list__head h2 {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-bottom: 0;
        margin-right: .5em
    }
    .chambre-list__head .chambre-price-zone {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .chambre-list {
        font-size: 1rem
    }
}

@media (min-width:1200px) {
    .s-chambres-list {
        padding-right: 100px;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 15em
    }
    .chambre-list {
        font-size: .7rem;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        margin-bottom: 3em
    }
    .chambre-list__v-center {
        position: absolute;
        z-index: 2;
        width: 60%;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .chambre-list__desc {
        margin: 0;
        padding: 5vw 4vw 5vw 130px
    }
    .chambre-list__img {
        margin-left: 40%
    }
    .chambre-list__content .btn-wrap-icon-out {
        margin-top: 0
    }
    p.chambre-list__cta {
        position: absolute;
        top: 100%;
        margin-top: -1em
    }
    .chambre-list__head {
        margin-bottom: 3em
    }
}

@media (min-width:1200px) and (max-width:1499px) {
    .chambre-list__content .btn-wrap-icon-out__btn {
        font-size: .7rem
    }
    .chambre-list__content .btn-wrap-icon-out__icon {
        font-size: 5.2rem
    }
}

@media (min-width:1500px) {
    .s-chambres-list {
        margin-bottom: 20em
    }
    .chambre-list {
        font-size: 1rem
    }
    .chambre-list__v-center {
        width: 55%
    }
    .chambre-list__desc {
        padding: 6vw 4vw 6vw 140px
    }
    .chambre-list__img {
        margin-left: 45%
    }
    p.chambre-list__cta {
        margin-top: -2em
    }
    .chambre-list__head {
        margin-bottom: 4em
    }
}

.s-forfaits-list {
    position: relative
}

.forfait-list {
    border-top: 2em solid #d1d2d2
}

.forfait-list__desc {
    background: #fff;
    padding: 2em 10% 3em;
    position: relative;
    z-index: 2
}

.forfait-list__head {
    border-bottom: 1px solid #e5e5e6;
    margin-bottom: 2em
}

.forfait-list__img {
    position: relative;
    z-index: 1
}

.forfait-list__content .list {
    margin-bottom: 2em
}

.forfait-list__content .btn-wrap-icon-out {
    margin-top: 3em
}

.forfait-list__content .btn-wrap-icon-out__icon {
    display: none
}

@media (min-width:414px) {
    .forfait-list__content .btn-wrap-icon-out__icon {
        display: block
    }
}

@media (min-width:768px) {
    .forfait-list {
        font-size: .8rem;
        border-top: none;
        padding-top: 3em
    }
    .forfait-list:last-child {
        margin-bottom: 10em
    }
    .forfait-list__desc {
        margin: -7em 80px 0;
        box-sizing: border-box;
        padding: 3em 7%
    }
    .s-forfaits-list:before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        width: 100%;
        height: 15vw;
        background: #d1d2d2
    }
    .forfait-list__head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: .5em
    }
    .forfait-list__head h2 {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-bottom: 0;
        margin-right: .5em
    }
    .forfait-list__head .chambre-price-zone {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .forfait-list {
        font-size: 1rem
    }
}

@media (min-width:1200px) {
    .s-forfaits-list {
        width: 100%;
        max-width:100%;
        box-sizing: border-box;
        margin-bottom: 15em;
        padding-top: 2vw
    }
    .forfait-list {
        font-size: .7rem;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        margin-bottom: 13vw;
        margin-left: 100px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        width: calc(100% - 100px)
    }
    .forfait-list__desc {
        margin: -8vw 0 0;
        padding: 4.5vw 4vw 4.5vw 5.5vw;
        box-sizing: border-box
    }
    .forfait-list__desc,
    .forfait-list__img {
        width: 50%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .forfait-list__img {
        margin-left: 0
    }
    .forfait-list__content .btn-wrap-icon-out {
        margin-top: 0
    }
    .forfait-list__content .list-bullets {
        margin-top: 3vw
    }
    p.forfait-list__cta {
        margin-top: 6vw
    }
    .forfait-list__head {
        margin-bottom: 2.5vw;
        padding-bottom: 1.5vw
    }
}

@media (min-width:1200px) and (max-width:1499px) {
    .forfait-list__content .btn-wrap-icon-out__btn {
        font-size: .7rem
    }
    .forfait-list__content .btn-wrap-icon-out__icon {
        font-size: 5.2rem
    }
}

@media (min-width:1500px) {
    .forfait-list {
        font-size: 1rem
    }
}

.s-chambres-side-by-side {
    padding-top: 55px
}

.chambre-big {
    position: relative
}

.chambre-big__content {
    width: 80%;
    max-width: 25em;
    margin: 0 auto;
    padding: 2.5em 10% 3em;
    background: #fff;
    text-align: center
}

.chambre-big__logo {
    max-width: 16em;
    margin: 0 auto 2em
}

.chambre-big__desc {
    font-size: .875em;
    margin-bottom: 1em
}

.chambre-big__stars {
    color: #b5aca5;
    font-size: 1.5em;
    margin-bottom: 1em
}

@media (min-width:375px) {
    .s-chambres-side-by-side {
        padding-top: 70px
    }
}

@media (min-width:768px) {
    .s-chambres-side-by-side {
        padding-top: 0;
        margin-bottom: 8em
    }
    .chambre-big {
        background: #000;
        margin-bottom: 1em
    }
    .chambre-big__content {
        position: absolute;
        overflow: hidden;
        z-index: 1;
        bottom: 0;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        padding: 5vw 15%;
        background: hsla(0, 0%, 100%, .8);
        text-align: center;
        transition: background .3s ease-out, padding .3s ease-out
    }
    .chambre-big__logo {
        max-width: 17em;
        transform: translateZ(0)
    }
    .chambre-big__desc {
        font-size: 1em;
        margin-bottom: .7em
    }
    .chambre-big__stars {
        font-size: 2em;
        margin-bottom: .5em
    }
    .chambre-big__cta {
        opacity: 0;
        position: absolute;
        left: 50%;
        bottom: -4vw;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: opacity .3s ease-out, bottom .3s ease-out
    }
    .chambre-big__bg {
        opacity: .65;
        transition: opacity .3s ease-out
    }
    .chambre-big:focus .chambre-big__bg,
    .chambre-big:hover .chambre-big__bg {
        opacity: 1
    }
    .chambre-big:focus .chambre-big__content,
    .chambre-big:hover .chambre-big__content {
        background: hsla(0, 0%, 100%, .95);
        padding-top: 8vw;
        padding-bottom: 14vw
    }
    .chambre-big:focus .chambre-big__cta,
    .chambre-big:hover .chambre-big__cta {
        opacity: 1;
        bottom: 6vw
    }
}

@media (min-width:992px) {
    .s-chambres-side-by-side {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .chambre-big {
        width: 50%;
        font-size: .8rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .chambre-big__content {
        padding: 3vw 10% 1vw
    }
    .chambre-big__logo {
        height: 4em;
        margin-bottom: 1em
    }
    .chambre-big:focus .chambre-big__content,
    .chambre-big:hover .chambre-big__content {
        padding-top: 4vw;
        padding-bottom: 9vw
    }
    .chambre-big:focus .chambre-big__cta,
    .chambre-big:hover .chambre-big__cta {
        bottom: 2.5vw
    }
}

@media (min-width:1200px) {
    .s-chambres-side-by-side {
        margin-bottom: 10em
    }
    .chambre-big {
        font-size: 1rem
    }
    .chambre-big__content {
        padding-bottom: 2vw
    }
    .chambre-big:focus .chambre-big__cta,
    .chambre-big:hover .chambre-big__cta {
        bottom: 4vw
    }
}

@media (min-width:1500px) {
    .s-chambres-side-by-side {
        margin-bottom: 13em
    }
    .chambre-big__content {
        padding-top: 2.5vw;
        padding-bottom: 3vw
    }
    .chambre-big:focus .chambre-big__content,
    .chambre-big:hover .chambre-big__content {
        padding-top: 3.5vw;
        padding-bottom: 6.5vw
    }
    .chambre-big:focus .chambre-big__cta,
    .chambre-big:hover .chambre-big__cta {
        bottom: 3vw
    }
}

.s-golf-parcours {
    background-color: #e8e8e8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 0
}

.s-golf-parcours__trous {
    width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-order: 2;
    order: 2;
    background: #b5aca5;
    margin-top: 3em;
    position: relative
}

.s-golf-parcours__desc {
    width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 3em
}

.s-golf-parcours__desc-bottom {
    margin-top: 3em
}

.s-golf-parcours__desc-ctas {
    text-align: right
}

.s-golf-parcours__desc-ctas .btn-arrow-link {
    margin-left: 2em
}

.s-golf-parcours__desc-sep {
    border-color: #8f8f8f;
    margin: 2em 0
}

.s-golf-parcours .arrow-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 2
}

@media (min-width:768px) {
    .s-golf-parcours {
        padding-top: 3em;
        padding-bottom: 7em
    }
    .s-golf-parcours__trous {
        margin-top: 6em
    }
    .s-golf-parcours__desc-bottom {
        margin-top: 5em
    }
    .s-golf-parcours__desc-ctas {
        text-align: left
    }
    .s-golf-parcours__desc-ctas .btn-arrow-link {
        margin-left: 0;
        margin-right: 5em
    }
}

@media (min-width:992px) {
    .s-golf-parcours {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .s-golf-parcours__trous {
        width: 43%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 5em
    }
    .s-golf-parcours__trous:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 100%;
        background: #fff
    }
    .s-golf-parcours__desc {
        width: 50%;
        margin-left: 7%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 1em
    }
    .s-golf-parcours__desc-bottom {
        margin-top: 2em
    }
    .s-golf-parcours__desc-ctas {
        text-align: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
    .s-golf-parcours__desc-ctas .btn-arrow-link {
        margin-right: 0;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .s-golf-parcours__desc-sep {
        margin: 1.5em 0
    }
}

@media (min-width:1200px) {
    .s-golf-parcours {
        padding-top: 8vw;
        padding-bottom: 7vw
    }
    .s-golf-parcours__desc {
        margin-top: -2vw
    }
    .s-golf-parcours__desc-ctas {
        padding-bottom: .5em
    }
    .s-golf-parcours__desc-sep {
        margin: 2.2em 0
    }
}

@media (min-width:1500px) {
    .s-golf-parcours {
        padding-bottom: 9vw
    }
    .s-golf-parcours__desc {
        max-width: 41em;
        margin-left: 10%
    }
    .s-golf-parcours__desc h2 {
        margin-bottom: 1em
    }
    .s-golf-parcours__desc-bottom {
        margin-top: 9vw;
        max-width: 40em
    }
}

.s-golf-tarifs {
    padding-bottom: 0;
    position: relative;
    z-index: 3
}

.s-golf-tarifs__tarifs {
    margin-bottom: 1em
}

.s-golf-tarifs__desc-ctas {
    text-align: right;
    margin-top: 3em
}

.s-golf-tarifs__desc-ctas .btn-arrow-link {
    margin-left: 2em
}

.s-golf-tarifs__img-cta {
    margin: 0 -5.555%
}

.s-golf-tarifs__tarifs h2 {
    margin-bottom: .2em
}

@media (min-width:768px) {
    .s-golf-tarifs__tarifs {
        margin-top: -11em;
        background: #fff;
        padding: 5em 10% 3em
    }
    .s-golf-tarifs__desc-ctas {
        text-align: left
    }
    .s-golf-tarifs__desc-ctas .btn-arrow-link {
        margin-left: 0;
        margin-right: 8%
    }
    .s-golf-tarifs__desc-ctas .btn-arrow-link:last-child {
        margin-right: 0
    }
    .s-golf-tarifs__img-cta {
        margin: 0
    }
}

@media (min-width:992px) {
    .s-golf-tarifs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-top: 0
    }
    .s-golf-tarifs__tarifs {
        box-sizing: border-box;
        width: 43%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: -7em;
        padding: 3.7em 5% 2em;
        margin-bottom: 0
    }
    .s-golf-tarifs__img-cta {
        width: 57%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width:1200px) {
    .s-golf-tarifs__img-cta {
        margin-top: -3vw;
        margin-top: 0
    }
}

@media (min-width:1500px) {
    .s-golf-tarifs__tarifs {
        padding-bottom: 4em
    }
    .s-golf-tarifs__desc-ctas {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 28em
    }
    .s-golf-tarifs__desc-ctas .btn-arrow-link {
        margin-right: 0
    }
}

.s-golf-forfaits {
    padding: 0
}

.s-golf-forfaits__content {
    background-color: #2c2a29;
    padding: 4em 10%
}

.forfait-item {
    margin-bottom: 3em;
    position: relative
}

.forfait-item__title {
    font-size: 1.125em;
    font-weight: 700
}

@media (min-width:768px) {
    .s-golf-forfaits {
        padding: 0 80px
    }
    .s-golf-forfaits__content {
        margin-right: -80px;
        padding-right: 80px;
        padding-top: 7em
    }
    .s-golf-forfaits__list {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 3em
    }
    .forfait-item {
        width: 45%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 4em
    }
}

@media (min-width:992px) {
    .s-golf-forfaits__content {
        padding: 5em 5%;
        background-image: url(./images/golf-forfaits-bg.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover
    }
    .s-golf-forfaits__list {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: -4em
    }
    .forfait-item {
        width: 30%;
        margin-right: 3%
    }
}

@media (min-width:1200px) {
    .s-golf-forfaits {
        padding: 0 100px
    }
    .s-golf-forfaits__content {
        margin-right: -100px;
        padding-right: 100px
    }
}

@media (min-width:1500px) {
    .s-golf-forfaits__content {
        padding-top: 5.5em
    }
    .s-golf-forfaits__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 5em
    }
    .forfait-item {
        width: 17%;
        margin-bottom: 3em;
        padding-bottom: 5em
    }
    .forfait-item__title {
        margin-bottom: 2em
    }
    .forfait-item__link {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

.s-golf-photos {
    background-color: #e8e8e8
}

.s-golf-photos__content {
    position: relative;
    z-index: 1;
    padding-bottom: 5em
}

.s-golf-photos__content .arrow-nav {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    text-align: center
}

.golf-photos__img {
    margin-bottom: 1.5em
}

.golf-photos__content h2 {
    margin-bottom: .5em
}

@media (min-width:375px) {
    .s-golf-photos__content {
        padding-bottom: 6em
    }
}

@media (min-width:768px) {
    .s-golf-photos__content {
        margin-top: 3em;
        padding-bottom: 7em
    }
    .golf-photos__img {
        margin-bottom: 2em
    }
}

@media (min-width:992px) {
    .s-golf-photos {
        padding-bottom: 0
    }
    .s-golf-photos__content {
        margin-top: 4em;
        padding-bottom: 80px
    }
    .s-golf-photos__bg {
        background: #b5aca5;
        width: 57%;
        height: 32vw;
        position: absolute;
        z-index: -1;
        left: 0;
        bottom: 0
    }
    .s-golf-photos__content .arrow-nav {
        text-align: right
    }
    .golf-photos__item {
        height: 100%
    }
    .golf-photos__img {
        float: left;
        width: 52%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 0
    }
    .golf-photos__content {
        float: left;
        width: 38%;
        margin-top: 3em
    }
    .golf-photos__content p {
        line-height: 1.7
    }
}

@media (min-width:1200px) {
    .s-golf-photos__content {
        margin-top: 0;
        padding-bottom: 100px
    }
    .golf-photos__content {
        font-size: .9em;
        margin-top: 5em
    }
}

@media (min-width:1500px) {
    .s-golf-photos__content {
        margin-top: 2vw
    }
    .s-golf-photos__bg {
        width: 67%
    }
    .golf-photos__img {
        margin-left: 8%;
        width: 59%
    }
    .golf-photos__content {
        font-size: 1em;
        width: 28%;
        margin-top: 10vw
    }
    .golf-photos__content h2 {
        margin-bottom: 2vw
    }
    .golf-photos__content p {
        line-height: 2
    }
}

.s-coordonnees {
    padding-top: 0;
    position: relative;
    z-index: 2
}

.s-coordonnees__boxes {
    background: #585c5f;
    margin: 0 -5.555%;
    padding: 0
}

.s-coordonnees__boxes .coordonnees-box:not(:last-child) {
    border-bottom: 1px solid hsla(26, 10%, 68%, .25)
}

@media (min-width:768px) {
    .s-coordonnees {
        margin-top: -7vw
    }
    .s-coordonnees__boxes {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .s-coordonnees__boxes .coordonnees-box,
    .s-coordonnees__boxes .coordonnees-box:not(:last-child) {
        width: 50%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 7vw 6vw;
        border: 0
    }
    .s-coordonnees__boxes .coordonnees-box:first-child,
    .s-coordonnees__boxes .coordonnees-box:nth-child(2) {
        border-bottom: 1px solid hsla(26, 10%, 68%, .25)
    }
    .s-coordonnees__boxes .coordonnees-box:first-child,
    .s-coordonnees__boxes .coordonnees-box:nth-child(3) {
        border-right: 1px solid hsla(26, 10%, 68%, .25)
    }
}

@media (min-width:1200px) {
    .s-coordonnees {
        padding-bottom: 5em
    }
    .s-coordonnees__boxes {
        padding: 3.5vw 0
    }
    .s-coordonnees__boxes .coordonnees-box:nth-child(1n) {
        border: 0;
        width: 33%;
        padding: 1vw 3vw 0;
        font-size: .7em
    }
    .s-coordonnees__boxes .coordonnees-box:not(:last-child) {
        border-right: 1px solid hsla(26, 10%, 68%, .25)
    }
}

@media (min-width:1500px) {
    .s-coordonnees {
        margin-top: -12vw
    }
    .s-coordonnees__boxes .coordonnees-box:nth-child(1n) {
        font-size: 1em;
        padding: 1vw 2vw 1vw 3.8vw
    }
}

.s-contact-carousel {
    margin-bottom: -1px
}

.s-contact-carousel__img {
    display: none
}

.s-contact-carousel__img:first-child {
    display: block
}

@media (min-width:992px) {
    .s-contact-carousel {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        width: 45%
    }
}

@media (min-width:1500px) {
    .s-contact-carousel {
        width: 52%
    }
}

@media (min-width:992px) {
    .s-blog-main-image {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        width: 35%
    }
}

@media (min-width:1500px) {
    .s-blog-main-image {
        width: 45%
    }
}

.s-contact-form {
    text-align: center;
    padding-top: 2em
}

.s-contact-form .form {
    margin-top: 3em
}

@media (min-width:768px) {
    .s-contact-form {
        margin-bottom: 6em
    }
    .s-contact-form .form {
        margin-top: 5vw
    }
}

@media (min-width:992px) {
    .s-contact-form {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .s-contact-form {
        padding-top: 3em
    }
}

.s-contact-map {
    display: none
}

#google-map {
    width: auto;
    height: 600px;
    z-index: 1;
    margin: 0 -80px
}

@media (min-width:992px) {
    .s-contact-map {
        display: block;
        padding-top: 2em;
        margin-bottom: 6em
    }
}

@media (min-width:1200px) {
    #google-map {
        height: 650px;
        margin: 0 -100px
    }
}

@media (min-width:1500px) {
    #google-map {
        height: 800px
    }
}

.s-blog-content {
    padding-top: 2em;
    padding-bottom: 0;
    position: relative
}

.s-blog-content.auto-style-text p {
    margin-bottom: 2em
}

@media (min-width:768px) {
    .s-blog-content {
        padding: 3em 15%
    }
}

@media (min-width:992px) {
    .s-blog-content {
        padding-top: 0;
        padding-right: 5%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .s-blog-content__left {
        width: 50%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .s-blog-content__right {
        width: 37%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width:1200px) {
    .s-blog-content {
        padding-left: 10%
    }
    .s-blog-content__right {
        margin-top: 6vw;
        width: 24em
    }
}

@media (min-width:1500px) {
    .s-blog-content {
        padding-bottom: 6vw
    }
    .s-blog-content__left {
        width: 50%
    }
    .s-blog-content__right {
        margin-top: 51vw;
        margin-bottom: -40em;
        position: relative;
        top: -40em
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.carousel-std .slick-next,
.carousel-std .slick-prev {
    position: absolute;
    top: 100%;
    left: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: auto;
    height: 54px;
    transition: padding .5s cubic-bezier(0, 0, .2, 1)
}

.carousel-std .slick-prev {
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    margin-left: -1px
}

.carousel-activites .slick-next,
.carousel-activites .slick-prev {
    display: none!important;
    position: absolute;
    top: 75%;
    left: auto;
    right: 100%
}

.carousel-activites .slick-next {
    left: 100%;
    right: auto;
    overflow: hidden
}

.carousel-std .slick-prev:hover {
    padding-right: 2em;
    padding-left: 1em
}

.carousel-std .slick-next:hover {
    padding-left: 2em;
    padding-right: 1em;
    width: auto
}

@media (min-width:768px) {
    .carousel-activites .slick-next,
    .carousel-activites .slick-prev {
        display: block!important
    }
}

@media (min-width:992px) {
    .carousel-activites .slick-next,
    .carousel-activites .slick-prev {
        top: 80%
    }
}

@media (min-width:1200px) {
    .carousel-activites .slick-next,
    .carousel-activites .slick-prev {
        top: 75%
    }
}

@media (min-width:1500px) {
    .carousel-activites .slick-next,
    .carousel-activites .slick-prev {
        top: 75%
    }
}

.centered {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.centered-v-unknown {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.centered-vh-unknown {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modalbg {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: .8;
    z-index: 100;
    height: 100%;
    width: 100%;
    display: none
}

.modalbg.on {
    display: block
}

.hidden-mobile {
    display: none
}

@media (min-width:992px) {
    .hidden-mobile {
        display: block
    }
    .hidden-desktop {
        display: none
    }
}

.small-spacing {
    display: inline-block;
    width: 1em
}

.small-italic {
    font-size: .75em;
    display: block;
    font-style: italic
}

.text-bigger {
    font-weight: 700;
    font-size: 1.33em
}

.accent-cap {
    font-weight: 700;
    font-size: .8em;
    text-transform: uppercase
}

.logo-auberge-centered {
    -ms-transform: translateX(8%);
    transform: translateX(8%)
}

.nowrap {
    white-space: nowrap
}

.flex {
    display: -ms-flexbox;
    display: flex
}

.relative {
    position: relative
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.screen-reader-text,
.soft-hide {
    display: none
}

.hidden {
    display: none!important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

#menu-pied-de-page-fr {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
    text-align: center;
}

#menu-pied-de-page-fr li {
    position: relative;
    display: inline;
    margin: 0;
    padding: 0;
}

#menu-pied-de-page-fr li:after, #menu-pied-de-page-fr-en li:after {
    content: " | ";
}

#menu-pied-de-page-fr li:last-child:after, #menu-pied-de-page-fr-en li:last-child:after {
    content: " ";
}

.s-separateur {
    float: left;
    width: 100%;
    margin: 0!important;
    padding: 0!important;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    visibility: hidden;
}

.page-id-1421 .modal,
.page-id-2167 .modal,
.page-id-1397 .modal,
.page-id-2218 .modal {
	visibility: visible;
}

.page-id-1421 .not-visible,
.page-id-2167 .not-visible,
.page-id-1397 .not-visible,
.page-id-2218 .not-visible {
	visibility: hidden;
}

.modal .opacity {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 9998;
    background: rgba(43, 44, 45, 0.95);
}

.modal .logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 168px;
    height: 48px;
    margin: 0;
    padding: 29px 16px;
    z-index: 9999;
    background-color: #FFF;
}

.modal .close {
    position: absolute;
    top: 0;
    right: -100px;
    width: 100px;
    height: 100px;
    margin: 0;
    padding: 0;
    z-index: 9999;
    cursor: pointer;
}

.modal .content {
    position: relative;
    width: 400px;
    margin: 0 auto;
    background: #FFF;
    padding: 50px;
    z-index: 9999;
}

.modal .content h2 {
    font-size: 1.9em!important;
    margin-bottom: 40px!important;
    text-align: center;
}

.modal .content form input {
    float: left;
    width: calc(100% - 2em);
    background-color: #E8E8E8;
    border: 1px solid #E8E8E8;
    font-size: 1.12em;
    padding: 0.675em 1em;
    color: #6B6E71;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.modal .content form select {
    float: left;
    width: calc(33.33% - 8px);
    background-color: #E8E8E8;
    border: 1px solid #E8E8E8;
    font-size: 1.12em;
    padding: 0.675em;
    color: #6B6E71;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0 12px 10px 0;
}

.modal .content form select:last-child {
    margin-right: 0;
}

.modal .content form p {
    float: left;
    width: 50%;
    margin: 0 0 10px 0;
    padding: 0;
}

.modal .content form p input {
    float: left;
    width: 20px;
    margin: 0;
}

.modal .content form p span,
.modal .content form p label {
    float: right;
    width: calc(100% - 25px);
    font-size: 0.75em!important;
    margin: 0 !important;
}

.modal .content form label {
    float: left;
    width: 100%;
    font-size: 0.9em!important;
    margin: 15px 0 8px 0!important;
}

.modal .content form button[type=submit] {
    float: left;
    width: 200px;
    margin: 20px calc(50% - 100px);
    padding: 1em 0;
    font-family: "din-2014", sans-serif;
    font-size: 0.875rem;
    color: #6b6e71;
    font-weight: 700;
    background: transparent;
    border: 2px solid #6b6e71;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.modal .content .pum-close {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "din-2014", sans-serif;
    font-size: 0.85em;
    color: #999;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
}

@media (max-width:600px) {
    .modal .content {
        position: fixed;
        top: 100px;
        left: 0;
        width: calc(100% - 60px);
        height: calc(100% - 100px);
        margin: 0 auto;
        background: #FFF;
        padding: 30px;
        z-index: 9999;
    }
    .modal .close {
        position: fixed;
        top: 0;
        right: 0;
        width: 100px;
        height: 100px;
        margin: 0;
        padding: 0;
        z-index: 9999;
        cursor: pointer;
    }
}

.visite-360 {
    position: relative;
}

.modal_360 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 99999;
    visibility: hidden;
    display: none;
}

.modal_360 .opacity {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 999998;
    background: rgba(43, 44, 45, 0.95);
}

.modal_360 .close {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 100px;
    height: 100px;
    margin: 0;
    padding: 0;
    z-index: 999999;
    cursor: pointer;
}

.modal_360 iframe {
    position: fixed;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    margin: 0;
    padding: 0;
    z-index: 999998;
    background: rgba(43, 44, 45, 0.95);
    border: 0;
    background: #000;
}

.s-golf-equipe__team {
    flex-wrap: wrap!important;
    height: auto!important;
    max-height: auto!important;
}

.s-golf-equipe__team .activite-item__content {
    margin-bottom: 40px!important;
}

.forfait-list:before {
    border: 0!important;
}

.breadcrumb-title.breadcrumb-active a {
    color: #585c5f !important;
}

.breadcrumb-title a {
    color: #585c5f;
}

.breadcrumb-progress.breadcrumb-active hr, .breadcrumb-progress.breadcrumb-completed hr {
    border-color: #585c5f !important;
}




.breadcrumb-progress.breadcrumb-active .number-circle, .breadcrumb-progress.breadcrumb-completed .number-circle {
    background: #585c5f !important;
    border: 2px solid #585c5f !important;
}
	
	
.breadcrumb-progress hr {
    border: 0.2rem solid #abaeb0!important;
}

.breadcrumb-progress .number-circle {
  
    background: #abaeb0;
    border: 2px solid #abaeb0 !important;
	
}

.container-iqrez { float:left; width:100%; margin:0; padding:0; }

.form-input-wrap__btn--date { display:none!important; }

.date-picker { background:#FFF url('./images/date-picker.jpg') no-repeat!important; background-position:95% 50%!important; background-size:16px 16px!important; }

.svg-domaine { height:120px; width:auto; margin-bottom:30px!important; }

/*.s-main.s-blog { margin:0!important; padding:60px 100px 140px 100px!important; }*/
.s-main.s-blog ul { width:100%; margin:0 0 0 2%!important; padding:0;text-align: left; }
.s-main.s-blog ul li { display:inline; }
.s-main.s-blog ul li a { position:relative;text-decoration:none;border-radius:0 !important;border-right-width: 0 !important }
	.s-main.s-blog ul li:last-child a { border-right-width:2px !important; }
	.s-main.s-blog ul li a.active {color: #fff !important;background-color: #6b6e71 !important;}
.s-main.s-blog ul li:last-child a::before { display:none; }

/*.s-main.s-filter, .s-main.s-filter .s-head {padding: 0 !important;margin:0 !important;}*/

.s-filter.s-filter--negative_padding { position:relative; margin-top: -3em !important;}

@media (min-width: 768px) {
	
	.s-filter.s-filter--negative_padding { margin-top: -7em !important; }
	
}

@media (max-width: 992px) {
	
	.s-filter .s-head {
		margin-bottom: 0;
	}
	
	.s-filter.s-filter--negative_padding { z-index: 2; }
	
}

@media (min-width: 1500px) {
	
	.s-filter.s-filter--negative_padding { margin-top: -10em !important; }
	
}

/**
 * Boutique
 *
**/

#add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img {
    max-height: 52px;
    vertical-align: middle;
	width: auto !important;
}
		

	.woocommerce-account .woocommerce-MyAccount-content { 
		display:block; padding: 2% !important;
		background: #f1f1f1 !important;
		width: 60%;
		
	}
	.woocommerce-account .woocommerce-MyAccount-navigation
	{ 
		padding: 2% !important;
		background: #f1f1f1 !important;
		    width: 25%;
		
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation ul
	{ 
	margin-bottom: 0.4em !important;
	list-style-type: square !important;
    margin-left: 1.3em !important;
		
	}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    
    background-color: #585c5f;
}
.product .product-add {
	padding: 5%;
	background-color: #d1d2d2;
}
	
	.product .currency-symbol {
		float: left;
		font-size: 38px;
		margin-right:4px;
		font-weight: bold;
	}
	
	.product .form-input {
		width: 20%;
		margin: 0;
		display: inline;
		margin-right: 2em;
	}

.form-group--code { width:22%!important; margin-right: 1.5%; }


.golf-trous-slide__img img { margin-top:0; }

.s-content-multiple h2 { width:100%; }

.s-content-multiple .col-md-12 { float:left; width:100%; margin:0; padding:0; }
.s-content-multiple .col-md-6.first { float:left; width:calc(50% - 14px)!important; margin:0 14px 0 0!important; padding:0; }
.s-content-multiple .col-md-6.last { float:left; width:calc(50% - 14px)!important; margin:0 0 0 14px!important; padding:0; }
.s-content-multiple .col-md-4 { float:left; width:calc(33.33% - 22px); margin:0 22px 0 0; padding:0; }
.s-content-multiple .col-md-4.last { float:left; width:33.33%; margin:0; padding:0; }   

@media (max-width:1100px) {
    .s-content-multiple .col-md-6.first { float:left; width:100%!important; margin:0 0 16px 0!important; padding:0; }
    .s-content-multiple .col-md-6.last { float:left; width:100%; margin:0 0 16px 0!important; padding:0; }
    .s-content-multiple .col-md-4 { float:left; width:100%; margin:0 0 16px 0; padding:0; }
    .s-content-multiple .col-md-4.last { float:left; width:100%; margin:0 0 16px 0; padding:0; }   
}

@media (max-width:768px) {
    .s-content-multiple .col-md-6.last { float:left; width:calc(100% - 14px)!important; margin:0 0 0 14px!important; padding:0; }
  
}

.legends { width:100%; float:left; height:12px; margin-bottom:4px; text-align:center; overflow:hidden;}
.square-legend { width:1px!important; height:12px!important; border:5px solid #FFF; border-top:0!important; border-bottom:0!important; margin:0 2px 4px 2px!important; padding:0!important; }
.square-legend.rouge { border-color:#BF9D45; }
.square-legend.bleu { border-color:#135E75; }
.square-legend.blanc { border-color:#FFF; }
.square-legend.vert { border-color:#009E65; }
.square-legend.jaune { border-color:#DA3832; }


#menu-pied-de-page-fr-en { list-style:none!important; }
#menu-pied-de-page-fr-en li { display:inline!important; width:auto!important; }

.visite-3d .s-content iframe { float:left; width:calc(100% - 100px); height:auto; margin:0; padding:0; min-height:700px!important; }
.visite-3d .s-blog__content { margin-bottom:0!important; }

@media (max-width:768px) {
    .salle-visite-3d { display:none; }
    .forfait-list .img-off { background:#B5ACA5; }
    .s-salle { background:#FFF!important; }
    .salle-list__desc { min-height:560px!important; }
    ul.salle-details { margin:-15px 0 0 0; padding:0; }
    ul.salle-details li { width:100%; margin-bottom:10px!important;}

}


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color:#FFF!important; }

@media (min-width:1504px) and (max-width:1560px) {
    .topbar-reservation .form-label { font-size:1em!important; }
}

.s-medias { position:relative; width:100%!important; }
.s-medias .tabsnav-tarifs__link { font-size:1.1em!important; }
.s-medias .col-md-3 { position:relative; float:left; width:calc(25% - 40px); margin:0; padding:0 20px; text-align:center; overflow:hidden; }
.s-medias .col-md-3 .img { width:100%; float:left; height:250px; background-size:cover; margin:0 15px-webkit-background-size:cover;}
.s-medias .col-md-3 .btn { margin:20px auto 40px auto; float:none; font-size:0.8em; padding:12px 16px!important;}
.modal-medias { position:fixed; top:0; left:0; width:100%; height:100%; margin:0; padding:0; background:rgba(43, 44, 45, 0.95); z-index:99999; display:none; }
.modal-medias .content { position:fixed; top:0; left:0; width:100%; height:100%; margin:0; padding:0; display:flex; flex-direction:column; justify-content:center;z-index:99;  }
.modal-medias .content .container { background:#FFF; width:500px; margin:0 auto; padding:40px; text-align:center; }
.modal-medias .content .container .btn { margin:15px auto 0 auto; }
.modal-medias .modal_close { position:fixed; top:0; left:0;z-index:99999999; }
@media (max-width:600px) {
    .modal-medias .content .container { background:#FFF; width:calc(100% - 120px)!important; margin:0 20px; padding:40px; text-align:center; }
    .s-medias .col-md-3 { float:left; width:100%; padding:0; margin:0 0 20px 0; }
}

@media (min-width:600px) and (max-width:1000px) {
  .s-medias .col-md-3 { float:left; width:calc(50% - 30px); padding:0 15px; margin:0 0 20px 0; }
    }

@media (min-width:1000px) and (max-width:1300px) {
  .s-medias .col-md-3 { float:left; width:calc(33.33% - 30px); padding:0 15px; margin:0 0 20px 0; }
}

/* Noel */
#table-noel{overflow-x:auto;}
#table-noel-2{overflow-x:auto;}

@media screen and (min-width: 1111px) {
    .table-noel-responsive{/*display:none;*/}
}
@media screen and (max-width: 1110px) {
    #table-noel{/*display:none;*/}
    #table-noel-2{/*display:none;*/}
    .table-noel-responsive tr{color:#fff;}
    .table-noel-responsive tr:nth-child(even) {background: #A40000}
    .table-noel-responsive tr:nth-child(odd) {background: #D30B0B}
}

.tables-noel-mobile {display:block;margin-bottom: 7vw;}
.tables-noel-desktop {display:none;}

@media screen and (min-width: 1100px) {
    .tables-noel-mobile {display:none;}
    .tables-noel-desktop {display:block;}
}

.topbar__trigger-reversation, .topbar__trigger, .quicknav__trigger, .btn--promotions, .slick-arrow, btn-icon--same-as-menu{ border-radius: 0!important;}
.woocommerce div.product{margin-bottom: inherit;}

/* Vimeo */
#iframevideo{
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}