body {
  width: 100%;
  height: 100vh;
  background: linear-gradient(
    to right,
    hsla(5,  10%, 10%, 1)  0%,
    hsla(5,  20%, 12%, 1) 100%
  );
}

a {
  color: steelblue;
}

a:hover {
  color: royalblue;
}

a:visited {
  color: lightblue;
}

.entete {
  color: white;
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.overlaytext {
    color: white;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}



.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  h4 {
    margin-top: 0;
    margin-bottom: 5px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  code {
    border-radius: 3px;
  }
  & + .bs-callout {
    margin-top: -5px;
  }
}
@each $name,$color in (default,#777),(primary,#428bca),(success,#5cb85c),(danger,#d9534f),(warning,#f0ad4e),(info,#5bc0de), (bdc,#29527a) {
  .callout-#{$name} {
    border-left-color: $color;
    h4 {
      color: $color;
    }
  }
}

/* --- Navbar mobile flottante --- */
/* Sous le breakpoint Bootstrap lg (992px), le navbar passe en hauteur 0 dans
   le flow normal. Logo et hamburger flottent en position fixed dans les coins
   du viewport. Le contenu de chaque page remonte donc en haut de l'écran. */
@media (max-width: 991.98px) {
  nav.navbar.navbar-expand-lg {
    padding: 0;
    min-height: 0;
  }
  nav.navbar.navbar-expand-lg > .navbar-brand {
    position: fixed;
    top: 8px;
    left: 12px;
    margin: 0;
    padding: 0;
    z-index: 1031;
  }
  nav.navbar.navbar-expand-lg > .navbar-brand img {
    width: auto;
    max-height: 40px;
  }
  nav.navbar.navbar-expand-lg > .navbar-toggler {
    position: fixed;
    top: 8px;
    right: 12px;
    margin: 0;
    z-index: 1031;
  }
  nav.navbar.navbar-expand-lg > .navbar-collapse {
    position: fixed;
    top: 56px;
    left: 12px;
    right: 12px;
    z-index: 1030;
    background: rgba(8, 8, 22, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 8px 12px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.55);
  }
}