/* Structure */
	html, body {margin: 0; padding: 0; height: 99%;}

	body {
		padding-right: 10px;
		padding-left: 10px;
	}


	div#page {
		position: relative;
		min-height: 100%;
	}

	div#entete {
		height: 175px;
		text-align: center;
		border: 1px solid black;
		background: url(img/logo.jpg) no-repeat left top;
	}

	div#premiere {
		float: left;
		width: 180px;
		padding: 3px;
	}

	div#deuxieme {
		float: right;
		width: 180px;
		margin-top: 175px;
	}
	#evenement1 {
		text-align:justify;
		padding: 10px;
	    margin-bottom: 20px;
	}

	#evenement-suivants {
		display: block;
	    filter:alpha(opacity=50);
	    -moz-opacity:0.5;
 	   -khtml-opacity: 0.5;
 	   opacity: 0.5;
	    margin-bottom: 20px;
		background-color: #C0C0D4;
		padding: 10px;
		color: black;
		border: 1px solid #C0C0D4;
	}

	#evenement-suivants a:hover{
		color: black;
	}

	#evenement-suivants:hover{
 	   filter:alpha(opacity=100);
 	   -moz-opacity:1;
 	   -khtml-opacity: 1;
	    opacity: 1;
		background-color: transparent;
		border: 1px solid black;
	}
	
	#liens {
		width:400px;
		margin-right: auto;
		margin-left: auto;
		padding: 3px 3px 3px 6px;
		border: 1px solid black;
		color: #000000;
		font-size: 0.7em;
		text-align:center;
	}

	#lieu {
		width:200px;
		overflow:auto;
		float: right;
		padding: 3px 3px 3px 6px;
		border: 1px solid #FF0000;
		color: #FF0000;
		font-size: 0.7em;
		text-align:justify;
		margin-left: 10px;
		font-weight: bold;
	}

	#lieu-suivant {
		width:200px;
		overflow:auto;
		float: right;
		padding: 3px 3px 3px 6px;
		border: 1px solid black;
		color: #000000;
		font-size: 0.7em;
		text-align:justify;
	}


	#secondairehaut {
		width:170px;
		height:300px;
		overflow:auto;
		margin-top: 5px;
		padding: 3px 3px 3px 6px;
		color: #000000;
		font-size: 0.7em;
		text-align:justify;
	}

	#secondairebas {
		width:180px;
		margin-top: 5px;
		color: #000000;
		font-size: 0.7em;
		text-align:center;
	}

	div#contenu {
		padding: 1px 0;
		margin: 0 220px;
	}
	
	#contenu p img {
		float: left;
		margin: 0px 10px 10px 0px;
	}

	div#biblio {
		display: block;
		width: 100%;
		line-height:  .8em;
		border: 1px solid #4D5FFA;
		color: #E2144A; 
		font-size: 0.9em;
		margin-bottom: 10px;
		padding-left: 5px;
	}

	div#annees {
		display: block;
		width: 100%;
		line-height: 1.5em;
		border: 1px solid #4D5FFA;
		color: #E2144A; 
		font-size: 0.9em;
		text-align:center;
		margin-bottom: 10px;
	}

	div#piedpage1 {
		height: 115px;
		clear: both;
	}

	div#piedpage2 {
		position: absolute;
		bottom: 5px; left: 0;
		width: 100%;
		height: 60px;
		line-height: 2.em;
		border-top: 1px solid #999999;
		color: #000000;
		font-size: 0.7em;
		text-align:center;
	}
	
	p.photo_with_legende {
		font: 9px Arial, Helvetica, sans-serif;
		font-style: italic;
		text-align: center;
		width: 160px;
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 20px 0px;
	}

	.photo_with_legende span {
		display: block;
		margin: 0px 5px 0px 5px;
	}

	.photo_with_legende img {
		margin-bottom: 3px;
	}

	<!--[if lte IE 6]>
	<style type="text/css">
	div#page {
		height: 100%;
	}
	div#piedpage2 {
		bottom: -1px;
		/* Corrige un décalage d'1px par rapport au bord inférieur (source du bug ?) */
	}
	</style>
	<![endif]-->