@charset "UTF-8";


@media screen{
	body {
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 62.5%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: url(../images/fond-de-page.jpg) fixed center top;
	}
	
	#global {
		position: relative;
		text-align: left;
		margin: 5px auto;
		width: 990px;
		font-size: 1em;
	}
	#conteneur {
		position:relative;
		margin: 0;
		padding: 255px 0 0 0;
		background:url(../images/f-contenu.png) no-repeat left 255px;
	}
	#deco {
		position: absolute;
		left: 0;
		bottom:-20px;
		width: 990px;
		height: 20px;
		margin-left: -5px;
		background: url(../images/piedpage.png);
	}
	
	a {outline : none;} /*Bye bye les pointillés !!!!*/
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 990px;
		height: 255px;
		background: url(../images/f-entete.png);
	}
	#entete #visuel {
		position: absolute;
		top: 55px;
		left: 15px;
		width: 960px;
		height: 200px;
		background-color: #DDEEF8;
	}
	#entete h1 {
		position: absolute;
		margin: 0;
		top: 6px;
		left: 6px;
		width: 166px;
		height: 132px;
		background: url(../images/logo.png) no-repeat;
	}
	#entete h1 span {
		display: none;
	}
	#entete a {
		position: absolute;
		display: block;
		top: 25px;
		left: 180px;
		width: 90px;
		height: 22px;
	}
	#entete #demarche_qualite {
		position: absolute;
		top: 55px;
		left: 165px;
	}
	#entete #titre-adresse {
		position: absolute;
		bottom: -4px;
		right: 10px;
		width: 470px;
		height: 98px;
		background: url(../images/adresse.png) no-repeat;
	}
	#entete #adresse {
		position: absolute;
		bottom: 10px;
		right: 10px;
		color:  #8f3564;
		font-weight: bold;
		text-align: right;
		margin: 0; padding: 0;
	}
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute;
		top: 265px;
		left: 305px;
		margin: 0;
		padding: 5px 10px;
		/*width: 420px;*/
		width: 650px;
		font-size: 1em;
		color: #7a7562;
		border-top: 1px solid #b9b6ab;
		border-bottom: 1px solid #b9b6ab;
	}	
	p#chemin span {
		position: relative;
		border-right: 1px solid #7a7562;
		padding-right: 5px;
		margin-right: 5px;
	}	
	p#chemin span.chemin_last, p#chemin span.chemin_0, p#chemin span.chemin_1 {
		position: relative;
		display: none;
	}
	p#chemin a {
		position: relative;
		color: #7a7562;
		text-decoration: none;
	}
	p#chemin a:hover {
		position: relative;
		text-decoration: underline;
	}
	p#chemin a span {
		position: relative;
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative;
		float: right;
		width: 670px;
		
		margin: 4em 15px 0 0;	
	}
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible {
		position: absolute;
		left: -999em;
	}	
	.leon {
		clear: both;
	}
	.leonvisuelpdt {
		clear: right;
	}
	.editChampVide {
		display: none;
	}
	p.inscription { text-align: center; }
	p.inscription a {
		position: relative; display: block;
		width: 150px; height: 20px; line-height: 20px;
		text-decoration: none;
		background: url(../images/btn.png) no-repeat; color: white;
	}
	p.inscription a:hover { text-decoration: underline; }
	
	/*--	titraille et typographie	--*/
	#contenu h1#con_libelle {
		position: relative;
		font-size: 2.4em;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		color:  #8f3564;
		margin: 0 0 10px 0;
		padding: 0 5px 10px 5px;
		border-bottom: 1px solid #b9b6ab;
	}
	#contenu #con_descriptif h1 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1.6em;
		color:  #8f3564;
	}
	#contenu #con_descriptif h2, #contenu h2 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1.4em;
		color:  #8f3564;
	}
	#contenu #con_descriptif h3, #contenu h3 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1.2em;
		color:  #8f3564;
	}
	#contenu #con_descriptif h4 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1em;
		color:  #8f3564;
	}
	#contenu #con_descriptif em {
		position: relative;
		color:  #8f3564;
	}
	
	#contenu #con_descriptif a {
		position: relative;
		color: #057bd5;
	}
	#contenu #con_descriptif a:hover{
		position: relative;
		color: #7a7562;
	}
	#contenu #con_descriptif img {
		position: relative;
		border: none;
		margin: 0.5em;
		z-index: 2;
	}
	#contenu #con_descriptif hr {
		visibility: hidden; clear: both;
	}
	/*--	listes générales	--*/
	#contenu ul {
		position: relative;
		list-style: disc url(../images/puce.png) outside;		
	}
	#contenu ul li {
		position: relative;
	}
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		position: relative;
		font-size: 1.2em;
		margin-left: 1em;
		margin-right: 1em;
		font-weight: bold;
	}
	#contenu #con_descriptif {
		position: relative;
		font-size: 1.2em;
		margin-left: 1em;
		margin-right: 1em;
	}
	#contenu #con_descriptif p, #contenu #con_descriptif ul {
		position: relative;
	}
	#contenu #con_descriptif table {
		position: relative;
		width: 100%;
		border-collapse: collapse;
	}
	#contenu #con_descriptif table td {
		padding: 0.1em;
		border: 1px solid #009a54;
	}
	/* fichiers en téléchargement */
	#con_descriptif .fichiers {
		position: relative;
		margin: 1em 4em;
		padding: 1em;
	}
	#con_descriptif .fichiers a {
		position: relative;
		text-decoration: none;
	}
	#con_descriptif .fichiers a:hover {
		text-decoration: underline;
	}
	#contenu #map {
		clear: both;
		margin: 0 0 0 40px;
	}
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo {
		position: relative;
		margin: 1em 0;
		padding: 1em 0;
		border-top: 1px solid #009a54;
	}
	#contenu .menu_arbo h3 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: bold;
		font-size: 1.6em;
		color: #009a54;
		margin: 0 0.6em 0.6em 0.6em;
	}
	#contenu .menu_arbo ul {
		position: relative;
		margin: 0 4em;
		padding: 0;
	}
	#contenu .menu_arbo li {
		position: relative;
		clear: left;
		margin-bottom: 1.5em;
	}
	#contenu .menu_arbo li.pair {
	}
	#contenu .menu_arbo li.impair {
	}
	#contenu .menu_arbo li a {
		position: relative;
		display: block;
		color: #057bd5;
		font-size: 1.2em;
		text-decoration: none;
	}
	#contenu .menu_arbo li.pair a {
		position: relative;
	}
	#contenu .menu_arbo li a:hover {
		position: relative;
		background-color: #d5d2c8;
	}
	#contenu .menu_arbo li img {
		position: relative;
		float: left;
		vertical-align: middle;
		border: none;
		margin-right: 0.5em;
	}
	#contenu .menu_arbo li strong {
		position: relative;
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		border-bottom: 1px solid #057bd5;
		margin-bottom: 0.5em;
		color: #057bd5;
	}
	#contenu .menu_arbo li span {
		position: relative;
		color: black;
	}
		
	#contenu .share{position: relative; list-style: none; margin: 0; padding: 0 1em ; text-align: right;}
	#contenu .share li{display: inline; margin: 0 0.5em;}
	#contenu .share img{border: none;}
	#contenu .share a {position: relative; text-align: right;}
	#contenu .share a span{display: none; color: white; background: url(../images/bulle.png) bottom right;
	 padding: 0.4em 0.4em 1em 0.4em; width: 70px;}
	#contenu .share a:hover span{display: block; position: absolute; bottom: 2em; right: 0; z-index:2;
	}
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	.colonnecentre {
		position: relative;
		float: left;
		width: 420px;
		margin: 0;
	}
	/* AGENDA */
	#agenda {
		position: relative;
		float: left;

		width: 250px;
		
	}
	/*  liste des événements de l'agenda */
	#agenda .agendaListeEvenements {
		position: relative;
		margin: 0;
		width: 250px;
	}
	#agenda .agendaListeEvenements h3, #agenda #menu_agendaThemes_RubriqueAgenda h3, #agenda .agendaCalendrier h3 {
		position: relative;
		margin: 0;
		padding: 20px 20px 0 20px;
		width: 210px;
		
		min-height: 34px;
		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 h3 strong, #agenda #menu_agendaThemes_RubriqueAgenda h3 strong, #agenda .agendaCalendrier h3 strong { font-weight: normal; }
	#agenda .agendaListeEvenements h3 em, #agenda #menu_RubriqueAgenda h3 em, #agenda .agendaCalendrier h3 em { font-style: normal; }
	/* CUSTOM THEMATIQUES */
	/* 1071 = patrimoine */
	#agenda .agendaListeEvenements.theme1071 h3,
	#agenda #menu_RubriqueAgenda.theme1071 h3,
	#agenda .agendaCalendrier.theme1071 h3 { color: #96BE0D; }
	/* 1157 = sport */
	#agenda .agendaListeEvenements.theme1157 h3,
	#agenda #menu_RubriqueAgenda.theme1157 h3,
	#agenda .agendaCalendrier.theme1157 h3 { color: #EA6544; }
	/* 1174 = culture */
	#agenda .agendaListeEvenements.theme1174 h3,
	#agenda #menu_RubriqueAgenda.theme1174 h3,
	/* 1188 = vie économique */
	#agenda .agendaListeEvenements.theme1188 h3,
	#agenda #menu_RubriqueAgenda.theme1188 h3,
	#agenda .agendaCalendrier.theme1188 h3 { color: #FFD100; }
	/* 1159 = autres */
	#agenda .agendaListeEvenements.theme1159 h3,
	#agenda #menu_RubriqueAgenda.theme1159 h3,
	#agenda .agendaCalendrier.theme1159 h3 { color: #CEBBA3; }
	/* 1175 = pas de thème sélectionné */
	/*#agenda .agendaListeEvenements.theme270 h3,
	#agenda #menu_RubriqueAgenda.theme270 h3,
	#agenda .agendaCalendrier.theme269 h3 { color: #895A9C; }*/
	/* cinema */
	#agenda .agendaListeEvenements.theme1065 h3,
	#agenda #menu_RubriqueAgenda.theme1065 h3,
	#agenda .agendaCalendrier.theme1065 h3 { color: #895A9C; }
	
	.colonnecentre .agendaListeEvenements h3 {
		position: absolute;
		left: -999em;
	}
	#agenda .agendaListeEvenements ul {
		position: relative;
		display: block;
		/*margin: -1.5em 20px 1em 20px;*/
		margin: 0em 20px 1em 20px;
		padding: 0;
		width: 210px;
	}
	#agenda .agendaListeEvenements ul ul {
		position: relative;
		margin: 0;
		border: none;
	}
	.colonnecentre .agendaListeEvenements ul {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.agendaListeEvenements ul span.agendaNomDuMois {
		position: relative;
		display: block;
		font-size: 1.2em;
		font-style: italic;
		text-transform: capitalize;
		color: #999;
		border-bottom: 4px solid #ddd;
		padding: 0.2em;
		font-family: Georgia, Times, Serif;
	}
	.agendaListeEvenements ul li {
		position: relative;
		list-style: none;
		list-style-image: none;
		border-top: 1px solid transparent;
	}
	.agendaListeEvenements ul ul li {
		position: relative;
		list-style: none;
		list-style-image: none;
		border-bottom: 1px solid #d0d1c8;
		padding: 0.5em 0;
		margin: 0;
	}
	.agendaListeEvenements li a {
		position: relative;
		display: block;
		text-decoration: none;
		font-size: 1.1em;
		color: black;
		padding: 0 0 0 1em;
	}
	.agendaListeEvenements li a:hover {
		position: relative;
		text-decoration: underline;
	}
	.agendaListeEvenements li span.dateEve {
		position: relative;
		display: block;
		font-weight: bold;
		color: black;
	}
	/* custom thématiques */
	li.agenda_contenuCategorie1157 a, li#menu_agendaThemes_RubriqueAgenda_1157 a {
		background: url(../images/theme-sport.png) no-repeat left 3px;
	}
	li.agenda_contenuCategorie1174 a, li#menu_agendaThemes_RubriqueAgenda_1174 a {
		background: url(../images/theme-culture.png) no-repeat left 3px;
	}
	li.agenda_contenuCategorie1071 a, li#menu_agendaThemes_RubriqueAgenda_1071 a {
		background: url(../images/theme-patrimoine.png) no-repeat left 3px;
	}
	li.agenda_contenuCategorie1159 a, li#menu_agendaThemes_RubriqueAgenda_1159 a {
		background: url(../images/theme-autre.png) no-repeat left 3px;
	}
	li.agenda_contenuCategorie1188 a, li#menu_agendaThemes_RubriqueAgenda_1188 a {
		background: url(../images/theme-economie.png) no-repeat left 3px;
	}
	li#menu_agendaThemes_RubriqueAgenda_1065 a, li#menu_agendaThemes_RubriqueAgenda_1175 a {
		background: url(../images/puce.png) no-repeat left 4px;
	}
	
	/*  liste des thèmes de l'agenda */
	#agenda #menu_agendaThemes_RubriqueAgenda {
		position: relative;
	}
	#agenda #menu_agendaThemes_RubriqueAgenda ul {
		position: relative;
		padding: 0.5em 0;
		margin: 0 20px;
		margin-top: 0;
		margin-bottom: 1em;
		width: 210px;
	}
	#agenda #menu_agendaThemes_RubriqueAgenda ul li {
		position: relative;
		border-bottom: none;
		list-style: none;
		list-style-image: none;
	}
	#agenda #menu_agendaThemes_RubriqueAgenda ul li a.lienActif {
		position: relative;
		font-weight: bold;
	}
	#agenda #menu_agendaThemes_RubriqueAgenda ul li a, #agenda p.agendaSuiteThemes a {
		position: relative;
		text-decoration: none;
		font-size: 1em;
		color: black;
		padding-left: 1em;
	}
	#agenda #menu_agendaThemes_RubriqueAgenda ul li a span {
		position: relative;
		white-space: nowrap;
	}
	li#menu_agendaThemes_RubriqueAgenda_433 a { 
		background: url(../images/puce.png) no-repeat left center; padding-left: 10px; 
	}
	#agenda #menu_agendaThemes_RubriqueAgenda ul li a:hover, #agenda p.agendaSuiteThemes a:hover {
		position: relative;
		text-decoration: underline;
	}
	
	#agenda p.agendaSuiteThemes {
		display: none;
		position: relative;
		padding: 0.5em 0;
		margin: -2em 20px 0 20px;
		width: 210px;
	}
	#agenda p.agendaSuiteThemes a {
		background: url(../images/puce.png) no-repeat left 3px;
	}
	
	/*  calendrier de l'agenda */
	#agenda .agendaCalendrier {
		position: relative;
		margin: 0 0 1em 0;
		width: 250px;
	}
	#agenda .agendaCalendrier table#calendar {
		position: relative;
		margin: 0 20px 1em 20px;
		width: 210px;
		border-collapse: collapse;
		border: 1px solid #b9b6ab;
		font-size: 1.1em;
	}
	table#calendar th {
		background-color: #e7dbc0;
		text-align: center;
		border-bottom: 1px solid #b9b6ab;
		padding: 0.2em 0;
	}
	/* ligne d'entete : précédent/en cours/suivant */
	table#calendar th h4 {
		font-size: 1.1em;
		color: #642e31;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		margin: 0;
	}
	table#calendar th a.back, table#calendar th a.next, table#calendar th a.now {
		text-decoration: none;
		color: #057bd5;
	}
	table#calendar th a.back:hover, table#calendar th a.next:hover, table#calendar th a.now:hover {
		color: black;
	}
	table#calendar th a.back span, table#calendar th a.next span, table#calendar th a.now span {
	}
	/* ligne des jours */
	table#calendar tr.semaine {
		background-color: #f3eee2;
		text-align: center;
		border-bottom: 1px solid #b9b6ab;
		padding: 0.2em 0;
	}
	table#calendar tr.semaine td {
		color: #057bd5;
	}
	table#calendar tr.semaine td.Monday {
	}
	table#calendar tr.semaine td.Tuesday {
	}
	table#calendar tr.semaine td.Wednesday {
	}
	table#calendar tr.semaine td.Thursday {
	}
	table#calendar tr.semaine td.Friday {
	}
	table#calendar tr.semaine td.Saturday {
	}
	table#calendar tr.semaine td.Sunday {
	}
	table#calendar td {
		text-align: center;
	}
	table#calendar td a {
		position: relative;
		display: block;
		font-weight: bold;
		background-color: #e7dbc0;
		color: #993300;
		text-decoration: none;
	}
	
	/* CUSTOM COLORS AGENDA */
	/* pas de thème sélectionné */
	.theme1175 table#calendar td a.densite1 { background-color: #E7DBC0; }
	.theme1175 table#calendar td a.densite2 { background-color: #E7C765; }
	.theme1175 table#calendar td a.densite3 { background-color: #E7AD00; }
	/* thème #1071  = patrimoine */
	.theme1071 table#calendar td a.densite1 { background-color: #D8EF86; }
	.theme1071 table#calendar td a.densite2 { background-color: #B8CF67; }
	.theme1071 table#calendar td a.densite3 { background-color: #96BE0D; }
	.theme1071 table#calendar td a { color: #4A5F00; }
	/* thème #1157  = sport */
	.theme1157 table#calendar td a.densite1 { background-color: #EFCAC2; }
	.theme1157 table#calendar td a.densite2 { background-color: #EF9A86; }
	.theme1157 table#calendar td a.densite3 { background-color: #EA6544; }
	.theme1157 table#calendar td a { color: #6F1500; }
	/* thème #1174  = culture */
	.theme1174 table#calendar td a.densite1 { background-color: #D2B5DF; }
	.theme1174 table#calendar td a.densite2 { background-color: #AD83BF; }
	.theme1174 table#calendar td a.densite3 { background-color: #895A9C; }
	.theme1174 table#calendar td a { color: #4D235F; }
	/* thème #1188  = enfants */
	.theme1188 table#calendar td a.densite1 { background-color: #FFFBCF; }
	.theme1188 table#calendar td a.densite2 { background-color: #FFF47F; }
	.theme1188 table#calendar td a.densite3 { background-color: #FFEC00; }
	.theme1188 table#calendar td a { color: #8F8300; }
	/* thème #1159  = autre */
	.theme1159 table#calendar td a.densite1 { background-color: #EFE8E0; }
	.theme1159 table#calendar td a.densite2 { background-color: #DFD9D1; }
	.theme1159 table#calendar td a.densite3 { background-color: #CFC9C2; }
	.theme1159 table#calendar td a { color: #6F6C68; }
	
	table#calendar td a.lienActif { border: 1px solid #993300; }
	#agenda ul.touteslesdates a { color: black;}
	/*	OVER CALENDAR	*/
	#overCalendar {
		position: absolute;
		left:-999em;
		width: 200px;
		border: 1px solid #b9b6ab;
		border-right: 1px solid #7a7562;
		background-color: #efe8d6;
		text-align: left;
	}
	#overCalendar ul {
		position: relative;
		margin: 0;
		padding: 0;
	}
	#overCalendar li {
		position: relative;
		list-style: none;
		padding: 0.3em;
		margin-bottom: -1px;
		color: black;
		font-size: 0.9em;
		border-bottom: 1px solid #b9b6ab;
	}
	
	
	
	
	
	/* GALERIE PHOTO PLANCHE CONTACT*/
	ul.galerie_contact {
		position: relative;
		margin: 1em 0 0 0;
		padding: 0;
	}	
	ul.galerie_contact li {
		position: relative;
		display: block;
		float: left;
		margin: 0.4em;
		padding: 0;
		width: 210px;
	}	
	ul.galerie_contact li a {
		position: relative;
		display: block;
		padding: 5px;
		margin-bottom: 0.5em;
		width: 200px;
		height: 200px;
		background: url(../images/f-photo.png);
		border: 1px solid #dbd9d1;
		border-bottom: 2px solid #b9b6ab;
		border-right: 2px solid #b9b6ab;
	}	
	ul.galerie_contact li a img {
		position: absolute;
		left: 50%;
		top: 50%;
		border: none;
	}
	ul.galerie_contact li span.titreImgGalerie {
		position: absolute;
		display: none;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: bold;
		font-size: 1em;
		color: #8da33c;
		margin-bottom: 0.3em;
		top: 5px;
		left: 5px;
		width: 201px;
		height: 2em;
		white-space: nowrap;
		background: url(../images/f-photo.png);
	}
	ul.galerie_contact li span.descriptifImgGalerie {
		position: absolute;
		display: none;
		height: 5em;
		overflow: auto;
		top: 2em;
		left: 5px;
		padding: 0 5px;
		width: 191px;
		background: url(../images/f-photo.png);
	}
	ul.galerie_contact li:hover span.titreImgGalerie, ul.galerie_contact li:hover span.descriptifImgGalerie {
		display: block;
	}
	.diaporama {margin : 20px 0 20px 110px;}
}
@media print{
	hr, #entete #visuel, p#chemin, #papillon { display: none; }
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute; top: 0; left: 0; margin: 0; padding: 50px 0 0 200px;
		height: 120px; width: 100%;
		background: url(../images/logo.png) no-repeat;
	}
	#entete h1 { font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-size: 1.6em; margin: 0; }
	#entete h1 a { color: black; text-decoration:  none; }
	#entete h2 { font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-size: 1.4em; margin: 0; }
	#entete #demarche_qualite {display: none;}
	#entete #titre-adresse {position: absolute; top: 0; right: 0;}
	#entete #titre-adresse h2{color: #fff;}
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu { margin: 170px 0 0 0; }
	
	/*--	titraille et typographie	--*/
	#contenu h1#con_libelle {
		font-size: 2.4em;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		color: black;
		border-bottom: 1px solid gray;
	}
	#contenu #con_descriptif h1 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1.6em;
		color: black;
	}
	#contenu #con_descriptif h2, #contenu h2 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1.4em;
		color: gray;
	}
	#contenu #con_descriptif h3, #contenu h3 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1.2em;
		color: gray;
	}
	#contenu #con_descriptif h4 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1em;
		color: gray;
	}
	#contenu #con_descriptif em {
		position: relative;
		color: gray;
	}
	
	#contenu #con_descriptif a { color: gray; }
	#contenu #con_descriptif img { margin: 0.5em; }
	#contenu #con_descriptif hr { }
	/*--	listes générales	--*/
	#contenu ul { list-style: disc url(../images/puce.png) outside; }
	#contenu ul li {}
	/*--	champs de texte		--*/
	#contenu #con_chapeau {	font-size: 1.2em;font-weight: bold; }
	#contenu #con_descriptif { font-size: 1.2em; }
	#contenu #con_descriptif p, #contenu #con_descriptif ul {}
	#contenu #con_descriptif table { width: 100%; border-collapse: collapse; }
	#contenu #con_descriptif table td { padding: 0.1em; border: 1px solid gray; }
	/* fichiers en téléchargement */
	#con_descriptif .fichiers {
		position: relative;
		margin: 1em 4em;
		padding: 1em;
		border: 1px solid #8da33c;
	}
	#con_descriptif .fichiers a {
		position: relative;
		background: url(../images/puce.png) no-repeat left center;
		padding-left: 1em;
		text-decoration: none;
	}
	#con_descriptif .fichiers a:hover {
		text-decoration: underline;
	}
	#contenu .share{display: none;}
	
}


