/* 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_entiere1  { margin:auto; margin-top:0px; width:1000px; height:950px;  z-index:0;  border: solid 0px #000000;}
	#page_chapelle  { margin:auto; margin-top:0px; width:1000px; height:1150px;  z-index:0; border: solid 0px #000000;}
	#page_struppero  { margin:auto; margin-top:0px; width:1000px; height:1250px;  z-index:0; border: solid 0px #000000;}
	#page_arto  { margin:auto; margin-top:0px; width:1000px; height:1320px;  z-index:0; border: solid 0px #000000;}
	#page_pioggera  { margin:auto; margin-top:0px; width:1000px; height:1320px;  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:15px; width:900px;height:280px;  padding-left:0px;  z-index:0;  border: solid 1px white;margin-left:50px;}
	#souspage3 {float:left; margin-top: 0px;padding-top:15px; width:900px;height:280px;  padding-left:0px;  z-index:0;  border: solid 1px white;margin-left:50px;}
	#souspage4 {float:left; margin-top: 0px;padding-top:15px; width:900px;height:250px;  padding-left:0px;  z-index:0;  border: solid 1px white;margin-left:50px;}
	#souspage5 {float:left; margin-top: 0px;padding-top:15px; width:900px;height:250px;  padding-left:0px;  z-index:0;  border: solid 1px white;margin-left:50px;}

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

	

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

	

	a.bullehorizontal_ie7 {position:relative; color:#530d10; text-decoration:none; text-align:center; font-weight: bold; font-size:12px;}
  	a.bullehorizontal_ie7 span  { display: none;}	
	a.bullehorizontal_ie7:hover span {display:block; position:absolute; top:-340px; left:-100px; width:0px;}
	
	
	a.bullehorizontal_ie8fx {position:relative; color:#530d10; text-decoration:none; text-align:center; font-weight: bold; font-size:12px;}
  	a.bullehorizontal_ie8fx span  { display: none;}	
	a.bullehorizontal_ie8fx:hover span {display:block; position:absolute; top:-340px; left:380px;width:0px; }

	a.bullehorizontal2_ie7 {position:relative; color:#530d10; text-decoration:none; text-align:center; font-weight: bold; font-size:12px;}
  	a.bullehorizontal2_ie7 span  { display: none;}	
	a.bullehorizontal2_ie7:hover span {display:block; position:absolute; top:-340px; left:-200px; width:0px;}
	
	
	a.bullehorizontal2_ie8fx {position:relative; color:#530d10; text-decoration:none; text-align:center; font-weight: bold; font-size:12px;}
  	a.bullehorizontal2_ie8fx span  { display: none;}	
	a.bullehorizontal2_ie8fx:hover span {display:block; position:absolute; top:-340px; left:200px;width:0px; }

	a.bullehorizontal3_ie8fx {position:relative; color:#530d10; text-decoration:none; text-align:center; font-weight: bold; font-size:12px;}
  	a.bullehorizontal3_ie8fx span  { display: none;}	
	a.bullehorizontal3_ie8fx:hover span {display:block; position:absolute; top:-340px; left:480px;width:0px; }
 

	a.bullevertical_ie7 {position:relative; color:#530d10; text-decoration:none; text-align:center; font-weight: bold; font-size:12px;}
  	a.bullevertical_ie7 span  { display: none;}	
	a.bullevertical_ie7:hover span {display:block; position:absolute; top:-510px; left:-100px; width:0px;}
	
	
	a.bullevertical_ie8fx {position:relative; color:#530d10; text-decoration:none; text-align:center; font-weight: bold; font-size:12px;}
  	a.bullevertical_ie8fx span  { display: none;}	
	a.bullevertical_ie8fx:hover span {display:block; position:absolute; top:-510px; left:250px;width:0px; } 


	a.bullevertical_ie7 {position:relative; color:#530d10; text-decoration:none; text-align:center; font-size:12px;font-weight: bold;}
  	a.bullevertical_ie7 span  {display: none; }	
	a.bullevertical_ie7:hover span { display:block;position:absolute; top:-500px; left:-70px; width:0px;}

	
	a.bullehorizontal {position:relative; color:#530d10; text-decoration:none; text-align:center; font-size:12px;font-weight: bold;}
  	a.bullehorizontal span  {display: none; }	
	a.bullehorizontal:hover span { display:block;position:absolute; top:-340px; left:-50px; width:0px;}	
		

	#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;}