diff --git a/backend/gn_module_monitoring/config/generic/module.json b/backend/gn_module_monitoring/config/generic/module.json
index ef3c5ddae..5aac3e66c 100644
--- a/backend/gn_module_monitoring/config/generic/module.json
+++ b/backend/gn_module_monitoring/config/generic/module.json
@@ -126,7 +126,7 @@
       "type_widget": "datalist",
       "attribut_label": "Types de sites",
       "type_util": "types_site",
-      "keyValue": "id_nomenclature",
+      "keyValue": "id_nomenclature_type_site",
       "keyLabel": "label",
       "multiple": true,
       "api" : "__MONITORINGS_PATH/sites/types",
diff --git a/backend/gn_module_monitoring/monitoring/admin.py b/backend/gn_module_monitoring/monitoring/admin.py
index 5e77d0a0a..aec375e21 100644
--- a/backend/gn_module_monitoring/monitoring/admin.py
+++ b/backend/gn_module_monitoring/monitoring/admin.py
@@ -73,3 +73,4 @@ def list_label_nomenclature_formatter(view, _context, model, _name):
 
     column_list = ("nomenclature", "config")
     column_formatters = dict(nomenclature=list_label_nomenclature_formatter)
+    form_excluded_columns = "sites"
diff --git a/backend/gn_module_monitoring/monitoring/models.py b/backend/gn_module_monitoring/monitoring/models.py
index a4f3493c1..0c6e2cc4c 100644
--- a/backend/gn_module_monitoring/monitoring/models.py
+++ b/backend/gn_module_monitoring/monitoring/models.py
@@ -104,6 +104,12 @@ class BibTypeSite(DB.Model, GenericModel):
         uselist=False,
         backref=DB.backref('bib_type_site', uselist=False)
     )
+
+    sites = DB.relationship(
+        "TMonitoringSites",
+        secondary=cor_type_site,
+        lazy="noload"
+    )
   
 @serializable
 class TMonitoringObservationDetails(DB.Model):
@@ -209,7 +215,6 @@ class TMonitoringVisits(TBaseVisits, GenericModel):
         )
     )
 
-
     module = DB.relationship(
         TModules,
         lazy="select",
diff --git a/backend/gn_module_monitoring/monitoring/schemas.py b/backend/gn_module_monitoring/monitoring/schemas.py
index 7dde989c3..0eed83424 100644
--- a/backend/gn_module_monitoring/monitoring/schemas.py
+++ b/backend/gn_module_monitoring/monitoring/schemas.py
@@ -9,7 +9,7 @@
     BibTypeSite,
     TMonitoringSites,
     TMonitoringSitesGroups,
-    TMonitoringVisits
+    TMonitoringVisits,
 )
 
 
diff --git a/backend/gn_module_monitoring/routes/site.py b/backend/gn_module_monitoring/routes/site.py
index 0e2444b37..77f123146 100644
--- a/backend/gn_module_monitoring/routes/site.py
+++ b/backend/gn_module_monitoring/routes/site.py
@@ -1,10 +1,13 @@
 from flask import request
 from flask.json import jsonify
+from sqlalchemy.orm import Load, joinedload
 from werkzeug.datastructures import MultiDict
 
+from geonature.core.gn_commons.schemas import ModuleSchema
+
 from gn_module_monitoring.blueprint import blueprint
 from gn_module_monitoring.config.repositories import get_config
-from gn_module_monitoring.monitoring.models import BibTypeSite, TMonitoringSites, TNomenclatures
+from gn_module_monitoring.monitoring.models import BibTypeSite, TMonitoringSites, TNomenclatures, TMonitoringModules
 from gn_module_monitoring.monitoring.schemas import BibTypeSiteSchema, MonitoringSitesSchema
 from gn_module_monitoring.routes.sites_groups import create_or_update_object_api
 from gn_module_monitoring.utils.routes import (
@@ -111,6 +114,20 @@ def get_all_site_geometries():
     return jsonify(result)
 
 
+@blueprint.route("/sites/<int:id_base_site>/modules", methods=["GET"])
+def get_module_by_id_base_site(id_base_site: int):
+    query = TMonitoringModules.query.options(
+        Load(TMonitoringModules).raiseload("*"),
+        joinedload(TMonitoringModules.types_site).options(joinedload(BibTypeSite.sites)),
+    ).filter(TMonitoringModules.types_site.any(BibTypeSite.sites.any(id_base_site=id_base_site)))
+
+    result = query.all()
+    schema = ModuleSchema()
+    # TODO: Is it usefull to put a limit here? Will there be more than 200 modules?
+    # If limit here, implement paginated/infinite scroll on frontend side
+    return [schema.dump(res) for res in result]
+
+
 @blueprint.route("/sites/module/<string:module_code>", methods=["GET"])
 def get_module_sites(module_code: str):
     # TODO: load with site_categories.json API
diff --git a/backend/gn_module_monitoring/routes/visit.py b/backend/gn_module_monitoring/routes/visit.py
index 4303ba51e..c8c2e9c8c 100644
--- a/backend/gn_module_monitoring/routes/visit.py
+++ b/backend/gn_module_monitoring/routes/visit.py
@@ -24,7 +24,7 @@ def get_visits():
         params=params, default_sort="id_base_visit", default_direction="desc"
     )
     query = TMonitoringVisits.query.options(joinedload(TMonitoringVisits.module))
-    query = filter_params(query=TMonitoringVisits.query, params=params)
+    query = filter_params(query=query, params=params)
     query = sort(query=query, sort=sort_label, sort_dir=sort_dir)
 
     return paginate(
diff --git a/backend/gn_module_monitoring/tests/fixtures/module.py b/backend/gn_module_monitoring/tests/fixtures/module.py
index 29f678f25..3a925cbcc 100644
--- a/backend/gn_module_monitoring/tests/fixtures/module.py
+++ b/backend/gn_module_monitoring/tests/fixtures/module.py
@@ -21,3 +21,19 @@ def monitoring_module(types_site):
         db.session.add(t_monitoring_module)
 
     return t_monitoring_module
+
+
+@pytest.fixture
+def monitoring_module_wo_types_site():
+    t_monitoring_module = TMonitoringModules(
+        module_code=uuid4(),
+        module_label="NoType",
+        active_frontend=True,
+        active_backend=False,
+        module_path="NoType",
+    )
+
+    with db.session.begin_nested():
+        db.session.add(t_monitoring_module)
+
+    return t_monitoring_module
diff --git a/backend/gn_module_monitoring/tests/fixtures/site.py b/backend/gn_module_monitoring/tests/fixtures/site.py
index 4125b3e16..4e8f289cf 100644
--- a/backend/gn_module_monitoring/tests/fixtures/site.py
+++ b/backend/gn_module_monitoring/tests/fixtures/site.py
@@ -23,6 +23,22 @@ def sites(users, types_site, site_group_with_sites):
             types_site=[types_site[key]],
             id_sites_group=site_group_with_sites.id_sites_group,
         )
