body{overflow:hidden;}
#macarte
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*
	margin:auto;
	border-radius:10px;
	border-style:solid;
	border-color:blue;
	*/
	overflow:hidden;
    z-index:0;
}
.pl1
{
	font-size:14px;
	font-weight:900;
	text-align:center;
	color:#1e03ff;
	font-weight:800;
	font-style:italic;
}
.pl2
{
	font-size:12px;
	text-align:center;
	color:#000000;
	font-weight:100;	
}
.pl3
{
	font-size:15px;
	text-align:center;
	color:#ce0e0e;
	font-weight:100;	
	font-style:italic;
}
.rdv0
{
    position:absolute;
    top:80px;
    left:0.3%;;
    width:95px;
    height:90px;
    background-color:#ffeb3b00;
    border-radius:50px;
    transform:scale(0.87);
    cursor:move;
    z-index:1;
}
.rdv
{
    position:relative;
    top:-167px;
    left:-43px;

    width:6px;
    height:400px;
    background-color:#04ff4c00;
    transform:scale(0.21);
    border-style:solid;
    border-width:11px;
    border-color:#5e5e5e0a;
    border-radius:450px;

}

.cadre
{
    position:relative;
    top:-60px;
    left:-71px;
    width:510px;
    height:500px;
    background-color:#f5f5dc00;
    transform:scale(.81);
    border-style:solid;
    border-width:11px;
    border-color:#67676700;
    border-radius:450px;
}
.d1
{
    position:relative;
    top:0px;
    left:0px;
    opacity:1;
 }
.d2
{
    position:absolute;
    top:-43px;
    left:-40px;
    transition: all 0.81s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	-moz-transition: all 1.5s;   
}
.debug
{
    position:relative;
    top:-100px;
    left:240px;
    width:1050px;
    height:70px;
    background-color:#a1a1a1db;
    visibility:hidden;
}
.db1
{
    position:relative;
    top:0px;
    left:60px;
    width:300px;
    height:30px;
}
.db2
{
    position:relative;
    top:10px;
    left:60px;
    width:300px;
    height:30px;
    background-color:#79554800;
}
.db1, .db2, .db3, .db4, .db5, .db6
{
font-size:18px;
font-family:arial;
text-align:center;	
}
.db1, .db2
{
   background-color:#FFEB3B;
}

.db3
{
    position:relative;
    top:-60px;
    left:380px;
    width:300px;
    height:30px;
}
.db4
{
    position:relative;
    top:-50px;
    left:380px;
    width:300px;
    height:30px;
    background-color:#79554800;
}
.db3, .db4
{
   background-color:#06f72e;
}
.db5
{
    position:relative;
    top:-120px;
    left:700px;
    width:300px;
    height:30px;
}
.db6
{
    position:relative;
    top:-110px;
    left:700px;
    width:300px;
    height:30px;
    background-color:#79554800;
}
.db5, .db6
{
   background-color:#00e2ff;
}
.boite
{
    position:absolute;
    top:165px;
    left:2%;	
    height:540px;
    width:50px;
    z-index:9;
    background-color:#0000ff00;
}
.move
{
    position:relative;
    top:-115px;
    left:-142px;
    transform:scale(0.2);	
    cursor:move;
}


.boite::before
 {
 position:absolute;
 top:1px;
 left:-14px;
 content: "Survolez moi... D\00E9 placez moi";
 font-family:arial;
 font-size:12px;
 background-color:#ffff00;
padding:0px 5px 0px 5px ;
border-radius:3px;
width:80px;
}

.tour_gadget
	{
    position:absolute;
    top:146px;
    left:1.5%;
    width:50px;
    height:395px;
    background-color:#ebf505f7;
    color:white;
    font-family:arial;
    font-size:14px;
    text-align:center;
    border-radius:4px;
    border-style:solid;
    border-width:1px;
    border-color:black;
    z-index:1;
    opacity:0;
    transition:1000ms
	}
	.boite:hover .tour_gadget {opacity:1;transition:1000ms}
.logo
{
	position:relative;
	top:-3px;
	transform:scale(1.3)
}	
.tour_gadget:hover{opacity:1;}

.zp, .back, .france, .europe, .monde, .gomme, .voir, .star, .liste_txt, .help
	{
	position:relative;
    left:0px;
    width:50px;
    height:30px;
    background-color:#cddc3900;
    color:rgba(0, 0, 255, 1);
    font-size:28px;
    cursor:pointer;    	    
	}	

