
body {
background-image:url(../images/fond.gif);
background-position:top;
background-repeat:repeat-x;
font-family:"Microsoft", sans-serif;
}
html, body{height:100%; margin-top:0px;} 
/* end hack */ 
h1
{
font-family: "River Avenue";
text-align:right;
padding-right:10px;
font-weight: normal;
font-size:18px;
color: #FFFFFF;
margin-top:0px;
margin-bottom:10px;
}

h2
{
font-family: "Microsoft", sans-serif;
text-align:left;
padding-left:10px;
font-size:15px;
font-style:italic;
background-color:#1e5f5f;
color: #FFFFFF;
border-bottom: 1px solid #062222;
margin-top:0px;
margin-bottom:30px;
}


img {
border: none;
}
.abs {
vertical-align: -30% ;
}
#container
{
width: 1024px;
padding-top:14px;
margin:0px auto;
}

#top
{

background-image: url(../images/fond-lotus.png);
background-position:top;
background-repeat:no-repeat;
height:155px;



}
.nav {
padding-left:10px;
margin-right:20px;
font-family: "River Avenue";
font-weight: normal;
font-size:18px;
color: #FFFFFF;
border-left: 2px solid #1e5f5f;
}
#top a:hover, #top a:focus {
color:#ffffff;
background-color:#f2c01d;
}
.top_left {
float:left;
width:326px;
height:300px;
}

.top_ecusson_right {
float:right;
margin-right:20px;
margin-top:15px;
width:123px;
height:100px;
}
.top_right {
float:right;
margin-right:10px;
margin-top:5px;
width:615px;
height:30px;
}

.top_under_right {
float:right;
margin-right:10px;
margin-top:5px;
font-family: "River Avenue";
font-weight: normal;
font-size:18px;
color: #FFFFFF;
width:670px;
height:40px;
}
.top_txt_under_right {
float:right;
margin-right:0px;
margin-top:15px;
font-family: "Microsoft", sans-serif;
font-weight: normal;
font-size:14px;
color: #1e5f5f;
width:500px;
height:40px;
}
.top_txt_under_form {
float:right;
margin-right:0px;
margin-top:15px;
padding-right:10px;
font-family: "Microsoft", sans-serif;
font-weight: normal;
font-size:14px;
color: #1e5f5f;
width:680px;
height:30px;
}


#content
{
margin-top:20px;
width:100%;
height:380px;
border-left: 1px solid #1e5f5f;
border-bottom: 2px solid #0f3636;

}
#content_avendre
{
margin-top:20px;
width:100%;
height:1050px;
border-left: 1px solid #1e5f5f;
border-bottom: 2px solid #0f3636;

}
#tdbd{
width:500px;
float:left;
}
#tdbd a:hover, #tdbd a:focus {
color:#ffffff;
background:none;

}

#pedal_index{
width:500px;
float:right;
}
#pedal_index a:hover, #pedal_index a:focus {
color:#ffffff;
background:none;

}
.content_index_left{
float:left;
padding-left:40px;
margin-top:3px;
margin-bottom:15px;
width:200px;
}
.content_pedal_index_left{
float:left;
padding-left:40px;
margin-top:30px;
margin-bottom:10px;
width:200px;
}

.txt_content_index_left{
float:right;
padding:3px;
margin-top:10px;
width:240px;
height:100px;
font-family: "Microsoft", sans-serif;
font-weight: normal;
font-size:13px;
color: #1e5f5f;
}
.txt_pedal_index_left{
float:right;
padding:3px;
margin-top:26px;
width:240px;
height:100px;
font-family: "Microsoft", sans-serif;
font-weight: normal;
font-size:13px;
color: #1e5f5f;
}
.content_index_right{
float:right;
margin-top:30px;
margin-bottom:10px;
padding-right:40px;
width:200px;
}
.content_pedal_right{
float:right;
padding-right:40px;
margin-top:3px;
margin-bottom:15px;
width:200px;
}

.txt_content_index_right{
float:left;
margin-top:25px;
padding-left:5px;
text-align:right;
width:240px;
height:100px;
font-family: "Microsoft", sans-serif;
font-weight: normal;
font-size:13px;
color: #1e5f5f;
}
.txt_pedal_index_right{
float:left;
margin-top:20px;
padding-left:5px;
text-align:right;
width:240px;
height:100px;
font-family: "Microsoft", sans-serif;
font-weight: normal;
font-size:13px;
color: #1e5f5f;
}

.formulaire
{

font-family: "Microsoft", sans-serif;
font-size:12px;
font-weight: normal;
color: #1e5f5f;
}
/*******************************************************************
 *   footer Styles
 *******************************************************************/
