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

body {
	background-color : rgb(var(--main-color));
	margin : 0;
	padding : 0;
	overflow-x : hidden;
	font-family : Font;
	font-size : var(--font-size);
	line-height : var(--line-height);
	color : rgb(var(--font-color));
}

input:focus {
    outline : none;
}

div#selector {
	display : none;
}

div#keyboard {
	display : none;
}


/************************************************ HEADER ***********************************************/

div#header {
	position : fixed;
	z-index : 100;
	top : 0px;
	width : 100vw;
	height : 15vw;
	font-size : calc(var(--font-size) * 1.2);
	box-shadow : 0vw 1vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));
	background-color : rgb(var(--header-color));
}

img#menu_button {
	position : fixed;
	top : 2vw;
	left : 2vw;
	width : 12vw;
	opacity : 0.5;
}

		img#menu_button:hover {
			cursor : pointer;
			opacity : 1;
		}

div#header_left {
	display : none;
}


div#header_center {
	text-align : center;
	width : 100vw;
}

		img#logo {
			margin-top : 3vw;
    		height : 9vw;
		}

div#header_right {
	display : none;
}

		ol.sub_list_header {
			display : none;
		}

img#user_button {
	position : fixed;
	top : 2vw;
	right : 2vw;
	width : 12vw;
	opacity : 0.5;
}

		img#user_button:hover {
			cursor : pointer;
			opacity : 1;
		}

img#log_button {
	position : fixed;
	top : 4vw;
	right : 1.8vw;
	width : 1.8vw;
}


/************************************************* MENU ************************************************/

div.menu {
	position : fixed;
	z-index : 60;
	top : 0vw;
	padding-top : 30vw;
	margin-left : -80vw;
	width : 78vw;
	height : 100%;
	overflow-y : auto;
	box-shadow : 1vw 0vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));
	background-color : rgb(var(--header-color));
}

		div#menu_right {
			margin-left : 102vw;
			box-shadow : -1vw 0vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));
		}

div.item_menu {
	position : relative; 
	opacity : 0.5; 
	width : 100%;
}

		div.item_menu:hover {
			cursor : pointer;
			opacity : 1; 
		}   

		img.icon_item_menu {
			width : 10vw;
			height : 10vw;
			margin-left : 4vw;
			vertical-align : middle;
		}

		a.text_item_menu {
			margin-left : 2vw;
			vertical-align : middle;
			color : var(--font-color);
			opacity : 1;
			font-size : calc(var(--font-size) * 1.5);
			text-decoration : none;	
		}

		img.icon_item_down {
			width : 10vw; 
			float : right; 
			margin-right : 4vw;
		}

				img.icon_item_down:hover {
					cursor : pointer;
					/*color : white;*/
				}

div.item_padding {
	height : 10vw;
}

ol.sub_list_menu {
	display : none;
	list-style-type : none;
	margin : 0vw;
}

		ol.sub_list_menu li {
			margin-left : 15vw;
			line-height : 250%;
		}

		a.sub_list_item_menu {
			color : var(--font-color);
			opacity : 0.5;
			font-size : calc(var(--font-size) * 1.5);
			text-decoration : none;
		}

		a.sub_list_item_menu:hover {
			cursor : pointer;
			opacity : 1;
		}

div#black_layer {
	display : none;
	position : absolute;
	z-index : 50;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	opacity : 0.4;
	background-color : black;
}


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

div#screen {
	display : none;
	margin-top : 20vw;
	min-height : 120vw;
}

div.screen_title {
	margin-top : 22vw;
	margin-bottom : 8vw;
	text-align : center;
}

	h1.screen_title {
		position : relative;
		width : 96vw;
		left : 2vw;
		opacity : 0.8;
		font-size : calc(var(--font-size) * 1.8);
		font-weight : normal;
	}

	/*a.screen_title_medium {
		font-size : calc(var(--font-size) * 1);
	}

	a.screen_title_big {
		font-size : calc(var(--font-size) * 1);
	}*/

	/*a.mouse_over {
		text-decoration : none;
		color : white;
	}

			a.mouse_over:hover {
				color : white;
			}	

a#warning {
	margin-top : -0.5vw;
	margin-bottom : 2vw;
	margin-left : 20vw;
}*/


