diff --git a/web/WEB-INF/feuilleGardes.jsp b/web/WEB-INF/feuilleGardes.jsp
index d5ab9ed..f7d291f 100644
--- a/web/WEB-INF/feuilleGardes.jsp
+++ b/web/WEB-INF/feuilleGardes.jsp
@@ -6,46 +6,10 @@
 <%@page contentType="text/html" pageEncoding="UTF-8"%>
 <%@include file= "jspf/debutJSP.jspf" %>
 <body>
+    <%@include file= "jspf/header.jspf" %>
+    <div class="container">
+        <section id="contenueAffiche" class="row">
 
-        </tr>
-        <tr>
-        <c:forEach var="i" begin="0" end="4" step="1">
-            <c:forEach items='${sessionScope.lesPeriodes}' var="unePeriode" varStatus="status">
-                <td class="text-center">${unePeriode}</td>
-            </c:forEach>
-        </c:forEach>
-        </tr>
-        </thead>
-        <tbody>
-        <c:set var="oldId" value="-1" scope="page"/>
-        <tr>                
-        <c:forEach items='${sessionScope.lesVentilInit}' var="uneVentil" varStatus="status">
-            <c:set var="newId" value='${uneVentil.getPompier().getId()}' scope="page"/> 
-            <c:if test='${oldId != newId}' var="test" scope="page">
-            </tr><tr>
-            <td>${uneVentil.getPompier().getId()}</td>
-            <td>${uneVentil.getPompier().getNom()} ${uneVentil.getPompier().getPrenom()}</td>
-
-        <c:set var="oldId" value='${newId}' scope="page"/>
-    </c:if>
-    <c:set var="activite" value='${uneVentil.getActivite()}' scope="page"/>
-    <td>
-        <input readonly type="text" value='${activite}' name="lesActivites"class="ztVentil ${sessionScope.lesCouleurs[activite]}"/>
-    </td>
-</c:forEach>
-</tr>
-
-</tbody>
-<div id="legendCouleur">
-                    
-                        <span  style="background-color: white">Dispo</span>
-                        <span  style="background-color: gray">Indispo</span>
-                        <span  style="background-color: yellow">Au travail</span>
-                        <span>De garde : X</span>
-                    
-                </div>
-
-</table>
 
 
             <fieldset class="row mt-1 mb-10">  
@@ -73,8 +37,19 @@
                             </tr>
                         </thead>
                     </table>
+                    <div id="legendCouleur">
+
+                        <span  style="background-color: white">Dispo</span>
+                        <span  style="background-color: gray">Indispo</span>
+                        <span  style="background-color: yellow">Au travail</span>
+                        <span>De garde : X</span>
+
+                    </div>
                 </form>
             </fieldset> 
+        </section>
+    </div>
+</body>
 
 
 
diff --git a/web/WEB-INF/jspf/formulairePompier.jspf b/web/WEB-INF/jspf/formulairePompier.jspf
index 70c1d7a..bd1d2b3 100644
--- a/web/WEB-INF/jspf/formulairePompier.jspf
+++ b/web/WEB-INF/jspf/formulairePompier.jspf
@@ -128,57 +128,6 @@
             </div> <!-- fin observation -->
             <br/>
             
-            
-            <!-- tab disp -->
-            <div>
-                <label for="tDisp">Disponibilitées</label>
-                <table border="1" cellspacing="3" cellpadding="1" class="table table-striped">
-                    <thead>
-                <tr>
-                    
-                        <c:forEach items="${sessionScope.lesDatesEnString}" var="uneDate" varStatus="status">
-                        <th colspan="2" class="text-center">${uneDate}</th>
-                        </c:forEach>
-                </tr>
-                <tr>
-                    <c:forEach var="i" begin="0" end="4" step="1">
-                        <c:forEach items="${sessionScope.lesPeriodes}" var="uneP" varStatus="status">
-                            <th class="text-center">${uneP}</th>
-                        </c:forEach>
-                    </c:forEach>
-                </tr>
-            </thead>
-            <tbody>
-                <c:set var="oldId" value="-1" scope="page"/>
-                <tr>
-                    <c:forEach items="${sessionScope.lesVentilInit}" var="ventil" varStatus="status">
-                        <c:set var="newId" value="${gardes.getPompier().getId()}" scope="page"/>
-                        <c:if test="${oldId != newId}" var="test" scope="page">
-                        </tr> <tr> 
-                            
-
-                            <c:set var="oldId" value="${newId}" scope="page"/> 
-                        </c:if>
-                        <c:set var="act" value="${gardes.getDisponibilite()}" scope="page"/>
-                        <td><input type="text" value="${act}" name="lesAct" class="ztVentil ${sessionScope.lesCouleurs[act]}" readonly/></td>
-
-                    </c:forEach>
-                </tr>
-            </tbody>
-                </table>
-                        <div id="legendCouleur">
-                    
-                        <span  style="background-color: white">Dispo</span>
-                        <span  style="background-color: gray">Indispo</span>
-                        <span  style="background-color: yellow">Au travail</span>
-                        <span>De garde : X</span>
-                    
-                </div>
-            </div>
-                        
-                        
-                        
-            <!-- fin tab disp -->
             <div class="danger mt-3">${message} </div> 
 
             <div class="text-center mt-3">
diff --git a/web/css/mycss.css b/web/css/mycss.css
index 30f1ce5..301579b 100644
--- a/web/css/mycss.css
+++ b/web/css/mycss.css
@@ -18,7 +18,7 @@ body {
 }
 fieldset {
     border-radius: 5px;
-    padding: 5px;
+    padding: 2px;
     border: 1px solid #DB0005;
     width: 100%;
 }
@@ -105,7 +105,7 @@ select[readonly] {
 .ztVentil {
     width : 40%;
     border: 3px solid;   
-    
+
 }
 
 .ztVentil:hover {
