/*--------------------------------------content_left--------------------------------------*/

#fd_bloc_left {
	width:465px;
	height:469px;
	behavior:url(pages/_css/iepngfix.htc);
	background:url(../../pages/_img/news/bloc_left.png) top left no-repeat;
	position:absolute;
	top:7px;
	left:26px;
	z-index:1;
}

#content_left {
	width:450px;
	height:434px;
	position:absolute;
	top:26px;
	left:45px;
	z-index:2;
}

/*--------- news_title --------*/

#news_title {
    position:absolute;
	left:0px;
	top:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration:none;
	width:300px;
    text-transform:uppercase;
}

#news_title span {
    font:bold 14px Arial, Helvetica, sans-serif;
	color:#F00;
}

/*----------------article_news------------*/

#article_news {
	position:absolute;
	top:20px;
	left:0;
	width: 430px;
}

#article_news h2 {
	color:#010101;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:12px;
}

#article_news h3 {
	color:#ee3a34;
	font:bold 18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:18px;
}

#article_news h4 {
	color:#87888a;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:11px;
}

#article_news h5 {
	color:#707173;
	font:bold 11px Arial, Helvetica, sans-serif;
	margin-top:15px;
}

#article_news #article_overflow {
	width:424px;
	height:238px;
	font:normal 11px Arial, Helvetica, sans-serif;
	left:0px;
	/*position:absolute;
    top: 65px;*/
    position:relative;
	float: left;
	top:5px;
}

#article_news .article_overflow {
	overflow:auto;
	overflow-x:hidden;
}

#article_news #article_overflow p {
	color:#707173;
	line-height:14px;
	width:400px;	
}

#linkNews {
    position: absolute;
    top: 325px;
}

#linkNews a {
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

#linkNews a:hover {
	color:#FF0000;
}

#linkNews a span {
    color:#FF0000;
    font-size:12px;
}

ul {
    color:#888;
}

li {
    list-style: circle inside url(../../pages/_img/general/plus.png);
}
/*----------------nav_news------------*/

#nav_news {
	width:432px;
	height:60px;
	position:absolute;
	top:345px;
	left:0;
}

#nav_news a#previous_news, #nav_news a#next_news {
    display:block;
    width: 12px;
    height: 30px;
    padding:4px;
    margin-top:10px;
}

#nav_news a#previous_news {
    float:left;
    margin-right:5px;
	background:url(../../pages/_img/general/precedent.gif) no-repeat center center;
}

#nav_news a#next_news {
    float:right;
    margin-left:5px;
	background:url(../../pages/_img/general/suivant.gif) no-repeat center center;
}

#nav_news #scrollable_news {
    position:relative;
    float: left;
    width:382px;
    height:60px;
    overflow:hidden;
}
#nav_news #scrollable_news .items {
    position:absolute;
    width:20000em;
}

#nav_news #scrollable_news .items .item { /* largeur totale 190px */
	float: left;
	height: 58px;
    width:182px;
	margin: 0 3px;
	border: 1px solid white;
	cursor:pointer;
	overflow: none;
}
#nav_news #scrollable_news .items .itemHover {
	border-color: #666;
}
#nav_news #scrollable_news .items .item img {
	margin: 2px 5px 2px 2px;
}

#nav_news #scrollable_news .items .item p.date {
	color:#636363;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#nav_news #scrollable_news .items .item p.titre {
	color:#000;
	font:bold 11px Arial, Helvetica, sans-serif;
}

/*--------------------------------------content_right--------------------------------------*/

#fd_bloc_right {
	position:absolute;
	top:7px;
	left:500px;
	width:430px;
	height:469px;
	behavior:url(pages/_css/iepngfix.htc);
	background:url(../../pages/_img/news/bloc_right.png) top left no-repeat;
	z-index:1;
}

#content_right {
	position:absolute;
	top:38px;
	left:510px;
	height:410px;
    width:410px;
	z-index:2;
}

#content_right img.alone{
	margin-top: 45px;
}

#content_right #nav_pictures {
	position:absolute;
	top:312px;
	left:5px;
	width:397px;
	height:85px;
	text-align:center;
}

#content_right #nav_pictures a {
    margin:0 2px;
	-moz-opacity: 0.5;
	opacity: .5;
	filter: alpha(opacity=50);
    height : 1px;
}

/* pour les autres navigateurs */
* > #content_right #nav_pictures a {
	height: auto;
}
/* pour IE 7 */
*+html #content_right #nav_pictures a {
	min-height : 1px;
}

#content_right #nav_pictures a:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#content_right #nav_pictures a img {
    vertical-align: middle;
}

.active{
    display:block;
}

.disable{
    display:none;
}