les styles de la navmap dans une feuille de styles

src/PotageBundle/Resources/views/Default/navmap.html.twig

-<style>
-    nav.navmap {
-        position: absolute;
-        top: 14.75em;
-        left: 50%;
-        width: auto;
-        margin-left: -55px;
-        padding: 1em;
-        z-index: 10;
-    }
-    nav.navmap table td {
-        margin: 0;
-        padding: 0;
-    }
-    nav.navmap table td td {
-        padding: 1px;
-    }
-    nav.navmap table td td a {
-        display: block;
-        border-radius: 2px;
-        border: 0px;
-        margin: 1px;
-    }
-    nav.navmap table td.carre a {
-        width: 16px;
-        height: 17px;
-    }
-    nav.navmap table td.carre.vide a {
-        border: 0;
-        background-color: transparent;
-    }
-    nav.navmap table#map1 td.carre.plein a {
-        background-color: #adadad;
-    }
-    nav.navmap table#map1 td.carre.plein a:hover {
-        background-color: #7b7b7b;
-    }
-    nav.navmap table#map1 td.carre.plein.active a {
-        background-color: #007bff;
-    }
-    nav.navmap table#map1 td.carre.plein.active a:hover {
-        background-color: #004589;
-    }
-    /* map 2 */
-    nav.navmap table#map2 {
-        display: none;
-    }
-    nav.navmap table#map2 td.carre.plein a {
-        background-color: #adadad;
-    }
-    nav.navmap table#map2 td.carre.plein a:hover {
-        background-color: #7b7b7b;
-    }
-    nav.navmap table#map2 td.carre.plein.active a {
-        background-color: #ffc107;
-    }
-    nav.navmap table#map2 td.carre.plein.active a:hover {
-        background-color: #b88b05;
-    }
-</style>
 <nav id="navmap" class="navmap">
 <table id="map1">
     <tr><td>

web/css/navmap.css

+nav.navmap {
+    position: absolute;
+    top: 14.75em;
+    left: 50%;
+    width: auto;
+    margin-left: -55px;
+    padding: 1em;
+    z-index: 10;
+}
+nav.navmap table td {
+    margin: 0;
+    padding: 0;
+}
+nav.navmap table td td {
+    padding: 1px;
+}
+nav.navmap table td td a {
+    display: block;
+    border-radius: 2px;
+    border: 0px;
+    margin: 1px;
+}
+nav.navmap table td.carre a {
+    width: 16px;
+    height: 17px;
+}
+nav.navmap table td.carre.vide a {
+    border: 0;
+    background-color: transparent;
+}
+nav.navmap table#map1 td.carre.plein a {
+    background-color: #adadad;
+}
+nav.navmap table#map1 td.carre.plein a:hover {
+    background-color: #7b7b7b;
+}
+nav.navmap table#map1 td.carre.plein.active a {
+    background-color: #007bff;
+}
+nav.navmap table#map1 td.carre.plein.active a:hover {
+    background-color: #004589;
+}
+/* map 2 */
+nav.navmap table#map2 {
+    display: none;
+}
+nav.navmap table#map2 td.carre.plein a {
+    background-color: #adadad;
+}
+nav.navmap table#map2 td.carre.plein a:hover {
+    background-color: #7b7b7b;
+}
+nav.navmap table#map2 td.carre.plein.active a {
+    background-color: #ffc107;
+}
+nav.navmap table#map2 td.carre.plein.active a:hover {
+    background-color: #b88b05;
+}
\ No newline at end of file

web/css/style.css

@@ -2,6 +2,7 @@
 @import url('https://fonts.googleapis.com/css?family=Averia+Sans+Libre:300i,400i');
 @import 'tables.css';
 @import 'override.css';
+@import 'navmap.css';
 
 /**/
 body {