diff --git a/backend/gn_module_monitoring/config/repositories.py b/backend/gn_module_monitoring/config/repositories.py
index 94fe53738..34b28b9dd 100644
--- a/backend/gn_module_monitoring/config/repositories.py
+++ b/backend/gn_module_monitoring/config/repositories.py
@@ -138,6 +138,8 @@ def get_config(module_code=None, force=False,customSpecConfig=None):
     get_config_objects(module_code, config,customSpecConfig=customSpecConfig)
 
     # customize config
+    # TODO: Adapter lorsqu'on entre par site (où est lié les liste des observateurs au moment on on propose lla lsite des observateurs ?
+    # , où est ce qu'on associe les organismes ? Bref tout ce qui est dans t_module_complements)
     if module:
         custom = {}
         config['custom'] = {}
diff --git a/backend/gn_module_monitoring/monitoring/objects.py b/backend/gn_module_monitoring/monitoring/objects.py
index 002f60113..c1dff173b 100644
--- a/backend/gn_module_monitoring/monitoring/objects.py
+++ b/backend/gn_module_monitoring/monitoring/objects.py
@@ -27,6 +27,8 @@ class MonitoringSite(MonitoringObjectGeom):
     def preprocess_data(self, data):
         if len(data["types_site"]) > 0 and all(isinstance(x, int) for x in data["types_site"]):
             data["id_nomenclature_type_site"] = data["types_site"][0]
+        elif "data" in data and data["data"]["id_nomenclature_type_site"]:
+            data["id_nomenclature_type_site"] = data["data"]["id_nomenclature_type_site"]
         else:
             data["id_nomenclature_type_site"] = data["types_site"][0]["id_nomenclature_type_site"]
             # TODO: A enlever une fois qu'on aura enelever le champ "id_nomenclature_type_site" du model et de la bdd
diff --git a/backend/gn_module_monitoring/monitoring/schemas.py b/backend/gn_module_monitoring/monitoring/schemas.py
index be2abd1b6..57acd6a6b 100644
--- a/backend/gn_module_monitoring/monitoring/schemas.py
+++ b/backend/gn_module_monitoring/monitoring/schemas.py
@@ -62,11 +62,13 @@ class Meta:
 class MonitoringSitesSchema(MA.SQLAlchemyAutoSchema):
     class Meta:
         model = TMonitoringSites
+        include_fk = True
         exclude = ("geom_geojson", "geom")
 
     geometry = fields.Method("serialize_geojson", dump_only=True)
     pk = fields.Method("set_pk",dump_only=True)
     types_site = MA.Nested(BibTypeSiteSchema, many=True)
+    medias = MA.Nested(MediaSchema,many=True)
 
     def serialize_geojson(self, obj):
         if obj.geom is not None:
diff --git a/backend/gn_module_monitoring/routes/monitoring.py b/backend/gn_module_monitoring/routes/monitoring.py
index 9a9f86e48..48b5c0962 100644
--- a/backend/gn_module_monitoring/routes/monitoring.py
+++ b/backend/gn_module_monitoring/routes/monitoring.py
@@ -144,6 +144,35 @@ def create_or_update_object_api_sites_sites_group(module_code, object_type, id=N
     )
 
 
+def get_config_object(module_code, object_type, id):
+    '''
+        renvoie un object, à partir de type de l'object et de son id
+
+        :param module_code: reference le module concerne
+        :param object_type: le type d'object (site, visit, obervation)
+        :param id : l'identifiant de l'object (de id_base_site pour site)
+        :type module_code: str
+        :type object_type: str
+        :type id: int
+
+        :return: renvoie l'object requis
+        :rtype: dict
+    '''
+
+    # field_name = param.get('field_name')
+    # value = module_code if object_type == 'module'
+    get_config(module_code, force=True)
+
+    depth = to_int(request.args.get('depth', 1))
+
+    return (
+        monitoring_definitions
+        .monitoring_object_instance(module_code, object_type, id)
+        .get(depth=depth)
+        # .get(value=value, field_name = field_name)
+        .serialize(depth)
+    )
+
 # update object
 @blueprint.route('object/<string:module_code>/<object_type>/<int:id>', methods=['PATCH'])
 @blueprint.route(
diff --git a/backend/gn_module_monitoring/routes/site.py b/backend/gn_module_monitoring/routes/site.py
index 0fd3f7d40..093238ab6 100644
--- a/backend/gn_module_monitoring/routes/site.py
+++ b/backend/gn_module_monitoring/routes/site.py
@@ -14,7 +14,7 @@
     TNomenclatures,
 )
 from gn_module_monitoring.monitoring.schemas import BibTypeSiteSchema, MonitoringSitesSchema
