/*COULEURS*/
	/*COMMUN*/
	body {background:#002;color:#DDF;}
	* a {color:#68E;}
	* a:hover {color:white;}
	* img{background: url('loader.gif') no-repeat center center;}
	#tete,#pied,#subnav,#listeProjet li ul{background-color: #002;}
	#pied a.ici{color:#FFF;}
	#tete{}
	#tete {border-bottom:solid #68E 1px;}
	#pied {border-top:solid #68E 1px;}
	.photo{background: url('loader.gif') no-repeat center center;}

	/*FICHE*/
		#mini li img{border:.5em solid #002;}
		#mini li img:hover{border:.5em solid #68E;}
		#listeProjet li ul {opacity:.7;}
		#subnav{border-bottom:solid #68E 1px;}
		#subnav{border-top:solid #68E 1px;}

	/*CARTE*/
		#carte img{background-image: url('');}
		
		.piscineN{background:#66cc99;}
		.piscineR{background:#2ac0fe;}
		.gymnaseN{background:#cc6666;}
		.autresN{background:#DDDD66;margin-top: 2em;}
		#lieux a.grise{color: #46E;cursor:default;}
		#lieux h1{color:white;}
		
	/*ACTU*/
		#actu {height:50em;overflow:auto;margin-top:1em;;margin-bottom:1em;}
			#actu img{height:10em;float:left;margin-right:2em;margin-bottom:.5em;border: 2px solid black;}
			#actu .alaligne{clear:left;}
			#actu img{border:solid #002 .5em;}
			#actu img:hover{border:solid white .5em;}
			
	/*DIAPOACTU*/
		

/*STYLES*/
	*{margin:0px;padding:0px;font-family: verdana, tahoma, arial;}
	* a{text-decoration:none;}
	* li{list-style:none;}
	#container{font-size:12px;position:absolute;width:100em;height:56em;top:50%;left:50%;margin-left:-50em;margin-top:-28em;}
	
	#tete{width:100%;height:2em;text-align:right;/*-moz-border-radius:.5em;-webkit-border-radius:.5em;*/}
		#tete h1{font-size:2em;display:none;}
		#tete img{height:2em;width:29em;}
	#pied{width:100%;text-align:right;/*-moz-border-radius:.5em;-webkit-border-radius:.5em;*/clear:both;}
		#pied ul{margin-right:.5em;}
		#pied li{display:inline;list-style:none;margin-left:4em;font-size:1.5em;font-weight:bold;}
	
	#inprogress{height:52em;background:url('loader.gif') center center no-repeat;}
	
	#photo{width:60em;height:40em;overflow:hidden/*pour IE*/;}
	#fiche{width:38em;height:38em;overflow:auto;float:right;margin-top:1em;}
		#fiche h2{margin-top:1em;}
		#fiche h3{margin-bottom:1em;}
		.gauche{width:15em;}
		.droite{padding-left:1em;}
		.tab{padding-left:1em;}
	#subnav{clear:left;width:100%;height:2em;line-height:1.5em;font-weight:bold;/*-moz-border-radius:.5em;-webkit-border-radius:.5em;*/}
		#subnav li{float:left;list-style:none;line-height:2em;}
		#listeProjet{position:absolute;}
			#listeProjet li{position:relative;margin-left:1em;}
				#listeProjet li ul {position:absolute;bottom:2em;margin-left:-1em;/*-moz-border-radius:.5em;-webkit-border-radius:.5em;*/}
					#listeProjet li ul li {clear:both;font-size:.8em;line-height:1.4em;margin-right:1em;}
			
			#listeProjet ul{display:none;}
			#listeProjet li:hover ul{display:block;}
		
		#action{float:right;margin-right:.5em;}
			#action li{float:left;list-style:none;margin-left:1em;}
	#mini{width:100%;height:10em;overflow:hidden;}
		#mini li{float:left;list-style:none;width:10em;height:10em;}
		#mini li img{width:9em;height:9em;}

	#carte {float:left;height:52em;}
		#carte img{height:52em;}
		#carte ul{position:absolute;top:2em;left:0px;width:51em;height:52em;overflow:hidden;}
		#carte li{position:absolute;}
		#carte a{display:block;height:.5em;width:.5em;}
		#lieux ul{float:right;margin-top:1em;width:14em;margin-left:2em;}
		#lieux h1{font-size:1.2em;line-height:1.2em;font-weight:bold;height:2.5em;margin-bottom:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em;padding:.25em;}
		#lieux li{list-style:none;font-size:.85em;line-height:1.1em;font-weight:normal;}
	
	#diapo {height:52em;}
		#diapo_prev{width:4em;height:52em;background:url('fleche-gauche.gif') left center repeat-x;float:left;}
		#diapo_photo{width:92em;height:52em;float:left;}
		#diapo_suiv{width:4em;height:52em;background:url('fleche-droite.gif') right center repeat-x;float:left;float:left;}
	#diapo a{display:block;height:52em;width:4em;}
	
	#versfiche {font-size:.8em;float:left;margin-left:1em;line-height:1.5em;}
	
	/*AGENCE*/
		#agenceimage img{height:52em;float:left;}
		#agence {height:50em;overflow:auto;margin-left:43em;width:57em;margin-top:1em;}
		.titre1{cursor:pointer;text-transform:uppercase;margin-bottom:0;margin-top:0;font-size:1.5em;color:#68E;border-top:solid #68E 1px;}
		.titre1:hover {background:#249;}
		.titre2{cursor:pointer;font-size:1.25em;margin-left:1em;border-top:solid #68E 1px;}
		.titre2:hover{background:#249;}
		.contenu2{margin-left:4em;}
		.contenu2 ul,ol,p{margin-top:1em;margin-bottom:1em;}
		.contenu2 ul li{margin-left:2em;list-style:circle;}
		.contenu2 ol li{margin-left:2em;list-style:decimal;}
		.contenu2 ol li li{margin-left:2em;list-style:square;}
		#hqe ul{margin-bottom:1em;}
		
	/*RECHERCHE*/
		#trombi{width:75em;height:52em;float:right;overflow:auto;}
			#trombi li{width:12.5em;height:16em;display:block;float:left;margin:.5em;text-align:center;border: solid #002 .5em;}
			#trombi li:hover{border: solid #68E .5em;}
			#trombi li img{width:100%;border:none;}
		#criteres{}
			#criteres fieldset{margin-top:.5em;border: solid 1px #68E;}
			#criteres legend{margin-left:1em;}
			#criteres label{display:inline-block;margin-left:1em;width:20em;}
			#criteres input{margin-left:1em;}