feat(serie): align serie style with article style

As a serie's content can be important in size, it is better to make it look like an article than like a section.

i18n/en.toml

@@ -64,6 +64,7 @@ load_comments = "Load comments"
 
 # Serie.
 serie = "SERIE"
+serie_posts = "Serie's posts:"
 page_of_a_serie = "This article is part of the serie: "
 
 # Copy code block button.

i18n/fr.toml

@@ -64,6 +64,7 @@ load_comments = "Afficher les commentaires"
 
 # Serie.
 serie = "SERIE"
+serie_posts = "Articles de la série :"
 page_of_a_serie = "Cet article fait partie de la série : "
 
 # Copy code block button.

sass/parts/_posts_list.scss

@@ -68,6 +68,10 @@
     }
 }
 
+.serielist-title {
+    font-size: 1.2rem;
+}
+
 .serielist-container {
     display: grid;
     grid-template-columns: 1fr 8fr;

templates/serie.html

@@ -11,16 +11,20 @@
     {%- include "partials/home_banner.html" -%}
 {% endif -%}
 
-    <div id="posts-list">
+    <article>
         <div>
             <span class="title-label">{{ macros_translate::translate(key="serie", default="SERIE", language_strings=language_strings) }}</span>
             {{ macros_page_header::page_header(title=section.title) }}
         </div>
 
-        <div class="bottom-divider">
+        <section class="body">
             {{ section.content | safe }}
+        </section>
+    </article>
+    <div id="posts-list">
+        <div class="serielist-title bottom-divider">
+            {{ macros_translate::translate(key="serie_posts", default="Serie's posts:", language_strings=language_strings) }}
         </div>
-
         <div class="serielist-container">
             {% for post in section.pages | reverse %}
                 {% if loop.last %}