From e7c0ebb7f5d58ec58366cbfd8a77eba2961891dc Mon Sep 17 00:00:00 2001
From: Marc Rufener <marc.rufener@gmail.com>
Date: Wed, 1 Sep 2021 14:07:01 +0200
Subject: [PATCH 1/5] update operateurs

---
 back/infolica/routes.py                       |   2 -
 back/infolica/views/operateur.py              |  46 ---
 front/.env                                    |   1 -
 .../src/components/Operateurs/Operateurs.vue  | 370 +++++++++++-------
 .../components/Operateurs/OperateursEdit.vue  | 231 -----------
 .../src/components/Operateurs/operateurs.html |  65 ++-
 .../components/Operateurs/operateursEdit.css  |  15 -
 .../components/Operateurs/operateursEdit.html |  62 ---
 front/src/routes                              |   3 -
 9 files changed, 298 insertions(+), 497 deletions(-)
 delete mode 100644 front/src/components/Operateurs/OperateursEdit.vue
 delete mode 100644 front/src/components/Operateurs/operateursEdit.css
 delete mode 100644 front/src/components/Operateurs/operateursEdit.html

diff --git a/back/infolica/routes.py b/back/infolica/routes.py
index 73a282f5..5d49ecb5 100644
--- a/back/infolica/routes.py
+++ b/back/infolica/routes.py
@@ -51,8 +51,6 @@ def includeme(config):
     config.add_route('operateur_by_id', '/infolica/api/operateurs/{id}')
     config.add_route('recherche_operateurs', '/infolica/api/recherche_operateurs')
     config.add_route('recherche_operateurs_s', '/infolica/api/recherche_operateurs/')
-    config.add_route('add_operateurs_ad', '/infolica/api/add_operateurs_ad')
-    config.add_route('add_operateurs_ad_s', '/infolica/api/add_operateurs_ad/')
     #Test (temp endpoint)
     config.add_route('test_client', '/infolica/api/test_client')
     #Controle_mutation
diff --git a/back/infolica/views/operateur.py b/back/infolica/views/operateur.py
index 6986f04e..0c85c44f 100644
--- a/back/infolica/views/operateur.py
+++ b/back/infolica/views/operateur.py
@@ -133,49 +133,3 @@ def operateurs_delete_view(request):
     model.sortie = datetime.utcnow()
 
     return Utils.get_data_save_response(Constant.SUCCESS_DELETE.format(Operateur.__tablename__))
-
-
-@view_config(route_name='add_operateurs_ad', request_method='GET', renderer='json')
-@view_config(route_name='add_operateurs_ad_s', request_method='GET', renderer='json')
-def add_operateurs_ad_view(request):
-    """
-    Add nouveaux operateurs AD
-    """
-    # Check authorization
-    if not Utils.has_permission(request, request.registry.settings['fonction_admin']):
-        raise exc.HTTPForbidden()
-
-    settings = request.registry.settings
-    login_attr = settings['ldap_user_attribute_login']
-    op_added = 0
-
-    # Operateurs from AD
-    op_ad = Utils.get_nouveaux_operateurs_ad(request)
-
-    # Logins from DB
-    op_bd_logins = []
-    op_bd_logins_query = request.dbsession.query(Operateur).distinct(Operateur.login).filter(
-        Operateur.login.isnot(None)).all()
-    for c in op_bd_logins_query:
-        op_bd_logins.append(c.login.upper())
-
-    for one_ad_op in op_ad:
-        one_ad_op_login = one_ad_op[login_attr] if login_attr in one_ad_op else None
-
-        if one_ad_op_login and one_ad_op_login.upper() not in op_bd_logins:
-
-            one_op_model = Operateur(
-                login=one_ad_op[settings['ldap_user_attribute_login']],
-                nom=one_ad_op[settings['ldap_user_attribute_lastname']],
-                prenom=one_ad_op[settings['ldap_user_attribute_firstname']],
-                entree=func.now())
-
-            request.dbsession.add(one_op_model)
-            op_added = op_added + 1
-
-    if op_added > 0:
-        save_response = Utils.get_data_save_response(Constant.SUCCESS_SAVE.format(Operateur.__tablename__))
-        save_response['count'] = op_added
-        return save_response
-    else:
-        raise exc.HTTPNoContent
diff --git a/front/.env b/front/.env
index 38687ee9..f377ce53 100644
--- a/front/.env
+++ b/front/.env
@@ -21,7 +21,6 @@ VUE_APP_CLIENT_MORAL_PERSONNES_ENDPOINT = "/client_moral_personnes"
 #Operateurs
 VUE_APP_OPERATEURS_ENDPOINT = "/operateurs"
 VUE_APP_SEARCH_OPERATEURS_ENDPOINT = "/recherche_operateurs"
-VUE_APP_ADD_OPERATEURS_AD_ENDPOINT = "/add_operateurs_ad"
 
 #Cadastres
 VUE_APP_CADASTRES_ENDPOINT = "/cadastres"
diff --git a/front/src/components/Operateurs/Operateurs.vue b/front/src/components/Operateurs/Operateurs.vue
index 3aceeccb..59457625 100644
--- a/front/src/components/Operateurs/Operateurs.vue
+++ b/front/src/components/Operateurs/Operateurs.vue
@@ -3,154 +3,260 @@
 
 
 <script>
