/* 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
	==========================================*/
  /* [4] Popup background - window
	==========================================*/
}

#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;
}

#WRAPPER > #POPUP {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 50%;
  max-width: 50%;
  min-height: 30%;
  max-height: 50%;
  border-radius: 5px;
  background: #fff;
  color: #34495e;
  box-shadow: -10px 10px 0 rgba(26, 33, 40, 0.8);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 101;
}

#WRAPPER > #POPUP.active {
  display: block;
}

#WRAPPER > #POPUP > .header {
  display: block;
  position: relative;
  width: calc( 100% - 2*1em);
  padding: 1em;
  border-radius: 5px 5px 0 0;
  border-bottom: 2px solid #ecf0f1;
  font-size: 1.1em;
  font-weight: bold;
}

#WRAPPER > #POPUP > .body {
  display: block;
  position: relative;
  width: calc( 100% - 2*1em);
  padding: 1em;
}

#WRAPPER > #POPUP > .body b, #WRAPPER > #POPUP > .body strong {
  color: #5630ed;
}

#WRAPPER > #POPUP > .footer {
  display: flex;
  position: relative;
  width: calc( 100% - 2*1em);
  padding: 1em;
  background-color: #ecf0f1;
  border-radius: 0 0 5px 5px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#WRAPPER > #POPUP > .footer button {
  left: auto;
  margin: 0 1em;
  -webkit-transform: none;
  transform: none;
}

#WRAPPER > #POPUP-BG {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #29333f;
  background: rgba(41, 51, 63, 0.8);
  z-index: 100;
}

#WRAPPER #POPUP.active ~ #POPUP-BG {
  display: block;
}
 

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