/* CSS COMMON */

@import url(tetiere.css);
@import url(footer.css);
@import url(autogalerie.css);

/* codes couleurs */
/* rouge => #cc3333 */

/* ------------------- Template général ------------------- */
body { 
	margin:				0 auto; 
	font-family: 		Arial;	
	font-size: 			9pt;
	background:			url(../images/fond-site.jpg) repeat-x top left;
}

img {
	border:				0px;
}


#main {
	margin: 			0px auto;
	width: 				880px;
    background:			url(../images/fond-main.png) no-repeat;
    background-position:0 30px;
}

#global {
	margin: 			0px auto;
	width: 				850px;
    background:			#fff;
}

#content {
	margin: 			0px auto;
	width: 				850px;
}

/* mise en forme globale */
.col-left {
	float:				left;
	width:				230px;
	padding:			0px;
	margin-left:		15px;
}

.col-central {
	float:				left;
	width:				100%;
}

.col-droite {
	float:				left;
	width:				580px;
	padding:			10px;
}

/* page d'accueil */
.accueil {
	background:			url(../images/fond-accueil.jpg) repeat-x bottom left;
	height:				383px;
	padding-top:		15px;
}

/* css notre apercu bien/pics */

.selection {
	float:				left;
	padding:			0 0 0 14px;
}

.lasel {
	float: 				left;	
	width:				156px;
	height:				110px;	
	margin-right:		11px;
	overflow:			hidden;
	color:				#fff;
	cursor: 			pointer;
}
	
.apercu {
	display:			block;
	width:				145px;
	height:				110px;
	background:			url(../images/fond-apercu.png);
	text-decoration:	none;
	color:				#fff;
	cursor:				pointer;
	font-size:			10px;
	text-align:			left;
	margin-top:			70px;
	padding:			10px 10px 0 10px;
}	

.apercu .bold {
	color: 				#fff;
}


.lasel.grand {
	float: 				left;	
	width:				280px;
	height:				140px;	
	margin-right:		10px;
	overflow:			hidden;
	color:				#fff;
}


.apercu.grand {
	display:			block;
	width:				270px;
	height:				140px;
	background:			url(../images/fond-apercu.png);
	text-decoration:	none;
	color:				#fff;
	cursor:				pointer;
	font-size:			10px;
	text-align:			left;
	margin-top:			70px;
	padding:			10px 10px 0 10px;
}

.allville {
	font-size:			10px;
}

.savoirplus {
	color: 				orange;
}

/* FICHE BIEN */

#bien h1 {
	margin-top:		0px;
}

/* bare de separation dsans les fiches bien */
.barre {
	position:			relative;
	margin:				8px 0 5px 0;
	float:				left;
	margin-left:		0px;
	width:				100%;
	height:				30px;
	background:			#ececec;
	text-align:			right;
}

.halfbarre {
	width:				280px;
}

.titre-barre {
	float: 				left;
	margin-left:		10px;
	font-size:			14px;
	color:				#636363;
	padding-top:		5px;
	font-weight:		bold;
}

#top-pagin {
	float: 				right;
	margin-right:		10px;
}
#top-pagin a {
	padding-left:		10px;
}


/* le prix des biens */
#prix {
	float: 				right;
	margin-right:		0px;
	font-size:			18px;
	font-weight:		bold;
	color:				#333;
	text-align:			right;
}

.fai {
	font-size:			8px;
}

#prix b {	
	font-size: 			10px;
}

.prix {
	float: 				right;
	margin-right:		0px;
	font-size:			14px;
	font-weight:		bold;
	color:				#333;
	text-align:			right;
}

/* petit texte heut de page bien */
.smalltxt {
	font-size:			9px
}


/* tableau des lots */
.tbllot {
	width:				100%;
	margin-left:		0px;
	border:				2px solid #eaeaea;
}

.tbllot td.colA {
	width:				100px;
	font-weight:		bold;
}

.tbllot td.colB {
	width:				50px;
}

.tbllot td.colC {
	border-left:		2px solid #eaeaea;
	padding-left:		10px;
	font-style:			italic;
}

.tbllot td.colD {
	width:				90px;
	background:			#eaeaea;
	text-align:			center;
	font-weight:		bold;
	font-size:			14px;
}

/* tableau gallerie photos */
.tblgallerie {
	margin:				10px 0 0 0;
	text-align:			center;
	width:				100%;
}

.tblgallerie i {
	font-size:			10px;
	
}


.large {
	max-width:			420px;
}

.maxlarge {
	margin-top:			10px;
	max-width:			590px;
}
/*
.clickenlarge {
	background:		#eaeaea url(../images/zoom-pics-galerie.png) no-repeat top left;
	overflow:		display-none;
	z-index:		1000;
}
*/

