@charset "UTF-8";
@media screen{
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute;
		left: -999em;
	}
	
	/********************************/
	/*		OUTILS ACCESSIBILITE	*/
	/********************************/
	ul#barreoutils {  }
	
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		margin-top: 1em;
	}
	#global #contenu #conteneurvideo{
		position: relative;
		width: 518px;
		height: 315px;
		margin-left: 79px;
		background: url(../images/f-video.png) no-repeat right bottom;
	}
	#global #contenu #conteneurvideo #videoacceuil{
		position: relative;
		width: 512px;
		height: 308px; 
	}
	
	#colonnecentre, #colonnedroite { 
		position: relative; 
		margin: 0;
		float: left; 
		display: inline; 	
	}
	#colonnecentre {width: 439px; }
	#colonnedroite { width: 230px; }
	
	#global #contenu #texte, #global #contenu #miseenavant {
		position: relative;
		float: left; display: inline;
	}
	/* AFFICHAGE DES BLOCS MIS EN AVANT */
	#global #contenu #miseenavant h2{	
		position: relative;	
		width: 419px; height: 2.2em;
		margin: 0; padding: 10px;
		color: white;
		font-size: 2.2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: url(../images/fond-neuf.png) no-repeat 0 0;
	}
	#global #contenu #miseenavant ul {
		position: relative;
		width: 439px;
		margin: 0; padding: 0;
		overflow: auto;
		background: url(../images/fond-neuf-foot.png) no-repeat left bottom;
	}
	#global #contenu #miseenavant li {
		position: relative;
		width: 419px; 
		list-style: none;
		list-style-image: none;
		margin: 5px 10px 15px 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #aedec8;
		overflow: hidden;
	}
	#global #contenu #miseenavant li a {
		position: relative;
		display: block;
		color: white;
		text-decoration: none;
		font-size: 1.1em;
	}
	#global #contenu #miseenavant li  img {
		position: absolute;
		top: 5px;
		left: 5px;
		border: 1px solid white;
	}
	#global #contenu #miseenavant li span {
		position: relative;
		display: block;
		margin: 5px 5px 5px 90px;
		color: white;
	}
	#global #contenu #miseenavant li span span{
		float: right;
	}
	#global #contenu #miseenavant li span a span {		
		color: #00562f;
	}
	#global #contenu #miseenavant li strong {
		display: block;
		font-weight: bold;
		font-size: 1.6em;
		color: #00562f;
	}	
	#global #contenu #texte h1 {
		font-size: 1.6em;
		margin-top: 10px;
		color: #004a95;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#global #contenu #texte #con_descriptif {
		text-align: justify;
		margin-right: 20px;
		font-size: 1.1em;
	}
	#global #contenu #texte #con_descriptif em{
		color: black; font-style: normal;
	}	
	
	/* Acces Rapide */
	#menu_menuaccesrapide {position: relative; width: 230px;}
	#menu_menuaccesrapide ul {position: relative; margin: 0 0 0 16px; padding: 0; overflow: auto;}
	#menu_menuaccesrapide li {display: inline; float: left; margin: 2px;}
	#menu_menuaccesrapide img {border: none;}
	#menu_menuaccesrapide a{color: white; text-decoration: none;}
	#menu_menuaccesrapide strong {
		position: absolute; 
		bottom: 0; 
		left: -999em;
		display: block;
		width: 62px;
		padding: 2px; 
		font-weight: normal;
		letter-spacing: -1px;
		background: url(../images/noir60.png);		
	}
	#menu_menuaccesrapide a:hover strong {
		left: auto;
			
	}
	/* TOP PAGES */
	#top_pages {
		clear: left;
		position: relative;
		width: 229px; }
	#top_pages h3{
		width: 209px;
		margin: 10px 0 0 0; padding: 10px;
		color: #002e5c;
		font-size: 1.5em;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: url(../images/fond-top10.png) no-repeat 0 0;
	}
	#top_pages ol{
		position: relative; 
		width: 209px;
		margin: 0; padding: 0 10px 10px 10px;
		list-style: none;
		overflow: auto;
		background: url(../images/fond-top10-foot.png) no-repeat left bottom;
	}
	#top_pages li{margin: 10px 0;	}
	#top_pages a{text-decoration: none; color: black;;}
	#top_pages span.note{display: none;}
	
	/* BLOG */
	
	#blog {width: 420px;}
	#blog h3 {
		position: relative; margin: 0 0 10px 0; padding: 0 5px 5px 25px;
		font-size: 1.6em; font-family: Arial, Verdana, "Sans serif"; font-weight: bold; text-transform: uppercase; color: #a2cd07;
		border-bottom: 1px solid #a2cd07;
		background: url(../images/f_libelle.png) no-repeat left 3px;
	}
	#blog ul{margin: 0; padding: 0;}
	#blog li{
		display: block; padding: 2px; margin-bottom: 1em; clear: left;
		height: 50px;
		list-style-image: none; 
		}
	#blog li img { margin-right: 2px; border: none; float: left; } 
	#blog li span.descblog strong {display: block; font-size: 1.2em;  background: #A2CD07 url(../images/stries.png); padding: 0.3em;}
	#blog li span.descblog {display: block; width: 420px;}
	#blog li span.date{ display: block; font-style: italic; border-bottom: 1px solid #bbb; margin-bottom: 0.3em; padding: 0 0 0 0.3em;}
	#blog li span.descblog span.chapoblog {padding: 0.3em;}
	#blog li a { color: #53524f;  }
	#blog li a:hover { color: black;  }
	#contenu #blog li.toutelaliste {border: none; background: none; text-align: right;}
	#contenu #blog li.toutelaliste a{ display: inline; border: none; background: none; }
	#contenu #blog li.toutelaliste a:hover{color: black; background: none; }
	/*  AFFICHAGE DE LA LISTE DES EVENEMENTS DE L'AGENDA */	
	/* liste des événements */
	
	/*
	#agenda h2 {
		position: relative;
		margin: 0;
		padding: 20px 20px 0 20px;
		width: 210px;
		height: 44px;
		background: url(../images/h1-agenda-accueil.png) no-repeat;
		font-family: Georgia, "Times New Roman", serif;
		font-size: 1.8em;
		font-weight: normal;
		color: #8da33c;
	}
	#agenda .agendaListeEvenements {
		clear: both;
	}
	#agenda .agendaListeEvenements h3 {
		position: absolute;
		left: -999em;
	}
	#agenda .agendaListeEvenements ul {
		margin: 0 20px;
		border-top: 1px solid #8da33c;
	}
	#agenda .agendaListeEvenements ul span.agendaNomDuMois {
		position: absolute;
		left: -999em;
	}
	/* liste des thèmes */
	/*
	#agenda #menu_agendaThemes_RubriqueAgenda ul {
		border-top: 1px solid #8da33c;
		margin-top: 0;
	}
	#agenda #menu_agendaThemes_RubriqueAgenda h3, li#menu_agendaThemes_RubriqueAgenda_346 {
		position: absolute;
		left: -999em;
	}
	#agenda #menu_agendaThemes_RubriqueAgenda ul li {
		display: block;
		float: left;
		margin-right: 0.5em;
	}
	*/
}
@media print {
}