/************************style pour les differents type d article de la home**************/

/**** style generale des articles*****/
#content #col-gauche .block-article img{
	border:1px solid #e2e2e2;
	display:block;
}
#content #col-gauche .block-article .article-content .parag-article p a{
	color:#000;
	background:#fff;
	line-height:16px !important;
	line-height:17px;
	padding:1px 0;
	font-weight:bold;
}
#content #col-gauche .block-article .article-content .parag-article ul li a{
	color:#000;
	background:#fff;
	line-height:16px !important;
	line-height:17px;
	padding:1px 0;
	font-weight:bold;
	text-transform:uppercase;
}

#content #col-gauche .block-article.plasticorama .article-content .parag-article p a strong,
#content #col-gauche .block-article.plasticorama .article-content .parag-article ul li a strong{
	color:#E2007A;
}
#content #col-gauche .block-article.ecolo .article-content .parag-article p a strong,
#content #col-gauche .block-article.ecolo .article-content .parag-article ul li a strong{
	color:#25B1BA;
}
#content #col-gauche .block-article.serieux .article-content .parag-article p a strong,
#content #col-gauche .block-article.serieux .article-content .parag-article ul li a strong{
	color:#2E1560;
}

#content #col-gauche .block-article.zoom .article-content .parag-article p a strong,
#content #col-gauche .block-article.zoom .article-content .parag-article ul li a strong{
	color:#ff7800;
}

#content #col-gauche .block-article .article-content .parag-article ul li a:hover{
	color:#fff;
	background:#000;
}
#content #col-gauche .block-article .article-content .parag-article ul li a:hover strong{
	color:#fff;
}
#content #col-gauche .block-article .article-content .parag-article h3{
	font-size:20px;	
	margin-bottom:12px;
	text-transform:uppercase;
	line-height:27px;
}
#content #col-gauche .block-article .article-content .parag-article h3 a{
	color:#fff;
}

#content #col-gauche .block-article .article-content .parag-article ul{
	/*position:absolute;
	bottom:10px;
	left:7px;*/
	margin:15px 0 0 7px;
}

#content #col-gauche .block-article.zoom .article-content .parag-article h3 a{
	background:#FF7800;
}
/**** fin style generale des articles*****/


/**** article article*****/
#content #col-gauche .block-article.article .article-content img{
	float:left;
	margin-right:4px;
        width: 161px;
}
#content #col-gauche .block-article.article .article-content{
	width:664px;
	position:relative;
}
#content #col-gauche .block-article.plasticorama .article-content .parag-article,
#content #col-gauche .block-article.serieux .article-content .parag-article,
#content #col-gauche .block-article.zoom .article-content .parag-article,
#content #col-gauche .block-article.ecolo .article-content .parag-article{
	background:url(../images/back-cadre-gris.gif) repeat;
	/*min-height:214px;*/
	padding-bottom:10px;
	float:left;
	width:497px;
	position:relative;
}
#content #col-gauche .block-article.article .article-content .parag-article h3 a{
	padding:1px 2px;
}
#content #col-gauche .block-article.article .article-content .parag-article p{
	margin-left:7px;
	padding-right:10px;
}
#content #col-gauche .block-article.article .article-content .parag-article p.date{
	/*font-size:10px;
	color:#676767;
	line-height:16px;
	background:#fff;
	width:50px;
	height:16px;
	padding:0 0 0 3px;
	margin:0 0 14px 0;
        */
color:#676767;
font-size:10px;
line-height:20px;
}
.clear{
	line-height:1px;
	font-size:1px;
	padding-top:24px;
	clear:both;
}

/****fin article article*****/



/**** couleur des titre et hover selon l intituler de l article ex:plasticorama ****/
#content #col-gauche .block-article.plasticorama .article-content .parag-article h3 a,
#content #col-gauche .block-article.plasticorama .article-content .parag-article p a:hover,
#content #col-gauche .block-article.plasticorama .list-article-content h3 strong,
#content #col-gauche .block-article.plasticorama .list-article-content ul li a:hover,
#content #col-gauche .block-article.plasticorama .list-article-content ul li a:hover em,
#content #col-droite .block-article-d.plasticorama h3 a:hover{
	background:#E2007A;
}
#content #col-gauche .block-article.plasticorama .article-content .parag-article p a:hover{
	background:#ccc;
	color:#000;
}
#content #col-gauche .block-article.ecolo .article-content .parag-article p a:hover{
	background:#ccc;
	color:#000;
}
#content #col-gauche .block-article.serieux .article-content .parag-article p a:hover,
#content #col-gauche .block-article.zoom .article-content .parag-article p a:hover
{
	background:#ccc;
	color:#000;
}



#content #col-gauche .block-article .article-content .parag-article h3 a:hover{
	background:#000;
}
#content #col-gauche .block-article .article-content .parag-article p a:hover,
#content #col-gauche .block-article .article-content .parag-article p a:hover strong{
	color:#000;
}
/**** fin couleur des titre et hover selon l intituler de l article ex:plasticorama ****/

/**** couleur des titre et hover selon l intituler de l article ex:ecolo ****/
#content #col-gauche .block-article.ecolo .article-content .parag-article h3 a,
#content #col-gauche .block-article.ecolo .article-content .parag-article p a:hover,
#content #col-gauche .block-article.ecolo .list-article-content h3 strong,
#content #col-gauche .block-article.ecolo .list-article-content ul li a:hover,
#content #col-gauche .block-article.ecolo .list-article-content ul li a:hover em,
#content #col-droite .block-article-d.ecolo h3 a:hover{
	background:#25B1BA;
}
#content #col-gauche .block-article.ecolo .article-content .parag-article p a:hover{
	background:#ccc;
	color:#000;
}


/**** couleur des titre et hover selon l intituler de l article ex:ecolo ****/
#content #col-gauche .block-article.serieux .article-content .parag-article h3 a,
#content #col-gauche .block-article.serieux .article-content .parag-article p a:hover,
#content #col-gauche .block-article.serieux .list-article-content h3 strong,
#content #col-gauche .block-article.serieux .list-article-content ul li a:hover,
#content #col-gauche .block-article.serieux .list-article-content ul li a:hover em,
#content #col-droite .block-article-d.serieux h3 a:hover{
	background:#2E1560;
}
#content #col-gauche .block-article.serieux .article-content .parag-article p a:hover{
	background:#ccc;
	color:#000;
}


/****menu pagination ****/
ul#pagination{
	background:url(../images/background-top-article-d.gif) repeat-x;
	padding-top:12px;	
	text-align:center;
	line-height:22px;
}
ul#pagination li{
	color:#fff;
	text-align:center;
	line-height:22px;
	font-weight:bold;
	margin-right:5px;

	display:inline;
}
ul#pagination li a{
	width:22px;
	height:22px;
	color:#fff;	
	background:#c9c8c8;
	padding:4px 8px;
}
ul#pagination li a:hover,
ul#pagination li a.select{
	background:#E2007A;
}