/* Header | Barre de démarcation entre le header et le slide d'accueil */
.navbar-area{
    border-bottom:1px solid #ffffff;
}

/*Header : Margin du logo*/
.navbar-brand{
    margin-right:50PX !important;
    margin-left:50PX;

}

/*Header : Animation logo d'entrée*/
@keyframes slideToRight {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.navbar-brand {
  animation: slideToRight 1.2s ease-out forwards;
}


/* Header : Animation d'entrée du menu */

@keyframes slideToLeft {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (min-width: 1025px) {
  .mean-menu {
    display: block;       /* on force visible en desktop */
    visibility: hidden;   /* puis invisible pour l’animation */
  }
  .mean-menu.animate-on-load {
    animation: slideToLeft 1s ease-out forwards;
    visibility: visible;  /* visible seulement avec l’animation */
  }
}

.mean-menu.animate-on-load {
  animation: slideToLeft 1.2s ease-out forwards;
}

.navbar-area {
  overflow: visible !important;
  position: relative;
  z-index: 100;
}

.navbar-collapse {
  overflow: visible !important;
}

.dropdown-menu {
  z-index: 9999;
}