diff --git a/assets/css/main.css b/assets/css/main.css
index e69de29..f1be332 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -0,0 +1,297 @@
+body {
+    color: #6c6c6c;
+    font-family: sans-serif;
+    line-height: 1.5;
+    margin: 0;
+    background-color: #f4f4f4;
+}
+
+/* Header */
+header {
+    background-size: cover;
+    height: 520px;
+    background-image: url(/chapelle.png);
+    background-position: center;
+}
+
+header > div {
+    padding-left: 60px;
+    color: #fff;
+    font-family: lexend, sans-serif;
+    font-weight: 700;
+    font-size: 40px;
+}
+
+#header-title {
+    margin: 45px 0;
+    max-width: 760px;
+}
+
+.menu ul {
+    list-style-type: none;
+    display: flex;
+    justify-content: center;
+    margin: 0;
+    padding: 1em 0;
+}
+
+.menu a {
+    margin: 0.6em;
+    padding: 0 1.5em;
+    min-width: 220px;
+    text-align: center;
+    color: #fff;
+    color: #fff;
+    font-family: lexend, sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 500;
+    font-style: normal;
+    font-size: 24px;
+    text-decoration: none;
+}
+
+.menu a:hover {
+    text-decoration: underline;
+}
+
+@media (max-width: 1240px) {
+    header > div {
+        padding: 0;
+        display: flex;
+        justify-content: center;
+    }
+
+    #header-title {
+        width: 100%;
+        text-align: center;
+    }
+
+    #header-subtitle {
+        display: none;
+    }
+}
+
+@media (max-width: 750px) {
+    header {
+        height: 200px;
+    }
+    .menu {
+        display: none;
+    }
+
+    #header-title {
+        font-size: 0.9em;
+        max-width: 310px;
+        margin-top: 0.7em;
+    }
+}
+
+/* Main */
+main {
+    margin: 3.8em auto;
+    max-width: 1000px;
+    padding: 0 4em;
+}
+
+.concerts {
+    display: grid;
+    /*overflow: hidden;*/
+}
+
+.concert-entry-small {
+    display: none;
+}
+
+.concert-entry {
+    margin: 0.8em 0;
+    padding: 20px;
+
+    display: grid;
+    grid-template-columns: 2fr 3fr 7fr 1fr;
+
+    gap: 1em;
+    border: 2px #000 solid;
+    border-radius: 20px;
+    align-items: center;
+    background-color: #fff;
+    height: 200px;
+    overflow: hidden;
+}
+
+.concert-date {
+    padding: 0 0.5em;
+    font-weight: bold;
+    font-size: 1.2em;
+    color: #600303;
+}
+
+.concert-date h4 {
+    margin: 0;
+    padding: 0.2em;
+}
+
+.concert-cover {
+    flex-grow: 1;
+    /*height: 100%;*/
+}
+
+.concert-cover > img {
+    width: 100%;
+}
+
+.concert-overview {
+    flex-grow: 8;
+}
+
+.concert-overview > h2,
+.concert-overview > h4 {
+    margin: 0;
+}
+
+.concert-overview > h3 {
+    min-height: 5.5em;
+}
+
+.concert-buttons {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    gap: 1em;
+    flex-grow: 1;
+}
+
+.concert-button {
+    padding: 10px;
+    border: 1px #000 solid;
+    border-radius: 5px;
+    background-color: #f3e2c8;
+    text-align: center;
+    text-decoration: none;
+    font-family: lexend, sans-serif;
+    font-weight: 350;
+    font-size: 18px;
+    color: #000;
+}
+
+@media (max-width: 750px) {
+    main {
+        max-width: 90%;
+        padding: 0;
+    }
+
+    .concert-entry {
+        display: none;
+    }
+
+    .concerts {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .concert-entry-small {
+        display: flex;
+        flex-direction: column;
+        border: 1px solid #ddd;
+        border-radius: 3px;
+        align-items: center;
+        background-color: #fff;
+        padding-bottom: 15px;
+        margin-bottom: 10px;
+    }
+
+    .concert-entry-container {
+        display: grid;
+        grid-template-columns: 3fr 8fr;
+    }
+
+    .concert-date {
+        color: #777;
+        font-size: 1.1em;
+        margin: 15px 0 15px 0;
+    }
+
+    .separator {
+        overflow: hidden;
+        width: 90%;
+        height: 1px;
+    }
+
+    .concert-cover {
+        margin-top: 25px;
+        margin-left: 5px;
+    }
+
+    .concert-overview {
+        padding-left: 10px;
+    }
+
+    .concert-overview > a {
+        color: #da1e2c;
+        text-decoration: none;
+        font-size: 1em;
+    }
+
+    .concert-buttons {
+        width: 100%;
+        margin-top: 10px;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-evenly;
+    }
+
+    .concert-button {
+        background-color: transparent;
+        border: none;
+        color: #777;
+        margin: 0 5px 0 5px;
+    }
+
+    .concert-button > span {
+        text-decoration: underline;
+        font-weight: bold;
+    }
+}
+
+footer {
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.subtitle-overview {
+    color: #4e4e4e;
+    margin: 0.4em 0;
+}
+
+.cover {
+    padding: 20px;
+}
+
+.single-summary,
+.single-artist {
+    margin-bottom: 5em;
+}
+
+.single-cover {
+    width: 250px;
+    float: right;
+    margin: 0 0 2em 2em;
+}
+
+.single-artist-photo {
+    display: flex;
+    flex-direction: column;
+    float: right;
+    padding-top: 3em;
+    align-items: flex-start;
+}
+
+.single-artist-photo p {
+    text-align: center;
+    margin: 0;
+}
+
+.overview h2 {
+    color: #600303;
+}
diff --git a/content/_index.md b/content/_index.md
index fbfec2b..6707554 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,5 +1,9 @@
 ---
 title: "Home page"
+ConcertDate: "Test"
+Summary: "I'm a summary"
+Description: "I'm a desciption"
+TicketsLink: "https://helloasso.com"
 ---
 
 This line is from `content/_index.md`.
diff --git a/content/firstpost.md b/content/firstpost.md
index ec5e82e..beca58c 100644
--- a/content/firstpost.md
+++ b/content/firstpost.md
@@ -1,7 +1,40 @@
 ---
-title: "First post"
+title: "Vols au dessus du volcan"
+ConcertDate: "Samedi 8 nov. 2025 18:00"
+Summary: "Une évoquation des voyages incessants d’Antoine de Saint-Exupéry et de sa femme Consuelo Suncín, marquée par les éruptions des volcans d’El Salvador de son enfance."
+Description: "Isabelle Chemin - Musique & théatre"
+TicketsLink: "https://www.helloasso.com/associations/association-des-amis-de-la-chapelle-victoria-de-grasse/evenements/tickets-vols-au-dessus-du-volcan"
 ---
 
-This line is from `content/firstpost.md`.
+**Saviez-vous qu’Antoine de Saint-Exupéry s’était marié à Nice ? Connaissez-vous son épouse, Consuelo Suncín, artiste peintre ? Et El Salvador, son pays d’origine ?**
 
-[Go to home](/)
+«Vols au dessus du Volcan» évoque les voyages incessants d’Antoine, et le caractère fantasque de Consuelo, marqué par les éruptions des volcans d’El Salvador durant son enfance. On y découvre la promesse réciproque d’un amour inconditionnel qui, au-delà de tous les tourments, perdurera et permettra en temps de guerre l’écriture d’un conte intemporel, Le Petit Prince. Ce spectacle concertant vous fera découvrir par un échange épistolaire authentique, une relation amoureuse tumultueuse de 14 ans. Leur véritable histoire débute par une rencontre rocambolesque en Argentine, et s’achèvera par la fin tragique du pilote en mission de guerre en 1944.
+
+<!-- linebreak -->
+
+Association Chemindessens
+
+Depuis 2005, notre association, Chemindessens, est installée à Grasse, capitale mondiale des parfums, où Consuelo de St-Exupéry y avait acheté une maison en 1956. Décédée en 1979, nous avons organisé une commémoration de sa disparition au travers d’un événement culturel, plastique et musical soutenu par la ville de Grasse et l’ambassade d’El Salvador, pays d’origine de Consuelo. En 2021, l’édition des correspondances entre Antoine et Consuelo de St-Exupéry fut une révélation. Le lyrisme et la poésie de leurs échanges nous font voyager de Buenos Aires en Argentine, aux dunes du Sahara, en passant par New-York ou le Sud de la France.
+
+L’idée de créer un spectacle autour de cette correspondance est née, pour donner voix à Consuelo et à Antoine. « Vols au-dessus du Volcan » évoque les voyages incessants d’Antoine, et le caractère de Consuelo, marqué par les éruptions des volcans d’El Salvador durant son enfance. On y découvre la promesse réciproque d’un amour inconditionnel qui au-delà de tous les tourments, perdurera et permettra en temps de guerre l’écriture d’un conte intemporel « Le Petit Prince ».
+
+Depuis 2 autres OPUS ont été créés, pointant des époques particulières de leurs vies et fait de ce projet un triptyque, qui peut se programmer indépendamment ou ensemble.
+
+<!-- linebreak -->
+
+Les artistes
+
+Isabelle Chemin : Artiste plasticienne, diplômée de l’École des Beaux-Arts de Bordeaux. Cheffe du projet.
+
+Gus Portmann : Comédien, médaille d’or du conservatoire d’Antibes. Il tourne avec sa compagnie Andromède, et avec les Mots en Scène
+
+Marybel Dessagnes : Pianiste, compositrice, directrice des études au conservatoire de Toulon.
+
+<!-- linebreak -->
+
+Liens utiles
+
+- Isabelle Chemin: Instagram
+- Page officiel vols volcan
+- Page officiel du spectacle
+- Page officiel de présentation de l’association Chemindessens
diff --git a/content/secpost.md b/content/secpost.md
new file mode 100644
index 0000000..f980613
--- /dev/null
+++ b/content/secpost.md
@@ -0,0 +1,11 @@
+---
+title: "Second post"
+ConcertDate: "Test"
+Summary: "I'm a summary"
+Description: "I'm a desciption"
+TicketsLink: "https://helloasso.com"
+---
+
+This line is from `content/secpost.md`.
+
+[Go to home](/)
diff --git a/hugo.toml b/hugo.toml
index ff3d83d..ee4ec46 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -27,3 +27,6 @@ identifier = "contact"
 name = "Contact"
 url = "/contact/"
 weight = 10
+
+[params]
+subtitle = 'Actualité concerts, expositions, billeterie'
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
new file mode 100644
index 0000000..aaa6ae7
--- /dev/null
+++ b/layouts/_default/home.html
@@ -0,0 +1,54 @@
+{{ define "main" }}
+    <h2>Actualités</h2>
+    <div class="concerts">
+        {{ range site.RegularPages }}
+            <div class="concert-entry">
+                <p class="concert-date">{{ .Params.ConcertDate }}</p>
+                <div class="concert-cover">
+                    <img src="/unk.jpg" alt="Unknown cover" />
+                </div>
+                <div class="concert-overview">
+                    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
+                    <h3>{{ .Summary }}</h3>
+                    <h4>{{ .Description }}</h4>
+                </div>
+                <div class="concert-buttons">
+                    <a class="concert-button" href="{{ .Params.TicketsLink }}"
+                        >Billets</a
+                    >
+                    <a class="concert-button" href="{{ .RelPermalink }}"
+                        >Infos</a
+                    >
+                </div>
+            </div>
+
+            <div class="concert-entry-small">
+                <h4 class="concert-date">{{ .Params.ConcertDate }}</h4>
+                <img src="bar.png" class="separator" />
+                <div class="concert-entry-container">
+                    <div class="concert-cover">
+                        <img src="/unk.jpg" alt="Unknown cover" />
+                    </div>
+                    <div class="concert-overview">
+                        <a href="{{ .RelPermalink }}"
+                            ><h3>{{ .LinkTitle }}</h3></a
+                        >
+                        <h4>{{ .Description }}</h4>
+                        <p>{{ .Summary }}</p>
+                    </div>
+                </div>
+                <img src="bar.png" class="separator" />
+                <div class="concert-buttons">
+                    <a class="concert-button" href="{{ .Params.TicketsLink }}">
+                        <img src="billets.png" />
+                        <span>Billets</span>
+                    </a>
+                    <a class="concert-button" href="{{ .RelPermalink }}">
+                        <img src="info.png" />
+                        <span>Infos</span>
+                    </a>
+                </div>
+            </div>
+        {{ end }}
+    </div>
+{{ end }}
diff --git a/layouts/index.html b/layouts/index.html
deleted file mode 100644
index c61d22e..0000000
--- a/layouts/index.html
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ define "main" }}
-    {{ .Content }}
-    <p>This line is from <code>layouts/index.html</code>.</p>
-{{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 7980a00..2fba297 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,2 +1,5 @@
-<h1>{{ site.Title }}</h1>
 {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
+<div>
+    <h1 id="header-title">Les amis de la chapelle Victoria</h1>
+    <h2 id="header-subtitle">Actualité concerts, expositions, billeterie</h2>
+</div>
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index aa1a94f..329c97b 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -11,7 +11,7 @@
 {{- $menuID := .menuID }}
 
 {{- with index site.Menus $menuID }}
-    <nav>
+    <nav class="menu">
         <ul>
             {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
         </ul>