

	#commentForm li {
		clear: both;
	}

		#commentForm li input, #commentForm li label {
			display: block;
		}

		#commentForm li label {
			width: 150px;
		}

		#commentForm li input, #commentForm li textarea {
			float: left;
			margin-bottom: 10px;
		}

		#commentForm li input {
			width: 250px;
		}

	/* FIN CommentForm */

	#news_commentaires {
		color: #000;
	}

		#news_commentaires .headerComment {
			padding: 3px 5px 3px 0;
			color: #1378E0;
		}
		
		#news_commentaires label {
			font-size: 12px;
			padding-bottom: 3px;
		}
			
		#news_commentaires textarea {
			display: block;
			width: 99%;
			border: 1px solid #B7B7B7;
			margin-bottom: 5px;
		}


	.CommentDate {
		color: #ADB6B9;
	}

	.comments p {
		margin: 5px 0;
	}

		.comments .myAvatar {
			float : left;
			margin: 5px 10px 10px 0;
			width: 50px;
		}

		.comments table td {
			text-align: left;
		}

	#commentsBox {
		position: relative;
		z-index: 0;
		margin-bottom: 5px;
	}


	/* début box des commentaires */
		/* début commentaires V1 -- pointe vers la gauche et avec avatar */
			.comment-bulle, .comment-bulleVert, .comment-bulleRouge {
				width: 500px;
				line-height: 1em;
				margin-left: 70px;
				border: 1px solid #CFCFCF;
				padding: 2px;
				position: relative;
				z-index: 0
			}
			
			.comment-pointe, .comment-pointeVert, .comment-pointeRouge {
				display: block;
				position: absolute;
				width: 9px;
				height: 15px;
				overflow: hidden;
				background: url(images/bullePointe.gif) left top no-repeat;
				top: 8px;
				left: -9px;
				z-index: 1;
			}
		/* fin commentaires V1 */

		
		.comment-bulleVert, .comment-bulleVertV2 { border: 1px solid #779e04; }
		.comment-bulleRouge, .comment-bulleRougeV2 { border: 1px solid #c20b29; }
		
	/* fin box des commentaires */

	/* sideBox -- surcharge d'une chromeBox permettant de changer le header en le "découpant" en deux... et plus si affinité */
		#sideBox .chromeBox-top, #sideBox .chromeBox-top .in2 {
			background: none;
		}

					
				
				
		#sideBox .chromeBox-content {
			padding-top: 10px;
		}	
	/* end sideBox */

	.s1 {
		display: block;
		background: #EFEFEF;
		padding: 1px 2px;
		font-size: 10px;
		color: #000;
	}

	.code {
		width: 90%;
		text-align: left;
		padding: 3px;
		font-family: 'Courier New', Courier, monospace;
		margin: 8px 5px;
		border: 1px solid #9E9E9E;
	}

	.spoiler {
		width: 90%;
		text-align: left;
		padding: 3px;
		margin: 8px 5px;
		border: 1px solid #9E9E9E;
	}

		.spoiler div.cache { visibility: hidden; }

	.quote {
		width:90%;
		text-align:left;
		padding: 3px 3px 3px 8px;
		padding-right: -15px;
		margin: 8px auto;
		border-left: 2px solid #CFCFCF;
		color: #5F5F5F;
	}

	.citation {
		text-align: left;
		padding: 3px;
		border: 1px solid #006DB9;
		width: 90%;
	}

		.citation td {
			padding: 3px;
			color: #5F5F5F;
		}

		.citation .first {
			background: #006DB9;
		}

	.headerComment-title {
		float: left; 
		/*margin-left: 100px;*/
	}
	

	.headerComment-actions {
		float: right;
		width: 50%;
		text-align: right;
		color: #A7A7A7;
		font-size: 10px;
	}

	/* début bb code */
	#BBTag-toolbar {
		padding: 3px;
		background: #EFEFEF;
	}

		.bt-toolbar {
			display: block;
			float: left;
			width: 22px;
			height: 22px;
			overflow: hidden;
			text-indent: 999px;
			white-space: nowrap;
			text-decoration: none;
			background-position: left top;
			background-repeat: no-repeat;
			margin: 0 1px;
		}
		
		.bt-toolbar:hover {
			background-position: left bottom;
		}


		#BBTag-toolbar label {
			padding-left: 28px;
			margin-right: 20px;
			line-height: 20px;
			width: 80px;
			display: block;
			float: left;
			background-position: top left;
			background-repeat: no-repeat;
		}
			

		#BBTag-toolbar input {
			display: block;
			float: left;
			margin-top: 3px;
			margin-right: 10px;
		}
		
		#BBTag-toolbar .clearfix {
			float: left;
		}
	/* fin bb code */
