@page { 
  size :landscape; 
}

/*----------------------------------------------+
+ Formatage global                              +
+----------------------------------------------*/
html {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
  font: 12px arial, verdana, helvetica, "Trebuchet MS", sans-serif;
  color: #676767;
  text-align: center;
  background:url(top_bg.jpg) repeat-x top #F7F7F7;
}
h1, h2, h3,div, form, img, table, td, tr, p, li, ul, dd {
  margin: 0;
  padding: 0;
  border: none;
}




a, a:link, a:active, a:visited {
  color: #FFB600; 
  text-decoration : none; 
} 
a:hover {
  color: #3977BC; 
  text-decoration: none; 
}
#global {
  width: 853px;
  margin: 0 auto;
  background: url(global_bg.gif) repeat-y #FFF;
}
.btn {
  width: 210px;
  height: auto;
  padding: 12px 0 10px 0px;
  font: bold 13px arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  background: url(guy-bottom.gif) no-repeat bottom ;
  color: #FFF;
  vertical-align:bottom;
}

#global .btn a {
  color: #FFF;
}
select {
 font: 12px "Trebuchet MS", sans-serif;
 color: #ffffff;
 background-color: #496B91;
 border:1px solid #666666;
}
/*----------------------------------------------+
+ Haut de page                                  +
+----------------------------------------------*/
#top {
	height: 182px;
 /*  background: url(clouds.jpg) no-repeat center bottom #72B4FE;*/
}
#top #header {
  width: 854px;
  height: 160px;
  margin: 0 auto; 
}

/*----------------------------------------------+
+ Centre                                        +
+----------------------------------------------*/
#center {
  height: 38px;
  width:100%;
  background:url(bg_menubar2.gif) repeat-x top;
  border: solid 1 black;
  clear:both;
}

#col_1 {
  width: 252px;
  padding: 0 0 15px 0;
  text-align: left;
/*  background: url(col_1_bg.gif) no-repeat bottom left #D9DDE3;*/
  background: #F1F1F1;
  float: left;
}
#col_2 {
  width: 601px;
  background: url(col_2_bg.gif) no-repeat 0 38px #FFF;
  text-align: left;
  float: left;
  clear:none;
}

/*----------------------------------------------+
+ Menu horizontal                               +
+----------------------------------------------*/
#menu_x {
	height: 38px;
	background: #FDB10E url(menu_x_bg.gif) repeat-x;
	text-align: left;
	width: 601px;
	float:right;

}
#menu_x ul { 
  height: 38px;
  padding: 0 0 0 29px;
  background: url(menu_x_3_bg.gif) no-repeat left;
  float: left;
}
#menu_x ul li {
  font: bold 12px arial, sans-serif;
  display: inline;
  list-style: none;
}
#menu_x ul li span {
  background: url(menu_x_bg.gif) no-repeat right top;
  padding: 0 1px 0 0;
  float: left;
  display: block;
}
#menu_x ul li .bar_2 {
  background: url(menu_x_bg.gif) no-repeat right top;
  padding: 0 2px 0 0;
}
#menu_x ul li a {
  height: 26px;
  padding: 12px 8px 0 8px;
  display: block;
  text-transform: uppercase;
  background: url(menu_x_bg.gif) repeat-x;
  color: #FFF;  
  float: left;
}
#menu_x ul li a:hover,
#menu_x ul li .activ {
  background: url(menu_x_hover.gif) repeat-x #59789A;
  color: #FFC600;
}
#menu_x ul li .activ { color: #FFF; }

/*----------------------------------------------+
+ Contenu des colones                           +
+----------------------------------------------*/
#col_1 #menu_x_2 {
  height: 20px;
  margin: 0;
  padding: 0px 0 0;
}
#col_1 #menu_x_2 li { 
  display: inline;
}
#col_1 #menu_x_2 li a {
  height: 26px;
  padding: 10px 0 0 12px;
  margin: 0 17px 0 0;
  font: bold 12px arial, sans-serif;
  color: #FFF;  
  text-transform: uppercase;
  background: url(chip_3.gif) no-repeat left ;
  display: block;
  float: left;
}
#col_1 #menu_x_2 li a:hover {
  background-image: url(chip_4.gif);
}
#col_1 h2 {
  margin:0px 0px 0 0px;
  padding: 5px 5px 5px 5px;
  color: #FFF;
  text-transform: uppercase;  
  font: bold 12px "Trebuchet MS", sans-serif;
  background:#739AC5;
}
#col_1 h10 {
  margin:0px 0px 0 0px;
  padding: 5px 5px 5px 27px;
  color: #496B91;
  text-transform: uppercase;  
  font: bold 12px "Trebuchet MS", sans-serif;
  border: 1px dotted #6E6D6D ;
  background:url(bg_h2.gif) repeat-x top #739AC5;
}

