From 2ac4254829fb27d878044978e4e89f15eeeddd23 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Tue, 1 Mar 2022 04:02:05 +0100
Subject: factorisation et pages manquantes

---
 public/css/accueil.css                |   5 +-
 public/css/donnees_hors_editeur.css   |  19 ++-
 public/css/melaine.css                | 107 ---------------
 public/css/pages_articles_simples.css | 244 ++++++++++++++++++++++++++++++++++
 4 files changed, 260 insertions(+), 115 deletions(-)
 delete mode 100644 public/css/melaine.css
 create mode 100644 public/css/pages_articles_simples.css

(limited to 'public/css')

diff --git a/public/css/accueil.css b/public/css/accueil.css
index 8f7f8c7..8c8ff35 100644
--- a/public/css/accueil.css
+++ b/public/css/accueil.css
@@ -99,12 +99,13 @@ h3
 {
     background-color: #a8b3d9;
     padding: 2px 0px;
+    margin-bottom: 15px;
 }
 
 form
 {
     padding-bottom: 14px;
-    border-bottom: 1px black solid;
+    /*border-bottom: 1px black solid;*/
 }
 
 #courriel
@@ -201,6 +202,7 @@ form
     color: red;
     font-size: 90%;
     text-align: center;
+    padding-bottom: 10px;
 }
 
 .connexionFormulaire
@@ -358,6 +360,7 @@ form
 
     header
     {
+        margin: 0px 30px;
         padding-top: 61px; 
     }
 
diff --git a/public/css/donnees_hors_editeur.css b/public/css/donnees_hors_editeur.css
index 7b377ea..25436a4 100644
--- a/public/css/donnees_hors_editeur.css
+++ b/public/css/donnees_hors_editeur.css
@@ -24,8 +24,9 @@ input[type="checkbox"]:checked{border: none; background: #26ab33;}
 .table td{border: 1px grey solid; padding: 7px; min-width: 30px;}
 td p{margin: 0px;}
 
-.image{margin: 0px;text-align: center;margin: auto;height: 100%;}
+.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;}
@@ -35,22 +36,26 @@ article:after{content: ""; display: block; clear: both;}
 
 iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;}
 
-/*@media screen and (max-width: 1000px)
+
+
+
+
+@media screen and (max-width: 1000px)
 {
-    img{max-width: 900px;}
-}*/
+    /*img{max-width: 900px;}*/
+}
 
 @media screen and (min-width: 700px)
 {
-    .image{/*max-width: 630px;*/width: auto;}
+    /*.image{width: auto;}*/
 }
 
 @media screen and (max-width: 699px)
 {
-    .image{max-width: 480px;}
+    /*.image{max-width: 480px;}*/
 }
 
 @media screen and (max-width: 479px)
 {
-    .image{max-width: 320px;}
+    /*.image{max-width: 320px;}*/
 }
