/* 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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	color: black;
}

body, html {
	height:100%;
}
ol, ul {
	list-style: none;
}

strong {
	font-weight:bold;
}

td {
	padding:5px;
}

/* STYLES */
body {
	background:url('images/bg.jpg') top left repeat;
	width:100%;
	height:100%;
	padding-top:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:justify;
}

.page {
	width:980px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding:10px;
}

.chg {
	background:url('images/coin-hg.gif') top left no-repeat;
	top:0;
	left:0;
}

.chd {
	background:url('images/coin-hd.gif') top left no-repeat;
	top:0;
	right:0;
}

.cbg {
	background:url('images/coin-bg.gif') top left no-repeat;
	bottom:0;
	left:0;
}

.cbd {
	background:url('images/coin-bd.gif') top left no-repeat;
	bottom:0;
	right:0;
}

.chg, .chd, .cbg, .cbd {
	width:3px;
	height:3px;
	position:absolute;
	z-index:999;
	_display:none;
}

.chgv {
	background:url('images/coin-hg-vert.gif') top left no-repeat;
}

.chdv {
	background:url('images/coin-hd-vert.gif') top left no-repeat;
}

.cbgv {
	background:url('images/coin-bg-vert.gif') top left no-repeat;
}

.cbdv {
	background:url('images/coin-bd-vert.gif') top left no-repeat;
}

#menu {
	width:100%;
	height:39px;
	position:relative;
	margin-top:15px;
}

#menu ul {
	height:39px;
	background:url('images/bg-menu.gif') top left repeat-x;
	float:left;
}

#menu li {
	float:left;
	width:150px;
	padding:0;
}

#menu li#premier, #menu li#dernier {
	width:112px;
}

#menu li.separateur {
	background:url('images/separateur.gif') top left no-repeat;
	height:40px;
	width:1px;
}

#menu li a {
	height:25px;
	display:block;
	padding:12px 0 0 0;
	color:#000000;
	text-decoration:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
}

#menu li a:hover, #menu li a.selected {
	background-color:#004d00;
	color:#FFFFFF;
}

#entete {
	background:url('images/bg-entete.gif') top left repeat-x;
	position:relative;
	height:157px;
}

#entete #logo {
	margin:50px 0 0 35px;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#636363;
	text-transform:uppercase;
	position:absolute;
}

#corps {
	width:910px;
	clear:both;
	height:500px;
	padding:25px 35px 15px 35px;
}

#texte-accueil {
	width:350px;
	height:444px;
	float:left;
}

#texte-accueil p {
	margin-top:15px;
}

#footer {
	background-color:#f0f0f0;
	position:relative;
	width:945px;
	height:34px;
	padding:6px 0 0 35px;
}

#footer p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
}

#footer a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
}

#footer a:hover {
	text-decoration:none;
}

#mentions {
	width:1000px;
	text-align:right;
	color:#8a9589;
	margin:0 auto;
	clear:both;
	font-size:10px;
	padding-top:10px;
}

#mentions a {
	color:#8a9589;
	text-decoration:none;
}

#mentions a:hover {
	text-decoration:underline;
}

#nouveautes {
	background-color:#ebf3e9;
	position:relative;
	width:444px;
	padding:15px;
	float:right;
}

#nouveautes .annonce {
	width:175px;
	height:155px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	float:left;
	margin-top:15px;
	margin-left:18px;
	_margin-left:10px;
	background:url('images/bg-annonce.gif') top left no-repeat;
	padding:11px;
}

#nouveautes .annonce:hover {
	opacity:0.8;
 	filter: alpha(opacity = 80);	
}

#nouveautes .annonce img {
	width:171px;
	height:110px;
}

#nouveautes .annonce .infos {
	display:block;
	padding:5px;
	color:#000000;;
	margin-top:15px;
	text-align:center;
}

#nouveautes .annonce .infos .ville {
	text-transform:uppercase;
}

#nouveautes .annonce .infos .prix {
	font-weight:bold;
}

h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
}

#resultrech, #formulaire {
	background-color:#ebf3e9;
	position:relative;
	width:500px;
	height:460px;
	padding:15px 0 15px 15px;;
	float:right;
}

#resultrech #annonces {
	overflow:auto;
	width:500px;
	height:440px;
	position:relative;
}

#resultrech .annonce {
	position:relative;
	width:475px;
	background-color:#FFFFFF;
	float:left;
}

#resultrech .annonces-tag {
	color:#004D00;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:right;
	clear:both;
	float:left;
	margin-bottom:25px;
	width:475px;
}

#resultrech .annonces-tag a {
	color:#004D00;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#resultrech .annonces-tag a:hover {
	text-decoration:none;
}


#resultrech .annonce h3 {
	margin:0 0 5px 0;
	padding:5px 10px;
	width:455px;
	color:#FFFFFF;
	background-color:#004D00;
	font-weight:bold;
	float:left;
}

#resultrech .annonce .titre {
	display:block;
	float:left;
	width:220px;
}

