diff --git a/src/assets/main.scss b/src/assets/main.scss
index ea73733..7a2f2e4 100644
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@@ -721,7 +721,7 @@ div.loading{
         font-weight: 400;
         font-size: 1.1em;
       }
-      section>div, p{
+      section>div:not(.btn), p{
         // font-size: 1em;
         // font-weight: 300;
         // line-height: 1.40;
@@ -1328,4 +1328,9 @@ div.add-besoin-btn{
 
 div.add-ressource-btn{
   @include add-btn();
+}
+
+div.add-cerclepo-btn{
+  @include add-btn();
+  margin: 0 0 1em;
 }
\ No newline at end of file
diff --git a/src/components/ConcernementMapItem.vue b/src/components/ConcernementMapItem.vue
index 0e7da86..9e19ff5 100644
--- a/src/components/ConcernementMapItem.vue
+++ b/src/components/ConcernementMapItem.vue
@@ -377,6 +377,24 @@ export default {
       },
       deep: true
     },
+    'concernement.doleances': {
+      handler (n, o) {
+        console.log(`${this.id} watch concernement.doleances o, n`, o, n);
+        if (this.is_open && this.map_mode === "doleancer") {
+          this.setPaperDoleances(true); // true for update=true
+        }
+      },
+      deep: true
+    },
+    'concernement.doleances.length': {
+      handler (n, o){
+        console.log(`${this.id} watch concernement.doleances.length o, n`, o, n);
+        if (this.is_open && this.map_mode === "doleancer" && o != null && n !== o) {
+          this.resetPaperContents();
+        }
+      },
+      deep: true
+    },
     wait: {
       handler (n, o){
         // when we are reloading entites par exemple
@@ -915,9 +933,12 @@ export default {
             this.paper_main_object.addChild(this.setPaperAgissantes());
             break;
           case 'doleancer':
-            this.addNewPaperSymbolInstance('doleance_bg');
-            this.paper_main_object.addChild(this.setPaperDoleances());
+            if (this.concernement.doleances.length) {
+              this.addNewPaperSymbolInstance('doleance_bg');
+              this.paper_main_object.addChild(this.setPaperDoleances());
+            }
             break;
+            
         }
         this.paperContentsIsSet = true;  
       }
@@ -1659,23 +1680,55 @@ export default {
     //     }
     //   }
     // },
-    setPaperDoleances(){
-      let g = new paper.Group({
-        pivot: new paper.Point({x:0,y:0}),
-        name: `doleances`
-      });
+    setPaperDoleances(update){
+      console.log(`setPaperDoleances cid:${this.concernement.id}, update: ${update}`);
+      let g;
+      if (update) {
+        g = this.paper_main_object.children['doleances'];
+        console.log('REUSING doleances group', g);
+      } else{
+        g = new paper.Group({
+          pivot: new paper.Point({x:0,y:0}),
+          name: `doleances`
+        });
+      }
+
+      if (!g) {
+        console.warn('no doleances group created nor found')
+        return;
+      }
+
       this.concernement.doleances.forEach((d) => {
-        g.addChild(this.setPaperDoleanceSteps(d))
+        let doleance_group;
+        if (update) {
+          doleance_group = this.paper_main_object.children['doleances'][`doleance_${d.id}`];
+          if (doleance_group) {
+            this.setPaperDoleanceSteps(d, doleance_group);
+          }else{
+            g.addChild(this.setPaperDoleanceSteps(d));  
+          }
+        }else{
+          g.addChild(this.setPaperDoleanceSteps(d));
+        }
       });
       return g;
     },
-    setPaperDoleanceSteps(doleance){
-      let g = new paper.Group({
-        pivot: new paper.Point({x:0,y:0}),
-        name: `doleance_${doleance.id}`,
-        doleance_id: doleance.id,
-        visible: false
-      });
+    setPaperDoleanceSteps(doleance, groupToUpdate){
+      console.log(`setPaperDoleanceSteps doleance`, doleance);
+      console.log(`setPaperDoleanceSteps groupToUpdate`, groupToUpdate);
+      
+      let g;
+      if (groupToUpdate) {
+        g = groupToUpdate;
+        g.removeChildren();
+      } else {
+        g = new paper.Group({
+          pivot: new paper.Point({x:0,y:0}),
+          name: `doleance_${doleance.id}`,
+          doleance_id: doleance.id,
+          visible: false
+        });
+      }
       // let doleance = this.concernement.doleances[0];
       let all_fields = [
         [
diff --git a/src/components/MapConcernements.vue b/src/components/MapConcernements.vue
index f827313..f5197cc 100644
--- a/src/components/MapConcernements.vue
+++ b/src/components/MapConcernements.vue
@@ -1614,8 +1614,9 @@ export default {
       <li>
         <a 
           title="cercle politique" href="#doleancer" @click="setMapMode('doleancer')"
-          :class="{ disabled: opened_concernement && !opened_concernement.has_doleance, active: map_mode === 'doleancer'}"
+          :class="{ active: map_mode === 'doleancer'}"
         >
+        <!-- disabled: opened_concernement && !opened_concernement.has_doleance,  -->
           <span class="icon doleancer"/> <span class="label"> cercle politique</span>
         </a>
       </li>
diff --git a/src/components/contents/Doleancer.vue b/src/components/contents/Doleancer.vue
index d5b26c0..331a298 100644
--- a/src/components/contents/Doleancer.vue
+++ b/src/components/contents/Doleancer.vue
@@ -5,11 +5,22 @@ import { ConcernementsStore } from '@stores/concernements'
 import { UserStore } from '@/stores/user'
 import { CommonStore } from '@/stores/common'
 
+import REST from '@api/rest-axios'
+
+// import { print } from 'graphql/language/printer'
+// import gql from 'graphql-tag'
+// import GQL from '@api/graphql-axios'
+// import EntiteFields from '@api/gql/entite.fragment.gql'
+
+
 import CartoucheLayout from '@components/layout/CartoucheLayout.vue';
 
 import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiArrowLeft } from '@mdi/js';
 import { mdiArrowRight } from '@mdi/js';
+import { mdiStickerPlusOutline } from '@mdi/js';
+
+
 
 import ContentEditable from '@components/editable/ContentEditable.vue';
 // import CheckboxEditable from '@components/editable/CheckboxEditable.vue';
@@ -24,7 +35,9 @@ export default {
       doleance_selected: null,
       doleance_index: null,
       arrowleft_path: mdiArrowLeft,
-      arrowright_path: mdiArrowRight
+      arrowright_path: mdiArrowRight,
+      mdiStickerPlusOutline_path: mdiStickerPlusOutline,
+      reloading_concernements: false
     }
   },
   computed: {
@@ -39,6 +52,10 @@ export default {
                                     'p_reception_application_decision',
                                     'reloadConcernementCerclePol'
                                   ]),
+    ...mapState(UserStore,['name',
+                           'csrf_token',
+                           'isloggedin',
+                           'user_entites']),
     ...mapState(CommonStore,['hover_elmt'])
   },
   created () {
@@ -53,15 +70,40 @@ export default {
     
   },
   mounted() {
-    if (this.doleance_index > 0) 
-      this.$refs.prevDoleanceBTN.classList.add('visible');
+    if(this.concernement && this.concernement.doleances.length){
+      if (this.doleance_index > 0) 
+        this.$refs.prevDoleanceBTN.classList.add('visible');
 
-    if (this.doleance_index < this.concernement.doleances.length-1)
-      this.$refs.nextDoleanceBTN.classList.add('visible'); 
+      if (this.doleance_index < this.concernement.doleances.length-1)
+        this.$refs.nextDoleanceBTN.classList.add('visible'); 
+    }
   },
   unmounted() {
-    this.setOpenedDoleance(parseInt(this.cid), this.concernement.doleances[0].id);
+    if(this.concernement && this.concernement.doleances.length){
+      this.setOpenedDoleance(parseInt(this.cid), this.concernement.doleances[0].id);
 
+    }
+
+  },
+  watch: {
+    opened_concernement: {
+      handler (n, o) {
+        console.log(`${this.cid} watch opened_concernement o, n`, o, n);
+        if (!n) { // if there is no opened concernement
+          
+        } else {
+          this.concernement = this.concernementsByID[this.cid];
+          console.log(`Doleancer content created, id: ${this.cid}, doleances:`,this.concernement.doleances);
+          this.concernement.doleances.forEach((doleance, index) => {
+            if (doleance.id === this.concernement.opened_doleance.id) {
+              this.doleance = doleance;
+              this.doleance_index = index;
+            }
+          });
+        }
+      },
+      deep: true
+    }
   },
   methods: {
     ...mapActions(ConcernementsStore,['setOpenedDoleance']),
@@ -92,6 +134,88 @@ export default {
           that.$refs.nextDoleanceBTN.classList.toggle('visible', that.doleance_index < that.concernement.doleances.length-1); 
         };
       }(this)), 2000)
+    },
+    addCerclePo(e){
+      console.log('add cerclepo');
+      this.reloading_concernements = true;
+      // 1 create entite node
+      this.createCerclepoNode()
+        .then((cerclepo) => {
+          console.log('createCerclepoNode then node', cerclepo);
+          // 2 record on concernement field_entites
+          this.recordConcernementDoleancerField(cerclepo)
+                .then((concernement) => {
+                  console.log('concernement', concernement);
+                  // reload the map item
+                  this.reloadConcernementCerclePol(concernement.nid[0].value)
+                    .then(() => {
+                      this.reloading_concernements = false;
+                    });
+                })
+        })
+
+    },
+    createCerclepoNode(){
+      return new Promise((resolve, reject) => {
+        // 1 create entite node
+        const params_node_cerclepo = {
+          type: 'cercle_politique',
+          title: [{value:'Titre à personaliser'}]
+        };
+        
+        const configs = {
+          headers: {'X-CSRF-Token': this.csrf_token}
+        };
+
+        REST.post(`/node?_format=json`, params_node_cerclepo, configs)
+          .then(({ data }) => {
+            console.log('REST post new node cercle_politique', data);
+            resolve(data)
+          })
+          .catch(error => {
+            console.warn(`Issue with post new node cercle_politique`, error)
+            reject(error)
+          })
+      })
+    },
+    recordConcernementDoleancerField(node){
+      return new Promise((resolve, reject) => {
+        // 2 record concernement field_doleancer
+
+        // get all the field_entite values, we don't want to ersae everything
+        let doleances = [];
+        this.concernement.doleances.forEach((doleance) =>{
+          doleances.push({
+            target_id: doleance.id
+          })
+        })
+        // add the new field value
+        doleances.push({
+          target_id: node.nid[0].value
+        })
+        console.log('doleances', doleances);
+        
+        const params_node = {
+          type: 'concernement',
+          nid: [{value: this.cid}],
+          'field_doleancer': doleances
+        };
+        
+        const configs = {
+          headers: {'X-CSRF-Token': this.csrf_token}
+        };
+
+        REST.patch(`/node/${this.cid}?_format=json`, params_node, configs)
+          .then(({ data }) => {
+            console.log('REST patch node new field_doleancer', data)
+            resolve(data)
+          })
+          .catch(error => {
+            console.warn(`Issue with patch node field_doleancer`, error)
+            reject(error)
+          })
+        // resolve('test')
+      })
     }
   },
   components: {
@@ -115,216 +239,237 @@ export default {
     
     <template v-slot:main>
       <section
-      class="content-doleances">
-      
-      <template v-if="opened_concernement.opened_doleance.id === doleance.id">
-            <h3 class="doleance-title">{{ doleance.title }}</h3>
-            <section
-              v-if="opened_concernement.opened_doleance.field === 'leprobleme' ||  !opened_concernement.opened_doleance.field">
-              <span class="date">{{ doleance.date_leprobleme.start }}</span>
-              <h5>{{ ct_cercle_politique.field_le_probleme.label }}</h5>
-              <!-- <h4 name="leprobleme">{{ doleance.leprobleme }}</h4> -->
-              <ContentEditable
-                tag="h4"
-                :value="doleance.leprobleme" 
-                class="doleance-leprobleme" 
-                :contenteditable="opened_concernement.can_update"
-                :data="{
-                  entitytype: 'node',
-                  bundle: 'cercle_politique',
-                  id: doleance.id,
-                  field: {field_name: 'field_le_probleme', value:'value'}
-                }"
-                v-on:updated="reloadConcernementCerclePol(cid)"/>
-            </section>
+        class="content-doleances">
+        
+        <template v-if="opened_concernement.opened_doleance && opened_concernement.opened_doleance.id === doleance.id">
+          <ContentEditable
+            tag="h3"
+            :value="doleance.title" 
+            class="doleance-title" 
+            :contenteditable="opened_concernement.can_update"
+            :data="{
+              entitytype: 'node',
+              bundle: 'cercle_politique',
+              id: doleance.id,
+              field: {field_name: 'title', value:'value'}
+            }"
+            v-on:updated="reloadConcernementCerclePol(cid)"/>
+          <section
+            v-if="opened_concernement.opened_doleance.field === 'leprobleme' ||  !opened_concernement.opened_doleance.field">
+            <span class="date">{{ doleance.date_leprobleme.start }}</span>
+            <h5>{{ ct_cercle_politique.field_le_probleme.label }}</h5>
+            <ContentEditable
+              tag="h4"
+              :value="doleance.leprobleme" 
+              class="doleance-leprobleme" 
+              :contenteditable="opened_concernement.can_update"
+              :data="{
+                entitytype: 'node',
+                bundle: 'cercle_politique',
+                id: doleance.id,
+                field: {field_name: 'field_le_probleme', value:'value'}
+              }"
+              v-on:updated="reloadConcernementCerclePol(cid)"/>
+          </section>
 
-            <section
-              v-if="opened_concernement.opened_doleance.field === 'lenquete'"
-              class="lenquete">
-              <h5>{{ ct_cercle_politique.field_enquete_terraindevie.label }}</h5>
-              <!-- <label for="lenquete">{{ ct_cercle_politique.field_enquete_terraindevie.label }}</label> -->
-              <h4 name="lenquete">{{ doleance.lenquete }}</h4>
-            </section>
+          <section
+            v-if="opened_concernement.opened_doleance.field === 'lenquete'"
+            class="lenquete">
+            <h5>{{ ct_cercle_politique.field_enquete_terraindevie.label }}</h5>
+            <!-- <label for="lenquete">{{ ct_cercle_politique.field_enquete_terraindevie.label }}</label> -->
+            <h4 name="lenquete">{{ doleance.lenquete }}</h4>
+          </section>
 
-            <section 
-              v-if="opened_concernement.opened_doleance.field === 'groupesinterets'"
-              class="groupesinterets">
-              <span class="date">
-                {{ doleance.groupesinterets[opened_concernement.opened_doleance.field_index].date.start }}
-                &#x2192;
-                {{ doleance.groupesinterets[opened_concernement.opened_doleance.field_index].date.end }}
-              </span>
-              <h5>Construction de groupes d'intérets avec qui composer la doléance</h5>
-              <section>
-                <label for="groupe">{{ p_groupes_interets.field_groupe_interets.label }}</label>
-                <p 
-                  name="groupe"
-                  v-html="doleance.groupesinterets[opened_concernement.opened_doleance.field_index].groupe_interets" />
-                
-                <label for="accorder">{{ p_groupes_interets.field_accorder_interets.label }}</label>
-                <p 
-                  name="accorder"
-                  v-html="doleance.groupesinterets[opened_concernement.opened_doleance.field_index].accorder_interets" />
-                
-                <label for="formuler">{{ p_groupes_interets.field_formuler.label }}</label>
-                <p 
-                  name="formuler"
-                  v-html="doleance.groupesinterets[opened_concernement.opened_doleance.field_index].formuler" />
-              </section>
-            </section>
-
-            <section
-              v-if="opened_concernement.opened_doleance.field === 'adresse_de_la_doleance'"
-              class="adresse">
-              <span class="date">{{ doleance.date_adresse.start }}</span>
+          <section 
+            v-if="opened_concernement.opened_doleance.field === 'groupesinterets'"
+            class="groupesinterets">
+            <span class="date">
+              {{ doleance.groupesinterets[opened_concernement.opened_doleance.field_index].date.start }}
+              &#x2192;
+              {{ doleance.groupesinterets[opened_concernement.opened_doleance.field_index].date.end }}
+            </span>
+            <h5>Construction de groupes d'intérets avec qui composer la doléance</h5>
+            <section>
+              <label for="groupe">{{ p_groupes_interets.field_groupe_interets.label }}</label>
+              <p 
+                name="groupe"
+                v-html="doleance.groupesinterets[opened_concernement.opened_doleance.field_index].groupe_interets" />
               
-              <h5>Adresse de la doléance</h5>
-
-              <label for="entite_addresse_doleance">{{ ct_cercle_politique.field_entite_adresse_doleance.label }}</label>
-              <p
-                name="entite_addresse_doleance"
-                v-html="doleance.entite_addresse_doleance" />
+              <label for="accorder">{{ p_groupes_interets.field_accorder_interets.label }}</label>
+              <p 
+                name="accorder"
+                v-html="doleance.groupesinterets[opened_concernement.opened_doleance.field_index].accorder_interets" />
               
-                <label for="comment_ennonce_doleance">{{ ct_cercle_politique.field_comment_enonce_doleance.label }}</label>
-              <p
-                name="comment_ennonce_doleance"
-                v-html="doleance.comment_ennonce_doleance" />
-              
-                <label for="aqui_addresse_doleance">{{ ct_cercle_politique.field_a_qui_adresse_doleance.label }}</label>
-              <p
-                name="aqui_addresse_doleance"
-                v-html="doleance.aqui_addresse_doleance" />               
+              <label for="formuler">{{ p_groupes_interets.field_formuler.label }}</label>
+              <p 
+                name="formuler"
+                v-html="doleance.groupesinterets[opened_concernement.opened_doleance.field_index].formuler" />
             </section>
+          </section>
 
-            <section
-              v-if="opened_concernement.opened_doleance.field === 'reception_traitement'"
-              class="reception_traitement">
-              <span class="date">
-                {{ doleance.reception_traitement[opened_concernement.opened_doleance.field_index].date.start }}
-                &#x2192;
-                {{ doleance.reception_traitement[opened_concernement.opened_doleance.field_index].date.end }}
-              </span>
-              <h5>Reception et traitement de la doléance</h5>
-              <label for="entite_adressee">{{ p_reception_et_traitement.field_entite_adressee.label }}</label>
-              <p 
-                name="entite_adressee"
-                v-html="doleance.reception_traitement[opened_concernement.opened_doleance.field_index].entite_adressee" />
-              <label for="doleance_formulee">{{ p_reception_et_traitement.field_doleance_formulee.label }}</label>
-              <p 
-                name="doleance_formulee"
-                v-html="doleance.reception_traitement[opened_concernement.opened_doleance.field_index].doleance_formulee" />
-              <label for="traite_doleance">{{ p_reception_et_traitement.field_traite_doleance.label }}</label>
-              <p 
-                name="traite_doleance"
-                v-html="doleance.reception_traitement[opened_concernement.opened_doleance.field_index].traite_doleance" />
-              <label for="entite_recoit_doleance">{{ p_reception_et_traitement.field_entite_recoit_doleance.label }}</label>
-              <p 
-                name="entite_recoit_doleance"
-                v-html="doleance.reception_traitement[opened_concernement.opened_doleance.field_index].entite_recoit_doleance" />
-            </section>
-
-            <section
-              v-if="opened_concernement.opened_doleance.field === 'decision'"
-              class="decision">
-              <span class="date">{{ doleance.date_decision.start }}</span>
-              
-              <h5>Décision</h5>
-              <label for="entites_decisionnaires">{{ ct_cercle_politique.field_entites_decisionnaires.label }}</label>
-              <p name="entites_decisionnaires" v-html="doleance.entites_decisionnaires" />
-              <label for="decision_formule">{{ ct_cercle_politique.field_decision_formulee.label }}</label>
-              <p name="decision_formule" v-html="doleance.decision_formule" />
-            </section>
-
-            <section
-              v-if="opened_concernement.opened_doleance.field === 'mise_en_oeuvre_decision'"
-              class="mise_en_oeuvre_decision">
-              <span class="date">
-                {{ doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].date.start }}
-                &#x2192;
-                {{ doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].date.end }}
-              </span>
-              <h5>{{ ct_cercle_politique.field_mise_en_oeuvre_decision.label }}</h5>
-              <label for="entite_adresse_decision">{{ p_mise_en_oeuvre_decision.field_entite_adresse_decision.label }}</label>
-              <p 
-                name="entite_adresse_decision"
-                v-html="doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].entite_adresse_decision" />
-              <label for="formule_decision">{{ p_mise_en_oeuvre_decision.field_formule_decision.label }}</label>
-              <p 
-                name="formule_decision"
-                v-html="doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].formule_decision" />
-              <label for="entite_metenoeuvre_decisio">{{ p_mise_en_oeuvre_decision.field_entite_metenoeuvre_decisio.label }}</label>
-              <p 
-                name="entite_metenoeuvre_decisio"
-                v-html="doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].entite_metenoeuvre_decisio" />
-            </section>
-
-
-            <section 
-              v-if="opened_concernement.opened_doleance.field === 'adresse_de_la_decision'"
-              class="adresse_de_la_decision">
-              <span class="date">{{ doleance.date_adresse.start }}</span>
-              <h5>Adresse de la decision à appliquer</h5>
+          <section
+            v-if="opened_concernement.opened_doleance.field === 'adresse_de_la_doleance'"
+            class="adresse">
+            <span class="date">{{ doleance.date_adresse.start }}</span>
             
-              <label for="entite_adresse_application">{{ ct_cercle_politique.field_entite_adresse_application.label }}</label>
-              <p name="entite_adresse_application" v-html="doleance.entite_adresse_application" />
-              <label for="aqui_adresse_decision">{{ ct_cercle_politique.field_aqui_adresse_decision.label }}</label>
-              <p name="aqui_adresse_decision" v-html="doleance.aqui_adresse_decision" />
-              <label for="comment_formule_decision">{{ ct_cercle_politique.field_comment_formule_decision.label }}</label>
-              <p name="comment_formule_decision" v-html="doleance.comment_formule_decision" />
-            </section>
+            <h5>Adresse de la doléance</h5>
 
-            <section
-              v-if="opened_concernement.opened_doleance.field === 'receptions_et_applications'"
-              class="receptions_et_applications">
-              <span class="date">
-                {{ doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].date.start }}
-                &#x2192;
-                {{ doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].date.end }}
-              </span>
-              <h5>{{ ct_cercle_politique.field_receptions_et_applications.label }}</h5>
+            <label for="entite_addresse_doleance">{{ ct_cercle_politique.field_entite_adresse_doleance.label }}</label>
+            <p
+              name="entite_addresse_doleance"
+              v-html="doleance.entite_addresse_doleance" />
             
