.div_haute{
 width: 100%;
 padding-top:2px;
 padding-bottom:2px;
 background-color:#FFFFFF;
 font-size:10px;
}
.div_basse{
 width: 100%;
 text-align: right;
 font-size:10px;
 padding-top:1px;
 padding-bottom:1px;
 background-color:#FFFFFF;
}

.table_map{
 border-spacing:0px 0px;
 border-collapse:collapse;
 padding-right: 0px; 
 padding-left:0px;
 padding-top: 0px;
 padding-bottom: 0px;
}

.div_exaedre_map{
 width:60vwff;
 height:90vh;
}

.div_exaedre_map_droite{
 width:37vw;
 height:90vh;
 border: 1px solid #000000;
 font-size:11px;
}

.coordonnee_latlonNSEW_NS, .coordonnee_latlonNSEW_EW, .coordonnee_latlon_lat, .coordonnee_latlon_lon, .coordonnee_EPSG3857_X, .coordonnee_EPSG3857_Y{
  padding-left: 5px;
 padding-right:5px;
}
.td_coordonnee_latlonNSEW, .td_coordonnee_latlon, .td_coordonnee_EPSG3857{
 border: 1px solid #000000;
 width : 33%;
 text-align: center;
 }

.table_de_droite{
 border: 1px solid #000000;
 border-spacing:0px 0px;
 border-collapse:collapse;
 padding-right: 0px; 
 padding-left:0px;
 padding-top: 0px;
 padding-bottom: 0px;
 width: 100%
}

.table_configuration_datas{
border: 1px solid #000000;
}

.table_de_droite_dates{
 border: 1px solid #000000;
 width: 100%;
}

.colonne_des_dates{
 text-align: left;
}

.colonne_des_layers{
 width: 75%; 
 /*height:75vh;*/
 border: 0px solid #00ff00;
 vertical-align: top;
}

.table_des_layers{
 border: 0px solid #ff0000;
 border-spacing:0px 0px;
 border-collapse:collapse;
 padding-right: 0px; 
 padding-left:0px;
 padding-top: 0px;
 padding-bottom: 0px;
 width: 100%; 
 vertical-align: top;
}

.cellule_layer{
 width: 100%; 
 vertical-align: top;
}

.div_colormap{
 width:15px;
 height:7px;
 display:inline;
 border: 1px solid #000000;
 padding-right: 8px; 
 padding-left:8px;
 vertical-align:middle;
 }

.div_une_donnee {
 border: 1px solid #000000;
 padding-right: 2px; 
 padding-left: 2px;
 padding-top: 2px;
 padding-bottom: 2px;
 vertical-align:middle;
}

.ol-popup_RDT {
 position: absolute;
 background-color: white;
 -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
 filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
 padding: 10px;
 border-radius: 10px;
 border: 1px solid #cccccc;
 bottom: 5px;
 left: -50px;
 min-width: 240px;
 font-size:10px;

}
.ol-popup_RDT:after, .ol-popup_RDT:before {
 top: 100%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}
.ol-popup_RDT:after {
 border-top-color: white;
 border-width: 10px;
 left: 48px;
 margin-left: -10px;
}
.ol-popup_RDT:before {
 border-top-color: #cccccc;
 border-width: 11px;
 left: 48px;
 margin-left: -11px;
}
.ol-popup-closer_RDT {
 text-decoration: none;
 position: absolute;
 top: 2px;
 right: 8px;
}
.ol-popup-closer_RDT:after {
 content: "✖";
}

.ol-popup-content-RDT {
 font-size:10px;
}	

.ol-popup-next_RDT {
 text-decoration: none;
 position: absolute;
 bottom: 2px;
 right: 8px;
}
.ol-popup-next_RDT:after {
 content: "->";
}

.ol-popup-prev_RDT {
 text-decoration: none;
 position: absolute;
 bottom: 2px;
 left: 8px;
}
.ol-popup-prev_RDT:after {
 content: "<-";
}

.boutons_dates
{
 font-size:11px;
}

.boutons_anim
{
 font-size:11px;
}

.select_dates
{
 font-size:11px;
}

.bouton_auto_dates
{
 font-size:11px;
 background-color:#FF9999;
}

.select_play_dates
{
 font-size:11px;
}

.boutons_play_dates
{
 font-size:11px;
}

.bouton_go_date
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
}

.bouton_heure, .bouton_minute, .input_date {
 font-size:11px;
}

.td_bouton_plus_moins {
 text-align: center;
}

.bouton_real_time_off, .bouton_animation_off
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
}

.bouton_real_time_on, .bouton_animation_on
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 background-color:#33FF33;
}

.caract_rdt_prev
{
 color: #ffbe00; 
}

.caract_rdt_ana
{
 color: black; 
}
.td_configuration {
 text-align: right;
 font-size:11px;
 color: black; 
}

.content_popup_static_kml {
 background-color:#ffffff;
 color: #000000; 
 font-size:11px;
 padding-right: 5px; 
 padding-left: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.content_popup_avion {
 background-color:#ffffff;
 color: #000000; 
 font-size:12px;
 padding-right: 5px; 
 padding-left: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}
.content_popup_mams {
 background-color:#ffffff;
 color: #000000; 
 font-size:12px;
 padding-right: 5px; 
 padding-left: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.content_popup_planetkml {
 background-color:#ffffff;
 color: #000000; 
 font-size:12px;
 padding-right: 5px; 
 padding-left: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.bouton_mesure_off
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
}

.bouton_mesure_on
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 background-color:#33FF33;
}

.bouton_graticules_off
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
}

.bouton_graticules_on
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 background-color:#33FF33;
}

.bouton_point_perso_off
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
}

.bouton_point_perso_on
{
 font-size:11px;
 padding-right: 0px; 
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 background-color:#33FF33;
}

.mesure_tooltip 
{
 position: relative;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 4px;
 color: white;
 padding: 4px 8px;
 opacity: 0.7;
 white-space: nowrap;
}

.mesure_tooltip-measure 
{
 opacity: 1;
 font-weight: bold;
}

.mesure_tooltip-static 
{
 background-color: #ffcc33;
 color: black;
 border: 1px solid white;
}

.mesure_tooltip-measure:before, .mesure_tooltip-static:before 
{
 border-top: 6px solid rgba(0, 0, 0, 0.5);
 border-right: 6px solid transparent;
 border-left: 6px solid transparent;
 content: "";
 position: absolute;
 bottom: -6px;
 margin-left: -7px;
 left: 50%;
}

.mesure_tooltip-static:before 
{
 border-top-color: #ffcc33;
}

.configuration_datas_txt
{
 font-size:10px;
}