/* ------  Corps Principal ------*/
* {
border: none;
margin: 0;
padding: 0;
text-decoration: none;
}

body {
background: #101010 url(img/background.jpg) repeat left top;
font: 62.5% Georgia, "Times New Roman", Times, serif;

color:#000000;
}

h1 { display: none; }

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.8em;
color: #8C6D67;
margin:10px 15px 5px 0;
font-weight:normal;
letter-spacing:1px;
}
h3 {
color:#A39675;
margin:10px;
margin-bottom:0;
font: bold 1.7em Georgia, "Times New Roman", Times, serif;
font-weight:normal;
letter-spacing:1px;
}
h4 {
color:#A39675;
margin:30px 10px 10px 10px;
margin-bottom:0;
font: bold 1.7em Georgia, "Times New Roman", Times, serif;
font-weight:normal;
letter-spacing:1px;
}

p {	
font-size: 1.3em;
word-spacing:1px; 
line-height:22px;
color:#4A1912;
letter-spacing:1px;
}

img { 
border: none;
margin:0 0 0 0;
padding:0 0 0 0;
 }
ins { text-decoration: underline; }
a {	color: #D2B66C; text-decoration:underline; }
a { outline: none; }


div#site {
margin:0 auto;
width: 679px;
}

/* ------  En-tête ------*/

#header {
margin:0 auto;
width: 679px;
height:119px;
padding:0;
background: transparent url(img/bg_header.jpg) no-repeat top left;
}

/* ------  haut de page */

#navigation {
background: transparent url(img/bg_menu.jpg) no-repeat top left;
font-family:Arial, Helvetica, Lucida, Verdana, sans-serif;
margin:0 auto;
width: 659px;
height:17px;
padding:0 0 0 20px;
}

#navigation li {
display: inline;
float: left;
margin: 0;
text-align: center;
font-size:11px;
}

#navigation a {
padding: 0;
color:#D2B66C;
width:81px;
display:block;
text-align: center;
text-decoration: none;
}

#navigation a:hover {
color:#8B7C79;
}

/* ------  pied de page */
#logo_rc {
width: 100px;
margin: 0 auto;
display: block;
clear:both;
}
#footer {
margin:0 auto;
padding:0;
width: 679px;
clear: both;
color: #8e733b;
voice-family: "\"}\""; 
voice-family:inherit;
text-align:center;
}

#navigation2 {
background: transparent url(img/bg_menu_footer.jpg) center;
font-family:Arial, Helvetica, Lucida, Verdana, sans-serif;
height:17px;
text-align: center;
}

#navigation2 li {
text-align:center;
display:inline;
margin:0 3px;
color:#d8d8d8;
font-size:11px;
}

#navigation2 a {
padding: 0;
color:#CCCCCC;
text-decoration: none;
}

#navigation2 a:hover {
color:#8C6D67;
text-decoration:underline;
}


/* ------  contenu */

div#contenu {
margin:0 auto;
width:694px;
background-image:url(img/bg_contenu.jpg);
background-repeat:repeat-y;
}

html>body #contenu {
height: auto;
/*min-height:500px;*/
} 

div#contenu ul {
margin:10px 0 10px 10px;
}

div#contenu li {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.2em;
list-style-position:inside;
margin-left:10px;
list-style-type: circle;
margin-bottom:5px;
}
/* ------ erreur */

#erreur {
padding:30px 0 15px 0;
margin:0 30px 0 30px;
}

/* ------  contact */

#contact {
padding:30px 0 15px 0;
margin:0 30px 0 30px;
}


#contact label {
font-size:12px;
color: #000000;
}

.rouge {
color:#990000;
}

/* ------ mentions légales */

#mentions-legales {
padding:30px 0 30px 0;
margin:0 30px 0 30px;
}

#mentions-legales p{
margin:8px 10px 0 0;
text-align:justify;
}

/* ------ propos */

#apropos,
#propos-rc {
padding:30px 0 30px 0;
margin:0 30px 0 30px;
}