#col_1 h2 span {
  background: url(whitearrow.gif) no-repeat left  ;
  padding:0px 5px 0 23px ;
  
}
#col_1 h3 {
	color: #496B91;
	text-transform: uppercase;  
	font: bold 12px "Trebuchet MS", sans-serif;
	color: #496B91;
	background: url(../../img/arrow.gif) no-repeat left #FFF ;
	padding:0px 5px 0 27px ;
	margin: 0 0 O 5px;

}

#col_1 ul {

  margin: 4px 10px 16px 10px;
}
#col_1 ul li { list-style: none; display: block;
  height: auto !important; 
  height: 19px;
  padding: 0 5px 0 0;
  font: 10px "Trebuchet MS", sans-serif;
  color: #696969;  
  text-transform: uppercase;
  line-height: 19px;
  display: block;
  border-bottom: solid 1px #F7F7F7;
 }


#col_1 li a {
  height: auto !important; 
  height: 19px;
  padding: 0 5px 0 0;
  font: 10px verdana, sans-serif;
  color: #696969;  
  text-transform: uppercase;
  line-height: 19px;
  display: block;

}
#col_1 li a:hover,
#col_1 li .activ {
	background: #FDB10E url(menu_x_bg.gif) bottom;
	color: #FFFFFF;
	font-weight: bold;
}
#col_1 ul li span {
  padding: 0 0 0 27px;
  background: url(orangearrow.gif) no-repeat 6px;
  display: block;
}
#col_1 ul li span #townname {
  padding: 0 0 0 27px;
  background: url(greyarrow.gif) no-repeat 6px;
  display: block;
}
#col_1 #contact {
  height: 154px;
  margin: 16px 0 25px 8px;
  padding: 10px;
  color: #000;
  font: 12px arial, sans-serif;
  background: url(contact.gif) no-repeat #E2E2E2;
  line-height: 19px;
}
#col_1 #contact h2 {
  margin: 0;
  padding: 15px 0 0 0;
  border: none;
  background: none;
}
#col_1 #contact .phone {
  margin: 12px 0 0 0;
  color: #E69016;
  font-weight: bold;
  border-top: 1px solid #B3B3B3;
  padding: 7px 0 0 0;
}
/*----------------------------------------------*/
#col_2 #edito {
	padding:5; 
	height:240px; 
	width:576px;
	margin: 0 2px;
	padding: 10px;

}
#col_2 #edito2 {
  margin: 2px 2px 0 2px;
  background: url(photo_edito_corner.jpg) no-repeat left top;
  border-bottom: 1px solid #FFF;
  text-align: left;
}

}
#col_2 #edito p {
	font: 12px "Trebuchet MS", sans-serif;
	color: #496B91;
	text-align: justify;
}
#col_2 h1 {
  margin: 0 2px;
  padding: 5px 8px;
  border-top: 1px solid #E4E6E9;
  font: 18px "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  color: #496B91;
  background: url(h2.gif) repeat-y right #F4F5F6;
  clear:both
}
#col_2 h1 span {
  display: block;
  background: url(chip_5.gif) no-repeat right;
}

#col_2 h2 {
  margin: 0 2px;
  padding: 5px 8px;
  border-top: 1px solid #E4E6E9;
  font: 18px "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  color: #496B91;
  background: url(h2.gif) repeat-y right #F4F5F6;
  clear:both
}
#col_2 h2 span {
  display: block;
  background: url(chip_5.gif) no-repeat right;
}
#col_2 p {
	margin: 0 2px;
	padding: 10px;
	font: 12px "Trebuchet MS", sans-serif;
	color: #496B91;
	text-align: justify;
}


#col_2 h3 {
  margin: 0 2px;
  padding: 5px 8px;
  border-top: 1px solid #E4E6E9;
  font: 14px "Trebuchet MS", sans-serif;
  font-weight: bold;
  color: #496B91;
  background: url(h2.gif) repeat-y right #F4F5F6;
}
#col_2 h4 {
  color: #FF9900;
  font: bold 14px "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  margin:0 10px 0 10px;
  padding: 10px 5px 10px 10px;
  clear:both
}
#col_2 h4 span {
  display: block;
  background: url(orangearrow.gif) no-repeat left;
  padding-left:-10px;
}
#col_2 h5 {
  color: #496B91;
  background: url(orangearrow.gif) no-repeat left ;
  font: bold 14px "Trebuchet MS", sans-serif;
  border-bottom: 1px solid #999999;
  text-transform: uppercase;
  margin:0 0px 0 0px;
  padding: 10px 5px 10px 20px;
  clear:both;
}


