@charset "utf-8";
/* Bonlieu transaction */

*{
	margin:0;
	padding:0;
}

body{
	background:url(../images/fond.jpg);
	background-repeat:repeat-x;
	background-color:#a29285;
	font-family:verdana;
	font-size:13px;
}
#website{
	width:993px;
	margin:10px auto;
}

#main{
	background-color:#FFF;
	padding-bottom:15px;
}

#content{
	float:left;
	width:811px;
}

.left{
	float:left;
	}

.right{
	float:right;
	}

.invisible{
	display:none;
}


/******************/
/******HEADER******/
/******************/

#header{
	background:#fff;
	border:none;
}

	#bandeau{
		background:#D9D6CA;
	}


	#menu{
		height:32px;
		background:#e9e6e3;
		font-size:15px;
		padding:13px 0 0 125px;
	}

		#menu a{
			display:inline;
			color:#313131;
			text-decoration:none;
			margin-right:110px;
		}

			#menu a:hover{
				color:#8e8e8e;
			}

	#chemin{
		font-size:10px;
		color:#313131;
		padding:16px 0 0 12px;
	}

		#chemin a{
			color:#313131;
			text-decoration:none;
		}

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

		#chemin h1{
			font-size:10px;
			margin:0;
			display:inline;
		}

/*******************/
/****** INDEX ******/
/*******************/

#content_home{
	background:#FFF;
}

#bloc_coup_coeur{
	background:#FFF;
	width:698px;
	margin:auto;
	padding-top:15px;
	color:#FFF;
}

	#bloc_coup_coeur img{
		border:none;
	}

	.bloca,.blocc{
		background:url(../images/coup_coeur1.jpg);
		width:175px;
		height:235px;
		float:left;
		margin-top:24px;
		padding:13px 13px 0 13px;
		font-size:11px;
		cursor:pointer;
	}

		.type-bien{
			float:left;
			width:143px;
			margin:5px 0;
		}

		.type-bien h2{
			font-size:11px;
		}

		.type-bien a{
			text-decoration:none;
			color:#FFFFFF;
		}

		.type-bien-droite{
			float:left;
			width:25px;
			margin:5px 0 0 0;
			font-size:9px;
		}

		.type-bien-droite img{
			margin:5px 0 2px 0;
		}

		.bloc_prix{
			float:left;
			width:80px;
			display: inline-block;
		}

		.bloc_prix_gros{
			float:left;
			width:100px;
			display: inline-block;
		}

		.petit_plus{
			display:block;
			background:url(../images/petit_plus.jpg);
			background-position:top center;
			background-repeat:no-repeat;
			width:28px;
			height:10px;
			color:#FFF;
			text-decoration:none;
			float:left;
			text-align:center;
			padding-top:18px;
			font-size:9px;
			margin:5px 0;
		}

			.petit-bloc a:hover{
				text-decoration:underline;
			}

	#gros-bloc{
		background:url(../images/coup_coeur2.jpg);
		height:255px;
		width:233px;
		float:left;
		margin:0 23px;
		padding:17px 0 0 17px;
		cursor:pointer;
	}

		.type-bien-gros{
			width:172px;
			float:left;
			margin:5px 0;
		}

		.type-bien-gros a{
			text-decoration:none;
			color:#FFFFFF;
		}

		.type-bien-gros h2{
			font-size:13px;
			margin:0px;
		}

			.type-bien-droite-gros{
				float:left;
				width:25px;
				margin:5px 0 0 0;
				font-size:13px;
			}


			#gros-bloc a:hover{
				text-decoration:underline;
			}

	#texte-intro{
		color:#313131;
		width:350px;
		float:left;
		margin:0 0 0 120px;
		text-align:justify;
		font-size:12px;
	}


/**********************/
/****** BLOC BAS ******/
/**********************/

#bloc-actus{
	color:#313131;
	width:350px;
	float:right;
	margin:0 120px 0 0 ;
	text-align:justify;
}

		#bloc-actus a{
			text-decoration:none;
			color:#313131;
		}

		#bloc-actus strong{
			margin: 0 0 10px 0;
			display:block;
		}


			#bloc-actus a:hover{
				text-decoration:underline;
			}

	#bloc-bas{
		background-color:#e9e6e3;
		height:107px;
		text-align:center;
		margin:15px 0 15px 0;
		color:#927f70;
		font-size:14px;
	}

	#telephone-bas{
		margin:12px auto 0 auto;
		width:900px;
	}
		.adresse-bas{
			display:inline;
			width:300px;
			float:left;
		}

	#menu-bas{
		color:#313131;
		font-size:11px;
		margin-top:10px;
	}

		#menu-bas a{
			color:#313131;
			text-decoration:none;
		}

		#menu-bas a:hover{
			color:#8e8e8e;
		}

