@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;
	border-radius : var(--radius);
}

img.cover_image.panorama_poster {
	height : 11.25vw;
}

img.cover_image.portrait_poster {
	height : 26.67vw;
}


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

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

div#movie_black_layer {
    position : fixed;
    z-index : 1;
	top : 63vw;
    left : 0px;
    width : 100vw;
    height : 100vw;
    background-color : black;
    opacity : 0.8;
}

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, rgb(var(--main-color)), transparent);  
	top : 4px;
	right : 16vw;
    width : 55vw;
    height : 35vw;
}


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

section#information {
	position : sticky;
	position: -webkit-sticky;
	z-index : 5;
	top : 6vw;
	height : 26vw;
	padding-left : 1.5vw;
	font-size : calc(var(--font-size) * 1);
}

		img.logo_image {
			float : left;
			width : 4.5vw;
			padding-right : 1vw;
		}

		#info_title {
			float : left;
		}

		a.info_title {
			opacity : 0.8;
		}

		a.info_title_more {
			opacity : 0.5;
		}

		h1.name {
			display : inline;
			line-height: 2.6vw;
			color : rgb(var(--font-color));
			text-decoration : none;
			font-weight : normal;
			margin : 0vw;
			font-size : calc(var(--font-size) * 2);
		}

		a.author {
			display : block;
			padding-right : 0.7vw;
			font-size : calc(var(--font-size) * 1.4);
			line-height : calc(var(--font-size) * 1.6);
			opacity : 0.4;
		}

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

a.description {
	opacity : 0.7;
}

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

a.year, a.number, a.duration, a.category, a.data {
	text-decoration : none;
	color : white;
	opacity : 0.4;
}

a.more_info {
	text-decoration : underline;
}

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

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

a.title, a.thumbnail_title {
	font-size : calc(var(--font-size) * 1.4);
	opacity : 0.4;	
}

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


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

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

div#tipeee {
	margin-left : 87vw;
}

		img#hat_teaser{
			width : 10vw;
		}

		img#tipeee, img#helloasso  {
			width : 6vw;
			box-shadow : 0.5vw 0.5vw 0.5vw 0vw rgba(var(--shadow-color), var(--header-opacity));
		}

		a#hat_info {
			display : block;
			position : relative;
			margin-top : -4.5vw;
			line-height : 1.8vw;
			font-size : calc(var(--font-size) * 1.5);
		}

		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;
	height : 4vw;
}

		div.season {
			display : inline;
			padding-left : 0.2vw;
			margin-right : 1.5vw;
			font-size : calc(var(--font-size) * 1.8);
			text-decoration : none;
			opacity : 0.5;
		}

				div.season:hover {
					cursor : pointer;
				}

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

		div.thumbnail.list {
			width : 89.5vw;
			height : 10vw;
			box-shadow : 0.5vw 0.5vw 0.5vw 0vw rgba(var(--shadow-color), var(--shadow-opacity));
			background-color : rgb(var(--main-color));
		}

		div.thumbnail.list:hover {	
			box-shadow : 1vw 1vw 1vw 0vw rgba(var(--shadow-color), var(--shadow-opacity));

 			-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 rgba(var(--shadow-color), var(--shadow-opacity));
		}*/

				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 : calc(var(--font-size) * 1);
			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 : calc(var(--font-size) * 1.2);
		}

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

		div._3.list {
			top : 5vw;
			left : 1vw;
			text-align : justify;
			opacity : 0.4;
		}

		div._4.list {
			top : 1.5vw;
			right : 0vw;
			width : 10vw;
			font-size : calc(var(--font-size) * 1);
			text-align : right;
			opacity : 0.7;
		}

		div._5.list {
			display : none;
		}

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

section#related_thumbnail {
	position : relative;
	padding-top : 4vw;
	background-color : rgb(var(--main-color));
}

/*************************************** FRIENDS **************************************/

.rounded {
    width : 8vw;
    height : 8vw;
}

/*div.more_content {
	position : relative;
	width : 94vw;
	height : 1px;
	top : 0vw;
	left : 2vw;
	background-color : white;
	opacity : 0.4;
}*/

}