/*****************************/
/* 	       BALISES 		     */
/*****************************/
body {
	font-family: 'Trebuchet MS', verdana, arial;
	font-size: 0.8em;
	background: url('../img/body.jpg') repeat-x 0 82px;
}
a{
	text-decoration: none;
	color: #000000;
}
img{ border: 0; }
h2{ font-size: 1.3em; }


/*****************************/
/* 	        COMMUN 		     */
/*****************************/
#conteneur{
	width: 970px;
	margin: 0 auto;
}
	#bann{
		width: 100%;
		height: 132px;
		background: url('../img/bann.jpg') no-repeat;
	}
	#menu{
		width: 240px;
		float: left;
		font-weight: bold;
	}
		.titre_menu{
			display: block;
			width: 189px;
			height: 23px;
			padding: 8px 0 0 20px;
			background: url('../img/menu-li.png') no-repeat;
			color: #b60a08;
		}
		.titre_menu.retour{
			width: 180px;
			height: 29px;
			padding: 8px 0 0 50px;
			background: url('../img/menu-retour.png') no-repeat;
		}
		.titre_menu.deco img{
			vertical-align: middle;
			margin: 0 5px 0 0;
		}
		#menu a:hover{ color: #148ecc; }
		.titre_menu{
			font-size: 0.9em;
		}		#menu ul{
			margin: 2em 0;
			list-style-type: none;
			padding: 0 0 0 1em;
		}
		#menu ul.menu li{ margin: .8em 0 0 0; }
		#menu ul.sous_menu{
			margin: 1em 0 0.8em 0;
			padding: 0 0 0 2ex;
		}
		.titre_sous_menu{
			height: 29px;
			padding: 0 0 0 25px;
			background: url('../img/menu-puces.png') no-repeat 0 0;
		}
		.titre_sous_menu.hover{	background: url('../img/menu-puces.png') no-repeat 0 -16px;	}
		#menu ul.sous_menu li{ margin: 0 0 1.3em 10px; }
	#corps{
		width: 730px;
		float: left;
	}
		#fil_ariane{
			margin: 0.8em 2ex;
			color: #6F6F6F;
		}
		#contenu{ margin: 1em 0 2em 0; }
	#footer{ clear: both; }
		

/*****************************/
/* 	       CONNEXION 		 */
/*****************************/
#seconnecter{ text-align: center; }
#form{
	width: 286px;
	margin: 10px auto;
}
#form label{
	float: left;
	width: 120px;
}
#form input[type="submit"]{ float: right; }


/*****************************/
/* 	        PROFIL 		     */
/*****************************/
#texte_logo{ font-size: 0.9em; }
#profil label{
	float: left;
	width: 170px;
}
#profil input[type="text"]{ width: 200px; }


/*****************************/
/* 		 AJOUT ANNONCE 	     */
/*****************************/
#id_type_presta_annonce, #id_type_bien_annonce, #id_sstype_bien_annonce{ width: 250px; }
#id_type_chauffage_annonce{ width: 220px; }
#id_ville{ width: 300px; }

#tabs{
	width: 700px;
	height: 27px;
	margin: 20px 0 0 0;
	/*overflow: hidden;*/
}
div.tab{
	display: inline-block;
	height: 15px;
	padding: 5px;
	border: 1px solid #A8A8A8;
	margin-right: 5px;
	background: #fff;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
}
div.tab.first{ margin-left: 15px; }
div.tab.hover{ height: 16px; border-bottom: none; }
fieldset.tab{ margin-top: -1px; }
.inputGroup{ margin: 25px 0; }
.inputGroup label{ cursor: pointer; }
.inputGroup.hidden p{ display: none; }

/*-------------------------
	Dropbox Element
--------------------------*/
#dropbox{
	position: relative;
    width: 700px;
	min-height: 70px;
	margin: 10px auto 10px;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #A8A8A8;
}
	#dropbox .message{
	    display: block;
	    padding: 20px;
		color: #AAA;
		font-size: 1.5em;
	    text-align: center;
	}
