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

#screen {
	display : none;
}


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

img.background_image {
	position : absolute;
	right : 0px;
	width : 100%;
}

div.background_shadow {
	position : absolute;
	display : none;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
}


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

section#information {
	position : relative;
	z-index : 3;
	background-color : rgb(35, 35, 35);
	margin-top : 58vw;
	padding-top : 2vw;
	padding-bottom : 6vw;
	padding-left : 2vw;
	padding-right : 2vw;
}

div#my_content_display {
	position : absolute;
	top : 18vw;
	left : 2vw;
}

		img#like_mobile, img#later_mobile, img#alert_mobile, img#reco_mobile {
			display : none;
			position : relative;
			width : 8vw;
			/*padding-right : 2vw;*/
		}

		img#like_pc, img#later_pc, img#alert_pc, img#reco_pc {
			display : none;
		}

div#information_header {
	margin-top : 1vw;
	width : 100vw;
}

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

		#info_title {
			float : left;
			padding-left : 2vw;

			overflow-x : scroll;
			overflow-y : hidden;
			white-space : nowrap;
		}

		h1.name {
			display : block;
			font-size : 5vw;
			color : white;
			text-decoration : none;
			font-weight: normal;
			margin : 0vw;
		}

		a.author {
			display : block;
			color : grey;
		}

		img.author_image {
			display : none;
		}

div#information_body {
	font-size : 3.8vw;
}


div.description {
	display : relative;
	margin-top : 15vw;
	width : 96vw;
	text-align : justify;
	color : rgb(200,200,200);
}

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

div.date {
	display : none;
}

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

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

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

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

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

img.note_image {
	width : 3.5vw;
}

a#festival_text {
	display : none;
}

img#festival_img {
	display : none;
}

div#hat_teaser {
	position : absolute;
	margin-top : -40vw;
	margin-left : 70vw;
	width : 25vw;
	color : white;
	text-align : center;
}

		img#hat_teaser {
			width : 25vw;
		}

		a#hat_info {
			display : block;
			position : relative;
			margin-top : -12vw;
			line-height : 4vw;
			font-size : 3.6vw;
		}

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


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

div#season_list {
	position : relative;
	z-index : 10;
	padding-left : 0vw;
	width : 67vw;

	overflow-x : scroll;
	overflow-y : hidden;
	white-space : nowrap;
}

		div.season {
			display : inline;
			margin-left : 2vw;
			font-size : 5vw;
			color : grey; 
			text-decoration : none;
		}

	.mode {
		position : absolute;
		z-index : 4;	
		width : 9vw;
	}

			div.mode { top : 159vw }

			div#list { right : 14vw }
			div#grid { right : 3vw }


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

section#video_thumbnail {
	position : relative;
	z-index : 10;
	margin-top : 2vw;
	margin-left : 1vw;
	margin-bottom : 8vw;
	color : grey;
}

		div.thumbnail.list {
			width : 95vw;
			height : 21vw;
			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.2vw;
					margin-left : 0vw;
					margin-right : 0vw;
					margin-bottom : 0.2vw;
					height : 20.2vw;
				}

						img.panorama.list { width : 36vw }
						img.squared.list { width : 20.2vw }


				img#play.list {
					position : absolute;
					top : 25%;
					width : 11%;
					height : 50%;
				}

						img#play.panorama.list { left : 12% }
						img#play.squared.list { left : 5.5% }


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

				div.info.panorama.list {
					margin-left : 38vw;
					width : 55vw;
				}

				div.info.squared.list {
					margin-left : 22vw;
					width : 75vw;
				}

		div.line.list {
			position : relative;
			left : 1vw;
		}

		div._1.list {
			font-size : 3.6vw;
			color : white;
		}

		div._3.list, div._4.list, div._5.list {
			display : none;		
		}

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

section#related_thumbnail {
	position : relative;
	z-index: 10;
	margin-top : 6vw;
}

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


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

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

