.elementor-1557 .elementor-element.elementor-element-992b596{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:3%;}.elementor-1557 .elementor-element.elementor-element-992b596.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1557 .elementor-element.elementor-element-6da0197f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1557 .elementor-element.elementor-element-6da0197f .elementor-background-slideshow__slide__image{background-position:center right;}.elementor-1557 .elementor-element.elementor-element-6da0197f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1557 .elementor-element.elementor-element-3cde79ad{--display:flex;}.elementor-1557 .elementor-element.elementor-element-3cde79ad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1557 .elementor-element.elementor-element-4585075d > .elementor-widget-container{margin:53px 0px -30px 0px;}.elementor-1557 .elementor-element.elementor-element-4585075d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1557 .elementor-element.elementor-element-4585075d{font-family:"Roboto", Sans-serif;font-weight:400;color:#C5894A;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1557 .elementor-element.elementor-element-5aefeb41 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:42px;font-weight:600;color:#000000;}.elementor-1557 .elementor-element.elementor-element-2632d3c0{font-family:"Urbanist", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-1557 .elementor-element.elementor-element-3acfa240 > .elementor-widget-container{margin:-0px -0px -48px -0px;}.elementor-1557 .elementor-element.elementor-element-3acfa240{font-family:"Urbanist", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-1557 .elementor-element.elementor-element-2fba1c3c{text-align:justify;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1557 .elementor-element.elementor-element-579c1842 .elementor-button{background-color:#C5894A;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-1557 .elementor-element.elementor-element-8456e83 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-1557 .elementor-element.elementor-element-76b83e7e > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-1557 .elementor-element.elementor-element-fb55c72{--spacer-size:62px;}#elementor-popup-modal-1557 .dialog-widget-content{animation-duration:1.2s;}#elementor-popup-modal-1557 .dialog-message{width:100vw;height:auto;}#elementor-popup-modal-1557{justify-content:center;align-items:center;}#elementor-popup-modal-1557 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-1557 .elementor-element.elementor-element-6da0197f{--width:50.05%;}.elementor-1557 .elementor-element.elementor-element-3cde79ad{--width:45.696%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1557 .elementor-element.elementor-element-992b596{--width:1599px;}.elementor-1557 .elementor-element.elementor-element-6da0197f{--width:53.14%;}}@media(max-width:767px){.elementor-1557 .elementor-element.elementor-element-992b596{--width:498px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1557 .elementor-element.elementor-element-6da0197f{--width:226.208px;--min-height:25vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:15%;--padding-right:15%;}.elementor-1557 .elementor-element.elementor-element-6da0197f .elementor-background-slideshow__slide__image{background-position:center center;}.elementor-1557 .elementor-element.elementor-element-6da0197f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1557 .elementor-element.elementor-element-3cde79ad{--width:285px;}.elementor-1557 .elementor-element.elementor-element-4585075d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1557 .elementor-element.elementor-element-4585075d.elementor-element{--align-self:center;}.elementor-1557 .elementor-element.elementor-element-4585075d{text-align:center;}.elementor-1557 .elementor-element.elementor-element-5aefeb41 > .elementor-widget-container{margin:-24px 0px 0px 0px;}.elementor-1557 .elementor-element.elementor-element-5aefeb41.elementor-element{--align-self:center;}.elementor-1557 .elementor-element.elementor-element-5aefeb41 .elementor-heading-title{font-size:32px;}.elementor-1557 .elementor-element.elementor-element-2632d3c0{text-align:center;font-size:18px;}.elementor-1557 .elementor-element.elementor-element-2fba1c3c{columns:1;}.elementor-1557 .elementor-element.elementor-element-579c1842 .elementor-button{font-size:22px;}.elementor-1557 .elementor-element.elementor-element-8456e83 > .elementor-widget-container{margin:0px 0px 0px 0px;}#elementor-popup-modal-1557 .dialog-close-button{font-size:25px;}}/* Start custom CSS for text-editor, class: .elementor-element-2fba1c3c *//* Style commun pour le texte de description */
.initial-text,
.extra-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  max-width: 700px; /* Optionnel : limite la largeur */
  margin: 0 auto 10px auto;
}

/* Style du résumé "Lire la suite..." */
.read-more {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #C5894A;
  cursor: pointer;
  outline: none;
}

/* Masquer le marqueur par défaut des <details> sur Webkit */
details summary::-webkit-details-marker {
  display: none;
}

