/* Specific Typo */
#contentwide h1,#contentwide h2,#contentwide h3,#contentwide h4,#contentwide h5 {color:black !important; font-family:Arial !important; display:block; margin-left:0 !important;}
#contentwide h1{font-size:18px !important; height:45px !important;}
#contentwide h2{font-size:16px !important;}
#contentwide .metric h3{font-weight:bold !important; font-size:14px !important; color:#8BB242 !important;}
#contentwide h2.subtitle{font-weight:bold !important; font-size:14px !important; color:#8BB242 !important;}
#contentwide h3.subtitle{font-size:12px !important;}
#contentwide a{color:#535353 !important; text-decoration:underline !important;}
#contentwide a:hover{color:#8BB242 !important; text-decoration:underline !important;}

#contentwide a.small_button, #contentwide a.large_button {color: #fff !important;text-decoration:none !important;}
#contentwide a.small_button:hover, #contentwide a.large_button:hover {color: #fff !important;text-decoration:none !important;}

/* Layout */
div.context{display:none;}

.separator{clear:both;}
.inline{display:inline !important;}
.l {text-align:left !important;}
.r {text-align:right !important;}
#contentwide .no-margin{margin: 0 !important;}
div.up_space{height:20px;}
div.right_space{margin-right:20px;}

div.baro_bloc{
  width:930px;
  clear:both;
  margin-bottom:30px;
  padding:5px;
}

div.baro_bloc_1{width:335px;}
div.baro_bloc_2{width:375px;}
div.baro_bloc_3{width:415px;}
div.baro_bloc_4{width:495px;}
div.baro_bloc_5{width:535px;}
div.baro_bloc_6{width:575px;}

div.h150{height:150px;}
div.h200{height:200px;}
div.h250{height:250px;}
div.h300{height:300px;}
div.h350{height:350px;}

