/* CSS Document */

/* global */
h1, h2, h3, h4, h5, h6, p, div, form, body, html, ul, li, hr, table, input{
	padding:0;
	margin:0;
	border:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #003366;
	background: url(images/fd2.jpg);
}


/***** class ******/
ul {
list-style-position: inside;
}
h1 {
	background:url(images/puce.gif) center left no-repeat;
	font-size:18px;
	padding: 0 0 0 25px;
}
h2 {
font-size:14px;
font-weight:normal;
}
a {
color: #003366;
text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
.fontS {
font-size:80%;
}
.fontL {
font-size:120%;
}
.fontXL {
font-size:150%;
}
.fontXXL {
font-size:180%;
}
.gras {
font-weight:bold;
}
.norm {
font-weight:normal;
}
.justifier {
text-align:justify;
}
.centrer {
text-align:center;
}
.droite {
text-align:right;
}
.gauche {
text-align: left;
}
.mention {
font-size:9px;
font-style:italic;
}
.color1 {
	color: #FFCC00;
}
.color2 {
color: #FFFFFF;
}
.color3 {
color: #003366;
}
.color4 {
	color: #FF9900;
}
.fdBlanc {
background:#FFFFFF;
}
.formCentrer {
margin:0 auto 0 auto;
width:380px;
}
.titre {
	font-size:18px;
	padding:0 0 0 0;
	background: url(images/titre.gif) left bottom no-repeat;
	padding:0 0 0 0;
	width: 312px;
	height: 25px;
}
.bordurenone {
border:0;
}
.bordure {
border:1px solid #003366;
}
.floatL {
float:left;
}
.floatR {
float:right;
}

/*formulaire ---------------------------------------------------------------- */
input.bouton {
	border: 1px solid #003366;
	padding:4px;
	cursor:pointer;
	background: url(images/gradient-blue.gif) top left repeat-x;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}


input[type=submit], input[type=reset] {
	border: 1px solid #003366;
	padding:4px;
	cursor:pointer;
	background: url(images/gradient-blue.gif) top left repeat-x;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;

}
input[type=submit]:hover, input[type=reset]:hover {
	border: 1px solid #003366;
	padding:4px;
	cursor:pointer;
	background: url(images/gradient-blue.gif) top left repeat-x;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;

}


select, textarea, input {
	background-color: #FFFFFF;
	color: #333333;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #CCCCCC;
}
input.radio {
	border:0;
	background:none;
}


.clear {
	clear:both;
	height: auto;
}

hr {
	background: #CCCCCC;
	height:1px;
	margin:15px 0 15px 0;
}
.champs100 {
width:99%;
}
.asterisque {
	position:relative;
	top:27px;
	left:5px;
	width:450px;
	font-size:9px;
	font-style: italic;
}
/* structure ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.page {
	width:955px;
	margin:10px auto 0 auto;
}

.top {
	background: url(images/logo.gif) top left no-repeat;
	text-align: right;
}
.keyW {
	float:left;
	color:#FFFFFF;
	margin: 0 0 0 150px;
	text-align: left;
	font-size: 17px;
	line-height: 31px;
	font-weight: bold;
	display:inline;
}
.centre {
margin:10px 0 0 0;
background:url(images/fd-gauche.gif) top left repeat-y #FFFFFF;
}

.gauche {
	width:148px;
	float:left;
}
.main {
	background:url(images/fd-accueil.jpg) bottom right no-repeat;
	width: 955px;
	height:auto;
	min-height: 419px;
	_height: 419px; /* Min-height interprété par IE*/
}
.main2 {

	width: 955px;
	height:auto;
	min-height: 419px;
	_height: 419px; /* Min-height interprété par IE*/
}
.mainCol1 {
	float:left;
	width:304px;
	margin: 20px 0 0 20px;
}
.mainCol1 h2{
font-size:12px;
text-align:justify;
}

.mainCol2 {
	float:left;
	width:415px;
	margin: 20px 0 0 40px;

}

.mainCol2 h3{
	background:url(images/puce.gif) 0px 2px no-repeat;
	font-size:18px;
	padding: 0 0 0 25px;
	margin:12px 0 10px 0;
	}
