*{
    margin: 0;
    padding: 0;
//    font-family: cursive;
}

body{
    background-color: salmon;
}

.primaire{
    background-color: cadetblue;
}

.myphp{
    background-color: darkkhaki;
}

.menu{
    font-size: 20px;
    color: red;
    text-align: center;
    margin: 8rem;
}

form *{
    color: deepskyblue;
    font-style: italic;
}

form input{
    font-size: 18px;
    text-align: center;
}

.titre{
    padding: 20px;
}

.text{
    text-align: center;
    padding: 20px;
    background-color: white;
}

.description{
    text-align: center;
    margin-top: 5rem;
    font-size: 20px;
}

.paragraphe{
    font-size: 22px;
    color: white;
}

#clique{
    font-size: 18px;
    text-decoration: none;
}

.valide{
    background-color: #1877f2;
    font-size: 14px;
    color: white;
    padding: 10px;
}

.valide:hover{
    transition: 1s;
    background-color: white;
    color: #1877f2;
}

.InfoUser{
    text-align: center;
    font-size: 40px;
    color: red;
}

.ListeUser{
    font-size: 20px;
    background-color: #111111;
    color: red;
}

.InfoTableau{
    font-size: 22px;
    text-align: center;
    padding: 5rem;
    display: flex;
    justify-content: center;
}

.InfoTableau th,td{
    border: 1px solid;
}

.socials{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 3rem 0;
}

.socials li{
    margin: 0 10px;
}

.socials a{
    text-decoration: none;
    color: #fff;
    border: 1.1px solid white;
    padding: 5px;
    border-radius: 50%;
}

.socials a i{
    font-size: 1.1rem;
    width: 20px;
    transition: color .4s ease;
}

.socials a:hover i{
    color: aqua;
}

.footer-text p{
    text-transform: capitalize;
    font-size: 1.2rem;
}

.footer-text p a{
    color:#44bae8;
    text-decoration: none;
}

.footer-text p a:hover{
    color: red;
    transition: 700ms;
}