-              <label for="applique_decision">{{ p_reception_application_decision.field_applique_decision.label }}</label>
-              <p
-                name="applique_decision"
-                v-html="doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].applique_decision" />
-
-              <label for="formule_decision_applic">{{ p_reception_application_decision.field_formule_decision_applic.label }}</label>
-              <p
-                name="formule_decision_applic"
-                v-html="doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].formule_decision_applic" />
-
-              <label for="entite_recoit_decision">{{ p_reception_application_decision.field_entite_recoit_decision.label }}</label>
-              <p
-                name="entite_recoit_decision"
-                v-html="doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].entite_recoit_decision" />
-            </section>
+              <label for="comment_ennonce_doleance">{{ ct_cercle_politique.field_comment_enonce_doleance.label }}</label>
+            <p
+              name="comment_ennonce_doleance"
+              v-html="doleance.comment_ennonce_doleance" />
             
-            <section
-              v-if="opened_concernement.opened_doleance.field === 'probleme_initial_resolu'"
-              class="probleme_initial_resolu">
+              <label for="aqui_addresse_doleance">{{ ct_cercle_politique.field_a_qui_adresse_doleance.label }}</label>
+            <p
+              name="aqui_addresse_doleance"
+              v-html="doleance.aqui_addresse_doleance" />               
+          </section>
 
