/* 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:1450px;  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;padding-top:5px; width:930px;  padding-left:0px;  z-index:0;  border: 1px solid #CAC7C0;margin-left:35px;}
	#souspage2 {float:left; margin-top: 0px;padding-top:5px; width:930px;  padding-left:0px;  z-index:0;  border: 1px solid #CAC7C0;margin-left:35px;}
	#souspage3 {float:left; margin-top: 0px;padding-top:5px; width:930px;  padding-left:0px;  z-index:0;  border: solid 0px white;margin-left:35px;}
	#souspage4 {float:left; margin-top: 0px;padding-top:5px; width:930px;  padding-left:0px;  z-index:0;  border: 1px solid #CAC7C0;margin-left:35px;}
	

	.monument { background-color: #c3bcb5;margin-top:0px;margin-left:50px; width:250px; 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:420px;height:310px; padding-left:0px;border: solid 0px #ffffff;}
	.carte1 {margin-top:0px;width:420px;height:250px; padding-left:0px;border: solid 0px #ffffff;}
	.carte2 {margin-top:0px;width:520px;height:280px; 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 1px;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: 10%;left:50%; width:10px;height:10px; z-index:0;  border: solid 0px red;}
	.centrage1  {position:absolute; top: 5%;left:50%; width:10px;height:10px; z-index:0;  border: solid 0px red;}			/* pour marquer le milieu de l'écran */
	
	.fenetrevertical {position: relative; top:-10px;left:-200px;width:406px;  z-index:50;  border: solid 0px red;}
	.fenetrevertical a{font-size:16px; font-weight: bold;color:#530d10;text-decoration: none;}											

	.fenetrevertical2 {position: relative; top:-10px;left:-290px;width:406px;  z-index:50;  border: solid 0px red;}
	.fenetrevertical2 a{font-size:16px; font-weight: bold;color:#530d10;text-decoration: none;}

	#retour  { margin:auto; margin-top:0px; width:60px; z-index:0;border: solid 0px;}
	#retour ul{padding:0px;margin: 0px;list-style-type:none;float:right;}
	#retour li {margin-left:5px;float:left; /*pour IE*/}
	#retour ul li a {display:block;float:left;line-height:20px;background: url(../index/bouton_gris.jpg) repeat-x ;color:#ffff00;
			 font-weight: bold;text-decoration:none;text-align:center;padding-left:10px;padding-right:10px;font-size: 10px;}
	#retour ul li a:hover {background:black url(../index/bouton_rouge.jpg) repeat-x;color:#ffff00;} 

	#blanc     {float:left; margin-top: 0px;padding:0px; width:100%;  height:25px;   z-index:0;  border: solid 0px black; margin-left:0px;}