@charset "utf-8";
/* CSS Document */

	/*DEFINITION DES ELEMENTS PAR DEFAUT*/
* {
	margin:0; /*on met toutes les marges extérieures de la page à 0*/
	padding:0; /*on met toutes les marges intérieures de la page à 0*/
}
body { /*on définit la couleur de fond, la police et sa couleur par défaut*/
	background:#333;
	font: normal 12px/140% Arial, Helvetica, sans-serif;
	color:#fff;
}
a {
	color:#fff;  /*on définit par défaut les couleurs des liens dans la page, ici en blanc*/
	text-decoration:none;  /*on définit que tous les liens par défaut de la pages n'auront pas de soulignement*/
}
a:hover {
	text-decoration:underline;   /*on définit que tous les liens par défaut de la pages auront un soulignement en over*/
}
ul {
	list-style:none;     /*on supprime les puces par défaut dans tes listes*/	
}
#menuTop li.pipe, #menuDown li.pipe {    /*on définit que dans tes menus, les pipes s'afficheront en rouge et auront une marge de 5px à droite et à gauche*/
	color:#990000;
	margin:0 5px 0 5px;
}

	/*DEFINITION DES DIV PRINCIPALES*/
#conteneur {
	width:98%;
	padding:17px 0 0 12px;   /*marges intérieures pour éviter que ton texte "colle" au cadre de ton navigateur*/
}
#header {
	width:90%;
	margin:0 0 25px 0;   /*marge du bas pour "éloigner" le menu haut*/
}
#centre {
	width:1080px;   /*dimension de ton image principale*/
	margin:0 auto 0 auto;   /*centrage de ton contenu central*/
}
#menuTop {
	width:850px;   /*taille de ton menu*/
	margin:0 auto 0 auto;   /*centrage de ton menu par rapport à ton contenu*/
	font-size:13px;
}
#footer {
	width:100%;
	position:absolute;   /*position en absolu du menu par rapport aux bas et gauche du navigateur*/
	bottom:0;
	left:0;
	padding:5px 0 5px 0;    /*marge intérieure de 5px à droite et à gauche*/
	background:#ccc;    /*couleur de fond*/
}

	/*DEFINITION DES ELEMENTS DES DIV*/

		/**header**/
#header p {
	font:italic 10px/140% Arial, Helvetica, sans-serif;     /*texte en italique*/
	color:#fff;
}
#header em {
	color:#990000;     /*permet de définir une couleur ou autre attribut dans ta balise <p>, ici "are"*/
}

		/**menu du haut**/
#menuTop ul {
	margin:0;
	padding:0 0 35px 0;
}
#menuTop ul li {
	float:left;     /*on dit que tous les intitulés de ta liste se mettront côte à côte*/
	margin:0;
	padding:0;
}

		/**contenu**/
#contenu img.titre {
	margin:0 0 55px 0;	
}
#contenu .box {
	width:830px;
	margin:0 0 0 115px;     /*marge de gauche pour aligner avec ton image*/
}
#contenu .box img {
	margin:0 2px 0 0;
	border:none;
}

		/**footer**/
#footer p {
	font:normal 13px/140% Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 5px 5px;
}
#footer p strong, #footer p em {
	color:#990000;
}
			/***menu***/
#menuDown ul {
	margin:0;
	padding:0 5px 0 0;
	float:right;
	font:normal 13px/140% Arial, Helvetica, sans-serif;
}
#menuDown ul li {
	float:left;
	margin:0;
	padding:0;
}
#menuDown ul li a {
	color:#000;
}