#apropos p, 
#propos-rc p {
margin:8px 10px 0 0;
text-align:justify;
}


/* ------  historique */

#historique {
background:url(img/bg_historique.jpg) no-repeat top right;
padding:30px 0 30px 0;
margin:0 30px 0 30px;
/*height:300px;*/
}

#historique p {
width:350px;
}


/* ------  patrimoine */

#patrimoine {
background:url(img/bg_patrimoine.jpg) no-repeat top left;
padding:30px 0 30px 0;
margin:0 30px 0 30px;
/*height:300px;*/
text-align:right;
}

#patrimoine p{
text-align:right;
margin:55px 15px 35px 10px;
}

/* ------ chambres */

#chambres {
background:url(img/bg_chambres.jpg) no-repeat top left;
padding:30px 0 30px 0;
margin:0 30px 0 30px;
/*height:300px;*/
text-align:right;
}

#chambres p{
text-align:right;
margin:75px 15px 30px 10px;
}

/* ------ restaurer */

#restaurer {
background:url(img/bg_restaurer.jpg) no-repeat top left;
padding:30px 0 30px 0;
margin:0 30px 0 30px;
/*height:300px;*/
text-align:right;
}

#restaurer p{
text-align:right;
margin:80px 15px 37px 10px;
}

/* ------ cuisine */

#cuisine {
background:url(img/bg_cuisine.jpg) no-repeat top left;
padding:30px 0 30px 0;
margin:0 30px 0 30px;
/*height:300px;*/
text-align:right;
}

#cuisine p{
text-align:right;
margin:73px 15px 27px 10px;
}

/* ------ recevoir */

#recevoir {
background:url(img/bg_recevoir.jpg) no-repeat top left;
padding:30px 0 30px 0;
margin:0 30px 0 30px;
/*height:300px;*/
text-align:right;
}

#recevoir p {
text-align:right;
margin:88px 15px 41px 10px;
}

#recevoir img {

}


#galerie {
text-align:left;
}

#galerie img {
border:1px solid #EBEDEC;
margin:5px 5px 5px 0; 
}
#galerie img:hover {
border:1px solid #c4c4c4;
}

/* ------ nous rendre visite */

#visite {
background:url(img/bg_visite.jpg) no-repeat top left;
padding:30px 0 30px 0;
margin:0 35px 0 30px;
text-align:left;
}


#visite ul {
margin:10px;
}

#plan {
text-align:center;
}

/* ------ lightbox */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* ------  divers ------*/

.spacer {
clear: both;
}
.petit {
font-size: 0.9em;
}
.moyen {
font-size: 1.3em;
}
.grand {
font-size: 2em;
}
.txt_gauche { text-align:left; }
.txt_centre { text-align:center; }
.txt_droite { text-align:right; }

.clearfloat {
display: table;
width: 100%;
}

/* ------  Formulaires ------*/
#col_form {
width:220px;
float:left;
}

#col_form2 {
width:170px;
float:left;
}
.champ_date {
width:140px;
}

.champ_nbre {
width:50px;
}
.detail {
margin:5px 0 0 0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}
#contact input, #contact select, #contact textarea {
color:#767676;
border:1px solid #D2B66C;
}

form {
padding: 15px;
padding-left: 0;
}
form ul {
list-style: none;
margin: 0;
padding: 0;
}
form li {
margin-bottom: 5px;
list-style-type: none;
}
fieldset {
width: 90%;
margin: 0 auto;
margin-top: 20px;
border: none;
}
label {
display: block;
font-size: 11px;
margin-bottom:5px;
}
input {
padding: 2px;
margin-bottom: 5px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
textarea {
width: 610px;
height: 150px;
padding: 2px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
select {
font-size: 11px;
width:120px;
margin-bottom: 5px;
}

.btn {
width: 200px;
height:25px;
font-family:Helvetica, Lucida, Verdana, Arial, sans-serif;
color:#000000;
background:#FFFFFF;
}