@charset "UTF-8";
@media screen{
	#global { background: white; }
	#texte {
		position: relative; float: left;
		margin: 0; padding: 0; width: 360px; height: 370px;
		background: #009de0; 
	}
	#texte img { position: absolute; top: 0; left: 0; width: 360px; height: 370px; }
	#con_descriptif {
		position: absolute; top: 0; left: 60px;
		margin: 0; padding: 20px 20px 20px 30px; width: 140px;
		font-size: 1.2em; color: #016594; line-height: 1.3em;
		background: url(../images/f-txt-accueil.png) no-repeat left bottom;
	}
	#con_descriptif p { margin: 0; }
	#texte .deco {
		position: absolute; bottom: 0; left: 0;
		display: block; width: 20px; height: 20px;
		background: url(../images/coin-blanc.png) no-repeat left bottom;
	}
	#centre {
		position: relative; float: left; width: 420px;
	}
	.diaporama {
		position: relative;
		margin: 0; padding: 0; width: 420px; height: 185px;
		background: #ccc;
	}
	#actusAccueil {
		position: relative;
		margin: 0; padding: 1px 20px 15px 25px; width: 375px; height: 169px;
		background: #c8cb00;
	}
	#actusAccueil ul { position: relative; margin: 0; padding: 0; list-style: none; }
	#actusAccueil li { border-bottom: 1px solid #bfc201; }
	#actusAccueil a {
		display: block; margin: 2px 0;
		color: white; text-decoration: none;
	}
	#actusAccueil a:hover { background: #b6c100; }
	#actusAccueil strong.titre {
		display: block; margin: 0;
		font-size: 1.8em; font-weight: normal;
	}
	#actusAccueil span.desc {
		display: block; margin: 0;
		font-size: 1.2em; color: #3a5200;
	}
	#actusAccueil .bgreplace {
		position: absolute; top: 0; left: 0; width: 420px; height: 185px;
		background: url(../images/bgreplace.jpg);
	}
	
	
	#grigri {
		position: absolute; top: 0; left: 339px;
		display: block; width: 43px; height: 370px;
		background: url(../images/deco-accueil.png) no-repeat;
	}
	#decovideo {
		position: absolute; top: 0; right: 0;
		width: 10px; height: 38px;
		background: url(../images/deco-video.png);
	}
}
@media print {
}