html,body {
	padding: 0;
	margin: 0;
	background-color: rgb(255,255,255);
	font-family: Arial, Verdana, Sans-serif;
	font-size: 0.98em;
	height:100vh;
	
}


legend{
	color: rgb(255,255,255);
}


input{
	padding: 0px;
}

label {
	color: rgb(255,255,255);
}

fieldset {
	color: rgb(255,255,255);
	margin: 3px;
	padding: 10px;
}


@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}

@-keyframes rotate {
    from {
        -transform: rotate(0deg);
    }
    to { 
        -transform: rotate(360deg);
    }
}



#wait {
	position:absolute;
	border-top: 8px solid rgba(0,0,0,0.5);
	border-right: 8px solid rgba(0,0,0,0.3);
	border-bottom: 8px solid rgba(0,0,0,0.5);
	border-left: 8px solid rgba(0,0,0,0.3);
	border-radius: 100px;
	left:calc(50% - 50px);
	top:calc(50% - 150px);
	height: 100px;
	width: 100px;
    
    transition: all 0.5s ease-in;
    animation-name:             rotate; 
    animation-duration:         1.0s; 
    animation-iteration-count:  infinite;
    animation-timing-function: linear;
	z-index:200;
	visibility:hidden;
}





#container {
	background-color: rgb(255,255,255);
	/*padding-left:5px;
	padding-right:5px;
*/
}

#txt{
	top:-100px;
}

#entete {
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	background-color:rgb(255, 64, 0);
	height:100px;
	float:top;
}

#logo {
	font-size:3em;
	color: rgb(255,255,255);
	float:left;
	padding-left:10px;
	height:100%;
	width:auto;
	line-height: 90px;
}

#frmbtnlogin {
	float:right;
	text-align: center;
}

#logoprivate {
	font-size:3em;
	color: rgb(255,255,255);
	float:left;
	padding-left:10px;
	padding-top:10px;
	width:auto;
	height:50%;
}



#counter {
	font-size:0.3em;
	height:50%;
}

#frminfo {
	text-align: center;
	font-size: 0.9em;
	color: rgb(255,255,255);
	padding-right:5px;
	padding-top:5px;
	float:right;
}


#themap {
	background-color:rgb(255, 255, 255);
	position:absolute;
	top:100px;
	width:100%;
	height:100%;
	height:calc(100% - 100px);
	z-index: 2;
}


#ovlogin,#ovregister,#oveditor,#ovreminder{
	position:absolute;
	top:100px;
	width:100%;
	height:calc(100% - 100px);
	text-align:center;
	visibility:hidden;
	z-index: 3;
}


#frmregister,#frmlogin,#frmreminder,#frmpwlost {
	display:inline-block;
	background-color:rgb(255, 64, 0);
	border:1px solid black;
	width:auto;
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}


#btnregister,#btnlogin,#btnmembers {
    background-color:rgb(255, 118, 0);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance:none;
	border-radius:5px;
    margin-top:8px;
	margin-right:8px;
	padding-left:10px;
	padding-right:10px;
    border: none;
    color: rgb(255,255,255);
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
	width:auto;
	height:38px;
	
}

#btnregister:hover,#btnlogin:hover,#btngoregister:hover,#btncloseeditor:hover, #btncancelregister:hover, #btngologin:hover,#btncancellogin:hover,#btndisconnect:hover,#btnreminder:hover,#btnsendwp:hover, #btnraz:hover, #btnconfirmok:hover, #btnconfirmko:hover, #btnsearch:hover, #btnrazsearch:hover, #btnokmail:hover, #btnkomail:hover,#btnokmodifid:hover,#btnkomodifid:hover,#btnmembers:hover,#btncloseopmembers:hover,#btnsupmembers:hover,#btnchggrp:hover,#btnvalidelic:hover,#btnnolic:hover,#btnactivmembers:hover,#btnpwlost:hover,#btncontact:hover,#btngopwlost:hover,#btncancelpwlost:hover,#btnupdatelatlon:hover {
    background-color: rgb(255,200,0);
    color: rgb(255,255,255);
}