/**********************/
/****** COL LEFT ******/
/**********************/

#col_left{
	width:182px;
	padding-top:15px;
	float:left;
}

#bloc_alerte{
	display:block;
	background:url(../images/bg_alertes.jpg);
	width:156px;
	height:82px;
	margin:0 0 30px 12px;
	text-align:center;
}

	#bloc_alerte p{
		color:#313131;
		font-size:10px;
		margin:7px auto 17px auto;
	}

	#bloc_alerte a {
		color:#5f5349;
		text-decoration:none;
		font-size:11px;
	}

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

#bloc_rappel{
	display:block;
	text-decoration:none;
	background:url(../images/bg_rappel.jpg);
	width:156px;
	height:82px;
	margin:0 0 30px 12px;
	text-align:center;
}

	#bloc_rappel a{
		color:#5f5349;
		font-size:10px;
		margin:5px 0 20px 21px;
		letter-spacing:-0.2pt;
		float:left;
		text-decoration:none;
	}

		#bloc_rappel a:hover{
			color:#927f70;
		}

#bloc_outils{
	display:block;
	text-decoration:none;
	background:url(../images/bg_calculette.jpg);
	width:170px;
	height:92px;
	margin:0 0 30px 12px;
	text-align:center;
}

	#bloc_outils a{
		color:#5f5349;
		font-size:10px;
		float:left;
		margin:5px 0 20px 4px;
		letter-spacing:-0.1pt;
		text-decoration:none;
	}

		#bloc_outils a:hover{
			color:#927f70;
		}

.titre_bloc{
	font-weight:bold;
	font-size:13px;
	color:#5f5349;
	margin-left:2px;
	text-align:left;
}

/********************/
/****** MOTEUR ******/
/********************/

#moteur{
	width:690px;
	border:1px solid #6d5f54;
	margin:5px auto 40px auto;
	color:#5f5349;
}

	#titre_moteur{
		background:#6d5f54;
		width:163px;
		height:24px;
		font-weight:bold;
		text-align:center;
		color:#fff;
		font-size:15px;
		padding-top:3px;
		margin-bottom:5px;
	}

	#moteur table{
		width:606px;
		margin:5px auto;
	}

	#moteur input{
		border:#5f5349 1px solid;
	}

	#moteur select{
		border-color:#927f70;
		border:1px solid;
		color:#5f5349;
		font-family:verdana;
		font-size:12px;
		width:150px;
	}

	#moteur button{
		background:url(../images/btn_annonces.jpg);
		width:178px;
		height:27px;
		border:none;
		float:right;
		color:#fff;
		font-weight:bold;
		font-size:15px;
		cursor:pointer;
		margin-top:5px;
	}

/**********************/
/****** ANNONCES ******/
/**********************/

.annonces{
	border-top:#6d5f54 1px solid;
	border-bottom:#6d5f54 1px solid;
	width:688px;
	margin:20px auto 20px auto;
	padding:5px 0;
	cursor:pointer;
}

.noline{
	border:0;
}

	.exclus{
		margin:5px 0 0 0;
		padding:0 20px 0 0;
	}

	.photo-annonce{
		float:right;
	}

		.photo-annonce img{
			border:none;
		}

	.contenu_annonces{
		float:left;
		width:404px;
		margin-left:5px
	}

	.texte_annonces{
		height:160px;
	}

	.titre_annonce{
		float:left;
		width:270px;
		font-weight:bold;
		color:#313131;
		font-size:14px;
		height:50px;
	}

		.titre_annonce h2{
			font-size:14px;
			margin:0;
		}

		.titre_annonce span{
			color:#927f70;
		}

	.annonces .liendetail{
		color: #313131;
		text-decoration:none;
	}

	.annonces h1{
		font-size:12px;
		display:inline;
	}

	.annonces p{
		font-size:12px;
		margin:10px 0;
	}

	.boutons_annonces{
		font-weight:bold;
	}

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

		.btn_detail{
			display:block;
			float:left;
			background:url(../images/detail.jpg);
			background-repeat:no-repeat;
			height:22px;
			padding:12px 0 0 37px;
			color:#313131;
			text-decoration:none;
			margin:0 70px 0 20px;
		}

		.btn_contact{
			display:block;
			float:left;
			background:url(../images/contact.jpg);
			background-repeat:no-repeat;
			height:23px;
			padding:12px 0 0 40px;
			color:#313131;
			text-decoration:none;
		}


