style.css

.table label
{
	display: block;
	width: 150px;
	float: left;
}

.message_0, .message_1, .message_2
{
	padding: 5px;
	margin: 5px;
}

.message_0 /* SUCCESS */
{
	background-color: rgba(0,255,0,0.4);
}
.message_0:before
{
	color:rgb(0,255,0);
	content: "✓";
	padding-right: 5px;
}

.message_1 /* ERROR */
{
	background-color: rgba(255,0,0,0.4);
}
.message_1:before
{
	color:rgb(255,0,0);
	content: "❌";
	padding-right: 5px;
}

.message_2 /* INFO */
{
	background-color: rgba(0,0,255,0.4);
}
.message_2:before
{
	color:rgb(0,0,255);
	content: "#";
	padding-right: 5px;
}

.credit {
	color: gray;
	text-align: right;
	font-style: italic;
}

nav li {
	display: inline-block;
}
nav li:after {
	content: ' |';
	padding: 0 5px;
}
nav li:last-child:after {
	content: '';
}

#contenuContainer>div {
	border: 1px solid gray;
	margin: 5px;
	padding: 5px;
}
#contenuContainer input[type="text"] {
	width: 50%;
} 
#contenuContainer textarea {
	width: 100%;
	height: 150px;
} 

.col50 {
	width: 50%;
	display: inline-block;
}
.right {
	float: right;
}