.nouveautes2020Login .titre1 {
    color: #f59a00;
    font-size: 100px;
    font-weight: 700;
    font-family: 'BebasNeueBold', sans-serif;
    text-transform: uppercase;
}

.nouveautes2020Login .titre2 {
    font-size: 50px;
    color: #4b4b4b;
    letter-spacing: 11px;
    padding-left: 11px;
    font-family: 'BebasNeueBold', sans-serif;
    text-transform: uppercase;
}

.nouveautes2020Login .newsContainer {
    width: 575px;
    height: 525px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    z-index: 1;
}

.nouveautes2020Login .newsContainer .logo {
    z-index: 10;
}

.nouveautes2020Login .deepflowNews {
    background: linear-gradient(120deg, #cae224 ,#58953a);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.nouveautes2020Login .miseLocationNews {
    background: linear-gradient(140deg, #0c8ad4 ,#0b517f);
    bottom: 0;
    left: 0;
}

.nouveautes2020Login .liveVisitNews {
    background: linear-gradient(295deg, #ffa01a ,#ed711b);
    bottom: 0;
    right: 0;
}

.nouveautes2020Login .rondContainer {
    width: 275px;
    height: 275px;
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
}

.nouveautes2020Login .newsContainer .logo {
    width: 250px;
    height: 250px;
}

.nouveautes2020Login .rondContainer .icon {
    color: #fff;
    font-size: 60px;
    padding-bottom: 10px;
}

.nouveautes2020Login .rondContainer .text {
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'BebasNeueBold', sans-serif;
    padding: 0;
}

.nouveautes2020Login .rondContainer.miseLocationNews, .nouveautes2020Login .rondContainer.liveVisitNews {
    justify-content: center;
}

.nouveautes2020Login .rondContainer.miseLocationNews .icon, .nouveautes2020Login .rondContainer.liveVisitNews .icon {
    font-size: 75px;
}

.nouveautes2020Login .newsContainer .circleDot, .nouveautes2020Login .newsContainer:before, .nouveautes2020Login .newsContainer:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    width: 450px;
    height: 450px;
    border-radius: 50%;
    border: 3px dotted #4b4b4b;
    z-index: -1;
    animation-name: opacitySmooth1;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.nouveautes2020Login .newsContainer:before {
     animation-name: opacitySmooth2;
    animation-duration: 3s;
}

.nouveautes2020Login .newsContainer:after {
     animation-name: opacitySmooth3;
    animation-duration: 3s;
}

@keyframes opacitySmooth1 {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(0);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0);
        -o-transform: translateX(-50%) translateY(-50%) scale(0);
    }
    50% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(1);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        -moz-transform: translateX(-50%) translateY(-50%) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) scale(1);
        -o-transform: translateX(-50%) translateY(-50%) scale(1);
    }
}

@keyframes opacitySmooth2 {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(0);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0);
        -o-transform: translateX(-50%) translateY(-50%) scale(0);
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(1.25);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1.25);
        -moz-transform: translateX(-50%) translateY(-50%) scale(1.25);
        -ms-transform: translateX(-50%) translateY(-50%) scale(1.25);
        -o-transform: translateX(-50%) translateY(-50%) scale(1.25);
    }
}

@keyframes opacitySmooth3 {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(0);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0);
        -o-transform: translateX(-50%) translateY(-50%) scale(0);
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(1.5);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
        -moz-transform: translateX(-50%) translateY(-50%) scale(1.5);
        -ms-transform: translateX(-50%) translateY(-50%) scale(1.5);
        -o-transform: translateX(-50%) translateY(-50%) scale(1.5);
    }
}