From 262b08fcb57e78f25c631f4c926f18f5e83c5692 Mon Sep 17 00:00:00 2001
From: EpicKiwi <me@epickiwi.fr>
Date: Tue, 15 Sep 2026 21:13:23 +0200
Subject: [PATCH] =?UTF-8?q?Suppression=20de=20la=20marge,=20ajout=20des=20?=
 =?UTF-8?q?bordures=20arrondies=20ainsi=20que=20la=20d=C3=A9licate=20petit?=
 =?UTF-8?q?e=20fleche=20de=20la=20velvelyne?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html     | 32 ++++++++++++++++++++++++++++++++
 style/main.css | 36 +++++++++++++++++++++++++++++++++++-
 2 files changed, 67 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8d3883e..0f309bc 100644
--- a/index.html
+++ b/index.html
@@ -205,6 +205,7 @@
 
         <section id="eventSection" class="transparentBox">
   			       <h3>Événements <small>à venir</small></h3>
+
                 <article class="solidBox">
                   <h4>Permanences du LOL</h4>
                   <p class="date">↻ Mardi & Samedi</p>
@@ -214,6 +215,37 @@
                     </svg>
                   </a>
                 </article>
+
+                <article class="solidBox">
+                  <h4>Permanences du LOL</h4>
+                  <p class="date">↻ Mardi & Samedi</p>
+                  <a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
+                    <svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
+                      <path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
+                    </svg>
+                  </a>
+                </article>
+
+                <article class="solidBox">
+                  <h4>Permanences du LOL</h4>
+                  <p class="date">↻ Mardi & Samedi</p>
+                  <a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
+                    <svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
+                      <path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
+                    </svg>
+                  </a>
+                </article>
+
+                <article class="solidBox">
+                  <h4>Permanences du LOL</h4>
+                  <p class="date">↻ Mardi & Samedi</p>
+                  <a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
+                    <svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
+                      <path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
+                    </svg>
+                  </a>
+                </article>
+
         </section>
       </aside>
       <footer id="webRingSection" aria-label="les copaines du LOL">
diff --git a/style/main.css b/style/main.css
index 57f4b40..3cd9f1c 100644
--- a/style/main.css
+++ b/style/main.css
@@ -544,7 +544,6 @@ main{
                           margin-bottom: 7.77px;
                         }
 
-
                         article{
                                 h4{
                                   padding: 16.1px;
@@ -590,6 +589,9 @@ main{
                           margin-top: 7.77px;
                           overflow: hidden;
                           margin-bottom: 7.77px;
+                          margin-left: 16.1px;
+                          margin-right: 16.1px;
+                          width: calc(100% - 32.2px);
 
                           details{
                             cursor: default;
@@ -597,6 +599,38 @@ main{
 
                         }
 
+                        article:first-of-type,
+                        article.solidBox:first-of-type:has(details[open]),
+                        article:has(details[open]) + article {
+                          margin-top: 0;
+                          border-top-left-radius: 16.1px;
+                          border-top-right-radius: 16.1px;
+                        }
+
+                        article:last-of-type,
+                        article.solidBox:last-of-type:has(details[open]),
+                        article:has( + article details[open]) {
+                          margin-bottom: 0;
+                          border-bottom-left-radius: 16.1px;
+                          border-bottom-right-radius: 16.1px;
+                        }
+
+                        article details summary::before {
+                          content: "→";
+                          font-size: 2em;
+                          flex: 0;
+                          flex-shrink: 0;
+                          transition: ease-out 0.3s transform;
+                        }
+
+                        article details[open] summary::before {
+                          transform: rotate(90deg);
+                        }
+
+                        article details summary h4 {
+                          flex: 1;
+                        }
+
                         .iconBtnStyle{
                           width: 33px;
                           height: 33px;