/****************************
Mise en forme des articles
****************************/

/*===== Mise en page du conteneur =====*/
.article {
	width :				100%;
	background :		transparent url(../images/news_content.png) repeat-y scroll 0%;
}

.article_header {
	padding :			30px 0px 16px 75px;
	background :		url(../images/news_header.png) no-repeat;
	overflow :			hidden;
	color :				#e5b32f;
	font-size : 		1.3em;
	font-weight :		bold;
}

.article_content {
	padding :			0px 19px 10px 20px;
	text-align :		left;
}

.article_content a {
	color: 				#525252;
	font-weight :		bold;
}

.article_content a:hover{
	color: 				#ffffff;
}

.article_puce_lien {
	background-image:	url(../images/puce_lien.png);
	background-repeat:	no-repeat;
	background-position:0 5px;
	padding-left:		15px;
}

.article_footer {
	background :		url(../images/news_footer.png) no-repeat;
	width :				inherit;
	height :			29px;
}

/*===== Mise en forme du contenu =====*/

/*cadre qui contient tout l'article*/
.article_cadre {
	border-width :		0px;
	border-style :		solid;
	border-color :		#525252;
	border-collapse :	collapse;
	width :				100%;
}

.article_cadre td{
	padding : 			10px;
}

.article_cadre th{
	padding : 			5px 10px 5px 10px;
	background-color :	#a0843e;
	border :			2px solid #e2af2d;	
}

/* liste des titres de musiques */
.article_cadre_soundtrack {
	border-width :		0px;
	border-collapse :	separate;
	width :				100%;
	text-align :		left;
}

.article_cadre_soundtrack th{
	border :			1px dashed #e5b32f;
	background-color :	#1e1e1e;
	padding : 			5px;
	color :				#e5b32f;
	text-transform : 	uppercase;
	font-size :			1.3em;
}

.article_cadre_soundtrack td{
	border :			1px solid #7d7d7d;
	background-color :	#e5b32f;
	padding : 			5px;
	vertical-align:		top;

}

.article_galerie {
	border-width :		0px;
	border-collapse :	separate;
	margin :			auto; /* Pour que ce soit centé dans FF */
}

.article_galerie td, .article_galerie th{
	border :			1px solid #7d7d7d;
	background-color :	#f9cf25;
	padding : 			3px;
	text-align :		center;
	vertical-align : 	top;
}

.article_galerie th{
	background-color:	#1e1e1e;
	color:				#e2af2d;
	text-align :		left;
	padding : 			5px;
	font-size :			1.3em;

}

/* Permet d'avoir un text encadré dans un texte, il faut rajouter
   la propriété float et margin dans le code (puisque cela dépend
   de la position et de l'existance de texte ou non) */
div.article_encadre{
	border :			1px solid #525252;
	border-collapse :	collapse;
	padding : 			10px;
	text-align : 		center;
	font-style : 		italic;
}
.article_encadre img{
	padding : 0px 10px 0px 10px;
}

/* pour des tableau simple dans un article */
.article_tableau{
	border :			1px solid #525252;
	border-collapse :	collapse;
	width :				100%;
	text-align :		left;
}

.article_tableau td{
	padding : 4px;
}


/*cadre qui peuvent être contenu dans l'article*/
.article_cadre2 {
	border :			1px solid #525252;
	background-color :	#1e1e1e;
	color :				#e5b32f;
}

.article_cadre2 td{
	padding : 			5px;
}

/* Pour les tableaux avec des images*/
.article_cadre_image {
	border-width :		0px;
	border-collapse :	separate;
	text-align :		left;
}

.article_cadre_image td{
	border :			1px solid #525252;
	background-color :	#f9cf25;
	padding : 			1em;
}

/*cadre qui peuvent être contenu dans l'article*/
.article_cadre_couleur1 {
	border-collapse :	collapse;
	background-color :	#f9cf25;
	text-align :		left;

}

/*Couleur alternative pour fond de cellule tableau*/
.article_couleur1 {
	background-color :	#f9cf25;
}

/*Texte alternatif des articles*/
.article_texte2 {
	text-align :		left;
	color :				#525252;
}

/*Titre avec un encadré qui prend toutes la largeur*/
.article_tresgrostitre {
	border-width :		1px;
	border-style :		solid;
	border-color :		#525252;
	border-collapse :	collapse;
	background-color :	#525252;
	width :				100%;
	color :				#e5b32f;
	font-weight :		bold;
	font-size :			1.4em;
}

/*Titre avec un encadré qui prend toutes la largeur*/
.article_grostitre {
	border-width :		1px;
	border-style :		solid;
	border-color :		#fff963;
	border-collapse :	collapse;
	background-color :	#5e5e5e;
	line-height : 		250%;
	width :				100%;
	color :				#e5b32f;
	font-weight :		bold;
	font-size :			1.1em;
	text-indent:		0.6em;
}
.article_grostitre td{
	padding :			5px;
	text-indent:		0px;
	line-height : 		100%;
}

/*Titre simple*/
.article_titre {
	color :				#fbfa54;
	font-weight :		bold;
	text-align :		left;
}

/*Titre simple variante, avec soulignement*/
.article_titre2 {
	color :				#fbfa54;
	font-weight :		bold;
	text-align :		left;
	font-size :			1.3em;
	/*text-indent :5px;*/
	width :				100%;
	height :			20px;
	padding-top :		20px;
	border-bottom :		2px dashed #fbfa54;
}

/* Mise en forme des listes */
ul.article_liste {
	margin :			5px 0px 10px 10px;
	padding : 			0px;
	list-style :		none;

}
/* Attention ne pas utiliser list-style-image qui change de position entre les browsers */
.article_liste li {
	background-image:	url(../images/puce_liste.png);
	background-repeat:	no-repeat;
	background-position:0 5px;
	padding:			0px 0px 8px 15px; /* pour augmenter l'espace entre le ligne modifier le 3e terme */
}

/* Mise en page du tableau des listes de voitures */
table.article_voiture {
	border-width :		0px;
	border-collapse :	collapse;
	text-align :		center;
	width :				100%;
}

.article_voiture td{
	font-weight :		bold;
	padding-top : 		10px;
	padding-bottom :	2px;
	vertical-align :	top;
}

.article_voiture img{
	margin-top :		5px;
}

/*===== Mise en forme Compteur bas de page =====*/

/*Information de bas de page*/
#page_bas {
	margin :			auto;
	border-width :		0px;
	font-weight :		bold;
	color :				#a87808;
}

/*Compteur en bas de chaque page*/
#page_compteur {
	text-align :		left;
	width :				265px;
}

/*Compteur en bas de page - ancien script*/
.article_compteur{
	color :				#a87808;
	text-align :		right;
	font-weight :		bold;
}

/*Date de la dernière MAJ en bas de chaque page*/
#page_miseajour {
  text-align :			right;
	width :				265px;
}