/* CSS COMMON */

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

/* orange =  #f39b10 */


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

img {
	border:				0px;
}


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

#global {
	margin: 			0px auto;
	width: 				890px;
}

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

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

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

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

/* page d'accueil */
#bouton-accueil {
	float: left;
	margin-left: 10px;
	background: url(../images/tmp-box-accueil.png) no-repeat top left;
}

#bouton-accueil a  {
	display: inline-block;
	width: 173px;
	height: 116px;
	cursor: pointer;
	margin-left: 10px;
}


/*
#bouton-accueil.dab, #bouton-accueil.dab:visited { color: #f39b10; }
#bouton-accueil.fdc, #bouton-accueil.fdc:visited { color: green; }
#bouton-accueil.mur, #bouton-accueil.mur:visited { color: white; }
*/


/* css notre apercu bien/pics */
.selection {
	float:				left;
	padding:			0px;
	margin:				10px 0 0 0;
}

.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:			72px;
	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: 				#eaeaea;
}

/* 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:			url(../images/fond-titre-box-large.png) no-repeat top left;
	text-align:			right;
	padding-top:		2px;
}

.halfbarre {
	width:				280px;
}

.titre-barre {
	float: 				left;
	margin-left:		10px;
	font-size:			13px;
	color:				#fff;
	padding-top:		5px;
	font-weight:		bold;
	text-align: left;
}

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

#top-pagin a {
	padding-left:		10px;
	color: #f39b10;
}

#top-pagin a:hover {
	color: #fff;
	background: #f39b10;
    -webkit-border-radius: 	5px;
    -moz-border-radius: 	5px;
    CCborderRadius: 		5px;	
}

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

.fai {
	font-size:			8px;
}

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

.prix {
	float: 				right;
	margin-right:		0px;
	font-size:			14px;
	font-weight:		bold;
	font-family:Times New Roman;
	color:				#f39b10;
	text-align:			right;
}

.vendu {
	margin: 0px;
	padding: 10px 10px 0 0;
	background: url(../images/icon-vendu.jpg) no-repeat top right;
	display: block;
	height: 57px;
	width: 103px;
}

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


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

.tbllot td.colA {
	width:				140px;
	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:			#333;
	text-align:			center;
	font-weight:		bold;
	font-size:			14px;
    -webkit-border-radius: 	5px;
    -moz-border-radius: 	5px;
    CCborderRadius: 		5px;		
}

/* 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 {
	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:			#666666;		
    -webkit-border-radius: 	5px;
    -moz-border-radius: 	5px;
    CCborderRadius: 		5px;		
}

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

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

.tblegalement tr:hover a {
	color: #000;
}

.tblegalement a, .tblegalement a:visited, .tblegalement a:active {
	font-size:			12px;
	color:				#fff;
	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%;
}

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

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

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

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

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

#form-contact label.error, #form-envoyer label.error,#form-votrerecherche 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-votrerecherche 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;
	/*background:			#93e2fd;*/
	background:			#fff;
	color:				#333;	
}

#form-moteur input[type=text]:hover, #form-moteur select:hover, #form-moteur textarea:hover,
#form-contact input[type=text]:hover, #form-contact select:hover, #form-contact textarea:hover,
#form-votrerecherche input[type=text]:hover, #form-votrerecherche select:hover, #form-votrerecherche textarea:hover
 {
	background: #eaeaea;
	color: #000;
}

#form-contact input[type=text] {
	width: 150px;
}

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

#form-contact textarea, #form-envoyer textarea, #form-votrerecherche 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);*/
	 background:	#F39B10;
	 color: #fff;
	 border:  			1px solid #2c3846;
	 height:			21px;
	 font-size:			11px;	
    -webkit-border-radius: 	5px;
    -moz-border-radius: 	5px;
    CCborderRadius: 		5px;		 
}

input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
	 background:		#f8b64d; /* fred */
	 cursor:			pointer;
}


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

.boxtitre, .titrelarge, .titreextralarge {
	color:				#fff;
	font-family:		Helvetica;
	font-size:			13px;	
	font-weight:		normal;
	width:				222px;
	height:				29px;
	display: 			inline-block;
	text-indent:		10px;
	padding:			5px 0 0 0px;
	background:			url(../images/fond-titre-box.png) no-repeat top left;
	margin: 			0px;
	!margin-left: 		-12px;
	text-align:	left;
}

.titrelarge {
	width:			580px;
	background:			url(../images/fond-titre-box-large.png) no-repeat top left;
}

.titreextralarge {
	width:			890px;
	background:		url(../images/fond-titre-box-extralarge.png) no-repeat top left;
}


/* moteur de recherche */
#box-moteur {
	float: 				left;
	width:				230px;
	height:				277px;
	background:			url(../images/fond-box-moteur.png) no-repeat top left;
	padding:			10px 5px 0 5px;
	margin-bottom:		10px;
	font-size: 9px;
}

/* titre des box alerte et recherche */
#box-moteur .titre, #box-alerte .titre, #box-saisir .titre {
	color:				#fff;
	font-size: 			18px;
	font-weight:		normal;
	font-family: Times New Roman;
	margin: 0px;
	padding: 0px;
}

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

.resultat-recherche a.titrebien, .resultat-recherche a.titrebien:visited {
	color:				#fff;
	font-size: 			20px;
	font-weight:		bold;
	font-family:Times New Roman;
}

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


.pair {
	background:			#333333; /*fdfcfc*/
	color: #fff;	
}

.resultat-recherche .pair { 
    -webkit-border-radius: 	5px;
    -moz-border-radius: 	5px;
    CCborderRadius: 		5px;	
}

a .pair:hover {
	color: #fff;
}

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

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


/* box alerte email */
#box-alerte {
	width:				230px;
	height:				120px;
	background:			url(../images/fond-box-alerte.png) no-repeat top left;
	color:				#fff;
	font-size:			9px;
	padding:			2px 0 0 5px;
	margin:				0px;
}

#box-alerte .titre, #box-saisir .titre {
	color: #f39b10;
}

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

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

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

#form-alerte input[type=submit], #form-alerte input[type=button] {
	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:				#f39b10;
	font-size:			14px;	
}

#alertefamille {
	float: left;margin-left: 0px;
}

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

#box-saisir a {
	color:				#fff;
	font-weight:		bold;
	font-size: 10px;
}

#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:			-10%;
}

#box-saisir #prix {
	float:				left;
	color:				#f39b10;
	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 {
	border-bottom:	1px solid #333;
}

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

.emphasis {
	color: #f39b10;
}

h1 { 
	color: 				#f39b10; 
	font-size:			20px;
	font-weight:		normal;
	font-family:Times New Roman;
}


h1 a, h1 a:visited, h1 a:active {
	color: #f39b10;
}

h1 a.ison {
	color: #fff;
}

h2 { 
	color: 				#eaeaea; 
	font-size:			15px;
	font-weight: normal;
}

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

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

a:hover { 
	text-decoration: 	none; 
}

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

/* google adsenses */
#addsenses {
	width:	100%;
	margin-top:	10px;
	text-align:center;
}