@media screen {
	/********************************/
	/*		MENU 1 = NAVIGATION		*/
	/********************************/
	#colgauche {
		position: relative;
		float: left;
		width: 290px;
		margin-left: 15px;
		margin-top: -50px;
		
		padding: 0;
	}
	#menu_menuprincipal, #menu_ssmenu1, #menu_ssmenu2, #menu_ssmenu3 {
		position: relative;
		margin: 0 0 0 0;
		padding: 0;
		width: 290px;
		
	}
	#menu_menuprincipal h3, #menu_ssmenu1 h3, #menu_ssmenu2 h3, #menu_ssmenu3 h3 {
		position: absolute;
		left: -999em;
	}	
	#menu_menuprincipal ul {
		position: relative;
		margin: 0;
		padding: 10px 10px 0 10px;
		width: 270px;
		height: 55px;
		*height: auto;
		background: url(../images/f-entetemenu.png) no-repeat left top;
		
		display: none;
	}
	#menu_menuprincipal ul.over1 {
		background-position: left top;
	}
	#menu_menuprincipal ul.over2 {
		background-position: left -65px;
	}
	#menu_menuprincipal ul.over3 {
		background-position: left -131px;
	}	
	#menu_menuprincipal ul li {
		position: relative;
		display: block;
		float:left;
		margin: 0;
		width: 90px;
		list-style: none;
	}
	#menu_menuprincipal ul li a {
		position:relative;
		display: block;
		padding:1px 5px 0 5px;
		width: 80px;
		height:44px;
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
		font-size:0.9em;
		color:#53524f;
		cursor:pointer;
		text-decoration: none;
	}
	#menu_menuprincipal ul li.numero_3 a { letter-spacing: -1px; }
	#menu_menuprincipal ul li.numero_3 ul a,
	#menu_menuprincipal ul ul li.numero_3 a  { letter-spacing: normal; }
	#menu_menuprincipal ul li a:hover {
		color:#ccc;
	}
	
	#menu_menuprincipal ul ul, #menu_ssmenu1 ul, #menu_ssmenu2 ul, #menu_ssmenu3 ul {
		position:relative;
		margin: 10px -10px;
		padding:20px 10px 30px 10px;
		width: 270px;
		height:auto;
	}
	
	#menu_ssmenu1 ul, #menu_ssmenu2 ul, #menu_ssmenu3 ul {
		margin: 0; padding: 20px 5px 30px 5px;
	}
	#menu_menuprincipal ul.over1 ul {
		background: url(../images/f-menu1.png) no-repeat left bottom;
		margin: 10px 0 0 -10px;
	}
	#menu_menuprincipal ul.over2 ul {
		background: url(../images/f-menu2.png) no-repeat left bottom;
		margin-left: -100px;
	}
	#menu_menuprincipal ul.over3 ul {
		background: url(../images/f-menu3.png) no-repeat left bottom;
		margin-left: -190px;
	}
	
	#menu_ssmenu1 ul {
		background: url(../images/f-menu1.png) no-repeat left bottom;
	}
	#menu_ssmenu2 ul {
		background: url(../images/f-menu2.png) no-repeat left bottom;
	}
	#menu_ssmenu3 ul {
		background: url(../images/f-menu3.png) no-repeat left bottom;
	}

	#menu_menuprincipal ul ul.inactif, #menu_ssmenu1 ul.inactif, #menu_ssmenu2 ul.inactif, #menu_ssmenu3 ul.inactif {
		display:none;
	}
	#menu_menuprincipal ul ul.actif, #menu_ssmenu1 ul.actif, #menu_ssmenu2 ul.actif, #menu_ssmenu3 ul.actif {
		display:block;
	}
	#menu_menuprincipal ul ul li, #menu_ssmenu1 ul li, #menu_ssmenu2 ul li, #menu_ssmenu3 ul li {
		position:relative;
		display: block;
		float:none;
		margin:0 10px;
		padding: 5px 0;
		width: 250px;
		height:auto;
		list-style:none;
		border-bottom:1px solid #efe8d6;
	}
	/* ancienne version *//*
	#menu_menuprincipal ul.over1 ul li {
		border-bottom:1px solid #fed77d;
	}
	#menu_menuprincipal ul.over2 ul li {
		border-bottom:1px solid #eaebd6;
	}
	#menu_menuprincipal ul.over3 ul li {
		border-bottom:1px solid #d2dfde;
	}*/
	
	#menu_menuprincipal ul.over1 ul li, #menu_ssmenu1 ul li {
		border-bottom:1px solid #E3EF77;
	}
	#menu_menuprincipal ul.over2 ul li, #menu_ssmenu2 ul li {
		border-bottom:1px solid #EFC2DB;
	}
	#menu_menuprincipal ul.over3 ul li, #menu_ssmenu3 ul li {
		border-bottom:1px solid #d2dfde;
	}
	#menu_menuprincipal ul ul li a, #menu_ssmenu1 ul li a , #menu_ssmenu2 ul li a , #menu_ssmenu3 ul li a {
		position:relative;
		display: inline;
		padding:0 0 0 15px;
		width: auto;
		height:auto;
		text-transform:uppercase;
		text-align:left;
		text-decoration: none;
		font-weight:bold;
		color:#930;
		cursor:pointer;
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(../images/fleche1.png);
	}
	/* ancienne version */ /*
	#menu_menuprincipal ul.over1 ul li a {
		color:#930;
		background-image:url(../images/fleche1.png);
	}
	#menu_menuprincipal ul.over2 ul li a {
		color:#360;
		background-image:url(../images/fleche2.png);
	}
	#menu_menuprincipal ul.over3 ul li a {
		color:#036;
		background-image:url(../images/fleche3.png);
	}*/
	
	#menu_menuprincipal ul.over1 ul li a, #menu_ssmenu1 ul li a {
		color:#030;
		
	}
	#menu_menuprincipal ul.over2 ul li a, #menu_ssmenu2 ul li a {
		color:#603;
		background-image:url(../images/fleche2.png);
	}
	#menu_menuprincipal ul.over3 ul li a, #menu_ssmenu3 ul li a {
		color:#033;
		background-image:url(../images/fleche3.png);
	}
	#menu_menuprincipal ul ul li a:hover, #menu_ssmenu1 ul li a:hover, #menu_ssmenu2 ul li a:hover, #menu_ssmenu3 ul li a:hover {
		color:black;
	}
	#menu_menuprincipal ul ul ul, 
	#menu_menuprincipal ul.over1 ul ul, 
	#menu_menuprincipal ul.over2 ul ul, 
	#menu_menuprincipal ul.over3 ul ul,
	#menu_ssmenu1 ul ul, #menu_ssmenu2 ul ul, #menu_ssmenu3 ul ul {
		position:relative;
		display: block;
		margin: 0 0 0 1.5em;
		padding: 0.5em 0 0 0;
		width: auto;
		height:auto;
		background: none;
	}
	#menu_menuprincipal ul ul ul li, 
	#menu_menuprincipal ul.over1 ul ul li, 
	#menu_menuprincipal ul.over2 ul ul li, 
	#menu_menuprincipal ul.over3 ul ul li,
	#menu_ssmenu1 ul ul li, #menu_ssmenu2 ul ul li, #menu_ssmenu3 ul ul li {
		position: relative;
		display: block;
		width: auto;
		margin:0;
		padding: 0;
		border-bottom:none;
	}
	#menu_menuprincipal ul ul ul li a, #menu_ssmenu1 ul ul li a, #menu_ssmenu2 ul ul li a, #menu_ssmenu3 ul ul li a  {
		text-decoration:none;
	}
	#menu_menuprincipal ul ul ul li a span, #menu_ssmenu1 ul ul li a span, #menu_ssmenu2 ul ul li a span, #menu_ssmenu3 ul ul li a span  {
		font-weight:normal;
		text-transform:none;
	}
	#menu_menuprincipal ul ul ul li.lienActif a span, #menu_ssmenu1 ul ul li.lienActif a span, #menu_ssmenu2 ul ul li.lienActif a span, #menu_ssmenu2 ul ul li.lienActif a span {
		font-weight: bold;
	}
	
	#menu_menuprincipal ul ul li.invisible, #menu_ssmenu1 ul li.invisible, #menu_ssmenu2 ul li.invisible, #menu_ssmenu3 ul li.invisible {
		position:absolute;
		left:-999em;
		display: block;
		float:none;
		margin:0 10px;
		padding: 5px 0;
		width: 250px;
		height:auto;
		list-style:none;
		border-bottom:1px solid #efe8d6;
	}
		
	
	/****************************************/
	/*		MENU ANNEXE ET PIED DE PAGE		*/
	/****************************************/	
	#colgauche #zonebasse {
		position: relative;
		clear: left;
		width: 290px;
		margin: -10px 0 20px 0;
		overflow: visible;
		background: url(../images/zone-goodies.png) no-repeat;
	}
	#colgauche #zonebasse .deco {
		position: absolute;
		width: 290px;
		height: 20px;
		margin: 0;
		bottom: -20px;
		left: 0;
		background: url(../images/zone-goodies-bas.png) no-repeat;
	}
	#colgauche #zonebasse #meteo {
		position: relative;
		float: left;
		margin: 20px 10px 0 20px;
		width: 100px;
		
		filter: alpha(opacity = 35);
		-moz-opacity: 0.35;
		opacity: 0.35;
	}
	#colgauche #zonebasse:hover #meteo {
		filter: alpha(opacity = 100);
		-moz-opacity: 1;
		opacity: 1;
	}
	#colgauche #zonebasse #google_translate_element{
		position: relative;
		margin: 10px 0 0 -70px;
	}
	
	
	#colgauche #zonebasse #menus {
		position: relative;
		float: left;
		margin: 20px 20px 0 0;
		width: 139px;
		border-left: 1px solid #ececea;
	}
	#colgauche #zonebasse #menu_menuannexe ul, #colgauche #zonebasse #menu_menupieddepage ul {
		position: relative;
		margin: 0 0 0 10px;
		padding: 0;
	}
	#colgauche #zonebasse #menu_menuannexe li, #colgauche #zonebasse #menu_menupieddepage li {
		list-style: none;
		border-bottom: 1px solid #ececea;
	}
	#colgauche #zonebasse #menu_menuannexe li a, #colgauche #zonebasse #menu_menupieddepage li a {
		font-size: 1em;
		color: black;
		text-decoration: none;
		line-height: 2.3em;
	}
	#colgauche #zonebasse #menu_menuannexe li a {
		font-weight: bold;
	}
	#colgauche #zonebasse #menu_menupieddepage li a {
		font-size: 0.9em;
		letter-spacing: -1px;
	}
	#colgauche #zonebasse #menu_menuannexe li a:hover, #colgauche #zonebasse #menu_menupieddepage li a:hover {
		color: #039;
	}
	#colgauche #zonebasse #menu_menuannexe li a img, #colgauche #zonebasse #menu_menupieddepage li a img {
		border: none;
		vertical-align: middle;
		margin-right: 8px;
	}
	
	#colgauche #zonebasse #meteo p#ephemeride {
		font-size: 1em;
		margin: 0.5em 0;
	}
	
	/****************************************/
	/*			MENU HAUT					*/
	/****************************************/
	#menu_menuhaut {
		position: absolute;
		top: 19px;
		left: 170px;
	}
	#menu_menuhaut ul {
		position: relative;
		margin: 0;
		padding: 0;
	}
	#menu_menuhaut li {
		position: relative;
		
		display: block;
		float: left;
		list-style: none;
		margin: 0 -5px 0 0;
		background: url(../images/f-btn-haut.png) no-repeat;
	}
	#menu_menuhaut li { -moz-opacity: 0.7; opacity: 0.7; }
	#menu_menuhaut li:hover { -moz-opacity: 1; opacity: 1; }
	
	/* custom accueil */
	#menu_menuhaut li#menu_menuhaut_38 {
		background: url(../images/f-btn-haut-accueil.png) no-repeat;
	}
	
	#menu_menuhaut li a {
		position: relative;
		display: block;
		padding: 7px 15px 0 15px;
		height: 20px;
		
		background: url(../images/f-btn-haut-bord.png) no-repeat right top;
		color: white;
		font-size: 1em;
		text-decoration: none;
	}
	/* custom accueil */
	#menu_menuhaut li#menu_menuhaut_38 a {
		background: url(../images/f-btn-haut-accueil-bord.png) no-repeat right top;
		color: #8f3564;
	}
	#menu_menuhaut li#menu_menuhaut_38 a span {
		display: block;
		padding-bottom: 0.4em;
		border-bottom: 4px solid #8f3564;
	}
	#menu_menuhaut ul ul {
		position: absolute;
		left: -999em;
		
		border: 1px solid #b9b6ab;
		width: 15em;
		margin-left: 5px;
		margin-top: -1px;
		padding: 0.5em;
		background: white;
	}
	#menu_menuhaut ul li:hover ul {
		left: auto;
	}
	#menu_menuhaut ul ul li {
		position: relative;
		display: list-item;
		float: none;
		list-style: none;
		margin: 0;
		background: none;
		border-bottom: 1px solid #b9b6ab;
		filter: alpha(opacity = 100);
		-moz-opacity: 1;
		opacity: 1;
	}
	#menu_menuhaut ul ul li a {
		position: relative;
		display: inline;
		padding: 0;
		margin: 0 0 0.5em 0;
		height: auto;
		background: none;
		color: #8f3564;
		font-size: 1em;
		text-decoration: none;
	}
	#menu_menuhaut ul ul li a:hover {
		color: #cfcfcf;
	}
	#menu_menuhaut ul ul li a span {
	}
	#facebook a{
		position: absolute;
		top: 24px;
		left: 638px;
		width: 88px;
		height: 21px;
		background: url(../images/facebook.png);
		-moz-opacity: 0.7; opacity: 0.7;
		
	}
	#facebook a:hover { -moz-opacity: 1; opacity: 1; }
	#facebook span{ position: absolute; left: -999em; top: 0;}
	/********************************/
	/*		OUTILS ACCESSIBILITE	*/
	/********************************/
	ul#barreoutils {
		position: absolute; top: 270px; right: 15px;
		margin: 0; padding: 0 5px;
		border-right: 1px solid #b9b6ab;
		border-left: 1px solid #b9b6ab;
	}
	ul#barreoutils.colonnedroite { right: 265px; }
	ul#barreoutils li { display: inline; }
	ul#barreoutils a {  }
	ul#barreoutils img { border: none; vertical-align: middle;  }
	ul#barreoutils li#texteplus img { border-right: 1px solid #b9b6ab; padding-right: 5px; }
	
	
	/********************************/
	/*		PIED DE PAGE			*/
	/********************************/
	#pied{ 
		position: relative; clear: both; 
		margin: 0 6px; padding: 5px; width: 968px; 
		background: url(../images/semi-transparent.png);
	}
	#pied .deco {
		position: absolute; top: -10px; left: 0; width: 978px; height: 10px;
		background: url(../images/deco-pied.png) no-repeat; 
	}
	#pied #pied_plandusite,
	#pied #pied_contact {
		position: relative; float: left; 
		margin: 5px; padding: 0; width: 474px;
	}
	#pied #pied_plandusite h3,
	#pied #pied_contact h3 {
		position: relative; margin: 0; padding: 0 0 1em 5px; width: 469px; line-height: 1em; height: 1em;
		font-size: 1.2em; font-weight: bold; text-transform: uppercase; color: #8f3564;
		background: url(../images/f-pied-col-h.png) no-repeat left bottom;
		cursor: pointer;
	}
	#pied.closed #pied_plandusite h3,
	#pied.closed #pied_contact h3 { background: none; }
	#pied #pied_plandusite h3 strong,
	#pied #pied_contact h3 strong,
	#pied #pied_plandusite h3 span,
	#pied #pied_contact h3 span { float: left; line-height: 1em; margin-right: 5px; cursor: pointer; }
	#pied #pied_plandusite h3 .deco,
	#pied #pied_contact h3 .deco {
		position: relative; top: auto; left: auto; display: block; width: 14px; height: 1em;
		background: url(../images/fleche-pied.png) no-repeat left bottom;
	}
	#pied #pied_plandusite ul,
	#pied #pied_contact form {
		position: relative; margin: 0; padding: 15px; width: 444px; list-style: none;
		background: url(../images/f-pied-col.png) no-repeat left bottom;
	}
	#pied.closed #pied_plandusite ul,
	#pied.closed #pied_contact form { position: absolute; top: 0; left: -999em; }
	#pied #pied_plandusite ul li,
	#pied #pied_contact fieldset { 
		position: relative; float: left; 
		margin: 0 1.6%; padding: 0; width: 30%;
		border: none;
	}
	/* plan du site */
	#pied #pied_plandusite ul li.leon { display: block; float: none; clear: both; width: 100%; }
	#pied #pied_plandusite ul ul li {float: none; margin: 0; width: auto; line-height: 1.3em;}
	#pied #pied_plandusite ul a { font-size: 1em; font-weight: bold; color: #8f3564; text-decoration: none; }
	#pied #pied_plandusite ul ul a { font-size: 1em; font-weight: normal; color: black; }
	#pied #pied_plandusite ul a:hover { text-decoration: underline; }
	#pied #pied_plandusite ul ul ul a {
		background: url(../images/fleche-plan.png) no-repeat left center; padding: 0 0 0 10px;
	}
	
	#pied #pied_plandusite ul ul { padding: 0; width: auto; border: none; background: none;	}
	/* formulaire */
	/* cf. fichier formulaires.css */
}