#btngoregister,#btncancelregister,#btngologin,#btncancellogin,#btngoreminder,#btncancelreminder,#btnvalidelic,#btnnolic,#btnpwlost,#btncontact,#btngopwlost,#btncancelpwlost,#btnupdatelatlon { 
    background-color:rgb(255, 118, 0);
	border: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance:none;
    border-radius:5px;
    color: rgb(255,255,255);
    text-align: center;
    text-decoration: none;
    display: inline-block;
	width:100px;
	height:35px;
	font-size:1em;
	margin-top:10px;
}

#btncancellogin,#btncancelregister,#btncancelnewpwd {
	float: right;
	margin-right:0;
}

#btnpwlost,#btncontact{
	width:100%;
}	

#btngologin,#btngoregister,#btngonewpwd {
	float: left;
	margin-left:0;
	
}	

#btngoregister {
	margin-right:10px;
}	

#btncloseeditor{
	margin:0;
	font-size:1em;
}

#btndisconnect{
	background-color:rgb(255, 118, 0);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance:none;
	border-radius:5px;
    margin:5px 0px 0px 0px;
	padding-left:5px;
	padding-right:5px;
    border: none;
    color: rgb(255,255,255);
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
	height:30px;
}

#btnreminder{
	background-color:rgb(255, 118, 0);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance:none;
	border-radius:5px;
    margin:5px 0px 0px 0px;
	padding-left:5px;
	padding-right:5px;
    border: none;
    color: rgb(255,255,255);
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
	height:30px;
}



#tfpseudor,#tfpwdr,#tfrepwdr,#tfmailr,#tfpseudoc,#tfpwdc,#tfnewpwd,#tfconfirmnewpwd,#tfsearch,#tfpseudolost,#tfmaillost{
	width: 205px;
	margin-top:5px;
	margin-left:3px;
	margin-bottom:5px;
	font-size:1.2em;
	padding-left:3px;
}

/***************************************************/
/* TABLEAU WP */
/***************************************************/

#frmtable {
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	background-color:rgb(255, 255, 255);
	top:100px;
	left:0;
	z-index: 1;
	height: -webkit-calc(100vh - 105px);
	height:calc(100vh - 105px);
	margin-bottom:5px;
}


#frmhead{
	text-align:center;
	flex-shrink: 1;
	margin-top:3px;
	margin-bottom:2px;
}

#frmcorps{
	flex-shrink: 20;
	text-align:center;
	overflow-y:auto;
}

#frmfoot{
	flex-shrink: 1;
	background-color:rgb(255, 118, 0);
	margin:1px;
	margin-top:2px;
}


#tablehead{
	border:0;
	border-collapse: collapse;
}

#tablehead tr td {
	border: 1px solid white;
	height:30px;
}


#tablecorps {
	width:100%;
	border:0;
	border-collapse: collapse;
}

#tablecorps tr td{
	border: 1px solid white;
}

#tdalti{
	width:4em;
}

#tdoaci{
	padding-left:5px;
	padding-right:5px;
}

#tdvu{
	padding-left:15px;
	padding-right:15px;
}

.sortup{
	background-image:url("src/sortup.png");
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:5px;
}

.sortdown{
	background-image:url("src/sortdown.png");
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:5px;
}

.nosort{
	padding-left:5px;
}	






#tablecorps tr:nth-child(odd) {background:rgb(250,238,158);}
#tablecorps tr:nth-child(even) {background:rgb(255, 118, 0);}

#tablehead tr:nth-child(odd) {background:rgb(255, 118, 0);}
#tablehead tr:nth-child(even) {background:rgb(255, 118, 0);}

#flexfoot{
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

#btnhelp{
	background-image:url("src/help.png");
	background-size: 40px 40px;
	width:40px;
	height:40px;
	margin-left:2px;
}

#btnadd{
	background-image:url("src/add.png");
	background-size: 40px 40px;
	width:40px;
	height:40px;
	margin-left:2px;
}

