.bp
    {
    position:relative;
    margin-left:auto;
    margin-right:auto;     
    background-color:#e1dfdc;
    width:1280px;
    height:50px;
    top:-1025px;
    left:-00px;
    border-radius:10px;
    border-style:solid;
    border-width:2px;
    border-color:#c1c1c1;
    }
.perso
{
    position:relative;
    top:15px;
    left:-575px;
    width:100px;
    height:25px;
    border-radius:8px;
    font-weight:600;
    font-family:arial; 
    text-transform:uppercase;
    padding-left:8px;   
}
.indicatif
    {
    position:absolute;
    top:0px;
    left:5px;
    width:100px;
    height:25px;
    border-radius:8px;
    font-weight:600;
    font-family:arial; 
    text-transform:uppercase;
    padding-left:8px;
    }
.locator
    {
    position:absolute;
    top:0px;
    left:125px;
    width:100px;
    height:25px;
    border-radius:8px;
    font-weight:600;
    font-family:arial;     
    text-transform:uppercase;
    padding-left:8px;    
    }   
     
.id_loc
{
    position:relative;
    top:-10px;
    left:-12px;
    width:230px;
    height:25px;
    font-family:arial; 
    font-size:11px;
    color:blue;

}
.newpref
{
    position:absolute;
    top:-20px;
    left:0px;
    width:78px;
    height:25px;
    border-radius:8px;
    background-color:#eeeeee;
    padding-left:8px;
    font-weight:600;
    font-family:arial;   
    text-transform:uppercase; 
    }  

.cntr
{
    position:absolute;
    top:-20px;
    left:95px;
    width:290px;
    height:20px;
    border-radius:8px;
    background-color:#eeeeee00;
    padding-top:5px;
    font-weight:600;
    font-family:arial;
    font-size:15px;  
    text-align:left; 
    }
          
.bouton:hover, .bouton2:hover
{background-color:rgba(0, 255, 0, 1);}        
.col0
    {
    position:relative;
    top:0px;
    margin-left:auto;
    margin-right:auto; 
    width:600px; 
    height:20px; 
    padding:5px;
    background-color:#f9f9f98c;
    border-radius:10px;
    border-style:solid;
    border-width:2px;
    border-color:#e6e6e6;
    }
.col00
    {
    position:relative;
    top:0px;
    left:-140px;
    width:320px; 
    height:20px; 
    font-size:14px;
    font-weight:bold;
    font-family:arial;
    }    
.clic
    {
    position:relative;
    top:-21px;
    left:30px;
    width:20px; 
    height:20px; 
    font-size:20px;
    color:#865b4b;
    }
.col01
    {
    position:relative;
    top:-40px;
    left:170px;
    width:260px; 
    height:20px; 
    font-size:14px;
    font-weight:bold;
    font-family:arial;
    }    
.tri
    {
    position:relative;
    top:4px;
    left:-100px;
    margin-left:auto;
    margin-right:auto; 
    width:250px; 
    height:17px; 
    font-size:12px;
    font-family:arial;
    background-color:bisque;
    border-radius:6px;
    }
.version
    {
    position:relative;
    top:-13px;
    left:210px;
    margin-left:auto;
    margin-right:auto; 
    width:150px; 
    height:17px; 
    font-size:12px;
    font-family:arial;
    background-color:#e7e7e7;
    border-radius:6px;
    }
.dxcc
    {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top:-18px;
    }         

/* Table des contrees  */
.liste
    {
    position:relative;
    top:25px;
    margin-left:auto;
    margin-right:auto; 
    width:650px; 
    height:520px; 
    text-align:center; 
    font-size:12px;
    font-weight:bold;
    font-family:arial;
    background-color:#2e290340;
    overflow:scroll;
    }

.titre_tr1, 
.titre_tr2, 
.titre_tr3, 
.titre_tr4,
.titre_tr5,
.titre_tr6,
.titre_tr7
    {
    background-color:rgb(132, 61, 35);
    color:white;
    font-size:18px;
    cursor:pointer;
    height:17px;
    } 

.titre_tr1:hover .info, 
.titre_tr2:hover .info,
.titre_tr3:hover .info,
.titre_tr4:hover .info,
.titre_tr5:hover .info,
.titre_tr6:hover .info,
.titre_tr7:hover .info
    {visibility:visible;}    
                 
