:root {
--tac-text-color: white;
--tac-color-bg: black;
}
* {
font-family: "Lora", serif;
outline-style: none !important;
}
*,
*:after,
*:before {
box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Barlow", sans-serif;
outline-style: none !important;
color: #0e3a5d;
margin: 0;
}
.barlow {
font-family: "Barlow", sans-serif !important;
}
img {
max-width: 100%;
height: auto;
}
.blueColor {
color: #0e3a5d;
}
.bgBlueColor {
background: #0e3a5d;
}
.greenColor {
color: #009a96;
}
.bgGreenColor {
background: #009a96;
}
a {
color: #009a96;
text-decoration: none;
}   .grecaptcha-badge {
right: -100% !important;
}
header {
position: relative;
}
header .header {
height: 912px;
background-size: cover !important;
}
header .header .opacityHeader {
position: absolute;
width: 100%;
height: 100%;
left: 0;
background: rgba(0, 0, 0, 0.2);
}
header .header .logo {
position: absolute;
top: 20px;
left: 50px;
z-index: 99999999;
padding: 0;
}
header .header .menu {
position: absolute;
top: 0;
right: 0;
z-index: 1;
padding: 0;
height: 912px;
}
header .header .menu div {
display: inline-block;
} .button_container {
position: fixed;
top: 0;
right: 0;
height: 100px;
width: 100px;
cursor: pointer;
z-index: 99999999;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
background: #009a95;
}
.button_container div {
color: #fff;
position: absolute;
top: 64px;
left: 25px;
}
.button_container.active {
background: none;
}
.button_container:hover {
opacity: 0.8;
}
.button_container.active .top {
-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
transform: translateY(10px) translateX(0) rotate(45deg);
background: #fff;
}
.button_container.active .middle {
opacity: 0;
background: #fff;
}
.button_container.active .bottom {
-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
transform: translateY(-10px) translateX(0) rotate(-45deg);
background: #fff;
}
.button_container span {
background: #fff;
border: none;
height: 4px;
width: 30px;
position: absolute;
top: 38px;
left: 25px;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
cursor: pointer;
}
.button_container span:nth-of-type(2) {
top: 48px;
width: 50px;
}
.button_container span:nth-of-type(3) {
top: 58px;
}
.overlay {
position: fixed;
background: #093a5b;
top: 0;
right: 0;
width: 0%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.35s, visibility 0.35s, width 0.35s;
transition: opacity 0.35s, visibility 0.35s, width 0.35s;
overflow: hidden;
}
.overlay a {
color: #fff;
}
.overlay.open {
opacity: 0.8;
visibility: visible;
width: 100%;
z-index: 9999999;
}
.overlay.open li {
-webkit-animation: fadeInRight 0.5s ease forwards;
animation: fadeInRight 0.5s ease forwards;
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
.overlay.open li:nth-of-type(2) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.overlay nav {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
position: relative;
height: 100%;
}
.overlay ul li {
display: block;
height: 40px;
position: relative;
opacity: 0;
}
.overlay ul .menu-item--evenementiel {
color: #fff;
font-size: 30px;
font-family: "Barlow", sans-serif !important;
font-weight: 300;
opacity: .7 !important;
padding-bottom: 100px;
}
.overlay ul .menu-item--evenementiel a {
font-size: 20px;
opacity: 1;
margin-left: 40px;
list-style-type: disc;
display: list-item;
overflow: visible;
}
.overlay ul li a {
display: inline-block;
position: relative;
color: #fff;
text-decoration: none;
overflow: hidden;
font-size: 30px;
font-family: "Barlow", sans-serif !important;
font-weight: 300;
opacity: 0.7;
}
.overlay ul li a:hover,
.overlay ul li a.active {
opacity: 1;
}
.overlay ul li a.active {
color: #009a95;
font-weight: 600;
}
.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
width: 100%;
}
.overlay ul li a:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
background: #fff;
-webkit-transition: 0.35s;
transition: 0.35s;
}
.overlay .menuAdresse {
font-family: "Barlow", sans-serif !important;
color: #fff;
font-weight: 300;
padding: 80px 0 0 60px;
font-size: 16px;
opacity: 0.7;
}
.overlay .menuAdresse:hover {
opacity: 1;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
} header .header .accroche {
width: 100%;
height: 912px;
display: flex;
align-items: center;
justify-content: center;
}
header .header .accroche {
font-size: 60px;
color: #fff;
font-weight: 300;
}
header .header .accroche img.downArrow {
position: absolute;
left: 50%;
margin-left: -16px;
bottom: 80px;
-webkit-animation: bounce 0.9s ease infinite alternate;
animation: bounce 0.9s ease infinite alternate;
}
@keyframes bounce {
0% {
text-shadow: 0 5px 0 #ccc, 0 2px 3px rgba(0, 0, 0, 1);
}
100% {
transform: translateY(-20px);
text-shadow: 0 50px 0 black, 0 0px 20px rgba(0, 0, 0, 0.8);
}
}
header .header .menu a.reservation,
header .header .menu a.contact {
background: #0e3a5d;
height: 100px;
position: fixed;
right: 100px;
width: 210px;
color: #fff;
font-size: 13px;
line-height: 15px;
text-align: left;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
header .header .menu a.reservation.notTop {
right: 0;
z-index: 9;
}
header .header .menu a.reservation.notTop div.barlow {
opacity: 0;
}
header .header .menu a.contact {
right: 0;
position: relative;
top: 812px;
float: right;
}
header .header .menu a.reservation:hover,
header .header .menu a.contact:hover {
background: #06576c;
}
header .header .menu .reservation div:nth-child(1) {
margin-bottom: 16px;
}
header .header .menu .contact div:nth-child(1) {
margin-bottom: 8px;
}
header .header .menu .reservation div:nth-child(2),
header .header .menu .contact div:nth-child(2) {
margin-left: 20px;
font-family: "Barlow", sans-serif !important;
}
header .header .menu .reservation div:nth-child(2)::before,
header .header .menu .contact div:nth-child(2)::before {
content: "";
background: #fff;
width: 1px;
height: 25px;
position: absolute;
margin-left: -10px;
margin-top: 2px;
}
header .header .menu .langue {
height: 100px;
position: absolute;
right: 310px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
}
header .header .menu .langue a {
font-family: "Barlow", sans-serif !important;
color: #fff;
font-size: 15px;
font-weight: lighter;
text-decoration: none;
}
header .header .menu .langue a:hover {
font-weight: bold;
}
header .header .menu .langue .lang_selector {
color: #fff;
font-size: 19px;
}
header .header .menu .socials {
height: 100px;
position: absolute;
right: 410px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
}
header .overlay .socials,
footer .contact .socials {
height: 60px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
}
header .header .menu .socials a,
header .overlay .socials a,
footer .contact .socials a {
display: flex;
height: 36px;
width: 36px;
background: #fff;
align-items: center;
justify-content: center;
color: #009a96;
border-radius: 50%;
text-decoration: none;
margin: 0 5px;
font-size: 17px;
}
header .header .menu .socials a .fa-instagram,
header .overlay .socials a .fa-instagram,
footer .contact .socials a .fa-instagram {
font-weight: 600;
}
header .header .menu .socials a:hover,
header .overlay .socials a:hover {
background: #009a96;
color: #fff;
}
footer .contact .socials a:hover {
background: RGBA(255, 255, 255, 0.3);
color: #fff;
}
footer {
background: #009a96;
color: #fff;
min-height: 344px;
padding-top: 20px;
padding-bottom: 20px;
}
footer .logoft,
footer .contact,
footer .menuft {
height: 318px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 300;
}
footer .contact a {
color: #fff;
}
footer .menuft a {
color: #fff;
text-decoration: none;
position: relative;
}
footer .menuft a:hover {
color: #fff;
text-decoration: none;
color: #0e3a5d;
}
footer .menuft a::before {
content: "\f111";
font-family: "FontAwesome";
font-size: 10px;
top: 2px;
color: #0e3a5d;
position: absolute;
left: -15px;
opacity: 0;
-webkit-transition: -webkit-opacity 0.3s ease;
transition: -webkit-opacity 0.3s ease;
transition: opacity 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
}
footer .menuft a:hover::before {
opacity: 1;
}
footer .flex {
display: flex;
align-items: center;
justify-content: center;
}
footer .flex .col20 {
width: 20%;
}
footer .asap {
font-size: 12px;
text-align: right;
}
footer .asap a {
color: #fff;
}
h1,
h3 {
font-size: 40px;
line-height: 42px;
text-transform: uppercase;
}
h2 {
font-size: 14px;
line-height: 25px;
}
.ligne {
padding-top: 60px;
padding-bottom: 60px;
}
.intro {
padding-top: 90px;
}
.fa-circle {
color: #009a96;
font-size: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
a.bouton-vert {
display: inline-block;
background: #009a96;
border: 2px solid #009a96;
color: #fff;
padding: 15px;
letter-spacing: 2px;
margin-top: 20px;
text-decoration: none;
}
a.bouton-vert:hover {
background: #fff;
color: #009a96;
}
header .breadcrumbs {
position: absolute;
left: 365px;
margin-top: 45px;
z-index: 99999999;
}
header .breadcrumbs span a,
header .breadcrumbs span {
font-family: "Barlow", sans-serif !important;
}   #reservit { background: #009a96;
color: #ffffff;
padding: 20px 0 0 0;
text-align: center;
font-family: "Barlow", sans-serif !important;
width: 285px;
}
#reservit * {
font-family: "Barlow", sans-serif !important;
}
#reservit .wc-title {
font-size: 18px;
text-transform: uppercase;
}
#reservit label {
position: relative;
}
#reservit #wc-arrival {
color: #808080;
text-align: center;
border: 0;
font-size: 19px;
line-height: 30px;
width: 155px;
}
#reservit i {
position: absolute;
line-height: 30px;
right: 5px;
}
#reservit .fa-calendar:before {
font: normal normal normal 14px/1 FontAwesome;
color: #808080;
}
#reservit .wc-best-p {
font-size: 13px;
line-height: 35px;
text-transform: uppercase;
outline-style: none !important;
color: #ffffff;
margin: 0;
font-family: "Barlow", sans-serif !important;
}
#reservit #wc-btn-book {
background: #009a96;
color: #ffffff;
text-transform: uppercase;
font-family: "Barlow", sans-serif;
-webkit-appearance: initial;
border: none;
padding: 0 30px;
font-size: 18px;
width: 100%;
line-height: 50px;
}
#reservit #wc-btn-book:hover {
background: #0e3a5d;
}
#reservit .wc-col.wc-border-bottom {
border-bottom: 1px solid #60b7b5;
margin-bottom: 0;
padding: 10px 0;
}
#reservit #wc-our-price {
font-weight: 600;
font-size: 34px;
}
#reservit .wc-other-site {
background: #ffffff;
color: #009a96;
padding-top: 10px;
margin-bottom: -1px;
}
#reservit .wc-other-bt {
border-bottom: 1px solid #000000;
line-height: 30px;
margin: 0 50px;
color: #000000;
font-weight: 600;
font-size: 17px;
position: relative;
text-align: left;
}
#reservit .wc-other-prices {
position: absolute;
right: 0;
}
#reservit .wc-note {
font-size: 11px;
padding: 10px 0;
margin: 0;
background: #ffffff;
color: #808080;
}
#reservit .loader {
display: none;
background: #ffffff;
position: absolute;
top: 130px;
right: 0;
bottom: 50px;
left: 0;
width: 100%;
margin: 0;
padding: 80px;
}
.reservit {
position: fixed;
z-index: 999999;
left: 30px;
bottom: 0;
}
.reservitTitre {
font-size: 18px;
color: #fff;
background: #009a95;
padding: 10px 0;
}
#rsvit_btn {
transform: initial;
padding: 10px 20px;
background-color: #009a95;
color: #fff;
border: 0;
margin-top: -12px;
bottom: initial;
cursor: pointer;
right: 0;
z-index: 999999;
display: block;
font-family: "Barlow", sans-serif !important;
}
#rsvit_btn:hover {
text-decoration: none;
background-color: #093a5b;
}
#iframeReservitBestPriceWidget {
margin: auto;
border: none;
max-width: initial;
text-align: center;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
}
#btn_bed_ico {
font-size: 1.3em;
border: 2px solid;
border-radius: 3px;
padding: 2px 3px 2px 3px;
margin-right: 5px;
}
#rsvit_btn > span {
font-weight: normal;
}
#ReservitBestPriceWidgetbox {
border: 0;
position: relative;
z-index: 999998;
background-color: transparent;
text-align: center;
overflow: hidden;
width: 280px;
height: 100%;
}
#ReservitBestPriceWidget { display: none;
text-align: center;  right: 0;
transform: translateX(0);
transform: translateY(-5%);
left: initial;
z-index: 9999;
}
#box_btn {
position: absolute;
vertical-align: middle;
top: -15px;
right: -15px;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
cursor: pointer;
background-color: #009a95;
z-index: 1000000;
color: #fff;
font-size: 24px;
}
.reservitBtn01 {
position: fixed !important;
left: 30px !important;
bottom: 0 !important;
width: 250px !important;
}
.reservitBtn02 {
position: fixed !important;
left: 30px !important;
bottom: 100px !important;
transform: translateY(30px) !important; z-index: 99999999 !important;
}   .page-template-template-home header .breadcrumbs {
display: none;
}
.page-template-template-home .citation {
height: 700px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 60px;
line-height: 60px;
font-weight: lighter;
position: relative;
background-size: cover !important;
}
.page-template-template-home .intro p {
color: #0e3a5d;
}
.page-template-template-home .citation .opacity {
background: rgba(0, 0, 0, 0.2);
height: 700px;
width: 100%;
position: absolute;
}
.bounce-up .subject {
opacity: 0;
-moz-transition: all 900ms ease-out;
-webkit-transition: all 900ms ease-out;
-o-transition: all 900ms ease-out;
transition: all 900ms ease-out;
-moz-transform: translate3d(0px, 150px, 0px);
-webkit-transform: translate3d(0px, 150px, 0px);
-o-transform: translate(0px, 150px);
-ms-transform: translate(0px, 150px);
transform: translate3d(0px, 150, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.bounce-up.in-view .subject {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}   .page-template-template-chambres .intro,
.page-template-template-chambre .intro,
.page-template-template-event .intro,
.page-template-template-bar .intro {
border-bottom: 1px solid #cfd8df;
}
.page-template-template-chambres .roomLinks {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
text-transform: uppercase;
margin-top: 50px;
}
.page-template-template-chambres .roomLinks .link {
margin: 0 15px;
color: #0e3a5d;
}
.page-template-template-chambres .roomLinks .link a {
text-decoration: underline;
font-weight: 600;
}
.page-template-template-chambres .chambreH,
.page-template-template-chambre .chambreH,
.page-template-template-bar .chambreH,
.page-template-template-event .chambreH,
.page-template-template-chambres .chambre .photo,
.page-template-template-chambre .chambre .photo,
.page-template-template-event .chambre .photo,
.page-template-template-bar .bar .photo {
height: 680px;
}
.page-template-template-chambres .chambreH,
.page-template-template-chambre .chambreH,
.page-template-template-event .chambreH,
.page-template-template-bar .chambreH {
display: flex;
align-items: center;
padding-left: 40px;
color: #093a5b;
}
.page-template-template-chambres .chambreH2,
.page-template-template-chambre .chambreH2,
.page-template-template-event .chambreH2,
.page-template-template-bar .chambreH2 {
padding-right: 40px;
padding-left: 15px;
}
.page-template-template-chambres .chambreH .titre,
.page-template-template-chambre .chambreH .titre,
.page-template-template-event .chambreH .titre,
.page-template-template-bar .chambreH .titre {
font-size: 18px;
font-style: italic;
}
.page-template-template-chambres .chambreH .titre h3,
.page-template-template-event .chambreH .titre h3,
.page-template-template-bar .chambreH .titre h3,
.page-template-template-chambre .chambreH .titre h2,
h2.titre,
h3.titre,
h4.titre,
.brunch__content h3 {
font-size: 25px;
line-height: 28px;
font-family: "Barlow", sans-serif !important;
color: #009a95;
font-weight: 600;
font-style: normal;
margin-top: 15px;
margin-bottom: 30px;
text-transform: uppercase;
}
.brunch__content {
color:#0e3a5d;
padding-left: 1rem;
padding-right: 1rem;
}
.brunch__menu {
padding-left: 1rem;
padding-right: 1rem;
}
.page-template-template-chambres .chambreH .prix,
.page-template-template-chambre .chambreH .prix {
font-size: 18px;
font-family: "Barlow", sans-serif !important;
}
.page-template-template-chambres .chambreH .prix span.prix,
.page-template-template-chambre .chambreH .prix span.prix {
font-size: 25px;
}
.page-template-template-chambres .chambreH .prix span.prix,
.page-template-template-chambre .chambreH .prix span.prix,
.page-template-template-chambres .chambreH .prix span.euro,
.page-template-template-chambre .chambreH .prix span.euro,
.page-template-template-chambres .chambreH .prix span.nuit,
.page-template-template-chambre .chambreH .prix span.nuit {
font-family: "Barlow", sans-serif !important;
}
.page-template-template-chambres .chambreH .prix span.euro,
.page-template-template-chambre .chambreH .prix span.euro {
font-size: 14px;
position: relative;
top: -9px;
}
.page-template-template-chambres .pictos,
.page-template-template-chambre .pictos {
display: flex;
align-items: center;
margin-top: 10px;
margin-bottom: 45px;
}
.page-template-template-chambres .chambre .pictos .picto1,
.page-template-template-chambre .chambre .pictos .picto1,
.page-template-template-chambres .chambre .pictos .picto2,
.page-template-template-chambre .chambre .pictos .picto2,
.page-template-template-chambres .chambre .pictos .picto3,
.page-template-template-chambre .chambre .pictos .picto3 {
width: 70px;
font-family: "Barlow", sans-serif !important;
color: #009a95;
text-align: center;
}
.page-template-template-chambres .chambre .pictos .picto2,
.page-template-template-chambre .chambre .pictos .picto2,
.page-template-template-chambres .chambre .pictos .picto3,
.page-template-template-chambre .chambre .pictos .picto3 {
margin-left: 20px;
}
.page-template-template-chambres .pictos img,
.page-template-template-chambre .pictos img {
margin-bottom: 5px;
}
.page-template-template-chambre .services h3,
.page-template-template-chambre .services .desc {
color: #fff;
}
.page-template-template-chambre .services .pictos {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}
.page-template-template-chambre .services .pictos .picto1,
.page-template-template-chambre .services .pictos .picto2,
.page-template-template-chambre .services .pictos .picto3,
.page-template-template-chambre .services .pictos .picto4 {
font-family: "Barlow", sans-serif !important;
color: #fff;
text-align: center;
margin: 0 30px;
text-transform: uppercase;
}
.page-template-template-chambre .services .pictos .picto1 img,
.page-template-template-chambre .services .pictos .picto2 img,
.page-template-template-chambre .services .pictos .picto3 img,
.page-template-template-chambre .services .pictos .picto4 img {
margin-bottom: 20px;
}
.page-template-template-chambre .services .fa {
color: #fff;
}
.page-template-template-chambres .chambre a.btn1,
.page-template-template-chambres .chambre a.btn2,
.page-template-template-chambre .chambre a.btn2 {
display: inline-block;
margin-top: 20px;
background: #009a95;
color: #fff;
text-transform: uppercase;
padding: 10px 12px;
text-decoration: none;
font-family: "Barlow", sans-serif !important;
}
.page-template-template-chambres .chambre a.btn2,
.page-template-template-chambre .chambre a.btn2 {
background: #093a5b;
}
.page-template-template-chambres .chambre a.btn1:hover,
.page-template-template-chambres .chambre a.btn2:hover,
.page-template-template-chambre .chambre a.btn2:hover {
opacity: 0.8;
}
.page-template-template-chambre .autresChambres {
border-top: 1px solid #cfd8df;
}
.page-template-template-chambre .autresChambres a .titreAutreChambre {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
color: #000;
font-size: 18px;
background: rgba(255, 255, 255, 0.2);
padding: 4px 8px;
-moz-transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.page-template-template-chambre .autresChambres a .titreAutreChambre span {
color: RGBA(0, 154, 149, 1);
}
.page-template-template-chambre .autresChambres a:hover .titreAutreChambre {
background: rgba(255, 255, 255, 0.7);
}   .page-id-11 .ligne {
padding-top: 70px;
}
.page-template-template-bar .offreMoment {
border: 5px solid #093a5b;
margin-bottom: 40px;
}
.page-template-template-bar .offreMoment .offrePhoto {
padding: 30px;
}
.page-template-template-bar .offreMoment .offreContenu .titre1 {
background: #009a95;
color: #fff;
font-size: 25px;
font-style: italic;
padding: 10px 60px;
display: inline-block;
margin-top: -5px;
font-weight: 300;
}
.page-template-template-bar .offreMoment .offreContenu .titre {
color: #009a95;
font-size: 25px;
margin-top: 20px;
font-weight: 600;
text-transform: uppercase;
}
.page-template-template-bar .offreMoment .offreContenu .contenuGd {
font-size: 39px;
text-transform: uppercase;
margin-top: -12px;
}
.page-template-template-bar .offreMoment .offreContenu .contenuPt {
font-size: 18px;
text-transform: uppercase;
margin-top: -7px;
}
.page-template-template-bar .offreMoment .offreContenu .code {
font-size: 15px;
margin-top: 20px;
}
.page-template-template-bar .offreMoment .offreContenu .code span {
font-size: 20px;
color: #009a95;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 300;
}
.page-template-template-bar .offreMoment .offreContenu a {
display: inline-block;
background: #009a95;
color: #fff;
padding: 16px 71px;
margin-top: 19px;
text-transform: uppercase;
text-decoration: none;
}
.page-template-template-bar .offreMoment .offreContenu a:hover {
background: #093a5b;
}   .page-template-template-galerie .galerie {
padding-bottom: 70px;
}
.page-template-template-galerie .galerieFirst {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.page-template-template-galerie .galerieFirst .conteneur {
max-width: 100%;
max-height: 100%;
position: relative;
}
.page-template-template-galerie .galerieFirst a .opacity {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-template-galerie .galerieFirst a .opacity .hover {
text-align: center;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-template-galerie .galerieFirst a .opacity .hover .num {
background: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 18px;
font-style: italic;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-template-galerie .galerieFirst a .opacity .hover .num .plus {
display: none;
font-size: 30px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-template-galerie .galerieFirst a .opacity .hover .tit {
color: #fff;
font-size: 25px;
text-transform: uppercase;
font-family: "Barlow", sans-serif !important;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-template-galerie .galerieFirst a:hover .opacity {
background: rgba(0, 0, 0, 0);
}
.page-template-template-galerie .galerieFirst a:hover .opacity .hover .num {
transform: translateY(15px);
}
.page-template-template-galerie
.galerieFirst
a:hover
.opacity
.hover
.num
.num1 {
display: none;
}
.page-template-template-galerie
.galerieFirst
a:hover
.opacity
.hover
.num
.plus {
display: inherit;
color: #009a95;
font-style: normal;
}
.page-template-template-galerie .galerieFirst a:hover .opacity .hover .tit {
opacity: 0;
}
.page-template-template-galerie .fancybox-skin {
background: rgba(0, 0, 0, 0.8);
}
.page-template-template-galerie .fancybox-skin h3 {
color: #fff;
margin-bottom: 15px;
}
.page-template-template-galerie .owl-carousel .owl-nav .owl-prev,
.page-template-template-galerie .owl-carousel .owl-nav .owl-next {
position: absolute;
color: #009a95;
font-size: 40px;
top: 50%;
margin-top: -20px;
left: 15px;
background: #000;
border-radius: 50%;
width: 59px;
text-align: center;
opacity: 0.7;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-template-galerie .owl-carousel .owl-nav .owl-next {
left: inherit;
right: 15px;
}
.page-template-template-galerie .owl-carousel .owl-nav .owl-prev:hover,
.page-template-template-galerie .owl-carousel .owl-nav .owl-next:hover {
opacity: 1;
}   .page-template-template-actus .actus .embed-container iframe,
.page-template-template-traitement-actus .actus .embed-container iframe,
.single .actu .embed-container iframe {
width: 100%;
height: 276px;
}
.page-template-template-actus .catFilter,
.single .catFilter {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-actus .catFilter div {
margin: 40px 20px 0 20px;
}
.page-template-template-actus .catFilter div a,
.single .catFilter div a {
font-family: "Barlow", sans-serif !important;
font-size: 16px;
text-transform: uppercase;
text-decoration: underline;
font-weight: 600;
}
.page-template-template-actus .catFilter div:nth-of-type(1) a {
color: #093a5b;
}
.page-template-template-actus .colActu {
height: 630px;
}
.page-template-template-actus .toutesActus .ligne {
padding-top: 0;
position: relative;
}
.page-template-template-actus .intro {
position: relative;
}
.page-template-template-actus .toutesActus .titreActu {
font-size: 25px;
text-transform: uppercase;
line-height: 30px;
margin-top: 30px;
margin-bottom: 5px;
}
.page-template-template-actus .toutesActus a .contenu {
color: #093a5b;
}
.page-template-template-actus .toutesActus .date,
.single .actu .date {
margin-bottom: 30px;
color: #009a95;
}
.page-template-template-actus .toutesActus a.colActu {
text-decoration: none;
}
.page-template-template-actus .toutesActus .readmore,
.single .actu a.back {
display: inline-block;
margin-top: 20px;
background: #009a95;
color: #fff;
text-transform: uppercase;
padding: 15px 25px;
text-decoration: none;
}
.page-template-template-actus .toutesActus .readmore:hover,
.single .actu a.back:hover {
background: #093a5b;
}
#loader {
display: none;
width: 28px;
margin: 15px auto;
}
#loadMore {
cursor: pointer;
color: #093a5b;
text-transform: uppercase;
font-weight: 600;
}
.single .actu {
padding-bottom: 70px;
padding-top: 20px;
}
.single .actu h2 {
font-size: 25px;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 5px;
color: #009a95;
font-weight: 600;
}
.single .catFilter div {
margin: 20px 20px 0 20px;
}
.single .actu .contenu {
color: #093a5b;
line-height: 25px;
}
.single .actu .partage {
margin-top: 20px;
color: #009a95;
}
.single .actu .socials {
display: flex;
height: 60px;
align-items: center;
}
.single .actu .socials a {
display: flex;
height: 36px;
width: 36px;
background: #009a96;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%;
text-decoration: none;
margin: 0 5px;
font-size: 17px;
}
.single .actu .socials a .fa-instagram {
font-weight: 600;
}
.single .actu .socials a:hover {
background: #093a5b;
color: #fff;
}   .page-template-template-contact .form {
padding-bottom: 70px;
}
.page-template-template-contact .form input[type="text"],
.page-template-template-contact .form input[type="tel"],
.page-template-template-contact .form input[type="email"],
.page-template-template-contact .form textarea {
width: 100%;
border-bottom: 1px solid #093a5b;
border-top: 0;
border-left: 0;
border-right: 0;
margin-bottom: 30px;
padding: 4px 0;
font-size: 15px;
color: #093a5b;
height: 30px;
}
.page-template-template-contact .form input[type="text"]::placeholder,
.page-template-template-contact .form input[type="tel"]::placeholder,
.page-template-template-contact .form input[type="email"]::placeholder,
.page-template-template-contact .form textarea::placeholder {
color: #093a5b;
font-size: 15px;
}
.page-template-template-contact .form .wpcf7-recaptcha,
.page-template-template-contact .form input[type="submit"] {
float: right;
margin-bottom: 20px;
}
.page-template-template-contact .form .wpcf7-recaptcha {
margin-top: -20px;
}
.page-template-template-contact .form input[type="submit"] {
display: inline-block;
margin-top: 0;
background: #009a95;
color: #fff;
text-transform: uppercase;
padding: 28px 80px;
text-decoration: none;
border: 0;
margin-left: 30px;
font-family: "Barlow", sans-serif !important;
}
.page-template-template-contact .form input[type="submit"]:hover {
background: #093a5b;
}
.page-template-template-contact .form div.wpcf7-validation-errors,
.page-template-template-contact .form div.wpcf7-mail-sent-ok {
border: 0;
text-align: center;
}
.page-template-template-contact .form span.wpcf7-not-valid-tip {
color: #f00;
font-size: 12px;
font-weight: normal;
display: block;
position: relative;
top: -26px;
}
.page-template-template-contact .intro .introh2 {
font-size: 14px;
line-height: 25px;
color: #093a5b;
}
.page-template-template-contact .map h2 {
font-size: 25px;
color: #fff;
text-transform: uppercase;
margin-bottom: 40px;
font-weight: 600;
}
.page-template-template-contact .map .titre {
height: 590px;
display: flex;
align-items: center;
}
.page-template-template-contact .map .content {
font-size: 14px;
line-height: 25px;
color: #fff;
margin-bottom: 40px;
font-weight: 300;
text-align: justify;
}
.page-template-template-contact .map .acf-map {
min-height: 590px;
}
.page-template-template-contact .bg {
height: 460px;
}   .page-id-499 .content,
.page-id-509 .content,
.page-id-566 .content,
.page-id-571 .content {
padding-top: 100px;
padding-bottom: 40px;
}   @media only screen and (max-width: 1300px) {
.overlay ul li a {
font-size: 26px;
}
}
@media only screen and (max-width: 1200px) {
header .header .logo {
width: 290px;
}
.overlay .menuAdresse {
display: none;
}
.overlay nav {
position: relative;
text-align: center;
}
.page-template-template-actus .toutesActus .titreActu {
font-size: 18px;
line-height: 24px;
}
.page-template-template-actus .colActu {
height: 520px;
}
header .overlay .socialsMd .socials {
width: 100%;
}
header .header .accroche {
justify-content: flex-end;
}
}
@media only screen and (max-width: 991px) {
header .header .logo {
z-index: 1;
}
.reservit {
position: inherit;
margin-top: 0;
z-index: inherit;
left: inherit;
margin: 0 auto;
}
#ReservitBestPriceWidget {
top: inherit;
display: none;
text-align: center;
width: 280px;
height: 330px;
right: inherit;
transform: inherit;
left: inherit;
z-index: inherit;
margin: 30px auto;
}
#box_btn {
right: 15px;
}
#rsvit_btn {
padding: 20px 20px;
margin-top: 15px;
width: 100%;
}
header .header .accroche {
font-size: 40px;
line-height: 40px;
}
.page-template-template-home .citation {
font-size: 40px;
line-height: 40px;
height: 500px;
background-position: center center !important;
}
.page-template-template-home .citation .opacity {
height: 500px;
}
footer .flex {
display: block;
align-items: inherit;
justify-content: inherit;
}
footer .logoft,
footer .contact,
footer .menuft {
height: auto;
display: inherit;
align-items: inherit;
justify-content: inherit;
font-weight: 300;
}
footer .flex .col20 {
width: 100%;
text-align: center;
padding: 18px 0;
}
.page-template-template-chambres .chambreH,
.page-template-template-chambre .chambreH,
.page-template-template-bar .chambreH,
.page-template-template-event .chambreH,
.page-template-template-chambres .chambre .photo,
.page-template-template-chambre .chambre .photo,
.page-template-template-event .chambre .photo,
.page-template-template-bar .bar .photo {
height: 400px;
}
.page-template-template-chambres .chambreH,
.page-template-template-chambre .chambreH,
.page-template-template-event .chambreH,
.page-template-template-bar .chambreH {
display: block;
align-items: inherit;
padding-left: 15px;
color: #093a5b;
height: auto !important;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-template-chambres .pictos,
.page-template-template-chambre .pictos {
justify-content: center;
}
.page-template-template-galerie .galerieFirst a .opacity .hover .tit {
font-size: 16px;
}
.single .actu {
text-align: center;
}
.single .actu h2 {
margin: 15px 0 5px 0;
}
.single .actu .socials {
justify-content: center;
}
.page-template-template-contact .map .titre {
text-align: center;
height: auto;
display: block;
align-items: inherit;
padding: 30px 15px 0;
}
.page-template-template-contact .bg {
background-position: center center !important;
}
.page-template-template-contact .map .content {
text-align: center;
}
.page-template-template-chambre .autresChambres a img {
margin-bottom: 20px;
}
.reservitBtn01 {
left: 0 !important;
width: 100% !important;
}
header .header .accroche {
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
header .header .logo {
width: 264px;
left: 50%;
transform: translateX(-50%);
top: 150px;
}
header .header .accroche img.downArrow,
header .header .menu a.contact {
display: none;
}
header .header {
height: auto;
}
header .header .accroche {
height: 540px;
align-items: flex-end;
padding-bottom: 40px;
font-size: 24px;
line-height: 28px;
}
header .header .accroche img {
margin-top: -70px;
}
footer .contact .socials {
width: 100%;
}
header .breadcrumbs {
display: none;
}
.page-template-template-home .citation {
font-size: 28px;
line-height: 28px;
height: 280px;
}
.page-template-template-home .citation .opacity {
height: 280px;
}
h1,
h3 {
font-size: 28px;
line-height: 30px;
}
.page-template-template-chambres .chambreH,
.page-template-template-chambre .chambreH,
.page-template-template-bar .chambreH,
.page-template-template-event .chambreH,
.page-template-template-chambres .chambre .photo,
.page-template-template-chambre .chambre .photo,
.page-template-template-event .chambre .photo,
.page-template-template-bar .bar .photo {
height: 450px;
}
.page-template-template-actus .toutesActus a.colActu {
text-decoration: none;
padding: 15px;
display: block;
text-align: center;
height: auto;
}
.page-template-template-actus .toutesActus .titreActu {
margin-top: 15px;
}
.page-template-template-actus .toutesActus .date,
.single .actu .date {
margin-bottom: 15px;
}
.page-template-template-actus .catFilter,
.single .catFilter {
display: block;
align-items: inherit;
justify-content: inherit;
text-align: center;
}
.page-template-template-contact .form input[type="submit"] {
position: absolute;
top: 77px;
right: 17px;
}
.page-template-template-contact .form div.wpcf7-validation-errors,
.page-template-template-contact .form div.wpcf7-mail-sent-ok {
margin: 140px 0 0;
}
}
@media only screen and (max-width: 550px) {
header .header .menu .socials {
right: 2px;
top: 75px;
}
header .header .menu .langue {
right: 85px;
top: 72px;
}
h1,
h3 {
font-size: 22px;
line-height: 24px;
}
.page-template-template-home .citation {
font-size: 22px;
line-height: 22px;
}
.page-template-template-chambre .services .pictos {
display: block;
align-items: inherit;
justify-content: inherit;
}
.page-template-template-chambre .services .pictos .picto1,
.page-template-template-chambre .services .pictos .picto2,
.page-template-template-chambre .services .pictos .picto3,
.page-template-template-chambre .services .pictos .picto4 {
margin: 22px 30px;
}
.page-template-template-chambres .chambreH .titre h3,
.page-template-template-bar .chambreH .titre h3,
.page-template-template-event .chambreH .titre h3,
.page-template-template-chambre .chambreH .titre h2 {
font-size: 22px;
}
}
.brunch__section-title {
font-size: 25px;
line-height: 28px;
font-family: "Barlow", sans-serif !important;
color: #009a95;
font-weight: 600;
font-style: normal;
margin-top: 15px;
margin-bottom: 30px;
text-transform: uppercase;
text-align: center;
}
.brunch__menu {
margin: 4rem auto 1rem;
text-align: center;
}
.brunch__menu .title {
margin-bottom: 3rem;
margin-top: 1rem;
}
.menu__section {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 1.25rem;
}
.menu__section h4.titre {
letter-spacing: .1rem;
color:#009a95;
margin-bottom: 1.5rem;
}
.brunch__content h3 {
margin-top: 3.5rem;
}
.page-template-template-brunch .titre,
.page-template-template-brunch h3,
.page-template-template-brunch h4 {
color:#093a5b;
}
.brunch__title {
color: #009a95;
font-weight: 600;
}
.brunch__title + h2 {
margin-bottom: 0;
}
.menu__section::after {
display: block;
content: "";
height: 30px;
width: 2px;
background-color: #dce2e7;
margin-bottom: 3rem;
}
.menu__introduction {
font-family: "Barlow", sans-serif;
color: #009a96;
text-align: center;
margin: 1rem 0;
font-size: 40px;
line-height: 42px;
text-transform: uppercase;
font-weight: 600;
}
.menu__price {
font-family: "Barlow", sans-serif;
color: white;
background-color: #0e3a5d;
font-size: 40px;
text-align: center;
aspect-ratio: 1/1;
padding: 1.75rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1rem;
width: max-content;
} .image-zoom__preview {
display: block;
width: 100%;
}
.js .image-zoom {
position: relative;
}
.js .image-zoom__preview {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ctitle%3EArtboard 1icon-1%3C/title%3E%3Cg opacity='0.9'%3E%3Ccircle cx='24' cy='24' r='24'/%3E%3C/g%3E%3Cpolygon points='34 23 25 23 25 14 23 14 23 23 14 23 14 25 23 25 23 34 25 34 25 25 34 25 34 23' fill='%23fff'/%3E%3C/svg%3E")
24 24,
zoom-in;
cursor: -webkit-image-set(
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAACGklEQVRogeWaO27CQBCG/9meCxDqHAEOQHoEfbgBPRI1Unpu4PSg9PgA+AZJTbgAB5horbGDn/jtXfgkROHX/+9jdj1jYmbUhYjGACYA9P8IwDDjlhcAZwAegBMze7WfXdWAiF4AeAMwqPj8K4AjgH1VM6UNiPCVtHaTaAO7skYKGyCiFwAbANOGhcdxAWyZ+beQriIGiEgPk48aQ6UsemitmflY2wAR6VZfdiQ8jsPM27wTcg0QkW71ecsi73Fg5nXWOSrrgCHiNXPRkkqqARk2JogPmIumBAkDMmH7GvN5LEVbhMgckFD51WG0KYuOTrPbEBvvgY3B4iHaIkMpNCArbNuLVBNMRWvUgGwPbGEVMSCOmt7bgJlf9a+FRhkHvRD0wKKFh7TN4tZAIjxZgK9ZSVeYHHmyGGjtSt6kbGWi2pi8HeL3wMhiAyOV8wJuA8PM7bQtEIDvKlqbXqCI6KfKdc/bA0UIeqlq6xbB+h5Qku6zlYuSXKWtnJWk9GzF0wZOFhs4KUmmXg0QU5ar1h5Eobs5SAPxNQcG9hYa8DWHeSEi+rRoa+0x8ztiC9muPz2lCbWGBmQyuxaId2+rOI+VWpQDmbl4A1jHS0+JzZyUdRwDxTtpJafMCo1BBQ7kVWkyt9NywaFVWcWoVmLCv4k+h5OTJx6PUGYt9EYmN5p1tE64EioL7c+e51ODxIW2fuyRepO+PrcB8AcU++0TpkKrvQAAAABJRU5ErkJggg==)
1x,
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAEqUlEQVR4nO2dS07cQBCGq0bZkgMA64gcIMM6UfYI9sABEGtAWUcha8QBBvYzYo+SNZMDhGQ9zAHiA1TUQ9nyYzxut9vdbbs+CY2QwI//n+qHu12FRAQhgohjAHgPAG8BYMyXONa81Hnq8wUAFkQ0r/gfLwRjAAu+zyLrCl2XOf88hWKIVwNY9CMA+AwAW45PHwHAIwBMfZrh3ABEVE3KKQu/7fTk5SyVEQAwIaJ/Lk/szABE3AGAcwA4dHJCc2YAcENELy5O1roBHRI+jxMjWjUAEc+5uXHdvtsi4mbppq0TtGIAd67fA2rjm6L6iIs2OmvrBiDiFwA4sXrQcLgjoq82r8aaAYioJk3XALBn5YDh8gwAl0T028YVjmwcBBHVOP5+AOID3+M933NjGhuAiKqTve1wR2uCutdbRDxqeqBGTRAiXndweGmbGRFdmh7TOAJE/IRD1sIIIwNE/ALGJtQ2QMQvxciEWgZwhyvil3NYt2PW7oR52HVr9XL7yxkRPWrpqmMAT7LuBzbUbIJ6hnSsM1nTNeBhIJMsmzwT0UHV8Sr7AH62I+LXZ4+128hGA/ipZl8frLnghDUsZWMThIg/e/RI2RdLIvpYdu7SCODFFBG/Odus5VrWRgAvIz7IqMcaalR0sG55sywCzkV8q2yxpgUKEcDf/h9dvtuA+ZSPgnURUNpeCY0paJuJAN409asLOhPRu/TviPjX39XU4kN681c+Ak7Dve7ekNE4b0DjJTahkozGiQE8Y5Nxf/tsp2fH6QiQb787Eq3TBljZZiFokWi9MoBDQiZe7tiKm6E4AvYHcNOhsdI8NqCtV4KEcjIRIAa459WAqgUDoT2U9iN+FVTww+6I38MV/LAzkvbfK2Mr7wcI5kgE+EUiwDdigGcQAP64vIT8SlZouF5ZkwjwjBjgGTHAM877AFt0eFdEBokAz4gBnhmlEtwJ7plLBHhGIsAvqwhwkhtNWMuLMmAh2nhjMQo1o+wQUNrHnbCY4J6V5mKAPzIGPA1QAN+sNF8ZwP1ANGQ1HBPFfW96IqaV3UOwQqJ12oCpaOuMROvEAA6JZa9vOwyW6aF//lmQREH7ZDTOGzDp0Y2GSkbjN+lf1PuriDjrQl64jq6AzfIFIiRVgVuqUxXwH8z6ef9emdXJlnIjEzOrRKxpgbUGsFPSIdtjUlYKRVKWtY9ZyjLmonO3Gx4bNdxoAM/Y7vqtT6vcVS14SeLW9rCTuJW5lFFRLSLWrBItAzgHsnGViAGiXeRHe2MWZwO/GrqyGlzpZk6HuntDiWgqs+SNzFgjbWpvTeSCNWJCEaNiPkZ7Q8WEAsaVlIw354oJCY3KWDUuZcg1U741Okh3uarb5udpvD2dL+BsYPOEiOvENF7CtfJ+AA+7jrnQZd955vowVrbxWHtBQ008eOrd52dH6tnOga1KqiAFnbXpTkHnzMGlpHklUtS/nO4X9c+cqDtGOBE+xpkByQlfaxSccv7kUPqIJe9Ym+T37bSNcwPScGd9xLmUXfcTEe9Snvp8TcurAWnYjH1OodZWGrU5/zyF8m5cMAbkYUN2VWrHlCG6xsTiqk/Vli+CfBkRAP4DaXHfN1Q11JEAAAAASUVORK5CYII=)
2x
)
24 24,
zoom-in;
}
.image-zoom__lightbox { visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: var(--z-index-overlay, 15);
overflow-x: hidden;
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ctitle%3EArtboard 1icon-2%3C/title%3E%3Cg opacity='0.9'%3E%3Ccircle cx='24' cy='24' r='24'/%3E%3C/g%3E%3Crect x='23' y='14' width='2' height='20' transform='translate(48) rotate(90)' fill='%23fff'/%3E%3C/svg%3E")
24 24,
zoom-out;
cursor: -webkit-image-set(
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAACEklEQVRoge2ay23CQBCG/7FypYGEcyqIoAByR1AAHXBH4oyUOx24AFDuuACsNJCcCQ1QwERrjQl+4ifeIfkuHPDj/727s+MZEzOjLkQ0ADAEYH77AB4zLnkEcADgA9gzs1/73lUNiOgpgFcAvYr3PwHYAdhUNVPagAify9NuEmNgXdZIYQNE9ARgCWDUsPA4HoAVM38X0lXEABGZafJWY6qUxUytBTPvahsgIvPUZzcSHsdl5lXeAbkGiMg89UnLIq+xZeZF1jFO1h+WiDdMREsqqQZk2tggPmQimhIkDMiC7WrO5zETbREia0BC5fsNo01ZTHQaX4bY+AgsLRYP0RaZSmcDssO2vUk1wUi0Rg1IeqCFecSAOGo6t2mTQTgK4QhMFYkPCTSHBhLhSQGBZkeGwubIk0XPaHfkTUorQ0fZ4o0TjEDfLk2l6BOAT0WCE2Sm01p4qKqTmZ+b9EhEX1XOUz8C/2ugaxwp92nl6EitUisHR0p6WvGNgb1iA/vgpZ6IPhRmpCdmfgmj0NUapIUEmkMDG4UGAs2BAanJa1rMfthHuNzI1t3pKc1Z69mAOPIUiPcuuzj3VVqUPzJr8RawiLeeEsmctHVcC8W7aS2nzA6NRQ0O5HVpMtNpOWHbqqxiVGsx4ddEl9PJzROPe2izFnojkwuNb7RPeBIqC+Vnf+dTg8SJWj/2SL1IV5/bAPgBdRHiSVcA3vQAAAAASUVORK5CYII=)
1x,
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAEmElEQVR4nO2dvU7cQBDHZ05pyQMAdUL65KgTpUfQAw+AqAGljkJqxAMc9HeiR0nNJX1IargHyD3AROvMWbbvfF6v98v2/KQTBeC1//+b/bDXM0hEECOIOASANwDwEgCGfIpDzVOdZn4+A8ATEU0r/icI0RjAgu+yyLpC12XKn4dYDAlqAIt+AAAfAWDDc/NzALgHgHFIM7wbgIiqSzlm4Te9Nl7OTBkBACMi+uuzYW8GIOIWAJwCwL6XBs2ZAMAVET37aMy5AS0SvogXI5wagIin3N347t9tMedu6cpVA04M4MH1a0R9fFPUGHHmYrC2bgAifgKAI6sHjYcbIvps82ysGYCIatF0CQA7Vg4YL48AcE5Ev2yc4cDGQRBRzeNveyA+8DXe8jU3prEBiKgG2esWD7QmqGu9RsSDpgdq1AUh4mULp5e2mRDRuekxjSNAxE/ZZy2MMDJAxF/C2ITaBoj4pRiZUMsAHnBF/HL26w7M2oMwT7uurZ5udzkhonstXXUM4EXWbc+mmk1Q95AOdRZrugbc9WSRZZNHItqrOl7lGMD3dkT8+uywdmtZawDf1ezqjTUfHLGGpaztghDxe4duKYdiRkTvy9oujQB+mCLiN2eTtVzJygjgx4h3MuuxhpoV7a16vFkWAacivlU2WNMlliKAv/3f2ny1EfOhGAWrIqC0vxIas6RtLgJ409QP0dkp77Kbv4oRcNyd64yWnMZFAxo/YhMqyWmcGsArNpn3u2czuzrORoB8+/2Rap01wMo2C0GLVOvEAA4JWXj5Y2PRDS0iYLcHFx0bieYLA1y9EiSUk2ieLMQQ8bcI5R8iej2oemAguENpP+BXQYUwbA/4PVwhDFsDGYCDMrTyfoBgDgKAzIACIhEQGDEgMC98N09Er2ITIQsi/vHZnkRAYMSAwIgBgZFpaGAkAgIjBgRmkElwJ/hnKhEQGImAsCQR4CU3mrCSZ2XAk2gTjCd5KB+Q5KE8Ny/jgH8SzcWAcOQMeOihAKFJNE/fkEHEn7I/1BtzInoLhVsRWtk9BCukWmcNGIu23ki1Tg3grLCzTl92HMyyGXiL94IkCtyT01heU/VP+Wuq/ItJ9zUIxqRYIEJSFfilOlUB/4FEgX0mdbKlXHGKFcEOc9Z0iZUGsFMjEd8ao7JSKJKyzD1mKcuYs9Zdbnys1XCtAbxiu+m2Pk65qao7I4lb3WEncStzLrOiWsxZs0q0DOAcyMZVInqIdpEf7Y1ZnA38ou/KanChmzkd6u4NJaKxrJLXMmGNtKm9NZEL1ogJyxgV8zHaGyomLGFcScl4c66YkNKojFXjUoZcM+VLo4O0l4u6fX6RxtvT+QROerZOmHOdmMaPcK28H8DTrkMudNl1Hrk+jJVtPNZe0FALD156d/nekbq3s2erkipIQWdt2lPQOXdwKWleiRT1L6f9Rf1zDbXHCC/CL/BmQNrg/81fx5w/OZYxYsY71kbFfTuu8W5AFh6sDziXsu9xYs67lMcuBlddghqQhc3Y5SSCrhIJTvnzEFL0LNEYUIQN2VapHTOG6BqzEFf9VH35UyyC5wCAfxBt4NqKekAOAAAAAElFTkSuQmCC)
2x
)
24 24,
zoom-out;
}
.image-zoom__lightbox img {
display: block;
position: relative;
z-index: 1;
width: 100%;
-webkit-transform-origin: top left;
transform-origin: top left;
pointer-events: none;
}
.image-zoom__lightbox::before { content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: var(--color-bg);
opacity: 0;
}
.image-zoom__lightbox--is-visible {
visibility: visible;
}
.image-zoom__lightbox--is-visible img {
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.image-zoom__lightbox--is-visible::before {
transition: opacity 0.3s;
}
.image-zoom__lightbox--animate-bg::before { opacity: 1;
}
.image-zoom__lightbox--no-transition img,
.image-zoom__lightbox--no-transition::before {
transition: none;
} .image-zoom__input { position: absolute;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
}
.image-zoom__input:focus ~ .image-zoom__preview {
box-shadow: 0 0 0 2px var(--color-bg),
0 0 0 5px
hsla(
var(--color-primary-h),
var(--color-primary-s),
var(--color-primary-l),
0.25
);
}
.menu__gallery {
margin-top: 3rem;
}
.swiper-slide {
aspect-ratio: 1/1;
overflow: hidden;
position: relative;
}
.swiper-slide img {
min-height: 100%;
min-width: 100%;
object-fit: cover;
}
.swiper-slide {
position: relative;
}
.swiper-event .video iframe {
width: 100%;
height: 100%;
}
.swiper-slide::after {
display: flex;
align-items: center;
justify-content: center;
content:"+";
height: 36px;
width: 36px;
border-radius: 36px;
background: white;
color:#009a95;
font-weight: 600;
font-size:2rem;
line-height: .8;
position: absolute;
left: 50%;
top:50%;
transform:translate(-50%, -50%);
z-index: 2;
}
.page-template-template-event .swiper-slide::after{
content: "unset";
display: none;
}
.menu__gallery-navigation {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 3rem;
margin-bottom: 6rem;
}
.menu__gallery-parallax {
min-height: 80vh;
margin-top: 6rem; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.menu__gallery-navigation .prev,
.menu__gallery-navigation .next {
height: 36px;
width: 36px;
background-color: #009a95;
color: white;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
border-radius: 18px;
cursor: pointer;
}
.menu__gallery-navigation .next {
padding-right: 4px;
}
.menu__gallery-navigation .prev {
padding-right: 4px;
}
.brunch__informations {
background-color: #093a5b;
color: white;
padding: 8rem 0 6rem;
}
.informations__title {
color: white;
text-align: center;
font-family: "Barlow", sans-serif;
text-transform: uppercase;
font-size: 36px;
}
.informations__list {
font-family: "Barlow", sans-serif;
margin-top: 4rem;
}
@media (min-width: 768px) {
.informations__list {
display: flex;
align-items: center;
justify-content: space-around;
}
}
.informations__list li a {
color: white;
font-family: "Barlow", sans-serif;
font-size: 24px;
display: flex;
align-items: center;
}
.informations__list li a::before {
content: "";
display: block;
margin-right: 1rem;
height: 8px;
width: 8px;
border-radius: 8px;
background-color: #009a95;
}
.menus__title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 3rem;
}
@media (min-width: 500px) {
.event .subject .row {
display: flex;
}
}
.event .subject .row .photo {
padding-right: 0;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
gap: 1rem; }
.event .subject .row .photo .photo-wrapper {
flex-grow: 1;
}
.event .subject .row .photo .photo-wrapper iframe,
.event .subject .row .photo .photo-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
max-height: 600px;
}
.event .subject .row .photo .gallery {
display: flex;
gap: 1rem;
}
.event .subject .row .photo .gallery .image {
max-width: 33%;
}
.event .subject > .row:last-of-type {
border-bottom: 1px solid #cfd8df;
}
.event-zoom {
cursor: pointer;
}
.event-zoom.zoomed {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 1800px) {
.event .subject .row .photo { }
.event .subject .row .photo .swiper-event { }
}
.event .subject .row .photo .swiper-event {
aspect-ratio: 10/7;
margin-bottom: 5px;
}
@media (min-width: 1900px) {
.event .subject .row .photo .swiper-event {
aspect-ratio: 13/7;
}
.event .subject > .row:not(:first-of-type) {
margin-top: 0;
}
}
.swiper-event-thumbs .swiper-slide img {
min-height: unset;
}
.event .subject .row:nth-of-type(even) .photo {
order: 2;
padding-left: 0;
}
.event .subject .row:nth-of-type(even) .chambreH .container .row {
justify-content: flex-end;
}
.event-button {
margin: 5rem auto;
display: flex !important;
width: fit-content;
gap: 1rem;
align-items: center;
}
@media (max-width: 500px) {
.page-template-template-brunch .animation-element {
padding: 0 1rem;
}
} dialog#favDialog::backdrop {
background-color: #0d3656;
opacity: 0.8;
}
dialog#favDialog {
border: none;
padding: 0;
background-color: transparent;
}
dialog#favDialog form {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.chambreH menu {
padding-left: 0;
}
dialog#favDialog form menu {
margin: 0 0 0rem 0;
}
button#confirmBtn {
border: 0;
background-color: transparent;
font-size: 4rem;
transform: rotate(45deg);
color: #ffffff;
}
.video-opener {
display: inline-block;
background: #009a96;
border: 2px solid #009a96;
color: #fff;
padding: 15px;
letter-spacing: 2px;
margin-top: 20px;
text-decoration: none;
}
.modal-video {
display: none;
}
.modal-video.opened {
display: flex;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.8);
z-index: 1;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1rem;
padding: 5rem;
}
.modal-video.opened iframe {
width: 100%;
height: 90%;
}
.modal-video.opened .modal-closer {
margin-left: auto;
color: white;
font-size: 4rem;
cursor: pointer;
}