diff --git a/events_page/feed.css b/events_page/feed.css
new file mode 100644
index 0000000000000000000000000000000000000000..1ffe73d8c3477e7e77cf18431afdec24c7ac8f2f
--- /dev/null
+++ b/events_page/feed.css
@@ -0,0 +1,83 @@
+
+
+  
+header{
+float:left;
+    width:100%;
+    background-color: #F0F8FF;    
+    margin-bottom: 10px;
+    color: #000;
+    
+    }
+    
+article{
+    float: left;
+    width: 75%;
+    padding: 5px;                       
+    min-height: 300px;
+    background-color:#FFFFFF;
+    margin:20px;
+}
+
+body{
+background-color:#F0F8FF;
+width:100%;
+margin: 0;                 
+    
+}
+
+p{
+    text-align: justify;
+    margin-left: 0px;
+    margin-right: 0px;
+    padding-right: 10px;                         
+    padding-left: 10px;                       
+    padding-top: 0px;
+    padding-bottom: 0px;
+    font-family:Arial; 
+    }
+    
+.critical{
+color:#f50000;
+}
+
+.minor{
+color:#5eff4e;
+}
+
+.major{
+color:#ffb057;
+}
+
+header > nav {
+    float: right;
+    display: block;
+    list-style: none;
+    margin:0 auto 0 0;
+    margin-right: 20px;        /*Etape 9 */
+    font-size: 14px;
+    text-transform:uppercase;
+    overflow: hidden;
+    }
+h2{
+font-size:40px;
+font-family:Arial; 
+}
+
+h1,h3{
+text-shadow:5px 5px 5px #777;    
+    font-family:Arial;   
+    font-size:60px;
+}
+main {
+    width: 90%;
+    margin-top: 0;
+    margin-bottom: 0;
+    margin-right: auto;                     /* Etape 16 */
+    margin-left: auto;
+    }
+@media only screen and (max-width: 768px) {
+  /* For mobile phones: */
+  [class*="col-"] {
+    width: 100%;
+  }