/************************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:#e9e9e9;
	line-height:16px !important;
	line-height:17px;
	padding:1px 0;
}
#content #col-gauche .block-article .article-content .parag-article h3{
	font-size:15px;
	margin-bottom:5px;
	text-transform:uppercase;
}
#content #col-gauche .block-article .article-content .parag-article h3 a{
	color:#fff;
}

/**** fin style generale des articles*****/


/**** article article*****/
#content #col-gauche .block-article.article img{
	float:left;
	margin-right:9px;
}
#content #col-gauche .block-article.article .article-content{
	width:664px;
	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.date{
	font-size:10px;
	color:#676767;
	line-height:20px;
}
.clear{
	line-height:1px;
	font-size:1px;
	padding-top:24px;
}

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


/**** couleur des titre et hover ****/

#content #col-gauche .block-article .article-content .parag-article h3 a,
#content #col-gauche .block-article .article-content .parag-article p a:hover,
#content #col-gauche .block-article .list-article-content h3 strong,
#content #col-gauche .block-article .list-article-content ul li a:hover,
#content #col-gauche .block-article .list-article-content ul li a:hover em,
#content #col-droite .block-article-d.actu h3 a:hover{
	background:#0D73DB;
}



#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{
	color:#fff;
}

/****fin couleur des titre et hover ****/

/**** couleur des titre et hover selon l intituler de l article ex:plasticorama ****/

#content #col-gauche .block-article.actu .article-content .parag-article h3 a,
#content #col-gauche .block-article.actu .list-article-content h3 strong,
#content #col-gauche .block-article.actu .list-article-content ul li a:hover,
#content #col-gauche .block-article.actu .list-article-content ul li a:hover em,
#content #col-droite .block-article-d.actu h3 a:hover,
ul#pagination.actu li a:hover,
ul#pagination.actu li a.select{
	background:#0D73DB;
}
#content #col-gauche .block-article.zoom .article-content .parag-article h3 a,
#content #col-gauche .block-article.zoom .list-article-content h3 strong,
#content #col-gauche .block-article.zoom .list-article-content ul li a:hover,
#content #col-gauche .block-article.zoom .list-article-content ul li a:hover em,
#content #col-droite .block-article-d.zoom h3 a:hover,
ul#pagination.zoom li a:hover,
ul#pagination.zoom li a.select{
	background:#FF7800;
}
#content #col-gauche .block-article.ecolo .article-content .parag-article h3 a,
#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,
ul#pagination.ecolo li a:hover,
ul#pagination.ecolo li a.select{
	background:#25B1BA;
}
#content #col-gauche .block-article.serieux .article-content .parag-article h3 a,
#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,
ul#pagination.serieux li a:hover,
ul#pagination.serieux li a.select{
	background:#2e1560;
}
#content #col-gauche .block-article .article-content .parag-article p a:hover{
	background:#ccc;
	color:#000;
}
#content #col-gauche .block-article.linkme .article-content .parag-article h3 a,
#content #col-gauche .block-article.linkme .list-article-content h3 strong,
#content #col-gauche .block-article.linkme .list-article-content ul li a:hover,
#content #col-gauche .block-article.linkme .list-article-content ul li a:hover em,
#content #col-droite .block-article-d.linkme h3 a:hover,
ul#pagination.linkme li a:hover,
ul#pagination.linkme li a.select{
	background:#f9b92c;
}
#content #col-gauche .block-article.linkme .block-titre{
	background:url(../images/back-block-titre.gif) 0 11px repeat-x;
	height:34px;
}
#content #col-gauche .linkme .block-titre h2{
	background:#f9F9f9 url(../images/picto-link.gif) 0 3px no-repeat;
	height:23px; /*34*/
	padding:11px 0 0 37px;
	color:#f9b92c;
	width:70px;
}
#content #col-gauche .block-article .article-content .parag-article p.mylink{
	margin-top:10px;	
}
#content #col-gauche .block-article .article-content .parag-article p.mylink a{
	background:none;
	font-weight:bold;
	color:#f9b92c;
	text-decoration:underline;
}
.mylink{
	background:none;	
}
/**** fin couleur des titre et hover selon l intituler de l article ex:plasticorama ****/


/****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;
}