body { 
	margin: 0;
	padding: 0;
    font-family: system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    background-color: #2e4353;
}
.TitrePrincipal {
    text-align: center;
    margin: 75px 0 75px 0;
}
main{
    background-color: #e1e6eb;
	padding:0 0 1px 0;
}
.underline{
    text-decoration: underline;
}
.justifyTxt{
    text-align: justify;
}

p,ul,li{
    color: hsl(204.8, 36.8%, 33.5%);
}
h1,h2{
    color: hsl(204.2, 41.4%, 34.1%);
}
h3,h4,h5,h6{
    color: hsla(204.2, 41.4%, 34.1%, 0.71);
}
li{
    list-style: none;
    margin: 5px 5px 5px 5px;
}
html{
    margin:0;
    padding:0;
}
ul{
    padding:0;
}
a{
    text-decoration: none;
    color:hsl(205, 16%, 77%);
}
.bold{
    font-weight: bold;
}
@keyframes enterTXT {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.texte-visible {
    -webkit-animation-name: enterTXT;
    animation-name: enterTXT;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: ease-in-out; /* forwards keeps the animation end state */
}