/* ------------ GENERAL --------------- */

*{
margin:0;
padding:0;
border:0;
}

body{

font-family:Arial, Helvetica, sans-serif;
font-size: 17px; /*16*/
color:#6a6a6a;
text-align:left;
background-image:url(../images/accueil.jpg);
background-position:50% 10%;
background-repeat:no-repeat;
margin:0 auto;
height: 100%

}

#table_tarifs
{
    font-size: 14px;
}

#table_tarifs hr
{
    height: 1px;
    margin: 6px;
    background-color: #000000;
}

.txt
{
    font-size: 12px;
    color: #000000;
    line-height: 18px;
}

.linecorrect
{
    line-height: 18px;
}

a:link,a:visited,a:active{
text-decoration:none;
}
a:hover{
text-decoration:none;
background-image:none;

}

input{
border:1px solid #d7d6d6;
background-color:#ececec;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#6a6a6a;
}
select{
border:1px solid #d7d6d6;
background-color:#ececec;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#6a6a6a;
}

.bold{
font-weight:bold;
}

.cache{
display:none;
}

h1,h2,h3,h4{
    font-size: 18px;
}

.left{
float:left;
}

.right{
float:right;
}


/* ------------ STRUCTURE --------------- */


div#general{
width:794px;
/* pris en compte par IE : */
height:auto !important;
height:690px;
/* pris en compte par FF */
min-height:690px;
margin:0 auto;
font-size:70%;
z-index:10;
}
div#general div#header{
height:auto !important;
height:172px;
min-height:172px;
background-image:url(../images/header.gif);
background-position:0 0;
background-repeat:no-repeat;
}
	div#general div#header div#haut
	{
		height:130px;
		min-height:130px;
		background-color:transparent;
	}
			
	div#general div#header div#haut img#logo
	{
		margin:1px 0 0 37px;
	}
	div#general div#header div#centre{
	height:auto !important;
	height:41px;
	min-height:41px;
	width:794px;
	background-image:url(../images/corps2.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	margin-top:0px;
	margin-top: 11px !important;
	margin-left:-2px;
	}
	
		div#general div#header div#centre div#menu{
		background-position:0 0;
		height:40px;
		margin-left:5px;
		text-align:center;
		}
		
		div#general div#header div#centre div#menu ul {
		height:40px;
		margin-left:11px;
		padding-top:5px;
	
		list-style-type:none;
		}
		div#general div#header div#centre div#menu	li {
		float:left; /*pour IE*/
		border-left:1px solid #ffffff;
		}
		div#general div#header div#centre div#menu	ul li a {
		display:block;
		float:left;   
		width:126px;
		line-height:15px; /*hauteur de l'image de fond*/
		background:black url(../images/menu_off.jpg) repeat-x;
		padding-top:20px;
		font-size:20px;
		font-variant: small-caps;
		color:#1f4b77;
		text-decoration:none;
		font-family:"Times New Roman", Times, serif;
		font-size:13px;
		font-weight:bold;	
		}
		div#general div#header div#centre div#menu ul li a:hover {
		background:black url(../images/menu_on.jpg) repeat-x;
		color:white;
		} 
		div#general div#header div#centre div#menu ul li a.active{
		background-image:url(../images/menu_on.jpg);
		color:#ffffff;
		}
		div#general div#header div#centre div#menu ul li a.fin{
		background-image:url(../images/menu_off.jpg);
		color:#1f4b77;
		width:129px;
		}
		div#general div#header div#centre div#menu ul li a.fin:hover{
		background-image:url(../images/menu_on.jpg);
		color:#ffffff;
		width:128px;
		}

div#general div#corps{
height:auto !important;
min-height:440px;
height:440px;
background-image:url(../images/corps.gif);
background-position:0 0;
background-repeat:repeat-y;
clear:both;
width:794px;
float:left;	
}
div#general div#corps div#contenu{
height:auto !important;
min-height:440px;
height:440px;
background-image:url(../images/degrad.jpg);
background-position:0 0;
background-repeat:repeat-x;
margin-left:14px;
width:767px;
}



