template/styles.css: travail sur mise en forme texte

template/styles.css

@@ -105,8 +105,8 @@ h2.tyto {
 }
 h3.tyto {
    font-size:           110%;
-   margin-top:          30px;
-   margin-bottom:       15px;
+   margin-top:          20px;
+   margin-bottom:       10px;
    color:               #505050;
 }
 h4.tyto {
@@ -130,7 +130,6 @@ h6.tyto {
 p.tyto {
    display:             block;
    margin-top:          20px;
-   margin-bottom:          10px;
    text-align:          justify;
 }
 ul.tyto {
@@ -146,18 +145,52 @@ li.tyto {
 /*
  * Words tags
 */
-a.tyto {}
+a.tyto {
+   color:                  var(--a-lec_red);
+   padding:                0 2px;
+   font-weight:            bold;
+   -webkit-transition:     all 0.25s ease-out;
+   -moz-transition:        all 0.25s ease-out;
+   transition:             all 0.25s ease-out;
+}
+a.tyto:hover {
+   padding:                0 2px;
+   background-color:       var(--a-lec_blue);
+   color:                  #000;
+   cursor:                 pointer;
+}
+a.tyto:active {
+  text-decoration:         none;
+  cursor:                  progress;
+}
+
 /* link to a file. Also a.tyto */
-a.file {}
+a.file {
+   background-color:       #FFF;
+}
+a.tyto:hover {
+   background-color:       var(--a-lec_yellow);
+   color:                  #000;
+   cursor:                 pointer;
+}
+
 br.tyto {}
 hr.tyto {}
-strong.tyto {}
-bold.tyto {}
+strong.tyto {
+   color:               #454545;
+   font-weight:         bold;
+}
+bold.tyto {
+   color:               #676767;
+   font-weight:         bold;
+}
 q.tyto {}
 cite.tyto {}
 u.tyto {}
 em.tyto {}
-i.tyto {}
+i.tyto {
+   font-style:          italic;
+}
 del.tyto {}
 span.tyto {}