nav#mainMenu {position:fixed; z-index:0; top:0; bottom:0; left:0; width:260px; overflow-y:auto;}

div#burgerMenuBtn {display:none; position:fixed; z-index:99999; top:0; left:0; right:0; height:40px; padding-right:22px; padding-top:10px; box-sizing:border-box;}

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


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

.pages > section.page.savoiecup,
.pages > section.page.porschesavoietour,
.pages > section.page.savoieclassiccar,
.pages > section.page.selectFile,
.pages > section.page.uploadPage,
.pages > section.page.filemanager {margin-bottom:0;}

section.page.noAncestor {margin-left:260px;}
section.page.noAncestor.login {margin-left: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;}

@media (max-width:1150px) {
	
	nav#mainMenu {width:100%; z-index:9999; display:none;}
	
	div#burgerMenuBtn {display:block;}
	body.modal-active div#burgerMenuBtn {display:none;}
	
	div.dialogWrapper,
	section.page {margin-top:40px;}
	
	body.modal-active div.dialogWrapper,
	body.modal-active section.page {margin-top:0;}
	
	section.page.noAncestor {margin-left:0;}
	section.page > header {position:static;}
	section.page.noAncestor > footer {left:0;}
	
	section.page .content {padding-top:0 !important;}
	
}