div.main-loader,
.ajax-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #114862ee;
    z-index: 100000000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    opacity: 1;
    flex-direction: column;
    color: white;
    transition: visibility 1.2s, opacity 1s ease;
    /* Préfixes pour compatibilité */
    -webkit-transition: visibility 1.2s, opacity 1s ease;
    -moz-transition: visibility 1.2s, opacity 1s ease;
}

@keyframes fadeInOut {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

/* Préfixes pour animation */
@-webkit-keyframes fadeInOut {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

div.main-loader img.loader,
.ajax-loader img.loader {
    width: 96px;
    animation: fadeInOut 3s infinite;
    /* Préfixes pour compatibilité */
    -webkit-animation: fadeInOut 3s infinite;
    -moz-animation: fadeInOut 3s infinite;
}

div.main-loader.hidden,
.ajax-loader.hidden {
    visibility: hidden;
    opacity: 0;
}