/* CSS RESET éà */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Georgia, "Times New Roman", Times, serif;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* #####################
		TEMPLATE
   #####################*/

body {background-color: #fff}

#header-body{background:#ee7024; width:100%; float:left;}
#header {margin:auto; width:960px; padding:13px 0; z-index:1; position:relative;}
h1{width:505px; float:left; font-size:18px; color:#fff; margin-left:240px; margin-top:7px; font-weight:normal;}
#header img{width:101px; float:left; margin-right:8px; display:block; margin-bottom:13px;}
#header p{width:102px; color:#fff; font-size:10px; float:left; font-family:Arial, Helvetica, sans-serif; float:left;}

#body-container{width:100%; float:left; background:#d5cac3;}
#container {width: 960px; margin: auto;}

#top-content{width:960px; float:left; z-index:80; position:relative; background:url("images/bg-bob-blake.png") no-repeat left top; margin-top:-50px;}
#logo{margin-left:250px; margin-top:60px; margin-right:32px; width:176px; float:left;}
#titre-page{width:457px; float:right; margin-top:113px; background:url("images/bg-titre.png") no-repeat; padding:7px 0;}
#titre-page h2{font-size:25px; color:#fff; margin-left:45px; width:457px; float:left;}
#coordo{width:324px; float:left; margin-top:52px; margin-left:310px; margin-right:14px; margin-bottom:18px;}
p#address{font-size:15px; line-height:20px; width:138px; float:left; margin-right:20px;}
#address a{color:#000; margin-top:10px;}
p#telephone{width:160px; float:left; font-size:20px; line-height:30px; margin-right:0px;}
#trois-btns{width:312px; float:left;}
#listing-link{background:url("images/btn-listing.png") no-repeat; width:312px; padding:24px 0 24px 93px; color:#727272; font-size:20px;}
#contact-link{background:url("images/btn-contact.png") no-repeat; width:312px; padding:22px 0 22px 93px; color:#727272; font-size:20px;}
#website-link{background:url("images/btn-website.png") no-repeat; width:312px; padding:24px 0 24px 93px; color:#727272; font-size:20px;}
#listing-link a, #contact-link a, #website-link a{color:#727272; text-decoration:none;}

#columns {float: left; width:920px; background:url("images/bg-columns.png") no-repeat left top #fff; padding:20px; margin-bottom:20px;}
#left_column {float:left; width: 450px; margin-right:20px;}
#left_column h2{font-size:25px; color:#ee7024; margin-bottom:15px; font-weight:normal;}
#left_column p{font-size:13px; line-height:17px; color:#484848; margin-bottom:15px;}
#left_column a{color:#ee7024;}
#left_column h3{font-size:18px; color:#ee7024; margin-bottom:15px; font-weight:normal;}

#right_column {float:left; width:436px;}
#featured{float:left; width:436px;}
#featured-top{float:left; width:436px; height:6px; background:url("images/top-featured.png") no-repeat; margin:0;}
#featured-title{background:#dbdbdb; width:436px; float:left; margin-top:0;}
#featured-title img{margin:0 20px; float:left;}
#featured-title h3{font-size:25px; text-transform:uppercase; color:#727272; width:340px; float:left; margin-top:10px;}
#featured-content{width:408px; float:left; margin:0; border:4px solid #dbdbdb; padding:10px}
#main-photo{width:302px; height:200px; float:left; margin-right:8px; margin-bottom:4px;}
#small-photos{width:97px; float:left;}
#small-photos img{margin-bottom:4px; width:97px; height:65px; float:left;}
#price{width:150px; float:left; border-top:none; border-right:1px solid #dbdbdb; border-bottom:none; border-left:none; color:#484848; font-size:20px; text-transform:uppercase; margin-bottom:20px;}
#area{width:230px; float:left; color:#484848; font-size:20px; margin-left:15px; margin-bottom:20px;}
#two-btns{width:408px; flaot:left;}
#all-prop{width:160px; float:left; padding:4px 8px; background:#d2601b; text-align:center;}
#full-desc{width:190px; float:left; padding:4px 8px; background:#ff6000; text-align:center; margin-left:8px;}
#two-btns a{font-size:15px; font-weight:bold; text-decoration:none; color:#fff;}
#generique_photos{width:407px; float:left; }

#separator{width:920px; float:left; background:url("images/separator.png") repeat-x; height:5px; margin:20px 0;}

#rss-feed{background:#ececec; width:222px; float:left; padding:15px 10px; font-size:12px; line-height:18px; color:#999;}
#rss-feed a{color:#666;}
#rss-feed img{width:34px; float:left; display:block;}
#rss-feed h4{width:167px; float:left; color:#2c2c2c; font-size:18px; text-transform:uppercase; font-weight:normal; margin-top:10px; margin-left:10px; margin-bottom:25px;}

.articles{width:277px; border:4px solid #e5e5e5; float:left; padding:14px 17px;}
.articles img{border:1px solid #c8c8c8; margin-bottom:4px;}
.articles h4{font-size:18px; color:#ee7024; margin-bottom:5px; font-weight:normal;}
.articles p{font-size:12px; line-height:18px; color:#606060; margin-bottom:10px;}
.articles a{color:#ee7024; font-size:11px;}
#article-middle{margin:0 15px;}

#avis-legal{width:920px; padding:20px; font-size:14px; line-height:21px; color:#666; background:#fff;}

#footer_box{float:left; width:100%; padding-bottom:35px; background:#7e7e7e;}
#footer {margin:auto; width: 880px; text-align: center; background:#7e7e7e; padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text {float: left; text-align: left; width: 650px; line-height: 22px; margin-top: 10px}
#footer_text a {color: #fff}
#footer_img {float: right; width: 170px;}
#footer_img img {float: left; margin-right: 12px}
#footer_slogan {float: left; width: 170px; text-align: left; margin-top: 6px; font-size: 11px}
#footer_slogan a {color: #ddd; text-decoration: none}