div#pop_up {
	display : none;	
	position : absolute;
	z-index : 100;
	top : 0vw;
	left : 0vw;
	width : 100vw;
	height : 100%;
	overflow : visible;
	/*box-shadow: 0px 0px 30px 20px #000;*/
}


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

section#episod_title {
	/*display : none;*/
	position : fixed;
	z-index : 110;
	top : 3vw;
	left : 2vw;
	font-size : 6vw;
	color : white;
}

	a#episod_name {
		/*font-size : 4vw;*/
		display : none;
	}
	
	img#like, img#later, img#reco {
		display : none;
		width : 8vw;
	}


img#player_close {
	position : fixed;
	z-index : 110;
	opacity : 0.7;
	top : 4vw;
	right : 2vw;
	width : 8vw;
}


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

section#video_player {
	display : none;
	position : absolute;
	z-index : 100;
	top : 15vw;
	left : 0vw;
	background-color : rgb(35, 35, 35);

/*	top : 0vw;
	left : 0vw;
	width : 100%;
	left : 100%;
	background-color : black;*/
}

		iframe#player, iframe#main_player, div#custom-css {
			position : absolute;
			z-index : 50;
			top : 0vw;
			left : 0vw;
			width : 100vw; 
			height : 56.25vw;
			border : black;
/*			background-color : black;
			box-shadow: 0px 0px 30px 5px #000;*/
		}

		iframe#main_player {
			display : none;
		}

div#donation_area {
	display : none;
	position : fixed;
	z-index : 100;
	top : 75vw;
	margin-left : 2vw;
}

		img.donation_button {
			position : fixed;
			top : 75vw;
			left : 60vw;
			width : 40vw;
    	}

		a.donation_text {
			position : fixed;
			top : 75vw;
			width : 55vw;
			color : white;
		}

div#donation_area_sheet {
	display : none;
	position : relative;
	z-index : 3;
	background-color : rgb(35, 35, 35);
	padding-left : 2vw;
	font-size : 3.6vw;
}

		img.donation_button_sheet {
			width : 30vw;
			margin-left : 64vw;
			vertical-align : middle;
    	}

		a.donation_text_sheet {
			width : 20vw;
			color : white;
		}


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

section#audio_player {
	display : none;
	position : absolute;
	z-index : 100;
	top : 3vw;
	left : 0vw;
	background-color : rgb(35, 35, 35);
}

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

		img.next_audio {
			left : 8vw;
		}

		img.previous_audio {
			left : 52vw;
		}

/*		img#shadow_previous_audio, img#shadow_next_audio {
			position : absolute;
			z-index : 100;
			top : 20vw;
			width : 3vw;
			height : 40vw;
		}

		img#shadow_next_audio {
			left : 22vw;
		}

		img#shadow_previous_audio {
			left : 75vw;
		}*/

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

		div#audio_control {
			position : absolute;
			z-index : 100;
			background-color : black;
			opacity : 0.9;
			top : 68vw;
			left : 0vw;
			width : 100vw; 
			height : 20vw;
		}

		audio#audio_popup {
			position : absolute;
			z-index : 100;
			top : 60vw;
			left : 0vw;
			width : 100vw; 
			height : 20vw;			
		}

				div#progress_bar_background {
					position : relative;
					z-index : 100;
					padding-top : 1vw;
					padding-bottom : 1vw;
					top : -2vw;
					width : 100vw; 
					height : 5vw;
				}

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

						div#progress_bar {
							position : relative;
							z-index : 100;
							background-color : white;
							width : 0vw;
							top : 1vw; 
							height : 1.5vw;
						}

						div#time_display {
							position : absolute;
							text-align : center;
							width : 100vw;
							top : 3vw;
							font-size : 3.5vw;
						}


				div#player_control {
					text-align : center;
				}

						img.control_icon {
							position : relative;
							opacity : 0.6;
							padding-left : 0.8vw;
							padding-right : 0.8vw;
							top : 1vw;
							width : 10vw;
						}

						img#download {
							padding-right : 5vw;
						}

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

				img#embed_logo {
					display : none;	
				}

