body    
    {
	background:#000000;
	max-height:505px;
    overflow:hidden;
    }
.container
    {
	position:relative;
	top:-0px;
    border-radius:10px;
    background:#b8272700;
    width:100%;
	height:100%;
    }
/************************************/

.frnc
	{
	position:absolute;
	top:150px;
	left:7%;
	z-index:0;
	width:40%;
	height:60%;	
	background:brown;
	}

.france
    {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	width:100%;
	height:100%;	
    }

.lnf
	{
	position:absolute;
	top:45.1%;
	left:46.9%;
	width:40px;
	height:40px;	
	background:#e91e6308;
	border-style:dashed;
	border-color:red;
	border-radius:10px;
	border-width:12px;
	visibility:hidden;	
	}
/****************************************/
.world
	{
	position:absolute;
	top:150px;
	right:7%;
	z-index:0;
	width:45%;
	height:60%;	
	background:brown;
	}

.monde
    {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	width:100%;
	height:100%;	
    }
.lnh
{
	position:absolute;
	top:46.5%;
	left:47%;
	width:40px;
	height:30px;	
	background:#e91e6308;
	border-style:dashed;
	border-color:red;
	border-radius:10px;
	border-width:12px;
	visibility:hidden;
}
/***************************************/

.titre
    {
	top:0px;
	left:0px;
    width:100%;
    background:#000000e8;
    }

.titre1,
.titre3,
.titre4
    {
	position:absolute;
    height:30px;
    font-size:25px;		
    font-family:Commissioner;
    font-weight:bold;
    font-style:italic;
 	color:#ffff00;
    background:#f0f8ff00;
	}

.titre3 /* Indicatif concours annee */
    {
    left:16%;
	width:450px;
	text-align:left;	
    } 

.titre4 /* points */
    {
	left:43%;
	width:290px;
	text-align:center;	
	}

.titre1 /* nom du programme */
    {
	right:14%;
    width:450px;
    text-align:right;
	}  

.moi /* F5AIB 2019/2024 */
    {
	position:fixed;	
	bottom:8px;
	left:50%;
    color:#6d6d6d;
    font-size:14px;
    font-weight:100;
    font-family:Commissioner;
    font-style:italic;		
    } 

/* etiquette DXCC*/
.xx, .xx1
    {
    font-size:18px;
    font-family:Commissioner;
    font-weight:bold;
    padding-left:3px; 	
    padding-right:3px;
    border-radius:5px;
    text-align:center;
    width:max-content; 
    }

/* etiquette Departements */
.zz, .zzf
    {
    font-size:18px;
    font-family:Commissioner;
    padding-left:3px; 	
    padding-right:4px;
    border-radius:5px;
    text-align:center;
    width:20px;  
	height:24px;
    }
    