/* Une fois le détail ouvert, masquer le résumé "Lire la suite..." */
.desc-details[open] summary.read-more {
  display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8456e83 *//* SECTION PRINCIPALE : Titre + Liste */
.services-chambre {
  margin: 30px 0;
  font-family: 'Roboto', sans-serif; /* Ex. police, à adapter */
}
.services-supplementaire {
  margin: 30px 0;
  font-family: 'Roboto', sans-serif; /* Ex. police, à adapter */
}

.services-chambre h2 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

/* CONTENEUR DES SERVICES */
.services-list {
  display: flex;           /* Aligne les tags sur une ligne */
  flex-wrap: wrap;         /* Passe à la ligne suivante si pas assez d'espace */
  gap: 10px;               /* Espace entre chaque tag */
  margin: 0;
  padding: 0;
}

/* STYLE DE CHAQUE ETIQUETTE (TAG) */
.service-tag {
  display: inline-block;            /* Pour se comporter comme un bloc ajusté au texte */
  padding: 6px 10px;
  font-size: 0.9rem;
  background-color: #fff;
  border: 1px solid #ccb18b;       /* Bordure dorée/beige */
  border-radius: 3px;              /* Légers angles arrondis */
  color: #333;                     /* Couleur du texte */
  box-sizing: border-box;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: default;                 /* Ou pointer si vous préférez un effet clic */
}

/* ANIMATION AU SURVOL */
.service-tag:hover {
  background-color: #ccb18b;       /* Couleur de fond plus marquée au survol */
  color: #fff;                     /* Couleur du texte sur fond doré */
}

@media (max-width: 768px) {
  /* Sur les écrans petits, ajustez éventuellement la taille du texte */
  .service-tag {
    font-size: 0.85rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76b83e7e *//* SECTION PRINCIPALE : Titre + Liste */
.services-chambre {
  margin: 30px 0;
  font-family: 'Roboto', sans-serif; /* Ex. police, à adapter */
}

.services-chambre h2 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

/* CONTENEUR DES SERVICES */
.services-list {
  display: flex;           /* Aligne les tags sur une ligne */
  flex-wrap: wrap;         /* Passe à la ligne suivante si pas assez d'espace */
  gap: 10px;               /* Espace entre chaque tag */
  margin: 0;
  padding: 0;
}

/* STYLE DE CHAQUE ETIQUETTE (TAG) */
.service-tag {
  display: inline-block;            /* Pour se comporter comme un bloc ajusté au texte */
  padding: 6px 10px;
  font-size: 0.9rem;
  background-color: #fff;
  border: 1px solid #ccb18b;       /* Bordure dorée/beige */
  border-radius: 3px;              /* Légers angles arrondis */
  color: #333;                     /* Couleur du texte */
  box-sizing: border-box;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: default;                 /* Ou pointer si vous préférez un effet clic */
}

/* ANIMATION AU SURVOL */
.service-tag:hover {
  background-color: #ccb18b;       /* Couleur de fond plus marquée au survol */
  color: #fff;                     /* Couleur du texte sur fond doré */
}

@media (max-width: 768px) {
  /* Sur les écrans petits, ajustez éventuellement la taille du texte */
  .service-tag {
    font-size: 0.85rem;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-992b596 *//* 
  Supposons que les deux colonnes soient contenues dans un conteneur 
  dont la classe est "popup-container" (cette classe peut être définie sur la section ou sur l'élément qui regroupe les colonnes)
*/

.popup-container {
  display: flex;
  flex-wrap: nowrap;
}

/* Par défaut (desktop) on garde l'affichage en 2 colonnes */
.popup-image {
  flex: 0 0 50%;
  /* Autres styles spécifiques à cette colonne */
}

.popup-content {
  flex: 0 0 50%;
  /* Autres styles spécifiques à cette colonne */
}

/* Responsive : sur mobile, passer en mode une seule colonne */
/* et réordonner pour afficher l'image au-dessus du contenu */
@media (max-width: 768px) {
  .popup-container {
    flex-direction: column;
  }
  
  /* L'image doit être affichée en premier */
  .popup-image {
    order: 1;
    width: 100%;
    /* Vous pouvez aussi ajuster la hauteur ou le padding si nécessaire */
  }
  
  .popup-content {
    order: 2;
    width: 100%;
    /* Centrer le texte en mobile si besoin */
    text-align: center;
  }
}/* End custom CSS */