html, body { height: 100%; background-color: #eee; font-family: 'Raleway', sans-serif; }
body.milieu { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.page { width: 100%; max-width: 1920px; padding: 0; margin: 100px auto 20px auto; }
.form-signin, .form-crypt { width: 100%; padding: 0; margin: auto; }
.form-signin { max-width: 300px; }
.form-crypt { max-width: 400px; }

.bleuks { color: #1468c0; }
.bg-bleuks { background-color: #1468c0 !important; }
.bg-MediumSeaGreen { background-color: #3cb371 !important; }
img.blanc { filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(330deg) brightness(105%) contrast(104%); }
img.gris { filter: invert(20%) sepia(13%) saturate(444%) hue-rotate(169deg) brightness(99%) contrast(93%); }
img.bleuks { filter: invert(28%) sepia(98%) saturate(1134%) hue-rotate(193deg) brightness(93%) contrast(101%); }

img.logo { width: 100%; max-width: 120px; height: auto; }

.pagination > li > a
{
    background-color: white;
    color: #0966c2;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #333;
    background-color: #eee;
    border-color: #999;
}

.pagination > .active > a
{
    color: white;
    background-color: #0966c2 !Important;
    border: solid 1px #0966c2 !Important;
}

.pagination > .active > a:hover
{
    background-color: #0966c2 !Important;
    border: solid 1px #0966c2;
}

#chatbox { width: 100%; margin: auto; }
#message { background-color: #f3f2f7; padding: 0 10px; height: 480px; width: 100%; box-sizing: border-box; border-radius: 5px; overflow-y: scroll; border: 1px solid #cccccc; }
#send { margin-top: 10px; width: 100%; padding: 5px; border-radius: 5px; border: 1px solid #cccccc; box-sizing: border-box; }
.message { border-bottom: 1px solid #cccccc; padding: 10px 0; font-size: 0.9em; }
.message img { float: left; margin-top: -5px; margin-right: 5px; }
.button { cursor: pointer; padding: 10px 15px; font-weight: bold; border-radius: 5px; color: #ffffff; border: 0px; background: #3e679b; box-sizing: border-box; text-align: center; text-decoration: none; }
.button-blue:hover { background: #5980B8; }
.clear { clear: both; }