/**************************/
/*         GENERAL        */
/**************************/
body {
  font-size: .875rem;
}
.bg {
  background: url('../images/pixabay-605439_1920.jpg') no-repeat;
  width: 100%;
  height: 100vh;
}
.frm-container {
  border: 0px solid #eeeeee;
  padding: 50px 60px;
  margin-top: 15vh;
  background-color: rgba(255, 255, 255, 0.75);
  
  -webkit-box-shadow: -1px 4px 26px 11px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 4px 26px 11px rgba(0,0,0,0.75);
  box-shadow: -1px 4px 26px 11px rgba(0,0,0,0.75);
}
[role="main"] {
  padding-top: 133px; /* Espacement pour Menu Horizontal Haut */
}
@media (min-width: 768px) {
  [role="main"] {
    padding-top: 48px; /* Espacement pour Menu Horizontal Haut */
  }
}
/**************************/
/*       BOOTSTRAP        */
/**************************/
.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:visited {
  background-color: #FF9B07!important;
  color: white!important;
}
.table td {
  vertical-align: middle;
}
/**************************/
/*  MENU HORIZONTAL HAUT  */
/**************************/
.menu-horizontal-haut-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

/**************************/
/*  MENU VERTICAL GAUCHE  */
/**************************/
.menu-vertical-gauche {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;       /* Behind the navbar */
  padding: 48px 0 0;  /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}
.menu-vertical-gauche-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .menu-vertical-gauche-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}
.menu-vertical-gauche .nav-link {
  font-weight: 500;
  color: #333;
}
.menu-vertical-gauche .nav-link .feather {
  margin-right: 4px;
  color: #999;
}
.menu-vertical-gauche .nav-link.active, .iActive {
  color: #007bff!important;
}
.menu-vertical-gauche .nav-link:hover .feather, .menu-vertical-gauche .nav-link.active .feather {
  color: inherit;
}