/* La Page */

body{ /* id général de la page */
	background-color: black;
	}
	
#centrage{
	background-image: url("images/helvet/poesie.jpg");
	background-repeat: no-repeat;
	width: 800px;
	height: 579px;
	margin-left: auto;
	margin-right: auto;
	}
	
/* Le Menu */

#menu{ /* id général du menu */
	position: relative;
	top: 70px;
	left: 100px;
	float: left;
	width: 94.3px;
	height: 240px;
	margin: 0px;
	padding: 0px;	
	}
	
.element-menu{ /* class pour éléments du menu */

	width: 94.3px;
	height: 40px;
	list-style-type: none;
	font-family: "Helvetica Neue 55 Roman", Arial, serif;
	font-size: 1em;
	text-align: center;
	}

/* Effets de Menu */
	
#menu a{ /* masquer les soulignements des liens */
	text-decoration: none;
	color: black;
	}

#menu a:hover{ /* passage de la souris */
	background-color:black ;
	color: white;
	}	
		
	
/* Le Corps */

#conteneur {
	float: left;
	position: absolute;
	top: 155px;
	left: 230px;
	}
	
#screen{
	position: relative;
	top: -225px;
	left: 18px;
	}
	
/* Effets de bloc du centre */	
	
#conteneur h1{	
	padding-left: 0px;
	padding-top: 10px;
	font-family: "Helvetica Neue 65 Medium", Arial, serif;
	font-size: 1.7em;
	font-variant: small-caps;
	text-align: left;
	color: red;
	}
	
#conteneur h2{
	position: relative;
	top: -10px;
	padding-left: 0px;
	font-family: "Helvetica Neue 65 Medium", Arial, serif;
	font-size: 1.1em;
	text-align: left;
	color: red;
	}
	
#conteneur h3{
	position: relative;
	top: -10px;
	padding-left: 0px;
	font-family: "Helvetica Neue 65 Medium", Arial, serif;
	font-size: 0.8em;
	text-align: left;
	}

#conteneur a{
	text-decoration: none;
	color: black;	
	}
	
#conteneur .text{
	position: relative;
	top: 20px;
	width: 300px;
	height: 320px;	
	padding-left: 40px;
	padding-right: 80px;
	padding-bottom: 20px;
	overflow: auto;
	font-family: "Helvetica Neue 55 Roman", Arial, serif;
	font-size: 0.8em;
	text-align: justify;
	color: black;	
	}
	
#conteneur a:hover{ /* passage de la souris */
	background-color: black;
	color: white;
	}	
		
	
/* Le pied de page */

#footer{ /* id général du pied de page */
	float: left;
	width: 1032px;
	height: 42px;
	margin: 0px;
	padding: 0px;	
	}
	
.foot{ /* class pour contact&crédits */
	position: relative;
	top: 275px;
	left: 250px;
	float: left;
	width: 130px;
	height: 30px;
	list-style-type: none;
	font-family: "Helvetica Neue 55 Roman", Arial, serif;
	font-size: 1em;
	text-align: center;	
	}
	
.copy{ /* class pour copyright */
	position: relative;
	top: 275px;
	left: 510px;	
	float: left;
	width: 190px;
	height: 30px;	
	}

/* Effets pied de page */
	
#footer a{ /* masquer les soulignements des liens */
	text-decoration: none;
	color: black;
	}
	
#footer p{ /* ajuster le copyright */
	font-family: "Helvetica Neue 55 Roman", Arial, serif;
	font-size: 0.7em;
	text-align: center;
	color: white;	
	}