body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:11px;
	color:#000066;
	background:url(images/fd.jpg);
}
/*-------------------------------------------------------------*/ 
/* structure */

#page {
	width:965px;
	height:100%;
	margin-top:0px;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	z-index:1;
}

#tete {
	background:url(images/top.jpg) top left no-repeat;
	height:213px;
}
#annonce-tete {
padding-top:102px;

}

#gauche {
	float:left;
	width:197px;
	display: inline;
	background:url(images/degrade.jpg) top left repeat-x;
	height: 333px;
}
#droite {
	float:right;
	width:197px;
	background:url(images/degrade.jpg) top left repeat-x;
	height: 340px;
}
/*pied de page ------------------------------------------------------- */
#pied {
	width:965px;
	height:26px;
	padding-top:7px;
	text-align:center;
	font-size:10px;
	margin-top: 3px;
	border-top: #990000 solid 1px;
}

/* Navigation ------------------------- */

#nav {
	width:197px;
	margin-top:5px;
	display: inline;
}

#nav dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav dt {
cursor: pointer;
margin-bottom:3px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#nav dt a {
	display: block;
	height: 30px;
	border: 0 none;
	font-size:13px;
	color: #000066;
	font-weight: bold;
}

#nav li a  {
display: block;
border: 0 none;
}

#nav a:hover  {
color:#990000;
}

#txtbt {
	cursor: pointer;
	padding-top:6px;
	margin-left: 32px;
}

/* états boutons menu------------------------- */
.bt-on {
color: #990000;
}
/* bt accueil------------------------- */

dt#bt1 {
	background:url(images/ico-home.jpg) top left no-repeat;
}


/* bt recherche------------------------- */
dt#bt2 {
	background:url(images/ico-bien.jpg) top left no-repeat;
}


/* bt contact------------------------- */
dt#bt3 {
	background:url(images/ico-contact.jpg) top left no-repeat;
}


/* bt qui sommes nous------------------------- */
dt#bt4 {
	background:url(images/ico-qui.jpg) top left no-repeat;
}



/*accueil ------------------------------------------------------- */


/*coups de coeur ------------------*/
#coeur {
}
#coeur h2{
	border-bottom:#990000 solid 1px;
}
#txt-coeur {
font-weight:bold;
width:187px;
height:30px;
overflow:hidden;
margin-bottom:10px;
padding-left:5px;
padding-right:5px;
}

#coeur-texte {
font-weight:bold;
width:187px;
height:55px;
overflow:hidden;
}

#coeur-ville {
font-weight:bold;
width:187px;
height:30px;
margin-bottom:10px;
width:187px;
height:15px;
overflow:hidden;
padding-left:5px;
padding-right:5px;
}

#coeur-prix {
font-weight:bold;
width:187px;
height:30px;
margin-bottom:10px;
width:187px;
height:15px;
overflow:hidden;
padding-left:5px;
padding-right:5px;
}

#img-coeur{
	height:144px;
	width:197px;
	overflow:hidden;
	margin-bottom: 10px;
}

/*centre accueil ------------------------------------------------------------- */
#centre1 {
	width: 520px;
	float: left;
	margin-left: 25px;
}

#centre1 h1{
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	font-style: italic;
}

#centre1 h2{
font-size:12px;
text-align:justify;
line-height:25px;
margin-top:10px;
}




/*contactez nous  ------------------------------------------------------- */

#contact {
	width: 520px;
	float: left;
	margin-left: 23px;
	}
	
#contact h1{
width:520px;
font-size:18px;
margin-top:5px;
}	
#contact h2{
font-size:14px;
line-height:26px;
}
#contact form{
border: 1px solid #990000;
}
#map{
	margin-top:10px;
	margin-bottom:10px;
}

#info {
	width:175px;
	margin-top: 40px;
	font-size: 9px;
	margin-left: 8px;
}
/*recherche ------------------------------------------------------------- */

#rech {
	width: 520px;
	float: left;
	margin-left: 25px;
	height: 340px;
}

#rech h1{
width:520px;
font-size:18px;
margin-top:5px;
}

#droite-rech {
	float:right;
	width:197px;
	background: url(images/photo-rech.jpg) top left repeat-x;
	height: 345px;
}

#marquee {
	margin-top:295px;
	width: 197px;
	line-height: 28px;
}
#marquee h2{
	font-size:19px;
	font-weight:bold;
	}
/*resultat recherche ------------------------------------------------------------- */

#resultrech {
	width: 520px;
	float: left;
	margin-left: 25px;
}

#resultrech img {
border:0;
}

#resultrech a {
text-decoration:none;
}
#description-annonce {
padding-top:6px;
padding-bottom:4px;
}

.bg-degrade {
background:url(images/fd-bleu.gif);
}
.tete {
background:url(images/tete-annonce.jpg) left top no-repeat;
}
.titre-annonce {
font-weight:bold;
background: url(images/fd2.jpg);
padding-top:2px;
padding-bottom:2px;
color:#FFFFFF;
}
.prix-annonce {
font-weight:bold;
color: #990000;
margin-bottom:4px;
}
.fd-blanc {
background: #FFFFFF;
}
.barre {
background: url(images/fd3.jpg);
}

/*detail-annonce et photo ------------------------------------------------------------- */

#bando {
	width: 500px;
	height:56px;
	background:url(images/bando2.jpg) top left no-repeat;
}
/*class ------------------------------------------------------------- */

/*titres --------------------------------------------------------------- */

h1 {
	font-size:16px;
	font-weight:bolder;

}

h2 {
	font-size:14px;
	font-weight:bold;
}
h3 {
	font-size:12px;
	font-weight:bold;
}


h1, h2, h3, h4, h5, h6, p, div, img {
	padding-left:0;
	padding-right:0;
	margin:0;
}


/*liens --------------------------------------------------*/

a {
	color: #000066;
	text-decoration: none;
}

a:hover {
	color: #000066;
	text-decoration: none;
}

/*autre --------------------------------------------------*/

.gras {
font-weight:bold;
}

.copyright {
font-weight:normal;
font-size:9px;
}

.fontXL {
font-size:120%;
//font-size:12px;
}

.fontS {
font-size:85%;
//font-size:10px;

}

.fontN {
//font-size:11px;

}


#separateur {
	width:535px;
	height: 0px;
	border-bottom:2px #339900 solid;
	margin-top: 4px;
	margin-bottom: 5px;
}

ul{
	list-style-image:url(images/micro-puce.jpg);
	margin:0;
	margin-left:20px;
	padding-left:0;
}
/*position ---------------------------------------------------------------- */

.floatright {
float:right;
}
.left {
float:left;
}

/*formulaire ---------------------------------------------------------------- */
form {
margin:0;
padding:0;
border:0;
}
input.bouton {
	color: #FFFFFF;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	background-color: #990000;
	font-weight: bold;
}

select, textarea, input {
	border:1px solid #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000066;
}

.radio {
border:none;
border:0;
}


/*bug compatibilité entre ie et ff - div extensible */
.separation {
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
}
.marge-gauche {
margin-left:20px;
}

.bordure-bleu {
border:1px solid #336699;
}
.bordure-blanche {
border:1px solid  #FFFFFF;
}

.tags a {
	font:normal 10px Arial, Helvetica, sans-serif;
}

.tags {
	margin-bottom:10px;
	text-align:right;
}

#suggestion {
	border:solid 2px #000066;
	padding:5px 15px 15px 15px;
	clear:both;
	text-align:left;
}

#suggestion li {
	list-style:disc inside;
}

#suggestion ul {
	margin-top:10px;
}