body {
    font-family: Lato, sans-serif;
    margin: 0;
    padding: 0;
    color: #003300;
}

.wrapper {
    width: 80%;
    margin: 0 auto;
}

header {
    background-color: #99FF99;
    color: Black;
    padding: 70px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
    border-radius: 0% 0% 30px 30px;
}


header img {
    width: 150px;
    margin-bottom: 10px;
}


h1 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
}

h2 {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 18px;
}

h3 {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 15px;
}


table {
    width: 100%; /* prend toute la largeur du conteneur */
    border-collapse: collapse; /* supprime les espaces entre les bordures */
    margin: 10px 0; /* espace au-dessus et en-dessous */
    font-size: 14px; /* taille du texte */
    text-align: left; /* texte aligné à gauche */
}

th, td {
    border: 1px solid #dddddd; /* bordure grise claire */
    padding: 10px 12px; /* espacement interne */
    vertical-align: middle; /* alignement vertical centré */
}

th {
    background-color: #f2f2f2; /* couleur de fond des entêtes */
    font-weight: bold; /* texte centré dans les entêtes */
}

img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto;
}

.flex-section {
    display: flex;
    gap: 20px;
    margin: 20px 0;
}

.call-to-action a {
    background-color: #99FF99;
    color: black;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 16px;
    font-size: 18px;
    display: inline-block;
    margin-top: 10px;
}

footer {
    background-color: #99FF99;
    padding: 20px;
    text-align: center;
    font-size: 12px;
    padding-bottom: 80px;
}

.footer-logo img {
    width: 150px;
    margin-top: 10px;
}

.highlight-box {
    background-color: #F2F2F2;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
}