Footer : capsuula + lien framagit

producer/views/layouts/main.php

         <div class="container">
             <div class="overflow"></div>
             <div class="content">
-                <a href="<?php echo Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/index']) ; ?>">distrib</a>
-                <a href="<?php echo Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/mentions']) ; ?>">Mentions légales</a>
-                <a href="<?php echo Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/cgv']) ; ?>">CGS</a>    
-                <a id="code-source" href="https://framagit.org/guillaume-bourgeois/laboiteapain">Code source <img src="<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/img/logo-framagit.png" alt="Hébergé par Framasoft" /> <img src="<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/img/logo-gitlab.png" alt="Propulsé par Gitlab" /></a>
+                <a href="<?php echo Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/index']) ; ?>">distrib</a> &bull;
+                <a href="<?php echo Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/mentions']) ; ?>">Mentions légales</a> &bull;
+                <a href="<?php echo Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/cgv']) ; ?>">CGS</a> &bull;
+                <a id="code-source" href="https://framagit.org/guillaume-bourgeois/distrib">Code source <img src="<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/img/logo-framagit.png" alt="Hébergé par Framasoft" /> <img src="<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/img/logo-gitlab.png" alt="Propulsé par Gitlab" /></a>
             </div>
         </div>
     </footer>

producer/web/css/screen.css

 /* line 415, ../sass/_layout.scss */
 #footer .container .content {
   padding-top: 20px;
-  color: white;
+  color: black;
 }
 /* line 419, ../sass/_layout.scss */
 #footer .container .content a {
-  color: #323232;
+  color: black;
+  font-family: "capsuularegular";
+  font-size: 18px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+/* line 426, ../sass/_layout.scss */
+#footer .container .content a:hover {
   text-decoration: underline;
-  margin-right: 10px;
 }
-/* line 427, ../sass/_layout.scss */
+/* line 433, ../sass/_layout.scss */
 #footer .container #code-source img {
   height: 20px;
 }

producer/web/sass/_layout.scss

         
         .content {
             padding-top: 20px ;
-            color: white ;
+            color: black ;
             
             a {
-                color: $courant ;
-                text-decoration: underline ;
-                margin-right: 10px ;
+                color: black ;
+                font-family: 'capsuularegular' ;
+                font-size: 18px ;
+                padding-left: 10px ;
+                padding-right: 10px ;
+                
+                &:hover {
+                    text-decoration: underline ;
+                }
             }
         }