-              <h5>Réussite / échec / reprise du cercle politique</h5>
+          <section
+            v-if="opened_concernement.opened_doleance.field === 'reception_traitement'"
+            class="reception_traitement">
+            <span class="date">
+              {{ doleance.reception_traitement[opened_concernement.opened_doleance.field_index].date.start }}
+              &#x2192;
+              {{ doleance.reception_traitement[opened_concernement.opened_doleance.field_index].date.end }}
+            </span>
+            <h5>Reception et traitement de la doléance</h5>
+            <label for="entite_adressee">{{ p_reception_et_traitement.field_entite_adressee.label }}</label>
+            <p 
+              name="entite_adressee"
+              v-html="doleance.reception_traitement[opened_concernement.opened_doleance.field_index].entite_adressee" />
+            <label for="doleance_formulee">{{ p_reception_et_traitement.field_doleance_formulee.label }}</label>
+            <p 
+              name="doleance_formulee"
+              v-html="doleance.reception_traitement[opened_concernement.opened_doleance.field_index].doleance_formulee" />
+            <label for="traite_doleance">{{ p_reception_et_traitement.field_traite_doleance.label }}</label>
+            <p 
+              name="traite_doleance"
+              v-html="doleance.reception_traitement[opened_concernement.opened_doleance.field_index].traite_doleance" />
+            <label for="entite_recoit_doleance">{{ p_reception_et_traitement.field_entite_recoit_doleance.label }}</label>
+            <p 
+              name="entite_recoit_doleance"
+              v-html="doleance.reception_traitement[opened_concernement.opened_doleance.field_index].entite_recoit_doleance" />
+          </section>
 
