/* CSS Document */
/* CSS Document */

body {
background-color: #AAD769;
margin: 0;
padding: 0;
text-decoration: none;
}


/* cadre de 800*560 */
div#global {
	 background-image: url(images/lesroches.gif);
	 display:block;
     position:absolute;
	 width: 800px;
     height: 560px;
     margin-top: 0px;
     margin-left: 0px;
	 background-color: #AAD769;
	 }
	 

	
		  /* colonne texte*/
div#bloc{
position:absolute;
width: 201px;
height: 265px;
Top: 80px;
left: 566px;
}
		
	#titre {
	font: Bickley Script;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: lighter;
	padding: 3px;
	margin-top: 15px;
	line-height: 3px;
	}
	
	#para {
	font: arial;
	color: #305400;
	font-size: 13px;
	font-weight: lighter;
	padding: 3px;
	margin-top: 10px;
	line-height: 16px;
	}
	
	#menuaccueil {
	position:absolute;
	width: 156px;
	height: 28px;
	Top: 280px;
	left: 35px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	#menulongere {
	position:absolute;
	width: 156px;
	height: 21px;
	Top: 308px;
	left: 35px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
	#menuglycine {
	position:absolute;
	width: 156px;
	height: 21px;
	Top: 329px;
	left: 35px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
	#menutilleul {
	position:absolute;
	width: 156px;
	height: 21px;
	Top: 350px;
	left: 35px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
	#menupiece {
	position:absolute;
	width: 156px;
	height: 21px;
	Top: 371px;
	left: 35px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
	#menutarifs {
	position:absolute;
	width: 156px;
	height: 28px;
	Top: 392px;
	left: 35px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
div#images{
position:absolute;
width: 302px;
height: 313px;
Top: 86px;
left: 202px;
}

div#numeros{
	position:absolute;
	width: 314px;
	height: 32px;
	Top: 395px;
	left: 252px;
	font: Georgia;
	color: #799490;
	font-size: 11px;
	font-weight: bolder;
}

	a {
	font: Georgia;
	color: #2C2E2E;
	font-size: 11px;
	font-weight: bolder;
	text-decoration : none;
	}
	
	a:hover {
	font: Georgia;
	color: #8BA19E;
	font-size: 11px;
	font-weight: bolder;
	text-decoration : none;
	}
	 
	#viepratique{
	position:absolute;
	width: 93px;
	height: 17px;
	Top: 460px;
	left: 264px;
	font: Arial;
	font-color: #FFFFFF;
	font-size: 13px;
	font-weight: lighter;
	padding: 4px;
	margin-left: 20px;
	line-height: 10px;
	}
	
	#sorties{
	position:absolute;
	width: 120px;
	height: 17px;
	Top: 460px;
	left: 365px;
	font: Arial;
	font-color: #FFFFFF;
	font-size: 13px;
	font-weight: lighter;
	padding: 4px;
	margin-left: 20px;
	line-height: 10px;
	}
	
	#liens{
	position:absolute;
	width: 58px;
	height: 17px;
	Top: 460px;
	left: 485px;
	font: Arial;
	color: #000000;
	font-size: 13px;
	font-weight: lighter;
	padding: 4px;
	margin-left: 20px;
	line-height: 10px;
	}
	
	#localisation{
	position:absolute;
	width: 102px;
	height: 17px;
	Top: 460px;
	left: 543px;
	font: Arial;
	font-color: #FFFFFF;
	font-size: 13px;
	font-weight: lighter;
	padding: 4px;
	margin-left: 20px;
	line-height: 10px;
	}
	

div#crea {
position:absolute;
width: 150px;
height: 25px;
Top: 540px;
left: 540px;
font: Arial;
font-color: #0060AE;
font-size: 10px;
font-weight: lighter;
}

	a:href{
	font: Arial;
	font-color: #0060AE;
	font-size: 10px;
	font-weight: lighter;
	}
	
div#mail{
display:block;
position:absolute;
width: 150px;
height: 15px;
Top: 275px;
left: 40px;
}