.elementor-12 .elementor-element.elementor-element-6ccf87f6{--display:flex;--min-height:10vh;--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:2% 2%;--row-gap:2%;--column-gap:2%;--flex-wrap:wrap;--margin-top:-111px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-12 .elementor-element.elementor-element-6ccf87f6:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-6ccf87f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B0B6B6;}.elementor-12 .elementor-element.elementor-element-663468af{--display:flex;--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;--justify-content:space-evenly;--gap:5.2% 5.2%;--row-gap:5.2%;--column-gap:5.2%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-663468af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-2d02d395{width:var( --container-widget-width, 130px );max-width:130px;--container-widget-width:130px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-2d02d395.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-2d02d395 img{width:100%;height:60px;object-fit:contain;object-position:center center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-2e683e07{padding:0% 0% 0% 0%;--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );--nav-menu-icon-size:25px;}.elementor-12 .elementor-element.elementor-element-2e683e07.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-menu-toggle{margin-left:auto;background-color:rgba(255, 255, 255, 0);}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu .elementor-item{font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:2.5px;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--main .elementor-item:focus{color:#8FCD37;fill:#8FCD37;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a, .elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown{background-color:#B0B6B6;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a:hover,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a:focus,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-menu-toggle:hover,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-menu-toggle:focus{color:#003AF1;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a:hover,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a:focus,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-2e683e07 .elementor-nav-menu--dropdown a.elementor-item-active{color:#003AF1;background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-2e683e07 div.elementor-menu-toggle{color:#003AF1;}.elementor-12 .elementor-element.elementor-element-2e683e07 div.elementor-menu-toggle svg{fill:#003AF1;}.elementor-12 .elementor-element.elementor-element-14995de7{--display:flex;--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;--justify-content:space-between;--gap:1% 1%;--row-gap:1%;--column-gap:1%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-1bd72fff .elementor-button{background-color:#FF7A00;font-family:"Open Sans", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;border-style:none;border-radius:20px 20px 20px 20px;padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-1bd72fff .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-1bd72fff .elementor-button:focus{background-color:#000000;}.elementor-12 .elementor-element.elementor-element-1bd72fff{width:var( --container-widget-width, 197px );max-width:197px;--container-widget-width:197px;--container-widget-flex-grow:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-6ccf87f6{--content-width:1240px;}.elementor-12 .elementor-element.elementor-element-663468af{--width:86%;}.elementor-12 .elementor-element.elementor-element-14995de7{--width:12%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-663468af{--width:53%;}.elementor-12 .elementor-element.elementor-element-14995de7{--width:47%;}}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-6ccf87f6{--flex-wrap:nowrap;--margin-top:-105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-12 .elementor-element.elementor-element-663468af{--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:2px;}.elementor-12 .elementor-element.elementor-element-2d02d395{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-2e683e07{width:var( --container-widget-width, 40px );max-width:40px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-14995de7{--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-6ccf87f6{--min-height:11vh;--flex-wrap:wrap;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-663468af{--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:0%;}}/* Start custom CSS *//* =========================================================
   HEADER GTBOX — PREMIUM DARK GLASS
   Compatible Elementor Pro + Hello Elementor
========================================================= */


/* =========================================================
   1. BASE DU HEADER
   - Définit le header global
   - Gère le z-index, la largeur et les transitions
========================================================= */

.gtbox-header {
  position: relative;
  z-index: 999;
  width: 100%;
  transition: background .35s ease, box-shadow .35s ease, min-height .35s ease;
}


/* =========================================================
   2. CONTAINER INTERNE
   - Centre verticalement le contenu du header
   - Définit la hauteur du header desktop
========================================================= */

.gtbox-header > .elementor-container,
.gtbox-header .elementor-container {
  min-height: 84px;
  align-items: center;
}


/* =========================================================
   4. HEADER AU SCROLL
   - Fond plus opaque
   - Ombre premium
   - Header légèrement plus compact
========================================================= */

.gtbox-header.elementor-sticky--effects > .elementor-container,
.gtbox-header.elementor-sticky--effects .elementor-container {
  min-height: 72px;
}


/* =========================================================
   5. ISOLATION VISUELLE
   - Évite certains effets parasites Elementor
   - Utile si un overlay ou fond gris apparaît
========================================================= */

.gtbox-header,
.gtbox-header .elementor-container,
.gtbox-header .elementor-widget-wrap {
  isolation: isolate;
}


/* =========================================================
   6. LOGO
   - Taille du logo desktop
   - Taille réduite au scroll
========================================================= */

.gtbox-header .elementor-widget-theme-site-logo img,
.gtbox-header .elementor-widget-image img {
  max-height: 52px;
  transition: max-height .3s ease, opacity .3s ease;
}

.gtbox-header.elementor-sticky--effects img {
  max-height: 44px;
}


/* =========================================================
   7. MENU PRINCIPAL — ITEMS DE PREMIER NIVEAU
   - Texte uppercase
   - Fond blanc translucide bien centré
   - Alignement vertical propre
========================================================= */

.gtbox-header .elementor-nav-menu > li {
  display: flex;
  align-items: center;
}

.gtbox-header .elementor-nav-menu > li > .elementor-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 42px;
  padding: 0 16px;

  color: rgba(255,255,255,.86);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;

  border-radius: 999px;
  position: relative;
  background: transparent;

  transition: color .25s ease, background .25s ease;
}


/* =========================================================
   8. MENU PRINCIPAL — HOVER / ACTIF
   - Gère le fond blanc derrière l’item
   - Appliqué au hover, page active, parent actif
========================================================= */

.gtbox-header .elementor-nav-menu > li > .elementor-item:hover,
.gtbox-header .elementor-nav-menu > li > .elementor-item.elementor-item-active,
.gtbox-header .elementor-nav-menu > li.current-menu-ancestor > .elementor-item {
  color: #ffffff !important;
  background: rgba(255,255,255,.08);
}


/* =========================================================
   9. UNDERLINE STYLE FOOTER
   - Ligne fine verte
   - Animation de gauche à droite via width
   - Plus proche du rendu du footer
========================================================= */

.gtbox-header .elementor-nav-menu > li > .elementor-item::after {
  content: "";
  position: absolute;

  left: 16px;
  bottom: 6px;

  width: 0;
  height: 1px;

  background: #8fcd37;
  border-radius: 999px;

  transition: width .25s ease;
}

.gtbox-header .elementor-nav-menu > li > .elementor-item:hover::after,
.gtbox-header .elementor-nav-menu > li > .elementor-item.elementor-item-active::after,
.gtbox-header .elementor-nav-menu > li.current-menu-ancestor > .elementor-item::after {
  width: calc(100% - 50px);
}


/* =========================================================
   10. FLÈCHE DE SOUS-MENU
   - Centre mieux la flèche dans le bouton
========================================================= */

.gtbox-header .sub-arrow,
.gtbox-header .elementor-nav-menu > li > .elementor-item .sub-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  opacity: .65;
  font-size: 10px;
  transform: translateY(1px);
}


/* =========================================================
   11. DROPDOWN — CONTENEUR
   - Fond sombre premium
   - Effet glassmorphism
   - Ombre et arrondis
========================================================= */

.gtbox-header .sub-menu,
.gtbox-header .elementor-nav-menu--dropdown {
  min-width: 245px;

  background:
    radial-gradient(circle at top right, rgba(143,205,55,.12), transparent 42%),
    linear-gradient(145deg, rgba(10,35,62,.98), rgba(15,55,83,.96));

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;

  padding: 10px;
  margin-top: 18px !important;

  box-shadow: 0 24px 60px rgba(0,0,0,.28);
  overflow: visible !important;
}


/* =========================================================
   12. DROPDOWN — POSITION
   - Positionne le menu sous l’item parent
========================================================= */

.gtbox-header .sub-menu {
  position: absolute;
  top: 100% !important;
  left: 0;
}


/* =========================================================
   13. DROPDOWN — PETIT TRIANGLE
   - Crée une petite pointe visuelle en haut du dropdown
========================================================= */

.gtbox-header .sub-menu::before {
  content: "";
  position: absolute;

  top: -7px;
  left: 34px;

  width: 14px;
  height: 14px;

  background: rgba(10,35,62,.98);
  transform: rotate(45deg);

  border-left: 1px solid rgba(255,255,255,.10);
  border-top: 1px solid rgba(255,255,255,.10);
}


/* =========================================================
   14. DROPDOWN — ITEMS
   - Texte des sous-menus
   - Supprime les fonds blancs Elementor
========================================================= */

.gtbox-header .sub-menu a,
.gtbox-header .sub-menu .elementor-item,
.gtbox-header .sub-menu .elementor-sub-item,
.gtbox-header .elementor-nav-menu--dropdown a {
  color: rgba(255,255,255,.84) !important;

  padding: 13px 16px !important;
  margin: 2px 0;

  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;

  background: transparent !important;

  transition: background .2s ease, color .2s ease, transform .2s ease;
}


/* =========================================================
   15. DROPDOWN — HOVER / ACTIF
   - Fond subtil au hover
   - Léger déplacement vers la droite
========================================================= */

.gtbox-header .sub-menu a:hover,
.gtbox-header .sub-menu .elementor-item:hover,
.gtbox-header .sub-menu .elementor-sub-item:hover,
.gtbox-header .elementor-nav-menu--dropdown a:hover,
.gtbox-header .sub-menu .elementor-item-active,
.gtbox-header .sub-menu .current-menu-item > a {
  color: #ffffff !important;
  background: rgba(255,255,255,.10) !important;
}


/* =========================================================
   16. DROPDOWN — PASTILLE ORANGE
   - Petit point orange avant l’item au hover
========================================================= */

.gtbox-header .sub-menu a::before,
.gtbox-header .sub-menu .elementor-sub-item::before,
.gtbox-header .elementor-nav-menu--dropdown a::before {
  content: "";

  width: 5px;
  height: 5px;
  margin-right: 10px;

  display: inline-block;
  border-radius: 50%;

  background: #ff8a00;

  opacity: 0;
  transform: translateY(-1px) scale(.6);
  transition: opacity .2s ease, transform .2s ease;
}

.gtbox-header .sub-menu a:hover::before,
.gtbox-header .sub-menu .elementor-sub-item:hover::before,
.gtbox-header .elementor-nav-menu--dropdown a:hover::before,
.gtbox-header .sub-menu .elementor-item-active::before {
  opacity: 1;
  transform: translateY(-1px) scale(1);
}


/* =========================================================
   17. BOUTON CTA PRINCIPAL
   - Bouton orange “Demander une démo”
   - Style cohérent avec ton footer
========================================================= */

.gtbox-header .gtbox-btn-primary .elementor-button {
  min-height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 24px;

  background: #ff7a00;
  color: #ffffff;

  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.16);

  font-size: 13px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;

  box-shadow: 0 14px 28px rgba(255,138,0,.28);

  transition: transform .22s ease, box-shadow .25s ease, background .25s ease;
}

.gtbox-header .gtbox-btn-primary .elementor-button:hover {
  background: #f39a44;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(255,138,0,.36);
}


/* =========================================================
   18. RÉSEAUX SOCIAUX
   - Icônes transparentes
   - Hover orange
========================================================= */

.gtbox-header .elementor-social-icon {
  background: transparent !important;
  color: rgba(255,255,255,.78) !important;
  transition: color .2s ease, transform .2s ease;
}

.gtbox-header .elementor-social-icon:hover {
  color: #ff8a00 !important;
  transform: translateY(-1px);
}


/* =========================================================
   19. RESPONSIVE TABLETTE
   - Header plus compact
   - Burger stylisé
   - Dropdown mobile sombre
========================================================= */

@media (max-width: 1024px) {

  .gtbox-header > .elementor-container,
  .gtbox-header .elementor-container {
    min-height: 72px;
  }

  .gtbox-header .elementor-menu-toggle {
    color: #ffffff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 14px;
    padding: 10px;
  }

  .gtbox-header .elementor-nav-menu--dropdown {
    margin-top: 14px !important;
    border-radius: 18px;
    padding: 10px;
  }

  .gtbox-header .elementor-nav-menu--dropdown a {
    color: rgba(255,255,255,.88) !important;
    padding: 15px 16px !important;
  }
}


/* =========================================================
   20. RESPONSIVE MOBILE
   - Logo réduit
   - CTA plus compact
========================================================= */

@media (max-width: 767px) {

  .gtbox-header img {
    max-height: 42px !important;
  }

  .gtbox-header .gtbox-btn-primary .elementor-button {
    min-height: 42px;
    padding: 0 16px;
    font-size: 12px;
  }
}

.button-header {border:none!important;}/* End custom CSS */