.cadre {
	background:url(images/cadre-mid.gif) top left repeat-y;
	width:304px;
}	
.cadre-top {
	width:304px;
	height:13px;
	background:url(images/cadre-top.gif) top left no-repeat;
}
.cadre-mid {
	width:284px;
	padding: 0 10px 0 10px;
}
.cadre-bot {
background:url(images/cadre-bot.gif) top left no-repeat;
width:304px;
height:13px;
}

.cadre-mid h1{
margin-bottom:10px;
}
.cadre-mid h2{
	margin-bottom:10px;
	line-height: 17px;
}
.cadre-mid ul {
    list-style: none;
	list-style-position:outside;
	margin:0;
	padding:0;
   }
.cadre-mid li {
	background:url(images/puce2.gif) 0 3px no-repeat;
	margin:0 0 3px 0;
	padding:0 0 0 12px;
	}
/* coeur */
.coeur {
padding:5px;
background: url(images/orange2.gif);
border:1px solid #003366;
}
.coeur-titre{
background:url(images/puce.gif) center left no-repeat;
padding:0 0 0 25px;
font-weight:bold;
font-size:18px;
margin-bottom:8px;
}
.coeur-img{
	float:left;
	width:100px;
	height:70px;
	overflow:hidden;

}
.coeur-tx{
	float:left;
	height: 45px;
	overflow: hidden;
	width: 160px;
	text-align: justify;
	margin-bottom: 10px;
	padding-left: 10px;

}	
.coeur-tx2{
	float:left;
	width: 160px;
	padding-left: 10px;

}
.coeur-bt{
	clear:both;
	padding-top: 8px;
	font-weight: bold;
	text-align: center;

}
/* footer ++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer {
	background:url(images/footer.gif) top left no-repeat;
	height:43px;
}
.footer2 {
	color:#FFFFFF;
	text-align: center;
	margin: 10px 0 0 0;
	line-height: 16px;
	font-size: 11px;
}
.footer2 a{
color:#FFFFFF;
}
.marquee {
	position: relative;
	left:595px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 15px;
	width: 300px;
	top: 0px;

}

/* navigation ++++++++++++++++++++++++++++++++++++++++++++++ */
.nav {
margin: 5px 0 0 5px ;
padding: 0 ;
}
.nav ul {
	margin: 0 ;
	padding: 0 ;
	list-style:none;
	list-style-position:outside;
}

.nav li {
	margin:0 0 5px 0;
	padding: 0 ;
}

.nav a {
display:block;
background:url(images/bt-menu.gif)  0 -33px;
width:133px;
height:23px;
padding: 10px 0 0 5px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
.nav a:hover {
display:block;
background:url(images/bt-menu.gif) 0 0;
width:133px;
height:23px;
margin:0 0 5px 0;
padding: 10px 0 0 5px;
text-decoration:none;
}
.gauche-ag {
	background:url(images/cadre-agence.gif) top left no-repeat;
	width:140px;
	height:82px;
	margin: 10px 0 0 4px;
	padding: 15px 0px 5px 0px;
	text-align:center;
	color: #FFFFFF;
	font-size: 11px;
}

.gauche-ag a{
color:#FFFFFF;
}


/* rech ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#rech-bien {
	margin:0 0 12px 0;
	width: 284px;
	height: 24px;

}
#rech-ville {
	float:left;
	width: 142px;
	margin:0 0 8px 0;
	height: 24px;
}
#rech-cp {
	float:left;
	width: 142px;
	margin:0 0 8px 0;
	height: 24px;
}
#rech-prix-mini {
	float:left;
	width: 142px;
	margin:0 0 12px 0;
	height: 24px;
}
#rech-prix-maxi {
	float:left;
	width: 142px;
	margin:0 0 12px 0;
	height: 24px;
}
#rech-etendre {
	float:left;
	width: 284px;
	margin:0 0 8px 0;
	height: 44px;
	line-height: 20px;
}
#rech-piece-mini {
	float:left;
	width: 200px;
	margin:0 0 3px 0;
	height: 24px;
}
#rech-piece-maxi {
	float:left;
	width: 110px;
	margin:0 0 3px 0;
	height: 24px;
}
#rech-surface-mini {
	float:left;
	width: 155px;
	margin:0 0 3px 0;
	height: 24px;
}
#rech-surface-maxi {
	float:left;
	width: 156px;
	margin:0 0 3px 0;
	height: 24px;
}
#rech-trie {
	float:left;
	width: 284px;
	margin:0 0 12px 0;
	height: 24px;
}
#rech-option {
	float:left;
	width: 284px;
	margin:0 0 16px 0;
	height: 24px;
	}
#rech-mention1 {
	font-size:10px;
	float:left;
	width:284px;
	margin:0 0 15px 0;
	height: 12px;
	text-align: center;
}
#rech-mention {
	text-align:center;
	font-size:10px;
	padding-top: 10px;
}
#bt-rech {
	color:#0099FF;
	width:284px;
	margin:0;
	height: 30px;
}
.km {
	font-size:11px;
}
.chp-mid {
	width:60px;
}
.chp-full {
	width:195px;
}
.lgd {
	width:60px;
	float: left;
}
/****************************
*		Detail annonce		*
****************************/
#detail-annonce {
	float:left;
	width:740px;
	margin:5px 0px 10px 30px;
	_margin-left:30px;
}

