/* 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:#006633;
	background: url(images/vert.gif);
}


/***** class ******/
ul {
list-style-position: inside;
}
h1 {
	font-size:16px;
}
h2 {
	font-size:12px;
	font-weight:normal;
}
a {
color: #006633;
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;
}

.gauche {
text-align: left;
}
.mention {
font-size:9px;
font-style:italic;
}
.color1 {
	color: #CC3300;
}
.color2 {
color: #FFFFFF;
}
.color3 {
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 {
	padding:4px;
	cursor:pointer;
	background: url(images/degrade-orange.gif) top left repeat-x #FFCC00;
	border: 1px solid #666666;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}


input[type=submit], input[type=reset] {
	padding:4px;
	cursor:pointer;
	background: url(images/degrade-orange.gif) top left repeat-x #FFCC00;
	border: 1px solid #666666;
	font-weight: bold;
	font-size: 12px;
	text-align: center;

}
input[type=submit]:hover, input[type=reset]:hover {
	padding:4px;
	cursor:pointer;
	background:#FFCC00;
	border: 1px solid #666666;
	font-weight: bold;
	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 {
	height: auto;
	clear: both;
}

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 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.fd-page {
	background:url(images/fd-top.gif) top left repeat-x;
}
.page {
	width:955px;
	margin:0 auto 0 auto;
	background: #FFFFFF;
}

.fd-img {
background:url(images/fd-page.jpg) top left no-repeat #FFFFFF;
}
.top {
	background: url(images/top-logo.jpg) top right no-repeat;
	width:955px;
	height:111px;
	margin: 0 auto 0 auto;
}
.baseline1 {
	background:url(images/orange.gif);
	height:20px;
	width:475px;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	text-align: center;
	padding: 4px 0 0 0;
	font-weight: bold;
}

.baseline2 {
	height:20px;
	width:475px;
	font-size:15px;
	text-align: center;
	padding: 4px 0 0 0;
	font-weight: bold;
}
.fd-main {
	background: url(images/droite-fd.jpg) top right repeat-y;
	height: auto;
	min-height:450px;
	_height: 450px;
	}
.fd-main-chien {
	background:url(images/chien.jpg) 704px bottom no-repeat;
	height: auto;
	min-height:450px;
	_height: 450px;
	}	
.main {
	margin:20px 0 0 190px;
	width: 480px;
	float: left;
	display: inline;
	height: auto;
	min-height:416px;
	_height: 416px;
}
.main.result {
	width:530px;
	_width:510px;
}

.droite {
	width: 227px;
	float: right;
	display: inline;
}
.droiteTop {
	background:url(images/droite-top.jpg) top right no-repeat;
	width: 227px;
	height:24px;
	padding: 16px 0 0 0;
	font-weight: bold;
	font-size: 16px;
	color: #339966;
}
.droite h1 {
	font-size:11px;
	font-weight:normal;
	color:#006633;
	text-align: justify;
	margin-bottom:80px;
}
.droiteTx {
	padding:10px 5px;
	margin-bottom:80px;
}
.chien {
	background:url(images/chien.gif) top left no-repeat;
	width:182px;
	height:245px;
	position: relative;
	left: 600px;
	top: -250px;
}
.fixed {
	_height: 416px;
	margin: 0 auto 0 auto;
	width: 955px;
	height: 0px;
}
.fixed2 {
	position:relative;
	height: 0;
	margin:-77px 0 0 0;
}

/* footer ++++++++++++++++++++++++++++++++++++++++++++++++ */
.btContact {
	width:62px;
	height:66px;
	float: left;
	margin: 0 0 0 22px;
	display: inline;
}
.footer {
	background:url(images/footer1.jpg) 0px 22px no-repeat;
	width:710px;
	height:80px;
	clear: both;
	font-weight: bold;
}
.footerB {
	background:url(images/footer1.jpg) 0px 22px no-repeat;
	width:728px;
	height:80px;
	clear: both;
	font-weight: bold;
}
.footerTx {
	width:300px;
	height:18px;
	float: left;
	margin: 27px 0 0 195px;
	display: inline;
}
.footer2 {
	text-align: center;
	font-size: 10px;
	width: 560px;
	height: 25px;
	float: right;
	padding: 5px 0 0 0;
}
.footer2 li{
display:inline;
list-style:none;
}
.footer2 a{
color:#006633;
text-decoration:none;

}
.btActu {
	width:73px;
	height:77px;
	position: relative;
	top: -100px;
	left: 840px;
}
.credits {
	color:#FFFFFF;
	font-size:11px;
	text-align:right;
	margin: 0 auto 0 auto;
	width: 955px;
}
.credits a{
color:#FFFFFF;
}
.labelTop {
	width:60px;
	height:60px;
	float:right;
	margin: 15px 95px 0 0;
	_margin-right:50px;
}
.labelTop a{
	display:block;
	width:60px;
	height:60px;
}
.labelDetail1 {
	width:45px;
	height:25px;
	float: right;
}
/* navigation ++++++++++++++++++++++++++++++++++++++++++++++ */
#nav {
	height:30px;
	margin:33px 0 0 25px;
}

#nav ul {
list-style:none;

}
#nav li {
display:inline;
float:left;
}
#nav a {
display:block;
height:25px;
color:#006633;
font-size:12px;
text-decoration:none;
padding:5px 0 0 25px;
}
#nav a:hover {
text-decoration:none;
}

