body {
	background-color: #FFFFFF;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	padding-top: 5px;
}
/*-------------------------------------------------------------*/ 
/* structure */

#page {
	width:800px;
	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:146px;
}


/*pied de page ------------------------------------------------------- */
#pied {
	background-color:#FFFFFF;
	width:800px;
	height:100%;
	margin-top:0px;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	border-top: #000066 solid 1px;
	text-align:center;
	font-size:10px;
	line-height:20px;
}

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

#nav {
	width:134px;
}
/* Navigation francaise------------------------- */

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

#nav dt {
cursor: pointer;
margin-top:4px;
margin-bottom:4px;
}

#nav li a  {
display: block;
height: 24px;
border: 0 none;
}
#nav dt a {
display: block;
height: 24px;
border: 0 none;
}

/* boutons menu------------------------- */

/* bt accueil------------------------- */
dt#bt1 {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:0 0;
}

a#bt1:hover {
background-image:url(images/menu.gif);
background-position:-134px 0;
}

dt#bt1-on {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:-134px 0;
}
/* bt nos ventes------------------------- */

dt#bt2 {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:0 -28px ;
}

a#bt2:hover {
background-image:url(images/menu.gif);
background-position:-134px -28px;
}
dt#bt2-on {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:-134px -28px;
}

/* bt nos locations------------------------- */
dt#bt3 {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:0 -55px ;
}

a#bt3:hover {
background-image:url(images/menu.gif);
background-position:-134px -55px;
}
dt#bt3-on {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:-134px -55px;
}

/* bt nos commerces------------------------- */
dt#bt4 {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:0 -83px ;
}

a#bt4:hover {
background-image:url(images/menu.gif);
background-position:-134px -83px;
}
dt#bt4-on {
width:134px;
height:24px;
background-image:url(images/menu.jpg);
background-position:-134px -83px;
}

/* bt vous vendez------------------------- */
dt#bt5 {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:0 -111px ;
}

a#bt5:hover {
background-image:url(images/menu.gif);
background-position:-134px -111px;
}

dt#bt5-on {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:-134px -111px ;
}
/* bt vous louez------------------------- */
dt#bt6 {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:0 -139px ;
}

a#bt6:hover {
background-image:url(images/menu.gif);
background-position:-134px -139px;
}

dt#bt6-on {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:-134px -139px ;
}

/* bt notre agence------------------------- */
dt#bt7 {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:0 -166px ;
}

a#bt7:hover {
background-image:url(images/menu.gif);
background-position:-134px -166px;
}
dt#bt7-on {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:-134px -166px ;
}

/* bt nous contacter------------------------- */
dt#bt8 {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:0 -194px ;
}

a#bt8:hover {
background-image:url(images/menu.gif);
background-position:-134px -194px;
}
dt#bt8-on {
width:134px;
height:24px;
background-image:url(images/menu.gif);
background-position:-134px -194px ;
}

/* gauche -------------------------------------------------------------------------------------- */

#gauche-accueil {
	float: left;
	margin-top:6px;
	width:148px;
	height: auto;
	min-height: 380px;
	_height: 380px; // Min-height interprété par IE
}


/*accueil ------------------------------------------------------- */
#fd-accueil {
	background:url(images/fd-accueil.jpg) top right no-repeat;
	height: auto;
	min-height: 420px;
	_height: 420px; // Min-height interprété par IE
}
#accueil {
	width:652px;
	float:left;
	height: 427px;
}

#accueil h1{
	margin-bottom: 10px;
	font-size:20px;
}

#bt-accueil1 {
	position:relative;
	display:block;
	height:30px;
	width:100px;
	line-height: 20px;
	top: 225px;
	left: 535px;
	z-index: 3;
}

#bt-accueil2 {
	position:relative;
	top:350px;
	left:390px;
	display:block;
	height:30px;
	width:100px;
	z-index: 3;
}

#txt-accueil {
	width:380px;
	margin-left: 20px;
	line-height: 25px;
	top: -45px;
	position: relative;
	z-index: 2;
}

#txt-accueil2 {
	position:relative;
	width:300px;
	margin-left: 20px;
	line-height: 20px;
	text-align: justify;
	z-index: 2;
	top: 15px;
}


/*coups de coeur ------------------*/
#coeur {
	margin-top:15px;
	width:134px;
	margin-bottom: 10px;
}
#coeurtop {
	width:134px;
	height:27px;
	background: url(images/titre-coeur.gif) top left no-repeat;
}

#coeurcentre {
	width:126px;
	padding:3px;
	text-align:center;
	border: #CC6666 solid 1px;
	background:url(images/fd-coeur2.jpg) bottom left repeat-x;
	margin-top: 3px;
}

#coeurbas {
	width:155px;
	height:22px;
	text-align:center;
	background:url(images/coeur-bottom.jpg) top left no-repeat;
}

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

#coeur img {
padding:3px;
border:0;
}

/*vendre  ------------------------------------------------------- */
#fdvendre {
	background: url(images/fd-vendre.jpg) top right no-repeat;
	height: auto;
	min-height: 432px;
	_height: 432px; // Min-height interprété par IE
}


/*recherche ------------------------------------------------------------- */

#recherche {
	width:580px;
	float:left;
	height: 100%;
	margin-top:10px;
	margin-left:30px;
	text-align: center;
}

#recherche img{
border:0;
}

/*resultat recherche ------------------------------------------------------------- */
#fdresult {
	background: url(images/fd-result.jpg) top right no-repeat;
	height: auto;
	min-height: 432px;
	_height: 432px; // Min-height interprété par IE
}

