/*----------------------- CSS NEWS PORT DE LIEGE -----------------------*/

#ControlNewsList {
	width: 417px;
	padding: 30px;
	background: url('images/bg_controlnewslist.jpg') 0 0 repeat-x #b1dffd;
}

	#ControlNewsList h1 {
		display: none;
	}

	#ControlNewsList a {
		color: #08426b;
		font-size: 14px;
		text-decoration: none;
	}

	#ControlNewsList .news {
		font-size: 11px;
		color: #4d7190;
	}

		#ControlNewsList .news .photo {
			width: 76px;
			min-height: 51px;
			float: left;
			margin: 2px 10px 0 0;

			background: url('images/nophoto.jpg') 0 0 no-repeat;
		}

		#ControlNewsList .news .title {
			margin-bottom: 5px;
		}

			#ControlNewsList .news .date {
				background-color: #87c0f0;
				color: #fff;
			}

	#ControlNewsList .newsSeparator {
		margin: 10px 0;
		border-top: 1px solid #8bc5eb;
		border-bottom: 1px solid #e5f4ff;
		background-color: red;
	}


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

#NewsList{
}

	#NewsList .news{
		display:block;
		border-bottom:3px solid #87C0F0;
		margin-bottom:20px;
	}
	
		#NewsList .news .title{
			margin-bottom:5px;
		}

			#NewsList .news .title H3{
				display:inline;
			}
	
		#NewsList .news .photo{
			height:56px;
			float:left;
			font-size:0px;
			margin-right:5px;
			margin-top:2px;
		}
		
		#NewsList .news .date{
			background-color:#87C0F0;
			color:#FFFFFF;
		}
	
		#NewsList .readMore{
		  	margin-top:10px;
			text-decoration:none;
		}
	
				#NewsList .readMore A{
					text-decoration:none;				
					clear:both;
					padding:2px 4px 2px 14px;
					font-size:9px;
					background:url('images/bg_readmore.gif') 2px 2px no-repeat;
				}
	
				#NewsList .readMore A:hover{
					color:#FFFFFF;
					background-color:#87C0F0;
				}

				
/* -------------------- Liste OffLine --------------------------------- */

#NewsListOffLine{
}

	#NewsListOffLine .title{
		display:block;
		padding-bottom:5px;
		margin-top:15px;
	}			

	#NewsListOffLine .newsOffLine{
		padding-top:5px;
		border-bottom:1px dotted #D8D6D6;
	}
	
		#NewsListOffLine .newsOffLine .date{
			width:50px;
			display:block;
			float:left;
		}
		
		#NewsListOffLine .newsOffLine .infoBox{
			width:30px;
			height:15px;
			display:block;
			float:left;
		}
		
		#NewsListOffLine .newsOffLine .news{
			width:350px;
			display:block;
			float:left;
		}
		
/* -------------------- View --------------------------------- */
#NewsView{
	width: 689px;
}

	#NewsView .rightSide {
		width: 226px;
	}

	#NewsView .title{
		border-bottom:1px dotted #87c0f0;
		margin-bottom:10px;
	}

	#NewsView .title H3{
		display:inline;
	}

	#NewsView .date{
		background-color: #87c0f0;
		color: #ffffff;
	}

	#NewsView P{
		margin-top:10px;
	}
		
	#NewsView .ImgPhotoBox{
		width: 218px;
		border:1px solid #87c0f0;
		padding: 3px 3px 0px 3px;
	}

		#NewsView .ImgPhotoBox .photo{
			width: 218px;
			float: left;
			margin: 0 0 2px 0;
			background-color: #f1f9ff;

			text-align: center;
		}

			#NewsView .ImgPhotoBox .photo img {
				width: 218px;
			}

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