/* --- GÉNÉRAL --- */
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
	}

	/* --- BLOC CONTENEUR GLOBAL --- */
	div#page {
		position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
		width: 100%;
		margin: 0 auto;
		min-height: 100%;
	}
	/* Ne pas oublier les styles suivants, à appliquer au premier élément
	   et au dernier élément (hors pied de page) du bloc conteneur */
		div#page #premier-element {
			margin-top: 0; /* évite tout risque de fusion des marges */
			
			
			text-align:right;
			margin-right:20px;
			height:100px;
			color:#fff;
		}
		div#page #dernier-element {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom: 90px;
				/* ATTENTION : cet espace doit permettre de placer le pied de page! */
		}

	/* --- PIED DE PAGE --- */
	div#piedpage {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%;
			/* pour que le bloc prenne toute la largeur du bloc de référence
			   Note : le bloc de référence est le plus proche ancêtre positionné
			   en relatif ou en absolu */
		height: 54px;
		text-align:center;
		color:#fff;
	}



	/* --- un peu de cosmétique pour cet tutoriel --- */
	
	div#dernier-element { visibility: hidden;}