/* Couleurs principales */
:root {
--rouge: #b30000;
--rouge-clair: #d62828;
--blanc: #ffffff;
--gris: #f5f5f5;
--texte: #333333;
}

/* Réglages généraux */

* {
  box-sizing: border-box;
  }

body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
color: var(--texte);
background: var(--blanc);
line-height: 1.6;
}

/* En-tête */
header {
background: var(--rouge);
color: white;
text-align: center;
padding: 40px 20px;
}

header h1 {
margin: 0;
font-size: 2.5rem;
}

header p {
font-size: 1.2rem;
}

/* Menu */
nav {
background: white;
text-align: center;
padding: 15px;
border-bottom: 3px solid var(--rouge);
}

nav a {
color: var(--rouge);
text-decoration: none;
font-weight: bold;
margin: 0 12px;
}

nav a:hover {
color: var(--rouge-clair);
}

/* Sections */
section {
max-width: 1000px;
margin: 30px auto;
padding: 25px;
background: var(--gris);
border-radius: 10px;
}

h2 {
color: var(--rouge);
}

/* Accueil */
.accueil {
text-align: center;
background: white;
border: 2px solid var(--rouge);
}

/* Tableau concours */
table {
width: 100%;
border-collapse: collapse;
background: white;
}

th {
background: var(--rouge);
color: white;
}

th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: center;
}

/* Liens */
a {
color: var(--rouge);
}

/* Pied de page */
footer {
background: var(--rouge);
color: white;
text-align: center;
padding: 20px;
margin-top: 40px;
}

/* Adaptation téléphone */
@media (max-width: 700px) {

```
header h1 {
    font-size: 2rem;
}

nav a {
    display: block;
    margin: 10px;
}

section {
    margin: 15px;
    padding: 20px;
}

table {
    font-size: 0.85rem;
}
```

}