/********************************************* BUTTONS *********************************************/

section#button_list {
	display : inline;
	display : none;
	position : fixed;
	background-color : rgb(var(--header-color));
	z-index : 110;
	padding-top : 2vw;
	padding-left : 1vw;
	padding-right : 1vw;
	padding-bottom : 1vw;
	bottom : 0vw;
	left : 0vw;
	right : 0vw;

	box-shadow : 0vw -1vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));

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

		a.button_href {
			text-decoration : none;
		}

		img.button {
			display : inline;
			margin-left : 1vw;
			margin-right : 1vw;
			width : 12vw;

    		box-shadow : 1vw 1vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));
    	}

		img.my_content {
			display : none;
		}


/********************************************* RIGTH / LEFT *********************************************/

img#arrow_left_page {
	display: none;
	position: fixed;
	cursor : default;
	z-index : 50;
	left : 0vw;
	top : 50%;
	height : 20vw;
 	margin-top: -10vw;
}

img#arrow_left_page:hover {
	cursor : pointer;
}

img#arrow_right_page {
	display: none;
	position: fixed;
	cursor : default;
	z-index : 50;
	right : 0vw;
	top : 50%;
	height : 20vw;
 	margin-top: -10vw;
}

img#arrow_right_page:hover {
	cursor : pointer;
}


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

a.title {
	position : relative;
	z-index : 10;
	margin-left : 3vw;
	color : var(--font-color); 
	opacity : 0.5;
	font-size : calc(var(--font-size) * 1.8);
	line-height : calc(var(--font-size) * 1.8);
	text-decoration : none;
}

div.scrolling_container {
	position : relative;
}

div.list_container {
	margin-left : 2vw;
	margin-bottom : 8vw;
	white-space : nowrap;
}

		div.thumbnail {
			display : inline-block;
			position : relative;
			z-index : 10;
			margin : 1vw;
			box-shadow : 1vw 1vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));

			/*-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:hover {
			 box-shadow : 2vw 2vw 2vw rgba(var(--shadow-color), var(--header-opacity)); 

 			-webkit-transform : scale(1.02); 
			-moz-transform : scale(1.02); 
			-ms-transform : scale(1.02); 
			-o-transform : scale(1.02); 
			transform : scale(1.02);
		}*/

			/* div.thumbnail.panorama {
					margin-right : 0.8vw;
					margin-left : 0.8vw;
				} */

				.panorama {
					width : 45vw;
					height : 25.3vw;
					border-radius : var(--radius);
				}

				.portrait {
					width : 45vw;
					height : 60vw;
					border-radius : var(--radius);
				}

				.squared {
					width : 45vw;
					height : 45vw;
					border-radius : var(--radius);
				}

				div.thumbnail.rounded {
					margin-left : 3.25vw;
					margin-right : 3.25vw;
					margin-bottom : 7vw;
				}

				.rounded {
					width : 40vw;
					height : 40vw;
					border-radius : 50%;
				}


						img.tag {
							position : absolute;
							z-index : 60;
							top : 1vw;
							left : -1vw;
							width : 30vw;
						}

						img#play.panorama {
							position : absolute;
							top : 25%;
							left : 35.95%;
							width : 28.12%;
							height : 50%;
						}

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

						img.user_layer {
							position : absolute;
							/*display : none;*/
							top : 1vw;
							left : 1vw;
							width : 8vw;
						}

						img.user_action {
							position : absolute;
							/*display : none;*/
							top : 1.8vw;
							left : 2vw;
							width : 6vw;
						}


		/*  INFO  */

		div.info {
			position : absolute;
			width : 24vw;
			height : 0vw; 				/*  because div has also "format" class but should not have height  */
			font-size : calc(var(--font-size) * 1);
			line-height : calc(var(--font-size) * 1.1);
			text-align : center;
		}

				div.info.panorama { display : none }
				div.info.portrait { display : none }
				div.info.squared  { display : none }

				/*div.info.panorama { margin-left : -1.5vw }
				div.info.portrait { margin-left : -4vw }
				div.info.squared  { margin-left : -5.5vw }*/
				div.info.rounded  { margin-left : -27vw }

				div.line { margin : 0 auto }
				
				div.line._1 { 
					color : var(--font-color);
					font-size : calc(var(--font-size) * 1.2);
				}


		/*  ARROWS  */

		img.arrow_container {
			display : none;
		}


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


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

