body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background-image:url(tesseract.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#000000;
}

form {
	margin:0px;
}

#mainDiv {
	min-width: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

.mainDiv {
	border: #444499 solid 3px;
	text-align: center;
	border-radius: 20px;
	background-color: #111155;
	width: 400px;
	margin: auto;
}

#loginForm {
	padding: 5px;
	padding-top: 10px;
	margin-top: 500px;
}

#loginForm input[type='text'],#loginForm input[type='password'] {
	width: 250px;
	margin-top: 2px;
}

#loginForm input[type='submit'] {
	width: 75px;
	height: 25px;
	margin-top: 10px;
	background-color: #CCCCEE;
	font-weight: bold;
}

#pseudoConnecte {
	background-color: #444499;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 26px;
	font-weight: bold;
	border-radius: 10px;
	color: #BBEEFF;
}

#menuDiv {
	margin-top: 20px;
}

#menuPublicDiv {
	margin-left: 5px;
	width: 350px;
}

#menuPrivateDiv {
	margin-left: 400px;
	width: 350px;
}

.menuTitle {
	width: 100%;
	background-color: #444499;
	border: #444499 solid 3px;
	border-radius: 20px;
	margin-left: -6px;
	margin-top: -3px;
	font-size: 22px;
	padding: 3px;
	color: #BBEEFF;
	font-weight: bold;
}

.menuItem {
	display: block;
	margin-bottom: 5px;
	padding: 2px;
	color: #BBEEFF;
	font-weight: bold;
}

.menuItem a {
	color: #BBEEFF;
}

#menuItemLocked {
	color: #FF0000;
}

#erreurPassword {
	color: #FF0000;
	font-weight: bold;
}

