entretien erg + iyo-bisseck retouche

assets/css/entretiens.css

@@ -5,6 +5,7 @@
   padding-right: calc(var(--unit)*0.75);
   position: relative;
   top: -4px;
+
 }
 
 .description-before {
@@ -53,43 +54,62 @@
   top: -3px;
 }
 
+.description-after::after{
+  content: "/ /";
+  display: block;
+  text-align: center;
+  max-width: 1ch;
+  margin-inline: auto;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 
-h5 {
+
+h5, h6 {
   font-size: var(--sign-size);
   color: var(--sign-color);
   font-weight: normal;
+
+  text-indent: calc(var(--unit) * 0.75);
+  position: relative;
+  font-family: var(--sign-family);
+
+    margin-top: calc(var(--baseline)*1);
+      margin-bottom: calc(var(--baseline)*0);
+      break-after: avoid;
+
 }
 
-h5::before, h6::before{
+
+h5::after, 
+h6::after{
+  content: "----";
+  left: -68px;
+  top: 0px;
+}
+
+h5::before, 
+h6::before{
+  content: "@";
+  left: -84px;
+  top: 0px;
+}
+
+h5::after, 
+h6::after,
+h5::before, 
+h6::before{
   font-size: var(--sign-size);
   color: var(--sign-color);
   letter-spacing: var(--sign-spacing);
   font-family: var(--sign-family);
   line-height: var(--sign-baseline);
+  display: block;
+  position: absolute;
 }
 
-.pagedjs_right_page h5::before{
-    content: "//////"
-}
 
-.pagedjs_left_page h5{
-    left: -49px;
-}
-
-.pagedjs_left_page h5::before{
-    content: "//////"
-}
-
-h6 {
-  font-size: var(--sign-size);
-  color: var(--sign-color);
-}
-
-h6::before {
-  content: "//";
-}
-
-.decor-h6 {
+/* .decor-h6 {
   font-size: var(--sign-size);
   color: var(--sign-color);
   letter-spacing: var(--sign-spacing);
@@ -103,4 +123,4 @@ h6::before {
 .pagedjs_right_page .decor-h6 {
     left: -80px;
     top: calc(var(--baseline)*-4.5 + 11px);
-}
+} */