@media all and (min-width : 481px)  {

div#screen {
	display : none;
}

img.cover_image {
	position : fixed;
	z-index : 2;
	top : 6vw;
	left : 1.5vw;
	width : 20vw;
}

		a.set_streaming:hover {
			color : white;
		}

/********************************************* BACKGROUND *********************************************/

img.background_image {
	position : fixed;
	z-index : 1;
	top : 4vw;  
	right : 0px;
	width : 70vw;
}

img.movie_background_image {
	position : fixed;
	z-index : 1;
	top : 4vw;  
	width : 105vw;
	left : 0vw;
}

div.background_shadow {
	position : fixed;
	z-index : 1;
	background : linear-gradient(90deg, rgba(35, 35, 35,1), rgba(35, 35, 35,0));  
	top : 4px;
	right : 20vw;
	width : 50vw;
	height : 34vw;
}


/************************************************ INFO ************************************************/

section#information {
	position : sticky;
	position: -webkit-sticky;
	z-index : 5;
	top : 6vw;
	padding-left : 1.5vw;
	font-size : 1.2vw;
	line-height : 1.4vw;
}

		img.logo_image {
			float : left;
			width : 4.5vw;
		}

		#info_title {
			float : left;
			padding-left : 1vw;
		}

		h1.name {
			display : inline;
			padding-right : 0.5vw;
			font-size : 2.4vw;
			line-height: 2.6vw;
			color : white;
			text-decoration : none;
			font-weight : normal;
			margin : 0vw;
		}

		a.author {
			display : block;
			padding-right : 0.7vw;
			font-size : 1.6vw;
			line-height: 1.8vw;
			color : grey;
		}

		img#like_mobile, img#later_mobile, img#alert_mobile, img#reco_mobile {
			display : none;
		}

		img#like_pc, img#later_pc, img#alert_pc, img#reco_pc {
			display : none;
			padding-right : 0.2vw;
			width : 1.5vw;
		}


div.description {
	padding-top: 6.5vw;
	width : 50vw;
	text-align: justify;
	color : rgb(200,200,200);
}

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

a.more_info {
	text-decoration : underline;
	color : grey;
}

div.date {
	display : none;
}

div.number {
	padding-top : 1.5vw;
}

div#note_1 {
	padding-top : 1.5vw;
}

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

div.note_title {
	float : left;
	width : 20vw;
}

div.note {
	width : 28vw;
}

img.note_image {
	width : 1vw;
}

a.set_note {
	display : none;
	left : 30vw;
	top : -1.8vw;
}

div.comment {
	display : inline-block;
	position : relative;
	z-index : 10;
	margin : 1vw;
	width : 70vw;
	text-align: justify;
}


/*********************************************** DONATION **********************************************/

div#hat_teaser {
	position : absolute;
	margin-top : -7vw;
	margin-left : 85.5vw;
	width : 15vw;
	color : white;
	text-align : center;
}

		img#hat_teaser {
			width : 10vw;
		}

		a#hat_info {
			display : block;
			position : relative;
			margin-top : -4.5vw;
			line-height : 1.8vw;
			font-size : 1.6vw;
		}

		a#hat_teaser {
			display : block;
			position : relative;
			margin-top : 1vw;
		}


/*********************************************** SAISONS **********************************************/

div#season_list {
	position : relative;
	z-index : 10;
	top : 3.5vw;
	padding-left : 1.3vw;
	width : 85vw;
}

		div.season {
			display : inline;
			padding-left : 0.2vw;
			margin-right : 1.5vw;
			font-size : 2.2vw;
			color : grey; 
			text-decoration : none;
		}

	.mode {
		position : absolute;
		z-index : 10;
		width : 2.5vw;
		height : 1.8vw;
	}

			div.mode { top : 35.5vw }

			div#list { right : 8.5vw }
			div#grid { right : 5vw }


/*********************************************** THUMBNAIL **********************************************/

section#video_thumbnail {
	position : relative;
	z-index : 10;
	top : 3.5vw;
	margin-left : 4.5vw;
	margin-bottom : 4vw;
	color : grey;
}

		div.thumbnail.list {
			width : 89.5vw;
			height : 10vw;
			box-shadow : 5px 5px 5px #000;
			background-color : rgb(35, 35, 35);
		}

		div.thumbnail.list: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);
		}

		img.thumbnail.list {
			box-shadow : 0px 0px 0px #000;
		}

				img.list {
					margin-top : -0.1vw;
					margin-left : 0vw;
					height : 10.1vw;
				}

						img.panorama.list { width : 18vw }
						img.squared.list { width : 10.1vw }


				img#play.list {
					position : absolute;
					top : 30%;
					left : 35%;
					width : 4.5%;
					height : 40%;
				}

						img#play.panorama.list { left : 7vw }
						img#play.squared.list { left : 3vw }


		div.info.list {
			position : absolute;
			margin-top : -11vw;
			font-size : 1.2vw;
			text-align : left;
		}

				div.info.panorama.list {
					margin-left : 18vw;
					width : 70.5vw;
				}

				div.info.squared.list {
					margin-left : 10vw;
					width : 78.5vw;
				}

		div.line.list {
			position : absolute;
		}

		div._1.list {
			top : 1vw;
			left : 1vw;
			font-size : 1.4vw;
			color : white;	
		}

		div._2.list {
			top : 3vw;
			left : 1vw;
		}

		div._3.list {
			top : 5vw;
			left : 1vw;
			text-align : justify;
			color : rgb(90, 90, 90);
		}

		div._4.list {
			top : 1.5vw;
			right : 0vw;
			width : 10vw;
			font-size : 1vw;
			text-align : right;
		}

		div._5.list {
			display : none;
		}


