body {
	margin: 0px;
	padding: 0px;
	background-color: #373534;
}


		/* marges et ombres */


.marge {
	height: 60px;
	width: 840px;
	margin: auto;
}
#ombre-haut {
	height: 20px;
	width: 840px;
	margin: auto;
	background-image: url(/ressources/ombre-haut.jpg);
}
#ombre-bas {
	height: 20px;
	width: 840px;
	margin: auto;
	background-image: url(/ressources/ombre-bas.jpg);
}
#page {
	width: 840px;
	margin: auto;
	background-image: url(/ressources/ombre-centre.jpg);
}
#ombre-menu {
	position: relative;
	left: 20px;
	width: 800px;
	height: 10px;
	font-size: 1px;
	background-image: url(/ressources/ombre-menu.jpg);
}



		/* logo */


#logo {
	position: relative;
	left: 20px;
	width: 800px;
	height: 200px;
	background: white;
	background-image: url(/ressources/logo.jpg);
}






		/* menu */


#menu {
	position: relative;
	left: 20px;
	height: 30px;
	width: 800px;
	background-image: url(/ressources/menu.jpg);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}
.element-de-menu {
	position: relative;
	float: left;
	left: 15px;
	height: 30px;
}


		/* menu - la galerie */


#la-galerie-selected {
	background-image: url(/ressources/menu-la-galerie-selected.jpg);
	width: 160px;
}
#la-galerie {
	background-image: url(/ressources/menu-la-galerie.jpg);
	width: 160px;
}
#la-galerie:hover {
	background-image: url(/ressources/menu-la-galerie-hover.jpg);
}


		/* menu - expositions */


#expositions-selected {
	background-image: url(/ressources/menu-expositions-selected.jpg);
	width: 190px;
}
#expositions {
	background-image: url(/ressources/menu-expositions.jpg);
	width: 190px;
}
#expositions:hover {
	background-image: url(/ressources/menu-expositions-hover.jpg);
}



		/* menu - chambres d'h™tes */


#chambres-selected {
	background-image: url(/ressources/menu-chambres-selected.jpg);
	width: 270px;
}
#chambres {
	background-image: url(/ressources/menu-chambres.jpg);
	width: 270px;
}
#chambres:hover {
	background-image: url(/ressources/menu-chambres-hover.jpg);
}




		/* menu - liens */


#liens-selected {
	background-image: url(/ressources/menu-liens-selected.jpg);
	width: 100px;
}
#liens {
	background-image: url(/ressources/menu-liens.jpg);
	width: 100px;
}
#liens:hover {
	background-image: url(/ressources/menu-liens-hover.jpg);
}


		/* menu - contact */


#contact-selected {
	background-image: url(/ressources/menu-contact-selected.jpg);
	width: 150px;
}
#contact {
	background-image: url(/ressources/menu-contact.jpg);
	width: 150px;
}
#contact:hover {
	background-image: url(/ressources/menu-contact-hover.jpg);
}









#cadre-menu {
	border-bottom-color: black;
	border-top-color: black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	background-repeat: repeat-x;
	background-image: url(/ressources/menu/fond-menu.jpg);
	height: 30px;
	width: 800px;
	background-color: #5d484d;
	margin: auto;
	padding: 0px;
}

#cadre-menu ul {
	width: 678px;
	height: 30px;
	margin: 0px;
	position: relative;
	padding: 0px;
}

#cadre-menu ul li {
	position: absolute;
	height: 30px;
	padding: 0px;
	margin: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	list-style-type: none;
	text-indent: -9999px;
}



#cadre-menu ul a {
	height: 30px;
	display: block;
}
#cadre-menu ul a #galerie {
	width: 118px;	
}
#cadre-menu ul a #exposition {
	width: 144px;	
}
#cadre-menu ul a #vente {
	width: 96px;	
}
#cadre-menu ul a #chambres {
	width: 209px;	
}
#cadre-menu ul a #contact {
	width: 111px;	
}


#cadre-menu #galerie{
	left : 61px;
	width: 118px;
	background: url(/ressources/menu/menu-galerie.png);
}

#cadre-menu #expositions{
	left : 179px;
	width: 144px;
	background: url(/ressources/menu/menu-expositions.png);
}

#cadre-menu #vente{
	left : 323px;
	width: 96px;
	background: url(/ressources/menu/menu-vente.png);
}

#cadre-menu #chambres{
	left : 419px;
	width: 209px;
	background: url(/ressources/menu/menu-chambres.png);
}

#cadre-menu #contact{
	left : 628px;
	width: 111px;
	background: url(/ressources/menu/menu-contact.png);
}



#cadre-menu #galerie a:hover{
	background: url(/ressources/menu/menu-galerie.png) 0px -30px no-repeat;
}
#cadre-menu #expositions a:hover{
	background: url(/ressources/menu/menu-expositions.png) 0px -30px no-repeat;
}
#cadre-menu #vente a:hover{
	background: url(/ressources/menu/menu-vente.png) 0px -30px no-repeat;
}
#cadre-menu #chambres a:hover{
	background: url(/ressources/menu/menu-chambres.png) 0px -30px no-repeat;
}
#cadre-menu #contact a:hover{
	background: url(/ressources/menu/menu-contact.png) 0px -30px no-repeat;
}



#cadre-menu #galerie-selected{
	left : 61px;
	width: 118px;
	background: url(/ressources/menu/menu-galerie-selected.png);
}
#cadre-menu #expositions-selected{
	left : 179px;
	width: 144px;
	background: url(/ressources/menu/menu-expositions-selected.png);
}
#cadre-menu #vente-selected{
	left : 323px;
	width: 96px;
	background: url(/ressources/menu/menu-vente-selected.png);
}
#cadre-menu #chambres-selected{
	left : 419px;
	width: 209px;
	background: url(/ressources/menu/menu-chambres-selected.png);
}
#cadre-menu #contact-selected{
	left : 628px;
	width: 111px;
	background: url(/ressources/menu/menu-contact-selected.png);
}











		/* contenu */


#contenu {
	background: #afa79f;
	width: 800px;
	position: relative;
	left: 20px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	letter-spacing: 2px;
	font-size: 12px;
	text-align: justify;
}


#contenu .menu{
	position:relative;
	top:20px;
	left:25px;
	width:750px;
	text-align:center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}
#haut{
	margin-bottom:10px;
}
#bas{
	margin-bottom:40px;
}
#contenu .menu .selected{
	color:#685c53;
	text-decoration:none;
}

#contenu .menu a{
	color:#000;
	text-decoration:none;
}
#contenu .menu a:hover {
	color: #ececec;
}



		/* pied de page */


#pied-de-page {
	clear: both;
	font-size: 11px;
	background-image: url(/ressources/ombre-pied-de-page.jpg);
	background-repeat: repeat-x;
	background-color: #453135;
	height: 30px;
	color: #cfc4c3;
}
#copyright {
	position:relative;
	top:12px;
	left:3px;
	float: left;
}
#design-by {
	position:relative;
	top:12px;
	right:3px;
	float:right;
	text-decoration:none;
	color: #cfc4c3;
}
#pied-de-page a:hover {
	text-decoration: underline;
}


		/* haut de la page*/


.haut-de-la-page {
	text-align: right;
}
.haut-de-la-page a{
	color: #000000;
	text-decoration: underline;
}
.haut-de-la-page a:hover{
	color: #ffffff;
	text-decoration: none;
}