@charset "utf-8";
/* chat layout */

#chat_zone_conversation_shoutbox_div input {
	border: none;
	background: none;
	width:340px;
	height:70px;
}
#chat_zone_conversation_shoutbox_div textarea {
	border: none;
	background: none;
	width:340px;
	height:70px;
}

#chat_zone_general {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 34px;
	background: #525252 url(/images/chat/bg_general.gif) repeat-x left top;
}

body > div#chat_zone_general {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

#chat_zone_bt_menu {
	position: absolute;
	right: 15px;
	top: 0;
}

#chat_zone_bt_menu a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	line-height: 34px;
}

#chat_zone_menu {
	position: absolute;
	display:none;
	right: 0px;
	bottom: 28px;
	width: 233px;
	height: 341px;
	padding-top: 3px;
	padding-left: 3px;
	background: url(/images/chat/bg_menu_connectes.gif) no-repeat left top;
	z-index: 1;
}

body > div#chat_zone_menu {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

#chat_zone_menu_header {
	width: 233px;
	height: 25px;
}

#chat_zone_menu_header_title {
	float: left;
	width: 208px;
	height: 25px;
	background: url(/images/chat/bg_sep_header_menu.gif) no-repeat right top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	text-indent: 10px;
	color: #FFF;
}

#chat_zone_menu_header_bt_close {
	float: right;
	width: 22px;
	height: 17px;
	padding-top: 8px;
	padding-left: 3px;
}

#chat_zone_menu_connectes {
	width: 210px;
	height: 301px;
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 10px;
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
	scrollbar-base-color: #bbb;
	scrollbar-face-color: #807e7e;
	scrollbar-arrow-color: #272727;
	scrollbar-3dlight-color: #807e7e;
	scrollbar-darkshadow-color: #807e7e;
	scrollbar-track-color: #bbb;   
}

.chat_zone_menu_membre {
	float: left;
	width: 186px;
	margin-bottom: 5px;
}

.chat_zone_menu_membre_avatar {
	float: left;
	width: 55px;
	height: 55px;
}

.chat_zone_menu_membre_pseudo {
	float: left;
	width: 121px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.chat_zone_menu_membre_infos {
	float: left;
	width: 121px;
	margin-left: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #151515;
}

#chat_zone_onglets_conversations {
	position: relative;
	width: 75%;
	height: 28px;
	margin-left: 5%;
	margin-top: 5px;
}

#chat_zone_onglets_conversations_bt_left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 8px;
	height: 28px;
}

#chat_zone_onglets_conversations_bt_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 8px;
	height: 28px;
}

#chat_zone_onglets_conversations_mask {
	height: 28px;
	padding: 0px 8px;
	overflow: hidden;
}

.chat_onglet_conversation {
	float: right;
	margin: 0px 2px;
	cursor: pointer;
}

.chat_onglet_conversation_message {
	float: left;
	width: 20px;
	height: 20px;
	padding-left: 4px;
	padding-top: 1px;
	text-align: center;
	background: url(/images/chat/bg_onglet_inactive_left.gif) no-repeat left top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}

.chat_onglet_conversation_pseudo {
	float: left;
	height: 21px;
	padding: 0px 5px;
	line-height: 19px;
	background: url(/images/chat/bg_onglet_inactive_center.gif) repeat-x left top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.chat_onglet_conversation_close {
	float: left;
	width: 17px;
	height: 16px;
	padding-left: 5px;
	padding-top: 5px;
	background: url(/images/chat/bg_onglet_inactive_right.gif) no-repeat left top;
}

.femme_selected .chat_onglet_conversation_message {
	width: 21px;
	height: 21px;
	background: url(/images/chat/bg_onglet_active_f_left.gif) no-repeat left top;
}

.homme_selected .chat_onglet_conversation_message {
	width: 21px;
	height: 21px;
	background: url(/images/chat/bg_onglet_active_h_left.gif) no-repeat left top;
}

.femme_selected .chat_onglet_conversation_pseudo,
.homme_selected .chat_onglet_conversation_pseudo { 
	height: 22px;
	background: url(/images/chat/bg_onglet_active_center.gif) repeat-x left top;
}

.femme_selected .chat_onglet_conversation_close,
.homme_selected .chat_onglet_conversation_close {
	width: 17px;
	height: 17px;
	background: url(/images/chat/bg_onglet_active_right.gif) no-repeat left top;
}

.chat_zone_conversation {
	position: fixed;
	left: 0px;
	bottom: 29px;
	width: 100%;
	height: 135px;
	background: #2b2b2b url(/images/chat/bg_conversation.gif) repeat-x left top;
}

body > div .chat_zone_conversation {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  
}

#chat_zone_conversation_header {
	height: 25px;
	margin-top: 5px;
	padding: 0px 10px;
}

#chat_zone_conversation_title {
	float: left;
	height: 25px;
	line-height: 25px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

#chat_zone_conversation_tools {
	float: right;
}

#chat_zone_conversation_content {
	height: 86px;
	margin: 0px 10px;
	padding: 10px;
	background-color: #fff;
}

#chat_zone_conversation_contact {
	float: left;
	width: 210px;
	height: 85px; 
}

#chat_zone_conversation_avatar {
	float: left;
	width: 55px;
	height: 55px;
}

#chat_zone_conversation_pseudo {
	float: left;
	width: 145px;
	margin-left: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#chat_zone_conversation_infos {
	float: left;
	width: 145px;
	margin-left: 10px;
	margin-top: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

#chat_zone_conversation_shoutbox {
	float: right;
	position: relative;
	width: 355px;
	height: 85px;
	margin-left: 10px;
	-moz-box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #c4c4c4;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6c6b6b;
	text-indent: 10px;
	line-height: 25px;
}

#chat_zone_conversation_send_msg {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#chat_zone_conversation_messages_top {
	
	height: 75px;
	border: 1px solid #c4c4c4;
	overflow: hidden;
	
}

.chat_zone_conversation_message {
	padding-left:5px;
	height: 75px;
	overflow: hidden;
	overflow-y: auto;
	scrollbar-base-color: #d9d9d9;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #999;
	scrollbar-3dlight-color: #dadada;
	scrollbar-darkshadow-color: #ebebeb;
	scrollbar-track-color: #ebebeb;
}

.chat_zone_conversation_message_pseudo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.chat_zone_conversation_message_horodatage,
.chat_zone_conversation_message_content {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}