header
{
	border: 3px black solid;
	border-radius: 10px;
	margin-bottom: 10px;
	margin-top:20px;
	/*margin-left:1%;
	margin-right:1%;*/
	padding:15px;
	font-size: 120%;
	color: gold;
	
	/*background-image:-moz-linear-gradient(60deg, blue 50%, red 50%);*/
	background-image:-webkit-linear-gradient(30deg, blue 50%, red 50%);
	/*background-image:-o-linear-gradient(60deg, blue 50%, red 50%);*/
	background-image:linear-gradient(3deg, blue 50%, red 50%);
}

body
{
	font-family: Geneva, Kalimati, sans-serif;
	font-size: 90%;
	
}

nav
{
	background: lightgrey;
	float: left;
    /*width: 150px;*/
	width: 15%;
	border: 3px black solid;
	border-radius: 10px;
	font-weight:bold;
}

nav li
{
	/*border: 1px red solid;*/
	border-radius: 3px;
	margin-bottom:10px;
	margin-right:10px;
	background: #b3ccff;
}

nav a
{
	text-decoration:none;
	font-weight:normal;
	color: black;
}

a:hover
{
	color: red;
}

nav a:visited
{
	color: black;
}


h1
{
	font-size: 120%;
	background-color:#b3ccff;
	border-radius: 10px;
	padding:10px;
	text-align: center;
}

h2
{
	font-size: 110%;
	background-color:#ccddff;
	border-radius: 10px;
	padding:5px;
	text-align: center;
	margin-right:50%;
}

#main
{
	background: lightgrey;
	width: 78%;
	padding: 20px;
	margin:auto;
	border: 3px black solid;
	border-radius: 10px;
	float: right;
}

#login
{
	background: lightgrey;
	float: left;
    /*width: 150px;*/
	width: 15%;
	border: 3px black solid;
	border-radius: 10px;
	font-weight:bold;
	padding:5px;
}

#login input[type="text"]
{
	width: auto;
}

#login input[type="password"]
{
	width: auto;
}

#legend
{
	background: lightgrey;
	float: right;
	padding: 10px;
    /*width: 150px;*/
	width: 15%;
	border: 3px black solid;
	border-radius: 10px;
	
}

.error
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ff8080;
	padding:5px;
	margin-bottom:10px;	
}

.warning
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ffd280;
	padding:5px;
	margin-bottom:10px;	
}

.report
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ccffcc;
	padding:5px;
	margin-bottom:10px;	
}

.mdr
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ccffcc;
	padding:5px;
	margin-bottom:10px;	
}

.cadre
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ffffcc;
	padding:5px;
	margin-bottom:10px;	
}




.activity
{
	border: 1px black solid;
	border-radius: 10px;
	background: lightcyan;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	color:black;
}

.battery
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ffffcc;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	color:black;
}

.services
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ffd280;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	color:black;
}


.ops
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ff9f80;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	color:black;
}

.formation
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ccffcc;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	color:black;
}

.others
{
	border: 1px black solid;
	border-radius: 10px;
	background: #ccddff;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	color:black;
}

.button
{
	text-decoration:none;
	border: 1px black solid;
	border-radius: 10px;
	background: lightgrey;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
}

div .adroite
{
	float:right;
	
}

div .docLink
{
	float:right;

}

div .devise
{
	border: 2px grey solid;
	border-radius: 10px;
	background: ligtblue;
	padding: 5px;
	margin-bottom:10px;
	margin-top:10px;
	float: center;
	width: 33%;
}

div .deviseText
{
	align:center;
	
}