.elementor-561 .elementor-element.elementor-element-8eb7bb7{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-561 .elementor-element.elementor-element-3f11e295 .elementor-icon-wrapper{text-align:start;}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-stacked .elementor-icon{background-color:#FFFAF500;color:#7F5539;}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-framed .elementor-icon, .elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-default .elementor-icon{color:#FFFAF500;border-color:#FFFAF500;}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-framed .elementor-icon, .elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-default .elementor-icon svg{fill:#FFFAF500;}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-framed .elementor-icon{background-color:#7F5539;}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-stacked .elementor-icon svg{fill:#7F5539;}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-stacked .elementor-icon:hover{background-color:#FFFAF500;color:var( --e-global-color-785b64d );}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-framed .elementor-icon:hover, .elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-default .elementor-icon:hover{color:#FFFAF500;border-color:#FFFAF500;}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-framed .elementor-icon:hover, .elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-default .elementor-icon:hover svg{fill:#FFFAF500;}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-785b64d );}.elementor-561 .elementor-element.elementor-element-3f11e295.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-785b64d );}.elementor-561 .elementor-element.elementor-element-3f11e295 .elementor-icon{font-size:16px;padding:32px;border-radius:47px 47px 47px 47px;}.elementor-561 .elementor-element.elementor-element-3f11e295 .elementor-icon svg{height:16px;}.elementor-561 .elementor-element.elementor-element-3f11e295 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-561 .elementor-element.elementor-element-2d8f71e .elementor-nav-menu .elementor-item{font-family:"Volkhov", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:1.5em;}.elementor-561 .elementor-element.elementor-element-2d8f71e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-561 .elementor-element.elementor-element-2d8f71e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-561 .elementor-element.elementor-element-2d8f71e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-561 .elementor-element.elementor-element-2d8f71e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-561 .elementor-element.elementor-element-2d8f71e .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-d3ae19d );fill:var( --e-global-color-d3ae19d );}.elementor-561 .elementor-element.elementor-element-2d8f71e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:rgba(255, 250, 245, 0.4);}.elementor-561 .elementor-element.elementor-element-2d8f71e{--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-561 .elementor-element.elementor-element-2d8f71e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-561 .elementor-element.elementor-element-2d8f71e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-561 .elementor-element.elementor-element-2d8f71e.elementor-element{--align-self:center;}#elementor-popup-modal-561 .dialog-message{width:400px;height:100vh;align-items:flex-start;padding:0px 0px 0px 0px;}#elementor-popup-modal-561{justify-content:flex-end;align-items:center;pointer-events:all;background-color:rgba(0, 0, 0, 0.7);}#elementor-popup-modal-561 .dialog-widget-content{animation-duration:0.1s;background-color:var( --e-global-color-accent );border-radius:24px 0px 0px 24px;margin:32px 16px 32px 16px;}@media(max-width:767px){.elementor-561 .elementor-element.elementor-element-8eb7bb7{--width:1600px;--min-height:100vh;--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;--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-561 .elementor-element.elementor-element-3f11e295 .elementor-icon-wrapper{text-align:end;}.elementor-561 .elementor-element.elementor-element-3f11e295 > .elementor-widget-container{padding:16px 16px 16px 16px;}.elementor-561 .elementor-element.elementor-element-2d8f71e > .elementor-widget-container{margin:0px 16px 0px 0px;padding:0px 0px 0px 0px;}.elementor-561 .elementor-element.elementor-element-2d8f71e{width:auto;max-width:auto;}.elementor-561 .elementor-element.elementor-element-2d8f71e.elementor-element{--align-self:center;}#elementor-popup-modal-561 .dialog-message{width:100vw;padding:0px 24px 0px 0px;}#elementor-popup-modal-561{justify-content:flex-end;align-items:center;}#elementor-popup-modal-561 .dialog-widget-content{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;}}/* Start custom CSS for icon, class: .elementor-element-3f11e295 *//* =========================================================
   STYLE "BULLE" (Croix Marron #7F5539)
   ========================================================= */

/* 1. LA BULLE (Le fond rond) */
.elementor-561 .elementor-element.elementor-element-3f11e295 .elementor-icon {
    /* FORME & TAILLE */
    width: 32px !important;       
    height: 32px !important;      
    border-radius: 100% !important; 
    
    /* FOND GRIS PÂLE (Pour faire ressortir le marron) */
    background-color: rgba(0, 0, 0, 0.05) !important; 
    
    /* Centrage */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Nettoyage */
    padding: 0 !important;      
    border: none !important;    
    
    /* Animation fluide */
    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.2s ease;
}

/* 2. LA CROIX (C'est ici qu'on met le Marron) */
.elementor-561 .elementor-element.elementor-element-3f11e295 .elementor-icon i,
.elementor-561 .elementor-element.elementor-element-3f11e295 .elementor-icon svg {
    font-size: 14px !important; 
    width: 14px !important; 
    height: 14px !important;
    
    /* COULEUR MARRON DEMANDÉE */
    color: #7F5539 !important; 
    fill: #7F5539 !important;
    
    pointer-events: none; 
}

/* 3. INTERACTION (Hover & Clic) */
.elementor-561 .elementor-element.elementor-element-3f11e295 .elementor-icon:hover {
    /* Le fond devient un peu plus visible au survol */
    background-color: rgba(0, 0, 0, 0.1) !important; 
    transform: scale(1.1); 
}

.elementor-561 .elementor-element.elementor-element-3f11e295 .elementor-icon:active {
    /* Effet d'appui */
    background-color: rgba(0, 0, 0, 0.15) !important; 
    transform: scale(0.9) rotate(90deg);
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   POPUP FLOTTANT (DESIGN DE LA BOÎTE UNIQUEMENT)
   ========================================================= */

/* --- 1. CONFIGURATION GÉNÉRALE (La coquille) --- */
#elementor-popup-modal-561 .dialog-widget-content {
    /* Arrondis et Ombres */
    border-radius: 24px !important; 
    box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.15) !important;
    
    /* Sécurité : ne touche jamais les bords de l'écran */
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 32px) !important;
    
    position: relative !important;
    overflow: hidden !important;
    
    /* On reset le padding par défaut du Popup pour que ton design touche les bords */
    padding: 0 !important; 
}

/* --- 2. VERSION DESKTOP (> 1024px) : COLLÉ À DROITE --- */
@media (min-width: 1025px) {
    #elementor-popup-modal-561 .dialog-widget-content {
        margin-left: auto !important; 
        margin-right: 16px !important; /* Marge droite de sécurité */
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        
        /* Animation : Arrive de la droite */
        animation: floatInRight 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
    }
}

/* --- 3. VERSION MOBILE (< 1024px) : CENTRÉ --- */
@media (max-width: 1024px) {
    #elementor-popup-modal-561 .dialog-widget-content {
        /* Centrage automatique au milieu de l'écran */
        margin: auto !important; 
        
        /* Animation : Monte depuis le bas */
        animation: floatUpMobile 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
    }
}

/* =========================================================
   4. LES ANIMATIONS
   ========================================================= */
@keyframes floatInRight {
    0% { opacity: 0; transform: translateX(40px) scale(0.95); }
    100% { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes floatUpMobile {
    0% { opacity: 0; transform: translateY(40px) scale(0.95); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}/* End custom CSS */