@import url("/skin/styles.general.css");
@import url("/skin/skin_default/accueil.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/galerie.css");
@import url("/skin/skin_default/reservation.css");
/*@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");*/

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #380b08 url(/images/bg-tapisserie.jpg) top center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

ul, ul li {margin: 0; padding: 0; list-style: none;}

/*### Styles généraux à tous les skins ###*/
.clearLeft{clear: left;}
.clearRight{clear: right;}
.clearBoth{clear: both;}

div.rss a{
	padding-left: 19px;
	background: url(/images/rss.gif) 0px 0px no-repeat;
}
div#public_message{position: relative;}
div#public_message #message{
	position: absolute;
	top: 0px;
	left: 0px;
}
div#publicerror, div#publicerrorErr,
#menu ul li.mInactif a,
#module_plan ul li.mInactif a{
	color: #FF0000;
}
/*### Styles généraux à tous les skins ###*/

#top_shadow {
	width: 100%;
	height: 17px;
	background: url(/images/bg-topshadow.png) top left repeat-x;
	position: absolute;
	top: 52px;
	left: 0;
	z-index: 500;
	font: normal 1px/1px;
}

/*Menu Header*/	
#top {background: url(/images/bg-topbar.gif) top left repeat-x;}
#top div {width: 960px;	height: 52px;margin: 0 auto;padding: 0;background:url(/images/bg-topbar-highlight.gif) top left no-repeat;}

#top ul {
	width: 880px;
	height: 52px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: right;
	background:url(/images/top-sep.gif) top right no-repeat;
}

	#top ul li {
		float: right;
		display: inline;
		padding:11px 5px 0px;
		background:url(/images/top-sep.gif) top left no-repeat;
	}
	
	#top ul li a {
		display: block;
		float: left;
		color: #FFF;
		text-decoration: none;
		padding:5px 15px 5px 30px;
		font-size:11px;
		outline:none;
	}
	#top ul li a.home {background:url(/images/top-home.gif) 14px 6px no-repeat;}
	#top ul li a.contact {background:url(/images/top-envelope.gif) 14px 8px no-repeat;}
	#top ul li a:hover {color: #fff;background-color:#c6a063;}
	

#container {
	background: #1f0301;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
	
#header_holder {position:relative}
	#header_holder .shadow {
		background: url(/images/bg-topshadow.png) top left repeat-x;
		width:100%;
		position:absolute;
		height:17px;
		z-index:200;
		top:0px;
	}
	#header_holder #header {
		background: #1f0301;
		width: 960px;
		margin: 0 auto;
		position:relative;
		z-index:100;
	}


	#header #logo{
		width: 960px;
		height: 188px;
		background: url(/images/feuilles-header.jpg) 675px 0px no-repeat;
	}

	#page{
	padding:0px 0px 34px 0px;
	}
	#cols{

	}
	
	#colLeft{

	}
	#colRight{

	}

a{
	color:#ad5612;
	text-decoration: underline;
	outline:none;
}
a:hover{
	text-decoration: none;
}
form{
	margin:0px;
	padding:0px;
}
img{border: none;}


/*Contenu*/
#cols{
	width: 880px;
	margin: 0 auto 0px;
	padding:0px 0px 0px 0px;
	background:url(/images/cols-milieu.gif) #FFFFFF top left repeat-y;
}
#cols #colLeft{
	float:left;
	width:273px;
}
#cols #colRight{
	float:right;
	width:607px;
}


#printthis{background:url(/images/bg-print.gif) #FFFFFF bottom right no-repeat;}
#printthis a{float:right;display:block;color:#999;text-decoration:none;font-size:9px;background:url(/images/print-icon.gif) 0px 5px no-repeat;padding:3px 3px 3px 16px;margin:8px 10px 28px;}
#printthis a:hover{text-decoration:underline}


/**/
#footer{
	background: #bb9457 url(/images/bg-footer.gif) top left repeat-x;
	/*background: url(/images/bg-bottomshadow.png) top left repeat-x;*/
	padding: 21px 0 0 0;
	position:relative;
}
#footer .shadow{
	background: url(/images/bg-bottomshadow.png) top left repeat-x;
	position:absolute;
	width:100%;
	height:11px;
	top:-11px;
}

	#footer .inner {
		width: 960px;
		margin: 0 auto;
		text-align: center;
		position:relative;
	}
#footer .inner .feuille{
	position:absolute;
	left:-100px;
	top:-170px;
	z-index:300;
}
	

/*Bouttons*/

div.boutons {
	float: left;
	display: inline;
}
	div.boutons a.btn input {
		background:url(/images/fond-boutton.gif) #cddc29 top left repeat-x;
		color:#484c0a;
		font-size:11px;
		padding:3px 5px;
		border:1px solid #61690e;
		cursor:pointer;
	}	
	div.boutons a.btn:hover input {
		background:url(/images/fond-boutton-hover.gif) #d7e331 top left repeat-x;
		color:#484c0a;
		}

/*Menu principal*/	

#menu{position:absolute;top:147px;left:76px;}

#menu ul,
#menu ul li{
	list-style:none;
	padding:0px;
	margin:0px;
}

#menu ul{width:847px;}
#menu ul li{float:left;}

#menu ul li a{display:block;float:left;height:41px;background-image:url(/images/menu.gif);background-repeat:no-repeat;}

#menu ul li.gite a{width:73px;}
#menu ul li.gite a:hover{background-position:0px -41px;}
#menu ul li.gite a.active{background-position:0px -82px;}

#menu ul li.chambres a{width:116px;background-position:-73px 0px;}
#menu ul li.chambres a:hover{background-position:-73px -41px;}
#menu ul li.chambres a.active{background-position:-73px -82px;}

#menu ul li.appartement a{width:137px;background-position:-189px 0px;}
#menu ul li.appartement a:hover{background-position:-189px -41px;}
#menu ul li.appartement a.active{background-position:-189px -82px;}


#menu ul li.tarifs a{width:81px;background-position:-326px 0px;}
#menu ul li.tarifs a:hover{background-position:-326px -41px;}
#menu ul li.tarifs a.active{background-position:-326px -82px;}

#menu ul li.forfaits a{width:100px;background-position:-407px 0px;}
#menu ul li.forfaits a:hover{background-position:-407px -41px;}
#menu ul li.forfaits a.active{background-position:-407px -82px;}

#menu ul li.reservations a{width:137px;background-position:-507px 0px;}
#menu ul li.reservations a:hover{background-position:-507px -41px;}
#menu ul li.reservations a.active{background-position:-507px -82px;}

#menu ul li.activites a{width:106px;background-position:-644px 0px;}
#menu ul li.activites a:hover{background-position:-644px -41px;}
#menu ul li.activites a.active{background-position:-644px -82px;}

#menu ul li.photos a{width:94px;background-position:-750px 0px;}
#menu ul li.photos a:hover{background-position:-750px -41px;}
#menu ul li.photos a.active{background-position:-750px -82px;}

#menu ul li a span{display:block;text-indent:-10000px;}


/*Menu footer*/

#foot {margin:0px auto;}

#foot,
#foot li{list-style: none;padding: 0px;margin: 0px;}

#foot li{display:inline}
#foot li a{
	padding: 2px 0px;
	margin: 0px 4px;
	color:#6c5127;
	font-size:10px;
	text-decoration: none
	}
#foot li a:hover{text-decoration:underline}
#foot li b{font-weight:normal;color:#d7b47c;}

#footer span.credits{clear:both;display:block;color:#e9c387;font-size:10px;padding:20px 0px 70px;}
#footer span.credits a{color:#e9c387;}
