diff --git a/public/css/custom.css b/public/css/custom.css
index eba9b71e..885c2533 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -68,10 +68,11 @@
   border-top: none;
   z-index: 99;
   /*position the autocomplete items to be the same width as the container:*/
-  top: 50%;
+  top: 64%;
   left: 0;
   right: 0;
 }
+
 .autocomplete-items div {
   padding: 10px;
   cursor: pointer;
diff --git a/resources/custom.css b/resources/custom.css
index eba9b71e..885c2533 100644
--- a/resources/custom.css
+++ b/resources/custom.css
@@ -68,10 +68,11 @@
   border-top: none;
   z-index: 99;
   /*position the autocomplete items to be the same width as the container:*/
-  top: 50%;
+  top: 64%;
   left: 0;
   right: 0;
 }
+
 .autocomplete-items div {
   padding: 10px;
   cursor: pointer;
diff --git a/resources/views/admin/schedule/modal/add.blade.php b/resources/views/admin/schedule/modal/add.blade.php
index c19642e9..211aa4b4 100644
--- a/resources/views/admin/schedule/modal/add.blade.php
+++ b/resources/views/admin/schedule/modal/add.blade.php
@@ -112,16 +112,12 @@
                                 </div>
                                 <div class="col-sm-6">
                                     <div class="form-group">
-                                        <div class="form-group">
-                                            <label for="name">Instructeur</label>
-                                            <select class="selectpicker d-block" data-style="btn btn-outline-primary w-100">
-                                                @foreach(\App\User::all() as $user)
-                                                    <option value="{{$user->id}}">{{$user->fullname()}}</option>
-                                                @endforeach
-                                            </select>
-                                            <small id="nameHelp" class="text-muted">Veuillez entrer le nom de l'instructeur</small>
-                                        </div> 
-                                    </div>  
+                                        <label for="name">Instructeur</label>
+                                        <div class="autocomplete">
+                                            <input type="text" name="instruc_n{{$i}}_p{{$p}}" id="instruc_n{{$i}}_p{{$p}}" class="form-control AutoComplete" aria-describedby="nameHelp" autocomplete="off" required>
+                                        </div>
+                                        <small id="nameHelp" class="text-muted">Veuillez entrer le nom de l'instructeur</small>
+                                    </div>
                                 </div>
                                 <div class="col-sm-6 my-2">
                                     <div class="form-group">
@@ -136,7 +132,7 @@
                                         <input type="text" name="loc_n{{$i}}_p{{$p}}" id="loc_n{{$i}}_p{{$p}}" class="form-control" placeholder="" aria-describedby="nameHelp" required @if(env('APP_DEBUG') == true)value="Lieu"@endif>
                                         <small id="nameHelp" class="text-muted">Veuillez entrer le lieux</small>
                                     </div>                                
-                                </div>#
+                                </div>
                             </div>
                             <hr>
                         @endfor 
@@ -148,6 +144,7 @@
 </div>
     
 @endif
+<script src="/js/plugins/autocomplete.js"></script>
 <script>
 var begin = "<?php echo $begin_time ?>";
 var end = "<?php echo $end_time ?>";
@@ -197,7 +194,5 @@ $('#datetimepickermsg').datetimepicker({
 $('.richeditor').trumbowyg({
     lang: 'fr'
 });
-$( ".basicAutoComplete" ).autocomplete({
-  source: '/api/user/list?api_token='+api_token
-});
+initAutoComplete("AutoComplete");
 </script>
\ No newline at end of file