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

img#banner {
	left : 0vw;
}

img.big_image {
	display : none;
	width : 100vw;
}

img.small_image {
	position : absolute;
	width : 100vw;
}

h1.screen_title {
	margin-top : -3vw;
}

div#button_header {
	display : none;
}


/************************************************ TITLE ************************************************/

img#friend {
	display : block;
	margin : auto;
	width : 20vw;
	/*margin-top : 4vw;*/
	margin-bottom : 1vw;
	border-radius : 10vw;
}

a#friend {
	display : block;
	font-size : 6vw;
	/*margin-bottom : -4vw;*/
	color : rgb(200, 200, 200);
}

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

section#query_area {
	position : relative;
	z-index : 2;
	display : block;
	width : 60vw;
	left : 50vw;
	margin-left : -30vw;
}

input#query {
	background-color : transparent;
	border-top : none;
	border-left : none;
	border-right : none;
	border-radius : 0px;
	border-bottom-color : white; 	
	height : 3.6vw;
	margin-left : auto;
	margin-right : auto;
	width : 60vw;
	color : white;
	opacity : 0.7;
	font-family : Font;
	font-size : calc(var(--font-size) * 1);
}

a#validate_button {
	display : block;
	text-align : center;
	margin-top : 8vw;
	margin-bottom : 8vw;
}

a#message {
	display : block;
	margin-left : auto;
	margin-right : auto;
	height : 2vw;
	width : 60vw;
	text-align : center;
	font-size : calc(var(--font-size) * 1);
}


/************************************************ RESULT ************************************************/

section#list {
	position : relative;
	background-color : rgb(var(--main-color));
}

section.folder, section.author {
	padding-top : 4vw;
	margin-top : 58vw;
	box-shadow : 0vw -1vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));
}

h1#web_site {
	/*width : 100vw;
	margin-left : 0vw;*/
	margin-bottom : -5vw;
	text-align : center;
}

section#result {
	position : relative;
	z-index : 5;
}

		div.thumbnail.user {
			width : 18vw;
			height : 18vw;
			margin : 0.8vw;
			margin-left : 1vw;
			margin-right : 80vw;
		}

				img.thumbnail.user {
					width : 18vw;
					height : 18vw;
				}

						div.line.user {
							position : absolute;
							margin-left : 0vw;
							top : -13vw;
							left : 50vw;
							width : 55vw;
							text-align : left;
						}

						img.user_layer {
							position : absolute;
							top : 1vw;
							left : 78vw;
							width : 16vw;
							opacity : 0.5;
						}

						img.user_action {
							position : absolute;
							top : 0vw;
							left : 78vw;
							width : 16vw;
							opacity : 0.5;
						}

a.thumbnail_title {
	display : block;
	margin-top : 4vw;
	margin-left : 2vw;
	margin-bottom : 4vw;
	font-size : 6vw;
}

div.event_thumbnail_container {
	margin-left : 2vw;
	margin-bottom : 8vw;
}

	div.thumbnail.event {
		display : inline-block;
		position : relative;	

		width : 95vw;
		height : 20vw;
				
		background-color : rgb(35, 35, 35);
		box-shadow : 5px 5px 5px #000;

		-webkit-transition : all 0.2s ease;
		-moz-transition : 0.2s ease;
		-o-transition : all 0.2s ease;
		-ms-transition : all 0.2s ease;
		transition : all 0.2s ease;
	}

		div.thumbnail.event:hover {	
			box-shadow : 10px 10px 5px #000;

			-webkit-transform : scale(1); 
			-moz-transform : scale(1); 
			-ms-transform : scale(1); 
			-o-transform : scale(1); 
			transform : scale(1);
			box-shadow : 0px 0px 0px #000;
		}

				div.event.portrait, div.event.squared {
					margin-top : 0.8vw;
					margin-left : 0vw;
					margin-right : 0vw;
					margin-bottom : 0.8vw;
				}

				img.event {
					margin-top : -0.1vw;
					margin-left : 0vw;
					width : 15vw;
					height : 20.1vw;
				}

						img.event.portrait { width : 15vw }
						img.event.squared { width : 20.1vw }

		div.event.info {
			display : block;
			position : absolute;
			margin-top : -21vw;
			width : 84vw;
			font-size : 3.6vw;
			text-align : left;
		}

				div.event.info.portrait { margin-left : 17vw }
				div.event.info.squared { margin-left : 22vw }

		div.event {
			display : inline;
			position : absolute;
		}

				div.event.line._1 {
					display : inline;
					position : absolute;
					top : 0vw;
					left : 1vw;
					font-size : 4vw;
					color : white;
				}

				div.event.line._2 {
					display : inline;
					position : absolute;
					top : 5vw;
					left : 1vw;
				}

				div.event.line._3 {
					display : none;
				}

				div.event.line._4 {
					display : none;
				}

				div.event.line._5 {
					display : none;
				}

				div.event.line._6 {
					display : none;
				}

img.pin {
	display : none;
}

img.calendar {
	position : absolute;
	width : 8vw;
	margin-top : 0vw;
	margin-left : 69vw;	
}

a.modify, a.copy {
	display : none;
}

input.copy, a.copied {
	display : none;
}

a.teaser {
	position : absolute;
	margin-top : 11vw;
	margin-left : 13vw;
	width : 25vw;
}

a.access {
	position : absolute;
	margin-top : 11vw;
	margin-left : 43vw;
}

/*********************************** CONTACTS /***********************************/

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

		tr#title_raw {height : 5vw; color : white;}

		th {
			font-family : Avenir;
			font-weight : normal;
			font-size : 3.6vw;
			text-align : center;
		}

		th.raw_number {width : 5vw;}
		th.raw_first_name {width : 45vw;}
		th.raw_last_name {width : 45vw;}
		th.raw_structure {display : none;}
		th.raw_email {display : none;}
		th.raw_tel {display : none;}


}*/
		
}