#btnnext{
	background-image:url("src/next.png");
	background-size: 40px 40px;
	width:40px;
	height:40px;
	margin-left:2px;
}

#btnprevious{
	background-image:url("src/previous.png");
	background-size: 40px 40px;
	width:40px;
	height:40px;
	margin-left:2px;
}

#btnfirst{
	background-image:url("src/first.png");
	background-size: 40px 40px;
	width:40px;
	height:40px;
	margin-left:2px;
}

#btnlast{
	background-image:url("src/last.png");
	background-size: 40px 40px;
	width:40px;
	height:40px;
	margin-left:2px;
}


#btnmailadmin{
	background-image:url("src/mailblack.png");
	background-size: 40px 40px;
	width:40px;
	height:40px;
	margin-left:2px;
}

#avertissement{
	line-height:20px;
	text-align:center;
	font-size:0.8em;
	color:rgb(255,255,255)
}

#ccbysa{
	background-image:url("src/ccbysa.png");
	background-size: 114px 40px;
	width:114px;
	height:40px;

}

#logoedit,#logoshow,#logodelete,#logomap,#logodl{
	width:30px;
	height:30px;
}




/*****************************************************/
/* EDITEUR DE FICHE */
/*****************************************************/
#frmeditor{
	position:relative;
	background-color:rgb(80,80,80);
	color:rgb(255,255,255);
	margin:auto;
	padding:5px;
	width:725px;
	height:500px;
	border:1px solid black;
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}



#lblnom{
	position:absolute;
	color:rgb(220,220,220);
	text-align: left;
	left:5px;
	top:5px;
	width:60px;
	height:20px;
	
}

#tfnom{
	position:absolute;
	left:55px;
	top:5px;
	width:240px;
	height:20px;
	text-transform: uppercase;
	padding-left:3px;
	padding-right:3px;
}

#lblcp{
	position:absolute;
	text-align: left;
	color:rgb(220,220,220);
	left:320px;
	top:5px;
	width:30px;
	height:20px;
}

#tfcp{
	position:absolute;
	left:350px;
	top:5px;
	width:55px;
	height:20px;
	padding-left:3px;
	padding-right:3px;
	text-transform: uppercase;
}

#lblpays{
	position:absolute;
	text-align: left;
	color:rgb(220,220,220);
	left:5px;
	top:40px;
	width:50px;
	height:20px;
}

#tfpays{
	position:absolute;
	left:55px;
	top:40px;
	width:130px;
	min-height:20px;
	padding-left:3px;
}

#lblville{
	position:absolute;
	text-align: left;
	color:rgb(220,220,220);
	left:195px;
	top:40px;
	width:35px;	
	height:20px;
}

#tfville{
	position:absolute;
	color:rgb(0,0,0);
	left:235px;
	top:40px;
	width:170px;	
	height:20px;
	text-transform: uppercase;
	padding-left:3px;
	padding-right:3px;
}



#tblatlon{
	position:absolute;
	left:0px;
	top:65px;
	
}

#fslat{
	height:115px;
}

#fslon{
	height:115px;
}

#tblat,#tblon{
	width:175px;
	height:100%;
}

#tblat td,#tblon td{
	text-align:left;
}

#tflatd,#tflond{
	width:80px;
	height:20px;
	padding-left:3px;
	padding-right:3px;
}
#tflatns,#tflonew{
	width:40px;
	min-height:20px;
}


#tflatm,#tflats,#tflonm,#tflons{
	width:135px;
	height:20px;
	padding-left:3px;
	padding-right:3px;
}

#tblat tr,#tblon tr, #tblatlon tr{
	background:transparent;
}

#tblat legend,#tblon legend, #tblatlon legend,#tblat label, #tblon label{
	color:rgb(220,220,220);
}	

#tblat td,#tblon td{
	color:rgb(220,220,220);;
}


#diveditor{
	position:absolute;
	top:215px;
	left:5px;
    right:5px;
	height:250px;	
}

#descarea{
	width:100%;
	height:100%;
	resize: none;
	font-family: inherit;
	font-size: inherit;
}


