body {
  font-family: "Thasadith",sans-serif;

}

.thasadith-regular {
  font-family: "Thasadith", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.thasadith-bold {
  font-family: "Thasadith", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.thasadith-regular-italic {
  font-family: "Thasadith", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.thasadith-bold-italic {
  font-family: "Thasadith", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.titre_principal {
  color: #095228;
  font-size: 3rem;
  text-align: center;
  margin: auto;
  padding: inherit;

}

.ul_section_page_principale {
  padding: inherit;

}

.section_page_principale {
  font-size: 2rem;
  color: green;
  padding: inherit;
  text-align: center;
  margin: auto;

}

.ul_ListeOutils {
  padding: inherit;
  
}

.ListeOutils {
  font-size: 2rem;
  color: green;
  padding: inherit;
  text-align: center;
  margin: auto;
}

.Onyx_Title {
  color: #095228;
  font-size: 3rem;
  text-align: center;
  margin: auto;
  padding: inherit;

}
.ul_Onyx {
    padding: inherit;

}
.onyx_li {
  font-size: 2rem;
  color: green;
  padding: inherit;
  text-align: center;
  margin: auto;

}

/* FIXME: ton intervention sur li et ul et trop importante
    imagine si tu veux faire un text avec une liste de points bein tu te retrouve en center
    tu peux styler ton ul/li et ensuite ajouter une class pour le center ou utilise un parent

    FIXME: corrigé
*/