/* CSS Document */
html, body{
	margin: 0;
	background:url(../images/fond1.jpg) repeat-x right top;
}

body {
	font-size:90%;
	color:#000000;
	line-height:1.6em;
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}
a {
	color:#c78403;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
div#wrapper{
	text-align:left;
	margin: 0 auto;
	width:948px;
	position:relative;
	background:#ffffff 24px 0 no-repeat;
}
#lbase{
	position:relative;
	background: url(../images/o-g.jpg) no-repeat top left ;
	}
#rbase{
	position:relative;
	background: url(../images/o-d.jpg) no-repeat top right ;
	}
#footer{
	position:relative;
	padding:0 44px;
}
#lwrap{
	position:relative;
	background:url(../images/o-gbas.jpg) no-repeat left bottom;
}
#rwrap{
	position:relative;
	background:url(../images/o-dbas.jpg) no-repeat right bottom;
}

#lfoot{
	position:relative;
	background:url(../images/o-gfoot.jpg) no-repeat left top;
}
#rfoot{
	position:relative;
	background:url(../images/o-dfoot.jpg) no-repeat right top;
}

#contenant{
	min-height:630px; /*630+20(padding)*/
	position:relative;
	margin:0 24px;
	padding:0 20px 20px 20px;
}

/* ACCUEIL s*/
#home div#content{
	position:relative;
	width:450px;
	text-align:center;
	margin:0 20px 0 420px;
	padding:250px 0 0 0;
	/*z-index:10;*/
}
#home div#content h1.accueil{
	font-style:italic;
	font-size:1.7em;
	line-height:1.3em;
}
#home div#content div.texte_accueil{
	font-size:1em;
	line-height:1.7em;
	font-weight:bold;
	margin-top:30px;
}

#footer{
	height:23px;
}

#home #zoomimages{
	/*z-index:200;*/
}
#zoomimages div.faded{
	position:absolute;
	top:20px;
	right:20px;
	/*z-index:200;*/
}


#home #zoomimages img{
	border:#000000 1px solid;
}
#home #logo{
	position:absolute;
	bottom:10px;
	right:0;
	/*z-index:10;*/
}


h1{
	margin:0;
	padding:5px 0;
}
h2, h3{
	margin:0;
	padding:2px 0;
}

div#menu{
	margin:0;
	padding:0;
	position:absolute;
	left:70px;
	top:80px;
	z-index:100;
}
div#menu ul{
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
}
div#menu ul li{
	margin:0;
	padding:0 0 10px 0;
}
div#menu a{
	text-decoration:none;
	font-size:0.8em;
	padding:0.2em 0.7em;
	background:#c78403;
	color:#ffffff;
	font-weight:bold;
	min-width:4em;
	display:block;
}
div#menu a:hover, div#menu a.active{
	background:#000000;
}



/*
CONTACT
*/
#contact div#content{
	position:relative;
	width:100%;
	text-align:center;
	margin:0;
	padding:570px 0 0 0;
	/*z-index:10;*/
}
#contact #logo{
	position:absolute;
	top:280px;
	right:50px;
	/*z-index:10;*/
}
#contact #form{
	position:absolute;
	top:220px;
	left:20px;
	/*z-index:10;*/
}
#contact legend{
	color:#c78403;
}
#contact fieldset{
	padding:20px;
	border:1px #c78403 solid;
	text-align:left;
	width:330px;
}
#contact .form-item label{
	display:block;
	font-weight:bold;
}
.form-required{
	color:#FF0000;
}
#contact .form-item input{
	width:330px;
	border:#cccccc 1px solid;
}
input.form-submit{
	background:#c78403;
	color:#ffffff;
	padding:0.6em 0;
}
#contact .form-item textarea{
	display:block;
	width:330px;
	margin-bottom:10px;
	border:#cccccc 1px solid;
}
#contact #texte{
	
}


/*
SOMMAIRE
*/
#wr_content{
	position:relative;
	width:860px;
}
#sommaire div#content{
	float:left;
	width:350px;
	text-align:justify;
	margin:0 0 0 20px;
	padding:450px 0 0 0;
}
#sommaire div#content h1{
	font-style:italic;
	font-size:2em;
	line-height:1.3em;
}
#sommaire div#content h2{
	font-size:1.5em;
	line-height:1.1em;
}

#sommaire div#content div.texte_sommaire{
	font-size:1em;
	line-height:1.4em;
}
#liste_demeures{
	float:right;
	width:350px;
	margin:0 20px 0 0;
	padding:500px 0 150px 0;
	text-align:right;
	}
#liste_demeures p{
	margin:0;
	padding:0;
}
#liste_demeures h3{
	margin-right:130px;
}
#liste_demeures a, #liste_demeures a:hover {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
#liste_demeures div.demeure{
	position:relative;
	width:350px;
	margin-bottom:80px;
}
#liste_demeures div.textedemeure{
	margin:0 130px 0 0;
	padding:0;
}
#liste_demeures div.photodemeure{
	position:absolute;
	right:0;
	bottom:0;
}
#liste_demeures div.photodemeure img{
	border:none;
}
#sommaire #logo{
	position:absolute;
	bottom:10px;
	right:0;
}
#sommaire #infoplus{
	position:absolute;
	top:330px;
	left:240px;
	color:#ffffff;
	background:#c78403;
	padding:0.4em 0.6em;
	z-index:101;
}

/*
DEMEURE
*/
#demeure div#content{
	position:relative;
	width:820px;
	text-align:left;
	margin:0;
	padding:520px 20px 100px 20px;
}
#demeure #logo{
	position:absolute;
	bottom:5px;
	right:5px;
}
#demeure h1{
	color:#C78403;
	padding:0;
}
#demeure #images{
	position:absolute;
	right:-20px;
	top:380px;
}
#demeure div.photoliee{
	float:right;
	width:113px;
	margin-left:10px;	
}
#demeure div.photoliee img{
	border:none;
}
#demeure #texte{
	padding-right:70px;
}

/*
POST, 404
*/
#posted div#content{
	position:relative;
	width:100%;
	text-align:center;
	margin:0;
	padding:430px 0 0 0;
	/*z-index:10;*/
}
#posted #logo{
	position:absolute;
	top:80px;
	right:50px;
	/*z-index:10;*/
}