.elementor-kit-9{--e-global-color-primary:#006778;--e-global-color-secondary:#A8D5BA;--e-global-color-text:#137C8B;--e-global-color-accent:#317AC1;--e-global-color-0cf0ab5:#B8CBD0;--e-global-color-12a64f7:#FFFFFF;--e-global-color-d753b58:#B0B9A8;--e-global-color-7dac8c0:#344D59;--e-global-color-a148944:#EA0A4D;--e-global-color-e2e279f:#0DD121;--e-global-color-6194030:#0D0D0D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-text-font-family:"Roboto";--e-global-typography-accent-font-family:"Roboto";color:#505050;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:var( --e-global-color-a148944 );color:var( --e-global-color-7dac8c0 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:#7E83BF;}.elementor-kit-9 a:hover{color:#4D55BB;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============ TOP BAR (WPML) ============ */
/* Inactif = bleu clair / Actif = blanc */
.top_bar .wpml-ls-item a,
.stm_top_bar .wpml-ls-item a {
  color: #7CC9E8 !important;
  text-decoration: none !important;
  font-weight: 500;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.top_bar .wpml-ls-current-language > a,
.stm_top_bar .wpml-ls-current-language > a {
  color: #FFFFFF !important;
  font-weight: 600;
}
/* Drapeaux */
.top_bar .wpml-ls-flag,
.stm_top_bar .wpml-ls-flag {
  display: inline-block !important;
  width: 18px !important;
  height: auto !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  border: none !important;
}

/* ============ MENU PRINCIPAL (DESKTOP) ============ */
/* Masquer le switcher WPML dans le menu desktop */
@media (min-width:1025px){
  .main_menu_nav > li.wpml-ls-item,
  .main_menu_nav > li.wpml-ls-menu-item,
  .main_menu_nav > li[class*="menu-item-wpml-ls-"],
  .stm-navigation .wpml-ls-item,
  .main_menu .wpml-ls-item,
  .header-menu .wpml-ls-item {
    display: none !important;
  }
}

/* ============ MENU MOBILE (BURGER) ============ */
@media (max-width:1024px){
  /* Empile proprement les éléments + place le switcher en bas */
  .mobile-navigation .menu { display:flex; flex-direction:column; }
  .mobile-navigation .wpml-ls-item,
  .mobile-navigation .wpml-ls-menu-item { 
    display:block !important; 
    order:999; 
    border-top:1px solid #EAEAEA; 
    margin-top:6px; 
    padding:12px 16px; 
  }
  /* Drapeau + texte */
  .mobile-navigation .wpml-ls-flag {
    width:18px !important; height:auto !important; margin-right:8px; vertical-align:middle;
  }
  .mobile-navigation .wpml-ls-item a { 
    display:inline-flex; align-items:center; gap:8px; text-decoration:none !important; 
  }
  /* Couleurs cohérentes */
  .mobile-navigation .wpml-ls-current-language > a { color:#FFFFFF !important; font-weight:600; }
  .mobile-navigation .wpml-ls-item a { color:#7CC9E8 !important; font-weight:500; }
}
/* Désactiver l'image de fond sur mobile/tablette */
@media (max-width: 1024px) {
  html, body,
  body.boxed {
    background-image: none !important;
    background-color: #ffffff !important;   /* ou #f5f5f5 si tu veux un léger gris */
    background-attachment: scroll !important;
    background-size: auto !important;
  }

  /* Optionnel : enlever l'ombre du cadre boxed si visible */
  .boxed .content_wrapper { box-shadow: none !important; }
}
/* Rendre le header fixe aussi sur mobile */
@media (max-width: 1024px) {
  header#header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;       /* au-dessus du contenu */
  }

  /* Décaler le contenu pour ne pas qu’il passe sous le header */
  body.admin-bar .site-content,
  body .site-content {
    padding-top: 80px;   /* ajuste selon la hauteur de ton header */
  }
}/* End custom CSS */