-              <label for="probleme_initial_resolu">{{ ct_cercle_politique.field_probleme_initial_resolu.label }}</label>
-              <p
-                name="probleme_initial_resolu"
-                v-html="doleance.probleme_initial_resolu" />
+          <section
+            v-if="opened_concernement.opened_doleance.field === 'decision'"
+            class="decision">
+            <span class="date">{{ doleance.date_decision.start }}</span>
+            
+            <h5>Décision</h5>
+            <label for="entites_decisionnaires">{{ ct_cercle_politique.field_entites_decisionnaires.label }}</label>
+            <p name="entites_decisionnaires" v-html="doleance.entites_decisionnaires" />
+            <label for="decision_formule">{{ ct_cercle_politique.field_decision_formulee.label }}</label>
+            <p name="decision_formule" v-html="doleance.decision_formule" />
+          </section>
 
-              <label for="oui_nouvelle_situation">{{ ct_cercle_politique.field_oui_nouvelle_situation.label }}</label>
-              <p
-                name="oui_nouvelle_situation"
-                v-html="doleance.oui_nouvelle_situation" />
+          <section
+            v-if="opened_concernement.opened_doleance.field === 'mise_en_oeuvre_decision'"
+            class="mise_en_oeuvre_decision">
+            <span class="date">
+              {{ doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].date.start }}
+              &#x2192;
+              {{ doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].date.end }}
+            </span>
+            <h5>{{ ct_cercle_politique.field_mise_en_oeuvre_decision.label }}</h5>
+            <label for="entite_adresse_decision">{{ p_mise_en_oeuvre_decision.field_entite_adresse_decision.label }}</label>
+            <p 
+              name="entite_adresse_decision"
+              v-html="doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].entite_adresse_decision" />
+            <label for="formule_decision">{{ p_mise_en_oeuvre_decision.field_formule_decision.label }}</label>
+            <p 
+              name="formule_decision"
+              v-html="doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].formule_decision" />
+            <label for="entite_metenoeuvre_decisio">{{ p_mise_en_oeuvre_decision.field_entite_metenoeuvre_decisio.label }}</label>
+            <p 
+              name="entite_metenoeuvre_decisio"
+              v-html="doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].entite_metenoeuvre_decisio" />
+          </section>
 
