<h1>Espace Client </h1>
                    <img src="images/barre.gif" alt="barre" height="11" width="199"><br>
                   
<script language="javascript" type="text/javascript">
function VerifFormlogin(){
        if (document.login.login.value.length == 0){
        alert('Login vide');
        document.login.login.focus();
        return false;
        }
        if (document.login.password.value.length == 0){
        alert('Password vide');
        document.login.password.focus();
        return false;
        }
return true;
}
</script>
<form action="index.php?page=login" method="post" name="login" onsubmit="return VerifFormlogin()" class="login">
        <label for="login">Login :</label> <input name="login" value="" id="login" type="text"><br>
        <label for="password">Password :</label> <input name="password" value="" id="password" type="password"><br>

        <div align="center"><input value="Log In" name="submit" type="submit"></div>
</form>
                       
           <div class="menu"><a href="index.php?page=inscription">Inscription   </a><br></div>
           <div class="menu"><a href="index.php?page=pass">Password     oublié ?</a>

.login label {
        float: left;   
        text-align: right;     
        font-weight: bold;
        width: 40%;
        margin-right: 2px;
}

.login input {
        font-family: Geneva,Tahoma;
        font-size: 11px;
        border: 1px solid #CCCCCC;
        margin-bottom: 2px;
        background-color:#F5F5F5;
        width: 60px;
}