diff --git a/module/Application/view/application/substitution/modifier.phtml b/module/Application/view/application/substitution/modifier.phtml
index ee176f54113b674f86461507a65f2c17ca939e37..48361671e43bce8fed432c545641128717ea4640 100644
--- a/module/Application/view/application/substitution/modifier.phtml
+++ b/module/Application/view/application/substitution/modifier.phtml
@@ -23,10 +23,14 @@ use Application\View\Renderer\PhpRenderer;
  * @see SubstitutionController::modifierAction()
   */
 
+$this->headLink()->appendStylesheet("https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css");
+
+
 if ( $type === null && $cible !== null) $type = $cible->getTypeStructure()->getCode();
 $canEdit =  $this->isAllowed(SubstitutionPrivileges::getResourceId(SubstitutionPrivileges::SUBSTITUTION_MODIFICATION_TOUTES_STRUCTURES))
         OR  $this->isAllowed(SubstitutionPrivileges::getResourceId(SubstitutionPrivileges::SUBSTITUTION_MODIFICATION_SA_STRUCTURE));
 ?>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
 
 <div class="container">
 <?php
@@ -79,7 +83,7 @@ echo $messenger->addMessagesFromFlashMessenger();
  */
 function generateSelect($structuresConcretes, \Zend\View\Renderer\PhpRenderer $renderer) {
     $texte  = "";
-    $texte .= "<select name='nouveau'>";
+    $texte .= "<select name='nouveau' class='selectpicker' data-live-search='true'>";
     foreach ($structuresConcretes as $structuresConcrete) {
         $url = $renderer->url('substitution-generer', ['id' => $structuresConcrete->getStructure()->getId()]);
         $texte .= "<option value='".$url."'>".$structuresConcrete->getLibelle() ."</option>";
@@ -101,8 +105,10 @@ function generateSelect($structuresConcretes, \Zend\View\Renderer\PhpRenderer $r
     }
 </style>
 
+
 <script>
     $(document).ready(function() {
+        $('select').selectpicker();
 
         //remplacement dans la structure cible
         $("div#sources").on("click", "input[type='radio']", function () {
diff --git a/module/Application/view/application/utilisateur/index.phtml b/module/Application/view/application/utilisateur/index.phtml
index b5fe1ae1cb5d29282a3edd1e9a110eab7b5204a1..c0b6bd2b24f7acd44e333807ca5ad9ede0bcddf3 100644
--- a/module/Application/view/application/utilisateur/index.phtml
+++ b/module/Application/view/application/utilisateur/index.phtml
@@ -18,6 +18,7 @@ use Application\Provider\Privilege\UtilisateurPrivileges;
  * @var UniteRecherche[] unites
  */
 
+$this->headLink()->appendStylesheet("https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css");
 $canModifier = $this->isAllowed(Privileges::getResourceId(UtilisateurPrivileges::UTILISATEUR_MODIFICATION));
 
 ?>
@@ -135,7 +136,7 @@ $canModifier = $this->isAllowed(Privileges::getResourceId(UtilisateurPrivileges:
 function generateSelect($structures, $id, $roles = null)
 {
     $texte = '<div class="form-group">';
-    $texte .= '<select class="form-control" id="' . $id . '">';
+    $texte .= '<select class="form-control selectpicker" data-live-search="true" id="' . $id . '">';
     $texte .= '<option value=""></option>';
 
     $structuresValides = [];
@@ -319,9 +320,10 @@ function generateRoleUnite( $individu,  $roles,  $rolesAffectes,  $unites, $canM
 
 ?>
 
-
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
 <script>
     $(document).ready(function () {
+        $('.selectpicker').selectpicker();
         $(".remove-role").click(function () {
             var id = $(this).attr("id");
             var splits = id.split("_");
@@ -394,5 +396,9 @@ function generateRoleUnite( $individu,  $roles,  $rolesAffectes,  $unites, $canM
         margin: 5px 5px 5px 5px;
     }
 
+    .dropdown-menu {
+        z-index: 100000;
+        max-height: 400px;
+    }
 
 </style>