diff --git a/css/style.css b/css/style.css
index 3d2b9c0..1ba92b5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -24,8 +24,30 @@ h1, h2{
color:#ff0000;
}
-header{
- border-top: 20px solid #ff0000;
+nav {
+ text-align: center;
+}
+
+summary {
+ cursor: pointer;
+ list-style: none;
+ background: #ff0000;
+ color: white;
+}
+
+nav ul {
+ display: flex;
+ list-style: none;
+ padding: inherit;
+ margin: inherit;
+ justify-content: center;
+ border-bottom: solid 10px #ff0000;
+}
+
+nav li a {
+ margin: 0.2em 0.5em;
+ line-height: 2em;
+ display: block;
}
footer{
@@ -60,4 +82,10 @@ hr {height: 40px; background: url('../images/separation.png') no-repeat 50% 50%;
.page {
margin: auto;
max-width: 960px;
-}
\ No newline at end of file
+}
+
+@media screen and (max-width: 700px) {
+ nav ul {
+ flex-direction: column;
+ }
+}
diff --git a/index.html b/index.html
index 2a35dd8..d94b791 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,18 @@
+
UNE INTRODUCTION AUX HACKERSPACES ET À LEURS ACTIVITÉS