From 16e268c7ef7c414aa763eae460b0c9a2e27449c4 Mon Sep 17 00:00:00 2001
From: Julie Blanc <julieblanc@Julies-MacBook-Pro.local>
Date: Mon, 16 Mar 2026 15:11:43 +0100
Subject: [PATCH] bibliographie & blockauote

---
 maquette-tests/assets/css/subtitles.css |  7 ++++---
 maquette-tests/assets/css/text.css      | 18 ++++++++++++++++++
 maquette-tests/csspageweaver/README.md  | 11 ++++++++++-
 maquette-tests/index.html               | 15 ++++++++++++---
 4 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/maquette-tests/assets/css/subtitles.css b/maquette-tests/assets/css/subtitles.css
index e385da2..7907690 100644
--- a/maquette-tests/assets/css/subtitles.css
+++ b/maquette-tests/assets/css/subtitles.css
@@ -3,7 +3,7 @@ h3, h4{
 }
 h3, h4{
     font-weight: normal;
-   margin-top: calc(var(--baseline)*1);
+   margin-top: calc(var(--baseline)*1.5);
     margin-bottom: calc(var(--baseline)*1);
     position: relative;
    font-size: var(--font-size);
@@ -97,11 +97,12 @@ h3, h4{
 
 
 
+/* if page top */
+
 .subtitle-top-page {
     margin-top: 0px; 
 } 
 
-
-.pagedjs_right_page .chapter > .h3_container .decor-h3_big [data-count="2"]{
+.subtitle-top-page [data-count="2"]{
     color: transparent
 }
diff --git a/maquette-tests/assets/css/text.css b/maquette-tests/assets/css/text.css
index 6d50845..70f7166 100644
--- a/maquette-tests/assets/css/text.css
+++ b/maquette-tests/assets/css/text.css
@@ -31,7 +31,25 @@ p::before{
 }
 
 
+.bibliographie p{
 
+     font-size: var(--fs-notes);
+    line-height: 14px;
+    font-weight: 500;
+    text-align: left;
+    padding-left: calc(var(--unit)*2);
+    text-indent: calc(var(--unit)*-0.75);
+
+ 
+}
+
+.bibliographie p::before{
+     content: ".......";   
+    position: absolute;
+    left: calc(var(--unit)*0.75);
+    top: -6px;
+    display: block!important;
+}
 
 
 
diff --git a/maquette-tests/csspageweaver/README.md b/maquette-tests/csspageweaver/README.md
index 88c1fb9..a693154 100644
--- a/maquette-tests/csspageweaver/README.md
+++ b/maquette-tests/csspageweaver/README.md
@@ -5,4 +5,13 @@
 Choses que je n’ai pas automatisées:
 
 - pour les titres h3 et h4, il faut mettre explicitement un `<br>` si on a 2 lignes pour que le décor fonctionne
-- pour les titres h3 et h4 qui arrivent en début de page ajouter la class `.subtitle-top-page`
\ No newline at end of file
+- pour les titres h3 et h4 qui arrivent en début de page ajouter la class `.subtitle-top-page`
+- pour les bibliographies: les wrapper dans une div .bibliographie
+
+
+
+
+**TO-DO**
+
+- Régler les hypens 
+- ajouter des `<wbr>’aux liens
\ No newline at end of file
diff --git a/maquette-tests/index.html b/maquette-tests/index.html
index dce083e..cd9f4cf 100644
--- a/maquette-tests/index.html
+++ b/maquette-tests/index.html
@@ -608,6 +608,7 @@
         </p>
 
         <h3>Tv communal :<br /> Télévisions populaires au Venezuela</h3>
+
         <p>Pour comprendre le projet politique des télévisions communales au
             Venezuela, il est important de revenir sur la tentative de coup d’État
             contre Hugo Chávez en 2002, et sur le rôle décisif qu’y ont joué les
@@ -846,7 +847,7 @@
             communale réside alors dans cette opportunité de se raconter soi-même,
             de s'auto-déterminer.  </p>
 
-        <h4">Une télévision rhizomatique</h4>
+        <h4>Une télévision rhizomatique</h4>
             <p>Le renversement ne s'opère pas seulement dans la reconfiguration des
                 rôles émetteur-récepteur. Les télévisions de quartier transforment le
                 modèle médiatique dit <em>one-to-many</em> <a href="#fn3" class="footnote-ref" id="fnref3"
@@ -908,7 +909,7 @@
                 positions exclues par les médias mainstream, il est important de se
                 questionner sur le caractère paralysant et individualisant des
                 plateformes qui les accueillent ainsi que sur leur capacité à
-                étanchéifier les communautés. </p>
+                étanchéifier les communautés. </p>
 
             <p>Les <em>Telestreet</em> et les TV communales proposent d'engager la
                 population autant dans le processus d'information que dans celui de
@@ -919,7 +920,13 @@
                 pirate en 2026 reste à prouver, par l'expérience<a href="#fn5" class="footnote-ref" id="fnref5"
                     role="doc-noteref"><sup>5</sup></a></p>
 
-            <h3 id="bibliographie">Bibliographie : </h3>
+                    <div class="bibliographie">
+
+                       <h3>Bibliographie +</h3>
+    
+    
+
+        
             <p>Ardizzoni, Michela. « Neighborhood Television Channels in Italy: The
                 Case of Telestreet ». <em>Beyond Monopoly: Globalization and
                     Contemporary Italian Media</em>, s. d. Consulté le 16 février 2026. <a
@@ -972,6 +979,8 @@
             <p>« What is Mini FM? » Consulté le 12 janvier 2026. <a
                     href="http://anarchy.k2.tku.ac.jp/radio/micro/what_is_minifm/index.html">http://anarchy.k2.tku.ac.jp/radio/micro/what_is_minifm/index.html</a>.
             </p>
+
+            </div>
            
             <section id="footnotes" class="footnotes footnotes-end-of-document" role="doc-endnotes">
                 <ol>