-from gn_module_monitoring.routes.monitoring import create_or_update_object_api_sites_sites_group
+from gn_module_monitoring.routes.monitoring import create_or_update_object_api_sites_sites_group, get_config_object
 from gn_module_monitoring.utils.routes import (
     filter_params,
     geojson_query,
@@ -25,6 +25,14 @@
 )
 
 
+@blueprint.route("/sites/config",
+                 defaults={'id': None, 'object_type': "site",'module_code':'generic'},
+                  methods=["GET"])
+def get_config_sites(module_code, object_type, id):
+    obj = get_config_object(module_code, object_type, id)
+    return obj['properties']
+
+
 @blueprint.route("/sites/types", methods=["GET"])
 def get_types_site():
     params = MultiDict(request.args)
diff --git a/backend/gn_module_monitoring/routes/sites_groups.py b/backend/gn_module_monitoring/routes/sites_groups.py
index 6535b8e9a..0da117a75 100644
--- a/backend/gn_module_monitoring/routes/sites_groups.py
+++ b/backend/gn_module_monitoring/routes/sites_groups.py
@@ -19,10 +19,18 @@
     paginate,
     sort,
 )
-from gn_module_monitoring.routes.monitoring import create_or_update_object_api_sites_sites_group
+from gn_module_monitoring.routes.monitoring import create_or_update_object_api_sites_sites_group, get_config_object
 from gn_module_monitoring.utils.utils import to_int
 
 
+@blueprint.route("/sites_groups/config",
+                 defaults={'id': None, 'object_type': "sites_group",'module_code':'generic'},
+                  methods=["GET"])
+def get_config_sites_groups(module_code, object_type, id):
+    obj = get_config_object(module_code, object_type, id)
+    return obj['properties']
+
+
 @blueprint.route("/sites_groups", methods=["GET"])
 def get_sites_groups():
     params = MultiDict(request.args)
diff --git a/backend/gn_module_monitoring/tests/fixtures/site.py b/backend/gn_module_monitoring/tests/fixtures/site.py
index 8c9f6ad1c..bc6b2747e 100644
--- a/backend/gn_module_monitoring/tests/fixtures/site.py
+++ b/backend/gn_module_monitoring/tests/fixtures/site.py
@@ -53,9 +53,10 @@ def site_to_post_with_types(users, types_site, site_group_without_sites):
     specific_dic = {"owner_name": "Propriétaire", "threat": "Menaces", "owner_tel": "0609090909"}
     schema_type_site = BibTypeSiteSchema()
     mock_db_type_site = [schema_type_site.dump(type) for type in types_site.values()]
+    mock_model_type_site = [type for type in types_site.values()]
 
-    for type in mock_db_type_site:
-        list_nomenclature_id.append(type["id_nomenclature_type_site"])
+    for type in mock_model_type_site:
+        list_nomenclature_id.append(type.id_nomenclature_type_site)
 
     site_to_post_with_types = TMonitoringSites(
         id_inventor=user.id_role,
@@ -65,7 +66,7 @@ def site_to_post_with_types(users, types_site, site_group_without_sites):
         base_site_code=f"New Code",
         geom=geom_4326,
         id_nomenclature_type_site=list_nomenclature_id[0],
-        types_site=list_nomenclature_id,
+        types_site=mock_model_type_site,
         id_sites_group=site_group_without_sites.id_sites_group,
     )
 
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 7b66c59a2..8a3e873f9 100644
--- a/backend/gn_module_monitoring/tests/test_routes/test_site.py
+++ b/backend/gn_module_monitoring/tests/test_routes/test_site.py
@@ -149,7 +149,7 @@ def test_get_types_site_by_label(self, types_site):
             "page": 1,
             "sort_label": "label_fr",
             "sort_dir": "asc",
