html,
body {
	margin:0;
	padding:0;
}

body {
	/*border:1px solid #c7c7c7;*/
	text-align:center;
	color:black;
	background-color:#fff;
	font:90% Helvetica, Arial, sans-serif;
	/* height:410px; */
}

h2,h3 {
	margin:0.8em 0 0 0;
	padding-left:15px;
}

a {
	color:black;}
a:visited {
	color:#666;}

#header {
	display:none;
	color:white;
	background:#6CA137;
	padding:1em;}
	#header h1 {
		margin:0;}
		#header h1 a {
			color:inherit;
			margin:0;}

#content {
	text-align:left;
	margin:0 auto;
	padding:10px;
	/* width:695px; */
}


ul {
	list-style-type:none;
	padding:0;
	margin:0;}

#chat {
	border:1px solid #6CA137;
	height:288px;
	width:500px;
	overflow:auto;}

	#chat p {
		margin:0;}
	#chat .waiting {
		color: #999;}

#chat-box {
	padding:0;
	margin:0;}

.accueilChat {
  background:#fff;
}

#infoUtilisateur {
	height:290px;
}

#nickname {
	font-weight: bold;
}
#text-nickname,
#text-message-thanks,
#text-message {
	margin:2px;
	height: 32px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
			margin-top: 10px;
	color: #6CA137;}
#text-message-thanks {
  color: #DD4837;
}
#text-nickname {
	height:20px;
}
#text-wrapper {
	padding:0;
		margin:0;

	/*background:#FEFEFE url(../images/backinput.gif) repeat-x scroll left top;*/
	/*border:1px solid #CCCCCC;*/
	position:relative;
	width:500px;
}


#text-wrapper textarea {
	border: 1px solid #6CA137;
	font-family:Helvetica,Arial,sans-serif;
	/*background:#FEFEFE url(../images/backinput.gif) repeat-x scroll left top;*/
	font-size:0.9em;
	padding:1px;
	margin: 3px;
	width:500px;
	height:50px;
	overflow:auto;

	clear: both;
}

#text-wrapper .submitBtn {
  margin:0;
  float: right;
	padding: 4px 7px;
	font-size:12px;
	background:#009f83 url(../../images/chat/ok.gif) repeat-x scroll left bottom;
	border: 0;
	color:#fff;
}

#users {
	float:right;
	width:185px;}
	#users h2 {
		font-size:0.9em;
		color:#000;
		margin:0;
		padding:0.5em 0 0.6em 3.5em;
		background:transparent url(../../images/chat/bubulle.gif) no-repeat 9px 2px;

		border-bottom:1px solid #e4e4e4;
	}

	#users ul {
		background:#fff;
		border:1px solid #6CA137;
		height:359px;
		overflow:auto;
	}

	#users ul li {
		font-size:0.9em;
		padding:5px;
		border-bottom:1px dashed #e4e4e4;
	}

	#users .current {
		font-weight:bold;}

#chat .admin strong,
#users .admin {
	color: #6CA137;}

#admin-title {
	float:left;
	font-size:2em;
	padding-right:1em;}


h2,h3,h4,h5,h6 {
	color:#6CA137;}
h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {
	color:#000;}

.message {
	background:#ccc;
	padding:.5em;}
.errors {
	background:#ccc;
	padding:.5em;
	margin-bottom:1em;}

label {
	cursor:pointer;}
label.error {
	color:#900;}
input.error, textarea.error {
	background:#fee;}

.offline {
	opacity:.3;}

.tabs {}
	.tabs li {
		display:inline;}

label {
	float:left;
	width:5em;
	text-align:right;
	padding-top:.3em;
	margin-right:1ex;}


#chat ul li {
	font-size:0.9em;
	background-color:#fff;
	border-bottom:1px solid #6CA137;
	border-top: 0;
	margin:0;
	overflow:hidden;
	padding:5px;
	margin: 0 5px;
}

	#chat ul li span.time {
		color:#B3B3B3;
	}




/* Style générique des formulaires */

form, fieldset, input, textarea {
	margin: 0;
	padding: 0;
}

fieldset {	border: 0; }

 	#content #proposer_question form,
    #content #chat_login form {
		width:385px;
		padding:0;
		border-bottom:none;
	}
	#content #proposer_question form fieldset h4,
	#content #chat_login form fieldset h4 {
		color:#000;
		margin:0;
		padding:0.3em 0.7em 0 15px;
	}
#content #proposer_question form p,
	#content #chat_login form p {
		font-size:0.9em;
		padding:0.7em;
		margin:0;
		clear:both;
	}

	#content #proposer_question form p.first {
		padding:0.7em 0.7em 0.7em 15px;
	}

	#content form p input {
		width:auto;
	}

	#content #proposer_question form p textarea,
	#content #chat_login form p textarea {
		border:1px solid #D9DADB;
		width:260px;
	}
	#content form p input.text {
		border:1px solid #D9DADB;
		width:200px;
	}

	#content form p select {
		border:1px solid #D9DADB;
		width:200px;
	}


	#content form p label {
		float:left;
		width:70px;
		padding:3px 8px 3px 3px;
	}

	#content form p.checkbox label,
	#content form p.checkbox input {
		float:none;
		display:inline;
		font-weight:normal;
	}

	#content form fieldset div.radio p{
		clear:none;
		font-size:1.0em;
		padding:0.3em 0 0 0;
		margin:0;
		border:none;
		width:275px;
		float:right;
	}

	#content form fieldset div.radio p.question{
		float:left;
		width:168px;
		padding:3px 8px 3px 3px;
	}

	#content form fieldset div.radio p label{
		font-weight:normal;
		padding:0;
		display:inline;
		width:auto;
		float:none;
	}

	#content #proposer_question form fieldset p.submit,
	#content #chat_login form fieldset p.submit {
		padding-left:95px;
		text-align:left;
	}
	#content #proposer_question form p.submit input {
		margin:0 0 0 0.2em;
		padding: 3px 1px;
		width: 75px;
		font-size:12px;
		background: #6CA137 url(../../images/chat/bouton.gif) repeat-x scroll left bottom;
		border: 0;
		color:#fff;
	}

	#content #chat_login form fieldset p.submit input {
	  font-size:12px;
	  border: 0;
		color:#fff;
	  padding: 4px 7px;
	  background: #6CA137 url(../../images/chat/ok.gif) repeat-x scroll left bottom;
  }


.title {
	margin:0;
	padding:0;
}


