@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);
	}
	
	/********************************/
	/*			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: #CCCC99;
	}
	#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;
	}
	
	/********************************/
	/*		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: #057bd5;
		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: #057bd5;
	}
	#contenu #con_descriptif h2, #contenu h2 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1.4em;
		color: #009a54;
	}
	#contenu #con_descriptif h3, #contenu h3 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1.2em;
		color: #009a54;
	}
	#contenu #con_descriptif h4 {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		font-size: 1em;
		color: #009a54;
	}
	#contenu #con_descriptif em {
		position: relative;
		color: #009a54;
	}
	
	#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;
		padding: 0;
	}
	#con_descriptif .fichiers a {
		position: relative;
		text-decoration: none;
	}
	#con_descriptif .fichiers a:hover {
		text-decoration: underline;
	}
	
	/*-- 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 */
	/* 270 = patrimoine */
	#agenda .agendaListeEvenements.theme270 h3,
	#agenda #menu_RubriqueAgenda.theme270 h3,
	#agenda .agendaCalendrier.theme270 h3 { color: #96BE0D; }
	/* 268 = sport */
	#agenda .agendaListeEvenements.theme268 h3,
	#agenda #menu_RubriqueAgenda.theme268 h3,
	#agenda .agendaCalendrier.theme268 h3 { color: #EA6544; }
	/* 269 = culture */
	#agenda .agendaListeEvenements.theme269 h3,
	#agenda #menu_RubriqueAgenda.theme269 h3,
	/* 324 = vie économique */
	#agenda .agendaListeEvenements.theme324 h3,
	#agenda #menu_RubriqueAgenda.theme324 h3,
	#agenda .agendaCalendrier.theme324 h3 { color: #FFD100; }
	/* 271 = autres */
	#agenda .agendaListeEvenements.theme271 h3,
	#agenda #menu_RubriqueAgenda.theme271 h3,
	#agenda .agendaCalendrier.theme271 h3 { color: #CEBBA3; }
	/* 267 = pas de thème sélectionné */
	/*#agenda .agendaListeEvenements.theme270 h3,
	#agenda #menu_RubriqueAgenda.theme270 h3,
	#agenda .agendaCalendrier.theme269 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-style: italic;
		color: #919288;
	}
	/* custom thématiques */
	li.agenda_contenuCategorie268 a, li#menu_agendaThemes_RubriqueAgenda_268 a {
		background: url(../images/theme-sport.png) no-repeat left 3px;
	}
	li.agenda_contenuCategorie269 a, li#menu_agendaThemes_RubriqueAgenda_269 a {
		background: url(../images/theme-culture.png) no-repeat left 3px;
	}
	li.agenda_contenuCategorie270 a, li#menu_agendaThemes_RubriqueAgenda_270 a {
		background: url(../images/theme-patrimoine.png) no-repeat left 3px;
	}
	li.agenda_contenuCategorie271 a, li#menu_agendaThemes_RubriqueAgenda_271 a {
		background: url(../images/theme-autre.png) no-repeat left 3px;
	}
	li.agenda_contenuCategorie324 a, li#menu_agendaThemes_RubriqueAgenda_324 a {
		background: url(../images/theme-economie.png) no-repeat left 3px;
	}
	li#menu_agendaThemes_RubriqueAgenda_346 a, li#menu_agendaThemes_RubriqueAgenda_444 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é */
	.theme267 table#calendar td a.densite1 { background-color: #E7DBC0; }
	.theme267 table#calendar td a.densite2 { background-color: #E7C765; }
	.theme267 table#calendar td a.densite3 { background-color: #E7AD00; }
	/* thème #270  = patrimoine */
	.theme270 table#calendar td a.densite1 { background-color: #D8EF86; }
	.theme270 table#calendar td a.densite2 { background-color: #B8CF67; }
	.theme270 table#calendar td a.densite3 { background-color: #96BE0D; }
	.theme270 table#calendar td a { color: #4A5F00; }
	/* thème #268  = sport */
	.theme268 table#calendar td a.densite1 { background-color: #EFCAC2; }
	.theme268 table#calendar td a.densite2 { background-color: #EF9A86; }
	.theme268 table#calendar td a.densite3 { background-color: #EA6544; }
	.theme268 table#calendar td a { color: #6F1500; }
	/* thème #269  = culture */
	.theme269 table#calendar td a.densite1 { background-color: #D2B5DF; }
	.theme269 table#calendar td a.densite2 { background-color: #AD83BF; }
	.theme269 table#calendar td a.densite3 { background-color: #895A9C; }
	.theme269 table#calendar td a { color: #4D235F; }
	/* thème #324  = vie économique */
	.theme324 table#calendar td a.densite1 { background-color: #FFFBCF; }
	.theme324 table#calendar td a.densite2 { background-color: #FFF47F; }
	.theme324 table#calendar td a.densite3 { background-color: #FFEC00; }
	.theme324 table#calendar td a { color: #8F8300; }
	/* thème #271  = autre */
	.theme271 table#calendar td a.densite1 { background-color: #EFE8E0; }
	.theme271 table#calendar td a.densite2 { background-color: #DFD9D1; }
	.theme271 table#calendar td a.densite3 { background-color: #CFC9C2; }
	.theme271 table#calendar td a { color: #6F6C68; }
	
	table#calendar td a.lienActif { border: 1px solid #993300; }
	
	/*	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; }
	
	/********************************/
	/*			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;
	}
	
	
	
}


@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: 45px;
		*height: auto;
		/*background: url(../images/f-entetemenu1.png) no-repeat left top;*/
		
		display: none;
	}
	#menu_menuprincipal ul.over1 {
		/*background-position: left top;*/
		background: url(../images/f-entetemenu1.png) no-repeat left top;
	}
	#menu_menuprincipal ul.over2 {
		/*background-position: left -55px;*/
		background: url(../images/f-entetemenu2.png) no-repeat left top;
	}
	#menu_menuprincipal ul.over3 {
		/*background-position: left -110px;*/
		background: url(../images/f-entetemenu3.png) no-repeat left top;
	}	
	#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:7px 5px 0 5px;
		width: 80px;
		height:38px;
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
		color:#53524f;
		cursor:pointer;
		text-decoration: none;
	}
	#menu_menuprincipal ul li a:hover {
		color:#ccc;
	}
	
	#menu_menuprincipal ul ul, #menu_ssmenu1 ul, #menu_ssmenu2 ul, #menu_ssmenu3 ul {
		position:relative;
		margin: 0 -10px;
		padding:20px 10px 30px 10px;
		width: 270px;
		height:auto;
		background: url(../images/f-menu1.png) no-repeat left bottom;
	}
	
	#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-left: -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 #fed77d;
	}
	#menu_menuprincipal ul.over2 ul li, #menu_ssmenu2 ul li {
		border-bottom:1px solid #8CA15C;
	}
	#menu_menuprincipal ul.over3 ul li, #menu_ssmenu3 ul li {
		border-bottom:1px solid #457F8E;
	}
	#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;
		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:#930;
		
	}
	#menu_menuprincipal ul.over2 ul li a, #menu_ssmenu2 ul li a {
		color:#D1EFE1;
		background-image:url(../images/fleche2.png);
	}
	#menu_menuprincipal ul.over3 ul li a, #menu_ssmenu3 ul li a {
		color:#B5D7DF;
		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 #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 {
		/*filter: alpha(opacity = 70);*/
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	#menu_menuhaut li:hover {
		/*filter: alpha(opacity = 100);*/
		-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: #057bd5;
	}
	#menu_menuhaut li#menu_menuhaut_38 a span {
		display: block;
		padding-bottom: 0.4em;
		border-bottom: 4px solid #057bd5;
	}
	#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: #009a54;
		font-size: 1em;
		text-decoration: none;
	}
	#menu_menuhaut ul ul li a:hover {
		color: #cfcfcf;
	}
	#menu_menuhaut ul ul li a span {
	}
	
	/********************************/
	/*		OUTILS ACCESSIBILITE	*/
	/********************************/
	#enteteOutils{
		position: absolute; top: 230px; right: 10px;
		width: 320px; height: 25px;
		margin: 0; padding: 0 5px;
		background: #f5f5f6;
		z-index: 2;
	}
	ul#barreoutils {
		position: absolute; top: 0; left: 0;
		margin: 5px 0 0 10px; padding: 0px;
		width: 65px; 
		border-right: 1px solid #b9b6ab;
		border-left: 1px solid #b9b6ab;
	}
	ul#barreoutils.colonnedroite {}
	ul#barreoutils li { display: inline;  }
	ul#barreoutils a {  }
	ul#barreoutils img { border: none; vertical-align: middle;  }
	ul#barreoutils li#textemoins img { padding-left: 5px; }
	ul#barreoutils li#texteplus img { border-right: 1px solid #b9b6ab; padding-right: 5px; }
}

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

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	/* moteur de recherche général */
	#mrecherche {
		position: absolute;
		top: 230px;
		right: 0;
		height: 25px;
		z-index : 3	
	}
	form#mrecherche_rechercheGenerique {
		position: relative;
		margin: 0;
		padding: 0;
		height: 25px;
		width: 262px;
	}
	form#mrecherche_rechercheGenerique p {
		position: absolute;
		top: 3px;
		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; }
}