/* style.css */
body {
	background-color: #f4f1ea; /* Couleur papier ancien */
	color: #333;
	font-family: "Courier New", Courier, monospace; /* Style machine à écrire */
	margin: 0;
	padding: 20px;
}

h1 {
	text-align: center;
	border-bottom: 2px solid #333;
	padding-bottom: 10px;
}

a {
	text-decoration: none;
}

/* Grille pour l'index */
.film-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 25px;
	padding: 20px;
}

.film-card {
	border: 1px solid #333;
	padding: 10px;
	background: white;
	text-align: center;
	box-shadow: 5px 5px 0px #888; /* Ombre rétro */
	transition: transform 0.2s;
}

.film-card img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.film-card h2 {
	font-size: 1.2em;
	margin: 10px 0;
}

/* Formulaire et Tableaux */
form, table {
	width: 95%;
	margin: 20px auto;
	background: white;
	padding: 20px;
	border: 1px solid #333;
	text-align: center;
}

input {
	width: 90%;
	padding: 8px;
	margin-bottom: 10px;
	border: 1px solid #333;
}

button {
	background: #8ef;
	color: rgb(0, 78, 181);
	padding: 10px 20px;
	cursor: pointer;
}

button:hover {
	background: #555;
}

table { border-collapse: collapse; }
th, td { border: 1px solid #333; padding: 10px; text-align: center; }