@charset "UTF-8";
body {
	background: #f8f8f8 url(../img/common/bg_body_pages.gif) repeat-y 50px top;
	margin: 0px;
	padding: 0px;
	font: 12px "Trebuchet MS", Verdana, sans-serif;
	color:#333A46;
}
img {border:none;}
/*=======================divs principales=============================================*/
#ariane { /*on op of all*/
	padding-top: 20px;}
#wrapper {	/*pour que les floats restent les uns a cote des autres*/
	width : 980px
	}
#menu {margin-left: 20px;float:left; width: 660px; margin-top: 20px;}

#sousliens { /*barre de gauche*/
	background: url(../img/common/bg_titre_page.jpg) no-repeat  ;
	float: left;
	width: 158px;
	padding-top: 270px;
	margin-left: 50px;
	_margin-left:25px;
	padding-left: 20px;
	margin-top: -5px;
	position:relative;
	z-index:0;
}
/*=========================les 3 en position absolue*/
	
#coin_haut_d {
	background:url(../img/common/coin_haut_d_pages.gif) no-repeat right top;
	position:absolute;
	top: 102px;
	left:863px;
	padding:40px;
}	

#text_images {
	background: url(../img/common/coin_bas_g_pages.gif) no-repeat left bottom;
	height: 20px;
	padding-left:40px;
	position:absolute;
	top:560px;
	left:230px;
	}
	
#googlemaps {
	position:absolute;
	top: 57px;
	left: 480px;
	background:#f0f0f0;
	padding: 4px;
}
	
	
#visuel {
	position:absolute;
	top: 155px;
	left:950px;
	width: 200px;
	height:200px;
}
	
	
	
#googlemaps a{text-decoration:underline;}	

h1 {
	font :20px "Trebuchet MS", Verdana, sans-serif;
	margin-top: 0;
	padding-left: 53px;
	
}
h2{
	padding-left: 53px;
	font :15px "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
	color: #e1e1e1;
	position:relative;
	z-index:1;
	display:inline;
}
	
h3 {
	display:inline;
	position:relative;
	z-index:1;
	padding-left : 10px;
	font-size: 15px;
	margin:0;
	}	
	
	h2 a {
	color:#f8f8f8;
	text-decoration: underline;
}
/*=======================nav=====================*/
ul {
list-style:none;
padding:0;
margin:0;
}
/* ------------  placer le menu horizontalement ------------ */
#menu li { 
	float : left; 
	display:block; 
	width:140px;
	line-height:18px;
}

/* ------------  cacher les sous menus ------------ */
#menu li ul { 
	position: absolute; 
	width: 130px; 
	left: -9999px; 
}
/* ------------ Couleur  des sous menus ------------ */

#menu li ul.smenu2 li a {
	text-decoration :none;
	background:#EBD088; 
	color: #888;	
	display:block; 
	padding-left:10px;
	border-left:#EBD088 3px solid;
	}


#menu li ul.smenu2 li a:hover {
	color:#fff;
	border-left:#888 3px solid;
	padding-left: 10px;
}


/* ------------ Mise en forme des onglets du deuxième niveau du menu ------------ */
#menu li ul li a  {
	display: block;
	width: 120px;
	padding: 0;
	text-decoration: none; 
	background: #fff;  
}

/* ------------ Réaparition des sous menus au apssage de la souris ------------ */

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  {
        left: auto;
        min-height: 0; /* bug IE */
}

/*premier élément du menu*/
a.lys {text-decoration :none;

	color: #555;	
	display:block; 
	padding-left:20px;
	background:#f8f8f8 url(../img/common/lys.png) no-repeat;
	padding-bottom:4px;
	border-bottom: 1px solid #ccc;
	height: 18px;
	}
	
a.lys:hover {
	
	color: #000;	
	
	}
	

/*=======================classes=====================*/
.colorf8 {color:#f8f8f8;}
.colorblue {color:#6d7b99;}
.colorgold {
	color: #C19824;
}
.font14px {font-size:14px;}
.font16jaune {
	font-size: 16px;
	color: #B9A865;
	font-weight: bold;
}
.clear {clear:both;}
.letrine {color: #e6cb5b; font-size: 30px; float:left; margin-right:3px;}
.vestiges {
	line-height: 25px;
	font-size: 11px;
	background: #EFF1DE;
	padding-left: 2px;
	width: 165px;
	padding-right:2px;
}
.lineheight {
	line-height: 20px;
}
.floatleftimg {float:left; margin-right: 10px; margin-bottom:10px;margin-top: 0px; display:block;}
.bordimg {
	padding: 2px;
	border: 1px solid #CDBF88;
}
.photos_mur { clear:both; padding-right:10px;}
/*=======================liens=====================*/

#sousliens a{
	text-decoration:none;
	color:#f8f8f8;
}
a {
	color: #333333;
	text-decoration:none;
}




/*pour le scroll*/
	
			/* scrollable div area */
			#scrollable1 {
				float: left;
				width: 620px;
				height: 400px;
				overflow: hidden;
				margin-top: 30px;
				margin-left:30px;
				
				
			}
			
			/* vertical track */
			#track1 {
				float: left;
				width: 7px;
				height: 400px;
				margin-left: 10px;
				background-color: #ccc;margin-top: 30px;
			}
.flotleft {
	float: left; margin-right: 5px;
}
			
			/* vertical track handle */
			#handle1 {
				width: 7px;
				height: 20px;
				background-color: #C19824;
				cursor:hand;
				
			}
#image-cadastre {
	float: left;
	width: 310px;
}
#texte-cadastre {
	float: right;
	width: 200px;
}
.plan {
	float: left;
	width: 250px;
	margin-bottom: 20px;
}
.plan ul li {
	background-image: url(../img/common/lys.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height: 20px;
}
.plan h1 {
	padding-left: 0px;
}