/* */
body { background-color:#33513e; color:#96c3c1; font-family: monospace; }
#mainDiv { width:100%; height:100%; overflow:auto; }
table { position:initial; width:100%; }
#chatTable td { position: relative;  } 
#chatTable .reponse { font-style: italic; color:#d7ffe2; } 
#chatTable textarea { width: calc(100% - 20px); border: none; border-radius: 3px; outline:0px none transparent; background-color:#cedad9; height:auto; min-height:60px; } 

span#envoie { position:absolute; bottom:5px;	right:30px; cursor:pointer; color:rebeccapurple; }
body img.loading { position:absolute; top:5px; left:10px; display:none }
.listening img.loading { display:block }

body .ecoute	{ fill:#ff976e; cursor:pointer; position:absolute; top:10px; left:10px; z-index:100; }
body .parle		{ fill:#ff976e; cursor:pointer; position:absolute; top:10px; left:50px; z-index:100; }
body .memoire	{ fill:#52a152; cursor:pointer; position:absolute; top:10px; right:10px; z-index:100; }
body .Xclose	{ fill:#52a152; cursor:pointer; position:absolute; top:10px; right:50px; z-index:100; }
body .LTHclose	{ stroke-width: 2px;  stroke:#52a152; cursor:pointer; position:absolute; top:10px; right:90px; z-index:100; }
body .popup textarea { height: 100%; width: 100%; border-radius:10px; border:none; background-color: #cedad9;}

.sourd  .ecoute { display:none; }
.muet   .parle  { display:none; }
.ecoute .ecoute { fill:#79ffa3; }
.parle  .parle  { fill:#79ffa3; }

div.popup {
	inset:5%;
	border-radius:10px;
	position:absolute;
	border:solid 1px #666666;
	font: 12px  Segoe UI, Segoe, Tahoma, Helvetica, Arial, sans-serif ;
	-webkit-box-shadow: 0px 0px 10px #2b2b2b;
	box-shadow: 0px 0px 10px #2b2b2b;
	z-index:200;
}