#resultrech {
	margin-top:15px;
	width:580px;
	float: left;
}

#resultrech img {
border:0;
}

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

.bg-degrade {
background: url(images/fd-bleu.jpg) bottom left repeat-x;
	border:1px solid #333366;
}
.tete {
background:url(images/tete-annonce.jpg) left top no-repeat;
}
.titre-annonce {
	border-bottom:solid 1px #000066;
	font-weight:bold;
	background: url(images/fd-orange.jpg) #FFFFFF bottom left repeat-x;
}
.prix-annonce {
font-weight:bold;
color:#CC3333;
margin-bottom:4px;
}


/*detail-annonce et photo ------------------------------------------------------------- */
#detail-annonce {
	min-width:500px;
	max-width:770px;
	background: url(images/log-fd2.jpg) left bottom no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#detail-annonce img{
border:0;
}
#tete2 {
	width: auto;
	height:79px;
	background: url(images/top2.jpg) top left no-repeat;
	border-bottom:1px solid #000066;
}
#detail-annonce h1 {
	font-size:20px;
	text-align:center;
}
#txt-annonce {
	width:290px;
	margin-left: 10px;
}
#galerie-annonce {
display: inline;
	float:right;
	width:190px;
	margin-right: 10px;
}
#galerie-annonce a{
font-size:9px;
text-decoration:none;
}
#galerie-annonce hover{
font-size:9px;
}
#txt-annonce2 {
float:left;
	width:96%;
	margin-left:10px;
	margin-right:10px;
}

#toolbar-photo {
	margin: 5px;
}

#toolbar-photo a {
font-size:9px;
text-decoration:none;
}
#toolbar-photo hover {
font-size:9px;
}

/*contact ------------------------------------------------------------- */

#fd-contact{
	background: url(images/fd-fenetre.jpg) top right no-repeat;
	height: auto;
	min-height: 380px;
	_height: 380px; // Min-height interprété par IE
}

#contact {
	width:580px;
	float:left;
	height: 100%;
	margin-top:10px;
	margin-left:30px;
	text-align: center;

}
#contact form {
margin-top:20px;
}

/*vendre et louer ------------------------------------------------------------- */
#vendre-louer {
	width:580px;
	float:left;
	height: 100%;
	margin-top:10px;
	margin-left:30px;
	text-align: center;
}

#vendre-louer form{
margin-top:20px;
}

/*agence ------------------------------------------------------------- */


#agence {
	width:580px;
	float:left;
	height: 100%;
	margin-top:10px;
	margin-left:30px;
	font-weight:bold;
	line-height:16px;
	
}


#txt-agence2 {
	margin-top:10px;
	width:580px;
	line-height: 14px;

}

/*class ------------------------------------------------------------- */

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

h1 {
	font-size:16px;
	font-weight:bolder;
	color: #000066;

}

h2 {
	font-size:14px;
	font-weight:bold;
	color: #000066;
}
h3 {
	font-size:12px;
	font-weight:bold;
}
h4 {
	font-size:11px;
	font-weight:bold;
}
h5 {
	font-size:11px;
}

h6 {
	font-size:14px;
}

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

hr {
	color: #666699;
	background-color: #666699;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 2px;

}


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

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

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

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



td {
	padding:2px;
	margin:2px;
}

.gras {
font-weight:bold;
}

.copyright {
color: #9999CC;
font-weight:normal;
font-size:9px;
}


#separateur {
	width:100%;
	height: 0px;
	border-bottom:1px #999999 solid;
	margin-top: 4px;
	margin-bottom: 5px;
}


.bordure {
border:#000066 1px solid;
}
.bordureblanche{
border: #FFFFFF 1px solid;
margin:4px;
} 

.table {
background: #FFFFFF url(images/fd-coeur.jpg) bottom left repeat-x;
}

.margetable {
margin-left:15px;
}

.justifier {
text-align:justify;
}
/*position ---------------------------------------------------------------- */

.floatright {
float:right;
}

.left {
float:left;
}


/*formulaire ---------------------------------------------------------------- */
form {
margin:0;
padding:0;
border:0;
}
input.bouton {
	border:1px outset  #000066;
	background-color: #9999CC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	cursor:pointer;
	color: #FFFFFF;
	font-weight: bold;
}

select, textarea, input {
background-color: #FFFFFF;
border:1px solid #000066;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:11px;
}
input.radio {
	border:0;
	background:none;
}

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

/* AJOUTE */
.alentours input { border:none }
.num_page img { vertical-align:middle }
.sitimsg_message { font-size: 11px; color: #4E4B8B; text-align: center; padding: 5px }
.sitimsg_message a:link, .sitimsg_message a:visited { text-decoration:underline; color: #4E4B8B }
.sitimsg_message a:hover { text-decoration:none; color: #4E4B8B }
.sitimsg_lien { font-size: 11px; color: #CA2032; text-align: center; padding: 5px }
.sitimsg_lien a:link, .sitimsg_lien a:visited { text-decoration:underline; color: #CA2032 }
.sitimsg_lien a:hover { text-decoration:none; color: #CA2032 }

#maparea {
	width:500px;
	height:350px;
}

.tags {
	clear:both;
	padding-bottom:10px;
	padding-right:5px;
	text-align:right;
	color:#000066;
	font:normal 11px Arial, Helvetica, sans-serif;
}

.tags a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000066;
}

.tags a:hover {
	text-decoration:underline;
}

#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;
}