diff --git a/back/infolica/routes.py b/back/infolica/routes.py
index 13cf20d0..cd4a30ce 100644
--- a/back/infolica/routes.py
+++ b/back/infolica/routes.py
@@ -63,6 +63,7 @@ def includeme(config):
     config.add_route('recherche_operateurs', '/infolica/api/recherche_operateurs')
     config.add_route('recherche_operateurs_s', '/infolica/api/recherche_operateurs/')
     config.add_route('operateur_update', '/infolica/api/operateur_update')
+    config.add_route('search_operateur_aggregated', '/infolica/api/search_operateur_aggregated')
     #Test (temp endpoint)
     config.add_route('test_client', '/infolica/api/test_client')
     #Controle_mutation
diff --git a/back/infolica/views/operateur.py b/back/infolica/views/operateur.py
index f21d9d44..5fc3797c 100644
--- a/back/infolica/views/operateur.py
+++ b/back/infolica/views/operateur.py
@@ -7,10 +7,10 @@
 from infolica.models.models import Operateur, EtapeMailer
 from infolica.scripts.utils import Utils
 from infolica.scripts.authentication import check_connected
-from datetime import datetime
+from datetime import datetime, date
 
 from sqlalchemy.dialects.postgresql import ARRAY
-from sqlalchemy import BigInteger, func
+from sqlalchemy import BigInteger, func, or_
 
 import json
 
@@ -237,3 +237,58 @@ def operateurs_delete_view(request):
     model.sortie = datetime.utcnow()
 
     return Utils.get_data_save_response(Constant.SUCCESS_DELETE.format(Operateur.__tablename__))
+
+
+@view_config(route_name='search_operateur_aggregated', request_method='GET', renderer='json')
+def search_operateur_aggregated(request):
+    """
+    Search operateur(s) aggregated
+    """
+    # Check connected
+    if not check_connected(request):
+        raise exc.HTTPForbidden()
+
+    inactive_operateurs = True
+    if 'inactive_operateurs' in request.params and request.params['inactive_operateurs'] == 'false':
+        inactive_operateurs = False
+    operateur_id = int(request.params['operateur_id']) if 'operateur_id' in request.params else None
+
+    now = date.today()
+
+    results = request.dbsession.query(
+        Operateur
+    ).filter(
+        Operateur.chef_equipe == True
+    )
+    
+    if inactive_operateurs == False:
+        results = results.filter(
+            or_(
+                Operateur.sortie > now,
+                Operateur.sortie == None
+            )
+        )
+    
+    if operateur_id is not None and operateur_id > 0:
+        results = results.filter(
+            Operateur.id == operateur_id
+        )
+
+    results = results.order_by(Operateur.prenom.asc(), Operateur.nom.asc()).all()
+
+    operateur_liste = {
+        'active': [],
+        'inactive': [],
+    }
+    for res in results:
+        type_operateur = 'active'
+        if res.sortie is not None and res.sortie < now:
+            # operateur inactif
+            type_operateur = 'inactive'
+            
+        operateur_liste[type_operateur].append({
+            'id': res.id,
+            'prenom_nom': ' '.join([res.prenom, res.nom]),
+        })
+
+    return operateur_liste
diff --git a/front/.env b/front/.env
index 78c3c0bc..7e7b7359 100644
--- a/front/.env
+++ b/front/.env
@@ -50,6 +50,7 @@ VUE_APP_CLIENT_MORAL_PERSONNES_ENDPOINT = "/client_moral_personnes"
 VUE_APP_OPERATEURS_ENDPOINT = "/operateurs"
 VUE_APP_SEARCH_OPERATEURS_ENDPOINT = "/recherche_operateurs"
 VUE_APP_OPERATEUR_UPDATE_ENDPOINT = "/operateur_update"
+VUE_APP_OPERATEUR_AGGREGATED_ENDPOINT = "/search_operateur_aggregated"
 
 #Cadastres
 VUE_APP_CADASTRES_ENDPOINT = "/cadastres"
diff --git a/front/src/components/Cockpit/Cockpit.vue b/front/src/components/Cockpit/Cockpit.vue
index bcf46f6a..b549177a 100644
--- a/front/src/components/Cockpit/Cockpit.vue
+++ b/front/src/components/Cockpit/Cockpit.vue
@@ -4,15 +4,17 @@
 
 <script>
 import Matdiff from "@/components/Cockpit/Matdiff/Matdiff.vue";
