diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index 99a7048..f1f8940 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -148,3 +148,16 @@ footer {
clear: both;
}
+.infos-and-buttons {
+ display: flex;
+ flex-direction: row;
+ align-items: stretch
+}
+
+.infos-and-buttons .infos {
+ flex: 50;
+}
+
+.infos-and-buttons .buttons {
+ flex: auto;
+}
\ No newline at end of file
diff --git a/src/agenda_culturel/templates/agenda_culturel/event-inc.html b/src/agenda_culturel/templates/agenda_culturel/event-inc.html
index 7366959..919d027 100644
--- a/src/agenda_culturel/templates/agenda_culturel/event-inc.html
+++ b/src/agenda_culturel/templates/agenda_culturel/event-inc.html
@@ -3,6 +3,12 @@
{% load utils_extra %}
{% load event_extra %}
+{% comment %}
+ TODO:
+ * utiliser flex plutôt que float pour l'image et pour la date
+ * gérer le flex des boutons dans le cas de petits écrans
+{% endcomment %}
+