/*-------------------------
	Image Previews
--------------------------*/
#dropbox .preview{
	float: left;
	position: relative;
	width: 110px;
	height: 85px;
	margin: 20px 0 20px 25px;
	text-align: center;
}
#dropbox .preview.IE{
	float: left;
	position: relative;
	width: 110px;
	height: 85px;
	margin: 50px 0 20px 320px;
	text-align: center;
}
	#dropbox .preview img{
		display: block;
		max-width: 100px;
		max-height: 75px;
		border: 1px solid #000;
	}
#dropbox .imageHolder{
	display: inline-block;
	position: relative;
}
#dropbox .loadingIE{
	margin-left: 40px;
	border: 0 !important;
}
#dropbox .uploaded{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url('../img/done.png') no-repeat center center rgba(255,255,255,0.5);
}
#dropbox .preview.done .uploaded{ display: block; }
#dropbox .del{ display: none; }
/*-------------------------
	Progress Bars
--------------------------*/
#dropbox .progressHolder{
	position: absolute;
	left:0;
	bottom: 0;
	height: 12px;
	width: 100%;
	background-color: #252f38;
	box-shadow:0 0 2px #000;
}
#dropbox .progress{
	position: absolute;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #2586d0;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
	-moz-transition: 0.25s;
	-webkit-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
#dropbox .preview.done .progress{ width: 100% !important; }
/*-------------------------
	Photos added
--------------------------*/
#added_photos{
	width: 645px;
	height: 357px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	border: 1px solid #A8A8A8;
	overflow: auto;
}
	#added_photos .preview{
		position: relative;
		float: left;
		width: 200px;
		height: 170px;
		margin: 3px;
		background: #fff;
		border: 1px solid #000;
		cursor: move;
		text-align: center;
	}
	#added_photos .ui-state-highlight{
		position: relative;
		float: left;
		width: 200px;
		height: 170px;
		margin: 3px;
		background: #b60a08;
	}
		#added_photos img{
			max-width: 170px;
			max-height: 127px;
			margin: 30px 15px 15px;
		}
		#added_photos .del{
			position: absolute;
			top: 5px;
			right: 5px;
			height: 10px;
			width: 10px;
			font-weight: bold;
			cursor: pointer;
		}