#pages{
	text-align:right;
	color:#313131;
	padding-right:60px;
}

	#pages a{
		color:#313131;
		text-decoration:none;
	}

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

/********************/
/****** DETAIL ******/
/********************/

#retour{
	display:block;
	background:url(../images/page_precedente.jpg);
	background-repeat:no-repeat;
	height:18px;
	color:#313131;
	text-decoration:none;
	padding:3px 0 0 24px;
	font-size:12px;
	float:right;
	margin:0 30px 5px 0;
}

	#retour:hover{
		text-decoration:underline;
	}

#fiche_detail{
	width:751px;
	margin:auto;
}

	#titre_fiche{
		border-bottom:1px #6d5f54 solid;
		border-top:1px #6d5f54 solid;
		font-weight:bold;
		padding:0 2px;
		margin-bottom:15px;
		height: 50px;
	}

	#bien_fiche{
		float:left;
		font-size:14px;
		color:#313131;
		width:325px;
		margin:17px;
	}

	#prix_fiche{
		color:#927f70;
		font-size:14px;
		float:left;
		margin:15px;
	}

	#exclus_fiche{
		color:#ae1901;
		font-size:14px;
		float:right;
	}

#contenu_fiche{
	width:420px;
	color:#313131;
	font-size:12px;
	float:left;
}

	#texte_fiche{
		height:125px;
	}

	#liste_fiche{
		border-bottom:4px solid #e9e6e3;
		border-top:4px solid #e9e6e3;
		padding:10px 0;
		height:215px;
	}

	#liste_fiche table{
		width:420px;
		height:170px;
	}

	#liste_fiche p{
		font-size:11px;
		margin-top:35px;
	}

#photo_detail{
	float:right;
	width:326px;
	height:367px;
}

	#photo_detail a{
		margin:5px 5px 0 5px;
		width: 152px;
		min-height: 105px;
		display:block;
		float:left;
	}

#btn_detail{
	border-bottom:1px #6d5f54 solid;
	height:45px;
	font-weight:bold;
	padding-top:5px;
}

	#btn_detail a{
		display:block;
		float:left;
		background-repeat:no-repeat;
		color:#313131;
		text-decoration:none;
		font-size:12px;
	}

	#btn_detail a:hover{
		color:#999;
	}

	#imprimer{
		background:url(../images/print.jpg);
		height:18px;
		padding:13px 0 0 27px;
		margin-right:25px;

	}

	#ami{
		background:url(../images/ami.jpg);
		height:18px;
		padding:13px 0 0 18px;
		margin-right:25px;
	}

	#btn_alerte{
		background:url(../images/alerte_mail.jpg);
		height:18px;
		padding:13px 0 0 20px;
		margin-right:25px;
	}

	#ajout_selec{
		background:url(../images/selection.jpg);
		height:18px;
		padding:13px 0 0 20px;
	}


#formulaire_detail{
	background:url(../images/contact_detail.jpg);
	width:728px;
	height:287px;
	margin:50px auto 30px auto;
	color:#564c43;
	text-align:center;
}

	#formulaire_detail p{
		font-size:16px;
		font-weight:bold;
		margin-left:16px;
		text-align:left;
	}

	#formulaire_detail table{
		margin:10px auto 0 auto;
		text-align:left;
	}

		#formulaire_detail input{
			border:1px #927f70 solid;
		}

		#formulaire_detail textarea{
			border:1px #927f70 solid;
			overflow:auto;
		}

		#formulaire_detail button{
			background:url(../images/btn_envoyer.jpg);
			background-repeat:no-repeat;
			color:#fff;
			cursor:pointer;
			border:none;
			font-weight:bold;
			height:28px;
			font-size:16px;
			float:right;
			padding-left:30px;
			margin:8px 60px 0 0 ;
		}

/********************/
/****** VENDRE ******/
/********************/

#formulaire_vente h1{
	font-size:15px;
	color:#313131;
	background:#e9e6e3;
	height:25px;
	padding:5px 0 0 5px;
	margin:15px auto;
}

#formulaire_vente .table_vendre{
	width:650px;
	height:110px;
	margin:auto;
}