/*************************************** EMBED / COMMENT **************************************/

section.embed {
	position : absolute;
	margin-top : 75vw;
	left : 2vw;
	background-color : rgb(35, 35, 35);
}

		a#embed_display {
			/*display : none;*/
			position : absolute;
			padding : 1vw;
			width : 23vw;
			border-radius : 2vw;
			background-color : rgb(20, 20, 20);
    	}

		input#embed_value {
			display : none;
			position : absolute;
			left : 24vw;
			height : 4vw;
			border-color : rgb(50, 50, 50);
			background-color : rgb(35, 35, 35);
			color : grey;
			width : 55vw;
			font-size : 3vw;
    	}

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

section.metadata_list {
	position : absolute;
	top : 85vw;
	left : 1vw;
}

		img.metadata {
			position : relative;
			border-radius : 2vw;
			background-color : rgb(25, 25, 25);
			margin-left : 0.5vw;
			margin-right : 0.5vw;
			width : 17.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.chapter {
	display : none;
	position : absolute;
	top : 115vw;
	left : 20vw;
	font-size : 4vw;
	min-height : 20vw;
	text-align : justify;
}


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

		img#comment_img {
			display : none;
    	}

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

    	a#callback {
			position : absolute;
    		top : 46vw;
    		left : 1vw;
    		width : 25vw;
    		font-size : 4vw;
    	}

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

		a#login { left : 68vw; width : 24vw;}
		a#save { left : 80vw; }
		a#modify { left : 80vw; }
		a#remove { left : 58vw; }

		img#comment_list_img {
			display : none;
    	}

		div#comment_list {
			position : absolute;
			top : 60vw;
			margin-left : 1vw;
			padding-bottom : 30vw;
			width : 96vw;
		}

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

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

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

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

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


section.donate {
	display : none;
	position : absolute;
	top : 115vw;
	left : 20vw;
	font-size : 4vw;
	min-height : 20vw;
	padding-bottom : 4vw;
}

		a#minus_one, a#minus_five, a#minus_ten, a#minus_twenty {
			position : relative;
			top : -3vw;
			padding-top : 0.7vw;
			padding-bottom : 0.3vw;
			padding-left : 1vw;
			padding-right : 1vw;
			margin : 0.4vw;
			border-radius : 1.5vw;
			background-color : rgb(20, 20, 20);
			font-size : 1.4vw;

			-moz-user-select: none; /* Firefox */
			 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
			 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
			 user-select: none; /* Propriété standard */
    	}

    	img#donate_coin {
			position : relative;
			width : 8vw;
    	}

    	div#donate_value {
    		display : inline-block;
    		position : relative;
    		top : -3vw;
			margin-left : -8.2vw;
			width : 8vw;
    		text-align : center;
    	}

		    	a#donate_value {
		    		position : relative;
		    		font-family : BraveHearted;
		    		font-size : 3vw;
		    		color : rgb(190, 120, 50);
		    	}

		a#plus_one, a#plus_five, a#plus_ten, a#plus_twenty {
			position : relative;
			top : -3vw;
			padding-top : 0.7vw;
			padding-bottom : 0.3vw;
			padding-left : 1vw;
			padding-right : 1vw;
			margin : 0.4vw;
			border-radius : 1.5vw;
			background-color : rgb(20, 20, 20);
			font-size : 1.4vw;

			-moz-user-select: none; /* Firefox */
			 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
			 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
			 user-select: none; /* Propriété standard */
    	}	


section.sources {
	display : none;
	position : absolute;
	top : 115vw;
	left : 20vw;
	font-size : 4vw;
	min-height : 20vw;
	text-align : justify;
}


section.fact_checking {
	display : none;
	position : absolute;
	top : 115vw;
	left : 1vw;
	font-size : 4vw;
	text-align : justify;
}

div.fact_checking_create {
	margin-bottom : 2vw;
	text-align : center;
	width : 98vw;
}

		a.fact_checking_create {
			text-decoration : none;
			color : white;
		}

		img.fact_checking_create {
			vertical-align : middle;
			width : 25vw;
		}

