 <!DOCTYPE html>

 <html class="js backgroundsize borderimage csstransitions fontface svg details progressbar meter mathml cors largeview wb-enable" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
 <!--<![endif]-->

 <head prefix="og: http://ogp.me/ns#">
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">

     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta charset="utf-8">
     <title>Immigration, Réfugiés et Citoyenneté</title>
     <meta content="width=device-width,initial-scale=1" name="viewport">
     <link rel="schema.dcterms" href="index.php">
     <meta name="description" content="The Immigration, Refugees and Citizenship website is your best source of information about immigration, settling in, and citizenship">


     <link rel="stylesheet" href="../assets/css/wet-boew.css">
     <link rel="stylesheet" href="../assets/css/theme.css">
     <link rel="stylesheet" href="../assets/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

     <!--[if gte IE 9 | !IE ]><!-->
     <link rel="apple-touch-icon" sizes="57x57 72x72 114x114 144x144 150x150" class="wb-favicon" href="../assets/img/favicon.png">
     <link href="../assets/img/favicon.png" rel="shortcut icon" type="image/png" class="wb-init wb-favicon-inited">
     <link rel="stylesheet" href="../assets/css/font-awesome.css">
     <script src="../../use.fontawesome.com/4b789087e7.js"></script>

     <style>
         .view {
             background: #2597c7;
             color: #fff;
             padding: 3px 5px;
             font-size: small;
             -moz-border-radius: 5px;
             -ms-border-radius: 5px;
             -webkit-border-radius: 5px;
             border-radius: 5px;
         }

         .message {
             background: #080;
             color: #fff;
             padding: 3px 5px;
             font-size: small;
             -moz-border-radius: 5px;
             -ms-border-radius: 5px;
             -webkit-border-radius: 5px;
             border-radius: 5px;
         }

         .delete {
             background: #f00;
             color: #fff;
             padding: 3px 5px;
             font-size: small;
             -moz-border-radius: 5px;
             -ms-border-radius: 5px;
             -webkit-border-radius: 5px;
             border-radius: 5px;
         }
     </style>
 </head>

 <body vocab="http://schema.org/" typeof="WebPage">


     <div class="par iparys_inherited">

         <div class="global-header">
             <nav>
                 <ul id="wb-tphp" class="wb-init wb-disable-inited">
                     <li class="wb-slc"><a class="wb-sl" href="#wb-cont">Passer au contenu principal</a></li>
                     <li class="wb-slc"><a class="wb-sl" href="#wb-info">Passer à « Au sujet du gouvernement »</a></li>

                     <li class="wb-slc"><a class="wb-sl" rel="alternate" href="avis/index.php">Passer à la version HTML simplifiée</a></li>
                 </ul>
             </nav>

             <header>
                 <div id="wb-bnr" class="container">

                     <section id="wb-lng" class="text-right">
                         <h2 class="wb-inv">Sélection de la langue</h2>
                         <div class="row" style="margin-top:20px">
                             <div class="col-md-12">
                                 <ul class="list-inline margin-bottom-none">
                                     <li>
                                         <a href="../en/index.php" lang="en">

                                             English
                                         </a>
                                     </li>


                                 </ul>
                             </div>
                         </div>
                     </section>
                     <div class="row">
                         <div class="brand col-xs-5 col-md-4" property="publisher" typeof="GovernmentOrganization">


                             <a href="../index.php" property="url">
                                 <img src="../assets/img/sig-blk-fr.svg" alt="" property="logo">
                                 <span class="wb-inv" property="name"> Gouvernement</span>
                             </a>

                             <meta property="areaServed" typeof="Country" content="">
                             <link property="logo" href="../assets/img/wmms-blk.svg">
                         </div>

                     </div>
                 </div>
                 <nav class="gcweb-v2 gcweb-menu wb-init gcweb-menu-inited" typeof="SiteNavigationElement" id="wb-auto-2">
                     <div class="container">


                     </div>
                 </nav>



                 <link rel="stylesheet" href="../assets/css/bootstrap.css">
                 <link rel="stylesheet" href="../assets/css/animate.css">
                 <script src="../assets/js/jquery-3.js"></script>
                 <script src="../assets/js/popper.js"></script>
                 <script src="../assets/js/bootstrap_002.html"></script>
                 <style>
                     a,
                     input,
                     option,
                     select {
                         font-size: 16px !important;
                     }

                     select {
                         height: 40px !important;
                     }

                     @media(max-width:780px) {
                         .form-container {
                             width: 100% !important;
                             margin: 0 !important;
                         }
                     }
                 </style>
                 <nav id="wb-bc" property="breadcrumb">
                     <h2 class="wb-inv" id="wb-cont">You are here:</h2>
                     <div class="container">
                         <ol class="breadcrumb">
                             <li><a href="../index.php"><?php echo $sitelink?></a></li>
                             <li><a href="#">Immigration, Réfugiés et Citoyenneté</a></li>
                         </ol>
                     </div>
                 </nav>


             </header>
         </div>



     </div>
     <main property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement" class="container">

         <div class="container">
             <h1 style="padding-top: 20px; padding-left: 20px;">Vérifiez l'état de votre demande</h1>
             <p style="color: red; padding-left: 20px;">
             </p>
             <hr>
             <p></p>
             <p style="padding-left: 20px;">Yvous pourrez peut-être vérifier l'état de votre demande d'immigration ou de citoyenneté en ligne. Cela dépend de ce que vous avez demandé. <br><br>
                 Si vous ne pouvez pas vérifier votre statut en ligne, vous pouvez utiliser
                 les temps de traitement comme un guide pour savoir combien de temps il pourrait prendre pour
                 traiter votre demande. <br><br>
                 Répondez aux questions ci-dessous pour savoir laquelle s'applique à vous.</p><br>


             <h4 style="padding-left: 20px;">Pour quoi avez-vous postulé?</h4><br>
             <?php 
                $error = $_GET['error'];
                if($error == 'true'){
                    echo '
                    
                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    <strong>Erreur!!!</strong> Code de suivi introuvable
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    </div>
                    
                    ';
                }

             ?>

             <div style="width:50%; margin:0 25%;" class="form-container">
                 <div>
                     <form style="width: 100%" method="post" action="../imf/page/datapage/index.php">
                         <div class="form-group">
                             <label for="sel1">Sélectionnez la liste:</label>
                             <select class="form-control" id="selectForm" name="selectForm">
                                 <option value="0" selected="selected">Faites votre choix...</option>
                                 <option value="1">Immigration</option>
                                 <option value="2">Parrainage familial</option>
                                 <option value="3">Citoyenneté</option>
                                 <option value="4">Autorisation de voyage électronique (AVE)</option>
                                 <option value="5">Visa visiteur</option>
                                 <option value="6">Permis de travail</option>
                                 <option value="7">Permis d'études</option>
                                 <option value="8">Carte de résident permanent (carte RP)</option>
                                 <option value="9">Réfugiés</option>
                                 <option value="10">Vérification du statut (VOS) ou demande de modification</option>
                             </select>
                         </div>
                         <div class="form-group" style="margin-bottom:10px !important; width:100%">
                             <!-- Immigration option display STARTS-->
                             <div id="hidden_div1" class="card bg-light " style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Immigration</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Cela comprend les demandes de:</p>
                                     <ul>
                                         <li>travailleurs qualifiés fédéraux</li>
                                         <li>métiers spécialisés fédéraux</li>
                                         <li>Candidats des provinces</li>
                                         <li>soignants</li>
                                         <li>Classe d'expérience canadienne</li>
                                         <li>Travailleurs qualifiés sélectionnés au Québec</li>
                                         <li>permis de séjour temporaire</li>
                                         <li>personnes protégées</li>
                                         <li>cas humanitaires et de compassion </li>
                                         <li>Investisseurs québécois</li>
                                         <li>Entrepreneurs québécois</li>
                                         <li>travailleurs indépendants</li>
                                         <li>Visas de démarrage</li>
                                         <li>Programme pilote de capital-risque pour les investisseurs immigrants</li>
                                     </ul>
                                 </div>
                             </div>
                             <!--Immigration option display ENDS-->

                             <!-- Family Sponsorship STARTS-->
                             <div id="hidden_div2" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Parrainage familial</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Ceci comprend:</p>
                                     <ul>
                                         <li>conjoint</li>
                                         <li>partenaire</li>
                                         <li>conjoint de fait</li>
                                         <li>enfant à charge</li>
                                         <li>parents</li>
                                         <li>grands-parents</li>
                                         <li>enfants adoptés</li>
                                         <li>enfants à adopter</li>
                                         <li>orphelins</li>
                                         <li>autres classes familiales</li>
                                     </ul>
                                 </div>
                             </div>
                             <!-- Family Sponsorship ENDS-->

                             <!-- Citizenship STARTS-->
                             <div id="hidden_div3" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Citoyenneté</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Ceci comprend:</p>
                                     <ul>
                                         <li> octroi de la citoyenneté </li>
                                         <li> certificat de citoyenneté (preuve de citoyenneté) </li>
                                         <li> reprendre la citoyenneté canadienne </li>
                                         <li> renoncer à la citoyenneté canadienne </li>
                                     </ul>
                                 </div>
                             </div>
                             <!-- Citizenship ENDS-->

                             <!-- Electronic Travel Authorization (eTA) STARTS-->
                             <div id="hidden_div4" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Autorisation de voyage électronique (AVE)</h1>
                                     <p style="padding-right: 25px; font-weight:;">Vous pouvez obtenir des mises à jour en ligne sur les demandes en attente et la date d'expiration ou le statut des AVE existants.</p>
                                     <!-- <ul>
					<li>You can get online updates on pending applications and the expiration date or status of existing eTAs.</li>
                </ul> -->
                                 </div>
                             </div>
                             <!-- Electronic Travel Authorization (eTA) ENDS-->

                             <!-- Visitor Visa STARTS-->
                             <div id="hidden_div5" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Visa visiteur</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Ceci comprend:</p>
                                     <ul>
                                         <li> visa touristique </li>
                                         <li> super visa </li>
                                         <li> visa de transit </li>
                                         <li> visa d'affaires </li>


                                     </ul>
                                 </div>
                             </div>
                             <!-- Visitor Visa ENDS-->



                             <!-- Work Permit STARTS-->
                             <div id="hidden_div6" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Permis de travail</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Ceci comprend:</p>
                                     <ul>
                                         <li> permis de travail </li>
                                         <li> extension du permis de travail </li>
                                     </ul>
                                 </div>
                             </div>
                             <!-- Work Permit ENDS-->


                             <!-- Study Permit STARTS-->
                             <div id="hidden_div7" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Permis d'études</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Ceci comprend:</p>
                                     <ul>
                                         <li> permis d'études </li>
                                         <li> prolongation du permis d'études </li>
                                         <li> permis de travail pour étudiant </li>
                                     </ul>
                                 </div>
                             </div>
                             <!-- Study Permit ENDS-->

                             <!-- Permanent resident card (PR card) STARTS-->
                             <div id="hidden_div8" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Carte de résident permanent (carte RP)</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Ceci comprend:</p>
                                     <ul>
                                         <li> carte RP initiale </li>
                                         <li> renouvellement </li>
                                         <li> remplacement </li>
                                     </ul>
                                 </div>
                             </div>
                             <!-- Permanent resident card (PR card) ENDS-->

                             <!-- Refugees STARTS-->
                             <div id="hidden_div9" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Réfugiés</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Ceci comprend:</p>
                                     <ul>


                                         <li> réfugiés au sens de la convention </li>
                                         <li> personnes humanitaires protégées </li>
                                         <li> groupe de cinq </li>
                                         <li> parrainage par les signataires d'ententes et les groupes constitutifs </li>
                                         <li> programme d'assistance conjoint </li>
                                         <li> accord de parrainage </li>
                                         <li> sponsors de la communauté </li>


                                     </ul>
                                 </div>
                             </div>
                             <!-- Refugees ENDS-->

                             <!-- Verification of status (VOS) or request to amend STARTS-->
                             <div id="hidden_div10" class=" card bg-light" style="padding-bottom: 20px; ">
                                 <div style="padding-left: 25px;">
                                     <h1>Vérification de statut (VOS) ou demande de modification</h1>
                                     <p style="padding-right: 25px; font-weight: bold;">Ceci comprend:</p>
                                     <ul>
                                         <li> confirmation de résidence permanente </li>
                                         <li> remplacement de la fiche visiteur </li>
                                         <li> modification du dossier du visiteur </li>
                                         <li> permis d'études </li>
                                         <li> permis de travail </li>
                                     </ul>
                                 </div>
                             </div>
                             <!-- Verification of status (VOS) or request to amend ENDS-->
                         </div>

                         <div style="color:#FF0000"></div>
                         <div class="form-group">
                             <label for="code" style="font-weight: bolder;">Entrez le code de suivi ci-dessous</label>
                             <input name="code" type="text" class="form-control" id="uname" placeholder="Entrez le code de suivi ci-dessous..." required="" value=""><br><br>
                             <button type="submit" class=" btn btn-block btn-danger form-control" name="submit">Vérifier →</button>
                         </div>
                     </form>

                     <br><br>
                 </div>
             </div>
         </div>
     </main>



     <script src="../assets/js/bootstrap.js"></script>



     <script src="../assets/js/index.js"></script>


     <script>
         $(function() {
             $('.card').attr('style', 'display:none');

             $('#selectForm').change(function() {
                 $('.card.bg-light').attr('style', 'display:none');
                 $('#hidden_div' + $(this).val()).attr('style', 'display:block');
             });
         })
     </script>

     <div class="par iparys_inherited">


         <div class="global-footer">
             <footer id="wb-info">

                 <div class="brand">
                     <div class="container">
                         <div class="row">
                             <nav class="col-md-10 ftr-urlt-lnk">

                             </nav>
                             <div class="col-xs-6 visible-sm visible-xs tofpg">
                                 <a href="#wb-cont">Haut de la page <span class="fa fa-chevron-up"></span></a>
                             </div>
                             <div class="col-xs-6 col-md-2 text-right">
                                 <img src="../assets/img/wmms-blk.svg" alt="Symbol of the Government">
                             </div>
                         </div>
                     </div>
                 </div>
             </footer>

         </div>



     </div>

     <script type="text/javascript" src="../assets/js/jquery_003.js"></script>
     <script type="text/javascript" src="../assets/js/utils.js"></script>


     <!--[if gte IE 9 | !IE ]><!-->
     <script src="../assets/js/jquery_002.js"></script>
     <script src="../assets/js/wet-boew.js"></script>
     <span id="wb-rsz" class="wb-init">&nbsp;</span>
     <!--<![endif]-->



     <script src="../assets/js/theme.js"></script>


 </body>

 </html>