@keyframes fadeInUp{from{opacity:0}to{opacity:1}}@keyframes growUp{from{height:0%}to{height:100%}}@keyframes fadeInAndGoDown{from{opacity:0;top:-400px;height:0}to{opacity:1;top:75px;height:650px}}body,html{text-align:center;position:relative!important;height:100%!important}#oldLogin .mobileOrDeskSelection{display:none}#oldLogin .mobileOrDeskSelection.inactive{display:none!important}#oldLogin .conteneurLogin{height:100%;position:relative}#oldLogin .conteneurLogin:before{height:50%;width:100%;position:absolute;top:0;left:0;background:#99b70a;content:"";z-index:-1}#oldLogin .conteneurLogin:after{content:"";vertical-align:middle;display:inline-block;width:1px;height:0%;-webkit-animation-name:growUp;animation-name:growUp;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:growUp;animation-fill-mode:growUp;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}#oldLogin .loginCard{opacity:0;width:350px;background-color:#fff;padding:20px;box-shadow:0 1px 11px rgba(0,0,0,.27);text-align:center;vertical-align:middle;display:inline-block;-webkit-animation:fadeInUp ease-in 1;-moz-animation:fadeInUp ease-in 1;animation:fadeInUp ease-in 1;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}#oldLogin .identForm{position:relative;width:90%}#oldLogin .controls{margin-left:35px!important}#oldLogin .control-label{width:20px!important;line-height:25px}#oldLogin .input-xlarge{line-height:26px!important;height:auto!important;width:100%!important;background:0 0!important;border:none!important;box-shadow:none!important;border-bottom:1px solid rgba(130,73,155,.18)!important;transition:.2s;-webkit-transition:.2s;opacity:.9}#oldLogin .input-xlarge:focus{content:"";width:100%;height:2px;border-bottom:1px solid #99b70a!important;transition:.2s;-webkit-transition:.2s;opacity:1}#oldLogin .checkBox{width:0;height:0;opacity:0}#oldLogin .btnConnexion{width:50px!important;height:50px!important;border-radius:25px!important;background-color:#99b70a;position:absolute;right:0;top:50%;margin-top:-45px;border:none;color:#fff;line-height:50px;padding:0;right:-73px;box-shadow:0 1px 11px rgba(0,0,0,.27);transition:.2s;-webkit-transition:.2s}#oldLogin .btnConnexion i{box-shadow:none;transition:.2s;-webkit-transition:.2s}#oldLogin .btnConnexion:hover i{margin-left:.8em;transition:.2s;-webkit-transition:.2s}@media only screen and (min-device-width :320px) and (max-device-width :480px){#oldLogin .mobileOrDeskSelection{display:block;width:100%;height:100%;background-color:rgba(0,0,0,.8);position:absolute;z-index:2}#oldLogin .mobileOrDeskSelection .msgBox{position:relative;width:80%;margin:0 auto;top:25%}#oldLogin #divPostTraitement{margin-right:-28px}#oldLogin .loginCard{width:250px}#oldLogin .loginCard .btnConnexion{position:relative;margin-top:0;margin:0 auto;right:initial;top:initial;border-radius:0!important;width:90%!important;margin-left:34px}}#login ::-webkit-input-placeholder{transition:.3s;position:relative;top:0;font-size:inherit;color:#fff}#login :focus::-webkit-input-placeholder{color:#cddc37;top:-11px}#login .mobileOrDeskSelection{display:none}#login .mobileOrDeskSelection.inactive{display:none!important}#login .conteneurLogin{height:100%;position:relative}#login{background-image:url(/images/login/bkgRepeat.png);background-repeat:repeat-x;background-color:#437838;background-position-y:-60px}#login .banner{position:fixed;top:0;height:61px;width:100%;z-index:2;background-color:#fff!important;background-image:linear-gradient(to bottom,#fff,#f2f2f2)!important;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}#login .banner:after{content:'';top:5px;height:50px;width:200px;display:block;margin:0 auto;position:relative;background-image:url(/images/login/logo.png);background-size:contain;background-repeat:no-repeat;background-position:center}#login .conteneurLogin{background-image:url(/images/login/bkgTop.png);background-position:top center;background-position-y:-60px;background-repeat:no-repeat}#login .loginCard{position:relative;top:75px;opacity:0;height:0;overflow:hidden;width:484px;height:auto;text-align:center;display:inline-block;animation:fadeInAndGoDown ease-out .8s;animation-fill-mode:forwards}#login .loginCard .welcome{margin-top:10px;margin-bottom:30px;color:#98b611;text-align:center;font-size:12px;opacity:0;animation:fadeInUp 2s forwards;animation-delay:2s}#login .loginCard .welcome div:nth-child(1){font-size:30px;line-height:30px}#login .identForm{position:relative;width:60%;overflow:visible;margin:0 auto}#login .controls{margin-left:0!important}#login .control-label{width:20px!important;line-height:25px}#login .input-xlarge{line-height:26px!important;height:auto!important;background:0 0!important;border:none!important;box-shadow:none!important;border-bottom:1px solid #ffffff33!important;transition:.2s;-webkit-transition:.2s;overflow:visible;color:#fff}#login .input-xlarge:focus{content:"";border-bottom:1px solid #cddc37!important;opacity:1}#login .checkBox{width:0;height:0;opacity:0}#login .btnConnexion{background-color:transparent;position:absolute;border:none;color:#fff;line-height:50px;padding:0;transition:.2s;right:0}#login .btnConnexion:hover{color:#c9d937}#login .btnConnexion i{box-shadow:none;margin-right:5px;position:relative;top:2px}#login .btnConnexion:hover i{color:#c9d937}#login .btnConnexion:hover i{transition:.2s}#login .customerLogo{background-image:url(/images/login/bkgCustomerLogo.png?v=1.0);height:300px;width:100%}#login .customerLogo .logo{position:relative;width:55%;height:50%;top:60px;margin:0 auto;background-image:url(/images/logoLogin.png);background-size:100%;background-repeat:no-repeat;background-position:center}#login .customerLogo .version{position:relative;top:65px;color:#fff;font-size:11px}#login .control-group.error{background-color:transparent;margin-left:inherit;margin-right:inherit;padding:inherit}#login .control-group.error input::-webkit-input-placeholder{color:red!important}#login .control-group.error input{border-bottom:1px solid red!important}#divPostTraitement{margin-top:20px;padding-top:5px;text-align:center}@media only screen and (min-device-width :320px) and (max-device-width :480px){body{min-width:100%;width:100%}@keyframes fadeInAndGoDown{from{opacity:0;top:-400px;height:0}to{opacity:1;top:20px;height:100%}}#login .banner{display:none}#login .mobileOrDeskSelection{display:block;width:100%;height:100%;background-color:rgba(0,0,0,.8);position:absolute;z-index:3}#login .customerLogo{background-position:center}#login .mobileOrDeskSelection .msgBox{position:relative;width:80%;margin:0 auto;top:25%}#login #divPostTraitement{margin-right:0;margin-top:0}#login .loginCard{width:100%;top:0!important;min-height:600px!important}#login .loginCard .btnConnexion{position:relative;margin-top:0;margin:0 auto;right:initial;top:initial;border-radius:0!important;width:100%!important}#login .identForm{width:100%}}