#visuimg{
	position:absolute;
	right:5px;
	width:290px;
	height:205px;
	font-size:0.5em;
	line-height: 180px;
	text-align:center;
	border: 1px solid rgb(128,128,128);
}

#imgdesc{
	top:0;
	left:0;
	position:absolute;
	max-width:290px;
	max-height:205px;
	width: auto;
	height: auto;
	visibility:hidden;
}

#filepicker{
	position:absolute;
	left:0;
	top:0;
	-moz-opacity:0 ;
	opacity:0;
}



#btncloseeditor, #btnsendwp, #btnraz{
	position:absolute;
	background-color:rgb(255, 118, 0);
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	-webkit-appearance:none;
	border-radius:5px;
	border: none;
	color: rgb(255,255,255);
	text-align: center;
	text-decoration: none;
	bottom:5px;
	left:5px;
	padding-left:5px;
	padding-right:5px;
	width:110px;
	height:30px;
	font-size:1em;
}


#btnsendwp{
	left:120px;
}

#btnraz{
	left:235px;
}



/************************************************/
/* ALERT BOX  */
/************************************************/

#modalContainer {
    background-color:transparent;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
    background-image:url(no.png);
}

#alertBox{
    position:relative;
    width:400px;
    min-height:100px;
    margin-top:50px;
    border:1px solid rgb(0,0,0);
    background-color:rgb(255,255,255);
    background-repeat:no-repeat;
    background-position:20px 30px;
}

#modalContainer > #alertBox {
   position:relative;
}


#alertBox h1 {
    margin:auto;
    font:bold 1em Arial,Hevetica, Sans-serif;
    background-color:rgb(255,0,0);
    color:rgb(255,255,255);
    border-bottom:1px solid rgb(0,0,0);
    padding:2px 0 2px 5px;
}

#alertBox p {
    
	font:0.8em Arial,Hevetica, Sans-serif;
    height:50px;
    width:400px;
	text-align:center;
    
}

#alertBox #closeBtn {
    display:block;
    position:relative;
    margin:5px auto;
    padding:7px;
    border:0 none;
    width:70px;
    font:0.9em Arial,Hevetica, Sans-serif;
    text-transform:uppercase;
    text-align:center;
    color:rgb(255,255,255);
    background-color:rgb(255,0,0);
    border-radius: 3px;
    text-decoration:none;
}


/**********************************************************/
/*  VISU FICHE */
/**********************************************************/

#ovvisufiche{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5;
	visibility:hidden;
	text-align:center;
}

#visufiche{
	background-color:rgb(255, 255, 255);
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction: column;
	border:2px solid rgb(0,0,255);
	/*max-width:80%;*/
	max-width:21cm;
	max-height:99%;
	margin:auto;
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	/*resize:both;*/
	overflow: hidden;
}


#gen{
	flex-shrink:0;
}

#titre{
	background-color:rgb(255, 64, 0);
	text-align:center;
	color:rgb(255,255,255);
	padding:0.3em;
	font-size:2.0em;
	font-weight:bold;
	border-bottom:2px solid rgb(0,0,255);
}

#coord{
	background-color:rgb(255,255,255);
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction:row;
	border-bottom:2px solid rgb(0,0,255);
	padding:0.2em;
	font-size:1.2em;
	font-weight:bold;
	font-weight:bold;
	flex-flow: row wrap;
	justify-content: space-around;
}

#lat{
	text-align:center;
}

#lon{	
	text-align:center;
}
#alti{
	text-align:center;
}

#containimg{
	text-align:center;
	padding:5px;
}


#imgvisu{
	float:center;
	/*margin-right:0.5em;*/
	max-height:30vh;
	min-height:20vh;
	max-width:80%;
	width:auto;
}	

#text{
	flex-shrink: 20;
	background-color:rgb(255,255,255);
	padding-left:0.5em;
	padding-right:0.5em;	
	overflow:auto;
	border-bottom:2px solid rgb(0,0,255);
	text-align:left;
}


