/* CSS Document */

#rentArea{
	float:left;
	position:relative;
	width:312px;
	height:373px;
	padding:9px 0 0 0;
	margin:0 7px 0 0;
	background:#014a96 url(../medias/img/rentarea_bg.jpg) repeat-x left top;
}
#rentArea .bottom{
	float:left;
	position:absolute;
	bottom:-3px;left:0;
	width:312px;
	height:3px;
	font-size:0;
	background:url(../medias/img/tabarea_bottom.png) no-repeat left top;
}

#rentArea .header{
	position:absolute;
	top:-41px;left:0;
	float:left;
	width:312px;
	height:38px;
	padding:3px 0 0 0;
	background:url(../medias/img/tabheader_top.png) no-repeat left top;
}
#rentArea .header ul{
	float:left;
	width:304px;
	height:38px;
	padding:0 3px;
	list-style-type:none;
	border-left:1px solid #565656;
	border-right:1px solid #565656;
	background:url(../medias/img/tabheader_main.gif) repeat-x left top;
}
#rentArea .header ul li{
	float:left;
	width:148px;
	height:33px;
	padding:5px 0 0 0;
	color:#ffffff;
	text-align:center;
	cursor:default;
}
#rentArea .header ul li.firstChild{margin:0 8px 0 0;}
#rentArea .header ul li.firstChild strong{position:relative;top:9px;}
#rentArea .header ul li span{color:#8e8e8e;}
#rentArea .header ul li:hover span, #rentArea .header ul li.active span{color:#84b7ed;}
#rentArea .header ul li strong{text-transform:uppercase;}
#rentArea .header ul li:hover, #rentArea .header ul li.active{background:url(../medias/img/tabheader_li.gif) no-repeat left top;}


#rentArea form{
	display:none;
	float:left;
	width:294px;
	padding:0 9px 0 9px;
}
#rentArea form.active{display:block;}
#rentArea form .top{
	display:block;
	float:left;
	width:294px;
	height:5px;
	font-size:0;
	background:url(../medias/img/rentarea_form_top.gif) no-repeat left top;
}
#rentArea form .bgFieldset{background:url(../medias/img/rentarea_form_main.gif) repeat-y left top;}
#rentArea form fieldset{
	clear:both;
	min-height:12px;
	border:none;
	padding:2px 11px 16px 11px;
	background:url(../medias/img/rentarea_fieldset_bottom.gif) no-repeat left bottom;
}
#rentArea form .black{
	height:61px;
	padding-top:7px;
	margin-bottom:6px;
	background:url(../medias/img/rentarea_fieldset_black.png) no-repeat left top;
}
#rentArea form .black fieldset{background:none;}
#rentArea form .black fieldset legend{color:#ffffff;font-size:11px;}
#rentArea form fieldset.lastChild{
	padding-bottom:12px;
	margin-bottom:8px;
	background:url(../medias/img/rentarea_fieldset_bottom_last.gif) no-repeat left bottom;
}
#rentArea form legend{
	color:#333333;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#rentArea form legend span{position:relative;}
#rentArea form legend em{
	position:relative;
	left:6px;
	color:#d71020;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
}
#rentArea fieldset div{
	float:left;
	width:272px;
}
#rentArea fieldset div span{
	display:block;
	float:left;
	width:2px;
	height:26px;
}
#rentArea fieldset div span.left{background:url(../medias/img/rentarea_input_left.gif) no-repeat left top;}
#rentArea .black fieldset div span.left{background:url(../medias/img/rentarea_input2_left.gif) no-repeat left top;}
#rentArea fieldset div span.right{background:url(../medias/img/rentarea_input_right.gif) no-repeat left top;}
#rentArea .black fieldset div span.right{background:url(../medias/img/rentarea_input2_right.gif) no-repeat left top;}
#rentArea fieldset div span.right.addMargin{margin:0 14px 0 0;}
#rentArea fieldset div span.main{
	width:268px;
	height:22px;
	border-top:2px solid #81b0df;
	border-bottom:2px solid #81b0df;
}
#rentArea fieldset div span.loading{
	width:238px;
	height:14px;
	font-size:11px;
	color:#0b529b;
	padding:3px 25px 5px 5px;
	background:url(../medias/img/rentarea_select_puce_off.gif) no-repeat right 3px;
}
#rentArea fieldset div span.loading img{vertical-align:middle;}
#rentArea form label{
	display:block;
	padding:0 3px 5px 3px;
}
#rentArea form label.left{
	float:left;
	width:129px;
	padding:0 14px 5px 0;
}
#rentArea form label.right{
	float:left;
	width:129px;
	padding:0 0 5px 0;
}
#rentArea form input{
	float:left;
	width:258px;
	padding:5px 5px 4px 5px;
	border:none;
	background:#ffffff;
	border-top:2px solid #81b0df;
	border-bottom:2px solid #81b0df;
	font-size:11px;
	color:#0b529b;
	text-transform:uppercase;
}
#rentArea form .black input{
	border-color:#cacaca;
	color:#000000;
}
#rentArea form input.minified{
	font-size:11px;
	text-transform:none;
}
#rentArea form input.halfSize{width:115px;}
#rentArea form input.datepicker{background:#ffffff url(../medias/img/datepicker.gif) no-repeat right 3px;cursor:default;}
#rentArea form select{display:none;}

