
<!--
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8        o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.            o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@O:    O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8               o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8o          O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@88@8Oo.            C@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@o.             O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:    O@@@@@c           c@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@o.               o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8      8@@@@@@O.           O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@8:              .o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8      O@@@@@@@@@c           o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@c             .C@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.      O@@@@@@@@@@8:          :8@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@c             o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.      O@@@@@@@@@@@@O          :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@o            :8@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.      o@@@@@@@@@@@@@O           8@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@8.           o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:      c@@@@@@@@@@@@@@@:          C@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@8           O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:      C@@@@@@@@@@O      :@@@@@@@@@@@@@@@@@:         .8@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@8          c@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8          O@@@@@@@@@8      .@@@@@@@@@@@@@@@@@@c          8@@@@@@@@@@@@@@@@@@@@@
@@@@@@:         O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.           c@@@@@@@@@@.      8@@@@@@@@@@@@@@@@@@.         o@@@@@@@@@@@@@@@@@@@@
@@@@8         O@@@@@@@@@@@@@@@@@@@@@@@@@8:.O@@@@@@@@@@@@@@@@@@@@@@@@@O              8@@@@@@@@@c      O@@@@@@@@@@@@@@@@@@@:         o@@@@@@@@@@@@@@@@@@
@@@8        C@@@@@@@@@@@@@@@@@@@@@@@@@@8     :8@@@@@@@@@@@@@@@@@@@@@@c               C@@@@@@@@@C      C@@@@@@@@@@@@@@@@@@@@:         O@@@@@@@@@@@@@@@@
@@@.       @@@@@@@@@@@@@@@@@@@@@@@@@@@@@        O@@@@@@@@@@@@@@@@@@OO.      Co        8@@@@@@@@@O      o@@@@@@@@@@@@@@@@@@@@@:         8@@@@@@@@@@@@@@
@@O       C@@@@@@@@@@@@@@@@@@@@@@@@@@@@@c         C@@@@@@@@@@@@@@           8@@:       c@@@@@@@@@C      :@@@@@@@@@@@@@@@@@@@@@@C         O@@@@@@@@@@@@
@@O       o@@@@@@@@@@@@@@@@@@@@@@@@@@@@@O          .@@@@@@@@@@@@@           8@@@o       :@@@@@@@@@C      c@@@@@@@@@@@@@@@@@@@@@@@         .@@@@@@@@@@@
@@@.       O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.    C.     O@@@@@@@@@@@.          O@@@@C       .@@@@@@@@@o      C@@@@@@@@@@@@@@@@@@@@@@@O         8@@@@@@@@@
@@@@         O@@@@@@@@@@@@@@@@@@@@@@@@@@@c    c@c     O@@@@@@@@@@@          O@@@@@O       .@@@@@@@@@:     :@@@@@@@@@@@@@@@@@@@@@@@@@c        c@@@@@@@@
@@@@@:         o@@@@@@@@@@@@@@@@@@@@@@@@@O    .@@8     c@@@@8Ooc:                          .@@@@@@@@@o   :@@@@@@@@@@@@@@@@@@@@@@@@@@@@.        8@@@@@@
@@@@@@@c          c@@@@@@@@@@@@@@@@@@@@@@@    .@@@O:                                         @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.       .@@@@@
@@@@@@@@@c           o@@@@@@@@@@@@@@@@@@@@:                                                   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@o        8@@@
@@@@@@@@@@@:           .O@@@@@@@@@@@@8o.                            ..        ::..             :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8        8@@
@@@@@@@@@@@@@O.            o@@@@O.                           C@@@@@@@@.       8@@@@@@@o          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        @@
@@@@@@@@@@@@@@@@C             .                   .           c@@@@@@@8       c@@@@@@@@@c        c@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@C       o@
@@@@@@@@@@@@@@@@@@@@C                     .    c@@@@@@:         8@@@@@@O       O@@@@@@@@@c        c@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:       @
@@@@@@@@@@@@:     o@@@@o             .8@@@O    c@@@@@@@@.        @@@@@@@c      .@@@@@@@@@@:        O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@c       @
@@@@@@@@@@@o        .O@@@@C.            o@8    :@@@@@@@@@O       O@@@@@@@       o@@@@@@@@@@.       .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.      .@
@@@@@@@@@@@8             :cCOO.                :@@@@@@@@@@@o     .@@@@@@@C       8@@@@@@@@@8        O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@o       o@
@@@@@@@@@@@@@C                                 c@@@@@@@@@@@@@C   8@@@@@@@@.      o@@@@@@@@@@O       c@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8        @@
@@@@@@@@@@@@@@@@c                              c@@@@@@@@@@@@@@@@@@@@@@@@@@8      8@@@@@@@@@@@o      :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@C        8@@
@@@@@@@@@@@@@@@@@@@@@O:                  o@@CC@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@O    :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@c        :@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8.         O@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@O.          c@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@C.           o@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@C:              c@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8Cc.                 :8@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8Oo:                      .C@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@C            ...:ccooCCOOO888@@@@@@@@@@@@@@@@@@@@@@@@@@@@@888OOCooc:..                             :C@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@C                                                                                             :o8@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@8                                                                                     .:oO@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@OCoc::..                                                             .:coC8@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@888OOOOCCCCCoooooooooCCCCCOOO88@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@                                                                                                   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@           For more informations contact me at saadrg3@gmail.com or at http://bit.ly/1Wsdyn6       @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@                                                                                                   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-->
<!Doctype html>
<html lang="fr">
<head>
     
    <meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link type="image/x-icon" href="//lp-inscription/images/favicon.png" rel="shortcut icon"/>

        <!--Global Main Style-->
