#exergue {
	color: #CC0000;
	font-weight: bold;
}
/* CSS Document */
	html, body {margin: 0; padding: 0; height: 100%;}
	
	body {
		background: white url(data/18-gauche.png) left top repeat-y;
	}
	
	div#page {
		position: relative;
		min-height: 100%;
		background: url(data/18-droite.png) right top repeat-y;
	}
	
	div#entete {
	height: 54px;
	background: url(../img/infographie/fond-entete.gif);
	padding-left: 18px;
	padding-top: 65px;
	}
	
	div#menu {
	float: left;
	width: 205px;
	text-align: right;
	}

	div#contenu {
	padding: 0px 0 10px;
	margin: 0 20px 15px 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: justify;
	}
div#titre {
	background-image: url(../img/infographie/titre.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 40px;
}	
	div#piedpage1 {
		height: 80px;
		clear: both;
	}	
	
	div#piedpage2 {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: url(../img/infographie/fond-pied.gif);
	text-align: right;
	padding-top: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	div#page {
		height: 100%;
	}
	div#piedpage2 {
		bottom: -33px;
		/* Corrige un décalage d'1px par rapport au bord inférieur (source du bug ?) */
	}
#imgadroite {
	margin-left: 20px;
}
#contenu a:link {
	color: #0000CC;
	text-decoration: underline;
}
#contenu a:hover {
	color: #0099FF;
	text-decoration: none;
}
#contenu a:visited {
	color: #0000CC;
}
#piedpage2 a:link {
	color: #CC3300;
	text-decoration: underline;
}
#piedpage2 a:hover {
	color: #FF0000;
	text-decoration: none;
}
#piedpage2 a:visited {
	color: #CC3300;
}