button, a {
	margin-top:0;
	background-color:var(--mauve_clair);
}

div#mobile div#conversation {
	width:100%;
	height: calc(100% - 100px);
	background-color:palegoldenrod;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding:5px;
	border:solid 5px pink;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top-color:var(--mauve_clair);
	border-right-color:var(--rose);
	border-bottom-color:var(--violet);
	border-left-color:var(--chair);
	transition:all 500ms ease;
}

div#mobile div#conversation div#scrolling_box{
	overflow:scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
div#mobile div#conversation div#scrolling_box::-webkit-scrollbar {
	display: none;
}
div#mobile div#conversation span{
	display: flex;
	width:100%;
	transform:scale(0);
	transition:all 1000ms ease;
	transform-origin: left bottom;
}
div#mobile div#conversation span p {
	display: flex;
	flex-direction: column;
	flex-shrink: 1;
	font-family: 'Overpass Mono', monospace;
	padding:5px;
	background-color:var(--chair);
	border-radius:15px;
	border: solid 1px var(--mauve_clair);
	margin:3px 20px 3px 0;
}
div#mobile div#conversation span.ma_reponse{
	justify-content: flex-end;
	transform-origin: right bottom;
}
div#mobile div#conversation span.scale{
	transform: scale(1);
}
div#mobile div#conversation span.ma_reponse p{
	background-color:var(--vert);
	margin:3px 0px 3px 20px;
}
div#mobile div#conversation span.pop_up_info{
	transform-origin:center bottom;
}

div#mobile div#conversation span.pop_up_info p{
	flex-direction: column;
	padding:20px;
	background-color:var(--rose);
	border-radius:15px;
	border: solid 2px var(--petard);
	margin:20px;
	color:white;
}
div#mobile div#conversation span.pop_up_info p big{
	text-align: center;
}

button#votre_reponse.action{
	background-color:var(--violet);
}

div#mobile #reponses #boite_texte{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: space-between;
	height:50px;
	background-color:var(--vert);
	width:100%;
	border:solid 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top-color:var(--mauve_clair);
	border-right-color:var(--rose);
	border-bottom-color:var(--violet);
	border-left-color:var(--chair);
}

div#mobile #reponses{
	transition:all 500ms ease;
}

div#conversation.open, #reponses.open{
/*	transform: translateY(-125px);*/
}

#boite_texte img{
	height:25px;
	margin:0 7px
}

div#buttons_list{
	display:flex;
	flex-direction: column;
	align-items: baseline;
	justify-content: space-between;
	width: calc(100%);
	background-color: var(--vert);
	padding: 10px;
	position: relative;
}

div#buttons_list button{
	display: flex;
	font-family: 'Overpass Mono', monospace;
	padding:5px;
	border-radius:15px;
	border: solid 1px var(--chair);
	margin:3px 0;
	cursor:pointer;
	font-size:initial;
	text-align:left;
}

div#conversation img{
	max-width: 100%;;
	border-radius:15px;
}
div#conversation img.small{
	max-width:25vh;
	max-height: 25vh;
}

/*
@media only screen and (min-width: 700px)  {
	div#conversation img{
		max-width: 50%;
		border-radius:15px;
	}
}*/