.zp	    {top:4px;}	
.back   {top:0px;}	
.france	{top:0px;}	
.europe	{top:40x;}
.monde	{top:0px;}
.voir   {top:30px;}
.star   {top:-25px;}
.liste_txt {top:-5px;}
.gomme  {top:80x;}
.help   {top:-10px;}

.zone
{
	position:relative;
	top:-22px;
	left:45px;
	width:max-content;;
	color:white;
	font-size:15px;
	font-family:arial;
	background-color:#000000;
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;
}

.zone{visibility:hidden;}
.back:hover .zone {visibility:visible;}	
.zp:hover .zone {visibility:visible;}
.europe:hover .zone {visibility:visible;}	
.monde:hover .zone {visibility:visible;}
.france:hover .zone {visibility:visible;}
.voir:hover .zone{visibility:visible;}
.star:hover .zone{visibility:visible;}
.liste_txt:hover .zone{visibility:visible;}
.gomme:hover .zone{visibility:visible;}
.help:hover .zone{visibility:visible;}

.zvoir{transform:scale(0.691)rotate(-0deg);}

.zstarr{transform:scale(1.52)rotate(-10deg);}
.zgomme{transform:scale(1.7)rotate(13deg);}

.zzvoir {transform:scale(0.8)rotate(-30deg);}


.zexit_r
    {
	position:absolute;
	top:-0px;
	left:-92px;
	cursor:pointer;
	background-color:#E91E63;
	height:max-content;
	}
    
 .zexit_v
    {
	position:absolute;
	top:0px;
	left:-92px;
	cursor:pointer;
	background-color:#E91E63;
	height:max-content;
    }   
.gdo
    {
	position:relative;
	top:10px ;
	left:12px;
	width:15px;
	height:15px;
    background-color:rgb(0 0 255 / 0%);
    }


.zone_a
{
	position:relative;
	top:23px;
	left:-55px;
	width:max-content;;
	color:white;
	font-size:13px;
	font-family:arial;
	background-color:rgba(0, 0, 255, 1);
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;

}
.zone_b0, .zone_b1
{
	position:relative;
	left:-55px;
	width:max-content;;
	color:white;
	font-size:15px;
	font-family:arial;
	background-color:rgb(0 0 0);
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;
	visibility:hidden;	
}
.zone_b0 {top:-15px;}
.zone_b1 {top:11px;}
.exit:hover .zone_b0 {visibility:visible;}
.exit:hover .zone_b1 {visibility:visible;}
.exit
    {
    Position:relative;	
    top:-260px;
    left:102px;
	background-color:#E91E63;
	max-height:00px;
	overflow:hid5den;
    }

.nbloc
	{
    position:absolute;
    top:9px;
    left:60px;
    width:fit-content;
    height:auto;
    padding-left:14px;
    padding-right:14px;
    padding-top:3px;
    padding-bottom:3px;
    background-color:rgb(14 0 255);
    color:#fbff02;
    font-family:arial;
    font-style:italic;
    font-size:28px;
    text-align:center;
    border-radius:8px;
    border-style:solid;
    border-width:3px;
    border-color:#fffffffa;
    z-index:1;
    box-shadow: 8px 8px 5px #464545;
	}
.aide
{
	position:relative;
	top:75px;
	width:875px;
	height:510px;
	color:#0a0a0a;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	font-size:16px;
	font-family:arial;
	background-color:#d7e91a;
	border-radius:10px;
	box-shadow: 18px 18px 8px #1e1e1e;
	z-index:1;
	visibility:hidden;
}


.txt_aide
{
	position:relative;
	top:-0px;
	left:2px;
	width:850px;
	height:450px;
	color:#0a0a0a;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	font-size:16px;
	font-family:arial;
	background-color:#f0f0ef;
	overflow:scroll;
	z-index:1;

}
.mon_marker
{
	position:relative;
	top:-8px;
	left:-15px;
	width:840px;
	height:10px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:25px;
	background-color:#795548bd;
	border-radius:8px;
	color:white;
}
.mon_marker_i
{
	position:relative;
	top:0px;
	width:auto;
	left:5px;
}
.mon_marker_t
{
	position:relative;
	top:-22px;
	left:30px;
	width:auto;
}
.qso_marker_i
{
	position:relative;
	top:-45px;
	left:40px;
	width:auto;
	transform:scale(0.8);
}
.qso_marker_t
{
	position:relative;
	top:-65px;
	left:140px;
	width:auto;
}

.pnt_marker_i
{
	position:relative;
	top:-132px;
	left:470px;
	width:auto;
	transform:scale(0.8);
}
.pnt_marker_t
{
	position:relative;
	top:-157px;
	left:580px;
	width:auto;
}