/*****************************/
/* 		 AJOUT ANNONCE 	     */
/*****************************/
h2 .ok, h2 .nok{
	float: right;
	margin: 0 5px;
	padding: 3px;
	color: #fff;
}
.annonce{
	position: relative;
	width: 675px;
	height: 175px;
	margin: 15px auto;
	border: 1px solid #AAA;
	border-radius: 10px;
}
	.annonce div, .annonce a{ position: absolute; }
	.annonce .ref, .annonce .ville, .annonce .desc, .annonce .prix, .annonce .titre{ left: 10px; }
	.annonce .ref, .annonce .ville, .annonce .ta, .annonce .tb, .annonce .prix, .annonce .titre{ font-weight: bold; }
	.annonce .passerelle{
		bottom: 3px;
		left: 10px;
		font-weight: bold;
		color: #F00;
	}
	.annonce .passerelle.manuel{ color: #00F; }
	.annonce .passerelle.igea{ color: #0F0; }
	.annonce .ref{
		top: 10px;
		color: #b60a08;
		font-size: 1.5em;
	}
	.annonce .ville{ top: 40px;	}
	.annonce .ta, .annonce .tb{	right: 230px; }
	.annonce .tb{ top: 10px; }
	.annonce .ta{ top: 30px; }
	.annonce .titre{ top: 60px; }
	.annonce .desc{
		top: 70px;
		width: 440px;
		text-align: justify;;
	}
	.annonce .prix{ bottom: 20px; }
	.annonce .photo{
		top: 10px;
		right: 10px;
		width: 204px;
		height: 154px;
		text-align: center;
	}
		.annonce .photo img{ border: 2px solid #b60a08; }
	.annonce .del, .annonce .edit, .annonce .vi{
		bottom: 15px;
		padding: 5px 10px;
		background: transparent;
		border: 1px solid #b60a08;
		cursor: pointer;
	}
	.annonce .del:hover, .annonce .edit:hover, .annonce .vi:hover{
		background: #b60a08;
		color: #fff;
	}
	.annonce .del{ right: 225px; }
	.annonce .edit{ right: 315px; }
	.annonce .vi{ right: 395px; }

/*********************/
/*      GENERAL      */
/*********************/
input.save, input.preview{
	margin-left: 30px;
	padding: 5px 10px;
	background: #b60a08;
	border: 1px solid #b60a08;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
}
input.save:hover, input.preview:hover{
	background: #fff;
	color: #b60a08;
}
#general label, #general input{ display: inline-block; }
#general label{
	width: 140px;
	padding-top: 4px;
	vertical-align: top;
}
#titre_annonce{ width: 300px; }
#descfr_annonce{ width: 500px; height: 150px; }
span.error{
	display: block;
	font-weight: bold;
}
/*************/
/*   Vente   */
/*************/
#vente_prix span, #vente_terrain span, #vente_dates span, #vente_agencement span, #vente_chauffage span, #vente_dpe span, #vente_divers span{
	display: inline-block;
}
/* Prix */
#vente_prix label, #vente_prix input{ display: inline-block; vertical-align: top; }
#vente_prix label{ width: 140px; }
/* Terrain et Surfaces */
#vente_terrain label, #vente_terrain input{ display: inline-block; vertical-align: top; }
#vente_terrain label{ width: 140px; }
/* Dates */
#vente_dates label, #vente_dates input{ display: inline-block; vertical-align: top; }
#vente_dates label{ width: 140px; }
/* Agencement */
#vente_agencement label, #vente_agencement input{ display: inline-block; vertical-align: top; }
#vente_agencement label{ width: 170px; }
/* Chauffage */
#vente_chauffage label, #vente_chauffage input{ display: inline-block; vertical-align: top; }
#vente_chauffage label{ width: 140px; }
/* DPE */
#vente_dpe label, #vente_dpe input{ display: inline-block; vertical-align: top; }
#vente_dpe label{ width: 200px; }
/* Divers */
#vente_divers label, #vente_divers input{ display: inline-block; vertical-align: top; }
#vente_divers label{ width: 120px; }

/************/
/*   Neuf   */
/************/
#neuf_prix span, #neuf_terrain span, #neuf_agencement span, #neuf_chauffage span, #neuf_dpe span, #neuf_bien span, #neuf_divers span{
	display: inline-block;
}
/* Prix */
#neuf_prix label, #neuf_prix input{ display: inline-block; vertical-align: top; }
#neuf_prix label{ width: 140px; }
/* Terrain et Surfaces */
#neuf_terrain label, #neuf_terrain input{ display: inline-block; vertical-align: top; }
#neuf_terrain label{ width: 140px; }
/* Agencement */
#neuf_agencement label, #neuf_agencement input{ display: inline-block; vertical-align: top; }
#neuf_agencement label{ width: 170px; }
/* Chauffage */
#neuf_chauffage label, #neuf_chauffage input{ display: inline-block; vertical-align: top; }
#neuf_chauffage label{ width: 140px; }
/* DPE */
#neuf_dpe label, #neuf_dpe input{ display: inline-block; vertical-align: top; }
#neuf_dpe label{ width: 200px; }
/* Bien */
#neuf_bien label, #neuf_bien input{ display: inline-block; vertical-align: top; }
#neuf_bien label{ width: 140px; }
/* Divers */
#neuf_divers label, #neuf_divers input{ display: inline-block; vertical-align: top; }
#neuf_divers label{ width: 120px; }

/*************/
/*   Année   */
/*************/
#annee_prix span, #annee_terrain span, #annee_dates span, #annee_agencement span, #annee_agencement span, #annee_chauffage span, #annee_dpe span, #annee_divers span{
	display: inline-block;
}
/* Prix */
#annee_prix label, #annee_prix input{ display: inline-block; vertical-align: top; }
#annee_prix label{ width: 140px; }
/* Terrain et Surfaces */
#annee_terrain label, #annee_terrain input{ display: inline-block; vertical-align: top; }
#annee_terrain label{ width: 140px; }
/* Dates */
#annee_dates label, #annee_dates input{ display: inline-block; vertical-align: top; }
#annee_dates label{ width: 140px; }
/* Agencement */
#annee_agencement label, #annee_agencement input{ display: inline-block; vertical-align: top; }
#annee_agencement label{ width: 170px; }
/* Chauffage */
#annee_chauffage label, #annee_chauffage input{ display: inline-block; vertical-align: top; }
#annee_chauffage label{ width: 140px; }
/* DPE */
#annee_dpe label, #annee_dpe input{ display: inline-block; vertical-align: top; }
#annee_dpe label{ width: 200px; }
/* Divers */
#annee_divers label, #annee_divers input{ display: inline-block; vertical-align: top; }
#annee_divers label{ width: 120px; }