#col_2 .bar {
  padding: 1px 0 0 0;
  margin: 0 2px;
  border-top: 2px solid #FFF;
  border-bottom: 1px solid #FFF;
  background: #D4D4D4;

}
#col_2 .list {
  margin: 0 2px;
  padding: 4px 0 4px 4px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  background: url(list_bg.gif) repeat-x top #F5F5F5;
}
#col_2 .list table {
  width: 100%;
}
#col_2 .list .photo {
  width: 207px;
  padding: 5px 0 0 0;
}
#col_2 .list .photo img {
  padding: 1px;
  border: 1px solid #D3D5D9;
}
#col_2 .list table .label {
  margin: 0 0 0 10px;
  padding: 0;
  font: bold 12px tahoma, sans-serif;
  color: #3F638B;
}
#col_2 .list table td {
  vertical-align: middle;  
  
}
#col_2 .list table .res {
  white-space: nowrap;
  height: 18px;
  padding: 0 0 0 10px;
  overflow: hidden;
  font: 12px tahoma, sans-serif;
  color: #3F638B;
}
#col_2 .list table .color_line,
#col_2 .list table .color_line td {
  background: #E7BF85;
}
#col_2 .list table .color_line td strong {
  color: #FFF;
}
#col_2 .list table .action {
  text-align: center;
}
#col_2 .list table .btn_act {
  margin: 3px 2px 0 2px !important;
  margin: 4px 2px 0 2px;
  border: 1px solid #7C8B96;
  font: bold 11px arial, sans-serif;
  color: #105078;
  background: url(btn_act.gif) repeat-x top #C0C6CE;
  display: block;
  cursor: pointer;
  float: left;
}
#col_2 .list table .btn_act:hover {
  border-color: #60B7F6/*#6FABD7*/;
  color: #33749D;
}
#col_2 .list table .btn_act span {
  margin: 1px 1px 1px 2px;
  padding: 2px 4px 0 22px; 
  height: 15px;
  display: block;
}
#col_2 .list table .virtual {
  width: 91px;
  margin: 3px 2px 0 7px !important;
  margin: 4px 2px 0 4px;
}
#col_2 .list table .virtual span {
  background: url(tour.gif) no-repeat top left;
}
#col_2 .list table .more_photo {
  width: 100px;
}
#col_2 .list table .more_photo span {
  background: url(more_photo.gif) no-repeat top left;
}
#col_2 .list table .map {
  width: 52px;
}
#col_2 .list table .map span {
  background: url(map.gif) no-repeat top left;
}
#col_2 .list table .view {
  width: 108px;
}
#col_2 .list table .view span {
  background: url(view.gif) no-repeat top left;
}
#col_2 .bloc_txt {
  margin: 0 2px;
  background: url(bloc_txt_bg.gif) repeat-x #517791;
  height: 116px;
  border-bottom: 2px solid #FFF;
}
#col_2 .bloc_txt p,
#col_2 .bloc_txt  h2 {
  background: none;
}
#col_2 .bloc_txt  h2 {
  color: #FFF;
  border: none;
  padding: 11px 0 0 0;
}
#col_2 .bloc_txt p {
  color: #C2E5FF;
  line-height: 14px;  
  padding: 0 10px 0 0;
}
#col_2 .bloc_txt .thumb {
  margin: 0 12px 0 0;
  float: left;
  display: block;
  width: 156px;
  height: 116px;
  background: url(san_diego.jpg) no-repeat;
}

/*----------------------------------------------+
+ Bas de page                                   +
+----------------------------------------------*/
#bottom {
	width:854px;
	background-image: url(bg_menubar2.gif);
	background-repeat: repeat-x;
	background-position: top;
	font: 12px  "Trebuchet MS", arial, verdana, helvetica, sans-serif;
    color: #FFFFFF;

} 
#bottom #footer {
  height: 100px;
  width: 845px;
  margin: 0 auto;
}
#bottom #footer .col_1 {
  width: 130px;
  height: 110px;
  margin: 50px 0 0 0;
  padding: 5px 0 0 89px;
  float: left;
  font: 11px tahoma, sans-serif;
  color: #575757;
  	background-image: url(../../img/guiltinan2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#bottom #footer .col_1 strong {
  color: #EC8D06;
}
#bottom #footer .col_2 {
	width: 634px;
	padding: 62px 0 0 0;
	text-transform: uppercase;
	font: 11px tahoma, sans-serif;
	text-align: right;
	float: left;

}
#bottom #footer .col_2 a { 
  color: #575757;
  margin: 0 3px;
  
/*----------------------------------------------+
+ Divers		                                +
+----------------------------------------------*/
  
}.thumbpic {
	background-color: #F5F5F5;
	height: 150px;
	width: 150px;
	border: 1px solid #999999;
	text-align: center;
	vertical-align: middle;
	background-image: url(list_bg.gif);
}
.picborder {
	border: 1px solid #666666;
}
.borderGr {
	border: 1px solid #CCCCCC;
}

