diff --git a/views/pages/widget-events.hbs b/views/pages/widget-events.hbs
index 2a2d8d3..4c4ec53 100644
--- a/views/pages/widget-events.hbs
+++ b/views/pages/widget-events.hbs
@@ -13,22 +13,22 @@
             <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 max-h">
                 {{#each events}}
                 {{!-- <div class="border-b border-white pb-2"> --}}
-                <div class="grid grid-cols-5 gap-0 w-full relative p-2 bg-red-900 shadow-lg">
+                <div class="grid grid-cols-5 gap-0 w-full relative p-2 bg-orange-50 shadow-lg">
                     <div class="col-span-1">
-                        <img class="w-full h-full object-cover border-white border" src="{{ this.data.imageUrl }}" alt="{{ this.data.title }}" />
+                        <img class="w-full h-full object-cover border-black border" src="{{ this.data.imageUrl }}" alt="{{ this.data.title }}" />
                     </div>
-                    <div class="col-span-4 pl-1">
+                    <div class="col-span-4 pl-2">
                         <div class="grid grid-cols-3 gap-0 w-full">
-                            <p class="col-span-1 bg-white text-black semibold text-[12px] items-center p-1">{{ format_date this.data.dateTime }}</p>
+                            <p class="col-span-1 bg-red-800 text-white text-[12px] items-center p-1" style="font-weight: 600;">{{ format_date this.data.dateTime }}</p>
                             <div class="col-span-2 grid grid-cols-6 items-center text-right p-1">
-                                <p class="col-span-5 text-white text-[8px]">{{ this.data.venue.name }}</p>
-                                <a class="col-span-1 text-right ml-1" href="#"><svg width="15" height="15" fill="#ffffff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 92 92" enable-background="new 0 0 92 92" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="XMLID_89_" d="M43.3,73.8c-0.8,0-1.6-0.3-2.2-0.8c-1-0.8-1.5-2.1-1.2-3.4l4.9-25l-2.7,1.5c-1.7,0.9-3.8,0.4-4.8-1.3 c-0.9-1.7-0.4-3.8,1.3-4.8l9.3-5.3c1.2-0.7,2.7-0.6,3.8,0.2c1.1,0.8,1.6,2.2,1.4,3.5L48,64.4l4.2-1.8c1.8-0.8,3.8,0,4.6,1.8 c0.8,1.8,0,3.8-1.8,4.6l-10.3,4.5C44.3,73.7,43.8,73.8,43.3,73.8z M53.2,26c0.9-0.9,1.5-2.2,1.5-3.5c0-1.3-0.5-2.6-1.5-3.5 c-0.9-0.9-2.2-1.5-3.5-1.5c-1.3,0-2.6,0.5-3.5,1.5c-0.9,0.9-1.5,2.2-1.5,3.5c0,1.3,0.5,2.6,1.5,3.5c0.9,0.9,2.2,1.5,3.5,1.5 C51,27.5,52.3,27,53.2,26z M92,46C92,20.6,71.4,0,46,0S0,20.6,0,46s20.6,46,46,46S92,71.4,92,46z M84,46c0,21-17,38-38,38S8,67,8,46 S25,8,46,8S84,25,84,46z"></path> </g></svg></a>
+                                <p class="col-span-5 text-black text-[8px]">{{ this.data.venue.name }}</p>
+                                <a class="col-span-1 text-right ml-1" href="#"><svg width="15" height="15" fill="#000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 92 92" enable-background="new 0 0 92 92" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="XMLID_89_" d="M43.3,73.8c-0.8,0-1.6-0.3-2.2-0.8c-1-0.8-1.5-2.1-1.2-3.4l4.9-25l-2.7,1.5c-1.7,0.9-3.8,0.4-4.8-1.3 c-0.9-1.7-0.4-3.8,1.3-4.8l9.3-5.3c1.2-0.7,2.7-0.6,3.8,0.2c1.1,0.8,1.6,2.2,1.4,3.5L48,64.4l4.2-1.8c1.8-0.8,3.8,0,4.6,1.8 c0.8,1.8,0,3.8-1.8,4.6l-10.3,4.5C44.3,73.7,43.8,73.8,43.3,73.8z M53.2,26c0.9-0.9,1.5-2.2,1.5-3.5c0-1.3-0.5-2.6-1.5-3.5 c-0.9-0.9-2.2-1.5-3.5-1.5c-1.3,0-2.6,0.5-3.5,1.5c-0.9,0.9-1.5,2.2-1.5,3.5c0,1.3,0.5,2.6,1.5,3.5c0.9,0.9,2.2,1.5,3.5,1.5 C51,27.5,52.3,27,53.2,26z M92,46C92,20.6,71.4,0,46,0S0,20.6,0,46s20.6,46,46,46S92,71.4,92,46z M84,46c0,21-17,38-38,38S8,67,8,46 S25,8,46,8S84,25,84,46z"></path> </g></svg></a>
                             </div>
                         </div>
-                        <p class="mr-auto text-[14px] text-white">{{ render_short_title this.data.title }}</p>
-                        <p class="text-[10px] text-white">{{ render_short_description this.data.description }}</p>
+                        <p class="mr-auto text-[14px] text-black" style="font-weight: 600;">{{ render_short_title this.data.title }}</p>
+                        <p class="text-[10px] text-black">{{ render_short_description this.data.description }}</p>
                         <div class="col-span-4 grid grid-cols-1 gap-0 w-full relative">
-                            <button class="col-span-1 border border-white text-white text-[12px] w-full py-2 mt-1">Réserver ma place</button>
+                            <button class="col-span-1 border border-black border-2 text-black hover:bg-black hover:text-white text-[12px] w-full py-2 mt-1 after:absolute after:inset-0" style="font-weight: 600;">Réserver ma place</button>
                         </div>
                     </div>