@import "menu.css.php";



body{
	margin:auto;
}

#reve {
	width:985px;
}


	#menu-top {
		padding-top:6px;
	}


#left {
	float:left;
	width:328px;
	height:792px;
	background:url(/public/images/accueil/bg-left.jpg) bottom no-repeat;
}
#left #logo {
	width:328px;
	height:127px;
	background:url(/public/images/accueil/logo.jpg) bottom no-repeat;
}
#left a {
	display:block;
	margin-top:86px;
	margin-left:50px;
	width:229px;
	height:140px;
	background:url(/public/images/accueil/bt-a-venir.jpg);
}
#left a:hover{
	background:url(/public/images/accueil/bt-a-venir-roll.jpg);
}


#left #radio1{
	float:left;
	padding-left:50px;
	padding-top:12px;
	color:#ffffff;
}

#content {
	float:left;
	width:500px;
	background:url(/public/images/accueil/header.jpg) no-repeat;
	padding-top:189px;
	margin-left:75px;
	padding-left:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#393939;
	
}
#content u{
	display:block;
    text-decoration:none;
	padding-left:15px;
	padding-right:10px;
	
}
	#content a#info {
		display:block;
		float:left;
		width:396px;
		height:41px;
		margin-top:15px;
		background:url(/public/images/accueil/info.jpg) no-repeat;
	}
	#content a#info:hover{
		background:url(/public/images/accueil/info-roll.jpg) no-repeat;
	}

/* ==================  EVENTS ========================= */
#content #events {
	float:left;
	width:500px;
	padding-top:65px;
	background:url(/public/images/accueil/title-event.jpg) no-repeat;
	margin-top:15px;
}
		#content #events a {
			display:block;
			float:left;
			width:228px;
			background: url(/public/images/accueil/plus.jpg) no-repeat bottom;
			font-size:10px;
			color:#6E6E6E;
			text-decoration:none;
			margin-right:20px;
			margin-bottom:20px;
		}
		#content #events a:hover{
			background:url(/public/images/accueil/plus-roll.jpg) no-repeat bottom;
		}
		
		#content #events a div{
			padding-bottom:15px;
		}
		#content #events a div img {
			float:left;
			clear:left;
			padding-right:10px;
			display:block;
		}
		#content #events a b {
			font-size:11px;
			display:block;
			text-transform:uppercase;
		}
		#content #events a:hover {
			color:#C45E24;
		}

#bottom{
	clear:both;
    padding-top:50px;
    padding-bottom:10px;
    margin-left:410px;
}
#bottom a{
	color:#999999;
    text-decoration:none;
    font-family:arial;
    font-size:12px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}