.elementor-1750 .elementor-element.elementor-element-725667a6{--display:flex;--min-height:600px;--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;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1750 .elementor-element.elementor-element-725667a6:not(.elementor-motion-effects-element-type-background), .elementor-1750 .elementor-element.elementor-element-725667a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dentaire-lancy-bachet.ch/wp-content/uploads/2024/11/centre-dentaire.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1750 .elementor-element.elementor-element-4737ef43{--display:flex;--min-height:500px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1750 .elementor-element.elementor-element-3e09ae8c > .elementor-widget-container{margin:26px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1750 .elementor-element.elementor-element-3e09ae8c .elementor-heading-title{text-shadow:0px 0px 10px #FF9B7A;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1750 .elementor-element.elementor-element-5ae08086{--display:flex;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:5%;--padding-right:5%;}.elementor-1750 .elementor-element.elementor-element-8a018fd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1750 .elementor-element.elementor-element-8a018fd{text-align:center;}.elementor-1750 .elementor-element.elementor-element-5b34cddc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1750 .elementor-element.elementor-element-5b34cddc.elementor-element{--align-self:stretch;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1750 .elementor-element.elementor-element-725667a6{--min-height:400px;}.elementor-1750 .elementor-element.elementor-element-4737ef43{--min-height:340px;}}@media(max-width:767px){.elementor-1750 .elementor-element.elementor-element-725667a6{--min-height:390px;}.elementor-1750 .elementor-element.elementor-element-725667a6:not(.elementor-motion-effects-element-type-background), .elementor-1750 .elementor-element.elementor-element-725667a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-288px 0px;}.elementor-1750 .elementor-element.elementor-element-4737ef43{--min-height:389px;}.elementor-1750 .elementor-element.elementor-element-3e09ae8c{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-725667a6 *//* Style spécifique à l'élément avec data-id="22cec8f5" */
.elementor-element[data-id="22cec8f5"] {
  width: 100vw; /* Pleine largeur */
  height: 70vh; /* Hauteur pour les écrans de bureau */
  position: relative; /* Nécessaire pour tout contenu superposé */
  overflow: hidden; /* Empêche tout débordement */
}

/* Responsive pour les tablettes */
@media (max-width: 1024px) {
  .elementor-element[data-id="22cec8f5"] {
    height: 60vh; /* Hauteur pour tablettes */
  }
}

/* Responsive pour les mobiles */
@media (max-width: 768px) {
  .elementor-element[data-id="22cec8f5"] {
    height: 50vh; /* Hauteur pour mobiles */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b34cddc *//* Styles pour l'iframe avec un ID et une classe spécifique */
#od-widget-641841a85444901ecc36600ff86a62b71810780a216d0969ddde5a3fc65b305e.od-widget {
    width: 100%; /* Adapte l'iframe à toute la largeur disponible */
    max-width: 1024px; /* Définit une largeur maximale */
    min-width: 300px; /* Ajuste la largeur minimale pour garantir une bonne lisibilité */
    aspect-ratio: 16 / 9; /* Maintient un ratio 16:9 pour éviter la distorsion */
    border: none; /* Supprime la bordure par défaut */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Ajoute une ombre discrète */
    border-radius: 8px; /* Ajoute des coins arrondis pour un design moderne */
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out; /* Animation fluide sur les changements */
    margin: auto; /* Centre horizontalement si le conteneur n'est pas configuré */
}

/* Conteneur spécifique pour l'iframe */
.widget-container {
    display: flex;
    justify-content: center; /* Centre l'iframe horizontalement */
    align-items: center; /* Centre verticalement si nécessaire */
    width: 100%; /* Occupe toute la largeur disponible */
    padding: 20px; /* Ajoute un espace autour pour une meilleure mise en page */
    box-sizing: border-box; /* Inclut le padding dans les calculs de largeur */
    border-radius: 12px; /* Coins arrondis pour le conteneur */
}

/* Réglages pour les écrans moyens (768px et moins) */
@media screen and (max-width: 768px) {
    #od-widget-641841a85444901ecc36600ff86a62b71810780a216d0969ddde5a3fc65b305e.od-widget {
        max-width: 90%; /* Réduit la largeur maximale à 90% */
        min-width: 280px; /* Ajuste la largeur minimale pour les petits écrans */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Réduit l'ombre sur les écrans plus petits */
    }
}

/* Réglages pour les petits écrans (480px et moins) */
@media screen and (max-width: 480px) {
    #od-widget-641841a85444901ecc36600ff86a62b71810780a216d0969ddde5a3fc65b305e.od-widget {
        max-width: 100%; /* Utilise toute la largeur disponible */
        aspect-ratio: auto; /* Permet un ratio libre pour les petits écrans */
        border-radius: 4px; /* Réduit légèrement les coins arrondis */
    }

    .widget-container {
        padding: 10px; /* Réduit l'espace autour du conteneur */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae08086 *//* Ombre spécifique pour le conteneur avec la classe elementor-element-38b21226 */
.elementor-element-38b21226 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre discrète */
    border-radius: 8px; /* Coins légèrement arrondis */
    padding: 20px; /* Ajoute un espace interne pour un contenu espacé */
    background-color: #ffffff; /* Fond blanc pour le conteneur */
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; /* Animation fluide */
}

/* Effet au survol */
.elementor-element-38b21226:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Ombre plus marquée au survol */
    transform: translateY(-2px); /* Légère élévation pour un effet interactif */
}/* End custom CSS */