.elementor-550 .elementor-element.elementor-element-a914359{--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 0px;--row-gap:0px;--column-gap:0px;--z-index:2;}.elementor-550 .elementor-element.elementor-element-a914359:not(.elementor-motion-effects-element-type-background), .elementor-550 .elementor-element.elementor-element-a914359 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-550 .elementor-element.elementor-element-4be43f75{--display:flex;}.elementor-550 .elementor-element.elementor-element-7383c91a > .elementor-widget-container{padding:0px 0px 0px 50px;}.elementor-550 .elementor-element.elementor-element-1d7f2026{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-550 .elementor-element.elementor-element-26da412{--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 0px;--row-gap:0px;--column-gap:0px;--z-index:2;}.elementor-550 .elementor-element.elementor-element-26da412:not(.elementor-motion-effects-element-type-background), .elementor-550 .elementor-element.elementor-element-26da412 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-550 .elementor-element.elementor-element-b6c4e08{--display:flex;}.elementor-550 .elementor-element.elementor-element-ef4510f > .elementor-widget-container{padding:0px 0px 0px 50px;}.elementor-550 .elementor-element.elementor-element-94719d9{--display:flex;--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: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-550 .elementor-element.elementor-element-4be43f75{--justify-content:center;}.elementor-550 .elementor-element.elementor-element-7383c91a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-550 .elementor-element.elementor-element-1d7f2026{--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-550 .elementor-element.elementor-element-b6c4e08{--justify-content:center;}.elementor-550 .elementor-element.elementor-element-ef4510f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-550 .elementor-element.elementor-element-94719d9{--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-550 .elementor-element.elementor-element-a914359{--width:100%;}.elementor-550 .elementor-element.elementor-element-4be43f75{--width:40%;}.elementor-550 .elementor-element.elementor-element-1d7f2026{--width:83%;}.elementor-550 .elementor-element.elementor-element-26da412{--width:100%;}.elementor-550 .elementor-element.elementor-element-b6c4e08{--width:40%;}.elementor-550 .elementor-element.elementor-element-94719d9{--width:60%;}}@media(max-width:767px){.elementor-550 .elementor-element.elementor-element-a914359{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-550 .elementor-element.elementor-element-4be43f75{--width:56%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-550 .elementor-element.elementor-element-1d7f2026{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-550 .elementor-element.elementor-element-26da412{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-550 .elementor-element.elementor-element-b6c4e08{--width:56%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-550 .elementor-element.elementor-element-94719d9{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-550 .elementor-element.elementor-element-170ba07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 0px 0px 0px;}.elementor-550 .elementor-element.elementor-element-170ba07.elementor-element{--align-self:flex-end;}}/* Start custom CSS for html, class: .elementor-element-7383c91a */.logoHeader {width: 150px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4be43f75 */@media screen and (min-width: 1366px) and (max-width: 1500px) {
.elementor-550 .elementor-element.elementor-element-4be43f75 {
    width: 28%
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ae4e8b */.menu-nav ul {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.menu-nav ul li {
    list-style: none;
}
.menu-nav ul li a {
    list-style: none;
    color: #ffffff;
    position: relative; /* Nécessaire pour positionner les pseudo-éléments */
    padding: 10px 20px; /* Ajout d'espace pour le texte */
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center; /* Assure que le texte est centré verticalement */
    font-weight: 500 !important;
}

/* Ajout de l'image gauche avec ::before */
.menu-nav ul li a::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('https://a2l-contractant-general.fr/wp-content/uploads/2025/01/gauche-bordure-menu-a2l-contractant.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    left: -35px; /* Position initiale à gauche */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Ajout de l'image droite avec ::after */
.menu-nav ul li a::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('https://a2l-contractant-general.fr/wp-content/uploads/2025/01/droit-bordure-menu-a2l-contractant.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    right: -50px; /* Décalage de l'image de droite (ajouté pour plus d'espace) */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Animation des images au survol */
.menu-nav ul li a:hover::before {
    opacity: 1;
    transform: translateX(35px); /* Déplace l'image vers la droite */
}

.menu-nav ul li a:hover::after {
    opacity: 1;
    transform: translateX(-32px); /* Déplace l'image vers la gauche */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d7f2026 */@media screen and (min-width: 1366px) and (max-width: 1500px) {
    .elementor-550 .elementor-element.elementor-element-1d7f2026 {
        width: 90% !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef4510f */.logoHeader {width: 150px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6c4e08 */@media screen and (min-width: 1366px) and (max-width: 1500px) {
    .elementor-550 .elementor-element.elementor-element-4be43f75 {
        width: 22%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-170ba07 *//* Reset */
* {
  box-sizing:border-box; 
  outline:none;
  margin:0;
  padding:0;
}
ul {
  list-style:none;
}


/* Navbar */

.navbar__links { 
  display:flex;  
}
.navbar__link { 
  padding:0 10px;
}

.burger {
  display:none;
}

/*  Small device */
@media screen and (max-width: 1024px) {
    
  .navbar__links { 
    overflow:hidden;
    display:flex;
    flex-direction:column;
    width:0;
    height:calc(100vh - 65px);  
    position:absolute;
    top:-28px;
    right:0;     
    background:#17223A;     
    transform: translateX(110%);
    transition: all .5s ease-in-out;
    align-items:center;
    padding-top: 75px;
  }
  
  .show-nav .navbar__links { 
    width:100vw;    
    transform: translateX(30px);
  } 
  .navbar__link {    
    transform: translateX(104%);
    transition: all .5s ease-in-out;
  }
  
  .show-nav .navbar__link  {        
    transform: translateX(0);    
  }   
  .navbar__link > a {
    display:block;
    padding:1rem;
    font-size:20px;
    color: #ffffff;  
    transition: all .4s ease-in-out;
    font-weight: 600;
  }
  .navbar__link > a:hover {
    padding-left:2rem;
    letter-spacing:5px;
  }
  
  /* Toggle menu */
  .burger {
    display:block;
    position:relative;
    padding:0;
    width:35px;
    height:35px;
    border:none;
    background:transparent;
    cursor:pointer;
    top: -10px !important;
  }
  .bar {
    display:block;    
    width:35px;
    height:4px;  
    background:#ffffff; 
    transition: all .5s ease-in-out;   
  }
  .bar::before, .bar::after {
    content:"";
    width:45px;
    height:4px;
    position:absolute; 
    right:0;  
    background: #ffffff; 
    transition: all .5s ease-in-out;
  }
  .bar::before {
    transform:translateY(-12px)
  }
  .bar::after {
    transform:translateY(12px)
  }
  .show-nav .bar {
    width:0;
    background:transparent;    
  }
  .show-nav .bar::before {
    transform:rotate(45deg);
  }
  .show-nav .bar::after {
    transform:rotate(-45deg);
  }
  
  /* Bonus - Animations */
  .show-nav .first {      
    transition: all 1s ease-out;
  } 
  .show-nav .second {      
    transition: all 1.1s ease-out;
  } 
  .show-nav .third {      
    transition: all 1.2s ease-out;
  } 
  .show-nav .four {      
    transition: all 1.3s ease-out;
  } 
  .show-nav .fifth {      
    transition: all 1.4s ease-out;
  }
}


/* Ajout de l'image gauche avec ::before */
.navbar ul li a::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('https://a2l-contractant-general.fr/wp-content/uploads/2025/01/gauche-bordure-menu-a2l-contractant.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    left: -35px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Ajout de l'image droite avec ::after */
.navbar ul li a::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('https://a2l-contractant-general.fr/wp-content/uploads/2025/01/droit-bordure-menu-a2l-contractant.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    right: -50px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Animation des images au survol */
.navbar ul li a:hover::before {
    opacity: 1;
    transform: translateX(35px); /* Déplace l'image vers la droite */
}

.navbar ul li a:hover::after {
    opacity: 1;
    transform: translateX(-32px); /* Déplace l'image vers la gauche */
}

@media screen and (max-width: 767px) {
    .navbar ul li a::before,.navbar ul li a::after  {
        top: 11px;
    }
    
  .burger {
        top: 0px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94719d9 */@media screen and (min-width: 1366px) and (max-width: 1500px) {
    .elementor-550 .elementor-element.elementor-element-1d7f2026 {
        width: 78%;
    }
}/* End custom CSS */