div#fact_checking_list {
	position : absolute;
	top : 15vw;
	left : 0vw;
	width : 98vw;
	padding-bottom : 20vw;
}

		img#fact_checking_img {
			position : absolute;
			left : 41vw;
			width : 15vw;
    	}

		div.fact_checking_info {
			position : absolute;
			padding-top : 1.2vw;
			text-align : center;
			left : 40vw;
			width : 18vw;
		}

				a.fact_checking_index {
					color : rgb(30, 30, 30);
					font-size : 3vw;
				}

				a.fact_checking_time {
					font-size : 3vw;
					line-height : 10vw;
					color : rgb(200, 200, 200);
				}		

		div.fact_checking_text {
			position : relative;
			padding-top : 12vw;
			padding-left : 1vw;
			padding-right : 1vw;
			margin-bottom : 1vw;
/*			background-color : rgb(30, 30, 30);
*/		}

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

		div.fact_checking_answer {
			position : relative;
			border-left-style : solid;
			padding-top : 4vw;
			padding-left : 2vw;
			padding-right : 2vw;
			padding-bottom : 2vw;

			margin-top : 2vw;
			margin-left : 1vw;
			margin-bottom : 12vw;

			background-color : rgb(30, 30, 30);
		}

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

				img.fact_checking_link_image {
					opacity : 0.5;
					width : 8vw;
					float : left;
					/*background-color : orange;					*/
				}

				div.fact_checking_link {
					margin-top : -6vw;
					margin-left : 10vw;
					/*background-color : red;					*/
				}

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

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


div.donation_area {
	display : none;
}


/*************************************** DONATION POP UP **************************************/

div#donation {
	top : 85vw;
	z-index : 600;
}

/*************************************** CONNEXION POP UP **************************************/

/*div#connection_black_layer {
	display : none;
	position : absolute;
	z-index : 400;
	top : 0px;
	left : 0px;
	width : 100vw;
	height : 100vh;
	opacity : 0.7;
	background-color : black;
}

div#connection_pop_up {
	display : none;
	position : fixed;
	z-index : 500;
	top : 25vw;
	left : 4vw;
	width : 85vw;
	height : 65vw;
	padding-top : 0vw;
	padding-bottom : 1vw;
	padding-left : 3vw;
	padding-right : 3vw;
	border-radius : 2vw;
	text-align : center;
	background-color : rgb(35, 35, 35); 
}

img#close_pop_up {
	z-index : 501;
	opacity : 0.5;
	position : fixed;
	top : 27vw;
	left : 88vw;
	width : 6vw;
}

a.title_pop_up {
	display : block;
	margin-top : 5vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 5vw;
	color : rgb(200,200,200);
	font-size : 4vw;
	color : grey;
}

div.item {
	margin-bottom : 2vw;
}

		a.item_title {
			display : block;
			float : left;
			width : 40vw;
			font-size : 3.6vw;
			color : rgb(200, 200, 200);
		}

		a.grey {
			color : grey;
		}

		input.item_value {
			border-top : none;
			border-left : none;
			border-right : none;
			border-bottom-color : grey;
			margin-bottom : 2vw;
			background-color : transparent;	
			height : 4vw;
			width : 40vw;
			font-size : 3.6vw;
			color : grey;
		}

		input.grey {
			border-bottom-color : rgb(80, 80, 80);
		}

a.action, label.action {
	margin-top : 1vw;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 0.5vw;
	width : 20vw;
	color : grey;
	font-size : 3.5vw;
	border-radius : 2vw;
	padding : 1.8vw;
	background-color : rgb(20, 20, 20);
	text-decoration : none;
}

a.action {
	text-align : center;
}

		a.action:hover, label.action:hover {
			cursor : pointer;
			color : white;
		}


a.message {
	display : block;
	margin-top : 2vw;
	visibility : hidden;
	color : red;
}*/

div#viewable {
	display : none;
}

}