.elementor-45523 .elementor-element.elementor-element-4b2d1766{--display:flex;--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;--justify-content:space-between;--align-items:center;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--margin-top:00px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45523 .elementor-element.elementor-element-527baf1e{width:var( --container-widget-width, clamp(150px, 30%,250px) );max-width:clamp(150px, 30%,250px);--container-widget-width:clamp(150px, 30%,250px);--container-widget-flex-grow:0;z-index:0;text-align:start;}.elementor-45523 .elementor-element.elementor-element-527baf1e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-45523 .elementor-element.elementor-element-527baf1e img{width:100%;max-width:100%;}.elementor-45523 .elementor-element.elementor-element-429c312e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-45523 .elementor-element.elementor-element-89dd154{--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;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45523 .elementor-element.elementor-element-89dd154:not(.elementor-motion-effects-element-type-background), .elementor-45523 .elementor-element.elementor-element-89dd154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c47d646 );}.elementor-45523 .elementor-element.elementor-element-89dd154::before, .elementor-45523 .elementor-element.elementor-element-89dd154 > .elementor-background-video-container::before, .elementor-45523 .elementor-element.elementor-element-89dd154 > .e-con-inner > .elementor-background-video-container::before, .elementor-45523 .elementor-element.elementor-element-89dd154 > .elementor-background-slideshow::before, .elementor-45523 .elementor-element.elementor-element-89dd154 > .e-con-inner > .elementor-background-slideshow::before, .elementor-45523 .elementor-element.elementor-element-89dd154 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-45523 .elementor-element.elementor-element-b66892a{--display:flex;}.elementor-45523 .elementor-element.elementor-element-b66892a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-45523 .elementor-element.elementor-element-d3ca5b8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;}body:not(.rtl) .elementor-45523 .elementor-element.elementor-element-d3ca5b8{left:0px;}body.rtl .elementor-45523 .elementor-element.elementor-element-d3ca5b8{right:0px;}.elementor-45523 .elementor-element.elementor-element-b11eecd{width:var( --container-widget-width, 85.357% );max-width:85.357%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:85.357%;--container-widget-flex-grow:0;top:149px;}.elementor-45523 .elementor-element.elementor-element-b11eecd.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-45523 .elementor-element.elementor-element-b11eecd{left:clamp(150px,16vw,261px);}body.rtl .elementor-45523 .elementor-element.elementor-element-b11eecd{right:clamp(150px,16vw,261px);}.elementor-45523 .elementor-element.elementor-element-70eced5{--display:flex;--min-height:75vh;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-45523 .elementor-element.elementor-element-70eced5:not(.elementor-motion-effects-element-type-background), .elementor-45523 .elementor-element.elementor-element-70eced5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C2E3F;}.elementor-45523 .elementor-element.elementor-element-89d9cbb{z-index:998;}.elementor-45523 .elementor-element.elementor-element-43516fd{--display:flex;--position:absolute;--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:flex-end;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:-45px;--z-index:0;}body:not(.rtl) .elementor-45523 .elementor-element.elementor-element-43516fd{left:0px;}body.rtl .elementor-45523 .elementor-element.elementor-element-43516fd{right:0px;}.elementor-45523 .elementor-element.elementor-element-736e799{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-45523 .elementor-element.elementor-element-736e799 img{width:100%;opacity:0.7;}.elementor-45523 .elementor-element.elementor-element-0bdf924{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:-25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45523 .elementor-element.elementor-element-7c44a3b .elementor-button{background-color:#02010100;font-size:35px;text-transform:none;fill:var( --e-global-color-94bcec4 );color:var( --e-global-color-94bcec4 );padding:0px 0px 0px 0px;}.elementor-45523 .elementor-element.elementor-element-7c44a3b .elementor-button:hover, .elementor-45523 .elementor-element.elementor-element-7c44a3b .elementor-button:focus{background-color:#02010100;}.elementor-45523 .elementor-element.elementor-element-d89a9f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:100;}.elementor-45523 .elementor-element.elementor-element-d89a9f0 img{width:50vw;opacity:0.7;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-45523 .elementor-element.elementor-element-4b2d1766{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-45523 .elementor-element.elementor-element-527baf1e{--container-widget-width:500%;--container-widget-flex-grow:0;width:var( --container-widget-width, 500% );max-width:500%;}.elementor-45523 .elementor-element.elementor-element-46a27d6e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-45523 .elementor-element.elementor-element-429c312e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-45523 .elementor-element.elementor-element-582a5f44.elementor-element{--order:3;}.elementor-45523 .elementor-element.elementor-element-89dd154{--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45523 .elementor-element.elementor-element-b66892a{--min-height:100%;}.elementor-45523 .elementor-element.elementor-element-70eced5{--min-height:100vh;}.elementor-45523 .elementor-element.elementor-element-43516fd{--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;--align-items:flex-start;}.elementor-45523 .elementor-element.elementor-element-736e799{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -195px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-45523 .elementor-element.elementor-element-736e799 img{width:100vw;max-width:100vw;}.elementor-45523 .elementor-element.elementor-element-7c44a3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;padding:0px 0px 0px 0px;}.elementor-45523 .elementor-element.elementor-element-7c44a3b.elementor-element{--align-self:center;}.elementor-45523 .elementor-element.elementor-element-d89a9f0 img{width:100vw;max-width:100vw;}}@media(min-width:768px){.elementor-45523 .elementor-element.elementor-element-4b2d1766{--width:100%;}.elementor-45523 .elementor-element.elementor-element-89dd154{--width:100vw;}.elementor-45523 .elementor-element.elementor-element-b66892a{--width:50%;}.elementor-45523 .elementor-element.elementor-element-70eced5{--width:50%;}.elementor-45523 .elementor-element.elementor-element-0bdf924{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-45523 .elementor-element.elementor-element-4b2d1766{--width:100vw;}.elementor-45523 .elementor-element.elementor-element-89dd154{--width:100vw;}.elementor-45523 .elementor-element.elementor-element-b66892a{--width:100%;}.elementor-45523 .elementor-element.elementor-element-0bdf924{--width:100%;}}@media(max-width:767px){.elementor-45523 .elementor-element.elementor-element-4b2d1766{--width:100vw;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-45523 .elementor-element.elementor-element-527baf1e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-45523 .elementor-element.elementor-element-527baf1e.elementor-element{--align-self:center;--order:1;}.elementor-45523 .elementor-element.elementor-element-527baf1e img{width:100%;height:50px;}.elementor-45523 .elementor-element.elementor-element-46a27d6e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-45523 .elementor-element.elementor-element-46a27d6e.elementor-element{--order:3;}.elementor-45523 .elementor-element.elementor-element-429c312e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-45523 .elementor-element.elementor-element-429c312e.elementor-element{--align-self:flex-start;--order:4;}.elementor-45523 .elementor-element.elementor-element-582a5f44{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-45523 .elementor-element.elementor-element-582a5f44.elementor-element{--order:2;}.elementor-45523 .elementor-element.elementor-element-89dd154{--min-height:100vh;--justify-content:flex-start;--flex-wrap:wrap;--align-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10000;}.elementor-45523 .elementor-element.elementor-element-b66892a{--width:100%;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}body:not(.rtl) .elementor-45523 .elementor-element.elementor-element-d3ca5b8{left:15vw;}body.rtl .elementor-45523 .elementor-element.elementor-element-d3ca5b8{right:15vw;}.elementor-45523 .elementor-element.elementor-element-b11eecd{width:var( --container-widget-width, 301006.156% );max-width:301006.156%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:301006.156%;--container-widget-flex-grow:0;top:30%;}body:not(.rtl) .elementor-45523 .elementor-element.elementor-element-b11eecd{left:0;}body.rtl .elementor-45523 .elementor-element.elementor-element-b11eecd{right:0;}.elementor-45523 .elementor-element.elementor-element-70eced5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-45523 .elementor-element.elementor-element-43516fd{bottom:50px;--z-index:100;}.elementor-45523 .elementor-element.elementor-element-736e799 img{width:100vw;max-width:100vw;}.elementor-45523 .elementor-element.elementor-element-0bdf924{--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;--z-index:10000;}.elementor-45523 .elementor-element.elementor-element-7c44a3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-45523 .elementor-element.elementor-element-7c44a3b .elementor-button{font-size:24px!important;}.elementor-45523 .elementor-element.elementor-element-d89a9f0 img{width:100vw;max-width:100vw;}}/* Start custom CSS for html, class: .elementor-element-582a5f44 */.elementor-45523 .elementor-element.elementor-element-582a5f44{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    
    @media(max-width: 767px){
        justify-content: flex-end;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0bdf924 */.elementor-45523 .elementor-element.elementor-element-0bdf924{
    @media(max-width:767px){
        position: fixed;
        bottom: 50px;
    }
}/* End custom CSS */
/* Start custom CSS */:root{
    --etw-global-padding : max(2%, 1rem);
}

/*Empeche de scroller lorsque qu'un menu est ouvert*/
html:has(header.open){
    overflow-y:  hidden;
}


/*
1 - ETW MENU
2 - TOPBAR
3 - TIROIR
4 - CLASSES ADDITIONNELLES
5 - DEBUG ET HACK
*/

/**********************************************************/
/******************** *  * MENU *  * *********************/
/********************************************************/


body:has(header.open){
  
    .etw-breadcrumb, .etw-menu-logo {
        opacity: 0 !important;
    } 
    .hamburger{
        
        .close-button{
            /* position:absolute; */
            display:block;
            min-width: 70px;
        }
        .hamburger-icon, .hamburger-text{
            display:none;
        }
    }
    .etw-drawer{
        z-index: 1000;
        transform : translate(0)!important;
    }
}

body:has(header.scrolldown){
    header{
        .etw-menu-logo img{
            transform : scale(var(--etw-menu-mutated-logo-scale))!important;
        }
        
        .etw-breadcrumb{
            opacity: 1;
        }
        &:after{
            opacity: 1;
            top: 99%;
        }
    }
}
body:has(header.hidden){
    .etw-menu{
        @media(max-width:767px){
            transform: translatey(calc( var(--etw-header-translate-y-value) * -1)  ); 
        }
    }
}

header:has(.etw-menu),
[data-elementor-type="header"]:has(.etw-menu-){

    position: fixed;
    z-index: 100;
    width: 100vw;
    transform: translatey(0); 
    transition : transform var(--etw-header-transition-duration) ease;

    /************* VARIABLES ***************/
    
    
    /*Généralités*/
    --etw-menu-height : 5rem; /* Hauteur de la partie avec le menu principale */       
    --etw-topbar-height : 0rem; /* Hauteur de la top bar */
    --etw-header-height : calc(var(--etw-menu-height) + var(--etw-topbar-height)); /*Hauteur totale du header (topbar + menu)*/
    --etw-header-content-max-width : 100rem;  /* Seuil de largeur max pour les grands ecrans */
    --etw-header-side-width : calc( (100vw - var(--etw-header-content-max-width)) / 2 ) ;    /* Largeur des cotés hors contenu */

    --etw-header-background-color : var(--e-global-color-c47d646); /* Couleur de fond */
    
    
    /*Logo*/
    --etw-menu-logo-width : min(20rem, 10vh);
    --etw-menu-logo-min-width : 10rem;
    --etw-menu-logo-transform-origin: center left ;
    --etw-menu-logo-scale : 1;
    --etw-menu-mutated-logo-scale : 0.8;

  
    /*Animation & transition*/

    --etw-header-transition-duration : 0.4s; /* Durée des transitions du header */
    --etw-header-translate-y-value : calc(100% + var(--wp-admin--admin-bar--height, 0px)); 
    
    .etw-menu{
        --content-width: var(--etw-header-content-max-width, inherit); 
        --min-height: var(--etw-menu-height, inherit);

        background-color: var(--etw-header-background-color, inherit);
        padding-left: var(--etw-global-padding, inherit);
        padding-right : var(--etw-global-padding, inherit);
    }
    
    /*Logo*/
    
    .etw-menu-logo img{
        transform-origin: var(--etw-menu-logo-transform-origin);
        max-height:  var(--etw-menu-height);
        width : var(--etw-menu-logo-width, inherit);
        min-width : var(--etw-menu-logo-min-width, inherit);
        transform : scale(var(--etw-menu-logo-scale));
        transition : transform var(--etw-header-transition-duration, inherit) ease!important; 
        
    }
    
    /*Decoration*/
    .etw-menu:after{
        content: '';
        position: absolute;
        top: 99%;
        right:0;
        width: clamp(20px,30%, 300px);
        height: 100px;
        transform: scale(-1, 1);
        background-image: url('/wp-content/uploads/2024/06/Goutte-Bleue-D.svg');
        background-repeat: no-repeat;
        background-position: -70px top;
        background-size: contain;
        opacity:1;
        transition: 0.4s ease;
    }


}
/*********************************************************************/
/************************  * * TIROIR * *  **************************/
/*******************************************************************/

header:has(.etw-drawer),
[data-elementor-type="header"]:has(.etw-drawer){
        
    .etw-drawer{
        --content-width : var(--etw-header-content-max-width, auto);

        width : var(--etw-width-value, 100%);
        height: calc(var(--etw-height-value, 30vh) - var(--etw-header-height, 5rem) - var(--wp-admin--admin-bar--height, 0px)); /*Hauteur du tiroir calculé en fonction de la hauteur du menu et de la barre admin wp*/
        position: var(--etw-position, absolute);
        top : 0;
        left: var(--etw-left, auto);
        right: var(--etw-right, auto);
        padding-left: var(--etw-global-padding, inherit);
        padding-right: var(--etw-global-padding, inherit);
    
        transform : var(--etw-translate-value, translatey(100%));
        transition: var(--etw-transition-duration, 0.4s) var(--etw-transition-delay, 0s) var(--etw-transition-ease, ease);
    }

    .etw-drawer-button,
    .etw-drawer-killswitch{
        cursor: pointer;
    }
}
/*Custom Menu*/

.custom-menu{
    li{
        list-style: none;
       
        a{
            color: white;
            font-family: 'Fugaz One';
            transition: all 0.4s ease;
        }
        li{
            padding-left:clamp(10px, 1em, 50px);
        }
        
    }
    .menu-item{
        min-height: 36px;
        > a{
            font-size: clamp(22px, 1.5vw, 40px);
            transition: all 0.4s ease;

            &:hover{
                color: var(--e-global-color-accent); ;
            }
        }
    }
    
    .have-dropdown-content{
        
        height: auto;
        overflow: hidden;
        transition: all 0.6s ease;
        
        > a{
            position:relative;
            
            &:after{
                content:'';
                position:absolute;
                right: -0.5em;
                top: 0.5em;
                width: 0.3em;
                height: 0.3em;
                border-radius: 1em;
                background-color: white;
                margin: 5px 0 5px 5px!important;
        
            }
        }
        .dropdown-content{
            height: 0;
            transition: all 0.6s ease;
            padding-top:10px;
            
            a{
                color: white;
                font-family: 'Nunito';
                letter-spacing: 0.8px;
                font-weight: 700!important;
                font-size: clamp(16px, 2vw, 24px);
                line-height: 1.2em;
                transition: height 0.2s 0.2s ease!important;
                height: 0;
                
                &:hover{
                    color: var(--e-global-color-accent); ;
                }
            }
        }
        
        &:hover{
            .dropdown-content{
                min-height: 9em;
            }
            
        }  
    }
    &:has(.menu-item:hover) .menu-item:not(:hover){
        a{
            color:rgba(255, 255, 255,0.3);
        }   
            
    }
}
/* Hamburger*/
/*Hamburger menu style*/
.hamburger {
    z-index: 1000000!important;
    
    button{
        display: flex;
        gap: 5px;
        background-color: transparent;
        color:white;
        font-size: 45px;
        align-items: flex-end;
        height: 70px;
        
        .hamburger-text{
            width:90px;
            word-wrap: break-word;
            line-height: 0.6em;
            text-align: left;
            white-space: normal;
            text-transform: lowercase!important;
            
            &:after {
                position:absolute;
                content:url('/wp-content/uploads/2024/05/Circle-Orange.svg');
                transform : scale(0.1) translate(0, 100px) rotate(180deg);
                width: 45px!important;
                height: 45px!important;
                z-index: -1;
                transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
            }
            
            .space{
                font-size: 0.4em;
                line-height: 0;
            }
        }
        .hamburger-icon{
            align-items: center;
            display:flex;
            gap: 7px;
            height: 100%;
        
            .hamburger-bar{
                background-color: white;
                width: 4px;
                height: 100%;
                border-radius: 5px;
                
            }
            .hamburger-bar:nth-child(1){
                transition: height 0.1s 0.2s cubic-bezier(0.64, 0, 0.78, 0);
            }
            .hamburger-bar:nth-child(2){
                transition: height 0.1s 0.15s cubic-bezier(0.64, 0, 0.78, 0);
            }
            .hamburger-bar:nth-child(3){
                transition: height 0.1s 0.1s cubic-bezier(0.64, 0, 0.78, 0);
            }
        }
        
        .close-button{
            display:none;
        }
    }

    &:hover{
        .hamburger-bar{
            height:50% !important;
        }
        .hamburger-text{
            &:after{
                transform : scale(0.2) translate(300px, 50px) rotate(180deg);
            }
        }
    }
    @media(max-width:767px){
        transform: scale(0.7);
    }
}
/*Faux breadcrumb custom*/
.etw-breadcrumb{
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/*Logo style*/

.etw-logo{
    width: clamp(100px, 18vw, 320px);
    transition : 0.3s ease-out!important;
    transform-origin: top left!important;
    transform: scale(1);
}
/* Formulaire de contact*/


.contact-form-container{
    position:absolute;
    right:0;
    top: 0;
    height: 100vw;        
    transform: translatey(0) translatex(100%);
    opacity:0;
    z-index: -1;

    &.active{
        opacity : 1;
        transform: translatey(0) translatex(0);
        z-index: 10;
    }

    @media(max-width:767px){
        transform: translatey(100vw);
        transition: 0.4s ease;
        position: fixed;
        z-index : 0;
        
        &.active{

            transform: translatey(0);
            width: 100vw;
            height: 150vw;
            background-color: var(--e-global-color-c47d646);
            z-index : 10;
            
            form{
                transform : scale(0.8);
            }
        }
    }
}
.contact-form-button {
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    
    &:before{
        content : url('/wp-content/uploads/2025/06/fleche-carouselle-blanc.svg');
        position:absolute;
        width: 30px;
        height:100%;
        opacity: 0;
        transition: 0.2s ease;
    }
    &.active {
        position: absolute;
        right : 0;
        bottom: 20px; 
        width: 50px;
        
        &:before{
            opacity: 1;
        }
        span{
            display:none;
        }
    }
    @media(max-width:767px){
        position: fixed;
        bottom: 90px;
        padding-left:20px;
        z-index : 9000;
        
    }
}

/*Circle*/
.home-button-circle{
        transition: all 0.6s ease;
        transform-origin: center!important;
        position: absolute;
        top : 43px;
        left: 43px; 
        width: clamp(150px, 15vw, 250px);
        height: clamp(150px, 20vw, 250px);
        
        svg{
            fill: var(--e-global-color-771f46c);
            width: 100%;
            height: 100%;
        }
        
        &:before {
            content: "";
            position: absolute;
            width: 70%; 
            height: 70%; 
            transform : translate(25%, 25%);
            background-image: url('/wp-content/uploads/2024/02/Home-Menu.svg');
            background-size: contain ;
            background-repeat: no-repeat!important;
            background-position: center;
            z-index: -1;
            opacity: 1;
            transition: all 0.4s ease;
        }
        
        &.green-circle,
        &.orange-circle{
            z-index: -1;
            width:(50px, 12vw, 120px)!important;
            height:(50px, 12vw, 120px)!important;
            
            svg{
                animation: rotating 30s ease infinite;
                transform: scale(0.2);
                width: 50%;
                height: 50%;
                
            }
            &:before{
                opacity: 0 !important;
                transform: translate(-25%, -25%) rotate(90deg) scale(0.2);
            }
        }
        
        &.green-circle svg{
            fill: var(--e-global-color-accent);
        }
        &.orange-circle svg{
            fill: var(--e-global-color-771f46c);
        }
    }
/*Classes qui permettent de changer les effets d'entrées du tiroir et la taille */

.width-30{
    --etw-width-value : clamp( 25rem, 30vw, 30rem);
}
.width-50{
    --etw-width-value : clamp( 25rem, 50vw, 100rem);
}
.width-100{
    --etw-width-value : 100vw;
}
.height-100{
    --etw-height-value : 100vh;
}

.slidein-top{
    --etw-translate-value : translatey(-100%);
    --etw-position: absolute;
    --etw-top : 0;
    --etw-right : auto;
    --etw-left : auto;
}

.slidein-left{
    --etw-translate-value : translatex(-100%);
    --etw-position: absolute;
    --etw-top : auto;
    --etw-right : auto;
    --etw-left : 0;

}
.slidein-right{
    --etw-translate-value : translatex(100%);
    --etw-position: absolute;
    --etw-top : auto;
    --etw-right : 0;
    --etw-left : auto;
}
.slidein-bottom{
    --etw-translate-value : translatey(100%);
    --etw-position: fixed;
    --etw-top : auto;
    --etw-right : 0;
    --etw-left : auto;
}


/**********************************************************/
/***************** *  * DEBUG ET HACK *  * ******************/
/********************************************************/

/*Optimise l'affichage du menu dans le builder */
body.elementor-editor-active,
body.elementor-editor-preview{

    /*Permet d'afficher le tiroir en mode ouvert dans le builder*/
    [data-elementor-type="header"]:has(.etw-drawer) .etw-drawer{
        transform: translate(0);
        opacity: 1;
    }
    
    /*Masque le titre du header dans l'éditeur*/
    .page-header{
        display:none;
    }
    /*Force la position du header dans l'éditeur*/
    .elementor-location-header{
        top:0!important;
    }
}/* End custom CSS */