-import {handleException} from '@/services/exceptionsHandler'
-import {checkPermission, adjustColumnWidths} from '@/services/helper'
+import {handleException} from '@/services/exceptionsHandler';
+import {checkPermission, adjustColumnWidths} from '@/services/helper';
+const moment = require('moment');
 
 export default {
   name: 'Operateurs',
   props: {},
   data: () => ({
-      operateurs: [],
+    currentDeleteId: null,
       deleteOperateurActive: false,
       deleteMessage: '',
-      currentDeleteId: null,
       editionOperateursAllowed: false,
+      form: {
+        id: null,
+        nom: null,
+        prenom: null,
+        initiales: null,
+        login: null,
+        responsable: false,
+        chef_equipe: false,
+        mail: null,
+      },
+      operateurs: [],
       search: {
         nom: null,
         prenom: null,
         login: null
+      },
+      divEditUser: {
+        title: "",
+        show: false,
       }
   }),
   methods: {
-        /**
-         * Search operateurs
-        */
-        async searchOperateurs () {
-          var formData = new FormData();
-          if(this.search.nom)
-            formData.append("nom", this.search.nom);
-
-          if(this.search.prenom)
-            formData.append("prenom", this.search.prenom);
-
-          if(this.search.login)
-            formData.append("login", this.search.login);
-
-          this.$http.post(
-            process.env.VUE_APP_API_URL + process.env.VUE_APP_SEARCH_OPERATEURS_ENDPOINT, 
-            formData,
-            {
-              withCredentials: true,
-              headers: {"Accept": "application/json"}
-            }
-          )
-          .then(response =>{
-            if(response && response.data){
-              this.operateurs = response.data;
-            }
-          })
-          //Error 
-          .catch(err => {
-            handleException(err, this);  
-          })
-        },
-
-        /**
-         * Clear the form
-         */
-        clearForm () {
-          this.search.nom = null;
-          this.search.prenom = null;
-          this.search.login = null;
-        },
-
-
-        /**
-         * Call edit operateur
-         */
-        callEditOperateur (id) {
-         this.$router.push({ name: "OperateursEdit", params: { id: id } }) ; 
-        },
-        
-        /**
-         * Call delete operateur
-         */
-        callDeleteOperateur (id, nom, prenom) {
-          this.currentDeleteId = id;
-
-          if(prenom && nom)
-            this.deleteMessage = prenom + ' ' + nom;
-          else if(nom)
-            this.deleteMessage = nom;
-          else
-            this.deleteMessage = "-";
-
-          this.deleteMessage = "Confirmer la suppression de l'operateur '<strong>" + this.deleteMessage + "<strong>' ?";
-
-          this.deleteOperateurActive = true;
-        },
-
-        /**
-        * Delete operateur
-        */
-        onConfirmDelete () {
-
-          /*var formData = new FormData();
-          
-          if(this.currentDeleteId)
-            formData.append("id", this.currentDeleteId);*/
-
-          this.$http.delete(
-            process.env.VUE_APP_API_URL + process.env.VUE_APP_OPERATEURS_ENDPOINT + "?id=" +  this.currentDeleteId, 
-            {
-              withCredentials: true,
-              headers: {"Accept": "application/json"}
-            }
-          )
-          .then(response =>{
-            if(response && response.data){
-              this.searchOperateurs();
-            }
-          })
-          //Error 
-          .catch(err => {
-            handleException(err, this);  
-          })
-        },
-
-
-        /**
-        * Import AD users
-        */
-        importADUsers () {
-          this.$http.get(
-            process.env.VUE_APP_API_URL + process.env.VUE_APP_ADD_OPERATEURS_AD_ENDPOINT, 
-            {
-              withCredentials: true,
-              headers: {"Accept": "application/json"}
-            }
-          )
-          .then(response =>{
-            if(response && response.data && response.data.count && response.data.count > 0){
-              this.$root.$emit("ShowMessage", response.data.count + " opérateurs importés avec succès depuis l'AD");
-              this.searchOperateurs();
-            }
-            else{
-              handleException(response, this);  
-            }
-          })
-          //Error 
-          .catch(err => {
-            handleException(err, this);  
-          })
-        },
-
-        /**
-        * Cancel Delete operateur
-        */
-        onCancelDelete () {
-          this.currentDeleteId = null;
+    /**
+     * Search operateurs
+    */
+    async searchOperateurs () {
+      var formData = new FormData();
+      if(this.search.nom)
+        formData.append("nom", this.search.nom);
+
+      if(this.search.prenom)
+        formData.append("prenom", this.search.prenom);
+
+      if(this.search.login)
+        formData.append("login", this.search.login);
+
+      this.$http.post(
+        process.env.VUE_APP_API_URL + process.env.VUE_APP_SEARCH_OPERATEURS_ENDPOINT, 
+        formData,
+        {
+          withCredentials: true,
+          headers: {"Accept": "application/json"}
+        }
+      )
+      .then(response =>{
+        if(response && response.data){
+          this.operateurs = response.data;
+        }
+      })
+      //Error 
+      .catch(err => {
+        handleException(err, this);  
+      })
+    },
+
+    /**
+     * Clear the form
+     */
+    clearForm () {
+      this.search.nom = null;
+      this.search.prenom = null;
+      this.search.login = null;
+    },
+
+
+    /**
+     * Call edit operateur
+     */
+    callEditOperateur (op) {
+      for (const elem in this.form) {
+        this.form[elem] = op[elem];
+      }
+
+      this.divEditUser.title = "Modifier un·e opérateur·rice existant·e";
+      this.divEditUser.show = true;
+    },
+    
+    /**
+     * Call delete operateur
+     */
+    callDeleteOperateur (id, nom, prenom) {
+      this.currentDeleteId = id;
+
+      if(prenom && nom)
+        this.deleteMessage = prenom + ' ' + nom;
+      else if(nom)
+        this.deleteMessage = nom;
+      else
+        this.deleteMessage = "-";
+
+      this.deleteMessage = "Confirmer la suppression de l'operateur '<strong>" + this.deleteMessage + "<strong>' ?";
+
+      this.deleteOperateurActive = true;
+    },
+
+    /**
+    * Delete operateur
+    */
+    onConfirmDelete () {
+
+      this.$http.delete(
+        process.env.VUE_APP_API_URL + process.env.VUE_APP_OPERATEURS_ENDPOINT + "?id=" +  this.currentDeleteId, 
+        {
+          withCredentials: true,
+          headers: {"Accept": "application/json"}
+        }
+      )
+      .then(response =>{
+        if(response && response.data){
+          this.searchOperateurs();
+          this.$root.$emit('ShowMessage', "L'opérateur a bien été supprimé.");
+        }
+      })
+      //Error 
+      .catch(err => {
+        handleException(err, this);  
+      })
+    },
+
+    /**
+    * Cancel Delete operateur
+    */
+    onCancelDelete () {
+      this.currentDeleteId = null;
+    },
+
+    /**
+     * Create user
+     */
+    createUser() {
+      this.clearFormEditClient();
+      this.divEditUser.title = "Enregistrer un·e nouvel·le opérateur·rice";
+      this.divEditUser.show = true;
+    },
+
+    /**
+     * On cancel edition
+     */
+    onCancelNewOperateur() {
+      this.divEditUser.show = false;
+      this.clearFormEditClient();
+    },
+
+    /**
+     * Clear form edit operateur
+     */
+    clearFormEditClient() {
+      this.form = {
+        id: null,
+        nom: null,
+        prenom: null,
+        initiales: null,
+        login: null,
+        responsable: false,
+        chef_equipe: false,
+        mail: null,
+      };
+    },
+
+    /**
+     * On save edition
+     */
+    onSaveNewOperateur() {
+      let formData = new FormData();
+
+      let errors = [];
+      for (const elem in this.form) {
+        if (this.form[elem] !== null && this.form[elem] !== "") {
+          formData.append(elem, this.form[elem]);
+        } else {
+          if (elem !== "id") {
+            errors.push(elem);
+          }
         }
+      }
+
+      // afficher les erreurs
+      if (errors.length > 0) {
+        alert("Certains éléments n'ont pas été renseignés. Merci d'apporter les modifications nécessaire(s) aux champ(s) suivant(s):  " + errors.join(", "));
+        return;
+      }
+
+      formData.append("entree", moment(new Date()).format(process.env.VUE_APP_DATEFORMAT_WS));
+
+      let request = null;
+      let success_msg = "";
+      if (this.form.id) {
+        // modifier un opérateur existant
+        request = this.putOperateur(formData);
+        success_msg = "L'opérateur a bien été modifié.";
+      } else {
+        // Créer un nouvel opérateur
+        request = this.postOperateur(formData);
+        success_msg = "L'opérateur a bien été créé.";
+      }
+
+      // apply callbacks
+      request.then(response => {
+        if (response && response.data) {
+          this.onCancelNewOperateur();
+          this.searchOperateurs();
+          this.$root.$emit('ShowMessage', success_msg);
+        }
+      }).catch(err => handleException(err, this));
+    },
+
+    /**
+     * post operateur
+     */
+    async postOperateur(formData) {
+      return new Promise((resolve, reject) => {
+        this.$http.post(
+          process.env.VUE_APP_API_URL + process.env.VUE_APP_OPERATEURS_ENDPOINT,
+          formData,
+          {
+            withCredentials: true,
+            headers: {"Accept": "application/json"}
+          }
+        ).then(response => resolve(response))
+        .catch(err => reject(err));
+      });
+    },
+
+
+    /**
+     * put operateur
+     */
+    async putOperateur(formData) {
+      return new Promise((resolve, reject) => {
+        this.$http.put(
+          process.env.VUE_APP_API_URL + process.env.VUE_APP_OPERATEURS_ENDPOINT,
+          formData,
+          {
+            withCredentials: true,
+            headers: {"Accept": "application/json"}
+          }
+        ).then(response => resolve(response))
+        .catch(err => reject(err));
+      });
+    }
+
+
   },
 
   mounted: function(){
diff --git a/front/src/components/Operateurs/OperateursEdit.vue b/front/src/components/Operateurs/OperateursEdit.vue
deleted file mode 100644
index 0ca65e8d..00000000
--- a/front/src/components/Operateurs/OperateursEdit.vue
+++ /dev/null
@@ -1,231 +0,0 @@
-<style src="./operateursEdit.css" scoped></style>
-<template src="./operateursEdit.html"></template>
-
-
-<script>
-import { handleException } from "@/services/exceptionsHandler";
-import { getCurrentDate } from "@/services/helper";
-
-import { validationMixin } from "vuelidate";
-import { required } from "vuelidate/lib/validators";
-
-const moment = require("moment");
-
-export default {
-  name: "OperateursEdit",
-  mixins: [validationMixin],
-  data: () => ({
-    //Mode : new or edit
-    mode: "new",
-    form: {
-      nom: null,
-      prenom: null,
-      login: null,
-      responsable: false,
-      entree: getCurrentDate()
-    },
-
-    dataSaved: false,
-    sending: false,
-    lastRecord: null
-  }),
-
-  // Validations
-  validations: {
-    form: {
-      nom: {
-        required
-      },
-      prenom: {
-        required
-      },
-      entree: {
-        required
-      },
-      responsable: {
-        required
-      }
-    }
-  },
-
-  methods: {
-    /**
-     * Get validation class par fieldname
-     */
-    getValidationClass(fieldName) {
-      const field = this.$v.form[fieldName];
-
-      if (field) {
-        return {
-          "md-invalid": field.$invalid && field.$dirty
-        };
-      }
-    },
-
-    /**
-     * Clear the form
-     */
-    clearForm() {
-      this.$v.$reset();
-      this.form.nom = null;
-      this.form.prenom = null;
-      this.form.login = null;
-      this.form.responsable = false;
-      this.form.entree = getCurrentDate();
-    },
-
-    /**
-     * Save data
-     */
-    saveData() {
-      this.sending = true;
-      var formData = this.initPostData();
-
-      var url =
-        process.env.VUE_APP_API_URL + process.env.VUE_APP_OPERATEURS_ENDPOINT;
-
-      if (this.mode === "new") {
-        this.$http
-          .post(url, formData, {
-            withCredentials: true,
-            headers: { Accept: "application/json" }
-          })
-          .then(response => {
-            this.handleSaveDataSuccess(response);
-          })
-          //Error
-          .catch(err => {
-            this.sending = false;
-            handleException(err, this);
-          });
-      } else {
-        var id = this.$route.params.id;
-        formData.append("id", id);
-
-        this.$http
-          .put(url, formData, {
-            withCredentials: true,
-            headers: { "Content-Type": "application/x-www-form-urlencoded" }
-          })
-          .then(response => {
-            this.handleSaveDataSuccess(response);
-          })
-          //Error
-          .catch(err => {
-            this.sending = false;
-            handleException(err, this);
-          });
-      }
-    },
-
-    /**
-     * Create formData
-     */
-    initPostData() {
-      var formData = new FormData();
-
-      if (this.form.nom) {
-        formData.append("nom", this.form.nom);
-      }
-      if (this.form.prenom) {
-        formData.append("prenom", this.form.prenom);
-      }
-      if (this.form.login) {
-        formData.append("login", this.form.login);
-      }
-      if (this.form.responsable !== null && this.form.responsable !== undefined) {
-        formData.append("responsable", this.form.responsable);
-      }
-      if (this.form.entree) {
-        formData.append("entree",
-          moment(new Date(new Date(this.form.entree))).format("YYYY-MM-DD")
-        );
-      }
-
-      return formData;
-    },
-
-    /**
-     * Handle save data success
-     */
-    handleSaveDataSuccess(response) {
-      if (response && response.data) {
-        this.lastRecord = `${this.form.prenom} ${this.form.nom}`;
-        this.dataSaved = true;
-        this.sending = false;
-        this.$root.$emit("ShowMessage", "L'opérateursss " + this. lastRecord + " a été enregistré avec succès");
-        this.clearForm();
-      }
-    },
-
-    /**
-     * Validate form
-     */
-    validateForm() {
-      this.$v.$touch();
-
-      if (!this.$v.$invalid) {
-        this.saveData();
-      }
-    },
-
-    /**
-     * Cancel edit
-     */
-    cancelEdit() {
-      this.$router.push({name: "Operateurs"});
-    },
-
-    /**
-     * Init edit data
-     */
-    initEditData(id) {
-      this.$http
-        .get(
-          process.env.VUE_APP_API_URL +
-            process.env.VUE_APP_OPERATEURS_ENDPOINT +
-            "/" +
-            id,
-          {
-            withCredentials: true,
-            headers: { Accept: "application/json" }
-          }
-        )
-        .then(response => {
-          if (response && response.data) {
-            this.form.nom = response.data.nom;
-            this.form.prenom = response.data.prenom;
-            this.form.login = response.data.login;
-            this.form.responsable = response.data.responsable;
-            this.form.entree = moment(response.data.entree, process.env.VUE_APP_DATEFORMAT_WS).format(process.env.VUE_APP_DATEFORMAT_CLIENT);
-          }
-        })
-        //Error
-        .catch(err => {
-          this.sending = false;
-          handleException(err, this);
-        });
-    }
-  },
-
-  mounted: function() {
-    //Mode (new or edit)
-    if (
-      this.$router &&
-      this.$router.currentRoute &&
-      this.$router.currentRoute.name === "OperateursNew"
-    ) {
-      this.mode = "new";
-    } else {
-      this.mode = "edit";
-    }
-
-    //If mode = edit, get the operateur
-    if (this.mode === "edit") {
-      var id = this.$route.params.id;
-      this.initEditData(id);
-    }
-  }
-};
-</script>
-
diff --git a/front/src/components/Operateurs/operateurs.html b/front/src/components/Operateurs/operateurs.html
index e4f8f226..0be5acd3 100644
--- a/front/src/components/Operateurs/operateurs.html
+++ b/front/src/components/Operateurs/operateurs.html
@@ -1,9 +1,61 @@
 <div class="operateurs">
     <md-toolbar class="justifyTitleBtn">
         <h1>Opérateurs</h1>
-        <md-button class="md-raised md-accent" @click="importADUsers" v-if="editionOperateursAllowed">Importer opérateurs AD</md-button>
+        <md-button class="md-raised md-accent" @click="createUser" v-if="editionOperateursAllowed">Nouvel opérateur</md-button>
     </md-toolbar>
 
+    <div v-if="divEditUser.show">
+        <md-card>
+            <md-card-header>
+                <div class="md-title">{{ divEditUser.title }}</div>
+            </md-card-header>
+            <md-card-content>
+                <div class="md-layout md-gutter">
+                    <div class="md-layout-item md-size-25 md-small-size-100">
+                        <md-field>
+                            <label>Nom</label>
+                            <md-input v-model="form.nom"></md-input>
+                        </md-field>
+                    </div>
+                    <div class="md-layout-item md-size-25 md-small-size-100">
+                        <md-field>
+                            <label>Prénom</label>
+                            <md-input v-model="form.prenom"></md-input>
+                        </md-field>
+                    </div>
+                    <div class="md-layout-item md-size-10 md-small-size-100">
+                        <md-field>
+                            <label>Initiales</label>
+                            <md-input v-model="form.initiales"></md-input>
+                        </md-field>
+                    </div>
+                    <div class="md-layout-item md-size-15 md-small-size-100">
+                        <md-field>
+                            <label>Login</label>
+                            <md-input v-model="form.login"></md-input>
+                        </md-field>
+                    </div>
+                    <div class="md-layout-item md-size-25 md-small-size-100">
+                        <md-field>
+                            <label>Adresse e-mail</label>
+                            <md-input v-model="form.mail"></md-input>
+                        </md-field>
+                    </div>
+                    <div class="md-layout-item md-size-25 md-small-size-50">
+                        <md-checkbox v-model="form.responsable">Responsable</md-checkbox>
+                    </div>
+                    <div class="md-layout-item md-size-25 md-small-size-50">
+                        <md-checkbox v-model="form.chef_equipe">Chef·fe d'équipe</md-checkbox>
+                    </div>
+                    <div class="md-layout-item md-size-50 md-small-size-100" style="text-align: right;">
+                        <md-button class="md-accent md-elevation-1" @click="onCancelNewOperateur">Annuler</md-button>
+                        <md-button class="md-primary md-elevation-1" @click="onSaveNewOperateur">Enregistrer</md-button>
+                    </div>
+                </div>
+            </md-card-content>
+        </md-card>
+    </div>
+
     <!-- Search -->
     <md-card>
         <!-- Search Header -->
@@ -74,12 +126,15 @@ <h1>Opérateurs</h1>
                         <md-table-cell md-label="Id" md-sort-by="id" v-if="false">{{ item.id }}</md-table-cell>
                         <md-table-cell md-label="Prénom" md-sort-by="prenom">{{ item.prenom }}</md-table-cell>
                         <md-table-cell md-label="Nom" md-sort-by="nom">{{ item.nom }}</md-table-cell>
-                        <md-table-cell md-label="login" md-sort-by="login">{{ item.login }}</md-table-cell>
-                        <!-- <md-table-cell md-label="responsable">{{ item.responsable }}</md-table-cell> -->
-                        <md-table-cell md-label="entree">{{ item.entree }}</md-table-cell>
+                        <md-table-cell md-label="Initiales" md-sort-by="nom">{{ item.initiales }}</md-table-cell>
+                        <md-table-cell md-label="Login" md-sort-by="login">{{ item.login }}</md-table-cell>
+                        <md-table-cell md-label="E-mail" md-sort-by="login">{{ item.mail }}</md-table-cell>
+                        <md-table-cell md-label="Chef d'équipe'">{{ item.chef_equipe }}</md-table-cell>
+                        <md-table-cell md-label="Responsable">{{ item.responsable }}</md-table-cell>
+                        <md-table-cell md-label="Entree">{{ item.entree }}</md-table-cell>
                         <md-table-cell md-label="Actions" class="actionsColumn"  v-if="editionOperateursAllowed">
                             <md-button class="md-icon-button md-primary"
-                                v-on:click="callEditOperateur(item.id)">
+                                v-on:click="callEditOperateur(item)">
                                 <md-icon>edit</md-icon>
                             </md-button>
 
diff --git a/front/src/components/Operateurs/operateursEdit.css b/front/src/components/Operateurs/operateursEdit.css
deleted file mode 100644
index 887faefd..00000000
--- a/front/src/components/Operateurs/operateursEdit.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.operateursEdit {
-  width: 50%;
-  margin: auto;
-}
-
-.operateursEdit .md-progress-bar {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-}
-
-.operateursEdit .md-checkbox {
-  margin-top: 30px;
-}
\ No newline at end of file
diff --git a/front/src/components/Operateurs/operateursEdit.html b/front/src/components/Operateurs/operateursEdit.html
deleted file mode 100644
index 9b81c637..00000000
--- a/front/src/components/Operateurs/operateursEdit.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<div class="operateursEdit">
-
-  <md-toolbar>
-    <h1>Opérateur·rice</h1>
-  </md-toolbar>
-
-  <md-card class="md-size-100 md-small-size-100">
-    <md-card-content>
-
-      <!-- Nom et prénom -->
-      <div class="md-layout md-gutter">
-        <div class="md-layout-item md-small-size-100 md-size-50">
-          <md-field :class="getValidationClass('nom')">
-            <label for="nom">Nom *</label>
-            <md-input name="nom" id="nom" v-model="form.nom" :disabled="sending" />
-            <span class="md-error" v-if="!$v.form.nom.required">Le nom est obligatoire</span>
-          </md-field>
-        </div>
-
-        <div class="md-layout-item md-small-size-100 md-size-50">
-          <md-field :class="getValidationClass('prenom')">
-            <label for="prenom">Prénom *</label>
-            <md-input name="prenom" id="prenom" v-model="form.prenom" :disabled="sending" />
-            <span class="md-error" v-if="!$v.form.prenom.required">Le prénom est obligatoire</span>
-          </md-field>
-        </div>
-      </div>
-
-      <!-- login et responsable -->
-      <div class="md-layout md-gutter">
-        <div class="md-layout-item md-small-size-100 md-size-50">
-          <md-field>
-            <label for="login">Login</label>
-            <md-input name="login" id="login" v-model="form.login" :disabled="sending" />
-          </md-field>
-        </div>
-
-        <div class="md-layout-item md-small-size-100 md-size-50">
-          <md-checkbox name="responsable" id="responsable" v-model="form.responsable" :disabled="sending">Responsable
-          </md-checkbox>
-        </div>
-      </div>
-
-      <!-- Date d'entrée -->
-      <div class="md-layout md-gutter">
-        <div class="md-layout-item md-small-size-100 md-size-25">
-          <md-datepicker v-model="form.entree" md-immediately :class="getValidationClass('entree')">
-            <label>Date d'entrée *</label>
-          </md-datepicker>
-        </div>
-      </div>
-
-    </md-card-content>
-    <md-progress-bar md-mode="indeterminate" v-if="sending" />
-
-    <md-card-actions>
-      <md-button class="md-raised" :disabled="sending" v-on:click="cancelEdit">Annuler</md-button>
-      <md-button type="submit" class="md-raised md-primary" :disabled="sending">Enregistrer</md-button>
-    </md-card-actions>
-  </md-card>
-
-</div>
\ No newline at end of file
diff --git a/front/src/routes b/front/src/routes
index 6ca85667..3005c93d 100644
--- a/front/src/routes
+++ b/front/src/routes
@@ -5,7 +5,6 @@ import NewAffaire from './components/Affaires/NewAffaire/NewAffaire.vue'
 import Clients from './components/Clients/Clients.vue'
 import ClientsEdit from './components/Clients/ClientsEdit.vue'
 import Operateurs from './components/Operateurs/Operateurs.vue'
-import OperateursEdit from './components/Operateurs/OperateursEdit.vue'
 import Numeros from './components/Numeros/Numeros.vue'
 import NumerosHistory from './components/Numeros/NumerosHistory.vue'
 import About from './components/About/About.vue'
@@ -21,8 +20,6 @@ const routes = [
     { path: '/clients/new', component: ClientsEdit, name: 'ClientsNew' },
     { path: '/clients/edit/:id', component: ClientsEdit, name: 'ClientsEdit' },
     { path: '/operateurs', component: Operateurs, name: 'Operateurs' },
-    { path: '/operateurs/new', component: OperateursEdit, name: 'OperateursNew' },
-    { path: '/operateurs/edit/:id', component: OperateursEdit, name: 'OperateursEdit' },
     { path: '/login', component: Login, name: 'Login' },
     { path: '/numeros', component: Numeros, name: 'Numeros' },
     { path: '/numeros/:id', component: NumerosHistory, name: 'NumerosHistory' },

From 41047577d691e60e470cb6eb00c4eec9e4618d8e Mon Sep 17 00:00:00 2001
From: Marc Rufener <marc.rufener@gmail.com>
Date: Wed, 1 Sep 2021 15:12:42 +0200
Subject: [PATCH 2/5] fix emoluments for floating numbers

---
 back/infolica/models/models.py                            | 2 +-
 back/infolica/views/facture_emolument.py                  | 8 ++++----
 .../Affaires/Facturation/Emoluments/Emoluments.vue        | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/back/infolica/models/models.py b/back/infolica/models/models.py
index a7173816..9e223ecf 100644
--- a/back/infolica/models/models.py
+++ b/back/infolica/models/models.py
@@ -260,7 +260,7 @@ class Emolument(Base):
     tableau_emolument_id = Column(BigInteger, primary_key=True)
     position = Column(Text, primary_key=True)
     prix_unitaire = Column(Float)
-    nombre = Column(Integer)
+    nombre = Column(Float)
     batiment = Column(Integer, primary_key=True)
     batiment_f = Column(Float)
     montant = Column(Float)
diff --git a/back/infolica/views/facture_emolument.py b/back/infolica/views/facture_emolument.py
index 48e08fc6..91ba49ae 100644
--- a/back/infolica/views/facture_emolument.py
+++ b/back/infolica/views/facture_emolument.py
@@ -158,7 +158,7 @@ def emolument_new_view(request):
                     tableau_emolument_id=int(batiment_i[emolument_i]['tableau_emolument_id']),
                     position=batiment_i[emolument_i]['nom'],
                     prix_unitaire=float(batiment_i[emolument_i]['prix_unitaire']),
-                    nombre=int(batiment_i[emolument_i]['nombre']),
+                    nombre=float(batiment_i[emolument_i]['nombre']),
                     batiment=int(batiment_i[emolument_i]['batiment']),
                     batiment_f=float(batiment_i[emolument_i]['batiment_f']),
                     montant=float(batiment_i[emolument_i]['montant'])
@@ -252,14 +252,14 @@ def update_emolument_view(request):
                 if (not float(record.montant) == float(batiment_i[emolument_i]['montant']) \
                     or not record.tableau_emolument_id == batiment_i[emolument_i]['tableau_emolument_id'] \
                     or not record.position == batiment_i[emolument_i]['nom'] \
-                    or not int(record.nombre) == int(batiment_i[emolument_i]['nombre']) \
+                    or not float(record.nombre) == float(batiment_i[emolument_i]['nombre']) \
                     or not float(record.batiment_f) == float(batiment_i[emolument_i]['batiment_f'])):
 
                     # Mettre à jour les données si le nouveau montant n'est pas nul
                     if float(batiment_i[emolument_i]['montant']) > 0:
                         params = Utils._params(
                             position=batiment_i[emolument_i]['nom'],
-                            nombre=int(batiment_i[emolument_i]['nombre']),
+                            nombre=float(batiment_i[emolument_i]['nombre']),
                             batiment_f=float(batiment_i[emolument_i]['batiment_f']),
                             montant=float(batiment_i[emolument_i]['montant'])
                         )
@@ -276,7 +276,7 @@ def update_emolument_view(request):
                         tableau_emolument_id=int(batiment_i[emolument_i]['tableau_emolument_id']),
                         position=batiment_i[emolument_i]['nom'],
                         prix_unitaire=float(batiment_i[emolument_i]['prix_unitaire']),
-                        nombre=int(batiment_i[emolument_i]['nombre']),
+                        nombre=float(batiment_i[emolument_i]['nombre']),
                         batiment=int(batiment_i[emolument_i]['batiment']),
                         batiment_f=float(batiment_i[emolument_i]['batiment_f']),
                         montant=float(batiment_i[emolument_i]['montant'])
diff --git a/front/src/components/Affaires/Facturation/Emoluments/Emoluments.vue b/front/src/components/Affaires/Facturation/Emoluments/Emoluments.vue
index 7aa4b5ae..ed5b5d08 100644
--- a/front/src/components/Affaires/Facturation/Emoluments/Emoluments.vue
+++ b/front/src/components/Affaires/Facturation/Emoluments/Emoluments.vue
@@ -839,7 +839,7 @@ export default {
             });
           }
         }).catch(err => {
-          handleException(err, this)
+          handleException(err, this);
           // hide progressbar
           this.showProgressBar = false;
           this.disabled = false;

From e0b501b6451faab9eb57130224556e1981eaa752 Mon Sep 17 00:00:00 2001
From: Marc Rufener <marc.rufener@gmail.com>
Date: Wed, 1 Sep 2021 17:25:21 +0200
Subject: [PATCH 3/5] update cockpit affaire loading and sorting

---
 front/src/components/Cockpit/Cockpit.vue  | 31 +++++++++++++++++++++++
 front/src/components/Cockpit/cockpit.html |  2 +-
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/front/src/components/Cockpit/Cockpit.vue b/front/src/components/Cockpit/Cockpit.vue
index b2cc2f5f..43f6d7f9 100644
--- a/front/src/components/Cockpit/Cockpit.vue
+++ b/front/src/components/Cockpit/Cockpit.vue
@@ -25,6 +25,8 @@ export default {
         affaires_bk: [],
         affaireEtapes: [],
         affaireTypes: [],
+        current_sort: "id",
+        current_sort_order: "desc",
         loadingAffaires: true,
         newAffaireAllowed: false,
         operateurs: [],
@@ -129,6 +131,9 @@ export default {
                     }
                     x.title = (x.no_access? 'Affaire ' + x.id + ' — ': '') + x.cadastre + ' — ' + x.description  + " — Dans cette étape depuis " + elapsedTime;
                 });
+
+                tmp = this.customSort(tmp);
+
                 this.affaires_bk = tmp;
                 if (!this.affaires.length > 0) {
                     this.affaires = tmp;
@@ -257,6 +262,32 @@ export default {
                 this.operateurs = tmp;
             }
         }).catch(err => handleException(err, this));
