
@media all and (max-width : 480px)  {


/*input#header_query {
	display : none;
}

img#search_button {
	display : none;
}*/

a#directory_link {
	display : none;
}

a.action {
	display : inline-block;
	margin-right : 0.5vw;
}

		a.action#create_directory {
			position : absolute;
			top : 40vw;
			left : 62vw;
		}

		a.action#create_file {
			position : absolute;
			top : 50vw;
			left : 62vw;
		}

		a.action#remove {
			position : absolute;
			top : 60vw;
			left : 62vw;
		}

		a.action#go_back {
			position : absolute;
			top : 60vw;
			left : 4vw;
		}

		a.action#move {
			display : none;
		}


		a#tuto {
			display : none;
		}

		a.action.freezed {
			background-color : rgb(240, 240, 240);
		}

		a.action.freezed:hover {
			cursor : auto;
			color : white;
		}

div#charts {
	margin-top : 43vw;
	margin-left : 4.5vw;
}

div#content_list {
	margin-top : 1vw; 
	width : 91vw; 
	min-height : 300vw;
	padding-bottom : 0vw;
	margin-bottom : 4vw;
	box-shadow : 0vw 0vw 2vw 1vw #999; 
	/*border-radius: 2vw;*/
}

		table {
			/*padding-top : 1vw;*/
			/*padding-left : 1vw;*/
			/*padding-bottom : 4vw;*/
		}

				th {
					height : 10vw;
					font-family : Avenir;
					font-weight : normal;
					font-size : 4.2vw;
					text-align : center;
					background-color : rgb(240, 240, 240);
				}

				a.raw_name {
					color : grey;
					text-decoration : none;
				}

				th.raw_padding {background-color : white;}

				th.raw_check {width : 10vw;}
				th.raw_icon {display : none;}
				th.raw_name {padding-left : 1vw; width : 60vw; text-align : left;}
				th.raw_status {display : none;}
				th.raw_size {display : none;}
				th.raw_duration {display : none;}
				th.raw_resolution {display : none;}
				th.raw_date {display : none;}
				th.raw_rename {width : 10vw;}
				th.raw_stats {width : 10vw;}
				th.raw_link {display : none;}

/*				th.title.raw_check {border-radius : 2vw 0vw 0vw 0vw;}
				th.title.raw_link {border-radius : 0vw 2vw 0vw 0vw;}

				th.footer.raw_check {border-radius : 0vw 0vw 0vw 2vw;}
				th.footer.raw_link {border-radius : 0vw 0vw 2vw 0vw;}*/

				th.title, th.footer {
					height : 10vw; 
					color : grey; 
					background-color : rgb(200, 200, 200);
					text-align : center;
				}

				img.raw_check {
					width : 5vw;
					margin-top : 0.5vw;
				}

				img.raw_icon, img.raw_rename, img.raw_stats, img.raw_link {
					width : 6vw;
				}

						img.raw_icon:hover, img.raw_rename:hover, img.raw_stats:hover, img.raw_link:hover {
							cursor : pointer
						}

						img.raw_icon.freezed {
							filter : saturate(0);
						}

						img.raw_icon.freezed:hover {
							cursor : auto;
						}

				a.raw_name:hover, img.raw_icon:hover, img.raw_check {
					cursor : pointer
				}

						a.raw_name.freezed {
							color : rgb(200, 200, 200);
						}

						a.raw_name.freezed:hover {
							cursor : auto;
						}

/*************************************** RENAME POP UP **************************************/

div#rename_back_layer {
	display : none;
	position : absolute;
	z-index : 400;
	top : 0px;
	left : 0px;
	width : 100vw;
	height : 100vh;
	background-color : transparent;
}

div#rename_pop_up {
	display : none;
	position : fixed;
	z-index : 500;
	top : 25vw;
	left : 34vw;
	padding-top : 0vw;
	padding-bottom : 1vw;
	padding-left : 3vw;
	padding-right : 3vw;
	border-radius : 2vw;
	width : 25vw;
	height : 10vw;
	text-align : center;
	background-color : white;
	box-shadow : 0vw 0vw 2vw 1vw #999; 
}

img#close_rename_pop_up {
	z-index : 501;
	opacity : 1;
	position : fixed;
	top : 26vw;
	left : 62vw;
	width : 2vw;
}

		img#close_rename_pop_up {
			opacity : 0.6;
		}

/*a#create, a#rename {
	display : none;
}*/

a.rename_text {
	margin-top : 1vw;
	margin-left : 4.5vw;
	text-align : center;
	font-size : 1.4vw;
	color : grey;
}


/************************************************ QUERY ************************************************/

/*section#query_area {
	position : relative;
	z-index : 2;
	display : block;
	width : 20vw;
	left : 50vw;
	margin-left : -10vw;
}

input#query {
	background-color : transparent;
	border-top : none;
	border-left : none;
	border-right : none;
	border-bottom-color : white; 	
	height : 1.5vw;
	margin-left : auto;
	margin-right : auto;
	padding-left : 0vw;
	width : 20vw;
	color : grey;
	font-size : 1.2vw;
}

a#validate_button {
	display : block;
	text-align : center;
	margin-top : 3vw;
	margin-bottom : 2vw;
	font-size : 1.2vw;
}

a#message {
	display : block;
	margin-left : auto;
	margin-right : auto;
	height : 2vw;
	width : 20vw;
	color : red;
	text-align : center;
	font-size : 1.2vw;
}*/

}