section#episod_title {
	position : fixed;
	z-index : 110;
	top : 3vw;
	left : 2vw;
	font-size : calc(var(--font-size) * 1);
	color : var(--font-color);
}

	a#episod_name {
		display : none;
	}
	
	img#like, img#later, img#reco {
		display : none;
		width : 8vw;
	}


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


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

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

		iframe#player, iframe#main_player, div#custom-css {
			position : absolute;
			z-index : 50;
			top : 0vw;
			left : 0vw;
			width : 100vw; 
			height : 56.25vw;
			border : black;
		}

		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 : var(--font-color);
		}

div#donation_area_sheet {
	display : none;
	position : relative;
	z-index : 3;
	background-color : rgb(var(--header-color));
	padding-left : 2vw;
	font-size : calc(var(--font-size) * 1);
}

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

		a.donation_text_sheet {
			width : 20vw;
			color : var(--font-color);
		}

		div.resume {
			margin-top : -2.5vw;
    		height : 1vw;
			width : 0%;
			background-color : white;
		}

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

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

		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#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 : 70vw;
			left : 0vw;
			width : 100vw; 
			height : 15vw;
		}

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

						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;
							margin-top : -2vw;
    						margin-left : 10vw;
							font-size : calc(var(--font-size) * 1.2);
						}


				div#player_control {
					margin-left : 2vw;
    				margin-top : -5vw;
				}

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

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

						img#mute {
							float : right;
						    margin-right : 2vw;
						    margin-top : -12vw;
						}

				img#embed_logo {
					display : none;	
				}


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

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

		a#embed_display {
			position : absolute;
			top : -7vw;
			padding : 1vw;
			width : 23vw;
			border-radius : 2vw;
			background-color : rgba(20, 20, 20, 1);
    	}

		input#embed_value {
			display : none;
			position : absolute;
			top : 6vw;
			left : 0vw;
			height : 4vw;
			border-color : rgba(50, 50, 50, 1);
			background-color : transparent;
			color : grey;
			width : 95vw;
			font-size : calc(var(--font-size) * 1);
    	}

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


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

div#donation {
	display : none;
	position : absolute;
	z-index : 100;
	top : 50%;
  	transform : translateY(-50%);
	left : 10vw;
	width : 80vw;
	height : 60vw;
	border-radius : 4vw;
	background-color : rgb(var(--header-color));
	box-shadow : 0vw 0vw 2vw 2vw rgba(var(--shadow-color), var(--header-opacity));
}

		div#title {
			position : absolute;
			top : 2vw;
			width : 60vw;
			height : 6vw;
		}	

				a#donation_title {
					position : absolute;
					top : 1.5vw;
					left : 25vw;
					color : var(--font-color);
					font-size : calc(var(--font-size) * 1.5);
				}

		img.donation_thumbnail {
			position : relative;
			margin-top : 14vw;
			margin-left : 28vw;
			height : 14vw;
		}

		div#value {
			position : absolute;
			top : 30vw;
			width : 80vw;
			height : 8vw;
		}

				img.less {
					display : inline;
					position : absolute;
					margin-left : 16vw;
					width : 8vw;
					border-radius : 50%;
					background-color : black;
					opacity : 0.5;
				}

				input.value {
					position : absolute;
					display : inline;
					margin-top : 0.5vw;
					margin-left : 24vw;
					width : 10vw;
					color : var(--font-color);
					border : none;
					text-align : right;
					background-color : transparent;
					font-size : calc(var(--font-size) * 1.3);			
				}

				a.value {
					position : absolute;
					display : inline;
					top : 1vw;
					left : 36vw;
					font-size : calc(var(--font-size) * 1.3);			
				}

				img.more {
					display : inline;
					position : absolute;
					margin-left : 56vw;
					width : 8vw;
					border-radius : 50%;
					background-color : black;
					opacity : 0.5;
				}


		a.donation_action {
			display : none;
			position : absolute;
			top : 5vw;
			left : 23vw;
		}

		a#account_info {
			position : absolute;
			top : 24vw;
			left : 20vw;
			font-size : calc(var(--font-size) * 1);
			opacity : 0.5;
		}