+    },
+
+    /**
+     * custom sort
+     */
+    customSort (value) {
+        return value.sort((a, b) => {
+            const sortBy = this.current_sort;
+
+            let c = a[sortBy];
+            let d = b[sortBy];
+
+            if (!c) {
+                return 1;
+            }
+
+            if (!d) {
+                return -1;
+            }
+
+            if (this.current_sort_order === 'asc') {
+                return String(c).localeCompare(String(d));
+            } else {
+                return String(d).localeCompare(String(c));
+            }
+        });
     }
   },
 
diff --git a/front/src/components/Cockpit/cockpit.html b/front/src/components/Cockpit/cockpit.html
index 06dfd5b4..9f8bffba 100644
--- a/front/src/components/Cockpit/cockpit.html
+++ b/front/src/components/Cockpit/cockpit.html
@@ -55,7 +55,7 @@ <h1>Cockpit</h1>
             </div>
 
             <md-progress-bar md-mode="indeterminate" v-if="loadingAffaires"></md-progress-bar>
-            <md-table v-model="affaires" md-sort="id" md-sort-order="desc" md-card>
+            <md-table v-model="affaires" :md-sort.sync="current_sort" :md-sort-order.sync="current_sort_order" :md-sort-fn="customSort" md-card>
 
                 <md-table-empty-state
                     md-label="Aucune affaire">