/************************************************ PLAYER ***********************************************/

div#pop_up_shadow {
	display : none;	
	position : fixed;
	background-color : black;
	z-index : 20;
	opacity : 0.8;
	top : 0vw;
	left : 0vw;
	width : 100vw;
	height : 100vh;
}

div#pop_up {
	display : none;	
	position : absolute;
	background-color : rgb(35, 35, 35);
	z-index : 20;
	top : 0vw;
	left : 25vw;
	width : 50vw;
	height : 100%;
	overflow : visible;
	box-shadow: 0px 0px 30px 20px #000;
}


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

section#episod_title {
	display : none;
	position : relative;
	z-index : 50;
	top : 4.5vw;
	left : 1.5vw;
	max-width : 48vw;
}

	a#episod_name {
		font-size : 1.6vw;
		line-height : 4vw;
		color : white;
		font-weight : normal;		
	}
	
	img#like, img#later, img#reco {
		display : none;
		width : 1.5vw;
	}


img#player_close {
	position : absolute;
	z-index : 80;
	opacity : 0.4;
	top : 5.5vw;
	left : 46.5vw;
	width : 2vw;
}


/************************************************ RELATED ************************************************/

div.more_content {
	position : relative;
	z-index : 2;
	width : 94vw;
	height : 1px;
	top : 1vw;
	left : 2vw;
	background-color : rgb(150, 150, 150);
}

section#related_thumbnail {
	position : relative;
	margin-top : 4vw;
}


/********************************************* VIDEO PLAYER ********************************************/

section#video_player {
	display : none;
	position : absolute;
	z-index : 50;
	top : 2.5vw;
	left : 1vw;
}

		iframe#player, iframe#main_player, div#player_black_layer, div#custom-css {
			position : absolute;
			z-index : 50;
			top : 0vw;
			left : 0.5vw;
			margin-top : 6vw;
			width : 46.2vw; 
			height : 26vw;
			border : black;
			background-color : black;
			box-shadow: 0px 0px 30px 5px #000;
		}

		iframe#player.fixed, iframe#main_player.fixed {
			position : fixed;
			left : 1.5vw;
			margin-top : 6vw;
			width : 21.5vw; 
			height : 12.1vw;
		}

		iframe#main_player {
			display : none;
			z-index : 60;
		}

		div#player_black_layer {
			display : none;
		}

		div#top_left {
			position : relative;
			z-index : 200;
			top : 6vw;
			left : 0.5vw;
		}

		div#player_black_layer_up {
			position : absolute;
			z-index : 100;
			top : 0vw;
			left : 0vw;
			width : 46.2vw; 
			height : 13vw;
			background-color : black;
		}

		div#bottom_left {
			position : relative;
			z-index : 200;
			top : 32vw;
			left : 0.5vw;
		}

		div#player_black_layer_down {
			position : absolute;
			z-index : 100;
			bottom : 0vw;
			left : 0vw;
			width : 46.2vw; 
			height : 13vw;
			background-color : black;
		}

		div#bottom_right {
			position : relative;
			z-index : 200;
			top : 32vw;
			left : 46.7vw;
		}

		div#placeholder_down {
			position : absolute;
			display : none;
			z-index : 200;
			opacity : 0.5;
			bottom : 0px;
			right : 0px;
			margin-right : 35px;
			bottom : 0;
			height : 35px;
			width : 90px;		
		}


#button {
	position : fixed;
	z-index : 100;
	top : 39vw;
	margin-left : 25vw;
	width : 50vw;
}

div#donation {
	top : 15vw;
}


/******************************************* AUDIO PLAYER ******************************************/

