@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body{
	font: .8em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #3d3737;
	background: #e9e7de;
}
a, a:visited{
	color: #3d3737;
	outline: none;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a img{
	border: none;
}
ul{
	list-style: none;
}
h2{
	margin-bottom: 1em;
	font-size: 1.8em;
	color: #59041b;
}
div#col h2{
	padding: 8px;
	font-size: 1.7em;
	color: #fff;
	background: #c7c5c1;
	font-weight: normal;
	text-align: center;
}
h3{
	margin-bottom: .5em;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: normal;
	color: #423012;
}
h4{
	margin-bottom: 10px;
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 25px;
	color: #423012;
	background: #fff url(../im/bg_h4_blanc.png) 50% 25px no-repeat;
	text-align: center;
	clear: both;
}
h4.beige{
	background: #f7f5f1 url(../im/bg_h4.png) 50% 25px no-repeat;
}
p{
	margin-bottom: 1.3em;
}
hr{
	clear: both;
	visibility: hidden;
}
/*#####################################
                CLASSES                
#####################################*/
/*puces*/
.arrow{
	padding-left: 17px;
	background: url(../im/bullet_go.png) 0 0 no-repeat;
}
/*layout*/
.block{
	display: block;
}
.fleft{
	float: left;
	margin-right: 5px;
}
.cleft{
	clear: left;
}
.fright{
	float: right;
	margin-left: 5px;
}
img.hr{
	display: block;
	margin: 10px 0 20px 0;
}
.margin-top{
	margin-top: 1.3em;
}
.last{
 	border-bottom: 0;
	margin-right: 0;
}
/*texte*/
.gras{
	font-weight: bold;
}
.bordeaux, .bordeaux a, .bordeaux a:visited{
	color: #59041b;
}
.sienne, .sienne:visited, .sienne a, .sienne a:visited{
	color: #99968d;
}
.rouge{
	color: #c00;
}
.alternate{
	background: #f7f5f1;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.legende{
	font-style: italic;
	color: #999;
}
.underline, .underline:visited{
	text-decoration: underline;
}
.underline:hover{
	text-decoration: none;
}
/*diaporama*/
div.scrollable, div.diaporama{
	overflow: hidden;
	position: relative;
}
div.diaporama{
	margin-bottom: 10px;
}
div.items{
	width: 20000em;
	position: absolute;
}
/*boutons*/
a.button, a.button:visited{
	display: inline-block;
	height: 30px;
	background: url(../im/button_right.png) 100% 0 no-repeat;
	color: #ccc;
	font-weight: bold;
	line-height: 30px;
}
a.button span{
	display: block;
	height: 30px;
	margin-right: 2px;
	padding: 0 14px 0 20px;
	background: url(../im/button_left.png) 0 0 no-repeat;
}
a.button:hover{
	background-position: 100% -30px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
}
a.button:hover span{
	background-position: 0 -30px;
}
/*album*/
ul.album{
	width: 610px;
	overflow: auto;
}
ul.album li{
	float: left;
	width: 135px;
	height: 160px;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #c1c0b8;
}
ul.album li.last{
	border-bottom-width: 1px;
	margin-right: 0;
}
ul.album li:hover{
	background: #f7f5f1;
}
/**/
img.thumb{
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}
a.zoom, a.zoom:visited{
	padding-left: 16px;
	margin-top: 3px;
	margin-bottom: 1.3em;
	color: #999;
	line-height: 16px;
	background: url(../im/bullet_toggle_plus.gif) 0 0 no-repeat;
}
a.zoom:hover{
	color: #3d3737;
	text-decoration: underline;
}
a.pdf, a.pdf:visited{
	padding-left: 20px;
	margin-top: 3px;
	margin-bottom: 1.3em;
	color: #999;
	line-height: 16px;
	background: url(../im/acrobat.png) 0 0 no-repeat;
}
a.pdf:hover{
	color: #3d3737;
	text-decoration: underline;
}
/*alert*/
div#alert{
	position: fixed;
	top: 0;
	left: 0;
	height: 32px;
	width: 100%;
	padding: 5px 0;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	z-index: 100;
}
div#alert.confirm{
	color: #4a8b00;
	border-bottom: 4px solid #4a8b00;
	background: url(../im/confirm.png) 5px 50% no-repeat;
	background-color: #d8f47d;
}
div#alert.error{
	color: #f00;
	border-bottom: 4px solid #f00;
	background: url(../im/exclamation.png) 5px no-repeat;
	background-color: #fcc;
}
/*#####################################
                LAYOUT                
#####################################*/
div#conteneur{
	position: relative;
	width: 980px;
	margin: 10px auto;
	background: url(../im/bg_conteneur.jpg) repeat-y;
}
/*header*/
div#header{
	position: relative;
	height: 275px;
	width: 950px;
	padding: 15px;
	background: url(../im/header_bg.jpg) no-repeat;
}
div#header h1{
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -5000px;
	overflow: hidden;
}
div#header a#home img{
	display: block;
}
/*langues*/
ul#flags{
	position: absolute;
	right: 13px;
	top: 264px;
	width: 84px;
	height: 23px;
}
ul#flags li{
	float: left;
}
ul#flags li a{
	float: left;
	display: block;
	width: 23px;
	height: 23px;
	margin-right: 5px;
	text-indent: -5000em;
}
ul#flags li a#lang_fr{
	background: url(../im/flag_fr.png) no-repeat;
}
ul#flags li a#lang_en{
	background: url(../im/flag_en.png) no-repeat;
}
ul#flags li a#lang_de{
	background: url(../im/flag_de.png) no-repeat;
}
/*menu*/
div#menu{
	height: 80px;
	width: 950px;
	margin: 0 auto 20px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 15px;
}
div#menu ul{
	position: relative;
	float: left;
	width: 950px;
}
div#menu ul li{
	float: left;
}
div#menu ul li a{
	display: block;
	height: 40px;
	padding: 0 13px;
	line-height: 40px;
	font-weight: bold;
	font-size: 15px;
	background: url(../im/menu_separator.png) 100% 50% no-repeat;
	text-decoration: none;
}
div#menu ul li.last a{
	background: none;
}
div#menu ul li.actif a, div#menu ul li a:hover{
	color: #59041b;
}
div#menu ul li span{
	position: absolute;
	left: 0;
	top: 40px;
	float: left;
	padding: 8px 5px;
	display: none;
	width: 940px;
	background: #e9e7de;
}
div#menu ul li:hover span{
	display: block;
}
div#menu ul li span a, div#menu ul li.actif span a{
	display: inline;
	padding: 0 2px;
	line-height: 15px;
	font-weight: normal;
	background: none;
	color: #3d3737;
}
div#menu ul li.actif span a:hover{
	color: #991034;
}
div#menu ul li span a.gras{
	font-weight: bold;
}
div#menu ul li span a.gras:hover{
	cursor: default;
	color: #3d3737;
}
/*conteneur*/
div#content{
	position: relative;
	width: 980px;
}
div#content.sidebar{
	background: url(../im/bg_sidebar.jpg) repeat-y;
}
/*colonne*/
div#col{
	float: left;
	width: 265px;
	padding: 5px 5px 5px 20px;
}
#col p, #col dl{
	margin-bottom: 15px;
}
#col dl dt{
	font-weight: bold;
	color: #423012;
}
#col .box{
	padding: 5px;
	border: 1px solid #c7c5c1;
	background: #efede9;
}
/*contenu*/
div#contenu{
	position: relative;
	float: right;
	padding-top: 5px;
	margin: 0 40px;
	width: 610px;
}
div#footer{
	position: relative;
	clear: both;
	height: 30px;
	padding: 20px 5px 0;
	background: url(../im/bg_footer.jpg);
	color: #99968d;
}
div#footer a.contact{
	float: right;
}
div#footer a.contact:hover{
	text-decoration: underline;
}
div#footer a.top{
	width: 150px;
	height: 30px;
	top: 10px;
	left: 50%;
	margin-left: -75px;
	position: absolute;
	display: block;
	text-align: center;
	line-height: 30px;
	background: #fff;
	-moz-border-radius: 0 0 10px 10px;
	border: 1px solid #C3C7B2;
	border-top: 0;
	color: #999;
}
div#footer a.top:hover{
	color: #3d3737;
	text-decoration: none;
}
/*#####################################
                ACCUEIL                
#####################################*/
/*colonne*/
div#prestations{
	width: 253px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #e9e9e9;
	background: #f7f5f1;
}
div#prestations li{
	padding-bottom: .5em;
	padding-left: 20px;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: .5em;
	font-size: 1.2em;
	background: url(../im/accept.png) 0 0 no-repeat;
}
div#prestations li.last{
	border-bottom: 0;
}
/*logos*/
#col .logos{
	margin: 10px 0;
}
/*edito*/
div#edito{
	position: relative;
}
div#edito h2{
	margin-bottom: 14px;
}
/*actus*/
div#actus{
	margin-top: 20px;
}
div.actu{
	margin-bottom: 1.3em;
}
div.actu h3 span{
	display: block;
	border-top: 1px dotted #ccc;
	margin-top: 5px;
	padding-top: 3px;
	font-size: .6em;
	color: #999;
}
div.actu .img_actu{
	display: block;
	margin-bottom: 1.3em;
	padding: 4px;
	border: 1px solid #ccc;
	backsground: #fff;
}
/*pagination*/
p#numPages{
	clear: both;
	margin-top: 20px;
	text-align: center;
	cursor: default;
}
p#numPages span{
	font-weight: bold;
	padding: 3px 7px 4px 7px;
	margin: 0 3px;
	background: #59041b;
	color: #fff;
}
p#numPages span.prev, p#numPages span.next{
	background: #fff;
	border: 1px solid #f2f2f2;
	color: #ccc;
}
p#numPages a{
	background: #fff;
	color: #999;
	padding: 2px 6px 3px 6px;
	margin: 0 3px;
	border: 1px solid #999;
}
p#numPages a:hover{
	color: #59041b;
	border-color: #59041b;
	text-decoration: none;
}
/*#####################################
                CHATEAU                
#####################################*/
/*parc*/
div#diaporama-parc{
	padding: 10px;
	width: 245px;
	height: 170px;
	background: url(../im/bg_diaporama_parc.png) 0 0 no-repeat;
}
div#diaporama-parc .scrollable{
	width: 245px;
	height: 170px;
}
div#diaporama-parc img{
	float: left;
	display: block;
	width: 245px;
}
/*animaux*/
#col dl.animaux{
	background-position: 0 1.5em;
	background-repeat: no-repeat;
	min-height: 100px;
}
#col dl.animaux dd{
	margin-left: 85px;
}
#col dl.cheval{
	background-image: url(../im/cheval.jpg);
}
#col dl.poneys{
	background-image: url(../im/poneys.jpg);
}
#col dl.chat{
	background-image: url(../im/chat.jpg);
}
/*historique*/
div#diaporama-historique{
	float: left;
	width: 400px;
	height: 280px;
	margin-right: 10px;
	background: url(../im/bg_diaporama_historique.jpg) 0 0 no-repeat;
}
/*#####################################
                CHAMBRES                
#####################################*/
/*diaporama*/
div#diaporama-chambres{
	padding: 0 50px;
	margin: 0 20px 20px;
	width: 840px;
	position: relative;
}
div#diaporama-chambres a.button{
	margin-bottom: 5px;
}
div#diaporama-chambres ul#navi_chambres{
	width: 840px;
	height: 39px;
	border-bottom: 1px solid #e9e9e9;
}
div#diaporama-chambres ul#navi_chambres li{
	float: left;
	margin-right: 10px;
}
div#diaporama-chambres ul#navi_chambres li a{
	display: block;
	float: left;
	padding: 5px 10px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e9e9e9;
	background: #fff;
	color: #999;
}
div#diaporama-chambres ul#navi_chambres li a:hover{
	color: #3d3737;
	text-decoration: none;
}
div#diaporama-chambres ul#navi_chambres li.active a{
	border-bottom-color: #f7f5f1;
	background: #f7f5f1;
	color: #3d3737;
}
div#diaporama-chambres .diaporama{
	width: 840px;
	height: 276px;
}
div#diaporama-chambres .diaporama .items div{
	float: left;
	width: 828px;
	height: 265px;
	position: relative;
	padding: 5px;
	border: 1px solid #e9e9e9;
	border-top: 0;
	background: #f7f5f1;
}
div#diaporama-chambres .diaporama .items div h4{
	margin-left: 415px;
	width: 413px;
	clear: none;
}
/*photos*/
ul.photos{
	float: left;
    position: relative;
    width: 400px;
    height: 265px;
	margin-right: 10px;
}
ul.photos li{
    overflow: hidden;
    position:absolute;
}
ul.photos li img{
    padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
}
/*#####################################
              PRESTATIONS                
#####################################*/
dl#plats{
	padding: 5px;
	margin-bottom: 1.3em;
	border: 1px solid #c7c5c1;
	background: #efede9;
}
dl#plats dd{
	margin-bottom: .5em;
}
/*#####################################
              TARIFS                
#####################################*/
/*chambres*/
table#tarifs{
	margin-bottom: 1.3em;
}
table#tarifs tr.alternate{
	background: #f7f5f1;
}
table#tarifs th{
	padding: 5px 0;
}
table#tarifs td{
	padding: 5px 10px 5px 5px;
	width: 65px;
	text-align: right;
	border-top: 1px solid #C7C5C1;
}
table#tarifs td.left{
	width: 220px;
	text-align: left;
}
/*tarifs*/
dl.tarifs{
	float: left;
	clear: left;
	width: 610px;
	padding-bottom: 3px;
	margin-bottom: .5em;
	color: #3d3737;
}
dl.tarifs dt{
	float: left;
	clear: left;
	width: 570px;
	padding-bottom: 3px;
	margin-bottom: .5em;
	color: #3d3737;
}
dl.tarifs dd{
	float: left;
	width: 40px;
	padding-bottom: 3px;
	margin-bottom: .5em;
	border-bottom: 1px dotted #666;
	text-align: right;
}
/*col*/
#col dl.tarifs{
	margin-bottom: 1.3em;
	width: 253px;
	overflow-y: auto;
}
#col dl.tarifs dt{
	width: 213px;
}
/*#####################################
              PLAN                
#####################################*/
ul.acces li{
	padding-bottom: 4px;
	margin-bottom: 5px;
	border-bottom: 1px solid #c7c5c1;
}
/*#####################################
              LIVRE D'OR                
#####################################*/
p.guestbook_infos{
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(../im/bg_guestbook_infos.png) 10px 100% no-repeat;
	font-weight: bold;
}
p.guestbook_infos span{
	float: right;
	font-weight: normal;
	font-style: italic;
}
div.guestbook{
	padding: 5px;
	margin-bottom: 1.3em;
	background: #f7f5f1;
}
div.guestbook p{
	margin-bottom: .5em;
}
/*#####################################
                PRESSE                
#####################################*/
ul#presse{
	width: 610px;
}
ul#presse li{
	width: 485px;
	padding: 5px 5px 5px 120px;
	margin-bottom: 10px;
	position: relative;
}
ul#presse li img{
	position: absolute;
	left: 5px;
	top: 5px;
}
ul#presse li p{
	margin-bottom: 5px;
}
ul#presse li a{
	text-decoration: underline;
}
ul#presse li a:hover{
	text-decoration: none;
}
ul#presse li a.zoom, ul#presse li a.pdf{
	color: #3d3737;
}
/*#####################################
               PARTENAIRES                
#####################################*/
div#partenaires{
	width: 610px;
}
div#partenaires div{
	margin-right: 5px;
	width: 200px;
	height: 150px;
	float: left; 
	line-height: 150px;
}
div#partenaires div.last{
	margin-right: 0;
}
div#partenaires img{
	margin: 0 auto;
	vertical-align: middle;
}
/*#####################################
               ACTIVITES                
#####################################*/
dl.activites{
	margin-right: 5px;
	margin-bottom: 20px;
	width: 200px;
	float: left; 
}
dl.activites.last{
	margin-right: 0;
}
dl.activites a{
	margin: 0 auto;
}
dl.activites dt{
	margin-bottom: 10px;
	color: #423012;
	font-size: 1.4em;
}
dl.activites dd{
	margin-bottom: 5px;
}
/*#####################################
               FESTIVITES                
#####################################*/
dl.festivites{
	margin-bottom: 30px;
}
dl.festivites dt{
	margin: 1em 0 .3em;
	font-size: 1.6em;
	font-weight: normal;
	color: #423012;
}
dl.festivites dd{
	margin-bottom: 3px;
	margin-left: 10px;
}
/*#####################################
               RESTAURANTS                
#####################################*/
dl.restaurants dt{
	clear: left;
	padding-left: 28px;
	line-height: 24px;
	font-weight: bold;
	color: #423012;
	background: url(../im/restaurant.png) 0 0 no-repeat;
}
dl.restaurants dt a{
	color: #423012;
}
dl.restaurants dd{
	margin-bottom: 8px;
	padding-bottom: 5px;
	float: left;
	border-bottom: 1px solid #e9e9e9;
}
dl.restaurants dd.lieu{
	margin-left: 28px;
	width: 334px;
	padding-left: 18px;
	background: url(../im/house.png) 0 0 no-repeat;
}
dl.restaurants dd.km{
	width: 62px;
	padding-left: 18px;
	background: url(../im/map.png) 0 0 no-repeat;
}
dl.restaurants dd.tel{
	width: 150px;
}
dl.restaurants dd.tel span{
	padding-left: 18px;
	background: url(../im/phone.png) 0 0 no-repeat;
}
/*#####################################
               CONTACT                
#####################################*/
form p.fleft, form p.fright{
	width: 300px;
}
form img{
	vertical-align: top;
}
form div p{
	margin-bottom: 0;
}
label{
	display: block;
}
input.textfield, select, textarea{
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #bebebe #f3f3f3 #f3f3f3 #bebebe;
	background: #f3f3f3;
	font: inherit;
	width: 288px;
	font-family: arial, 'TrebuchetMS', sans-serif;
	font-weight: bold;
}
input.textfield:focus, textarea:focus{
	background: #ffffe4;
}
input#spam{
	width: 30px;
}
textarea#adresse{
	height: 62px;
}
textarea#demande{
	height: 145px;
}
textarea#commentaire{
	height: 40px;
}
p.cp{
	float: left;
	width: 140px;
}
p.cp input.textfield{
	width: 128px;
}
p.ville{
	float: left;
	width: 150px;
	margin-left: 10px;
}
p.ville input.textfield{
	width: 138px;
}
p.center{
	margin-top: 30px;
	clear: both;
}
p.center input{
	padding: 5px;
	background: #333;
	color: #fff;
	font-weight: bold;
	border: 0;
	-moz-border-radius: 5px;
	cursor: pointer;
}
p.center input:hover{
	color: #ccc;
}