From 1a19bcfe016ca12ae9553f6a3337e4a35d52d368 Mon Sep 17 00:00:00 2001
From: Marc Rufener <marc.rufener@gmail.com>
Date: Wed, 1 Sep 2021 17:37:54 +0200
Subject: [PATCH 4/5] add mention urgent into affaire mail

---
 back/infolica/views/affaire_etape.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/back/infolica/views/affaire_etape.py b/back/infolica/views/affaire_etape.py
index 821899bd..cf712e2b 100644
--- a/back/infolica/views/affaire_etape.py
+++ b/back/infolica/views/affaire_etape.py
@@ -110,7 +110,7 @@ def etapes_new_view(request):
                                 ) for i in lastSteps])
         
         affaire_nom = " (" + affaire.no_access + ")" if affaire.no_access is not None else ""
-        text = "L'affaire <b><a href='" + os.path.join(request.registry.settings['infolica_url_base'], 'affaires/edit', str(affaire.id)) + "'>" + str(affaire.id) + affaire_nom + "</a></b> est en attente pour l'étape <b>"+ affaire_etape_index.nom +"</b>."
+        text = "L'affaire <b><a href='" + os.path.join(request.registry.settings['infolica_url_base'], 'affaires/edit', str(affaire.id)) + "'>" + str(affaire.id) + affaire_nom + "</a></b>" + (" (avec mention urgente)" if affaire.urgent else "") + " est en attente pour l'étape <b>"+ affaire_etape_index.nom +"</b>."
         text += "<br><br>Cadastre: " + str(affaire.cadastre)
         text += "<br>Description: " + str(affaire.nom)
         text += ("<br><br><br><h4>Historique de l'affaire</h4>\
@@ -121,7 +121,7 @@ def etapes_new_view(request):
                     <th style='border: 1px solid black; border-collapse: collapse; padding: 5px 25px 5px 10px;'>Réalisée le</th>\
                     <th style='border: 1px solid black; border-collapse: collapse; padding: 5px 25px 5px 10px;'>Remarque</th>\
                 </tr>" + lastSteps + "</table>") if lastSteps != "" else ""
-        subject = "Infolica - affaire " + str(affaire.id)
+        subject = "Infolica - affaire " + str(affaire.id) + (" - URGENT" if affaire.urgent else "")
         send_mail(request, mail_list, "", subject, html=text)
 
     return Utils.get_data_save_response(Constant.SUCCESS_SAVE.format(AffaireEtape.__tablename__))

From 20bdf99e7057c40665c9c8a5500fc944e4dd986a Mon Sep 17 00:00:00 2001
From: Marc Rufener <marc.rufener@gmail.com>
Date: Wed, 1 Sep 2021 18:10:55 +0200
Subject: [PATCH 5/5] highlight emoluments

---
 .../Facturation/Emoluments/emoluments.css     |   6 +-
 .../Facturation/Emoluments/emoluments.html    | 304 +++++++++---------
 2 files changed, 157 insertions(+), 153 deletions(-)

diff --git a/front/src/components/Affaires/Facturation/Emoluments/emoluments.css b/front/src/components/Affaires/Facturation/Emoluments/emoluments.css
index e7b2a54a..6ebcafdb 100644
--- a/front/src/components/Affaires/Facturation/Emoluments/emoluments.css
+++ b/front/src/components/Affaires/Facturation/Emoluments/emoluments.css
@@ -129,4 +129,8 @@
   border-left: 0px !important;
   border-right: 0px !important;
   padding-bottom: 10px !important;
-}
\ No newline at end of file
+}
+
+.highlightEmolument {
+  background-color: lightgreen;
+}
diff --git a/front/src/components/Affaires/Facturation/Emoluments/emoluments.html b/front/src/components/Affaires/Facturation/Emoluments/emoluments.html
index 95628505..39cfd0fd 100644
--- a/front/src/components/Affaires/Facturation/Emoluments/emoluments.html
+++ b/front/src/components/Affaires/Facturation/Emoluments/emoluments.html
@@ -172,7 +172,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.mandat1.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.mandat1.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat1.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.mandat1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat1.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -184,7 +184,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.mandat2.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.mandat2.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat2.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat2.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat2.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.mandat2.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat2.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -196,7 +196,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.mandat3.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.mandat3.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat3.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat3.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat3.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.mandat3.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat3.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -211,7 +211,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax notEditable"></td>
                       <td class="tg-0lax alignRight notEditable"></td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].mandat4.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].mandat4.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].mandat4.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].mandat4.montant }} CHF</td>
                       </template>
                     </tr>
