@charset "utf-8";
/* CSS Document */

body {
	background-color:#000000;
	margin: 0;
	padding: 0;
}
	
#wrapper {
	background: url("bg_pellicule.gif") no-repeat;
	width: 940px;
	margin:0 auto;
	padding: 0 30px;
}

#header {
	background:url("header.jpg") top left no-repeat;
	width: 940px;
	height: 135px;
	clear:both;
 	}
	#header img {
		width:20px;
		height:12px;
		float:right;
		margin:100px 25px 0 0;
		border:none;
	}

#actus {
	position:relative;
	background:url("bg_actus.jpg") top left no-repeat;
	width: 601px;
	height: 330px;
	padding-left:15px;;
	float:left;
	overflow:hidden;
	}
	#actus .images {
		margin-top:5px;
		width: 234px;
		float:left;
	}
	#contenu {
	 	position:relative;
		margin-top:-12px;
		overflow:hidden;
		width: 365px;
		height: 300px;
		float: left;		
	}
		
#menu {
	background:url("bg_menu.jpg") top left no-repeat;
	width: 309px;
	height: 330px;
	padding-right:15px;
	float:left;
}

#agenda {
	position:relative;
	background:url("bg_agenda.jpg") top left repeat-x;
	width: 616px;
	height: 259px;
	float:left;
	text-align:right;
	}
	#events {
		width: 567px;
		float:left;
		margin-left:15px;
		/*border: #ffffff 1px solid;*/
		}
	#agenda .scrollBar {
		width: 15px;
		margin: 0 10px 0 0;
		float: right;
		/*border: #ffffff 1px solid;*/
	}

#featured {
	background:url("bg_featured.jpg") top left no-repeat;
	width: 286px;
	height:259px;
	float:left;
	padding: 0 15px 0 23px;
	text-align:right;
	}
	#featured div.head {
		position:relative;
		width:286px;
		height: 86px;
		margin-bottom:5px;
		clear:both;
		}
		div.titreEvent {
			position:absolute;
			width: 170px; 
			bottom:0px;
			left:0px;
		}
		
#footer {
	background-color: #000000;
	color:#ee9918;
	width: 940px;
	height: 20px;
	padding-top:5px;
	clear:both;
	text-align: right;
}