@charset "UTF-8";
/* CSS Document */

/* ---------- Reset ---------- */ 
html, body{ width: 100%; height: 100%;}
body{ margin: 0; padding: 0; background: #000; }
a { text-decoration: none; }

/* ---------- Wrapper ---------- */ 
#dv-wrapper{
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
}
/* ---------- Contenido ---------- */ 

#dv-izq{
	width: 60%;
	height: 100%;
	/*background: blue;*/
	float: left;
	margin: 0;
	padding: 0;
}
#dv-der{
	width: 40%;
	height: 100%;
	/*background: red;*/
	float: left;
	margin: 0;
	padding: 0;
}
	.contenedor-i{
		width: 90%;
		height: 85%;
		margin: 5% auto;
		/*background: green;*/
		padding: 0;
	}
	.contenedor-d{
		width: 90%;
		height: 90%;
		margin: 5% auto;
		/*background: green;*/
		padding: 0;
	}
		#lg-live{
			width: 100%;
			height: 15%;
			/*background: orange;*/
			text-align: center;
			padding: 0;
			margin: 0;
			display: block;
		}
		#vdo{
			width: 100%;
			height: 75%;
			/*background: white;*/
			text-align: center;
		}
		#btns{
			width: 100%;
			height: 10%;
			/*background: orange;*/
			text-align: center;
			padding: 0;
			margin: 0;
		}
		#lg{
			display: none;
		}
			#img-logo{
				height: 90%;
				cursor: pointer;
			}
		#img-afiche{
			/*height: 100%;*/
			width: 100%;
			max-width: 600px;
			vertical-align: middle;
		}
@media screen and (max-width: 768px) {
	#dv-izq{
		width: 100%;
		height: 100%;
		/*background: blue;*/
		float: left;
	}
	#dv-der{
		display: none;
	}
		.contenedor{
			width: 86%;
			height: 83%;
			margin: 7% 7%;
			/*background: green;*/
			padding: 0;
			text-align: center;
		}
		#lg-live{
			display: none;
		}
		#vdo{
			width: 100%;
			height: 60%;
			/*background: yellow;*/
			text-align: center;
		}
		#lg{
		    display: block;
		    width: 100%;
		    height: 20%;
		    /* background: white; */
		    text-align: center;
		    padding: 5% 0 0 0;
		}
}