Refonte de la page de services (fix #6).

assets/production/css/style.css

@@ -95,7 +95,8 @@ abbr {
   margin-bottom: 1em;
 }
 
-.Button {
+.button {
+  margin: 0 1em 0 1em;
   padding: 8px 24px;
   background: #373d3f;
   color: #fff;
@@ -108,6 +109,10 @@ abbr {
   display: inline-block;
 }
 
+.violet {
+  background: blueviolet;
+}
+
 .tac {
   text-align: center;
 }
@@ -179,6 +184,12 @@ nav section ul li {
   font-size: 1.5em;
 }
 
+.services {
+  border: lightblue 4px solid;
+  padding: 0.6em;
+
+}
+
 .services-title {
   position: relative;
   padding-left: 64px;
@@ -244,6 +255,33 @@ nav section ul li {
   background: #b9daf6 url(/images/uicons/key.svg) center center no-repeat;
 }
 
+.services-software {
+  margin-top: 2em;
+}
+
+.services-software div {
+  display: flex;
+  justify-content: space-evenly;
+  padding-top: 1em;
+  padding-bottom: 1em;
+}
+
+.services-link a {
+  align-self: center;
+}
+
+.services-link img {
+  height: 2em;
+}
+
+.services-link p {
+  align-self: center;
+  font-size: small;
+  font-weight: bold;
+  padding-left: 0.8em;
+  width: 4em;
+}
+
 .frame {
   border: 1px black solid;
   overflow: hidden;
@@ -331,7 +369,7 @@ nav section ul li {
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: 1fr;
     grid-column-gap: 64px;
-    grid-row-gap: 0;
+    grid-row-gap: 64px;
   }
 
   .Two-cols-Two-rows {