
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Eureka</title>
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />

    <!-- Bootstrap -->
                    <link rel="stylesheet" href="/css/compiled/base.css" />
                <link rel="stylesheet" href="/node_modules/password-strength-meter/dist/password.min.css" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="/resources/css/login/login.min.css">
		<link rel="stylesheet" href="/resources/css/login/custom.css">
    
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login">
            <div class="row-fluid">
                <div class="container">
                    <div class="col-lg-12">
                        <img src="/resources/img/fond_login_myeureka.jpg" class="img-responsive" />
                    </div>
                    <div class="col-lg-10 formcontainer col-lg-offset-1">
                        <div class="content row-eq-height">
                            <div class="col-lg-4">
                                <div class="logo">
                                    <img src="/resources/img/asset/images/logo.png" />
                                </div>
                            </div>
                            <div class="col-lg-8">
                                

    <div id="login-title">
        <p>CONNEXION SÉCURISÉE</p>
    </div>
        <!-- BEGIN LOGIN FORM -->
    <form class="login-form" action="/login_check" id='formLogin' method="post">

                    <input type="hidden" name="_csrf_token" value="mWTsW_9DbAGRkoTzBlpANe2RJpOpban19Vj0-kvH2xc" />
            <input type="hidden" id='user_role' name="_target_path" value="" />
                

                <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">Identifiant</label>
            <input class="form-control form-control-solid placeholder-no-fix"  type="email" id="username" name="_username"  autocomplete="off" value="" placeholder="Identifiant"  required /> </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">Mot de passe</label>
            <input class="form-control form-control-solid placeholder-no-fix" type="password" id="password" name="_password" placeholder="Mot de passe" required /> </div>
            <span toggle="#password-field" class="fa fa-fw field-icon toggle-password fa-eye-slash"></span>
        <div class="form-actions">
            <button type="submit"  id="_submit" name="_submit" class="btn green uppercase">Se connecter</button>
            <a id="signup" class="btn blue uppercase" href="/signup/">S&#039;inscrire</a>
                        <a href="/resetting/request" id="forget-password" class="forget-password">Mot de passe oublié</a>
        </div>
    </form>
    <!-- END LOGIN FORM -->

    <!-- START Bootstrap-Cookie-Alert -->
    <div class="alert text-center cookiealert" role="alert">
        Nous utilisons des cookies pour vous garantir la meilleure expérience et améliorer la performance de notre site. Pour plus d'informations, consultez nos CGU et notre politique de cookies. En continuant votre navigation, vous acceptez le dépôt des cookies.<a href="/politique/cookies" target="_blank">Paramétrer</a>
        <button type="button" class="btn btn-primary btn-sm acceptcookies" aria-label="Close">
            Accepter les cookies
        </button>
    </div>
    <!-- END Bootstrap-Cookie-Alert -->
                            </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="footerlogin">
                <p>Copyright © 2013 - 2026 - Tous droits réservés.</p>
                <div class="footermenu">
                    <div class="page-footer-inner">
                        <b>   <a class="href-footer-color" href="/connexion/cgu/" target="_blank">CGU</a> &nbsp;|&nbsp;
                            <a class="href-footer-color" href="/connexion/politique/confidentialite/" target="_blank">Politique de confidentialité</a> &nbsp;|&nbsp;
                            <a class="href-footer-color" href="/connexion/mentions/legales/" target="_blank">Mentions légales</a> |&nbsp;
                            <a class="href-footer-color"  href="/nous/contacter/" target="_blank">Nous contacter</a> </b>
                    </div>
                </div>
            </div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/resources/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>

    <script>
        var path = "/apps";
    </script>
    <script type="text/javascript" src="/resources/lib/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
    <script type="text/javascript" src="/resources/js/loginPage.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.0/dist/jquery.validate.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/localization/messages_fr.js"></script>
    <script>
        $("#formLogin").validate();
    </script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.css">
    <script src="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.js"></script>

    <script>
        $(".toggle-password").click(function() {

            $(this).toggleClass("fa-eye fa-eye-slash");
           // var input = $($(this).attr("toggle"));
            if ($('#password').attr("type") == "password") {
                $('#password').attr("type", "text");
            } else {
                $('#password').attr("type", "password");
            }


            if ($('#password-mobile').attr("type") == "password") {
                $('#password-mobile').attr("type", "text");
            } else {
                $('#password-mobile').attr("type", "password");
            }

        });
    </script>
</body>
</html>