*
{
    font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
}

body
{
    background-color: #4f4f4f;
    margin: 0;
}

#header, #footer
{
    text-align: center;
    background-color: #fff;
    padding-bottom: 1.5rem;
}

#header p
{
    font-size: 1.5rem;
    margin: 0;
    color: #4f4f4f;
}

#logo
{
    width: 50%;
}

#milieu
{
    padding-bottom: 2.5rem;
}

#div_form
{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#q
{
    color: #000;
    width: 90%;
    padding: .5rem;
    border-radius: 15px;
    border: solid 2px #000;
    background-color: #f5f5f5;
    font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
    font-size: 1.2rem;
    margin-top: 1rem;
}

#btn_ok
{
    position: relative;
    top: 1.85rem;
    width: 5rem;
}

#div_load
{
    padding-top: 2rem;
    text-align: center;
}
#div_load img
{
    width: 3rem;
}

#rep_ai
{
    width: 70%;
    border-radius: 15px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-top: 1.7rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #ccc;
    color: #222;
}

#footer, #footer a, #footer a:visited
{
    font-size: 1.1rem;
    padding: 1rem;
    color: #4f4f4f;
    text-decoration: none;
}
#footer a
{
    margin-left: .1rem;
    margin-right: .1rem;
}
#footer a:hover
{
    color: #000 !important;
}