/** ANNULE LES MARGES DU CONTENU **/
.messages-one2one .container-inner:first-child 
{
	width:100%;background-color:transparent;
	padding:0;
}

.messages-one2one .container-sncf:first-child 
{
	padding-right:0rem;
	padding-left:0rem;
	padding-top:0;
	margin-top:0;
}

.lo-stack-container #messages .content-header
{
	position:absolute; top:0; left:0;
	width:100%; height:70px;
}


/** CONTAINER AVEC SCROLL POUR LES MESSAGES **/
.lo-stack-container #messages-one2one .message-container 
{
	width:100%;margin:auto;
	overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch; 
    /*overflow-y : auto;*/
    overflow-x: hidden;
    padding-left:1rem;padding-right:1rem; 
    background-color:#FFFFFF; /** pour ne pas voir en transparence en dessous **/
}

@media screen AND (max-width:1024px)
{
	.lo-stack-container #messages-one2one .message-container 
	{
		/*padding-left:0;padding-right:0;*/
		width:100%;
	}

	.messages-one2one > .container-inner {padding-left:0;padding-right:0;padding-top:0;}
}



/*************************************/
/*** MESSAGE ONE 2 ONE 
/*************************************/

/** MARGE TOP **/
.messages-one2one .top-marge {height:70px;}
@media screen AND (min-width:1024px)
{
	.messages-one2one .top-marge {height:30px;} /** hauteur du menu **/
}

/*************************************/
/*** CONVERSATION ITEM 
/*************************************/

.conversation {background-color:#EFEFEF;padding:1rem;margin-bottom:1rem;border-radius:5px;position:relative;min-height:70px;}
.conversation .photo-col {display:inline-block;position:absolute;}
.conversation .photo-col img.avatar {width:50px;height:50px;}
.conversation .text-col {margin-left:70px;line-height:130%;}

/** HEADER MOBILE **/
.messages-one2one .content-header {position:relative;}
.messages-one2one .content-header .destinataire 
{
	float:right;
	display:inline-block;
	padding-right:2rem;
	margin-left : 5rem;
	width:80%;
	right:0;
	text-align: right;
	line-height:120%;
	position:absolute;
  	top: 50%; /* poussé de la moitié de hauteur du référent */
  	transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

@media screen AND (min-width:1024px)
{
	.messages-one2one .content-header {height:70px;} /** hauteur du menu **/
}


/** FOOTER **/
.messages-one2one .content-footer 
{
	background-color:#000000;
	min-height:70px;
	position:absolute;
	bottom:auto;left:0;
	width:100%;
}

.messages-one2one .content-footer #input-container
{
	padding-right:6rem; /** taille du bouton + marge **/
	height:auto;
}

/** bouton envoyer **/
.messages-one2one .content-footer .send 
{
	position:absolute;
	top:1rem;right:1rem;
	padding:0;
	height:3.5rem;
	width:3.5rem;
	text-align:center;
	line-height:3.5rem;
}


/*style="width:3.5rem;height:3.5rem;color:#FFFFFF;line-height:3.5rem;float:right;"*/


@media screen AND (min-width:1024px)
{
	.messages-one2one .content-footer #input-container {display:inline-block;float:left;min-width:50%;padding-right:1rem;}
	.messages-one2one .content-footer .send 
	{
		position:relative;
		display:inline-block;
		float:left;
		top:0;left:0;
	}
}


.messages-one2one .content-footer .inner-container
{
	width:98%;
	margin:auto;
	padding:1rem;
}

/** fond du message **/
.messages-one2one .me {background-color:#f9f0e8!important;}