/* css/template.css */

#main-content {
    padding: 80px 0 0 0;
}


.footer {
    padding: 20px;
    text-align: center;
    border-top: 1px solid var(--color-border);
    background-color: var(--color-background);
	margin-top: 40px;
}

.footer p {
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
}


/* Styles pour les tables */

.table caption h2{
	margin: 0;
}

.table {
	border-collapse: collapse;
	box-sizing: border-box;
	width: 100%;
}

.table tr.entete-groupe {
	font-weight: bold;
}

.table tr.ligne:nth-child(odd) {
    /* Styles for odd rows */
}

.table tr.ligne:nth-child(even) {
    /* Styles for even rows */
}

.table tr.ligne:hover {
	background-color: #f2f2f2;
}

.table th, 
.table td {
	padding: 8px;
}

.table tr {
	border-bottom: 1px solid black;
}


@media (max-width: 600px) {
    .screen-600 {
        display: none;
    }
}

.menu_horizontal_contenu {
    display: flex;
    justify-content: center;
    gap: 20px;
}

@media (max-width: 600px) {
    .menu_horizontal_contenu {
        flex-direction: column; /* Changer l'alignement en vertical */
        align-items: center;    /* Centrer les éléments horizontalement */
        gap: 10px;              /* Écart de 10px entre les éléments */
		margin: 0 20px;
    }
    
    .menu_horizontal_contenu .button {
        width: 100%;            /* Les liens prennent 100% de la largeur */
        text-align: center;     /* Centrer le texte des liens */
		padding: 5px 0;
    }
}