/* COULEUR DU THEME */
/* COULEUR DU SOUS-MENU */
/* COULEUR DES ERREURS */
/* FORMULAIRES */
/* GESTION DES LONGUEURS */
#WRAPPER {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #edf0f5;
  font-family: 'Open Sans', 'Ubuntu', 'Verdana', 'Arial';
  /* [1] Header de la page
	==========================================*/
  /* [2] Side-Menu de la page
	==========================================*/
  /* [3] Container de la page
	==========================================*/
}

#WRAPPER > #HEADER {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc( 4em - 1px);
  border-bottom: 1px solid #c23f05;
  background-color: #f44f06;
  z-index: 10;
}

#WRAPPER > #MENU-SIDE {
  display: block;
  position: absolute;
  top: 4em;
  left: 0;
  width: 4em;
  height: 100%;
  box-shadow: 2px 1px 3px #ddd;
  background-color: #fff;
  transition: all .3s;
  z-index: 9;
}

#WRAPPER > #CONTAINER {
  display: flex;
  position: absolute;
  top: 4em;
  left: 4em;
  width: calc( 100% - 4em - 2*1em);
  height: calc( 100% - 4em - 2*1em);
  padding: 1em;
  flex-direction: row;
  justify-content: space-between;
  overflow-x: none;
  overflow-y: auto;
}
 

 /*# sourceMappingURL= layout.css.map */