main{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	color: rgb(255, 255, 255);
}

main > h2 {
	padding: 20px;

    text-align: center;
    font-family: 'MSReferenceSansSerifBold', 'Arial', sans-serif;
}

p {
	background-color: #5375A0;
	border: 0.5vw solid #374E6B;
	border-radius: 0.25vw;
	padding: 15px;

    max-width: 70vw;
    font-family: 'MSReferenceSansSerif', 'Arial', sans-serif;
}

p > a {
	color: #FFE100;
	text-decoration: none; /* Pas de soulignement par défaut */
}

h3 > a {
	color: #FFE100;
	text-decoration: none; /* Pas de soulignement par défaut */
}

#star {
	width: 100px;
}

#fin {
    width: 250px;
}

#img-header {
    width: 100%;
}

.container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5vw;

	padding-bottom: 30px;
}

.container p {
	width: 50vw;
}

/*#region image exemple */

#pictures {
    margin: 20px;
    padding: 0;
}

#pictures div {
    display: flex;
    flex-direction: column;
    align-items: center;
	gap:10px;

}

#pictures h3 {
    padding: 0;
    margin: 0;
    font-size: calc(10px + .4vw);
    text-align: center;
    font-family: 'MSReferenceSansSerifItalic', 'Arial', sans-serif;
    color: rgb(0, 0, 0);
}

#pictures img {
    width: 300px;
	height: 300px;
    border: 5px solid black;
    border-radius: 1vw;
}

#pictures #long {
	width: 480px;
	height: 300px;
    border: 5px solid black;
    border-radius: 1vw;
}

/*#endregion image exemple */

#trailer h3 {
    width: 250px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'MSReferenceSansSerifItalic', 'Arial', sans-serif;
    color: rgb(0, 0, 0);
}

footer{
	background-image: url("../ressources/img/footer/footer.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 572px;
}

@media screen and (max-width: 850px) {

	iframe{
		width: 90vw;
		height: 50vw;
	}

	#star, #fin {
		display: none;
	}

	.container p, #pictures ~ p {
		width: 80vw;
		max-width: unset;
	}

	#pictures #long {
		width: 360px;
		height: 225px;
    	border: 5px solid black;
    	border-radius: 1vw;
	}
}