/*
*
* CSS formulaires - JB SCHWOB
*
*/

/*
==============================*
	Index searchform
==============================*
*/
#arbo_index #transaction_box {  margin:0; padding:0;  padding-right:5px;  border-radius:5px; }
/* #arbo_index #transaction_box .fadeButt{ background-color:#ccccc4;  }
 */#arbo_index #buttTransaction { padding: 0px; }
#arbo_index #transaction_box UL	{ margin:0; padding:0; } 
#arbo_index #transaction_box UL LI	{ float:left; list-style-type:none; width:50%;  }

#arbo_index #transaction_box INPUT	{ display:none; }
#arbo_index #transaction_box LABEL	{ display : block; margin:auto;  height:60px; line-height:60px; color: #999; background-color: rgb(210,210,210);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#arbo_index #transaction_box LABEL.active { 
	z-index:2000;
	color:#c30009;
	font-weight:400;
	position:relative;
	background: rgb(252,252,252);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(242,242,242,1) 82%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(82%,rgba(242,242,242,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(242,242,242,1) 82%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(242,242,242,1) 82%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(242,242,242,1) 82%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(242,242,242,1) 82%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e5e5e5',GradientType=0 );

	-moz-box-shadow:0 0px 13px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0px 13px rgba(0,0,0,.4);
	box-shadow:0 0px 13px rgba(0,0,0,.4);
}
#arbo_index #transaction_box UL LI:first-child LABEL	{ 
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
#arbo_index #transaction_box UL LI:last-child LABEL	{ 
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

#arbo_index .searchbox 						{ max-width:780px; height:100px; font-size:1em; color:#595959; margin:0 auto 0 auto; background-color:rgba(255,255,255,.35); -moz-box-shadow:0 0 15px rgba(0,0,0,.35); -webkit-box-shadow:0 0 15px rgba(0,0,0,.35);box-shadow:0 0 25px rgba(0,0,0,.35); -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#arbo_index .searchbox FORM 					{ background-color:transparent; }
#arbo_index .searchbox FORM LABEL 			{ font-family:'Varela Round', 'Helvetica Neue', Helvetica, Arial, Sans-serif; }
#arbo_index .searchbox FORM INPUT[type='text'] 	{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #bbb; }
#arbo_index .searchbox INPUT#localisation 		{ width:100%; height:60px; line-height:60px; padding-left:35px; margin:0; color:#595959; border:0;
box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
-moz-box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
-webkit-box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
-webkit-transition:-webkit-box-shadow ease .35s;
-moz-transition:-moz-box-shadow ease .35s;
transition:box-shadow ease .35s;
background:white url(/images/immobilier-lcl/commun/search-1.png) 10px center scroll no-repeat;
}

#arbo_index .searchbox INPUT#localisation:hover,
#arbo_index .searchbox INPUT#localisation:focus  {  }

#arbo_index .searchbox .avecMenu { 
cursor:pointer; text-align:left; cursor:hand; width:100%; margin:0 0 0 0; padding:0 15px 0 20px; height:60px; line-height:60px; white-space:nowrap; overflow:hidden; font-size:1em; font-weight:normal; 
border:0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:white; background:#fff url(/images/immobilier-lcl/commun/puces/triangle-noir.png) 1px center scroll no-repeat;
-moz-box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
-webkit-box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
}
/* #arbo_index .searchbox #localisation { position:absolute; top:0; } */

#arbo_index .searchbox INPUT.surfaceBudget 								{ width:100px; padding:4px 4px 4px 2px; font-size:1em; border:1px solid #ccc!important; }
#arbo_index .searchbox INPUT.surfaceBudget:hover,
#arbo_index .searchbox INPUT.surfaceBudget:focus							{ width:100px; padding:4px 4px 4px 2px; font-size:1em; box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 3px rgba(0,0,0,.2); }

#arbo_index .searchbox INPUT.surfaceSurface 								{ width:100px; padding:4px 4px 4px 2px; font-size:1em; border:1px solid #ccc!important; }
#arbo_index .searchbox INPUT.surfaceSurface:hover,
#arbo_index .searchbox INPUT.surfaceSurface:focus						{ width:100px; padding:4px 4px 4px 2px; font-size:1em; box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25); }

