:root {
	--header-color : 20, 12, 5, 0.8;  /*transparent*/
	--main-color : 0, 30, 30;    /*30, 5, 0*/
	--shadow-color : 0, 0, 0; 
	--button-color : 255, 255, 255;
	--footer-color : 0, 0, 0; 
	--font-color : 255, 255, 255; 
	--font-button-color : 0, 0, 0;
	--header-opacity : 0;
	--shadow-opacity : 0;
}

@font-face {
	font-family : "Font";
	src : url("https://asset.vodify.fr/font/AvenirLTStd-Light.woff2");
}

/*body {	
	background-image : 
		linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
		url('https://asset.vodify.fr/img/notivi/screen/splash/background.jpg');
	background-position : center;
	background-size : cover;
	background-repeat : no-repeat;
	background-attachment : fixed;
}*/

div.live, iframe.live, div#channel_list {
	position : fixed;
  	top : 0px;
  	left : 0px;
	width : 100vw;
	height : 100vh;
}

div.live {
	display : none;
}

		div#channel_list {
			width : 20vw;
			background-color : rgba(var(--main-color), 0.8);
			text-align: center;	
		}

		img.channel {
			height : 3vw;
			margin-top : 1vw;
			margin-bottom : 1vw;
		}

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

:root {
	--font-size : 1.2vw;
	/*--line-height : calc(var(--font-size) * 1.5);*/
	--font-padding : 0.4vw;
	--radius : 0vw;
}

}

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

:root {
	--font-size : 3.5vw;
	/*--line-height : calc(var(--font-size) * 1.2);*/
	--font-padding : 0vw;
	--radius : 0vw;
}

}