img#close_donation_pop_up {
	position : absolute;
	top : 0vw;
	left : 71vw;
	width : 9vw;
	cursor : auto;
	opacity : 0.5;
}

div.callback {
	position : absolute;
	top : 0vw;
}

		div#callback_1 {
			display : none;
			position : absolute;
			top : 18vw;
			left : 10vw;
			width : 60vw;
			font-size : calc(var(--font-size) * 1);
			text-align : center;
		}

		div#callback_2 {
			display : none;
			position : absolute;
			top : 35vw;
			left : 10vw;
			width : 60vw;
			font-size : calc(var(--font-size) * 1);
			text-align : center;
		}

		a#reload {
			display : none;
			position : absolute;
			top : 45vw;
			left : 25vw;
			width : 30vw;
			text-decoration : none;
			color : var(--font-color);
			opacity : 0.5;
			padding-top : 2vw;
			padding-bottom : 2vw;
			border-radius : var(--radius);
			text-align : center;
			background-color : rgb(20, 20, 20);
		}

				a#reload:hover {
					cursor : pointer;
					opacity : 1;			
				}

/*************************************** CONFIRM POP UP **************************************/

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

div#confirm_pop_up {
	display : none;
	position : fixed;
	z-index : 500;
	top : 25vw;
	left : 10vw;
	padding-top : 0vw;
	padding-bottom : 1vw;
	padding-left : 3vw;
	padding-right : 3vw;
	border-radius : var(--radius);
	width : 74vw;
	height : 25vw;
	text-align : center;
	background-color : rgb(var(--header-color));
}

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


a.confirm_text {
	display : block;
	margin-top : 6vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 5vw;
	color : var(--font-color);
	opacity : 0.5;
	font-size : calc(var(--font-size) * 1);
}

a.confirm_action {
	margin-top : 12vw;
	margin-left : 1vw;
	margin-right : 1vw;
	margin-bottom : 0.5vw;
	padding-top : 1.5vw;
	padding-left : 4vw;
	padding-right : 4vw;
	padding-bottom : 1vw;
	width : 6vw;
	color : var(--font-color);
	opacity : 0.5;
	font-size : calc(var(--font-size) * 1);
	border-radius : var(--radius);
	background-color : rgb(20, 20, 20);
	text-decoration : none;
}

		a.confirm_action:hover {
			cursor : pointer;
			opacity : 1;
		}


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

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

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

img#close_pop_up {
	z-index : 601;
	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 : var(--font-color); 
	opacity : 0.5;
	font-size : calc(var(--font-size) * 1);
}

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

		a.item_title {
			display : block;
			float : left;
			width : 40vw;
			font-size : calc(var(--font-size) * 1);
			color : var(--font-color);
		}

		a.grey {
			color : var(--font-color);
			opacity : 0.5;
		}

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

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

a.action, label.action {
	display : block;
	margin-top : 6vw;
	margin-left : auto;
    margin-right : auto;
	width : 30vw;
	border-radius : 2vw;
	padding : 2vw;
	background-color : rgba(var(--action-color), 0.5);
	color : rgb(255, 255, 255, 0.5);
	text-decoration : none;
}

a.action {
	text-align : center;
}

		a.action:hover, label.action:hover {
			cursor : pointer;
			color : rgb(255, 255, 255, 0.8);
		}

		/*a#create {
			margin-top : -4vw;
		}*/

/*label.action {
	margin-top : 0vw;
	margin-bottom : 0.5vw;
}*/

a.message {
	visibility : hidden;
}

img.check {
	margin-top : 2vw;
	vertical-align : -0.25vw;
	margin-right : 0.5vw;
	width : 4vw;
}


/***************************************** PAYMENT POP UP ******************************************/