#resultrech .annonce .ville {
	display:block;
	float:left;
	width:110px;
}

#resultrech .annonce .date {
	display:block;
	float:right;
	width:54px;
}

#resultrech .annonce .photo-annonce {
	float:right;
}

#resultrech .annonce .photo-annonce img {
	background-color:#FFFFFF;
	border:solid 1px #004D00;
	padding:2px;
}

#resultrech .annonce .corps {
	padding:5px 10px;
}

#resultrech .annonce p {
	width:282px;
}

#resultrech .annonce .lien {
	display:block;
	padding:5px;
	background-color:#FFFFFF;
	color:#004D00;
	font:bold 12px Arial, Helvetica, sans-serif;
	width:120px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border:solid 1px #004D00;
}

#resultrech .annonce .lien:hover {
	background-color:#004D00;
	color:#FFFFFF;
	border:solid 1px #004D00;
}

#resultrech .annonce .pied-annonce {
	clear:both;
	padding:10px 0;
	float:left;
	width:100%;
}

#resultrech .annonce .ref, #resultrech .annonce .prix {
	font-weight:bold;
}

#resultrech .annonce .lien.detail {
	float:right;
}

#resultrech .annonce .lien.ami {
	float:left;
}

#resultrech .annonce .photo-vide {
	display:block;
	float:right;
	width:160px;
	height:120px;
	border:solid 1px #004D00;
	background:url('images/logo-mini.gif') no-repeat #FFFFFF center;
}

#titre-filtres {
	background-color:#004D00;
	text-align:center;
	padding:3px 0px 3px 5px;
	clear:both;
	color:#FFFFFF;
	text-align:left;
	text-transform:uppercase;
	font:bold 12px Arial, Helvetica, sans-serif;
	width:470px;
	position:relative;
	margin-top:10px;
	display:none;
}

#filtres {
	background-color:#FFFFFF;
	text-align:center;
	padding:10px 0px 0px 5px;
	clear:both;
	width:470px;
	display:none;
}

#liste-tri {
	width:130px;
	_width:127px;
	display:inline-block;
}

#filtres select {
	width:125px;
	margin-right:5px;
	_margin-right:3px;
	margin-bottom:5px;
}

.pagination {
	text-align:center;
	color:#004D00;
	background-color:#FFFFFF;
	height:21px;
	padding-top:3px;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	float:left;
	width:475px;
	position:relative;
	display:none;
}

#resultrech .pagination a {
	color:#004D00;
	font:normal 12px Arial, Helvetica, sans-serif;
}

/* FORMULAIRE */
#formulaire form {
	padding:15px;
	width:350px;
	float:left;
	margin-left:50px;
	_margin-left:30px;
}	

#formulaire form .ligne {
	clear:both;
	float:left;
	margin-bottom:10px;
	width:100%;
}

#formulaire form .ligne .libelle {
	display:block;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#004D00;
	width:80px;
}

#formulaire form .ligne input{
	float:left;
	width:250px;
	display:block;
}

#formulaire form .ligne textarea {
	float:left;
	width:250px;
}

#formulaire form .bouton {
	float:left;
	clear:both;
	text-align:center;
	width:100%;
}

#formulaire form .bouton input {
	height:31px;
	color:#FFFFFF;
	background-color:#004D00;
	text-transform:uppercase;
	font:bold 12px Arial, Helvetica, sans-serif;
	border:solid 2px #FFFFFF;
}

#detail-annonce {
	float:left;
	width:100%;
}

#detail-annonce #description {
	width:380px;
	float:left;
	background-color:#ebf3e9;
	position:relative;
	padding:15px;
	float:left;
}

#detail-annonce #photos {
	width:455px;
	float:right;
	text-align:center;
	background-color:#ebf3e9;
	position:relative;
	padding:15px;
}

#detail-annonce #photos #miniatures {
	text-align:center;
	width:100%;
	margin-top:10px;
}

#detail-annonce #photos #miniatures img {
	margin-right:4px;
	height:63px;
}

#detail-annonce h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#238123;
	margin-top:15px;
	margin-bottom:5px;
}

#detail-annonce h1 {
	font:bold 18px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

#detail-annonce #infos {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#238123;
}

#detail-annonce #infos strong {
	color:#000000;
}

#detail-annonce #outils {
	width:380px;
	float:left;
	clear:left;
	text-align:center;
	background-color:#ebf3e9;
	position:relative;
	padding:15px;
	margin-top:10px;
}

#detail-annonce #outils a {
	display:block;
	padding:5px;
	background-color:#FFFFFF;
	color:#004D00;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border:solid 1px #004D00;
	float:left;
	margin-left:18px;
	_margin-left:10px;
}

#detail-annonce #outils a:hover {
	background-color:#004D00;
	color:#FFFFFF;
}

#lien-retour {
	clear:both;
	float:right;
	margin-top:15px;
	color:#004D00;
	width:170px;
}

#lien-retour:hover {
	text-decoration:none;
}