/* Layout style */
div.xrounded{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #C8C7C5;
}
div.dotted{border:1px dotted #C8C7C5;}
div.plain{border:1px solid #C8C7C5;}

div.scroll_sections{overflow:hidden;}
div.h150 div.scroll_sections{height:100px;}
div.h200 div.scroll_sections{height:130px;}
div.h250 div.scroll_sections{height:180px;}
div.h300 div.scroll_sections{height:230px;}
div.h350 div.scroll_sections{height:280px;}

.scrollable img.prev {cursor:pointer;padding:2px 0;}
.scrollable img.next {cursor:pointer;padding:2px 0;}

div.baro_bloc_1 img.prev,div.baro_bloc_1 img.next{padding-left:160px;}
div.baro_bloc_2 img.prev,div.baro_bloc_2 img.next{padding-left:180px;}
div.baro_bloc_3 img.prev,div.baro_bloc_3 img.next{padding-left:200px;}
div.baro_bloc_4 img.prev,div.baro_bloc_4 img.next{padding-left:240px;}
div.baro_bloc_5 img.prev,div.baro_bloc_5 img.next{padding-left:260px;}
div.baro_bloc_6 img.prev,div.baro_bloc_6 img.next{padding-left:280px;}
div.baro_bloc_full img.prev,div.baro_bloc_full img.next{padding-left:450px;}

div.bloc_bg{
    background:#EBE9E3 none repeat scroll 0 0;
    margin:0;
    padding:10px;
    white-space:nowrap;
}

div.metric{background-color:white;}
div.metric * {margin-top: 0 !important; margin-bottom: 0 !important;}
div.bottom_dotted{border-bottom:1px dotted #C8C7C5;}
div.top_dotted{border-top:1px dotted #C8C7C5;}
div.bottom_plain{border-bottom:1px solid #C8C7C5;}
div.top_plain{border-top:1px solid #C8C7C5;}
.baro_label, .baro_label{font-weight:bold !important; font-size:14px !important; color:#8BB242 !important;}
span.baro_value{font-weight:bold; font-size:18px;}
span.baro_value_em{font-weight:bold; font-size:26px; color:#FE650B;}

div#small_metrics{width:100%;}
div#small_metrics div.small_metric{width:47%;}
#small_metrics div.metric{padding:10px 5px; background-color:white; }
#small_metrics .baro_label,#small_metrics .baro_label{font-weight:bold !important; font-size:12px !important; color:#8BB242 !important;}
#small_metrics span.baro_value{font-weight:bold; font-size:14px;}
#small_metrics span.baro_value_em{font-weight:bold; font-size:18px; color:#FE650B;}

table.stats {background-color:white; border:1px solid #C6C6C4; border-collapse:collapse; width:100%; table-layout:fixed;}
table.stats th, table.stats td{text-align:center; border:1px solid #C6C6C4; padding:5px; border-right:0px;}
table.stats th{background-color: #EBE9E3;}
table.stats td.palmares_city, table.stats th.palmares_city{text-align: left; width:65%;}

div.most_searched{width:215px; float:left; margin-left:20px;}
div.most_searched a{color:black; text-decoration:none;}
div.most_searched a:hover{color:black; text-decoration:underline;}
div.most_searched:first-child{margin-left:0 !important;}

div#most_searched_block {
    font-size: 12px;
}

div#valuation_baro{border:10px solid #7DBC0E;}
div#valuation_baro p img{margin:0 0 10px !important;}
div.valuation_baro-small{width:350px; cursor: pointer; text-align:center;}
div.valuation_baro-small hr{height:1px; border-bottom:1px dotted #C8C7C5; width:50%; margin: 0 auto; background-color:white !important;}
div.valuation_baro-small h2{color:#FE650B !important; font-size:16px;}
div.valuation_baro-medium{width:435px;padding:10px 20px;}


form#valuation th {text-align:left; padding:5px 5px 5px 0px; width:150px;}
form#valuation td {width:350px;}
form#valuation #id_house_type, form#valuation #id_part_count {width:300px;}
form#valuation #id_surface {width:100px;}

table#baro_search td.label{text-align:left; width:120px; padding:2px 5px;}
table#baro_search td.field{text-align:left; width:350px; padding:2px 5px;}
table#baro_search td.field select{width:340px; height:25px; padding:3px;}

a.baro_tooltip:hover {
  border: 0;
  position: relative;
  z-index: 500;
  text-decoration:none;
}

a.baro_tooltip img {border:0pt none;}
a.baro_tooltip em{display:none;}
a.baro_tooltip:hover em{
  font-style: normal;
  display: block;
  position: absolute;
  top: -135px;
  right: -280px;
  padding: 10px;
  color: black;
  border: 5px solid #C3C3C3;
  background-color: white;
  width:250px;
}

div#proximity_services table{width:100%; border-collapse:collapse;}
div#proximity_services table td,
div#proximity_services table th{width:50%; border:1px solid #C3C3C3; padding:5px;}

div#demographic_screen {width:550px;}

/* Search START */
td.loader{width:20px;}
input.search-input-small{width:390px;padding:5px;}
input.search-input-big{width:700px;padding:5px;}
/* Search END */


/* Slideshow START */
div.barometer_house{
	width:120px;
	float: left;
	font-size:10px;
	margin-right:20px;
	text-align:center;
}

div.barometer_house{
	cursor: pointer;
}

span.baro_slideshow_price{
	font-size:11px;
	font-weight:bold;
}

div#barometer_screen{
	margin:0 auto;
	width:870px;
}

div#barometer_screen ul{
  margin:0;
  padding:0;
	width:1680px;
}

div#barometer_screen ul li{
  margin:0;
  padding:0;
	display:inline;
}

div#barometer_screen img.next{
  cursor:pointer;
  padding-top:25px;
	padding-left:10px;
	float:left;
}

div#barometer_screen img.prev{
  cursor:pointer;
  padding-top:25px;
	padding-right:10px;
	float:left;
}

div#sections{
  background-color:white;
  float:left;
  height:150px;
  overflow:hidden;
  width:835px;
}

#nn_box {
	height:150px;
}

/* Slideshow END */


/* Map */

.btile {
	opacity : .75;
	filter : alpha(opacity=75);
	width:256px;
	height:256px;
}

img#carte{border:none;}

area:hover {
    cursor:pointer;
}
#img_container {
	position:relative;
}

.ptitle {
	color:#8BB242;
	font-size:16px;
	font-weight:bold;
}
.phead {
	color:#000;
	font-size:12px;
	margin-top:10px;
	margin-bottom:5px;
	font-weight:bold;
}

.baro_popup {
	border:4px solid #EAE9E3;
	background-color:#FFFEFF;
	padding: 5px;
	position: absolute;
	z-index: 1999;
	font-size: 12px;
	opacity:1;
	width:200px;
}

.lblk0 {
	z-index: 1199;
	background-color: #000;
}

.lblk1 {
	border: none !important;
	z-index: 1099;
	color:#111 !important;
	background-image:url(/images/baro2/ville.gif) !important;
	background-position:left;
	/*background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/baro2/ville.png', sizingMethod='crop');*/
	background-repeat:no-repeat;
	padding-left:12px !important;
	opacity:1.0 !important;
}
.lblk1-right {
    border: none !important;
    z-index: 1099;
    color:#111 !important;
    background: url(/images/baro2/ville.gif) right no-repeat;
    background-color: none !important;
    padding-right:12px !important;
    opacity:1.0 !important;
}
.lblk1-bottom {
    border: none !important;
    z-index: 1099;
    color:#111 !important;
    background: url(/images/baro2/ville.gif) bottom no-repeat;
    background-color: none !important;
    padding-bottom:12px !important;
    opacity:1.0 !important;
}
.lblk1-top {
    border: none !important;
    z-index: 1099;
    color:#111 !important;
    background: url(/images/baro2/ville.gif) top no-repeat;
    background-color: none !important;
    padding-top:12px !important;
    opacity:1.0 !important;
}
.carto_label {
    position: absolute;
}

.gmap_lbl {
	background-color: #000;
	/*text-align:center;*/
	position: relative;
	left: -50%;
	top: -8px;
	white-space: nowrap;
}

.map_label {
	border: 1px solid #FFF;
	z-index: 999;
	color:#FFF;
	padding: 1px;
	cursor: pointer;
	font-size: 10px;
	opacity:0.6;
	filter : alpha(opacity=60);
}

#map_barometre {
  width:100%;
  height:400px;
  margin-bottom:5px;
}

#small_map{
	width:360px;
	height:280px;
}

div.data_origin {
	clear:both;
	padding-top:10px;
	text-align:right;
	font-style:italic;
	color:grey;
	font-size:x-small;
	background-color:white;
}

.legend {padding-left:0px;}
.legend-table {padding-top:15px;}
.legend-table tr{border:0px;}
.legend-table td{text-align:center; border:0px; padding:0px !important;}
.legend-table th{padding:3px; text-align:left; border:0px;}
/* TODO: remove this repeat-x when a 500px width legend is available */
#legend-small td.legend{width:420px; height:20px;}
#legend-small td{width:52.5px;}
#legend-medium td.legend{width:500px; height:20px;}
#legend-medium td{width:62.5px;}
#legend-big{width:940px;}
#legend-big td.legend{width:836px; height:20px;}
#legend-big td{width:109px;}

div#streetview{height:250px; width:100%;}
/* Map END*/

/* Graphs */
/*div#distrib_price_m2{text-align:center;}*/
div#distrib_part_count{text-align:center;}
/* Grpahs END */


/* jquery ui customization */
.ui-widget {
  font-family:Arial,sans-serif !important;
  font-size:12px !important;
}
.ui-tabs-panel{
  height:200px !important;
}
/* jquery ui customization END */

div.right_align {
    position:relative;
    padding-top:20px;
    text-align:right;
}

div.middle_align {
    width:540px;
    text-align:right;
    padding-bottom:30px;
}

/* Actions */
a.action-facebook, a.action-twitter, a.action-gbuzzer {
  margin-left:20px;
}
/* Actions END */

.no_bold {font-weight: normal;}
div#evol_text {margin-left:-20px;}
div#distrib_text {margin-left:-20px;}

a.action-twitter {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/actions/twitter.png) no-repeat scroll left center;
    border:medium none;
    display:block;
    line-height:35px;
    padding-left:40px;
    color: black;
}
a.action-facebook {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/actions/facebook.png) no-repeat scroll left center;
    border:medium none;
    display:block;
    line-height:35px;
    padding-left:40px;
    color: black;
}
a.action-gbuzzer {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/actions/gbuzzer.png) no-repeat scroll left center;
    border:medium none;
    display:block;
    line-height:35px;
    padding-left:40px;
    color: black;
}

div#iphone_link {
    cursor: pointer;
}

div#space {
    height: 35px;
}

div#dynamo_screen img.prev, div#dynamo_screen img.next{
    padding-left: 80px;
}

div#dynamo_screen {
    font-size: 12px;
    line-height: 18.7px;
}



/* PIPOTRON Scrollable */
/* root element for scrollable */ 
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
    
}
.items h2, h3 {
	color:#6DA800;
	margin-bottom:12px;
	font-weight:normal;
	font-size:1.5em;
}

.street_view_baro {
    width:925px;
    height:334px;
}