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

#div_container_map
{
	width: 100%;
	padding: 0;
	margin: 0;
	margin-top: -22px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

#div_map_svg
{
	width: 1000px;
	margin: auto;
}

#com_map
{
	display: block;
	font-size: 12px;
	font-style: italic;
}


/*******************************************/
/*******************************************/
/*******************************************/
.div_form_new_data form
{
	display: none;
	padding-top: 10px;
}

.div_form_new_data
{
	margin: 15px;
}

.class_submit
{
	width: 25px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#div_aboutus_container
{
	text-align: center;
	vertical-align: top;
	padding-bottom: 20px;
}

.span_show_form
{
	text-decoration: underline;
	font-size: 14px;
	margin-left: 10px;
	margin-right: 10px;
}

.span_show_form:hover
{
	cursor: pointer;
}

.img_icon_new_data
{
	width: 25px;
}


/***********************************/
/***********************************/
/***********************************/
.div_box_img
{
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.img_aboutus
{
	padding: 0;
	margin: 0;
}

.div_form_customize_img
{
	margin: auto;
	padding-bottom: 10px;
	position: relative;
	background-image: linear-gradient(to Top, rgb(130,130,130), rgb(200,200,200) 80%);
	border-radius: 20px;
}

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

.form_delete_data
{
	text-align: right;
}

.icons_arrows:hover, .icons_trash:hover
{
	cursor: pointer;
}

.icons_trash
{
	padding-right: 20px;
	width: 25px;
	text-align: right;
}

.div_box_message
{
	text-align: justify;
	width: 1000px;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.modify_message
{
	text-align: center;
}

.form_modify_message
{
	display: none;
}

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

.div_display_form_modify_message:hover
{
	cursor: pointer;
}

.button_check
{
	width: 25px;
	position: relative;
	top: 10px;
}

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


/***********************************************************************************************************************************/
/********************************************************** CSS MINI ***************************************************************/
/***********************************************************************************************************************************/
@media screen and (max-width: 720px)
{	
	#div_map_svg
	{
		width: 100%;
	}
	
	#com_map
	{
		display: none;
	}
	
	#div_aboutus_container
	{
		display: block;
	}
	
	.div_box_message
	{
		width: 90%;
	}
	
	.img_aboutus
	{
		width: 100%;
		height: auto;
	}
}