#detail-annonce .lien {
	text-decoration:none;
}

#detail-annonce .lien2 {
	text-decoration:none;
}
#detail-annonce .lien:hover {
	text-decoration:none;
}


#detail-annonce img {
	border:none;
}

#detail-annonce .bloc {
	float:left;
}

#annonce-titre {
	background:url(images/orange.gif);
	height:25px;
	padding-left:15px;
	padding-top:10px;
	_width:500px;
	font-size: 18px;
	width: 723px;
}
	
#annonce-sous-titre {
	float:left;
	clear:both;
	width:735px;
	height:20px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0 0 10px 0;
}

#annonce-prix, #annonce-ville, #annonce-surface, #annonce-pieces {
	width:225px;
	height:20px;
	font-size:16px;
	font-weight:bold;
	padding-left:15px;
}


#annonce-prix {

}

#annonce-ville {

}

#annonce-surface {

}

.annonce-surface-valeur {

}

#annonce-pieces {

}

.annonce-pieces-valeur {

}
	
#annonce-bloc-descriptif {
	clear:both;
	width:720px;
	padding-left:15px;
	padding-top:10px;
}

#annonce-bloc-descriptif h2 {
	margin-top:0px;
	font:bold 14px;
}

#annonce-description {
	width:555px;
}
#annonce-description h2{
	background:url(images/puce.gif) center left no-repeat;
	font-size:16px;
	padding: 0 0 0 25px;
	margin:0 0 10px 0;
}
#annonce-photos {
	width:150px;
	text-align:left;
	margin-left:15px;
	_margin-left:0px;
}

#annonce-photos .bloc {
	width:60px;
	margin-right:15px;
	margin-top:5px;
	text-align:center;
}

#annonce-photos .bloc img {
	_width:60px;
	max-width:60px;
	max-height:45px;
}

#annonce-photo-1 {
	width:135px;
	margin-left:0px;
	padding-left:0px;
	text-align:center;
}

#annonce-photo-1 img {
	_width:135px;
	max-width:135px;
	max-height:101px;		
}

#annonce-photo-2, #annonce-photo-4, #annonce-photo-6, #annonce-photo-8, #annonce-photo-10 {
	clear:both;
}


#annonce-bloc-liens {
	clear:both;
	float:left;
	margin-top:4px;
	width:720px;
}

.annonce-lien {
	width:50px;
	float:left;
	text-align:center;
}

.annonce-reference {
	float:left;
	width:655px;
	font:bold 14px;
	color: #FF6600;
}

.annonce-reference-valeur {
	font-weight:normal;
}
	
#annonce-bloc-contact {
	clear:both;
	float:left;
	width:735px;
	margin: 10px 0 5px 0;
}

#annonce-infos-agence  {
	float:left;
	width:564px;
	padding:5px;
}

