/* ---------------------
Redéfinition des balises
--------------------- */
* {margin:0; padding:0;}

body{
	background:black; /* Arriere plan*/
	color:white; /* Couleur par défaut du texte */
	width:955px;
	margin:0px auto;
	font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; /* Police choisie*/
}
a{color:white; text-decoration:none;}
a.en_cours{color:yellow; text-decoration:none;}
a:hover{color:yellow; text-decoration:underline;}
img {border:none;}
ul {list-style:none;}
.clear {clear:both;}


/* -----------------
Structure de la page
----------------- */
#page {
	width:925px;
	margin:0;
	margin-top:10px;
	font-size:13px;
	line-height:17px;
	height:550px;
	border:5px white solid;
	padding:15px 0;
}

#droite{
	width:440px;
	height:inherit;
	padding-left:15px;
	border-left:5px white solid;
	float:left;
	position:relative;
}

#gauche{
	width:450px;
	height:inherit;
	padding-right:15px;
	float:left;
	position:relative;
}

#auteur{
	text-align:center;
	padding-left:40px;
	padding-top:10px;
	font-size:11px;
}

/* --------------------------------
Mise en page de la partie de gauche
-------------------------------- */

	/* -----------------
	Mise en page du logo
	------------------ */

	#logo{
		float:left;
	}
	
	/* -----------------
	Mise en page du menu
	----------------- */

	ul#menu {
		float:right;
		margin-top:280px;
		text-align:right;
	}

	/* --------------------
	Mise en page des pictos
	-------------------- */
	#information {
		width:420px;
		position:relative;
		top:40px;
	}



/* --------------------------------
Mise en page de la partie de droite
-------------------------------- */

	/* ------------------------------
	Mise en page de la page d'accueil
	------------------------------ */

	.quez{
		padding-top:280px;
	}

	.quezako{
		width:420px;
		text-align:justify;
		margin-bottom:20px;
	}
	
	/* -----------------------------
	Mise en page de la page ekipiers
	----------------------------- */
	
	.centrer{text-align:center;}

	p.page-ekipier{
		width:260px;
		margin-left:90px;
		margin-top:30px;
		text-align:justify;
	}
	
	/* --------------------------
	Mise en page de la page avant
	-------------------------- */

	#enhaut{top:0%;}
	
	/* ----------------------------
	Mise en page de la page pendant
	---------------------------- */
	
	#centre{top:25%;}
	
	/* --------------------------
	Mise en page de la page apres
	-------------------------- */
	
	#enbas{top:51%;}
	
	/* -------------------------
	Mise en page de la page actu
	------------------------- */
	
	#actu {
		display:block;
		margin-top:220px;
		text-align:center;
	}
	
	/* ----------------------------------
	Mise en page du formulaire de contact
	---------------------------------- */

	#adresse{
		margin-left:200px;
		text-align:justify;
		width:210px;
		font-weight:bold;
		line-height:20px;
	}

	form#contact table{
		margin-top:220px;
	}

	#envoyer{}

	.label{
		font-style:italic;
		font-size:12px;
		padding-right:15px;
		vertical-align:top;
	}