#iconeChat {	position: fixed;	bottom: 35px;	right: 3vw;	width: 110px;	z-index: 199;	padding: 3px; border-radius:5px; }
#iconeChat img#dessinChat { width:100%;}         
#iconeChat img:hover { cursor: pointer;} 

#conteneurAideChat
{
	position:fixed; 
	bottom:300px; 
	right:0px; 
	width:170px;
	height:150px; 
	z-index:100; 
	transition:500ms;	
}

#conteneurAideChat.cache
{
	right:-170px;
}


.aideChat
{
	position:absolute;
	width:100%;
	height:100%;
	transition:500ms;
	text-align: right;
	padding-right:8px;
	
}

#pastilleChat
{
	position:absolute; 
	top:75%; 
	right:-70px; 
	background-color: #9068ad;  
	width:70px; 
	margin-right:0px;
	display:flex; 
	align-items:center; 
	justify-content:center; 
	border-radius:10px; 
	padding:8px;
	transition:500ms;	
}

#pastilleChat img
{
	width:60%;
}

#conteneurAideChat.cache .aideChat
{
	right:-170px;
}

#conteneurAideChat.cache #pastilleChat
{
	right:0px;
	margin-right:10px;
}

.btaideChat1,
.btaideChat2
{
	color:#FFFFFF; 
	padding:8px;
	border:none; 
	margin-bottom:10px; 
	border-radius:10px; 
	font-size:16px;
}

.btaideChat1
{
	background-color: #582e8b; 	
}

.btaideChat2
{
	background-color: #9068ad; 
	
}


.btaideChat1:hover,
.btaideChat2:hover
{
	cursor:pointer;
}



#zoneChat
{
	position:fixed;
	
	bottom:-60vh; 
	right:460px; 
	width: 450px; 
	height:60vh;
	z-index:200;
	transition: 1s;
	background-color: #FFF;
	border:2px solid #A48DC3;
	overflow:hidden;
}

#zoneChat.ouvert
{
	bottom:0px;
	right:0px;
	width:min(300px, 100vw);
	height:60vh;
	
}
#enteteChat
{
	background-color: #a58dc3;
	min-height:40px;
	padding-bottom:5px;
	position:relative;
	overflow:hidden;
}

#zoneChat.client #enteteChat {
    display: none;
}

#zoneChat.client #reponsesChat {
    height: calc(100% - 75px);
    
}


.zoneChat.anonyme #enteteChat
{
	display:none
}

#enteteChat form
{
	height:100%;
}

#enteteChat img#punaise
{
	position:absolute; 
	top:2px; 
	right:60px; 
	height:90%;
	transform: rotate(90deg);
	cursor:pointer;
	transition:500ms;
} 

#enteteChat img#punaise.actif
{
	top:18px;
	transform: rotate(0deg);
}

#enteteChat  #avatarChatEntete
{
	display: inline-block; 
	vertical-align: middle;	
	height:35px;
}

#enteteChat  #avatarChatEntete img
{
	height:100%;
}

#enteteChat  #emailChat
{
	display: inline-block; 
	vertical-align: middle;	
	padding-top:0px;
	padding-left:3px;
	font-size: 0.7em;
}

#enteteChat  #emailChat input[type="text"], 
#enteteChat  #emailChat button
{
	font-size: inherit;
}

#enteteChat  #emailChat input[type="text"]
{
	height:27px;
	font-family: inherit;
	font-size: inherit;
	border:0;
	border-radius:5px;
	width:100px
}

#enteteChat  #emailChat input[type="submit"]
{
	width:30px;
	height:27px;
	font-family: inherit;
	font-size: inherit;
	border:0;
	border-radius:5px;
}

#corpsChat  #fermerChat
{
	color:#FFF;
	background-color: #9068AD;
	width:30px;
	height: 30px;
	border-radius:15px;
	font-family: Arial;
	font-size: 20px;
	display:flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	position: absolute;
	right:2px;
	top:2px;
	z-index:666666;
}

#corpsChat
{
	height: calc(100% - 42px);
}

#corpsChat #reponsesChat
{
	height: calc(100% - 117px);
	overflow:auto;
}

#corpsChat #reponsesChat .heure 
{
	width:calc(50px);
	display:inline-block;
	vertical-align: top;
	height:100%;
	font-size: 0.8em;
	color:#444444;
}

#corpsChat #reponsesChat .heure .uneheure
{
	display:flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width:100%;
	height:100%;
	min-height: 50px;
}

#corpsChat #reponsesChat .message 
{
	width:calc(100% - 55px);
	display:inline-block;
	vertical-align: top;
	border: 1px solid #999;
	border-radius: 8px;
	margin: 3px 0px 8px 0px;
	padding: 5px;
	position:relative;
}

#corpsChat #reponsesChat .message.parti:after
{
	position:absolute;
	content:url('/images/croix.png');
	left: 8px;
	top:8px;
	z-index:300;
	
	
} 

#corpsChat #reponsesChat .message.selected
{
	border:3px solid #00FF00;
}

#corpsChat #questionChat
{
	height:110px;
	text-align: center;
}


#corpsChat  #questionChat form
{
	height:100%;
}

#corpsChat  #questionChat #texteQuestionchat
{
	padding:5px;
	width:95%;
	height:calc(100% - 37px);
	font-family: inherit;
	font-size: inherit;
}

#corpsChat  #questionChat input[type="submit"]
{
	margin-top:5px;
	width:95%;
	height:30px;
	background-color: #a58dc3;
	border:none;
}

.avatarChat
{
	position:absolute; 
	right:5px; 
	top:-30px; 
	width:50px;	
}

.choixAvatar
{
	position:fixed;
	right:90px;
	bottom:225px;
	width:250px;
	height:200px;
	background-color: #FFFFFF;
	color:#000000;
	font-family: Arial;
	font-size: 14px;
	border:2px solid #A48EC4;
	z-index:200;
	padding:5px; 
	text-align: center;
	border-radius: 10px;
}

.choixAvatar .titreFenetreAvatar
{
	margin-top:10px;
	font-weight: 600;
	padding:10px;
	margin-top:20px;
}

.choixAvatar img.avatar
{
	width:70px;
	cursor:pointer;
	transition:500ms;
}

.choixAvatar img.avatar.selected
{
	transform: scale(1.3,1.3);
	filter: drop-shadow(2px 2px 6px #a58dc3);
}

.choixAvatar img.avatar:hover
{
	transform: scale(1.1,1.1);
	filter: drop-shadow(2px 2px 4px #000000);
}

.choixAvatar button#okAvatar
{
	border:none;
	padding:8px; 
	background-color: #a58dc3;
	color:#FFFFFF;
	font-family: Arial;
	font-size: 16px;
	margin-top:20px;
}