body { background:#FFF url(../images/background/body.jpg) 50% 0 no-repeat; }
#site { width:986px; margin:0 auto; padding:0; }
	#header { width:978px; height:305px; margin:0 4px; background:url(../images/background/header.gif) no-repeat; }
		#logo { width:312px; height:91px; float:left; }
		#acces_rapide { float:left; width:478px; height:89px; padding:2px 0 0 0; overflow:hidden; font-size:1.1em; }
			#acces_rapide li { display:inline; margin:0; }
			#acces_rapide li a , #acces_rapide li span { color:#651D44; display:block; float:left; white-space:nowrap; padding:0 15px; border-right:1px solid #651D44; }
			#acces_rapide li a:hover, #acces_rapide li a:focus, #acces_rapide li a.focus { color:#FFF; background:#651D44; text-decoration:none; }
				#acces_rapide li a#english, #acces_rapide li a#italiano { width:15px; height:11px;  padding:0; margin:3px 5px 0; border:0; }
					#acces_rapide li a#english { background:url(../images/background/english.gif) no-repeat; }
					#acces_rapide li a#italiano { background:url(../images/background/italiano.gif) no-repeat; }
					#acces_rapide li a#english span, #acces_rapide li a#italiano span { display:none; }

		#carte { float:left; width:131px; height:91px; padding:0 34px 0 23px; overflow:hidden; }
			#carte a { display:block; width:131px; height:91px; background:url(../images/background/carte.gif) no-repeat; }
				#carte a span { display:none; }
		#imgrub { clear:both; width:978px; height:188px; overflow:hidden; }
		#recherche { clear:both; margin:0 0 0 728px; padding:0; height:44px; width:250px; overflow:hidden; position:absolute; top:250px; z-index:5; }
			#recherche label { display:inline; color:#651D44; font-size:1.1em; }
			#recherche input.champ { display:inline; width:90px; font-size:1.1em; color:#FFF; border:1px solid #651D44; padding:1px 0 1px 5px; background:#651D44; }
			#recherche input.bouton { display:inline; background:none; color:#651D44; padding:0; margin-top:1px; font-size:1em; border:0; }
			#recherche input.champ:hover, #recherche input.champ:focus, #recherche input.champ.focus { background:#FFF; border-color:#651D44; color:#651D44; }
	#main { clear:both; width:978px; margin:0; padding:0 4px; background:url(../images/background/main.gif) repeat-y; overflow:hidden; font-size:1.2em; }
		#left { float:left; width:260px; overflow:hidden; margin:0 0 0 5px; padding:8px 0 0 0; background:url(../images/background/left.gif) top repeat-x; }
			#menu { width:260px; margin:0 0 10px 0; padding:0; list-style:none; overflow:hidden; font-family:"trebuchet MS", trebuchet, sans-serif; font-size:1.1em; }
				#menu h2 { display:none; }
				#menu li { margin:0; padding:0; background:none; width:260px; float:left; background:url(../images/background/lilevel0.gif) bottom no-repeat; }
					#menu li li { background:none; }
					#menu li strong { display:block; color:#320E22; font-weight:bold; }
					#menu li a { display:block; color:#320E22; }
						#menu li a:hover { text-decoration:none; }

						#menu li strong { padding:4px 2px 4px 43px; background:url(../images/background/level0a.gif) 20px 5px no-repeat; }
						#menu li a { padding:4px 2px 4px 43px; background:url(../images/background/level0a.gif) 20px 5px no-repeat; }
							#menu li a:hover { color:#FFF; background:#320E22 url(../images/background/level0ao.gif) 20px 5px no-repeat;  }

						#menu li li strong { padding:4px 2px 4px 63px; background:url(../images/background/level1a.gif) 57px 13px no-repeat;  }
						#menu li li a { padding:4px 2px 4px 63px; background:url(../images/background/level1a.gif) 57px 13px no-repeat;  }
							#menu li li a:hover { background:#661D45 url(../images/background/level1a.gif) 57px 13px no-repeat; }

						#menu li li li strong { padding:4px 2px 4px 83px; background:none; }
						#menu li li li a { padding:4px 2px 4px 83px; background:none; }
							#menu li li li a:hover { background:#992B67; }

						#menu li li li li strong { padding:4px 2px 4px 97px; background:none; font-style:italic; font-size:0.8em; }
						#menu li li li li a { padding:4px 2px 4px 97px; background:none; font-style:italic; font-size:0.8em; }
							#menu li li li li a:hover { background:#992B67; }


			#demarches { width:187px; height:40px; padding:0 35px 0 38px; clear:both; }
				#demarches a { display:block; width:187px; height:40px; background:url(../images/background/demarches.jpg) 0 0 no-repeat; }
					#demarches a:hover { background:url(../images/background/demarches.jpg) 0 -40px no-repeat; }
					#demarches a span { display:none; }
			#photos { width:187px; height:40px; padding:0 35px 0 38px; clear:both; }
				#photos a { display:block; width:187px; height:40px; background:url(../images/background/photos.jpg) 0 0 no-repeat; }
					#photos a:hover { background:url(../images/background/photos.jpg) 0 -40px no-repeat; }
					#photos a span { display:none; }				
			#carteinteractive { width:187px; height:40px; padding:0 35px 20px 38px; clear:both; }
				#carteinteractive a { display:block; width:187px; height:40px; background:url(../images/background/carteinteractive.jpg) 0 0 no-repeat; }
					#carteinteractive a:hover { background:url(../images/background/carteinteractive.jpg) 0 -40px no-repeat; }
					#carteinteractive a span { display:none; }
			#accesdirect { width:260px; padding:0; margin:0 0 15px 0; }
				#accesdirect h2 { height:30px; background:url(../images/background/accesdirect.gif) no-repeat; margin:0; padding:0; }
					#accesdirect h2 span { display:none; }
				#accesdirect ul { margin:0; padding:0; }
					#accesdirect ul li { display:inline; background:none; }
						#accesdirect ul li a { display:block; padding:3px 5px 3px 62px; background:url(../images/background/accesdirecta.gif) 28px 8px no-repeat; color:#543D4A; }
							#accesdirect li a:hover { background:#543D4A url(../images/background/accesdirectao.gif) 28px 8px no-repeat; color:#FFF; text-decoration:none; }
			#lesannuaires { width:260px; padding:0; margin:0 0 15px 0; }
				#lesannuaires h2 { height:30px; background:url(../images/background/lesannuaires.gif) no-repeat; margin:0; padding:0; }
					#lesannuaires h2 span { display:none; }
				#lesannuaires ul { margin:0; padding:0; }
					#lesannuaires ul li { display:inline; background:none; }
						#lesannuaires ul li a { display:block; padding:3px 5px 3px 62px; background:url(../images/background/accesdirecta.gif) 28px 8px no-repeat; color:#543D4A; }
							#lesannuaires li a:hover { background:#543D4A url(../images/background/accesdirectao.gif) 28px 8px no-repeat; color:#FFF; text-decoration:none; }
			#contact { width:138px; height:135px; padding:40px 0 0 100px; margin:0 0 10px 0; background:url(../images/background/contact.gif) no-repeat; }
				#contact p { font-weight:bold; font-size:12px; }
				#contact a { color:#651D44; background:url(../images/background/lire-la-suite.gif) 100% 4px no-repeat; padding-left:57px; padding-right:15px; text-decoration:none; font-weight:normal; }
					#contact a:hover { color:#000; text-decoration:underline; }
		#contenu { width:645px; float:left; padding:0 27px 0 41px; overflow:hidden; font-size:1.2em; }
			/* FRONTPAGE */
			#middle { width:387px; margin:0; padding:0 15px 0 0; float:left; overflow:hidden; overflow:hidden; background:url(../images/background/noeud200center.gif) right repeat-y; }

#alaune { width:387px; overflow:hidden; background:#CEE0A2 url(../images/background/alaune.gif) no-repeat; margin:0 0 15px 0; }

#alaune #inalaune { width:357px; padding:15px; overflow:hidden; background:url(../images/background/inalaune.gif) bottom no-repeat; }



				#toutelactu { text-align:right; border-bottom:1px dotted #4E2228; padding:0 0 3px 0; margin:0 0 10px 0; overflow:hidden; clear:left; width:100%; }
					#toutelactu a { background:#CEE0A2; color:#651D44; padding:2px 10px; text-decoration:none; }
						#toutelactu a:hover { background:#651D44; color:#CEE0A2; }
				#zonegrise { background:#E1E1E1 url(../images/background/zonegrise.gif) 193px 0  repeat-y; clear:left; width:387px; overflow:hidden; }
					#edito { width:172px; padding:10px 11px 10px 10px; float:left; }
					#zoomsur { width:172px; padding:10px; float:left; }
			#right { width:229px; float:left; margin:0; padding:0 0 110px 14px; overflow:hidden; } /* 229+14=243*/
				#fp_agenda { background:url(../images/background/fp_agenda.gif) no-repeat; margin:0 0 20px 0; }
					#fp_agenda h2 { text-align:right; color:#651D44; border-bottom:1px dotted #651D44; padding:0; margin:0 0 15px 0; font-size:1.7em; padding-right:12px; }
					#fp_agenda ul { margin:0; padding:0; }
					#fp_agenda li { background:none; }
					#fp_agenda li a { background:none; display:block; color:#040404; text-decoration:none; padding:0 0 0 47px; margin:0 0 10px 0; background:url(../images/background/puceagenda.gif) 29px 2px no-repeat; }
					#fp_agenda li a strong { color:#97A337; }
				#fp_sondage { background:url(../images/background/fp_sondage.gif) no-repeat; margin:0 0 20px 0; overflow:hidden; text-align:right; }
					#fp_sondage h2 { color:#651D44; border-bottom:1px dotted #651D44; padding:0; margin:0 0 15px 0; font-size:1.6em; padding-right:12px; }
				#fp_newsletter { background:url(../images/background/fp_newsletter.gif) no-repeat; margin:0 0 20px 0; overflow:hidden; text-align:right; }
					#fp_newsletter h2 { color:#651D44; border-bottom:1px dotted #651D44; padding:0; margin:0 0 15px 0; font-size:1.6em; padding-right:12px; }
				#publications { background:url(../images/background/publications.gif) no-repeat; margin:0 0 40px 0; overflow:hidden; }
					#publications h2 { color:#651D44; border-bottom:1px dotted #651D44; padding:0; margin:0 0 15px 0; font-size:1.6em; padding-right:12px; text-align:right; }
					#publications .item { padding:0 0 0 26px; overflow:hidden; }
						#publications .item a { color:#000; text-decoration:none; }
							#publications .item a:hover { text-decoration:underline;}
							#publications .item img { display:inline; margin:0 10px 5px 0; }
							#publications .item .titre { padding-left:13px; background:url(../images/background/publicationa.gif) 0 6px no-repeat; }
				#devdurable a { display:block; width:229px; height:129px; background:url(../images/background/devdurable.jpg) no-repeat; margin:0 0 20px 0; overflow:hidden; }
					#devdurable a span { display:none; }
					#devdurable a:hover { background:url(../images/background/devdurable.jpg) 0 -129px no-repeat; }


	#bottom { clear:both; margin:0; padding:8px 12px 10px; overflow:hidden; background:url(../images/background/bottom.gif) no-repeat; }
		#copyright { float:left; width:80px; white-space:nowrap; color:#9398A0; text-align:right; }
			#copyright a { color:#9398A0}
		#bottom ul { float:right; color:#656C77; text-align:right; font-size:1.2em; }
			#bottom li {display:inline;}
				#bottom li a { color:#656C77; padding:0 10px; }


a#versailles {
	position:absolute;
	margin-top:-70px;
	margin-left:20px;
	display:block;
	width:90px;
	height:57px;
	}
	a#versailles:hover { cursor:pointer; }
	
a#versailles span { position:absolute; top:-2000px; }