* Taille de police et favicon.png

* Ajout blogiGor
* Suppression 2 images inutiles

css/style.css

@@ -8,6 +8,7 @@
  * 
  * Une Röcssti-quote, juste pour le plaisir :
  * « Avant Röcssti, les CSS étaient coupées en deux. Maintenant, elles seront pliées en quatre ! » — Coluche 
+ * « I did not have sex with Röcssti. » — Bill Clinton 
  *
  * ROCSSTI est sous licence MIT : https://github.com/nico3333fr/ROCSSTI/blob/master/LICENSE
  * 
@@ -65,7 +66,7 @@ html { box-sizing: border-box; }
 html, body, blockquote, ul, ol, form, button { margin: 0; padding: 0; }
 button { border: 0; }
 p, ul, ol, dl, blockquote, pre, td, th, label, textarea {
-  font-size: 1em; /* equiv 16px */
+  font-size: 1em; /* equiv 18px */
   line-height: 1.5;
   margin: 1.5em 0;
 }
@@ -84,7 +85,7 @@ ul, ol { padding-left: 2em; }
 /* la base correspond à 10px */
 html { 
   font-size: 62.5%;
-  /* IE9-IE11 math fixing. Voir http://bit.ly/1g4X0bX */
+  /* IE9-IE11 math fixing. Voir https://connect.microsoft.com/IE/feedback/details/816709/ */
   /* Merci à @guardian, @victorbritopro, @eQRoeil & Knacss */
   font-size: calc(1em * 0.625);
 }
@@ -92,7 +93,7 @@ body {
   background: #fff;
   color: rgba(0,0,0,0.6);
   font-family: 'merriweatherlight', serif;
-  font-size: 1.6em; /* taille de base équiv à 16px */
+  font-size: 1.8em; /* taille de base équiv à 18px */
   line-height: 1.5; /* à corriger si besoin est */
 }
 
@@ -119,44 +120,44 @@ h1, h2, h3, h4, h5, h6,
 h1,
 .h1 {
   display: block;
-  font-size: 1.75em; /* equiv 28px */
-  line-height: 1.71429;
-  margin: 0 0 .85714em 0;
+  font-size: 1.55556em; /* equiv 28px */
+  line-height: 1.92857;
+  margin: 0 0 .96429em 0;
 }
 h2,
 .h2 {
   display: block;
-  font-size: 1.625em; /* equiv 26px */
-  line-height: 1.84615;
-  margin: 0 0 .92308em 0;
+  font-size: 1.44444em; /* equiv 26px */
+  line-height: 1.03846;
+  margin: 0 0 1.03846em 0;
 }
 h3,
 .h3 {
   display: block;
-  font-size: 1.5em; /* equiv 24px */
-  line-height: 1;
-  margin: 0 0 .5em 0;
+  font-size: 1.33333em; /* equiv 24px */
+  line-height: 1.125;
+  margin: 0 0 1.125em 0;
 }
 h4,
 .h4 {
   display: block;
-  font-size: 1.375em; /* equiv 22px */
-  line-height: 1.09091;
-  margin: 0 0 1.09091em 0;
+  font-size: 1.22222em; /* equiv 22px */
+  line-height: 1.22727;
+  margin: 0 0 1.22727em 0;
 }
 h5,
 .h5 {
   display: block;
-  font-size: 1.25em; /* equiv 20px */
-  line-height: 1.2;
-  margin: 0 0 1.2em 0;
+  font-size: 1.11111em; /* equiv 20px */
+  line-height: 1.35;
+  margin: 0 0 1.35em 0;
 }
 h6,
 .h6 {
   display: block;
-  font-size: 1.125em; /* equiv 18px */
-  line-height: 1.33333;
-  margin: 0 0 1.33333em 0;
+  font-size: 1em; /* equiv 18px */
+  line-height: 1.5;
+  margin: 0 0 1.5em 0;
 }
 
 .uppercase {
@@ -165,29 +166,29 @@ h6,
 
 /* autres classes utiles */
 .smaller {
-  font-size: .6875em; /* equiv 11px */
-  line-height: 2.18182;
-  margin: 2.18182em 0;
+  font-size: .77778em; /* equiv 14px */
+  line-height: 1.92857;
+  margin: 1.92857em 0;
 }
 .small {
-  font-size: .75em; /* equiv 12px */
-  line-height: 2;
-  margin: 2em 0;
+  font-size: .88889em; /* equiv 16px */
+  line-height: 1.6875;
+  margin: 1.6875em 0;
 }
 .big {
-  font-size: 1.125em; /* equiv 18px */
-  line-height: 1.33333;
-  margin: 1.33333em 0;
+  font-size: 1em; /* equiv 18px */
+  line-height: 1.5;
+  margin: 1.5em 0;
 }
 .bigger {
-  font-size: 1.25em; /* equiv 20px */
-  line-height: 1.2;
-  margin: 1.2em 0;
+  font-size: 1.11111em; /* equiv 20px */
+  line-height: 1.35;
+  margin: 1.35em 0;
 }
 .biggest {
-  font-size: 1.375em; /* equiv 22px */
-  line-height: 1.09091;
-  margin: 1.09091em 0;
+  font-size: 1.22222em; /* equiv 22px */
+  line-height: 1.22727;
+  margin: 1.22727em 0;
 }
 
 .smallcaps {
@@ -464,6 +465,10 @@ svg {
   display: table;
   table-layout: fixed;
 }
+.inline-row {
+  display: inline-table;
+  table-layout: fixed;
+}
 .line {
   display: table-row;
 }
@@ -667,6 +672,7 @@ header {
 header h1 {
     display: inline;
     font-size: 3.125em;
+    hyphens: none;
 }
 
 #titre {
@@ -706,7 +712,7 @@ header h1 {
 
 /* === contenu principal === */
 .main {
-    max-width: 60em;
+    max-width: 57em;
     width: 80%;
 }
 

index.html

@@ -9,6 +9,7 @@
         <link rel="stylesheet" href="css/style.css">
         <link rel="stylesheet" href="css/font-awesome.css">
         <link rel="icon" href="favicon.ico">
+        <link rel="icon" href="favicon.png">
     </head>
 
     <body>
@@ -67,6 +68,7 @@
 
             <section id="online" class="main center mod">
                 <h2>En ligne</h2>
+                    <p class="left automobile autotablet"><i class="fa fa-pencil-square-o"></i> <a href="https://id-libre.org/blogigor" title="Mon blog personnel">blogiGor</a></p>
                     <p class="left automobile autotablet"><i class="fa fa-wikipedia-w"></i> <a href="https://fr.wikipedia.org/wiki/Utilisateur:IGor.avoi" title="Mon compte Wikipédia">fr.wikipedia</a></p>
                     <p class="left automobile autotablet"><i class="fa fa-map-o"></i> <a href="https://www.openstreetmap.org/user/iGormilhit" title="Mon compte OpenStreetMap">OpenStreetMap</a></p>
                     <p class="left automobile autotablet"><i class="fa fa-key"></i> <a href="https://keybase.io/1g0r" title="Mon profil Keybase"> keybase</a></p>