.elementor-2232 .elementor-element.elementor-element-7cec142{--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:center;--align-items:center;--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-2232 .elementor-element.elementor-element-baa642b{--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:center;--align-items:center;border-style:none;--border-style:none;--border-radius:100px 100px 100px 100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:101;}.elementor-2232 .elementor-element.elementor-element-baa642b.e-con{--align-self:center;}.elementor-2232 .elementor-element.elementor-element-bf28c04{--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:center;--align-items: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-weight:var( --e-global-typography-text-font-weight );}.elementor-2232 .elementor-element.elementor-element-8b8eccf.elementor-element{--align-self:center;}.elementor-2232 .elementor-element.elementor-element-8b8eccf{text-align:start;}.elementor-2232 .elementor-element.elementor-element-8b8eccf img{width:82%;}.elementor-2232 .elementor-element.elementor-element-fcabed5{--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:center;--align-items:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );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-2232 .elementor-element.elementor-element-a0cd414 .elementor-menu-toggle{margin:0 auto;}.elementor-2232 .elementor-element.elementor-element-a0cd414 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;}.elementor-2232 .elementor-element.elementor-element-a0cd414 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-2232 .elementor-element.elementor-element-b2281d8{--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:center;--align-items:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2232 .elementor-element.elementor-element-230ffe2 > .elementor-widget-container{padding:6px 10px 6px 10px;}.elementor-2232 .elementor-element.elementor-element-230ffe2 .elementor-icon-box-wrapper{align-items:center;gap:0px;}.elementor-2232 .elementor-element.elementor-element-230ffe2.elementor-view-stacked .elementor-icon{background-color:#0B6F9A;}.elementor-2232 .elementor-element.elementor-element-230ffe2.elementor-view-framed .elementor-icon, .elementor-2232 .elementor-element.elementor-element-230ffe2.elementor-view-default .elementor-icon{fill:#0B6F9A;color:#0B6F9A;border-color:#0B6F9A;}.elementor-2232 .elementor-element.elementor-element-230ffe2 .elementor-icon{font-size:14px;}.elementor-2232 .elementor-element.elementor-element-230ffe2 .elementor-icon-box-title, .elementor-2232 .elementor-element.elementor-element-230ffe2 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;}.elementor-2232 .elementor-element.elementor-element-230ffe2 .elementor-icon-box-title{color:#0E1116;}.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-2232 .elementor-element.elementor-element-9f574ae .elementor-button{background-color:#F05123;font-family:"Space Mono", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;fill:var( --e-global-color-1962d69 );color:var( --e-global-color-1962d69 );border-radius:38px 38px 38px 38px;}.elementor-2232 .elementor-element.elementor-element-9f574ae .elementor-button:hover, .elementor-2232 .elementor-element.elementor-element-9f574ae .elementor-button:focus{background-color:#D63E12;}.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-2232 .elementor-element.elementor-element-baa642b{--width:100%;}.elementor-2232 .elementor-element.elementor-element-bf28c04{--width:18%;}.elementor-2232 .elementor-element.elementor-element-b2281d8{--width:66%;}}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for nav-menu, class: .elementor-element-a0cd414 *//* ============================================================
   NOVA-ITE HEADER — Menu pilule flottante
   À appliquer sur la section qui contient ton header.
   Ajouter la classe CSS « novaite-pill » sur la section parent.
   ============================================================ */

/* -------- 1. SECTION = pilule flottante centrée -------- */
.novaite-pill {
  position: fixed !important;
  top: 16px !important;
  left: 50% !important;
  transform: translateX(-50%);
  width: calc(100% - 32px);
  max-width: 1180px;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: saturate(180%) blur(18px);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  border: 1px solid rgba(14, 17, 22, 0.08);
  border-radius: 999px !important;
  box-shadow:
    0 2px 12px rgba(14, 17, 22, 0.04),
    0 14px 40px rgba(14, 17, 22, 0.08);
  padding: 8px 24px !important;
  min-height: 60px;
  transition: box-shadow 240ms ease, background 240ms ease;
}
.novaite-pill:hover {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow:
    0 2px 12px rgba(14, 17, 22, 0.06),
    0 22px 56px rgba(14, 17, 22, 0.12);
}

/* Espace réservé sous la pilule pour que le contenu de la page ne passe pas dessous */
body { padding-top: 0; } /* hero plein écran, le contenu passe sous la pilule volontairement */

/* -------- 2. MENU — items horizontaux -------- */
.novaite-pill .elementor-nav-menu,
.novaite-pill .menu,
.novaite-pill nav ul {
  display: flex;
  align-items: center;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.novaite-pill .elementor-nav-menu > li > a,
.novaite-pill .menu > li > a,
.novaite-pill nav > ul > li > a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 14px !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: -0.005em !important;
  color: #2B313A !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  background: transparent !important;
  transition: color 150ms ease, background 150ms ease;
}

/* -------- 3. HOVER état rond + sombre subtil -------- */
.novaite-pill .elementor-nav-menu > li > a:hover,
.novaite-pill .menu > li > a:hover,
.novaite-pill nav > ul > li > a:hover,
.novaite-pill .elementor-nav-menu > li.current-menu-item > a,
.novaite-pill .menu > li.current-menu-item > a {
  color: #0E1116 !important;
  background: rgba(14, 17, 22, 0.05) !important;
}

/* Petite flèche des items à sous-menu */
.novaite-pill .menu-item-has-children > a::after,
.novaite-pill .elementor-nav-menu > li.menu-item-has-children > a::after {
  content: "▾";
  font-size: 10px;
  opacity: 0.5;
  margin-left: 4px;
  transition: transform 150ms ease;
}
.novaite-pill .menu-item-has-children:hover > a::after {
  transform: rotate(180deg);
}

/* -------- 4. SOUS-MENUS (dropdowns) -------- */
.novaite-pill .sub-menu,
.novaite-pill .elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border: 1px solid #E6E8EC;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px rgba(14, 17, 22, 0.12);
  padding: 8px !important;
  margin-top: 12px !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
  list-style: none;
}
.novaite-pill .menu-item-has-children:hover > .sub-menu,
.novaite-pill .elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.novaite-pill .sub-menu li a,
.novaite-pill .elementor-nav-menu .sub-menu li a {
  display: block;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  color: #0E1116 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: background 150ms ease;
}
.novaite-pill .sub-menu li a:hover {
  background: #ECF7FD !important;
  color: #0B6F9A !important;
}

/* -------- 5. LOGO -------- */
.novaite-pill .elementor-widget-image img,
.novaite-pill .site-logo img {
  max-height: 36px !important;
  width: auto !important;
}

/* -------- 6. CTA "Prendre RDV" (bouton orange) -------- */
.novaite-pill .elementor-button,
.novaite-pill a.btn-cta {
  background: #F05123 !important;
  color: #fff !important;
  font-family: "Hanken Grotesk", "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 240ms ease, box-shadow 240ms ease, transform 150ms ease;
}
.novaite-pill .elementor-button:hover,
.novaite-pill a.btn-cta:hover {
  background: #D63E12 !important;
  box-shadow: 0 6px 16px rgba(240, 81, 35, 0.32);
  transform: translateY(-1px);
}

/* -------- 7. TÉLÉPHONE (lien icône) -------- */
.novaite-pill a[href^="tel:"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0E1116 !important;
  text-decoration: none !important;
  transition: background 150ms ease;
}
.novaite-pill a[href^="tel:"]:hover {
  background: rgba(14, 17, 22, 0.05) !important;
}

/* -------- 8. MOBILE — pilule plus petite -------- */
@media (max-width: 1023px) {
  .novaite-pill {
    padding: 6px 16px !important;
    min-height: 54px;
  }
  .novaite-pill .elementor-nav-menu--main,
  .novaite-pill a[href^="tel:"] {
    display: none !important;
  }
  /* Le burger Elementor reste visible */
  .novaite-pill .elementor-menu-toggle {
    color: #0E1116 !important;
    border-radius: 999px !important;
    padding: 8px !important;
  }
}

/* -------- 9. SCROLL — accentue l'ombre quand on défile -------- */
.novaite-pill.is-scrolled,
body.scrolled .novaite-pill {
  box-shadow: 0 4px 14px rgba(14, 17, 22, 0.10),
              0 24px 60px rgba(14, 17, 22, 0.14);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cec142 *//* SOUS-MENU : au survol → texte bleu, aucun fond */
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-sub-item:hover,
.elementor-sub-item:focus,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted{
  background-color:transparent !important;
  color:#31BFEF !important;
}

/* ----- Menu : survol = texte bleu, AUCUN fond ----------------------- */
body .novaite-pill .menu-item:hover > a,
body .novaite-pill .menu-item:focus-within > a,
body .novaite-pill .elementor-nav-menu > li > a:hover,
body .novaite-pill .sub-menu li a:hover,
body .novaite-pill .sub-menu li a:focus{
  background:transparent !important;
  background-color:transparent !important;
  color:#31BFEF !important;
}/* End custom CSS */