diff --git a/content/_index.md b/content/_index.md
index 02f5e32..175a952 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -4,6 +4,7 @@ description = "Site portefolio de mes objectifs et accomplissements"
 
 [extra]
 keywords = ["Hatmos", "hatmos", "portefolio"]
+aside = "aside-index.md"
 +++
 
 # Accomplissements
diff --git a/content/aside/aside-index.md b/content/aside/aside-index.md
new file mode 100644
index 0000000..e5fc15d
--- /dev/null
+++ b/content/aside/aside-index.md
@@ -0,0 +1,6 @@
++++
+title = "photo red glass porsche"
+description = "une photo d'une porsche 944 avec uniquement la couleur rouge et en effet verre raye"
++++
+
+{{ image(src="/porsche-944-turbo-red-glass.jpg", alt="Une photo d'une porsche 944 avec uniquement la couleur rouge et un effet de verre raye", height="100%") }}
diff --git a/static/porsche-944-turbo-red-glass.jpg b/static/porsche-944-turbo-red-glass.jpg
new file mode 100644
index 0000000..f2bea92
Binary files /dev/null and b/static/porsche-944-turbo-red-glass.jpg differ
diff --git a/static/style.css b/static/style.css
index ae5f749..a5598d6 100644
--- a/static/style.css
+++ b/static/style.css
@@ -57,7 +57,7 @@ footer{
   margin: 5px;
 }
 
-.layout{
+.layout:has(aside) {
   display: grid;
   grid-template-columns: 2fr 1fr;
 }
diff --git a/templates/base.html b/templates/base.html
index c714b28..8ff82a5 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -16,13 +16,9 @@
     </ul>
   </nav>
   <div class="layout">
-    <main class="main-content">{% block content %} {% endblock content %}</main>
-    {% if page.extra.aside %}
-      <aside>
-        {% include "partials/aside.html" %}
-      </aside>
-    {% endif %}
-    </div>
+    {% block content %} {% endblock content %}
+    {% include "partials/aside.html" %}
+   </div>
 </body>
 <footer>
   <small class="footer-text">© <script>document.write(new Date().getFullYear())</script> Hatmos. All Rights Reserved.</small>
diff --git a/templates/index.html b/templates/index.html
index 24a5e82..7a3db20 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-    {{ section.content | safe }}
+    <main class="main-content">
+        {{ section.content | safe }}
+    </main>
 {% endblock content %}
diff --git a/templates/page.html b/templates/page.html
index a4788e5..ee99936 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-  {{ page.content | safe }}
+  <main class="main-content">  
+    {{ page.content | safe }}
+  </main>
 {% endblock content %}
diff --git a/templates/partials/aside.html b/templates/partials/aside.html
index 933bc96..5772af8 100644
--- a/templates/partials/aside.html
+++ b/templates/partials/aside.html
@@ -1,2 +1,6 @@
-{% set aside = get_page(path="aside/" ~ page.extra.aside) %}
-{{ aside.content | safe }}
+{% if page.extra.aside %}
+<aside>
+  {% set aside = get_page(path="aside/" ~ page.extra.aside) %}
+  {{ aside.content | safe }}
+</aside>
+{% endif %}
diff --git a/templates/sections.html b/templates/sections.html
index 4762a69..a73e318 100644
--- a/templates/sections.html
+++ b/templates/sections.html
@@ -1,12 +1,14 @@
 {% extends "base.html" %}
 
 {% block content %}
-<h1>
-  {{section.title}}
-</h1>
-<ul>
-  {% for page in section.pages %}
-  <li><a href="{{page.permalink | safe }}">{{ page.title }}</a></li>
-  {% endfor %}
-</ul>
+<main class="main-content">
+  <h1>
+    {{section.title}}
+  </h1>
+  <ul>
+    {% for page in section.pages %}
+    <li><a href="{{page.permalink | safe }}">{{ page.title }}</a></li>
+    {% endfor %}
+  </ul>
+</main>  
 {% endblock content %}