.bt0 {
width:80px;
background: url(images/navBt0.jpg) top left no-repeat; 
}
.bt0 a:hover {
width:55px;
background: url(images/navBt0-on.jpg) top left no-repeat; 
}
.bt0-on {
width:80px;
background: url(images/navBt0-on.jpg) top left no-repeat; 
}

.bt1 {
width:111px;
background: url(images/navBt1.jpg) top left no-repeat; 
}
.bt1 a:hover {
width:86px;
background: url(images/navBt1-on.jpg) top left no-repeat; 
}
.bt1-on {
width:111px;
background: url(images/navBt1-on.jpg) top left no-repeat; 
}

.bt2 {
width:106px;
background: url(images/navBt2.jpg) top left no-repeat; 
}
.bt2 a:hover {
width:81px;
background: url(images/navBt2-on.jpg) top left no-repeat; 
}
.bt2-on {
width:106px;
background: url(images/navBt2-on.jpg) top left no-repeat; 
}

.bt3 {
width:120px;
background: url(images/navBt3.jpg) top left no-repeat; 
}

.bt3 a:hover {
width:95px;
background: url(images/navBt3-on.jpg) top left no-repeat; 
}
.bt3-on {
width:120px;
background: url(images/navBt3-on.jpg) top left no-repeat; 
}

.bt4 {
width:176px;
background: url(images/navBt4.jpg) top left no-repeat; 

}

.bt4 a:hover {
width:149px;
background: url(images/navBt4-on.jpg) top left no-repeat; 
}
.bt4-on {
width:176px;
background: url(images/navBt4-on.jpg) top left no-repeat; 
}

.bt5 {
width:163px;
background: url(images/navBt5.jpg) top left no-repeat; 

}

.bt5 a:hover {
width:138px;
background: url(images/navBt5-on.jpg) top left no-repeat; 
}
.bt5-on {
width:163px;
background: url(images/navBt5-on.jpg) top left no-repeat; 
}



/* accueil ++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.topHome {
	height:62px;
	width: 530px;
	margin: 0 0 10px 0;
	float: left;
}
.topHomeBt {
	float:left;
	height: 62px;
}
.topHomeBt img{
	border:none;
	float:left;
	margin:0 15px 0 0;
}
.topHomeRech {
	float:right;
	width:190px;
	margin: 20px 0 0 0;
}
.chpRechHome {
	background:url(images/chp-rech.gif) top left no-repeat;
	width: 145px;
	height:22px;
	padding: 3px 0 0 7px;
	float: left;
}
.chpRechHome input{
	border:none;
	height: 15px;
	width: 138px;
	color: #999999;
	font-weight: bold;
}
.btRechHome {
	border:none;
	margin:0 0 0 10px;
	display: inline;
	float: left;
}
/* rech -----------------------------------------------------------------------------------*/
.moteur {
	width:100%;
	border: 1px solid #FFCC00;
	margin: 10px 0 5px 0;
	background:url(images/fd-rech.gif) right bottom no-repeat;
}

.moteur form{
	margin:0 0 0 0;
}

.rechMarge {
	padding:20px;
}
.label {
	width:70px;
	float: left;
}
.rechChp1 {
	width:105px;
}


.rechBiens {
	height:85px;
	padding: 0 0 10px 0;
}

