html, body {
    margin: 0;
    padding: 0;
    height: 100%;
  }
  body {
      display: flex;
      height: 100%;
      flex-direction: column;
  }
  body > #menu_ouvert_ferme i {
    transition: 1s all;
  }
  body > #menu_ouvert_ferme.colapsed i {
    transform: rotate(90deg);
  }
  
  .site-body, .site-content {
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    padding: 0;
    background: linear-gradient(#fdf6a7, #8c5504);
  }
  
  .site-content {
    flex-direction: column;
    max-width: 100%;
    flex: 1 1 0px;
    margin-top: 0rem;
    padding: 1rem;
  }
  .site-nav {
    background-color: rgba(128,128,128,0.2);
  }
  
  body > header {
    height: 25px;
    flex: none;
  }
  .Menu {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-top: 1.5em; /* margin-top: .5em; */
  }
  .Menu .Menu-Item {
    height: 30px;
    display: flex;
    background: #FFF;
    border-radius: 5px;
    margin-bottom: 5px;
    color: #383939;
    width: 100%;
    align-items: center;
    text-decoration: none; 
  }
  
  .Menu .Menu-Item:hover, .Menu .Menu-Item:focus {
    border-left: 2px solid #00893D;
  }
  
  .Menu .Menu-Item.current {
    background-color: #e6e6e6;
    border-left: 0 !important;
  }
  .Menu .Menu-Item > i {
    font-size: 22px;
    margin: 0 10px;
  }
  .Menu .Menu-Item > span {
    flex: 1;
    text-align: center;
    margin-left: -22px;
  }
  
  #sidebar {
    width: 200px;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    transition: 1s all;
    padding: 0 5px;
    border-radius : 0px 10px 0px 0px;
    margin-top:-24px;
  }
  #sidebar .pseudo {
    text-align: center;
    overflow: hidden;
    opacity: 1;
    transition: 1s all, 1s opacity ease-in;
    font-weight:bold;
    margin-top:-10px;
  }
  #sidebar .Menu-Item span {
    transition: 1s opacity 0.2s;
    opacity: 1;
  }
  #sidebar.colapsed {
    transition: 1s all ease-in;
    padding-right: 0;
    width: 50px;
  }
  #sidebar.colapsed .pseudo {
    height: 0;
    opacity: 0;
    transition: all 1s, 1s opacity ease-in;
  }
  #sidebar.colapsed .Menu-Item {
    border-radius: 5px 0 0 5px;
  }
  #sidebar.colapsed .Menu-Item span {
    opacity: 0;
    transition: 1s opacity;
    overflow: hidden;
    width: 0;
  }
  #sidebar.colapsed .Menu .collapse {
    flex-direction: column;
    flex: 0 0 auto;
    transition: 1s all;
    transition: all 1s, 1s opacity ease-in;
    width: 200px;
    background-color: rgba(128,128,128,0.2);
    opacity: 1;
    overflow: visible;
  }
  .bouton_menu_haut{
      margin:20px;
  }
  
  #footer {
    background-color: rgba(128,128,128,0.2);
    margin-left:-16px;
    margin-right:-16px;
    margin-top: 20px;
  }
  .formPerso {
    font-size:1.6em;
    float:right;
    margin-right:1.5em;
  }
  button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
  }