nav#mainMenu {position:fixed; z-index:100; top:0; left:0;  width:100%; overflow:hidden;}
nav#mainMenu .blocLogout {display:inline-block;}
nav#mainMenu ul.menuItems {display:inline-block;}

body.modal-active nav#mainMenu {display:none;}

.grid {display:table; table-layout:fixed;}
.grid.full-width {width:100%;}
.grid.not-fixed {table-layout:auto;}
.grid > * {display:table-cell; box-sizing:border-box; vertical-align:top;}
.grid > .valign-center {vertical-align:center;}
.grid > .valign-bottom {vertical-align:bottom;}
.grid > .gutter {width:20px;}
.grid > .gutter.wide {width:40px;}


.margin-t1 {margin-top:30px;}
.margin-t2 {margin-top:60px;}



/* Seule la dernière page du DOM est visible */
.pages > section.page {display:none; margin-bottom:40px;}
.pages > section.page:last-child {display:block;}

section.page.noAncestor {margin-top:53px;}
section.page.noAncestor.login {margin-top:0;}

section.page > header {position:fixed; z-index:10; top:0; left:0; right:0; padding:12px 22px;}
section.page .content {position:relative; z-index:5;}
section.page.noAncestor > header {left:260px;}

section.page > footer {position:fixed; z-index:10; bottom:0; left:0; right:0; padding:12px 22px;}
section.page.noAncestor > footer {left:260px;}

.page-wrapper {padding:20px 30px;}