#main-pics {
	border:				2px solid #eaeaea;
	width:				390px;
	height:				350px;
	overflow:			hidden;
	text-align:			center;
}

.small-contain {	
	float:				left;
	display:			block;
	width:				80px;
	height:				60px;
	overflow:			hidden;
	margin:				0 2px 2px 0;
	border:				2px solid #eaeaea;
	padding:			1px;
	cursor:				pointer;
}

input[type=text].petitinput {
	width:			80px;
}

.supersmall {
	max-width:			30px;
	max-height:			20px;
}

/* tableau voir également */
.tblegalement {
	width:				100%;
	margin-top:			-5px;
	background:			#fff;		
}

.tblegalement td {
	border-top:			1px solid;
	padding:			6px;
}

.tblegalement tr:hover {
	background:			#eaeaea;	
	cursor:				pointer;
}

.tblegalement a, .tblegalement a:visited, .tblegalement a:active {
	font-size:			12px;
	color:				#333;
	text-decoration:	none;
}

.tblegalement #prix {
	font-size:			12px;
	color:				#333333;
	text-decoration:	none;
}

/* Formulaire d envoi de fiche par mail a un contact */
#outil-envoyer {
	float:				left;
	margin-top:			-5px;
	width:				100%;
	background:			#fff;
}

#form-envoyer {
	margin-left:		0px;
	margin-top:			0px;
	padding:			10px 10px 10px 80px;
}

#form-envoyer label {
	display:			inline-block;
	width:				120px;
	font-weight:		bold;
	color:				#666666;
}	

#form-envoyer input[type=text] {
	width:				272px;
}

/* Formulaire de contact */
#form-contact {
	margin-left:		30px;
}

#form-contact label {
	display:			inline-block;
	width:				80px;
	font-weight:		bold;
	color:				#666666;
}	

#form-contact label.error, #form-envoyer label.error, #form-simulateur label.error {
	float: 				none;
	font-weight:		bold;
	color:				red;
	width:				10px;
}

#form-contact input[type=text], textarea, 
#form-moteur input[type=text], #form-moteur select, 
#form-envoyer input[type=text], #form-envoyer select, #form-simulateur input[type=text], #form-simulateur select  {
	border:				1px solid #999;
	padding:			3px;
	margin-bottom:		2px;
	margin-right:		10px;
	font-family:		arial;
	font-size:			12px;
}

#form-simulateur select {
	width:				150px;
}

#form-contact textarea, #form-envoyer textarea {
	width:				395px;
	height:				50px;
}

#message-contact {
	margin-left:		30px;
	width:				80%;
	padding:			70px 0 0 5px;
}


#contactusmarquee {
	font-family: 		georgia; 
	font-size: 			14px;	
}

/* bouton formulaire */
input[type=submit],input[type=reset],input[type=button] {
	 background-image:	url(../images/bg_bout.png);
	 border:  			1px solid #2c3846;
	 height:			21px;
	 font-size:			11px;	
}

input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
	 background:		#fff;
	 cursor:			pointer;
}

/* boxes de gauche */
.box {
	margin-top:			15px;
	width:				220px;
}

.boxtitre {
	color:				#999;
	font-family:		Helvetica;
	font-size:			18px;	
	letter-spacing:		-1px;
	font-weight:		normal;
}

/* moteur de recherche */
#box-moteur {
	float: 				left;
	width:				210px;
	height:				250px;
	background:			#d6d4d5;
	padding:			5px 0 0 10px;
	margin-bottom:		10px;

}

#form-moteur .large {
	width:				200px;
}

#form-moteur .small {
	width:				50px;
}

/* résultat de recherche */
.resultat-recherche {
	width:				100%;
}

.resultat-recherche a, .resultat-recherche a:active, .resultat-recherche a:visited {
	color:				#333;
}

.resultat-recherche a.titrebien, .resultat-recherche a.titrebien:visited {
	color:				#636363;
	font-size: 			20px;
	font-weight:		bold;
}

.resultat-recherche img {
	width: 				80px;
	border: 			2px solid #eaeaea; 
	padding: 			2px;
}

.pair {
	background:			#f3f3f3; /*fdfcfc*/
}

a.liresuite, a.liresuite:active, a.liresuite:visited, h2 b {
	color:				#cc3333;
	font-weight:		bold;
}

/* box alerte email */
#box-alerte {
	width:				221px;
	height:				100px;
	background:			url(../images/fond-box-alerte.jpg) repeat-x bottom left;
	text-align:			center;
	color:				#fff;
	font-size:			10px;
	padding:			0px;
	margin:				0px;
}

