/* ------------------------------------------------------------------ */
/* -                            NEWS                                  */
/* ------------------------------------------------------------------ */


#ControlNewsList{
	width:400px;
	height:247px;
	background:url("images/bg_controlnews.jpg") 0px bottom repeat-x;
	margin-bottom:15px;
}

	#ControlNewsList H1{
		display:none;
	}

	#ControlNewsList .news{
		display:block;
		width:124px;
		float:left;
		font-size:11px;
		text-align:justify;
		line-height:12px;
	}

		#ControlNewsList .news .photo{
			width:124px;
			height:70px;
			display:block;
			font-size:0px;
			overflow:hidden;
			margin-bottom:5px;
			text-align:center;
			background-color:#C7C7C7;
		}

			#ControlNewsList .news .photo IMG{
			}
		
		#ControlNewsList .news .infoBox{
			font-size:9px;
			padding-top:3px;
			padding-bottom:3px;
			margin-bottom:3px;
			border-bottom:1px dotted #AEA6A0;
		}
				
	#ControlNewsList .separator{
		float:left;
		width:14px;
		height:1px;
	}

	/* leftSide */

	.newsLeftSide #ControlNewsList {
		background: none;
		width:auto;
		height: auto;
	}

	.newsLeftSide #ControlNewsList .news{
		display:block;
		width:225px;		
		font-size:11px;
		text-align:justify;
		line-height:12px;
		clear:both;
	}


		.newsLeftSide #ControlNewsList .news .photo{
			width:70px;
			height:50px;
			display:block;
			font-size:0px;
			overflow:hidden;
			margin-bottom:5px;
			text-align:center;
			background-color:#C7C7C7;
			float:left;
			margin-right:5px;
		}


		.newsLeftSide #ControlNewsList .separator{
			clear:both;
			width:1px;
			height:15px;
		}


/* -------------------- Liste OnLine --------------------------------- */

#NewsList{
}

	#NewsList H3{
		display:none;
	}
	
	#NewsList .news{
		display:block;
		width:618px;
		float:left;
		padding:10px;
		margin-bottom:15px;
		border:1px dotted #C7C7C7;
	}
	
		#NewsList .news .title{
			font-size:14px;
			margin-bottom:6px;
			padding-bottom:2px;
			border-bottom:1px dotted #C7C7C7;
		}
	
		#NewsList .news .photo{
			width:55px;
			height:41px;	
			font-size:0px;
			float:left;
			margin-right:5px;
			margin-top:3px;
			overflow:hidden;
		}

			#NewsList .news .photo IMG{
				width:55px;
			}
	
		#NewsList .readMore{
		  	margin-top:10px;
			float:right;
		}
	
				#NewsList .readMore A{
					text-decoration:none;				
					clear:both;
					padding:2px;
					font-size:10px;
					background-color:#F3F3F3;
				}
	
				#NewsList .readMore A:hover{
					color:#FFFFFF;
					background-color:#D30000;
				}
				
/* -------------------- Liste OffLine --------------------------------- */

#NewsListOffLine{
}

	#NewsListOffLine .newsOffLine{
		display:block;
		padding:10px;
		margin-bottom:15px;
		border:1px dotted #C7C7C7;
	}

	#NewsListOffLine .newsOffLine .mounth{
		display:block;
		margin-bottom:6px;
		padding-bottom:2px;
		border-bottom:1px dotted #C7C7C7;
	}			

	#NewsListOffLine .newsOffLine .title{
		display:block;
		padding-bottom:5px;
		padding:3px;
	}
	
		#NewsListOffLine .newsOffLine .title .date{ width:50px; display:block; float:left; }
		#NewsListOffLine .newsOffLine .title .infoBox{ width:20px; display:block; float:left; }
		#NewsListOffLine .newsOffLine .title .news{ display:block; float:left; }
		
/* -------------------- View --------------------------------- */
#NewsView{
}
	
	#NewsView .news{
		display:block;
		width:618px;
		padding:10px;
		margin-bottom:15px;
		border:1px dotted #C7C7C7;
	}

	#NewsView .infoBox{
		margin-bottom:6px;
		padding-top:2px;
		padding-bottom:2px;
		border-bottom:1px dotted #C7C7C7;
		font-size:9px;
	}
		
	#NewsView .ImgPhotoBox{
		display:block;
		width:638px;
		margin-bottom:15px;
		border:1px dotted #C7C7C7;
	}

		#NewsView .ImgPhotoBox .photo{
			width:100px;
			height:75px;
			text-align:center;
			float:left;
			overflow:hidden;
			margin:3px;
			background-color:#C7C7C7;
		}

		#NewsView .ImgPhotoBox .photo IMG{	
			height:75px;
		}

		#NewsView .ImgPhotoBox .photo:hover IMG{
			filter:alpha(opacity=50);  
			-moz-opacity:0.50;
			opacity: