@charset "UTF-8";



@media screen{
	body { 
		margin: 0; padding: 0;
		font-family: verdana, arial, "sans serif"; font-size: 62.5%; text-align: center;
		background: #FCF7F3 url(../images/ombre.jpg) no-repeat center top; 
	}
	#global { 
		position: relative; margin: 0 auto; width: 960px; min-height: 560px;
		font-size: 1em; text-align: left;
		background: url(../images/f-page.jpg) repeat-x; 
	}
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { position: absolute; top: 25px; left: 0; width: 960px; height: 80px; }
	#entete h1 { position: absolute; top: 0; left: 0; margin: 0; }
	#entete h1 a {
		display: block; width: 367px; height: 80px;
		background: url(../images/logo.png) no-repeat; 
	} 
	#entete h2 { position: absolute; top: 0; left: -999em; }
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute; top: 120px; left: 30px; margin: 0; padding: 0 0 0.4em 0; width: 900px;
		border-bottom: 1px solid #db657b; color: #db657b;
	}
	p#chemin a { color: #db657b; text-decoration: none; }
	p#chemin a:hover { text-decoration: underline; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu { position: relative; padding: 150px 30px 0 30px; min-height: 310px; }
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { margin: 0 0 1em 0; font-size: 2.4em; color: #b70042; font-weight: normal; }
	#con_chapeau { margin: auto 0; font-size: 1.4em; font-weight: bold; color: #63414d; }
	#con_descriptif { margin: auto 0; font-size: 1.2em; line-height: 1.5em; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	#con_descriptif hr {clear: both; background: transparent; color: transparent; height: 1px; border: none;  }
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.4em; color: #b70042; font-weight: normal; margin-top: 1.8em; }
	#con_descriptif h2 { font-size: 1.3em; color: #b70042; font-weight: normal; }
	#con_descriptif h3 { font-size: 1.2em; color: #b70042; font-weight: normal; }
	#con_descriptif h4 { font-size: 1.1em; color: #b70042; font-weight: normal; }
	/*---------- listes ----------*/
	#con_descriptif ul { }
	#con_descriptif li { list-style: url(../images/puce.png); }
	/*---------- table ----------*/
	#con_descriptif table { border-collapse: collapse; border-color: #b70042; }
	#con_descriptif table th { background: #F4E9D7; font-weight: bold; color: #b70042; }
	#con_descriptif table th, #con_descriptif table td { border-color: #b70042; padding: 5px; }
	#con_descriptif table caption { margin-bottom: 1em; text-align: left; font-size: 1.4em; color: #b70042; font-weight: normal; }
	/*---------- liens ----------*/
	#con_descriptif a { color: #950036; text-decoration: underline; }
	#con_descriptif a:hover { text-decoration: none; }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage { 
		position: relative; display: block; display: table-cell; padding: 0 0 4px 0;
		background: url(../images/f-photo-h.png) no-repeat center bottom;  
	}
	#con_descriptif a.imageright, #con_descriptif span.imageright { margin: 0 0 0 1em; }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { margin: 0 1em 0 0; }
	#con_descriptif img { border: 1px solid #999; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}
	/*---------- date de l'événement ----------*/
	#datesEvenement { 
		position: relative; padding: 0 0.5em; margin: -2em 0 1em 0; line-height: 1.8em;
		color: #DB657B; 
		border-bottom: 1px solid #DB657B; border-top: 1px solid #DB657B;  
	}
	#datesEvenement .dateEve {}
	#datesEvenement .dateEve span {}
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo { position: relative; clear: both; }
	#contenu .menu_arbo h3 { position: absolute; top: 0; left: -999em; }
	#contenu .menu_arbo ul { position: relative; margin: 0; padding: 0; list-style: none; }
	#contenu .menu_arbo li { position: relative; float: left; display: inline; margin: 0 10px 10px 0; }
	#contenu .menu_arbo li a { display: block; width: 289px; height: 120px; text-decoration: none; color: black; }
	#contenu .menu_arbo li a:hover { background: white; color: #950036; }
	#contenu .menu_arbo li .image {
		position: relative; display: block; float: left; 
		margin: 0 1em 0 0; width: 110px; height: 110px; overflow: hidden; 
	}
	#contenu .menu_arbo li img { border: none; /*position: absolute; top: 50%; left: 50%;*/  width: 100px; height: 110px; }
	#contenu .menu_arbo li strong.titre {
		position: relative; display: block; float: left; width: 169px;
		font-size: 1.4em; font-weight: normal;  color: #63414d;
	}
	#contenu .menu_arbo li span.desc { font-size: 1.1em; }
	#contenu .menu_arbo li a:hover  strong.titre { color: #b70042; }
	
	/* carte googlemap */
	.carte { clear: both; border: 1px solid #F5E0E5; padding: 1px; margin: 1em 0; }
	.carte h2 { 
		margin: 0 0 1px 0; padding: 0.2em 0.5em; 
		font-size: 1.6em; color: #B70042; font-weight: normal; 
		background: #F5E0E5; 
	}
	
	/* categorie googlemap */
	.categGoogleMap { position: relative; margin: 1em 0; }
	.imgPointCarte { position: relative; float: left; margin: 0 1em 0 0; }
	.titrePointCarte { 
		position: relative; display: block; width: 300px;
		font-size: 1.5em; color: #c72c48; font-weight: normal; text-decoration: none; 
	}
	.descPointCarte { 
		position: relative; display: block; width: 300px;
		font-size: 1.1em; line-height: 1.4em; color: black; text-decoration: none; 
	}
	.categGoogleMap #map { margin: 0 0 1em 0; }
}
@media print{
	@page { widows: 5; }
	hr, p#chemin, #entete, #papillon { display: none; }
	body { font-family: verdana, arial, "sans serif"; font-size: 10pt; }
	
	/*#con_descriptif a:link:after, #con_descriptif a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }*/
	
	h1#con_libelle { margin: 0 0 10pt 0; font-size: 24pt; color: #b70042; font-weight: normal; }
	#con_chapeau { margin: auto 0; font-size: 13pt; font-weight: normal; color: black; }
	#con_descriptif { margin: auto 0; font-size: 10pt; line-height: 13pt; }
	
	#con_descriptif h1 { font-size: 14pt; color: #b70042; font-weight: normal; }
	#con_descriptif h2 { font-size: 13pt; color: #b70042; font-weight: normal; }
	#con_descriptif h3 { font-size: 12pt; color: #b70042; font-weight: normal; }
	#con_descriptif h4 { font-size: 11pt; color: #b70042; font-weight: normal; }
	/*---------- liens ----------*/
	#con_descriptif a { color: black; text-decoration: underline; }
	/*---------- images ----------*/
	#con_descriptif a.imageright, #con_descriptif span.imageright { margin: 0 0 0 1em; }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { margin: 0 1em 0 0; }
	#con_descriptif img { border: 1px solid gray; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr { border-bottom: 1px dotted #ccc; cursor: help; }
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo { position: relative; clear: both; }
	#contenu .menu_arbo h3 { display: none; }
	#contenu .menu_arbo ul { position: relative; margin: 0; padding: 0; list-style: none; }
	#contenu .menu_arbo li { position: relative; margin: 10pt 0; clear: both; }
	#contenu .menu_arbo li a { display: block; text-decoration: none; color: black; }
	#contenu .menu_arbo li .image {
		position: relative; display: block; float: left; 
		margin: 0 1em 0 0; width: 100px; height: 100px; overflow: hidden; 
	}
	#contenu .menu_arbo li img { border: none; width: 100px; height: 100px; }
	#contenu .menu_arbo li strong.titre {
		position: relative; display: block; font-size: 1.4em; font-weight: normal;  color: #63414d;
	}
	#contenu .menu_arbo li span.desc { font-size: 1.1em; }
	#contenu .menu_arbo li a:hover  strong.titre { color: #b70042; }
	
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal { position: absolute; top: 75px; right: 30px; z-index: 2; }
	#menu_menuprincipal h3 { position: absolute; top: 0; left: -999em; }	
	#menu_menuprincipal ul { position: relative; margin: 0; padding: 0; list-style: none; }	
	#menu_menuprincipal li { position: relative; float: left; display: inline; margin: 0 2px 0 0; }	
	#menu_menuprincipal li a {
		position: relative; display: block; height: 30px;
		background: url(../images/f-onglet.png) no-repeat; 
		text-decoration: none;
	}
	#menu_menuprincipal li a span { 
		position: relative; display: block; height: 30px; line-height: 30px; padding: 0 8px;
		background:  url(../images/f-onglet-right.png) no-repeat right top; 
		font-size: 1em; font-weight: bold; color: #f5e0e5; text-transform: uppercase;
	}	
	#menu_menuprincipal li a:hover,
	/*#menu_menuprincipal li.sfhover a,*/
	#menu_menuprincipal li a.lienActif { background: url(../images/f-onglet.png) no-repeat 0 -60px; }
	#menu_menuprincipal li a:hover span,
	/*#menu_menuprincipal li.sfhover a span,*/
	#menu_menuprincipal li a.lienActif span { color: #950036; background:  url(../images/f-onglet-right-over.png) no-repeat right top;  }
	
	#menu_menuprincipal ul ul { 
		position: absolute; top: 30px; left: -999em; 
		margin-left: -2px; padding: 0 5px 5px 2px; width: 200px;
		border-top: 5px solid #f5e0e5;
		background: url(../images/ombre-ssmenu.png) no-repeat right bottom; 
	}	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul { left: auto; }
	#menu_menuprincipal ul li.lastOne:hover ul,
	#menu_menuprincipal ul li.sfhover ul { left: auto; right: -8px; }
	#menu_menuprincipal ul ul li { float: none; display: list-item; }	
	#menu_menuprincipal ul ul li a { height: auto; background: #950036; }
	#menu_menuprincipal ul ul li a span { 
		height: auto; line-height: normal; margin: 0 1px; padding: 5px;
		background: #950036; border-left: 1px solid #db657b; border-right: 1px solid #db657b; border-bottom: 1px solid #db657b;
		font-size: 1.1em; font-weight: normal; color: #f5e0e5; text-transform: none;
	}	
	#menu_menuprincipal ul ul li a:hover,
	#menu_menuprincipal ul ul li.sfhover a,
	#menu_menuprincipal ul ul li a.lienActif { background: #f5e0e5; }	
	#menu_menuprincipal ul ul li a:hover span,
	#menu_menuprincipal ul ul li.sfhover a span,
	#menu_menuprincipal ul ul li a.lienActif span { background: #f5e0e5; color: #950036; }
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#piedpage {
		position: relative; clear: both; height: 90px;
		border-top: 5px solid #f5e0e5;
		background: url(../images/logo-valdeloire.png) no-repeat 30px 5px; z-index: 1;
	}
	#menu_menupieddepage, #menu_menuannexe { position: relative; float: right; display: inline; clear: right; margin: 0 30px 0 0; }	
	#menu_menupieddepage h3, #menu_menuannexe h3 { position: absolute; top: 0; left: -999em; }	
	#menu_menupieddepage ul, #menu_menuannexe ul { margin: 1em 0 0 0; padding: 0; list-style: none; }	
	
	#menu_menupieddepage ul { margin-top: 1.5em; }
	#menu_menupieddepage li { display: inline; padding: 0 1em; border-right: 1px solid #666; }
	#menu_menupieddepage li a { color: #666; text-decoration: none; }	
	#menu_menupieddepage li a:hover { text-decoration: underline; }
	
	#menu_menuannexe li {
		position: relative; float: left; display: inline; margin: 0 0 0 5px; height: 28px;
		background: url(../images/f-btn-piedpage.png) no-repeat;
	}
	#menu_menuannexe li a {
		position: relative; display: block; height: 28px;
		background: url(../images/f-btn-piedpage-right.png) no-repeat right top;
		text-decoration: none;
	}
	#menu_menuannexe li a span {
		position: relative; display: block; padding: 0 6px 0 30px; height: 28px; line-height: 28px;
		font-size: 1em; font-weight: bold; color: #950036; text-transform: uppercase;
	}
	#menu_menuannexe li.numero_1 a span { background: url(../images/picto-rss.png) no-repeat 3px center; }
	#menu_menuannexe li.numero_2 a span { background: url(../images/picto-contact.png) no-repeat 3px center; }
	#menu_menuannexe li.numero_3 a span { background: url(../images/picto-meteo.png) no-repeat 3px center; }
	#menu_menuannexe li a:hover span { color: #b70042; }
	#menu_menuannexe li div#meteo { 
		position: absolute; left: -999em; bottom: 30px; width: 160px; height: 140px;
		background: url(../images/f-meteo.png) no-repeat; 
	}
	#menu_menuannexe li:hover div#meteo,
	#menu_menuannexe li.sfhover div#meteo { left: auto;  }
	#menu_menuannexe div#meteo a { position: relative; display: block; height: auto; background: none; text-decoration: none; }
	#menu_menuannexe li  div#meteo .default { position: relative; display: block; margin: 10px 30px; width: 100px; }
	
	/********************************/
	/*		OUTILS ACCESSIBILITE	*/
	/********************************/
	#barreoutils { 
		position: absolute; top: 25px; right: 285px;
		margin: 0; padding: 0; list-style: none;
	}
	#barreoutils li { position: relative; float: left; margin: 0;  }
	#barreoutils li a {
		display: block; width: 37px; height: 32px;
		background-image: url(../images/btn-outils.png); background-repeat: no-repeat;
	}
	#barreoutils li.numero_1 a { background-position: 0 -32px; }
	#barreoutils li.numero_2 a { background-position: -36px -32px; }
	#barreoutils li.numero_3 a { background-position: -72px -32px; }
	#barreoutils li.numero_1 a:hover { background-position: 0 0; }
	#barreoutils li.numero_2 a:hover { background-position: -36px 0; }
	#barreoutils li.numero_3 a:hover { background-position: -72px 0; }
	#barreoutils li a span { position: absolute; top: 0; left: -999em; }
}