<link rel="stylesheet"href="/lp-inscription/css/style.css"crossorigin="anonymous">

<!--Bootstrap.css-->
<link rel="stylesheet"href="/lp-inscription/css/bootstrap.min.css"crossorigin="anonymous">
<link rel="stylesheet"href=/lp-inscription/css/bootstrap-datepicker3.css"crossorigin="anonymous">


<!--Semantic ui -->
<link rel="stylesheet"href="/lp-inscription/frameworks/semantic/semantic.min.css"crossorigin="anonymous">


    <title>Pré-inscription Licence Professionel 2022 - 2023</title>
</head>
<body>

<div class="ui borderless main menu" style="z-index: 5;">
  <div class="ui text container">
    <div href="#" class="header item"> <img src="/lp-inscription/images/logo-est-md.png" width="200" height="114" class="logo" style="width:120px;"> </div> <a href="/lp-inscription/" class="item">Accueil</a> <a href="#" class="ui left  dropdown item">
      Inscription <i class="dropdown icon"></i>
      <div class="menu">
        <div class="item" id="bgTrigger2"><i class="plus square outline icon"></i> Nouvelle Inscription</div>
        <div class="item" onclick="location.href='/lp-inscription/login';" ><i class="folder open outline icon"></i>Consulter votre dossier</div>
      </div>
    </a> <a href="#" class="ui left dropdown item" style="margin-left:-20%;">
      Aide <i class="dropdown icon"></i>
      <div class="menu">
        <div class="item" onclick="location.href='/lp-inscription/help';"><i class="help  icon"></i>Comment s'inscrire</div>
        <div class="item" onclick="location.href='/lp-inscription/help#desc';"><i class="fork  icon"></i>Découverez les Filières</div>
      </div>
    </a> </div>
</div><!--CONTENT-->

<h1 class="ui center aligned header" style="font-family: 'Cairo', sans-serif;"> Pré-inscription Licence
    Professionnelle 2022 - 2023 التسجيل القبلي بالاجازة المهنية</h1>
