body{
margin:0;
top:0;
background-color: #006f9F;
}
.Style1 {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.Style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
#menu
{
margin-top:-16px;
height:37px;
background-color:#9c99b4;
-webkit-padding-start: 5px
}
#menu a{
display:block;
width:100%;
height:100%;
text-decoration:none;
color:white;
}
#divmenu {
margin:auto;
width:800px;
}
ul #menu{
position: relative;
padding: 1px 0px 0px 0px;
display:block;
height: 35px;
}
#menu li{
position: relative;
list-style: none;
color:white;
display:inline-block;
height:25px;
margin: 0px;
padding: 12px 5px 10px 5px;
cursor:pointer;
}
#menu ul{
margin-top:5px;
position: absolute;
width:150px;
height:0;
display: none;
padding: 0px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
background-color:#4345A9;

opacity:0.9;
}
#menu ul li{
width:140px;
color:white;
padding:5px;
}
#menu ul li:hover{
color:white;
background-color:#888AD0;
}
#menu ul li:last-child:hover{
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}
#menu li:last-child{
font-weight:bold;
color:#4345A9;
}
#menu li ul li{
position: relative;
display:block;
list-style: none;
float: left;
margin: 0px;
cursor:pointer;
}
#menu li ul li ul{
margin-top:-25px;
margin-left:145px;
position: absolute;
width:150px;
height:0px;
display: none;
padding: 0px;
background-color:#888AD0;
opacity:0.9;
}
#menu li ul li ul li{
height:20px;
}
#footer{
padding-top:5px;
margin:40px 0 40px 0;
background-color:#1db1f1;
height:20px;
}
#footer span{
cursor:pointer;
}
#mention{
color:#FFFFFF;
width:600px;
height:auto;
position:fixed;
left: 50%;
top:100px;
margin-left: -300px;
background-color:#61559d;
Z-index:2;
text-align: justify; text-justify: newspaper;
padding:20px;
opacity:0;
display:none;
}
#mention img{
cursor:pointer;
}
#contact{
color:#FFFFFF;
width:500px;
height:auto;
position:fixed;
left: 50%;
top:100px;
margin-left: -300px;
background-color:#61559d;
Z-index:2;
text-align: justify; text-justify: newspaper;
padding:20px;
opacity:0;
display:none;
}
#left{
width:60%;
float:left;
}
#right{
margin-top:70px;
width:39%;
float:right;
}
#command{
color:#FFFFFF;
width:600px;
height:auto;
position:fixed;
left: 50%;
top:0;
margin-left: -300px;
background-color:#61559d;
Z-index:2;
text-align: justify; text-justify: newspaper;
padding:0 20px 20px 20px;
opacity:0;
display:none;
}
@media screen and  (max-height: 900px) {
#command input{
font-size: 14px;
padding: 1px 1px;
}
}
#command input{
border: 1px solid #484847;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
box-shadow: 2px 2px 3px #000;
font-size: 17px;
padding: 1px 4px;
outline: 0;
-webkit-appearance: none;
}
#coord{
border:1px solid gray;
border-radius:10px;
padding:5px;
}
#command h2{
color:#928366;
text-shadow: 0.1em 0.1em 0.1em black;
margin-top:2px;
margin-bottom:1px;
}
#info{
color:#f393f9;
}
.note{
font-size:8px;
}
.redput{
color : white;
background-color:red;
}