#formulaire_vente input, textarea, select{
	border:1px solid #6d5f54;
	font-family:verdana;
	color:#313131;
	overflow:auto;
}

#formulaire_vente button{
	background:url(../images/btn_envoyer2.jpg);
	background-repeat:no-repeat;
	color:#927f70;
	cursor:pointer;
	border:none;
	font-weight:bold;
	height:28px;
	font-size:16px;
	float:right;
	padding-left:35px;
	margin:8px 90px 0 0 ;
}

/*********************/
/****** METIERS ******/
/*********************/


/*********************/
/****** AGENCES ******/
/*********************/

.fiche_agence{
	border-top:#6d5f54 1px solid;
	border-bottom:#6d5f54 1px solid;
	width:727px;
	margin:20px auto 20px auto;
	padding:5px 0;
}

	.exclus{
		margin:5px 0;
	}

	.photo-agence{
		float:right;
	}

		.photo-agence img{
			border:none;
		}

	.contenu_agence{
		float:left;
		width:435px;
		margin-left:5px
	}

	.texte_agence{
		height:160px;
	}


	.boutons_agence{
		font-weight:bold;
		font-size:11px;
	}

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

		.btn_detail_agence{
			display:block;
			float:left;
			background:url(../images/fiche_agence.jpg);
			background-repeat:no-repeat;
			height:22px;
			padding:8px 0 0 23px;
			color:#313131;
			text-decoration:none;
			margin:0 25px 0 0px;
		}

		.btn_biens{
			display:block;
			float:left;
			background:url(../images/biens.jpg);
			background-repeat:no-repeat;
			height:20px;
			padding:8px 0 0 40px;
			color:#313131;
			text-decoration:none;
		}

  #agence{
  	border-bottom:1px #6d5f54 solid;
    font-size:14px;
    color:#6D5F54;
    font-weight:bold;
    padding:10px 0 10px 0;
  }
/****************************/
/****** DETAIL AGENCES ******/
/****************************/

#texte_agence{
	float:left;
	width:435px;
	margin-bottom:10px;
}

	#horaires{
		background:url(../images/horaires.jpg);
		background-repeat:no-repeat;
		height:23px;
		padding:8px 0 0 36px;
		font-weight:bold;
		margin:5px 0;
	}

	#texte_agence span{
		color:#927f70;
		text-decoration:underline;
	}

#photo_agence{
	margin:10px 0;
}

#btn_agence{
	font-weight:bold;
	font-size:12px;
	width:550px;
	margin:10px auto;
}

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

	#contact_agence{
		display:block;
		float:left;
		background:url(../images/contact.jpg);
		background-repeat:no-repeat;
		height:27px;
		text-decoration:none;
		padding:8px 0 0 40px;
		margin-right:130px;
	}

#map{
	width:486px;
	margin:15px auto;
}

#secteur{
	margin:15px auto;
}

	#icone-secteur{
		background:url(../images/secteur.jpg);
		background-repeat:no-repeat;
		height:26px;
		padding:15px 0 0 45px;
		font-weight:bold;
	}


/*********************/
/****** CONTACT ******/
/*********************/

#formulaire_contact table{
	height:150px;
	margin:auto;
	width:650px;
}

	#formulaire_contact table tr{
		height:25px;
	}

#formulaire_contact input, textarea, select{
	border:1px solid #6d5f54;
	font-family:verdana;
	color:#313131;
	overflow:auto;
}

#formulaire_contact button{
	background:url(../images/btn_envoyer2.jpg);
	background-repeat:no-repeat;
	color:#927f70;
	cursor:pointer;
	border:none;
	font-weight:bold;
	height:28px;
	font-size:16px;
	float:right;
	padding-left:35px;
	margin:8px 90px 0 0 ;
}

/**********************/
/****** MENTIONS ******/
/**********************/

.titre_mentions{
	font-size:17px;
	color:#313131;
	background:#e9e6e3;
	height:25px;
	padding:5px 0 0 5px;
	margin:10px auto;
}

.sstitre_mentions{
	font-size:15px;
	margin:10px 0;
}

.liste_mentions{
	width:650px;
	margin:5px auto;
}

/*********************************/
/****** Structure des pages ******/
/*********************************/

#titre_page{
	border-bottom:1px solid #6d5f54;
	border-top:1px solid #6d5f54;
	width:727px;
	height:31px;
	margin:15px auto 10px auto;
	color:#564c43;
	font-weight:bold;
	font-size:15px;
	padding-top:10px
}

