Modify CSS overide and import footer from DSFR

app/assets/stylesheets/admin-procedures-list.scss

@@ -1,4 +1,6 @@
 // Push the timestamps column to the right of the row
+@import "colors";
+
 .admin-procedures-list-timestamps {
   margin-left: auto;
 }
@@ -8,4 +10,8 @@
 // See https://stackoverflow.com/questions/57516373/image-stretching-in-flexbox-in-safari
 .admin-procedures-list-row.infos {
   align-items: flex-start;
+
+  a {
+    color: $blue-france-500;
+  }
 }

app/assets/stylesheets/commencer.scss

@@ -11,6 +11,10 @@
     margin-bottom: 2 * $default-spacer;
   }
 
+  .optional-on-small-screens {
+    color: #FFFFFF;
+  }
+
   @media (max-width: 450px) {
     .optional-on-small-screens {
       display: none;

app/assets/stylesheets/common.scss

@@ -45,15 +45,15 @@ strong {
   font-weight: bold;
 }
 
-a {
-  color: $blue-france-500;
-}
-
 a[target="_blank"]::after {
   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
   margin: 0 3px 0 5px;
 }
 
+a {
+  color: $blue-france-500;
+}
+
 em {
   font-style: italic;
 }

app/assets/stylesheets/dsfr.scss

@@ -1,6 +1,6 @@
 @import "colors";
 // override default text underline of dsfr
-body [href] {
+body [href]:not([class^="fr-"]):not(.fr-footer__bottom-copy *) {
   background-image: none;
 }
 
@@ -11,6 +11,9 @@ select {
   background: $white;
 }
 
+#footer a {
+  color: #333333;
+}
 // with Marianne font, weight of font is less bolder, so bold it up
 .button.primary {
   font-weight: bold;

app/assets/stylesheets/new_footer.scss

@@ -3,13 +3,6 @@
 @import "mixins";
 @import "placeholders";
 
-footer {
-  background-color: $light-grey;
-  border-top: 1px solid $border-grey;
-  bottom: 0;
-  width: 100%;
-}
-
 .landing-footer {
   @include vertical-padding(72px);
 }

app/javascript/entrypoints/main.css

@@ -16,3 +16,4 @@
 @import '@gouvfr/dsfr/dist/component/search/search.css';
 @import '@gouvfr/dsfr/dist/component/translate/translate.css';
 @import '@gouvfr/dsfr/dist/component/header/header.css';
+@import '@gouvfr/dsfr/dist/component/footer/footer.css';