<div class="section-container">
    <div class="ui grid">
        <div class="two column stackable row">
            <div class="column">
                <div class="ui segment">
                    <h2 class="ui center aligned header">Procédure de pré-inscription :</h2>
                    <div class="ui blue message"><i class="info icon"></i> Afin de bien compléter votre pré-inscription,
                        veuillez suivre attentivement la procédure suivante
                    </div>
                    <div class="ui items">
                        <div class="item">
                            <a class="ui tiny image"> <img src="/lp-inscription/images/icons/1.jpg"> </a>
                            <div class="content"><a class="header">1- Inserez vos informations</a>
                                <div class="description">
                                    <p>Vous devez inserer vos informations attentivement et correctement pour eviter le
                                        rejet de votre candidature .</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <a class="ui tiny image"> <img src="/lp-inscription/images/icons/2.jpg"> </a>
                            <div class="content"><a class="header">2- Imprimez le reçu</a>
                                <div class="description">
                                    <p>Aprés que vous inserez vos informations veuillez imprimer votre reçu de
                                        pré-candidature .</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <a class="ui tiny image"> <img src="/lp-inscription/images/icons/3.jpg"> </a>
                            <div class="content"><a class="header">3- Envoyez vos piéces scanner sur un même fichier en format PDF et portant le nom du candidat et la filière par email  </a>
                                <div class="description">
                                    <p> Vous devez envoyer en format numérique à l’adresse : <a href="mailto:lpestfes@usmba.ac.ma">lpestfes@usmba.ac.ma
                                        </a> les
                                        pièces
                                        suivantes :</p>
                                    <div class="ui bulleted list">
                                        <div class="item">Attestation du baccalauréat
	
</div>
<div class="item">Diplôme ou attestation du DUT (ou équivalent) . </div>

                                        <div class="item">Relevés des notes des semestres S1 à S4 </div>
                                        <div class="item">Carte d’identité nationale</div>
                                      
                                        <div class="item">Reçu  de confirmation de préinscription</div>
                                     
                                    </div>
                                    <p>Pour plus d'informations veulliez consultez <a target="_blank" href="help">cette page <i
                                                class="external icon"></i></a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ui section divider"></div>
                    <div class="ui  column very stackable centered relaxed stackable grid">
                        <div class="ui buttons big">
                            <a href="login">
                                <div class="ui  blue button"><i class="sign in icon"></i>Consultez votre dossier</div>
                            </a>
                            <div class="or"></div>
                            <div class="ui positive button" id="bgTrigger">Inscrivez-vous <i class="plus icon"></i>
                            </div>
                        </div>
                    </div>
                    <div class="ui divider" style="visibility:hidden"></div>
                </div>
            </div>
            <div class="ui vertical divider" style="z-index: 0;"></div>
            <div class="column" id="secondeCol">
                <div class="ui ">
                    <form id="formInsc" class="ui form segment" method="post">
                        <h2 class="ui center aligned header">Nouvelle Inscription :</h2>
                        <h3 class="ui dividing header">1-Informations personnelles</h3>
                        <div class="one field">
                            <div class="field">
                                <label>CNE</label>
                                <div class="ui input icon">
                                    <input placeholder="CNE" name="cne" id="cne" onkeyup="checkCne();" type="text" maxlength="10" minlength="10">
                                </div>
                                <small id="cne_status" class="ui red pointing label hidden"></small>
                            </div>
                        </div>
                        <div class="two fields">
                            <div class="field">
                                <label>Nom</label>
                                <div class="ui input icon">
                                    <input placeholder="Nom" name="nom" type="text"></div>
                            </div>
                            <div class="field">
                                <label>Prénom</label>
                                <div class="ui input icon">
                                    <input placeholder="Prénom" name="prenom" type="text"></div>
                            </div>
                        </div>
                        <div class="one field">
                            <div class="field">
                                <label>CIN</label>
                                <div class="ui input icon">
                                    <input placeholder="CIN" name="cin" type="text"></div>
                            </div>
                        </div>
                        <div class="two fields">
                            <div class="field">
                                <label>Date de Naissance</label>
                                <div class="ui input icon">
                                    <input id="date_naiss" placeholder="JJ-MM-AAAA" name="date_naiss" type="text"></div>
                            </div>
                            <div class="field">
                                <label>Lieu de naissance</label>
                                <div class="ui input icon">
                                    <input placeholder="Lieu de naissance" name="lieu_naiss" type="text"></div>
                            </div>
                        </div>
                        <div class="two fields">
                            <div class="field">

                                <label>Sexe</label>
                                <select class="ui dropdown" name="sexe">
                                    <option value="">Sexe</option>
                                    <option value="M">Masculin</option>
                                    <option value="F">Féminin</option>
                                </select>
                            </div>
                            <div class="field">
                                <label>Ville</label>
                                <div class="ui input icon">
                                    <input placeholder="Ville" name="ville" type="text"></div>
                            </div>
                        </div>
                        <div class="two fields">
                            <div class="field">
                                <label>Email</label>
                                <div class="ui input icon">
                                    <input placeholder="Email" name="email" type="text"></div>
                            </div>
                            <div class="field">
                                <label>Téléphone</label>
                                <div class="ui input icon">
                                    <input placeholder="Téléphone" name="tel" type="text"></div>
                            </div>
                        </div>
                        <h3 class="ui dividing header">2-Informations universitaires</h3>
                        <h4 class="ui dividing header centered blue">Informations du Diplôme</h4>
                        <div class="one field">
                            <div class="ui form">
                                <div class="field">
                                    <label>Type du Diplôme obtenu</label>
                                    <select class="ui dropdown" name="diplome" required>
                                        <option value="">Selectioner un Diplôme</option>
                                        <option value="DUT">DUT</option>
                                        <option value="DTS">DTS</option>
                                        <option value="BTS">BTS</option>
                                        <option value="CPGE">CPGE</option>
                                        <option value="DEUG">DEUG</option>
                                        <option value="DEUP">DEUP</option>
                                        <option value="DEUST">DEUST</option>
                                        <option value="DEUT">DEUT</option>
                                        <option value="LICENCE">LICENCE</option>
                                       
                                        <option value="AUTRE">AUTRE</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="one field">
                            <div class="ui form">
                               
                                <div class="field">
                                    <label>Etablissement</label>
                                    <select class="ui dropdown" name="etab" required>
                                        <option value="">Selectioner Mention</option>
                                        <option value="EST">EST</option>
                                        <option value="BTS">
