html,
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
Permet de cacher Alpine (affichage des sous-tab de nav.html tant qu'il n'est pas prêt)
**/
[x-cloak] {
  display: none !important;
}

@media (min-width: 768px) {
  .sidebar-left {
    flex-basis: 22%;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
  }

  .content {
    flex-basis: 56%;
    display: flex;
    flex-direction: column;
  }

  .sidebar-right {
    flex-basis: 22%;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
  }
}

@media (max-width: 767px) {
  .content {
    flex-basis: 100%;
    flex-shrink: 0;
    flex-grow: 0;
  }
}

/* .menu-mobile {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.4s ease,
    opacity 0.4s ease;
  opacity: 0;
}

.menu-mobile.open {
  max-height: 500px;
  opacity: 1;
} */