/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */

body { 
	text-align: center;
	background-color: #E7E8E5;
}
.page { 
	position: relative; 
	width: 900px; 
	margin: 0 auto; 
	padding: 50px 1.5em; 
	text-align: left;  
}

.header {}
.main { padding: 1.5em 0; }
.footer { clear: both; padding: 0.5em 0 0; margin-top:1em;}

.wrapper { clear: both; float: left; width: 70%; overflow: hidden; }
.content { min-height: 350px; }
.aside { float: right; width: 25%; overflow: hidden; }

.footer .colophon {height: 2rem; margin: 0;}
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }


/* Gabarit d'impression
------------------------------------------ */
@media print {
.page,
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}

/* end */