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

   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;border-top: 1px solid #999; }

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

.footer .colophon { float: left; height: 40px; width: 70%; 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 */