/* Importation de la police Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Proxima+Nova:wght@400;700&display=swap');


body {
	background-color: #EEF5EE;
}



h1 {
    text-align: center; /* Centre le texte */
    margin-top: 20px; /* Ajoute de l'espace en haut */
    margin-bottom: 20px; /* Ajoute de l'espace en bas */
	color: #1F4325;
	font-weight: bold;
	font-family: 'Proxima Nova', Arial, sans-serif;
}

h2.table-title, h3.table-title {
    text-align: center; /* Centre le texte */
    font-weight: bold; /* Met en gras le texte */
	font-family: 'Proxima Nova', Arial, sans-serif;
    margin-top: 20px; /* Ajoute une marge au-dessus du titre */
    margin-bottom: 20px; /* Marge en bas du titre */
    color: #000000; /* Couleur du texte */
    padding: 10px 0; /* Espacement intérieur */
    width: fit-content; /* Ajuste la largeur à celle du contenu */
    margin: auto; /* Centre horizontalement */
}

h2.table-title {
    padding: 15px 75px; /* Valeurs de padding différentes pour H2 */
    font-size: 32px; /* Taille de police pour h2 */
	font-weight: bold;
	font-family: 'Proxima Nova', Arial, sans-serif;
}

h3.table-title {
    padding: 15px 57px; /* Valeurs de padding différentes pour H3 */
    font-size: 22px; /* Taille de police pour h3 */
	font-weight: bold;
	font-family: 'Proxima Nova', Arial, sans-serif;
    text-decoration: none; /* Supprime le soulignement du texte */
}

.table-container {
    margin: 20px auto; /* Centre la div horizontalement avec une marge de 20px en haut et en bas */
    width: 80%; /* Vous pouvez ajuster la largeur selon vos besoins */
}

/* CSS pour supprimer le quadrillage du tableau */
table {
            border-collapse: collapse;
            border-radius: 10px;
            overflow: hidden;
            width: 100%;
            margin-bottom: 20px;
}


th, td {
    padding: 10px;
    text-align: left;
}

th.wide {
    width: 70%; /* Ajuste la largeur de la colonne la plus à gauche */
}

th:not(.wide) {
    width: 30%; /* Ajuste la largeur des deux autres colonnes */
}


/* Style pour l'arrière-plan bleu pâle dans la première colonne */
.colonne1,
.colonne1 td {
    background-color: #6C9A8C;
	 color: white; /* Couleur du texte blanc */
	 font-family: 'Proxima Nova', Arial, sans-serif;
	 font-weight: bold;
}

/* Style pour l'arrière-plan bleu foncé dans la deuxième colonne */
        .colonne2,
        .colonne2 td {
            background-color: #1F4325;
            color: white; /* Couleur du texte blanc */
			font-family: 'Proxima Nova', Arial, sans-serif;
			font-weight: bold;
			text-align: center;
        }

/* Media queries pour les tablettes */
@media screen and (max-width: 1024px) {
    h2.table-title {
        padding: 15px; /* Réduire le padding pour les titres sur les tablettes */
    }

    th, td {
        padding: 5px; /* Réduire le padding pour les cellules sur les tablettes */
    }
}

/* Media queries pour les smartphones */
@media screen and (max-width: 480px) {
    h2.table-title {
        padding: 10px; /* Réduire le padding pour les titres sur les smartphones */
        font-size: 18px; /* Réduire