@@ -220,10 +220,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.mandat5.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.mandat5.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat5.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.mandat5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat5.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].mandat5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].mandat5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].mandat5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].mandat5.montant }} CHF</td>
                       </template>
                     </tr>
@@ -232,10 +232,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.mandat6.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.mandat6.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat6.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat6.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.mandat6.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.mandat6.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.mandat6.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].mandat6.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].mandat6.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].mandat6.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].mandat6.montant }} CHF</td>
                       </template>
                     </tr>
@@ -300,10 +300,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain1.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain1.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain1.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain1.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain1.montant }} CHF</td>
                       </template>
                     </tr>
@@ -312,10 +312,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain2.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain2.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain2.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain2.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain2.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain2.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain2.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain2.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain2.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain2.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain2.montant }} CHF</td>
                       </template>
                     </tr>
@@ -324,10 +324,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain3.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain3.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain3.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain3.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain3.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain3.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain3.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain3.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain3.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain3.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain3.montant }} CHF</td>
                       </template>
                     </tr>
@@ -336,10 +336,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain4.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain4.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain4.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain4.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain4.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain4.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain4.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain4.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain4.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain4.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain4.montant }} CHF</td>
                       </template>
                     </tr>