#phpeasydata_footer {
font-family:"Microsoft", sans-serif;
border-top: 3px solid #d4d5ca;
border-bottom: 1px solid #d4d5ca;
background-color:none;
font-size : 11px;
width:100%;
margin-top: 0px;
padding-bottom: 0px;

}
 
#phpeasydata_footer a{ 	background-image: none;}
 
#phpeasydata_footer .copy {font-size:10px; font-weight:bold;  color: #333333; font-family: "Microsoft", sans-serif; text-align: left ; margin-left: 5px; margin-top:2px;	}

#phpeasydata_footer .maisondhotes { float:right; position:relative; font-size:9px; font-weight: normal;  color: #333333; font-family: "Microsoft", sans-serif; text-align: right ; margin-left: 5px; margin-right: 2px; margin-top:-27px; padding-right:3px;	}



#phpeasydata_footer A.copy:link	
		 {
		text-decoration:underline;		
		}
#phpeasydata_footer A.copy:visited 	
		{
		text-decoration:underline	;
		}


#phpeasydata_footer A.copy:hover 
		{
		color:blue;
		text-decoration:underline;
		}
		
/*******************************************************************
 *   END footer Styles
 *******************************************************************/

.org{
font-weight: normal;
color:#1e5f5f;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
padding-left:10px;
font-size:16px;
}
.org_siret{
font-weight: normal;
color:#1e5f5f;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:10px;
}
.org_capital{
font-weight: normal;
color:#1e5f5f;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
}

/*microformat Nom*/
.name{
font-weight: normal;
color:#1e5f5f;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;

}
/*microformat Prénom*/
.nickname{
font-weight: normal;
color:#1e5f5f;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:10px;
}