BTS</option>

<option value="FSJES">FSJES</option>
                                        
<option value="ISTA/ISTEA/OFPPT">ISTA/ISTEA/OFPPT</option>
                                       
<option value="FST">FST</option>
                                      
<option value="FS">FS</option>
                                        <option value="ENCG">
ENCG</option>
<option value="ENSA">
ENSA</option>
                                        <option value="Autre établissement de l'enseignement supérieur public">Autre établissement de l'enseignement supérieur public</option>
                                        <option value="Autre établissement de la formation professionnelle publique">Autre établissement de la formation professionnelle publique</option>
                                 

                                    </select>
                                </div>
                            </div>
                        </div>
                        
                         
                              <div class="one field">
                            <div class="ui form">
                                <div class="field">
                                    <label>Mention du Diplôme</label>
                                    <select class="ui dropdown" name="mention" required>
                                        <option value="">Selectioner Mention</option>
                                        <option value="TB">Trés bien</option>
                                        <option value="B">Bien</option>
                                        <option value="AB">Assez Bien</option>
                                        <option value="PAS">Passable</option>
                                       
                                    </select>
                                </div>
                            </div>
                        </div>
                        
                        
                         <div class="one field">
                            <div class="ui form">
                                <div class="field">
                                    <label>Année du d'obtention du Diplôme</label>
                                    <select class="ui dropdown" name="annee" required>
                                        <option value="">Selectioner Année</option>
                                        <option value="2022">2022</option>
                                        <option value="2021">2021</option>
                                        <option value="2020">2020</option>
                                        <option value="2019">2019</option>
                                        <option value="2018">2018</option>
                                        <option value="2017">2017</option>
                                         <option value="2016">2016</option>
                                        <option value="2015">2015</option>
                                        <option value="2014">2014</option>
                                        <option value="2013">2013</option>
                                         <option value="2012">2012</option>
                                        <option value="2011">2011</option>
                                        <option value="2010">2010</option>
                                        <option value="2009">2009</option> 
                                        <option value="2008">2008</option>
                                        <option value="2007">2007</option>
                                        <option value="2008">2008</option>
                                        <option value="2007">2007</option> 
                                        <option value="2006">2006</option>
                                        <option value="2005">2005</option>
                                        <option value="2004">2004</option>
                                        <option value="2003">2003</option>
                     <option value="2002">2002</option>
                                        <option value="2001">2001</option>
                                        <option value="2000">2000</option>
                                        <option value="1999">1999</option>
                                         <option value="1998">1998</option>
                                        <option value="1997">1997</option>
                                        <option value="1998">1998</option>
                                        <option value="1997">1997
                                        </option>                   
                                    </select>
                                </div>
                            </div>
                        </div>
                    
                        <div class="one field">
                            <div class="field">
                                <label>Filière/Spécialité du diplôme obtenu</label>
                                <div class="ui input icon">
                                    <input placeholder="Votre Filière/Spécialité" name="filiere" type="text"></div>
                            </div>
                        
                        
                        <h4 class="ui dividing header centered blue">Résultat des semestres</h4>
                        <div class="ui blue message"><i class="info icon"></i> Veuillez utiliser le point au lieu de la
                            virgule (exemple : 15.96)
                            <del>15,96</del>
                        </div>


                        <div class="four fields">
                            <div class="field">
                                <label>Semestre 1</label>
                                <div class="ui input icon">
                                    <input placeholder="S1" name="s1" type="text"></div>
                            </div>
                            <div class="field">
                                <label>Semestre 2</label>
                                <div class="ui input icon">
                                    <input placeholder="S2" name="s2" type="text"></div>
                            </div>
                            <div class="field">
                                <label>Semestre 3</label>
                                <div class="ui input icon">
                                    <input placeholder="S3" name="s3" type="text"></div>
                            </div>
                            <div class="field">
                                <label>Semestre 4</label>
                                <div class="ui input icon">
                                    <input placeholder="S4" name="s4" type="text"></div>
                            </div>
                        </div>
                        <h4 class="ui dividing header centered blue">Choix de filière</h4>
                        <div class="one field">
                            <div class="ui form">
                                <div class="field">
                                    <label>Votre choix de Filière LP </label>
                                    <div class="ui blue message"><i class="info icon"></i> Pour plus d'information à propos les filières  Veuillez consulter
                                        <a target="_blank" href="help#desc"> cette page <i class="icon external"></i></a>
                                    </div>
                                    <select name="choix" class="ui dropdown" required>
                                        <option value="">Choix de licence</option>
                                        <option value="LOG">Logistique (LOG)</option>
                                        <option value="IAGRO">Industries Agroalimentaires : Procédés, Qualité et Sécurité (IAGRO)</option>
                                        <option value="TEREE">Technologie des Energies renouvelables et Efficacité Energétique
                                            (TEREE)
                                        </option>
                                        <option value="MEEB">Maintenance des Equipements Electroniques Biomédicaux (MEEB)
                                        </option>
                                        <option value="TAN-CUIR">Tannerie et Industrie du Cuir (TAN-CUIR)</option>
                                        <option value="PIM">Production Industrielle - options : Mécatronique(PIM)
                                        </option>
                                        
                                    </select>
                                </div>
                            </div>
                        </div>
                        <h3 class="ui dividing header">3-Compte</h3>
                        <div class="ui orange message"><i class="warning icon"></i> Pour accéder à votre compte, vous
                            aurez besoin d'un mot de passe , veuillez le bien garder
                        </div>
                        <div class="two fields">
                            <div class="field">
                                <label>Mot de passe</label>
                                <div class="ui input icon">
                                    <input placeholder="Mot de passe" name="password" type="password"></div>
                            </div>
                            <div class="field">
                                <label>Confirmer le mot de passe</label>
                                <div class="ui input icon">
                                    <input placeholder="Re-tapez le mot de passe" name="cpassword" type="password">
                                </div>
                            </div>
                        </div>
                        <div class="inline field">
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="agree" tabindex="0" checked=""class="hidden" >
                                <label>Je confirme que j'ai saisi tout mes données soigneusement et correctement</label>
                            </div>
                        </div>
                        <div id="reg_cont" class="ui orange message hidden"><i class="warning icon"></i> <span
                                id="reg_status"></span></div>
                        <div id="reg_status"></div>
                        <input type="submit" value="Valider" name="submit" class="ui blue submit button">
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!--END CONTENT-->
<div class="ui divider section"></div>
<div class="ui inverted vertical footer segment">
    <div class="ui container center aligned">
        <a href="http://www.est-usmba.ac.ma/">Université  Sidi Mohammed Ben Abdellah</a> &nbsp;,&nbsp;
        <a href="http://www.usmba.ac.ma/">Ecole Supérieure de Technologie Fés</a>
    </div>
    <div class="ui container center aligned">

 <a href="mailto:ESTFESLPHELP@gmail.com">
                                   
