
<!DOCTYPE html>
<html lang="fr">

	<head>

		<title>I-Services : Connexion &agrave; mon espace client</title>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

		<meta name="author" content="Philippe BROUCKAERT">
		<meta name="robots" content="index, follow">
		<meta name="geo.region" content="BE">
		<meta name="geo.placename" content="Bruxelles">

		
			<meta name="description" content="D&eacute;veloppeur web expert PHP, Bootstrap 5, MySQL et jQuery. Cr&eacute;ation de sites web responsive et design web sur mesure. Modules cl&eacute; en main &agrave; 10&euro;. Contactez-moi pour votre projet !">

		
			<meta name="keywords" content="D&eacute;veloppeur web, PHP, Bootstrap 5, MySQL, jQuery, Sites web responsive, Design web sur mesure, Modules cl&eacute; en main, Modules web 10&euro;, Cr&eacute;ation de sites web">

		<link rel="canonical" href="https://philippe-brouckaert.be/clients/connexion.php">


		<meta property="og:site_name" content="I-Services">
		<meta property="og:type" content="website">
		<meta property="og:url" content="https://philippe-brouckaert.be/clients/connexion.php">
		<meta property="og:title" content="I-Services : Connexion &agrave; mon espace client">
		<meta property="og:description" content="D&eacute;veloppeur web expert PHP, Bootstrap 5, MySQL et jQuery. Cr&eacute;ation de sites web responsive et design web sur mesure. Modules cl&eacute; en main &agrave; 10&euro;. Contactez-moi pour votre projet !">
		<meta property="og:image" content="https://philippe-brouckaert.be/logo_200.png">
		<meta property="og:locale" content="fr_FR">

		<link rel="icon" type="image/x-icon" href="/favicon.ico">

		<link rel="apple-touch-icon" href="/apple-touch-icon.png">

		<!-- Bootstrap -->
		<link rel="stylesheet" href="/base/css/bootstrap/bootstrap.min.css">
		<link rel="stylesheet" href="/base/css/bootstrap/bootstrap-custom.css">

		<link rel="stylesheet" type="text/css" href="/base/css/jQuery/jquery-ui.min.css" media="screen">

		<!-- Custom styles -->
		<link rel="stylesheet" type="text/css" href="/base/css/styles.css" media="screen">
		<link rel="stylesheet" type="text/css" href="/css/styles.css" media="screen">

		<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" media="screen">
		<link rel="stylesheet" type="text/css" href="/css/bootstrap-custom.css" media="screen">
		
		<!-- jQuery -->
		<script type="text/javascript" src="/base/js/jQuery/jquery.core.min.js"></script>

		<script type="text/javascript">
		<!--
		const token = "a56d5e59a888120638ffd257310dba32";
		const site_url = 'https://philippe-brouckaert.be/';
		const base_url = 'https://philippe-brouckaert.be/base/';
		-->
		</script>

		
		<script type="application/ld+json">{"@context":"http://schema.org","@type":"WebSite","name":"I-Services","url":"https://philippe-brouckaert.be","description":"D\u00e9veloppeur web expert PHP, Bootstrap 5, MySQL et jQuery. Cr\u00e9ation de sites web responsive et design web sur mesure. Modules cl\u00e9 en main \u00e0 10\u20ac. Contactez-moi pour votre projet !","image":"https://philippe-brouckaert.be/logo_200.png","publisher":{"@type":"Person","name":"Philippe Brouckaert","email":"contact@philippe-brouckaert.be","url":"https://philippe-brouckaert.be/"}}</script>
	</head>

	<body >

		<a class="sr-only" href="#page">Aller au contenu</a>

			
	<header id="header">

		<div class="accueil-header">

			<div class="container-xxl pb-2">

				<div >

										<div class="h1" id="header-logo">
						<a href="/">
							<img src="/img/i-services-logo.png" alt="I-Services" class="img-fluid">
						</a>
					</div>

					
					
				</div>

			</div>

		</div>

		<nav id="navigation" class="navbar navbar-expand-lg">
			<div class="container-xxl">
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navbarNav">
					<ul class="navbar-nav">

						
						
						<li class="nav-item">
							<a class="nav-link"  href="/opinions-clients.php#liste-messages">
								<i class="fa fa-comment "  role="img" aria-hidden="true"></i> Opinion clients
							</a>
						</li>

						
						<li class="nav-item active">
							<a class="nav-link" aria-current="page" href="/clients/connexion.php">
								<i class="fa fa-user "  role="img" aria-hidden="true"></i> Accès client
							</a>
						</li>

						
					</ul>
				</div>
			</div>
		</nav>

	</header>

	<main id="global" class="p-2 pb-5">

		<div class="container-xxl" style="min-height: 500px;">

			
						<section>

				<div class="container-xxl pb-3 pt-2">

					<h1 class="py-3">Connexion &agrave; mon espace client</h1>

					<nav style="--bs-breadcrumb-divider: '›';" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item">
		<i class="fas fa-gear IS-gear-icon"></i>
		<a href="/">I-Services</a></li><li class="breadcrumb-item active" aria-current="page">Connexion &agrave; mon espace client</li></ol>
		</nav>
		<hr>
		
					
			
	<p>Cet espace client reste accessible pour vous permettre de consulter vos factures et l'historique de vos tickets de support. Veuillez saisir vos identifiants ci-dessous pour accéder à vos archives personnelles.</p>

	<div class="row">

		<form id="ConnexionForm" class="col-lg-10 col-xl-8 mb-4" action="/clients/connexion.php" method="post">

			<input type="hidden" id="InputFormConnexion" name="formConnexion" value="1">
					<input type="hidden" id="InputHoneypot" name="Honeypot" value="">
					<input type="hidden" id="InputCsrfToken" name="csrf_token" value="2b89a861fdfdded34c2360898f0a09d60066d850c8bb075a1df91395d04e0fa6">
		
			<fieldset class="bg-light border p-3" >

				<div class="mb-3">
		<label for="InputLogin" class="form-label"><i class="fa fa-asterisk text-warning small"  role="img" aria-label="Champ obligatoire" title="Champ obligatoire"></i>&nbsp;Votre identifiant</label><div class="input-group" style="width: 200px; max-width: 100%;">
		<span class="input-group-text" id="InputLogin-addon-left"><i class="fa fa-user "  role="img" aria-hidden="true"></i></span>
		<input type="text" class="form-control" id="InputLogin" name="login" required value="" maxlength="20" style="">
		</div>
		</div>
		<div class="mb-3">
		<label for="InputPassword" class="form-label"><i class="fa fa-asterisk text-warning small"  role="img" aria-label="Champ obligatoire" title="Champ obligatoire"></i>&nbsp;Votre mot de passe</label><div class="input-group" style="width: 250px; max-width: 100%;">
		<span class="input-group-text" id="InputPassword-addon-left"><i class="fa fa-key "  role="img" aria-hidden="true"></i></span>
		<input type="password" class="form-control reveal-password" id="InputPassword" name="password" required value="" aria-describedby="InputPasswordHelp" maxlength="20" style="">
		<button class="btn btn-outline-secondary" type="button" id="button-InputPassword-addon-right"><i class="fa fa-eye "  role="img" aria-hidden="true"></i></button>
		</div>
		<div class="form-text" id="InputPasswordHelp">Vous avez <a href="/clients/oubli.php">oubli&eacute; votre mot de passe</a> ?</div>
		</div>
		<div class="mb-3">
		<div class="form-check  form-switch d-inline-block">
		<input class="form-check-input" style="" type="checkbox" id="CheckboxConnexionAuto" name="connexion_auto" value="1" >
		<label class="form-check-label" for="CheckboxConnexionAuto">Connexion automatique ?</label>
		</div>
		</div>
		<button type="submit" class="btn btn-primary" style="" ><i class="fa fa-key "  role="img" aria-hidden="true"></i>&nbsp;Connexion</button><p class="small mt-3"><i class="fa fa-asterisk text-warning"  role="img" aria-label="Signification du symbole astérisque :" title="Signification du symbole astérisque :"></i> Champs obligatoires</p>
			</fieldset>

		</form>

	</div>

	<p class="small">Conformément au Règlement Général sur la Protection des Données (RGPD - UE 2016/679), cet espace est maintenu exclusivement pour vous permettre de consulter l'historique de vos factures et de vos tickets de support. Vous disposez d'un droit d'accès, de rectification et de suppression des données vous concernant. Bien que l'activité de la société I-Services ait cessé, je reste engagé dans la protection de vos informations. Pour toute demande relative à vos données, vous pouvez me contacter à <a class="text-primary" href="mailto:contact@philippe-brouckaert.be">contact@philippe-brouckaert.be</a>. <a href="/infos-legales.php" target="_blank">En savoir plus...</a></p>


				</div>

		</section>
		
		
		</div> <!-- .container -->

	</main>


				<div class="alert alert-info" id="cookie-notice" role="alert">

			<i class="fa fa-cookie-bite cookie-icon"  role="img" aria-hidden="true"></i>
			<p>En utilisant notre site, vous acceptez l'utilisation des cookies de session nécessaires au fonctionnement du site, conformément à notre <a href="/politique-de-cookies.php">Politique de cookies</a>.</p>

			<button id="accept-cookies" class="btn btn-cookie">Accepter</button>

			<span id="close-cookie-notice">✖</span>

		</div>
		
		<footer id="footer">

			<div class="page-footer-content text-center text-white py-3">

				<p>

					&copy; 2026 I-Services
					
				</p>

				<ul class="list-inline">

					<li><a href="/mentions-legales.php" class="text-white">Mentions légales</a></li>
		<li><a href="/politique-de-cookies.php" class="text-white">Politique de Cookies</a></li>
		<li class="pt-4"><strong class="d-block mb-2 fs-5">Découvrez mes créations :</strong> <a href="https://atelier-de-phil.be/" target="_blank"><img src="https://atelier-de-phil.be/atelier-de-phil.png" alt="L'Atelier de Phil" class="img-fluid border border-white"></a></li>
				</ul>

			</div>

		</footer>

		<script type="text/javascript" src="/base/js/fonctions.min.js"></script>

		<!-- Bootstrap -->
		<script type="text/javascript" src="/base/js/bootstrap/bootstrap.bundle.min.js" defer></script>

		<script type="text/javascript" src="/base/js/jQuery/jquery-ui.min.js"></script>
		<script type="text/javascript" src="/base/js/jQuery/fonctions.js"></script>

				<script type="text/javascript" src="/base/js/jQuery/formulaire.js" defer></script>
		
		
				<script type="text/javascript">
		/* <![CDATA[ */
		$.get(site_url  + "recuperer-token-CSRF.php", { token: token })
			.done(function(data) {
				$('#accept-cookies').click(function() {
					$.post(site_url  + "cookies-session.php", {
						accept: true,
						csrf_token: data
					}, function() {
						console.log("OK !");
					});

					$('#cookie-notice').hide();
				});
			})
			.fail(function() {
				alert("Erreur lors de la récupération du token CSRF. Veuillez activer JavaScript dans votre navigateur.");
			});

		$('#close-cookie-notice').click(function() {
			$('#cookie-notice').hide();
		});
		/* ]]> */
		</script>
		
		
	</body>

</html>