@charset "UTF-8";


@media screen{
	body { margin: 0; padding: 0; font-family: arial, verdana, "sans serif"; font-size: 62.5%; text-align: center; }
	#global { position: relative; margin: 0 auto; width: 980px; font-size: 1em; text-align: left; }
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { position: absolute; top: 0; left: 0; width: 980px; height: 201px; }
	#entete h1, #entete h2 { position: absolute; margin: 0; top: 0; left: 0; }
	#entete h1 a { display: block; width: 200px; height: 180px; background: url(../images/logo.png) no-repeat; }
	#entete h2 { top: 180px; width: 200px; height: 120px; background: url(../images/slogan.png) no-repeat; }
	#entete #visuel { position: absolute; top: 0; right: 0; width: 766px; height: 201px; overflow: hidden; }
	#entete #visuel img { position: absolute; top: 0; right: 0; }
	#visuel .masque { position: absolute; top: 0; right: 0; width: 766px; height: 201px; background: url(../images/mask-entete.png); }
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute; top: 201px; left: 250px;
		margin: 0; padding: 0; width: 680px; height: 30px; line-height: 30px;
		border-bottom: 1px solid #daeac8;
		color: #00898e; font-size: 1em;
	}
	p#chemin strong { font-size: 1.1em; padding-left: 12px; background: url(../images/puce-menuSecond.png) no-repeat left center; }
	p#chemin span { background: url(../images/puce-chemin.png) no-repeat left center; margin-left: 5px;  padding-left: 10px; }
	p#chemin span span, p#chemin span.chemin_first, p#chemin span strong { background: none; margin-left: 0;  padding-left: 0; }
	p#chemin span.chemin_first {  }
	p#chemin span.chemin_last { }	
	p#chemin a { color: #00898e; text-decoration: none;  }
	p#chemin a:hover { text-decoration: underline; }
	p#chemin a span { }
	p#chemin span.chemin_0 { display: none; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu { position: relative; margin: 0 50px 0 0; padding: 249px 0 0 0; float: right; width: 680px; }
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { margin: 0 0 0.3em 0; font-size: 2.4em; font-weight: normal; color: #6cac25; }
	#con_chapeau, .chapeau { font-size: 1.2em; font-weight: bold; }
	#con_descriptif { font-size: 1.2em; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1, #con_descriptif h1 strong, #con_descriptif h1 b, h2.recherche { font-size: 1.7em; font-weight: normal; color: #00898f; }
	#con_descriptif h2, #con_descriptif h2 strong, #con_descriptif h2 b, h3.recherche { font-size: 1.5em; font-weight: normal; color: #00898f; }
	#con_descriptif h3, #con_descriptif h3 strong, #con_descriptif h3 b { font-size: 1.3em; font-weight: normal; color: #00898f; }
	#con_descriptif h4, #con_descriptif h4 strong, #con_descriptif h4 b { font-size: 1.15em; font-weight: normal; font-style: italic; color: #00898f; }
	#con_descriptif h5, #con_descriptif h5 strong, #con_descriptif h5 b { font-size: 1.1em; font-weight: normal; font-style: italic; color: #00898f; }
	#con_descriptif h6, #con_descriptif h6 strong, #con_descriptif h6 b { font-size: 1em; font-weight: normal; font-style: italic; color: #00898f; }
	#con_descriptif p {  }
	/*---------- listes ----------*/
	#con_descriptif ul { }
	#con_descriptif ul li, ul.recherche li { list-style-image: url(../images/puce-menuSecond.png); }
	/*---------- table ----------*/
	/*#con_descriptif table { width: 100%; border-collapse: collapse; }
	#con_descriptif table td, #con_descriptif table th { padding: 3px; border: 1px solid #00898f; }*/
	#con_descriptif table caption { font-size: 1.3em; font-weight: normal; color: #00898f; }
	/*---------- liens ----------*/
	#con_descriptif a, ul.recherche li a, p.retour_recherche a { color: #00898f; }
	#con_descriptif a:hover, ul.recherche li a:hover, p.retour_recherche a:hover { text-decoration: none; }
	/*---------- images ----------*/
	#con_descriptif img { border: none; margin: 10px; max-width: 680px; }
	#con_descriptif a img { cursor: pointer; }
	
	/*menu arbo newsletter*/
	.menu_arbo_news {
	}
	
	.menu_arbo_news h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	.menu_arbo_news ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	.menu_arbo_news ul li {
		position : relative;
		float : left;
		width : 100px;
		height : 100px;
		margin : 0 0 10px 10px;
		padding : 0;
		background : #efefef;
		border : 1px solid silver;
	}
	
	.menu_arbo_news ul li:hover,
	.menu_arbo_news ul li.sfhover {
		border-color : #00888e;
	}
	
	.menu_arbo_news ul li a {
		position : absolute;
		top : 0;
		left : 0;
		display : block;
		width : 100px;
		height : 100px;
		text-decoration : none;
		color : #00888e;
	}
	
	.menu_arbo_news ul li a:hover {
		text-decoration : underline;
	}
	
	.menu_arbo_news ul li a span span.image img {
		position : absolute;
		top : 60%;
		left : 50%;
		margin : -25px 0 0 -25px;
		border : 1px solid #daeac8;
	}
	
	.menu_arbo_news ul li a span .descNews {
		position : absolute;
		top : 3px;
		width : 90px;
		margin : 0 0 0 5px;
		text-align : center;
	}
	
	/* date des événements */
	#datesEvenement { color: #6bac24; }
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/********************************/
	/*			RECHERCHE			*/
	/********************************/
	ul.recherche li a { font-size: 1.2em; }
	p.retour_recherche { }
	p.retour_recherche a { font-size: 1.2em; background: url(../images/puce-retour.png) no-repeat left center; padding-left: 20px; }
}
@media print{
  
}