-              <label for="non_adresse_doleance">{{ ct_cercle_politique.field_non_adresse_doleance.label }}</label>
-              <p
-                name="non_adresse_doleance"
-                v-html="doleance.non_adresse_doleance" />
-            </section>
-          </template>
+
+          <section 
+            v-if="opened_concernement.opened_doleance.field === 'adresse_de_la_decision'"
+            class="adresse_de_la_decision">
+            <span class="date">{{ doleance.date_adresse.start }}</span>
+            <h5>Adresse de la decision à appliquer</h5>
+          
+            <label for="entite_adresse_application">{{ ct_cercle_politique.field_entite_adresse_application.label }}</label>
+            <p name="entite_adresse_application" v-html="doleance.entite_adresse_application" />
+            <label for="aqui_adresse_decision">{{ ct_cercle_politique.field_aqui_adresse_decision.label }}</label>
+            <p name="aqui_adresse_decision" v-html="doleance.aqui_adresse_decision" />
+            <label for="comment_formule_decision">{{ ct_cercle_politique.field_comment_formule_decision.label }}</label>
+            <p name="comment_formule_decision" v-html="doleance.comment_formule_decision" />
+          </section>
+
+          <section
+            v-if="opened_concernement.opened_doleance.field === 'receptions_et_applications'"
+            class="receptions_et_applications">
+            <span class="date">
+              {{ doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].date.start }}
+              &#x2192;
+              {{ doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].date.end }}
+            </span>
+            <h5>{{ ct_cercle_politique.field_receptions_et_applications.label }}</h5>
+          
+            <label for="applique_decision">{{ p_reception_application_decision.field_applique_decision.label }}</label>
+            <p
+              name="applique_decision"
+              v-html="doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].applique_decision" />
+
+            <label for="formule_decision_applic">{{ p_reception_application_decision.field_formule_decision_applic.label }}</label>
+            <p
+              name="formule_decision_applic"
+              v-html="doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].formule_decision_applic" />
+
+            <label for="entite_recoit_decision">{{ p_reception_application_decision.field_entite_recoit_decision.label }}</label>
+            <p
+              name="entite_recoit_decision"
+              v-html="doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].entite_recoit_decision" />
+          </section>
+          
+          <section
+            v-if="opened_concernement.opened_doleance.field === 'probleme_initial_resolu'"
+            class="probleme_initial_resolu">
+
+            <h5>Réussite / échec / reprise du cercle politique</h5>
+
+            <label for="probleme_initial_resolu">{{ ct_cercle_politique.field_probleme_initial_resolu.label }}</label>
+            <p
+              name="probleme_initial_resolu"
+              v-html="doleance.probleme_initial_resolu" />
+
+            <label for="oui_nouvelle_situation">{{ ct_cercle_politique.field_oui_nouvelle_situation.label }}</label>
+            <p
+              name="oui_nouvelle_situation"
+              v-html="doleance.oui_nouvelle_situation" />
+
+            <label for="non_adresse_doleance">{{ ct_cercle_politique.field_non_adresse_doleance.label }}</label>
+            <p
+              name="non_adresse_doleance"
+              v-html="doleance.non_adresse_doleance" />
+          </section>
+        </template>
       </section>
     </template>
 
     <template v-slot:footer>
