From b83d20040682b687ac261c3bbedd6b9687b80bbc Mon Sep 17 00:00:00 2001
From: Vincent Calame <vincent.calame@exemole.fr>
Date: Fri, 26 Nov 2021 16:06:16 +0100
Subject: [PATCH] =?UTF-8?q?Ajustements=20=C3=A0=20la=20mise=20en=20prod?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/images/fleche-arrondie-1.svg | 67 ++++++++++++++++++++++++++++++++
 css/import.css                   | 12 +++---
 css/perso.css                    | 42 +++++++++++++++-----
 inclure/head.html                |  6 +--
 4 files changed, 109 insertions(+), 18 deletions(-)
 create mode 100644 css/images/fleche-arrondie-1.svg

diff --git a/css/images/fleche-arrondie-1.svg b/css/images/fleche-arrondie-1.svg
new file mode 100644
index 0000000..4e1618c
--- /dev/null
+++ b/css/images/fleche-arrondie-1.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1.2566192mm"
+   height="1.558068mm"
+   viewBox="0 0 1.2566192 1.558068"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.2 (e86c8708, 2021-01-15)"
+   sodipodi:docname="fleche-arrondie-1.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.225224"
+     inkscape:cx="13.856181"
+     inkscape:cy="-0.34894919"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <sodipodi:guide
+       position="0.11465461,0.78328061"
+       orientation="0,-1"
+       id="guide837" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-12.974498,-17.909543)">
+    <path
+       style="fill:#2e8b57;stroke-width:0.18236;paint-order:markers fill stroke;stop-color:#000000"
+       d="m 13.033724,17.946862 c 0.122417,-0.194307 1.202124,0.417837 1.197378,0.737469 -0.0084,0.32324 -1.065464,0.873127 -1.207239,0.770771 -0.212087,-0.106044 0.327873,-0.773421 0.327873,-0.773421 0.06232,-0.02703 -0.508337,-0.568228 -0.318012,-0.734819 z"
+       id="path835"
+       sodipodi:nodetypes="cccsc" />
+  </g>
+</svg>
diff --git a/css/import.css b/css/import.css
index 3b82b90..8b7a760 100644
--- a/css/import.css
+++ b/css/import.css
@@ -26,12 +26,12 @@
 
 @font-face {
     font-family: 'metropolisregular';
-    src: url('metropolis/metropolis/metropolis-regular-webfont.eot');
-    src: url('metropolis/metropolis/metropolis-regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('metropolis/metropolis/metropolis-regular-webfont.woff2') format('woff2'),
-         url('metropolis/metropolis/metropolis-regular-webfont.woff') format('woff'),
-         url('metropolis/metropolis/metropolis-regular-webfont.ttf') format('truetype'),
-         url('metropolis/metropolis/metropolis-regular-webfont.svg#metropolisregular') format('svg');
+    src: url('metropolis/metropolis-regular-webfont.eot');
+    src: url('metropolis/metropolis-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('metropolis/metropolis-regular-webfont.woff2') format('woff2'),
+         url('metropolis/metropolis-regular-webfont.woff') format('woff'),
+         url('metropolis/metropolis-regular-webfont.ttf') format('truetype'),
+         url('metropolis/metropolis-regular-webfont.svg#metropolisregular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
diff --git a/css/perso.css b/css/perso.css
index b1cdd71..d5b2067 100644
--- a/css/perso.css
+++ b/css/perso.css
@@ -22,7 +22,8 @@ body {
 	font-size: 1.5rem;
 	background-color: #fff;
 	color: #000;
-	font-family: sans-serif;
+	font-family: 'metropolisregular';
+    letter-spacing: -0.01rem;
 	line-height: 1.5;
 	margin: 0;
 	padding: 0;
@@ -58,6 +59,16 @@ p,ul,ol,dl,blockquote,pre,td,th,label,textarea,caption,details,figure {
   line-height: 1.5;
 }
 
+ul,ol {
+	padding-left: 0.8em;
+	list-style: disclosure-closed;
+}
+
+li {
+    padding-left: 0em;
+	list-style-image: url("images/fleche-arrondie-1.svg");
+}
+
 h1 {
   font-size: 3.2rem;
   font-family: sans-serif;
@@ -74,7 +85,8 @@ h3 {
 
 h4 {
   font-size: 2rem;
-  color: #2e8b57;
+  color: #5b7979;
+  font-family: 'metropolisregular','sans-serif';
 }
 
 h5 {
@@ -124,8 +136,6 @@ img {
 /* ----------------------------- */
 
 #layout {
-	/*max-width: 2036px;
-	margin: auto;*/
 	max-width: inherit;
 }
 
@@ -285,7 +295,7 @@ img {
 	}
 	
 	#layout_body_center {
-		padding: 1.5rem 2rem!important;
+		padding: 1.5rem 2rem;
 	}
 	
 	.header-Banner {
@@ -380,12 +390,22 @@ img {
 	}
 	
 	#layout_body_center {
-		padding: 3rem 4rem!important;
+		padding: 3rem 4rem;
 	}
 
 }
 
 
+/* ----------------------------- */
+/* .lef-
+/* ----------------------------- */
+
+.lef-Avertissement {
+    padding: 2rem;
+    background-color: #ecffe3;
+    margin: 2rem auto;
+}
+
 
 /* ----------------------------- */
 /* .main-
@@ -395,6 +415,7 @@ img {
 	color: #2f4f4f;
 	padding-top: 25px;
 	font-size: 4.0rem;
+	font-family: 'metropolisregular', 'sans-serif';
 }
 
 /* ----------------------------- */
@@ -403,10 +424,13 @@ img {
 
 h3.spip {
 	padding-bottom: 1px;
-    border-bottom-width: 3px;
-    border-bottom-style: solid;
-    border-bottom-color: #e0f5c1;
+	margin: 3.5rem auto 01rem;
     font-size: 2.5rem;
     font-weight: bold;
     color: darkslategray;
+	font-family: 'metropolisregular','sans-serif';
+}
+
+a.spip_out {
+    color: #365E51;
 }
diff --git a/inclure/head.html b/inclure/head.html
index d7aff50..43c8414 100755
--- a/inclure/head.html
+++ b/inclure/head.html
@@ -15,7 +15,7 @@ les elements specifiques (title, description) figurent dans chaque squelette
 
 [<link rel="stylesheet" href="(#CHEMIN{css/import.css})" type="text/css">]
 
-<link rel="stylesheet" href="https://bardelli.fr/test/perso-antoine-lef2021.css" type="text/css">
+<!--<link rel="stylesheet" href="https://bardelli.fr/test/perso-antoine-lef2021.css" type="text/css">-->
 
 [(#REM)
 Balise permettant aux plugins d'inserer des appels javascript ;
@@ -43,7 +43,7 @@ Balise permettant aux plugins d'inserer des appels javascript ;
 <script>
   var _paq = window._paq = window._paq || [];
   /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-/*_paq.push([function() {
+_paq.push([function() {
   var self = this;
   function getOriginalVisitorCookieTimeout() {
    var now = new Date(),
@@ -64,7 +64,7 @@ Balise permettant aux plugins d'inserer des appels javascript ;
     _paq.push(['setSiteId', '5']);
     var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
     g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-  })();*/
+  })();
 </script>
 <noscript><p><img src="//statistiques.april.org/matomo.php?idsite=5&amp;rec=1" style="border:0;" alt="" /></p></noscript>
 <!-- End Matomo Code -->