.pictoRadio {
	float:left;
	height:60px;
	margin:0 4% 0 0;
	text-align:center;
	width: 70px;
}
.pictoRadio input{
border:0;
background:none;
}
.pictoLabel{
	font-size:10px;
}
.pictoIndiff {
	background:url(images/pictoIndiff.gif) top left no-repeat;
	height:50px;
	width: 50px;
	margin: 0 auto 3px auto;
}
.pictoMaison {
	background:url(images/pictoMaison.gif) top left no-repeat;
	height:50px;
	width: 50px;
	margin: 0 auto 3px auto;
}
.pictoAppart {
	background:url(images/pictoAppart.gif) top left no-repeat;
	height:50px;
	width: 50px;
	margin: 0 auto 3px auto;
}
.pictoTerrain {
	background:url(images/pictoTerrain.gif) top left no-repeat;
	height:50px;
	width: 50px;
	margin: 0 auto 3px auto;
}
.pictoImmeuble {
	background:url(images/pictoImmeuble.gif) top left no-repeat;
	height:50px;
	width: 50px;
	margin: 0 auto 3px auto;
}

#rech-ville {
	float:left;
	width: 48%;
	margin:0 0 10px 0;
	height: 24px;
}
#rech-cp {
	float:left;
	width: 48%;
	margin:0 0 10px 4%;
	height: 24px;
}
#rech-prix-mini {
	float:left;
	width: 48%;
	margin:0 0 10px 0;
	height: 24px;
}
#rech-prix-maxi {
	float:left;
	width: 48%;
	margin:0 0 10px 4%;
	height: 24px;
}
#rech-etendre {
	float:left;
	width: 100%;
	margin:0 0 3px 0;
	height: 24px;
}
#rech-etendre2 {
	float:left;
	width: 100%;
	margin:0 0 10px 0;
	height: 24px;
}
#rech-etendre2 input {
	margin-right:5px;
	margin-left:10px;
}
#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: 48%;
	margin:0 0 10px 0;
	height: 24px;
}
#rech-option {
	float:left;
	width: 48%;
	margin:0 0 10px 4%;
	height: 24px;
	}
#rech-mention1 {
	font-size:10px;
	width:100%;
	margin:0 0 0 0;
	height: 17px;
	text-align: left;
	clear: both;
}
#rech-mention {
	text-align:center;
	font-size:10px;
	padding-top: 10px;
}
#bt-rech {
	height: 28px;
	text-align: center;
}
.km {
	font-size:11px;
}
.chp-mid {
	width:47%;
}
.chp-full {
	width:195px;
}
.lgd {
	width:60px;
	float: left;
}
.clearMain {
clear:both;
height:20px;
}
/****************************
*		Detail annonce		*
****************************/
.topDetail {
	float:right;
	width:208px;
	margin: 0 0 0 0;
	font-size:14px;
	text-align:right;
	font-weight: bold;
}

.topDetail div{
	margin:0 0 4px 0;
}
.detailOutils {
	clear:both;
	width:480px;
	padding: 10px 0 0 0;
}
.detailOutils img{
	border:0;
	margin: 0 12px 0 0;
}
.encartContact {
	background: url(images/fd-contact.jpg) top left no-repeat;
	padding:18px 8px 8px 8px;
	color:#CC3300;
	margin:0 0 5px 0;
}

.financer {
	background:url(images/cartouche-financer.jpg) top right no-repeat;
	padding:12px 0 0 0;
	margin:0 0 0 0;
	font-size:18px;
	font-weight:bold;
	width: 280px;
	height: 35px;
	display:none;
}
.financer a{
color: #990099;
}
.financer a:hover{
	color: #CC0099;
	text-decoration: none;
}
/* galerie */

#detail-galerie {
	width: 100%;
	float: left;
	margin: 5px 0 0 0;
}

ul#galerie_mini {
	list-style-type: none;
	width:75px;
	text-align:center;
	padding: 0;
	margin: 0;
	float:right;
}

ul#galerie_mini li {
	margin: 0 0 5px 0;
	display:block;
	border: 1px solid #FFCC00;
	height:51px;
	width:71px;
	padding:1px;
}
ul#galerie_mini img {
    height:50px;
	border:0;
	margin:0;
	padding:0;
}

dl#photo {
	border: 1px solid #FFCC00;
	width: 375px;
	height:283px;
	text-align: center;
	float:left;
	padding:5px;
	margin: 0;
	display:inline;
}

dl#photo dt {
	color: #00FF00;
}