/*********************/
/*       Saison      */
/*********************/
#saison_prix span, #saison_location span, #saison_surfaces span, #saison_agencement span, #saison_chauffage span, #saison_equipement span, #saison_services span, #saison_activites span{
	display: inline-block;
}
/* Prix */
#saison_prix label, #saison_prix input{ display: inline-block; vertical-align: top; }
#saison_prix label{ width: 140px; }
#saison_prix .inputGroup.tarifs{ width: 300px; }
/* Location */
#saison_location label, #saison_location input{ display: inline-block; vertical-align: top; }
#saison_location label{ width: 140px; }
/* Terrain et Surfaces */
#saison_surfaces label, #saison_surfaces input{ display: inline-block; vertical-align: top; }
#saison_surfaces label{ width: 140px; }
/* Agencement */
#saison_agencement label, #saison_agencement input{ display: inline-block; vertical-align: top; }
#saison_agencement label{ width: 170px; }
/* Chauffage */
#saison_chauffage label, #saison_chauffage input{ display: inline-block; vertical-align: top; }
#saison_chauffage label{ width: 140px; }
/* Équipement */
#saison_equipement label, #saison_equipement input{ display: inline-block; vertical-align: top; }
#saison_equipement label{ width: 150px; }
/* Services */
#saison_services label, #saison_services input{ display: inline-block; vertical-align: top; }
#saison_services label{ width: 120px; }
/* Activités */
#saison_activites label, #saison_activites input{ display: inline-block; vertical-align: top; }
#saison_activites label{ width: 100px; }


/*********************/
/*      Preview      */
/*********************/
.shadow{
	z-index: 101;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
}
#detail{
	z-index: 102;
	position: fixed;
	top: 50px;
	left: 50%;
	width: 640px;
	min-height: 500px;
	max-height: 700px;
	overflow: auto;
	margin-left: -310px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #b60a08;
}
	#detail .close{
		position: absolute;
		top: 3px;
		right: 13px;
		cursor: 10px;
		padding: 2px;
		cursor: pointer;
	}
	#detail h1.verylarge, #detail h2.verylarge{
		width: 532px;
		height: 33px;
		padding: 16px 0 0 90px;
		font-size: 1.2em;
		font-weight: normal;
	}
	#detail h1, #detail h2{ background: url('http://static.vendeeimmobilier.com/img/detail-h1-bg.jpg') no-repeat; }
	#detail #photos{
		width: 600px;
		padding: 10px;
		border: 1px solid #dcd9d5;
		background: #e5e2e0;
	}
		#agrandie{
			display: table-cell;
			width: 600px;
			height: 455px;
			overflow: hidden;
			text-align: center;
			vertical-align: middle;
			background-color: #F5F4F3;
		}
		#agrandie img{ max-width: 600px; max-height: 450px; }
		#minis img{ max-width: 100px; max-height: 75px; }
	#description{
		position: relative;
		width: 600px;
		margin: 10px 0;
		padding: 10px;
		border: 1px solid #dedbd8;
		background: #f5f4f3;
	}
		#detail #prix{
			float: right;
			width: 250px;
			margin: 0 0 10px 10px;
			padding: 10px;
			border: 1px solid #93908c;
			background: #edebe9;
			text-align: center;
			font-weight: bold;
			font-size: 1.1em;
		}
			#description span.lbl_saison, #description span.prix_saison{
				display: block;
				text-align: left;
			}
			#description span.prix_saison{ margin-left: 40px; }
			#prix .plus_prix{
				margin: 10px 0 0 0;
				font-size: .8em;
			}
		#etat{ font-size: 1.1em; }
		#flags{
			float: right;
			height: 29px;
			margin: 0 0 10px 0;
		}
			#flags a{
				display: block;
				float: left;
				width: 23px;
				height: 23px;
				margin: 3px;
			}
			#fr{ background: url('http://static.vendeeimmobilier.com/img/detail-flags-fr-bg.png') no-repeat; }
			#en{ background: url('http://static.vendeeimmobilier.com/img/detail-flags-en-bg.png') no-repeat; }
			#es{ background: url('http://static.vendeeimmobilier.com/img/detail-flags-es-bg.png') no-repeat; }
			#de{ background: url('http://static.vendeeimmobilier.com/img/detail-flags-de-bg.png') no-repeat; }
			#nl{ background: url('http://static.vendeeimmobilier.com/img/detail-flags-nl-bg.png') no-repeat; }
		.desc{
			margin: 10px 0 0 0;
			text-align: justify;
		}
		#detail #dpe{
			position: relative;
			margin: 10px 0 0 0;
			width: 100%;
			height: 230px;
		}
			#ce, #ges{
				position: absolute;
				bottom: 0;
				width: 240px;
				height: 220px;
				margin: 10px;
			}
			#ce{ left: 30px; }
			#ges{ right: 30px; }
		.colonne_desc{
			float: left;
			width: 170px;
			margin: 10px;
		}
			.colonne_desc ul{ margin: 5px 0 0 20px; }
		#annonceur{
			margin: 10px 0 0 0;
			font-size: .9em;
		}
			#logo_acr{ text-align: center; }
			#annonceur div.float_right{
				float: right;
				width: 285px;
				height: 85px;
				padding: 20px 5px 0 5px;
				background: url('http://static.vendeeimmobilier.com/img/sepv_a-bg.png') no-repeat right center;
			}
			#annonceur div.last{
				padding-left: 10px;
				background: none;
			}