@media print {
	#colgauche, #menu_menuhaut, ul#barreoutils, #pied {
		display: none;
	}
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	/* moteur de recherche général */
	#mrecherche {
		position: absolute;
		top: 12px;
		right: 0;
		height: 34px;
		background: url(../images/f-recherche.png) no-repeat right top;		
	}
	form#mrecherche_rechercheGenerique {
		position: relative;
		margin: 0;
		padding: 0;
		height: 34px;
		width: 262px;
		background: url(../images/f-recherche-bord.png) no-repeat left top;
	}
	form#mrecherche_rechercheGenerique p {
		position: absolute;
		top: 14px;
		left: 16px;
		margin: 0;
	}
	form#mrecherche_rechercheGenerique p#p_rech_input_rechercheGenerique {
		width: 150px;
	}
	form#mrecherche_rechercheGenerique p#p_rech_btn_rechercheGenerique {
		left: 166px;
		*margin-top: 1px;
		width: 80px;
	}
	form#mrecherche_rechercheGenerique p input#recherche_rechercheGenerique {
		position: relative;
		border: none;
		padding: 0 5px;
		width: 140px;
		height: 18px;
		line-height: 18px;
		font-size: 1em;
		background: url(../images/f-recherche-input.png) no-repeat;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique {
		position: relative;
		border: none;
		width: 80px;
		height: 18px;
		line-height: 18px;
		background: url(../images/f-recherche-submit.png) no-repeat;
		font-size: 0.8em;
		text-transform: uppercase;
		color: white;
		cursor: pointer;
	}
	ul.recherche li a, p.retour_recherche a {
		color: #057bd5;
	}
	ul.recherche li a:hover, p.retour_recherche a:hover {
		color: #009a54;
	}
	/* surlignages */
	.spot0{
		font-weight:bold;
		background-color:#FFFF00;
	}
	.spot1{
		font-weight:bold;
		background-color: #66FF00;
	}
	.spot2{
		font-weight:bold;
		background-color: #ff0066;
	}
	.spot3{
		font-weight:bold;
		background-color: #00ffdd;
	}
		
	/* MOTEUR SPECIFIQUES A DES PAGES */
	.rechercheinside {
		position: relative;
		float: right;
		margin: -7px 0 0 0;
		padding: 10px 20px;
		width: 274px;
		height: 34px;
		background: url(../images/ongletrechercheinside.png) no-repeat left top;
		z-index: 1000;
	}
	.rechercheinside form {
		position: relative;
		display: block;
		height: 1px;		/* spécial IE */
		margin: 0;
		padding: 0;
	}
	.rechercheinside form p {
		position: relative;
		display: inline;
		float: left;
		margin: 5px 10px 0 0;
	}
	.rechercheinside form p.inputrecherche {
	}
	.rechercheinside form p.submitrecherche {
	}
	.rechercheinside form p label {
		position: relative;
		display: block;
	}
	.rechercheinside form p input {
		position: relative;
		margin: 0;
	}
	.rechercheinside form p.inputrecherche input {
		border: 1px solid #b9b6ab;
		background-color: white;
		padding: 0 5px;
		width: 165px;
		height: 20px;
		line-height: 20px;
	}
	.rechercheinside form p.submitrecherche input {
		padding: 0;
		margin: 1px 0 0 0;
		width: 75px;
		height: 20px;
		line-height: 20px;
		font-size: 0.9em;
		color: white;
		text-transform: uppercase;
		border: 1px solid #b9b6ab;
		border: none;
		background-color: #b9b6ab;
		background: url(../images/f-recherche-submit.png) no-repeat;
		cursor: pointer;
	}

	.rechercheinside .update {
		background-color: white;
		border: 1px solid #b9b6ab;
	}
	.rechercheinside .update ul {
		position: relative;
		margin: 5px;
		padding: 0;
	}
	.rechercheinside .update ul li {
		list-style: none;
		list-style-image: none;
		padding: 0.5em 0;
		border-bottom: 1px solid #b9b6ab;
	}
	.rechercheinside .update ul li a {
		color: black;
		text-decoration: none;
	}
	 
}
@media print {
	#mrecherche { display: none; }
}