dl#photo dd {
	margin: 0 ;
}

dl#photo img {
	height:280px;
	border: 0;
}


#detailMap {
	padding:2px;
	border:#CCCCCC 1px solid;
	text-align:center;
	float: left;
	width: 474px;
	height:280px;
}

/****************************
*		immoveille          *
****************************/
.cadre-alerte {
	border:1px solid #FFCC00;
	padding:5px;
	margin:5px 0 5px 0;
	width: 220px;
	height: 100px;
}
.cadre-alerte2 {
	border:1px solid #FFCC00;
	padding:5px;
	margin:5px auto 5px auto;
	width: 250px;
	height: 150px;
}
.ligne-form4 {
	width:100%;
	height: 22px;
	padding: 0;
	margin: 0 0 3px 0;
}
.tx-form6 {
	width:100px;
	float: left;
	margin: 0 8px 0 0;
	
}
.tx-form1 {

	width:90px;
	float: left;
}
.tx-form2 {

	width:40px;
	float: left;
	margin-left: 14px;
}
.tx-form3 {
	width:100%;
	float: left;
	margin: 0 0 5px 0;

}
.champs-form {
	width:108px;
	float: left;
}
.champs-form2 {
	width:100px;
	float: left;
}
.champs-form3 {
	width:100px;
	float: left;
}
.tx-form4 {
	width:78px;
	float: left;
	margin: 0 0 3px 0;
	
}
.tx-form5 {
	width:70px;
	float: left;
	margin: 0 0 3px 8px;
	
}
.tx-form7{
	width:205px;
	margin: 0 0 0 0;
	
}
.ligne-form5 {
	width:100%;
	padding: 0;
	margin: 0 0 3px 0;
}
.champs-form4 {
	width:125px;
	float: left;
	margin: 0 4px 0 0;
}
.champs-form5 {
	width:364px;
	float: left;
}
.profilTitre {
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:14px;
	color:#006633;
	border-bottom:1px solid #FFCC00;
	padding:0 0 2px 0;
}

.profilTitreConnect {
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:13px;
	color:#006633;
	border-bottom:1px solid #CCCCCC;
	background:url(images/ico-connexion.gif) top left no-repeat;
	padding:0 0 2px 0;
}

.profilTitreCreer {
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:13px;
	color:#006633;
	border-bottom:1px solid #FFCC00;
	background: url(images/ico-creerCompte.gif) top left no-repeat;
	padding:0 0 2px 0;
}

.profilTitreDesabonner {
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:13px;
	color:#006633;
	border-bottom:1px solid #CCCCCC;
	background: url(images/ico-desabonner.gif) top left no-repeat;
	padding:0 0 2px 0;
	height: 15px;
}

.profilTitreOublie {
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:13px;
	color:#006633;
	border-bottom:1px solid #CCCCCC;
	background: url(images/ico-passOublier.gif) top left no-repeat;
	padding:0 0 2px 0;
}
.creer-tx {
	height:50px;
	text-align:justify;
	width: 100%;
}

/* actu */
.actu {
	width:470px;
	padding:5px;
	border:1px solid #CCCCCC;
	float: left;
	margin: 10px 0 0 0;
}
.actuTitre {
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	font-size: 13px;
	font-weight: bold;
}
.actuTx {
	padding:5px;
	float:left;
	text-align: justify;
}

.pnTx {
	padding:5px;
	float:left;
	text-align: justify;
	width:330px;
}
.actuPhoto {
	padding:5px;
	float:right;
	width: 120px;
}
.pnPhoto {
	width: 450px;
	text-align:center;
	border:solid 1px #CCCCCC;
	padding:5px;
	margin:15px 0;
}

.pnTarifs {
	width: 450px;
	border:solid 1px #CCCCCC;
	padding:5px;
	margin:10px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:justify;
}

.pnPhoto img {
	width:450px;
}

.actuPhoto img{
height:80px;
}
.actuFooter {
	clear:both;
}
.bt-suite, .bt-retour{
	background:url(images/bt-plus2.gif) center left no-repeat;
	font-weight:bold;
	padding:0 0 0 20px;
	height:15px;
	width:70px;
	cursor:default;
}

.bt-retour {
	width:200px;
}
/*Agence*/
.agence {
	width:225px;
	border:1px solid #FFCC00;
	padding: 5px;
	height: auto;

}

