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

   layout.css
   Disposition des blocs principaux

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

body { text-align: center; }
.page { position: relative; width: 940px; margin: 0 auto; text-align: left; }

.header {}
.content {}
.aside {}
.footer { clear: both; width: 100%; }

/* Entete et barre de navigation */
.header {}
.header #logo { margin: 0; line-height: 1; font-weight: bold; }
.header #logo,
.header #logo a,
.header #logo a:hover { background: transparent; text-decoration: none; }

.nav {}
.nav ul {}
.nav ul li {}
.nav ul li a { float: left; display: block; text-decoration: none; }
.nav ul li.on a {}

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

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 640px) {

/* passer tous les elements de largeur fixe en largeur automatique */
body,
.page,
.content,
.aside { width: auto !important; margin: auto !important; padding: auto !important; }

/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
.content,
.aside { clear: both; float: none !important; width: auto !important; }

}

/* end */