﻿	body{ 
	background-image:url("../medias/images/fond_v2.jpg");
	background-position:center;
	background-repeat:repeat-y;
	background-color:#FFFFFF; 
	font-size:10px; 
	font-style:normal; 
	font-family:Arial, Helvetica, sans-serif;
	}
	
	/* CSS Encadrement */
	.nospace {width:100%;margin: 0px;}
	.header {position:relative;top:0px;width:962px;height:7px;background-image:url("../medias/images/haut_site.jpg");}
	.main {position:relative;width:963px;margin: 0 auto; top:9px;}
	* html body .main {height:100%;overflow:hidden;}
	* html body .main {height:0px;overflow:visible;} 
	.central {
	position:relative;
	top:0px;
	left:14px;
	width: 940px;
	overflow:hidden;
	background-color:#ffffff;
}
	.corps {position:relative;min-height:250px;}
	* html body .corps {height:300px} 
	.div-min-height {position:relative;height:300px;width:0px;float:left};
	.div-min-height-bottom {position:relative;height:0px;clear:left;}
	.gauche {position:absolute;height:100%;width:18px;top:0px;left:0px;background-image:url(../medias/images/gauche_site.jpg);}
	.droite {position:absolute;height:100%;width:18px;top:0px;right:15px;margin-right:-15px; background-image:url(../medias/images/droite_site.jpg)}
	.pied {position:relative;width:962px;height:34px;background-image:url(../medias/images/bas_site.jpg);}
	.hautcentre{position:relative;width:926px;height:200px;}
	.millieucentre{position:relative;width:926px;}
	.footer {
	position:relative;
	width:920px;
	margin:0 auto;
	}

	.footer #pwd {
	float:left;
	}
	.footer #infolegales {
	float:right;
	}
	.footer #infolegales a, .footer #pwd a{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
	#mapp {
	clear: both;
	position: absolute;
	width: 370px;
	height: 270px;
	overflow-x: hidden;
	overflow-y: hidden;
	display:block;
	}

	#centre3 {
	position:relative;
	width:940px;
	clear:both;
	margin:auto 0;
	}

	.bascentre{
	position:relative;
	width:940px;
	height:95px;
	clear:both;
	background-image: url(../medias/images/fondpiedpage.gif);
	background-repeat: repeat-x;
	}
	a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-stretch:semi-condensed;
	color:#333333;
	}
	a:hover{
	text-decoration:underline;
	color:#322713;
	}
	#msg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	width:800px;
	color:#333333;
	}
	#msg a{
	color:#322713;
	}
	#alternateflash{
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	#blocerreur{
	 background-image:url(../medias/images/bloc_form_vendeur.gif);
	 background-position:top left;
	 background-repeat:no-repeat;
	 padding-top:100px;
	 width:818px;
	 height:328px;
	 margin:0 auto;
	}
	#texteerreur{
	position:relative;
	width:600px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	/* MAP GOOGLE */
	
	#map{
		position:absolute;
		width:370px;
		height:270px;
		overflow: hidden;
		border:solid 1px #666666;	
	}
	#map a{
		font-family:Arial, Helvetica, sans-serif;
		color:#322713;
		font-size:9px;
	}
	 #map span{
		 display:block;
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		font-size:8px;
		width:370px;
	}
	/* CSS recherche ref */
	#fbloc_ref{
	position:relative;width:856px;
	 height:86px;
	 background-image:url(../medias/images/fondformref.gif);
	 background-position:top left;
	 background-repeat:no-repeat;
	 padding-top:15px;
	 padding-left:20px;
	 margin:0 auto;
	}
	#fbloc_ref li label {
	width:300px;
	}
	#boutonref {
	margin-left:500px;
	}
	/* CSS listing */
	.listing-item{position:relative; width:400px; height:215px; padding-left:45px; padding-top:15px; padding-bottom:5px; float:left; background-image:url(../medias/images/fondlisting.gif); background-position: right; background-repeat:no-repeat;}
	.listing-item-haut{position:relative; width:400px; height:140px;}
	.listing-item-bas{position:relative; width:400px; height:76px;}
	.listing-item-vignette{position:relative; width:180px; height:120px; padding:10px; padding-top:2px; float:left;}
	.listing-item-block{position:relative; width:180px; height:120px; padding:10px; padding-top:1px; float:left;}
	.listing-item-info{ position:relative; width:150px; height:20px; color:#ffffff;  font-size:12px;list-style-type: none; padding-top:2px;  }
	.listing-item-info-ville{ position:relative; width:150px; height:20px; color:#ffffff;  font-size:10px;list-style-type: none; padding-top:2px;  }
	.listing-item-desc{position:relative; width:90%; height:40px; padding-left:15px; font-family:"Verdana", Times, serif; font-size:11px;}
	.listing-item-detail{position:relative; width:250px; height:25px; padding-right:10px; padding-top:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; font-weight:bold; text-align:right;}
	.listing-item-img{position:absolute; width:51px; height:48px; right:10px; top:20px;}
	.listing-item-separ{position:relative; height:15px; width:15px;}
	.menu_barre{ position:relative; width:100%; height:25px; clear:both; margin: 0 auto; color: #333333; font-size:12px; padding-top: 10px; background-color:#F9F9F9;}
	.item_menu_barre{ position:relative; width:250px; float:left; padding-left:40px; font-weight:bold;}
	.item_menu_barre a{ color:#333333; text-decoration:none;}
	.item_menu_barre a:hover{ text-decoration: underline}
	.separ{position:relative;clear:both; width:940px;height:0px;}
	.space_height{height:10px; background:#ffffff;}*
	.listing-item-desc p{margin:0px;padding:0px;}
	
	 #fbloc0_listing{
	 position:relative;width:856px;
	 height:51px;
	 background-image:url(../medias/images/chapolisting.gif);
	 background-position:top left;
	 background-repeat:no-repeat;
	 padding-top:30px;
	 padding-left:20px;
	 margin:0 auto;
	 }

	form .navigation{
	margin-top:0px;
	}
	.navigation-liste{
	float:right;
	margin:0 auto;
	width:600px;
	}
	.navigation-fil{
	float:left;
	width:350px;
	}
	.fildetail{
	position:absolute;
	top:180px;
	clear:both;
	}
	.navigation-fil ul{
	margin-left:0px;
	padding:0px;
	
	}
	.navigation-fil li{
	display:inline;
	background-image: url(../medias/images/ico-double-fleche-suivant.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	padding-right: 2px;
	}
	.navigation-liste, .navigation-liste select, .navigation-fil a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	font-size:10px;
	}
	.bas{
	text-align:center;
	}
/* CSS detail blockpasphoto*/	
/* CSS detail */
	#dblocvphoto{
	visibility:hidden;
	}
	#detailproduit{
	position:relative;
	margin:0 auto;
	padding-top:10px;
	background-image:url(../medias/images/fondformdetail.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:897px;
	height:594px;
	}
	#colonne1_alter{
	position:relative;
	float:left;
	}
	#blockpasphoto{
	position:relative;
	margin-left:2px;
	padding-top:10px;
	background-image:url(../medias/images/fondformdetail_altern.png);
	background-repeat:no-repeat;
	background-position:left;
	width:897px;
	height:312px;
	}
	#hidden{
	display:none;
	background-image:none;
	height:0px;
	}
	.display{
		display:block;
	}
	.alter{
		display:none;
	}
	.alterdisplay{
		display:none;
	}
	#infoproduit {
	position:relative;
	float:left;
	width:366px;
	height:550px;
	padding-right:0px;
	margin:0px;
	margin-top:2px;
	padding-top:5px;
	}
	#infoproduit_alter{
	position:relative;
	float:left;
	width:897px;
	height:312px;
	padding-right:0px;
	margin:0px;
	margin-top:2px;
	padding-top:5px;
	}
	#photosproduit{
	padding-top:2px;
	padding-left:5px;
	position:relative;
	float:left;
	}
	.photosproduit{
	
	}

	#blocgaucheinfoproduit{
	position:relative;
	float:left;
	width:180px;
	height:140px;
	color:#FFFFFF;
	}
	#blocdroitinfoproduit{
	position:relative;
	float:left;
	padding-left : 10px;
	width:auto;
	}
	#blocgaucheinfoproduit .infodetail{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	margin-top:5px;
	margin-left:10px;	
	}
	
	#infoproduit #description {
	position:relative;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	color:#333333;
	font-size:10px;
	font-family:"Verdana", Times, serif;
	clear:both;
	OVERFLOW: auto;
	WIDTH: 338px;
	HEIGHT: 300px;
	MARGIN-BOTTOM: 3px;
	}
	#description_alter {
	position:relative;
	padding-left:40px;
	padding-right:10px;
	margin-top:10px;
	color:#333333;
	font-size:10px;
	font-family:"Verdana", Times, serif;
	float:left;
	OVERFLOW: auto;
	WIDTH: 500px;
	HEIGHT: 300px;
	MARGIN-BOTTOM: 3px;
	}
	#detailicones{
	position:relative;
	clear:both;
	padding-top : 2px;
	padding-left:5px;
	margin-left:20px;
	}
	#listingvignette{
	margin-top:10px;
	}
	.viginettedetail{
	position:relative;
	float:left;
	margin-right:2px;
	}
	#miniformcontact, #miniformcontact_alter{
	padding-top:5px;
	padding-left:5px;
	height:160px;
	}
	#miniformcontact_alter{
	clear:both;
	height:100px;
	}
	#miniformcontact #blocd, #miniformcontact #blocg , #miniformcontact_alter #blocd, #miniformcontact_alter  #blocg{
	position:relative;
	float:left;
	}
	#miniformcontact #blocd, , #miniformcontact_alter #blocd{
	padding-top:30px;
	padding-left:10px;
	}
	#miniformcontact ol , #miniformcontact_alter ol{  
	/*padding: 1em 1em 0 1em;  */
	list-style: none;
	margin:10px;
	padding:0px;
	}
	#miniformcontact li , #miniformcontact_alter li{  
	margin-top:2px;
	}
	#miniformcontact label, #miniformcontact_alter label {
	float: left;  
	width: 5.5em;
	margin-right: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
	#miniformcontact input, #miniformcontact_alter input{
	font-size:10px;
	color:#333333;
	border:solid;
	border-width:1px;
	border-color:#666666;
	}

	#blocgaucheinfoproduit ol{
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	color: #ffffff;
	margin:10px;
	padding:0;
	}
	
	#btsuperdiapo{
	display:none;
	position:absolute;
	top:-50px;
	left:400px;
	}
	#btsupercarte{
	position:absolute;
	top:20px;
	left:360px;
	z-index:20;
	}
	
