amélioration menu

css/rocssti.css

@@ -659,11 +659,13 @@ header {
     color: rgb(238, 215, 244);
     padding-top: 2em;
 }
+
 header h1 {
     display: inline;
     font-size: 3.125em;
-
 }
+
+
 .header {
 }
 
@@ -685,12 +687,12 @@ header h1 {
 }
 
 .navigation a, .navigation a:active, .navigation a:hover, .navigation a:visited {
-    color: rgb(238, 215, 244);
+    color: rgb(103, 83, 108);
     text-decoration: none;
 }
 
 .navigation div {
-    margin-right: 1em;
+    margin: 0 .5em 1em 0;
 }
 
 
@@ -777,6 +779,7 @@ textarea {
 }
 
 /* à adapter selon le design voulu */
+/* la couleur des liens est dans .navigation */
 .button {
   color: rgb(103, 83, 108);
   border-style: solid;
@@ -786,6 +789,7 @@ textarea {
   -webkit-box-shadow: 1px 1px 1px #ddd; 
   box-shadow: 1px 1px 1px #ddd; 
   background: rgb(238, 215, 244);
+  text-align: center;
 }
 
 /* 
@@ -964,6 +968,10 @@ select:focus:required:valid {
    * dans le contenu (contenus spécifiques aux pages)
    */
 
+  header h1 {
+      font-size: 2.275em;
+  }
+
 }
 
 

index.html

@@ -19,9 +19,9 @@
                     <h1 itemprop="name">iGor milhit</h1>
                 </section>
                 <nav class="navigation main autotablet automobile center mod">
-                    <div class="left automobile autotablet"><a href="#qui">Qui suis-je ?</a></div>
-                    <div class="left automobile autotablet"><a href="#que">Que fais-je ?</a></div>
-                    <div class="left automobile autotablet"><a href="#online">Ailleurs, en ligne</a></div>
+                    <div class="left automobile autotablet"><a href="#qui" class="button">Qui suis-je ?</a></div>
+                    <div class="left automobile autotablet"><a href="#que" class="button">Que fais-je ?</a></div>
+                    <div class="left automobile autotablet"><a href="#online" class="button">Ailleurs, en ligne</a></div>
                 </nav>
             </header>