p{
	border: none;
	margin-top: 0px;
}
video{
	border: none purple;
}

#flex1{
	border: none magenta;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

}

#grid{
	display: grid;
	border: none blue;
	justify-content: center;
	padding-top: 1vw;
	grid-gap: 1vw;
	padding-bottom: 1vw;
}

#text{
	border: none orange;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	height: 100%;
}

#film-container {
	z-index: 0;
	border: none blue;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

#film {
	border: none lime;
 	justify-content: center;
 	align-items: center;
 	height: 100%;
 	width: 100%;
}

#back{
	font-weight: 600;
}

#titre{
	text-transform: uppercase;
}

.tof{
	border: none lime;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.item{
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 650px){
	#grid{

	}
}

@media screen and (min-width: 900px){

	#grid{
	}

}

@media screen and (min-width: 1400px){
	p{
		width: 75%;
		
	}
}