body {
margin: 5;
padding-bottom: 80px; /* place pour le menu */
font-family: sans-serif;
}


.bottom-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 70px;
background: #ffffff;
display: flex;
border-top: 1px solid #0C43B0;;
}


.bottom-nav a {
flex: auto;
text-align: center;
text-decoration: none;
color: #666;
font-size: 48px;
padding-top: 6px;
}


.bottom-nav a span {
flex: auto;
display: block;
font-size: 48px;
}


.bottom-nav a.active {
color: #2563eb;
}

h2
{
	text-align : center;
	font-size ; 72px;
	color: #0C43B0;
}
h1
{
	text-align : center;
	font-size ; 72px;
	color: #0C43B0;
}
.bouton {
    width: 90%;           /* largeur */
    max-width: 400px;     /* limite max */
    display: block;
    margin: 15px auto;    /* centre horizontalement */
    font-size: 24px;
    padding: 25px;
}

.bouton-vert {
    background-color: #16a34a;
}

.bouton-rouge {
    background-color: #dc2626;
}

.bouton-vert:hover {
    background-color: #15803d;
}

.bouton-rouge:hover {
    background-color: #b91c1c;
}
        table { border-collapse: collapse; width: 50%; }
        th, td { border: 1px solid #333; padding: 10px; text-align: left; }
        th { background-color: #eee; }