@charset "utf-8";
/* CSS Document */

/* classes elements */

h1 {
	color: #008024;
    font-size: 1.5em;
}

a {
	text-decoration:none;
}

img {
	border:none;
	cursor:pointer;		
}

/* fin classes-elements*/

	#div_src, #div_dest {
	width: 41.5%;
	height: 152px;
	float: left;
	display:inline-block;
	}	
	#div_bouton_convertir {
	height: 10em;
	float: left;
	display: block;
	width: 14%;
	text-align: center;
	}
	.div_coord, .div_coord_h {
	height: auto;
	width: 100%;
	float: left;
	display: block;
	margin: 4px 0px 4px 0px;
	}
	
	.div_coord_h {
		margin-bottom: 12px;
	}
	
	.div_label_coord {
	width: 22%;
	text-align: right;
	float: left;
	height: 30px;
	overflow: hidden;
	margin-right: 1%;
	}	
	.div_forme_coord {
	width: 76%;
	position: relative;
	height: auto;
	display: block;
	float: left;
	}
	
	.div_texte_coord {
	width: 72%;
	float: left;
	border: 1px solid green;
	height: auto;
	display: inline-block;
	overflow: hidden;
	}
	
	

	.menu {
	height: 28px;
	width: 100%;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0;
	margin: 0;
	font-weight: bold;
	border: 1px solid green;
	}

.div_systeme {
	width: 90%;
	float: left;
}


.infos_systeme {
	text-align: center;
	width: 9%;
	float: left;
	padding: 3px 0px 0px 1%;
}

.img_infos {
	width: 99%;
	height: 24px;
}
	

	.label_coord {
	font-size: 0.8em;
	font-family: "Arial Black", Gadget, sans-serif;
	}
	
	
	.div_coord_centre {
	height: auto;
	width: 100%;
	float: left;
	display: block;
	margin: 2px 0px 2px 0px;
	}
	.div_forme_coord_centre {
	width: 76%;
	position: relative;
	height: 100%;
	top: 0px;
	display: block;
	float: left;
	}
	.texte_coord_centre {
	float: left;
	border: none;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	height: 24px;
	width: 100%;
	padding: 0;
	padding-left: 3px;
	}	
	.div_texte_coord_centre {
	width: 90%;
	float: left;
	border: 1px solid green;
	height: auto;
	display: inline-block;
	overflow: hidden;
	}
			
	.div_menu_carte {
	height: auto;
	width: 100%;
	float: left;
	display: block;
	border: 1px solid green;
	}
	.menu_carte {
	height: 28px;
	width: 100%;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0;
	margin: 0;
	font-weight: bold;
	}
	
	.coord_carte_tr {
		font-family:"Courier New", Courier, monospace;
		font-size:1em;
		font-weight:bold;
	
	}


	#img_Rechercher:hover {
	cursor:pointer;
		
}

#div_Application_env {
	float: left;
	border: 1px solid #BBB;
	width: 98%;
	padding: 5px 1% 10px 1%;
	clear: both;
	border-radius: 10px;
	background-color: #FFFFFF;
	
}

#div_Titre-Application {
	width: 100%; 
	height: auto; 
	text-align: center; 
	float: left; 
	display: block;
}

#div_Titre-Application h1 {
	color: #006600;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0.5em;
}


#div_Conversion {
	width: 100%;
	padding-top: 8px;
	padding-bottom: 5px;
	display: block;
	float: left;
	clear: both;
}

#div_depart_env {
	height: auto;
	float: left;
	width: 96%;
	background-color: #EAFFF7;
	padding: 5px 2% 5px 2%;
}

#div_coord1_Db60_src {
	visibility: hidden;
}

#div_coord2_Db60_src {
	visibility:hidden;
}

#div_arrivee_env {
	float: left;
	width: 96%;
	background-color: #EAFFF7;
	padding: 5px 2% 5px 2%;
}

#div_coord1_Db60_dest {
	visibility:hidden;
}

#div_coord2_Db60_dest {
	visibility:hidden;
}

#div_unite_angle_env {
	border: 1px solid #BBB;
	width: 98%;
	float: left;
	padding: 10px 1% 10px 1%;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin-top: 12px;
	
}

#div_unite_angle_env span {
	font-size: 12px; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	margin-left: 8px; 
	color: #030;
}

#div_Altitude_carte span {
	float: left; 
	font-family: 'Arial Black', Gadget, sans-serif; 
	font-size: 14px; color: #800; 
	margin-left: 10px;
}

#Centrer-sur {
	font-size: 0.85em; 
	font-family: Arial, Helvetica, sans-serif; 
	padding: 2px 2px 2px 2px; 
	width: 64px;
	cursor:pointer;
}

#div_coord1_Db60_centre {
	visibility: hidden;
}

#div_coord2_Db60_centre {
	visibility: hidden;
}


#Localisation {
	height: 29px;
	width: 118px;
	font-size: medium;
	background-color: #0F0;
	cursor: pointer;
}


#Texte_Adresse {
	width: 100%; 
	font-weight: bold; 
	height: 28px; 
	border: none; 
	padding: 0;
}





  .inputfile {
	position: relative;
	width: 100%;
	height: 80px;
	overflow: hidden;
	background: no-repeat right top;
	
  }
  #Choix_Fichier,#Import_Fichier  {
	position: absolute;
	right: 0px;
	top: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	text-align: right;
	opacity: 0;
	overflow: hidden;
	z-index: 1;
	height: 40px;
  }
  
#div-aide {
	float: left;
	display: block;
	clear: both;
	width: 98%;
	font-size: 1.2em;	
	font-family: Verdana, Geneva, sans-serif;
	padding: 8px 1% 5px 1%;	
	background-color: white;
}

#div-aide h2 {
	color: #FF8000;
	font-size: 1.2em;
}

#div-aide p {
	line-height: 1.75em;	    
}

#div-aide ul {
	padding-left: 16px;
	line-height: 1.5em;
}

	
#div-contact a {
	color:#FFF;	
}
#div-contact a:hover {
	color:#FF0;		
}

#div-contact span {
	float: right;
	margin-right: 16px;
}

#div-contact span a {
	font-family: Verdana, Geneva, sans-serif;
}

#div-contact span a img {
	vertical-align: middle;
}

#div_geocodage_env {
	float: left; width: 36px; 
	height: 30px; 
	overflow: hidden;
}

#conteneur-pied {	
	background-color: #0000FF;
	background-image: linear-gradient(#0077FF, blue);
}

#pub-pied {
	clear: both;
	display: block;
	height: auto;
	margin-top: 12px;
	text-align: center;
}

#copyright {
	text-align: left;
	padding: 2px 2px 32px 2px;
	color: #EBEBEB;
}