#arbo_index .searchbox LABEL.moteurRech, SPAN.moteurRech 				{ margin:0; padding:0; font-weight:normal; }
#arbo_index .searchbox DIV.survolInput 									{ margin:0; position:relative; padding:0; width:100%; }
#arbo_index .searchbox FORM .menuDeroulant								{ display:none; text-align:left;  top:60px; left:0; z-index:20; border-top:0px solid rgba(0,0,0,1); background-color:transparent; padding:4px 0 0 0;  }
#arbo_index .searchbox FORM .menuDeroulant > DIV							{ background-color:#fff; width:100%; padding:10px;  -moz-box-shadow:0 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 2px 2px rgba(0,0,0,.4); box-shadow:0 2px 2px rgba(0,0,0,.4);}
#arbo_index .searchbox FORM .menuDeroulant UL.mSousRubrik 				{ font-size:.9em; list-style-type: none; background-color:#fff; margin:0; padding:0; }
#arbo_index .searchbox FORM .menuDeroulant UL.mSousRubrik LI 				{ padding:0 20px 0 5px; background-color:transparent; color:#242424; }
#arbo_index .searchbox FORM .menuDeroulant UL.mSousRubrik LI LABEL 		{ padding-left:2px; line-height:24px; color:#242424; }
#arbo_index .searchbox FORM .menuDeroulant UL.mSousRubrik LI A				{ text-decoration:none; color:#242424; display:block; }
#arbo_index .searchbox FORM .menuDeroulant UL.mSousRubrik LI A:hover		{ background-color:#ccc; }
#arbo_index .searchbox FORM .menuDeroulant::before {
	content:""; width: 0; height: 0; display:block; margin:0 0 0 40px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; 
}
/* 
#arbo_index .searchbox FORM .menuDeroulant								{   }
 */
	#arbo_index .searchbox #rechLocalisation,
	#arbo_index .searchbox #rechBudget,
	#arbo_index .searchbox #rechBien,
	#arbo_index .searchbox #rechPieces,
	#arbo_index .searchbox #rechSurface	{ padding-right:5px;}
	#arbo_index #rechPieces .avecMenu, #arbo_index #rechSurface .avecMenu { width:100%; }

	#arbo_index .searchbox .menuDeroulant#Msurface INPUT 				{ vertical-align:-2px; }
	
	#arbo_index .searchbox FORM .menuDeroulant#Mbudget > DIV 		{ padding:15px; width:270px; min-height:100px; }
	#arbo_index .searchbox FORM .menuDeroulant#MtypeBiens > DIV	{ padding:15px; width:350px; min-height:150px; }
	#arbo_index .searchbox FORM .menuDeroulant#Msurface { width:200%; }
	#arbo_index .searchbox FORM .menuDeroulant#Msurface > DIV { padding:15px; width:240px; }
	#arbo_index .searchbox FORM .menuDeroulant#Msurface > DIV INPUT[type=text] {  width:60px; }
	#arbo_index .searchbox FORM .menuDeroulant#Mpieces { width:200%;  }

	/* --------------------------	*/
	/* Auto complete Jquery UI		*/
	/* --------------------------	*/
	#arbo_index .ui-autocomplete { color:#555; position:absolute; margin-top:14px!important; padding:0; border-radius:0!important; background-color:transparent!important; border-color:#e6e6e6!important; border:0!important; font-size:.85em!important;
		-moz-box-shadow:0 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 2px 2px rgba(0,0,0,.4); box-shadow:0 2px 2px rgba(0,0,0,.4);
	}
	#arbo_index .ui-autocomplete::before {
		content:"";
		width: 0; 
		height: 0;
		display:block;
		margin:0 0 0 8px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid white;
	}

	#arbo_index .ui-autocomplete-category { font-weight:700; background-color:#fff; padding:5px!important; padding-bottom:0; }
	#arbo_index .ui-menu-item 			{ background-color:#fff; }
	#arbo_index .ui-menu-item A			{ padding-left:15px!important; color:#555!important; border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;     }
	#arbo_index .ui-menu-item A:hover	{ padding-left:15px!important; color:#555!important; border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;     }

/* ==========================================================================
		DIVERS
   ========================================================================== */
.fixed 			{ position:fixed; width:100%; padding:0; box-shadow:0 1px 3px rgba(0,0,0,.4); z-index:2; }
.fixed  H1 		{ padding:6px 0 0 10px; }
.fixed  H1 IMG	{ width:150px; }
.valid_container { margin-top:40px; }