.imgFloat_right {
	float: right;
	clear: right;
	margin: 20px;
	border: 1px solid #999999;
	border-color:#CCCCCC
}
.imgFloat_right2 {
	float: right;
	clear: right;
	margin: 0 0px 10px 10px;
	border: 1px solid #999999;
	background-color:#CCCCCC;
}

.imgFloat_left {
	float: left;
	clear: left;
	margin: 20px;
	border: 1px solid #999999;
	border-color:#CCCCCC
}
.imgFloat_left2 {
	float: left;
	clear: left;
	margin: 0 10px 10px 10px;
	border: 1px solid #999999;
	background-color:#CCCCCC;
}
#amenities  {
	padding-left: 10px;
	font: 12px "Trebuchet MS", sans-serif;
	color: #496B91;
	
}

#amenities ul  {
	padding-left: 10px;
	font: 12px "Trebuchet MS", sans-serif;
	color: #496B91;

}
#amenities li  {
	margin-left: 10px;
		display : list-item;
	list-style-position: inside;

}
.prop_grey {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666;
	background-color: #E8ECC9;
	height:18 px;
	vertical-align:middle;
	margin-top:4px;

}
.prop_wh {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	height:18 px;
	vertical-align:middle;
	margin-top:4px;

}
.borderGrey {
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
.prop_price {
	height: 18px;
	padding:5px 0 0px 10px;
	margin:2px 0 0 0;
	background: #FDB10E url(menu_x_bg.gif) repeat-x bottom;
	text-align: center;
 	font: bold 12px arial, sans-serif ;
	color:#FFFFFF;
	clear:left;
	}
.prop_btn {
	height: 18px;
	padding:5px 0 0px 10px;
	margin-bottom:2px;
	background: url(menu_x_bg4.gif) repeat-x bottom #739AC5;
	text-align: center;
 	font: bold 12px arial, sans-serif ;
	color:#FFFFFF;
	clear:left;

}
.prop_btn a {

 	font: bold 12px arial, sans-serif ;
	color:#FFFFFF;

}
.prop_pagination {
	padding: 5px 5px 5px 5px;
	background-image: url(menu_x_bg3.gif);
	background-repeat: repeat-x;
	background-position: top;
	font: 12px  "Trebuchet MS", arial, verdana, helvetica, sans-serif;
    color: #FFFFFF;


}
label,input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#question {
	text-align: left;
	padding-left: 20px;
    width: 150px;
	font: bold 12px "Trebuchet MS", sans-serif;
	color: #496B91;
	border-bottom: 1px dotted #496B91 ;
	clear: left;
}
#lastquestion {
	padding-left: 20px;
    width: 150px;
	clear: left;
}

#response {
	text-align: left;
	padding-left: 0px;
	width: 410px;
	font: 12px "Trebuchet MS", sans-serif;
	color:#FF9900;
	border-bottom: 1px dotted #496B91 ;
}
#encapse {
height:38px;
background:url(bg_menubar2.gif) repeat-x top;

}

#towndescription {
margin:0 10px 0 10px;
}
#tablesearch {
	font: bold 12px "Trebuchet MS", sans-serif;
	color: #FFFFFF;
	background: url(bloc_txt_bg2.jpg) repeat-x top #608BAB;
}
#tablesearch select {
 font: 12px "Trebuchet MS", sans-serif;
 color: #496B91;
 background-color: #FFFFFF;
 border:1px solid #666666;
 width:150px;
}
#tablesearch submit {
 font: 12px "Trebuchet MS", sans-serif;
 color: #FFFFFF;
 background-color: #FF9900;
 border:1px solid #FFFFFF;

}
.note{
  margin: 0 5px 0 0;
  padding: 0;
  color: #496B91;
  font: 12px "Trebuchet MS", sans-serif;
  background-color:#FFFFCC;
  border: 1px solid #999999;
  text-align:left;
}
.divcenter { align:center;}

#searchbutt{
	height: 30px;
	padding:0 0 0 10px;
	margin:5px 0 0 100px;
	width:350px;
	background: #FDB10E;
	text-align: left;
 	font: bold 12px arial, sans-serif ;
	color:#FFFFFF;
	clear:left;
	border:solid 1px #FFFFFF;
	}
#searchbutt a {
	color:#FFFFFF;
}
#propview label {
margin:0 20px 0 20px;
width:100%;
}
#propview label {
		color:#445E93;
		padding:0 0 0 20px;
		border-bottom:solid 1px white;
		width: 180px;
		float:left;
		}
#propview label span {

		padding-left:10px;
		
		}