+      <template v-if="concernement.can_update">
+          <div v-if="!reloading_concernements" @click="addCerclePo" class="add-cerclepo-btn btn">
+            <span>Ajouter un crecle politique</span>
+            <svg-icon type="mdi" :path="mdiStickerPlusOutline_path"/>
+          </div>
+          <div v-else class="add-cerclepo-btn btn">
+            <div class="loading">Chargement</div>
+          </div>
+        </template>
+
+
       <!-- <vue-plyr>
         <div class="plyr__video-embed"> -->
           <iframe
diff --git a/src/components/contents/TerrainDeVie.vue b/src/components/contents/TerrainDeVie.vue
index ea86776..8500101 100644
--- a/src/components/contents/TerrainDeVie.vue
+++ b/src/components/contents/TerrainDeVie.vue
@@ -308,7 +308,7 @@ export default {
             resolve(data)
           })
           .catch(error => {
-            console.warn(`Issue with post new paragraph source`, error)
+            console.warn(`Issue with post new node cercle_politique`, error)
             reject(error)
           })
       })
diff --git a/src/stores/concernements.js b/src/stores/concernements.js
index 141b3f6..089096b 100644
--- a/src/stores/concernements.js
+++ b/src/stores/concernements.js
@@ -637,6 +637,19 @@ export const ConcernementsStore = defineStore({
             let tmp_conc = this.concernementsByID[concernement.id];
             // merge old concernement entites with new once
             _assign(tmp_conc.doleances, concernement.doleances);
+
+            // redefine opened doleance if needed
+            tmp_conc.has_doleance = tmp_conc.doleances.length ? true : false;
+            if (tmp_conc.has_doleance) {
+              // console.log('concernement has doleance', tmp_conc.doleances);
+              if (!tmp_conc.opened_doleance) {
+                tmp_conc.opened_doleance = {
+                  id: tmp_conc.doleances[0].id
+                };
+              }
+            }
+
+            // resolve
             resolve(concernement);
           })
           .catch(error => {