/* CSS de la page Plan de Arola*/



								/* Définition de la Page */   

	html, body {margin: 0;padding: 0;height: 100% }							/* Pour que height =100% soit pris en compte par IE*/

	

	#page_entiere  { margin:auto; margin-top:0px; width:1000px; height:910px;  z-index:0;  border: solid 0px #000000;}

	#menu_gauche {float:left;margin-top:0px; width: 225px; height: 290px; border: 0px solid black;}								/* Définition du menu gauche*/

						/* Définition du sous_menu 1 et 2*/

	.menu_gauche1{ background-color: #85705c;margin-top:10px;margin-left:50px; width:170px; z-index:5; border: solid 1px #ffffff;}
	.menu_gauche1 a {background-color: #85705c;text-decoration: none;font-weight: bold;font-size:10px;color:#ffffff;text-align:left;padding:5px;padding-left:25px;display: block;height:20px;}
	.menu_gauche1 a:hover {color: red;background-color: #e8e1d1;}
		
	.menu_gauche2{ margin-top:20px;margin-left:50px; width:170px; z-index:5; border: solid 1px #ffffff;}
	.menu_gauche2 a {background-color: #c3bcb5;text-decoration: none;font-weight: bold;font-size:10px;color:#530d10;text-align:left;padding:5px;padding-left:25px;display: block;height:10pX;}
	.menu_gauche2 a:hover {color: red;background-color: #e8e1d1;}

	#souspage1 {float:left; margin-top:0px; width:74%; height:310px; padding-left:20px;  z-index:0;  border: solid 0px black;}
	#souspage2 {float:left; margin-top: 0px;padding-top:25px; width:930px;  padding-left:0px;  z-index:0;  border: solid 1px white;margin-left:35px;}

	.monument { background-color: #c3bcb5;margin-top:0px;margin-left:80px; width:280px; z-index:5; border: solid 1px white;padding-top:5px;}
	.monument  a {background-color: #c3bcb5;text-decoration: none; font-weight: bold;font-size:10px;color:#530d10;text-align:left;padding:0px;padding-left:35px;display: block;height:25px;border: solid 0px black; }
	.monument  a:hover {color: red;background-color: #E8E1D1;color: red;}

	.textemonument {background-color: #c3bcb5;font-family:verdana;font-weight: bold;font-size:10px;color:#530d10;text-align:left;padding-left:35px;line-height:0px;display: block;height:25px;}
	.texte1 {background-color:#85705C;font-family:verdana;font-weight: bold;font-size:10px; color:white; padding-left:25px;display:block;height:20px;padding-top:0px;}
	.texte2 {background-color: #c3bcb5;font-family:verdana;font-weight: bold;font-size:10px; color:#530d10; padding-left:25px;display:block;height:15px;padding-top:5px;}
	.carte {margin-top:0px;width:400px;height:547px; padding-left:0px;border: solid 0px #ffffff;}

	#pieddepage {margin:auto; margin-top:0px;padding-top:5px; width:1000px;height:30px;  z-index:0;  border: solid 0px;black}


							/*Spécifique pour les page à fond gris  */


	

						

							/* pour faire le fond gris */


	#fontgris{position:absolute;top:0px;left:0px;width:100%;height:250%;background-color: #000000;opacity : .80;filter : alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;} /* Définition du fond gris */

	.centrage  {position:absolute; top: 50%;left:50%; width:100px;height:100px; z-index:0;  border: solid 0px white;}								/* pour marquer le milieu de l'écran */
	
	.fenetrevertical {position: relative; top:-310pX;left:-200px;width:406px;  z-index:50;  border: solid 0px red;}
	.fenetrevertical a{font-size:16px; font-weight: bold;color:#530d10;text-decoration: none;}											
	
	.fenetrehorizontal {position: relative; top:-210pX;left:-300px;width:606px; z-index:50;  border: solid 0px red;}
	.fenetrehorizontal a{font-size:16px; font-weight: bold;color:#530d10;text-decoration: none;}