#rentArea form dl{
	float:left;
	position:relative;
	width:243px;
	height:22px;
	padding:0 25px 0 0;
	background:#ffffff url(../medias/img/rentarea_select_puce.gif) no-repeat right 3px;
}
#rentArea form dt{
	float:left;
	overflow:hidden;
	width:238px;
	height:14px;
	padding:5px 0 3px 5px;
	font-size:11px;
	color:#0b529b;
	text-transform:uppercase;
	cursor:default;
}
#rentArea form dt span{display:block;width:1000px;}
#rentArea form dd{
	display:none;
	z-index:5;
	position:absolute;
	left:-2px;top:22px;
	width:268px;
	background:#ffffff;
	border:2px solid #81b0df;
	border-top:0;
}
#rentArea form dd ul{
	width:268px;
	font-size:11px;
	color:#0b529b;
	text-transform:uppercase;
	list-style-type:none;
}
#rentArea form dd ul li{
	width:258px;
	padding:3px 5px;
	cursor:default;
}
#rentArea form dd ul li:hover{background:#edf6ff;color:#e20025;}
#rentArea .specialLink{
	float:left;
	width:256px;
	line-height:12px;
	text-align:right;
	padding:2px 8px 0 8px;
}
#rentArea .specialLink .link{
	font-size:10px;
	color:#808080;
	padding:0 0 0 10px;
	text-decoration:none;
	cursor:pointer;
	background:url(../medias/img/specialink_puce.gif) no-repeat left 4px;
}
#rentArea .specialLink .link:hover{color:#ffffff;}
#rentArea .specialLink.alternate .link{color:#0b529b;background-image:url(../medias/img/specialink_puce2.gif);}
#rentArea .specialLink.alternate .link:hover{color:#333333;}

#rentArea fieldset.submit{
	padding:0;
	background:none;
	min-height:0px;
}
#rentArea fieldset.submit div{width:294px;}
#rentArea fieldset.submit div span.left{background:url(../medias/img/rentarea_input3_left.gif) no-repeat left top;}
#rentArea fieldset.submit div span.right{background:url(../medias/img/rentarea_input3_right.gif) no-repeat left top;}
#rentArea fieldset.submit input.submit{
	float:right;
	position:relative;
	right:-4px;top:-4px;
	width:150px;
	height:33px;
	border:none;
	cursor:pointer;
	padding:0;
	cursor:pointer;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
	background:url(../medias/img/valider.png) no-repeat left top;
}
#rentArea .note{
	float:left;
	text-align:justify;
	font-size:10px;
	color:#0b529b;
	line-height:10px;
	padding:5px 0 0 0;
}
#rentArea .note .icon{float:left;padding:0 5px 0 0;}

#inputList{
	display:none;
	z-index:5;
	position:absolute;
	left:20px;top:74px;
	border:2px solid #81b0df;
	border-top:none;
	background:#ffffff;
	width:268px;
	height:200px;
	overflow:auto;
	font-size:11px;
	color:#0b529b;
	text-transform:uppercase;
	list-style-type:none;
}
#inputList img{vertical-align:middle;}
#inputList li.loading{padding:10px 5px;}
#inputList li{
	padding:3px 5px;
	cursor:default;
}
#inputList li:hover{background:#edf6ff;color:#e20025;}
#inputList li.loading:hover{background:#ffffff;color:#0b529b;}


#map{
	display:none;
	position:absolute;
	left:309px;top:0;
	width:414px;height:375px;
	padding:10px 0 0 6px;
	background:#014a96 url(../medias/img/rentarea_bg.jpg) repeat-x left top;
}
#map #viewport{
	position:absolute;
	width:406px;
	height:365px;
}
#map #viewport img{display:block;cursor:pointer;}
#map .right{
	position:absolute;
	right:-3px;top:0;
	width:3px;
	height:385px;
	background:url(../medias/img/map_right.gif) no-repeat left top;
}


#illustration{
	float:left;
	width:410px;
	margin:0 8px 0 0;
}
#illustration img{
	display:block;
}