#div_ancre_message
{
	position: relative;
	top: -48px;
}

textarea
{
	width: 96%;
}

#div_message
{
	width: 800px;
	margin: auto;
	padding-bottom: 30px;
}

#div_own_message
{
	width: 800px;
	margin: auto;
	padding: 15px;
	padding-left: 45px;
	text-align: justify;
}

#div_own_picture
{
	width: 800px;
	text-align: center;
	margin: auto;
}

.icons_arrows
{
	width: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

.icons_arrows:hover
{
	cursor: pointer;
}

#modify_message_cover
{
	text-align: center;
}

.form_modify_message
{
	display: none;
}

.div_display_form_modify_message
{
	font-style: italic;
	margin-top: 8px;
	margin-bottom: 8px;
}

.button_check
{
	width: 25px;
	margin: auto;
}

#textarea_message_cover_modified
{
	width: 800px;
	height: 100px;
}

.container_message
{
	width: 800px;
	margin: auto;
	background-image: linear-gradient(rgb(120,120,120), rgb(180,180,180));
	padding: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#div_form_own_picture
{
	width: 300px;
	margin: auto;
	text-align: center;
}

#form_add_picture
{
	display: none;
}

#input_message_new_message
{
	text-align: justify;
}

.icon_comment
{
	text-align: center;
}

.icon_image
{
	width: 25px;
	margin: auto;
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}

.icon_image:hover
{
	cursor: pointer;
}

.div_name_in_message
{
	margin-bottom: 15px;
}

.span_name_in_message
{
	font-size: 25px;
}

.span_date_in_message
{
	color: white;
	font-size: 15px;
}

.div_message_in_message
{
	text-align: left;
}


/***************************/
/****** commentaires *******/
/***************************/
.div_comments_in_message
{
	display: none;
}

.div_single_comment
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.span_name_in_comment
{
	font-size: 20px;
	color: white;
}

.div_date_in_comment
{
	text-align: right;
	font-size: 10px;
}


/***********************************************************************************************************************************/
/********************************************************** CSS MINI ***************************************************************/
/***********************************************************************************************************************************/
@media screen and (max-width: 720px)
{
	#div_message
	{
		width: 100%;
	}
	
	.container_message
	{
		width: 90%;
	}
	
	#div_own_picture
	{
		width: 100%;
	}
	
	#div_own_message
	{
		width: 90%;
		padding: 0;
		margin:auto;
		margin-top: 20px;
	}
	
	#img_own_picture
	{
		width: 100%;
		height: auto;
	}
}