form{
	margin:						0px;
	padding:					0px;
}

body{
	background-color:			#090909;
	color:						#FFFFFF;
}

p{
	background-color:			#232323;
}

a img{
	border:none;
}
	
#site{
	margin-left:				auto;
	margin-right:				auto;
	width:						800px;
	font-family: 				Arial;
}

#entete,#menu,#contenu,#pied_de_page{
	margin: 					5px;
	padding: 					5px;
	overflow:					hidden;
}

#entete{
	height:						100px;
	background-color:			#3C3C3C;
	background-image:url(../images/banniere.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

#menu{
	padding: 					0px;
	border:						none;
	float:						left;
	width:						200px;
}

#principal,#calendrier,#identification,#administration,#partenaires{
	margin-bottom:				10px;
	background-color:			#3C3C3C;
}

#principal{
}

#calendrier{
}

#identification{
}

#menu #administration{
	background-color:			#850000;
}

#contenu{
	float:						left;
	width:						566px;
	text-align:					justify;
	background-color:			#3C3C3C;
}

#pied_de_page{
	clear:						both;
	background-color:			#3C3C3C;
}










/******************/

#menu ul{
	margin:					0px;
	padding:				0px;
}

#menu ul li{
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
}
#menu ul li a{
	border-left:			5px solid #3C3C3C;
	display:				block;
}
#menu ul li a:hover{
	border-left:			5px solid silver;
	background-color:		gray;
}

#menu hr{
	margin: 				5px 10px 5px 10px;
	border: 				1px solid gray;
}




/************************/

	#pagination_haut {
		text-align:			right;
	}
	#pagination_bas {
		text-align:			right;
	}
	
	
	
	.actualite , .evenement{
		font-size:			14px;
		margin:				10px 0px 10px 0px;
		background-color:	#232323;
	}
	.actualite .description , .evenement .description{
		height:				40px;


	}
	.actualite .description .date , .evenement .description .date{
		float: 				left;
		text-align:			center;
		height:				40px;
		width:				40px;
		background-color: 	gray;
	}
	.actualite .description .date .mois , .evenement .description .date .mois{
		font-size:			12px;
	}
	.actualite .description .date .jour , .evenement .description .date .jour{
		font-size:			20px;
	}
	.actualite .description h2 , .evenement .description h2{
		float: 				left;
		background-color: 	gray;
		margin:				0px 0px 0px 10px;
		font-size:			16px;
		height:				40px;
		line-height: 		40px;
	}
	.actualite .description h2 a, .evenement .description h2 a{
		color:				white;
	}

	.actualite .description .prive , .evenement .description .prive{
		float: 				right;
		height:				40px;
		line-height: 		40px;
	}
	.actualite .contenu , .evenement .contenu{
		clear:				both;
		font-size:			14px;
		padding:			20px;
	}
	
	.evenement .utilisateurs_concernes_evenement{
		padding:			20px;
	}
	.evenement .disponibilite_evenement{
		padding:			20px;
	}
	.actualite .auteur {
		text-align:			right;
		font-size:			12px;
	}
	
	
	/****************/

.disponibilite_oui{
	color:						green;
}
.disponibilite_non{
	color:						red;
}
.disponibilite_nsp{
	color:						orange;
}

.utilisateurs_concernes_evenement th , .utilisateurs_concernes_evenement td{
	vertical-align:				top;
	text-align:					left;
	margin:						0px;
	padding:					0px 20px 0px 0px;
}

.disponibilite_evenement input{
	cursor:						pointer;
}
.disponibilite_evenement label{
	cursor:						pointer;
}


.equipe_concernee_evenement .utilisateurs_concernes_evenement{
	margin-left:				30px;
}