.elementor-1562 .elementor-element.elementor-element-f2120ac{--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-1562 .elementor-element.elementor-element-f2120ac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1562 .elementor-element.elementor-element-726694e0{--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-1562 .elementor-element.elementor-element-726694e0:not(.elementor-motion-effects-element-type-background), .elementor-1562 .elementor-element.elementor-element-726694e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chevalblanchotel.com/wp-content/uploads/2025/03/chambre-double-min-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1562 .elementor-element.elementor-element-726694e0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1562 .elementor-element.elementor-element-7db19450{--display:flex;}.elementor-1562 .elementor-element.elementor-element-7db19450.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-1562 .elementor-element.elementor-element-5ca54ce2 > .elementor-widget-container{margin:53px 0px -30px 0px;}.elementor-1562 .elementor-element.elementor-element-5ca54ce2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1562 .elementor-element.elementor-element-5ca54ce2{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-1562 .elementor-element.elementor-element-10900df5 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:42px;font-weight:600;color:#000000;}.elementor-1562 .elementor-element.elementor-element-508eb51b{font-family:"Urbanist", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-1562 .elementor-element.elementor-element-1079accc > .elementor-widget-container{margin:-0px -0px -48px -0px;}.elementor-1562 .elementor-element.elementor-element-1079accc{font-family:"Urbanist", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-1562 .elementor-element.elementor-element-7f6b1c03{width:var( --container-widget-width, 94.189% );max-width:94.189%;--container-widget-width:94.189%;--container-widget-flex-grow:0;text-align:justify;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;}.elementor-1562 .elementor-element.elementor-element-7f6b1c03.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-1562 .elementor-element.elementor-element-15c2e199 .elementor-button{background-color:#C5894A;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-1562 .elementor-element.elementor-element-928607e > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-1562 .elementor-element.elementor-element-44c2e23b > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-1562 .elementor-element.elementor-element-63d532e{--spacer-size:62px;}#elementor-popup-modal-1562 .dialog-widget-content{animation-duration:1.2s;}#elementor-popup-modal-1562 .dialog-message{width:100vw;height:auto;}#elementor-popup-modal-1562{justify-content:center;align-items:center;}#elementor-popup-modal-1562 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-1562 .elementor-element.elementor-element-726694e0{--width:50.05%;}.elementor-1562 .elementor-element.elementor-element-7db19450{--width:45.696%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1562 .elementor-element.elementor-element-f2120ac{--width:1599px;}.elementor-1562 .elementor-element.elementor-element-726694e0{--width:53.14%;}}@media(max-width:767px){.elementor-1562 .elementor-element.elementor-element-f2120ac{--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-1562 .elementor-element.elementor-element-726694e0{--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-1562 .elementor-element.elementor-element-726694e0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1562 .elementor-element.elementor-element-7db19450{--width:285px;}.elementor-1562 .elementor-element.elementor-element-5ca54ce2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1562 .elementor-element.elementor-element-5ca54ce2.elementor-element{--align-self:center;}.elementor-1562 .elementor-element.elementor-element-5ca54ce2{text-align:center;}.elementor-1562 .elementor-element.elementor-element-10900df5 > .elementor-widget-container{margin:-24px 0px 0px 0px;}.elementor-1562 .elementor-element.elementor-element-10900df5.elementor-element{--align-self:center;}.elementor-1562 .elementor-element.elementor-element-10900df5 .elementor-heading-title{font-size:32px;}.elementor-1562 .elementor-element.elementor-element-508eb51b{text-align:center;font-size:18px;}.elementor-1562 .elementor-element.elementor-element-7f6b1c03{width:var( --container-widget-width, 269.438px );max-width:269.438px;--container-widget-width:269.438px;--container-widget-flex-grow:0;columns:1;text-align:justify;}.elementor-1562 .elementor-element.elementor-element-7f6b1c03.elementor-element{--align-self:center;}.elementor-1562 .elementor-element.elementor-element-15c2e199 .elementor-button{font-size:22px;}.elementor-1562 .elementor-element.elementor-element-928607e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1562 .elementor-element.elementor-element-44c2e23b.elementor-element{--align-self:flex-start;}#elementor-popup-modal-1562 .dialog-close-button{font-size:25px;}}/* Start custom CSS for text-editor, class: .elementor-element-7f6b1c03 *//* 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-928607e *//* 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-44c2e23b *//* 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-f2120ac *//* 
  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 */