#annonce-bloc-liens-contact {}

.annonce-lien-contact {
	text-align:center;
	float:left;
	width:80px;
	padding-top:10px;
}




/****************************
*		Detail Photo		*
****************************/
#detail-photo {
	float:left;
	width:740px;
	margin:5px 0px 10px 30px;
	_margin-left:30px;
}

#detail-photo .lien {
	font:normal 10px;
	text-decoration:none;
}


#detail-photo .lien:hover {
	text-decoration:none;
}


#detail-photo img {
	border:none;
}


#photo-titre {
	height:25px;
	padding-left:15px;
	padding-top:10px;
	_width:500px;
	background-image: url(images/orange.gif);
	font-size: 18px;
	width: 722px;
}
	
#photo-bloc-liens {
	float:right;
	width:100px;
}

.photo-lien {
	width:50px;
	float:left;
	text-align:center;
}

#photo-diaporama {
	width:734px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin: 0 0 10px 0;
}

#photo-diaporama img {

}

#photo-barre-bas {
	float:left;
	clear:both;
	width:734px;
	padding-top:10px;
	padding-bottom:5px;
	background-image: url(images/fd-bleu-alpha.gif);
	margin: 0 0 5px 0;
}

#photo-infos {
	float:left;
	width:315px;
	padding-left:5px;
	font-weight: bold;
	font-size: 14px;
}

#photo-diaporama-controles {
	float:left;
	width:100px;
	border:solid 1px #FFFFFF;
	text-align:center;
	padding-bottom: 5px;
}

.photo-diaporama-titre {
	font:bold 12px;
	margin-bottom: 5px;
}


/****************************
*		Detail Carte		*
****************************/
#detail-carte {
	float:left;
	margin:5px 0px 10px 30px;
	_margin-left:30px;
	width:740px;
}

#detail-carte .lien {
	font:normal 10px;
	text-decoration:none;
}


#detail-carte .lien:hover {
	text-decoration:none;
}


#detail-carte img {
	border:none;
}


#carte-titre {
	height:25px;
	padding-left:15px;
	padding-top:10px;
	_width:500px;
	background-image: url(images/orange.gif);
	font-size: 18px;
	width: 722px;
}
	
#carte-bloc-liens {
	float:right;
	width:150px;
}

.carte-lien {
	width:50px;
	float:left;
	text-align:center;
}

#carte-barre-bas {
	float:left;
	clear:both;
	width:734px;
	padding-top:10px;
	padding-bottom:5px;
	background-image: url(images/fd-bleu-alpha.gif);
	margin: 10px 0 5px 0;
}

#carte-infos {
	float:left;
	width:350px;
	font:bold 14px;
	padding-left:5px;
	font-weight: bold;
}

#carte-map {
	width:734px;
	float:left;
	clear:both;
	text-align:center;
	padding: 10px 0 10px 0;
}

#carte-map #maparea {
	width:740px;
	height:350px;
}



.lien_retour {
	clear:both;
	float:left;
	text-decoration:underline;
	margin-bottom:10px;
}


.lien_retour:hover {
	text-decoration:none;
}


/***************************
*		Resultrech		   *
***************************/
.main2 {
	background:url(images/fd-rech.gif) bottom right no-repeat;
	width: 955px;
	height:auto;
	min-height: 419px;
	_height: 419px; /* Min-height interprété par IE*/
}

#resultrech  {
	float:left;
	width:740px;
	margin: 5px 0 20px 30px;
}

#resultrech img {
	border:none;
}

#resultrech a {
	text-decoration:underline;
}

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

#resultrech .lien {
	text-decoration:underline;
}

#resultrech .lien:hover {
	text-decoration:none;
}

#resultrech-bloc1 {
	float:left;
	height:50px;
	width:740px;
	border-bottom: 1px solid #FFFFFF;
}

#resultrech-bloc2 {
	border:1px solid #003366;
	float:left;
	padding:10px;
	width:720px;
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
	background-image: url(images/orange.gif);
}

#resultrech-bloc2 select {}

