p .bbcode {
	margin: auto;
}

.td_mess
{
width: 200px; 
border: 1px solid #777777;
}

.bb_boutton
{
	background-color: #000000;
	color: #FFFF00;
	width: 30px;
}

.bb_boutton_2
{
	background-color: #000000;
	color: #FFFF00;
	width: 45px;
}

.bb_boutton_3
{
	background-color: #000000;
	color: #FFFF00;
}

.bb_boutton:hover{
	cursor: pointer;
}

.bb_boutton_2:hover{
	cursor: pointer;
}

.bb_boutton_3:hover{
	cursor: pointer;
}


/*BBcode*/

div.code /* Pour le style des cadres contenant les codes colorés */
{
	overflow: auto;
	width: 99%;
	border: 1px solid black;
	
	/*padding-left: 5px;*/
	
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
}

div.bbcode /* Pour le div contenant tout le BBcode (smiley, bouton, textarea) */
{
	width: 400px;
}

/*** Définition le style du div donnant le nombre de tag ouvert et les infos sur les boutons BBcode ***/
div.infos
{
	font-size: 85%;
}
/*** Fin de la définition du div donnant le nombre de tag ouvert et les infos sur les boutons BBcode ***/

/*** Définition du div permettant l'affichage de la prévisualisation instantannée ***/
div#prev_text
{
	border: 1px solid black;
	padding: 5px 5px 5px 5px;
	width: 800px;
	height: 250px;
	overflow: auto;
}
/*** Fin de la définition du div permettant l'affichage de la prévisualisation instantannée ***/

/*** Définition le style et le positionnement du tableau contenant les smiley ***/
table.smiley
{
	margin: auto;
}

.smiley a:hover {
	background-color: white;
} 
/*** Fin de la définition du style et du positionnement du tableau contenant les smiley ***/

/*** Définition du style pour les span ***/
span.b
{
	font-weight: bold;
	color: #499F13;
}

span.i
{
	font-style: italic;
}

span.o
{
	text-decoration: overline;
}

span.s
{
	text-decoration: line-through;
}

span.u
{
	text-decoration: underline;
}
/*** Fin de définition du style pour les span ***/


span.quote_gras
{
	font-weight: bold;
}

span.quote_italic
{
	font-style: italic;
}
/*** Fin de la définition du style pour les span ***/