:root {
--nav-horizontal-align: flex-end;
--desktop-zoneheader-margintop: 15px;
--desktop-navlink-padding:20px 15px;
--desktop-topheader-vertical-align:flex-start;
--mobile-header-mod-header-part__right-display:flex;
--mobile-topheader-ext-custom:flex;
--button-padding-md:10px 20px;
--primary-contrast: #00656f;
--tablet-logo-max-height:80px;
--mobile-logo-max-height:80px;
--mobile-topheader-height:100px;
 --mobile-header-mod-header-part__right-padding:10px 0;
--mobile-header-mod-header-part__right-height:auto;
}


.line-footer {overflow:hidden;}
@media (max-width: 991px) {
    #site-wrapper .line-menu .zone-menu .navbar .navbar-header {height:50px;}
    .zone-header ul.mod-header.mod-header-wrapper .header-ext-custom {margin:0 !important; gap:15px;}
    .line-header .mod-header-part.mod-header-part__right {margin-bottom:-50px; position: relative;
    z-index: 20;}
}
@media (max-width: 350px) {
        .zone-header ul.mod-header.mod-header-wrapper .header-ext-custom { gap:5px;}
    .line-header .mod-header-part.mod-header-part__right .btn {
        padding:5px 10px !important;
        font-size: 12px !important;
    }
}
/* Base navbar font */
.navbar{
  font-family: Verdana, sans-serif;
}

/* =========================================================
   MENU COLORS (works on all pages: no page-specific menu id)
   ========================================================= */

/* DESKTOP: top-level menu text white (but NOT submenu) */
@media (min-width: 992px){
  #mainMenu > ul.navbar-nav.menu-vertical-items > li > a:not(.dropdown-toggle){
    color: #ffffff !important;
  }
}

/* CARET/ARROW: force a single (Bootstrap) caret and make it white
   (prevents the "double arrow" issue across pages) */
#mainMenu > ul.navbar-nav.menu-vertical-items > li > a.dropdown-toggle .caret{
  /* force the bootstrap triangle */
  border-top: 4px solid #ffffff !important;
  border-right: 4px solid transparent !important;
  border-left: 4px solid transparent !important;
  border-bottom: 0 !important;
}

/* If the template adds a second arrow via :after, disable it */
#mainMenu > ul.navbar-nav.menu-vertical-items > li > a.dropdown-toggle .caret:after{
  content: none !important;
}

/* SUBMENU: always black, hover yellow */
#mainMenu ul.dropdown-menu > li > a{
  color: #000000 !important;
}
#mainMenu ul.dropdown-menu > li > a:hover,
#mainMenu ul.dropdown-menu > li > a:focus{
  color: #fec900 !important;
}

/* =========================================================
   MOBILE/TABLET (collapsed menu)
   ========================================================= */

/* Hamburger icon white, remove border/outline */
.navbar-default .navbar-toggle{
  border-color: transparent !important;
  box-shadow: none !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
  background: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #ffffff !important;
}

/* When the menu is OPEN on tablet/mobile, top-level text should be black */
@media (max-width: 991px){
  #mainMenu.in > ul.navbar-nav.menu-vertical-items > li > a:not(.dropdown-toggle){
    color: #000000 !important;
  }

  /* Optional: caret black too on mobile/tablet when open (looks better on light bg) */
  #mainMenu.in > ul.navbar-nav.menu-vertical-items > li > a.dropdown-toggle .caret{
    border-top-color: #000000 !important;
  }
}

/* État normal : pas de soulignement */
a {
    text-decoration: none;
    color: #007bff; /* On met une couleur pour que le lien reste visible */
}

/* Au survol de la souris : le soulignement apparaît */
a:hover {
    text-decoration: underline;
}


html {
    scroll-behavior: smooth;
  }