/*========================================*/
/* Fichier avec commentaires (08/05/2019) */
/*========================================*/

/* COMMUNS */
a:link, a:visited, a:hover, a:active {color:white;text-decoration: none;}
#mon_iframe {border:2px solid #df07f800;}
.frme{height:900px;}

.page0
{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color:#e7171700;

}
/* carte */
.page
{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color:#00c7e200
}

/* Champs de saisie prefixe et Locator */
.pfx
{
position:relative;
top:0px;
left:0px;
background-color:rgb(255 255 255);
color:#000;
font-weight:700;
font-size:12px;
font-family:arial;
text-align:center;
border-radius:4px;
border-width:2px;
border-style:solid;
border-color:rgb(0 0 255 / 1);
width:80px;
text-transform:uppercase;
}

.new_pfx, .new_iota, .new_loc, .ch_dept_t
{
position:relative;
background-color:rgb(255 255 255);
color:#000;
font-weight:700;
font-size:16px;
font-family:arial;
text-align:center;
border-radius:4px;
border-width:2px;
border-style:solid;
border-color:rgb(3 3 3);
text-transform:uppercase;
}

.new_pfx
 {
top:15px;
left:10px; 
width:180px;
}

.new_iota
 {
top:10px;
left:-27px; 
width:80px;
 }

.new_loc
 {
top:0px;
left:125px; 
width:80px;
 }
 
.i_lat
    {

    position:relative;
    top:-2px;  
    left:-8px;
    }    
.i_lon
    {
    position:relative;
    top:-4px;  
    left:6px;
    }
.pref0, 
.listes_t, 
.iota_t,
.sit_loc, 
.ll0,
.zb, 
.par_py, 
.par_pr, 
.locator_org1,
.par_dept_t
{
font-family:Commissioner;
font-size:18px;
font-style:normal;
font-weight:100;
color:#ffffff;
text-align:left;
}

.par_dept_t
{
position:relative;
top:-0px;
left:5px;    
width:260px;
height:auto;
}

.cmd
{
position:absolute;
top:10px;
left:20px;
width:261px;
height:0px;
background-color:#e9db1e00;
border-radius:5px;
border-style:solid;
border-color:#79554800;
border-width:2px;
/*
transform:translate(-290px);
transition: 1000ms cubic-bezier(0.75, -0.35, 0, 1.49);
*/
z-index:900;
}
/**** BLOCS DU TABLEAU DE BORD ******/
.pref, 
.listes,
.iota,
.pt_locator, 
.lonlat,
.mouse, 
.locator_org,
.rev_on_off,
.itu_cq,
.par_dept,
.alarmes
{
position:absolute;    
left: -35px;
width:350px;
padding-top:3px;
border-radius:8px;
border-style:solid;
border-width:1px;
border-color:#000000;
background-color:#000000;
}