#footer{
	display:-webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-shrink:0;
	flex-direction:row;
	justify-content:space-between;
	background-color:rgb(100,100,100);
	height:40px;
	font-size:15px;
	color:rgb(180,180,180);
}

#creation,#modification,#btnfooter{
line-height:40px;
}	

#slider{
	font-size:0.9em;
}

#creation{
	margin-left:0.5em;
}




#btnmail{
	height:30px;
	width:30px;
	margin-top:3px;
	margin-right:1em;
}

#btnclose{
	height:30px;
	width:30px;
	margin-top:3px;
	margin-right:0.5em;
}


/*************************************************************/
/* prompt confirmation */
/*************************************************************/
#ovfrmconfirm{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5;
	visibility:hidden;
	text-align:center;
	
}

#ovfrmconfirmflex{
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	width:100%;
	height:100%;
	align-items: center;
	justify-content: center;
	
}

#frmconfirm{
	background-color:rgb(255, 255, 255);
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction: column;
	border:1px solid rgb(0,0,0);
	width:auto;
	height:auto;
	margin:auto;
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	overflow: auto;
	
}


#lbltitle{
	background-color:rgb(255,0,0);
	color:rgb(255,255,255);
	font-size:1.3em;
	padding:8px;
	padding-left:12px;
	text-align:left;
}

#lblconfirm{
	color:rgb(0,0,0);
	font-size:1em;
	padding:15px;
}


#btnconfirmok, #btnconfirmko{
	background-color:rgb(255, 118, 0);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance:none;
	border-radius:5px;
    border: none;
    color: rgb(255,255,255);
    text-align: center;
    text-decoration: none;
		
	padding:5px;
	margin:5px;
	width:110px;
	height:30px;
	font-size:1em;
}

#btnconfirmko{
	float:right;
}

#btnconfirmok{
	float:left;
}

#frmsearch{
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction:column;
}

#fssearch{
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	height:80px;
}

#dvsearch{
	display:-webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	padding-top:8px;
	flex-direction:row;
	align-items: center;
	justify-content: center;
}

#tfsearch{
	margin-right:5px;
	width:210px;
}


#btnsearch{
	background-color:rgb(255, 118, 0);
	border: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance:none;
    border-radius:5px;
    color: rgb(255,255,255);
    text-align: center;
    text-decoration: none;
	float:right;
	width:60px;
	height:25px;
	font-size:1em;
	margin-top:0px;
	margin-right:8px;
}

#btnrazsearch{
	background-color:rgb(255, 118, 0);
	border: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance:none;
    border-radius:5px;
    color: rgb(255,255,255);
    text-align: center;
    text-decoration: none;
	float:right;
	width:60px;
	height:25px;
	font-size:1em;
	margin-top:0px;
	margin-right:0;
}

.cbox{
	margin-left:8px;
	margin-right:8px;
}







/****************************************************/
/* MAIL */
/****************************************************/

#ovfrmmail,#ovfrmmailadmin,#ovmodifid,#ovopmembers,#ovpwlost{
	position:absolute;
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	align-items: center;
	justify-content: center;	
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5;
	visibility:hidden;
	text-align:center;
	
}
	
#frmmail,#frmmailadmin,#frmmodifid{
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction: column;
	align-items:strech;
	background-color:rgb(100,100,100);
	border:1px solid black;
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	max-width:15cm;
	min-width:7cm;
	width:8cm;
	overflow: hidden;
	
}

#lblmail,#lblmailadmin,#lblmodifid,#lblopmembers{
	background-color:rgb(255, 118, 0);
	color:white;
	height:30px;
	line-height:30px;	
}

#areamail,#areamailadmin{
	width:100%;
}

#contentmail,#contentmailadmin{
	width:100%;
	height:150px;
	resize: none;
	font-family: inherit;
	font-size: inherit;
	
}

#footermail,#footermailadmin,#footermodifid,#footeropmembers{
	background-color:rgb(100,100,100);
	height:40px;
}