@media screen{
	#pied form {}
	#pied form fieldset { margin-bottom: 2em; }
	#pied form legend { display: none; }
	#pied form p { position: relative; font-size: 1em; margin: 0.2em 0; }
	#pied form p label {
		position: relative; display: block; 
		padding-left: 10px; /*width: 14.5em;*/
		font-size: 1.1em; line-height:1.2em;
	}
	#pied form p label.radio { display: block; width: auto; }
	#pied form p input,
	#pied form p textarea, 
	#pied form p select {
		width: 100%;
		border: 1px solid #c2c0b5;
		background: #e5e5e6 url(../images/f-input.png) no-repeat;
	}
	form p textarea { height: 10em; width: 90%; }
	#pied form p select { }
	
	/* bouton submit */
	#pied form h4.btnenvoyer {
		position: relative; display: block;
		margin: 0.5em 0; width: 100%;
	}
	#pied form h4.btnenvoyer input {
		padding: 0.5em 0; width: 100%;
		text-align: center; font-size: 1.1em; color: white; font-weight: bold; text-transform: uppercase;
		border: 1px solid #c2b5bf;
		background: #94406b url(../images/f-submit.png) repeat-x left top;
		cursor: pointer;
	}
	
	/* champs obligatoires */
	#pied p.messobligatoire { clear: both; margin: 7px; font-size: 1em; }
	#pied form p.obligatoire { }
	#pied form p.obligatoire label { background: url(../images/etoile_obligatoire.png) no-repeat left center; }
	#pied form p.obligatoire input { border-color: #95416d; }
	#pied form p.obligatoire span { }
	#pied form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }

}
@media print{
  /* ... définition de formats pour l'impression ... */
  #pied form {display: none;}
}