@media screen {
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/
	#nav { position: relative; margin: 300px 50px 0 0; padding: 0 0 0 37px; width: 163px; float: left; }
	#nav h3 { position: absolute; top: 0; left: -999em; }
	#nav ul { position: relative; margin: 0; padding: 0; }
	#nav li { padding: 7px 0 0 0; }
	#nav li a { position: relative; display: block; padding: 0 5px 7px 0; border-bottom: 1px solid #bfe1e3; }	
	#nav li a:hover, #nav li a.lienActif { color: #6cac25; }
	#nav li a:hover {  }
	
	#menu_menuprincipal { }
	#menu_menuprincipal h3 { }	
	#menu_menuprincipal ul { }	
	#menu_menuprincipal li { list-style-image: url(../images/puce-menuPrcpl.png); }	
	#menu_menuprincipal li a { font-size: 1.1em; font-weight: bold; color: #00437e; text-transform: uppercase; text-decoration: none; }	
	#menu_menuprincipal li a:hover { }
	
	#menu_menusecondaire { }
	#menu_menusecondaire h3 { }	
	#menu_menusecondaire ul { }	
	#menu_menusecondaire li { list-style-image: url(../images/puce-menuSecond.png);	}	
	#menu_menusecondaire li a { font-size: 1.2em; color: #00898e; text-decoration: none; }	
	#menu_menusecondaire li a:hover { }
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
		position: relative; margin: 0 10px; clear: both;
		width: 960px; height: 30px;
		background: #6a9fa2 url(../images/f-piedpage.png) no-repeat;
		text-align: center;
	}	
	#menu_menupieddepage h3 { position: absolute; left: -999em; top: 0; }	
	#menu_menupieddepage ul { position: relative; margin: 0 auto; padding: 0; height: 30px; line-height: 30px; }	
	#menu_menupieddepage li { display: inline; border-right: 1px solid #d3e2e3; }	
	#menu_menupieddepage li a {  padding: 0 0.5em; font-size: 1em; color: #d3e2e3; text-decoration: none; }	
	#menu_menupieddepage li a:hover { color: white; }
	
}

@media print {
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	form#mrecherche_rechercheGenerique { 
		position: absolute; top: 122px; right: 0;
		margin: 0; padding: 0; width: 284px; height: 59px;
		background: url(../images/f-recherche.png) no-repeat;
	}
	form#mrecherche_rechercheGenerique p { position: absolute; top: 25px; margin: 0;	}
	p#p_rech_input_rechercheGenerique { left: 35px; }
	p#p_rech_btn_rechercheGenerique { left: 195px; }
	form#mrecherche_rechercheGenerique input { height: 20px; border: none; font-size: 1em; color: black; }
	input#recherche_rechercheGenerique { padding: 3px 5px; width: 150px; height: 14px; background: url(../images/f-search-input.png) no-repeat; }
	input#btnrecherche_rechercheGenerique { width: 40px; background: url(../images/f-search-submit.png) no-repeat; *margin: 1px 0 0 0; cursor: pointer; }
	
	/* 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;
	}
}

@media print {
}


@media screen {
	#inscriptionNewsletter { position: relative; margin: 3.5em 0 2em -37px; width: 231px; height: 54px; background: url(../images/f-newsletter.png); z-index: 5; }
	#inscriptionNewsletter form { position: relative; margin: 0; padding: 0; }
	#nav #inscriptionNewsletter form#formDesInscription { position: absolute; top: 0; left: -999em; }
	#inscriptionNewsletter fieldset { border: none; margin: 0; padding: 0; }
	#inscriptionNewsletter fieldset legend { display: none; }
	#inscriptionNewsletter fieldset p, #inscriptionNewsletter h4 { position: absolute; display: none; margin: 0; top: 23px; }
	#inscriptionNewsletter fieldset p.obligatoire { display: block; left: 50px; }
	#inscriptionNewsletter fieldset p.obligatoire label { position: absolute; top: 0; left: -999em; }
	#inscriptionNewsletter h4 { display: block; left: 161px; font-size: 1em; }
	#inscriptionNewsletter input { height: 20px; border: none; font-size: 1em; color: black; }
	#inscriptionNewsletter fieldset p.obligatoire input { padding: 3px 5px; width: 101px; height: 14px; background: url(../images/f-search-input.png) no-repeat; }
	#inscriptionNewsletter h4 input { width: 40px; background: url(../images/f-search-submit.png) no-repeat; *margin: 1px 0 0 0; cursor: pointer; }
		
	#inscriptionNewsletter p.messobligatoire { position: absolute; top: 0; left: -999em; }
	
	#inscriptionNewsletter fieldset p.obligatoire span, #inscriptionNewsletter span.merci_inscription, #inscriptionNewsletter span.pb_inscription {
		position: absolute; bottom: 21px; left: 0;
		margin: 0; padding: 5px; width: 140px; height: 33px; 
		background: url(../images/f-messagenewsletter.png);
	}
	#inscriptionNewsletter span.merci_inscription, #inscriptionNewsletter span.pb_inscription { bottom: 32px; left: 50px; }
	#inscriptionNewsletter span.merci_inscription { z-index: 1; }
	#inscriptionNewsletter span.pb_inscription { color: red; z-index: 2; }
}

@media print {
}