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;
}