bibliographie & blockauote

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
 }

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;
+}
 
 
 

maquette-tests/csspageweaver/README.md

@@ -6,3 +6,12 @@ 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`
+- pour les bibliographies: les wrapper dans une div .bibliographie
+
+
+
+
+**TO-DO**
+
+- Régler les hypens 
+- ajouter des `<wbr>’aux liens

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
@@ -973,6 +980,8 @@
                     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>
                     <li id="fn1">