.info
    {
    position:relative;
    top:-20px;    
    left:0px;
    background-color:#061df6;    
    font-size:14px; 
    visibility:hidden;   
    } 
          
.col1, .col2, .col3, .col4, .col5, .col6, .col7
    {
    font-family:arial;
    background-color:#fefefe;
    font-size:13px;
    } 
.col1, .titre_tr1
    {
    position:relative;
    left:-1px;
    top:0px;
    width:25px;
    padding-right:5px;
    }

.col2, .titre_tr2
    {
    position:relative;
    left:-3px;
    top:0px;
    width:45px;
    padding-left:5px;
    }

.col3, .titre_tr3
    {
    position:relative;
    left:15px;
    top:0px;
    width:250px;
    cursor:pointer;
    padding-left:5px;
    }

.col7, .titre_tr7
    {
    position:relative;
    left:8px;         
    width:47px;
    }
.col4, .titre_tr4
    {
    position:relative;   
    left:4px;    
    width:55px;
    }
 .col5, .titre_tr5
    {
    position:relative;   
    left:1px;          
    width:60px;
    } 
 .col6, .titre_tr6
    {
    position:relative;   
    left:-1px;         
    width:85px;
    padding-right:13px;
    }
      
.cb
    {
    position:absolute;
    top:-2px;
    left:50px;
    width:18px;
    background-color:#794848;
    transform:scale(1.30);
    }

/***** Bloc contrees faites ***********************/
.faits
    {
    position:relative;
    top:-480px;
    left:-490px;
    margin-left:auto;
    margin-right:auto;     
    background-color:rgba(0, 0, 0, 0);
    width:310px;
     } 
     
.titre_f
    {
    position:relative;
    top:-15px;
    left:0px;
    background-color:#7e8080;
    color:white;
    text-align:center;
    font-family:arial;
     }          
.resu
    {
    position:relative;
    top:-15px;
    left:0px;
    font-size:12px;
    font-family:monospace; 
    text-align:left;   
    height:490px;
    max-height:490px;
    width:300px;
    padding:5px;
    background-color:rgba(0, 255, 0, 1);
    overflow:scroll;
    } 

/***** Bloc contrees pas faites ***********************/
.pas_faits
    {
    position:relative;
    top:-1013px;
    left:490px;
    margin-left:auto;
    margin-right:auto;     
    background-color:rgb(0, 0, 0);
    width:310px;
     } 
.titre_pf
    {
    position:relative;
    top:0px;
    left:0px;
    background-color:#7e8080;
    color:white;
    text-align:center;
    font-family:arial;
     }     
.resu1
    {
    position:relative;
    top:0px;
    left:0px;
    font-size:12px;
    font-family:monospace;
    text-align:left;   
    height:490px;
    max-height:490px;
    width:300px;    
    padding:5px;
    background-color:rgb(255, 0, 0);
    color:white;
    overflow:scroll;
    }          

.ch_newpref
    {
    position:relative;
    top:-155px;
    left:-100px;
    width:80px;
    background-color:#7fffd400; 
    }

.ch_input
{
    position:relative;
    top:0px;
    left:0px;
    width:80px;
    background-color:transparent;
}
.ch_newpref_info
{
    position:relative;
    top:21px;
    left:-10px;
    width:120px;
    height:20px;
    padding-top:2px;
    border-radius:3px; 
    background-color:blue;
    color:white;
    font-family:arial;
    font-size:13px;
    visibility:hidden;
}
.ch_input:hover .ch_newpref_info
{visibility:visible;}
.prf_a
    {
    position:relative;
    top:-1000px;
    margin-left:auto;
    margin-right:auto;
    width:800px;    
    }
.prf_a_t
    {
    position:relative;
    top:0px;
    margin-left:auto;
    margin-right:auto;
    width:800px;  
    background-color:black;
    color:white;  
    text-align:center;
    font-family:arial;
    font-size:14px;
    }    
.prf_ass
    {
    position:relative;
    top:0px;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    max- width:800px;
    background-color:#ffffff;
    overflow:scroll;
    font-family:arial;
    font-size:14px;
    }
  
/*  Boutons tout cocher / decocher */      
.tout
    {
    position:relative;
    top:2px;
    left:-190px;
    width:20px;
    height:20px;
    } 