/* CSS form_recherche_détaillée */
	#moteur {position:relative; width:850px; padding:10px ; padding-top:5px;; margin:0 auto; margin-top:20px;}
	#gauche1,#gauche2, #colcentrale, #droite, #droite2 {position:relative;width:auto;float:left;padding-top:30px; }
	#gauche1 {padding-left:20px;}
	#gauche2{ padding-left:10px;}
	#droite2 label {display: block;}

	#colcentrale, #droite , #droite2{padding-left:10px;margin-left:5px;}
	#max_prix {width:100px ; text-align:right;}
	/* Déco de list en checkbox */
		#little1, #little2 {
		width:10em;
		}
		#middle{
		width:15em;
		}
		.checklist {
			border: 1px solid #ccc;
			list-style: none;
			height: 10em;
			overflow: auto;
			width: 25em;
		}
		.checklist, .checklist li { margin-left: 0; padding: 0; margin-top:0;}
		.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
		.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
		* html .checklist label { height: 1%; }
		
		/* Checklist 2 */
		.cl2 {
			border: 1px solid #a17c04;
			color:#0000FF;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 1em;
			height: 18em;
			background-color:#FFFFFF;
		}
		.cl2 input { vertical-align: middle; }
		.cl2 label { border-bottom: 0px solid #769550; padding: 0.2em 0.2em 0.2em 25px; }
		.cl2 label:hover, .cl2 label.hover { background:#EEEEEE; color: #cc0000; }
		.lib_moteur{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#333333;
		}
		#blprice_rech{
		}
		#bloc_bas_rech{
		position:relative;
		clear:both;
		padding-left:30px;
		padding-top:10px;
		}



