html, body, #gmap {height:100%;min-height:100%!important;margin:0;padding:0;background:#f6f2ea;}
body{position:relative;font-family:Arial;}

.inlineblock{display:inline-block;vertical-align:middle;}
.cleaner{margin:0;padding:0;clear:both;float:none;}

#iframe #gmap {width:100%;margin-left:0;}
#iframe #controls {display:none;}

#gmap {z-index:1;width:75%;height:100%;margin-left:25%;}
#wrapper_gmap{position:fixed;z-index:1;width:100%;height:100%}
#controls {position:absolute;z-index:2;top:0;left:0;width:25%;background:#F6F2EA;border-right:2px solid #ded8cd;}
	#controls_toggler {position:absolute;right:-23px;top:0;display:block;width:23px;height:31px;background:url(/images/menu_next.png);}
	#themes {list-style-type:none;margin:0;padding:0;}
		LI.theme {margin:0;padding:0;}
		.data_fiches {display:none;}
	.sub_themes {list-style-type:none;margin:0 0 0 15px;padding:0;}
	#frm_controls{padding:0 20px ;margin-top:35px;}

/* Infobulle */
.infoBox{}
	.infoBox .titre{font-family:"Doppio One";font-size:13px;color:#282825;text-transform:uppercase;font-weight:normal;margin-bottom:10px;padding:10px 30px 10px 10px;background:#afc603}
	.infoBox .nom_fiche{height:auto;}
	.infoBox .ville{font-family:Arial, Helvetica, sans-serif;color:#282825;font-size:11px;text-transform:none;}
	.infoBox a{color:#8d9f0f;font-size:12px;text-decoration:underline;}
	.infoBox .descr{padding:10px;}
		.infoBox .wrapper_img_fiche{margin-right:10px;float:left;min-width:72px;}
		.infoBox .img_fiche{width:72px;height:72px;border:1px solid #c8c4bc;}
		.infoBox .wrapper_desc_fiche{float:right;width:65%;}

/* Animations */
#gmap.full_map {margin-left:0}
#controls.full_map {left:-200px;}

/* chargement */
#loading {display:none;}
#loading.progress {display:block;background:url(/images/ajax-loader.gif) center center no-repeat rgba(256, 256, 256, 0.6);
		position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}

/*
div class='wrapper_retour_ot'>
	<a class='lnk_back_ot' href='{$smarty.const.URL_WEBSITE}{$smarty.const.HOME_URL}'>
		Retour au site du Pays Rhénan
	</a>
</div>
*/
.sprite_map{background:url(/images/sprite_carte.png) no-repeat;display:inline-block;vertical-align:middle;}
.wrapper_retour_ot {
	text-align:center;
}
.lnk_back_ot{background:#494846;color:#EDEDED;display:inline-block;
	border:0px;border-radius:0;
	padding:2px 15px 0;line-height:2;
	transition:all 600ms;text-decoration:none;
}
.lnk_back_ot:hover {
	background:#1e1e1e;color:#EDEDED;
}
.lnk_back_ot:before {
	content:"";display:inline-block;width:24px;height:22px;background:url(/images/sprite.png) -341px -154px;margin-right:5px;margin-top:-2px;vertical-align:middle;
}
#controls ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;}
.o, #controls ul#themes li.theme{border-bottom: 1px solid #DED9CE;margin-bottom: 10px;padding-bottom: 10px;position: relative;padding-left:50px;color:#5d5b59;font-size:18px;text-transform:uppercase;font-family:"Doppio One";}
#controls ul#themes li.theme{min-height:50px;}
#controls ul#themes li.theme ul.sub_themes li.sub_theme{min-height:0}
#controls ul#themes li.theme ul.sub_themes li.sub_theme{border-bottom: none;margin-bottom:0;padding-bottom:0;padding-left:0;color:#130c09;font-size:12px;text-transform:none;}
.theme_piste label, #controls ul li label{display:block;vertical-align:middle;margin:auto;margin-bottom: 2px;padding-bottom: 2px;width:200px;position:relative;}
.pic_theme_map{display:block;width:55px;height:51px;position:absolute;left:-55px;top:0;}
.theme_piste .pic_theme_map{left:-55px;top:10px;}
.theme_piste{border-bottom:0px;}

.logo_obernai{width:203px;height:54px;background-position:0 0;margin-left:35px;margin-bottom:20px;/*position:relative;bottom:20px;left:35px;z-index:100;*/}
@media (min-width: 768px) {
	#controls {border-top:50px solid white;padding-top:200px;}
	#controls:before {content:"";display:block;width:222px;height:250px;background:url(/images/sprite.png) -950px -85px;position:absolute;left:50%;top:-50px;margin:0 -111px;}
}
@media (min-width: 1004px) {
	.no_desk {position:absolute;top:-10000px;left:-10000px;}
}

@media (min-width: 768px) and (max-width: 1003px) {
	.no_desk {position:absolute;top:-10000px;left:-10000px;}
	#gmap {z-width:67%;margin-left:33%;}
	#controls {width:33%;}

}

@media (max-width: 767px) {
	.sprite_map.arrow_back_ot.no_phone{position:absolute;top:-10000px;left:-10000px;}

	.no_phone {position:absolute;top:-10000px;left:-10000px;}

	/* Filtres */
	#controls{top:0;width:100%;left:0;background:#F6F2EA;border-bottom:2px solid #ded8cd;padding:0px 0 10px 0;}
		#frm_controls{margin-top:5px;height:0;overflow:hidden;}
		#frm_controls.show{height:auto;}
		.btn_filter{display:block;background:#3179be;color:#fff;text-transform:uppercase;padding:5px 10px;border-bottom:1px solid #235e92;border-right:1px solid #235e92;text-align:center;font-family:"Doppio One";font-size:17px;width:190px;margin:0 auto;cursor:pointer;}

	/* Google map */
	#gmap{margin-left:0;border:none;width:100%;/*margin-top:75px;*/}

	/* Bouton retour */
	.wrapper_retour_ot{text-align:center;margin-top:5px}
		.wrapper_retour_ot .lnk_back_ot{display:inline;background:none;color:#494846;font-size:14px;border:none;height:auto;width:auto;padding:0;margin:0;}
		.wrapper_retour_ot .lnk_back_ot .txt_white{color:#494846;font-size:14px;text-transform:none;text-decoration:underline;font-weight:normal}
}


#search-panel{position:absolute;top:10px;left:50%;margin-left:-125px;background:#fff;z-index:100;padding:10px;border:1px solid #ccc;border-radius:5px;display:none;}
	#search-panel #searchTextField{width:230px}