.pt_marker_i
{
	position:relative;
	top:-184px;
	left:240px;
	width:auto;
	transform:scale(0.98);
}
.pt_marker_t
{
	position:relative;
	top:-209px;
	left:276px;
	width:auto;
}


.dx_marker_i
{
	position:relative;
	top:-87px;
	left:400px;
	width:auto;
}
.dx_marker_t
{
	position:relative;
	top:-105px;
	left:425px;
	width:auto;
}
.close_aide
{
	position:relative;
	top:-234px;
	left:850px;
	width:25px;
	height:25px;
	color:rgb(250 250 250);
	background-color:#000000d6;
	text-align:center;
	font-size:20px;
	font-family:arial;
	font-weight:100;
	cursor:pointer;
	border-style:solid;
	border-color:black;
	border-width:1px;
	border-radius:4px;
	padding-top:3px;
}
.dx
    {
   	width:max-content;
	font-size:15px;
	font-family:arial;
	font-weight:bold;
	font-style:italic;
	color:#795548;
	text-align:center;
	background-color:rgb(75 75 39 / 10%);
    padding:5px;
    border-radius:5px;
    border-style:solid;
    border-width:1px;
    border-color:#d6d4d4;
    box-shadow: 8px 8px 5px #7b7b7b;
    }

.ligne0, .ligne1, .ligne2, .ligne3
    {
   	font-family:arial;
    }
    
.ligne0
    {
	color:#010101;
    font-size:10px;
    font-weight:100;
    font-style:normal;
	}
.ligne1
    {
	color:#161616;
    font-size:10px;
	font-weight:100;
   font-style:normal;	
	}
.ligne2
    {
	color:#0014ff;
    font-size:12px;
    font-weight:bold;
    font-style:normal;
	}		

.ligne3
    {
	color:#040404;
    font-size:12px;
    font-weight:bold;    
    font-style:normal;
	}
.petit {font-size:13px;color:blue;font-style:italic;}	


.btn0
{
	position:relative;
	top:-25px;
	left:-0px;
	height:0px;
	width:0px;
}
.btn1
{
	position:relative;
	top:-25px;
	left:-0px;
	height:0px;
	width:0px;
}
.btn2
{
	position:relative;
	top:-25px;
	left:-0px;
	height:0px;
	width:0px;
}
.btn3
{
	position:relative;
	top:-25px;
	left:-0px;
	height:0px;
	width:0px;
}
.btn4
{
	position:relative;
	top:-25px;
	left:-0px;
	height:0px;
	width:0px;
}
.zplus
{
	position:relative;
	top:0px;
	left:10px;
}
.zmoins
{
	position:relative;
	top:0px;
	left:10px;
}
.bloc
    {
	position:relative;
	top:-1000px;
	left:100px;
	visibility:hidden;	
    }