.rien
    {
    position:relative;
    top:-18px;
    left:-160px;
    width:20px;
    height:20px;
    } 

.save
    {
    position:relative;
    top:-37px;
    left:280px;
    width:20px;
    height:20px;
    } 

.expt
    {
    position:relative;
    top:-58px;
    left:360px;
    width:20px;
    height:20px;
    /*visibility:hidden;*/
    } 
 .impt
    {
    position:relative;
    top:-78px;
    left:425px;
    width:20px;
    height:20px;
   /* visibility:hidden;*/
    }
 .impt_a
    {
    position:relative;
    top:-98px;
    left:465px;
    width:20px;
    height:20px;
    } 
              
.rtn_carto
    {
    position:relative;
    top:-118px;
    left:520px;
    width:20px;
    height:20px;
    } 

.help
    {
    position:relative;
    top:-138px;
    left:600px;
    width:20px;
    height:20px;
    } 
.fsc
    {
    position:relative;
    top:0px;    
    left:0px;
    transform:scale(2);
    color:rgb(102, 39, 16);
    }

.fsc:hover .cac
{visibility:visible;}

.fsc:hover .cac_l
{visibility:visible;}

.cac
    {
    position:relative;
    top:-2px;
    left:-70px;
    width:150px;
    background-color:rgba(0, 0, 255, 1);
    padding:3px;
    color:white; 
    font-family:arial;
    font-size:12px;
    border-radius:3px;  
    transform:scale(.52);
    visibility:hidden; 
    } 
.cac_l
    {
    position:relative;
    top:-2px;
    left:-80px;
    width:180px;
    background-color:rgba(0, 0, 255, 1);
    padding:3px;
    color:white; 
    font-family:arial;
    font-size:12px;
    border-radius:3px;  
    transform:scale(.52);
    visibility:hidden; 
    }
     
.col3:hover .voir
{visibility:visible;}     
.voir
    {
    position:absolute;
    top:-2px;
    left:124px;
    width:140px;
    background-color:rgba(0, 0, 255, 1);
    padding:3px;
    color:white; 
    font-family:arial;
    font-size:12px;
    text-align:center;
    border-radius:3px;  
    visibility:hidden; 
    z-index:1;
    }  

.question
    {
    position:absolute;
    top:545px;
    left:1010px;
    width:380px;
    height:40px;
    background-color:rgb(253, 170, 22);
    padding:3px;
    color:white; 
    font-family:arial;
    font-size:12px;
    font-weight:100;
    text-align:center;
    border-radius:6px; 
    border-color:black;
    border-style:solid;
    border-width:1px; 
    color:black; 
    visibility:hidden;
    }
.oui
     {
    position:absolute;
    top:22px;
    left:180px;
    } 
.non
     {
    position:absolute;
    top:22px;
    left:220px;
    }  
 .raz
     {
    position:absolute;
    top:22px;
    left:290px;
    } 
            
.btn
{border-radius:6px;width:5x;cursor:pointer;}
.btn:hover
    {
    background-color:rgba(0, 255, 0, 1);
    font-weight:bold;
    }      

.page_load
    {
    position:absolute;
    top:10px;
    left:10px;
    width:600px;
    height:600px;
    background-color:rgb(215, 215, 215);
    border-radius:6px; 
    border-color:black;
    border-style:solid;
    border-width:1px; 
    padding:10px;
    }  
.page_load_titre
    {
    position:relative;
    top:5px;
    left:0px;
    width:480px;
    height:20px;
    background-color:rgba(191, 182, 182, 0);
    padding:3px;
    color:rgba(0, 0, 255, 1); 
    font-family:arial;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    /*
    border-radius:6px; 
    border-color:black;
    border-style:solid;
    border-width:1px; 
    color:black; 
    */
    }
.page_load_formulaire
    {
    position:relative;
    top:15px;
    left:0px;
    width:auto;
    height:23px;
    background-color:rgba(255, 255, 255, 0);
    padding:3px;
    font-family:arial;
    font-size:12px;
    font-weight:100;
    text-align:center;
    /*
    border-radius:6px; 
    border-color:black;
    border-style:solid;
    border-width:1px; 
    color:black; 
    */
    } 
