4 files changed, 60 insertions, 32 deletions

diff --git a/public/css/accueil.css b/public/css/accueil.css
index 8c8ff35..b95e818 100644
--- a/public/css/accueil.css
+++ b/public/css/accueil.css
@@ -95,6 +95,11 @@ h3
     margin: 3px;

 }

 

+article

+{

+    font-size: 90%;

+    margin: 5px 0;

+}

 .articleAvecEditeur

 {

     background-color: #a8b3d9;

@@ -123,8 +128,11 @@ form
 

 #courriel a:hover

 {

-    /*border: 1px blue solid;*/

-    padding: 5px;

+    /*padding: 5px;*/

+}

+#courriel>button /* bouton pour remonter */

+{

+    float: right;

 }

 

 #courrielJS

@@ -249,16 +257,16 @@ form
 {

     .police_titre

     {

-        

+        max-width: 550px;

         font-family: you_are_loved, Arial, sans;

         font-size: 250%;

         color: #ddc97a;

-        position: relative;

-        top: 30px;

-        left: 40px;

+        margin-left: 30px;

+        padding-top: 20px;

     }

 

-    /* compensation des cibles de liens # superposées au "nav" hors flux */

+    /* compensation des cibles de liens #

+    superposées au "nav" hors flux */

     :target

     {

         padding-top: 70px; 

@@ -328,10 +336,8 @@ form
         font-family: you_are_loved, Arial, sans;

         font-size: 200%;

         color: #ddc97a;

-        

-        position: relative;

-        top: 20px;

-        left: 30px;

+        margin-left: 25px;

+        padding-top: 20px;

     }

 

     #bienvenue .police_titre

@@ -427,10 +433,8 @@ form
         font-family: you_are_loved, Arial, sans;

         font-size: 150%;

         color: #ddc97a;

-        

-        position: relative;

-        top: 13px;

-        left: 18px;

+        margin-left: 15px;

+        padding-top: 10px;

     }

 

     #bienvenue .police_titre

diff --git a/public/css/discographie.css b/public/css/discographie.css
index 8ed3700..0362bb4 100644
--- a/public/css/discographie.css
+++ b/public/css/discographie.css
@@ -25,7 +25,7 @@ aside div
 
 #bouton_chronologie
 {
-    width: 200px;
+    width: 250px;
     text-align: center;
     font-size: large;
     font-weight: bold;
@@ -38,7 +38,7 @@ aside div
 
 #chronologie
 {
-    width: 200px;
+    width: 250px;
     font-weight: bold;
     /*padding: 5px;*/
     display: none;
@@ -55,7 +55,7 @@ aside div
 
 #chronologie p a:visited
 {
-    color: blue;
+    /*color: blue;*/
 }
 #chronologie p a:hover
 {
@@ -65,6 +65,7 @@ aside div
 .linkChrono
 {
     text-decoration: none;
+    color: blue;
 }
 .linkChrono:hover
 {
@@ -131,7 +132,7 @@ input
 article
 {
         margin: 5px 0px;
-    width: 32%;
+    width: 22%;
     /*min-width: 300px;*/
 }
 .articleAvecEditeur
@@ -139,15 +140,15 @@ article
     width: 100%;
 }
 
-.vignette
+figure
 {
-    width: 100%;
+    margin: 0px;
+    /*display: inline-block;*/
 }
 
-figure
+.vignette
 {
-        margin: 0px;
-        /*display: inline-block;*/
+    width: 100%;
 }
 
 figcaption
@@ -280,13 +281,14 @@ a:hover figure figcaption
 
     #bouton_chronologie
     {
-        width: 130px;
+        width: 180px;
         font-size: initial; /* 150% est plus petit que "normal" */
         padding-top: 5px;
     }
 
     #chronologie
     {
+        width: 180px;
         /*display: flex;*/
     }
 
diff --git a/public/css/donnees_hors_editeur.css b/public/css/donnees_hors_editeur.css
index 25436a4..d54d7ff 100644
--- a/public/css/donnees_hors_editeur.css
+++ b/public/css/donnees_hors_editeur.css
@@ -1,5 +1,3 @@
-/*img{vertical-align: bottom;}*/

-

 .text-tiny{font-size: x-small;}

 .text-small{font-size: small;}

 .text-big{font-size: large;}

@@ -20,13 +18,12 @@ input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;-ms-appearan
     height: 16px; width: 16px; border: 1px solid black; border-radius: 2px; position: relative; top: 5px; margin-right: 10px;}

 input[type="checkbox"]:checked{border: none; background: #26ab33;}

 

-.table>table{border-collapse: collapse;}

-.table td{border: 1px grey solid; padding: 7px; min-width: 30px;}

+.table>table{border-collapse: collapse; border-width: 2px;}

+.table td{padding: 7px; min-width: 30px; border-width: 2px;}

 td p{margin: 0px;}

 

 .image{width: fit-content;margin: 0px;text-align: center;margin: auto;/*height: 100%;*/}

 .image img{width: 100%;}

-/*.image:not(.image_resized) img{width: auto;}*/

 .image-style-side{float: right;}

 .image-style-side:not(.image_resized){max-width: 50%;}

 .image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;}

@@ -38,8 +35,6 @@ iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px
 

 

 

-

-

 @media screen and (max-width: 1000px)

 {

     /*img{max-width: 900px;}*/

diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css
index 03e4317..5f20753 100644
--- a/public/css/pages_articles_simples.css
+++ b/public/css/pages_articles_simples.css
@@ -91,6 +91,11 @@ figure
     }

 }

 

+.explications

+{

+    font-size: 90%;

+}

+

 

 /* CSS spécifique à chaque page */

 @media screen and (min-width: 700px)

@@ -134,6 +139,7 @@ figure
         height: 171px;

         margin-left: auto;

     }

+

     #photo_archives

     {

         background-image: url('../header_images/blonde.jpg');

@@ -141,6 +147,14 @@ figure
         height: 233px;

         margin-left: auto;

     }

+    .explications

+    {

+        width: 373px;

+    }

+    .explications p

+    {

+        margin: 10px;

+    }

 }

 

 @media screen and (max-width: 699px)

@@ -191,6 +205,14 @@ figure
         height: 177px;

         margin: 0 0 0 auto;

     }

+    .explications

+    {

+        width: 285px;

+    }

+    .explications p

+    {

+        margin: 5px;

+    }

 }

 

 @media screen and (max-width: 479px)

@@ -241,4 +263,9 @@ figure
         height: 118px;

         margin: 0 0 0 auto;

     }

+    .explications

+    {

+        width: 190px;

+

+    }

 }