/*iframe#stripe {
	display : none;
	z-index : 100;
	position : fixed;
	top : 28vw;
	left : 2.5vw;
	width : 95vw;
	height : 50vw;
}

div#stripe {
	display : none;
	z-index : 100;
	position : fixed;
	border-radius : var(--radius);
	top : 28vw;
	left : 2.5vw;
	width : 95vw;
	height : 50vw;
	background-color : rgb(var(--header-color));
}

		a#title_pop_up {
			position : absolute;
			display : inline;
			text-align : center;
			width : 70vw;
			margin-top : 2vw;
			margin-left : 10vw;
			margin-right : 15vw;
			font-size : calc(var(--font-size) * 1);			
		}

		img#less_0 {
			display : inline;
			position : absolute;
			margin-top : 15vw;
			margin-left : 25vw;
			width : 8vw;
		}

		img#more_0 {
			display : inline;
			position : absolute;
			margin-top : 15vw;
			margin-left : 65vw;
			width : 8vw;
		}

		input#value_0 {
			position : absolute;
			display : inline;
			margin-top : 16vw;
			margin-left : 36vw;
			font-size : calc(var(--font-size) * 1);
			width : 10vw;
			border : none;
			color : grey;
			text-align : right;
			background-color : transparent;			
		}

		a#money_0 {
			position : absolute;
			display : inline;
			margin-top : 16.5vw;
			margin-left : 48vw;
			font-size : calc(var(--font-size) * 1);		
		}

		a#pourcent {
			position : absolute;
			display : inline;
			margin-top : 42vw;
			margin-left : 6vw;
			font-size : calc(var(--font-size) * 0.8);			
		}

		a#pourcent_tuto {
			position : absolute;
			display : inline;
			margin-top : 46vw;
			margin-left : 20vw;
			font-size : calc(var(--font-size) * 0.8);			
		}

		a#warning_pop_up {
			position : absolute;
			display : inline;
			margin-top : 14vw;
			margin-left : 7vw;
			font-size : calc(var(--font-size) * 0.4);	
			color : orange;		
		}

		a#pay_pop_up {
			position : absolute;
			display : inline;
			margin-top : 28vw;
			margin-left : 35vw;
		}

div#email {
	display : none;
	position : absolute;
	margin-top : 16vw;
	background-color: orange;
}

		a.item_title_stripe {
			position : absolute;
			margin-left : 20vw;
			width : 25vw;
			font-size : calc(var(--font-size) * 1);			
		}

		input.item_value_stripe {
			position : absolute;
			margin-left : 40vw;
			border-top : none;
			border-left : none;
			border-right : none;
			border-bottom-color : grey; 
			background-color : transparent;	
			height : 3vw;
			width : 35vw;
			font-size : calc(var(--font-size) * 1);
			color : grey;
		}
		

img#close_stripe {
	display : none;
	z-index : 100;
	opacity : 0.5;
	position : fixed;
	top : 30vw;
	left : 90vw;
	width : 6vw;
}

img#close_stripe:hover {
	cursor : pointer;
	opacity : 1;
}*/	


/************************************************ FOOTER ***********************************************/

div#footer {
	display : none;
	position : relative;
	z-index : 10;
	width : 100vw;
	padding-top : 6vw;
	height : 30vw;
	text-align : center;
	box-shadow : 0vw -1vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));
	background-color : rgb(var(--footer-color));
}

ol#footer_list {
	list-style-type : none;
	padding-left : 0px; 
	margin-left : 0px;
}

		ol#footer_list li { 
			display : inline;
			padding-left : 4vw; 
			padding-right : 4vw; 
		}

		a.item_footer {
			color : var(--font-color);
			opacity : 0.5;
			text-decoration : none;
		}

				a.item_footer:hover {
					cursor : pointer;
					opacity : 1; 
				}


/************************************************ SCROLL ***********************************************/

/*img#page_back {
	position: fixed;
	z-index : 5;
	bottom : 4vw;
	left : 4vw;
}*/

img#page_up {
	position : fixed;
	z-index : 200;
	bottom : -10vw;
	left : 50%;
	width : 20vw;
	margin-left : -10vw;
    background-color : rgba(0, 0, 0, 0.5);
    border-radius : 50%;
    opacity : 0.5;
}

		img#page_up:hover {
			cursor : pointer;
			opacity : 0.8;
		}

}

}