@charset "utf-8";
/* CSS Document */

body {
	margin: 0; padding: 0;
	background-color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center;
}
#global { position:relative; width: 980px; margin: 0 auto; text-align:left; }

#entete { position:relative; width: 860px; height: 80px; padding: 10px 10px 10px 90px; }
#entete #logo {
	position:absolute; top: 10px; left: 20px; width:60px; height:60px;
	background:url(../images/logo.png);
}
#entete p {
	position:relative; margin: 0;
	font-size: 13px; color:#999;
}
#entete h1 {
	position:relative; margin: 0 0 0 -2px;
	font-size: 30px; color:#06aaa9; font-weight: lighter;
}
#entete h2 {
	position:relative; margin: 0;
	font-size: 14px; color:#06aaa9; font-weight:normal;
}

#visuel {
	position:absolute; top: 158px; right: 9px;
	padding: 10px; width: 400px; height: 290px;
	background:url(../images/f-panoramique.png);
	z-index:1;
}

ul#autressites {
	position:absolute; top: 110px; left: 10px;
	width: 540px; height: 425px; list-style:none; z-index:2; 
	background:url(../images/f-relais.jpg) no-repeat;
}
ul#autressites li { position:absolute; }
ul#autressites li a { position:relative; display:block; text-decoration:none; }
ul#autressites li a span { position:absolute; padding: 5px; color:white; font-size: 12px; }
ul#autressites li a span strong { display: block; font-size: 15px; font-weight: normal; letter-spacing: -1px; }

ul#autressites li#maineanjou { top:0; left:320px; }
ul#autressites li#maineanjou a { width: 220px; height:227px; }
ul#autressites li#maineanjou a span { top: 0; left: 0; width: 140px; height: 70px; }

ul#autressites li#hirondelle {  top:0; left:49px; }
ul#autressites li#hirondelle a { width: 270px; height:165px; }
ul#autressites li#hirondelle a span { top: 0; left: 0; width: 140px; height: 50px; }

ul#autressites li#table { top:227px; left:340px; }
ul#autressites li#table a { width: 200px; height:199px;  }
ul#autressites li#table a span { top:0; right: 0; width: 105px; height: 74px; text-align:right; }

ul#autressites li#moulin { top:167px; left:0; }
ul#autressites li#moulin a { width: 185px; height:190px; }
ul#autressites li#moulin a span { top:0; left: 0; width: 90px; height: 70px; }

ul#autressites li#roulottes { top:186px; left:185px; }
ul#autressites li#roulottes a { width: 155px; height:239px; }
ul#autressites li#roulottes a span { bottom:0; left: -50px; width: 140px; height: 55px; }

ul#autressites ul { position:absolute; top: 0; left:-999em; }

/********************************/
/*		ZOOM PHOTOS				*/
/********************************/
#trailimageid {
	position:fixed; position:absolute;
	/*background: white url(../images/ajax-loader.gif) no-repeat center center;*/
	padding:0;
	width: 250px;
	border:2px solid #06aaa9;
	text-align:left;
	background-color:white;
	z-index:100;
}
#trailimageid p {
	margin:0;
	padding:5px;
	color:black;
	font-size: 14px;
}