+
+    # Add a special site that has no type
+    sites["no-type"] = TMonitoringSites(
+        id_inventor=user.id_role,
+        id_digitiser=user.id_role,
+        base_site_name=f"no-type",
+        base_site_description=f"Description-no-type",
+        base_site_code=f"Code-no-type",
+        geom=geom_4326,
+        # Random id_nomenclature_type_site
+        # FIXME: when id_nomenclature_type_site disapears => remove this line
+        id_nomenclature_type_site=list(types_site.values())[0].id_nomenclature_type_site,
+        types_site=[],
+        id_sites_group=site_group_with_sites.id_sites_group,
+    )
+
     with db.session.begin_nested():
         db.session.add_all(sites.values())
     return sites
diff --git a/backend/gn_module_monitoring/tests/fixtures/visit.py b/backend/gn_module_monitoring/tests/fixtures/visit.py
index cd7dc197d..5404952b7 100644
--- a/backend/gn_module_monitoring/tests/fixtures/visit.py
+++ b/backend/gn_module_monitoring/tests/fixtures/visit.py
@@ -1,7 +1,6 @@
 import datetime
 
 import pytest
-from geonature.tests.fixtures import datasets
 from geonature.utils.env import db
 
 from gn_module_monitoring.monitoring.models import TMonitoringVisits
diff --git a/backend/gn_module_monitoring/tests/test_routes/test_site.py b/backend/gn_module_monitoring/tests/test_routes/test_site.py
index bb00e5006..77612d0a6 100644
--- a/backend/gn_module_monitoring/tests/test_routes/test_site.py
+++ b/backend/gn_module_monitoring/tests/test_routes/test_site.py
@@ -57,6 +57,14 @@ def test_get_sites_id_base_site(self, sites):
         assert len(r.json["items"]) == 1
         assert r.json["items"][0]["id_base_site"] == id_base_site
 
+    def test_get_sites_by_id(self, sites):
+        site = list(sites.values())[0]
+        id_base_site = site.id_base_site
+
+        r = self.client.get(url_for("monitorings.get_site_by_id", id_base_site=id_base_site))
+
+        assert r.json["id_base_site"] == id_base_site
+
     def test_get_all_site_geometries(self, sites):
         r = self.client.get(url_for("monitorings.get_all_site_geometries"))
 
