/*______________________________________________________*/
/* Feuille de style du design noir			*/
/*______________________________________________________*/


/*______________________________________________________*/
/* Paramètres du body					*/
/*______________________________________________________*/

body
{
	width:			923px;
	margin:			auto;
	margin-top:		25px;
	margin-bottom:		12px;

	color:			silver;

	font-size:		medium;
	font-family:		"Eras Medium ITC","Trebuchet MS",Helvetica,Arial,sans-serif;"Trebuchet MS",Helvetica,Arial,sans-serif;
	text-align:		justify;
	line-height:		normal;


	vertical-align:		top;

	background:		url(../images/fond.jpg) no-repeat top center;
	background-color:	black;
}



/*______________________________________________________*/
/* Paramètes de inline					*/
/*______________________________________________________*/

strong
{
	font-weight:		bold;
}


em
{
	font-style:		italic;
}


q
{
	font-style:		italic;
}



/*______________________________________________________*/
/* L'en-tête						*/
/*______________________________________________________*/

#en_tete
{
	width:			923px;
	height:			240px;
	margin-bottom:		20px;
	padding-top:		0px;
	padding-bottom:		0px;
	
	text-align:		center;
}



/*______________________________________________________*/
/* Le menu						*/
/*______________________________________________________*/

#menu
{
	float:			left;
	width:			146px;
	font-weight:		bold;
}



/*______________________________________________________*/
/* Element du menu					*/
/*______________________________________________________*/

.aleatoire
{
	height:			146px;
	width:			146px;

	margin-bottom:		25px;

	text-align:		center;
	vertical-align:		center;

	background-image:	url(../images/cadre.jpg);
	background-color:	rgb(53, 50, 43);
}


.aleatoire table
{
	width:			100%;
	height:			100%;

	margin:			0px;
	margin-bottom:		5px;
	padding:		0px;

	border:			0px;
	border-collapse:	collapse;
}



.aleatoire table tr
{
	margin:			0px;
	padding:		0px;
}


.aleatoire table tr td
{
	margin:			0px;
	padding:		0px;
	padding-right:		10px;
	padding-bottom:		15px;
	padding-top:		15px;

	color:			#999999;

	border:			0px;

	text-align:		center;
	vertical-align:		center;
}


.aleatoire table tr td img
{
	margin-left:		0px;
}

.element_menu
{
	width:			146px;

	margin-bottom:		25px;
	padding:		0px;

	background-color:	rgb(6, 0, 0);
	
}


/* Tous les titres de menus */
.element_menu h1
{
	height:			23px;
	width:			146px;

	margin:			0px;
	margin-bottom:		12px;
	padding:		0px;
	padding-top:		2px;

	color:			#Af9f65;

	font-size:		120%;
	font-weight:		normal;

	text-indent:		12px;

	background-image:	url(../images/videtitrenavig.jpg);
}


/* Toutes les listes à puces se trouvant dans un menu */
.element_menu ul
{
	margin:			0px;
	padding:		0px;
	padding-bottom:		20px;

	list-style-type:	none;

	background:		url(../images/navigpied2.jpg) no-repeat right bottom;
}


.element_menu li
{
	padding-left:		12px;
	padding-bottom:		3px;

	color:			rgb(241, 197, 48);

	vertical-align:		center;
}



/*______________________________________________________*/
/*Le corps de la page					*/
/*______________________________________________________*/

#corps
{
	width:			752px;
	min-height:		525px;

	margin:			0px;
	margin-left:		171px;
	padding:		0px;
}


/* Tous les titres h1 du corps */
#corps h1
{
	height:			23px;
	width:			752px;

	margin:			0px;
	margin-top:		0px;
	margin-bottom:		20px;
	padding:		0px;
	padding-top:		2px;

	color:			#Af9f65;

	font-size:		120%;
	font-weight:		normal;

	text-indent:		12px;

	background:		url(../images/videtitre.jpg) right;
}


#corps .cadrephotos h1
{
	height:			23px;
	width:			752px;

	margin:			0px;
	margin-top:		0px;
	margin-bottom:		20px;
	padding:		0px;
	padding-top:		2px;

	color:			#Af9f65;

	font-size:		120%;
	font-weight:		normal;

	text-indent:		12px;

	background:		url(../images/videtitrephotos.png) right;
}


/* Tous les titres h2 du corps */
#corps h2
{
	margin:			0px;
	padding-left:		12px;

	color:			#83764A;

	font-size:		medium;
	font-weight:		bold;
}


/* Tous les titres h3 du corps */
#corps h3
{
	margin:			0px;
	padding:		0px;
	padding-top:		6px;
	padding-left:		12px;
	padding-bottom:		3px;

	color:			#83764A;

	font-size:		medium;
	font-weight:		bold;

	vertical-align:		bottom;
}


/* Tous les p du corps */
#corps p
{
	margin:			0px;
	padding-left:		12px;
	padding-bottom:		5px;

	color:			#999999;

	text-align:		justify;

	vertical-align:		top;
	line-height:		normal;
}


/* Tous les ul du corps */
#corps ul
{
	margin:			0px;
	margin-bottom:		5px;
	padding:		0px;

	list-style-type:	none;
}


/* Tous les li du corps */
#corps li
{
	padding-left:		12px;
	padding-bottom:		5px;

	color:			#999999;

	text-align:		justify;
}


/* Tous les dl du corps */
#corps dl
{
	margin:			0px;
	padding:		0px;
	padding-bottom:		5px;
}