.jpg
{
	border-style:solid;
	border-width:1px;
	border-color:#795548;
	margin:auto;
	width:fit-content;
} 
.table_locs
{
	position:absolute;
	top:154px;
	left:79px;
	background-color:#ffffff00;
	width:92px;
	height:41px;
	padding:5px 5px 0px 5px;
	text-align:center;
	border-radius:3px;
	border-style:solid;
	border-width:1px;
	border-color:#79554800;
	visibility:hidden;
	z-index:9;
}
.qloc {cursor:pointer;}
.qloc:hover{color:#0d00ff;font-weight:bold;font-size:15px;font-style:italic;}

.close_locs
{
	position:relative;
	top:6px;
	left:57px;
	background-color:#d9d1cd;
	font-size:15px;
	
	cursor:pointer;
	color:rgb(255 255 255);
	font-family:arial;
	font-size:15px;	
	width:20px;
	z-index:99;
}
.close_locs:hover{background:black;}

.table_locators
{
	position:absolute;
	top:10px;
	left:-65px;
	background-color:#eff38d;
	color:rgb(66 26 12);
	font-family:arial;
	font-size:12px;
	width:152px;
	height:450px;
	padding:5px 5px 0px 5px;
	overflow:scroll;
	text-align:left;
	border-radius:3px;
	border-style:solid;
	border-width:1px;
	border-color:rgb(0 0 255 / 1);
}

.memo_map
{
	position:absolute;
	top:-79px;
	right:140px;
	width:45px;
	height:45px;
	z-index:1;
}
.layer {transform:scale(0.25)}
.in_memo
{
	position:absolute;
	top:146px;
	right:-175px;
	background-color:rgb(0 0 255 / 0%);
	color:rgb(255 255 255);
	font-family:arial;
	font-size:12px;
	width:145px;
	height:110px;
	padding:2px 6px 4px 6px;
	border-radius:5px;
	text-align:center;
	cursor:pointer;
	z-index:1;
	visibility:hidden;
		
}

.memo_map:hover .in_memo {visibility:visible;}
.in_memo_b1, .in_memo_b2, .in_memo_b3, .in_memo_b4, .in_memo_b5
{
	width:70px;
	border-radius:5px;
	cursor:pointer;
}
.close_memo
{
	position:relative;
	left:-7px;
	background-color:#f5f5dc00;
	color:white;
	font-size:15px;
	width:155px;
}
.pdf
{font-size:12px;padding-right:35px;}
.adif
	{
	position:relative;
	top:-12px;	
	left:10px;	
	width:35px;
	height:35px;	
	background:aliceblue;
	}
.zone_adif
	{
	position:relative;
	top:-22px;
	left:35px;
	width:max-content;;
	color:white;
	font-size:15px;
	font-family:arial;
	background-color:#000000;
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;	
	visibility:hidden;	
	}
.adif:hover .zone_adif {visibility:visible; }
/* Bloc ADIF */
.page_load
	{
	position:absolute;
	top:22%;
	left:22%;	
	background:#33cfcf;
	width:350px;	
	height:290px;
	border-radius:7px;
	border-style:solid;
	border-width:2px;	
	border-color:blue;
	box-shadow: 10px 10px 5px #888888;	
	}
.page_load_titre
	{
	font-family:arial;
	font-weight:bold;	
	font-style:italic;
	font-size:14px;	
	color:white;	
	background:#0027ff;
	border-radius:5px 5px 0px 0px;		
	}
.page_load_close
	{
	position:relative;
	top:-17px;
	left:160px;
	font-family:arial;
	font-style:italic;
	font-size:13px;	
	color:white;	
	width:12px;
	cursor:pointer;
	}
.page_load_close:hover
	{
	background:#aeabaa;
	}

.page_load_formulaire
	{
	position:relative;
	top:-10px;
	left:1px;	
	}
.btn
	{
	position:relative;
	top:10px;
	left:-96px;	
	border-radius:7px;	
	}
.btn8
	{
	position:relative;
	top:10px;
	left:-46px;	
	border-radius:7px;	
	}

.page_load_resu1
	{
	position:absolute;
	top:80px;
	left:0px;
	width:350px;
	height:440px;
	background:#8BC34A;
	overflow:scroll;	
	visibility:hidden;	
	}
.page_load_cmt1
	{
	position:relative;
	top:-15px;
	font-family:arial;
	font-style:italic;
	font-size:13px;	
	color:black;	
	background:#e5e5e5;	
	}
.page_load_cmt2
	{
	position:relative;
	top:-15px;
	text-align:left;
	padding:3px;	
	font-family:arial;
	font-style:italic;
	font-size:13px;	
	color:black;	
	background:#DCE775;	
	}

.col1 {font-family:arial;font-size:12px;}
.cols {font-family:arial;font-size:12px;text-align:center;}
.popuph
	{
	position:relative;
	top:-1250px;
	margin:auto;
	width:550px;
	border-radius:6px;	
	visibility:hidden;
	}
.popup_i
	{
	position:relative;
	top:-1200px;
	width:600px;
	margin:auto;
	padding:3px;
	border-radius:6px 6px 0px 0px ;			
	background:#ff0000;
	color:white;	
	text-align:center;	
	font-family:arial;
	font-style:italic;
	font-size:15px;	
	visibility:hidden;	
	}
.popup_d
	{
	position:relative;
	top:0px;
	margin:auto;
	padding:0px 0px 0px 10px ;
	border-radius:0px 0px 6px 6px ;			
	background:#2196F3;			
	font-family:arial;
	font-style:italic;
	font-size:13px;	
	color:#ffffff;	
	}
.ligne2p
	{
	padding:0px 0px 0px 7px ;
	border-radius:0px 0px 6px 6px ;			
	font-family:arial;
	font-weight:bold;
	font-style:italic;
	font-size:13px;	
	color:#ffffff;	
	}
.ligne3p
	{
	padding:0px 0px 0px 7px ;
	border-radius:0px 0px 6px 6px ;			
	font-family:arial;
	font-weight:bold;		
	font-style:italic;
	font-size:13px;	
	color:#ffffff;
	}