#tabsChat, #discussions {
	float:left;
}
#contentTabs{
	border : 2px solid #DDD;
	border-radius : 4px 4px 4px 4px;
	float:left;
	height:640px;
	width:500px;
}
#conversation{
	float:left;
	/*height:400px;*/
	width:500px;
}

#message {
	position:relative;
}

#envoyerMessageButton {
	position: absolute;
	top: 0;
	right: 0;
	width:15%;
	height:90px;
	margin: 5px 1%;
}

#conversation > div , .active > div {
	margin-left:1%;
}

.bloc, .listeAppels{
	border : 2px solid #DDD;
	border-radius :4px 4px 4px 4px;
	margin:5px;
	padding : 5px;
}
.bloc{
	height:400px;
	overflow-y:scroll;
}
#contentTabs >  div {
	display:none;
}
#contentTabs > .active {
	display:block;
}
#ulTab{
	color:#555;
	list-style-type:none;
	padding:0;
	margin:0;
}
#ulTab > li {
	border : 0px solid #DDD;
	min-width:50px;
	border-radius:4px 0 0 4px;
}
#ulTab > .newMessage{
	background-color:#ffee99;
}
#ulTab > li > a{
	text-decoration:none;
	padding-left:12px;
	padding-right:12px;
	border-radius:4px 0 0 4px;
	display:block;
	cursor:pointer;
}
#ulTab .activeTab > a{
	color:#555;	
}
a{
	color:#08C;
}
#ulTab .activeTab{
	border-width:2px 0 2px 2px;
}
.first{
	margin-top:10px;
}
.pMessageRight, .pMessageLeft{
	max-width:90%;
	margin:0;
	padding:3px 10px 3px 10px;
	word-wrap: break-word;
	border-radius:4px 4px 4px 4px;
	margin-bottom:5px;
	box-shadow: 1px 1px 5px #ddd;
}
.pMessageRight{
	float:right;
	background-color:#DDD;
}
.pMessageLeft{
	background-color:#bbddff;
	float:left;
}

.chatMessageDate {
	display: block;
	font-size: 0.8em;
	color: grey;
}
.pMessageRight > p, .pMessageLeft > p{
	margin:0;
}
.clearRight{
	clear:right;
}
.clearLeft{
	clear:left;
}
.active{
	height:100%;
}
.input{
	width:100%;
}
a {
	text-decoration:none;
}
.sound{
	width:22px;
	height:22px;
	display: inline-block;
	margin:5px;
	margin-top:3px;
	float:left;
}
.soundClient{
	width:22px;
	height:22px;
	display: inline-block;
	margin:5px;
	margin-top:3px;
}
.soundActive{
	background:url(../img/sound.png);
}
.soundMute{
	background:url(../img/soundMute.png);
}
.divButton{
	margin:5px;
	padding-right:30px;
	clear:both;
}
.customButtomRight{
	margin-right:5px;
	float:right;
}
.customUl{
	list-style-type:none;	
}
.align{
	text-align:center;
}
#enCours{
	text-align:center;
}

a.boutonLink {
	background: #d4d4d4 url(../img/header_bg.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca;
	color: #34404f;
	cursor: pointer;
	font-weight: bold;
	overflow: visible;
	padding: 5px;
	width: auto;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
}

a.boutonLink:hover {
	background: #b9ced9 url(../img/state_hover_bg.png) repeat-x 0 0;
	border-color: #627782;
	color: #369;
}

#soundmanager-debug, #soundmanager-debug-toggle{
	display:none !important;
}

.messageDepassementAttenteContainer label{
	float:left;
}

.messageDepassementAttenteContainer textarea{
	width: 400px;
	height: 80px;
}

/* Vue Impression */
.impressionMessage {
	position:relative;
}

.impressionMessage.ecoutant {
	background-color: #ddd;
}

.impressionNom {
	position:absolute;
	width: 70px;
}

.impressionHeure {
	position:absolute;
	left:70px;
	width: 40px;
}

.impressionContenu {
	margin-left: 110px;
}

.impressionContenu p {
	margin:0px;
}

.compteurTempsEcoutant, #compteurTempsInternaute {
	text-align: center;
	margin: 5px;
	padding: 2px;
	border: 2px solid #DDD;
	border-radius: 4px 4px 4px 4px;
	width: 30px;
	background: lightgray;
}

/** Phrases types **/
.no-display{
	display : none;
}

#phraseTypeContainer{
	height : 450px;
	overflow-y : scroll;
	padding-right : 10px;
}

.user:hover{
	background-color : #DFF4FF;
	cursor : pointer;
	border : 1px solid #A7CEDF;
}

div.user{
	border : 1px solid #BFBFBF;
	margin-bottom : 5px;
	padding : 5px;
}