#btnokmail, #btnkomail,#btnokmailadmin,#btnkomailadmin,#btnokmodifid,#btnkomodifid,#btncloseopmembers,#btnsupmembers,#btnchggrp,#btnactivmembers{
	float:left;
	background-color:rgb(255, 118, 0);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance:none;
	border-radius:5px;
    border: none;
    color: rgb(255,255,255);
    text-align: center;
    text-decoration: none;
	bottom:5px;
	padding-left:5px;
	padding-right:5px;
	margin:5px;
	width:110px;
	height:30px;
	font-size:1em;
}

#btnkomail,#btnkomailadmin,#btnkomodifid{
	float:right;
}


#ovminimap{
	
	position:absolute;
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	align-items: center;
	justify-content: center;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	visibility:hidden;
	text-align:center;
	
}

#containminimap{
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction: column;
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	
}

#infominimap{
	background-color:rgb(255, 64, 0);
	color:rgb(255,255,255);
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction: row;
	align-items: flex-end;
}


#closemap{
	height:40px;
	width:40px;
	padding-right:10px;
	margin-right:1px;
	background-image:url("src/closeblack.png");
	background-size:40px 40px;
	background-repeat:no-repeat;
}

#infolatlon{
	height:40px;
	width:calc(100% - 40px);
	text-align:center;
	line-height:40px;
}

#btnupdatelatlon{
	top:5px;
	height:30px;
	padding:0;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:30px;
	margin-right:30px;
	visibility:hidden;
	
}



#minimap{
	width:50vw;
	height:60vh;

}

#frmmodifid{
	width:180px;
}	

#tfmodifid{
	
	padding:2px;
	margin-right:5px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-transform: uppercase;
	
}
/****************************************************/
/* Show licence */
/****************************************************/
#ovshowlic{
	
}



/****************************************************/
/* OPE MEMBERS */
/****************************************************/

#frmopmembers{
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction: column;
	align-items:strech;
	background-color:rgb(255,255,255);
	border:1px solid black;
	-moz-box-shadow: 10px 10px 5px 0px #656565DD;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565DD;
	box-shadow: 10px 10px 5px 0px #656565DD;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565DD, Direction=134, Strength=5);
	max-height:calc(100% - 150px);
	max-width:95%;
	

}

#lblopmembers{
	flex-shrink:1;	
}

#lstopmembers{
	border:0;
	border-collapse: collapse;
	flex-shrink: 20;
	overflow-y:scroll;
}

#lstopmembers td,th{
    padding-left: 10px;
	padding-right: 10px;
    text-align: center;
}

#lstopmembers tr:nth-child(odd) {background:rgb(250,238,158);}
#lstopmembers tr:nth-child(even) {background:rgb(255, 118, 0);}

#footeropmembers{
	flex-shrink: 1;
}

#btnchggrp{
	width:160px;
}

#thpseudo,#thgroupe,#thnbpoi,#thlastvisite,#thinscription,#thactif,#thmail{
	min-width:100px;
}

#thid{
	min-width:60px;
}

#thlastvisite{
	min-width:120px;
}

/****************************************************/
/* Show licence */
/****************************************************/


#ovshowlic{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5;
	visibility:hidden;
	text-align:center;
}

#showlic{
	background-color:rgb(255, 255, 255);

	
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-direction: column;
	border:2px solid rgb(0,0,0);
	max-width:21cm;
	max-height:99%;
	margin:auto;
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	/*resize:both;*/
	overflow: hidden;
}

#lic{
	flex-shrink:20;
	width:100%;/*21cm;*/
	overflow-y:scroll;
	overflow-x:hidden;
}

#imglic{
	width:100%;/*20.5cm;*/
	height:auto;
}



#btnlic{
	display:-webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:flex;
	flex-shrink:0;
	flex-direction:row;
	justify-content:space-around;
	background-color:rgb(100,100,100);
	height:50px;
	font-size:15px;
	color:rgb(180,180,180);
}

#btnvalidelic,#btnnolic{
	
	height:35px;
	margin-bottom:7px;
}