@charset "UTF-8";

@media screen {
	#colonne_1,
	#colonne_2 { float: left; display: inline; margin-top: 2.5em; }
	#colonne_1 { width: 220px; margin-right: 20px; margin-left: 80px; }
	#colonne_2 { width: 300px; }
	
	#colonne_1 h3,
	#colonne_2 h3 {
		position: relative; margin : 0 0 0.3em 0; 
		font-size: 1.8em; font-weight: normal; color: #692870;
	}
	
	h2#slogan {
		position: relative; margin: 0 0 1em -80px;
		width: 300px; height: 60px;
		background: url(../images/2011/sprite-fixe.png) no-repeat -130px -440px;
	}
	h2#slogan span { position: absolute; top: 0; left: -999em; }
	
	#actus {
		position: relative; margin: 0 0 3em 0; overflow: auto;
		background: url(../images/2011/f-actus.png) no-repeat left bottom; 
	}
	#actus h3 {
		padding: 10px 10px 0 10px; 
		background: url(../images/2011/sprite-fixe.png) no-repeat -130px -575px;
	}
	#actus ul { margin: 0 10px 10px 10px; padding: 0; list-style: none; }
	#actus li { padding: 0.5em 0; border-bottom: 1px solid white;}
	#actus a { font-size: 1.6em; color: #558025; text-decoration: none; }
	#actus a:hover { text-decoration: underline; }
	#actus strong { display: block; font-weight: normal; }
	#actus em { font-style: normal; font-size: 1.2em; color: white; }
	
	p#programme { 
		position: relative; margin: 0 0 3em 0;
		width: 220px; height: 61px;
		background: url(../images/2011/sprite-fixe.png) no-repeat -130px -500px;
	}
	p#programme a {
		position: absolute; top: 0; left: 0; padding: 15px 0 0 70px;
		display: block; width: 150px; height: 46px;
		font-size: 1.2em; color: #692870; text-decoration: none; line-height: 1.2em;
	}
	p#programme a:hover { font-weight: bold; }
	
	#annuaire { position: relative; }
	#annuaire ul{list-style: none; margin: 0; padding: 0;}
	#annuaire img{ border: none; } 
	
	/* colonne 2*/
	#colonne_2 .desc { margin: 0 0 2em 0; font-size: 1.3em; line-height: 1.5em; text-align: justify; color: #333; }
	#colonne_2 .desc > p { margin-top: 0; }
	
	ul#listeVideos { margin: 0; padding: 0; list-style: none; overflow: auto; }
	ul#listeVideos li { position: relative; float: left; display: inline; margin: 0; }
	ul#listeVideos a { position: relative; display: block; width: 140px; height: 80px; overflow: hidden; border: 5px solid white; }
	ul#listeVideos a:hover { border-color: #ccc; background: #ccc; }
	ul#listeVideos img { max-width: 140px; border: none; }
	ul#listeVideos strong { 
		position: absolute; bottom: 0; left: -999em;
		padding: 2px 5px; width: 130px;
		font-size: 1.1em; font-weight: normal; color: white;
		background: url(../images/noir60.png); 
	}
	ul#listeVideos a:hover strong { left: 0; } 
	
	#global #contenu .desc h1,
	#global #contenu .desc h2,
	#global #contenu .desc h3,
	#global #contenu .desc h4,
	#global #contenu .desc h5 {color: white; margin: 0;}
	
}
@media print {
}