.elementor-782 .elementor-element.elementor-element-4ff96cb{--display:flex;--min-height:100px;--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 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-782 .elementor-element.elementor-element-720c78f{--display:flex;--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-782 .elementor-element.elementor-element-720c78f.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-782 .elementor-element.elementor-element-7a3fe29{left:6px;}body.rtl .elementor-782 .elementor-element.elementor-element-7a3fe29{right:6px;}.elementor-782 .elementor-element.elementor-element-7a3fe29{top:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-782 .elementor-element.elementor-element-35e24ba{--display:flex;}.elementor-782 .elementor-element.elementor-element-e77f357{--display:flex;}.elementor-782 .elementor-element.elementor-element-02f63ca{--display:flex;}.elementor-782 .elementor-element.elementor-element-ed784bd{--display:flex;}.elementor-782 .elementor-element.elementor-element-071e4f5{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-space-between:48px;--n-menu-title-distance-from-content:0px;--n-menu-title-font-size:12px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:999;}.elementor-782 .elementor-element.elementor-element-071e4f5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-782 .elementor-element.elementor-element-071e4f5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-782 .elementor-element.elementor-element-071e4f5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Karla", Sans-serif;font-weight:700;text-transform:none;--n-menu-title-line-height:16;letter-spacing:-1px;}.elementor-782 .elementor-element.elementor-element-071e4f5 {--n-menu-title-color-hover:#49B8B8;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );background-color:var( --e-global-color-accent );}.elementor-782 .elementor-element.elementor-element-b816b2b .elementor-button{font-family:"Karla", Sans-serif;font-size:16px;font-weight:700;text-transform:none;line-height:24px;letter-spacing:-1px;fill:#FFFFFF;color:#FFFFFF;border-style:none;padding:13px 24px 13px 24px;}.elementor-782 .elementor-element.elementor-element-b816b2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-782 .elementor-element.elementor-element-b816b2b.elementor-element{--align-self:center;}.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-782 .elementor-element.elementor-element-4ff96cb{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-782 .elementor-element.elementor-element-071e4f5{--n-menu-toggle-align:flex-start;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-782 .elementor-element.elementor-element-071e4f5{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-782 .elementor-element.elementor-element-b816b2b .elementor-button{font-size:16px;padding:13px 23px 13px 23px;}}@media(min-width:768px){.elementor-782 .elementor-element.elementor-element-720c78f{--width:200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-782 .elementor-element.elementor-element-4ff96cb{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-7a3fe29 */.elementor-782 .elementor-element.elementor-element-7a3fe29 {
    position: absolute;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important; /* Centre verticalement par rapport au parent */
    width: 100% !important; /* Pour qu'il garde la même largeur que le blanc */
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-071e4f5 */.elementor-782 .elementor-element.elementor-element-071e4f5 .e-n-menu-title {
    overflow: hidden !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-782 .elementor-element.elementor-element-071e4f5 .e-n-menu-title-text {
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1) !important;
    line-height: 40px !important;
    height: 40px !important;
}

.elementor-782 .elementor-element.elementor-element-071e4f5 .e-n-menu-title:hover .e-n-menu-title-text {
    transform: translateY(-40px) !important;
}

.elementor-782 .elementor-element.elementor-element-071e4f5 .e-n-menu-title::before, 
.elementor-782 .elementor-element.elementor-element-071e4f5 .e-n-menu-title::after {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b816b2b *//* 1. Structure du bouton : Fond turquoise et sans bordure */
.elementor-782 .elementor-element.elementor-element-b816b2b .elementor-button {
    background-color: #49b8b8 !important; /* Couleur turquoise Atrial */
    color: #ffffff !important; /* Texte en blanc */
    border-radius: 0px !important;
    border: none !important; /* On enlève la bordure */
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px;
    padding: 15px 30px;
}

/* 2. Le Texte : Animation Roll fluide (0.5s) */
.elementor-782 .elementor-element.elementor-element-b816b2b .elementor-button-text {
    display: block;
    position: relative;
    white-space: nowrap;
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    line-height: 1;
}

.elementor-782 .elementor-element.elementor-element-b816b2b .elementor-button-text::after {
    content: 'CONTACTEZ-NOUS'; 
    position: absolute;
    left: 0;
    top: 200%;
    width: 100%;
    display: block;
}

/* 3. La Flèche : Couleur blanche et rotation rapide (0.3s) */
.elementor-782 .elementor-element.elementor-element-b816b2b .elementor-button::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    
    -webkit-mask-image: url('https://groupe-atrial.fr/wp-content/uploads/2026/04/bouton_redirection.svg');
    mask-image: url('https://groupe-atrial.fr/wp-content/uploads/2026/04/bouton_redirection.svg');
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    
    /* On force la flèche en blanc */
    background-color: #ffffff !important; 
    
    transform: rotate(0deg); /* Position initiale haut-droite */
    transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

/* 4. Effets au Hover */

/* Le texte monte */
.elementor-782 .elementor-element.elementor-element-b816b2b .elementor-button:hover .elementor-button-text {
    transform: translateY(-200%);
}

/* La flèche pivote */
.elementor-782 .elementor-element.elementor-element-b816b2b .elementor-button:hover::after {
    transform: rotate(45deg); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ff96cb *//* --- 1. ÉTAT INITIAL (Haut de page - Transparent) --- */

.elementor-782 .elementor-element.elementor-element-4ff96cb.elementor-sticky {
    background-color: rgba(255, 255, 255, 0) !important;
    transition: all 0.4s ease-in-out !important;
}

/* Texte Blanc au repos */
.elementor-782 .elementor-element.elementor-element-4ff96cb .menu-atrial-roll .e-n-menu-title-text {
    color: #FFFFFF !important;
    text-shadow: 0 40px 0 #FFFFFF !important;
    transition: all 0.4s ease-in-out !important;
}

/* Texte Turquoise au survol (Même en haut de page) */
.elementor-782 .elementor-element.elementor-element-4ff96cb .menu-atrial-roll .e-n-menu-title:hover .e-n-menu-title-text {
    color: #49B8B8 !important;
    text-shadow: 0 40px 0 #49B8B8 !important;
}

/* Logos */
.elementor-782 .elementor-element.elementor-element-4ff96cb .atrial-logo-white { opacity: 1 !important; transition: opacity 0.4s !important; }
.elementor-782 .elementor-element.elementor-element-4ff96cb .atrial-logo-color { opacity: 0 !important; transition: opacity 0.4s !important; }


/* --- 2. ÉTAT AU SCROLL (Sticky - Blanc) --- */

.elementor-782 .elementor-element.elementor-element-4ff96cb.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 1) !important;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.07) !important;
}

/* Texte Noir au repos quand on scrolle */
.elementor-782 .elementor-element.elementor-element-4ff96cb.elementor-sticky--effects .menu-atrial-roll .e-n-menu-title-text {
    color: #1A1A1A !important;
    text-shadow: 0 40px 0 #1A1A1A !important;
}

/* LE CORRECTIF : Texte Turquoise au survol quand on scrolle */
.elementor-782 .elementor-element.elementor-element-4ff96cb.elementor-sticky--effects .menu-atrial-roll .e-n-menu-title:hover .e-n-menu-title-text {
    color: #49B8B8 !important;
    text-shadow: 0 40px 0 #49B8B8 !important;
}

/* Inversion Logos */
.elementor-782 .elementor-element.elementor-element-4ff96cb.elementor-sticky--effects .atrial-logo-white { opacity: 0 !important; }
.elementor-782 .elementor-element.elementor-element-4ff96cb.elementor-sticky--effects .atrial-logo-color { opacity: 1 !important; }/* End custom CSS */