-            "label_fr": string_contains
+            "label_fr": string_contains,
         }
         r = self.client.get(
             url_for("monitorings.get_types_site_by_label"), query_string=query_string
@@ -176,7 +176,7 @@ def test_post_sites(self, site_to_post_with_types, types_site, site_group_withou
             res.as_dict()["base_site_name"]
             == site_to_post_with_types["properties"]["base_site_name"]
         )
-    
+
     def test_delete_site(self, sites):
         site = list(sites.values())[0]
         id_base_site = site.id_base_site
@@ -190,3 +190,18 @@ def test_delete_site(self, sites):
         with pytest.raises(Exception) as e:
             TMonitoringSites.query.get_or_404(id_base_site)
         assert "404 Not Found" in str(e.value)
+
+    def test_get_config_sites(self, sites):
+        schema = MonitoringSitesSchema()
+
+        r = self.client.get(url_for("monitorings.get_config_sites"))
+        list_sites = [schema.dump(site).keys() for site in sites.values()]
+        attr_post_added = "id_parent"
+        assert all(
+            [
+                attr in site
+                for site in list_sites
+                for attr in r.json.keys()
+                if attr != attr_post_added
+            ]
+        )
diff --git a/frontend/app/components/monitoring-form-g/monitoring-form.component-g.html b/frontend/app/components/monitoring-form-g/monitoring-form.component-g.html
index 27b66a108..fff8e04f6 100644
--- a/frontend/app/components/monitoring-form-g/monitoring-form.component-g.html
+++ b/frontend/app/components/monitoring-form-g/monitoring-form.component-g.html
@@ -18,12 +18,12 @@ <h2>Attention</h2>
 </pnx-modal-msg>
 
 <div>
-  <div id="properties-form" class="cadre" *ngIf="!hideForm">
+  <div id="properties-form" class="cadre" *ngIf="!hideForm && obj.bIsInitialized && objFormsDefinition">
     <!-- TODO: voir pour intiialisation si nécessaire à remettre dans la div du dessus -->
     <!-- *ngIf="obj.bIsInitialized && objFormsDefinition" -->
 
     <!--  TODO: Voir pour l'enchainement des saisies -->
-    <!-- <span
+    <span
       *ngIf="!obj.id && obj.config['chained']"
       id="toggle-btn"
       class="float-right"
@@ -37,7 +37,7 @@ <h2>Attention</h2>
         (change)="bChainInputChanged($event)"
       >
       </mat-slide-toggle>
-    </span> -->
+    </span>
 
     <form [formGroup]="objForm">
       <!-- TODO: Gérer la saisie de géometrie -->
@@ -94,14 +94,15 @@ <h2>Attention</h2>
             aria-hidden="true"
           ></span>
 
-          <!-- <span *ngIf="bChainInput && !obj.id"
+          <span *ngIf="bChainInput && !obj.id"
             >Valider et enchainer les saisies</span
-          > -->
-          <!-- <span *ngIf="!bChainInput || obj.id">Valider</span>
-        </button> -->
-          <span>Valider</span>
+          > 
+           <span *ngIf="!bChainInput || obj.id">Valider</span>
         </button>
 
+          <!-- <span>Valider</span>
+        </button> -->
+
         <button class="btn btn-primary float-left" (click)="onCancelEdit()">Annuler</button>
         <button class="btn btn-danger float-left" (click)="bDeleteModal = true" *ngIf="obj.id">
           Supprimer
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 29a8578e9..5b657d55a 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
@@ -1,17 +1,17 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
-import { tap, mergeMap } from 'rxjs/operators';
+import { tap, mergeMap, map } from 'rxjs/operators';
 import { ActivatedRoute } from '@angular/router';
 import { Router } from '@angular/router';
 import { DynamicFormService } from '@geonature_common/form/dynamic-form-generator/dynamic-form.service';
 import { CommonService } from '@geonature_common/service/common.service';
 
-import { MonitoringObject } from '../../class/monitoring-object';
 import { IDataForm } from '../../interfaces/form';
 import { ApiGeomService } from '../../services/api-geom.service';
 import { ConfigJsonService } from '../../services/config-json.service';
 import { FormService } from '../../services/form.service';
 import { IExtraForm } from '../../interfaces/object';
+import { forkJoin } from 'rxjs';
 
 @Component({
   selector: 'pnx-monitoring-form-g',
@@ -34,7 +34,7 @@ export class MonitoringFormComponentG implements OnInit {
 
   @Input() sites: {};
   @Input() apiService: ApiGeomService;
-  @Input() isExtraForm:boolean = false;
+  @Input() isExtraForm: boolean = false;
 
   extraForm: IExtraForm;
   hideForm: boolean = false;
@@ -56,6 +56,8 @@ export class MonitoringFormComponentG implements OnInit {
 
   public queryParams = {};
 
+  joinObs: any;
+
   constructor(
     private _formBuilder: FormBuilder,
     private _route: ActivatedRoute,
@@ -63,7 +65,7 @@ export class MonitoringFormComponentG implements OnInit {
     private _commonService: CommonService,
     private _dynformService: DynamicFormService,
     private _formService: FormService,
-    private _router: Router,
+    private _router: Router
   ) {}
 
   ngOnInit() {
@@ -72,24 +74,37 @@ export class MonitoringFormComponentG implements OnInit {
         tap((data) => {
           this.obj = data;
           this.obj.bIsInitialized = true;
-          this.obj.id = this.obj[this.obj.pk]
+          this.obj.id = this.obj[this.obj.pk];
         }),
         mergeMap((data: any) => this._configService.init(data.moduleCode)),
-        mergeMap(() => this._formService.currentExtraFormCtrl )
+        mergeMap(() => {
+          return this._formService.currentExtraFormCtrl.pipe(
+            map((frmCtrl) => {
+              return frmCtrl;
+            })
+          );
+        }),
+        mergeMap((frmCtrl) => {
+          return this.apiService.getConfig().pipe(
+            map((prop) => {
+              return { frmCtrl, prop: prop };
+            })
+          );
+        })
       )
-      .subscribe((frmCtrl) => {
-
-        this.isExtraForm ? this.addExtraFormCtrl(frmCtrl) : null;
+      .subscribe((data) => {
+        this.initObj(data.prop);
+        this.isExtraForm ? this.addExtraFormCtrl(data.frmCtrl) : null;
         this.isExtraForm ? this.checkValidExtraFormCtrl() : null;
 
-
-        this.queryParams = this._route.snapshot.queryParams || {};
-        this.bChainInput = this._configService.frontendParams()['bChainInput'];
-
-        const schema = this._configService.schema(
+        this.obj.config = this._configService.configModuleObject(
           this.obj.moduleCode,
           this.obj.objectType
         );
+        this.queryParams = this._route.snapshot.queryParams || {};
+        this.bChainInput = this._configService.frontendParams().bChainInput;
+
+        const schema = this._configService.schema(this.obj.moduleCode, this.obj.objectType);
 
         this.obj[this.obj.moduleCode] = schema;
 
@@ -114,11 +129,7 @@ export class MonitoringFormComponentG implements OnInit {
           .filter((formDef) => formDef.type_widget)
           .sort((a, b) => {
             // medias à la fin
-            return a.attribut_name === 'medias'
-              ? +1
-              : b.attribut_name === 'medias'
-              ? -1
-              : 0;
+            return a.attribut_name === 'medias' ? +1 : b.attribut_name === 'medias' ? -1 : 0;
           });
 
         // display_form pour customiser l'ordre dans le formulaire
@@ -135,12 +146,8 @@ export class MonitoringFormComponentG implements OnInit {
         if (displayProperties && displayProperties.length) {
           displayProperties.reverse();
           this.objFormsDefinition.sort((a, b) => {
-            let indexA = displayProperties.findIndex(
-              (e) => e == a.attribut_name
-            );
-            let indexB = displayProperties.findIndex(
-              (e) => e == b.attribut_name
-            );
+            let indexA = displayProperties.findIndex((e) => e == a.attribut_name);
+            let indexB = displayProperties.findIndex((e) => e == b.attribut_name);
             return indexB - indexA;
           });
         }
@@ -156,7 +163,9 @@ export class MonitoringFormComponentG implements OnInit {
   /** pour réutiliser des paramètres déjà saisis */
   keepDefinitions() {
     return this.objFormsDefinition.filter((def) =>
-      this.obj.configParam('keep').includes(def.attribut_name)
+      this._configService
+        .configModuleObjectParam(this.obj.moduleCode, this.obj.objectType, 'keep')
+        .includes(def.attribut_name)
     );
   }
 
@@ -189,12 +198,36 @@ export class MonitoringFormComponentG implements OnInit {
   }
 
   keepNames() {
-    return this.obj.configParam('keep') || [];
+    return (
+      this._configService.configModuleObjectParam(
+        this.obj.moduleCode,
+        this.obj.objectType,
+        'keep'
+      ) || []
+    );
+  }
+
+  idFieldName() {
+    return this._configService.configModuleObjectParam(
+      this.obj.moduleCode,
+      this.obj.objectType,
+      'id_field_Name'
+    );
   }
 
   resetObjForm() {
+    //NEW- setResolvedProperties
+
     // quand on enchaine les relevés
-    const chainShow = this.obj.configParam('chain_show');
+    // const chainShow = this.obj.configParam('chain_show');
+
+    //TODO: Ici chain_show est présent que dans le fichier de config visit.json
+    // --> voir à quoi correspond ce chainShow où on utilise les propriétés (id_base_site, num_passage etc)
+    const chainShow = this._configService.configModuleObjectParam(
+      this.obj.moduleCode,
+      this.obj.objectType,
+      'chain_show'
+    );
     if (chainShow) {
       this.chainShow.push(chainShow.map((key) => this.obj.resolvedProperties[key]));
       this.chainShow.push(this.obj.resolvedProperties);
@@ -206,16 +239,19 @@ export class MonitoringFormComponentG implements OnInit {
       keep[key] = this.obj.properties[key];
     }
 
-    // nouvel object
-    this.obj = new MonitoringObject(
+    this.obj = {
+      bIsInitialized: false,
+      moduleCode: this.obj.moduleCode,
+      objectType: this.obj.objectType,
+      endPoint: this.obj.endPoint,
+      properties: {},
+      generic: this.obj.generic,
+    };
+    this.obj.config = this._configService.configModuleObject(
       this.obj.moduleCode,
-      this.obj.objectType,
-      null,
-      this.obj.monitoringObjectService()
+      this.obj.objectType
     );
-    this.obj.init({});
-
-    this.obj.properties[this.obj.configParam('id_field_Name')] = null;
+    this.obj.properties[this.idFieldName()] = null;
 
     // pq get ?????
     // this.obj.get(0).subscribe(() => {
@@ -275,12 +311,12 @@ export class MonitoringFormComponentG implements OnInit {
     // );
     // TODO: this commented code works only if ".." is not based url (example working : sites_group/:id/site/:id , not working if create site_group)
     // this._router.navigate(['..',objectType,id], {relativeTo: this._route});
-    // 
+    //
     const urlSegment = [objectType, id].filter((s) => !!s);
     const urlPathDetail = [this.obj.urlRelative].concat(urlSegment).join('/');
     this.objChanged.emit(this.obj);
     this.bEditChange.emit(false);
-    this.obj.urlRelative ? this._router.navigateByUrl(urlPathDetail): null;
+    this.obj.urlRelative ? this._router.navigateByUrl(urlPathDetail) : null;
   }
 
   /**
@@ -288,7 +324,7 @@ export class MonitoringFormComponentG implements OnInit {
    */
   navigateToParent() {
     this.bEditChange.emit(false); // patch bug navigation
-    this._router.navigate(['..'], {relativeTo: this._route});
+    this._router.navigate(['..'], { relativeTo: this._route });
   }
 
 
@@ -309,6 +345,11 @@ export class MonitoringFormComponentG implements OnInit {
     action.subscribe((objData) => {
       this._commonService.regularToaster('success', this.msgToaster(actionLabel));
       this.bSaveSpinner = this.bSaveAndAddChildrenSpinner = false;
+
+      Object.entries(objData['properties']).forEach(([key, value]) => {
+        this.obj['properties'][key] = value;
+      });
+
       if (objData.hasOwnProperty('id')) {
         this.obj.id = objData['id'];
       }
@@ -389,38 +430,67 @@ export class MonitoringFormComponentG implements OnInit {
     this.procesPatchUpdateForm();
   }
 
-  addExtraFormCtrl(frmCtrl: IExtraForm){
-    if (frmCtrl.frmName in this.objForm.controls){
-      this.objForm.setControl(frmCtrl.frmName,frmCtrl.frmCtrl)
-    } else{
-      this.objForm.addControl(frmCtrl.frmName,frmCtrl.frmCtrl)
+  addExtraFormCtrl(frmCtrl: IExtraForm) {
+    if (frmCtrl.frmName in this.objForm.controls) {
+      this.objForm.setControl(frmCtrl.frmName, frmCtrl.frmCtrl);
+    } else {
+      this.objForm.addControl(frmCtrl.frmName, frmCtrl.frmCtrl);
     }
-    
-    this.extraForm = frmCtrl
+
+    this.extraForm = frmCtrl;
   }
 
-  checkValidExtraFormCtrl(){
-    if (this.extraForm.frmName in this.objForm.controls && this.objForm.get(this.extraForm.frmName).value != null && this.objForm.get(this.extraForm.frmName).value.length != 0 ){
-      this.hideForm = false
-      this.objForm.valid
+  checkValidExtraFormCtrl() {
+    if (
+      this.extraForm.frmName in this.objForm.controls &&
+      this.objForm.get(this.extraForm.frmName).value != null &&
+      this.objForm.get(this.extraForm.frmName).value.length != 0
+    ) {
+      this.hideForm = false;
+      this.objForm.valid;
     } else {
-      this.hideForm = true
+      this.hideForm = true;
+    }
   }
-}
 
   getConfigFromBtnSelect(event) {
-    // this.obj.specific == undefined ? (this.obj.specific = {}) : null;
     // TODO: Ajout de tous les id_parents ["id_sites_groups" etc ] dans l'objet obj.dataComplement
-    this.obj.specific = {};
-    this.obj.dataComplement = {};
-    for (const key in event) {
+    // Check if specific and dataComplement already exist
+    this.obj.specific ? null : (this.obj.specific = {});
+    this.obj.dataComplement ? null : (this.obj.dataComplement = {});
+
+    Object.entries(event).forEach(([key, value]) => {
+      if (this.obj.dataComplement[key] && key != 'types_site') {
+        return;
+      }
       if (event[key].config != undefined) {
         if (Object.keys(event[key].config).length !== 0) {
           Object.assign(this.obj.specific, event[key].config.specific);
+          if ('keep' in event[key].config) {
+            this.obj.config.keep ? null : (this.obj.config.keep = []);
+            !this.obj.config.keep.includes(event[key].config.keep)
+              ? this.obj.config.keep.push(...event[key].config.keep)
+              : null;
+          }
         }
+        this.obj.dataComplement[key] = value;
+      } else {
+        this.obj.dataComplement[key] ? null : (this.obj.dataComplement[key] = []);
+        this.obj.dataComplement[key] = event[key];
       }
-    }
-    Object.assign(this.obj.dataComplement, event);
+    });
+
     this._formService.dataToCreate(this.obj, this.obj.urlRelative);
   }
+
+  initObj(prop) {
+    // this.apiService.getConfig().subscribe(prop => this.obj['properties'] = prop)
+    this.obj['properties'] = prop;
+    Object.entries(this.obj).forEach(([key, value]) => {
+      if (key != 'properties' && key in this.obj['properties']) {
+        this.obj['properties'][key] = value;
+      }
+    });
+    this.obj.resolvedProperties = this._configService.setResolvedProperties(this.obj);
+  }
 }
diff --git a/frontend/app/services/api-geom.service.ts b/frontend/app/services/api-geom.service.ts
index 244e72fbd..a75adb63f 100644
--- a/frontend/app/services/api-geom.service.ts
+++ b/frontend/app/services/api-geom.service.ts
@@ -84,6 +84,7 @@ export class ApiService<T = IObject> implements IService<T> {
   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> {
@@ -101,6 +102,10 @@ export class ApiGeomService<T = IGeomObject> extends ApiService<T> implements IG
       }
     );
   }
+
+  getConfig(): Observable<T> {
+    return this._cacheService.request('get', `${this.objectObs.endPoint}/config`);
+  }
 }
 
 @Injectable()
@@ -142,6 +147,7 @@ export class SitesGroupService extends ApiGeomService<ISitesGroup> {
       queryParams: { page, limit, ...params },
     });
   }
+
 }
 
 @Injectable()
diff --git a/frontend/app/services/config-json.service.ts b/frontend/app/services/config-json.service.ts
index 3d7e9a42f..7148fb3df 100644
--- a/frontend/app/services/config-json.service.ts
+++ b/frontend/app/services/config-json.service.ts
@@ -2,15 +2,18 @@ import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { ModuleService } from '@geonature/services/module.service';
 import { AppConfig } from '@geonature_config/app.config';
-import { of } from 'rxjs';
+import { Observable, forkJoin, of } from 'rxjs';
 import { ConfigService } from './config.service';
+import { Utils } from "../utils/utils";
+import { DataUtilsService } from './data-utils.service';
+import { concatMap } from 'rxjs/operators';
 
 
 
 @Injectable()
 export class ConfigJsonService extends ConfigService {
 
-  constructor(_http: HttpClient, _moduleService: ModuleService) {
+  constructor(_http: HttpClient, _moduleService: ModuleService,private _dataUtilsService: DataUtilsService) {
     super(_http, _moduleService)
   }
 
@@ -58,4 +61,52 @@ export class ConfigJsonService extends ConfigService {
     }
     return fieldDefinitions;
   }
+
+  //NEW - récup setResolvedProperties from monitoring-object-base.ts
+
+
+  resolveProperty(elem, val,moduleCode): Observable<any> {
+    if (elem.type_widget === "date" || (elem.type_util === "date" && val)) {
+      val = Utils.formatDate(val);
+    }
+    const fieldName = this._config[moduleCode].default_display_field_names[
+      elem.type_util
+    ];
+    if (val && fieldName && elem.type_widget) {
+      return this._dataUtilsService
+        .getUtil(elem.type_util, val, fieldName, elem.value_field_name);
+    }
+    return of(val);
+    // return val
+  }
+
+  // TODO: Cette fonction permet de traduire l'affichage de certains champs dans propriété ou le formulaire 
+  // lorsqu'on a des valeurs à récupérer depuis le backend via les config json. 
+  // Du coup , penser à résoudre le problèmes des champs dans le fichier de config.json 
+  // en modifiant le fichier : /gn_module_monitoring/backend/gn_module_monitoring/config/repositories.py
+  //  Function : get_config 
+  setResolvedProperties(obj): any {
+    const observables = {};
+    if (obj.resolvedProperties == undefined){
+      obj.resolvedProperties ={}
+    }
+    
+    const schema = this.schema(obj.moduleCode, obj.objectType);
+    for (const attribut_name of Object.keys(schema)) {
+      observables[attribut_name] = this.resolveProperty(
+        schema[attribut_name],
+        obj.properties[attribut_name],
+        obj.moduleCode
+      );
+    }
+    forkJoin(observables).pipe(
+      concatMap((resolvedProperties) => {
+        for (const attribut_name of Object.keys(resolvedProperties)) {
+          obj.resolvedProperties[attribut_name] =
+            resolvedProperties[attribut_name];
+        }
+        return obj.resolvedProperties
+      })
+    );
+  }
 }
diff --git a/frontend/app/services/form.service.ts b/frontend/app/services/form.service.ts
index 0798b10df..3dcd29a4b 100644
--- a/frontend/app/services/form.service.ts
+++ b/frontend/app/services/form.service.ts
@@ -52,7 +52,7 @@ export class FormService {
 
   formValues(obj): Observable<any> {
     // const {properties ,remainaing} = obj
-    const properties = Utils.copy(this.properties);
+    const properties = Utils.copy(obj.properties);
     const observables = {};
     const schema = obj[obj.moduleCode];
     for (const attribut_name of Object.keys(schema)) {
@@ -75,6 +75,19 @@ export class FormService {
     );
   }
 
+  getProperties(formValue, obj): void {
+    const propertiesData = {};
+    const schema = obj[obj.moduleCode];
+    for (const attribut_name of Object.keys(schema)) {
+      const elem = schema[attribut_name];
+      if (!elem.type_widget) {
+        continue;
+      }
+      propertiesData[attribut_name] = this._objService.fromForm(elem, formValue[attribut_name]);
+    }
+
+  }
+
   // TODO: A voir si nécessaire d'utiliser le formatage des post et update data avant éxécution route coté backend
   postData(formValue, obj): { properties: ISitesGroup | ISite | any } {
     const propertiesData = {};