/* ____________ COMMON ____________ */

.hover_bgDarkblue:hover, .hover_bgDarkblue:hover a{background: var(--light_blue) !important;color: var(--white) !important;}

/* BANNIERE FLEX */

#menuBan:hover .bannieres_site_photo {
  transform: translateX(15px);
}

.bannieres_site_photo {
  transition: transform 3s ease;
}


/* ____________ INDEX ____________ */

.list-ct-sub {
    max-height: 0;
    overflow: hidden;
}

.list-ct-sub.active {
    max-height: 500px; /* assez grand pour contenir les sous-éléments */
}

.has-submenu.active{
    background: var(--light_blue);
    padding: 1% 0 0 0;
}

.has-submenu.active a{
    color: #FFF !important;
    padding: 2% 0 4% 0;
}

.hover_bgDarkblue_2:hover, .hover_bgDarkblue_2:hover a{background: var(--light_blue) !important;color: var(--white) !important;}

.has-submenu.active .sub, .has-submenu.active .sub a{
    background: #FFF !important;
    color: var(--dark_blue) !important;
}

.has-submenu.active .sub:hover a{
    background: var(--light_blue) !important;
    color: #FFF !important;    
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tous cachés au départ */
#indexContainer,
#indexContainer > .indexContainer_inner,
#indexContainer > .indexContainer_inner > .indexContainer_inner_chooseCountry,
#indexContainer > .indexContainer_inner > .indexContainer_listCountry {
  opacity: 0;
  transform: translateY(20px);
  animation-fill-mode: forwards;
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-timing-function: ease;
}

/* Délais différents selon la cible */
#indexContainer {
  animation-delay: 0s;
}

#indexContainer > .indexContainer_inner {
  animation-delay: 0.3s;
}

#indexContainer > .indexContainer_inner > .indexContainer_inner_chooseCountry {
  animation-delay: 0.6s;
}

#indexContainer > .indexContainer_inner > .indexContainer_listCountry {
  animation-delay: 0.9s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.indexContainer_listCountry > div {
  opacity: 0;
  transform: translateY(20px);
  animation-fill-mode: forwards;
  animation-name: fadeIn;
  animation-duration: 0.4s;
  animation-timing-function: ease;
}


/* ____________ HOME ____________ */

.hide_natif{
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s ease, visibility 1s ease;
}

.hide_natif.show{
  visibility: visible;
  opacity: 1;
}

/* --keydates */
.container_keyDates {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.container_keyDates.show {
  opacity: 1;
  transform: translateY(0);
}

/* _______WESHARE______ */

.weshare_avantage_content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.weshare_avantage_content.show {
  opacity: 1;
  transform: translateY(0);
}

/* ____________ DOCUMENTATION ____________ */

.documentation_innerContent .blockDoc {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.documentation_innerContent .blockDoc.visible {
  opacity: 1;
  transform: translateY(0);
}