body{background-color:#5cc0ca}#login-center{left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px}#login-center .logo{background-color:#fff;padding:10px 0;text-align:center}#login-center .erreur,#login-center .message{background-color:#fff;border-left:4px solid #00a0d2;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin-bottom:20px;margin-left:0;margin-top:20px;padding:12px}#login-center .erreur{border-left:4px solid #e70c21}#login-center .login-form{background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.13);box-shadow:0 1px 3px rgba(0,0,0,.13);margin-left:0;padding:26px 24px}#login-center .login-oubli{font-size:13px;margin-top:20px}#login-center .login-oubli a{color:#3590bd}#login-center .login-oubli a:hover{color:#212121}#login-center .login-footer{color:#fff;margin-top:20px;text-align:center}#login-center .input-bloc{margin:0}#login-center .input-bloc input{background:#f1f1f1;border:1px solid #ccc;color:#222;color:#666;font-size:1.1em;font-weight:300;height:40px;margin:5px 0;outline:0;padding:6px;text-indent:30px;width:100%}#login-center .input-bloc span{display:block;position:relative}#login-center .input-bloc span .icon{color:#666;font-size:1.5em;height:49px;left:10px;line-height:1.6em;position:absolute;top:8px;width:40px}#login-center .input-bloc span .oeil{background:#ccc;color:#666;display:block;font-size:1.3em;height:39px;line-height:2.1em;position:absolute;right:1px;text-align:center;top:6px;width:40px}#login-center input[type=submit]{background:#5cc0ca;border:0;color:#fff;cursor:pointer;display:block;font-size:1.1em;font-weight:300;font-weight:700;height:35px;margin:10px 0 0;padding:1px;text-align:center;text-indent:0}#login-center input[type=submit]:hover{background:#9ec643;color:#fff}body.connexion{background:transparent;background-color:#f5f5f5;background-size:inherit;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:500;line-height:1.4}.connexion button,.connexion input,.connexion select{font-family:Roboto,sans-serif!important;font-weight:400}header{border-bottom:1px solid #fff;left:0;padding:10px 0;position:absolute;right:0;top:0;z-index:10}header .logo{display:block}header .logo img{display:block;max-width:87px}header .btn-retour,header nav a{color:#fff;text-decoration:none;text-transform:uppercase}header nav a{border-radius:5px;display:inline-block;padding:1rem 2rem .6rem;vertical-align:middle}.connexion main,header nav a.current{background-color:#5cc0ca}.connexion main{padding-top:90px;position:relative}.bloc-connexion{height:80vh;justify-content:center}.bloc-connexion,.bloc-connexion>div{align-items:center;display:flex;flex-wrap:wrap}.bloc-connexion>div{background-color:rgba(0,0,0,.5);border-radius:10px;justify-content:space-between;min-height:500px;padding:2rem;text-align:center;width:400px}.bloc-connexion h1{color:#fff;font-family:Playfair Display,serif;font-size:30px;font-weight:700;width:100%}.bloc-connexion form{width:100%}.bloc-connexion form label{display:none}.bloc-connexion .bloc-group-input{margin:0 auto;width:80%}.bloc-connexion form input[type=password],.bloc-connexion form input[type=text]{font-size:1rem;margin-left:auto;margin-right:auto}.bloc-connexion div p{color:#fff}.bloc-connexion div p a{color:#fff;text-decoration:underline}.bloc-connexion .submit{background-color:#5cc0ca;border-color:#5cc0ca;color:#fff;font-size:.9rem;margin-top:1rem;text-transform:uppercase;width:100%}.bloc-connexion .input-group .oeil{background-color:#fff}.bloc-connexion .connexion-oublie{margin:2rem 0 0}.bloc-connexion .affiche-pass,.bloc-connexion .connexion-oublie{color:#fff;display:block;font-size:.8rem;text-decoration:underline}footer{background-color:#fafafa;color:#888;padding:4rem 4rem 0}.footer-col{align-items:flex-end;display:flex;justify-content:space-between}.footer-col-title{font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}.footer-col-text ul{list-style-type:none;margin:0;padding:0}.footer-col-text ul li{padding:3px 0}.footer-col-text ul li img{display:inline-block;margin-right:.7rem;vertical-align:top}.footer-col-text ul li a{color:#888;text-decoration:none}.footer-text{background-color:#f5f5f5;margin-top:2rem;padding:1.5rem 0;text-align:center}@media only screen and (max-width:600px){.footer-col{display:block}main.connexion{padding:140px 0 90px}.bloc-connexion{height:auto}}