diff --git a/frontend/app/scripts/controllers/responsableFormationSpace.js b/frontend/app/scripts/controllers/responsableFormationSpace.js
index 786ab42..63dea06 100755
--- a/frontend/app/scripts/controllers/responsableFormationSpace.js
+++ b/frontend/app/scripts/controllers/responsableFormationSpace.js
@@ -12,9 +12,9 @@
                 function init() {
                     $scope.selectedIndex = 0;
                     var tabs = [
-                    {//periode 1
+                    {//formation 1
                         "id":1,
-                      "title": 'One',
+                      "title": 'M2 ICE 16-17',
                       "periodes": [//periodes pour tab0
                           {"id":1, "plages": [//Plage pour periode 1
                             {"id": 0,"name": "null"}
@@ -22,13 +22,20 @@
                             
                           }
                         ],
-                      "students": [ {"face" : imagePath, "nom_prenom": 'Normand Léa'} ]
+                      "students": [ {"face" : imagePath, "nom_prenom": 'Normand Léa'} ],
+                      "pagesLivret": [
+                        {"titre" : "Titre 1", "lienApercu": '#', "idMaj_ou_Supp": 1 },
+                        {"titre" : "Titre 2", "lienApercu": '#', "idMaj_ou_Supp": 2 },
+                        {"titre" : "Titre 3", "lienApercu": '#', "idMaj_ou_Supp": 3 }
+                      ]
+                      
                     },
-                    {//periode 2
+                    {//formation 2
                         "id":2,
-                      "title": 'Two',
+                      "title": 'M2 ISMAG 16-17',
                       "periodes": [],
-                      "students": []
+                      "students": [],
+                      "pagesLivret": []
                     }],
                     selected = null,
                     previous = null;
diff --git a/frontend/app/views/responsableFormationSpace.html b/frontend/app/views/responsableFormationSpace.html
index 858ccf3..26f3a86 100755
--- a/frontend/app/views/responsableFormationSpace.html
+++ b/frontend/app/views/responsableFormationSpace.html
@@ -19,7 +19,7 @@
           <md-button class="md-primary">+</md-button>
           <md-button class="md-primary" ng-click="removeTab( selectedIndex )" ng-disabled="tabs.length <= 1">-</md-button>
           
-          <md-tab ng-repeat="tab in tabs" ng-disabled="tab.disabled" label="{{tab.title}}" style="height : 100vh">
+          <md-tab ng-repeat="tab in tabs" ng-disabled="tab.disabled" label="{{tab.title}}">
             
             <div class="demo-tab tab{{$index%4}}" style="padding: 25px; text-align: center;">
               
@@ -32,22 +32,20 @@
                       <md-button class="md-raised md-primary" ng-click="addRecordPlage(tab.id, periode.id)">Créer une plage de saisie</md-button>
                       
                       <div class="div_plages_de_saisies" ng-repeat="plage in periode.plages">
-                        <form class="period_forms" name="period_form1">
+                        <form class="period_forms">
                           <div layout-gt-sm="row">
-                            <md-input-container md-no-float class="md-block" flex-gt-sm>
+                            <div flex-gt-xs>
                               <md-select name="type" ng-model="periode.type" required placeholder='Type de la période'>
                                 <md-option value="entreprise">Entreprise</md-option>
                                 <md-option value="formation">Formation</md-option>
                               </md-select>
-                            </md-input-container>
-                            <md-input-container class="md-block" flex-gt-sm>
-                              <label>Date de début</label>
-                              <md-datepicker ng-model="user.submissionDateBegin"></md-datepicker>
-                            </md-input-container>
-                            <md-input-container class="md-block" flex-gt-sm>
-                              <label>Date de fin</label>
-                              <md-datepicker ng-model="user.submissionDateEnd"></md-datepicker>
-                            </md-input-container>
+                            </div>
+                            <div flex-gt-xs>
+                              <md-datepicker ng-model="ctrl.myDateDeb" md-placeholder="Date de début"></md-datepicker>
+                            </div>
+                            <div flex-gt-xs>
+                              <md-datepicker ng-model="ctrl.myDateFin" md-placeholder="Date de fin"></md-datepicker>
+                            </div>
                           </div>
                         </form>
                       </div>
@@ -94,7 +92,26 @@
                     
                   </form>
                   
-                  <form name="livret_form"></form>
+                  <form name="livret_form">
+                    <h2>Pages du livret et ordonnancement</h2>
+                    <md-list-item class="md-3-line" ng-repeat="item in tab.pagesLivret" >
+                      <div class="md-list-item-text" layout="column">
+                        <h3>{{ item.titre }}</h3>
+                      </div>
+                      <div class="md-list-item-text" layout="column">
+                        <h3><a href="{{ item.lienApercu }}" >Aperçu de la page</a></h3>
+                      </div>
+                      <div class="md-list-item-text" layout="column">
+                        <md-button class="md-raised md-primary">Mettre à jour</md-button>
+                      </div>
+                      <div class="md-list-item-text" layout="column">
+                        <md-button class="md-raised md-warn">Supprimer</md-button>
+                      </div>
+                      <div class="md-list-item-text" layout="column">
+                        <md-button class="md-secondary">Respond</md-button>
+                      </div>
+                    </md-list-item>  
+                  </form>
                 </div>
                 </md-content>
               </div>