NEW Responsive design pour l'index restauration

CD67.FicheCollege.MVC/Views/Restauration/Index.cshtml

@@ -13,38 +13,40 @@
 
 <header>
     <h2>La Restauration</h2>
-    <span>
+    <span class="mask-ss">
         <a class="start-trace" href="@Url.Action("Edit", "RestaurationParametres", new { annee_id = Model.Annee_Id })"> <span class="glyphicon glyphicon-cog color1"></span> Paramètres</a>
         <a class="start-trace" href="@Url.Action("Index", "RestaurationTypesRepas")"> <span class="glyphicon glyphicon-cog color1"></span> Repas</a>
         <a class="start-trace" href="@Url.Action("Index", "RestaurationTypes")"> <span class="glyphicon glyphicon-cog color1"></span> Types</a>
     </span>
 </header>
 
+<div class="mask-ss">
+    @if (ouverture == true)
+    {
+        <h4>Ouverture de la campagne de saisie <a href="@Url.Action("EditCampagne", "RestaurationParametres", new { annee_id = Model.Annee_Id, edit = false })">  <span class="fa fa-toggle-on color1"></span> </a></h4><br />
+    }
+    else
+    {
+        <h4>Ouverture de la campagne de saisie <a href="@Url.Action("EditCampagne", "RestaurationParametres", new { annee_id = Model.Annee_Id, edit = true })">  <span class="fa fa-toggle-off color1"></span> </a></h4><br />
+    }
+</div>
 
-@if (ouverture == true)
-{
-    <h4>Ouverture de la campagne de saisie <a href="@Url.Action("EditCampagne", "RestaurationParametres", new { annee_id = Model.Annee_Id, edit = false })">  <span class="fa fa-toggle-on color1"></span> </a></h4><br />
-}
-else
-{
-    <h4>Ouverture de la campagne de saisie <a href="@Url.Action("EditCampagne", "RestaurationParametres", new { annee_id = Model.Annee_Id, edit = true })">  <span class="fa fa-toggle-off color1"></span> </a></h4><br />
-}
 <table id="table-actions" class="datatable table">
     <thead>
         <tr>
             <th>
                 @Html.DisplayNameFor(model => college_model.CodeRne)
             </th>
-            <th>
+            <th data-priority="1">
                 @Html.DisplayNameFor(model => college_model.Libelle)
             </th>
             <th>
                 Adresse complète
             </th>
-            <th>
+            <th data-priority="2">
                 @Html.DisplayNameFor(model => college_model.RestaurationType_Id)
             </th>
-            <th>
+            <th data-priority="3">
                 Statut du formulaire
             </th>
             <th>
@@ -69,7 +71,7 @@ else
                     <div style="text-align:left">
                         @Html.DisplayFor(modelcollege => college.RestaurationType.Libelle)
                     </div>
-                    <div style="text-align:right">
+                    <div class="mask-ss" style="text-align:right">
                         <a href="@Url.Action("Type", "Colleges", new { id = college.Id })">
                             <span class="glyphicon glyphicon-pencil fa-2x color1" title="Modifier" style="vertical-align: middle" aria-hidden="true"></span>
                         </a>