body{
	background-color:rgba(0,0,0,1.0);
	color:white;
	margin:0px;
	padding:0px;
	text-align:center;
}
header{
	position:fixed;
	top:0;
	left:10px;
	padding:5px;
	display:inline-block;
	text-align:center;
	height:40px;
	border-left:1px solid white;
	border-bottom:1px solid white;
	border-right:1px solid white;
	z-index:9;
	background-color:rgba(0,0,0,0.8);
}
#deco img{
	width:30px;
	display:inline-block;
	margin-top:5px;
	margin-bottom:5px;
}
#deco{
	position:fixed;
	top:0;
	right:10px;
	padding:5px;
	display:inline-block;
	text-align:center;
	height:120px;
	width:40px;
	z-index:9;
	background-color:rgba(0,0,0,0.8);
	border-left:1px solid white;
	border-bottom:1px solid white;
	border-right:1px solid white;
	cursor:pointer;
}
#smenu{
	width:30px;
	height:30px;
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
}
#smenu li{
	width:30px;
	height:5px;
	margin-top:5px;
	margin-bottom:0px;
	background-color:white;
	border-radius:2px;
}
#pan_aide{
	display:none;
	border:1px solid black;
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	width:80%;
	left:0;
	top:-400px;
	padding:10px;
	margin-left:10%;
	border-left:1px solid lightgreen;
	border-bottom:1px solid lightgreen;
	border-right:1px solid lightgreen;
}
#pan_account{
	display:none;
	border:1px solid black;
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	top:150px;
	right:-400px;
	padding:10px;
	width:300px;
	border-left:1px solid lightgreen;
	border-bottom:1px solid lightgreen;
	border-top:1px solid lightgreen;
}
#pan_account ul{
	list-style:none;
	margin:0;
	padding:0;
}
#pan_account ul li{
	padding:5px;
	margin:2px;
	display:inline-block;
}
#widthform,#heightform{
	width:50px;
}
#newname{
	background-color:rgba(0,0,0,0);
	color:white;
	text-align:center;
	border:1px solid #dddddd;
}
#newnametitle{
	display:none;
}
.mycarte input{
	background-color:black;
	color:white;
	border:1px solid white;
}
#listcarte{
	display:none;
}
circle{
	cursor:pointer;
}
h1{
	padding:0;
	margin:0;
}
h2{
	margin:5px;
	padding:2px;
	background-color:rgba(255,255,255,0.1);
}
footer{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	border-top:1px solid white;
	z-index:9;
}
form{
	text-align:center;
	display:block;
	margin:5px;
	padding:10px;
	background-color:rgba(255,255,255,0.2);
}
.formrow label{
	display:table-cell;
	text-align:right;
	padding:2px;
}
.formrow input{
	display:table-cell;
}
.formrow{
	display:table-row;
	margin:2px;
	padding:2px;
}
.tabform{
	display:inline-table;
	margin:2px;
	padding:2px;
}

.alert0{
	background-color:green;
	display:inline-block;
	border-left:1px solid white;
	border-bottom:1px solid white;
	border-right:1px solid white;
	position:fixed;
	top:0;
	padding:5px;
	text-align:center;
	z-index:9;
}
.alert1{
	background-color:red;
	border-left:1px solid white;
	border-bottom:1px solid white;
	border-right:1px solid white;
	position:fixed;
	top:0;
	padding:5px;
	text-align:center;
	z-index:9;
	display:inline-block;
}
#dropper{
	border:1px solid white;
	z-index:20;
	cursor:crosshair;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

#fondbulle{
	position:fixed;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.8);
	opacity:0.0;
	display:none;
}
#bulle{
	position:fixed;
	top:40px;
	width:60%;
	padding-left:10%;
	padding-right:10%;
	background-color:lightgray;
	color:black;
	left:10%;
	display:block;
}
#textinbulle div{
	margin-bottom:10px;
}
#reglages{
	text-align:left;
	height:0;
	overflow:hidden;
}
#buttonsettings{
	display:inline-block;
	float:right;
	width:20px;
	height:20px;
	margin:5px;
	border-radius:10px;
	background-image:url('./img/settings.png');
	background-size:cover;
}
#buttonsettings:hover{
	background-color:lightgreen;
}
#close{
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:20px;
	border-radius:20px;
	background-image:url('./img/close.png');
	background-size:cover;
}
#close_help{
	position:absolute;
	bottom:0;
	right:0;
	width:20px;
	height:20px;
	border-radius:20px;
	background-image:url('./img/close_help.png');
	background-size:cover;
}
#close_acc{
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	border-radius:20px;
	background-image:url('./img/close_help.png');
	background-size:cover;
}
#textinbulle{
	border:1px solid darkgray;
}
#inbulle{
	display:inline-block;
	border:1px solid black;
	margin:10px;
	padding:3px;
}
#load{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-image:url('./img/load-infinite.gif');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:black;
	opacity:0.0;
	z-index:8;
	display:none;
}
#formaddinmap{
	display:none;
}
#cmenu,#cmenu1,#cmenu2,#cmenu3{
	background-color:white;
	color:black;
	border:1px solid gray;
	width:180px; 
	display:inline-block;
	position:fixed;
	left:10px;
	top:10px;
	opacity:0;
	display:none;
	z-index:20;
	margin:0;
	padding:2px;
	list-style:none;
}
#cmenu li,#cmenu1 li,#cmenu2 li,#cmenu3 li{
	margin:2px;
	padding:2px;
	text-align:left;
	line-height:15px;
}
#cmenu li:hover,#cmenu1 li:hover,#cmenu2 li:hover{
	background-color:rgb(150,150,255);
}
.img{
	width:15px;
	height:15px;
	display:inline-block;
	margin-right:4px;
}
#acti{
	background-image:url('./img/acti.png');background-size:cover;
}
#addi{
	background-image:url('./img/addi.png');background-size:cover;
}
#anni{
	background-image:url('./img/close.png');background-size:cover;
}
#supe{
	background-image:url('./img/supme.png');background-size:cover;
}
#isoe{
	background-image:url('./img/isoleme.png');background-size:cover;
}
#depe,#masqornot{
	background-image:url('./img/favicon.png');background-size:cover;
}
#formtosup{
	display:block;
}
#tosup{
	background-color:darkred;
	color:white;
}
#lientosup{
	background-color:darkorange;
	color:white;
}
.listadmin{
	list-style:none;
	padding:5px;
	margin-left:20px;
	text-align:left;
}
.listadmin li{
	padding:2px;
	margin:2px;
}
#txt_hypermap{
	display:inline;
}
*{
	transition:opacity 0.5s;
	transition:all 1s;
}