@charset "utf-8";
/* CSS Document */
html { background: #5774ba url(/ressources/img/retraite-img-bg.png) no-repeat center center fixed;
background-size: cover }
body { padding-top: 40px; padding-bottom: 0px; background-color: transparent; color: #797979 }
.text-sm { font-size: 90% }
a:link, a:visited { color: #797979; }
a:hover { text-decoration:underline }
.btn-custom-bleu { color: #fff; background-color: #5774ba ; border-color: #5774ba ; padding: 6px 10px; border-radius: 6px; }
.btn-custom-bleu:hover, .btn-custom-bleu:focus, .btn-custom-bleu.focus, .btn-custom-bleu:active, .btn-custom-bleu.active { color: #fff; border-color: #4f6aba; background: #4f6aba; }
hr { border-top: 1px solid #797979 }
hr.separ-signin { margin-top: 40px }
.form-signin { max-width: 320px; padding: 15px; margin: 40px auto; background:#FFFFFF;border-radius: 4px; min-height:620px }
.form-signin .form-signin-heading { margin-top:25px; margin-bottom: 0px; padding-bottom: 0px }
.form-signin h4, .form-signin h4.text-download { margin-top: 15px; margin-bottom: 2px; padding-bottom: 50px; color: #797979 }

.form-signin h4.text-download { margin-bottom: 30px; padding-bottom: 0px;  }

.form-signin .checkbox { font-weight: normal; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"], .form-signin input[type="email"], .form-signin input[type="date"] { border-radius: 0px; border-top: 0; border-right: 0; border-left: 0; box-shadow:none; border-bottom-width:thin; border-bottom-color:#797979; color: #797979; text-align:center }
.form-signin input[type="text"], .form-signin input[type="email"] { margin-bottom: 20px }
.form-signin input[type="date"] {
    width: auto;
    margin-left: auto;
    border-bottom: 0;
    margin-right: auto;
    margin-bottom: 0;
}
.form-signin .erreurlog { margin-top:-75px; margin-bottom:7px; }
.form-signin .btn-retour { margin-top:20px }

@media screen and (max-width: 767px) {
body { padding-top: 40px; padding-bottom: 20px; background-color: transparent; color: #797979 }
.form-signin { margin: -10px auto; min-height:540px }
hr.separ-signin { margin-top: 10px }
.form-signin .form-signin-heading { margin-top:10px; margin-bottom: 10px; }
.form-signin .erreurlog { margin-top:-50px }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.form-signin { margin: -10px auto; min-height:600px}
hr.separ-signin { margin-top: 20px }
.form-signin .form-signin-heading { margin-top:30px; margin-bottom: 30px; }
.form-signin .erreurlog { margin-top:-75px }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
.form-signin { margin: -10px auto; min-height:600px }
hr.separ-signin { margin-top: 20px }
.form-signin .form-signin-heading { margin-top:30px; margin-bottom: 30px; }
.form-signin .erreurlog { margin-top:-70px }
}