/*************************** BALISES *********************************/
body {
	background: #F6F4E5 url('../img/bg.jpg') repeat-x top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	margin-bottom: 2
}
h2{
color:#c55c2a;
font-size:2.5em;
padding:22px 0 15px 10px;
border-bottom:#9e9c89 2px dashed;
margin-bottom:15px;
}
#contact h2{
width:50%;
}
#reservation h2{
width:50%;
}
h5{
color:#c55c2a;
font-size:1.2em;
padding:5px;
border-bottom:#9e9c89 2px dashed;
margin-bottom:15px;
}
h4{
}
a {
}
table {
border-collapse: collapse;
}
acronym, abbr {
border-bottom: 1px dotted black;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
/***************************** BALISES END *****************************/

/**************************** LAYOUT ***********************************/
#wrapper {
position: absolute;
left: 50%;
width: 960px;
margin-left: -480px;
}
#header {
width: 960px;
height:161px;
background: #ebebeb url('../img/header.png') no-repeat top left;
}
#language-selector {
clear: left;
position: relative;
bottom:20px;
left:130px;
width: 100px;
}
#language-selector li {
display: inline;
}

#sidebar{
float:left;
height:603px;
width: 290px;
}
#main {
float:left;
clear:right;
position: relative;
width: 650px;
height:563px;
overflow:auto;
margin:10px 0;
padding:10px 20px 10px 0;
background:url('../img/bg_main.png') no-repeat bottom right;
}
#contact #main, #reservation #main {
background:url('../img/bg_contact.jpg') no-repeat top right;
}
#gallery{
float:left;
height:447px;
width: 190px;
clear:left;
padding:0 0 0 100px;
background:url('../img/bg_gallery.png') no-repeat top left;
}
#gallery img{
margin-top:15px;
background-color:#F6F4E5;
width: 144px;
height: 115px;
}
#gallerie {
width:144px;
height:447px;
}
#bg_gallerie {
height:394px;
}
.box{
clear:left;
margin:20px 0;
}
.box img {
margin:0 10px 10px 0;
border:2px solid #F29C20;
}
#accueil .box img {
float:right;
margin:0 10px 10px 10px;
}
#appartement .box img {
margin:10px 10px 10px 0;
}
.box p{
text-align:justify;
line-height:1.3em;
float:left;
}
.texte_accueil{
float:left;
margin-bottom:5px;
}
.texte_accueil img{
float:left;
}
#footer {
width: 960px;
clear: both;
text-align:center;
background: #6B6855 url('../img/footer.png') no-repeat top left;
}
#footer p{
padding:14px 0 0 304px;
color:#F6F4E5;
}
#footer p.gitesdefrance{
padding: 9px 0 0 0;
float: right;
}
/**************************** LAYOUT END ***********************************/

/*********************** NAV *********************************/
#nav {
background: #ebebeb url('../img/nav.png') no-repeat top left;
width: 290px;
height:156px;
overflow: visible;
float:left;
}
#nav li {
text-align:left;
padding:0 0 14px 104px;
}
#nav li a, #nav li a:visited {
display: block;
color:#464646;
text-decoration:none;
}
#nav li a:hover {
color:#F4BF4F;
}
/**************************** NAV END ***********************************/

/*********************** CONTENT *********************************/
#map{
float:left;
width: 550px;
height:463px;
overflow:auto;
margin:10px 0 10px 40px;
padding:10px 20px 10px 0;
border:5px solid #5C5948;
}
#categories_liste {
float:left;
width:600px;
}
#categories_liste li{
float:left;
padding:0 10px;
color:#5C5948;
border-right:1px solid #5C5948;
}
#categories_liste li a{
color:#5C5948;
text-decoration:none;
font-weight:bold;
font-size:120%;
}
#categories_liste li a:hover{
color:#C55C2A;
}
#liste_tarifs li{
padding:10px 15px;
margin:0 3px;
border:1px solid #FFAF18; 
background: url('../img/bg_li_carte.png') no-repeat bottom center;
}
#liste_tarifs{
float:left;
text-align:center;
float:left;
width:100%;
margin-top:10px;
}
/*********************** CONTENT END *********************************/


/*********************** CONTACT *********************************/
#contact fieldset {
margin: 1em 0 1em 1.3em;  
}
#contact fieldset p{
margin: 0.5em 0;  
}
#contact legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}
#contact fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
#contact fieldset li {  
float: left;  
clear: left;  
width: 100%;  
}
#contact fieldset.submit {
clear: both;
float: none;  
width: auto;  
border: 0;
}
#contact label {  
display: block;
float: left;  
width: 8em;  
margin-right: 1em; 
text-align: right; 
}
#reservation #dp-popup h2 {
width: auto;
}
#reservation fieldset {
margin: 1em 0 1em 1.3em;  
}
#reservation fieldset p{
margin: 0.5em 0;  
}
#reservation legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}
#reservation fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
#reservation fieldset li {  
float: left;  
clear: left;  
width: 100%;  
}
#reservation fieldset.submit {
clear: both;
float: none;  
width: auto;  
border: 0;
}
#reservation label {  
display: block;
float: left;  
width: 8em;  
margin-right: 1em; 
text-align: right; 
clear: left;
}
#formcontact {
	margin: 20px 0 0 20px;
}
#champsobligatoires {
	margin: 2em 0;
}
input {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin:0;
	width: 15em;  
}
.reserve input {
	margin:2px 0;
	width: 13em;  
}
.reserve select {
	margin:0 0 0 20px; 
	width: 14em;  
}
.reserve {
	padding:0 0 0 9em;
}
#envoyer input {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin: 0 0 0 11em;
	width: 15em;  
}
select {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #EEEEEE
}
textarea {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	width: 15em;  
	height:130px;
}
.txterror {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.txtform {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
blockquote {
	margin: 2em 20px;
}
blockquote.contact { 
	background-color: #E7EAF3;
	border: 1px solid black;
	border-left: 10px solid #FFA051;
}
/*********************** CONTACT END *********************************/

/*********************** PAGINATION *********************************/
.pagination {
	clear: both;
	margin-top: 2em;
	height: 2em;
	line-height: 2em;
}
.pagination a, .pagination span {
	padding: 0.1em 0.3em;
}
.pagination a {
	text-decoration: none;
}
/*********************** PAGINATION END *********************************/