.noir {font-family:Verdana;font-size:8pt;color:black;}
.bleuf {font-family:Verdana;font-size:8pt;color:#1D28FF;}
.bleu {font-family:Verdana;font-size:8pt;color:darkblue;}
.cyan {font-family:Verdana;font-size:8pt;color:cyan;}
.forestgreen {font-family:Verdana;font-size:8pt;color:forestgreen;}
.navy {font-family:Verdana;font-size:8pt;color:navy;}
.olive {font-family:Verdana;font-size:8pt;color:olive;}
.darkred {font-family:Verdana;font-size:8pt;color:darkred;}
.violet {font-family:Verdana;font-size:8pt;color:violet;}

body {
	background: #fff;
	}

#commentaire {
	width: 800px;
	/ width: auto;
	margin: 5px;
	padding: 0;
	background: #fff;
	text-align: center;
	}

#commentaire form {
	margin: 0;
	padding: 0;
	}

#commentaire form select {
	width: 100px;
	height: auto;
	margin: 3px 0;
	padding: 0;
	font: 8pt "Sylfaen",Tahoma,sans-serif;
	}

#commentaire form select.couleurs {
	width: 80px;
	height: 20px;
	margin-bottom: 6px;
	padding: 0;
	text-align: left;
	}

#commentaire form select.polices {
	width: 130px;
	height: 20px;
	margin-bottom: 6px;
	padding-left: 5px;
	padding: 0;
	text-align: left;
	}

#commentaire form textarea {
	fon: 8pt "Verdana",Tahoma,sans-serif;
	color:blue;
	background-color: #fff;
	border:1px solid #999;
	width:518px;
	height: 140px;
	margin: 0;
	padding: 0
	}

#commentaire form select option {
	font: 8pt "Sylfaen",Tahoma,sans-serif;
	}

#commentaire ul {
	width: 790px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	}

#commentaire ul li.expli {
	width: 680px;
	text-align: left;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	}

#commentaire ul li.expli p {
	text-align: left;
	font: 9pt "Verdana",Sylfaen,sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	}

#commentaire ul li.expli cite {
	text-align: left;
	font: 13pt "Verdana",Sylfaen,sans-serif;
	color: #000;
	}

#commentaire ul li.avatar {
	width: 110px;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	font: 8pt "Comic Sans MS",Verdana,sans-serif;
	font-weight: bold;
	}

#commentaire ul li.avatar img {
	padding-left: 20px;
	}

#commentaire ul.suite {
	width: 790px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	}

#commentaire ul.suite li {
	width: 790px;
	text-align: left;
	padding: 0;
	margin: 0;
	display: block;
	}

#commentaire ul.redaction {
	width: 790px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	}

#commentaire ul.redaction li.champ {
	width: 520px;
	text-align: left;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	}

#commentaire ul.redaction li.champ ul {
	width: 420px;
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 6px 0;
	}

#commentaire ul.redaction li.champ ul li {
	width: 520px;
	text-align: left;
	padding: 0;
	margin: 0;
	display:block;
	float: left;
	}

#commentaire ul.redaction li.champ ul li p {
	text-align: left;
	font: 9pt "Verdana",Sylfaen,sans-serif;
	color: #000;
	margin: 5px 0px 10px 0px;
	padding: 0;
	}

#commentaire ul.redaction li.champ ul li img {
	padding-right: 5px;
	border: 0;
	}

#commentaire ul.redaction li.champ ul li a {
	border: 0;
	text-decoration: none;
	}

#commentaire ul.redaction li.smileys {
	width: 260px;
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0;
	display: block;
	float: left;
	}

#commentaire ul.redaction li.smileys p {
	width: 240px;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#commentaire ul.redaction li.smileys img {
	max-width: 40px;
	max-height: 40px;
	}

#message {
	width: 590px;
	/ width: auto;
	margin: 5px;
	padding: 0;
	background: #fff;
	text-align: center;
	display: block;
	float: left;
	}

#message form {
	margin: 0;
	padding: 0;
	}

#message ul.ok {
	width: 590px;
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	display: block;
	float: left;
	}

#message ul.ok li.champ {
	width: 210px;
	text-align: left;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	}

#message ul.ok li.champ input {
	width: 200px;
	}

#message ul.ok li.texte {
	width: 380px;
	text-align: left;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font: 10pt "Sylfaen",Tahoma,sans-serif;
	}

#message ul.ok li.attention {
	width: 590px;
	text-align: left;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font: 9pt "Comic Sans MS",Tahoma,sans-serif;
	}

#message ul.ok li.attention span {
	font: 9pt "Comic Sans MS",Tahoma,sans-serif;
	color: red;
	}

#message ul.ok li.attention span.vert {
	font: 9pt "Comic Sans MS",Tahoma,sans-serif;
	color: green;
	}

#message ul.ok li.titrerouge {	
	width: 590px;
	text-align: left;
	margin: 0;
	padding: 10px 0;
	font: 8pt "Tahoma",Sylfaen,sans-serif;
	color: red;
	font-weight: bold;
	}

#message ul.ok li.textebleu {	
	width: 590px;
	text-align: left;
	margin: 0;
	padding: 5px 0;
	font: 9pt "Trebuchet MS",Sylfaen,sans-serif;
	}

#message ul.smileys {
	width: 590px;
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	display: block;
	float: left;
	}

#message ul.smileys li.titre {
	width: 590px;
	text-align: left;
	margin: 5px 0px;
	padding: 0;
	display: block;
	float: left;
	font: 9pt "Comic Sans MS",Tahoma,sans-serif;
	font-weight: bold;
	}

#message ul.smileys li.titre ul {
	width: 390px;
	/ width: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: left;
	display: block;
	float: left;
	}

#message ul.smileys li.titre ul li {
	width: auto;
	display: block;
	float: left;
	margin: 0;
	padding: 1px 2px 1px 2px;
	line-height: 1px;
	font-width: 1px;
	}

#message ul.note {
	width: 200px;
	list-style-type: none;
	margin: 5px 390px 0px 0px;
	padding: 0;
	display: block;
	float: left;
	}

#message ul.note li {
	width: 100px;
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	}

#quiz {
	width: 685px;
	/ width: auto;
	margin: 5px 0;
	padding: 0;
	background: #fff;
	text-align: left;
	display: block;
	float: left;
	}

#quiz ul {
	width: 685px;
	margin: 5px 0;
	list-style-type: none;
	padding: 0;
	text-align: center;
	display: block;
	float: left;	
	}

#quiz ul li.titre {
	width: 685px;
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
	float: left;
	font: 9pt "Trebuchet MS",Tahoma,sans-serif;
	color: #0B0F5B;
	text-decoration: underline;
	font-weight: bold;
	}

#quiz ul li.nom {
	width: 300px;
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
	float: left;
	font: 9pt "Trebuchet MS",Tahoma,sans-serif;
	line-height: 16px;
	}

#quiz ul li.date {
	width: 185px;
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
	float: left;
	font: 9pt "Trebuchet MS",Tahoma,sans-serif;
	color: blue;
	line-height: 16px;
	}

#quiz ul li.score {
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
	float: left;
	font: 9pt "Trebuchet MS",Tahoma,sans-serif;
	line-height: 16px;
	}