@@ -348,10 +348,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain5.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain5.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain5.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain5.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain5.montant }} CHF</td>
                       </template>
                     </tr>
@@ -364,10 +364,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain6.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain6.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain6.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain6.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain6.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain6.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain6.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain6.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain6.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain6.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain6.montant }} CHF</td>
                       </template>
                     </tr>
@@ -376,10 +376,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain7.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain7.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain7.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain7.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain7.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain7.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain7.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain7.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain7.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain7.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain7.montant }} CHF</td>
                       </template>
                     </tr>
@@ -388,10 +388,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain8.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain8.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain8.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain8.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain8.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain8.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain8.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain8.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain8.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain8.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain8.montant }} CHF</td>
                       </template>
                     </tr>
@@ -400,10 +400,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain9.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain9.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain9.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain9.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain9.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain9.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain9.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain9.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain9.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain9.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain9.montant }} CHF</td>
                       </template>
                     </tr>
@@ -412,10 +412,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain10.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain10.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain10.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain10.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain10.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain10.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain10.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain10.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain10.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain10.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain10.montant }} CHF</td>
                       </template>
                     </tr>
@@ -424,10 +424,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain11.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain11.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain11.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain11.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain11.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain11.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain11.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain11.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain11.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain11.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain11.montant }} CHF</td>
                       </template>
                     </tr>
