/* GENERAL STYLES */
body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color: #EFEFEF;
	font-family: "Trebuchet MS", Tahoma, Arial, helvetica, sans-serif;
	font-size:12px;
	color:#333366;
}

.grosrouge {
font-size:15px;
font-weight:bold;
color:red;
}

.entete {
display: grid;
float : left;

height:65px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
background:#EFEFEF;
}

#datas {
float:left;
display : grid;
 }

.presentation {
grid-column : 1;
grid-row : 1 / span 3;
width:120px;
padding-right:5px;
}
.titreinput {
grid-column: 2;
grid-row: 1;
color:red;
width:180px;
padding-right: 10px;
}
.find_locator {
grid-column: 2;
grid-row: 2;
font-weight: bold;
}
.find_address {
grid-column: 2;
grid-row: 3;
font-weight: bold;	
}

#titrelocator {
grid-column: 3;
grid-row: 1;
color:red;
width:90px;

}
#locator{
grid-column: 3;
grid-row: 2;
font-weight: bold;
 }
#DFCI{
grid-column: 3;
grid-row: 3;
font-weight: bold;
 }
 
#titrewgs {
grid-column: 4;
grid-row: 1;	 
color:red;
width:80px;

}
#WGS84_lat{
grid-column: 4;
grid-row: 2;
font-weight: bold;

 }
#WGS84_lng{
grid-column: 4;
grid-row: 3;
font-weight: bold;
 }
#titredms{
grid-column: 5;
grid-row: 1;
color:red;
width:100px;

} 
#WGS84DMS_lat{
grid-column: 5;
grid-row: 2;
font-weight: bold;
 }
#WGS84DMS_lng{
grid-column: 5;
grid-row: 3;
font-weight: bold;
 }
 
#titrelambert{
grid-column: 7;
grid-row: 1;
color:red;
width:75px;
}
#lambert_lat{
grid-column: 7;
grid-row: 2;
font-weight: bold;
 }
 #lambert_lng{
grid-column: 7;
grid-row: 3;
font-weight: bold;
 }

#WGS84DDMM_titre{
	grid-column:6;
	grid-row:1;
	color:red;
	width:80px;
	}

#WGS84DDMM_lat{
	grid-column:6;
	grid-row:2;
	font-weight: bold;
	}
#WGS84DDMM_lng{
	grid-column:6;
	grid-row:3;
	font-weight: bold;
	}
#titreutm{
grid-column: 8;
grid-row: 1;
color:red;
width: 40px;
}
#titreutm2{
grid-column: 9;
grid-row: 1;
color:red;
width: 90px;
}
#UTM_Z{
grid-column: 8;
grid-row: 2;
font-weight: bold;
width:30px;
}
#UTM_E {
grid-column: 9;
grid-row: 2;
font-weight: bold;
}
#UTM_N {
grid-column: 9;
grid-row: 3;
font-weight: bold;
} 

#APRS_titre {
grid-column : 10;
grid-row: 1	;
color: red;
width:30px;
}
#APRS_lat {
grid-column : 10;
grid-row: 2	;
width:30px;
font-weight: bold;
}

#APRS_lng {
grid-column : 10;
grid-row: 3	;
width:30px;
font-weight: bold;
}
 /* inputs */
 .input {
 grid-column : 2;
 grid-row : 2; 
 font-family: "Trebuchet MS";
 font-size:12px;
 text-align:right;
 }
 .input_left{
 font-family: "Trebuchet MS";
 font-size:12px;
 text-align:left;
 }

/* formulaire supprime le décalage (IE7) */
form {
margin:0;padding:0;
 } 

/* bulles d'infos */
a.bulle {
     position:relative;
     color:#396a86;
     text-decoration:none;
     font-family:"Trebuchet MS", verdana, sans-serif;
     text-align:center;
     font-size:11px;
   }
   
   a.bulle:hover {
      background: none;
      z-index: 50;
   }
   
   a.bulle span {
     display: none;
   }
   
   a.bulle:hover span {
      display: block;
      position: absolute;
      top: 10px;
      left: 40px;
      font-family:"Trebuchet MS", verdana, sans-serif;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      width:400px;
      background: white;
      padding: 5px;
      border: 1px solid #62c0f4;
   }
 
.leaflet-bar button,
.leaflet-bar button:hover {
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar button {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}

.leaflet-bar button:hover {
  background-color: #f4f4f4;
}

.leaflet-bar button:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar button:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar.disabled,
.leaflet-bar button.disabled {
  cursor: default;
  pointer-events: none;
  opacity: .4;
}

.leaflet-touch .leaflet-bar button {
  width: 30px;
  height: 30px;
  line-height: 30px;
}


.leaflet-ruler{
  height: 30px;
  width: 30px;
  background-image: url("images/ruler.png"); /* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */
  background-repeat: no-repeat;
  background-position: center;
}
.leaflet-ruler:hover{
  background-image: url("images/ruler-colored.png"); /* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */
}
.leaflet-ruler-clicked{
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/ruler-colored.png");
  border-color: chartreuse !important;
}
.leaflet-bar{
  background-color: #ffffff;
}
.leaflet-control {
  cursor: pointer;
}
.result-tooltip{
  background-color: white;
  border-width: medium;
  border-color: #de0000;
  /* font-size: smaller; */
}
.moving-tooltip{
  background-color: rgba(255, 255, 255, .7);
  background-clip: padding-box;
  opacity: 0.5;
  border: dotted;
  border-color: red;
  /* font-size: smaller; */
}
.plus-length{
  padding-left: 45px;
}