body {
    background: linear-gradient(to right, #111111, #a70000);
    font-family: sans-serif;
}
#logo {
    width: 200px;
    height: auto;
    display: block;
     margin: 20px auto;
    border-radius: 100px;
}
#ASmp_titre {
     font-family: "Nosifer";
     font-size: 30px;
     color: black;
     text-align: center;
}
.button_accueil {
    margin: 10px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #a70000;
    border: solid 2px black;
    border-radius: 5px;
    transition: all 0.35s;
}
.button_accueil:hover {
    background-color: black;
    color: white;
    cursor: pointer;
}
.button_accueil:active {
    transform: scale(0.95);
}
.Fi {
    background-color: #a70000;
    border: solid 1.9px black;
    border-radius: 5px;
    height: auto;
    width: 200px;
    padding: 20px 20px 20px 20px;
    transition: all 0.50s;
}
#fib {
    height: auto;
}
#fic {
    height: 200px;
}
.fi-container {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.Fi:hover {
    background-color: rgb(0, 0, 0);
    color: white;
    cursor: pointer;
    transform: scale(1.05);
}
#FiR {
    width: 400px;
    height: auto;
    margin: 20px auto;
    padding: 20px 20px 20px 20px;
}
#FiRe {
    width: 80%;
    height: auto;
    margin: 75px auto;
    padding: 20px 20px 20px 20px;
}
#FiRe:hover {
    background-color: rgb(0, 0, 0);
    color: white;
    cursor: default;
    transform: scale(1.02);
}
#TRe {
    text-align: center;
    font-size: 25px;
    margin-bottom: 35px;
}