@CHARSET "UTF-8";
@media screen{
	#global #contenu { margin: 135px 0 0 0; padding: 0; }
	#menu_sousmenu { left: -999em; }
	
	#texte { position: absolute; top: 0; left: 0; width: 720px; height: 275px; overflow: auto; }
	.diaporama { position: absolute; top: 0; left: 0; width: 760px; height: 275px; background: white; }
	
	#actualites { 
		position: relative; margin: 295px 0 0 0; padding: 10px;
		background: #813d6e url(../images/coin-actus.gif) no-repeat left bottom; 
	}
	#actualites ul { position: relative; margin: 0; padding: 0; height: 110px; list-style: none; }
	#actualites li { position: relative; float: left; margin: 0 10px; border: 5px solid white; }
	#actualites a { 
		position: relative; display: block; 
		color: black; text-decoration: none; font-family: Arial, Verdana, Sans-serif;
	}
	#actualites a .bloc0, #actualites a .bloc1 {
		position: relative; 
		display: block; padding: 10px 15px 0 15px; width: 180px; height: 90px; overflow: hidden;
	} 
	#actualites a .bloc0 { background: url(../images/water.jpg) no-repeat center center; }
	#actualites a:hover { color: #813d6e; }
	#actualites strong.titre {
		position: relative; display: block;
		font-size: 1.4em; text-transform: uppercase; letter-spacing: -1px;
		background: url(../images/blanc50.png);
	}
	#actualites .soustitre { 
		position: absolute; top: 40px; left: 15px; margin-right: 15px; display: block;
		font-size: 1.2em;
		background: url(../images/blanc50.png);
	}
	#actualites .savoirplus {
		position: absolute; bottom: 3px; left: 15px; margin-right: 15px; padding-left: 3px; display: block;
		line-height: 1em;
		border-left: 7px solid black; background: url(../images/blanc50.png);
	}
	#actualites a:hover strong.titre,
	#actualites a:hover .soustitre,
	#actualites a:hover .savoirplus { background: url(../images/blanc80.png); }
	#actualites .savoirplus strong {
		display: block; margin: -8px; padding: 8px;
		text-transform: uppercase;
		background: url(../images/puce.gif) no-repeat left center;
	}
	#actualites a .bloc1 strong.titre,
	#actualites a .bloc1 .soustitre,
	#actualites a .bloc1 .savoirplus { position: absolute; top: 0; left: -999em; }
	#actualites a:hover .savoirplus { border-color: #813d6e; }
	#actualites img { position: absolute; top: 0; left: 0; border: none; }
	#actualites a:hover .bloc1 img { top: -100px; }
	
	object { position: relative; margin: 0; }
}
@media print {
}