@CHARSET "ISO-8859-1";

body {
	background-color: #D0E0FF;
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#selecteur
{
	/*border: 0.1em solid #333;
	border-color: black;*/
	height:320px;
	width:95%;
	display: block;  
	overflow:hidden;  
	overflow-x: hidden;  
	overflow-y: auto;  
	align:center;
	padding: 5px;
	margin: 10px;
	/*background-color: white;*/
}

#selecteur img
{
	border: 0;	
	width: 20px;	
}

#loginWindow { /*border: 0.1em solid #333;*/ /*border-color: black;*/
	margin: 10px;
	padding-top: 10px;
	padding-bottom: -20px;
	margin-right: 150px;
	margin-left: 150px;
}

#logo {
	text-align: center;
}

#consoleVersion {
	position: relative;
	top: -40px;
	text-align: center;
	color: yellow;
}

#serveurVersion {
	position: relative;
	top: -40px;
	text-align: center;
	color: yellow;
}

#copyright {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin: 20px;
}

#error_message {
	text-align: center;
	color: red;
}

#explication {
	text-align: left;
	color: black;
}

#loginForm {
	position: relative;
	top: -30px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: 0.1em solid #333;
	border-color: black;
	border: 0.1em solid #333;
}

dl,dt,dd,ul,li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#entete {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%; /* precision for Opera */
}

#entete img {
	position: absolute;
	top: 0;
	right: 0;
	height: 100px;
}

#entete_suite {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 100;
	width: 100%; /* precision for Opera */
}

#menu {
	position: absolute; /* Menu position that can be changed at will */
	top: 40px;
	left: 0;
	z-index: 100;
	width: 100%; /* precision for Opera */
}

#menu dl {
	float: left;
	width: 11em;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #6495ed;
	border: 1px solid white;
	margin: 1px;
	color: #fff;
}

#menu dd {
	display: none;
	border: 1px solid gray;
}

#menu li {
	text-align: center;
	background: #fff;
}

#menu dt a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#menu li a {
	color: #6495ed;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#menu li a:hover,#menu li a:focus,#menu dt a:hover,#menu dt a:focus {
	color: #6495ed;
	background: #D0E3FA;
}

#corps {
	position: relative;
	color: #222;
	top: 90px;
	left: 10px;
	width: 88%;
	align: center;
	border: 0.1em solid #333;
	padding: 10px;
	margin: 10px;
}

#detail {
	position: relative;
	align: center;
	top: 100px;
	left: 10px;
	width: 88%;
	border: 0.1em solid #333;
	padding: 10px;
	margin: 10px;
}

#detail2 {
	position: relative;
	align: center;
	top: 100px;
	left: 10px;
	width: 88%;
	border: 0;
	padding: 10px;
	margin: 10px;
}

#boutons {
	position: relative;
	align: center;
	top: 100px;
	left: 10px;
	width: 88%;
	border: 0;
	padding: 10px;
	margin: 10px;
}

table {
	border: medium solid #6495ed;
	border-collapse: collapse;
	/*width: 50%;*/
	width:98%;
}

th {
	font-family: monospace;
	border: thin solid #6495ed;
	/*width: 50%;*/
	padding: 5px;
	background-color: #D0E3FA;
	text-align: center;
	/*background-image: url(sky.jpg);*/
}

td {
	font-family: sans-serif;
	border: thin solid #6495ed;
	/*width: 50%;*/
	padding: 5px;
	text-align: left;
	background-color: #ffffff;
}

.noborder span{
	vertical-align: middle;
}

caption {
	font-family: sans-serif;
}

.actif {
	/* rien de special */
}

.desactif {
	background-color: #DDDDDD;
	font-style: italic;
}

.sonfutur{
	color: green;
}

.sonfutur a {
	color: green;	
}

.soncourant {
	color: red;
}

.soncourant a {
	color: red;
}

.sondirect {
	background: red;
	color: white;
	font-size:8;
}

.sondirect a {
	background: red;
	color: white;
	font-size:8;
}

.sonpasse {
	color: blue;
}

.sonpasse a {
	color: blue;
}

.console_infos table {
	border: medium solid #6495ed;
	border-collapse: collapse;
	/*width: 50%;*/
}

.console_infos th {
	font-family: monospace;
	border: thin solid #6495ed;
	/*width: 50%;*/
	padding: 5px;
	background-color: #DFE3FA;
	/*background-image: url(sky.jpg);*/
}

.console_infos td {
	font-family: sans-serif;
	border: thin solid #6495ed;
	/*width: 50%;*/
	padding: 5px;
	text-align: center;
	background-color: #ffffff;
}