/* 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 */