/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	background-color: #000000;
	color: #FFFFFF;
}
a{
	font-size: 1.0em;
	color: #00FF00;
}
/* menu */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	margin-top: 0px;
	height: 120px;
	font-size: 1em;
	left: 0;
	width: 100%; /* précision pour Opera */
}
#baniere{
	height: 75px;
	text-align: center;
	background-color: #000000;
}
#baniere img{
	height: 75px;
}
#menu dl {
	/* Permet l'alignement des boîtes et de leur taille*/
	float: left;
	width: 16.5%;
}
#menu dt {
	/* Les en-tête de menu */
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #ccc;
	border: 1px solid gray;
	margin: 1px;
	color: #000;
}
#menu dd {
	display: none;
	border: 1px solid gray;
}
#menu li {
	/* Dans les sous-menus*/
	text-align: center;
	background-color: #ffffff;
}
#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
	/* surlignage dans les ss-menus lors du passage de la souris */
	background-color: #FF6633;
}

#contenu{
	margin-top: 110px;
}
#contenu2{
	margin-top: 110px;
	text-align: center;
	}
/* liens page index */
#liste{
	margin-top: 12%;
	margin-left: 3%;
	margin-right: 3%;
	text-align: left;
	width: 20%;
	float: left;
	font-size: 1.1em;
}
#liste li{
	margin-bottom: 10px;
}
.choix_periode:link{
}
.choix_periode:visited{
}
.choix_periode:hover{
	color:#FFFFFF;
}
/*Mise en page index */
#gauche{
	max-height: 200px;
	width: 35%;
	float: left;
	margin-top: 5%;
	/*margin-left: 30%;*/
	text-align: center;
}
#droite{
	max-height: 200px;
	width: 35%;
	float: right;
	margin-top: 5%;
	/*margin-right: 10%;*/
	text-align: center;
}
#gauche img,#droite img{
	height: 220px;
	margin-bottom: 20px;
	text-decoration: none;
	
	font-style: none;
	border: none;
	
}
#gauche a,#droite a{
	text-decoration: none;
	font-style: none;
	border: none;
	
	
}
/*presentation des images et poeme*/
#poeme{
	width: 20%;
	padding-left: 10px;
	float: left; 
	text-align: left;
	font-size: 0.9em;
}
#presentation{
	text-align: left;
	width: 75%;
	float: right;
	margin-right: 2%;
}
#tableau{
	text-align: center;
	height: 420px;
	
}
#legende{
	font-size: 0.8em;
	text-align: left;
	margin-top: 380px;
	width: 200px;
	margin-left: 10px;
}
#nav{
	clear: both;
	text-align: center;
	/*margin-top: 500px;*/
}
#num{
	margin-right: 1%;
}
.liens{
	margin-right: 1%;
	font-size: 16px;
}
.liens:link{
}
.liens:visited{
}
.liens:hover{
	color: #FFFFFF;
}

/*copyright*/
#copyright{
	clear: both;
	margin-top: 5%;
	text-align:center;
	font-size: 0.8em;
	
}
/*Mise en page automatique*/
h1{
	text-align: center;
}
.parag,h2{
	width: 70%;
	margin-left: 15%;
	text-align: left;
	clear: both;
}