/* formulaire d'alerte immo*/
#form-alerte {
	width:				100%;
	margin:				0px -5px 0px 5px;
	text-align:			center;
}

#form-alerte label.error {
	float: 				none;
	width:				5px;
	font-weight:		bold;
	font-size:			18px;
	color:				red;
}

#form-alerte input[type=text], #form-alerte select {
	float:				left;
	border:				1px solid #000;
	width:				160px;
	margin-top:			2px;
}

#form-alerte input[type=submit] {
	width:				30px;
}

#message-alerte {
	background:			url(../images/green-tick.png) no-repeat;
	background-position:170px 35px;
	width:				221px;
	height:				100px;
	padding-top:		10px;
}

#message-envoyer {
	padding-top:		10px;
	color:				#999;
	font-size:			12px;	
}

/* box a saisir programme neufs */
#box-saisir {
	width:				200px;
	background:			#353535;
	padding:			10px;
	cursor:				pointer;
}

#box-saisir a {
	color:				#ffcc00;
	font-weight:		bold;
}

#box-saisir b {
	color:				#fff;
	font-weight:		bolder;
}

#box-saisir .apercu-box {
	width:				200px;
	height:				60px;
	overflow:			hidden;
}

#box-saisir .apercu-box img {
	width:				200px;
	margin-top: -10px;
}

#box-saisir #prix {
	float:				left;
	color:				#fff;
	width:				100%;
	font-size:			10px;
	margin-left:		0px;
}

#box-saisir .hrsaisir {
	margin-left: 		-10px;
	margin-top: 		5px;
}

/* bouton barre d outils */

#barre-outil a {
	display:			block;	
	float: 				right;
	height:				30px;	
	cursor:				pointer;
}

#barre-outil a:hover {
	background-color:	#f3f0f0;
	border-bottom:		1px solid #999;
	border-top:		1px solid #999;	
}

.b-contacter {
	background:			url(../images/b_contacter.png) no-repeat top left;
	width:				108px;
}

.b-imprimer {
	background:			url(../images/b_imprimer.png) no-repeat top left;
	width:				79px;
}

.b-envoyer {
	background:			url(../images/b_envoyer.png) no-repeat top left;
	width:				67px;
}

.b-localiser {
	background:			url(../images/b_localiser.png) no-repeat top left;
	width:				78px;
}

.b-retour {
	position:			absolute;
	left:				5px;
	background:			url(../images/b_retour.png) no-repeat top left;
	width:				67px;
}

/* config de texte */
h1, h2, h3 { 
	padding: 			0px; 
	margin: 			0px; 
}

hr { border: 			1px solid #eaeaea; }

h1 { 
	color: 				#636363; 
	font-size:			22px;
}

h2 { 
	color: 				#333333; 
	font-size:			15px;
}

h3 { 
	color: 				#999999; 
	font-size:			10px;
	font-weight:		normal;
}

p { 
	color: 				#000000;
}

a, a:visited, a:active { 
	color: 				#cc3333; 
	text-decoration: 	none; 
	cursor:				pointer;
}

a:hover { 
	text-decoration: 	none; 
}

.expli {
	font-style:			italic;
	font-size:			0.8em;
}

#displayFondDPE { float: left; display: block; margin: 10px 0 0 50px;width: 540px; height: 300px; background : url(../images/fond-dpe.png) no-repeat top left; }
#dpe { float: left; margin-left: 10px; }
#displayFondDPE a { float: left; width: 40px; height: 22px;  margin-left: 186px; padding: 5px 4px 2px 8px; text-align: center; font-weight: bold;  background : url(../images/fond-dpe-data.png) no-repeat top left; } 
	#dpe a.cdpe_eco_A { margin-top: 20px;  }
	#dpe a.cdpe_eco_B { margin-top: 40px;  }
	#dpe a.cdpe_eco_C { margin-top: 70px;  }
	#dpe a.cdpe_eco_D { margin-top: 100px;  }
	#dpe a.cdpe_eco_E { margin-top: 125px;  }
	#dpe a.cdpe_eco_F { margin-top: 155px;  }
	#dpe a.cdpe_eco_G { margin-top: 180px;  }

#serre { margin-left: 350px; }
#serre a {  margin-left: 120px;  } 
	#serre a.cdpe_serre_A { margin-top: 20px;  }
	#serre a.cdpe_serre_B { margin-top: 40px;  }
	#serre a.cdpe_serre_C { margin-top: 70px;  }
	#serre a.cdpe_serre_D { margin-top: 100px;  }
	#serre a.cdpe_serre_E { margin-top: 125px;  }
	#serre a.cdpe_serre_F { margin-top: 155px;  }
	#serre a.cdpe_serre_G { margin-top: 180px;  }