section#audio_player {
	display : none;
	position : absolute;
	z-index : 50;
	top : 3vw;
	left : 2vw;
}

		img.previous_audio, img.next_audio {
			position : absolute;
			z-index : 40;
			top : 9vw;
			width : 20vw; 
			height : 20vw;
			box-shadow : 0px 0px 20px 10px #000;
		}

		img.previous_audio {
			left : 25vw;
		}

		img#current_audio {
			position : absolute;
			z-index : 50;
			top : 0vw;
			left : 9.5vw;
			margin-top : 6vw;
			width : 26vw; 
			height : 26vw;
			box-shadow : 0px 0px 20px 10px #000;
		}

		div#audio_control {
			position : absolute;
			z-index : 50;
			background-color : black;
			opacity : 0.9;
			top : 27vw;
			left : 9.5vw;
			width : 26vw; 
			height : 5vw;
		}

		audio#audio_popup {
			position : absolute;
			z-index : 60;
			top : 27vw;
			left : 9.5vw;
			width : 26vw; 
			height : 5vw;			
		}

				div#progress_bar_background {
					position : relative;
					z-index : 50;
					padding-top : 0.5vw;
					padding-bottom : 0.5vw;
					top : -0.5vw;
					width : 26vw; 
					height : 0.35vw;
				}

						a#timecode {
							display : none;
							position : absolute;
							z-index : 50;
							background-color : black;
							opacity : 0.9;
							padding-top : 0.2vw;
							padding-left : 0.4vw;
							padding-right : 0.4vw;
							padding-bottom : 0vw;
							top : -2vw;
							color : white;	
							font-size : 0.9vw;
						}

						div#progress_bar {
							position : relative;
							z-index : 50;
							background-color : white;
							width : 0vw; 
							height : 0.35vw;
						}

						div#time_display {
							position : absolute;
							text-align : center;
							top : 0.5vw;
							width : 26vw;
							font-size : 1vw;
						}

				div#player_control {
					text-align : center;
				}

						img.control_icon {
							position : relative;
							opacity : 0.6;
							top : 0.5vw;
							width : 2.5vw;
						}

						img#download {
							padding-right : 3vw;
							opacity : 0.1;
						}

						img#mute {
							padding-left : 3vw;
						}


				img#embed_logo {
					display : none;	
				}

/*************************************** EMBED / METADATA **************************************/

section.embed {
	position : absolute;
	top : 35.5vw;
	left : 1.5vw;
	width : 48vw;
}

		a#embed_display {
			position : absolute;
			padding : 0.5vw;
			border-radius : 0.8vw;
			background-color : rgb(20, 20, 20);
    	}

		input#embed_value {
			display : none;
			position : absolute;
			left : 8.5vw;
			height : 1.8vw;
			border-color : rgb(50, 50, 50);
			background-color : rgb(35, 35, 35);
			color : grey;
			width : 32vw;
			font-size : 1vw;
    	}

		a#embed_copy {
			display : none;
			position : absolute;
			left : 42vw;
			padding : 0.5vw;
			border-radius : 0.8vw;
			background-color : rgb(20, 20, 20);
    	}

section.metadata_list {
	position : absolute;
	top : 41vw;
	left : 1.5vw;
	width : 48vw;
}

		img.metadata {
			position : relative;
			border-radius : 0.8vw;
			background-color : rgb(25, 25, 25);
			margin-left : 0.5vw;
			margin-right : 0.5vw;
			width : 8vw;

			-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;
		}

		img.metadata:hover {
			-webkit-transform : scale(1.1); 
			-moz-transform : scale(1.1); 
			-ms-transform : scale(1.1); 
			-o-transform : scale(1.1); 
			transform : scale(1.1);
		}


section.comment {
	position : absolute;
	top : 40vw;
	left : 1.5vw;
	font-size : 1vw;
	text-align : justify;
}

		img#comment_img {
			position : absolute;
			width : 9vw;
    	}

		textarea {
			position : absolute;
			top : 0.5vw;
			left : 10vw;
			border-color : rgb(50, 50, 50);
			background-color : rgb(35, 35, 35);
			color : grey;
			width : 35vw;
			height : 6.2vw;
			padding : 0.5vw;
			font-family : Avenir;
			font-size : 1vw;
    	}

    	a#callback {
			position : absolute;
    		top : 8.2vw;
    		left : 10.5vw;
    		width : 7vw;
    		font-size : 1vw;
    	}

		a.comment_button {
			display : none;
			position : absolute;
			top : 8.5vw;
			padding : 0.5vw;
			padding-left : 1vw;
			padding-right : 1vw;
			border-radius : 0.8vw;
			background-color : rgb(20, 20, 20);
			font-size : 1.2vw;
    	}

		a#login { left : 37vw; width : 7vw;}
		a#save { left : 41vw; }
		a#modify { left : 40vw; }
		a#remove { left : 32vw; }

		img#comment_list_img {
			position : absolute;
			top : 12vw;
			width : 9vw;
    	}

		div#comment_list {
			position : absolute;
			top : 12.5vw;
			margin-left : 10vw;
			bottom : 10vw;
			width : 36vw;
		}

		div.comment_item {
			padding : 1vw;
			background-color : rgb(30, 30, 30);
		}

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

		div.comment_vote {
			padding-top : 0.7vw;
			padding-bottom : 2vw;
			padding-left : 1vw;
			text-align : right;
		}

				a.global_vote {
					float : left;
					color : rgb(180, 180, 180);
				}

				a.usefulness {
					margin : 0.2vw;
					padding : 0.5vw;
					border-radius : 0.8vw;
					background-color : rgb(20, 20, 20);	
				}

}