geegeg

.formulaire {
    padding: 25px;
    color: white;
    text-shadow: 2px 2px rgba(27, 14, 1, 0.72);
    display: block;
    width: 50%;
    transform: translateX(50%);
    background-color: rgba(153, 153, 153, 0.45);
    border-radius: 10px;
    animation: fadeInDown 3s ;
    -webkit-animation-name: fadeInDown 3s;
    visibility: ;
}



#cgu {
    color: #0aa4ff;
    text-shadow: 0 0 15px rgb(111, 237, 250);
    font-size: 18pt;
}

.submit {
    color: black;
    border-radius: 7%;
}





/*  --| ANIMATIONS |--  */

@-moz-keyframes fadeInDown {
    0%  {       opacity: 0;
                -moz-transform: translate3d(50%, -100%, 0);
        }
  100% {  opacity: 1;
                -moz-transform: translateX(50%);
        }
}

@-o-keyframes fadeInDown {
    0%  {       opacity: 0;
                -o-transform: translate3d(50%, -100%, 0);
        }
  100% {  opacity: 1;
                -o-transform: translateX(50%);
        }
}

@-webkit-keyframes fadeInDown {
    0%  {       opacity: 0;
                -o-transform: translate3d(50%, -100%, 0);
        }
  100% {  opacity: 1;
                -o-transform: translateX(50%);
        }
}

@keyframes fadeInDown {
    0%  {       opacity: 0;
                transform: translate3d(50%, -100%, 0);
        }
  100% {  opacity: 1;
                transform: translateX(50%);
        }
}