.elementor-824 .elementor-element.elementor-element-3d46a64e{--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:flex-start;--align-items:center;--padding-top:035px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-824 .elementor-element.elementor-element-3d46a64e.e-con{--align-self:flex-start;}.elementor-824 .elementor-element.elementor-element-4b910687{--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:flex-start;--align-items:flex-start;}.elementor-824 .elementor-element.elementor-element-6ac9e796{--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:flex-end;}.elementor-824 .elementor-element.elementor-element-3258e4ed .elementor-menu-toggle{margin:0 auto;}.elementor-824 .elementor-element.elementor-element-3258e4ed .elementor-nav-menu .elementor-item{font-family:"Work Sans", Sans-serif;font-size:17px;text-transform:uppercase;}.elementor-824 .elementor-element.elementor-element-3258e4ed .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-7948439 );fill:var( --e-global-color-7948439 );}.elementor-824 .elementor-element.elementor-element-3258e4ed .elementor-nav-menu--main .elementor-item:hover,
					.elementor-824 .elementor-element.elementor-element-3258e4ed .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-824 .elementor-element.elementor-element-3258e4ed .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-824 .elementor-element.elementor-element-3258e4ed .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-824 .elementor-element.elementor-element-3258e4ed .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-824 .elementor-element.elementor-element-44111334{--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:flex-start;--align-items:center;--padding-top:035px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-824 .elementor-element.elementor-element-44111334.e-con{--align-self:flex-start;}.elementor-824 .elementor-element.elementor-element-54322218{--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:flex-start;--align-items:flex-start;}.elementor-824 .elementor-element.elementor-element-71fa971d{--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:flex-end;}.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-824 .elementor-element.elementor-element-44111334{--padding-top:10px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-824 .elementor-element.elementor-element-44111334{--padding-top:6px;--padding-bottom:0px;--padding-left:8px;--padding-right:0px;}.elementor-824 .elementor-element.elementor-element-54322218{--width:50%;--justify-content:center;}.elementor-824 .elementor-element.elementor-element-51117470 > .elementor-widget-container{padding:3px 0px 0px 0px;}.elementor-824 .elementor-element.elementor-element-71fa971d{--width:43%;--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:flex-end;--align-items:center;}.elementor-824 .elementor-element.elementor-element-71fa971d.e-con{--align-self:center;}}@media(min-width:768px){.elementor-824 .elementor-element.elementor-element-4b910687{--width:26%;}.elementor-824 .elementor-element.elementor-element-54322218{--width:26%;}}@media(max-width:1024px) and (min-width:768px){.elementor-824 .elementor-element.elementor-element-54322218{--width:45%;}}/* Start custom CSS for html, class: .elementor-element-39d679a3 */.imgMenu {
    width: 270px;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3258e4ed */.contactMenu {
  position: relative;
background: linear-gradient(
  to right,
  var(--e-global-color-59eb299) 0%,
  var(--e-global-color-accent) 30%,
  var(--e-global-color-text) 80%
);

  padding: 15px 30px;
  border-radius: 40px;
  color: white;
  overflow: hidden;
  transition: color 0.3s ease;
}

.contactMenu:after{
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.3) 50%, rgba(229, 172, 142, 0));
  transform: rotateZ(60deg) translate(-5em, 7.5em);
}

.contactMenu:hover::after, button:focus::after {
  animation: sheen 1s forwards;
}

@keyframes sheen {
  100% {
    transform: rotateZ(60deg) translate(1em, -9em);
  }
}

#ostral,#pourquoi, #nos-abonnements,#fonctionnalites {
    scroll-margin-top: 230px; /* hauteur de ton menu sticky */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51117470 */.imgMenu {
    width: 270px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f6bb7a *//* Bouton contenant le menu */
#sized {
  width: 60px;
  height: 50px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 101;
}

/* Menu burger */
.menu {
  position: relative;
  width: 30px;
  height: 30px;
  left: 15px;
}

.menu span,
.menu span::before,
.menu span::after {
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  background-color: var(--e-global-color-7948439);
  transition: all 0.3s ease;
}

.menu span {
  top: 19px; /* barre du milieu */
}

.menu span::before {
  content: '';
  top: -10px;
}

.menu span::after {
  content: '';
  top: 10px;
}

/* Animation en croix */
.menu.active span {
  background-color: transparent;
}

.menu.active span::before {
  top: 0;
  transform: rotate(45deg);
}

.menu.active span::after {
  top: 0;
  transform: rotate(-45deg);
}

/* Modal */
.modal {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0.5%;
}

.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  height: 98vh;
  background: var(--e-global-color-b4d7575);
  animation: zoomIn 0.3s;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Modal header (vide ici mais structure conservée) */
.modal-header {
  padding: 10px 16px;
  background: var(--e-global-color-b4d7575);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.modal-body {
    display: flex;
    height: 90vh;
    align-items: center;
    justify-content: center;
}

/* Navigation */
.nav ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.nav ul li {
  display: block;
  margin: 20px 0;
}

.nav ul li a {
    text-decoration: none;
    color: var(--e-global-color-7948439);
    font-weight: 500;
    font-size: 19px;
    text-transform: uppercase;
}

.nav ul li a:hover {
  color: var( --e-global-color-text );
}

/* Responsive */
@media (min-width: 768px) {
  .nav ul li a {
    font-size: 19px;
  }
}
.contactMenuMobile {
    top: 14px;
  position: relative;
background: linear-gradient(
  to right,
  var(--e-global-color-59eb299) 0%,
  var(--e-global-color-accent) 30%,
  var(--e-global-color-text) 80%
);

  padding: 15px 30px;
  border-radius: 40px;
  color: white;
  overflow: hidden;
  transition: color 0.3s ease;
}
.contactMenuMobile:hover {
  color: var(--e-global-color-7948439);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44111334 */@media screen and (max-width: 1024px) {
  #menuHeader {
    background: transparent;
    transition: background 0.3s ease, box-shadow 0.3s ease;
  }

  #menuHeader.scrolled {
    background: var(--e-global-color-secondary); /* ou une couleur directe */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}/* End custom CSS */