#contenu_pages{
	border-bottom:1px solid #6d5f54;
	padding:10px 5px 20px 5px;
	width:717px;
	margin:0 auto 15px auto;
	color:#313131;
}

	#contenu_pages a{
		color:#313131;
	}

		#contenu_pages a:hover{
			color:#999;
		}

/********************/
/****** FOOTER ******/
/********************/

#sociaux{

	text-align:center;
}

#footer{
	margin-top:10px;
	font-size:10px;
	text-align:center;
	color:#e9e6e3;
	background:none;
}

	#footer a{
		color:#e9e6e3;
		text-decoration:none;
	}

	#footer a:hover{
		color:#313131;
	}


/*****************/
/****** DPE ******/
/*****************/

#bloc_dpe{
	width:737px;
	color:#000;
	margin:5px auto;
	border-bottom:#6d5f54 1px solid;
}

	#bloc_dpe h1{
		font-size:12px;
		color:#000;
	}

		#bloc_dpe h2{
			color:#6d5f54;
			font-size:12px;
			margin-bottom:10px;
			position:absolute;
			text-decoration:underline;
		}

	#bilan_conso{
		float:left;
		width:300px;
	}

	#tableau_conso{
		width:250px;
    height:177px;
		margin:30px 140px 20px 25px;
	}

	#tableau_conso #valeur_dpe{
		float:right;
		width:27px;
		height:21px;
		padding:0;
		margin:2px;
		color:white;
	}

		.conso_A{
			background:url(/media/images/dpe/dpe_A.png);
			background-repeat:no-repeat;
		}
      .conso_A div{
        margin-top:3px !important;
		  }
		.conso_B{
			background:url(/media/images/dpe/dpe_B.png);
			background-repeat:no-repeat;
		}
      .conso_B div{
        margin-top:30px !important;
		  }
		.conso_C{
			background:url(/media/images/dpe/dpe_C.png);
			background-repeat:no-repeat;
		}
      .conso_C div{
        margin-top:55px !important;
		  }
		.conso_D{
			background:url(/media/images/dpe/dpe_D.png);
			background-repeat:no-repeat;
		}
      .conso_D div{
        margin-top:80px !important;
      }
		.conso_E{
			background:url(/media/images/dpe/dpe_E.png);
			background-repeat:no-repeat;
		}
      .conso_E div{
        margin-top:105px !important;
		  }
		.conso_F{
			background:url(/media/images/dpe/dpe_F.png);
			background-repeat:no-repeat;
		}
      .conso_F div{
        margin-top:130px !important;
		  }
		.conso_G{
			background:url(/media/images/dpe/dpe_G.png);
			background-repeat:no-repeat;
		}
      .conso_G div{
        margin-top:155px !important;
      }

	#bilan_ges{
		float:left;
		width:300px;
		margin-left:50px;
	}

	#tableau_ges{
		width:250px;
    height:177px;
		margin:30px 140px 20px 25px;
	}

	#tableau_ges #valeur_ges{
		float:right;
		width:25px;
		height:21px;
		padding:0;
		margin:2px;
		color:white;
	}

		.emission_A{
			background:url(/media/images/dpe/ges_A.png);
			background-repeat:no-repeat;
		}
      .emission_A div{
        margin-top:3px !important;
		  }
		.emission_B{
			background:url(/media/images/dpe/ges_B.png);
			background-repeat:no-repeat;
		}
      .emission_B div{
        margin-top:30px !important;
		  }
		.emission_C{
			background:url(/media/images/dpe/ges_C.png);
			background-repeat:no-repeat;
		}
      .emission_C div{
        margin-top:55px !important;
		  }
		.ges_D{
			background:url(/media/images/dpe/ges_D.png);
			background-repeat:no-repeat;
		}
  		.emission_D div{
  			margin-top:80px !important;
  		}
		.emission_E{
			background:url(/media/images/dpe/ges_E.png);
			background-repeat:no-repeat;
		}
  		.emission_E div{
  			margin-top:105px !important;
  		}
		.emission_F{
			background:url(/media/images/dpe/ges_F.png);
			background-repeat:no-repeat;
		}
  		.emission_F div{
  			margin-top:130px !important;
  		}
		.emission_G{
			background:url(/media/images/dpe/ges_G.png);
			background-repeat:no-repeat;
		}
      .emission_G div{
        margin-top:155px !important;
      }