Contactez-nous: ESTFESLPHELP@gmail.com</a>
    </div>

    <div class="ui container center aligned">
        &copy
        2023 - 2022        &nbsp;
        Tous droits réservés
    </div>
</div>


<script>
    var conLink = '<a href="login">Ici</a>';
    var already = "Ce CNE déja exist,Vous êtes déja inscrit, connectez-vous" + conLink;

    function checkCne() {
        var cne = document.getElementById("cne").value;
        if (cne) {
            $.ajax({
                type: 'post'
                , url: 'cne_check.php'
                , data: {
                    cne: cne
                }
                , success: function (response) {
                    if (response == 1) {
//                        alert('yes');
                        $('#cne_status').html('Vous êtes déja inscrit, connectez-vous ' + conLink);
                        $("#cne_status").removeClass("hidden");
                        return true;
                    }
                    else {
                        $('#cne_status').html('');
                        $("#cne_status").addClass("hidden")
//
                        return false;
                    }
                }
            });
        }
        else {
            $("#check").removeClass("has-error has-success");
            $('#cne_status').html("");
            return false;
        }
    }


    //==========Post Data===========
    function postData() {
        var conLink = '<a href="login">Ici</a>';
        var already = "Ce CNE déja exist,Vous êtes déja inscrit, connectez-vous" + conLink;
        $.ajax({
            type: 'post'
            , url: 'reg.php'
            , data: $('#formInsc').serialize()
            , success: function (response) {
                if (response == 0) {
                    $(location).attr('href', 'login');
                    return true;
                }
                else if (response == 1) {
                    $('#reg_cont').removeClass("hidden");
                    $('#reg_status').html(already);
                    return false;
                } else if (response == 2) {
                    $('#reg_cont').removeClass("hidden");
                    $('#reg_status').html('Données Incomplètes');
                }
            }
        });
    }
</script>
<!--jQuery-->

<script src="/lp-inscription/js/jquery-3.1.0.min.js"></script>

<!--Semantic ui-->
<script src="/lp-inscription/frameworks/semantic/semantic.min.js"></script>


<!--Form Validation-->
<script src="/lp-inscription/js/formv.min.js"></script>

<!--Main JS-->
<script src="/lp-inscription/js/app.js"></script>

<script src="/lp-inscription/js/valid.js"></script>

<!--Date Picker-->
<script src="/lp-inscription/js/bootstrap-datepicker.min.js"></script>
<script src="/lp-inscription/js/bootstrap-datepicker.fr.min.js"></script>


</body>
</html>