diff --git a/src/formater-list-contact.vue b/src/formater-list-contact.vue
index 3b5da07..f4b34e5 100644
--- a/src/formater-list-contact.vue
+++ b/src/formater-list-contact.vue
@@ -42,10 +42,10 @@ export default {
     FormaterContact
   },
   props: {
-    lang: {
-      type: String,
-      default: 'en'
-    },
+//     lang: {
+//       type: String,
+//       default: 'en'
+//     },
     responsibleParty: {
       type: Array,
       default: () => []
@@ -56,9 +56,9 @@ export default {
     }
   },
   watch: {
-    lang (newvalue) {
-    	this.$i18n.locale = newvalue
-    },
+//     lang (newvalue) {
+//     	this.$i18n.locale = newvalue
+//     },
     responsibleParty2 (newvalue) {
        this.updateContacts(newvalue)
     }
@@ -72,8 +72,8 @@ export default {
     }
   },
   created () {
-    this.$i18n.locale = this.lang
-    this.$setGnLocale(this.lang)
+    //this.$i18n.locale = this.lang
+    //this.$setGnLocale(this.lang)
     this.updateContacts(this.responsibleParty)
     this.updateContacts(this.responsibleParty2)
     
diff --git a/src/formater-list-metadata.vue b/src/formater-list-metadata.vue
index 4b8a2cb..7970dc4 100644
--- a/src/formater-list-metadata.vue
+++ b/src/formater-list-metadata.vue
@@ -10,7 +10,7 @@
 <template>
  <div class="mtdt-list" >
     <div v-if="!metadatas" style="width:calc(100% - 150px);">{{$t('no_result')}}</div>
-    <formater-cartouche-metadata :width="capsuleWidth" :color="color" :depth="depth" :type="type" v-for="(meta, index) in metadatas" :key="index" :metadata="meta" v-if="meta" :lang="lang"></formater-cartouche-metadata>
+    <formater-cartouche-metadata :width="capsuleWidth" :color="color" :depth="depth" :type="type" v-for="(meta, index) in metadatas" :key="index" :metadata="meta" v-if="meta" :lang="$i18n.locale"></formater-cartouche-metadata>
   </div>
 </template>
 <script>
@@ -25,10 +25,10 @@ export default {
       type: Array,
       default: null
     },
-    lang: {
-      type: String,
-      default: 'en'
-    },
+//     lang: {
+//       type: String,
+//       default: 'en'
+//     },
     depth: {
       type: Number,
       default: 0
@@ -42,12 +42,12 @@ export default {
       default: 300
     }
   },
-  watch: {
-    lang (newvalue) {
-    	this.$i18n.locale = newvalue
-    	this.$setGnLocale(this.lang)
-    }
-  },
+//   watch: {
+//     lang (newvalue) {
+//     	this.$i18n.locale = newvalue
+//     	this.$setGnLocale(this.lang)
+//     }
+//   },
   data() {
     return {
       metadatas: {},
@@ -59,8 +59,8 @@ export default {
     }
   },
   created: function() {
-    this.$i18n.locale = this.lang
-    this.$setGnLocale(this.lang)
+    //this.$i18n.locale = this.lang
+   // this.$setGnLocale(this.lang)
     this.metadataListListener = this.receiveMetadatas.bind(this)
     document.addEventListener('fmt:metadataListEvent', this.metadataListListener)
   },
@@ -87,7 +87,7 @@ export default {
        }
         var headers =  {
           'Accept': 'application/json, text/plain, */*',
-          'Accept-Language': this.lang === 'fr' ? 'fre': 'eng'
+          'Accept-Language': this.$i18n.locale === 'fr' ? 'fre': 'eng'
         }
         var url = this.$store.state.geonetwork + 'srv/api/related?type=children'
         url += '&uuid=' + Object.keys(this.metadatas).join('&uuid=')
diff --git a/src/formater-metadata.vue b/src/formater-metadata.vue
index 15d0aca..68a022d 100644
--- a/src/formater-metadata.vue
+++ b/src/formater-metadata.vue
@@ -39,9 +39,11 @@
          <formater-export-links :uuid="uuid" v-if="uuid"></formater-export-links>
       </div>
       <!--  tab search if have child -->
+      <formater-opensearch v-if="describe"  :describe="describe" :uuid="uuid" :depth="depth" @hasChild="setHasChild"></formater-opensearch>
       <div v-if="tabs.search" v-show="currentTab === 'search'">
-           <formater-paging :lang="lang" :nb-record="nbRecord" :type="type" :record-by-line="recordByLine" :depth="depth + 1"></formater-paging>
-      		<formater-list-metadata :lang="lang" :depth="depth + 1"  :capsule-width="capsuleWidth"></formater-list-metadata>
+           
+           <formater-paging  :nb-record="nbRecord" :type="type" :record-by-line="recordByLine" :depth="depth + 1"></formater-paging>
+      		<formater-list-metadata  :depth="depth + 1"  :capsule-width="capsuleWidth"></formater-list-metadata>
       </div>
       <!--  others tab -->
       <div v-if="currentTab === 'main'" style="margin-top:20px;">
@@ -58,15 +60,15 @@
 			</div>
 		  </div>
 		  <div >
-	          <formater-list-contact  :lang="lang" :responsible-party="meta.responsibleParty" :responsible-party2="metaLang2.responsibleParty"></formater-list-contact>
+	          <formater-list-contact   :responsible-party="meta.responsibleParty" :responsible-party2="metaLang2.responsibleParty"></formater-list-contact>
 	     </div>
 	 
       </div>
       <div v-if="currentTab === 'complement'" >
-             <formater-list-contact  :lang="lang" :responsible-party="meta.responsibleParty" :responsible-party2="metaLang2.responsibleParty"></formater-list-contact>
+             <formater-list-contact   :responsible-party="meta.responsibleParty" :responsible-party2="metaLang2.responsibleParty"></formater-list-contact>
       </div>
        <div v-if="currentTab === 'quality'" >
-             <formater-list-contact  :lang="lang" :responsible-party="meta.responsibleParty" :responsible-party2="metaLang2.responsibleParty"></formater-list-contact>
+             <formater-list-contact   :responsible-party="meta.responsibleParty" :responsible-party2="metaLang2.responsibleParty"></formater-list-contact>
       </div>
    </div>
  </div>
@@ -78,7 +80,7 @@ import FormaterExportLinks from './formater-export-links.vue'
 const FormaterPaging = () => import('./formater-paging.vue')
 const FormaterListMetadata = () => import('./formater-list-metadata.vue')
 import moment from 'moment';
-import opensearch from './opensearch'
+const FormaterOpensearch = () => import('./formater-opensearch.vue')
 // import { extendMoment } from 'moment-range';
 // window.momentCst = extendMoment(moment);
 
@@ -89,13 +91,14 @@ export default {
     FormaterQuicklooks,
     FormaterExportLinks,
     FormaterPaging,
-    FormaterListMetadata
+    FormaterListMetadata,
+    FormaterOpensearch
   },
   props: {
-    lang: {
+   /* lang: {
       type: String,
       default: 'en'
-    },
+    },*/
     metadata: {
       type: Object,
       default: null
@@ -118,34 +121,12 @@ export default {
 //     }
   },
   watch: {
-    lang (newvalue) {
-    	this.$i18n.locale = newvalue
-    	moment.locale(newvalue)
-    	this.srv = this.$store.state.geonetwork + 'srv/' + (newvalue === 'fr' ? 'fre' : 'eng') + '/'
-    	this.headers['Accept-Language'] =  newvalue === 'fr' ? 'fre': 'eng'
-    },
     metadata: {
       immediate: true,
       handler (newvalue) {
         this.computeHasChild(newvalue)
       }
-    } //,
-//     meta: {
-//       handler(val, old) {
-//         if (val.related && val.related.children) {
-//          // this.$set(this.tabs, 'complement', true)
-//           if (!this.hasChild) {
-//             this.getRecords()
-//             this.hasChild = true
-//             this.$set(this.tabs, 'search', true)
-//             this.currentTab = 'search'
-//           }
-//         } else {
-//           this.hasChild = false
-//           this.$set(this.tabs, 'search', false)
-//         }
-//       }
-//     }
+    } 
   },
   data() {
     return {
@@ -167,8 +148,9 @@ export default {
     // api: process.env.GEONETWORK + '/srv/api/',
      headers: {
        'Accept': 'application/json, text/plain, */*',
-       'Accept-Language': this.lang === 'fr' ? 'fre': 'eng'
+       'Accept-Language': this.$i18n.locale === 'fr' ? 'fre': 'eng'
      },
+     describe: null,
      parameters: {},
     // recordByLine: 4,
      nbRecord: 12,
@@ -185,8 +167,8 @@ export default {
   },
   created () {
    // this.recordByLine = this.nbRecordPerLine
-    this.$i18n.locale = this.lang
-    this.$setGnLocale(this.lang)
+    // this.$i18n.locale = this.lang
+    this.$setGnLocale(this.$i18n.locale)
     moment.locale(this.lang)
     if (this.metadata['geonet:info']) {
        this.uuid = this.metadata['geonet:info'].uuid
@@ -197,8 +179,6 @@ export default {
     document.addEventListener('popstate', this.popstateListener)
     this.keydownListener = this.checkEscape.bind(this)
     document.addEventListener('keydown', this.keydownListener)
-    this.searchEventListener = this.handleSearch.bind(this) 
-  	document.addEventListener('aerisSearchEvent', this.searchEventListener);
 //     var post = {
 //         "clientId":"lJ9NjcIZLGYkgRzvRlBDQS_LeVoa",
 //         "code":"62d32c7eb43e579b82713f8d04cfe7",
@@ -215,22 +195,6 @@ export default {
 //     xhr.withCredentials = true;
 //     xhr.send(JSON.stringify(post));
   },
-  watch: {
-    
-  },
- /* computed: {
-    hasChild () {
-      if (this.meta && this.meta.related && this.meta.related.children) {
-        console.log(this.meta.related)
-        this.tabs.complement = true
-        console.log(this.tabs)
-        return true;
-      } else {
-        this.$delete(this.tabs, 1 )
-        return false;
-      }
-    }
-  },*/
   mounted () {
    if (this.metadata) {
      this.meta = this.metadata
@@ -267,32 +231,27 @@ export default {
       },
       computeHasChild (val) {
         if (val.related && val.related.children) {
-          // this.$set(this.tabs, 'complement', true)
+          // case child in geonetwork
            if (!this.hasChild) {
-            
-             this.getRecords()
-             this.hasChild = true
-             this.$set(this.tabs, 'search', true)
-             this.currentTab = 'search'
+             this.setHasChild(true)
            }
          } else if (val.api) {
            if (!this.hasChild) {
-              this.getApiParameters(val.api)
-             var infosApi = opensearch.load(val.api)
-             
+           // case child from a custom api opensearch
+              this.describe = val.api.http
            }
-           
          } else {
-           this.hasChild = false
-           this.$set(this.tabs, 'search', false)
+           this.setHasChild(false)
          }
       },
-//       recordsPerLineChange (count) {
-//     	  this.recordByLine = count
-//     	  this.nbRecord = count * 4
-// //     	  var evt = new CustomEvent('fmt:pageChangedEvent')
-// //     	  document.dispatchEvent(evt)
-//       },
+      setHasChild(value) {
+        this.hasChild = value
+        this.$set(this.tabs, 'search', value)
+        if (value) {
+          this.currentTab = 'search'
+          this.getRecords()
+        }
+      },
 	  fillMetadata () {
 	     //get meta from other language if meta._locale != meta.docLocale
 	     if (this.meta['geonet:info']) {
@@ -300,8 +259,7 @@ export default {
 	     } else {
 	       this.uuid = this.meta.id
 	     }
-	     
-	     
+
 	     if (this.meta._locale ===  this.meta.docLocale) {
 	       
 	       return
@@ -315,30 +273,12 @@ export default {
                  _this.metaLang2 = response.body.metadata
                } 
        	 )
-       	 this.searchOnlines()
        	 if (this.meta.related && this.meta.related.children) {
        	   this.hasChild = true
        	   this.getRecords()
        	 } 
 	  },
-	  searchOnlines () {
-      if (!this.metadatas) {
-        return
-      }
-       var headers =  {
-         'Accept': 'application/json, text/plain, */*',
-         'Accept-Language': this.lang === 'fr' ? 'fre': 'eng'
-       }
-//        var url = process.env.GEONETWORK + 'srv/api/records/'+this.uuid+'related?type=onlines'
-//        var self = this
-//        this.$http.get(url, {
-//              headers: headers
-//            }).then( response => { self.addOnlines(response.body)})
-        
-      },
-//       addOnlines (data) {
-//         console.log(data)
-//       },
+
 	  getRecords () {
           // useless, it's trigger when load formater-page-changed
       	  // lance le requeteur
@@ -346,94 +286,7 @@ export default {
       	  var event = new CustomEvent('fmt:metadataWithChildEvent', {detail: {uuid: this.uuid, depth: this.depth}})
       	  document.dispatchEvent(event)
       },
-      getApiParameters (describe) {
-        this.$http.get(describe.http)
-        .then(
-            response => { this.extractDescribeParameters(response.body);}
-         )
-      },
-      extractDescribeParameters (parameters) {
-        var parser = new DOMParser()
-        var xml = parser.parseFromString(parameters, 'text/xml')
-        var urls = xml.firstChild.childNodes
-       var url = null
-        urls.forEach(function (node) {
-           if (node.tagName && node.tagName.toLowerCase() === 'url' && node.getAttribute('type').indexOf('json') >= 0) {
-             var template = node.getAttribute('template')
-             var extract = template.match(/^(.*(?:(?:search.json\?)|(?:\?format=FLATSIM))).*$/)
-             if( extract && extract[1] && extract[1] != ''){
-                 url = node;
-             }
-           }
-        })
-        if (!url)  {
-          return
-        }
-        var template = url.getAttribute('template')
-        var extract = template.match(/^(.*(?:(?:search.json\?)|(?:\?format=FLATSIM))).*$/)
-        if (!extract[1]) {
-          return
-        } else {
-          this.api = extract[1]
-        }
-        var parameters = url.getElementsByTagName('parameters:Parameter')
-        var self = this
-        for(var i=0; i < parameters.length; i++){
-          var name = parameters[i].getAttribute('name')
-          var obj= {
-              name: name,
-              title: parameters[i].getAttribute('title')
-          }
-          var pattern = parameters[i].getAttribute('pattern')
-          if (pattern) {
-            obj = Object.assign(obj, {pattern: pattern})
-          }
-          var min = parameters[i].getAttribute('minInclusive')
-          if (min) {
-            obj= Object.assign(obj, {min: min})
-          }
-          var max = parameters[i].getAttribute('maxInclusive')
-          if (max) {
-            obj = Object.assign(obj, {max: max})
-          }
-          var nodes = parameters[i].getElementsByTagName('parameters:Options')
-          if (nodes) {
-            var options= []
-            for(var k=0; k < nodes.length; k++) {
-              options.push(nodes[k].getAttribute('value'))
-            }
-            if (options.length > 0)
-            obj = Object.assign(obj, {options: options})
-          }
-          if (self.removedFields.indexOf(name) >=0) {
-            
-//           }else if (name.toLowerCase() === 'platform') {
-//             this.platform = obj
-//           } else if (name.toLowerCase() === 'q'){
-//             this.hasQ = true
-          } else if (self.geographic.indexOf(name) >=0) {
-            self.geoParameters.push(obj)
-          } else if (self.paging.indexOf(name) >= 0) {
-             self.pagingParameters.push(obj)
-          }else if (name.indexOf('Date') === -1 && name.indexOf('Cover') === -1 && (!obj.options || obj.options.length > 1)) {
-          	self.osParameters.push(obj)
-          }
-          
-        }
-        var evt = new CustomEvent('fmt:changeParametersEvent', {detail: {parameters: this.osParameters}})
-        document.dispatchEvent(evt)
-        this.hasChild = true
-        this.$set(this.tabs, 'search', true)
-        this.currentTab = 'search'
-        this.getRecords()
-        // this.requestApi(searchParameters)
-      },
-      handleSearch(e) {
-        if (this.api && e.detail.parentUuid === this.uuid) {
-          e.detail.api = this.api
-        }
-      }
-	    
+     
   }
 }
 </script>
diff --git a/src/opensearch/index.js b/src/formater-opensearch.vue
similarity index 64%
rename from src/opensearch/index.js
rename to src/formater-opensearch.vue
index 0144090..8da300a 100644
--- a/src/opensearch/index.js
+++ b/src/formater-opensearch.vue
@@ -3,20 +3,59 @@
  * and process the response to match a geonetwork response
  * 
  * @author epointal
- */
-
-
+ *
+ **/
+ 
+<template></template>
+<script>
 export default {
-    _options: {
-      
+  name: 'FormaterOpensearch',
+  props: {
+    describe: {
+      type: String,
+      default: null
     },
-    load: function(describeUrl) {
-      this.$http.get(describeUrl)
-      .then(
-          response => { this.extractDescribeParameters(response.body);}
-      )
+    uuid: {
+      type: String,
+      default: null
     },
-    extractDescribeParameters: function (parametersString) {
+    depth: {
+      type: Number,
+      default: null
+    }
+  },
+  created () {
+    this.searchEventListener = this.handleSearch.bind(this) 
+  	document.addEventListener('aerisSearchEvent', this.searchEventListener);
+    this.load()
+  },
+  destroyed () {
+    document.removeEventListener('aerisSearchEvent', this.searchEventListener);
+    this.searchEventListener = null
+  },
+  data () {
+    return {
+      searchEventListener: null,
+      api: null,
+      geographic: ['geometry', 'box', 'lat', 'lon', 'radius'],
+      paging: ['maxRecords', 'index', 'page'],
+      removedFields: ['lang', 'name', 'q', 'organisationName', 'parentIdentifier'],
+      osParameters: [],
+      geoParameters: [],
+      pagingParameters: [],
+      parameters: []
+    }
+  },
+  methods: {
+     load() {
+       console.log(this.describe)
+       this.$http.get(this.describe)
+       .then(
+           response => { this.extractDescribeParameters(response.body);}
+        )
+    },
+    extractDescribeParameters(parametersString) {
+      console.log(parametersString)
       var parser = new DOMParser()
       var xml = parser.parseFromString(parametersString, 'text/xml')
       var urls = xml.firstChild.childNodes
@@ -85,15 +124,24 @@ export default {
         }
         
       }
+      console.log('FIN DU DESCRIBE 2')
+      this.$emit('hasChild', true)
+      
+      // modification des paramètres
       var evt = new CustomEvent('fmt:changeParametersEvent', {detail: {parameters: this.osParameters}})
       document.dispatchEvent(evt)
-      this.hasChild = true
-      this.$set(this.tabs, 'search', true)
-      this.currentTab = 'search'
-      this.getRecords()
+//       var event = new CustomEvent('fmt:metadataWithChildEvent', {detail: {uuid: this.uuid, depth: this.depth}})
+//       	  document.dispatchEvent(event)
+     
       // this.requestApi(searchParameters)
+    },
+    handleSearch(e) {
+      if (this.api && e.detail.parentUuid === this.uuid) {
+        e.detail.api = this.api
+      }
     }
-    
+  }
 }
 
+</script>
 
diff --git a/src/formater-paging.vue b/src/formater-paging.vue
index c1b02de..8c3b574 100644
--- a/src/formater-paging.vue
+++ b/src/formater-paging.vue
@@ -48,10 +48,10 @@ export default {
       type: Number,
       default: 4
     },
-    lang: {
-      type: String,
-      default: 'en'
-    },
+//     lang: {
+//       type: String,
+//       default: 'en'
+//     },
     depth: {
       type: Number,
       default: 0
@@ -74,10 +74,10 @@ export default {
     }
   },
   watch: {
-    lang (newvalue) {
-    	this.$i18n.locale = newvalue
+//     lang (newvalue) {
+//     	this.$i18n.locale = newvalue
     	
-    },
+//     },
     recordByLine (newvalue) {
       console.log('recordByLine change')
       this.updateRecordsPerPage(newvalue)
@@ -88,7 +88,7 @@ export default {
   },
   created: function() {
     this.recordPerPage = this.nbRecord
-    this.$i18n.locale = this.lang
+   // this.$i18n.locale = this.lang
     this.metadataListListener = this.receiveTotalRecord.bind(this)
     document.addEventListener('fmt:metadataListEvent', this.metadataListListener)
     this.searchEventListener = this.handleSearch.bind(this) 
diff --git a/src/main.js b/src/main.js
index bc89920..258f800 100644
--- a/src/main.js
+++ b/src/main.js
@@ -18,6 +18,7 @@ Vue.use(VueI18n);
 import VueResource from 'vue-resource'
 Vue.use(VueResource);
 
+
 // import {VueTools} from 'formater-commons-components-vjs'
 // Vue.use(VueTools)
 
diff --git a/src/store/index.js b/src/store/index.js
index 1f706a3..417b5a3 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -20,7 +20,11 @@ export default function makeStore( config ) {
       },
       spatialExtent: [[-60,-120],[75,130]],
       searchArea: null,
-      parameters: {}
+      parameters: {
+        paging:{},
+        geo: {},
+        dates: {}
+      }
   }
   var finalConfig = Object.assign(defaultConfig, config)
   console.log(defaultConfig)