.page_load_resu0
    {
    position:relative;
    top:20px;
    left:0px;
    width:auto;
    height:20px;
    background-color:rgba(0, 255, 0, 0.02);
    padding:3px;
    color:white; 
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    color:black;
    /*
    border-radius:6px; 
    border-color:black;
    border-style:solid;
    border-width:1px; 
    */
    }                   
.page_load_resu1
    {
    position:relative;
    top:20px;
    left:0px;
    width:auto;
    height:450px;
    background-color:rgb(255, 255, 255);
    padding-left:13px;
    color:white; 
    font-family:monospace;
    font-size:16px;
    font-weight:100;
    text-align:left;
    color:black; 
    /*
    border-radius:6px; 
    border-color:black;
    border-style:solid;
    border-width:1px; 
    */
    overflow:scroll;
     } 
.page_load_cmd
    {
    position:relative;
    top:29px;
    left:0px;
   }
.page_load_fic
    {
    position:relative;
    top:23px;
    left:-15px;
    width:auto;
    font-size:18px;
    background-color:#7fffd400;
    font-family:arial;
    border-radius:5px;
   } 
.page_load_ind
    {
    position:relative;
    top:-2px;
    left:0px;
    width:auto;
    height:30px;
    background-color:#9e9e9e00;
    border-radius:5px;
    visibility:hidden;
   } 
.ind
    {
    position:relative;
    top:3px;
    left:-190px;
    width:90px;
    font-size:15px;
    background-color:#ffffff;
    font-family:arial;
    border-radius:5px;
   }  
           
.page_load_bp
    {
    position:relative;
    top:-25px;
    left:200px;
    width:200px;
    border-radius:10px;
    background-color:#080808;
   }
  
   
.page_load_name
    {
    position:relative;
    top:25px;
    left:-250px;
    font-size:18px;
    font-family:arial;
    }   
.page_load_id
    {
    position:relative;
    top:-40px;
    left:-160px;
    width:300px;
    height:20px;
    background-color:rgba(255, 255, 255, 0);
    padding-left:13px;
    color:#ffffffc9; 
    font-family:monospace;
    font-size:16px;
    font-weight:100;
    text-align:left;
    color:black; 
    }
    
.alerte
    {
    position:relative;
    top:390px;
    left:18px;
    height:70px; 
    width:520px; 
    padding-top:20px;
    padding-left:50px;
    border-radius:10px;
    color:aliceblue;
    font-family:arial;
    font-size:15px;
    background-color:blue;
    visibility:hidden;
    }      
.alerte0
    {
    position:relative;
    top:-190px;
    left:-8px;
    height:70px; 
    width:520px; 
    padding-top:20px;
    padding-left:50px;
    border-radius:10px;
    color:aliceblue;
    font-family:arial;
    font-size:15px;
    background-color:blue;
    visibility:hidden;
    }   
.spinner
    {
    position:relative;
    top:110px;
    left:40px;
    font-size:105px;
    color:#d7d3d3;
    transform:scale(0.4);
    visibility:hidden;
    }      
.t_help
{
    position:relative;
    background-color:#f9f0a5fa;
    top:-1655px;
    left:350px;
    width:850px;
    height:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:unset;
    border-radius:10px;
    padding:10px;
    z-index:1;
    visibility:hidden;
    cursor:move;
}    
.help_t
{
    position:relative;
    background-color:#CDDC39;
    top:-5px;
    left:0px;
    width:auto;
    height:18px;
    font-size:18px;
    font-weight:bolder;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    border-radius:10px;
    padding:10px;
}
.help_i
{
    position:relative;
    background-color:#ffeb3b7d;
    top:-5px;
    left:0px;
    width:auto;
    height:442px;
    font-size:14px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    border-radius:10px;
        overflow:scroll;
    padding:10px;
}
.help_q
{
    position:relative;
    background-color:#ffffff;
    top:-25px;
    left:795px;
    width:22px;
    height:22px;
    font-size:14px;
    font-weight:100;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    border-radius:5px;
    text-align:center;
    cursor:pointer;
}
.memo_ok
{
    position:relative;
    background-color:rgba(0, 255, 0, 1);
    top:-1925px;
    left:655px;
    width:222px;
    height:42px;
    padding:45px;
    font-size:24px;
    font-weight:100;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    border-radius:5px;
    text-align:center;
    border-color:black;
    border-style:solid;
    border-width:2px;
    visibility:hidden;
}