/*microformat Adresse*/
.street-address{
font-weight: normal;
color:#1e5f5f;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:10px;
}
/*microformat Code postal*/
.postal-code{
font-weight: normal;
color:#1e5f5f;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:10px;
}
/*microformat Ville*/
.locality{
font-weight: normal;
color:#1e5f5f;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}
/*microformat Pays*/
.geo-fr{
font-weight: normal;
color:#1e5f5f;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:10px;
}
/*microformat Téléphone*/
.tel{
font-weight: normal;
color:#1e5f5f;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:10px;
}

.titre_tarifs
{
font-family: "Microsoft", sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
color:#636989;
}
.date_tarifs
{
font-family: "Microsoft", sans-serif;
font-size:10px;
text-align:center;
color:#636989;
}

a:link {
	color: #212640;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #212640;
}
a:hover {
	text-decoration: none;
	color: #6f7693;
}
a:active {
	text-decoration: none;
	color: #393f5f;
}
#presentation_tarifs
{
width:880px;
}

#col_chbre
{

width:203px;
float:left;

}

#col_pers
{
width:120px;
margin-left:13px;
float:left;
text-align:center;
}

#col_tbs
{
width:120px;
margin-left:13px;
float:left;
text-align:center;
background-color: #f4f5a2;
}

#col_bs
{
width:120px;
margin-left:13px;
float:left;
text-align:center;
background-color:#f6cdf6;
}

#col_ms
{
width:120px;
margin-left:13px;
float:left;
text-align:center;
background-color:#fda4bd;
}

#col_hs
{
width:120px;
margin-left:13px;
float:left;
text-align:center;
background-color:#ee8a8a;
}

.desc_tarif
{
font-size:12px;
font-family:"Microsoft", sans-serif;
color: #666666;
}
.cout_tarif
{
font-size:12px;
font-family:"Microsoft", sans-serif;
margin-left:100px;
}
.tarifs_message {
	font-family: "Microsoft", sans-serif;
	font-size: 14px;
	text-align:center;
	font-weight: bold;
	color: red;
}
#footer-tarif
{
width:880px;
}
#presentation_accueil
{
margin-top:10px;
margin-bottom:10px;
width:auto;
background-color:#fbe9b8;
border-left: 2px solid #352046;
border-bottom: 1px solid #352046;
margin-left:10px;
margin-right:10px;
}
.photo_acc
{
margin-top:15px;
padding-bottom:15px;
float: left;
width:500px;
height:307;
}
.photo_jardin
{
margin-top:25px;
padding-bottom:1px;
float: left;
width:500px;
}
.photo_chambres
{
margin-top:25px;
padding-bottom:1px;
float: right;
width:500px;
}
.photo_gdf
{

width:200px;
margin:0px auto;
}
.photo_activites
{

padding-top:0px;
padding-bottom:0px;
width:1000px;
margin:0px auto;
}
.carte_map
{
margin-top:15px;
padding-bottom:1px;
float: left;
width:600px;
}
.txt_map
{
float: right;
width:320px;
margin-top:0px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:5px;
text-align:left;
margin-bottom:15px;
font-family: "Microsoft", sans-serif;
font-size:13px;
color:#636989;
}
.artifice
{
width:118px;
margin:0px auto;
margin-bottom:-13px;
margin-top:-13px;
}
.txt_acc
{
float: right;
width:480px;
margin-top:0px;
padding-left:15px;
padding-right:15px;
padding-top:0px;
text-align:left;
margin-bottom:15px;
font-family: "Microsoft", sans-serif;
font-size:14px;
color:#636989;
}
.txt_jardin
{
float: right;
width:480px;
margin-top:0px;
padding-left:15px;
padding-right:15px;
padding-top:0px;
text-align:left;
margin-bottom:15px;
font-family: "Microsoft", sans-serif;
font-size:13px;
color:#636989;
}
.txt_hotes
{
float: right;
width:480px;
margin-top:0px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:5px;
text-align:left;
margin-bottom:15px;
font-family: "Microsoft", sans-serif;
font-size:13px;
color:#636989;
}
.txt_chambres
{
float: left;
width:480px;
margin-top:10px;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
text-align:left;
margin-bottom:15px;
font-family: "Microsoft", sans-serif;
font-size:13px;
color:#636989;
}
.txt_activites
{

width:1000px;
padding-left:15px;
padding-right:15px;
padding-top:0px;
padding-bottom:5px;
text-align:left;
font-family: "Microsoft", sans-serif;
font-size:13px;
color:#636989;
margin:0px auto;
}
.majuscule
{
font-family: "Microsoft", sans-serif;
font-size:20px;
color:#636989;
}

/*FOOTER*/
#footer
{
background-color:#91ccf9;
clear: both;
margin: 0;
font-size:80%;
height:45px;
border-top: 1px solid #352046;

}
#footer_tarifs
{
width:880px;

margin-top:1px;
}
#tarifs_footer_left
{
width:500px;
float:left;
text-align:left;
}

#tarifs_footer_right
{
width:300px;
float:right;
margin-right:10px;
text-align:right;
}

.coordonnees
{
float: left;
text-align:left;
width:300px;
margin-top:-30px;
margin-left:20px;
font-family: "Microsoft", sans-serif;
font-size:9px;
color:#352046;
}
.error{
color:red;
background-color:#FFFFCC;
font-size:70%;
font-weight:bold;
padding:2px;

}
.creation
{
float: right;
text-align:right;
margin-top:-35px;
width:300px;
margin-right:20px;
font-family: "Microsoft", sans-serif;
font-size:9px;
color:#352046;
}
/*******************************************************************
 *  General Formulaire
 *******************************************************************/
#form {
width:100%;
font-size : 12px;
 font-family:  "Lucida Grande", Verdana, Tahoma, Helvetica, Sans-Serif;
 background-color:#F5F5F5;

}

#form fieldset {
border-width:thin;
border-color:#CCCCCC;
border-style:solid;
}


#form .titleform{
color:black;
font-size : 12px;
letter-spacing:2px;
word-spacing:4px;
height:20px;
background-color:#FAFAFA;
 font-weight:bold;
 padding:5px;
}

#form td, #form form{
font-size : 11px;
color:black;
}
#form input, #form select, #form textarea{
font-size : 11px;
color:black;
background-color:#FFFFFF;
border:1px solid #BBBBBB;
}

#form .submit
{
cursor:pointer;
border-style: solid;
border-color:#296426;
border-width:1px;
font-size:12px;
padding: 2px;
background-color:#F5FAF8;
}


#form .error{
color:red;
background-color:#FFFFCC;
font-size:100%;
font-weight:bold;
padding:2px;

}
#form .msg{
color:#6699CC;
font-size:90%;
text-align:left;
margin-left:10px;
padding:2px;
}
#form .ok{
color:green;
padding:2px;
font-size:90%;
}
#form .comment{
color:#777777;
font-style:italic;
}

.welcome{
letter-spacing : 2px ; 
color:green;
font-style:italic;
font-size : 85%;

}
.txt_message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
	font-weight: bold;
	color: #636989;
}
.title_message {
	font-size: 24px;
	font-weight: bold;
	color: #636989;
	text-align:center;
	background-color:#a0d0f0;
border-left: 2px solid #646a8a;
border-bottom: 1px solid #646a8a;
}

