.card{z-index:3;width:576px;transition:transform .5s}.card.slide{transform:translate(50%)}.card .rounded-l-none{border-top-left-radius:0!important}.card.pres{position:absolute;transform:translate(-45%);z-index:-1!important;border-top-left-radius:21px;border-bottom-left-radius:21px;top:0;height:100%;background:url(/assets/bg-44165d94.jpg) center;background-size:cover;display:flex;align-items:center;text-shadow:0 0 5px rgba(0,0,0,.2);overflow:hidden}.card.pres:after{z-index:-1;content:"";position:absolute;background:rgba(0,0,0,.8);height:100%;width:100%}.card.pres .card-body{padding:20px 70px 20px 40px;flex-direction:column;justify-content:center}.Connexion,.Register{min-height:310px;justify-content:space-between}.slideIn{animation:slideIn .5s}@keyframes slideIn{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}.slide-enter-active{animation:slide-in .5s}.slide-leave-active{animation:slide-in .5s reverse}@keyframes slide-in{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}to{-webkit-clip-path:inset(0 0 0 0%);clip-path:inset(0 0 0 0%)}}.flip-enter-active{animation:flip-in .5s .5s}.flip-leave-active{animation:flip-in .5s reverse}@keyframes flip-in{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}