\ No newline at end of file
diff --git a/public/css/melaine.css b/public/css/melaine.css
deleted file mode 100644
index 429ccec..0000000
--- a/public/css/melaine.css
+++ /dev/null
@@ -1,107 +0,0 @@
-/* public/melaine.css */
-
-.police_titre
-{
-    color: #e9d4be;
-}
-
-td
-{
-    vertical-align: top;
-}
-
-pre
-{
-	font-family: 'Arial', 'sans';
-	white-space: pre-wrap;
-}
-
-figure
-{
-    /*margin: 5px;*/
-}
-.boutonArticle
-{
-    border-bottom: 3px black double;
-}
-.boutonArticle a
-{
-    padding: 2px;
-    border: 4px black groove;
-}
-
-@media screen and (min-width: 700px)
-{
-	#titre
-    {
-        width: 630px;
-        height: 171px;
-        background-image: url("../mouette.png");
-    }
-
-    #photo
-    {
-        width: 630px;
-        height: 230px;
-        background-image: url("../melaine/photo.png");
-        position: relative;
-        bottom: 30px;
-    }
-
-    /*img
-    {
-        max-width: 630px;
-    }*/
-}
-
-@media screen and (max-width: 699px)
-{
-    #titre
-    {
-        width: 480px;
-        height: 131px;
-        background-image: url("../mouette_petit.png");
-        margin: auto;
-    }
-
-    #photo
-    {
-        width: 480px;
-        height: 191px;
-        background-image: url("../melaine/photo_petit.png");
-        margin: auto;
-        position: relative;
-        bottom: 24px;
-    }
-
-    /*img
-    {
-        max-width: 480px;
-    }*/
-}
-
-@media screen and (max-width: 479px)
-{
-    #titre
-    {
-        width: 320px;
-        height: 88px;
-        background-image: url("../mouette_mini.png");
-        margin: auto;
-    }
-
-    #photo
-    {
-        width: 320px;
-        height: 127px;
-        background-image: url("../melaine/photo_mini.png");
-        margin: auto;
-        position: relative;
-        bottom: 17px;
-    }
-
-    /*img
-    {
-        max-width: 320px;
-    }*/
-}
diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css
new file mode 100644
index 0000000..03e4317
--- /dev/null
+++ b/public/css/pages_articles_simples.css
@@ -0,0 +1,244 @@
+/* public/css/pages_articles_simples.css */
+
+.police_titre
+{
+    color: #e9d4be;
+}
+
+td
+{
+    vertical-align: top;
+}
+
+pre
+{
+	font-family: 'Arial', 'sans';
+	white-space: pre-wrap;
+}
+
+figure
+{
+    /*margin: 5px;*/
+}
+.boutonArticle
+{
+    border-bottom: 3px black double;
+}
+.boutonArticle a
+{
+    padding: 2px;
+    border: 4px black groove;
+}
+
+@media screen and (min-width: 700px)
+{
+	#titre
+    {
+        width: 630px;
+        height: 171px;
+        background-image: url("../mouette.png");
+    }
+
+    .photo
+    {
+        width: 630px;
+        height: 230px;
+        /*background-image: url("../melaine/photo.png");*/
+        position: relative;
+        bottom: 30px;
+    }
+}
+
+@media screen and (max-width: 699px)
+{
+    #titre
+    {
+        width: 480px;
+        height: 131px;
+        background-image: url("../mouette_petit.png");
+        margin: auto;
+    }
+
+    .photo
+    {
+        width: 480px;
+        height: 191px;
+        /*background-image: url("../melaine/photo_petit.png");*/
+        margin: auto;
+        position: relative;
+        bottom: 24px;
+    }
+}
+
+@media screen and (max-width: 479px)
+{
+    #titre
+    {
+        width: 320px;
+        height: 88px;
+        background-image: url("../mouette_mini.png");
+        margin: auto;
+    }
+
+    .photo
+    {
+        width: 320px;
+        height: 127px;
+        /*background-image: url("../melaine/photo_mini.png");*/
+        margin: auto;
+        position: relative;
+        bottom: 17px;
+    }
+}
+
+
+/* CSS spécifique à chaque page */
+@media screen and (min-width: 700px)
+{
+    #photo_melaine
+    {
+        background-image: url('../header_images/melaine.png');
+    }
+    #photo_concerts
+    {
+        background-image: url('../header_images/sirene.jpg');
+        width: 308px;
+        height: 170px;
+        margin-left: auto;
+    }
+    #photo_presse
+    {
+        background-image: url('../header_images/fille_qui_tombe.jpg');
+        width: 208px;
+        height: 163px;
+        margin-left: auto;
+    }
+    #photo_ateliers
+    {
+        background-image: url('../header_images/cavalier.jpg');
+        width: 159px;
+        height: 312px;
+        margin-left: 10px;
+    }
+    #photo_liens
+    {
+        background-image: url('../header_images/canoe.png');
+        width: 207px;
+        height: 144px;
+        margin-left: auto;
+    }
+    #photo_peinture
+    {
+        background-image: url('../header_images/mouette_ocean.jpg');
+        width: 257px;
+        height: 171px;
+        margin-left: auto;
+    }
+    #photo_archives
+    {
+        background-image: url('../header_images/blonde.jpg');
+        width: 257px;
+        height: 233px;
+        margin-left: auto;
+    }
+}
+
+@media screen and (max-width: 699px)
+{
+    #photo_melaine
+    {
+        background-image: url("../header_images/melaine_petit.png");
+    }
+    #photo_concerts
+    {
+        background-image: url('../header_images/sirene_petit.jpg');
+        width: 243px;
+        height: 132px;
+        margin: 0 0 0 auto;
+    }
+    #photo_presse
+    {
+        background-image: url('../header_images/fille_qui_tombe_petit.jpg');
+        width: 158px;
+        height: 124px;
+        margin: 0 0 0 auto;
+    }
+    #photo_ateliers
+    {
+        background-image: url('../header_images/cavalier_petit.jpg');
+        width: 121px;
+        height: 237px;
+        margin-left: 10px;
+    }
+    #photo_liens
+    {
+        background-image: url('../header_images/canoe_petit.png');
+        width: 157px;
+        height: 109px;
+        margin: 0 0 0 auto;
+    }
+    #photo_peinture
+    {
+        background-image: url('../header_images/mouette_ocean_petit.jpg');
+        width: 195px;
+        height: 130px;
+        margin: 0 0 0 auto;
+    }
+    #photo_archives
+    {
+        background-image: url('../header_images/blonde_petit.jpg');
+        width: 195px;
+        height: 177px;
+        margin: 0 0 0 auto;
+    }
+}
+
+@media screen and (max-width: 479px)
+{
+    #photo_melaine
+    {
+        background-image: url("../header_images/melaine_mini.png");
+    }
+    #photo_concerts
+    {
+        background-image: url('../header_images/sirene_mini.jpg');
+        width: 162px;
+        height: 88px;
+        margin: 0 0 0 auto;
+    }
+    #photo_presse
+    {
+        background-image: url('../header_images/fille_qui_tombe_mini.jpg');
+        width: 105px;
+        height: 82px;
+        margin: 0 0 0 auto;
+    }
+    #photo_ateliers
+    {
+        background-image: url('../header_images/cavalier_mini.jpg');
+        width: 80px;
+        height: 158px;
+        margin-left: 10px;
+    }
+    #photo_liens
+    {
+        background-image: url('../header_images/canoe_mini.png');
+        width: 105px;
+        height: 73px;
+        margin: 0 0 0 auto;
+    }
+    #photo_peinture
+    {
+        background-image: url('../header_images/mouette_ocean_mini.jpg');
+        width: 130px;
+        height: 86px;
+        margin: 0 0 0 auto;
+    }
+    #photo_archives
+    {
+        background-image: url('../header_images/blonde_mini.jpg');
+        width: 130px;
+        height: 118px;
+        margin: 0 0 0 auto;
+    }
+}
-- 
cgit v1.2.3