.itu_cq:hover{background:#00ff00;color:black}
.pref        {top: 345px;height: 255px;visibility:hidden;}
.listes      {top: 345px;height:80px;visibility:hidden;}
.iota        {top: 345px;height:120px;visibility:hidden;}
.pt_locator  {top: 345px;height:76px;visibility:hidden;}
.lonlat      {top: 345px;height:265px;visibility:hidden;}
.mouse       {top: 128px;height:40px;z-index:-1;}
.locator_org {top: 345px;height:65px;left:-35px;width=200px;visibility:hidden;}
.itu_cq      {top:1px;height:20px;color:white}
.rev_on_off  {top:26px;height:20px;}  
.par_dept    {top: 345px;height:165px;width:420px;visibility:hidden;} 
.alarmes     {top:52px;height:70px;}
/*********************************************/
.requetes
{
    position:relative;
    top:-23px;
    width:250px;
    font-family:arial;
    font-size:12px;
    background:aliceblue;
    border-radius:5px;
    visibility:hidden
}
.annuaires
    {
    position:relative;
    top:-22px;  
    left:-5px;    
    width:280px;    
    border-radius:3px;
    background:#ffffff;
    font-family:arial;
    font-size:17px;    
    }
.n_anfr, .n_ref, .n_cq, .n_ham
    {
    cursor:pointer;
    }
.n_anfr:hover, .n_ref:hover, .n_cq:hover, .n_ham:hover
    {
    background:#00ff00;
    }
.req_ham, .req_qrz {visibility:hidden;}
.view_dp
    {
    position:relative;
    top:-6px; 
    left:-50px;
    width:100px;   
    height:30px;
    background-color:#bebdbde6;
    font-family:arial;
    font-size:12px;
    border-radius:5px;
    }



.view_dp_t
    {
    position:relative;
    top:1px;
    left:-45px;    
    width:280px; 
    height:36px;  
    background-color:#f9f9f9;
    color:black;
    font-family:arial;
    font-size:14px;
    font-weight:700; 
    border-radius:3px;
    text-align:center;  
    }

.chk_vdp
    {
    position:relative;
    top:-28px;
    left:-80px;
    z-index:1;
    transform:scale(1.5)    
    }

.view_dp_i
    {
    position:relative;
    top:-39px; 
    left:-20px;
    width:235px;   
    background-color:#d81b6000;
    font-family:arial;
    font-size:17px;
    text-align:center;
    }

    
/*=== Bloc Liste deroulante */
.tri
{
position:relative;
top:-20px;
left:100px;
width:80px;
height:18px;
background-color:#ffeb3b00;
}

.parpy
    {
    position:relative;
    top:1px;
    left:-83px;
    width:130px;
    height:18px;
    }
    
.lr1
{
position:relative;
top:-25px;
left:-25px;
width:0px;
height:0px;
}

.lr2
{
position:relative;
top:-26px;
left:-25px;
width:0px;
height:0px;
}

.mys1,
.mys2,
.mys_iota_af,
.mys_iota_an,
.mys_iota_as,
.mys_iota_eu,
.mys_iota_na,
.mys_iota_oc,
.mys_iota_sa,
.mys_iota_x,
.mys_iota_af_c,
.mys_iota_an_c,
.mys_iota_as_c,
.mys_iota_eu_c,
.mys_iota_na_c,
.mys_iota_oc_c,
.mys_iota_sa_c,
.mys_iota_x_c
    {
    position:relative;
    width:300px;
    height:30px;
    border-radius:4px;
    border-style:solid;
    border-width:2px;
    border-color:rgb(0 0 255 / 1);
    color:rgb(0, 0, 0);
    font-size:20px;
    font-weight:100;
    font-family:monospace;
    background-color:rgb(255 255 255);
    }


.mys1
    {
    position:relative;
    top:6px;
    left:-120px;
    }

.mys2
    {
    position:relative;
    top:25px;
    left:-120px;
    }

.mys_iota_af
    {
    top:-2px;
    left:0px;
    z-index:1;
    }

.mys_iota_an
    {
    top:-32px;
    left:0px;
   z-index:1;
    }

.mys_iota_as
    {
    top:-62px;
    left:0px;
  z-index:1;
    }

.mys_iota_eu
    {
    top:-92px;
    left:0px;
  z-index:1;
    }

.mys_iota_na
    {
    top:-122px;
    left:0px;
  z-index:1;
    }

.mys_iota_oc
    {
    top:-152px;
    left:0px;
  z-index:1;
    }

.mys_iota_sa
    {
    top:-182px;
    left:0px;
   z-index:1;
    }
 
 .mys_iota_x
    {
    top:-172px;
    left:1000px;
   z-index:1;
   visibility:hidden;
    }  




.mys_iota_af_c
    {
    top:-4px;
    left:0px;
    }

.mys_iota_an_c
    {
    top:-34px;
    left:0px;
    }

.mys_iota_as_c
    {
    top:-64px;
    left:0px;
    }

.mys_iota_eu_c
    {
    top:-94px;
    left:0px;
    }

.mys_iota_na_c
    {
    top:-124px;
    left:0px;
    }

.mys_iota_oc_c
    {
    top:-154px;
    left:0px;
    }

.mys_iota_sa_c
    {
    top:-184px;
    left:0px;
    }
 
 .mys_iota_x_c
    {
    top:-172px;
    left:1000px;
    visibility:hidden;
    }     
     
 
    
/*=== Bandeau superieur COMPLET */
.info_qrz
    {
    position:relative;
    display:inline-block;
    padding:3px;
    top:0px;
    left:-27px;
    height:52px; 
    width:266px;   
    background-color:#03ff0599;
    font-size:12px;
    font-family:arial;
    border-radius:5px;
    visibility:hidden;
    }

.infos_om, .stn_dept
    {
    position:absolute;  
    padding:3px;    
    height:22px; 
    display:block;
    background-color:#795548;
    color:#ffffff;
    font-size:18px;
    font-family:arial;
    font-style:italic;
    border-radius:5px;
    padding-left:10px;
    padding-right:20px;
    padding-bottom:6px;
    z-index:995;
    width:max-contents;
    visibility:hidden; 
    }

.infos_om {top:8px;left:210px;min-width:480px;}
.stn_dept {top:42px;left:410px;font-size:15px; width:max-content;}

.x2000
    {
    top:-60px;
    left:-20px;    
    position:absolute;  
    height:12px; 
    width:max-content;    
    background-color:#0928cf;
    color:#ffffff;
    font-size:13px;
    font-family:arial;
    font-style:italic;
    border-radius:5px;
    padding-left:10px;
    padding-right:20px;
    padding-top:2px;
    padding-bottom:5px;  
    visibility:hidden; 
    }

.x3000
    {
    top:-64px;
    left:0px;    
    position:absolute;  
    height:12px; 
    background-color:#0928cf;
    color:#ffffff;
    font-size:13px;
    font-family:arial;
    font-style:italic;
    border-radius:5px;
    padding-left:10px;
    padding-right:20px;
    padding-top:2px;
    padding-bottom:5px;  
    visibility:hidden; 
    }
.pasaj{font-size:12px;padding-top:4px;padding-left:5px;}
.infos_oms:hover .x2000 {visibility:visible;}
.h_q0:hover .x3000 {visibility:visible;}
.h_q1:hover .x3000 {visibility:visible;}

.ercall
    {
    position:relative;
    top:-20px;
    left:56px;
    width:20px;
    border-radius:5px;
    color:white;
    background-color:red;
    font-size:17px;
    font-family:arial;
    font-weight:bold;
    font-style:normal;
    visibility:hidden;
    }

.iota_ref
    {
    position:relative;        
    top:-5px;
    left:0px;
    background-color:#7fffd400;
        height:0px;
    }
 
 .iota_cnt
    {
    position:relative;        
    top:-3px;
    left:0px;
        height:0px;
    background-color:#e91e63de
    }
       
.bp_iota
    {
    position:relative;        
    top:-8px;
    left:-4px;
    width:275px;
    height:25px;
    background-color:rgb(0 255 0 / 0%);
    }

.bp_io1,
.bp_io2,
.bp_io3,
.bp_io4,
.bp_io5,
.bp_io6,
.bp_io7,
.bp_io8
    {
    font-size:15px;
    font-weight:500;
    text-align:center;
    width:35px;
    background-color:#9f9f9f8f;
    border-radius:5px;
    border-width:2px;
    border-color:white;
    cursor:pointer;
    }

.bp_tri
    {
    position:relative;    
    top:-5px;
    left:-5px;
    width:220px;
    height:20px;       
    }    
.bp_io8
    {
    position:relative;    
    top:-40px;
    left:80px;   
    width:170px;
    height:25px;
    font-size:12px;
    z-index:1;
    background-color:rgb(216 211 211);
    color:#000000;
    border-width:2px;
    border-color:#080808; 
    font-size:18px;
    }

.bp_io8:hover{background-color:rgb(0 255 0 / 1);color:black;}        
.in_iota
    {
    position:relative;
    width:270px;
    height:28px;
    left:-80px;
    background-color:#0000ff00;
    }

.fmtiota
    {
    position:relative;
    top:-33px;
    left:95px;
    width:130px;
    border-radius:5px;
    color:white;
    background-color:#565454;
    font-size:15px;
    font-family:arial;
    padding:1px;
    }
.eriota
    {
    position:relative;
    top:-21px;
    left:56px;
    width:22px;
    height:22px;
    border-radius:5px;
    color:white;
    background-color:red;
    font-size:17px;
    font-family:arial;
    font-weight:bold;
    z-index:1;
    visibility:hidden;
    }




.itu_cq
{
    font-size:16px;
    font-family:Commissioner;
    cursor:pointer;
}

/* Bloc quitter */
.quitter
{
    position:absolute;
    top:15px;
    right:1.5%;
    width:90px;
    height:25px;
    background-color:#03030300;
    z-index:999;
}
.quittery
{
    position:relative;
    top:0px;
    left:-30px;
    width:85px;
    background-color:#000000f7;
    font-family:Commissioner;
    font-style:italic;
    text-align:center;
    font-size:15px;
    color:#ffffff; 
    cursor:none; 
    border-radius:5px;
}

/* Titre Situer une contree */
.pref0
{
position:relative;
top:-1px;
left:5px;
width:280px;
height:43px;

}

.listes_t
{
position:relative;
top:3px;
left:5px;
width:280px;
height:43px;    
}
   
    

/* Champ de saisie prefixe */
.in_pfx
{
position:relative;
top:-27px;
left:-85px;    
width:140px;
height:23px;
padding-top:0px;
color:#000000;
border-radius:10px;
font-family:cursive;
font-size:14px;
font-style:italic;
font-weight:200;
background-color:#0000ff00;
}

.sep_hr {position:relative;top:4px;left:1px;;width:280px;height:2}
.ll0 {position:relative;top:-2px;left:15px;}
.ll0_d
    {
    position:relative;
    top:-0px;
    left:-25px;
    font-size:18px;   
    font-family:Commissioner;
    color:#ffffff; 
    }

.ll0_s
{
    position:relative;
    top:-3px;
    left:-0px;
    font-family:Commissioner;
    font-size:18px;
    color:#ffffff
}

.ll01
{
    font-size:16px;
    font-weight:800;
    color:#000000;
}

.pfx i_lon
{
    font-size:20px;
}
.in_lon, .in_lat
    {
    position:relative;
    width:100px;
    }
.in_lon
    {
    top:1px;
    left:6px; 
     }
.in_lat
    {
    top:-25px;
    left:-85px; 
}
.pfx_i_lon, .pfx_i_lat {font-size:18px}
.pfx_i_lon {position:relative;top:-7px;left:18px}
.pfx_i_lat {position:relative;top:-7px;left:0px}

.ilat_s
   {
    position:relative;
   top:0px;
   left:0px;    
    width:340px;
    font-size:18px;
 color:cyan;
    }
.ilon_s
   {
    position:relative;
   top:0px;
   left:0px;    
    width:340px;
    font-size:18px;
 color:cyan;
    }

.sep_hr1 {position:relative;top:-20px;left:1px;;width:280px;height:2}
/*  Pave 3 icones bas du menu */
.mail,
.info,
.img,
.world
    {
    position:relative;
    width:10px;
    font-size:25px;
    color:#00ff00;
    cursor:pointer;    
    }

.mail
{
    top:3px;
    left: -120px;
}

.info
{
    top:-51px;
    left: -75px;
    visibility:hidden;
}

.img
    {
    top:-107px;
    left: -60px;
    height:10px;
    }
  
.world
{
    top:-116px;
    left: -70px;
}

.i_info,
.i_img,
.i_world,
.i_mail
    {
    position:relative;
    width:max-content;
    height:18px;
    padding:4px;
    border-radius:5px;
    background-color:#0127ff;
    color:#ffffff;
    font-size:14px;
    font-family:arial;
    visibility:hidden;
    z-index:1;    
    }

.info:hover,
.img:hover,

.i_info
    {
    top:10px;
    left:-8px;
    z-index:1;
    }
.info:hover .i_info
{visibility:visible;} 

.i_mail
    {
    top:10px;
    left:-8px;
    z-index:1;
    font-size:18px;
    font-family:Commissioner    
    }
.mail:hover .i_mail
{visibility:visible;} 

.i_img
    {
    top:12px;
    left:-40px;
    } 
.img{visibility:hidden;}    
.img:hover .i_img
{visibility:visible;}
.i_world
    {
    top:12px;
    left:-55px;
    font-family:Commissioner;
        font-size:18px
    } 
.world:hover .i_world
{visibility:visible;}  
  
.win_world
{
position:relative;
top:140px;
left:-37.5%;;
width:280px;
height:470px;
background-color:#000000;
border-radius:5px;
border-style:solid;
border-width:1px;
border-color:rgb(0 0 0);
visibility:hidden;
z-index:992;
font-family:Commissioner;    
}
.win_world_titre
{
position:relative;
top:4px;
left:70px;
width:300px;
height:15px;
background-color:#f0f8ff00;    
font-size:19px;

font-style:normal;
font-weight:500;
color:rgb(255 255 255);
}
.win_world_cmd
{
position:relative;
top:-15px;
left:10px;
width:260px;
height:180px;
background-color:#41f18900;    
}

.win_world_adr
{
position:relative;
top:10px;
left:10px;
width:220px;
height:20px;
background-color:#edf14100;    
}
.win_adr
{
position:relative;
left:14px;
width:200px;  
color:black;  
font-size:18px    
}
.win_world_zip
{
position:relative;
top:-7px;
left:70px;
width:220px;
height:20px;
background-color:#ffeb3b00;    
}
.win_zip
{
position:relative;
left:-62px; 
font-weight:bold;   
}
.win_world_city
{
position:relative;
top:35px;
left:10px;
width:220px;
height:20px;
background-color:#edf14100;    
}
.win_city
{
position:relative;
left:0px;    
width:200px;
font-weight:bold;

}
.win_world_country
{
position:relative;
top:17px;
left:10px;
width:220px;
height:20px;
background-color:#ffeb3b00;    
}
.win_count
{
position:relative;
left:-0px;    
width:200px;
font-weight:bold;
}
.win_world_bp
{
position:relative;
top:115px;
left:10px;
width:50px;
height:20px;
background-color:#ff572200;  
}

.iota_t
{
position:relative;
top:4px;
left:10px;
width:320px;
height:18px;
}

   
.win_adr, .win_city, .win_zip, .win_count
{border-radius:5px}
.quit_qqt
    {
    background-color:#e9202000;
    padding:0px 0px 0px 70px;
    color:#ffffff;
    cursor:pointer;
    }
.qqt
{
    position:relative;
    top:25px;
    left:0px;
    background-color:#9c27b000; 
    width:260px;
    height:185px;
    background-color:#000000;
    border-radius:5px;
    visibility:hidden;
    z-index:1;
}
.qqt0
{
    position:relative;
    top:-0px;
    background-color:#e2141400; 
    left:10px;
    height:23px;
    width:260px;
    font-size:13px;   
    font-family:Commissioner;
    color:aliceblue;
    border-radius:5px;
    font-size:18px;

}

.qqt1,
.qqt2, 
.qqt3, 
.qqt4, 
.qqt5, 
.qqt6,
.qqt7,
.qqt8,
.qqt9
{
    position:relative;
    background-color:#5f3f33; 
    color:aliceblue;
    width:244px;
    height:26px;
    font-size:13px;   
    font-family:Commissioner;
    font-size:18px;
    border-radius:3px;
    padding-left:8px;
    cursor:pointer; 
    left:3px;   
}

.qqt1{top:0px;}
.qqt2{top:1px;}
.qqt3{top:2px;}
.qqt4{top:3px;}
.qqt5{top:4px;}
.qqt6{top:5px;}
.qqt7{top:6px;}
.qqt8{top:6px;}
.qqt9{top:6px;}

.info_name
{
position:relative;
top:1px;
left:18px;
width:220px;
height:21px;
background-color:rgba(255, 0, 0, 1);   
font-size:14px;
font-family:arial;
 
color:white;
border-radius:3px;
text-align:center;    
}

/*=========================================*/
/* Bloc Situer un Locator */
/* Titre Situer un Locator */
.sit_loc
{
position:relative;
top:-2px;
left:-45px;
width:220px;
height:18px;
}

/* Champ saisie Locator */
.in_loc
{
position:relative;
top:5px;
left:-227px;
width:10px;
height:10px;
padding-top:4px;
color:black;
border-radius:10px;
font-family:cursive;
font-size:14px;
font-style:italic;
font-weight:bold;
}


/* Premiere ligne d'infos */
.resu
{
position:relative;
top:-7px;
left:-170px;
width:740px;
height:21px;
background-color:#1201fb;
color:white;
font-family:monospace;
font-size:16px;
border-radius:6px;
}

/* Seconde ligne d'infos */

.reverse
    {
    position:absolute;
    top:130px;
    left:35%;
    width:60%;
    height:auto;
    max-width:1000px;
    background-color:#ffeb3b00;
    border-radius:5px;
    visibility:hidden;
    z-index:999;
    }

.locator
{
position:absolute;
top:6px;
left:270px;
display:block;
width:auto;
max-width:95%;
max-height:30px;    
overflow:hidden;    
height:fit-content;
text-align:center;
background-color:#000000;
color:yellow;
font-family:Commissioner;
font-size:25px;
font-weight:100;
font-style:italic;    
border-radius:6px;
border-style:solid;
border-width:3px;
border-color:#000000;
padding:3px 20px 6px 20px;
z-index:996;
visibility:hidden;
}
.geopos
    {
    height:0px;
    padding:5px;
    background-color:black;    
    color:rgb(255 255 255);
    visibility:hidden;    
    }
.reverse_bp
    {
    position:absolute;
    left:0px;
    top:0px;
    width:140px;
    height:52px;
    padding:3px;
    border-radius:0px 8px 8px 0px;
    background-color:#607d8b00;
    }

.bp_reverse
    {
    position:relative;
    left:0px;
    top:2px;
    width:120px;
    border-radius:8px;
    cursor:pointer;
    }

.bp_geopos
    {
    position:relative;
    left:5px;
    top:5px;
    width:120px;
    border-radius:8px;
    cursor:pointer;
    visibility:hidden;
    }
        
.td0{background-color:white;color:#000000;}
.td1{padding-right:15px;}
.td2{padding-left:15px;}

.td_err
    {
    background-color:red;
    color:white;
    font-size:14px;
    }
.county{font-size:15px;font-weight:bold;color:#795548;}
.state{font-size:15px;font-weight:bold;color:#157016;}
.cntry{font-size:15px;font-weight:bold;color:#795548;}
.prec{font-size:12px;font-weight:100;color:#020202;}

/* Locator lui meme */
.val_loc
{
position:relative;
top:-18px;
left:155px;
width:65px;
height:19px;
background-color:#1201fbc9;
color:white;
font-family:monospace;
font-size:16px;
border-radius:6px;
}



/* Titre Locator de depart */ 
.locator_org1
{
position:relative;
top:1px;
left:-10px;
width:170px;
height:23px;
color:#f2f2f4;
}

/* Affichage du locator lui meme */
.locator_org2
{
position:relative;
top:-02px;
left:-60px;
width:124px;
height:23px;
color:#157016;
font-family:sans-serif;
font-size:25px;
font-weight:900;
font-style:italic;
text-shadow: 1px 1px 2px #f4f4f4, 0 0 1em #FBC02D, 0 0 0.2em blue;
color: #d8d6d5;

}

/* Bouton demande de shangement de locator */
.locator_org3
{
position:relative;
top:-25px;
left:85px;
width:124px;
height:23px;
}

/* Boutons */
.bp,
.bp1, 
.bp_lon_lat,
.bp_ll,
.bp_ll1,
.bp_ll2,
.bpvalid,
.win_bp1,
.win_bp2,
.win_bp,
.bp_parpy,
.bp_tester
    {
    position:relative;    
    cursor:pointer;  
    font-size:18px; 
    height:30px;
    font-weight:100;  
    border-radius:4px 4px 4px 4px;
    border-style:solid;    
    border-width:4px 0px 0px 4px; 
    border-color:#ffffff;
    background-color:rgb(167 167 174); 
    color:black;   
    }


.bp_parpy{font-size:18px;font-weight:100;left:40px;top:3px;width:120px;background:#c0bdbd;color:#000000}
.bp:hover,
.bp1:hover, 
.bp_ll:hover,
.bp_ll1:hover,
.bp_ll2:hover,
.bpvalid:hover,
.win_bp:hover,
.win_bp1:hover,
.win_bp2:hover,
.bp_parpy:hover,
.bp_tester:hover
    {background-color:rgba(0, 255, 0, 1);color:black;}

.bp {width:110px;left:-15px;}
.bp_lon_lat{top:-36px;left:-110px;width:0px;height:0px}


.bp_12{top:4px;visibility:hidden;}

.bp_ll{width:36px;left:187px;top:-29px;}
.bp_ll1{left:178px;top:-35px;width:80px;height:30px;font-weight:bold}
.bp_ll2{left:210px;top:-55px;width:60px;height:26px;font-weight:bold}
.bp1{width:110px;}
.bpvalid{top:-18px;left:-15px;width:150px;background-color:#cdc1c1;color:black}

.win_bp1{top:20px;left:-100px;width:80px;}
.win_bp{top:20px;left:112px;width:120px;}
.win_bp2{top:23px;left:22px;width:210px;}

/* Bloc saisie nouveau locator */
.inloc
{
position:relative;
top:-72px;
left:-1px;
width:308px;
height:63px;
background-color:#EEEEEE;
border-radius:6px;
border-color:brown;
border-style:solid;
border-width:2px;
visibility:hidden;
z-index:1;
}
.inloc_t
{
position:relative;
top:2px;
left:-40px;
width:350px;
height:px;
font-size:19px;
font-family:arial;
color:black;

}
.bpx1
{border-radius:9px;width:180px;cursor:pointer;font-size:20px;}
.bpx1:hover
{background-color:rgba(0, 255, 0, 1);}

/* Champ de saisie npuveau locator de depart */
.iloc
{
position:relative;
top:-20px;
left:4px;
font-size:20px;    
}

.iframe
{
position:absolute;
top:10px;
left:0px;
height:100px;
width:980px;
/*visibility:hidden;*/
background-color:#0000ff00;
}

}
.test
{
position:relative;
top:10px;
left:-10px;
width:420px;
height:26px;
padding-top:4px;
background-color:#CDDC39;
border-radius:10px;

}


.debug
{
position:fixed;
top:720px;
left:220px;
width:1080px;
height:25px;
padding:10px;
background-color:#CDDC39;
z-index:1;
visibility:hidden;
}

.rb
{
position:relative;
top:-30px;
left:80px;
width:165px;
height:58px;
padding-top:8px;
background-color:#00097c;
border-radius:10px;
}

.rb2, .rb4, .rb6
{
width:20px;
height:10px;
left:-45px;
background-color:#ff980000;
}
.rb2 {position:relative;top:-4px;}
.rb4 {position:relative;top:3px;}
.rb6 {position:relative;top:11px;}

.nrb2, .nrb4, .nrb6
{
position:relative;
top:-17px;
left:25px;
width:130px;
height:18px;
text-align:left;
background-color:#ffffff00;
font-size:18px;
font-family:Commissioner;
font-weight:400;
color:#ffffff;
}
.nrb2 {top:-22px;}
.nrb4 {top:-20px;}
.nrb6 {top:-18px;}

.nrb2_2 {position:relative;top:-18px;}
.nrb2_4 {position:relative;top:-18px;}
.nrb2_6 {position:relative;top:-px;}
.help
{
position:absolute;
top:150px;
margin-left:auto;
margin-right:auto;
left:38%;
width:905px;
height:500px;
background-color:#ffffff;
border-radius:8px;
color:coral;
overflow:auto;
visibility:hidden;
cursor:move;
z-index:999;
}

.help_bas
{
position:absolute;
top:150px;
margin-left:auto;
margin-right:auto;
left:38%;
width:900px;
height:500px;
background-color:#ffffff;
border-radius:8px;
visibility:hidden;
z-index:992;
cursor:move;    
border-style:solid;
}

.t_help
{
position:relative;
top:0px;
left:0px;
height:25px;
background-color:#090909;
font-family:Commissioner;
font-style:italic;
font-size:18px;
color:rgb(255 255 255);
font-weight:bold;
text-align:center;
}
.t_infos
{
position:relative;
top:-0px;
left:-0px;
width:815px;
max-height:390px;
overflow:auto;  
background-color:#8bc34a00;
text-align:left;
font-family:Commissioner;
font-size:17px;
color:#000000;
padding-left:20px;
}

.upload
{
position:relative;
top:-1080px;
left:130px;
width:456px;
height:345px;
background-color:#3f3b3b;
border-radius:8px;
visibility:hidden;
cursor:move;
z-index:992;
}
.upload_t
{
position:relative;
top:1px;
left:10px;
width:230px;
height:20px;
background-color:#cddc3900;
font-family:arial;
font-size:16px;
color:#ffffff;
border-radius:8px;
cursor:none;
}

.cookieinfo
    {
    visibility:hidden;
    }


.quit:hover {border-radius:5px 5px 0px 0px; }
.quit:hover .msg_quit {visibility:visible;}
.msg_quit
    {
    position:relative;
    top:2px;
    left:-70px;
    text-align:center;
    background-color:#f4ff00;
    color:black;
    width:85px;
    height:18px;
    padding-top:2px;
    font-family:arial;
    font-weight:100;
    font-size:13px;
    border-radius:5px 0px 5px 5px;  
    visibility:hidden;
    }

.quit
{
    color:#4CAF50;
    position:relative;
    left:-0px;
    top:-25px;
    background-color:#f9f3f3;
    width:20px;
    height:24px;
    font-family:Commissioner;
    font-size:20px;
    cursor:pointer;
    padding-top:0px;
}

.quit_r
{
    color:#ffffff;
    position:relative;
    left:427px;
    top:-25px;
    background-color:#000000;
    width:20px;
    height:24px;
    font-family:Commissioner;
    font-size:19px;
    cursor:pointer;
    padding-top:0px;
}

.quit_g
{
    color:#ffffff;
    position:relative;
    left:877px;
    top:-25px;
    background-color:#000000;
    width:20px;
    height:24px;
    font-family:Commissioner;
    font-size:19px;
    cursor:pointer;
    padding-top:0px;
}

.quit_sp1 {top:-22px;width:15px;left:80px;padding-left:5px;}
.quit_sp2 {top:-9px;left:117px;}
.quit_sp3 {top:-10px;left:250px;padding-left:5px;}

.quit_sp4 {top:-24px;left:710px;padding-left:5px;}

.quit_sp5 {top:10px;left:410px;padding-left:5px;}
.quit_sp6 
    {
    top:-1px; 
    left:530px;
    padding-left:6px;
    font-size:12px;
    width:15px;
    height:15px;
    }

.info_qsl
{
    position:relative;
    top:-25px;
    left:40px;
    background-color:rgba(0, 255, 0, 0);
    width:70px;
    height:20px;
    visibility:hidden;
}
.bqsl
{
    position:relative;
    top:1px;
    left:-100px;
    background-color:rgba(0, 255, 0, 0);
    border-radius:6px;
    width:170px;
    font-family:monospace;
    font-size:16px;
    font-weight:bold;

}
.byqsl
{
    position:relative;
    top:-36px;
    left:38px;
    width:160px;
    background-color:rgba(233, 255, 0, 0);
    font-family:monospace;
    font-size:14px;
    font-weight:300;    

 
}
.chk
{
    position:relative;
    top:-17px;
    left:-4px;
    background-color:rgba(255, 0, 64, 0);
    border-radius:6px;
    width:20px;
    height:20px;
    font-family:monospace;
    font-size:10px;
    font-weight:100;
    cursor:pointer;
}
.chkb
{
    cursor:pointer;
    transform:scale(1.5);
}

/* customize look of leaflet zoom controls */
.leaflet-bar{
  box-shadow: none;
  
}
.leaflet-control-zoom a{
  box-shadow: 0 1px 5px rgba(0,0,0,0.65); 

}
.leaflet-bar a{
  border-radius: 1px;
  background-color: rgba(0, 255, 0, 0.65);
  border: 1px solid rgba(0,0,0,.15);
  color: #795548;

}
.leaflet-bar a:last-child{
  border: 1px solid rgba(0,0,0,.15);

}
.leaflet-bar a:hover{
  background-color: rgba(0, 255, 0, 1);
  border: 1px solid rgba(0,0,0,.15);
  color: #002244;

}
.leaflet-control-zoom-in{
  margin-top: 0px;

}
.leaflet-control-zoom-out
{
  margin-top: 0px;

}
.lst_file
{
    position:relative;
    top:5px;
    left:10px;
    background-color:#f4f4f4;
    border-radius:6px;
    width:430px;
    height:240px;
}
.BP_lst
{
    position:relative;
    top:-26px;
    left:310px;   
}
.BP_lst1
{
position:relative;
left:10px;    
border-radius:10px  
}

.name_fic
{
    position:relative;
    top:-16px;
    left:60px; 
    width:300px;
    height:45px;  
    background-color:#ffeb3b00;
    font-family:arial;
    font-size:14px;
}
.champ_file
{
    position:relative;
    left:-10px;
    background-color:#ffff02;
    width:200px;
}
.tracer
{
    position:relative;
    top:-40px;
    left:165px; 
    width:100px;  

}

.rep
{
    position:relative;
    top:-37px;
    left:10px;
    background-color:rgba(220, 232, 222, 0.97);
    width:420px;
    height:200px;
    font-family:monospace;
    font-size:15px;
    overflow:auto;
}
.ligne1
{
    background-color:#4a1502;
    color:white;
    font-size:15px;
}
.ligne2
{
    background-color:#fafafa;
    color:black;
    font-size:13px;
}
.num_fic
{
    font-size:15px;
    font-weight:bold;
    width:15px;
}
.num_fic:hover
{
background-color:rgba(0, 255, 0, 1);
font-size:20px;
}
.pf
{
    background-color:#0e44ea;
    color:#fffbfb;
    font-weight:900;
    font-size:20px;
    padding-left:10px;
    padding-right:10px;
    border-radius:8px;
}

.pf_a
{
    font-weight:900;
    font-size:24px;
    padding-left:10px;
    padding-right:15px;
    border-radius:8px;
    color:#fdfdfd;
    background-color:rgba(0, 0, 255, 1);
}

.pf_b
{
    font-weight:100;
    font-size:13px;
    font-style:normal;
    padding-left:10px;
    padding-right:15px;
    color:#000000;
}
.pf_bl
{
    font-weight:normal;
    font-size:10px;
    font-style:normal;
    color:#000000;
    cursor:pointer;
}
.pf_bl:hover
    {
    background-color:rgba(0, 255, 0, 1);
    }
.piota
    {
    margin:2px;
    border-radius:5px;    
    background-color:rgb(0 150 76);
    color:white;    
    font-size:16px;
    }    
.err_qrz 
   {
    position:absolute;
    top:2%;
    left:33%;
    width:550px;
    height:43px;
    border-radius:8px;
    border-style:solid;
    border-width:2px;
    border-color:black;
    box-shadow:4px 4px 2px 1px rgba(0, 0, 0, 0.48);
    background-color:rgb(255 0 0 / 1);
    color:black;
    visibility:hidden;
    z-index:999
     }



.err_qrz_t
    {
    position:absolute;
    top:0px;
    left:5px;
    width:500px;
    text-align:center;
    font-size:13px;
    font-family:arial;
    font-weight:bold;
    color:#fbfbfb;
    background-color:#9e9e9e00;
    }

    
.open_adif
    {
    position:relative;
    top:-170px;
    left:78px;
    width:110px;
    background-color:#7fffd400;
    transform:scale(1)
    }

.inlola
    {
    position:relative;
    top:-47px;
    left:-342px;
    padding:5px;
    background-color:#000000;
    width:110px;
    height:38px;
    border-radius:5px;
    color:black;
    font-size:15px;
    font-family:arial;
    font-weight:bold;
    padding-top:3px;
    cursor:pointer;
    visibility:hidden;
    } 
.lola1 
   {
    position:relative;
    top:-3px;
    left:-12px;
    background-color:#f4433600;
    width:140px;
    height:20px;
    } 
.lola2
   {
    position:relative;
    top:2px;
    left:0px;
    background-color:#2196f300;
    width:110px;
    height:20px;
    } 
.lola3
   {
    position:relative;
    top:7px;
    left:8px;
    background-color:#9E9E9E;
    width:110px;
    height:20px;
    }     
.bps
{
    width:120px;
    border-radius:9px;
    font-weight:bold;
    cursor:pointer;
}

.choix_loc
{
    width:100px;
    border-radius:5px;  
    font-size:15px;
    font-weight:bold; 
}
.iframe
   {
    position:relative;
    top:-1708px;
    left:652px;
    width:188px;
    height:750px;
    visibility:hidden;
    background-color:rgba(0, 0, 255, 1);
    border-radius:5px;
    border-color:white;
    border-style:solid;
    border-width:1px;
    cursor:move;
    }

.iframe_t
   {
    position:relative;
    top:1px;
    left:80px;
    width:20px;
    background-color:#f9f700ed;
    font-family:arial;
    font-weight:bold;
    font-size:15px;
    cursor:pointer;
    border-radius:5px; 
    }
.iframe_f
   {
    position:relative;
    top:1px;
    left:-0px;
   }

.zooms_w
    {
    position:relative;
    background-color:#5c5c5c;
    top:10px;
    left:25px;
    width:200px;
    height:30px;
    border-color:#878b8b;
    border-style:solid;
    border-radius:5px;
    }            

.zp_w, .back_w, .zm_w
    {
    position:relative;    
    margin-left:auto;
    width:36px;
    height:25px;
	color:rgba(0, 255, 0, 1);
    cursor:pointer;
    background-color:#9d9d6600;
    font-size:26px;
    }

.zp_w   {top:1px;  left:-112px;}
.back_w {top:-24px;left:-78px;} 
.zm_w   {top:-49px;left:-40px;}

.zp_w:hover .zone_w {visibility:visible;}
.zm_w:hover .zone2_w {visibility:visible;}
.back_w:hover .zone1_w {visibility:visible;}

.zone_w,
.zone1_w,
.zone2_w
    {
    position:relative;	        
    background-color:#3eecf7;  
    text-align:center;
    visibility:hidden;
    height:19px; 
    width:210px;
    font-family:Commissioner;
    color:#000000;
    border-radius:4px;   
    padding-top:0px;
    padding-bottom:2px;    
	font-size:16px; 
    top:-65px;
    text-align:center;    
    }
.zone_w  {left:-59px;}
.zone1_w {left:-92px;}
.zone2_w {left:-130px;}    

.msg_iss
    {
    width:fit-content; 
    text-align:center;   
    padding-left:8px;
    padding-right:8px;
    background-color:#e4e4e499;
    border-radius:8px;
    }  

 .iss_l0
    {
    font-size:14px; 
    color:rgb(255, 7, 0);
    }                       

.iss_l1
    {
    font-size:16px; 
    color:blue;
    } 

.iss_l2
    {
    font-size:14px; 
    color:brown;
    } 
.cmd_effacer                      
    {
    position:absolute;
    top:137px;
    left:9px;
    width:152px;
    height:433px;
    background-color:black;
    border-radius:8px;
    z-index:999;
    opacity:0.2;    
    }
.cmd_effacer:hover{opacity:1}

.bp_voir, .bp_voir_l
    {
    position:relative;
    top:-3px;
    left:2px;    
    width:110px;
    height:30px;
    border-style:solid;
    border-radius:2px;
    border-width:3px 2px 0px 3px; 
    border-color:#f0f0f0;    
    cursor:pointer;
    font-size:19px;
    font-weight:bold;
    font-family:Commissioner;    
    color:black;
    background-color:#a2ada3;
    }
.bp_voir_l{font-size:17px}


.bp_voir:hover {background: #00ff00;}
.bp_voir_l:hover {background: #00ff00;}

.chk_qso, .chk_qsor
    {
    position:absolute;
    top:27px;
    left:117px;
    width:28px;
    height:28px;
    }
.chk_qsor {visibility:hidden;}

.chk_dx, .chk_dxr
    {
    position:absolute;
    top:59px;
    left:117px;
    width:30px;
    height:30px;
    }
.chk_dxr {visibility:hidden;}

.chk_loc, .chk_locr
    {
    position:absolute;
    top:89px;
    left:117px;
    width:28px;
    height:28px;
    }
.chk_locr {visibility:hidden;}

.chk_iot, .chk_iotr
    {
    position:absolute;
    top:119px;
    left:117px;
    width:28px;
    height:28px;
    }
.chk_iotr {visibility:hidden;}

.chk_dp, .chk_dpr
    {
    position:absolute;
    top:149px;
    left:117px;
    width:28px;
    height:28px;
    }
.chk_dpr {visibility:hidden;}

.bp_cls
    {
    position:relative;
    top:190px;
    left:00px;    
    width:145px;
    height:30px;
    border-style:solid;
    border-radius:2px;
    border-width:0px 0px 0px 0px; 
    border-color:#f0f0f0;    
    cursor:pointer;
    font-size:19px;
    font-weight:bold;
    font-family:Commissioner;    
    color:black;
    background-color:#0b0b0b;
    }
.bloc_e
    {
    position:relative;
    top:-1px;
    left:2px;    
    width:85px;
    height:30px;
    border-radius:6px 6px 0px 0px; 
    font-size:19px;
    font-weight:bold;
    font-family:Commissioner;    
    color:#ffffff;
    text-align:center;    
    background-color:black;
    cursor:move;
    }

.bloc_v
    {
    position:relative;
    top:-0px;
    left:5px;   
    width:130px;
    height:30px;
    border-radius:0px 0px 0px 0px;  
    font-size:19px;
    font-weight:bold;
    font-family:Commissioner;    
    color:#ffffff;
    text-align:left;    
    background-color:black;
    cursor:move;
    }

.bp_onoff
    {
    position:relative;
    top:-25px;
    left:00px;    
    width:145px;
    height:30px;
    border-style:solid;
    border-radius:2px;
    border-width:0px 0px 0px 0px; 
    border-color:#f0f0f0;    
    cursor:pointer;
    font-size:19px;
    font-weight:bold;
    font-family:Commissioner;    
    color:black;
    background-color:#000000;
    }

.bp_effacer, .bp_effacer_l
    {
    position:relative;
    top:-4px;
    left:2px;    
    width:112px;
    height:30px;
    border-style:solid;
    border-radius:2px;
    border-width:3px 2px 0px 3px; 
    border-color:#f0f0f0;    
    cursor:pointer;
    font-size:19px;
    font-weight:bold;
    font-family:Commissioner;    
    color:black;
    background-color:#a2ada3;
    }


.bp_fermer
    {
    position:relative;
    top:420px;
    left:2px;    
    width:145px;
    height:30px;
    border-style:solid;
    border-radius:2px;
    border-width:3px 0px 0px 3px; 
    border-color:#f0f0f0;    
    cursor:pointer;
    font-size:19px;
    font-weight:bold;
    font-family:Commissioner;    
    color:black;
    background-color:#a2ada3;
    }

.bp_effacer:hover {background: #00ff00;}
.bp_effacer_l:hover {background: #00ff00;}

.check_rev
    {
    position:relative;
    top:-2px;    
    left:-148px;
    background-color:aliceblue;
    border-radius:6px;
    cursor:pointer;
    z-index:999;
    }
.cmt_rev
    {
    position:relative;
    top:-24px;    
    left:-5px;
    height:22px;
    font-family:Commissioner;
    font-size:18px;
    cursor:default;
    color:white    
    }
.cmt_cmt_rev
    {
    position:relative;
    top:135px;    
    left:3px;
    width:auto;
    padding:3px;
    font-family:Commissioner;
    font-size:18px;
    background-color:blue;
    color:white;
    border-radius:5px;
    z-index:9;
    visibility:hidden;
    }
.rev_on_off:hover .cmt_cmt_rev {visibility:visible;}


.bplus {cursor:pointer;}

/* Boutons Montrer/cacher GAUCHE */
.tr1, .tr2
    {
    position:relative;
    width:20px; 
    font-size:50px;       
    height:auto;
    font-weight:bolder;   
    cursor:pointer; 
    z-index:999; 
    visibility:hidden;    
    }    
/* Boutons cacher GAUCHE */
.tr1
    {
    top:312px;
    left:142px;
    color:rgb(0 255 0 / 1)
    } 
/* Boutons Montrer GAUCHE */      
.tr2
    {
    top:255px;
    left:148px;
    color:rgb(0 255 0 / 1) 
    } 

/* Boutons Montrer/cacher DROITE */
.tr1d, .tr2d
    {
    position:relative;
    width:0px;
    height:0px;        
    font-size:50px;
    font-weight:bolder;
    cursor:pointer; 
    }
/* Boutons Montrer DROITE */
.tr1d
    {
    top:-258px;
    left:-50px;
    color:rgb(0 255 0 / 1);
    } 
/* Boutons cacher DROITE */
.tr2d
    {
    top:-258px;
    left:-42px;
    color:rgb(0 255 0 / 1);
    }
.bf
{
position:absolute;
transform:scale(0.26) ;
top:380px; 
left:-80px; 
background:white;
visibility:hidden;
} 

.par_dept_st
{
position:relative;
top:8px;
left:0px;    
width:390px;
height:auto;
background-color:#c3c3c3;
text-align:center;
color:#000000;
font-family:arial;
font-size:17px;
border-radius:4px;
}
.anfr
    {
color:#0009ff;    
    }
.num_dept
{
position:relative;
top:1px;
left:00px;
margin:auto;   
width:240px;
height:22px;
background-color:#0edcc9;
z-index:1;                     
}
.ch_dept
{
position:relative;
top:0px;
margin:auto;
left:-45px;   
}
.ch_dept_t
{
top:0px;
left:-85px;   
width:40px;
}

.BP_dept1
{
position:relative;
top:-27px;
margin:auto;
left:148px;   
width:60px;
height:30px;;
border-radius:6px;
border-width:2px;
font-weight:900;
border-color:#ffffff;
font-size:18px;
background-color:rgb(182 182 182);
color:#000000;
cursor:pointer;
}

.BP_eff_dept
{
position:relative;
top:-52px;
margin:auto;
left:-10px;   
width:190px;
height:auto;
border-radius:6px;
font-size:18px;
font-family:arial;
cursor:pointer;  
 
}

.BP_dept1:hover
{background-color:rgb(0 255 0 / 1);color:black;}

.cb_dept, .cb_zoom_dept, .cb_winref
    {
    color:#f2ecec;
    font-family:arial;
    font-size:12px;  
    font-weight:100;    
    }

.cb_dept
    {position:relative;left:10px;top:10px;font-size:19px; }
    
.cb_zoom_dept
    {position:relative;left:-20px;;top:10px;font-size:19px; }
.cb_winref
    {position:relative;left:-9px;;top:10px;font-size:19px; }

.msg1
{
font-size:12px;    
font-weight:bold;
font-style:italic;
background-color:rgb(0 0 255 / 1);
color:aliceblue;
padding-left:5px;
padding-right:5px;
border-radius:3px;
}
.msg2
{
font-size:12px;  
font-weight:bold;
background-color:#79554800;
color:rgb(0 0 255 / 1);
padding-left:5px;
padding-right:5px;
border-radius:3px;
}
.rlalo
    {
    color:aliceblue;
    font-size:25px;
    font-family:arial;
    }
.slt
    {
    position:absolute; 
    top:35%;
    left:40%;
    width:550px;
    height:50px;
    font-family:arial;
    font-size:13px;
    font-style:italic;
    border-radius:10px;   
    background-color:#000000;
    color:#e7ff01;
    z-index:999;
    cursor:pointer;
    visibility:hidden;
    }
.close-slt
    {
    position:absolute; 
    top:4px;
    left:365px;
    width:250px;
    height:50px;        
    font-size:15px;
    font-weight:100;
    font-style:normal;
    padding-left:45px;
    } 
.lst_city
{
    position:absolute;
    background-color:white;
} 


.defile
{
position:absolute;
top:12px;   
left:1090px;    
background-color:#000000;
color:white;
border-radius:5px;
height:15px;
width:300px; 
z-index:999;
visibility:hidden;   
}
.defile1
{
position:relative; 
top:-14px;   
left:-61px;
background-color:#d3e91e00;
color:aliceblue;
border-radius:5px;
height:43px;
width:390px; 
font-family:arial;  
font-style:italic; 
font-size:30px;
transform:scale(0.4);
}
.plus_def
{
position:relative; 
top:-56px;   
left:266px;
background-color:#d3e91e00;
color:#e7fb01;
border-radius:5px;
height:43px;
width:43px; 
font-family:arial;  
font-style:italic; 
font-size:20px;
text-align:center;
padding-top:7px;
transform:scale(0.68);
cursor:pointer;
}
.deg_c
{
position:relative;
top:2px;;   
lef:0px;    
background-color:#d9d9d900;
color:#ffffff;
border-radius:3px;
height:58px;
width:340px; 
font-family:arial;
font-size:11px;
text-align:center;
z-index:999;
padding-top:3px;
visibility:hidden;
z-index:99;
} 

.deg_c1
    {
    position:relative;
    top:0px;
    left:-27px;
    }
.ideg1, .ideg2, .ideg3, .ideg4, .ideg5, .ideg6 
    {
    position:relative;
    width:55px;
    font-size:15px;
    font-weight:bold;
    border-radius:3px;
    cursor:auto;
    background-color:rgb(255 255 255 / 1);
    z-index:999;
    } 
.deg_c2
    {
    position:relative;
    top:-18px;
    left:95px;
    } 

.btn_deg, .btn_raz_deg, .bp_ll          
    {
position:relative;
cursor:pointer;  
font-size:18px; 
height:25px;
width:60px;
font-weight:100;  
border-radius:4px;
border-width:2px; 
border-color:#fffefe;
color:#000000;
background:#a2ada3;    
cursor:pointer;
    }

.btn_deg {top:-30px;left:15px;}
.btn_raz_deg {top:-22px;left:110px;}    

.btn_deg:hover{background-color:#03ff1b;color:black;}
.btn_raz_deg:hover{background-color:#03ff1b;color:black;}    

.ianfr
    {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:150px;
    background-color:#0bf51554;
    font-size:10px;
    text-align:center;
    border-radius:5px;
    }
.ianfr1
    {
    position:relative;
    top:0px;
    width:480px;
    padding-left:20px;
    padding-right:40px;
    background-color:#FFEB3B;
    color:black;font-weight:100;
    border-radius:5px;
    } 
.l1
    {
    font-size:20px;
    text-align:center;
    font-weight:bold;
    background-color:brown;
    color:aliceblue;
    padding-left:8px;
    padding-right:8px;
    border-radius:8px;
    font-family:arial;
    font-style:italic;
    }
.dver
    {
    position:relative;
    top:-0px;
    margin-left:auto;
    margin-right:auto;    
    background-color:#d8d8d8;
    color:black;
    text-align:center;
    border-radius:6px;
    font-family:arial;
    font-style:italic;
    font-size:18px;
    width:600px;
    height:180px;
    padding:5px;
    }  
.crd_d
{
       position:relative;
    top:-0px;
    left:0px;
    height:80px;
   }
.crd_h
{
    position:relative;
    top:-7px;
    left:0px;
    height:100px;

}
.bp_anti
    {
     position:relative;
     top:190px;
     left:-280px;
     width:0px;
     height:0px;
     z-index:999;
     background-color:#195bd2;
     }
.ianti
    {
    position:relative;
    top:-85px;    
    left:249px;
    transform:scale(1);
    background-color:#ffebcd00;
    width:25px;
    height:25px;
    cursor:pointer;
    } 
.bp_anti:hover .c_anti {visibility:visible;}    
.c_anti
    {
    position:relative;
    top:-112px;
    left:152px;
    width:90px;
    height:20px;
    background-color:#0a00f9;
    font-size:17px;
    color:white;
    border-radius:5px;
    font-family:arial;
    z-index:1999;
    visibility:hidden;
    } 
.ilonlat
    {
    position:relative;    
    left:-29px;
    top:-4px;
    font-size:18px;
    font-family:arial;
    color:#000000;
    background-color:#7fffd400;
    }     
.sp_lat {padding-right:20px;color:cyan}
.sp_lon {padding-left:20px;color:cyan}
.msg_err
    {
    position:absolute;   
    margin-left:auto;
    margin-width:auto;
    top:50%;
    left:20%;
    width:max-content;
    padding-left:20px;
    padding-right:20px;
    height=20px;
    font-size:15px;
    font-family:arial;
    color:#fafafa;
    text-align:center;
    background-color:#F44336;
    border-radius:5px;
    z-index:999;
    } 

.alarmes_t
{
position:relative;
top:-0px;
left:-65px;    
width:260px;
height:auto;
text-align:center;
color:#ffffff;
font-family:Commissioner;
font-size:18px;
font-weight:bold;             
}
.rba2, .rba4
{
position:relative;
top:px;
left:-60px;
width:90px;
height:18px;
text-align:left;
background-color:#d9f30700;
font-size:13px;
font-family:arial;
font-weight:400;
color:#030303;
}    
.tester
{
position:relative;
top:-30px;
left:90px;
width:50px;
height:18px;
background-color:#d9f3079c;
}
.bombe 
{
 position:relative;
top:30px; 

}
.bombe_h
{
position:relative;
top:0px;
left:140px;
width:45px;
height:45px;
background-color:#ff572200;
visibility:hidden;
transform:scale(1);
z-index:999;
} 

.methode
{
position:absolute;
top:0px;
left:0px;
width:auto;
height:auto;
background-color:#9E9E9E;
color:aliceblue;
font-size:10px;
font-family:arial;
z-index:999;
cursor:pointer;
opacity:0.5;
} 
.methode:hover
    {
    padding:5px;
    font-size:15px;
    opacity:1;
    background-color:rgb(255 0 0 / 1);
    border-radius:4px;
    }

.autres
{
position:absolute;
top: 345px;
left:0px;
width:350px;
height:200px;
visibility:hidden;
z-index:999;
} 

.h_q0, .h_q1, .h_q2
    {
    padding-top:2px;
    padding-right:10px;   
        cursor:pointer;
    }
.h_q2:hover .x2000 {visibility:visible;}
.actuel
    {
    position: absolute;
    margin: auto;
    top: 5%;
    right: 0%;
    bottom: 0;
    left: 0;       
    width:700px;    
    height:80px;
    background-color:aliceblue;
    font-size:16px;
    font-family:arial;
    z-index:999;
    visibility:hidden;
    }
.act_t
    {
    text-align:center;
    background-color:#3E2723;
    color:aliceblue;
    }
.act_x
    {
    position:relative;
    top:-17px;
    left:689px;
    background-color:coral;
    width:10px;
    height:15px;
    color:aliceblue;
    cursor:pointer;
    }
 
.bp_mode
    {
    font-family:arial;
    font-weight:bold;
    font-style:italic;
    border-radius:4px;
    cursor:pointer;
    }               
.act_valid
    {
    position:relative;
    top:-5px; 
    text-align:center;
    background-color:#CDDC39;
    }
.bp_md
    {
    position:relative;
    top:-10px;         
    text-align:center;
    }  
.infos_call
    {
    background:#fff800;
    padding:0px 20px 0px 20px;    
    }

.details
    {
    position: absolute;
    margin: auto;
    top: -70%;
    right: -85%;
    bottom: 0;
    left: 0;       
    width:350px;    
    height:50px;
    background-color:#f9fbe700;
    border-radius:8px;
    z-index:999;
    visibility:hidden;
    z-index:400;
    }
.details_titre
    {
    position:relative;
    margin: auto;
    top: 0px;
    width:233px;    
    height:18px;
    background-color:#FFC107;
    border-radius:8px 8px  0px  0px ;
    text-align:center;
    font-family:arial;
    font-size:18px;  
    cursor:pointer;    
    }
.details_h_titre
    {
    position:absolute;
    margin: auto;
    top: 18px;
    left:17%;    
    width:33%;    
    height:16px;
    background-color:#07ff37;
    border-radius:0px 0px 0px 0px ;
    border-style:solid;
   border-width:1px;        
    text-align:center;
    font-family:arial;
    font-size:16px;    
    }
.details_t_titre
    {
    position:absolute;
    margin: auto;
    top: 18px;
    left:50%;    
    width:33%;    
    height:16px;
    background-color:#07ff37;
    border-radius:0px 0px 0px 0px ;
    border-style:solid;
    border-width:1px;
    text-align:center;
    font-family:arial;
    font-size:16px;    
    }
.details_h_liste
    {
    position:absolute;
    margin: auto;
    top: 36px;
    left:17%;    
    width:29%;    
    max-height:535px;
    overflow:auto;   
    background-color:#b2edf5;
     border-radius:0px 0px 0px 0px ;
    text-align:center;
    padding-left:15px;
    text-align:left;
    font-family:arial;
    font-size:16px;    
    }
.details_t_liste
    {
    position:absolute;
    margin: auto;
    top: 36px;
    left:50%;    
    width:29%;    
    max-height:535px;
    overflow:auto;
    background-color:#b2edf5;
    border-radius:0px 0px 0px 0px ;
    padding-left:15px;
    text-align:left;
    font-family:arial;
    font-size:16px;    
    }
.c_label:hover
{
    color:blue;
    font-size:20px;
    cursor:pointer;
}

/* Pave 2 fleches */
.fup_dwn
    {
    position:absolute;
     bottom: 16px;
    left:120px; 
    width:40px;
    height:80px;    
    border-radius:5px;
    border-style:solid;
    background:#000000; 
    z-index:999;
    opacity:1;
  
    }

.fup_dwn:hover:hover
    {
    opacity: 1;
    }

.fup
    {
    position:absolute;
    top:5px;
    left:5px;   
    cursor:pointer; 
    }
.fdw
    {
    position:absolute;
    top:42px;
    left:5px;   
    cursor:pointer; 

    }
.fup:hover, .fdw:hover {transform:scale(0.88)}
.fup:hover .cibler{visibility:visible;}
.fdw:hover .qcibler{visibility:visible;}



.cibler, .qcibler
    {
    position:absolute;
    top:2px;
    left:50px;
    width:280px;
    background:#0518f1;
    text-align:left;
    padding-left:18px;   
    font-family:Commissioner; 
    font-size:22px;    
    font-weight:100;
    color:#ffffff; 
    font-size:22px;        
    color:#ffffff; 
    border-radius:4px;
    visibility:hidden;  
    }

.pave_bas
    {
    position:absolute;
    bottom: 20px;
    left:170px;   
    background:#a52a2a00;
    width:1300px;
    height:80px;
    z-index:999;    
    opacity:1;
    border-radius:12px;
    background:#000000;    
    }

.details_villes
    {
    position:absolute;
    top:140px;
    left:5px;   
    width:400px;
    height:30px;
    background:black;    
    visibility:hidden; 
    border-radius:10px 10px 0px 0px;          
    z-index:999;    
    font-family:Commissioner;
    }


.details_v_t
    {
    position:absolute;
    top: 4px;
    left:12px;   
    background:#d8e51500;
    width:370px;
    height:20px;
    font-size:15px;
    font-weight:bold; 
    color:#e2fe00; 
    text-align:center;
    cursor:move;
    }

.details_v_c
    {
    position:absolute;
    top: 5px;
    left:370px;   
    background:#000000;
    color:white;
    width:20px;
    height:20px;
    text-align:center;
    font-family:arial;
    font-size:18px;
    cursor:pointer;    
    }
.details_v
    {
    position:absolute;
    top: 29px;
    left:0px;   
    width:400px;
    max-height:660px;
    overflow:auto;    
    z-index:999;    
    font-size:14px;
    }

.tr_ville {background:#ededed;}
.L0 {background:#0000ff;color:#cbced2;}
.L2 {background:#ffffff}
.L1 {background:#edf78380}

.Lid
    {
    font-family:Commissioner; 
    font-style:italic; 
    font-size:16px;  
    color:black;    
    cursor:pointer;    
    }

.Llo
    {
    font-family:Commissioner; 
    font-style:italic;    
    font-size:14px; 
    }

.Lcp 
    {
    font-family:Courier Prime;
    font-size:22px;
    padding-left:7px;
    padding-right:8px;
    font-weight:bold;
    }

.Lid:hover {background:#00ff00;}

table {border-color:#4e342e26;;}

.infos_anfr
    {
    position:absolute;
    top: 15px;
    left:10px;   
    font-family:arial; 
    font-size:12px;   
    font-style:italic;    
    color:#9e9e9e; 
    }
.infos_anfr:hover {font-size:18px;left:20px;}
.reboot
    {
    position:absolute;
    bottom:80px;
    background:#ff0006;  
    color:white;
    font-family:arial;
    font-size:15px;
    text-align:center;
    height:20px;
    width:350px;    
    border-radius:5px;    
    z-index:999;    
    visibility:hidden;    
    }
.pvz
    {
    position:relative;
    left:1060px;    
    top:-45px; 
    width:135px;    
    height:70px;    
    background:#f5f5dc;    
    border-radius:5px;    
    visibility:hidden;
    }

.pvz:hover {transform:scale(2);top:-76px;background:#dcd8d8}
.annonce
    {
    position:absolute;
    top:10%;
    left:10%;
    width:950px;
    height:180px;
    background:white;
    border-radius:9px;
    visibility:hidden;    
    z-index:999;  
    }
.annonce_t
    {
    position:absolute;
    top:0px;
    left:0px;
    width:850px;
    height:28px;
    background:#ffffff;
    color:black;
    text-align:center;
    font-family:Commissioner;   
    font-size:21px;
 
    font-style:italic;    
    border-radius:9px 9px 0px 0px;
    z-index:999;    
    }
.annonce_h
    {
    position:absolute;
    top:0px;
    left:920px;
    width:8px;
    height:28px;
    background:#fefefe;
    color:black;
    text-align:center;
    font-family:Commissioner;   
    font-size:21px;
    font-weight:900;    
    font-style:italic;    
    border-radius:9px 9px 0px 0px;
    z-index:999; 
    cursor:pointer;    
    }
.annonce_c
    {
    position:absolute;
    top:30px;
    left:5px;
    width:880px;
    padding:5px 33px 35px 10px ;    
    height:105px;
    background:#ffffff;
    color:#010101;
    text-align:left;
    font-family:Commissioner;   
    font-size:19px;
    font-weight:100;    
    font-style:italic;    
    border-radius:8px;
    overflow:auto;    
    z-index:999;    
    }
.al0 {color:#0000ff;background:#ffff00;font-size:17px}
.al00 {color:#0000ff;background:#ffff00;font-weight: 100;font-style:normal;font-size:18px}

.al00vx {color:#0000ff;background:#0000ff;color:#ffffff;font-weight: 100;font-style:normal;font-size:18px;padding:7px 100px 10px 20px ;border-radius:10px;}

.al1 {color:#000000;font-weight: 900;font-size:17px;}
.al11 {color:#000000;font-weight: 100;font-style:normal;font-size:18px;}

.help_infos_omf
    {
     position:relative;
     top:-92px;
     font-size:16px;
     color:white;
     background:#0000ff;
     text-align:center;
     width:auto;
     visibility:hidden;
     z-index:-1;
    }
.help_infos_om
{
    top:-2px;
    left:290px;    
    position:absolute;  
    height:23px; 
    width:max-content;
    background-color:#092ecf;
    color:#eadfdf;
    font-size:18px;
    font-family:arial;
    font-style:italic;
    border-radius:5px;
    text-align:center;
    padding:5px 15px 0px 10px ;
    padding-bottom:5px;  
    visibility:hidden;
    z-index:4;
    cursor:pointer;
}
.mesure
{
    position:absolute;
    bottom:200px;
    left:5px;
    width:300px;
    padding:5px 5px 5px 5px ;    
    background:#000000;
    border-radius:8px;
    visibility:hidden;
    z-index:999;     
}

.m_info
    {
    position:relative; 
    top:5px;    
    left:1px;    
    background:#b30f0f00;
    width:30px;    
    cursor:pointer;    
    }

.m_partielle
    {
    position:relative;
    top:0px;    
    font-family:Commissioner;   
    font-size:19px;
    font-weight:100; 
    font-family:monospace;    
    background:#dbdbd8;
    color:#0b0b0b;
    max-height:510px;
    padding:0px 5px 5px 15px ;        
    overflow:auto;    
    }
.m_totale
    {
    position:relative;
    top:3px;         
    font-family:Commissioner;   
    font-size:19px;
    font-weight:800;    
    font-style:italic;         
    background:#0088f4;
    color:#ffffff;
    padding:3px 5px 5px 15px ;        
    }

.depart
    {
     background-color:#ffffff;
    font-size:24px;
    font-weight:100;
    color:#ffffff;
    font-family:Commissioner;
    text-align:center;    
    width:200px; 
    background:#0000ff;  
    border-radius:5px;     
    }
.etape
    {
    background-color:#ffffff;
    font-size:24px;
    font-weight:100;
    color:#ffffff;
    font-family:Commissioner;
    text-align:center;    
    width:250px; 
    background:#795548;  
    border-radius:5px;    
    }
.ttl1
    {
    background-color:#ffffff;
    font-size:18px;
    font-weight:100;
    color:#040404;
    font-family:Commissioner;
    text-align:center;    
    width:250px; 
    background:#b3b3b3;  
    border-radius:5px;    
    }

.help_mesure
    {
    position:absolute;
    top:10px;
    left:200px;    
    width:850px;
    height:788px;  
    background:#e9141400;    
    z-index:999; 
    border-style:solid;    
    border-width:1px;
    visibility:hidden;    
    }
.help_mesure_t
    {
    position:relative;
    height:25px; 
    text-align:center;   
    background:#000000;  
    color:white;    
    font-family:Commissioner;
    font-style:italic;    
    font-size:18px;    
    }
.help_mesure_x
    {
    position:relative;
    top:-22px; 
    left:825px;    
    height:20px;  
    width:20px;    
    text-align:center;    
    background:#000000;
    color:white;
    font-family:Commissioner;
    font-weihgt:100;    
    cursor:pointer;    
    }
.help_mesure_i
    {
    position:relative;
    text-align:center;    
    background:#fffdfd;    
    font-family:Commissioner;
    padding:10px;    
    font-size:18px;    
    }

.help_mesure_d
    {
    position:relative;
    text-align:left;    
    background:#e6e6e6;    
    font-family:Commissioner;
    padding:10px;    
    font-size:18px;  
    font-weight:100;    
    }
.general
    {
    position:relative;
    top:-20px;    
    background:#e3e1e1;
    height:54px; 
    width:25%;
    left:-300px;  
    border-radius:10px;    
    }
.gen1, .gen2 
    {
    width:150px;    
    font-family:Commissioner;
    color:black;
    font-size:20px;
    cursor:pointer;
    }
.gen1
    {
    position:relative;
    top:0px;    
    left:20px;    
    }
.gen2
    {
    position:relative;
    top:2px;    
    left:20px;    
    }
.keops
    {
    position:relative;
    top:20px;    
    left:0px; 
    background:black;
    width:100%;
    transform:scale(1.03);
        
    }
.keops:hover
{
top:-205px; 
left:80px;    
transform:scale(1.882);  
background:#00ffff00; 
width:200px;    
}
.infos_om:hover .help_infos_om {visibility:visible}
.href {font-size:17px;font-weight:bold;color:aliceblue;background:aliceblue;width:100px;text-align:center;border-radius:5px; padding:1px 15px 1px 15px }

.quelle_ip
{
    position:absolute;
    top:150px;
    left:200px;    
    width:850px;
    height:280px;
    padding:5px;
    color:#0108f8;
    font-family:Commissioner;
    font-size:19px;
    text-align:center;
    background:#000000;    
    z-index:999; 
    border-style:solid;    
    border-width:1px;
    border-color:cyan;
    border-radius:8px;
    visibility:hidden;
}   
.qip1
{background-color:white;padding:0px 200px 0px 200px;font-weight:100;color:black;}
.qip2
{
    position:absolute;
    top:35px;
    left:15px;    
    width:820px;
    max-height:200px;
    min-height:200px;    
    overflow:auto;
    padding:5px;
    color:#0108f8;
    font-family:Commissioner;
    font-size:19px;
    text-align:center;
    background:#f4f2f2;    
    z-index:999; 
    border-radius:8px;
}
.qip3
{
    position:relative;
    top:225px;
    left:15px;    
    width:820px;
    height:20px;
    } 
.pop
{
    position:fixed;
    width:800px;
    bottom:20%;
    left:10%;
    height:100px;
    margin:auto;
    font-size:20px;
    background:#bdf5ed;
    font-family:Commissioner;
    border-radius:8px;
    border-style:solid;
    border-width:1px;
    z-index:999;
    visibility:hidden;
}
.popx
{
    position:relative;
    left:778px;
    width:22px;
    font-size:20px;
    background:#000000;
    color:white;
    font-family:Commissioner;
    text-align:center;
    border-radius:0px 8px 0px 0px;
    cursor:pointer;
}
.popupdxcc
{
width:200px;    
 background:black;   
}
.popupdxcc1
{
 font-family:Commissioner;
 font-size:22px;
 font-weight:bold;
 font-style:italic;   
 background:#CDDC39; 
 padding:5px;   
}

.popupdxcc2
{
 font-family:Commissioner;
 font-size:22px;
 font-weight:bold;
 font-style:italic;    
 background:#00ff0b;   
 padding:5px; 
}
.info_cherche
{
background: cyan;color:black;font-style:italic;padding:5px ;margin-top:10px   
}
.bad_loc
{
   position:absolute;
    top:80px;
    left:px;
    width:352px;
    height:58px;
    font-size:20px;
    background:#ff0101;
    color:white;
    font-family:Commissioner;
    text-align:center;
    border-radius:10px;
    visibility:hidden;    
}
.spaces_x{font-weight:bold;padding-left:30px;cursor:pointer;}
.taille_t
{
    color:blue;font-size:20px;background: yellow;padding:10px
}