diff --git a/css/gamutable.css b/css/gamutable.css
index ab0a15b..becd308 100644
--- a/css/gamutable.css
+++ b/css/gamutable.css
@@ -55,6 +55,15 @@
   border: 1px solid #777777;
 }
 
+.gamutable table .gt_labels {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
 .gamutable table th > div {
   display: -ms-flexbox;
   display: flex;
diff --git a/css/gamutable.css.map b/css/gamutable.css.map
index 778b52e..72057b3 100644
--- a/css/gamutable.css.map
+++ b/css/gamutable.css.map
@@ -1 +1 @@
-{"version":3,"sources":["gamutable.scss","gamutable.css"],"names":[],"mappings":"AAGA;EACC,iBAAiB;ACFlB;;ADIA;EACC,qBAAqB;ACDtB;;ADMA;;EAGE,gBAAgB;ACJlB;;ADCA;EAME,iBAAiB;ACHnB;;ADHA;EASE,iBAAiB;ACFnB;;ADKA;EACC,oBAAa;EAAb,aAAa;EACb,sBAA8B;MAA9B,8BAA8B;ACF/B;;ADIA;EACC,oBAAa;EAAb,aAAa;ACDd;;ADAA;EAGE,oBAAa;EAAb,aAAa;ACCf;;ADJA;EAME,gBAAgB;EAChB,sBAAsB;EACtB,eAAe;ACEjB;;ADCA;EACC,qBAAqB;ACEtB;;ADCA;EAOC,eAAe;EACf,kBAAkB;ACJnB;;ADJA;EAUE,yBAAoC;ACFtC;;ADRA;EAaE,oBAAa;EAAb,aAAa;ACDf;;ADZA;EAgBE,oBAAY;MAAZ,YAAY;ACAd;;ADhBA;EAmBE,YAAY;EACZ,uBAAuB;ACCzB;;ADrBA;EAuBG,gBAAgB;EAChB,eAAe;ACElB;;AD1BA;EA4BE,eAAe;EACf,aAAa;ACEf;;AD/BA;EAgCE,aAAsB;EACtB,cAAuB;ACGzB;;ADpCA;EAoCE,0CAA0C;ACI5C;;ADDA;EACC,0CAA0C;ACI3C;;ADDA;EACC,eAAe;ACIhB;;ADDA;EACC,WAAW;EACX,kBAAkB;ACInB;;ADDA;EACC,UAAU;ACIX;;ADLA;EAGE,SAAS;ACMX;;ADFA;EACC,WAAW;EACX,cAAc;EACd,eAAe;EACf,kBAAkB;ACKnB;;ADHA;EACC,eAAe;EACf,qBAAqB;EACrB,yBAAyB;EACzB,yBAAyB;EACzB,kBAAkB;ACMnB;;ADXA;EAOE,yBAAyB;ACQ3B;;ADJA;EACC,iBAAiB;ACOlB;;ADJA;EACC,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;ACOhB;;ADLA;EACC,UAAU;EACV,yBAAyB;EACzB,mBAAmB;EACnB,kBAAkB;ACQnB;;ADJA,0CAAA;AAGC;EACC,WAAc;ACKhB;;ADNC;EACC,UAAc;ACShB;;ADVC;EACC,UAAc;ACahB;;ADdC;EACC,UAAc;ACiBhB;;ADlBC;EACC,UAAc;ACqBhB;;ADtBC;EACC,UAAc;ACyBhB;;AD1BC;EACC,UAAc;AC6BhB;;AD9BC;EACC,UAAc;ACiChB;;ADlCC;EACC,UAAc;ACqChB;;ADtCC;EACC,UAAc;ACyChB;;AD1CC;EACC,UAAc;AC6ChB;;AD9CC;EACC,UAAc;ACiDhB;;ADlDC;EACC,UAAc;ACqDhB;;ADtDC;EACC,UAAc;ACyDhB;;AD1DC;EACC,UAAc;AC6DhB;;AD9DC;EACC,UAAc;ACiEhB;;ADlEC;EACC,UAAc;ACqEhB;;ADtEC;EACC,UAAc;ACyEhB;;AD1EC;EACC,UAAc;AC6EhB;;AD9EC;EACC,SAAc;ACiFhB;;AD1EC;EACC,aAAe;AC6EjB;;AD3EC;EACC,iBAAmB;AC8ErB;;AD5EC;EACC,iBAAmB;AC+ErB;;ADtFC;EACC,YAAe;ACyFjB;;ADvFC;EACC,gBAAmB;AC0FrB;;ADxFC;EACC,gBAAmB;AC2FrB;;ADlGC;EACC,YAAe;ACqGjB;;ADnGC;EACC,gBAAmB;ACsGrB;;ADpGC;EACC,gBAAmB;ACuGrB;;AD9GC;EACC,YAAe;ACiHjB;;AD/GC;EACC,gBAAmB;ACkHrB;;ADhHC;EACC,gBAAmB;ACmHrB;;AD1HC;EACC,YAAe;AC6HjB;;AD3HC;EACC,gBAAmB;AC8HrB;;AD5HC;EACC,gBAAmB;AC+HrB;;ADtIC;EACC,YAAe;ACyIjB;;ADvIC;EACC,gBAAmB;AC0IrB;;ADxIC;EACC,gBAAmB;AC2IrB;;ADlJC;EACC,YAAe;ACqJjB;;ADnJC;EACC,gBAAmB;ACsJrB;;ADpJC;EACC,gBAAmB;ACuJrB;;AD9JC;EACC,YAAe;ACiKjB;;AD/JC;EACC,gBAAmB;ACkKrB;;ADhKC;EACC,gBAAmB;ACmKrB;;AD1KC;EACC,YAAe;AC6KjB;;AD3KC;EACC,gBAAmB;AC8KrB;;AD5KC;EACC,gBAAmB;AC+KrB;;ADtLC;EACC,YAAe;ACyLjB;;ADvLC;EACC,gBAAmB;AC0LrB;;ADxLC;EACC,gBAAmB;AC2LrB;;ADlMC;EACC,YAAe;ACqMjB;;ADnMC;EACC,gBAAmB;ACsMrB;;ADpMC;EACC,gBAAmB;ACuMrB;;AD9MC;EACC,YAAe;ACiNjB;;AD/MC;EACC,gBAAmB;ACkNrB;;ADhNC;EACC,gBAAmB;ACmNrB;;AD1NC;EACC,YAAe;AC6NjB;;AD3NC;EACC,gBAAmB;AC8NrB;;AD5NC;EACC,gBAAmB;AC+NrB;;ADtOC;EACC,YAAe;ACyOjB;;ADvOC;EACC,gBAAmB;AC0OrB;;ADxOC;EACC,gBAAmB;AC2OrB;;ADlPC;EACC,YAAe;ACqPjB;;ADnPC;EACC,gBAAmB;ACsPrB;;ADpPC;EACC,gBAAmB;ACuPrB;;AD9PC;EACC,YAAe;ACiQjB;;AD/PC;EACC,gBAAmB;ACkQrB;;ADhQC;EACC,gBAAmB;ACmQrB;;AD7PC;EACC,YAAe;ACgQjB;;AD9PC;EACC,gBAAmB;ACiQrB;;AD/PC;EACC,gBAAmB;ACkQrB;;ADzQC;EACC,YAAe;AC4QjB;;AD1QC;EACC,gBAAmB;AC6QrB;;AD3QC;EACC,gBAAmB;AC8QrB;;ADrRC;EACC,YAAe;ACwRjB;;ADtRC;EACC,gBAAmB;ACyRrB;;ADvRC;EACC,gBAAmB;AC0RrB;;ADjSC;EACC,YAAe;ACoSjB;;ADlSC;EACC,gBAAmB;ACqSrB;;ADnSC;EACC,gBAAmB;ACsSrB;;AD7SC;EACC,YAAe;ACgTjB;;AD9SC;EACC,gBAAmB;ACiTrB;;AD/SC;EACC,gBAAmB;ACkTrB;;ADzTC;EACC,YAAe;AC4TjB;;AD1TC;EACC,gBAAmB;AC6TrB;;AD3TC;EACC,gBAAmB;AC8TrB;;ADrUC;EACC,YAAe;ACwUjB;;ADtUC;EACC,gBAAmB;ACyUrB;;ADvUC;EACC,gBAAmB;AC0UrB;;ADjVC;EACC,YAAe;ACoVjB;;ADlVC;EACC,gBAAmB;ACqVrB;;ADnVC;EACC,gBAAmB;ACsVrB;;AD7VC;EACC,YAAe;ACgWjB;;AD9VC;EACC,gBAAmB;ACiWrB;;AD/VC;EACC,gBAAmB;ACkWrB;;ADzWC;EACC,YAAe;AC4WjB;;AD1WC;EACC,gBAAmB;AC6WrB;;AD3WC;EACC,gBAAmB;AC8WrB;;ADrXC;EACC,YAAe;ACwXjB;;ADtXC;EACC,gBAAmB;ACyXrB;;ADvXC;EACC,gBAAmB;AC0XrB;;ADjYC;EACC,WAAe;ACoYjB;;ADlYC;EACC,eAAmB;ACqYrB;;ADnYC;EACC,eAAmB;ACsYrB;;AD7YC;EACC,WAAe;ACgZjB;;AD9YC;EACC,eAAmB;ACiZrB;;AD/YC;EACC,eAAmB;ACkZrB;;ADzZC;EACC,WAAe;AC4ZjB;;AD1ZC;EACC,eAAmB;AC6ZrB;;AD3ZC;EACC,eAAmB;AC8ZrB;;ADraC;EACC,WAAe;ACwajB;;ADtaC;EACC,eAAmB;ACyarB;;ADvaC;EACC,eAAmB;AC0arB;;ADjbC;EACC,WAAe;ACobjB;;ADlbC;EACC,eAAmB;ACqbrB;;ADnbC;EACC,eAAmB;ACsbrB;;AD7bC;EACC,WAAe;ACgcjB;;AD9bC;EACC,eAAmB;ACicrB;;AD/bC;EACC,eAAmB;ACkcrB;;ADzcC;EACC,WAAe;AC4cjB;;AD1cC;EACC,eAAmB;AC6crB;;AD3cC;EACC,eAAmB;AC8crB;;ADrdC;EACC,WAAe;ACwdjB;;ADtdC;EACC,eAAmB;ACydrB;;ADvdC;EACC,eAAmB;AC0drB;;ADjeC;EACC,WAAe;ACoejB;;ADleC;EACC,eAAmB;ACqerB;;ADneC;EACC,eAAmB;ACserB;;ADjeA;EACC,yBAAyB;ACoe1B;;ADleA;EACC,qBAAqB;ACqetB;;ADneA;EACC,WAAW;ACseZ;;ADpeA;EACC,YAAY;ACueb;;ADreA;EACC,gBAAgB;ACwejB;;ADteA;EACC,gBAAgB;ACyejB;;ADveA;EACC,aAAa;AC0ed;;ADxeA;EACC,iBAAiB;AC2elB;;ADzeA;EACC,iBAAiB;AC4elB","file":"gamutable.css","sourcesContent":["// ----------------------------\n// Surcharge de vue-next-select\n// ----------------------------\n.vue-tags .vue-tag.selected {\n\tfont-size: 1.2rem;\n}\n.tag--ub {\n\tdisplay: inline-block;\n}\n// ----------------------------\n// Fin de la surcharge de vue-next-select\n// ----------------------------\n.gamutable--surTable {\n\tselect,\n\tinput {\n\t\tmargin-bottom: 0;\n\t}\n\t.gamutable-nbrMax {\n\t\tmargin-left: 2rem;\n\t}\n\t.includespip {\n\t\tmargin-left: 2rem;\n\t}\n}\n.gamutable--sousTable {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.gamutable--pagination {\n\tdisplay: flex;\n\t.page-item {\n\t\tdisplay: flex;\n\t}\n\t.page-link {\n\t\tmargin: 0 0.2rem;\n\t\tbackground-color: #eee;\n\t\tcursor: pointer;\n\t}\n}\n.gamutable__input--rechercher {\n\tpadding: 0.25rem 1rem;\n}\n\n.gamutable table {\n\t// patch provisoire\n\t// .vue-dropdown-item > span {\n\t// \tdisplay: inline-block;\n\t// \tmin-height: 1rem;\n\t// }\n\n\tfont-size: 1rem;\n\ttable-layout: auto;\n\tthead {\n\t\tborder: 1px solid rgb(119, 119, 119);\n\t}\n\tth > div {\n\t\tdisplay: flex;\n\t}\n\t.label_tete_colonne {\n\t\tflex-grow: 1;\n\t}\n\t.iconeTri {\n\t\tfloat: right;\n\t\twidth: calc(1rem + 4px);\n\t\t//position: relative;\n\t\t.fa {\n\t\t\tpadding: 2px 5px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\t.tri_col {\n\t\tcursor: pointer;\n\t\tfill: #cecece;\n\t}\n\t.iconeTri > .active {\n\t\tfill: rgb(220, 53, 69);\n\t\tcolor: rgb(220, 53, 69);\n\t}\n\ttbody tr:hover {\n\t\tbackground-color: rgba(179, 209, 67, 0.27);\n\t}\n}\n#app .select {\n\tbackground-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n\tcursor: pointer;\n}\n\nth.icone {\n\twidth: 30px;\n\ttext-align: center;\n}\n\ntr.filtreColonne th {\n\tpadding: 0;\n\tselect {\n\t\tmargin: 0;\n\t}\n}\n\ntd.icone > * {\n\twidth: 100%;\n\tdisplay: block;\n\tpadding: 0.5rem;\n\ttext-align: center;\n}\ndiv.gamutable .url_action {\n\tpadding: 0.2rem;\n\tdisplay: inline-block;\n\tbackground-color: #f5f5f5;\n\tborder: 1px solid #cecece;\n\tborder-radius: 5px;\n\t&:hover {\n\t\tbackground-color: #cecece;\n\t}\n}\n\ntd.icone i {\n\tfont-size: 1.8rem;\n}\n\n.vueBlocs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.vueBlocs-unbloc {\n\twidth: 23%;\n\tborder: 1px solid #cecece;\n\tmargin-bottom: 1rem;\n\tmargin-right: 1rem;\n}\n\n\n/* blocks widths (percentage and pixels) */\n$i: 100;\n@while $i > 0 {\n\t.w#{$i} {\n\t\twidth: $i * 1%;\n\t}\n\t$i: $i - 5;\n}\n\n$i: 1000;\n@while $i > 200 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t$i: $i - 50;\n}\n$i: 200;\n@while $i > 0 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t$i: $i - 10;\n}\n\n.w66 {\n\twidth: calc(100% / 3 * 2);\n}\n.w33 {\n\twidth: calc(100% / 3);\n}\n.wauto {\n\twidth: auto;\n}\n.w960p {\n\twidth: 960px;\n}\n.minw960p {\n\tmin-width: 960px;\n}\n.maxw960p {\n\tmax-width: 960px;\n}\n.w1140p {\n\twidth: 1140px;\n}\n.minw1140p {\n\tmin-width: 1140px;\n}\n.maxw1140p {\n\tmax-width: 1140px;\n}\n",".vue-tags .vue-tag.selected {\n  font-size: 1.2rem;\n}\n\n.tag--ub {\n  display: inline-block;\n}\n\n.gamutable--surTable select,\n.gamutable--surTable input {\n  margin-bottom: 0;\n}\n\n.gamutable--surTable .gamutable-nbrMax {\n  margin-left: 2rem;\n}\n\n.gamutable--surTable .includespip {\n  margin-left: 2rem;\n}\n\n.gamutable--sousTable {\n  display: flex;\n  justify-content: space-between;\n}\n\n.gamutable--pagination {\n  display: flex;\n}\n\n.gamutable--pagination .page-item {\n  display: flex;\n}\n\n.gamutable--pagination .page-link {\n  margin: 0 0.2rem;\n  background-color: #eee;\n  cursor: pointer;\n}\n\n.gamutable__input--rechercher {\n  padding: 0.25rem 1rem;\n}\n\n.gamutable table {\n  font-size: 1rem;\n  table-layout: auto;\n}\n\n.gamutable table thead {\n  border: 1px solid #777777;\n}\n\n.gamutable table th > div {\n  display: flex;\n}\n\n.gamutable table .label_tete_colonne {\n  flex-grow: 1;\n}\n\n.gamutable table .iconeTri {\n  float: right;\n  width: calc(1rem + 4px);\n}\n\n.gamutable table .iconeTri .fa {\n  padding: 2px 5px;\n  cursor: pointer;\n}\n\n.gamutable table .tri_col {\n  cursor: pointer;\n  fill: #cecece;\n}\n\n.gamutable table .iconeTri > .active {\n  fill: #dc3545;\n  color: #dc3545;\n}\n\n.gamutable table tbody tr:hover {\n  background-color: rgba(179, 209, 67, 0.27);\n}\n\n#app .select {\n  background-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n  cursor: pointer;\n}\n\nth.icone {\n  width: 30px;\n  text-align: center;\n}\n\ntr.filtreColonne th {\n  padding: 0;\n}\n\ntr.filtreColonne th select {\n  margin: 0;\n}\n\ntd.icone > * {\n  width: 100%;\n  display: block;\n  padding: 0.5rem;\n  text-align: center;\n}\n\ndiv.gamutable .url_action {\n  padding: 0.2rem;\n  display: inline-block;\n  background-color: #f5f5f5;\n  border: 1px solid #cecece;\n  border-radius: 5px;\n}\n\ndiv.gamutable .url_action:hover {\n  background-color: #cecece;\n}\n\ntd.icone i {\n  font-size: 1.8rem;\n}\n\n.vueBlocs {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.vueBlocs-unbloc {\n  width: 23%;\n  border: 1px solid #cecece;\n  margin-bottom: 1rem;\n  margin-right: 1rem;\n}\n\n/* blocks widths (percentage and pixels) */\n.w100 {\n  width: 100%;\n}\n\n.w95 {\n  width: 95%;\n}\n\n.w90 {\n  width: 90%;\n}\n\n.w85 {\n  width: 85%;\n}\n\n.w80 {\n  width: 80%;\n}\n\n.w75 {\n  width: 75%;\n}\n\n.w70 {\n  width: 70%;\n}\n\n.w65 {\n  width: 65%;\n}\n\n.w60 {\n  width: 60%;\n}\n\n.w55 {\n  width: 55%;\n}\n\n.w50 {\n  width: 50%;\n}\n\n.w45 {\n  width: 45%;\n}\n\n.w40 {\n  width: 40%;\n}\n\n.w35 {\n  width: 35%;\n}\n\n.w30 {\n  width: 30%;\n}\n\n.w25 {\n  width: 25%;\n}\n\n.w20 {\n  width: 20%;\n}\n\n.w15 {\n  width: 15%;\n}\n\n.w10 {\n  width: 10%;\n}\n\n.w5 {\n  width: 5%;\n}\n\n.w1000p {\n  width: 1000px;\n}\n\n.minw1000p {\n  min-width: 1000px;\n}\n\n.maxw1000p {\n  max-width: 1000px;\n}\n\n.w950p {\n  width: 950px;\n}\n\n.minw950p {\n  min-width: 950px;\n}\n\n.maxw950p {\n  max-width: 950px;\n}\n\n.w900p {\n  width: 900px;\n}\n\n.minw900p {\n  min-width: 900px;\n}\n\n.maxw900p {\n  max-width: 900px;\n}\n\n.w850p {\n  width: 850px;\n}\n\n.minw850p {\n  min-width: 850px;\n}\n\n.maxw850p {\n  max-width: 850px;\n}\n\n.w800p {\n  width: 800px;\n}\n\n.minw800p {\n  min-width: 800px;\n}\n\n.maxw800p {\n  max-width: 800px;\n}\n\n.w750p {\n  width: 750px;\n}\n\n.minw750p {\n  min-width: 750px;\n}\n\n.maxw750p {\n  max-width: 750px;\n}\n\n.w700p {\n  width: 700px;\n}\n\n.minw700p {\n  min-width: 700px;\n}\n\n.maxw700p {\n  max-width: 700px;\n}\n\n.w650p {\n  width: 650px;\n}\n\n.minw650p {\n  min-width: 650px;\n}\n\n.maxw650p {\n  max-width: 650px;\n}\n\n.w600p {\n  width: 600px;\n}\n\n.minw600p {\n  min-width: 600px;\n}\n\n.maxw600p {\n  max-width: 600px;\n}\n\n.w550p {\n  width: 550px;\n}\n\n.minw550p {\n  min-width: 550px;\n}\n\n.maxw550p {\n  max-width: 550px;\n}\n\n.w500p {\n  width: 500px;\n}\n\n.minw500p {\n  min-width: 500px;\n}\n\n.maxw500p {\n  max-width: 500px;\n}\n\n.w450p {\n  width: 450px;\n}\n\n.minw450p {\n  min-width: 450px;\n}\n\n.maxw450p {\n  max-width: 450px;\n}\n\n.w400p {\n  width: 400px;\n}\n\n.minw400p {\n  min-width: 400px;\n}\n\n.maxw400p {\n  max-width: 400px;\n}\n\n.w350p {\n  width: 350px;\n}\n\n.minw350p {\n  min-width: 350px;\n}\n\n.maxw350p {\n  max-width: 350px;\n}\n\n.w300p {\n  width: 300px;\n}\n\n.minw300p {\n  min-width: 300px;\n}\n\n.maxw300p {\n  max-width: 300px;\n}\n\n.w250p {\n  width: 250px;\n}\n\n.minw250p {\n  min-width: 250px;\n}\n\n.maxw250p {\n  max-width: 250px;\n}\n\n.w200p {\n  width: 200px;\n}\n\n.minw200p {\n  min-width: 200px;\n}\n\n.maxw200p {\n  max-width: 200px;\n}\n\n.w190p {\n  width: 190px;\n}\n\n.minw190p {\n  min-width: 190px;\n}\n\n.maxw190p {\n  max-width: 190px;\n}\n\n.w180p {\n  width: 180px;\n}\n\n.minw180p {\n  min-width: 180px;\n}\n\n.maxw180p {\n  max-width: 180px;\n}\n\n.w170p {\n  width: 170px;\n}\n\n.minw170p {\n  min-width: 170px;\n}\n\n.maxw170p {\n  max-width: 170px;\n}\n\n.w160p {\n  width: 160px;\n}\n\n.minw160p {\n  min-width: 160px;\n}\n\n.maxw160p {\n  max-width: 160px;\n}\n\n.w150p {\n  width: 150px;\n}\n\n.minw150p {\n  min-width: 150px;\n}\n\n.maxw150p {\n  max-width: 150px;\n}\n\n.w140p {\n  width: 140px;\n}\n\n.minw140p {\n  min-width: 140px;\n}\n\n.maxw140p {\n  max-width: 140px;\n}\n\n.w130p {\n  width: 130px;\n}\n\n.minw130p {\n  min-width: 130px;\n}\n\n.maxw130p {\n  max-width: 130px;\n}\n\n.w120p {\n  width: 120px;\n}\n\n.minw120p {\n  min-width: 120px;\n}\n\n.maxw120p {\n  max-width: 120px;\n}\n\n.w110p {\n  width: 110px;\n}\n\n.minw110p {\n  min-width: 110px;\n}\n\n.maxw110p {\n  max-width: 110px;\n}\n\n.w100p {\n  width: 100px;\n}\n\n.minw100p {\n  min-width: 100px;\n}\n\n.maxw100p {\n  max-width: 100px;\n}\n\n.w90p {\n  width: 90px;\n}\n\n.minw90p {\n  min-width: 90px;\n}\n\n.maxw90p {\n  max-width: 90px;\n}\n\n.w80p {\n  width: 80px;\n}\n\n.minw80p {\n  min-width: 80px;\n}\n\n.maxw80p {\n  max-width: 80px;\n}\n\n.w70p {\n  width: 70px;\n}\n\n.minw70p {\n  min-width: 70px;\n}\n\n.maxw70p {\n  max-width: 70px;\n}\n\n.w60p {\n  width: 60px;\n}\n\n.minw60p {\n  min-width: 60px;\n}\n\n.maxw60p {\n  max-width: 60px;\n}\n\n.w50p {\n  width: 50px;\n}\n\n.minw50p {\n  min-width: 50px;\n}\n\n.maxw50p {\n  max-width: 50px;\n}\n\n.w40p {\n  width: 40px;\n}\n\n.minw40p {\n  min-width: 40px;\n}\n\n.maxw40p {\n  max-width: 40px;\n}\n\n.w30p {\n  width: 30px;\n}\n\n.minw30p {\n  min-width: 30px;\n}\n\n.maxw30p {\n  max-width: 30px;\n}\n\n.w20p {\n  width: 20px;\n}\n\n.minw20p {\n  min-width: 20px;\n}\n\n.maxw20p {\n  max-width: 20px;\n}\n\n.w10p {\n  width: 10px;\n}\n\n.minw10p {\n  min-width: 10px;\n}\n\n.maxw10p {\n  max-width: 10px;\n}\n\n.w66 {\n  width: calc(100% / 3 * 2);\n}\n\n.w33 {\n  width: calc(100% / 3);\n}\n\n.wauto {\n  width: auto;\n}\n\n.w960p {\n  width: 960px;\n}\n\n.minw960p {\n  min-width: 960px;\n}\n\n.maxw960p {\n  max-width: 960px;\n}\n\n.w1140p {\n  width: 1140px;\n}\n\n.minw1140p {\n  min-width: 1140px;\n}\n\n.maxw1140p {\n  max-width: 1140px;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["gamutable.scss","gamutable.css"],"names":[],"mappings":"AAGA;EACC,iBAAiB;ACFlB;;ADIA;EACC,qBAAqB;ACDtB;;ADMA;;EAGE,gBAAgB;ACJlB;;ADCA;EAME,iBAAiB;ACHnB;;ADHA;EASE,iBAAiB;ACFnB;;ADKA;EACC,oBAAa;EAAb,aAAa;EACb,sBAA8B;MAA9B,8BAA8B;ACF/B;;ADIA;EACC,oBAAa;EAAb,aAAa;ACDd;;ADAA;EAGE,oBAAa;EAAb,aAAa;ACCf;;ADJA;EAME,gBAAgB;EAChB,sBAAsB;EACtB,eAAe;ACEjB;;ADCA;EACC,qBAAqB;ACEtB;;ADCA;EAOC,eAAe;EACf,kBAAkB;ACJnB;;ADJA;EAUE,yBAAoC;ACFtC;;ADRA;EAaE,oBAAa;EAAb,aAAa;EACb,sBAA8B;MAA9B,8BAA8B;EAC9B,sBAAmB;MAAnB,mBAAmB;ACDrB;;ADdA;EAkBE,oBAAa;EAAb,aAAa;ACAf;;ADlBA;EAqBE,oBAAY;MAAZ,YAAY;ACCd;;ADtBA;EAwBE,YAAY;EACZ,uBAAuB;ACEzB;;AD3BA;EA4BG,gBAAgB;EAChB,eAAe;ACGlB;;ADhCA;EAiCE,eAAe;EACf,aAAa;ACGf;;ADrCA;EAqCE,aAAsB;EACtB,cAAuB;ACIzB;;AD1CA;EAyCE,0CAA0C;ACK5C;;ADFA;EACC,0CAA0C;ACK3C;;ADFA;EACC,eAAe;ACKhB;;ADFA;EACC,WAAW;EACX,kBAAkB;ACKnB;;ADFA;EACC,UAAU;ACKX;;ADNA;EAGE,SAAS;ACOX;;ADHA;EACC,WAAW;EACX,cAAc;EACd,eAAe;EACf,kBAAkB;ACMnB;;ADJA;EACC,eAAe;EACf,qBAAqB;EACrB,yBAAyB;EACzB,yBAAyB;EACzB,kBAAkB;ACOnB;;ADZA;EAOE,yBAAyB;ACS3B;;ADLA;EACC,iBAAiB;ACQlB;;ADLA;EACC,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;ACQhB;;ADNA;EACC,UAAU;EACV,yBAAyB;EACzB,mBAAmB;EACnB,kBAAkB;ACSnB;;ADLA,0CAAA;AAGC;EACC,WAAc;ACMhB;;ADPC;EACC,UAAc;ACUhB;;ADXC;EACC,UAAc;ACchB;;ADfC;EACC,UAAc;ACkBhB;;ADnBC;EACC,UAAc;ACsBhB;;ADvBC;EACC,UAAc;AC0BhB;;AD3BC;EACC,UAAc;AC8BhB;;AD/BC;EACC,UAAc;ACkChB;;ADnCC;EACC,UAAc;ACsChB;;ADvCC;EACC,UAAc;AC0ChB;;AD3CC;EACC,UAAc;AC8ChB;;AD/CC;EACC,UAAc;ACkDhB;;ADnDC;EACC,UAAc;ACsDhB;;ADvDC;EACC,UAAc;AC0DhB;;AD3DC;EACC,UAAc;AC8DhB;;AD/DC;EACC,UAAc;ACkEhB;;ADnEC;EACC,UAAc;ACsEhB;;ADvEC;EACC,UAAc;AC0EhB;;AD3EC;EACC,UAAc;AC8EhB;;AD/EC;EACC,SAAc;ACkFhB;;AD3EC;EACC,aAAe;AC8EjB;;AD5EC;EACC,iBAAmB;AC+ErB;;AD7EC;EACC,iBAAmB;ACgFrB;;ADvFC;EACC,YAAe;AC0FjB;;ADxFC;EACC,gBAAmB;AC2FrB;;ADzFC;EACC,gBAAmB;AC4FrB;;ADnGC;EACC,YAAe;ACsGjB;;ADpGC;EACC,gBAAmB;ACuGrB;;ADrGC;EACC,gBAAmB;ACwGrB;;AD/GC;EACC,YAAe;ACkHjB;;ADhHC;EACC,gBAAmB;ACmHrB;;ADjHC;EACC,gBAAmB;ACoHrB;;AD3HC;EACC,YAAe;AC8HjB;;AD5HC;EACC,gBAAmB;AC+HrB;;AD7HC;EACC,gBAAmB;ACgIrB;;ADvIC;EACC,YAAe;AC0IjB;;ADxIC;EACC,gBAAmB;AC2IrB;;ADzIC;EACC,gBAAmB;AC4IrB;;ADnJC;EACC,YAAe;ACsJjB;;ADpJC;EACC,gBAAmB;ACuJrB;;ADrJC;EACC,gBAAmB;ACwJrB;;AD/JC;EACC,YAAe;ACkKjB;;ADhKC;EACC,gBAAmB;ACmKrB;;ADjKC;EACC,gBAAmB;ACoKrB;;AD3KC;EACC,YAAe;AC8KjB;;AD5KC;EACC,gBAAmB;AC+KrB;;AD7KC;EACC,gBAAmB;ACgLrB;;ADvLC;EACC,YAAe;AC0LjB;;ADxLC;EACC,gBAAmB;AC2LrB;;ADzLC;EACC,gBAAmB;AC4LrB;;ADnMC;EACC,YAAe;ACsMjB;;ADpMC;EACC,gBAAmB;ACuMrB;;ADrMC;EACC,gBAAmB;ACwMrB;;AD/MC;EACC,YAAe;ACkNjB;;ADhNC;EACC,gBAAmB;ACmNrB;;ADjNC;EACC,gBAAmB;ACoNrB;;AD3NC;EACC,YAAe;AC8NjB;;AD5NC;EACC,gBAAmB;AC+NrB;;AD7NC;EACC,gBAAmB;ACgOrB;;ADvOC;EACC,YAAe;AC0OjB;;ADxOC;EACC,gBAAmB;AC2OrB;;ADzOC;EACC,gBAAmB;AC4OrB;;ADnPC;EACC,YAAe;ACsPjB;;ADpPC;EACC,gBAAmB;ACuPrB;;ADrPC;EACC,gBAAmB;ACwPrB;;AD/PC;EACC,YAAe;ACkQjB;;ADhQC;EACC,gBAAmB;ACmQrB;;ADjQC;EACC,gBAAmB;ACoQrB;;AD9PC;EACC,YAAe;ACiQjB;;AD/PC;EACC,gBAAmB;ACkQrB;;ADhQC;EACC,gBAAmB;ACmQrB;;AD1QC;EACC,YAAe;AC6QjB;;AD3QC;EACC,gBAAmB;AC8QrB;;AD5QC;EACC,gBAAmB;AC+QrB;;ADtRC;EACC,YAAe;ACyRjB;;ADvRC;EACC,gBAAmB;AC0RrB;;ADxRC;EACC,gBAAmB;AC2RrB;;ADlSC;EACC,YAAe;ACqSjB;;ADnSC;EACC,gBAAmB;ACsSrB;;ADpSC;EACC,gBAAmB;ACuSrB;;AD9SC;EACC,YAAe;ACiTjB;;AD/SC;EACC,gBAAmB;ACkTrB;;ADhTC;EACC,gBAAmB;ACmTrB;;AD1TC;EACC,YAAe;AC6TjB;;AD3TC;EACC,gBAAmB;AC8TrB;;AD5TC;EACC,gBAAmB;AC+TrB;;ADtUC;EACC,YAAe;ACyUjB;;ADvUC;EACC,gBAAmB;AC0UrB;;ADxUC;EACC,gBAAmB;AC2UrB;;ADlVC;EACC,YAAe;ACqVjB;;ADnVC;EACC,gBAAmB;ACsVrB;;ADpVC;EACC,gBAAmB;ACuVrB;;AD9VC;EACC,YAAe;ACiWjB;;AD/VC;EACC,gBAAmB;ACkWrB;;ADhWC;EACC,gBAAmB;ACmWrB;;AD1WC;EACC,YAAe;AC6WjB;;AD3WC;EACC,gBAAmB;AC8WrB;;AD5WC;EACC,gBAAmB;AC+WrB;;ADtXC;EACC,YAAe;ACyXjB;;ADvXC;EACC,gBAAmB;AC0XrB;;ADxXC;EACC,gBAAmB;AC2XrB;;ADlYC;EACC,WAAe;ACqYjB;;ADnYC;EACC,eAAmB;ACsYrB;;ADpYC;EACC,eAAmB;ACuYrB;;AD9YC;EACC,WAAe;ACiZjB;;AD/YC;EACC,eAAmB;ACkZrB;;ADhZC;EACC,eAAmB;ACmZrB;;AD1ZC;EACC,WAAe;AC6ZjB;;AD3ZC;EACC,eAAmB;AC8ZrB;;AD5ZC;EACC,eAAmB;AC+ZrB;;ADtaC;EACC,WAAe;ACyajB;;ADvaC;EACC,eAAmB;AC0arB;;ADxaC;EACC,eAAmB;AC2arB;;ADlbC;EACC,WAAe;ACqbjB;;ADnbC;EACC,eAAmB;ACsbrB;;ADpbC;EACC,eAAmB;ACubrB;;AD9bC;EACC,WAAe;ACicjB;;AD/bC;EACC,eAAmB;ACkcrB;;ADhcC;EACC,eAAmB;ACmcrB;;AD1cC;EACC,WAAe;AC6cjB;;AD3cC;EACC,eAAmB;AC8crB;;AD5cC;EACC,eAAmB;AC+crB;;ADtdC;EACC,WAAe;ACydjB;;ADvdC;EACC,eAAmB;AC0drB;;ADxdC;EACC,eAAmB;AC2drB;;ADleC;EACC,WAAe;ACqejB;;ADneC;EACC,eAAmB;ACserB;;ADpeC;EACC,eAAmB;ACuerB;;ADleA;EACC,yBAAyB;ACqe1B;;ADneA;EACC,qBAAqB;ACsetB;;ADpeA;EACC,WAAW;ACueZ;;ADreA;EACC,YAAY;ACweb;;ADteA;EACC,gBAAgB;ACyejB;;ADveA;EACC,gBAAgB;AC0ejB;;ADxeA;EACC,aAAa;AC2ed;;ADzeA;EACC,iBAAiB;AC4elB;;AD1eA;EACC,iBAAiB;AC6elB","file":"gamutable.css","sourcesContent":["// ----------------------------\n// Surcharge de vue-next-select\n// ----------------------------\n.vue-tags .vue-tag.selected {\n\tfont-size: 1.2rem;\n}\n.tag--ub {\n\tdisplay: inline-block;\n}\n// ----------------------------\n// Fin de la surcharge de vue-next-select\n// ----------------------------\n.gamutable--surTable {\n\tselect,\n\tinput {\n\t\tmargin-bottom: 0;\n\t}\n\t.gamutable-nbrMax {\n\t\tmargin-left: 2rem;\n\t}\n\t.includespip {\n\t\tmargin-left: 2rem;\n\t}\n}\n.gamutable--sousTable {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.gamutable--pagination {\n\tdisplay: flex;\n\t.page-item {\n\t\tdisplay: flex;\n\t}\n\t.page-link {\n\t\tmargin: 0 0.2rem;\n\t\tbackground-color: #eee;\n\t\tcursor: pointer;\n\t}\n}\n.gamutable__input--rechercher {\n\tpadding: 0.25rem 1rem;\n}\n\n.gamutable table {\n\t// patch provisoire\n\t// .vue-dropdown-item > span {\n\t// \tdisplay: inline-block;\n\t// \tmin-height: 1rem;\n\t// }\n\n\tfont-size: 1rem;\n\ttable-layout: auto;\n\tthead {\n\t\tborder: 1px solid rgb(119, 119, 119);\n\t}\n\t.gt_labels {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t}\n\tth > div {\n\t\tdisplay: flex;\n\t}\n\t.label_tete_colonne {\n\t\tflex-grow: 1;\n\t}\n\t.iconeTri {\n\t\tfloat: right;\n\t\twidth: calc(1rem + 4px);\n\t\t//position: relative;\n\t\t.fa {\n\t\t\tpadding: 2px 5px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\t.tri_col {\n\t\tcursor: pointer;\n\t\tfill: #cecece;\n\t}\n\t.iconeTri > .active {\n\t\tfill: rgb(220, 53, 69);\n\t\tcolor: rgb(220, 53, 69);\n\t}\n\ttbody tr:hover {\n\t\tbackground-color: rgba(179, 209, 67, 0.27);\n\t}\n}\n#app .select {\n\tbackground-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n\tcursor: pointer;\n}\n\nth.icone {\n\twidth: 30px;\n\ttext-align: center;\n}\n\ntr.filtreColonne th {\n\tpadding: 0;\n\tselect {\n\t\tmargin: 0;\n\t}\n}\n\ntd.icone > * {\n\twidth: 100%;\n\tdisplay: block;\n\tpadding: 0.5rem;\n\ttext-align: center;\n}\ndiv.gamutable .url_action {\n\tpadding: 0.2rem;\n\tdisplay: inline-block;\n\tbackground-color: #f5f5f5;\n\tborder: 1px solid #cecece;\n\tborder-radius: 5px;\n\t&:hover {\n\t\tbackground-color: #cecece;\n\t}\n}\n\ntd.icone i {\n\tfont-size: 1.8rem;\n}\n\n.vueBlocs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.vueBlocs-unbloc {\n\twidth: 23%;\n\tborder: 1px solid #cecece;\n\tmargin-bottom: 1rem;\n\tmargin-right: 1rem;\n}\n\n\n/* blocks widths (percentage and pixels) */\n$i: 100;\n@while $i > 0 {\n\t.w#{$i} {\n\t\twidth: $i * 1%;\n\t}\n\t$i: $i - 5;\n}\n\n$i: 1000;\n@while $i > 200 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t$i: $i - 50;\n}\n$i: 200;\n@while $i > 0 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t$i: $i - 10;\n}\n\n.w66 {\n\twidth: calc(100% / 3 * 2);\n}\n.w33 {\n\twidth: calc(100% / 3);\n}\n.wauto {\n\twidth: auto;\n}\n.w960p {\n\twidth: 960px;\n}\n.minw960p {\n\tmin-width: 960px;\n}\n.maxw960p {\n\tmax-width: 960px;\n}\n.w1140p {\n\twidth: 1140px;\n}\n.minw1140p {\n\tmin-width: 1140px;\n}\n.maxw1140p {\n\tmax-width: 1140px;\n}\n",".vue-tags .vue-tag.selected {\n  font-size: 1.2rem;\n}\n\n.tag--ub {\n  display: inline-block;\n}\n\n.gamutable--surTable select,\n.gamutable--surTable input {\n  margin-bottom: 0;\n}\n\n.gamutable--surTable .gamutable-nbrMax {\n  margin-left: 2rem;\n}\n\n.gamutable--surTable .includespip {\n  margin-left: 2rem;\n}\n\n.gamutable--sousTable {\n  display: flex;\n  justify-content: space-between;\n}\n\n.gamutable--pagination {\n  display: flex;\n}\n\n.gamutable--pagination .page-item {\n  display: flex;\n}\n\n.gamutable--pagination .page-link {\n  margin: 0 0.2rem;\n  background-color: #eee;\n  cursor: pointer;\n}\n\n.gamutable__input--rechercher {\n  padding: 0.25rem 1rem;\n}\n\n.gamutable table {\n  font-size: 1rem;\n  table-layout: auto;\n}\n\n.gamutable table thead {\n  border: 1px solid #777777;\n}\n\n.gamutable table .gt_labels {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.gamutable table th > div {\n  display: flex;\n}\n\n.gamutable table .label_tete_colonne {\n  flex-grow: 1;\n}\n\n.gamutable table .iconeTri {\n  float: right;\n  width: calc(1rem + 4px);\n}\n\n.gamutable table .iconeTri .fa {\n  padding: 2px 5px;\n  cursor: pointer;\n}\n\n.gamutable table .tri_col {\n  cursor: pointer;\n  fill: #cecece;\n}\n\n.gamutable table .iconeTri > .active {\n  fill: #dc3545;\n  color: #dc3545;\n}\n\n.gamutable table tbody tr:hover {\n  background-color: rgba(179, 209, 67, 0.27);\n}\n\n#app .select {\n  background-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n  cursor: pointer;\n}\n\nth.icone {\n  width: 30px;\n  text-align: center;\n}\n\ntr.filtreColonne th {\n  padding: 0;\n}\n\ntr.filtreColonne th select {\n  margin: 0;\n}\n\ntd.icone > * {\n  width: 100%;\n  display: block;\n  padding: 0.5rem;\n  text-align: center;\n}\n\ndiv.gamutable .url_action {\n  padding: 0.2rem;\n  display: inline-block;\n  background-color: #f5f5f5;\n  border: 1px solid #cecece;\n  border-radius: 5px;\n}\n\ndiv.gamutable .url_action:hover {\n  background-color: #cecece;\n}\n\ntd.icone i {\n  font-size: 1.8rem;\n}\n\n.vueBlocs {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.vueBlocs-unbloc {\n  width: 23%;\n  border: 1px solid #cecece;\n  margin-bottom: 1rem;\n  margin-right: 1rem;\n}\n\n/* blocks widths (percentage and pixels) */\n.w100 {\n  width: 100%;\n}\n\n.w95 {\n  width: 95%;\n}\n\n.w90 {\n  width: 90%;\n}\n\n.w85 {\n  width: 85%;\n}\n\n.w80 {\n  width: 80%;\n}\n\n.w75 {\n  width: 75%;\n}\n\n.w70 {\n  width: 70%;\n}\n\n.w65 {\n  width: 65%;\n}\n\n.w60 {\n  width: 60%;\n}\n\n.w55 {\n  width: 55%;\n}\n\n.w50 {\n  width: 50%;\n}\n\n.w45 {\n  width: 45%;\n}\n\n.w40 {\n  width: 40%;\n}\n\n.w35 {\n  width: 35%;\n}\n\n.w30 {\n  width: 30%;\n}\n\n.w25 {\n  width: 25%;\n}\n\n.w20 {\n  width: 20%;\n}\n\n.w15 {\n  width: 15%;\n}\n\n.w10 {\n  width: 10%;\n}\n\n.w5 {\n  width: 5%;\n}\n\n.w1000p {\n  width: 1000px;\n}\n\n.minw1000p {\n  min-width: 1000px;\n}\n\n.maxw1000p {\n  max-width: 1000px;\n}\n\n.w950p {\n  width: 950px;\n}\n\n.minw950p {\n  min-width: 950px;\n}\n\n.maxw950p {\n  max-width: 950px;\n}\n\n.w900p {\n  width: 900px;\n}\n\n.minw900p {\n  min-width: 900px;\n}\n\n.maxw900p {\n  max-width: 900px;\n}\n\n.w850p {\n  width: 850px;\n}\n\n.minw850p {\n  min-width: 850px;\n}\n\n.maxw850p {\n  max-width: 850px;\n}\n\n.w800p {\n  width: 800px;\n}\n\n.minw800p {\n  min-width: 800px;\n}\n\n.maxw800p {\n  max-width: 800px;\n}\n\n.w750p {\n  width: 750px;\n}\n\n.minw750p {\n  min-width: 750px;\n}\n\n.maxw750p {\n  max-width: 750px;\n}\n\n.w700p {\n  width: 700px;\n}\n\n.minw700p {\n  min-width: 700px;\n}\n\n.maxw700p {\n  max-width: 700px;\n}\n\n.w650p {\n  width: 650px;\n}\n\n.minw650p {\n  min-width: 650px;\n}\n\n.maxw650p {\n  max-width: 650px;\n}\n\n.w600p {\n  width: 600px;\n}\n\n.minw600p {\n  min-width: 600px;\n}\n\n.maxw600p {\n  max-width: 600px;\n}\n\n.w550p {\n  width: 550px;\n}\n\n.minw550p {\n  min-width: 550px;\n}\n\n.maxw550p {\n  max-width: 550px;\n}\n\n.w500p {\n  width: 500px;\n}\n\n.minw500p {\n  min-width: 500px;\n}\n\n.maxw500p {\n  max-width: 500px;\n}\n\n.w450p {\n  width: 450px;\n}\n\n.minw450p {\n  min-width: 450px;\n}\n\n.maxw450p {\n  max-width: 450px;\n}\n\n.w400p {\n  width: 400px;\n}\n\n.minw400p {\n  min-width: 400px;\n}\n\n.maxw400p {\n  max-width: 400px;\n}\n\n.w350p {\n  width: 350px;\n}\n\n.minw350p {\n  min-width: 350px;\n}\n\n.maxw350p {\n  max-width: 350px;\n}\n\n.w300p {\n  width: 300px;\n}\n\n.minw300p {\n  min-width: 300px;\n}\n\n.maxw300p {\n  max-width: 300px;\n}\n\n.w250p {\n  width: 250px;\n}\n\n.minw250p {\n  min-width: 250px;\n}\n\n.maxw250p {\n  max-width: 250px;\n}\n\n.w200p {\n  width: 200px;\n}\n\n.minw200p {\n  min-width: 200px;\n}\n\n.maxw200p {\n  max-width: 200px;\n}\n\n.w190p {\n  width: 190px;\n}\n\n.minw190p {\n  min-width: 190px;\n}\n\n.maxw190p {\n  max-width: 190px;\n}\n\n.w180p {\n  width: 180px;\n}\n\n.minw180p {\n  min-width: 180px;\n}\n\n.maxw180p {\n  max-width: 180px;\n}\n\n.w170p {\n  width: 170px;\n}\n\n.minw170p {\n  min-width: 170px;\n}\n\n.maxw170p {\n  max-width: 170px;\n}\n\n.w160p {\n  width: 160px;\n}\n\n.minw160p {\n  min-width: 160px;\n}\n\n.maxw160p {\n  max-width: 160px;\n}\n\n.w150p {\n  width: 150px;\n}\n\n.minw150p {\n  min-width: 150px;\n}\n\n.maxw150p {\n  max-width: 150px;\n}\n\n.w140p {\n  width: 140px;\n}\n\n.minw140p {\n  min-width: 140px;\n}\n\n.maxw140p {\n  max-width: 140px;\n}\n\n.w130p {\n  width: 130px;\n}\n\n.minw130p {\n  min-width: 130px;\n}\n\n.maxw130p {\n  max-width: 130px;\n}\n\n.w120p {\n  width: 120px;\n}\n\n.minw120p {\n  min-width: 120px;\n}\n\n.maxw120p {\n  max-width: 120px;\n}\n\n.w110p {\n  width: 110px;\n}\n\n.minw110p {\n  min-width: 110px;\n}\n\n.maxw110p {\n  max-width: 110px;\n}\n\n.w100p {\n  width: 100px;\n}\n\n.minw100p {\n  min-width: 100px;\n}\n\n.maxw100p {\n  max-width: 100px;\n}\n\n.w90p {\n  width: 90px;\n}\n\n.minw90p {\n  min-width: 90px;\n}\n\n.maxw90p {\n  max-width: 90px;\n}\n\n.w80p {\n  width: 80px;\n}\n\n.minw80p {\n  min-width: 80px;\n}\n\n.maxw80p {\n  max-width: 80px;\n}\n\n.w70p {\n  width: 70px;\n}\n\n.minw70p {\n  min-width: 70px;\n}\n\n.maxw70p {\n  max-width: 70px;\n}\n\n.w60p {\n  width: 60px;\n}\n\n.minw60p {\n  min-width: 60px;\n}\n\n.maxw60p {\n  max-width: 60px;\n}\n\n.w50p {\n  width: 50px;\n}\n\n.minw50p {\n  min-width: 50px;\n}\n\n.maxw50p {\n  max-width: 50px;\n}\n\n.w40p {\n  width: 40px;\n}\n\n.minw40p {\n  min-width: 40px;\n}\n\n.maxw40p {\n  max-width: 40px;\n}\n\n.w30p {\n  width: 30px;\n}\n\n.minw30p {\n  min-width: 30px;\n}\n\n.maxw30p {\n  max-width: 30px;\n}\n\n.w20p {\n  width: 20px;\n}\n\n.minw20p {\n  min-width: 20px;\n}\n\n.maxw20p {\n  max-width: 20px;\n}\n\n.w10p {\n  width: 10px;\n}\n\n.minw10p {\n  min-width: 10px;\n}\n\n.maxw10p {\n  max-width: 10px;\n}\n\n.w66 {\n  width: calc(100% / 3 * 2);\n}\n\n.w33 {\n  width: calc(100% / 3);\n}\n\n.wauto {\n  width: auto;\n}\n\n.w960p {\n  width: 960px;\n}\n\n.minw960p {\n  min-width: 960px;\n}\n\n.maxw960p {\n  max-width: 960px;\n}\n\n.w1140p {\n  width: 1140px;\n}\n\n.minw1140p {\n  min-width: 1140px;\n}\n\n.maxw1140p {\n  max-width: 1140px;\n}\n"]}
\ No newline at end of file
diff --git a/css/gamutable.scss b/css/gamutable.scss
index f338c8a..cbdc282 100644
--- a/css/gamutable.scss
+++ b/css/gamutable.scss
@@ -53,6 +53,11 @@
 	thead {
 		border: 1px solid rgb(119, 119, 119);
 	}
+	.gt_labels {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
 	th > div {
 		display: flex;
 	}
diff --git a/js/gamutable.es6.js b/js/gamutable.es6.js
index d0a5154..f456ddc 100644
--- a/js/gamutable.es6.js
+++ b/js/gamutable.es6.js
@@ -681,11 +681,13 @@ let monTableau = {
 			<thead>
 				<tr>
 					<th v-for="(label,head,i) in header" :key="'head_'+i" :class="[head,classes[head]]">
-						<span class="iconeTri">
-							<i class="fa fa-sort-asc fa-sort-up" :class="ordreActif(head, 'asc')" aria-hidden="true" @click.stop="tri(head,'asc')"></i>
-							<i class="fa fa-sort-desc fa-sort-down" :class="ordreActif(head, 'desc')" aria-hidden="true" @click.stop="tri(head,'desc')"></i>
+						<span class="gt_labels">
+							<span v-html="label"></span>
+							<span class="iconeTri">
+								<i class="fa fa-sort-asc fa-sort-up" :class="ordreActif(head, 'asc')" aria-hidden="true" @click.stop="tri(head,'asc')"></i>
+								<i class="fa fa-sort-desc fa-sort-down" :class="ordreActif(head, 'desc')" aria-hidden="true" @click.stop="tri(head,'desc')"></i>
+							</span>
 						</span>
-						<span v-html="label"></span>
 					</th>
 				</tr>
 				<tr v-if="filtreCol.length" class="filtreColonne">
diff --git a/js/gamutable.js b/js/gamutable.js
index 866fcf3..64a02c3 100644
--- a/js/gamutable.js
+++ b/js/gamutable.js
@@ -711,7 +711,7 @@ var monTableau = {
       this.quelleVue = vue;
     }
   },
-  template: "\n\t<div class=\"gamutable\">\n\t\t<div class=\"gamutable--surTable\">\n\t\t\t<select id=\"parPage\" v-model=\"parPageSelect\">\n\t\t\t\t<option v-for=\"v in tparpage\" :key=\"v\">{{v}}</option>\n\t\t\t</select>\n\t\t\t<input class=\"gamutable--rechercher\" type=\"text\" v-model=\"search\" placeholder=\"Rechercher\">\n\n\t\t\t<button class=\"btn gamutable--resetOrderBy\" type=\"button\" @click.stop=\"resetTri()\"\n\t\t\t\ttitle=\"R\xE9initialiser les tris des colonnes\">\n\t\t\t\t<i class=\"fa fas fa-eraser rouge\"></i>\n\t\t\t\t<i class=\"fa fa-filter fas\"></i>\n\t\t\t</button>\n\t\t\t<button class=\"btn var_gamutable\" type=\"button\" @click.stop=\"chargerJson()\"\n\t\t\t\ttitle=\"Forcer\">\n\t\t\t\t<i class=\"fa fa-redo\"></i>\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueTable\" title=\"Switcher en Vue tableau\"\n\t\t\t\t@click.stop=\"changerVue('tableau')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'bloc'\">\n\t\t\t\t<i class=\"fas fa fa-table\"></i>\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueBloc\" title=\"Switcher en Vue Bloc\"\n\t\t\t\t@click.stop=\"changerVue('bloc')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'tableau'\">\n\t\t\t\t<i class=\"fas fa fa-th-large\"></i>\n\t\t\t</button>\n\t\t\t<button class=\"btn gamutable--exportCSV\" type=\"button\" @click.stop=\"exportCSV()\"\n\t\t\t\tv-show=\"this.namecsv\"\n\t\t\t\ttitle=\"Exporter le tableau affich\xE9 en csv\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fa-file-excel-o fas fa-file-csv\" aria-hidden=\"true\"></i>\n\t\t\t</button>\n\t\t\t<span v-show=\"chargement\" class=\"rouge\">\n\t\t\t\t<i class=\"fa fa-refresh fa-spin fa-fw rouge fas fa-sync fa-spin\"></i>\n\t\t\t\t<span class=\"texteMajBDD\">\n\t\t\t\t\tMise \xE0 jour de la base de donn\xE9e\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t<span v-show=\"!chargement\" class=\"btn verte\" style=\"cursor:auto;\"\n\t\t\t\ttitle=\"Base de donn\xE9e synchronis\xE9e !\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fas fa-database\"></i>\n\t\t\t</span>\n\t\t\t<span class=\"gamutable-nbrMax\" :data-nbrmax=\"table.length\">{{tableau.length}} / {{table.length}} \xE9l\xE9ments</span>\n\t\t\t<span class=\"includespip\" v-html=\"this.includespip\"> </span>\n\t\t</div>\n\n\t\t<div class=\"vueBlocs\" v-if=\"quelleVue === 'bloc'\">\n\t\t\t<div class=\"vueBlocs-unbloc\"\n\t\t\tv-for=\"(ligne) in tableau\"\n\t\t\t:key=ligne.id\n\t\t\tv-html=replaceBloc(ligne.html)\n\t\t\t>\n\t\t\t</div>\n\t\t</div>\n\t\t<table class=\"table table--zebra\" v-if=\"quelleVue === 'tableau'\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'head_'+i\" :class=\"[head,classes[head]]\">\n\t\t\t\t\t\t<span class=\"iconeTri\">\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-asc fa-sort-up\" :class=\"ordreActif(head, 'asc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'asc')\"></i>\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-desc fa-sort-down\" :class=\"ordreActif(head, 'desc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'desc')\"></i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span v-html=\"label\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t\t<tr v-if=\"filtreCol.length\" class=\"filtreColonne\">\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'filtreCol_'+i\">\n\t\t\t\t\t\t<div v-if=\"filtreCol.indexOf(head) !== -1\" :id=\"'filtreCol_'+head\" :class=\"classes[head]\">\n\t\t\t\t\t\t\t<vue-select\n\t\t\t\t\t\t\t\tv-if=\"filtreColType[head] === 'select'\"\n\t\t\t\t\t\t\t\tv-model=\"filtreColSelected[head]\"\n\t\t\t\t\t\t\t\t:options=\"filtreColVal[head]\"\n\t\t\t\t\t\t\t\t:visible-options=\"filtreColVal_visible[head]\"\n\t\t\t\t\t\t\t\thide-selected\n\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\ttaggable\n\t\t\t\t\t\t\t\tclose-on-select\n\t\t\t\t\t\t\t\tclear-on-close\n\t\t\t\t\t\t\t\tsearchable\n\t\t\t\t\t\t\t\t@selected=\"selectValCol\"\n\t\t\t\t\t\t\t\t@search:input=\"hanldeSearchInput($event, head)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<template #tag=\"{ option, remove }\">\n\t\t\t\t\t\t\t\t\t<div class=\"tag--un\">\n\t\t\t\t\t\t\t\t\t\t{{ option }}\n\t\t\t\t\t\t\t\t\t\t<span class=\"tag--remove pointer\" title=\"Cliquer pour supprimer \"@click.stop=\"remove\">x</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t</vue-select>\n\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tv-if=\"filtreColType[head] === 'input'\"\n\t\t\t\t\t\t\t\tclass=\"gamutable__input--rechercher\"\n\t\t\t\t\t\t\t\tv-model=\"filtreColSelected[head]\"\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tplaceholder=\"Rechercher\"\n\t\t\t\t\t\t\t\t@keyup=\"selectValCol\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t<tr v-for=\"l in tableau\" :key=\"l.html.id\" :class=\"selectTr.indexOf(l.html.id) !== -1 ? 'select' : ''\" >\n\t\t\t\t\t<td v-for=\"(td,name, i) in l.html\" :key=\"'td_'+i\" :class=\"[afficher_crayons(name,l.html.id), name, classes[name], l.classes !== undefined ? l.classes[name] : '']\" v-html=\"td\" @click=\"selectLigne(l.html.id,name)\">\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t<div class=\"gamutable--sousTable\">\n\t\t\t<div class=\"gamutable-nbrMax\">{{tableau.length}} / {{table.length}} \xE9l\xE9ments</div>\n\t\t\t<div class=\"gamutable--pagination\">\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page=1\"> Premier </button>\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page--\"> Pr\xE9c\xE9dent </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" :class=\"{'on':pageNumber===page}\" v-for=\"pageNumber in pages.slice(page-4 < 0 ? 0 : page-4, page+3)\" @click=\"page = pageNumber\"> {{pageNumber}} </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" @click=\"page++\" v-if=\"page < pages.length\" class=\"page-link\"> Suivant </button>\n\t\t\t\t\t<button type=\"button\" @click=\"page=pages.length\" v-if=\"page < pages.length\" class=\"page-link\"> Dernier </button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>"
+  template: "\n\t<div class=\"gamutable\">\n\t\t<div class=\"gamutable--surTable\">\n\t\t\t<select id=\"parPage\" v-model=\"parPageSelect\">\n\t\t\t\t<option v-for=\"v in tparpage\" :key=\"v\">{{v}}</option>\n\t\t\t</select>\n\t\t\t<input class=\"gamutable--rechercher\" type=\"text\" v-model=\"search\" placeholder=\"Rechercher\">\n\n\t\t\t<button class=\"btn gamutable--resetOrderBy\" type=\"button\" @click.stop=\"resetTri()\"\n\t\t\t\ttitle=\"R\xE9initialiser les tris des colonnes\">\n\t\t\t\t<i class=\"fa fas fa-eraser rouge\"></i>\n\t\t\t\t<i class=\"fa fa-filter fas\"></i>\n\t\t\t</button>\n\t\t\t<button class=\"btn var_gamutable\" type=\"button\" @click.stop=\"chargerJson()\"\n\t\t\t\ttitle=\"Forcer\">\n\t\t\t\t<i class=\"fa fa-redo\"></i>\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueTable\" title=\"Switcher en Vue tableau\"\n\t\t\t\t@click.stop=\"changerVue('tableau')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'bloc'\">\n\t\t\t\t<i class=\"fas fa fa-table\"></i>\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueBloc\" title=\"Switcher en Vue Bloc\"\n\t\t\t\t@click.stop=\"changerVue('bloc')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'tableau'\">\n\t\t\t\t<i class=\"fas fa fa-th-large\"></i>\n\t\t\t</button>\n\t\t\t<button class=\"btn gamutable--exportCSV\" type=\"button\" @click.stop=\"exportCSV()\"\n\t\t\t\tv-show=\"this.namecsv\"\n\t\t\t\ttitle=\"Exporter le tableau affich\xE9 en csv\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fa-file-excel-o fas fa-file-csv\" aria-hidden=\"true\"></i>\n\t\t\t</button>\n\t\t\t<span v-show=\"chargement\" class=\"rouge\">\n\t\t\t\t<i class=\"fa fa-refresh fa-spin fa-fw rouge fas fa-sync fa-spin\"></i>\n\t\t\t\t<span class=\"texteMajBDD\">\n\t\t\t\t\tMise \xE0 jour de la base de donn\xE9e\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t<span v-show=\"!chargement\" class=\"btn verte\" style=\"cursor:auto;\"\n\t\t\t\ttitle=\"Base de donn\xE9e synchronis\xE9e !\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fas fa-database\"></i>\n\t\t\t</span>\n\t\t\t<span class=\"gamutable-nbrMax\" :data-nbrmax=\"table.length\">{{tableau.length}} / {{table.length}} \xE9l\xE9ments</span>\n\t\t\t<span class=\"includespip\" v-html=\"this.includespip\"> </span>\n\t\t</div>\n\n\t\t<div class=\"vueBlocs\" v-if=\"quelleVue === 'bloc'\">\n\t\t\t<div class=\"vueBlocs-unbloc\"\n\t\t\tv-for=\"(ligne) in tableau\"\n\t\t\t:key=ligne.id\n\t\t\tv-html=replaceBloc(ligne.html)\n\t\t\t>\n\t\t\t</div>\n\t\t</div>\n\t\t<table class=\"table table--zebra\" v-if=\"quelleVue === 'tableau'\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'head_'+i\" :class=\"[head,classes[head]]\">\n\t\t\t\t\t\t<span class=\"gt_labels\">\n\t\t\t\t\t\t\t<span v-html=\"label\"></span>\n\t\t\t\t\t\t\t<span class=\"iconeTri\">\n\t\t\t\t\t\t\t\t<i class=\"fa fa-sort-asc fa-sort-up\" :class=\"ordreActif(head, 'asc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'asc')\"></i>\n\t\t\t\t\t\t\t\t<i class=\"fa fa-sort-desc fa-sort-down\" :class=\"ordreActif(head, 'desc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'desc')\"></i>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t\t<tr v-if=\"filtreCol.length\" class=\"filtreColonne\">\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'filtreCol_'+i\">\n\t\t\t\t\t\t<div v-if=\"filtreCol.indexOf(head) !== -1\" :id=\"'filtreCol_'+head\" :class=\"classes[head]\">\n\t\t\t\t\t\t\t<vue-select\n\t\t\t\t\t\t\t\tv-if=\"filtreColType[head] === 'select'\"\n\t\t\t\t\t\t\t\tv-model=\"filtreColSelected[head]\"\n\t\t\t\t\t\t\t\t:options=\"filtreColVal[head]\"\n\t\t\t\t\t\t\t\t:visible-options=\"filtreColVal_visible[head]\"\n\t\t\t\t\t\t\t\thide-selected\n\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\ttaggable\n\t\t\t\t\t\t\t\tclose-on-select\n\t\t\t\t\t\t\t\tclear-on-close\n\t\t\t\t\t\t\t\tsearchable\n\t\t\t\t\t\t\t\t@selected=\"selectValCol\"\n\t\t\t\t\t\t\t\t@search:input=\"hanldeSearchInput($event, head)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<template #tag=\"{ option, remove }\">\n\t\t\t\t\t\t\t\t\t<div class=\"tag--un\">\n\t\t\t\t\t\t\t\t\t\t{{ option }}\n\t\t\t\t\t\t\t\t\t\t<span class=\"tag--remove pointer\" title=\"Cliquer pour supprimer \"@click.stop=\"remove\">x</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t</vue-select>\n\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tv-if=\"filtreColType[head] === 'input'\"\n\t\t\t\t\t\t\t\tclass=\"gamutable__input--rechercher\"\n\t\t\t\t\t\t\t\tv-model=\"filtreColSelected[head]\"\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tplaceholder=\"Rechercher\"\n\t\t\t\t\t\t\t\t@keyup=\"selectValCol\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t<tr v-for=\"l in tableau\" :key=\"l.html.id\" :class=\"selectTr.indexOf(l.html.id) !== -1 ? 'select' : ''\" >\n\t\t\t\t\t<td v-for=\"(td,name, i) in l.html\" :key=\"'td_'+i\" :class=\"[afficher_crayons(name,l.html.id), name, classes[name], l.classes !== undefined ? l.classes[name] : '']\" v-html=\"td\" @click=\"selectLigne(l.html.id,name)\">\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t<div class=\"gamutable--sousTable\">\n\t\t\t<div class=\"gamutable-nbrMax\">{{tableau.length}} / {{table.length}} \xE9l\xE9ments</div>\n\t\t\t<div class=\"gamutable--pagination\">\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page=1\"> Premier </button>\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page--\"> Pr\xE9c\xE9dent </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" :class=\"{'on':pageNumber===page}\" v-for=\"pageNumber in pages.slice(page-4 < 0 ? 0 : page-4, page+3)\" @click=\"page = pageNumber\"> {{pageNumber}} </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" @click=\"page++\" v-if=\"page < pages.length\" class=\"page-link\"> Suivant </button>\n\t\t\t\t\t<button type=\"button\" @click=\"page=pages.length\" v-if=\"page < pages.length\" class=\"page-link\"> Dernier </button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>"
 };
 var gamuTable = {
   components: {