/* CSS alerte email */

	 
	 #fbloc0, #fbloc0b {
	 position:relative;width:838px;
	 height:41px;
	 background-image:url(../medias/images/chapoform.gif);
	 background-position:top left;
	 background-repeat:no-repeat;
	 padding-top:30px;
	 padding-left:20px;
	 	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;;
	 font-weight:bolder;
	 color:#333333;
	 }
	 #fbloc0b{
	 background-image:url(../medias/images/alterflash.png);
	 background-position:top left;
	 background-repeat:no-repeat;
	 padding-top:23px;
	 margin-top:200px;
	 margin-bottom:200px;
	 }
	 #fbloc0_670{
	 margin:0 auto;
	 background-image:url(../medias/images/chapo_form_670-58.png);
	 background-position:top left;
	 background-repeat:no-repeat;
	 width:640px;
	 height:38px;
	 padding-top:23px;
	 padding-left:40px;
	 padding-right:20px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;;
	 font-weight:bolder;
	 color:#333333;
	 }
	 #blocform {
	 background-image:url(../medias/images/bloc_form_vendeur.gif);
	 background-position:top left;
	 background-repeat:no-repeat;
	 width:818px;
	 height:328px;
	 }
	 #blocform_670 {
	 margin:0 auto;
	 background-image:url(../medias/images/fond_form_670-317.png);
	 background-position:top left;
	 background-repeat:no-repeat;
	 padding-top:20px;
	 padding-left:40px;
	 padding-right:20px;
	 width:640px;
	 height:317px;
	 }
	#informationform{
	 position:relative;
	 width:90%;
	 }
	 #fbloc1 {
	position:relative;
	width:400px;
	float:left;
	height:328px;
	background-image:url(../medias/images/separform.png);
	background-position:right 18px;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:20px;
	 }
	 #fbloc2{	 
	 position:relative;
	 width:360px;
	 float:right;
	 height:298px;
	 padding-top:30px;
	 padding-left:10px;
	 }	
	 div .espaceform li{
	 padding-top:5px;
	 }
	 #fbarretotal{width:100px; margin:0 auto; margin-top:20px;}
	 #fbarrbtvalidecontact{width:100px; margin-left:100px; margin-top:10px;}
	 #fbarreboutonref{position:absolute; right:250px;width:82px;margin-top:0px;}
	 #fbarreboutonsearch{width:114px; margin:0 auto; margin-top:0px;}
	 #fbarreboutonalerte{width:82px; margin:0 auto; margin-top:40px;}
	 .alertmail{
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:14px;
	 color:#0130FF;
	 }
	#emailok{
	position:relative;
	top :1em;
	border: 1px solid #BFBAB0;  
	background-color:#E8E4E3; 
	background-image: url(../medias/images/fondform.jpg);  
	background-repeat: repeat-x;   
	/*width: 350px;  */
	/*margin: 2em 2em 1.5em 5px; */   
	padding: 10px;
	}
	#emailok legend {
	position:relative;
	top:-1em;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	}
	#emailfr label, #theform label{
	float: left;  
	width: 10em;  
	margin-right: 1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	 }
	/* AMENAGEMENT FORMULAIRE NOTAIRE  */ 
	 #theform label{
	 width:20em;
	 margin-right: 8em;
	 }
	 alert{
	 float: left;  
	 width: 10em;  
	 margin-right: 1em;
	 font-family:Arial, Helvetica, sans-serif;
	 font-variant:normal;
	 color:#333333;
	 float:none;
	 }
	#emailfr ul, #theform ul{
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*font-variant: small-caps;*/
	color: #333333;
	margin:10px;
	padding:0;
	 }
	 #emailfr li{
	 margin-top:0.5em;
	 }
	 #theform  li{
	 margin-top:1em;
	 }
	 #emailfr, #theform {
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#333333;
	 } 
	 .edit, .editmoyen, .editpetit, .editciv{
	 font-size:10px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-weight:normal;
	 }
	 #emailfr .edit, #theform .edit{
	 width:150px;
	 }
	 #emailfr .editmoyen, #theform .editmoyen{
	 width:100px;
	 }
	 #emailfr .editpetit, #theform .editpetit{
	 width:50px;
	 }
	 #emailfr .editciv , #theform .editcv{
	 margin-right:5px;
	 }
	 