@@ -85,6 +93,43 @@ def test_get_all_site_geometries_filter_site_group(self, sites, site_group_witho
         features = json_resp.get("features")
         assert features is None
 
+    def test_get_module_by_id_base_site(self, sites, monitoring_module):
+        site = list(sites.values())[0]
+        id_base_site = site.id_base_site
+
+        r = self.client.get(
+            url_for("monitorings.get_module_by_id_base_site", id_base_site=id_base_site)
+        )
+
+        expected_modules = {monitoring_module.id_module}
+        current_modules = {module["id_module"] for module in r.json}
+        assert expected_modules.issubset(current_modules)
+
+    def test_get_module_by_id_base_site_no_type_module(
+        self, sites, monitoring_module_wo_types_site
+    ):
+        site = list(sites.values())[0]
+        id_base_site = site.id_base_site
+
+        r = self.client.get(
+            url_for("monitorings.get_module_by_id_base_site", id_base_site=id_base_site)
+        )
+
+        expected_absent_modules = {monitoring_module_wo_types_site.id_module}
+        current_modules = {module["id_module"] for module in r.json}
+        assert expected_absent_modules.isdisjoint(current_modules)
+
+    def test_get_module_by_id_base_site_no_type_site(self, sites, monitoring_module):
+        id_base_site = sites["no-type"].id_base_site
+
+        r = self.client.get(
+            url_for("monitorings.get_module_by_id_base_site", id_base_site=id_base_site)
+        )
+
+        expected_modules = {monitoring_module.id_module}
+        current_modules = {module["id_module"] for module in r.json}
+        assert expected_modules.isdisjoint(current_modules)
+
     def test_get_module_sites(self):
         module_code = "TEST"
         r = self.client.get(url_for("monitorings.get_module_sites", module_code=module_code))
diff --git a/frontend/app/components/monitoring-datatable-g/monitoring-datatable-g.component.css b/frontend/app/components/monitoring-datatable-g/monitoring-datatable-g.component.css
index 11176aee6..fa047afa2 100644
--- a/frontend/app/components/monitoring-datatable-g/monitoring-datatable-g.component.css
+++ b/frontend/app/components/monitoring-datatable-g/monitoring-datatable-g.component.css
@@ -45,3 +45,9 @@
 .custom-dt {
   box-shadow: none !important;
 }
+
+/* Work around to make ng-content conditional 
+(not supported, maybe in Angular16) */
+.wrapper-button:not(:empty) + .default-button {
+    display: none;
+}
\ No newline at end of file
diff --git a/frontend/app/components/monitoring-datatable-g/monitoring-datatable-g.component.html b/frontend/app/components/monitoring-datatable-g/monitoring-datatable-g.component.html
index 095b562a1..0a65158a5 100644
--- a/frontend/app/components/monitoring-datatable-g/monitoring-datatable-g.component.html
+++ b/frontend/app/components/monitoring-datatable-g/monitoring-datatable-g.component.html
@@ -7,7 +7,7 @@
     (keyup)="updateFilter($event)"
   /> -->
 
-  <div class="btn-float-right md-2">
+  <div class="md-2 d-flex justify-content-between">
     <button
       class="btn btn-info"
       (click)="displayFilter = !displayFilter"
@@ -15,11 +15,16 @@
     >
       <i class="fa fa-filter" aria-hidden="true"></i>
     </button>
-    <!--TODO  Revoir pour rendre générique le bouton "Ajouter" , avant : {{ (child0.template["label_art_undef_new"] || "") }}-->
-    <!-- TODO Revoir pour les droits pour pouvoir créer un groupe de site avec anciennement:  *ngIf=obj.moduleCode && (currentUser['cruved_object'][child0.objectType] || currentUser['cruved']).C >= child0.cruved('C')" -->
-    <button class="btn btn-success float-right" (click)="navigateToAddChildren(null, null)">
-      <i class="fa fa-plus" aria-hidden="true"></i> {{ objectType.addObjLabel }}
-    </button>
+    <div class="wrapper-button">
+      <ng-content select="[add-button]"></ng-content>
+    </div>
+    <div class="default-button">
+      <!--TODO  Revoir pour rendre générique le bouton "Ajouter" , avant : {{ (child0.template["label_art_undef_new"] || "") }}-->
+      <!-- TODO Revoir pour les droits pour pouvoir créer un groupe de site avec anciennement:  *ngIf=obj.moduleCode && (currentUser['cruved_object'][child0.objectType] || currentUser['cruved']).C >= child0.cruved('C')" -->
+      <button class="btn btn-success float-right" (click)="navigateToAddChildren(null, null)">
+        <i class="fa fa-plus" aria-hidden="true"></i> {{ objectType.addObjLabel }}
+      </button>
+    </div>
   </div>
   <ngx-datatable
     *ngIf="rows"
diff --git a/frontend/app/components/monitoring-form-g/monitoring-form.component-g.ts b/frontend/app/components/monitoring-form-g/monitoring-form.component-g.ts
index cf28af17f..433aa6495 100644
--- a/frontend/app/components/monitoring-form-g/monitoring-form.component-g.ts
+++ b/frontend/app/components/monitoring-form-g/monitoring-form.component-g.ts
@@ -33,6 +33,7 @@ export class MonitoringFormComponentG implements OnInit {
   @Output() bEditChange = new EventEmitter<boolean>();
 
   @Input() sites: {};
+  @Input() apiService: ApiGeomService;
   dataForm: IDataForm;
   searchSite = '';
 
@@ -58,7 +59,6 @@ export class MonitoringFormComponentG implements OnInit {
     private _commonService: CommonService,
     private _dynformService: DynamicFormService,
     private _formService: FormService,
-    private _apiGeomService: ApiGeomService,
     private _router: Router,
   ) {}
 
@@ -69,7 +69,7 @@ export class MonitoringFormComponentG implements OnInit {
         tap((data) => {
           this.obj = data;
           this.obj.bIsInitialized = true;
-          this._apiGeomService.init(this.obj.endPoint, this.obj.objSelected);
+          this.apiService.init(this.obj.endPoint, this.obj.objSelected);
         }),
         mergeMap((data: any) => this._configService.init(data.moduleCode))
       )
@@ -272,7 +272,7 @@ export class MonitoringFormComponentG implements OnInit {
     const urlPathDetail = [this.obj.urlRelative].concat(urlSegment).join('/');
     this.objChanged.emit(this.obj);
     this.bEditChange.emit(false);
-    this._router.navigateByUrl(urlPathDetail);
+    this.obj.urlRelative ? this._router.navigateByUrl(urlPathDetail): null;
   }
 
   /**
@@ -296,8 +296,8 @@ export class MonitoringFormComponentG implements OnInit {
     const objToUpdateOrCreate = this._formService.postData(sendValue, this.obj);
     console.log(objToUpdateOrCreate);
     const action = this.obj.id
-      ? this._apiGeomService.patch(this.obj.id, objToUpdateOrCreate)
-      : this._apiGeomService.create(objToUpdateOrCreate);
+      ? this.apiService.patch(this.obj.id, objToUpdateOrCreate)
+      : this.apiService.create(objToUpdateOrCreate);
     const actionLabel = this.obj.id ? 'Modification' : 'Création';
     action.subscribe((objData) => {
       this._commonService.regularToaster('success', this.msgToaster(actionLabel));
@@ -344,7 +344,7 @@ export class MonitoringFormComponentG implements OnInit {
     this.bDeleteSpinner = true;
     this._commonService.regularToaster('info', this.msgToaster('Suppression'));
     // : this.obj.post(this.objForm.value);
-    this._apiGeomService.delete(this.obj.id).subscribe((del) => {
+    this.apiService.delete(this.obj.id).subscribe((del) => {
       this.bDeleteSpinner = this.bDeleteModal = false;
       this.objChanged.emit(this.obj);
       setTimeout(() => {
diff --git a/frontend/app/components/monitoring-properties-g/monitoring-properties-g.component.ts b/frontend/app/components/monitoring-properties-g/monitoring-properties-g.component.ts
index 3c411bf06..ec93302e3 100644
--- a/frontend/app/components/monitoring-properties-g/monitoring-properties-g.component.ts
+++ b/frontend/app/components/monitoring-properties-g/monitoring-properties-g.component.ts
@@ -24,7 +24,7 @@ export class MonitoringPropertiesGComponent implements OnInit {
   color: string = 'white';
   dataDetails: ISitesGroup;
   fields: JsonData;
-  fieldDefinitions: JsonData;
+  fieldDefinitions: JsonData = {};
   fieldsNames: string[];
   endPoint: string;
   datasetForm = new FormControl();
diff --git a/frontend/app/components/monitoring-sites-create/monitoring-sites-create.component.html b/frontend/app/components/monitoring-sites-create/monitoring-sites-create.component.html
index cc95c530c..cd9a5bcd3 100644
--- a/frontend/app/components/monitoring-sites-create/monitoring-sites-create.component.html
+++ b/frontend/app/components/monitoring-sites-create/monitoring-sites-create.component.html
@@ -7,6 +7,7 @@
 ></btn-select>
 <div>
   <pnx-monitoring-form-g
+    [apiService]="siteService"
     [objForm]="form"
     #subscritionObjConfig
   ></pnx-monitoring-form-g>
diff --git a/frontend/app/components/monitoring-sites-create/monitoring-sites-create.component.ts b/frontend/app/components/monitoring-sites-create/monitoring-sites-create.component.ts
index 33741d789..ea83a7eb4 100644
--- a/frontend/app/components/monitoring-sites-create/monitoring-sites-create.component.ts
+++ b/frontend/app/components/monitoring-sites-create/monitoring-sites-create.component.ts
@@ -34,7 +34,7 @@ export class MonitoringSitesCreateComponent implements OnInit {
   constructor(
     private _formService: FormService,
     private _formBuilder: FormBuilder,
-    private siteService: SitesService,
+    public siteService: SitesService,
     private route: ActivatedRoute,
     private _objService: ObjectService
   ) {}
diff --git a/frontend/app/components/monitoring-sites/monitoring-sites.component.html b/frontend/app/components/monitoring-sites/monitoring-sites.component.html
index 7c7b3aa9f..943d69b13 100644
--- a/frontend/app/components/monitoring-sites/monitoring-sites.component.html
+++ b/frontend/app/components/monitoring-sites/monitoring-sites.component.html
@@ -6,6 +6,7 @@
 >
 </pnx-monitoring-properties-g>
 <pnx-monitoring-form-g
+  [apiService]="_sitesGroupService"
   [obj]="sitesGroup"
   (objChanged)="onObjChanged($event)"
   *ngIf="bEdit"
diff --git a/frontend/app/components/monitoring-sites/monitoring-sites.component.ts b/frontend/app/components/monitoring-sites/monitoring-sites.component.ts
index 295687783..75692fa88 100644
--- a/frontend/app/components/monitoring-sites/monitoring-sites.component.ts
+++ b/frontend/app/components/monitoring-sites/monitoring-sites.component.ts
@@ -37,7 +37,7 @@ export class MonitoringSitesComponent extends MonitoringGeomComponent implements
   objParent: any;
 
   constructor(
-    private _sitesGroupService: SitesGroupService,
+    public _sitesGroupService: SitesGroupService,
     private _siteService: SitesService,
     private _objService: ObjectService,
     private router: Router,
diff --git a/frontend/app/components/monitoring-sitesgroups-create/monitoring-sitesgroups-create.component.html b/frontend/app/components/monitoring-sitesgroups-create/monitoring-sitesgroups-create.component.html
index 69379ea77..23c8a18f4 100644
--- a/frontend/app/components/monitoring-sitesgroups-create/monitoring-sitesgroups-create.component.html
+++ b/frontend/app/components/monitoring-sitesgroups-create/monitoring-sitesgroups-create.component.html
@@ -1,4 +1,4 @@
 <!-- IF prefered observable compare to ngOnChanges we can remove rows and colsname-->
 <div>
-  <pnx-monitoring-form-g [objForm]="form"></pnx-monitoring-form-g>
+  <pnx-monitoring-form-g [apiService]="sitesGroupService" [objForm]="form"></pnx-monitoring-form-g>
 </div>
\ No newline at end of file
diff --git a/frontend/app/components/monitoring-sitesgroups-create/monitoring-sitesgroups-create.component.ts b/frontend/app/components/monitoring-sitesgroups-create/monitoring-sitesgroups-create.component.ts
index 3e6b774cc..7ff9a6791 100644
--- a/frontend/app/components/monitoring-sitesgroups-create/monitoring-sitesgroups-create.component.ts
+++ b/frontend/app/components/monitoring-sitesgroups-create/monitoring-sitesgroups-create.component.ts
@@ -5,6 +5,7 @@ import { ActivatedRoute } from '@angular/router';
 import { endPoints } from '../../enum/endpoints';
 import { ISitesGroup } from '../../interfaces/geom';
 import { FormService } from '../../services/form.service';
+import { SitesGroupService } from '../../services/api-geom.service';
 
 @Component({
   selector: 'monitoring-sitesgroups-create',
@@ -18,7 +19,7 @@ export class MonitoringSitesGroupsCreateComponent implements OnInit {
   constructor(
     private _formService: FormService,
     private _formBuilder: FormBuilder,
-    private route: ActivatedRoute
+    public sitesGroupService: SitesGroupService
   ) {}
 
   ngOnInit() {
diff --git a/frontend/app/components/monitoring-visits/monitoring-visits.component.html b/frontend/app/components/monitoring-visits/monitoring-visits.component.html
index dc350d016..a451e2484 100644
--- a/frontend/app/components/monitoring-visits/monitoring-visits.component.html
+++ b/frontend/app/components/monitoring-visits/monitoring-visits.component.html
@@ -3,6 +3,8 @@
   <pnx-monitoring-properties-g [newParentType]="objParent" [objectType]="objectType" *ngIf="!bEdit" [(bEdit)]="bEdit" [selectedObj]="site">
   </pnx-monitoring-properties-g>
   <pnx-monitoring-datatable-g [rows]="visits" [colsname]="colsname" (onSort)="setSort($event)" [page]="page"
-    (onFilter)="setFilter($event)" (onSetPage)="setPage($event)" [obj]="visits"
-    (onDetailsRow)="seeDetails($event)"></pnx-monitoring-datatable-g>
+    (onFilter)="setFilter($event)" (onSetPage)="setPage($event)" [obj]="visits" (onDetailsRow)="seeDetails($event)">
+    <option-list-btn add-button placeholder="Sélectionner le protocole" label="Ajouter une visite" [optionList]="modules"
+      (onDeployed)="getModules()" (onSaved)="addNewVisit($event)"></option-list-btn>
+  </pnx-monitoring-datatable-g>
 </div>
\ No newline at end of file
diff --git a/frontend/app/components/monitoring-visits/monitoring-visits.component.ts b/frontend/app/components/monitoring-visits/monitoring-visits.component.ts
index 1f4f2f27b..b9a98545e 100644
--- a/frontend/app/components/monitoring-visits/monitoring-visits.component.ts
+++ b/frontend/app/components/monitoring-visits/monitoring-visits.component.ts
@@ -12,6 +12,9 @@ import { SitesService, VisitsService } from '../../services/api-geom.service';
 import { GeoJSONService } from '../../services/geojson.service';
 import { ObjectService } from '../../services/object.service';
 import { JsonData } from '../../types/jsondata';
+import { SelectObject } from '../../interfaces/object';
+import { Module } from '../../interfaces/module';
+import { ConfigService } from '../../services/config.service';
 
 @Component({
   selector: 'monitoring-visits',
@@ -28,6 +31,7 @@ export class MonitoringVisitsComponent extends MonitoringGeomComponent implement
   objForm: FormGroup;
   @Input() colsname;
   objParent: any;
+  modules: SelectObject[];
 
   constructor(
     private _sites_service: SitesService,
@@ -36,7 +40,8 @@ export class MonitoringVisitsComponent extends MonitoringGeomComponent implement
     public geojsonService: GeoJSONService,
     private router: Router,
     private _Activatedroute: ActivatedRoute,
-    private _formBuilder: FormBuilder
+    private _formBuilder: FormBuilder,
+    private _configService: ConfigService
   ) {
     super();
     this.getAllItemsCallback = this.getVisits;
@@ -89,4 +94,24 @@ export class MonitoringVisitsComponent extends MonitoringGeomComponent implement
       `monitorings/object/${$event.module.module_code}/visit/${$event.id_base_visit}`,
     ]);
   }
+
+  getModules() {
+    this._sites_service.getSiteModules(this.site.id_base_site).subscribe(
+      (data: Module[]) =>
+        (this.modules = data.map((item) => {
+          return { id: item.module_code, label: item.module_label };
+        }))
+    );
+  }
+
+  addNewVisit($event: SelectObject) {
+    const moduleCode = $event.id;
+    //create_object/cheveches_sites_group/visit?id_base_site=47
+    this._configService.init(moduleCode).subscribe(() => {
+      this.router.navigate([
+        `monitorings/create_object/${moduleCode}/visit`,
+        { queryParams: { id_base_site: this.site.id_base_site } },
+      ]);
+    });
+  }
 }
diff --git a/frontend/app/components/option-list-btn/option-list-btn.component.css b/frontend/app/components/option-list-btn/option-list-btn.component.css
new file mode 100644
index 000000000..af550605f
--- /dev/null
+++ b/frontend/app/components/option-list-btn/option-list-btn.component.css
@@ -0,0 +1,11 @@
+.dropdown {
+  padding: 5px;
+}
+
+::ng-deep.mat-menu-panel.btn-menu {
+  width: 400px;
+}
+
+::ng-deep.mat-form-field.btn-menu {
+  display: block;
+}
diff --git a/frontend/app/components/option-list-btn/option-list-btn.component.html b/frontend/app/components/option-list-btn/option-list-btn.component.html
new file mode 100644
index 000000000..a82dd2548
--- /dev/null
+++ b/frontend/app/components/option-list-btn/option-list-btn.component.html
@@ -0,0 +1,22 @@
+<button class="btn btn-success float-right" (click)="onDeploy()" #ddTrigger="matMenuTrigger" [matMenuTriggerFor]="dd">
+    <i class="fa fa-plus" aria-hidden="true"></i> {{ label }}
+</button>
+<mat-menu #dd="matMenu" [overlapTrigger]="false" class="btn-menu">
+    <div (click)="cancelClick($event)" class="dropdown">
+        <mat-form-field class="btn-menu">
+            <input type="text" [placeholder]="placeholder" aria-label="Number" matInput [formControl]="form"
+                [matAutocomplete]="auto" />
+            <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
+                <mat-option *ngFor="let option of optionList" [value]="option">
+                    {{ option.label }}
+                </mat-option>
+            </mat-autocomplete>
+        </mat-form-field>
+        <div>
+            <button mat-flat-button color="primary" (click)="onSave()">
+                Ajouter
+            </button>
+            <button mat-button (click)="onCancel()">Annuler</button>
+        </div>
+    </div>
+</mat-menu>
\ No newline at end of file
diff --git a/frontend/app/components/option-list-btn/option-list-btn.component.ts b/frontend/app/components/option-list-btn/option-list-btn.component.ts
new file mode 100644
index 000000000..5abee42ae
--- /dev/null
+++ b/frontend/app/components/option-list-btn/option-list-btn.component.ts
@@ -0,0 +1,59 @@
+import {
+  Component,
+  ViewChild,
+  Input,
+  Output,
+  EventEmitter,
+} from "@angular/core";
+import { FormControl } from "@angular/forms";
+import { MatMenuTrigger } from "@angular/material/menu";
+import { SelectObject } from "../../interfaces/object";
+
+@Component({
+  selector: "option-list-btn",
+  templateUrl: "./option-list-btn.component.html",
+  styleUrls: ["./option-list-btn.component.css"],
+})
+export class OptionListButtonComponent {
+  @ViewChild(MatMenuTrigger) ddTrigger: MatMenuTrigger;
+
+  form = new FormControl();
+  private _optionList: SelectObject[];
+  @Input() set optionList(value: SelectObject[]) {
+    this._optionList = value;
+  }
+
+  get optionList(): SelectObject[] {
+    // other logic
+    return this._optionList;
+  }
+  @Input() label: string = "";
+  @Input() placeholder: string = "";
+  @Output() onSaved = new EventEmitter<SelectObject>();
+  @Output() onDeployed = new EventEmitter<void>();
+
+  constructor() {}
+
+  cancelClick(ev: MouseEvent) {
+    ev.stopPropagation();
+  }
+
+  onCancel() {
+    this.ddTrigger.closeMenu();
+  }
+
+  onSave() {
+    this.ddTrigger.closeMenu();
+    this.onSaved.emit(this.form.value);
+  }
+
+  onDeploy() {
+    this.onDeployed.emit();
+  }
+
+  displayFn(value: SelectObject) {
+    if (value) {
+      return value.label;
+    }
+  }
+}
diff --git a/frontend/app/constants/api.ts b/frontend/app/constants/api.ts
new file mode 100644
index 000000000..4a3dc15e2
--- /dev/null
+++ b/frontend/app/constants/api.ts
@@ -0,0 +1 @@
+export const LIMIT = 10;
diff --git a/frontend/app/gnModule.module.ts b/frontend/app/gnModule.module.ts
index a3da05a3e..6ef0e9801 100644
--- a/frontend/app/gnModule.module.ts
+++ b/frontend/app/gnModule.module.ts
@@ -54,6 +54,7 @@ import { MonitoringSitesCreateComponent } from "./components/monitoring-sites-cr
 import { BtnSelectComponent } from "./components/btn-select/btn-select.component";
 import { MonitoringSitesEditComponent } from "./components/monitoring-sites-edit/monitoring-sites-edit.component";
 import { MonitoringVisitsComponent } from "./components/monitoring-visits/monitoring-visits.component";
+import { OptionListButtonComponent } from "./components/option-list-btn/option-list-btn.component";
 
 // my module routing
 const routes: Routes = [
@@ -134,7 +135,8 @@ const routes: Routes = [
     MonitoringSitesCreateComponent,
     MonitoringSitesEditComponent,
     BtnSelectComponent,
-    MonitoringVisitsComponent
+    MonitoringVisitsComponent,
+    OptionListButtonComponent,
   ],
   imports: [
     GN2CommonModule,
diff --git a/frontend/app/interfaces/geom.ts b/frontend/app/interfaces/geom.ts
index eea5242ce..de69a3b40 100644
--- a/frontend/app/interfaces/geom.ts
+++ b/frontend/app/interfaces/geom.ts
@@ -1,11 +1,9 @@
 import { GeoJSON } from 'geojson';
 import { Observable } from 'rxjs';
 import { JsonData } from '../types/jsondata';
-import { Resp } from '../types/response';
-import { IPaginated } from './page';
+import { IObject, IService } from './object';
 
-export interface IGeomObject {
-  data: JsonData;
+export interface IGeomObject extends IObject {
   geometry: GeoJSON.Geometry;
 }
 
@@ -38,16 +36,8 @@ export interface ISite extends IGeomObject {
   uuid_base_site: string;
 }
 
-interface IGeomObjectProperties {
-  properties: IGeomObject;
-}
-
-export interface IGeomService {
-  get(limit: number, page: number, params: JsonData): Observable<IPaginated<IGeomObject>>;
+export interface IGeomService<IGeomObject> extends IService<IGeomObject> {
   get_geometries(params: JsonData): Observable<GeoJSON.FeatureCollection>;
-  create(postdata: IGeomObjectProperties): Observable<Resp>;
-  patch(id: number, updatedData: IGeomObjectProperties): Observable<Resp>;
-  delete(id: number);
 }
 
 export interface ISiteType {
diff --git a/frontend/app/interfaces/module.ts b/frontend/app/interfaces/module.ts
new file mode 100644
index 000000000..5fe510d71
--- /dev/null
+++ b/frontend/app/interfaces/module.ts
@@ -0,0 +1,9 @@
+export type Module = {
+  id_module: number;
+  meta_create_date: Date;
+  meta_update_date: Date;
+  module_code: string;
+  module_label: string;
+  ng_module: string | null;
+  type: string;
+};
diff --git a/frontend/app/interfaces/objObs.ts b/frontend/app/interfaces/objObs.ts
index 01f59d3e2..311ed4e4c 100644
--- a/frontend/app/interfaces/objObs.ts
+++ b/frontend/app/interfaces/objObs.ts
@@ -2,12 +2,12 @@ import { endPoints } from "../enum/endpoints";
 import { JsonData } from "../types/jsondata";
 import { ISite, ISitesGroup } from "./geom";
 import { IVisit } from "./visit";
-export type ObjDataType = ISite | ISitesGroup | IVisit | JsonData ;
 
-export interface IobjObs<ObjDataType> {
-  properties: ObjDataType;
+export type ObjDataType = ISite | ISitesGroup | IVisit ;
+export interface IobjObs<T> {
+  properties: T | {};
   endPoint: endPoints;
-  objectType: "site" | "sites_group" | "visits";
+  objectType: "site" | "sites_group" | "visit";
   label: string;
   addObjLabel: string;
   editObjLabel: string;
diff --git a/frontend/app/interfaces/object.ts b/frontend/app/interfaces/object.ts
index 3e52f3935..cec2af00d 100644
--- a/frontend/app/interfaces/object.ts
+++ b/frontend/app/interfaces/object.ts
@@ -2,19 +2,24 @@ import { JsonData } from "../types/jsondata";
 import { IPaginated } from "./page";
 import { GeoJSON } from "geojson";
 import { Observable } from "rxjs";
-import { Resp } from "../types/response";
 
 export interface IObject {
   data: JsonData;
 }
 
+export interface IObjectProperties<T> {
+  properties: T;
+}
+
 export interface IService<T> {
   get(limit: number, page: number, params: JsonData): Observable<IPaginated<T>>;
-  create(postdata: T): Observable<Resp>;
-  patch(id: number, updatedData: T): Observable<Resp>;
-  // delete(obj: IGeomObject)
+  create(postdata: IObjectProperties<T>): Observable<T>;
+  patch(id: number, updatedData: IObjectProperties<T>): Observable<T>;
+  delete(id: number): Observable<T>;
 }
 
-export interface IGeomService<IGeomObject> extends IService<IGeomObject> {
-  get_geometries(params: JsonData): Observable<GeoJSON.FeatureCollection>;
-}
+export type SelectObject = {
+  id: string;
+  label: string;
+};
+
diff --git a/frontend/app/interfaces/response.ts b/frontend/app/interfaces/response.ts
deleted file mode 100644
index 317f5c94d..000000000
--- a/frontend/app/interfaces/response.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { JsonData } from "../types/jsondata";
-export interface ResponseUpdated {
-  message: string;
-  payload: JsonData;
-  status_code: number;
-}
diff --git a/frontend/app/interfaces/visit.ts b/frontend/app/interfaces/visit.ts
index 0404ee6e8..c285fcd13 100644
--- a/frontend/app/interfaces/visit.ts
+++ b/frontend/app/interfaces/visit.ts
@@ -1,7 +1,7 @@
 import { JsonData } from "../types/jsondata";
-import { IGeomObject } from "./geom";
+import { IObject } from "./object";
 
-export interface IVisit extends IGeomObject {
+export interface IVisit extends IObject {
   pk:number;
   comments: string;
   data: JsonData;
diff --git a/frontend/app/services/api-geom.service.ts b/frontend/app/services/api-geom.service.ts
index 92a39cf73..f9e942718 100644
--- a/frontend/app/services/api-geom.service.ts
+++ b/frontend/app/services/api-geom.service.ts
@@ -2,70 +2,94 @@ import { Injectable } from '@angular/core';
 import { Observable, of } from 'rxjs';
 
 import { endPoints } from '../enum/endpoints';
-import { IGeomService, ISite, ISiteType, ISitesGroup } from '../interfaces/geom';
-import { IobjObs, ObjDataType } from '../interfaces/objObs';
+import { IGeomObject, IGeomService, ISite, ISiteType, ISitesGroup } from '../interfaces/geom';
+import { IobjObs } from '../interfaces/objObs';
 import { IPaginated } from '../interfaces/page';
 import { JsonData } from '../types/jsondata';
-import { Resp } from '../types/response';
 import { Utils } from '../utils/utils';
 import { CacheService } from './cache.service';
 import { ConfigJsonService } from './config-json.service';
 import { IVisit } from '../interfaces/visit';
+import { IObject, IObjectProperties, IService } from '../interfaces/object';
+import { LIMIT } from '../constants/api';
+import { Module } from '../interfaces/module';
 
 @Injectable()
-export class ApiGeomService implements IGeomService {
+export class ApiService<T = IObject> implements IService<T> {
+  public objectObs: IobjObs<T>;
   public endPoint: endPoints;
-  public objectObs: IobjObs<ObjDataType>;
-
   constructor(
     protected _cacheService: CacheService,
     protected _configJsonService: ConfigJsonService
-  ) {
-    this.init(this.endPoint, this.objectObs);
-  }
+  ) {}
 
-  init(endPoint:endPoints, objectObjs: IobjObs<ObjDataType>) {
+  init(endPoint: endPoints, objectObjs: IobjObs<T>) {
     this.endPoint = endPoint;
     this.objectObs = objectObjs;
-    // this.endPoint = endPoints.sites_groups;
-    // this.objectObs = {
-    //   properties: {},
-    //   endPoint: endPoints.sites_groups,
-    //   objectType: 'sites_group',
-    //   label: 'groupe de site',
-    //   addObjLabel: 'Ajouter',
-    //   editObjLabel: 'Editer',
-    //   id: null,
-    //   moduleCode: 'generic',
-    //   schema: {},
-    //   template: {
-    //     fieldNames: [],
-    //     fieldLabels: {},
-    //     fieldNamesList: [],
-    //     fieldDefinitions: {},
-    //   },
-    //   dataTable: { colNameObj: {} },
-    // };
+    this.initConfig();
   }
-  get(
-    page: number = 1,
-    limit: number = 10,
-    params: JsonData = {}
-  ): Observable<IPaginated<ISitesGroup | ISite | IVisit>> {
-    return this._cacheService.request<Observable<IPaginated<ISitesGroup | ISite | IVisit>>>(
-      'get',
-      this.endPoint,
-      {
-        queryParams: { page, limit, ...params },
-      }
-    );
+
+  private initConfig(): void {
+    this._configJsonService
+      .init(this.objectObs.moduleCode)
+      .pipe()
+      .subscribe(() => {
+        const fieldNames = this._configJsonService.configModuleObjectParam(
+          this.objectObs.moduleCode,
+          this.objectObs.objectType,
+          'display_properties'
+        );
+        //FIXME: same as site group: to refact
+        const fieldNamesList = this._configJsonService.configModuleObjectParam(
+          this.objectObs.moduleCode,
+          this.objectObs.objectType,
+          'display_list'
+        );
+        const schema = this._configJsonService.schema(
+          this.objectObs.moduleCode,
+          this.objectObs.objectType
+        );
+        const fieldLabels = this._configJsonService.fieldLabels(schema);
+        const fieldDefinitions = this._configJsonService.fieldDefinitions(schema);
+        this.objectObs.template.fieldNames = fieldNames;
+        this.objectObs.template.fieldNamesList = fieldNamesList;
+        this.objectObs.schema = schema;
+        this.objectObs.template.fieldLabels = fieldLabels;
+        this.objectObs.template.fieldDefinitions = fieldDefinitions;
+        this.objectObs.template.fieldNamesList = fieldNamesList;
+        this.objectObs.dataTable.colNameObj = Utils.toObject(fieldNamesList, fieldLabels);
+      });
+  }
+  get(page: number = 1, limit: number = LIMIT, params: JsonData = {}): Observable<IPaginated<T>> {
+    return this._cacheService.request<Observable<IPaginated<T>>>('get', this.objectObs.endPoint, {
+      queryParams: { page, limit, ...params },
+    });
   }
 
-  getById(id: number): Observable<ISitesGroup | ISite | IVisit> {
-    return this._cacheService.request<Observable<ISitesGroup | ISite>>(
-      'get',
-      `${this.endPoint}/${id}`
-    );
+  getById(id: number): Observable<T> {
+    return this._cacheService.request<Observable<T>>('get', `${this.objectObs.endPoint}/${id}`);
+  }
+  patch(id: number, updatedData: IObjectProperties<T>): Observable<T> {
+    return this._cacheService.request('patch', `${this.objectObs.endPoint}/${id}`, {
+      postData: updatedData as {},
+    });
+  }
+
+  create(postData: IObjectProperties<T>): Observable<T> {
+    return this._cacheService.request('post', `${this.objectObs.endPoint}`, {
+      postData: postData as {},
+    });
+  }
+
+  delete(id: number): Observable<T> {
+    return this._cacheService.request('delete', `${this.objectObs.endPoint}/${id}`);
+  }
+}
+@Injectable()
+export class ApiGeomService<T = IGeomObject> extends ApiService<T> implements IGeomService<T> {
+  constructor(protected _cacheService: CacheService, protected _configJsonService: ConfigJsonService) {
+    super(_cacheService, _configJsonService);
+    this.init(this.endPoint, this.objectObs);
   }
 
   get_geometries(params: JsonData = {}): Observable<GeoJSON.FeatureCollection> {
@@ -77,32 +101,16 @@ export class ApiGeomService implements IGeomService {
       }
     );
   }
-
-  patch(id: number, updatedData: { properties: ISitesGroup | ISite | IVisit }): Observable<Resp> {
-    return this._cacheService.request('patch', `${this.endPoint}/${id}`, {
-      postData: updatedData,
-    });
-  }
-
-  create(postData: { properties: ISitesGroup | ISite }): Observable<Resp> {
-    return this._cacheService.request('post', `${this.endPoint}`, {
-      postData: postData,
-    });
-  }
-
-  delete(id: number): Observable<Resp> {
-    return this._cacheService.request('delete', `${this.endPoint}/${id}`);
-  }
 }
 
 @Injectable()
-export class SitesGroupService extends ApiGeomService {
+export class SitesGroupService extends ApiGeomService<ISitesGroup> {
   constructor(_cacheService: CacheService, _configJsonService: ConfigJsonService) {
     super(_cacheService, _configJsonService);
   }
   init(): void {
-    this.endPoint = endPoints.sites_groups;
-    this.objectObs = {
+    const endPoint = endPoints.sites_groups;
+    const objectObs: IobjObs<ISitesGroup> = {
       properties: {},
       endPoint: endPoints.sites_groups,
       objectType: 'sites_group',
@@ -121,34 +129,7 @@ export class SitesGroupService extends ApiGeomService {
       },
       dataTable: { colNameObj: {} },
     };
-    this._configJsonService
-      .init(this.objectObs.moduleCode)
-      .pipe()
-      .subscribe(() => {
-        const fieldNames = this._configJsonService.configModuleObjectParam(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType,
-          'display_properties'
-        );
-        const fieldNamesList = this._configJsonService.configModuleObjectParam(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType,
-          'display_list'
-        );
-        const schema = this._configJsonService.schema(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType
-        );
-        const fieldLabels = this._configJsonService.fieldLabels(schema);
-        const fieldDefinitions = this._configJsonService.fieldDefinitions(schema);
-        this.objectObs.template.fieldNames = fieldNames;
-        this.objectObs.template.fieldNamesList = fieldNamesList;
-        this.objectObs.schema = schema;
-        this.objectObs.template.fieldLabels = fieldLabels;
-        this.objectObs.template.fieldDefinitions = fieldDefinitions;
-        this.objectObs.template.fieldNamesList = fieldNamesList;
-        this.objectObs.dataTable.colNameObj = Utils.toObject(fieldNamesList, fieldLabels);
-      });
+    super.init(endPoint, objectObs);
   }
 
   getSitesChild(
@@ -160,26 +141,17 @@ export class SitesGroupService extends ApiGeomService {
       queryParams: { page, limit, ...params },
     });
   }
-
-  addObjectType(): string {
-    return 'un nouveau groupe de site';
-  }
-
-  editObjectType(): string {
-    return 'le groupe de site';
-  }
 }
 
 @Injectable()
-export class SitesService extends ApiGeomService {
+export class SitesService extends ApiGeomService<ISite> {
   constructor(_cacheService: CacheService, _configJsonService: ConfigJsonService) {
     super(_cacheService, _configJsonService);
   }
-  opts = [];
 
   init(): void {
-    this.endPoint = endPoints.sites;
-    this.objectObs = {
+    const endPoint = endPoints.sites;
+    const objectObs: IobjObs<ISite> = {
       properties: {},
       endPoint: endPoints.sites,
       objectType: 'site',
@@ -198,45 +170,9 @@ export class SitesService extends ApiGeomService {
       },
       dataTable: { colNameObj: {} },
     };
-    this._configJsonService
-      .init(this.objectObs.moduleCode)
-      .pipe()
-      .subscribe(() => {
-        const fieldNames = this._configJsonService.configModuleObjectParam(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType,
-          'display_properties'
-        );
-        //FIXME: same as site group: to refact
-        const fieldNamesList = this._configJsonService.configModuleObjectParam(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType,
-          'display_list'
-        );
-        const schema = this._configJsonService.schema(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType
-        );
-        const fieldLabels = this._configJsonService.fieldLabels(schema);
-        const fieldDefinitions = this._configJsonService.fieldDefinitions(schema);
-        this.objectObs.template.fieldNames = fieldNames;
-        this.objectObs.template.fieldNamesList = fieldNamesList;
-        this.objectObs.schema = schema;
-        this.objectObs.template.fieldLabels = fieldLabels;
-        this.objectObs.template.fieldDefinitions = fieldDefinitions;
-        this.objectObs.template.fieldNamesList = fieldNamesList;
-        this.objectObs.dataTable.colNameObj = Utils.toObject(fieldNamesList, fieldLabels);
-      });
+    super.init(endPoint, objectObs);
   }
 
-  // getTypeSites(
-  // ): Observable<IPaginated<ISiteType>> {
-  //   return this._cacheService.request<Observable<IPaginated<ISiteType>>>(
-  //     "get",
-  //     "sites/types"
-  //   );
-  // }
-
   getTypeSites(
     page: number = 1,
     limit: number = 10,
@@ -251,26 +187,23 @@ export class SitesService extends ApiGeomService {
     );
   }
 
-  addObjectType(): string {
-    return ' un nouveau site';
-  }
-
-  editObjectType(): string {
-    return 'le site';
+  getSiteModules(idSite: number): Observable<Module[]> {
+    return this._cacheService.request('get', `sites/${idSite}/modules`);
   }
 }
 
 @Injectable()
-export class VisitsService extends ApiGeomService {
+export class VisitsService extends ApiService<IVisit> {
   constructor(_cacheService: CacheService, _configJsonService: ConfigJsonService) {
     super(_cacheService, _configJsonService);
+    this.init();
   }
   init(): void {
-    this.endPoint = endPoints.visits;
-    this.objectObs = {
+    const endPoint = endPoints.visits;
+    const objectObs: IobjObs<IVisit> = {
       properties: {},
       endPoint: endPoints.visits,
-      objectType: 'visits',
+      objectType: 'visit',
       label: 'visite',
       addObjLabel: 'Ajouter une nouvelle visite',
       editObjLabel: 'Editer la visite',
@@ -286,40 +219,6 @@ export class VisitsService extends ApiGeomService {
       },
       dataTable: { colNameObj: {} },
     };
-    this._configJsonService
-      .init(this.objectObs.moduleCode)
-      .pipe()
-      .subscribe(() => {
-        const fieldNames = this._configJsonService.configModuleObjectParam(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType,
-          'display_properties'
-        );
-        const fieldNamesList = this._configJsonService.configModuleObjectParam(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType,
-          'display_list'
-        );
-        const schema = this._configJsonService.schema(
-          this.objectObs.moduleCode,
-          this.objectObs.objectType
-        );
-        const fieldLabels = this._configJsonService.fieldLabels(schema);
-        const fieldDefinitions = this._configJsonService.fieldDefinitions(schema);
-        this.objectObs.template.fieldNames = fieldNames;
-        this.objectObs.template.fieldNamesList = fieldNamesList;
-        this.objectObs.schema = schema;
-        this.objectObs.template.fieldLabels = fieldLabels;
-        this.objectObs.template.fieldDefinitions = fieldDefinitions;
-        this.objectObs.template.fieldNamesList = fieldNamesList;
-        this.objectObs.dataTable.colNameObj = Utils.toObject(fieldNamesList, fieldLabels);
-      });
-  }
-  addObjectType(): string {
-    return " une nouvelle visite";
+    super.init(endPoint, objectObs);
   }
-
-  editObjectType(): string {
-    return "la visite";
-  }
-}
\ No newline at end of file
+}
diff --git a/frontend/app/services/config.service.ts b/frontend/app/services/config.service.ts
index 985ec29df..0740e542b 100644
--- a/frontend/app/services/config.service.ts
+++ b/frontend/app/services/config.service.ts
@@ -13,7 +13,7 @@ export class ConfigService {
 
   /** Configuration */
 
-  init(moduleCode: null | string = null) {
+  init(moduleCode: string | null = null) {
     // a definir ailleurs
 
     moduleCode = moduleCode || 'generic';
diff --git a/frontend/app/types/response.ts b/frontend/app/types/response.ts
deleted file mode 100644
index dd26b3360..000000000
--- a/frontend/app/types/response.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { ISite, ISitesGroup } from "../interfaces/geom";
-import { ResponseUpdated } from "../interfaces/response";
-
-export type Resp = ResponseUpdated | ISite | ISitesGroup;