@media print {
	#menu_menuprincipal,
	#piedpage,
	#barreoutils
	{ display: none; }
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	/* recherche générique */
	form#mrecherche_rechercheGenerique {
		position: absolute; top: 25px; right: 30px; margin: 0; padding: 0; width: 242px; height: 32px;
		background: url(../images/f-search.png) no-repeat;
	}
	form#mrecherche_rechercheGenerique p { position: absolute; top: 3px; margin: 0; height: 26px; }
	form#mrecherche_rechercheGenerique #p_rech_input_rechercheGenerique { 
		left: 3px; width: 140px; height: 26px;
		background: url(../images/f-search-input.png) no-repeat;
	}
	form#mrecherche_rechercheGenerique #p_rech_btn_rechercheGenerique { left: 150px; }
	form#mrecherche_rechercheGenerique input {
		position: absolute; top: 2px; left: 2px;
		border: none; margin: 0; padding: 0; height: 22px; line-height: 22px;
	}
	form#mrecherche_rechercheGenerique input#recherche_rechercheGenerique { width: 107px; left: 28px; background: none; font-size: 1.2em; }
	form#mrecherche_rechercheGenerique input#btnrecherche_rechercheGenerique { 
		width: 85px;
		color: #b70042; text-transform: uppercase; font-weight: bold; font-size: 1em;
		cursor: pointer; background: white;
	}
	form#mrecherche_rechercheGenerique input[type="submit"]:hover { color: #db657b; }
	
	/* formulaires intérieurs */
	.rechercheinside { 
		position: absolute; top: 136px; right: 27px; padding: 1px 3px 4px 4px; width: 432px; height: 31px;
		background: url(../images/f-searchinside.png) no-repeat; 
	}
	.rechercheinside h2 {
		position: absolute; top: 2px; left: 10px; margin: 0; height: 31px; line-height: 31px;
		font-size: 1em; font-weight: normal; color: black; text-transform: uppercase; letter-spacing: -1px;
	}
	.rechercheinside form { position: absolute; top: 2px; right: 10px;  margin: 0; padding: 0; width: 250px;  height: 26px; }
	.rechercheinside form  p { position: absolute; top: 1px; margin: 0; height: 26px; }
	.rechercheinside form #p_rech_input_rechercherUneEntrep,
	.rechercheinside form #p_rech_input_rechercherUneAsso {
		left: 0; width: 200px; height: 26px;
		background: url(../images/f-searchinside-input.png) no-repeat; 
	}
	.rechercheinside form #p_rech_btn_rechercherUneEntrep,
	.rechercheinside form #p_rech_btn_rechercherUneAsso { left: 200px; }
	.rechercheinside form input {
		position: absolute; top: 2px; left: 2px;
		border: none; margin: 0; padding: 0; height: 22px; line-height: 22px;
	}
	.rechercheinside input#recherche_rechercherUneEntrep,
	.rechercheinside input#recherche_rechercherUneAsso { width: 166px; left: 28px; background: none; font-size: 1.2em; }
	.rechercheinside input#btnrecherche_rechercherUneEntrep,
	.rechercheinside input#btnrecherche_rechercherUneAsso {
		width: 45px;
		color: #b70042; text-transform: uppercase; font-weight: bold; font-size: 1em;
		cursor: pointer; background: #F6F3EE; 
	}
	.rechercheinside input#btnrecherche_rechercherUneEntrep:hover,
	.rechercheinside input#btnrecherche_rechercherUneAsso:hover { color: #db657b; }
	
	/* résultat de recherche */
	h2.recherche { 
		margin: auto 0 0 0; padding: 0 0.5em; 
		color: #f5e0e5; font-size: 1.4em; line-height: 2em; font-weight: normal;
		background: #b70042;
	}
	h3.recherche { 
		margin: 0 0; padding: 0 0.5em;
		color: #b70042; font-size: 1.2em; line-height: 2em; font-weight: normal; 
		background: #EBA7B9; 
	}
	ul.recherche { margin: 0 0; padding: 1em; list-style: none; border: 1px solid #EBA7B9; }
	ul.recherche li { padding: 0.3em; border-bottom: 1px solid #e1d1b7; }
	ul.recherche li.paire { background: #FCF7F3; }
	ul.recherche li.impaire { background: #F4E9D7; }
	ul.recherche li:hover { background: #e1d1b7; }
	ul.recherche li a { display: block; font-size: 1.2em; color: black; text-decoration: none; }
	ul.recherche li a:hover {}
	
	/* bouton de retour à la liste de résultats */	
	p.retour_recherche { position: absolute; top: 137px; right: 30px; margin: 0; }
	p.retour_recherche.decale { top: 168px; right: 35px; }
	p.retour_recherche a {
		display: block; padding: 0 5px; width: 160px; height: 20px; line-height: 20px;
		background: url(../images/f-btn-retour.png) no-repeat 0 -20px; 
		text-align: center; color: #f5e0e5; text-decoration: none;
	}
	p.retour_recherche a:hover { background-position: 0 0; color: #b70042; }
	p.retour_recherche span { }
	
	/* 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 {
	form#mrecherche_rechercheGenerique, .rechercheinside { display: none; }
}


@media screen {
	/* GALERIE PHOTO PLANCHE CONTACT*/
	ul.galerie_contact { position: relative; margin: 1em 0 0 0; padding: 0; list-style: none; }	
	ul.galerie_contact li { position: relative; float: left; margin: 5px 25px; padding: 0; }
	ul.galerie_contact li a {
		position: relative; display: block; padding: 0 0 4px 0; width: 250px; height: 200px;
		background: url(../images/f-photo-h.png) no-repeat center bottom; 
	}
	ul.galerie_contact li a img { position: absolute; left: 50%; top: 50%; border: 1px solid #999; }
	
	ul.galerie_contact .conteneurDescGalerie {
		position: relative; display: block; margin: 0; width: 250px;
	}
	ul.galerie_contact .titreImgGalerie {
		position: relative; display: block; margin-bottom: 0.3em;
		color: #B70042; font-size: 1.4em; text-transform: capitalize;
	}
	ul.galerie_contact .descriptifImgGalerie { position: relative; display: block; height: 5em; color: #333; overflow: auto; }
}

@media print {
}