.resultrech-nb-resultat {
	background:url(images/puce.gif) 0 7px no-repeat;
	padding: 5px 0 0 20px;
	float:left;
	color:#003366;
	width: 550px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.resultrech-nb-resultat-valeur {
	font:bold 14px;
	color:#FF6600;
}

.resultrech-pagination {
	float:left;
}

.num_page {}

.siti_page_courante {}

#resultrech-outils {
	float:right;
	padding:5px;
}



#resultrech-filtre-alentour {
	text-align:center;
}

#resultrech-filtres {
	float:right;
	width: 390px;
	text-align:right;
}
	
#resultrech-liste-annonces {
	clear:both;
	float:left;
	width:735px;
}

#resultrech-barre-centrale {
	clear:both;
	float:left;
	padding:10px;
	width:720px;
	border:1px solid #003366;
	margin-bottom: 10px;
	margin-top: 6px;
	background-image: url(images/orange.gif);
}

#resultrech-barre-centrale-outils {
	float:right;
	width: 300px;
	text-align: right;
}

#resultrech-barre-centrale-tri {
	float:left;
	margin-left:30px;
}

#resultrech-barre-bas {
	clear:both;
	float:left;
	padding:10px;
	width:720px;
	border:1px solid #003366;
	margin-top: 6px;
	background-image: url(images/orange.gif);
}

#resultrech-barre-bas-outils {
	float:right;
	width: 300px;
	text-align: right;
}

#resultrech-barre-bas-pagination {
	float:left;
	margin-left:10px;
	width:300px;
	text-align:center;
}

#resultrech .bloc {
	float:left;
}


.resultrech-annonce {
	clear:both;
	float:left;
	padding:5px;
	width:730px;
	background-color: #FFFFFF;
	margin: 0 0 4px 0;
	border:1px solid #003366;
}

.resultrech-annonce-entete {
	clear:both;
	float:left;
	margin-top:5px;
	border-bottom: 1px solid #003366;
}

.resultrech-annonce-titre {
	background:url(images/puce.gif) center left no-repeat;
	padding:0 0 0 20px;
	color:#003366;
	float:left;
	width:380px;
	font-size: 14px;
	font-weight: bold;
}

.resultrech-annonce-ville {
	float:left;
	margin-left:10px;
	font-size: 14px;
	font-weight: bold;
	width: 210px;
}

.resultrech-annonce-date {
	float:right;
	font-size: 14px;
	width: 100px;
	text-align: right;
	margin-left: 10px;
}
		
		
.resultrech-annonce-corps {
	clear:both;
	float:left;
	margin-top:10px;
	font:normal;
	width:100%;
}

.resultrech-annonce-corps .lien {

}

.resultrech-annonce-corps .lien:hover {

}


.resultrech-annonce-pieces-valeur {

}

.resultrech-annonce-surface-valeur {

}

.resultrech-annonce-pied {
	clear:both;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	width:730px;
}

.resultrech-annonce-infos {
	float:left;
	width:350px;
	color:#FF6600;
	font:bold;
}
	
.resultrech-annonce-bloc-liens {
	float:right;
	width:140px;
	text-align: center;
}
.chpRq {
	width:99%;
	height:40px;
}
/* engagements */
.img-engag {
background: url(images/engagement2.jpg) top center no-repeat;
height:305px;

}
.mainCol3 {
	float:left;
	width:750px;
	margin: 20px 0 20px 20px;
}
.mainCol3 h1{
	background:0;
	padding:0;
	font-style:italic;
	font-size:14px;
	margin-bottom:15px;
	line-height:18px;
}
.mainCol3 h2{
	margin: 20px 0 15px 0;
	font-weight:bold;
}
.mainCol3 h3{
	font-size:16px;
	font-weight:bold;
	margin: 15px 0 15px 0;
}
.mainCol3 ul {
    list-style: none;
	list-style-position:outside;
	margin:0;
	padding:0;
   }
.mainCol3 li {
	background:url(images/puce2.gif) 0 3px no-repeat;
	margin:0 0 3px 0;
	padding:0 0 0 12px;
	}


#maparea {
	width:415px;
	height:174px;
}