/* CSS des formulaires */
	label em {  
	position: relative;  
	float:right;
	top:2px;
	}
	.valide{
	background-image:url(../medias/images/valide.gif);
	width:17px;
	height:17px;
	}
	.attention{
	display:inline;
	background-image:url(../medias/images/attention.gif);
	width:17px;
	height:17px;
	}
	.erreur{
	display:inline;
	background-image:url(../medias/images/erreur.gif);
	width:17px;
	height:17px;
	}
	.requis{
	padding-left:5px;
	display:inline;
	width:17px;
	height:17px;
	}
	#mandatory{
	background-color:#CCCC66;
	margin-left:0px;
	}
	
/* CSS pied de page */
	#coord{
	width:800px;
	margin:0 auto;
	color:#000000;
	padding-top:30px;
	}
	#coord .adresse{
	text-align:center;
	font-size:12px;
	color:#000000;
	}
	.adresse a{
	font-size:12px;
	color:#000000;
	}
/* CSS des boutons */
	
	.btn_surgris, .btn_surblanc, .btn_surblanc_131{
	height:25px;
	width:141px;
	background-repeat:no-repeat;
	padding-top:5px;
	text-align:center;
	}
	.btn_surgris{
	background-image:url(../medias/images/fond_bt_surgris.gif);
	}
	.btn_surblanc{
	width:141px;
	margin:0 auto;
	background-image:url(../medias/images/fond_bt_surblanc.gif);
	}
	.bigbt{
	background-image:url(../medias/images/fondbouton.png);
	background-repeat:no-repeat;
	width:82px;
	height:65px;
	padding:2px;
	padding-top:20px;
	padding-bottom:5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	cursor: hand;
	}
	.long {
	background-image:url(../medias/images/fondboutonlong.png);
	width:114px;
	}
	.bigbt a{
	color:#FFFFFF;
	text-decoration:none;
	}
	.bigbt a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
	.btn_surblanc_131{
	width:131px;
	margin:0 auto;
	background-image:url(../medias/images/bt_surblanc_131.gif);
	}
	.btn_surgris a, .btn_surblanc a, .btn_surblanc_131 a{
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:extra-expanded;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	}
	
	#blocdroitinfoproduit p { clear: both; padding-bottom: 1.5em; }
	#miniformcontact p { clear: both; padding-bottom: 2em;}


/** INFO LEGALES  **/

	#chapo{
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	}
	.centre {
	margin:0 auto;
	}
	
/*Boutons recommander à 1 ami - Plan de financement*/


#recommand_calcul {
	width:303px;
	height:19px;
	margin-left:25px;
	margin-top:10px;	
	}


#recommand {
	background-image: url(../medias/images/recommand.png);
	height: 19px;
	width: 176px;
	text-align: center;
	float: left;
}

#calcul {
	background-image: url(../medias/images/calcul.png);
	height: 19px;
	width: 127px;
	text-align: center;
	float: right;
}

a.recommand_calcul {
	font-family: Arial,Helvetica,sans-serif;
	font-stretch: extra-expanded;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

a.recommand_calcul:hover {
	font-family: Arial,Helvetica,sans-serif;
	font-stretch: extra-expanded;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
