diff --git a/webpack/component/teacher/view.vue b/webpack/component/teacher/view.vue
index a52e363..66d1b89 100644
--- a/webpack/component/teacher/view.vue
+++ b/webpack/component/teacher/view.vue
@@ -83,22 +83,25 @@
 
 
 				<div class='table'>
-					<div>
-						<!-- if VIEW MODE -->
-						<span v-show='gstore.edit_i!=pi'>{{prof.hoursToDo}}</span>
-						<!-- if EDIT MODE -->
-						<span v-show='gstore.edit_i==pi'><input type='text' placeholder='???' v-model='gstore.edit_h'></span>
-						<!-- endif -->
-						<span>heures à faire</span>
-					</div>
-					<div title='équivalents TD'>
+					<!-- if VIEW MODE -->
+					<div title='équivalents TD' v-show='gstore.edit_i!=pi'>
 						<span>{{ prof.equiTD }}</span>
 						<span>HETD</span>
 					</div>
+					<!-- if EDIT MODE -->
+					<div v-show='gstore.edit_i==pi'>
+						<span><input type='text' placeholder='???' v-model='gstore.edit_h'></span>
+						<span>heures à faire</span>
+					</div>
+					<!-- endif -->
+
+					<div title='heures de décalage' v-show='gstore.edit_i!=pi'>
+						<span :data-error='prof.equiTD < prof.hoursToDo?1:0' :data-success='prof.equiTD < prof.hoursToDo?0:1'>{{ prof.equiTD < prof.hoursToDo ? prof.hoursToDo-prof.equiTD : prof.equiTD-prof.hoursToDo }}</span>
+						<span>{{ prof.equiTD < prof.hoursToDo ? 'sous-service' : 'sur-service' }}</span>
+					</div>
 				</div>
 
 				<!-- if VIEW MODE -->
-				<div v-show='gstore.edit_i!=pi' class='sub' title='total des heures prévues'><strong>{{ prof.VHCours + prof.VHTd + prof.VHTp }}</strong> heures présentielles</div>
 				<div v-show='gstore.edit_i!=pi' class='pdfdl' title='Télécharger la fiche' @click='gstore.id_handler(prof.idProfesseur)'>fiche</div>
 				<!-- if EDIT MODE -->
 				<div v-show='gstore.edit_i==pi' :class="gstore.edit_err.length > 0 ? 'sub warning' : 'sub'" :data-valid='gstore.edit_err_valid?1:0'>{{ gstore.edit_err }}</div>
@@ -116,6 +119,12 @@
 						<button v-show='gstore.edit_i==pi' class='grey' @click='gstore.ie_toggle(-1)'>Annuler</button>
 						<!-- endif -->
 				</div>
+
+
+				<div class='info'>
+					<strong>{{ prof.hoursToDo }}h</strong> à faire, <strong>{{ prof.VHCours + prof.VHTd + prof.VHTp }}h</strong> présentielles
+				</div>
+
 			</section>
 
 		</div>
diff --git a/webpack/scss/global.scss b/webpack/scss/global.scss
index 0bf7c43..d0189e2 100644
--- a/webpack/scss/global.scss
+++ b/webpack/scss/global.scss
@@ -13,7 +13,8 @@
 @import 'global/tag';
 
 
-.error, [data-error='1']{ font-weight: bold; color: $form-invalid-color; }
+.error,   [data-error='1']{   font-weight: bold; color: $form-invalid-color; }
+.success, [data-success='1']{ color: $form-valid-color; }