/* CSS Document */
body{padding:0px; margin:0px; background:#2f383f; color:#FFF; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}
.spacer{font-size:0; line-height:10px; clear:both;}

/* TOP */

#top{width:747px; height:91px; position:relative; background:url(../images/b_top.jpg) 0 0 no-repeat; margin: 0 auto;}

#logo{width:224px; height:48px; position:absolute; top:32px; left:6px}
#logo a {font:20px Tahoma, sans-serif; text-decoration:none;color:white}
#logo a span{font-weight:bolder;}
ul.menu {position:absolute; top:0; left:257px;}
ul.menu li{float:left}

ul.menu li.home a{width:106px; height:66px; display:block; background:url(../images/btn_home.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.home a:hover{width:106px; height:66px; background:url(../images/btn_home_over.jpg) 0 0 no-repeat;}

ul.menu li.about a{width:88px; height:66px; display:block; background:url(../images/btn_about.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.about a:hover{width:88px; height:66px; background:url(../images/btn_about_over.jpg) 0 0 no-repeat;}

ul.menu li.selling a{width:80px; height:66px; display:block; background:url(../images/btn_selling.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.selling a:hover{width:80px; height:66px; background:url(../images/btn_selling_over.jpg) 0 0 no-repeat;}

ul.menu li.renting a{width:86px; height:66px; display:block; background:url(../images/btn_renting.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.renting a:hover{width:86px; height:66px; background:url(../images/btn_renting_over.jpg) 0 0 no-repeat;}

ul.menu li.contacts a{width:92px; height:66px; display:block; background:url(../images/btn_contacts.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.menu li.contacts a:hover{width:92px; height:66px; background:url(../images/btn_contacts_over.jpg) 0 0 no-repeat;}

/* HEADER */

#header{width:747px; height:257px; position:relative; margin: 0 auto; clear:both;}

#formPan{width:212px;height:257px; float:left; background:url(../images/b_form.jpg) 0 0 no-repeat;}
#formPan h2{height:32px; position:relative;font:14px Tahoma, sans-serif;font-weight:bolder;margin:8px 0 0 5px;}
#formPan h2 span{color:#2F383F;}
#formPan form #resultat{width:212px;text-align:left;color:#cf2700; font-weight:bold; font-size:14px;}

#formPanNav{width:212px;height:257px; float:left; background:url(../images/b_form.jpg) 0 0 no-repeat;border-bottom: #FFFFFF 1px dashed; }
#formPanNav h2{height:32px; position:relative;font:14px Tahoma, sans-serif;font-weight:bolder;margin:8px 0 0 5px;}
#formPanNav h2 span{color:#2F383F;}
#formPanNav form #resultat{width:212px;text-align:left;color:#cf2700; font-weight:bold; font-size:14px;}
/*#formPan h2{height:32px; background:url(../images/h_form.gif) 7px 9px no-repeat; position:relative;}*/

form.search{color:#353739; margin: 0 0 0 0; padding:0 0 0 9px;}
form.search select{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:80px}
form.search select.location{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:190px}
form.search input{height:16px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:85px}
form.search input.transaction{border:none;font:10px/14px Tahoma, sans-serif; width:15px; margin:0 0 0 0;}
form.search input.submitBtn{margin:10px 0 0 120px;  width:66px; height:17px; line-height:0; font-size:0;}
form.search label { font-weight:bold;}
form.search label.unique{margin:10px;padding:0;font-weight:normal;}

#formcontact {clear:left; float:left; width:530px; padding:0px 0 10px 0; min-height:500px;}
#formcontact h1 {float:left; display:inline; padding:0 0 3px 0; margin:5px 10px 30px 10px; width:510px; color:#fff; border-bottom:1px solid #fff; font-size:1.8em; font-weight:bolder;}
#formcontact h1 span {float:right; display:inline; margin:-10px 0 0 0; padding:0 0 3px 0; font-size:15px; /*font-weight:bold;*/float:left;}
#formcontact form.contact{color:#fff; margin:0; padding:0 0 0 9px;}
#formcontact form.contact label {display:inline;float:left; width:150px;font-weight:bold;margin-top:15px;}
#formcontact form.contact input{height:16px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif;width:200px;margin-top:15px;}
#formcontact form.contact input.submitBtn{margin:10px 50px 0 120px;   line-height:0; font-size:0;}



#mainimgPan{width:535px; float:left;}
#mainimgPanNav{width:535px; float:left;border-bottom: #FFFFFF 1px dashed; background:#2f383f;margin-bottom:20px;}

#mainimgPan ul{position:relative; margin: 6px 0 0 65px; clear:both; height:26px;}
#mainimgPan ul li {float:left; margin-right:40px}
#mainimgPan ul li.btn1 a{width:133px; height:15px; display:block; background:url(../images/btn_compare.jpg) 0 0 no-repeat; text-indent:-20000px;}
#mainimgPan ul li.btn2 a{width:196px; height:15px; display:block; background:url(../images/btn_presentation.jpg) 0 0 no-repeat; text-indent:-20000px; }
#mainimgPan ul li.line {width:2px; height:18px;}

#mainimgPanNav ul{position:relative; margin: 6px 0 0 65px; clear:both; height:26px; background:#2f383f;}
#mainimgPanNav ul li {float:left; margin-right:40px}
#mainimgPanNav ul li.btn1 a{width:133px; height:15px; display:block; background:url(../images/btn_compare.jpg) 0 0 no-repeat; text-indent:-20000px;}
#mainimgPanNav ul li.btn2 a{width:196px; height:15px; display:block; background:url(../images/btn_presentation.jpg) 0 0 no-repeat; text-indent:-20000px; }
#mainimgPanNav ul li.line {width:2px; height:18px;}

#mainimg{position:relative; height:225px; clear:both; background:url(../images/header_derval.jpg) 0 0 no-repeat white;}
#mainimgNav{position:relative; height:110px; clear:both; background:url(../images/header-nav-derval.jpg) 0 0 no-repeat white;}
#mainimg img,#mainimgNav img {position: absolute; top:126px; left:424px}
#mainimg p,#mainimgNav p{margin-left:290px;width:245px;}
#mainimg p span.titre,#mainimgNav p span.titre{font:15px Arial, Helvetica, sans-serif;color:#FF6600; font-weight:bold}

/* CONTENT */

#content{width:747px; position:relative; margin: 0 auto; clear:both; background:#70848f; border-bottom: #FFFFFF 1px dashed; border-top: #FFFFFF 1px dashed;}
#content a{font:10px/14px Tahoma, sans-serif; color:#00e0f9; text-decoration:none }
#content a:hover{color:#FFF;}

#contentNav{width:747px; position:relative; margin: 0 auto; clear:both; background:#70848f; border-bottom: #FFFFFF 1px dashed;}
#contentNav a{font:10px/14px Tahoma, sans-serif; color:#00e0f9; text-decoration:none }
#contentNav a:hover{color:#FFF;}

#leftPan{width:350px; position:relative; float:left;}
#leftPanNav{width:212px; position:relative; float:left; background:url(../images/b_leftpan.jpg) 0 0 repeat-y; }

#services{position:relative; margin: 20px 15px 15px 15px}
#services h2{width:182px; height:25px; background:url(../images/h_services.jpg) 0 0 no-repeat; position:relative; padding-bottom:15px}
#services p{width:170px; position:relative; padding: 0 0 0 4px; }
#services p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}

.spacerline{position:relative; clear:both; height:2px; background:url(../images/b_hline.jpg) 0 0 repeat-x; margin:0 }

#mortgage {position:relative; margin: 20px 15px 15px 5px}
#mortgage h2{width:182px; height:25px; background:url(../images/h_mortgage.jpg) 0 0 no-repeat; position:relative; padding-bottom:15px; margin-left:10px}
#mortgage p{width:80px; position:relative; padding: 22px 10px 20px 103px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold; }

#mortgage ul {position:relative; clear:both; margin: 5px 20px 0 16px}
#mortgage ul li{height:18px;}
#mortgage ul li a{font:10px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:underline; padding: 0 0 0 7px; display:block;}
#mortgage ul li a:hover{text-decoration:none; background:#3c474f;}

#rightPan{width:360px; position:relative; float:left;}
#rightPanNav{width:535px; position:relative; float:left;}
#rightPanNav h1{width:500px; height:20px; line-height:20px;position:relative; padding:20px 10px 0 15px; margin:0;display:inline; font-size:15px;}
#rightPanNav h1 span{color:#2F383F; font-weight:bold;}
#rightPanNav p a {font-size:12px;color:#2f383f}
#rightPanNav p.feat1{float:left;width:530px;height:80px;display:inline;font-size:12px;}
#rightPanNav p.feat2{ float:left;width:530px;height:80px;display:inline;font-size:12px;}
#rightPanNav p img {float:left;margin:0 5px 0 10px;}

#rightPanNav #pagination { float:left; display:block; width:530px; padding:0; margin:25px 0 25px 0; font-size:1.8em; text-align:center;}
#rightPanNav #pagination a {color:#fff; text-decoration:none;}
#rightPanNav #pagination a.select {color:#88970a; font-weight:bold; text-decoration:none}
#rightPanNav #pagination a.select {color:#0173ae; font-weight:bold; text-decoration:none}

#rightPanNav #rien {float:left; display:inline; padding:0px; margin:10px; color:#fff; font-size:1.2em; line-height:20px;}

#ficheAcheter {clear:left; float:left; width:530px; padding:15px 0 10px 0; min-height:500px;}
#ficheAcheter h1 {float:left; display:inline; padding:0 0 3px 0; margin:5px 10px 30px 10px; width:510px; color:#fff; border-bottom:1px solid #fff; font-size:1.8em; font-weight:bolder;}
#ficheAcheter h1 span {float:right; display:inline; margin:-20px 0 0 0; padding:0 0 3px 0; font-size:15px; /*font-weight:bold;*/}
#ficheAcheter #colPhotos {float:left; display:inline; padding:0; margin:5px 3px 0 3px; width:274px;}
#ficheAcheter #colPhotos img {float:left; padding:4px; background:#f4f3ef; border:1px solid #e8e7e4; margin:5px 7px 5px 7px;}
#ficheAcheter #colDetails {float:left; display:inline; padding:0; margin:10px 10px 0 0px; width:200px;}
#ficheAcheter #colDetails p {float:left; display:inline; padding:0px; margin:0; color:#fff; font-size:1.2em; line-height:16px; text-align:justify;}
#ficheAcheter #colDetails ul {float:left; display:inline; padding:0px; margin:10px 0; color:#fff; font-size:1.1em; list-style:none; border-top:1px solid #e5e4df; width:200px;}
#ficheAcheter #colDetails ul li {float:left; display:inline; padding:8px 0; margin:0; width:200px; border-bottom:1px dashed #e5e4df;}
#ficheAcheter a#retour {clear:left; float:left; padding:0 15px 0 0; margin:50px 0 0px 0px; width:100px; color:#a; text-align:right; font-size:1.2em; line-height:20px; border-right:1px solid #e5e4df;}
#ficheAcheter a#print {float:left; padding:0 0 0 8px; margin:50px 0px 0px 0; width:130px; font-size:1.2em; border-right:1px solid #e5e4df;line-height:20px;}
#ficheAcheter a#mail {float:left; padding:0 0 0 8px; margin:50px 0px 0px 0; width:250px; text-align:left; font-size:1.2em; line-height:20px;}


#welcome{
	width:370px;
	position:relative;
	font:14px;
	margin-top: 15px;
	margin-right: 0;88970
	margin-bottom: 0;
	margin-left: 14px;
	display:inline;
	float:left;
	}
#welcome h2{width:285px; height:24px; position:relative; font:14px Tahoma, sans-serif;font-weight:bolder;margin:0;}
#welcome h2 img{position:absolute;}
#welcome h2 span{color:#2F383F;margin-left:25px;padding:0}

#welcome h3{width:113px; height:90px; background:url(../images/img_agence.jpg) 0 0 no-repeat; position:relative;float:left; margin:10px 0 0 10px;}
#welcome p{width:220px; position:relative; margin: 10px 0 0 2px; padding:0;Tahoma, sans-serif;float:left}
#welcome p span{font:14px/18px Tahoma, sans-serif; color:#00e0f9; font-weight:normal;}
#welcome p.adresse{margin: 0 0 0 12px; padding:0;width:300px;float:left}
#welcome p.adresse a{font:14px Tahoma, sans-serif;}

#adresseLeft {width:200px;height:400px;position:relative;}
#adresseLeft h3{width:200px; height:14px; position:relative;float:left; margin:10px 0 0 10px;font:14px/18px Tahoma, sans-serif; color:#00e0f9; font-weight:normal;}
#adresseLeft p{width:200px; position:relative; margin: 10px 0 0 10px; padding:0;Tahoma, sans-serif;float:left}
#adresseLeft p span{font:14px/18px Tahoma, sans-serif; color:#00e0f9; font-weight:normal;}
#adresseLeft p.adresse{margin: 20px 0 35px 10px; padding:0;width:200px;float:left}
#adresseLeft p.adresse a{font:12px Tahoma, sans-serif;}

#welcome ul{width:155px; position:relative; float:left; padding-bottom:20px; }
#welcome ul li{height:18px;}
#welcome ul li a{font:10px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.gif) 0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#welcome ul li a:hover{text-decoration:none; background:#3c474f;}
#welcome ul.left {margin: 0 0 0 140px;}
#welcome ul.right {margin: 0 0 0 30px;}

#fcontainer{width:340px; position:relative; margin:18px 0 0 14px; }

#featured{width:351px; position:relative; float:left;margin:15px 0 0 20px;display:inline;}
#featured h2{width:285px; height:24px; position:relative; padding-bottom:5px;margin-left:25px;font:14px Tahoma, sans-serif;font-weight:bolder; }
#featured h2 img{position:absolute;}
#featured h2 span{color:#2F383F;margin-left:25px;padding:0}

#featured p{width:225px; padding: 0 0 20px 0px; margin-left:25px;}
#featured p span.town{font:10px/14px Tahoma, sans-serif; color:#000; font-weight:bold;}
#featured p span.price{font:10px/14px Tahoma, sans-serif; color:#000; font-weight:normal;}
#featured p span.number{font:10px/14px Tahoma, sans-serif; color:#00e0f9; font-weight:bold;}
#featured p.feat1{float:left;width:350px;height:60px;display:inline;font-size:12px;}
#featured p.feat2{float:left;width:350px;height:60px;display:inline;font-size:12px;}
#featured p img {float:left;margin:0 5px 0 10px;}

#vspacerline{width:2px; height:164px; position:relative; float:left; padding-right:7px; margin-top:5px;  background:url(../images/line1.jpg) 0 0 no-repeat;  }

#links{width:157px; position:relative; float:left; padding-top:3px }
#links h2{width:107px; height:22px; background:url(../images/h_links.jpg) 0 0 no-repeat; position:relative; padding-bottom:10px}
#links ul{width:157px; position:relative; clear:both; padding-bottom:10px; padding-top:10px;margin: 0 0 0 10px;}
#links ul li{height:18px;}
#links ul li.back{background:#5a6a72;}
#links ul li a{font:11px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:none; background:url(../images/arrow2.gif) 8px 7px no-repeat; padding: 0 0 0 26px; display:block;}
#links ul li a:hover{text-decoration:underline;}

/* FOOTER */

#footer{width:747px; height:53px; position:relative; margin: 0 auto; clear:both; background:#3c474f;}
#footer img{width:156px; height:37px; position:absolute; left:15px; top:9px;}
#footer p{width:535px; position:relative; margin: 20px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}
#footer a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;  color:#fff; text-decoration:none; padding: 0 5px}
#footer a:hover{color:#000; text-decoration:none; background:#fff;}

/* BOTTOM */

#bottom{width:747px; height:56px; position:relative; margin: 0 auto; clear:both;}
#bottom a {
	color: #FFFFFF;
}
#bottom p{width:535px; position:relative; margin: 10px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}