/* Style général inspiré du cours (Page 7) */
body {
background-color: #000;
 /* Fond noir */ color: #000;
font-family: Arial, sans-serif;
margin: 0
} /* Header style rétro */
h1{
text-decoration: underline
}
.header-site {
background-color: white;
text-align: center;
padding: 30px;
border-bottom: 5px solid #d40000
} /* Conteneur principal (Page 13 - modèle de boîte) */

main {
background-color: white;
width: 85%;
margin: 20px auto;
padding: 20px;
border: 3px solid #fff;
border-radius: 20px
} /* Flexbox pour l'affiche et les infos (Page 14) */

.flex-container {
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap /* S'adapte si l'écran est petit */
}

.affiche-principale {
width: 250px;
border: 4px solid #000;
box-shadow: 10px 10px 0px #d40000
} /* Tableaux (Page 12) */

.affiche-secondaire {
width: 90px;
border: 2px solid #000;
}
table {
background:white;
width: 100%;
border-collapse: collapse;
margin-top: 20px
}
th, td {
border: 2px solid #000;
padding: 12px;
text-align: center
}
th {
background-color: #000;
color: #faeee3
} /* Classes spécifiques (Page 8) */

.nom-important {
font-weight: bold;
color: black
}
.img-ronde {
width: 60px;
height: 60px;
border-radius: 50%; /* Exercice du cours */
object-fit: cover
} /* Interactivité :hover (Page 13) */

a:hover {
background-color: #000;
color: #f9d71c;
padding: 5px
}
.lien-animation{
color:black;
padding: 15px

}
.ecar{
padding:15px
}