div#general div#mentions{
height:60px;
background-image:url(../images/footer.gif);
background-position:1px 0;
background-repeat:no-repeat;
color:#000;
text-align:center;
padding:15px 0 0 0;
margin-left:-2px;
font-size: 10px;
color:#5e81a2;
float:left;
width:794px;
}

	div#general div#mentions a{
	
	}
	div#general div#mentions ul li{
	list-style:none outside none;
	display:inline;
	
	}

/* ------ GUESTBOOK ------ */
.guestbook_elem
{
	text-align: left;
	background-color: #FFFFFF;
	font-size:150%;
	width:430px;
	margin-left: 280px;
	//margin-left: auto;
	//margin-right: auto;
	padding: 10px;
	border: 2px solid #67bee3;
}

#guestbook_add
{
	width:430px;
	padding: 10px;
	//margin-top:20px;
	margin-left: 280px;
	//margin-right: auto;
	font-size:120%;
	text-align: left;
	background-image: url(../images/add_comment.gif);
}

#guestbook_add p
{
	font-weight: bold;
}

#guestbook_add h1
{
	text-align: left;
    margin: 0px;
	color: #445566;
}

#guestbook_add textarea
{
    margin: 10px;
	height: 64px;
}

#guestbook_send, #contact_send
{
	color:#1f4b77;
	font-size:160%;
	width: 250px;
	margin-left: 280px;
	text-align: right;
	//float:right;
	//padding-top: 10px;
}

#post_content
{
	border: 2px solid #1f4b77;
}

.star_empty
{
	display: inline-block;
	width: 24px;
	height: 22px;
	background-image: url(../images/estars.gif);
}

.star_empty:hover, .star_filled:hover
{
	display: inline-block;
	width: 24px;
	height: 22px;
	background-image: url(../images/stars.gif);
}

.star_filled
{
	display: inline-block;
	width: 24px;
	height: 22px;
	background-image: url(../images/stars.gif);
}

#reservation_form
{
	width: 450px;
    float: left;
    padding-top: 25px;
	line-height: 23px;
    /*margin-left: auto;
    margin-right: auto;*/
}

.active_step
{
    display: inline;
    font-size: 120%;
    font-weight: bold;
    color: #1780EB;
}

.past_step
{
    display: inline;
    font-size: 120%;
    font-weight: bold;
}

.cssform
{
	width: 500px; /* Sinon tout se décale sous ie*/
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

#step1nextbutton2
{
	background: url('../images/reserver_biginactive.png') no-repeat;
	width: 180px;
	height: 70px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

* html .threepxfix{
margin-left: 3px;
}

.champs_wrong
{
	border: 1px solid #FF4444;
	background-color: #FFCCCC;
}

.champs_right
{
	border: 1px solid #44FF44;
	background-color: #DDFFDD;
}

#price_aff
{
	color: #000000;
	margin-left: 20px;
	font-size: 150%;
	font-weight: bold;
	width: 100px;
}

.adresse
{
    margin-top: 30px;
    padding-left: 5px;
}

.partner_left
{
	margin: 30px;
	text-align:center;
	height: 80px;
	font-size:120%;
}

.partner_right
{
	margin: 30px;
	text-align:left;
	height: 80px;
	font-size:120%;
}


.partner_name
{
	font-weight:bold;
	color: #405E6D;
}

.partner_picture_url_left
{
	float: left;
	max-height: 100px;
}

.partner_picture_url_right
{
	float: right;
}

.partner_site_url
{
	font-weight:bold;
}

.error
{
    font-size: 12px;
    margin-top: -10px;
    margin-bottom: 20px;
    color: red;
}
#tarifs table
{
	color: #000000;
	margin-bottom: 2px;
}

#tarifs
{
    margin-left: 250px;
    height:auto !important;
    min-height:100px;
    padding-left:10px;
    padding-top:32px;
    width:465px;
}

#tarifs li
{
	margin-left: 0px;
	margin-top: 10px;
	color: #FF5555;
}

#information_contrat
{
	color: #000000;
	margin: 10px;
	font-size: 12px;
	font-weight: bold;
}

#dep_night, #ret_night, #dep_ferie, #ret_ferie
{
	color: #008800;
	font-size: 110%;
	font-weight: bold;
	margin-left: 108px;
}

#ecoute
{
	display: block;
	color: #444488;
	//font-size: 110%;
	text-align: center;
	//font-weight: bold;
}