/* import rules */
/*
 ____________________________________________________________
|                                                            |
|    DESIGN : Jeremie Tisseau { http://web-kreation.com }    |
|      DATE : 2007.08.31                                     |
| COPYRIGHT : Free use if this notice is left in place       |
|     EMAIL : webmaster@web-kreation.com                     |
|____________________________________________________________|

*/

@import url("layout.css");
@import url("form.css");

html, body {
  border: 0;
  margin: 0;
  padding: 0;
}

body {
	background: #443833 url(../images/bg.jpg) repeat-y top center;
	width: 100%;
	min-width: 970px;
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
	line-height: 1.3;
}
#container {
	width: 100%;

	background-image: url(../images/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 {
	width: 97%;
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	color: #443833;
	border-bottom-width: 4px;
	border-bottom-color: #857166;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 30px;
	letter-spacing: .5em;
	background-color: transparent;
	border-bottom-style: double;
}

h2 {
	padding: 10px 0 0 0;
	color:  #000;
	background-color: transparent;
	font-size: 16px;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", cursive;
}

h3 {
	font-weight: bold;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1em;
	color: #FF0;
	letter-spacing: 2px;
}

p, ul, ol {
	margin: 0;
	text-align: justify;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 0;
}

ul, ol {
	list-style: none;
	padding: 0 0 18px 40px;
}

blockquote {
	font-size: 16px;
	color: #55453E;
	background-color: transparent;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-indent: -20px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

blockquote:first-letter {
	padding-left: 40px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
	font-style: italic;
	background-repeat: no-repeat;
	background-position: left top;
}


small {
  font-size: 0.85em;
}

img {
}

sup {
  position: relative;
  bottom: 0.3em;
  vertical-align: baseline;
}

sub {
  position: relative;
  bottom: -0.2em;
  vertical-align: baseline;
}

acronym, abbr {
  cursor: help;
  letter-spacing: 1px;
  border-bottom: 1px dashed;
}
/***** Links *****/

a {
	text-decoration: none;
	color: #C30;
}

a:hover {
	text-decoration: none;
	color: #000;
}

a img {

}
/***** Tables *****/

table {
  border: 0;
  margin: 0 0 18px 0;
  padding: 0;
}

table tr td {
	padding: 2px;
	font-size: 14px;
	line-height: normal;
	color: #000;
	text-align: center;
}

/***** Global Classes *****/

.clear  {
	clear:both;
	display: block;
	width: auto;
	text-align: center;
	background-color: #56453E;
	color: #FFF;
	font-size: 75%;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 2px;
	background-color: #443833;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	margin: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}
.clear a  {
  color: #FFFF99;
}
.clear a:hover {
  color: #FFFF99;
  border-bottom: 1px dotted #FFFF99;
}

.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   {
	text-align:left;
	letter-spacing: 3px;
	font-family: Verdana, Geneva, sans-serif;
}
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      {
	float:left;
	margin:4px 10px 4px 0;
}
.img-right     {
	float:right;
	margin:4px 0 4px 10px;
}

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.noborder      { border: none; }
.rouge {
	color: #F00;
	font-weight: bold;
	font-size: 15px;
}
.tabl {
	font-size: 16px;
	color: #000;
	font-family: "Comic Sans MS", cursive;
	font-style: normal;
	text-align: center;
}
.tarifs {
	font-weight: bold;
	color: #FFF;
}
.alignement {
	text-align: center;
	letter-spacing: 1px;
}
.chambres {
	text-align: justify;
}
#wrapper #content div table .tablch td p .chambrestableau {
	text-align: center;
}
#footer {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 60px;
  font-size: 80%;
  color: #6C574F;
  background: #443833 url(../images/sb_bottom.jpg) no-repeat left top;
}

#footer .contentfoot {
  display: block;
  float: right;
  width: 680px;
  height: 30px;
  padding: 5px 0;
  border-top: #877065 10px solid;
}

#footer a {color: #866B62;}

#footer a:hover {border-bottom: 1px dotted #866B62;}

#footer .backtotop {
  background: url(../images/backtotop.jpg) no-repeat left top;
  float: right;
  clear: right;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  cursor: pointer;
}