body {
background-color:#f1f3bb;
font-family: Arial,  Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-left:10px;
font-size:16px;
font-style:italic;
color:#636989;
margin-top:10px;
margin-bottom:10px;
background-color:#f8f1a4;
border-left: 2px solid #646a8a;
border-bottom: 1px solid #646a8a;

}
h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-left:10px;
font-size:12px;
font-style:italic;
color:#636989;
margin-top:5px;
margin-bottom:5px;
}

.wifi
{
margin-left:400px;

}

img {
border: none;
}
.abs {
vertical-align: -30% ;
}

#top
{
padding: .5em;
background-color:#fcf4dd;
}
#container
{
width: 920px;

background: #646a8a;
border-style: solid;

border-width:1px;
border-color:#646a8a;

padding:2px;
margin:0px auto;

}
#content
{
padding: 1em;
width:auto;
height:395px;
background-color:#fcf4dd;

}

#nav
{
margin:auto;
margin-top:-20px;
padding-bottom:5px;
width:880px;
background-image:url(../images/nav.jpg);
}
.navigation
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left:38px;
color:#636989;
}
.titre_tarifs
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
color:#636989;
}
.date_tarifs
{
font-family: Verdana, Arial, Helvetica, 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:Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}
.cout_tarif
{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:100px;
}
.tarifs_message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
	font-weight: bold;
	color: red;
}
#footer-tarif
{
width:880px;
}
#presentation_accueil
{
width:880px;
}
.photo_acc
{
float: left;
width:420px;
}

.txt_acc
{
float: right;
width:420px;
margin-top:0px;
padding-left:15px;
padding-right:15px;
padding-top:0px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#636989;
}

/*FOOTER*/
#footer
{
clear: both;
margin: 0;

font-size:80%;
border-top: 1px solid #646a8a;
background-repeat: repeat-x;
background-image: url(../images/footer.jpg);
}
#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;
padding-top:3px;
margin-top:-35px;
margin-left:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff;
}

.creation
{
float: right;
text-align:right;
margin-top:-40px;
width:300px;
margin-right:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#212640;
}
/*******************************************************************
 *  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:#f8f1a4;
border-left: 2px solid #646a8a;
border-bottom: 1px solid #646a8a;
}