@charset "iso-8859-1";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

div.clear { clear: both; }
/* use as follows (including the comment) */
/* <div class="clear"><!-- --></div> */
/* get rid of those system borders being generated for A tags */
a:active {outline:none;}
:focus {-moz-outline-style:none;}

/* my base styles */
TABLE{ border: 0; border-collapse: collapse; }
TD{ vertical-align: top;font-size: 100%; }
IMG{border:0;margin:0;padding:0;}
OL, UL, LI { font-size: 100%; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
.just{ text-align: justify; }
.clearfloat{ clear: both; }
/* base styles */

body {
font-size:95%;
margin: 0;
padding: 0;
color: #696D74;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #222935;
}

/*   --------------------------  4/2/10 -----------------------------  */
DIV#cadre-top{
	background-image: url('grafiks/cadre-top.png');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: transparent;
	width:995px;
	height:12px;
	margin:0px auto 0 auto;
}
DIV#cadre-mid{
	background-image: url('grafiks/cadre-mid.png');
	background-repeat: repeat-y;
	background-position: left;
	width:995px;
	margin:0 auto;
}
DIV#cadre-low{
	background-image: url('grafiks/cadre-low.png');
	background-position: top;
	background-repeat: no-repeat;
	background-color: transparent;
	width:995px;
	height:20px;
	margin:0 auto;
}
/*   --------------------------   */


#head { height:147px;width:800px;margin:0 auto;text-align:center; }
#head #img {	padding-top: 15px; }

DIV#greenstripe{
	background-color: #ededed; /* lite gray content bck color*/
	background-image: url('grafiks/greenstripe.png');
	background-repeat: repeat;
	width:100%;
	height: 9px;	
}
DIV#greenstripe2{
	background-color: #ededed; /* lite gray content bck color*/
	background-image: url('grafiks/greenstripe2.png');
	background-repeat: repeat-x;
	height: 9px;	
}


DIV.horizon {
	margin: 0 auto;
	text-align: center;
	width: 0;
}

DIV#middlerow {
	text-align: center;
	background-color: #ededed;
	width:100%;	
}
DIV.wrapper{
	background-color:#EDEDED;
	text-align: left;
	width: 990px;
	margin:0 auto;
}
DIV#mainbody {
	background-color:#EDEDED;
	margin:0 auto;
	width:980px;
}

#leftcol {
	height: 452px;
	width: 279px;
	float: left;
	background-image: url(grafiks/leftcol.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ededed;
}
DIV#centercol{
	width: 515px;
	float: left;
	border: 0px solid gray;
	text-align:left;
	background-color: #ededed;
}
/* centercol2 combines width of centercol + rightcol*/
DIV#centercol2{
	height: 452px;
	width: 698px;
	float: left;
	border: 0px solid gray;
	text-align:left;
	background-color: #ededed;
}

#rightcol {
width: 183px;
float: left;
background-color: #ededed;
}

DIV#footer{
	width:950px;
	margin: 10px auto 20px auto;
	font-size: x-small;
}
DIV#footer DIV#lt{
	float: left;
}
DIV#footer DIV#rt{
	float: right;
}
DIV#footer A:hover{
	color: #696D74;
	text-decoration: underline; 
}

DIV#footer A:active{
	color: #696D74;
	text-decoration: underline; 
}

DIV#footer A:link{
	color: #696D74;
	text-decoration: underline; 
}

DIV#footer A:visited{
	color: #696D74;
	text-decoration: underline; 
}

DIV#footer A{
	color: #696D74;
	text-decoration: underline; 
}

#menu {
	margin-top:5px; 
	font-size: 13px;
	text-align: left;
}
#menu dl {
	width: 100%; 
	margin: 0 auto; 
	padding: 0 0 10px 0; 
	/*background: #69c url('grafiks/bottom.gif') no-repeat left bottom;*/
}
#menu dt {
	margin:0; 
	padding: 10px; 
	font-size: 1.3em; 
	font-weight:bold; 
	color: #fff; 
	border-bottom:1px solid #fff; 
	/*background: #69c url('grafiks/top.gif') no-repeat left top;*/
}
#menu dd {
margin: 0;
padding: 0;
color: #414752;
font-size: 1em;
font-weight: bold;
border-bottom: 1px solid #fff;
background: #CBD5DD; /*47a*/
}
#navlist a:visited {
	color:#414752; text-decoration:none; display:block; padding:5px 5px 5px 20px;
	background: #CBD5DD url('grafiks/arrow.gif') no-repeat 10px 10px; 
}
#navlist a {
	color:#414752; text-decoration:none; display:block; padding:5px 5px 5px 20px;
	background: #CBD5DD url('grafiks/arrow.gif') no-repeat 10px 10px; 
}
#navlist a:hover {
	background: #414752 url('grafiks/arrowr.gif') no-repeat 11px 10px; 
	color:#fff;
}

DIV.thumbs{
	text-align:center;
	padding-top: 10px;
}

DIV.thumbs IMG { 
	border: 3px solid #414752;
	margin-bottom: 5px;
}
.pad10{
padding:10px; /*font-size: small;*/
}
div.pad10 P{
	margin-bottom:10px;
}

DIV#address{
	width: 244px;
	margin: 10px auto 0 auto;
	padding: 0px;
	background: #CBD5DD;
	text-align: left;
	/*overflow: hidden;*/
}
DIV#address P{
	font-size:small;
	line-height: 1.4em;
	padding:0;
	margin:0;
	width: 100%;
}

div.ratenotes{
	width:660px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0 0 0px 0;
	border: 0px solid red;
}
div.ratenotes div.img{
	width: 150px;
	float: left;
	margin: 0 0 5px 0;
}
div.ratenotes div.notes{
	margin: 0 0 5px 10px;
	width: 480px;
	float: left;
}
/* styles the chambre fiche opened in thickbox  */
div.thickboxcontent {
	width: 630px; 
	margin: 0 auto;
	padding:10px;
}
div.thickboxcontent div.img{ 
	float: left; 
	width:300px; 
	margin: 0 5px 0 0;
}
div.thickboxcontent div.pnote {	
	float: left; 
	width: 300px;  
	margin: 0 0 0 5px; 
	text-align: justify; 
	font-size: 12px;
}
TABLE.rates{ border-color:#ccc; }
TABLE.rates TD{ padding: 5px; }