#map{
	display:block;
	width: 100%;
	height:550px;
}

#liste_lieux {
	position:absolute;
	top:230px;
	left:0px;
	width:0;
	text-align:right;
}

#liste_lieux .lieu{
	background: #FFF;
	background: rgba(255,255,255,0.75);
	border-bottom: 0;
	box-shadow: 0 0 0.125em rgba(0,0,0,0.25);
	display: inline-block;
	display:none;
	font-size: 0.875em;
	margin: 0.5em 2%;
	overflow: hidden;
	padding: 0.5em;
	position: relative;
	text-decoration: none;
	width: 300px;
	z-index:10;
}

#liste_lieux .lieu:hover, #liste_lieux .lieu.active{ box-shadow: inset 0 0 0.125em rgba(0,0,0,0.25); }

#liste_lieux .img_proximity img{
	float: left;
	margin: 12px 12px 0 0;
	box-shadow: 0 0 3px #000000;
	-webkit-transition: -webkit-transform .1s ease-in;
	-moz-transition: -moz-transform .1s ease-in;
	-o-transition: -o-transform .1s ease-in;
	transition: transform .1s ease-in;
}

#liste_lieux .proximity_name { 
	font: 1.25em/1.5em 'Droid Sans';
	margin: 0; 
}

/*#liste_lieux .proximity_name_2{ margin: 10px 0 0 0; }*/

#liste_lieux .proximity_tel,#liste_lieux a.proximity_mail, .proximity_adresse{
	font-size:14px;
	line-height:20px;
	display:block;
}

#liste_lieux a.proximity_mail{ text-decoration: underline; }

#liste_lieux a.proximity_mail:hover{ text-decoration: none; }

#liste_lieux .dist{
	position: absolute;
	bottom: 8px;
	left: 10px;
	font-size: 0.9em;
	display: block;
}
#liste_lieux .lieu hr{
	color:#FFF;
	margin:10px 0;
	border-color: #776653;
}

#route{
	clear:left;
	padding-top:1em;
}

/*#ok{	
	background-color: #FFF;
	border: solid 1px #66579A;
	color: #66579A;
	font-weight: bold;
	margin-bottom: 0.75em;
	padding: 0.5em;
	text-transform: uppercase;
}

#ok:hover, #ok:focus{ background-color: #CCC9A6; }*/

.ui-combobox {
	position: relative;
	display: inline-block;
	width:150px;
	padding:0 45px 0 10px;
	z-index:1000;
}

.ui-button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* adjust styles for IE 6/7 */
	*height: 1.7em;
	*top: 0.1em;
}

.ui-autocomplete-input {
	margin: 0;
	padding: 0.3em;
}

label[for="start"]{
	display: inline-block;
	margin-top: 0.5em;
}

#start,#dest,#start2,#dest2{
	display: block;
	width: 100%;
	padding: 5px 5px;
	margin-bottom: 5px;
	font-size: 14px;
	background-color: #FFFFFF;
}

#start,#dest{
	display:none;
	left:0;
	position:absolute;
	top:0;
	width:120px;
	z-index:4;
}

#start2,#dest2{
	border: solid 1px #66579A;
	left:0;
	padding:4px 5px;
	top:0;
	z-index:1;
}

#start:focus, #start:hover, #dest:focus, #dest:hover{ background:#f0edea; }

.contient-horreur{
	position:relative;
	width:160px;
	display:inline-block;
	vertical-align:top;
	margin:0 0.75em 2em;
	width:200px;
}

.proximity_excerpt a { color: #776653; }

.proximity_excerpt a:hover { color: #FFF; }

#conteneur_carte_infos{
	position: relative;
	width:100%;
}

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	font-size: 0.875em;
	max-width: 50em;
	padding: 20px;
}

img.btn_close { float: right; }

.popup_block h2{ margin-top: 0; }

/*--Gérer la position fixed pour IE6--*/
*html #fade { position: absolute; }

.contenulieu{ max-width: 50em; }

.popup_block img{
	margin-right:20px;
	margin-bottom:10px;
}

@media screen and (max-width:800px) {

	#liste_lieux {
		position:static;
		text-align:left;
		width:100%;
	}

	#liste_lieux .lieu{ display:block; }

	#liste_lieux a{ text-decoration:none; }

	#liste_lieux a:hover .proximity_name, #liste_lieux a:hover .proximity_excerpt{ text-decoration:underline; }

	#liste_lieux #item-0{ display:none; }

	#liste_lieux .lieu hr{
		border-color:#FFF;
		margin:0.5em 0;
	}

	#liste_lieux .proximity_excerpt{ font-size:0.85em: }

	#map,#route{ display:none; }

	.popup_block{
		background-color: rgba(255, 255, 255, 0.25);
		display: none; /*--masqué par défaut--*/
		margin: 0 3em 1em;
		min-width: 0;
	}

	.popup_block h2{ display: none; }

	#liste_lieux a.pirobox_gall{
		width:100%;
		float:left;
	}


}

