#content{
	width:320px;
	float:left;
}

#center{
	float:left;
}

#actus{
	width:370px;
	height:188px;
	background:url(../images/actus-accueil.png) no-repeat 0 0;
	margin:15px;
	margin-top:20px;
}
	#actus h2{ text-indent:-999em; width:20px; overflow:hidden; height:40px;}
	.actu{
		padding-bottom:5px;
		overflow:hidden;
	}
		.actu .date{
			width:65px;
			padding-left:18px;
			display:block; float:left;
			color:#7199ae;
			font-size:10px;
		}
		.actu h3{
			float:left;
			width:270px;
			clear:right;
			border-left:1px solid #944171;
			padding:2px 0;
			padding-left:12px;
			font-size:14px; font-weight:bold;
		}
		.actu h3 a{
			color:#546168;
			text-decoration:none;
		}
		.actu h3 a:hover{
			color:#7199ae;
		}
#plaquette {padding-left:15px;}
#plaquette a{
	display:block;
	width:372px;
	height:195px;
	background:url(../images/plaquette.jpg) no-repeat 0 0;
}

	#plaquette a span {
		display:none;
		width:372px;
		height:195px;
		background:url(../images/plaquette.jpg) no-repeat 0 100%;
		text-indent:-999em;
		overflow:hidden;
	}

#webcam a, #webcam a span{
	width:225px;
	height:129px;
	display:block;
	overflow:hidden;
	background:url(../images/voir-webcam.jpg) no-repeat 0 0;
}
	
#webcam a span{
	background:url(../images/voir-webcam.jpg) no-repeat 0 100%;
	display:none;
	text-indent:-999em;
}

#videoLGMDA a, #videoLGMDA a span{
	width:225px;
	height:129px;
	display:block;
	overflow:hidden;
	background:url(../images/voir-video.jpg) no-repeat 0 0;
}
	
#videoLGMDA a span{
	background:url(../images/voir-video.jpg) no-repeat 0 100%;
	display:none;
	text-indent:-999em;
}


/* 
 * Accueil
 */
#sliderC{
	background:#78164f;
	height:270px;
	margin-top:5px;
}
	#slider{
		position: relative;
		width: auto;
		height: 270px;
		overflow: hidden;
		background:#ffffff;
		border-right:5px solid #ffffff;
	}
	#slider ul{
		list-style-type:none;
		margin:0; padding:0;
		width:2000px;
	}
	#slider li{
		display:block;
		width:75px;
		float: left;
		overflow:hidden;
	}
	#slider li div.slide{
		position:relative;
		display:block;
		width:750px;
		height: 270px;
	}
		#slider li div.slide a.tog{
			float:left;
			display:block;
			width:55px;
			position:relative;
			text-align:center;
			line-height:270px;
			height:270px;
			background-color:#4c0325;
			border-left:5px solid #ffffff;
		}
		
			#slider li div.slide a.tog img{
				position:absolute;
				left:50%;
				bottom:15px;
				margin-left:-8px;
				
			}
	#slider li div.slide .slide-content{
		position:absolute; top:0; right:15px;
		width:245px;
		height:270px;
		color:#f4e1ec;
	}
	#slider li div.slide .slide-content h2{
		text-transform:uppercase; color:#fff; font-style:15px;font-weight:bold;
	}
	#slider li div.slide .slide-bg2{ position:absolute;top:0; right:0; width:270px; height:270px; background:#78164F; }
	#slider li div.slide .slide-bg1{ position:absolute;top:0; left:60px; width:8px; height:270px; background:#78164F; }
	
	#slider li div.slide .readmore { position:absolute; bottom:0; right:-10px; width:265px; }
		#slider li div.slide .readmore a { display:block; background:url(../images/actus-readon.png) no-repeat 0 0; line-height:32px; padding-left:35px;text-transform:uppercase; font-style:13px; color:#78164f; text-decoration:none; border-top:1px solid #ffffff;}
		#slider li div.slide .readmore a:hover{background-position:0 100%;}