+import OperatorSelect from "@/components/Utils/OperatorSelect/OperatorSelect.vue";
 import Snow from "@/components/Utils/Snow/Snow.vue";
 
 import { handleException } from '@/services/exceptionsHandler';
-import { checkPermission, getOperateurs, stringifyAutocomplete, stringifyAutocomplete2, getCurrentUserRoleId } from '@/services/helper';
+import { checkPermission, stringifyAutocomplete, getCurrentUserRoleId } from '@/services/helper';
 
 export default {
   name: "Cockpit",
   components: {
       Matdiff,
+      OperatorSelect,
       Snow,
   },
   data: () => {
@@ -28,7 +30,6 @@ export default {
         affaireTypes: [],
         loadingAffaires: false,
         newAffaireAllowed: false,
-        operateurs: [],
         plural: '',
         refreshAffaire: null,
         showMatdiff_secr: false,
@@ -203,35 +204,6 @@ export default {
         return query;
     },
 
-    /**
-     * Get operateurs
-     */
-    async getOperateursList() {
-        return new Promise ((resolve, reject) => {
-            getOperateurs()
-            .then(response => {
-                if (response && response.data) {
-                    let tmp = response.data;
-                    tmp = tmp.filter(x => x.chef_equipe);
-    
-                    // set operateur by default if he is chef_equipe
-                    let currentUserID = JSON.parse(localStorage.getItem("infolica_user")).id;
-                    let currentUserRoleID = getCurrentUserRoleId();
-                    if (tmp.some(x => (x.id === currentUserID) && x.chef_equipe) && (currentUserRoleID && [this.role.mo, this.role.ppe, this.role.mo_ppe].includes(currentUserRoleID))) {
-                        this.search.operateur_id = Number(currentUserID);
-                    }
-    
-                    tmp = stringifyAutocomplete2(tmp, "prenom_nom", null, "prenom_nom");
-    
-                    this.operateurs = tmp;
-                    resolve(tmp);
-                }
-            }).catch(err => {
-                handleException(err, this);
-                reject(err);
-            });
-        });
-    },
 
     /**
      * custom sort
@@ -287,16 +259,25 @@ export default {
         this.search.current_sort = this.current_sort;
         this.search.current_sort_order = this.current_sort_order;
         localStorage.setItem("infolica_cockpit_searchParams", JSON.stringify(this.search));
+    },
+
+    setOperatorFilter() {
+        // set operateur by default if he is chef_equipe
+        let currentUserChefEquipe = JSON.parse(localStorage.getItem("infolica_user")).chef_equipe;
+        let currentUserID = JSON.parse(localStorage.getItem("infolica_user")).id;
+        let currentUserRoleID = getCurrentUserRoleId();
+        if (currentUserChefEquipe && (currentUserRoleID && [this.role.mo, this.role.ppe, this.role.mo_ppe].includes(currentUserRoleID))) {
+            this.search.operateur_id = Number(currentUserID);
+        }
     }
 
   },
 
   mounted: function() {
-    this.getAffaireEtapes()
-    this.getAffaireTypes()
-    this.getOperateursList().then(() => {
-        this.getAffaire();
-    });
+    this.setOperatorFilter();
+    this.getAffaireEtapes();
+    this.getAffaireTypes();
+    this.getAffaire();
     this.getPermissions();
 
     // snow
diff --git a/front/src/components/Cockpit/Matdiff/Matdiff.vue b/front/src/components/Cockpit/Matdiff/Matdiff.vue
index 5ae5450e..b1769906 100644
--- a/front/src/components/Cockpit/Matdiff/Matdiff.vue
+++ b/front/src/components/Cockpit/Matdiff/Matdiff.vue
@@ -16,7 +16,6 @@ export default {
     Matdiff_ctrl
   },
   props: {
-    operateurs: {type: Array},
     showMatdiff_secr: {type: Boolean},
     showMatdiff_mo: {type: Boolean},
     showMatdiff_ctrl: {type: Boolean},
@@ -26,7 +25,6 @@ export default {
       affaires: [{}],
       affaires_bk: [{}],
       plural: "",
-      selectedOperateur_id: -1,
     }
   },
 };
diff --git a/front/src/components/Cockpit/Matdiff/Matdiff_ctrl/Matdiff_ctrl.vue b/front/src/components/Cockpit/Matdiff/Matdiff_ctrl/Matdiff_ctrl.vue
index 2c2c66d0..e9f7e7aa 100644
--- a/front/src/components/Cockpit/Matdiff/Matdiff_ctrl/Matdiff_ctrl.vue
+++ b/front/src/components/Cockpit/Matdiff/Matdiff_ctrl/Matdiff_ctrl.vue
@@ -4,13 +4,14 @@
 
 <script>
 import { handleException } from '@/services/exceptionsHandler'
+import OperatorSelect from "@/components/Utils/OperatorSelect/OperatorSelect.vue";
 
 const moment = require('moment')
 
 export default {
   name: "Matdiff_ctrl",
-  props: {
-    operateurs: {type: Array},
+  components: {
+      OperatorSelect,
   },
   data: () => {
     return {
diff --git a/front/src/components/Cockpit/Matdiff/Matdiff_ctrl/matdiff_ctrl.html b/front/src/components/Cockpit/Matdiff/Matdiff_ctrl/matdiff_ctrl.html
index 896bec11..1a11deb1 100644
--- a/front/src/components/Cockpit/Matdiff/Matdiff_ctrl/matdiff_ctrl.html
+++ b/front/src/components/Cockpit/Matdiff/Matdiff_ctrl/matdiff_ctrl.html
@@ -9,13 +9,13 @@
                 </div>
 
                 <div class="md-toolbar-section-end">
-                    <md-field style="margin-left: 50px; width: 250px">
-                        <label for="operateur">Opérateur·rice</label>
-                        <md-select v-model="selectedOperateur_id" name="operateur" id="operateur" @md-selected="getNumerosDifferes()" md-dense>
-                            <md-option :value="-1">Tous</md-option>
-                            <md-option v-for="item in operateurs" :value="item.id">{{ item.prenom_nom }}</md-option>
-                        </md-select>
-                    </md-field>
+                    <operatorSelect
+                        :operateur_id="selectedOperateur_id"
+                        @update:operateur_id="newValue => selectedOperateur_id = newValue"
+                        @update:selected="getNumerosDifferes"
+                        :select_all_permitted="true"
+                        :inactive_operateurs_permitted="true"
+                    />
                 </div>
             </md-table-toolbar>
 
diff --git a/front/src/components/Cockpit/Matdiff/Matdiff_mo/Matdiff_mo.vue b/front/src/components/Cockpit/Matdiff/Matdiff_mo/Matdiff_mo.vue
index a2e9b24d..b07cbd30 100644
--- a/front/src/components/Cockpit/Matdiff/Matdiff_mo/Matdiff_mo.vue
+++ b/front/src/components/Cockpit/Matdiff/Matdiff_mo/Matdiff_mo.vue
@@ -5,13 +5,14 @@
 <script>
 import { handleException } from '@/services/exceptionsHandler'
 import { checkPermission, getCurrentUserRoleId } from '@/services/helper'
+import OperatorSelect from "@/components/Utils/OperatorSelect/OperatorSelect.vue";
 
 const moment = require('moment')
 
 export default {
   name: "Matdiff_mo",
-  props: {
-    operateurs: {type: Array},
+  components: {
+    OperatorSelect,
   },
   data: () => {
     return {
diff --git a/front/src/components/Cockpit/Matdiff/Matdiff_mo/matdiff_mo.html b/front/src/components/Cockpit/Matdiff/Matdiff_mo/matdiff_mo.html
index 55087bbe..3fc26991 100644
--- a/front/src/components/Cockpit/Matdiff/Matdiff_mo/matdiff_mo.html
+++ b/front/src/components/Cockpit/Matdiff/Matdiff_mo/matdiff_mo.html
@@ -9,13 +9,13 @@
 
                 <div class="md-toolbar-section-end">
                     <md-checkbox v-model="showBFProjet" class="md-primary" @change="getNumerosDifferes">Afficher les bf non déposés</md-checkbox>
-                    <md-field style="margin-left: 50px; width: 250px">
-                        <label for="operateur">Opérateur·rice</label>
-                        <md-select v-model="selectedOperateur_id" name="operateur" id="operateur" @md-selected="getNumerosDifferes()" md-dense>
-                            <md-option :value="-1">Tous</md-option>
-                            <md-option v-for="item in operateurs" :value="item.id">{{ item.prenom_nom }}</md-option>
-                        </md-select>
-                    </md-field>
+                    <operatorSelect
+                        :operateur_id="selectedOperateur_id"
+                        @update:operateur_id="newValue => selectedOperateur_id = newValue"
+                        @update:selected="getNumerosDifferes"
+                        :select_all_permitted="true"
+                        :inactive_operateurs_permitted="true"
+                    />
                 </div>
             </md-table-toolbar>
 
diff --git a/front/src/components/Cockpit/Matdiff/matdiff.html b/front/src/components/Cockpit/Matdiff/matdiff.html
index 5144f29b..6f52f7af 100644
--- a/front/src/components/Cockpit/Matdiff/matdiff.html
+++ b/front/src/components/Cockpit/Matdiff/matdiff.html
@@ -18,13 +18,13 @@
 
                     <!-- OPERATEUR MO - MAT DIFF A REALISER -->
                     <div v-if="showMatdiff_mo">
-                        <Matdiff_mo :operateurs="operateurs" ></Matdiff_mo>
+                        <Matdiff_mo></Matdiff_mo>
                         <br>
                     </div>
                     
                     <!-- OPERATEUR COORDINATEUR - CONTROLE MAT DIFF -->
                     <div v-if="showMatdiff_ctrl">
-                        <Matdiff_ctrl :operateurs="operateurs" ></Matdiff_ctrl>
+                        <Matdiff_ctrl></Matdiff_ctrl>
                         <br>
                     </div>
                     
diff --git a/front/src/components/Cockpit/cockpit.html b/front/src/components/Cockpit/cockpit.html
index c0342f84..9e81fcda 100644
--- a/front/src/components/Cockpit/cockpit.html
+++ b/front/src/components/Cockpit/cockpit.html
@@ -9,7 +9,6 @@ <h1>Cockpit</h1>
     <!-- mat diff -->
     <div>
         <Matdiff v-if="showMatdiff_secr || showMatdiff_mo"
-            :operateurs="operateurs"
             :showMatdiff_secr="showMatdiff_secr"
             :showMatdiff_mo="showMatdiff_mo"
             :showMatdiff_ctrl="showMatdiff_ctrl"></Matdiff>
@@ -25,13 +24,13 @@ <h1>Cockpit</h1>
                         <md-icon>search</md-icon>
                     </md-field>
     
-                    <md-field style="margin-left: 50px; width: 250px !important;">
-                        <label for="operateur">Opérateur·rice</label>
-                        <md-select v-model="search.operateur_id" name="operateur" id="operateur" @md-selected="getAffaire" md-dense>
-                          <md-option :value="-1">Tous</md-option>
-                          <md-option v-for="item in operateurs" :value="item.id">{{ item.prenom_nom }}</md-option>
-                        </md-select>
-                    </md-field>
+                    <operatorSelect
+                        :operateur_id="search.operateur_id"
+                        @update:operateur_id="newValue => search.operateur_id = newValue"
+                        @update:selected="getAffaire"
+                        :select_all_permitted="true"
+                        :inactive_operateurs_permitted="true"
+                    />
                     
                     <md-field style="margin-left: 50px; width: 250px !important;">
                         <label>Type(s) d'affaire</label>
diff --git a/front/src/components/Utils/OperatorSelect/OperatorSelect.vue b/front/src/components/Utils/OperatorSelect/OperatorSelect.vue
new file mode 100644
index 00000000..02e9a1bd
--- /dev/null
+++ b/front/src/components/Utils/OperatorSelect/OperatorSelect.vue
@@ -0,0 +1,134 @@
+<style src="./operatorSelect.css" scoped></style>
+<template src="./operatorSelect.html"></template>
+
+
+<script>
+
+import { handleException } from "@/services/exceptionsHandler";
+
+import { validationMixin } from 'vuelidate'
+import { required } from 'vuelidate/lib/validators'
+
+export default {
+
+  name: "OperatorSelect",
+
+  mixins: [validationMixin],
+
+  props: {
+    operateur_id: {
+      type: Number,
+      default: -1
+    },
+    label: {
+      type: String,
+      default: 'Opérateur·rice'
+    },
+    inactive_operateurs_permitted: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: 'Sélectionner un opérateur'
+    },
+    validation_error_msg: {
+      type: String,
+      default: 'L\'opérateur est obligatoire'
+    },
+    select_all_permitted: {
+      type: Boolean,
+      default: false
+    },
+  },
+
+  emits: [
+    'update:operateur_id',
+    'selected:operateur_id'
+  ],
+  
+  data: () => {
+    return {
+      liste_operateurs: [],
+    };
+  },
+
+  validations: {
+      operateur_id: { required }
+  },
+
+  methods: {
+    /**
+     * searchValues
+     */
+    async searchValues() {
+      let conditions = {
+        'inactive_operateurs': this.inactive_operateurs_permitted
+      };
+      this.getValues(conditions)
+      .then(response => {
+        if (response && response.data) {
+          this.liste_operateurs = response.data;
+        }
+      }).catch(err => handleException(err, this));
+    },
+
+
+    async getValues(conditions) {
+      let params = [];
+      if (conditions && typeof conditions === 'object') {
+          for (const property in conditions) {
+              params.push(property + "=" + conditions[property]);
+          }
+      }
+
+      if (params.length > 0) {
+          params = "?" + params.join("&");
+      } else {
+          params = "";
+      } 
+
+      return new Promise((resolve, reject) => {
+          this.$http.get(
+              process.env.VUE_APP_API_URL + process.env.VUE_APP_OPERATEUR_AGGREGATED_ENDPOINT + params,
+              {
+                  withCredentials: true,
+                  headers: {"accept": "application/json"}
+              }
+          )
+          .then(response => resolve(response))
+          .catch(err => reject(err));
+      });
+    },
+
+    /**
+     * Validations
+     */
+    getValidationClass (fieldName) {
+      const field = this.$v[fieldName];
+
+      if (field) {
+        return {
+          'md-invalid': field.$invalid && field.$dirty
+        }
+      }
+    },
+
+    validator () {
+      this.$v.$touch();
+
+      if (!this.$v.$invalid) {
+        return true;
+      }
+      return false
+    }
+
+  },
+  
+  created: function() {
+    this.searchValues();
+  },
+
+};
+
+</script>
diff --git a/front/src/components/Utils/OperatorSelect/operatorSelect.css b/front/src/components/Utils/OperatorSelect/operatorSelect.css
new file mode 100644
index 00000000..4f4661ed
--- /dev/null
+++ b/front/src/components/Utils/OperatorSelect/operatorSelect.css
@@ -0,0 +1,4 @@
+#operatorSelect .select-field {
+    margin-left: 50px; 
+    width: 280px !important;
+}
\ No newline at end of file
diff --git a/front/src/components/Utils/OperatorSelect/operatorSelect.html b/front/src/components/Utils/OperatorSelect/operatorSelect.html
new file mode 100644
index 00000000..413dc5ca
--- /dev/null
+++ b/front/src/components/Utils/OperatorSelect/operatorSelect.html
@@ -0,0 +1,35 @@
+<div id="operatorSelect">
+    <md-field class="select-field" :class="getValidationClass('operateur_id')">
+
+        <label for="select-operateur">{{ label }}</label>
+
+        <md-select 
+            name="select-operateur"
+            id="select-operateur"
+            :value="operateur_id"
+            @input="$emit('update:operateur_id', $event)"
+            @md-selected="$emit('update:selected')"
+            :title="title"
+            md-dense>
+
+            <md-option :value="-1" v-if="select_all_permitted">Tous</md-option>
+
+            <div v-if="inactive_operateurs_permitted">
+                <md-optgroup label="Opérateurs actifs">
+                    <md-option v-for="item in liste_operateurs.active" :value="item.id">{{ item.prenom_nom }}</md-option>
+                </md-optgroup>
+            </div>
+            <div v-else>
+                <md-option v-for="item in liste_operateurs.active" :value="item.id">{{ item.prenom_nom }}</md-option>
+            </div>
+
+            <md-optgroup label="Opérateurs inactifs" v-if="inactive_operateurs_permitted">
+                <md-option v-for="item in liste_operateurs.inactive" :value="item.id"><i>{{ item.prenom_nom }}</i></md-option>
+            </md-optgroup>
+
+        </md-select>
+
+        <span class="md-error" v-if="!$v.operateur_id.required">{{ validation_error_msg }}</span>
+
+    </md-field>
+</div>