@@ -436,10 +436,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain12.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain12.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain12.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain12.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain12.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain12.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain12.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain12.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain12.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain12.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain12.montant }} CHF</td>
                       </template>
                     </tr>
@@ -448,10 +448,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain13.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain13.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain13.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain13.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain13.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain13.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain13.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain13.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain13.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain13.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain13.montant }} CHF</td>
                       </template>
                     </tr>
@@ -460,10 +460,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain14.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain14.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain14.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain14.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain14.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain14.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain14.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain14.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain14.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain14.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain14.montant }} CHF</td>
                       </template>
                     </tr>
@@ -475,10 +475,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain15.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain15.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain15.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain15.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain15.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain15.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain15.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain15.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain15.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain15.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain15.montant }} CHF</td>
                       </template>
                     </tr>
@@ -487,10 +487,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain16.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain16.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain16.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain16.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain16.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain16.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain16.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain16.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxTerrain16.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxTerrain16.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxTerrain16.montant }} CHF</td>
                       </template>
                     </tr>
@@ -502,7 +502,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain17.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain17.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain17.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain17.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain17.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain17.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain17.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -514,7 +514,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain18.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain18.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain18.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain18.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain18.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain18.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain18.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -526,7 +526,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain19.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain19.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain19.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain19.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain19.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain19.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain19.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -538,7 +538,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain20.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain20.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain20.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain20.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain20.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain20.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain20.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -550,7 +550,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain21.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain21.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain21.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain21.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain21.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain21.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain21.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -562,7 +562,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain22.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain22.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain22.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain22.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain22.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain22.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain22.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -574,7 +574,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain23.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain23.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain23.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain23.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain23.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain23.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain23.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -586,7 +586,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain24.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain24.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain24.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain24.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain24.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain24.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain24.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -598,7 +598,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxTerrain25.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxTerrain25.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain25.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain25.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxTerrain25.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxTerrain25.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxTerrain25.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -670,7 +670,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation1.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation1.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation1.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation1.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -678,7 +678,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation2.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation2.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation2.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation2.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation2.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation2.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation2.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -686,7 +686,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation3.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation3.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation3.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation3.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation3.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation3.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation3.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -694,7 +694,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation4.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation4.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation4.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation4.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation4.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation4.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation4.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -702,7 +702,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation5.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation5.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation5.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation5.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -710,7 +710,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation6.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation6.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation6.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation6.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation6.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation6.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation6.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -718,7 +718,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation7.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation7.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation7.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation7.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation7.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation7.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation7.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -729,7 +729,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation8.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation8.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation8.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation8.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation8.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation8.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation8.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -737,7 +737,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation9.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation9.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation9.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation9.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation9.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation9.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation9.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -745,7 +745,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation10.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation10.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation10.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation10.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation10.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation10.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation10.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -753,7 +753,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation11.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation11.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation11.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation11.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation11.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation11.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation11.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -761,7 +761,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation12.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation12.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation12.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation12.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation12.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation12.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation12.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -769,7 +769,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxMaterialisation13.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation13.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation13.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation13.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxMaterialisation13.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxMaterialisation13.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxMaterialisation13.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -781,7 +781,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">Points</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxMaterialisation14.unite }}</td>
                       <td class="tg-0lax alignCenter">Voir ci-dessous</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="pointsMatDiff_nombre" class="nbInput" @keyup="updateMatDiff()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="pointsMatDiff_nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(pointsMatDiff_nombre)>0 }" @keyup="updateMatDiff()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ total.montant_34_matdiff }} CHF</td>
                     </tr>
                     <tr>
@@ -862,10 +862,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau1.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau1.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau1.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau1.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau1.montant }} CHF</td>
                       </template>
                     </tr>
@@ -874,10 +874,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau2.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau2.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau2.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau2.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau2.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau2.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau2.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau2.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau2.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau2.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau2.montant }} CHF</td>
                       </template>
                     </tr>
@@ -886,10 +886,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau3.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau3.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau3.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau3.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau3.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau3.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau3.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau3.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau3.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau3.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau3.montant }} CHF</td>
                       </template>
                     </tr>
@@ -898,10 +898,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau4.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau4.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau4.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau4.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau4.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau4.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau4.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau4.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau4.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau4.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau4.montant }} CHF</td>
                       </template>
                     </tr>
@@ -910,10 +910,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau5.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau5.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau5.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau5.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau5.montant }} CHF</td>
                       </template>
                     </tr>
@@ -922,10 +922,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau6.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau6.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau6.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau6.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau6.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau6.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau6.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau6.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau6.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau6.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau6.montant }} CHF</td>
                       </template>
                     </tr>
@@ -934,10 +934,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau7.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau7.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau7.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau7.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau7.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau7.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau7.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau7.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau7.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau7.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau7.montant }} CHF</td>
                       </template>
                     </tr>
@@ -946,10 +946,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau8.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau8.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau8.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau8.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau8.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau8.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau8.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau8.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau8.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau8.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau8.montant }} CHF</td>
                       </template>
                     </tr>
@@ -958,10 +958,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau9.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau9.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau9.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau9.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau9.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau9.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau9.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau9.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau9.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau9.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau9.montant }} CHF</td>
                       </template>
                     </tr>
@@ -970,10 +970,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau10.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau10.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau10.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau10.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau10.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau10.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau10.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau10.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau10.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau10.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau10.montant }} CHF</td>
                       </template>
                     </tr>
@@ -982,10 +982,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau11.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau11.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau11.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau11.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau11.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau11.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau11.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau11.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau11.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau11.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau11.montant }} CHF</td>
                       </template>
                     </tr>
