html, body { height:98%}

	body {
		background-color:white; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; 
		margin:1px;
	}
	input {	
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		border-style: solid; 
		border-width: 1px; 
		border-color: #336600;  
		margin: 0px;
		font-size: 12px;;
		color: #000000; 
		padding:2px;
	}

	#title {
		height:50px;
		line-height:50px;
		background-image:url(dff_banner.gif); 
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:410px;
		font-size:14px;
		font-weight:bold;
	}
	#title span { 
		display:inline-block; 
		vertical-align:middle;
	}
	
	#canevas {
		min-height:100%;
		position:relative;	
		margin-bottom:-65px;
	}
	
	#mainWrapper{
		height: 100%;
	}
	
	#sideMenu {
		/*min-height:500px;*/
		height: 100%;
		margin-right:5px; 
		width:250px;
		border:1px dotted #777;
		float:left;
	}

	#map_canvas {
		/*min-height:500px; */
		height: 500px;
		border:1px solid #336600; 
	}
	#footer {
		clear: both;
		margin-top:5px;
		padding:5px;
		border:1px dotted #777;
	}
	.inSideMenu {
		position: relative;
		margin:5px;
		border:1px dotted #777;
	}
	#position {
		height: 125px;
	}

	#position table tr td {
		font-size: 11px;
	}

	#searchPanelEnvel {
		height:355px;
	}

	#searchForm {
		height:30px;
		margin-left:14px;
		margin-top:5px;
		border-bottom:1px dotted #999;
	}
	#searchPanel {
		height:292px;
		overflow:auto;
		padding:3px;
	}
	#resultGeonames, #resultGoogle, #resultDemna {
		margin-left:5px; margin-top:4px; margin-bottom:4px;
	}
	#resultGeonames p, #resultGoogle p, #resultDemna p {
		margin:0;
		text-indent:-30px;
		margin-left:30px;
	}
	.toponyme {
		cursor:pointer;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:2px;
		margin-left:16px;
	}
	.toponyme:hover{
		color: #ddd;
		background-color:#476173;
	}
	.currentTopo {
		background-color:#D6EEFF;
	}
	div.headSection {
		height:16px;
		font-size:11px;
		font-weight:bold;
		color: #fff;
		background-color:#476173;
		padding:3px;
		text-align:center;
		margin-bottom: 4px;
		-webkit-box-shadow: 0px 5px 6px rgba(50, 50, 50, 0.50);
		-moz-box-shadow:    0px 5px 6px rgba(50, 50, 50, 0.50);
		box-shadow:         0px 5px 6px rgba(50, 50, 50, 0.50);
		/*cf http://css3gen.com/box-shadow/ */
	}
	input.loupe {
		border:none;
		letter-spacing:-9999em; /* Permet de masquer le texte normal du bouton */
		background:url("magnify.png") top left no-repeat;
		width:16px; /* Largeur de ton image */
		height:16px; /* Hauteur de ton image */
		cursor: pointer;
	}
	#btnSearch:focus {
		outline: 0;
	}
	.bulletInfo {
		width:16px;
		min-height:16px;
		float:left;
		background:url("bullet_arrow_right.png") left center no-repeat;
	}
	.bulletInfoDeploy {
		width:16px;
		height:16px;
		float:left;
		background:url("bullet_arrow_down.png") left center no-repeat;
	}
	div.infos {
		margin-left:20px;
		margin-bottom:3px;
	}

/*
	#isoList {
		border: 4px solid #888;
		background-color:#fff;
		z-order:10000;
		width: 400px;
		height: 400px;
		position:absolute;
		left:50px;
		top:60px;
	}
	#fcList {
		border: 4px solid #888;
		background-color:#fff;
		z-order:10000;
		width: 200px;
		height: 200px;
		position:absolute;
		left:250px;
		top:60px;
	}
*/
	.spanLink {
		text-decoration:underline;
		cursor:pointer;
	}
	a.close {
		display:block;
		float:right;
		width:16px;
		height:16px;
		background:url(close_16.png) no-repeat center center;	
	}
	div#latLng {
		position:absolute;
		left:330px;
		top:58px;
		width:200px;
		height:40px;
		background-color:#fff;
		color:#000;
		z-index:1000 !important;
		font-size:10px;
		padding:2px;
		border:1px solid #666;
	}
	
	#itemsGeonames, #itemsGoogle, #itemsDemna{min-height:20px; margin-top:4px; margin-bottom:4px;margin-left:30px;}
	
	.ajax_loader {background: url("ui-anim_basic_16x16.gif") no-repeat center center transparent !important;width:100%;height:100%;}    

	//technique preload images
	@media screen {
		div#preloader {
			position: absolute;
			left: -9999px;
			top:  -9999px;
			}
		div#preloader img {
			display: block;
			}
	}
	@media print {
		div#preloader, 
		div#preloader img {
			visibility: hidden;
			display: none;
			}
	}
	
	#copyright {
		float:right;
		color:#999;
		font-size:10px;
		font-weight:normal;
		margin-right:10px;
	}
	
	#error {
		color:#ff0000;
		font-weight:bold;
	}

	.ui-dialog { z-index: 1000 !important ;}

	.leaflet-control-layers-selector {border:none;}

	.leaflet-control-layers-base label {
		margin:0px;
	}