.agenceTitre {
	margin: 0 0 5px 0;
	font-size: 11px;
	border-bottom: 1px solid #FFCC00;
	padding: 0 0 1px 0;
	font-weight: bold;
	text-align: center;
}
.agenceTx {
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
	font-size: 11px;
	text-align: center;
}
.agencePhoto {
	text-align: center;
}
.agencePhoto img{
	height: 147px;
	width: 220px;

}
.agenceMail {
	clear:both;
	padding: 2px 0 0 0;
	text-align: center;
}


/* contact */
.contact {
	width:440px;
	border: 1px solid #FFCC00;
	margin: 10px 0 5px 0;
	padding:20px;
}

/***************************
*		Resultrech		   *
***************************/

.norm {
background:url(images/fd-annonce.jpg) top left no-repeat;
}
.annonce {
	width:188px;
	height:187px;
	padding: 5px 13px 8px 10px;
	margin: 1px 50px 3px 0;
	font-size:11px;
	font-weight: bold;
	_margin-right:30px;
}
.coeur {
background:url(images/fd-annonceCoeur.jpg) top left no-repeat;
color:#660000;
margin-right:0;
height:
}
.margeAnnonce {
margin:0 0 5px 0;
}
.annonce-photo {
	text-align:center;
	height:106px;
	margin: 0 auto 1px auto;
	width: 180px;
	padding: 1px 0 0 0;
	text-align:center;
}
.annonce-photo div {
	margin:0 auto;
	width: 180px;
	text-align:center;
}

.annonce-photo-indisponible {
	text-align:center;
	height:61px;
	margin: 0 auto 1px auto;
	width: 180px;
	padding: 46px 0 0 0;
	background-color:#FFFFFF;
	color:#006633;
	border:solid 1px #006633;
}

.annonce-photo img {
	border:none;
	height:105px;
}

.annonce-titre {
	width:188px;
	overflow: hidden;
	float: left;
	text-align:center;
	margin-bottom:3px;
}
.annonce-ref {
	width:180px;
	float:left;
	overflow: hidden;
	cleat:both;
}
.annonce-prix {
	width:180px;
	overflow: hidden;
	float: left;
}
.annonce-ville {
	width:186px;
	overflow: hidden;
	clear: both;
}
.annonce-outils {
	width:112px;
	height: 21px;
	text-align: right;
	float: right;
}
.annonce-outils img{
	border:none;
	margin:0 0 0 2px;
}

.topResult {
	float:right;
	width:250px;
	margin: 10px 0 0 0;
}
.topResult img {
	border:none;
	margin-top:-10px;
}
.topResult h1{
	font-size:13px;
	margin: 0 0 4px 0;
}
/* filtre */
.siti_page_courante {
font-weight:bold;
}
.ligneFiltre {
	margin:0 0 5px 0;
}

.ligneFiltre select {
width:100%;
}

#resultneuf {
	clear:both;
	float:left;
	margin-top:15px;
	width:530px;
}

#resultneuf h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	float:left;
	width:400px;
}

.profil h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
}

#div_profil_compte_infos_personnelles h2,
#div_profil_compte_abonnements_immoveille h2,
#div_profil_compte_selection h2 {
	margin-top:15px;
	margin-bottom:10px;
}

.profil a {
	text-decoration:underline;
	color:#CC0000;
}	

.profil a:hover {
	text-decoration:none;
}	

.profil .copyright a {
	color:#000000;
}

#ul_abonnements_immoveille {
	list-style-position:outside;
}

#ul_abonnements_immoveille li div {
	width:150px;
}

#ul_abonnements_immoveille li {
	text-align:left;
	margin-bottom:10px;
}

#suggestions {
	margin-top:15px;
}

#suggestions h2 {
	font:bold 12px Arial, Helvetica, sans-serif;
}

#suggestions a {
	display:block;
	clear:both;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#corps-edito {
	height:280px;
	overflow:hidden;
}

#lien-edito {
	display:block;
	width:100%;
	text-align:right;
	text-decoration:underline;
	color:#FF0000;
}

#lien-edito:hover {
	text-decoration:none;
}

#infos-dpe {
	clear:both;
	width:100%;
	color:#000000;
	margin:15px 0;
	float:left;
}

#etiquette-dpe {
	clear:both;
	width:400px;
	margin:0 auto;
}

#etiquette-dpe #dpe, #etiquette-dpe #ges {
	float:left;
}

#etiquette-dpe #dpe {
	margin-right:10px;
}
