body {
	background-color: black;
	margin: 0;
	color: white;
}

h1 {
	text-align: center;
	font-size: 5vw;
	margin-top: 3vw;
}

/* Page d'accueil */
.pellicule {
	height: 45vw;
	background-color: #750000;
	margin-bottom: 1.9vw;
	outline: 1.9vw solid #750000;
	border-top: 1.9vw dotted black;
	border-bottom: 1.9vw dotted black;
}

.lien_real {
	float: left;
	margin-top: 2vw;
	margin-left: 6.25vw;
	width: 25vw;
	text-decoration: none;
}

.image_real {
	width: 100%;
	filter: none;
}

.image_real:hover {
	filter: sepia(1);
}

h2 {
	text-align: center;
	color: white;
	font-size: 2.2vw;
}

.footer_index {
	float: left;
	margin: 2vw;
	font-size: 1vw;
}

/* Navigation */
header {
	position: absolute;
	margin-left: 4vw;
	width: 90vw;
}

.lien_nav  {
	float: left;
	margin-top: 0.5vw;
	text-decoration: none;
	color: white;
	display: block;
}

.lien_nav:hover {
	color: red;
}

.lien_nav_mobile {
	display: none;
}

.texte_nav  {
	margin: 0;
	margin-left: 2vw;
	font-size: 2vw;
}

#lien_pages {
	float: right;
}

#logo_fleche {
	position: absolute;
	width: 2vw;
	height: 2vw;
	border-left: 3px solid white;
	border-bottom: 3px solid white;
	transform: rotate(45deg);
}

/* Pages fiches */
.img_et_films {
	width: 100%;
	height: 30vw;
}

.image_real_fiche {
	float: left;
	margin-left: 6vw;
	width: 20vw;
}

ul {
	float: left;
	list-style: none;
	font-size: 1.4vw;
	line-height: 1.86vw;
	padding: 0;
	margin: 0;
	margin-left: 3vw;
}

li:hover {
	color: red;
}

.tournage_lean {
	float: left;
	margin-left: 6vw;
	margin-top: 3vw;
	width: 45vw;
}

.patchwork_affiche {
	float: right;
	margin-right: 6vw;
	margin-bottom: 2vw;
	width: 40vw;
}

.affiche3L {
	float: left;
	width: 33.33%;
}

.affiche4L {
	float: left;
	width: 25%;
}

.apercu_affiche {
	position: absolute;
	z-index: 100;
	width: 23.25vw;
	height: 31vw;
	right: 23.75vw;
	margin-top: -1vw;
	box-shadow: 3px 3px 20px black;
	display: none;
}

h3 {
	float: left;
	margin: 6vw;
	margin-right: 75%;
	margin-top: 3vw;
	margin-bottom: 0;
}

.bio {
	float: left;
	margin: 6vw;
	margin-top: 1vw;
	margin-bottom: 0;
	text-align: justify;
}

.footer_page {
	float: left;
	margin: 2vw;
	margin-left: 6vw;
	font-size: 1vw;
}

/* Version mobile */
@media only screen and (max-width: 600px) {
	h1 {
		margin-top: 6vw;
		font-size: 10vw;
	}

	/* Page d'accueil mobile */
	.pellicule {
		width: 86vw;
		height: 414vw;
		margin: none;
		margin-top: 5vw;
		margin-left: 3vw;
		outline-width: 3vw;
		border: none;
		border-left: 4vw dotted black;
		border-right: 4vw dotted black;
	}

	.lien_real {
		margin-top: 4vw;
		margin-left: 3vw;
		width: 80vw;
		text-decoration: none;
	}

	h2 {
		font-size: 5vw;
	}

	.footer_index {
		margin-left: 6vw;
		margin-top: 5vw;
		font-size: 2vw;
	}

	/* Navigation mobile */
	.lien_nav {
		display: none;
	}

	.lien_nav_mobile {
		float: left;
		margin-left: 5vw;
		margin-top: 2vw;
		display: block;
		font-size: 8vw;
		text-decoration: none;
		color: white;
	}

	/* Pages fiches mobile */
	.image_real_fiche {
		margin-left: 10vw;
		width: 80vw;
	}

	ul {
		margin: 4vw;
		margin-left: 10vw;
		font-size: 4vw;
		line-height: 5vw;
	}

	li:hover {
		color: white;
	}

	.patchwork_affiche {
		margin-right: 10vw;
		margin-bottom: 4vw;
		width: 80vw;
	}

	.apercu_affiche {
		display: none
	}

	.tournage_lean {
		margin-left: 10vw;
		margin-bottom: 4vw;
		width: 80vw;
	}

	h3 {
		margin-left: 10vw;
		margin-right: 10vw;
		margin-top: 4vw;
	}

	.bio {
		margin-left: 10vw;
		margin-right: 10vw;
	}
	.footer_page {
	margin-left: 10vw;
	font-size: 2vw;
	}
}