#search{
	position: relative;
	width: 45em;
	margin: 0 auto;
	border: 1px solid #AAA;
	border-radius: 10px;
}
	#search h2{ margin-left: 2em; }
	#search #expand{ position: absolute; top: 10px; right: 20px; }
	#search p{
		width: 43em;
		min-height: 2.5em;
		margin: 0;
		padding: .5em 1em;
	}
	#search label{
		display: inline-block;
		width: 10em;
		vertical-align: middle;
		cursor: pointer;
		font-weight: bold;
		color: #707070;
	}
		.icon{
			display: inline-block;
			cursor: pointer;
		}
		.i32{ width: 32px; height: 32px; }
		.i20{ width: 20px; height: 20px; }
		.icon.reset{ background: url('../img/trash.png') no-repeat; }
		.icon.arrow-down{ background: url('../img/arrow-down.png') no-repeat; }
		.icon.arrow-up{ background: url('../img/arrow-up.png') no-repeat; }
	#search input, #search select{
		display: inline-block;
		width: 70%;
		vertical-align: top
	}
	#search .select2-container{ vertical-align: top; }
	#search .select2-search input{ width: 100%; }
	#search select#ta{ width: 35%; }
	#search input#pxmin, #search input#pxmax, #search input#ref{ width: 20%; }
	#search #pxslider{ width: 60%; margin-left: 10em; }
	#search .ui-slider-handle{cursor: pointer; }
	#search input#submit{
		display: block;
		width: 10em;
		height: 2.5em;
		margin: .5em auto;
		cursor: pointer;
	}
.page{
	width: 93%;
	height: 1.3em;
	margin: 1em auto;
	font-size: 1.2em;
	text-align: center;
}
	.page .nb_ace{ float: left; }
	.page .num_page{ float: right; }
	.page .current{
		font-size: 1.2em;
		font-weight: bold;
	}
/*****************************/
/* 		    CLASSES 	     */
/*****************************/
.clearer, .clear{ clear: both; }
.gras, .bold{ font-weight: bold; }
.orange{ color: #F76905; }
.rouge{ color: #b60a08; }
.vert{ color: #0F0; }
.orangec{ color: #FD9036; }
.orangef{ color: #FF5837; }
.rougef{ color: #CF2D2D; }
.bgvert{ background-color: #0F0; }
.bgrouge{ background-color: #F00; }
.bggris{ background-color: #e7e7e7; }
.gris{ color: #7F7F7F; }
.bleu{ color: #148ecc; }
.erreur, .error{ color: #F00; }
.shown{ display: block; }
.hidden{ display: none; }
.inbl{ display: inline-block; }
.left{ float: left; }
.ml10{ margin-left: 10px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.ml40{ margin-left: 40px; }
.ml50{ margin-left: 50px; }