/* ==========================================================================
Visits — overrides & déclarations custom
========================================================================== */
/* --------------------------------------------------------------------------
Font locale : draft-b (.otf servi depuis /front/Visits/fonts/)
arpona (Typekit) est chargée via le kit dynamique dans le .
-------------------------------------------------------------------------- */
@font-face {
font-family: "draft-b";
src: url("/front/Visits/fonts/draft_b/draft-b-regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root{
--main-color : #F9F4EB;
--reserved-color : #22224D;
--text-header-color : #22224D;
--text-color : #22224D;
--specific-color: #1B1B1B;
--text-other-color : #3B3B3B;
--star-colors :#FFB2C3;
}
.ff-draft-b { font-family: "draft-b", serif; }
/* arpona : le kit Typekit dynamique ne fournit que le @font-face, pas la classe helper -> on la déclare ici */
.tk-arpona { font-family: "arpona", serif; }
.bg-page-color{
background-color: var(--main-color);
}
.img-gift{
max-width: 35px;
max-height: 35px;
}
.reserved{
color: var(--reserved-color);
}
span, a, a:hover{
display: inline-flex;
}
.text-header-color{
color: var(--text-header-color);
}
.text-color{
color: var(--text-color);
}
.specific-color{
color: var(--specific-color);
}
.text-specific-color{
color : #3B3B3B;
}
.text-other-color{
color: var(--text-other-color);
}
span.play{
display: inline-block;
}
.custom-button{
background-color: #FFB2C3;
color: var(--text-header-color);
}
.border-radius-3px{
border-radius: 3px;
}
.border-radius-7px{
border-radius: 7px;
}
.border-radius-6px{
border-radius: 6px;
}
.fs-16px{font-size: 16px;}
.fs-12px{font-size: 12px;}
.star-color{
background: var(--star-colors);
}
.fs-1-custom{
font-size: 2.813rem;
}
.header-suite{
color: #22224D;
}
.text-suite-color{
color: var(--star-colors);
}
.bg-suites{
background-color: var(--reserved-color);
}
.fs-price{
font-size: 1.875rem !important;
}
.bg-img-restaurant{
background-repeat: no-repeat;
background-position: center;
background-size: auto;
width: 100%;
}
.about-image-offset {
margin-top: 25%;
}
/* Ratting point : éviter le wrap de la caption sous le chiffre en mobile */
.ratting-point {
flex-wrap: nowrap;
}
.ratting-point .features-ratting {
flex-shrink: 0;
}
.ratting-point .features-caption {
flex: 1 1 auto;
min-width: 0;
padding-bottom: 20px;
}
.ratting-point .features-caption h3 {
margin-bottom: 6px;
}
/* Pavillons page: main Royal Palace header compatibility */
.page_pavillons .pavillons-site-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1200;
height: 100px;
color: #fff;
}
.page_pavillons .pavillons-site-header > .logo {
position: absolute;
top: 35px;
left: 50%;
z-index: 1002;
transform: translateX(-50%);
}
.page_pavillons .pavillons-site-header > .logo img {
width: 150px;
height: auto;
display: block;
}
.page_pavillons .pavillons-site-header > .menu-left,
.page_pavillons .pavillons-site-header > .menu-right {
position: absolute;
top: 44px;
z-index: 1202;
display: flex;
align-items: center;
gap: 24px;
}
.page_pavillons .pavillons-site-header > .menu-left {
left: 48px;
}
.page_pavillons .pavillons-site-header > .menu-right {
right: 48px;
}
.page_pavillons .locale {
position: relative;
color: #fff;
cursor: pointer;
}
.page_pavillons .locale ul {
position: absolute;
top: 100%;
left: 50%;
display: none;
list-style: none;
padding: 10px 0 0;
margin: 0;
transform: translateX(-50%);
}
.page_pavillons .locale.open ul,
.page_pavillons .locale:hover ul {
display: block;
}
.page_pavillons .locale li {
margin-top: 6px;
}
.page_pavillons .locale a,
.page_pavillons .menu-order a {
color: inherit;
text-decoration: none;
}
.page_pavillons .pavillons-site-header > .menu-left img,
.page_pavillons .main-menu .header .menu-left img {
width: 27px;
height: auto;
display: block;
}
.page_pavillons .menu-icon {
position: relative;
width: 34px;
height: 24px;
cursor: pointer;
}
.page_pavillons .menu-icon .menu-icon__cheeckbox {
position: absolute;
inset: 0;
z-index: 2;
opacity: 0;
cursor: pointer;
}
.page_pavillons .menu-icon div {
position: absolute;
inset: 0;
}
.page_pavillons .menu-icon span {
position: absolute;
left: 0;
width: 34px;
height: 2px;
background: #fff;
transition: transform 0.3s ease, top 0.3s ease, background 0.3s ease;
}
.page_pavillons .menu-icon span:first-of-type {
top: 7px;
}
.page_pavillons .menu-icon span:last-of-type {
top: 17px;
}
.page_pavillons .pavillons-site-header.open > .menu-right > .menu-icon span,
.page_pavillons .main-menu .menu-icon span,
.page_pavillons .menu-icon.active span {
background: #c41932;
}
.page_pavillons .pavillons-site-header.open > .menu-right > .menu-icon span:first-of-type,
.page_pavillons .main-menu .menu-icon span:first-of-type,
.page_pavillons .menu-icon.active span:first-of-type {
top: 12px;
transform: rotate(45deg);
}
.page_pavillons .pavillons-site-header.open > .menu-right > .menu-icon span:last-of-type,
.page_pavillons .main-menu .menu-icon span:last-of-type,
.page_pavillons .menu-icon.active span:last-of-type {
top: 12px;
transform: rotate(-45deg);
}
.page_pavillons .pavillons-site-header.open > .menu-right > .menu-icon {
display: none;
}
.page_pavillons .main-menu {
position: fixed;
top: -9999px;
left: 0;
z-index: 1201;
width: 100%;
min-height: calc(100vh - 28px);
max-height: calc(100vh - 28px);
overflow-y: auto;
margin-top: 0;
background: #fff;
border-bottom-left-radius: 90px;
border-bottom-right-radius: 90px;
box-shadow: 0 12px 18px rgba(20, 10, 30, 0.28);
transition: top 0.35s ease;
}
.page_pavillons .main-menu.open {
top: 0;
}
.page_pavillons .main-menu .header {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 130px;
background: transparent;
}
.page_pavillons .main-menu .header .logo {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
}
.page_pavillons .main-menu .header .logo img {
width: 170px;
height: auto;
}
.page_pavillons .main-menu .header .menu-left,
.page_pavillons .main-menu .header .menu-right {
position: absolute;
top: 38px;
display: flex;
align-items: center;
gap: 24px;
}
.page_pavillons .main-menu .header .menu-left {
left: 72px;
}
.page_pavillons .main-menu .header .menu-right {
right: 72px;
}
.page_pavillons .main-menu .header .menu-left,
.page_pavillons .main-menu .header .menu-left a,
.page_pavillons .main-menu .header .menu-right,
.page_pavillons .main-menu .header .menu-order a {
color: #c41932;
}
.page_pavillons .main-menu .header .locale {
color: #c41932;
font-size: 21px;
}
.page_pavillons .main-menu .header .menu-order {
display: none;
}
.page_pavillons .main-menu .header .search {
display: flex;
align-items: center;
}
.page_pavillons .main-menu .header .search img {
width: 34px;
height: auto;
display: block;
}
.page_pavillons .main-menu .header .search form,
.page_pavillons .main-menu .header .search #datafetch {
display: none;
}
.page_pavillons .main-menu .content.container {
width: 100%;
max-width: 1394px !important;
padding-top: 190px;
padding-bottom: 110px;
}
.page_pavillons .main-menu .content .row {
align-items: flex-start;
}
.page_pavillons .main-menu .content .col-md-4:first-child {
padding-left: 28px;
padding-right: 64px;
}
.page_pavillons .main-menu .content .col-md-4:nth-child(2) {
padding-left: 36px;
padding-right: 70px;
}
.page_pavillons .main-menu .content .col-md-4:last-child {
display: flex;
justify-content: center;
}
.page_pavillons .main-menu a.item {
position: relative;
display: block;
margin-bottom: 14px;
padding-bottom: 8px;
border-bottom: 1px solid #c41932;
color: #c41932;
font-family: inherit;
font-size: 22px;
font-weight: 400;
line-height: 1.25;
letter-spacing: 0.22em;
text-decoration: none;
text-transform: uppercase;
}
.page_pavillons .main-menu a.item.menu-item-spaced {
margin-top: 68px;
}
.page_pavillons .main-menu a.item.mb-0 {
margin-bottom: 0 !important;
}
.page_pavillons .main-menu .submenu {
display: flex;
flex-direction: column;
gap: 11px;
margin-bottom: 42px;
}
.page_pavillons .main-menu .submenu a {
color: #252349;
font-size: 16px;
letter-spacing: 0.28em;
line-height: 1.45;
text-decoration: none;
}
.page_pavillons .main-menu .menu-visu {
display: block;
width: min(360px, 100%);
margin-top: 0;
}
.page_pavillons .main-menu .artist {
width: 100%;
height: auto;
display: block;
}
.page_pavillons .main-menu .second-menu {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 26px;
position: absolute;
right: 64px;
bottom: 54px;
padding: 0;
margin: 0;
list-style: none;
}
.page_pavillons .main-menu .second-menu a {
color: #c41932;
text-transform: lowercase;
letter-spacing: 0.02em;
font-size: 18px;
text-decoration: none;
}
.page_pavillons .main-menu .second-menu .button a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 3px 8px;
border: 1px solid #c41932;
border-radius: 20px;
font-size: 13px;
}
.page_pavillons .main-menu .second-menu .button img {
width: 15px;
}
.page_pavillons .main-menu .arrow {
position: absolute;
left: 50%;
bottom: -18px;
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 10px rgba(20, 10, 30, 0.18);
transform: translateX(-50%);
cursor: pointer;
}
.page_pavillons .main-menu .arrow::before {
content: "";
position: absolute;
left: 50%;
top: 12px;
width: 14px;
height: 14px;
border-right: 2px solid #c41932;
border-bottom: 2px solid #c41932;
transform: translateX(-50%) rotate(-135deg);
}
.butn-dark2{
background: #FFB2C3;
}
.butn-dark2:after{
background: var(--text-header-color) !important;
}
.gourmande__panel * {
font-size: 14px;
}
.rooms1 .owl-theme .owl-nav [class*=owl-]:hover{
background: var(--text-header-color) !important;
}
/**
update play button
*/
.video-wrapper .vid .vid-butn .icon{
justify-content: center;
align-items: center;
}
@media (max-width: 991px) {
.page_pavillons .pavillons-site-header > .menu-left {
left: 20px;
}
.page_pavillons .pavillons-site-header > .menu-right {
right: 20px;
}
.page_pavillons .main-menu {
border-bottom-left-radius: 42px;
border-bottom-right-radius: 42px;
max-height: calc(100vh - 16px);
min-height: calc(100vh - 16px);
}
.page_pavillons .main-menu .header .menu-left {
left: 22px;
}
.page_pavillons .main-menu .header .menu-right {
right: 22px;
}
.page_pavillons .main-menu .content {
padding-top: 130px;
padding-bottom: 90px;
}
.page_pavillons .main-menu a.item {
font-size: 18px;
}
.page_pavillons .main-menu a.item.menu-item-spaced {
margin-top: 24px;
}
.page_pavillons .main-menu .content .col-md-4,
.page_pavillons .main-menu .content .col-md-4:first-child,
.page_pavillons .main-menu .content .col-md-4:nth-child(2) {
padding-left: 15px;
padding-right: 15px;
}
.page_pavillons .main-menu .menu-visu {
display: none;
}
.page_pavillons .main-menu .second-menu {
position: static;
flex-wrap: wrap;
justify-content: center;
padding: 20px 18px 60px;
}
}
@media (max-width: 640px) {
.page_pavillons .pavillons-site-header > .logo img,
.page_pavillons .main-menu .header .logo img {
width: 130px;
}
.page_pavillons .pavillons-site-header > .menu-left {
top: 36px;
gap: 12px;
}
.page_pavillons .pavillons-site-header > .menu-right {
top: 38px;
}
.page_pavillons .main-menu .header .menu-left {
top: 32px;
gap: 12px;
}
.page_pavillons .main-menu .header .menu-right {
top: 34px;
}
.page_pavillons .main-menu .content {
padding-top: 115px;
}
}
/* Hotel page */
.hotel-hero {
position: relative;
min-height: 100svh;
color: #fff;
background: #221719;
overflow: hidden;
}
.hotel-hero__media,
.hotel-hero__overlay {
position: absolute;
inset: 0;
}
.hotel-hero__media {
z-index: 0;
}
.hotel-hero__media video,
.hotel-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hotel-hero__media img {
position: absolute;
inset: 0;
}
.hotel-hero__overlay {
z-index: 1;
background: linear-gradient(180deg, rgba(34, 23, 25, 0.24) 0%, rgba(34, 23, 25, 0.44) 48%, rgba(34, 23, 25, 0.58) 100%);
}
.hotel-hero__topbar {
position: absolute;
inset: 0 0 auto 0;
z-index: 3;
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
gap: 24px;
padding: 32px 48px;
}
.hotel-hero__left,
.hotel-hero__actions {
display: flex;
align-items: center;
gap: 16px;
}
.hotel-hero__left {
position: relative;
justify-self: start;
gap: 50px;
}
.hotel-hero__actions {
justify-self: end;
}
.hotel-hero__back a,
.hotel-hero__locale-menu a,
.hotel-hero__action {
border: 1px solid rgba(255, 255, 255, 0.32);
border-radius: 14px;
background: rgba(255, 255, 255, 0.12);
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 0 20px;
text-transform: uppercase;
letter-spacing: 0.16em;
font-size: 11px;
}
.hotel-hero__locale {
position: relative;
flex: 0 0 auto;
}
.hotel-hero__locale-trigger {
display: inline-flex;
align-items: center;
gap: 8px;
color: #fff;
font-size: 20px;
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
font-weight: 300;
cursor: default;
}
.hotel-hero__locale-trigger::after {
content: '▾';
font-size: 11px;
opacity: 0.72;
}
.hotel-hero__locale-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
flex-direction: column;
align-items: center;
gap: 8px;
margin: 0;
/* padding-top = pont survolable qui comble l'ancien gap de 12px
(sinon le :hover se perd en descendant vers les liens) */
padding: 12px 0 0;
list-style: none;
min-width: 84px;
}
.hotel-hero__locale:hover .hotel-hero__locale-menu,
.hotel-hero__locale:focus-within .hotel-hero__locale-menu {
display: flex;
}
/* liens de langue : texte centré, sans fond ni bordure */
.hotel-hero__locale-menu a {
background: none;
border: none;
border-radius: 0;
min-height: 0;
padding: 4px 6px;
width: 100%;
justify-content: center;
text-align: center;
font-size: 16px;
letter-spacing: 0.08em;
}
.hotel-hero__action--primary {
border-color: #f5a7bf;
background: #f5a7bf;
color: #2f1f24;
padding: 0 30px;
}
.hotel-hero__brand {
justify-self: center;
text-align: center;
}
.hotel-hero__brand img {
width: min(220px, 48vw);
height: auto;
}
.hotel-hero__back a {
border: 0;
border-radius: 0;
background: transparent;
min-height: 0;
padding: 0;
justify-content: flex-start;
font-size: 13px;
letter-spacing: 0.22em;
white-space: nowrap;
}
.hotel-hero__content {
position: relative;
z-index: 2;
min-height: 100svh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 210px 24px 140px;
}
.hotel-hero__inner {
width: min(860px, 100%);
}
.hotel-hero__stars {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 18px;
color: #f7a6c0;
font-size: 28px;
line-height: 1;
}
.hotel-hero__eyebrow {
display: block;
margin-bottom: 24px;
text-transform: uppercase;
letter-spacing: 0.34em;
font-size: 12px;
}
.hotel-hero__title {
margin: 0;
color: #fff;
font-size: clamp(44px, 6vw, 76px);
line-height: 0.98;
text-wrap: balance;
}
.hotel-hero__cta {
margin-top: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 0 34px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.42);
color: #fff;
text-transform: uppercase;
letter-spacing: 0.18em;
font-size: 11px;
}
.hotel-hero__glow {
position: absolute;
inset: auto 0 0 0;
z-index: 2;
height: 340px;
background: linear-gradient(180deg, rgba(249, 244, 235, 0) 31.92%, #F9F4EB 100%);
pointer-events: none;
}
@media (max-width: 991px) {
.hotel-hero__topbar {
padding: 20px;
grid-template-columns: 1fr;
}
.hotel-hero__brand {
width: 100%;
margin-bottom: 8px;
order: -1;
}
.hotel-hero__left,
.hotel-hero__actions {
width: 100%;
justify-content: center;
}
.hotel-hero__title {
font-size: clamp(34px, 11vw, 56px);
}
.hotel-hero__content {
padding-top: 300px;
}
}
@media (max-width: 640px) {
.hotel-hero__topbar,
.hotel-hero__left,
.hotel-hero__locale,
.hotel-hero__actions {
gap: 10px;
}
.hotel-hero__topbar {
justify-content: center;
}
.hotel-hero__left,
.hotel-hero__actions {
width: 100%;
justify-content: center;
}
.hotel-hero__back a,
.hotel-hero__locale-menu a,
.hotel-hero__action,
.hotel-hero__cta {
width: auto;
padding-inline: 16px;
}
.hotel-hero__locale {
display: flex;
justify-content: center;
}
.hotel-hero__left {
gap: 12px;
}
.hotel-hero__locale-menu {
left: 50%;
transform: translateX(-50%);
align-items: center;
}
.hotel-hero__content {
padding-top: 260px;
}
}
/* Rooms : carte unique fixe par-dessus le carrousel qui défile */
.rooms1-stage {
position: relative;
}
.rooms1-fixed-card {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
z-index: 5;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
width: min(720px, 92%);
padding: 28px 40px;
background: #fff;
color: #2f1f24;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16);
}
@media (max-width: 767px) {
.rooms1-fixed-card {
flex-direction: column;
gap: 16px;
text-align: center;
padding: 22px 24px;
bottom: -100px;
}
}
.suite-card {
position: relative;
overflow: visible;
margin-bottom: 40px;
}
.suite-card .row {
--bs-gutter-x: 0;
position: relative;
z-index: 2;
overflow: hidden;
border-radius: 7px;
background: #28245c;
}
.suite-card__plume {
position: absolute;
z-index: 1;
pointer-events: none;
}
.suite-card__plume img {
display: block;
width: 100%;
height: auto;
}
.suite-card__plume--right {
top: -86px;
right: -182px;
width: 238px;
}
.suite-card__plume--left {
top: 56px;
left: -196px;
width: 230px;
}
.suite-card__media,
.suite-card__panel {
min-width: 0;
}
.suite-card__media .owl-carousel,
.suite-card__media .owl-stage-outer,
.suite-card__media .owl-stage,
.suite-card__media .owl-item,
.suite-card__media .img {
height: 100%;
}
.suite-card__media .img img {
width: 100%;
height: 400px;
object-fit: cover;
display: block;
}
.suite-card__panel {
background: #28245c;
}
.suite-card__panel .content,
.suite-card__panel .cont {
height: 100%;
}
.suite-card__panel .content {
padding: 34px 40px;
}
.suite-card__panel .cont {
display: flex;
flex-direction: column;
justify-content: center;
}
.suite-card__panel h3 {
margin-bottom: 18px;
color: #f6a6be;
font-size: clamp(28px, 2.8vw, 38px);
line-height: 1.08;
}
.suite-card__panel p {
margin-bottom: 34px;
color: #fff;
font-size: 16px;
line-height: 1.45;
}
.suite-card__panel .icons-wrapper {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px 16px;
margin-bottom: 26px;
}
.suite-card__panel .icon,
.suite-card__panel .icon-text {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.suite-card__panel .icon {
min-height: 24px;
}
.suite-card__panel .icon-room {
width: 24px;
height: 24px;
}
.suite-card__panel .icon-text {
color: #fff;
font-size: 14px;
line-height: 1.3;
}
.suite-card__panel .book {
display: flex;
align-items: center;
gap: 24px;
}
.suite-card__panel .book > div:last-child {
color: #fff;
line-height: 1.1;
}
.suite-card__panel .book > div:last-child span {
display: block;
font-size: 15px;
}
.suite-card__panel .book .price {
margin: 6px 0 4px;
color: #f6a6be;
font-size: clamp(38px, 3.6vw, 48px);
line-height: 0.95;
}
.suite-card__panel .butn-dark2 {
min-width: 148px;
text-align: center;
padding-inline: 26px;
}
@media (min-width: 992px) {
.suite-card__media,
.suite-card__panel {
height: 400px;
}
}
@media (max-width: 991px) {
.suite-card__panel .content {
padding: 36px 28px;
}
.suite-card__plume {
display: none;
}
}
@media (max-width: 640px) {
.suite-card__media .img img {
height: 260px;
}
.suite-card__panel .content {
padding: 28px 20px;
}
.suite-card__panel .icons-wrapper {
gap: 10px 8px;
}
.suite-card__panel .icon-text {
font-size: 12px;
}
.suite-card__panel .book {
justify-content: space-between;
gap: 12px;
}
}
.restaurant-hero {
position: relative;
}
.restaurant-hero__background {
position: relative;
min-height: 400px;
max-height: 500px;
display: flex;
align-items: center;
justify-content: center;
padding: 48px 24px;
}
.restaurant-hero__background::before {
content: "";
position: absolute;
inset: 0;
}
.restaurant-hero__content {
position: relative;
z-index: 1;
text-align: center;
}
.restaurant-hero__ornament {
width: 210px;
max-width: 42vw;
height: auto;
margin-bottom: 18px;
}
.restaurant-hero__title {
margin: 0;
color: #fff;
line-height: 1.05;
}
@media (max-width: 767px) {
.restaurant-hero__background {
min-height: 360px;
padding: 36px 20px;
}
.restaurant-hero__ornament {
width: 160px;
margin-bottom: 14px;
}
}
/* La Plume Gourmande */
.gourmande__head {
max-width: 720px;
margin: 0 auto 44px;
}
.gourmande__plume {
width: 43px;
height: auto;
margin-bottom: 12px;
}
.gourmande__title {
margin: 0 0 10px;
}
.gourmande__subtitle {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 14px;
}
.gourmande__row {
width: min(1095px, 100%);
margin-inline: auto;
}
.gourmande__media {
position: relative;
width: 543px;
max-width: 100%;
height: 536px;
}
.gourmande__stars {
position: absolute;
top: -60px;
left: -70px;
width: 110px;
height: auto;
z-index: 0;
pointer-events: none;
}
.gourmande__media > .gourmande-carousel,
.gourmande__media > .owl-carousel {
position: relative;
z-index: 1;
}
.gourmande__slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gourmande-carousel,
.gourmande-carousel .owl-stage-outer,
.gourmande-carousel .owl-stage,
.gourmande-carousel .owl-item,
.gourmande-carousel .gourmande__slide {
height: 100%;
}
.gourmande-carousel {
border-radius: 7px;
overflow: hidden;
}
.gourmande-carousel .owl-dots {
position: absolute;
left: 0;
right: 0;
bottom: 26px;
display: flex;
justify-content: center;
gap: 5px;
}
.gourmande-carousel.owl-theme .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.7);
border: none;
margin: 0;
transition: background 0.2s ease;
}
.gourmande-carousel.owl-theme .owl-dots .owl-dot.active span,
.gourmande-carousel.owl-theme .owl-dots .owl-dot:hover span {
background: #22224D;
border: none;
}
.gourmande__panel {
background: #F9F4EB;
padding: 28px 48px 22px;
max-width: 553px;
min-height: 470px;
}
.gourmande__panel p {
line-height: 1.5;
margin-bottom: 16px;
}
.gourmande__label {
margin-top: 16px;
}
.gourmande__hours {
list-style: none;
padding: 0;
margin: 0 0 8px;
}
.gourmande__hours li {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 8px;
line-height: 1.3;
}
.gourmande__clock {
width: 13px;
height: 13px;
flex-shrink: 0;
margin-top: 5px;
}
.gourmande__actions {
display: flex;
gap: 14px;
margin-top: 0;
max-width: 553px;
}
/* colonne droite : panneau en haut, boutons collés en bas (hauteur = image) */
@media (min-width: 992px) {
.gourmande__aside {
display: flex;
flex-direction: column;
min-height: 536px;
}
.gourmande__aside .gourmande__actions {
margin-top: 0;
}
}
.gourmande__btn {
position: relative;
overflow: hidden;
flex: 1;
text-align: center;
padding: 10px 24px;
justify-content: center;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 14px;
transition: color 0.4s ease;
max-width: 269px;
border-radius: 3px;
}
.gourmande__btn--outline {
border: 1px solid #22224D;
color: #22224D;
background: transparent;
}
.gourmande__btn--filled {
isolation: isolate;
border: 1px solid #22224D;
color: #fff;
background: transparent;
}
.gourmande__btn--filled::before {
content: "";
position: absolute;
inset: 0;
background: #22224D;
transform-origin: right center;
transition: transform 0.4s ease;
z-index: -1;
}
.gourmande__btn--filled:hover {
color: #22224D;
}
.gourmande__btn--filled:hover::before {
transform: scaleX(0);
}
@media (max-width: 991px) {
.gourmande__media {
margin-bottom: 30px;
}
.gourmande__stars {
top: -28px;
left: -14px;
width: 80px;
}
.gourmande__panel {
padding: 28px 22px;
}
.gourmande__actions {
flex-direction: column;
gap: 14px;
}
}
/* Le Velvet Bar (réutilise .gourmande) */
.gourmande--bar .gourmande__row {
align-items: flex-start;
}
.gourmande--bar .gourmande__panel {
height: auto;
min-height: 0;
}
.gourmande__stars-right {
display: none;
}
@media (min-width: 992px) {
.gourmande__right {
position: relative;
}
.gourmande__stars-right {
display: block;
position: absolute;
right: -10px;
bottom: -10px;
width: 130px;
height: auto;
pointer-events: none;
}
}
/* Spa (slider header) */
.header.slider {
position: relative;
}
/* fondu doux du bas de l'image vers le fond de page */
.header.slider::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 180px;
z-index: 4;
pointer-events: none;
background: linear-gradient(180deg, rgba(246, 241, 240, 0) 0%, #F6F1F0 100%);
}
.header.slider .owl-theme .owl-nav [class*=owl-] {
width: 66px;
height: 66px;
line-height: 66px;
top: 0;
margin: 0;
padding: 0;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.85);
border-radius: 50%;
transition: background 0.2s ease;
}
.header.slider .owl-theme .owl-nav .owl-prev {
left: 60px !important;
}
.header.slider .owl-theme .owl-nav .owl-next {
right: 60px !important;
}
.header.slider .owl-theme .owl-nav [class*=owl-]:hover {
background: rgba(255, 255, 255, 0.12);
}
.header.slider .owl-theme .owl-nav [class*=owl-] > i {
display: none;
}
.header.slider .owl-theme .owl-nav [class*=owl-]::before {
content: "";
position: absolute;
inset: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 22px 22px;
}
.header.slider .owl-theme .owl-nav .owl-prev::before {
background-image: url("data:image/svg+xml;utf8,");
}
.header.slider .owl-theme .owl-nav .owl-next::before {
background-image: url("data:image/svg+xml;utf8,");
}
.spa-hero__caption {
position: absolute;
top: 70px;
left: 50%;
transform: translateX(-50%);
z-index: 6;
width: min(820px, 88%);
color: #fff;
pointer-events: none;
}
.spa-hero__ornament {
width: 320px;
max-width: 70%;
height: auto;
margin-bottom: 22px;
}
.spa-hero__title {
margin: 0 0 20px;
color: #fff;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.1;
}
.spa-hero__text {
margin: 0;
color: #fff;
font-size: 15px;
line-height: 1.85;
}
@media (max-width: 767px) {
.spa-hero__caption {
top: 40px;
}
.spa-hero__ornament {
width: 220px;
margin-bottom: 14px;
}
.spa-hero__text {
font-size: 13px;
line-height: 1.7;
}
}
/* Spa amenities (marquee CSS pur, défilement right-to-left infini) */
.spa-amenities {
padding: 56px 0;
overflow: hidden;
}
.spa-amenities__viewport {
overflow: hidden;
width: 100%;
}
.spa-amenities__track {
display: flex;
gap: 45px;
width: max-content;
animation: spaMarquee 40s linear infinite;
will-change: transform;
}
.spa-amenities__viewport:hover .spa-amenities__track {
animation-play-state: paused;
}
@keyframes spaMarquee {
from { transform: translateX(0); }
to { transform: translateX(calc(-50% - 22.5px)); }
}
@media (prefers-reduced-motion: reduce) {
.spa-amenities__track {
animation: none;
}
}
.spa-amenity {
width: 170px;
height: 122px;
border-radius: 8px;
background: #E1D0A6;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.spa-amenity__icon {
width: 54px;
height: 54px;
object-fit: contain;
transition: opacity 0.25s ease;
}
.spa-amenity__icon--wide {
width: 85px;
}
.spa-amenity__label {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 14px;
background: #22224D;
color: #fff;
font-size: 15px;
line-height: 1.25;
opacity: 0;
transition: opacity 0.25s ease;
}
.spa-amenity:hover .spa-amenity__icon {
opacity: 0;
}
.spa-amenity:hover .spa-amenity__label {
opacity: 1;
}
/* Cartes événements (MICE) */
.event-card__cat {
display: block;
margin-bottom: 14px;
color: #9b958c;
font-size: 16px;
}
.event-card__box {
position: relative;
background: #fff;
border: 1px solid rgba(34, 34, 77, 0.10);
border-radius: 7px;
padding: 20px 26px;
width: 352px;
max-width: 100%;
height: 239px;
overflow: hidden;
text-align: left;
box-shadow: 0 12px 30px rgba(34, 34, 77, 0.05);
}
.event-card__num {
position: absolute;
top: 22px;
right: 22px;
width: 36px;
height: 36px;
border-radius: 50%;
background: #22224D;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
}
.event-card__icon {
margin-bottom: 12px;
text-align: left;
}
/* boîte carrée fixe -> toutes les icônes au même gabarit.
Sélecteur spécifique pour battre owl (.owl-carousel .owl-item img { width:100% }) */
.events-carousel .owl-item .event-card__icon img {
display: block;
width: 40px;
height: 40px;
object-fit: contain;
}
.event-card__title {
margin: 0 0 8px;
font-size: 18px;
line-height: 1.2;
padding-right: 30px;
}
.event-card__text {
margin: 0;
font-size: 13px;
line-height: 1.45;
}
/* dots du carousel événements */
.events-carousel.owl-theme .owl-dots {
margin-top: 26px;
text-align: center;
}
.events-carousel.owl-theme .owl-dots .owl-dot span {
width: 11px;
height: 11px;
margin: 5px;
background: transparent;
border: 1px solid rgba(34, 34, 77, 0.4);
}
.events-carousel.owl-theme .owl-dots .owl-dot.active span,
.events-carousel.owl-theme .owl-dots .owl-dot:hover span {
background: #22224D;
border: 1px solid #22224D;
}
/* boutons d'action de la section événements */
.events-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 22px;
margin-top: 30px;
}
.events-btn {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
min-width: 232px;
padding: 10px 28px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 14px;
transition: color 0.4s ease;
}
.events-btn > * {
position: relative;
z-index: 1;
}
.events-btn--outline {
border: 1px solid #22224D;
color: #22224D;
background: transparent;
}
.events-btn--filled {
isolation: isolate;
border: 1px solid #22224D;
color: #fff;
background: transparent;
}
.events-btn--filled::before {
content: "";
position: absolute;
inset: 0;
background: #22224D;
transform-origin: right center;
transition: transform 0.4s ease;
z-index: -1;
}
.events-btn--filled:hover {
color: #22224D;
}
.events-btn--filled:hover::before {
transform: scaleX(0);
}
.events-btn .ti-eye {
font-size: 18px;
}
.hotel-prefooter {
height: 732px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.hotel-footer {
position: relative;
overflow: hidden;
padding: 0;
border-top: 0;
background: #28245c;
color: #fff;
}
.hotel-footer__main {
position: relative;
min-height: 345px;
display: flex;
align-items: center;
justify-content: center;
padding: 58px 24px 52px;
text-align: center;
}
.hotel-footer__content {
position: relative;
z-index: 2;
}
.hotel-footer__logo {
width: 238px;
max-width: 54vw;
height: 124px;
object-fit: contain;
opacity: 1;
margin-bottom: 28px;
}
.hotel-footer__title {
margin: 0 0 16px;
color: #f6a6be;
font-size: 32px;
line-height: 1.1;
}
.hotel-footer__contact {
margin: 0;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
line-height: 1.6;
}
.hotel-footer__contact a {
color: inherit;
text-decoration: none;
}
.hotel-footer__socials {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 24px;
}
.hotel-footer__socials a {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #e1d0a6;
border-radius: 50%;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.hotel-footer__socials a:hover {
opacity: 0.72;
transform: translateY(-2px);
}
.hotel-footer__socials img {
width: 16px;
height: 16px;
display: block;
}
.hotel-footer__plume {
position: absolute;
z-index: 1;
width: 185px;
opacity: 0.2;
pointer-events: none;
}
.hotel-footer__plume img {
display: block;
width: 100%;
height: auto;
}
.hotel-footer__plume--left {
left: 21%;
top: 62px;
}
.hotel-footer__plume--right {
right: 21%;
top: 62px;
}
.hotel-footer__bottom {
border-top: 1px solid rgba(255, 255, 255, 0.16);
padding: 0;
}
.hotel-footer__bottom-inner {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 32px;
min-height: 50px;
padding: 0 56px;
}
.hotel-footer__copyright,
.hotel-footer__legal a {
color: rgba(255, 255, 255, 0.9);
font-size: 13px;
line-height: 1.4;
}
.hotel-footer__copyright {
margin: 0;
}
.hotel-footer__legal {
display: flex;
justify-content: center;
gap: 32px;
white-space: nowrap;
}
.hotel-footer__legal a {
text-decoration: none;
transition: color 0.2s ease;
}
.hotel-footer__legal a:hover {
color: #f6a6be;
}
.hotel-footer__agency {
justify-self: end;
}
.hotel-footer__agency img {
width: 72px;
height: auto;
opacity: 0.42;
}
@media (max-width: 1199px) {
.hotel-footer__plume--left {
left: 8%;
}
.hotel-footer__plume--right {
right: 8%;
}
}
@media (max-width: 767px) {
.hotel-prefooter {
height: 320px;
}
.hotel-footer__main {
min-height: 0;
padding: 48px 20px 42px;
}
.hotel-footer__plume {
display: none;
}
.hotel-footer__bottom-inner {
grid-template-columns: 1fr;
text-align: center;
min-height: 0;
padding: 22px 20px;
}
.hotel-footer__legal {
flex-wrap: wrap;
gap: 14px 24px;
}
.hotel-footer__agency {
justify-self: center;
}
}