/*MOBILE.CSS*/

#nav A:link, #nav A:visited { color:white; }
/*CONTAINER & HEADER*/
#container { width:100%; height:100%; position:relative; -webkit-box-orient:horizontal; background:##f1f1f1; }

#navScroller > li {
	padding:0 10px;
	border-bottom:1px solid #ccc;
	height:40px; line-height:40px;
}
#content {
	-webkit-box-sizing:border-box;
	padding:20px;
}
NAV, ARTICLE {
	/* position:absolute;  */
	/*  top:44px; bottom:0; left:0; right:0; */ 
	font-size:15px;
	background:#fff;
}
FORM { margin:0; padding:0; position:relative; }

DIV[data-role="header"] H1 { color:white }

A[data-role="button"]{ line-height:30px;}
#tri A[data-role="button"]{ line-height:20px;}
.navigationPage A[data-role="button"]{ line-height:20px;}

/*
--------------------------------
 LISTING_SKL
--------------------------------
*/
#arboAnnonces HR { clear:both; margin:0; }
.prix { color:#215689; font-weight:700;   }
.ville { font-weight:700; }
.nbphoto { position:absolute; width:80px; left:1px; top:60px; background-color:#f1f1f1; text-align:center; font-size:.8em;}
.ui-field-contain { padding: 0 0; margin: 0; border-bottom-width: 0; overflow: visible; }
label.ui-select { font-size: 13px; line-height: 1.4;  font-weight: 700; margin: 0 0 .3em; display: block; }

.headPage1 					{ position:relative; padding:0 0 7px 0; text-align:right; min-height:35px; }
.headPage1 SPAN.currentPage 			{position:absolute; top:0; left:0;}
.headPage1 DIV.navigationPage 		{ margin:0; }
.headPage2 					{ position:relative; padding:2px 0 7px 0; text-align:right}
.headPage2 SPAN.nbAnnonce 			{ position:absolute; top:10px; left:0; font-size:1em;}
.headPage2 DIV.tri 					{ margin:0;}
.asterisq { font-size:.8em; padding:2em 0 1em 0;}

/*Searchfiche*/
#searchFiche DIV#headBox { display:block; padding-bottom:10px; } 
#searchFiche DIV#headBox A IMG { float:left; margin-right:10px; max-width:40%; } 
#searchFiche DIV#headTxt {  } 
#searchFiche DIV#headTxt .prix { font-size:1.5em; } 
#searchFiche DIV#headTxt .prix { font-size:1.5em; } 
#searchFiche .dataContainer 		{ padding:.6em; margin:.9em 0 0 0;  }
#searchFiche .dataContainer H3  	{ font-size:.8em; }
#searchFiche DIV.imageGallery  	{ text-align:center; width:100%; margin:0; padding:0;  }
#searchFiche DIV.imageGallery A.thumb  	{ margin:0; }
#searchFiche DIV.imageGallery A 	{ display:block; float:left; margin:0; margin-right:1%; width:24%;  background-color:transparent; }
#searchFiche DIV.imageGallery IMG { max-width:100%; -moz-box-shadow:0 1px 4px rgba(0,0,0,.3); border:1px solid white;  }
 DIV.logo { padding:10px 10px 10px 0; }
 DIV.telephone { display:block; text-align:center; font-weight:700; padding:10px 2px; margin:8px auto; border:1px solid #999;
 box-shadow:0 3px 2px rgba(0,0,0,.2);
 -moz-box-shadow:0 3px 2px rgba(0,0,0,.2);
 -webkit-box-shadow:0 3px 2px rgba(0,0,0,.2);
background: rgb(99,206,22); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(99,206,22,1) 0%, rgba(8,178,8,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,206,22,1)), color-stop(100%,rgba(8,178,8,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(99,206,22,1) 0%,rgba(8,178,8,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(99,206,22,1) 0%,rgba(8,178,8,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(99,206,22,1) 0%,rgba(8,178,8,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(99,206,22,1) 0%,rgba(8,178,8,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63ce16', endColorstr='#08b208',GradientType=0 ); /* IE6-9 */
color:#ffffff;
}

DIV.telephone SPAN {  padding:5px 5px 5px 40px; background:transparent url(/images/commun/phone.png) 10px center no-repeat; }

.logo {
	margin: 0px 0px 10px 0px;
}
.nom {
	font-weight:bold;
	font-size:12px;
	font-color: black;
}
.directeur {
	font-weight:normal;
	font-size:12px;
	font-color: black;
}
.adresse {
	font-weight:normal;
	font-size:12px;
	font-color: black;
}
.ville {
	font-weight:bold;
	font-size:12px;
	font-color: black;
}
.phone{
	margin: 0px 5px 0px 0px;
	width: 12px;
	height: 12px;
	line-height: 14px;
}
.tel {
	font-weight:bold;
	font-size:12px;
	font-color: black;
	line-height: 14px;
}

/*AgenceFiche*/
BODY#vitrineAgence SPAN.agenceNom { font-size:1.5em; color:#275c8e; }
BODY#vitrineAgence .logoAgence { text-align:right }
.conforme { font-size:.95em; }
BODY#vitrineAgence UL#services LI{ line-height:3em; }

@media all and (min-width: 450px){	
	.ui-field-contain label.ui-select { vertical-align: top;  display: inline-block;  width: 100%;  margin: 0 2% 0 0;  }
	.ui-field-contain .ui-select { width: 100%; display: inline-block; }
}	
/*FORMUALIRES*/
.imgReponse { display:block; float:right }

/* DPE */
DIV.arrowR			{ width:0; height:0; position:absolute; right:0;
        border-top: 10px solid white;
        border-bottom: 10px solid white;
		border-right: 10px solid white;
        border-left: 10px solid transparent;
}
DIV.arrowL			{ width:0; height:0; position:absolute; left:0; top:0;
        border-top: 10px solid white;
        border-bottom: 10px solid white;
		border-left: 10px solid transparent;
        border-right: 10px solid transparent;
}
/*DPE sur Listing*/
#arboAnnonces .dpeContainer  .col 	{  float:left; }
#arboAnnonces .dpeContainer H3 		{ font-size:.85em; margin:0; padding:0;  }
/*
 * -----------------------------------
 *       DPE Consos Listing
 * -----------------------------------
 */
#arboAnnonces UL.dpeC				{ float:left; width:120px;   }
#arboAnnonces UL.dpeC LI				{ float:left; position:relative; height:20px; line-height:20px; font-size:.75em; color:#141414; margin:3px 0 0 0; padding:0 5px; text-shadow:0 0 0 transparent; }

#arboAnnonces UL.dpeC LI SPAN			{ float:right; font-size:1.3em; color:#141414; padding:0 12px 0 0; margin:0; font-weight:700; }
#arboAnnonces UL.dpeC LI DIV			{ float:left; margin:0; padding:0; }
#arboAnnonces DIV.arrowR			{ width:0; height:0; position:absolute; right:0;
        border-top: 	10px solid white;
        border-bottom: 	10px solid white;
		border-right: 	10px solid white;
        border-left: 	10px solid transparent;
}
#arboAnnonces DIV.arrowL			{ width:0; height:0; position:absolute; left:0;
        border-top: 	10px solid white;
        border-bottom: 	10px solid white;
		border-left: 	10px solid white;
        border-right: 	10px solid transparent;
}
#arboAnnonces UL.dpeC_Selection 		{ float:left; width:50px; margin:0px 0 0 0; background-color:transparent;   }
#arboAnnonces UL.dpeC_Selection LI 	{ color:#fff; height:20px; line-height:20px; margin:3px 0 0 0; padding:0 5px 0 0; background-color:transparent; }
#arboAnnonces UL.dpeC_Selection LI.conso 	{  position:relative; font-size:.8em; text-align:right; background-color:black; }

#arboAnnonces UL.dpeC LI._A { width:40%; background-color:#319a31; }
#arboAnnonces UL.dpeC LI._B { width:40%; background-color:#33cc33; }
#arboAnnonces UL.dpeC LI._C { width:40%; background-color:#ccff33; }
#arboAnnonces UL.dpeC LI._D { width:40%; background-color:#ffff00; }
#arboAnnonces UL.dpeC LI._E { width:40%; background-color:#ffcc00; }
#arboAnnonces UL.dpeC LI._F { width:40%; background-color:#ff9a33; }
#arboAnnonces UL.dpeC LI._G { width:40%; background-color:#ff0000; }
#arboAnnonces UL.dpeC LI.dataOff 	{ background-color:#ccc; }
/*
 * ------------------------------------------
 *        DPE Emissions  searchFiche
 * ------------------------------------------
 */
#arboAnnonces UL.dpeR	{ float:left; width:120px;  }
#arboAnnonces UL.dpeR LI	{ float:left;  height:20px; line-height:20px; font-size:.75em; color:#141414; margin:3px 0 0 0; padding:0 5px; background:#ccc none; }
#arboAnnonces UL.dpeR LI SPAN	{ float:right; font-size:1.3em; color:#141414; padding-right:5px; margin:0; font-weight:700;  }
#arboAnnonces UL.dpeR LI DIV	{ float:left; margin:0; padding:0; }

#arboAnnonces UL.dpeR_Selection 		{ float:left; width:50px; margin:0px 0 0 0; background-color:transparent;  }
#arboAnnonces UL.dpeR_Selection LI 	{ color:#fff; height:20px; line-height:20px; margin:3px 0 0 0; padding:0 5px 0 0px; background-color:transparent; }

#arboAnnonces UL.dpeR LI._A	{ width:30%; background-color:#f5d5fa; }
#arboAnnonces UL.dpeR LI._B	{ width:30%; background-color:#eb9ff9; }
#arboAnnonces UL.dpeR LI._C	{ width:30%; background-color:#d77eec; }
#arboAnnonces UL.dpeR LI._D	{ width:30%; background-color:#9966ff; }
#arboAnnonces UL.dpeR LI._E	{ width:30%; background-color:#cd66ff; }
#arboAnnonces UL.dpeR LI._F	{ width:30%; background-color:#cc00ff; }
#arboAnnonces UL.dpeR LI._G	{ width:30%; background-color:#9900cc; }
#arboAnnonces UL.dpeR LI.dataOff 	{ background-color:#ccc; }
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*
 * -----------------------------------
 *       DPE Consos searchFiche
 * -----------------------------------
 */
/**/
#searchFiche UL.dpeC				{ float:left; width:200px;   }
#searchFiche UL.dpeC LI			{ float:left; position:relative; height:20px; line-height:20px; font-size:.75em; color:#141414; margin:3px 0 0 0; padding:0 5px; text-shadow:0 0 0 transparent; }

#searchFiche UL.dpeC LI SPAN			{ float:right; font-size:1.3em; color:#141414; padding:0 12px 0 0; margin:0; font-weight:700; }
#searchFiche UL.dpeC LI DIV			{ float:left; margin:0; padding:0; }
#searchFiche DIV.arrowR			{ width:0; height:0; position:absolute; right:0;
        border-top: 	10px solid white;
        border-bottom: 	10px solid white;
		border-right: 	10px solid white;
        border-left: 	10px solid transparent;
}
#searchFiche DIV.arrowL			{ width:0; height:0; position:absolute; left:0;
        border-top: 	10px solid white;
        border-bottom: 	10px solid white;
		border-left: 	10px solid white;
        border-right: 	10px solid transparent;
}
#searchFiche UL.dpeC_Selection 		{ float:left; width:50px; margin:0; background-color:transparent;   }
#searchFiche UL.dpeC_Selection LI	{ color:#fff; height:20px; line-height:20px; margin:3px 0 0 0; padding:0 5px 0 0; background-color:transparent; }
#searchFiche UL.dpeC_Selection LI.conso,#searchFiche UL.dpeR_Selection LI.conso
									{ position:relative; font-size:.8em; text-align:right; padding:0 1px 0 0; background-color:black; text-shadow:0 0 0 transparent; }

#searchFiche UL.dpeC LI._A { width:50%; background-color:#319a31; }
#searchFiche UL.dpeC LI._B { width:58%; background-color:#33cc33; }
#searchFiche UL.dpeC LI._C { width:66%; background-color:#ccff33; }
#searchFiche UL.dpeC LI._D { width:74%; background-color:#ffff00; }
#searchFiche UL.dpeC LI._E { width:82%; background-color:#ffcc00; }
#searchFiche UL.dpeC LI._F { width:90%; background-color:#ff9a33; }
#searchFiche UL.dpeC LI._G { width:98%; background-color:#ff0000; }
#searchFiche UL.dpeC LI.dataOff, #arboAnnonces UL.dpeC LI.dataOff 	{ background-color:#ccc; }
/*
 * ------------------------------------------
 *        DPE Emissions  searchFiche
 * ------------------------------------------
 */
#searchFiche UL.dpeR	{ float:left; width:200px;  }
#searchFiche UL.dpeR LI	{ float:left;  height:20px; line-height:20px; font-size:.75em; color:#141414; margin:3px 0 0 0; padding:0 5px; background:#ccc none;text-shadow:0 0 0 transparent; }
#searchFiche UL.dpeR LI SPAN	{ float:right; font-size:1.3em; color:#141414; padding-right:5px; margin:0; font-weight:700;  }
#searchFiche UL.dpeR LI DIV	{ float:left; margin:0; padding:0; }

#searchFiche UL.dpeR_Selection		{ float:left; width:50px; margin:0px 0 0 0; background-color:transparent;  }
#searchFiche UL.dpeR_Selection LI	{ color:#fff; height:20px; line-height:20px; margin:3px 0 0 0; padding:0 5px 0 0px; background-color:transparent; }

#searchFiche UL.dpeR LI._A	{ width:50%; background-color:#f5d5fa; }
#searchFiche UL.dpeR LI._B	{ width:58%; background-color:#eb9ff9; }
#searchFiche UL.dpeR LI._C	{ width:66%; background-color:#d77eec; }
#searchFiche UL.dpeR LI._D	{ width:74%; background-color:#9966ff; }
#searchFiche UL.dpeR LI._E	{ width:82%; background-color:#cd66ff; }
#searchFiche UL.dpeR LI._F	{ width:90%; background-color:#cc00ff; }
#searchFiche UL.dpeR LI._G	{ width:98%; background-color:#9900cc; }
#searchFiche UL.dpeR LI.dataOff	{ background-color:#ccc; }

/*GALLERY */
UL.imageGallery LI { text-align:center  }

/*Social*/
A.facebook	{ float:left; text-indent:-11111px; display:block; width:32px; height:32px; background:transparent url(/images/commun/sociable/facebook_32.png) 0 0 no-repeat; }
A.twitter 	{ float:left; text-indent:-11111px; display:block; width:32px; height:32px; background:transparent url(/images/commun/sociable/twitter_32.png) 0 0 no-repeat; }
A.appstore		{ float:left; text-indent:-11111px; display:block; width:32px; height:32px; background:transparent url(/images/commun/sociable/appstore.png) 0 0 no-repeat; }
A.googleplay	{ float:left; text-indent:-11111px; display:block; width:32px; height:32px; background:transparent url(/images/commun/sociable/googleplay.png) 0 0 no-repeat; }

/*prerecherche*/
UL#groupe LI { display:inline-block; margin:0; padding:0;} 

/*Selection mes recherches*/
#prerecherche H2 { font-size:1.2em; text-align:center}
.rechContainer { height:7em; margin:0 0 .5em 0; background-color:white; position:relative; border:1px solid #bbb; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; overflow:hidden; }
.rechContainer .colA { width:10%; float:left; height:100%; background-color:#ececec;  text-align:center;
						-webkit-border-top-left-radius: 12px;
						-webkit-border-bottom-left-radius: 12px;
						-moz-border-radius-topleft: 12px;
						-moz-border-radius-bottomleft: 12px;
						border-top-left-radius: 12px;
						border-bottom-left-radius: 12px;
  }
.rechContainer .colB { width:70%; float:left; height:100%; text-overflow:ellipsis}
	.rechContainer .colB DIV { padding:5px; }
	.rechContainer .colB H3 { margin:0; }
	.rechContainer .colB UL LI { white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.rechContainer .colC { width:20%; float:left; height:100%; background-color:#e9e9e9;
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
	.rechContainer .colC A.modifier 	{ display:block; width:100%; height:60%; font-size:.80em; text-align:center; color:white; text-decoration:none; line-height:6em; background-color:#30302d; text-shadow:0 0 0 transparent;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topright: 12px;
border-top-right-radius: 12px;
	}
	.rechContainer .colC A.suppr 	{ display:block; width:100%; height:40%; font-size:.80em; text-align:center; color:#242424; text-decoration:none; line-height:3.7em; background-color:#ccc; text-shadow:0 0 0 transparent;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
border-bottom-right-radius: 12px;
	}

.bubbleCount_on { 	display:inline; text-align:center; background-color:red; border:2px solid #666; color:white;
					border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;
					line-height: 6em ; padding:2px; font-weight:700; font-size:1.2em; text-shadow:0 0 0 transparent;
				}
.bubbleCount_off { display:inline;  text-align:center; background-color:#999; border:2px solid #666; color:white;
					border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;
					line-height: 6em ; padding:2px 3px; font-weight:700; font-size:1.2em; text-shadow:0 0 0 transparent;}
/*
--------------------------
	MEDIA QUERIES
--------------------------
*/
@media screen and (max-width: 480px) {
	/*GENERAL*/
	.ui-btn-inner { padding:0; }
	.ui-content .ui-btn-text { font-size:.85em; }
	
	/*Recherche*/
	#arboRecherche DIV#transaction .ui-btn-text { font-size:.8em;}
	.ui-btn-inner { padding: .5em 10px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
	
	/*Listing*/
	#arboAnnonces P.ui-li-desc { width:60%;} /*Description du bien*/
	.headPage2 SPAN.nbAnnonce 			{ font-size:.85em;}
	
	/*DPE searchfiche*/
	H4 { font-size:.85em; }
	
	/*Agence*/
	BODY#vitrineAgence UL.agenceDetails  { font-size:.85em; }
	
	/*Formulaires*/
	LABEL.ui-select, LABEL.ui-input-text { font-size:.85em; }
	.conforme { font-size:.85em; }

}