/* etiquette dxcc pas fait  */
.xx {background:rgb(6 6 6);color:#ffffff;}
/* etiquette dxcc fait  */
.xx1 {background:rgb(0 255 0 / 1); color:#000000;} 
/* etiquettes depts pas faits  */
.zz {background:rgb(0 0 0);color:rgb(255 255 255);}  
/* depts faits  */
.zzf {background:rgb(0 255 0);color:#000000;}  

/* POPUP DXCC et departements non faaits  */ 
.pop_xx, .zz_pop
    {
	background:#F44336;
	color:white;
	border-radius:5px;
	padding:5px 25px 5px 25px ;
    }
    
/* POPUP DXCC et Departements faits  */                         
.zzf_pop, .xx1_pop
    {
	background:rgb(0 255 0 / 1);
	border-radius:5px;
	padding:5px 25px 5px 25px ;
    }    

.cmd_0 /* Commandes bloc monde*/
    {
	position:absolute;
	top:0px;
	left:70%;
    }



/* BP DXCC non faits et nb de DXCC */
.cmd_1
    {
	position:absolute;
	top:52px;
	left:865px;
	width:560px;
	height:20px;
	background:#0deb2800;
    }

.nbdxcc,
.nbdpt
    {
    position:relative;  
	background:rgb(187 187 187);
	color:rgb(0 0 0);
	width:260px;
    border-radius:6px;
    font-size:17px;
    font-family:Commissioner;
    font-weight:bold;
	height:20px;
    }
.nodxcc {position:relative;top:-15px;left:77px;width:200px;}
.nbdxcc {top:-10px;left:-110px;z-index:99;width:260px;}
.nbdpt  {top:2px;left:0px;}     

.cmd_23
	{
	position:absolute;
	top:50px;
	left:16.3%;
	width:885px;
	height:70px;
	}
/* BP bandes */
.cmd_2
    {
	position:absolute;
	top:0px;
	left:400px;
	width:360px;
	height:70px;
	background:#4caf5000;
	border-radius:5px;	
	border-style:solid;
	border-width:1px;
	border-color:#ffffff80;	
    }
.cmd_3 /* Commandes bloc France*/
    {
	position:absolute;
	top:0px;
	left:0px;
	width:385px;
	height:70px;
	border-radius:5px;	
	border-style:solid;
	border-color:#ffffff82;
	border-width:1px;	
	background:#79554800;
    } 

.btn /* bandes 10, 15, 20, 40, 80 */
    {
    position:relative;
    left:-5px;	
	top:10px;	
	border-radius:5px;
	width:38px;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	cursor:pointer;
    } 

/* BP Monde/EU/Cls */
.cmd_4
    {
	position:relative;
	top:0px;
	left:600px;
	width:550px;
	height:68px;
	background:#0deb2800;
	border-style:solid;
	border-color:#ffffff8f;
	border-width:1px;
	border-radius:6px;	
    }

.btn_eu, .btn_md, .btn_sans, .btn_g_bas, .btn_liste
	{
    position:relative;
	border-radius:6px;
	cursor:pointer; 
	font-style:oblique;
	font-size:17px; 
	font-family:Commissioner;	
	}

.btn_eu
    {
    top:10px;
    left:-130px;
	width:130px;
    }

.btn_md
    {
    top:10px;
    left:-135px;
	width:130px;
    }    

.btn_sans
    {
    top:-3px;
    left:20px;
	width:200px;
    }

.btn_g_bas /* Effacer */
    {
    top:-45px;
    left:272px;    	
	width:70px;
	} 

.btn_liste /* liste DXCC */
    {
    top:-17px;
    left:-262px;    	
	width:70px;
	} 

.bande
{
position:relative;
top:7px;	
left:-9px;	
color:aliceblue;
font-family:Commissioner;	
font-size:18px;	
font-style:italic;	
}
.scores
    {
    position:relative;
    top:11px;
    left:-122px;
	border-radius:4px 4px 0px 0px;
	width:465px;
	height:40px;
	background:rgb(255 0 24 / 0%);	
    } 

.btn_10, .btn_15, .btn_20, .btn_40, .btn_80
	{
	position:relative;
	top:-3px;
	width:38px;	
	border-radius:6px;	
	cursor:pointer;	
	}
.btn_10 {left:10px;}
.btn_15 {left:12px;}
.btn_20 {left:14px;}
.btn_40 {left:16px;}
.btn_80 {left:16px;}
.btn_g /* Toutes bandes*/
    {
    position:relative;
    top:-3px;
    left:19px;      	
	border-radius:6px;
	width:50px;
	cursor:pointer;	
    }
            
.qso
    {
    position:relative;
    top:-5px;
    left:68px;
	border-radius:4px 4px 0px 0px;
	width:320px;
	height:20px;
	background:rgb(187 187 187 / 0%);	
	padding-left:5px;
	padding-top:3px;
	font-size:15px;
	text-align:left;
	font-family:Commissioner;
	font-style:oblique;
	color:aliceblue	
    } 
.qso_10,
.qso_15, 
.qso_20,
.qso_40,
.qso_80,
.qso_all
    {
	position:relative;
	width:35px;
	height:15px;
	background:rgb(0 0 255 / 1);
	color:#ffffff;
	font-family:Commissioner;
	font-size:14px;
	text-align:center;
	border-radius:3px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
    } 
.qso_10 {top:-20px;left:61px;}           
.qso_15 {top:-37px;left:103px;} 
.qso_20 {top:-54px;left:146px;}
.qso_40 {top:-71px;left:188px;}
.qso_80 {top:-88px;left:230px;}
.qso_all {top:-106px;left:277px;width:46px;}

.multis
    {
    position:relative;
    top:-5px;
    left:68px;
	border-radius:0px 0px 4px 4px;	
	width:320px;
	height:18px;
	font-style:oblique;
	background:rgb(187 187 187 / 0%);
	padding-left:5px;
	padding-bottom:3px;
	font-size:15px;
	text-align:left;
	font-family:Commissioner;
	font-style:oblique;
	color:aliceblue;	
    } 
    
.mul_10,
.mul_15, 
.mul_20,
.mul_40,
.mul_80,
.mul_all
    {
	position:relative;
	width:35px;
	height:15px;
	background:#02e2ff;
	color:#000000;
	font-family:Commissioner;
	font-size:14px;
	text-align:center;
	border-radius:3px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
    } 
.mul_10 {top:-21px;left:61px;}           
.mul_15 {top:-38px;left:103px;} 
.mul_20 {top:-55px;left:146px;}
.mul_40 {top:-72px;left:188px;}
.mul_80 {top:-89px;left:230px;}
.mul_all {top:-106px;left:277px;width:47px;}

.btn_zf, .btn_zp
	{
	position:relative;
	border-radius:6px;
	width:75px;
	cursor:pointer;	
	font-style:oblique;
	font-family:Commissioner;
	font-size:15px;			
	}

.btn_zf /* zoom France */
    {
    top:4px;
    left:-105px;    	
    }     
.btn_zp /* zoom Paris */
    {
    top:26px;
    left:-184px;    	
    }
.ns
    {
    position:absolute;
    top:24px;	
    left:105px;
	background:#7fffd405;
	width:100px;
	height:44px;
    }
.btn_se,
.btn_sw,  
.btn_ne,
.btn_nw
    {
    position:absolute;
	border-radius:6px;
	width:50px;
	cursor:pointer; 
	font-style:oblique;
	font-family:Commissioner;
	font-size:14px;	  	
    } 
.btn_nw {top:0px;left:-20px;} 
.btn_ne {top:0px;left:30px;} 
.btn_sw {top:22px;left:-20px;} 
.btn_se {top:22px;left:30px;}

.dom
    {
    position:absolute;
    top:24px;	
    left:245px;
	background:#00000000;
	width:190px;
	height:44px;	
    }
.btn_d1,
.btn_d2,
.btn_d3,
.btn_d4,
.btn_d5,
.btn_ll
{
	position:absolute;
	border-radius:6px;
	width:60px;
	cursor:pointer; 
	font-style:oblique;
	font-family:Commissioner;
	font-size:14px;	
}
.btn_d1 {top:0px;left:-55px;} 
.btn_d2 {top:0px;left:6px;} 
.btn_d3 {top:0px;left:68px;} 
.btn_d4 {top:22px;left:-55px;}    
.btn_d5 {top:22px;left:6px;} 
.btn_ll {top:22px;left:68px;} 

.poub
    {
    position:relative;
    top:100px;
    left:14px;
	background:aliceblue;
	width:169px;
	font-family:Commissioner;
	font-size:12px;
	visibility:hidden;
    } 
    

.dept_name, .cty_name
    {
	position:absolute;
	top:2px;	
	height:22px;
	background:#ffffff;
	color:#000000;
	font-family:Commissioner;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	padding-left:15px;
	padding-right:15px;
	z-index:99;
	visibility:hidden;
    } 

.dept_name {left:12px;width:330px;} 
.cty_name  {top:-12px;left:-83px;width:499px;}  

.glb
	{
	position:absolute;
	top:155px;
	left:8%;
	width:300px;
	height:50%;
	background-color:#0b2fe000;
	padding:10px;
	font-family:Commissioner;
	font-size:16px;
	color:black;
	border-width:7px;
	border-style:solid;
	border-color:#79554800;
	visibility:hidden;	
	}

.clbnd
{
	position:relative;
	top:-5px;
	width:94%;
	background:aliceblue;
	color:black;
	padding-left:20px;
	font-size:23px;
}

.close_lst
	{
	position:relative;
	top:-32px;
	left:260px;	
	width:20px;	
	color:black;	
	background:#e727f000;
	text-align:right;	
	font-size:20px;	
	height:20px;
	cursor:pointer;	
	}

.tble
	{
	position:relative;
	top:-25px;
	left:0px;
	width:298px;	
	background:#001bff;
	max-height:95%;
	overflow:auto;
	}
.td1{background:#151515;color:white;padding-right:15px;padding-left:15px;cursor:pointer}
.td2{background:#001bff;color:white;padding-left:10px;cursor:pointer;}
.dnf
{
	position:absolute;
	top:175px;
	left:49%;
	background:#e91e6300;
	font-size:20px;
	font-family:Commissioner;
	visibility:hidden;
}
.tble1
	{
	position:relative;
	top:-22px;
	left:0px;
	width:298px;	
	background:#001bff;
	max-height:500px;
	overflow:auto;
	}