@font-face {
    font-family: 'Nunito-SemiBold';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src:url('/fonts/Nunito-SemiBold.ttf.woff') format('woff'),
    url('/fonts/Nunito-SemiBold.ttf.svg#Nunito-SemiBold') format('svg'),
    url('/fonts/Nunito-SemiBold.ttf.eot'),
    url('/fonts/Nunito-SemiBold.ttf.eot?#iefix') format('embedded-opentype');
}


@font-face {
    font-family: 'Nunito-Black';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src:url('/fonts/Nunito-Black.ttf.woff') format('woff'),
    url('/fonts/Nunito-Black.ttf.svg#Nunito-Black') format('svg'),
    url('/fonts/Nunito-Black.ttf.eot'),
    url('/fonts/Nunito-Black.ttf.eot?#iefix') format('embedded-opentype');
}

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    text-shadow: none;
    font-size: 15px;
    font-family: 'Nunito-SemiBold', 'Heveltica', sans-serif;
}
:not(input), *:after, *:before {
    -webkit-touch-callout: none;      /* désactive l'affichage */
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}
a {
    color: #1970A5;
}
html {
    font-size: 16px;
    -webkit-text-size-adjust:none;
}
body {
    position: relative;
    width: 100%;
    margin: 0 auto 0 0;
    background: #ffffff
}
@keyframes appear {
    0%  {
        border: 10px solid #fff;
        transform: rotateY(180deg);
    }
    25%  {
        border: 20px solid #fff;
        transform: rotateY(0deg);
    }
    50%  {
        border: 0 solid #fff;
    }
    75%  {
        border: 20px solid #fff;
    }
    100%  {
        border: 10px solid #fff;
    }

}
@keyframes turn {
    0%  {
        transform: rotateY(180deg);
    }
    25%  {
        transform: rotateY(0deg);
    }

}

#waiting-screen-web {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    display: none;
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-left: calc(50vw - 40px);
    margin-top: calc(50vh - 40px);
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 5px solid #1970a5;
    border-radius: 50%;
    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #1970a5 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.30s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.20s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.10s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#waiting-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
#inner-waiting-screen {
    width: 150px;
    height: 150px;
    margin: auto;
    position: relative;
}
.wheel {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 35px solid #fff;
    z-index: 1;
    background-color: rgba(0,111,168,.05);
    animation: appear 1.5s linear alternate infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.inner-wheel {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 25px;
    left: 25px;
    border-radius: 50%;
    background-color: #fff;
    border: 12px solid rgba(9,135,180,.09);
    z-index: 2;
    animation: turn 1.5s linear alternate infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0;
}