/* Tous les dt du corps */
#corps dl dt
{
	margin:			0px;
	margin-top:		10px;
	padding-left:		12px;
	padding-bottom:		3px;

	color:			#999999;

	font-style:		italic;
	text-align:		justify;
	text-indent:		0px;
}


/* Tous les dd du corps */
#corps dl dd
{
	margin:			0px;
	padding-left:		12px;
	padding-bottom:		7px;

	color:			#999999;

	text-align:		justify;
	text-indent:		0px;
}



/*______________________________________________________*/
/* Tous les TABLEAUX du corps 				*/
/*______________________________________________________*/

#corps table
{
	width:			100%;

	margin:			0px;
	padding:		0px;
	padding-left:		12px;

	border:			0px;
	border-collapse:	collapse;
}


#corps table tr
{
	margin:			0px;
	padding:		0px;
}


#corps table tr td
{
	margin:			0px;
	padding:		0px;

	color:			#999999;

	border:			0px;

	text-align:		justify;
	vertical-align:		top;
}


#corps table tr th
{
	text-align:		center;
}


#corps table tr td h2
{
	margin:			0px;
	margin-left:		12px;
	padding:		0px;
	padding-bottom:		2px;
}


#corps table tr td img
{
	margin-left:		12px;
}




/*______________________________________________________*/
/*   Class de corps					*/
/*______________________________________________________*/

/*  Attribut centré */

.news
{
	margin:			0px;
	margin-top:		20px;
	padding:		0px;
	padding-right:		20px;
	padding-bottom:		0px;

	color:			#999999;

	font-weight:		normal;

	vertical-align:		top;
	line-height:		18px;

	background:		url(../images/contours-01.png) no-repeat top right;
	background-color:	rgb(6, 0, 0);
}


#corps .news p
{
	padding-left:		50px;
	text-align:		justify;
	font-size:		small;
}


.cadre
{
	margin:			0px;
	margin-top:		20px;
	padding:		0px;
	padding-right:		20px;
	padding-bottom:		20px;

	color:			#999999;

	vertical-align:		top;
	line-height:		18px;

	background-color:	rgb(6, 0, 0);
}


.cadre img
{
	margin:			0px;
	margin-left:		12px;
	margin-right:		0px;
	margin-bottom:		6px;
}


.cadrephotos
{
	margin:			0px;
	margin-top:		20px;
	padding:		0px;
	padding-right:		20px;
	padding-bottom:		20px;

	color:			#999999;

	vertical-align:		top;
	line-height:		18px;

	background:		url(../images/cadrephotos.png) repeat-y;
}


/*  Tableau, ajouté par Flo */

.cadre table
{
	width:			100%;

	margin:			0px;
	padding:		0px;
	padding-left:		12px;

	border:			0px;
	border-collapse:	collapse;
}


.cadre table tr
{
	margin:			0px;
	padding:		0px;
}


.cadre table tr td
{
	margin:			0px;
	padding:		0px;

	color:			#999999;

	border:			0px;

	text-align:		justify;
	vertical-align:		top;
}


.cadre table tr td h2
{
	margin:			0px;
	margin-left:		12px;
	padding:		0px;
	padding-bottom:		2px;
}


.cadre table tr td img
{
	margin-left:		12px;
}



*______________________________________________________	*/
/*   Formulaires					*/
/*______________________________________________________*/

input, textarea
{
	font-family:		"Eras Medium ITC","Trebuchet MS",Helvetica,Arial,sans-serif;"Trebuchet MS",Helvetica,Arial,sans-serif;
}


.collé
{
	display:		inline;

	color:			#999999;
}


label
{
	display:		block;

	margin:			0px;
	margin-top:		10px;
	padding:		0px;

	color:			#999999;
}


legend
{
	margin-bottom:		5px;

	color:			#83764A;

	font-weight:		bold;
}


fieldset
{
	margin-top:		36px;
	margin-bottom:		20px;

	padding-bottom:		5px;

	border:			0;
}



/*______________________________________________________*/
/*   Diaporama						*/
/*______________________________________________________*/

/*  Affichage diaporama */
.pos_dia
{
	margin-top:		0px;
	margin-bottom:		0px;
	margin:			auto;

	padding:		0px;
	padding-top:		5px;
}



/*______________________________________________________*/
/*   Quelques class					*/
/*______________________________________________________*/

/*  Attribut centré */
.centre
{
	text-align:		center;
	text-indent: 		0px;
}


/*  Message d'erreur gras en rouge */
.err_pass
{
	color:			red;

	font-weight:		bold;
}


.langue
{
	width:			752px;

	text-align:		left;
	font-size:		small;
	font-family:		Helvetica,Arial,sans-serif;
	color:			#646464;

	margin-left:		171px;	
}


.signature
{
	float:			right;

	width:			752px;

	text-align:		right;
	font-size:		small;
	font-family:		Helvetica,Arial,sans-serif;
	color:			#646464;

	margin-left:		171px;	
}



/*______________________________________________________*/
/* Les liens						*/
/*______________________________________________________*/

a:
{
	color:			#796D44;

	text-decoration:	none;
}


a:link
{
	color:			#796D44;

	text-decoration:	none;
}


a:visited
{
	color:			#796D44;

	text-decoration:	none;
}


a:hover
{
	color:			#Af9f65;

	text-decoration:	none;
}


a:active,a:focus
{
	color:			#BFB283;

	text-decoration:	none;
}



/*______________________________________________________*/
/*  Bordure de lien autour des IMG			*/
/*______________________________________________________*/

a img
{
	border:			0px;

	text-indent:		0px;
}