/*======== bootstrap ========*/
a {
  color: #005db4;
  text-decoration: underline;
  font-size: 0.9rem; }

.btn {
  border-radius: 0; }

.btn-primary {
  background-color: #005db4;
  border-color: #002c55; }

.btn-primary:active, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #002c55;
  border-color: #005db4;
  /*================ LOGIN ================*/
  /*======== espace generique ========*/ }

body {
  background: url("../img/background.jpg") no-repeat center center;
  background-size: cover; }

#login_container {
  max-width: 800px; }

.form-signin {
  border-top: 10px solid #005db4;
  min-height: 320px; }

.form-signin .text-muted {
  font-size: 14px;
  /*======== tpl ========*/ }

body.tpl1 {
  background: url("../img/tpl1_background.jpg") no-repeat center center;
  background-size: cover; }

body.tpl2, body.tpl3 {
  background: url("../img/tpl2_background.jpg") no-repeat center center;
  background-size: cover; }

.tpl .form-signin {
  border-top: none;
  min-height: 370px; }

.tpl1 .form-signin {
  border-left: 15px solid #005db4;
  /*tpl2 blanc sous le logo */ }

.tpl2 #login_visuel img {
  background: #fff;
  padding: 0.75rem;
  /*décalage de la zone de login vs le visuel*/ }

.tpl2 #login_form, .tpl3 #login_form {
  margin-top: -25px;
  margin-bottom: -25px;
  box-shadow: -3px -2px 7px 0 rgba(0, 0, 0, .15);
  /*hauteur max du logo*/ }

.tpl3 #login_visuel img {
  padding: 0.5rem;
  max-height: 60px;
  width: auto;
  /* ********* certification style ********* */ }

.name_certif {
  font-weight: bold; }

.date_certif {
  font-size: 14px;
  color: grey; }

.back_link {
  color: white; }

.back_link:hover {
  color: #17a2b8;
  /* ********* MDP Recovery ********* */ }

.white {
  color: white;
  /*================ FOOTER ================*/ }

footer {
  background: #fff url("../img/brush.jpg") no-repeat left bottom; }

footer a {
  color: #989996;
  /*======== mobile ========*/ }

@media (max-width: 767px) {
  #login_visuel {
    min-height: 300px; }

  .form-signin {
    min-height: 220px; }

  footer {
    background-size: 200px;
    padding: 30px 0;
    border-top: 5px solid #2e5a7d; }

  .tpl2 #login_form:after {
    display: none; } }