#arbo_index .searchbox .searchbutt {
	display:inline-block; 
	background: #f2825b; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyODI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDUzMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2825b 0%, #f0531d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2825b), color-stop(100%,#f0531d));
	background: -webkit-linear-gradient(top,  #f2825b 0%,#f0531d 100%);
	background: -o-linear-gradient(top,  #f2825b 0%,#f0531d 100%);
	background: -ms-linear-gradient(top,  #f2825b 0%,#f0531d 100%);
	background: linear-gradient(to bottom,  #f2825b 0%,#f0531d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f0531d',GradientType=0 );

	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; 
	text-indent:0; color:#fff; font-size:1.2em; font-style:normal; 
	width:100%; height:52px; line-height:52px; text-decoration:none; text-align:center;
	-webkit-transition:-webkit-box-shadow ease .35s;
	-moz-transition:-moz-box-shadow ease .35s;
	transition:box-shadow ease .35s;
	
	box-shadow:0 5px 0 rgba(0,0,0,.2);
}

#arbo_index .searchbox .searchbutt:hover {
		-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,.25),0px 1px 0px rgba(0,0,0,.4) ; -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,.25),0px 1px 0px rgba(0,0,0,0.4); box-shadow:inset 0px 1px 0px rgba(255,255,255,.25),0px 1px 10px rgba(255,255,255,.4);

	text-shadow:1px 1px 10px rgba(255,255,255,.8);
	-webkit-transition:-webkit-box-shadow ease .35s;
	-moz-transition:-moz-box-shadow ease .35s;
	transition:box-shadow .35s ease;
}
#arbo_index .searchbox .searchbutt:active {
	position:relative; top:1px;
}

/* 
	==========================================================================
								MEDIA QUERIES
	========================================================================== 
*/
/* 768px */
@media only screen and (max-width: 768px) {
	
	/*MOTEUR*/
	#arbo_index #transaction_box LABEL.active {
		-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
		-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
		box-shadow:0 0 4px rgba(0,0,0,.4);
	}
	#rechercheMulti 							{ padding:0 20px;  }
	#rechercheMulti INPUT.surfaceBudget 		{ width:40%; }
	
	#arbo_index #transaction_box  { margin-bottom:15px; padding-right:0; }
	
	.valid_container { margin-top:10px; }
	.search_container { padding-top:0; min-height:0; background:transparent none; }
	#arbo_index .searchbox 					{ max-width:100%; height:auto; padding:20px 5% 5% 5%; background-color:transparent; border:0  }
	#arbo_index .searchbox  NAV UL LI 			{ display:inline-block; width:20%; height:auto; text-align:center; margin:0; padding:0; }
	#arbo_index .searchbox  NAV UL LI A 		{ color:white; display:block; line-height:35px; margin:0; background-color:transparent; font-family:'roboto_condensedregular', 'Helvetica Neue', Helvetica, Arial, Sans-serif; }
	#arbo_index .searchbox  NAV UL LI A.on 	{ background-color:red; }
	#arbo_index .box_intro 		{ display:none }
	#arbo_index .avecMenu 		{ width:100%; }
	#arbo_index H2.tag 			{ font-size:1.4em; line-height:3em; }
	
	#arbo_index .searchbox #rechLocalisation,
	#arbo_index .searchbox #rechBudget,
	#arbo_index .searchbox #rechBien,
	#arbo_index .searchbox #rechPieces,
	#arbo_index .searchbox #rechSurface	{ padding-right:0px; margin-bottom:10px; }

	#arbo_index .searchbox FORM .menuDeroulant								{ display:none; text-align:left; top:60px; left:0; z-index:20; border-top:0px solid rgba(0,0,0,1); background-color:transparent; padding:4px 0 0 0;  }
	#arbo_index .searchbox FORM .menuDeroulant > DIV							{ background-color:#fff; padding:10px;  -moz-box-shadow:0 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 2px 2px rgba(0,0,0,.4); box-shadow:0 2px 2px rgba(0,0,0,.4);}
	
	#arbo_index .searchbox INPUT#localisation 					{ width:100%; height:60px; line-height:60px; padding-left:35px; margin:0; color:#595959; border:1px solid #bbb;
	box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
	-moz-box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
	-webkit-box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.25);
	-webkit-transition:-webkit-box-shadow ease .35s;
	-moz-transition:-moz-box-shadow ease .35s;
	transition:box-shadow ease .35s;
	background:white url(/images/immobilier-lcl/commun/icons-simple/16x16/search.png) 10px center scroll no-repeat;
	}

	#arbo_index .searchbox .avecMenu { 
	cursor:pointer; text-align:left; cursor:hand; width:100%; margin:0 0 0 0; padding:0 15px 0 35px; height:60px; 
	line-height:60px; white-space:nowrap; overflow:hidden; font-size:1em; font-weight:normal; border:1px solid #bbb;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:white; background:#fff url(/images/immobilier-lcl/commun/puces/triangle-noir.png) 15px center scroll no-repeat;
	-moz-box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.2);
	-webkit-box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.2);
	box-shadow:0 1px 0px rgba(255,255,255,0), inset 0 2px 5px rgba(0,0,0,.2);
	}
}


#arbo_index .searchbox .searchbutt { 
	
}


/* 640px */
@media only screen and (max-width: 640px) {

	#arbo_index .searchbox FORM .menuDeroulant#Mbudget 		> DIV 		{ padding:15px; width:100%; min-height:100px; }
	#arbo_index .searchbox FORM .menuDeroulant#MtypeBiens 	> DIV 		{ padding:15px; width:120%;  }
}













