#page {
	position: relative;
	top: 0;
	width: 1008px; /* 24 colonnes de 42px */
	margin: 210px auto 0;
	color: #111111;
	background-color: #FBFBFB;
}
#tete {
	position: absolute;
	top: -210px;
	width: 100%;
	height : 210px;
	background: url('img/banniere.png') top center no-repeat; 
}
#pied {
	clear: both;
	width: 100%;
	text-align: center;
	border-top: 1px red solid;
	margin-top: 5px;
	font-size: .9em;			
}

#vertebre {float: left; width : 100%;}

/*EditionInformationNavigation */
#edition {margin: 0 480px 0 0;} /* 10 col*/
#navigation {float: left; width: 222px; margin-left: -222px; font-size: .97em;} /* 6 cols largeur utile 222px -6px -6px = 210px */
#information {float: left; width: 258px; margin-left: -480px; font-size: .9em;} /* 4 cols largeur utile 198px -6px = 192px */
#accueil, #publication {margin: 6px 10px; position: relative;} /* largeur utile 992 -360 - (2*10) = 612px */
#accueil {font-size: 1.65em;}
#publication {font-size: 1.6em;}
.marges {margin: 6px 0 6px 6px; position: relative;}/* à utiliser dans les colonnes navigation et information*/



/* NavigationEditionInformation
#edition {margin: 0 20% 0 25%;}
#navigation {float: left; width: 25%; margin-left: -100%;}
#information {float: left; width: 20%; margin-left: -20%;}
*/
/*#extra {clear: left; float: left; width: 45%; font-size: 4.1em;}*/


/* InformationEditionNavigation
#edition {margin: 0 25% 0 20%;}
#navigation {float: left; width: 25%; margin-left: -25%;}
#information {float: left; width: 20%; margin-left: -100%;}
*/

/* EditionNavigationInformation
#edition {margin: 0 45% 0 0;} 
#navigation {float: left; width: 25%; margin-left: -45%;}
#information {float: left; width: 20%; margin-left: -20%;}
*/

/* NavigationInformationEdition
#edition {margin: 0 0 0 45%;} 
#navigation {float: left; width: 25%; margin-left: -100%;}
#information {float: left; width: 20%; margin-left: -75%;}
*/

/* InformationNavigationEdition
#edition {margin: 0 0 0 45%;} 
#navigation {float: left; width: 25%; margin-left: -80%;}
#information {float: left; width: 20%; margin-left: -100%;}
*/
@media print {
	#navigation, #information, #pied, #tete, #accueil {display: none;}
	#vertebre {float: none;}
	#edition {margin: 0; width: 100%}
	#page {margin-top: 0;}
	#publication {margin: 0;}
	a:after {content: " => "attr(href);}
}