body {
	background-color: black;
	color: yellow;
	font-size: 14px;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}

body.loaded {
	background-color: #078B07;
}

img#background {
	display: none;
	margin: 0;
	padding: 0;
}

div.container {
	margin: 0 auto;
	width: 821px;
}

div#black {
	background-color: black;
}

div.titre {
	margin: 8px auto 0px;
	color: darkorange;
	font-size: 20px;
	text-align: center;
	width: 800px;
}

div.field {
	display: none;
}

div fieldset {
	border: 1px darkorange solid;
	margin: 0 auto;
	padding: 4px 10px;
	width: 800px;
}

legend {
	color: white;
	font-weight: bold;
	padding: 0 10px;
}

table {
	margin: 0;
	padding: 0;
	width: 800px;
}

table.base {
	width: 775px; 
}

div.base {
	overflow: auto;
}

table.base th, table.base td {
	border: 1px maroon dashed;
	margin: 0;
	padding: 3px;
	text-align: left;
}

a:link, a:visited {
	text-decoration: none;
	color: green;
}

a:hover, a:focus, a:active {
	text-decoration: none;
	color: limegreen;
}

img.sort {
	border: 0;
	text-decoration: none;
}

img.close {
	border: 0;
	text-decoration: none;
}

p.msg {
	color: orange;
	margin: 0;
	padding: 3px 0 3px 0;
}

p.flt {
	border-color: maroon;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 0;
	padding: 0 0 6px;
}

td.val {
	font-style: normal;
	text-decoration: none;
}

td.lock {
	font-style: italic;
	text-decoration: none;
}

td.delt {
	font-style: normal;
	text-decoration: line-through;
}

form.dummy {
	display: none;
}

table.user {
	border: 1px red solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 800px;
}

table.user tr {
	vertical-align: bottom;
}

table.user td {
	margin: 4px 0;
	padding: 4px 0;
	width: 195px;
}

table.user td.label {
	padding: 4px;
	text-align: right;
}

table.user input.text {
	width: 190px;
}

table.user td.data3 {
	width: 585px;
}

table.user input.data3 {
	width: 585px;
}

/* Styles pour les boutons d'action */

table.actions, table.actions tr, table.actions tr td {
	margin: 0;
	padding: 0;
}

table.button {
	background-color: silver;
	border: 3px gray outset;
	color: brown;
	cursor: pointer;
	float: left;
	font-size: 11px;
	margin: 3px 3px 3px 4px;
	padding: 0;
	width: 150px;
}

table.button td, table.button p {
	margin: 0;
	padding: 0;
	text-align: center;
}

img.button {
	background-color: white;
	height: 50px;
	width: 50px;
}

/* Styles pour la table d'exportation */

table.list th, table.list td {
	border: 1px maroon dashed;
	margin: 0;
	padding: 3px;
	text-align: center;
}

table.list th.nom, table.list td.nom {
	text-align: right;
}

p.note {
	font-size: 12px;
	margin: 2px 30px;
	padding: 0;
}

span.note {
	font-size: 8px;
	vertical-align: super;
}

p.listOrder, p.listSort {
	display: inline;
}

/* Styles pour la page d'identification */

div.ident {
	margin: 8px auto;
	color: darkorange;
	font-size: 16px;
	text-align: center;
	width: 800px;
}

/* Styles pour la page d'administration et la page des membres */

table.connect {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

table.connect td {
	margin: 0;
	padding: 0;
	width: 50%;
}

table.connect td.label {
	text-align: right;
}

table.connect td.field {
	text-align: left;
}

table.connect p {
	margin: 12px;
	padding: 0;
}

button.connect, input.connect {
	border-width: 10px;
	height: 6em;
	margin: 20px;
	width: 16em;
}

p.error {
	color: red;
}