@@ -994,10 +994,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau12.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau12.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau12.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau12.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau12.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau12.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau12.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau12.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau12.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau12.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau12.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1009,10 +1009,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau13.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau13.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau13.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau13.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau13.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau13.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau13.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau13.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau13.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau13.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau13.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1021,10 +1021,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau14.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau14.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau14.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau14.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau14.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau14.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau14.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau14.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau14.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau14.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau14.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1033,10 +1033,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau15.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau15.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau15.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau15.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau15.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau15.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau15.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau15.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau15.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau15.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau15.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1045,10 +1045,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau16.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau16.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau16.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau16.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau16.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau16.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau16.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau16.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau16.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau16.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau16.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1057,10 +1057,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau17.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau17.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau17.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau17.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau17.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau17.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau17.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau17.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau17.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau17.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau17.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1069,10 +1069,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau18.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau18.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau18.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau18.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau18.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau18.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau18.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau18.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau18.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau18.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau18.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1081,10 +1081,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau19.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau19.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau19.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau19.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau19.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau19.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau19.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau19.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau19.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau19.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau19.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1093,10 +1093,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau20.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau20.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau20.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau20.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau20.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau20.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau20.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau20.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau20.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau20.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau20.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1105,10 +1105,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau21.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau21.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau21.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau21.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau21.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau21.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau21.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau21.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau21.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau21.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau21.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1117,10 +1117,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau22.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau22.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau22.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau22.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau22.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau22.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau22.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau22.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau22.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau22.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau22.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1132,10 +1132,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau23.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau23.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau23.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau23.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau23.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau23.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau23.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau23.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau23.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau23.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau23.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1144,10 +1144,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau24.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau24.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau24.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau24.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau24.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau24.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau24.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau24.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau24.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau24.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau24.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1156,10 +1156,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau25.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau25.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau25.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau25.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau25.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau25.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau25.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau25.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau25.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau25.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau25.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1168,10 +1168,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau26.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau26.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau26.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau26.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau26.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau26.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau26.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau26.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau26.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau26.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau26.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1180,10 +1180,10 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau27.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau27.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau27.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau27.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau27.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau27.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau27.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
-                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau27.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                        <td class="tg-0lax batiment-separator"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail_batiment[i-1].travauxBureau27.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail_batiment[i-1].travauxBureau27.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                         <td class="tg-0lax alignRight">{{ form_detail_batiment[i-1].travauxBureau27.montant }} CHF</td>
                       </template>
                     </tr>
@@ -1195,7 +1195,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau28.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau28.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau28.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau28.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau28.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau28.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau28.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1207,7 +1207,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau29.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau29.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau29.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau29.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau29.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau29.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau29.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1219,7 +1219,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau30.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau30.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau30.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau30.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau30.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau30.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau30.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1231,7 +1231,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau31.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau31.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau31.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau31.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau31.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau31.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau31.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1243,7 +1243,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau32.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau32.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau32.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau32.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau32.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau32.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau32.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1255,7 +1255,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau33.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau33.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau33.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau33.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau33.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau33.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau33.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1267,7 +1267,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau34.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau34.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau34.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau34.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau34.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau34.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau34.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1279,7 +1279,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau35.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau35.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau35.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau35.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau35.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau35.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau35.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1291,7 +1291,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau36.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau36.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau36.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau36.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau36.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau36.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau36.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1303,7 +1303,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau37.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau37.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau37.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau37.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau37.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau37.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau37.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1315,7 +1315,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau38.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau38.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau38.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau38.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau38.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau38.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau38.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1327,7 +1327,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau39.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau39.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau39.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau39.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau39.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau39.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau39.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1339,7 +1339,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau40.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau40.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau40.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau40.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau40.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau40.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau40.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1351,7 +1351,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau41.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau41.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau41.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau41.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau41.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau41.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau41.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1363,7 +1363,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau42.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau42.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau42.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau42.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau42.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau42.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau42.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1375,7 +1375,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau43.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau43.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau43.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau43.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau43.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau43.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau43.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1387,7 +1387,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau44.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau44.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau44.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau44.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau44.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau44.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau44.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1399,7 +1399,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau45.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau45.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau45.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau45.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau45.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau45.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau45.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1411,7 +1411,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.travauxBureau46.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.travauxBureau46.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau46.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau46.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.travauxBureau46.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.travauxBureau46.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.travauxBureau46.montant }} CHF</td>
                       <template v-for="i in form_general.nb_batiments">
                         <td class="tg-0lax batiment-separator notEditable"></td>
@@ -1468,61 +1468,61 @@ <h3>Bâtiments</h3>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers1.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers1.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers1.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers2.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers2.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers2.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers2.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers2.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers2.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers3.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers3.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers3.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers3.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers3.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers3.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers4.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers4.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers4.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers4.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers4.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers4.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers5.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers5.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers5.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers6.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers6.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers6.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers6.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers6.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers6.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers7.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers7.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers7.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers7.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers7.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers7.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers8.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers8.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers8.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers8.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers8.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers8.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers9.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers9.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers9.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers9.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers9.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers9.montant }} CHF</td>
                     </tr>
                     <tr>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers10.nom" class="inputText" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers10.prix_unitaire" class="inputMontant" @keyup="updateMontants()" @focus="$event.target.select()" @focusout="setPrixUnitaireFormat"></md-input>CHF</md-field></td>
-                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers10.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
+                      <td class="tg-0lax alignRight"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.divers10.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.divers10.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()"></md-input></md-field></td>
                       <td class="tg-0lax montant alignRight">{{ form_detail.divers10.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -1556,7 +1556,7 @@ <h3>Bâtiments</h3>
                   <tr>
                     <td class="tg-0lax">{{ form_detail.deplacementDebours1.nom }}</td>
                     <td class="tg-0lax alignRight">{{ form_detail.deplacementDebours1.prix_unitaire }} CHF</td>
-                    <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.deplacementDebours1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                    <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.deplacementDebours1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.deplacementDebours1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                     <td class="tg-0lax alignRight">{{ form_detail.deplacementDebours1.montant }} CHF</td>
                   </tr>
                 </tbody>
@@ -1589,7 +1589,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.registreFoncier1.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.registreFoncier1.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier1.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier1.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier1.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.registreFoncier1.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier1.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -1597,7 +1597,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.registreFoncier2.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.registreFoncier2.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier2.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier2.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier2.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.registreFoncier2.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier2.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -1605,7 +1605,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.registreFoncier3.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.registreFoncier3.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier3.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier3.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier3.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.registreFoncier3.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier3.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -1613,7 +1613,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.registreFoncier4.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.registreFoncier4.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier4.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier4.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier4.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.registreFoncier4.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier4.montant }} CHF</td>
                     </tr>
                     <tr>
@@ -1621,7 +1621,7 @@ <h3>Bâtiments</h3>
                       <td class="tg-0lax">{{ form_detail.registreFoncier5.nom }}</td>
                       <td class="tg-0lax alignCenter">{{ form_detail.registreFoncier5.unite }}</td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier5.prix_unitaire }} CHF</td>
-                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier5.nombre" class="nbInput" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
+                      <td class="tg-0lax"><md-field class="nbField"><md-input :disabled="disabled" v-model="form_detail.registreFoncier5.nombre" class="nbInput" v-bind:class="{ highlightEmolument: Number(form_detail.registreFoncier5.nombre)>0 }" @keyup="updateMontants()" @focus="$event.target.select()" onkeypress="return /[0-9]/i.test(event.key)"></md-input></md-field></td>
                       <td class="tg-0lax alignRight">{{ form_detail.registreFoncier5.montant }} CHF</td>
                     </tr>
                     <tr>