* {
	font-family: Arial, Calibri, Serif;
	font-size: 12px;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

a {
	font-weight: bold;
	color: #000044;
	text-decoration: none;
}

a:hover {
color: #DD0000;
}

a img {
	border: 0;
}

table {
	border-collapse: collapse;
}

table tr th, table tr td {
	border: 1px solid black;
	padding: 1px 3px;
}

table tr th {
	background: #DD0000;
	color: #FFFFFF;
	font-weight: bold;
}

table tr th a {
	color: #FFFFFF;
	text-decoration: none;
}

table tr th a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

table tr td.select {
	background: darkgreen;
	color: white;
}

.center  {
	text-align: center;
}

h2 {
	font-size: 16px;
	width: 500px;
	border-bottom: 1px solid gray;
}

/* --------------------       ENTETE       -------------------- */

#top {
	margin: 0;
	padding: 0;
	height: 70px;
	background: #CCCCCC url(/img/top.png) 5px 5px no-repeat;
display:none;
}

/* --------------------       MENU       -------------------- */

#menu {
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
	background: #EEEEEE;
	height: 90%;
display:none;
}

#menu ul  {
	margin: 10px 0 0 10px;
	padding: 0;
	list-style-type: none;
}



/* --------------------       CONTENT GENERAL       -------------------- */

#content {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background: #FFFFFF;
}

tr.past td {
	text-decoration: italic;
	background: #dddddd;
}

tr.now td {
	font-weight: bold;
	background: #ff9900;
}

tr td.EnTeteMois {
	font-weight: bold;
	color: white;
	background: #222288;
}

tr.cancel td {
	font-style: italic;
	text-decoration: line-through;
	background: orange;
}

tr.cancel td.commentaire {
	background: red;
	color: white;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	text-align: center;
}

.dispo {
	color: darkgreen;
	font-weight: bold;
}

.nondispo {
	color: red;
	font-weight: bold;
}

.inprogress {
	color: orange;
	font-weight: bold;
	font-style: italic;
}

/* --------------------       CHAT       -------------------- */

div.message {
	border: 1px solid black;
	margin: 10px 0;
	width: 500px;
}

div.message h3 {
	background: red;
	color: white;
	font-weight: bold;
	margin: 1px;
	padding: 1px 3px;
}

div.message h4 {
	color: #666666;
	font-weight: normal;
	font-style: italic;
	margin: 1px;
	font-size: 11px;
	text-align: right;
}

div.message div.text {
	margin: 0 3px 3px;
	background: #e9e9e9;
	padding: 3px;
}

#postMessage {
	border: 1px solid black;
	margin: 10px 0;
	width: 490px;
	padding: 5px;
}

#postMessage p label {
	width: 150px;
	font-weight: bold;
	color: black;
	float: left;
}

#postMessage p input {
	border: 1px solid black;
	width: 200px;
}

#postMessage p input.button {
	border: 1px solid black;
	width: 200px;
	background: red;
	color: white;
	font-weight: bold;
}

#postMessage p textarea {
	border: 1px solid black;
	width: 470px;
	height: 100px;
}

span.BoldGreen {
	font-weight: bold;
	color: darkgreen;
}

span.BoldRed {
	font-weight: bold;
	color: red;
}