Untitled

<!DOCTYPE html>

<html lang="en" dir="ltr">
<head>
<title>Gestion De Scolarité</title>

<meta charset="UTF-8">
<link rel="stylesheet" href="styles/style.css" type="text/css">

<script src="scripts/jquery-1.8.2.min.js"></script>
<script src="scripts/jquery-defaultvalue.js"></script>
<script src="scripts/jquery-browsercheck.js"></script>
<!--[if lt IE 9]>
<link rel="stylesheet" href="styles/ie.css" type="text/css">
<script src="scripts/ie/html5shiv.min.js"></script>
<![endif]-->
<!-- homepage scripts -->
<script src="scripts/jquery-innerfade.js"></script>
<script>
$(function () {
    $('#rotate').innerfade({
        animationtype: 'fade',
        speed: 750,
        timeout: 5000,
        type: 'sequence',
        containerheight: 'auto'
    });
});
</script>
<!-- / homepage scripts -->
</head>
<body>
<div class="wrapper row1">
  <header id="header" class="clear">
    <hgroup>
      <h1><a href="#">G<span>estion</span></a></h1>
      <h2>De Scolarité<br>
        Université De Mascara</h2>
    </hgroup>
    <form action="#" method="post">
      <fieldset>
        <legend>Recherche :</legend>
        <input type="text" value="Recherche" onFocus="this.value=(this.value=='Recherche')? '' : this.value ;">
        <input type="submit" id="sf_submit" value="submit">
      </fieldset>
    </form>
  </header>
</div>
<div class="wrapper row2">
  <nav id="topnav">
    <ul class="clear">
      <li class="active"><a href="index.html">Université</a></li>


      <li><a href="Departements.php">Departements</a>
      <li><a href="ajouter_dep.php">Ajouter </a>
      <li><a href="Departements.php">Modifier </a>
      <li><a href="Departements.php">Supprimer </a>
      <li><a href="Departements.php">Impression</a>


      </li>


    </ul>
  </nav>
</div>
<!-- content -->
<div class="wrapper row3">
  <div id="container" class="clear">
    <!-- content body -->
    <!-- ########################################################################################## -->
    <!-- ########################################################################################## -->
    <div id="homepage">
      <!-- ########################################################################################## -->
      <!-- Shout -->

<div id="contact-form" class="clearfix">
    <h1>Ajouter Un Nouveau Departement : </h1>

    <ul id="errors" class="">
        <li id="info">There were some problems with your form submission:</li>
    </ul>
    <p id="success">Thanks for your message! We will get back to you ASAP!</p>
    <form id="myForm" method="post" action="db_ajouter_dep.php">
        <label for="name">Nom Du Departements: <span class="required">*</span></label>
        <input type="text"  name="Nom_Dep" value=""  required="required" autofocus="autofocus" />
                <label for="telephone">Telephone: <span class="required">*</span></label>
       <input type="int" id="Tel_Dep" name="Tel_Dep" value="" placeholder="" required="required" autofocus="autofocus" />


 <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l,b=document.getElementsByTagName("script");l=b[b.length-1].previousSibling;a=l.getAttribute('data-cfemail');if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]>
</script>

        <label for="telephone">Fax: <span class="required">*</span></label>
        <input type="int" id="Fax_Dep" name="Fax_Dep" value="" placeholder="" required="required" autofocus="autofocus" />
          <label for="enquiry">Chef de departements : </label>
        <div>
                <?php include 'aff_ens.php'; ?>

           </div>


        <span id="loading"></span>
        <input type="submit" value="Ajouter : " id="sub" />

    </form>
</div>
      <!-- / Info -->
      <!-- ########################################################################################## -->
    </div>
    <!-- ########################################################################################## -->
    <!-- ########################################################################################## -->
    <!-- / content body -->
  </div>
</div>
<!-- Footer -->
<div class="wrapper row4">
  <div id="footer" class="clear">
    <!-- Section One -->
    <section class="one_quarter first">
      <h2 class="title">Contact Details</h2>
      <address>
      Université De Mascara<br>

      Bp 305 Route de Mamounia, 29000 Mascara, Algeria<br>
           Faculté des Sc et de la Technologie
      </address>
      <p>Tel:  045 81 39 98<br>
         Fax:  045 81 39 98<br>
                 Email: <a href="#">[email protected]</a></p>
    </section>
    <!-- Section Two -->
    <section class="one_quarter">
      <h2 class="title">Liens rapides</h2>
      <nav>
        <ul>
          <li class="first"><a href="#">Université De Mascara</a></li>

        </ul>
      </nav>
    </section>
    <!-- Section Three -->

    <!-- Section Four -->
    <section class="one_quarter">
      <h2 class="title">Login Admin</h2>
      <form method="post" action="#">
        <fieldset>
          <legend>Contact Form:</legend>
          <label for="nl_name">User:</label>
          <input type="text" name="nl_name" id="nl_name" value="">
          <label for="nl_email">Password:</label>
          <input type="text" name="nl_email" id="nl_email" value="">
          <button type="submit" value="submit">Login</button>
        </fieldset>
      </form>
    </section>
    <!-- / Section -->
  </div>
</div>
<!-- Copyright -->
<div class="wrapper row5">
  <footer id="copyright" class="clear">
    <p class="fl_left">Copyright &copy; 2014 - All Rights Reserved - <a href="#">Université De Mascara</a></p>

  </footer>
</div>
<script>
$(document).ready(function () {
    $("#nl_name, #nl_email").defaultvalue("Name", "Email Address");
});
</script>
</body>
</html>