feat: Mise à jour du design

assets/styles/fonts.sass

@@ -12,14 +12,14 @@ body
   line-height: 1.2
   font-family: 'League Spartan Variable'
 
-.viemunicipale h1, .viemunicipale a
-    color: var(--color-green)
-.cadredevie h1, .cadredevie a
-    color: var(--color-blue)
-.economie h1, .economie a
-    color: var(--color-orange)
-.associations h1, .associations a
-    color: var(--color-purple)
+.viemunicipale #content, #content .viemunicipale
+  --color-title: var(--color-green)
+.cadredevie #content, #content .cadredevie
+  --color-title: var(--color-blue)
+.economie #content, #content .economie
+  --color-title: var(--color-orange)
+.associations #content, #content .associations
+  --color-title: var(--color-purple)
 
 h1, h2, h3, h4, h5
   font-weight: 600
@@ -55,6 +55,9 @@ h3
   @media screen and (max-width: $size-sm)
     font-size: 1rem
 
+h1, h2, h3
+  color: var(--color-title)
+
 h4
   font-size: 1rem
   @media screen and (max-width: $size-sm)

assets/styles/main.sass

@@ -15,7 +15,7 @@ $size-xl: 1280px
 body
   --color-green: #04874B
   --color-blue: #586994
-  --color-orange: #F0833C
+  --color-orange: #D14200
   --color-purple: #4C1036
   --color-grey: #E8E9ED
   --color-primary: black
@@ -92,7 +92,14 @@ body
     @media screen and (max-width: $size-xs)
       padding: 1rem .5rem
 
-
+  .containerGrid
+    display: flex
+    .actus
+      width: 75%
+    .infos
+      width: 25%
+      padding: 7rem 0 0 1rem
+      display: block
 
   .infos
     display: flex
@@ -103,26 +110,26 @@ body
       margin: 1rem
 
     .news
-      width: 65%
+      width: 75%
       display: flex
       flex-direction: column
       @media screen and (max-width: $size-xl)
-        width: 65%
+        width: 70%
       @media screen and (max-width: $size-md)
         width: 100%
         margin: 0
 
     .opening
       background: var(--color-orange)
-      width: 35%
+      width: 25%
       padding: 20px
-      color: black
+      color: white
       background-image: url(/icons/horloge.svg)
       background-repeat: no-repeat
       background-position: center -50px
       background-size: 70%
       @media screen and (max-width: $size-xl)
-        width: 35%
+        width: 30%
       @media screen and (max-width: $size-md)
         width: 100%
         margin: 0
@@ -143,7 +150,46 @@ body
         margin-bottom: 0
 
       a
-        color: black
+        color: white
+
+.nouveautes
+  border: 1px solid black
+  padding: 20px
+
+  ul
+    padding-left: 1rem
+
+.opening2
+  background: var(--color-orange)
+  margin-top: 2rem
+  margin-bottom: 2rem
+  padding: 20px
+  color: white
+  background-image: url(/icons/horloge.svg)
+  background-repeat: no-repeat
+  background-position: center -50px
+  background-size: 70%
+  @media screen and (max-width: $size-md)
+    margin: 0
+    background-position-x: 120%
+    background-size: 50%
+
+  h2
+    margin: 1rem 0
+
+  h3
+    margin: 1rem 0 .4rem
+    text-transform: inherit
+
+  p
+    margin-top: 0
+
+  p:last-child
+    margin-bottom: 0
+
+  a
+    color: white
+
 .news
   aside h2
     text-align: center
@@ -167,10 +213,6 @@ hr
   a
     color: white
 
-#content .commissions
-  h3, h4
-    color: var(--color-green)
-
 #content .conseilmunicipal
   display: flex
   flex-wrap: wrap
@@ -225,7 +267,7 @@ details > summary
   justify-content: center
   .card
     flex: 0 0 calc(100% * 3 / 12)
-    background-color: var(--color-purple)
+    border: 1px solid var(--color-purple)
     margin: 1rem
     padding: 1rem
     border-radius: 4px
@@ -288,3 +330,13 @@ blockquote span
   font-style: normal
   font-weight: bold
   margin-top: 1em
+
+.bandeau
+  margin: 0;
+  font-size: 1rem;
+  margin-top: -.5rem;
+  text-align: center;
+  font-weight: bold;
+
+#content .bandeau, #content .bandeau a
+  color: #e00000;