include js

user/config/plugins/youtube.yaml

@@ -0,0 +1,19 @@
+enabled: true
+built_in_css: true
+add_editor_button: true
+player_parameters:
+  autoplay: 0
+  cc_load_policy: 0
+  color: red
+  controls: 1
+  disablekb: 0
+  enablejsapi: 0
+  fs: 1
+  iv_load_policy: 1
+  loop: 0
+  modestbranding: 0
+  playsinline: 0
+  rel: 1
+  showinfo: 1
+  vq: default
+privacy_enhanced_mode: false

user/pages/01.home/modular.md

@@ -5,4 +5,6 @@ content:
     items: '@self.siblings'
 ---
 
-L’image de votre structure passe par la qualité de vos supports de communication ! Association, fondation, PME, établissement scolaire, mairie... vous avez besoin de produire un rapport d’activité, une plaquette de présentation, un dépliant institutionnel, un catalogue de produits, une brochure pédagogique, des panneaux pour un salon, une expo, des banderoles, un dossier de subvention… ? Vous n’avez pas le temps de corriger les fautes, de trouver le bon graphiste ou le bon imprimeur, de gérer les allers-retours, l’administratif... ? Vous ne savez pas quel papier choisir, quel format ni comment négocier les meilleurs tarifs ? Vous voulez que ce soit bien fait ? LE STYLE DE L’OURS gère tout de A à Z !
+L’image de votre structure passe par la qualité de vos supports de communication ! Association, fondation, PME, établissement scolaire, mairie... vous avez besoin de produire un rapport d’activité, une plaquette de présentation, un dépliant institutionnel, un catalogue de produits, une brochure pédagogique, des panneaux pour un salon, une expo, des banderoles, un dossier de subvention… ? Vous n’avez pas le temps de corriger les fautes, de trouver le bon graphiste ou le bon imprimeur, de gérer les allers-retours, l’administratif... ? Vous ne savez pas quel papier choisir, quel format ni comment négocier les meilleurs tarifs ? Vous voulez que ce soit bien fait ? LE STYLE DE L’OURS gère tout de A à Z !
+
+[plugin:youtube](https://youtu.be/RDJ2PXubYr0)

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-1/facebook.svg

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="10"
+   height="10"
+   viewBox="0 0 2.6458333 2.6458334"
+   version="1.1"
+   id="svg2227"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="facebook.svg">
+  <defs
+     id="defs2221">
+    <mask
+       fill="white"
+       id="mask-3">
+      <polygon
+         transform="matrix(0.75000002,0,0,-0.75000002,0,3375.0001)"
+         points="0.4312582,23.617021 22.225004,23.617021 22.225004,0.86918936 0.4312582,0.86918936 "
+         id="use15" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.839192"
+     inkscape:cx="0.16424301"
+     inkscape:cy="6.7196713"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2224">
+    <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(0,-294.35415)">
+    <g
+       transform="matrix(0.12875578,0,0,-0.12875477,-42.381164,449.16595)"
+       style="enable-background:new"
+       id="g2128-1">
+      <path
+         d="m 348.57453,1181.8278 c 0.62618,0 1.13407,0.5078 1.13407,1.1341 v 18.2811 c 0,0.6265 -0.50789,1.1342 -1.13407,1.1342 H 330.2935 c -0.62647,0 -1.13414,-0.5077 -1.13414,-1.1342 v -18.2811 c 0,-0.6263 0.50767,-1.1341 1.13414,-1.1341 h 18.28103"
+         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.00594093"
+         id="path160-8-5"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 343.33801,1181.8278 v 7.9577 h 2.67117 l 0.39988,3.1014 h -3.07105 v 1.98 c 0,0.8979 0.24929,1.5098 1.53692,1.5098 l 1.64232,8e-4 v 2.7737 c -0.2841,0.038 -1.25895,0.1222 -2.39307,0.1222 -2.36782,0 -3.98875,-1.4452 -3.98875,-4.0994 v -2.2871 h -2.67799 v -3.1014 h 2.67799 v -7.9577 h 3.20258"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.00594093"
+         id="path162-0-8"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-1/item.md

@@ -1,7 +1,8 @@
 ---
 title: 'reco n°1'
-media_order: versoHD.jpg
+media_order: facebook.svg
 ---
 
+![](facebook.svg)
 Ludovic, Signal Expertise
 « Parfait ! Merci Emmanuel pour ton travail réalisé dans les délais. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-2/item.md

@@ -1,8 +1,9 @@
 ---
 title: 'reco n°2'
-media_order: versoHD.jpg
+media_order: linkedin.svg
 ---
 
+![](linkedin.svg)
 **Antoine, Secours Catholique**
 
 « Je travaille régulièrement avec Emmanuel sur l'édition de documents pour l’association. J'apprécie son regard et sa capacité à traduire nos messages. Emmanuel est un conseil précieux pour améliorer la qualité de nos publications, dans le fond comme dans la forme. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-2/linkedin.svg

@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="10"
+   height="10"
+   viewBox="0 0 2.6458333 2.6458334"
+   version="1.1"
+   id="svg2227"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="linkedin.svg">
+  <defs
+     id="defs2221">
+    <mask
+       fill="white"
+       id="mask-3">
+      <polygon
+         transform="matrix(0.75000002,0,0,-0.75000002,0,3375.0001)"
+         points="0.4312582,23.617021 22.225004,23.617021 22.225004,0.86918936 0.4312582,0.86918936 "
+         id="use15" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="63.356767"
+     inkscape:cx="5.4351243"
+     inkscape:cy="8.7874633"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2224">
+    <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(0,-294.35415)">
+    <path
+       inkscape:connector-curvature="0"
+       id="path14"
+       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.01469956;enable-background:new"
+       d="m 2.2546789,296.60868 h -0.392359 v -0.61409 c 0,-0.14641 -0.00252,-0.33475 -0.203963,-0.33475 -0.2041425,0 -0.2353226,0.15962 -0.2353226,0.3243 v 0.62454 H 1.0310136 v -1.26265 h 0.3761153 v 0.17262 h 0.00546 c 0.052427,-0.0993 0.1802985,-0.2039 0.3712382,-0.2039 0.3975334,0 0.4708566,0.26143 0.4708566,0.60146 z m -1.66610201,-1.43512 c -0.12604326,0 -0.22785046,-0.10197 -0.22785046,-0.22754 0,-0.12563 0.1018072,-0.22761 0.22785046,-0.22761 0.12546664,0 0.22739044,0.10198 0.22739044,0.22761 0,0.12557 -0.1019238,0.22754 -0.22739044,0.22754 z m 0.19626792,1.43512 H 0.39190663 v -1.26265 H 0.78484481 Z M 2.450087,294.35415 H 0.19511974 C 0.08745375,294.35415 0,294.43953 0,294.5449 v 2.26416 c 0,0.10537 0.08745375,0.19092 0.19511974,0.19092 H 2.450087 c 0.1079569,0 0.1957463,-0.0856 0.1957463,-0.19092 v -2.26416 c 0,-0.10537 -0.087789,-0.19075 -0.1957463,-0.19075" />
+  </g>
+</svg>

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-3/item.md

@@ -1,8 +1,9 @@
 ---
 title: 'reco n°3'
-media_order: versoHD.jpg
+media_order: mail.svg
 ---
 
+![](mail.svg)
 **Antoine, CCFD-Terre Solidaire**
 
 « J'ai travaillé avec Emmanuel lorsque j'étais DG du CCFD-Terre Solidaire. J'ai apprécié son grand professionnalisme et son souci à toujours trouver la bonne réponse à mes demandes en matière d'édition de documents. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-3/mail.svg

@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="10"
+   height="10"
+   viewBox="0 0 2.6458333 2.6458334"
+   version="1.1"
+   id="svg2227"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="mail.svg">
+  <defs
+     id="defs2221">
+    <mask
+       fill="white"
+       id="mask-3">
+      <polygon
+         transform="matrix(0.75000002,0,0,-0.75000002,0,3375.0001)"
+         points="0.4312582,23.617021 22.225004,23.617021 22.225004,0.86918936 0.4312582,0.86918936 "
+         id="use15" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="63.356767"
+     inkscape:cx="4.7656118"
+     inkscape:cy="4.9999066"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2224">
+    <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(0,-294.35415)">
+    <g
+       style="enable-background:new"
+       transform="matrix(0.04134115,0,0,0.04134115,-0.03653548,294.31281)"
+       id="g18">
+      <polygon
+         points="2.9,26.4 10.1,19.2 10.1,33.6 "
+         id="polygon2" />
+      <polygon
+         points="2.5,63.5 2.5,28.9 19.7,46.2 "
+         id="polygon4" />
+      <path
+         inkscape:connector-curvature="0"
+         d="M 44.8,47.7 62,65 H 4 l 17.3,-17.3 11,11 c 0.2,0.2 0.5,0.3 0.7,0.3 0.3,0 0.6,-0.1 0.8,-0.3 z"
+         id="path6" />
+      <polygon
+         points="55.9,33.6 55.9,19.2 63.1,26.4 "
+         id="polygon8" />
+      <polygon
+         points="63.5,63.5 46.3,46.2 63.5,29 "
+         id="polygon10" />
+      <g
+         id="g16">
+        <path
+           inkscape:connector-curvature="0"
+           d="m 36.1,16.9 c -3.6,0 -6.7,3.3 -6.7,7.2 0,1.1 0.4,2.4 2.1,2.4 2.2,0 4.4,-2.9 4.9,-5.4 l 0.8,-4.2 c -0.3,0 -0.7,0 -1.1,0 z"
+           id="path12" />
+        <path
+           inkscape:connector-curvature="0"
+           d="M 52.3,1 H 13.7 C 12.9,1 12.2,1.7 12.2,2.5 V 35.7 L 33,56.5 53.8,35.7 V 2.5 C 53.8,1.7 53.1,1 52.3,1 Z M 38.6,29.1 c -1.3,0 -2.6,-0.6 -3.3,-1.9 -1.1,0.9 -2.4,1.5 -3.7,1.5 -2.6,0 -4.3,-1.8 -4.3,-4.6 0,-5.1 4,-9.3 8.8,-9.3 1,0 1.9,0.1 2.7,0.4 0.5,0.1 0.9,0.7 0.8,1.2 l -1,5.2 c -0.2,1.3 -0.8,2.6 -1.6,3.7 0.1,1.4 1.2,1.6 1.7,1.6 2.8,0 5.6,-2.7 5.6,-7.8 0,-5.7 -4,-9.7 -9.7,-9.7 -8.2,0 -12.5,6.6 -12.5,13.2 0,6.9 5.1,10.5 10.2,10.5 2.4,0 4.3,-0.4 6.1,-1.4 0.5,-0.3 1.2,-0.1 1.4,0.4 0.3,0.5 0.1,1.2 -0.5,1.4 -2.1,1.1 -4.3,1.6 -7.1,1.6 -7.1,0 -12.3,-5.3 -12.3,-12.7 0,-8.7 6.3,-15.3 14.6,-15.3 7,0 11.9,4.9 11.9,11.8 -0.1,6.8 -4,10.2 -7.8,10.2 z"
+           id="path14-8" />
+      </g>
+    </g>
+  </g>
+</svg>

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-4/item.md

@@ -1,8 +1,9 @@
 ---
 title: 'reco n°4'
-media_order: versoHD.jpg
+media_order: malt.svg
 ---
 
+![](malt.svg)
 **Philippe, fondation Terre Solidaire**
 
 « Ce fut un très grand plaisir de travailler avec Emmanuel. J’ai fortement apprécié ses capacités à conseiller, écouter, préciser et enrichir mes demandes de productions. Il faut souligner son respect des délais, la rigueur et la précision de son travail qui met en confiance et rassure. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-4/malt.svg

@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="10"
+   height="10"
+   viewBox="0 0 2.6458333 2.6458334"
+   version="1.1"
+   id="svg2227"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="malt.svg">
+  <defs
+     id="defs2221">
+    <mask
+       fill="white"
+       id="mask-3">
+      <polygon
+         transform="matrix(0.75000002,0,0,-0.75000002,0,3375.0001)"
+         points="0.4312582,23.617021 22.225004,23.617021 22.225004,0.86918936 0.4312582,0.86918936 "
+         id="use15" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.839192"
+     inkscape:cx="0.16424301"
+     inkscape:cy="4.1942899"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2224">
+    <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(0,-294.35415)">
+    <g
+       style="enable-background:new"
+       id="g2189"
+       transform="matrix(0.07935976,0,0,-0.07935976,-40.298181,389.77616)">
+      <polygon
+         transform="matrix(0.28741149,0,0,-0.28741149,507.7911,1202.3978)"
+         id="Fill-1-Copy"
+         points="0,0 0,116 116,116 116,0 "
+         style="fill:#000000" />
+      <path
+         style="fill:#ffffff;stroke-width:0.28741148"
+         inkscape:connector-curvature="0"
+         id="Fill-4"
+         d="m 527.53229,1194.6129 0.003,0.6149 c 0.008,1.727 -1.39165,3.1382 -3.11855,3.1447 -0.82943,0.026 -1.62403,-0.3189 -2.21835,-0.9073 -0.59377,-0.5894 -0.9225,-1.3742 -0.92631,-2.2107 l -0.002,-0.3995 3.16806,-3.3095 z" />
+      <path
+         style="fill:#ffffff;stroke-width:0.28741148"
+         inkscape:connector-curvature="0"
+         id="Fill-6"
+         d="m 520.28858,1194.4635 -0.1758,0.184 c -0.57853,0.6041 -1.35735,0.947 -2.19386,0.9649 -0.84141,0.016 -1.63002,-0.2906 -2.23413,-0.8686 -1.24742,-1.1946 -1.29042,-3.1806 -0.0963,-4.428 l 0.46751,-0.4887 6.62186,-0.028 1.06564,1.0564 z" />
+      <path
+         style="fill:#ffffff;stroke-width:0.28741148"
+         inkscape:connector-curvature="0"
+         id="Fill-8"
+         d="m 533.13635,1181.0449 -0.46697,0.4882 -6.62131,0.028 -1.06618,-1.0564 3.63013,-3.7918 c 1.19408,-1.2463 3.18113,-1.2899 4.42799,-0.096 1.24688,1.1946 1.29042,3.1806 0.0963,4.428" />
+      <path
+         style="fill:#ffffff;stroke-width:0.28741148"
+         inkscape:connector-curvature="0"
+         id="Fill-10"
+         d="m 533.79168,1188.7718 h -0.46969 l -3.19582,-3.1686 -0.69555,-0.6896 -0.9644,-0.9562 -0.984,-0.9753 -0.45009,-0.4468 6.73288,-0.029 h 0.0136 c 0.83161,0 1.6137,0.3217 2.20475,0.9073 0.59377,0.5894 0.92304,1.3748 0.92631,2.2113 0.008,1.7263 -1.3911,3.137 -3.118,3.1446" />
+      <path
+         style="fill:#ffffff;stroke-width:0.28741148"
+         inkscape:connector-curvature="0"
+         id="Fill-12"
+         d="m 514.95985,1188.852 h -0.0141 c -0.83161,0 -1.61315,-0.3217 -2.2042,-0.9073 -0.59378,-0.5888 -0.9225,-1.3737 -0.92631,-2.2107 -0.004,-0.8365 0.31838,-1.624 0.9078,-2.2184 0.58888,-0.5937 1.37368,-0.923 2.21019,-0.9263 h 0.47023 l 6.28987,6.236 z" />
+      <path
+         style="fill:#ffffff;stroke-width:0.28741148"
+         inkscape:connector-curvature="0"
+         id="Fill-14"
+         d="m 533.2729,1194.5151 c -1.21585,1.2261 -3.2029,1.2354 -4.42909,0.018 l -13.3727,-13.2584 c -1.22673,-1.2163 -1.23544,-3.2028 -0.019,-4.429 1.2153,-1.2268 3.20289,-1.236 4.42908,-0.019 l 13.3727,13.2585 c 1.22674,1.2163 1.23436,3.2034 0.019,4.4296" />
+      <path
+         transform="matrix(0.28741149,0,0,-0.28741149,521.06707,1180.0655)"
+         d="m 0.43515319,11.543509 -0.003787,1.132383 C 0.40485532,18.684338 5.2733447,23.592594 11.281792,23.617211 h 0.04545 c 5.987617,0.0019 10.869362,-4.855234 10.895873,-10.850426 l 0.0019,-0.38251 L 11.20226,0.86918936 Z"
+         id="Fill-1"
+         mask="url(#mask-3)"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff;fill-opacity:1" />
+      <path
+         style="fill:#ffffff;stroke-width:0.28741148"
+         inkscape:connector-curvature="0"
+         id="Fill-4-3"
+         d="m 521.27293,1176.7518 -0.003,-0.615 c -0.008,-1.7269 1.39165,-3.1381 3.11855,-3.1446 0.82943,-0.026 1.62403,0.3189 2.21835,0.9072 0.59377,0.5894 0.9225,1.3743 0.92631,2.2107 l 0.002,0.3996 -3.16806,3.3095 z" />
+    </g>
+  </g>
+</svg>

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-5/item.md

@@ -1,8 +1,9 @@
 ---
 title: 'reco n°5'
-media_order: versoHD.jpg
+media_order: oral.svg
 ---
 
+![](oral.svg)
 **Philippe, CCFD-Terre Solidaire**
 
 « J'ai collaboré avec Emmanuel lorsque j'étais directeur. Je n'ai eu qu'à m'en féliciter : réactivité, inventivité, clarté des suggestions, fiabilité des budgets, maîtrise technique. Et, derrière l'homme discret, une belle expérience humaine et une passion pour son métier. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-5/oral.svg

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="10"
+   height="10"
+   viewBox="0 0 2.6458333 2.6458334"
+   version="1.1"
+   id="svg2227"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="oral.svg">
+  <defs
+     id="defs2221">
+    <mask
+       fill="white"
+       id="mask-3">
+      <polygon
+         transform="matrix(0.75000002,0,0,-0.75000002,0,3375.0001)"
+         points="0.4312582,23.617021 22.225004,23.617021 22.225004,0.86918936 0.4312582,0.86918936 "
+         id="use15" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="44.8"
+     inkscape:cx="9.5258073"
+     inkscape:cy="3.7976504"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2224">
+    <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(0,-294.35415)">
+    <path
+       id="path2"
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17735671;marker:none;enable-background:accumulate"
+       d="m 1.8388346,294.35821 c -0.2211263,0 -0.4232867,0.0633 -0.5744831,0.17181 -0.1511973,0.10849 -0.2532305,0.26763 -0.2532296,0.44886 0,0.15838 0.077598,0.30602 0.2004317,0.41576 l -0.050811,0.27805 c -0.012903,0.0717 0.06133,0.1275 0.1266147,0.0952 l 0.3363155,-0.16816 H 1.838835 c 0.221128,0 0.4232859,-0.0634 0.574484,-0.17179 0.1511972,-0.10849 0.2532295,-0.2678 0.2532295,-0.44903 0,-0.18123 -0.1020323,-0.34037 -0.2532295,-0.44886 -0.1511981,-0.1085 -0.353356,-0.17181 -0.5744843,-0.17181 z m 0,0.17744 c 0.1870053,0 0.3547779,0.0551 0.4710407,0.13852 0.1162628,0.0834 0.1792465,0.18944 0.1792465,0.30471 0,0.11526 -0.062984,0.22144 -0.1792465,0.30486 -0.1162628,0.0834 -0.2840354,0.13853 -0.4710407,0.13854 H 1.6023219 c -0.01376,-1.3e-4 -0.027359,0.003 -0.039722,0.009 l -0.1967913,0.098 0.027806,-0.15062 c 0.00591,-0.0331 -0.00735,-0.0666 -0.034261,-0.0867 -0.1100776,-0.082 -0.1708054,-0.19858 -0.1708063,-0.31314 0,-0.11528 0.062984,-0.22146 0.1792473,-0.30488 0.116262,-0.0834 0.2840363,-0.13852 0.4710399,-0.13852 z m -1.24148722,0.83677 c -0.24382755,0 -0.44339995,0.19958 -0.44339995,0.4434 0,0.24384 0.1995724,0.44341 0.44339995,0.44341 0.2438292,0 0.44340002,-0.19957 0.44340002,-0.44341 0,-0.24382 -0.19957082,-0.4434 -0.44340002,-0.4434 z m 0,0.97552 c -0.20576449,0 -0.39419005,0.0457 -0.54402981,0.12563 -0.02906245,0.0154 -0.04721832,0.0456 -0.04716983,0.0785 v 0.35751 c -7.06e-6,0.049 0.03971769,0.0887 0.08871357,0.0887 H 1.395435 c 0.048996,10e-6 0.088721,-0.0397 0.088714,-0.0887 0,-0.17288 -0.1206787,-0.31588 -0.2836837,-0.41113 -0.163005,-0.0952 -0.37614198,-0.15045 -0.60311708,-0.15045 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccscscccccscccccccccccssssscccccccccc" />
+  </g>
+</svg>

user/pages/03.nouvelle-section-2/03.clients/blog.md

@@ -1,6 +1,6 @@
 ---
 title: Clients
-media_order: 'EC_BD.jpg,etape_4.jpg'
+media_order: '47689179_267685870772239_2529264029675814912_n.jpg,48272809_267685790772247_3644291046419988480_o.jpg,48336045_267685760772250_6527396004021403648_n.jpg,48357622_267685860772240_926368439373660160_o.jpg,48363819_267686130772213_6923399844207788032_o.jpg,48364455_267685850772241_3282996486220021760_n.jpg,48368220_267687830772043_2933971453583818752_n.jpg,48373603_267685784105581_338825078013689856_n.jpg,48382728_267685780772248_4501175809821638656_n.jpg'
 content:
     items:
         - '@self.children'

user/pages/04.contact/blog.md

@@ -1,5 +1,6 @@
 ---
 title: Contact
+media_order: EC_BD_modif.png
 content:
     items:
         - '@self.children'
@@ -11,23 +12,31 @@ content:
     url_taxonomy_filters: true
 ---
 
-NOM DU FICHIER : 
+![](EC_BD_modif.png)
+**LE STYLE DE L’OURS**
+Emmanuel CAUCHOIS
+10, rue Georges-Guynemer
+78300 POISSY
+Tél. : 06 03 23 08 42
+Email : lestyledelours@sfr.fr
+
+**NOM DU FICHIER :** 
 Emmanuel Cauchois
-FORMAT : 
+**FORMAT :** 
 à la française (47 ans x 182 cm)
-ASSEMBLAGE : 
+**ASSEMBLAGE :** 
 marié / papa d’un petit garçon de 9 ans
 NOMBRE DE PAGES : 
 Rouen / Evreux / Lille / Poissy
-FAÇONNAGE : 
+**FAÇONNAGE :** 
 BTS Industries graphiques
 NATIFS : 
 photograveur / opérateur PAO / animation / éducation / édition / fabrication
-FILIGRANE : 
+**FILIGRANE :** 
 scoutisme+++ / théâtre+ / photo++
-PELLICULAGE : 
+**PELLICULAGE :** 
 emmanuelcauchois.fr
-RÉSOLUTION : 
+**RÉSOLUTION :**
 mettre mon expérience au service de la qualité de vos projets.
-DÉPÔT LÉGAL : 
+**DÉPÔT LÉGAL :** 
 Mai 2018

user/pages/05.pied-de-page/modular.md

@@ -0,0 +1,14 @@
+---
+title: Pied-de-page
+hero_classes: ''
+hero_image: ''
+content:
+    items: '- ''@self.children'''
+    limit: '5'
+    order:
+        by: date
+        dir: desc
+    pagination: '1'
+    url_taxonomy_filters: '1'
+---
+

user/themes/le_style_de_lours_modif/js/scritps.js

@@ -1,31 +1,26 @@
 function jcarousel() {
 
   $('.owl-carousel').owlCarousel({
-    margin:20,
+    margin:40,
     loop:true,
     autoWidth:true,
     items:8,
     nav: true
   });
-
 }
 
 function scrollHeader() {
-  $(function() {
+  var $Header = $('header .title');
 
-    var header = $(".header");
+  $(window).scroll(function() {
+      var scroll = $(window).scrollTop();
 
-    $(window).scroll(function() {
+      if (scroll >= 500) {
-        var scroll = $(window).scrollTop();
+          $Header.addClass("Hc");
-
+      } else {
-        if (scroll >= 500) {
+          $Header.removeClass("Hc");
-            header.removeClass('header').addClass("darkHeader");
+      }
-        } else {
-            header.removeClass("darkHeader").addClass('header');
-        }
-    });
   });
-
 }
 
 function open() {
@@ -33,7 +28,6 @@ function open() {
   var $answer = $('.why_lsdo ');
 
   $pk.click(function() {
-    // $answer.toggleClass('close');
     if ($('.why_lsdo').hasClass('open')){
       $('.why_lsdo').removeClass('open');
       $('.why_lsdo').addClass('close');
@@ -41,13 +35,56 @@ function open() {
       $('.why_lsdo').removeClass('close');
       $('.why_lsdo').addClass('open');
     }
+  });
+}
 
+function scrollbar() {
+  $(window).on("load",function(){
+    $(".col-12").mCustomScrollbar();
+  });
+}
+
+function scrollNav() {
+  $('.navbar a').click(function(){
+    //Toggle Class
+    $(".active").removeClass("active");
+    $(this).closest('li').addClass("active");
+    var theClass = $(this).attr("class");
+    // $('.'+theClass).parent('li').addClass('active');
+    //Animate
+    $('html, body').stop().animate({
+        scrollTop: $( $(this).attr('href') ).offset().top - 140
+    }, 400);
+    return false;
+  });
+  $('.scrollTop a').scrollTop();
+}
+
+
+function navFooter() {
+
+  var $Fs = $('footer section');
+
+  $Fs.hide();
+
+  $('footer a[href^="#"]').on('click', function(event) {
+      var target = $(this.getAttribute('href'));
+      if( target.length ) {
+          event.preventDefault();
+          target.slideToggle();
+          $('html, body').stop().animate({
+              scrollTop: target.offset().top
+          }, 1000);
+      }
   });
 
 }
 
 jQuery(document).ready(function($){
-  jcarousel();
+  scrollNav();
   scrollHeader();
+  jcarousel();
   open();
+  scrollbar();
+  navFooter();
 });

user/themes/le_style_de_lours_modif/scss/theme.scss

@@ -7,6 +7,7 @@
 @import 'theme/animation';
 @import 'theme/header';
 @import 'theme/start';
+@import 'theme/footer';
 @import 'theme/carousel';
 // @import 'theme/mobile';
 //

user/themes/le_style_de_lours_modif/scss/theme/_animation.scss

@@ -10,17 +10,17 @@
 
 @keyframes translateOpen{
   0%{margin-top: 0px;}
-  100%{margin-top: -150px;}
+  100%{margin-top: -155px;}
 }
 
 @keyframes translateClose{
-  0%{margin-top: -150px;}
+  0%{margin-top: -155px;}
   100%{margin-top: 0px;}
 }
 
 @keyframes translateOpensvg{
   0%{margin-top: 50px;}
-  100%{margin-top: 180px;}
+  100%{margin-top: 180px;} 
 }
 
 @keyframes translateClosesvg{

user/themes/le_style_de_lours_modif/scss/theme/_carousel.scss

@@ -1,6 +1,6 @@
 .owl-carousel{
   display: flex!important;
-  margin: 50px 50px;
+  margin: 100px 50px 0 50px;
   width: auto!important;
   .owl-stage-outer{
   height: 500px;
@@ -31,7 +31,7 @@
         width: 35px;
         height: 35px;
         border-radius: 35px;
-        background: #8d2815ff!important;
+        background: rgb(141, 40, 21)!important;
         span{
           margin-top: -9.5px;
           color: white;
@@ -47,3 +47,40 @@
       }
     }
   }
+.owl-nav.disabled{
+  display: block!important;
+}
+
+#recommandations{
+  .owl-carousel{
+    .owl-stage-outer{
+      height: 300px!important;
+    }
+    .galerie{
+      width: 300px;
+    }
+    .content{
+      width: 300px!important;
+      background: white;
+      p{
+        text-align: left!important;
+        padding: 0 20px;
+        margin: 0;
+        &:last-child{
+          padding-bottom: 20px;
+        }
+        strong{
+          width: 230px;
+          display: block;
+        }
+      }
+      img{
+        position: absolute;
+        top: 15px;
+        right: 20px;
+        width: 25px;
+        height: auto;
+      }
+    }
+  }
+}

user/themes/le_style_de_lours_modif/scss/theme/_footer.scss

@@ -1,17 +1,15 @@
-// Sticky Footer solution
+footer{
-body.sticky-footer {
+  ul{
-  height: 100%;
+    display: inline-flex;
-  min-height: 100vh;
+    justify-content: flex-end;
-  display: flex;
+    width: 100%;
-  flex-direction: column;
+    li{
-
+      margin-left: 20px;
-  #page-wrapper {
+    }
-    flex: 1 0 auto;
+  }
+  section{
+    width: 50%;
+    margin:auto;
   }
 }
-
+ 
-#footer {
-  color: #acb3c2;
-  padding: 1rem $horiz-padding 0;
-  text-align: center;
-}

user/themes/le_style_de_lours_modif/scss/theme/_header.scss

@@ -1,3 +1,70 @@
+.background{
+  position: absolute;
+  top: 0;
+  width: 100%;
+  left: 0;
+  display: inline-flex;
+  & > div {
+    width: 55%;
+    display: inline-block;
+    position: relative;
+    padding-bottom: 100%;
+    vertical-align: middle;
+  }
+  .fond-g{
+    svg{
+      width: 110%;
+      display: inline-block;
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
+  .fond-d{
+    svg{
+      width: 110%;
+      display: inline-block;
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+  }
+}
+
+.background-footer{
+  z-index: -1;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  left: 0;
+  display: inline-flex;
+  & > div {
+    width: 55%;
+    display: inline-block;
+    position: relative;
+    padding-bottom: 100%;
+    vertical-align: middle;
+  }
+  .fond-g{
+    svg{
+      width: 110%;
+      display: inline-block;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+    }
+  }
+  .fond-d{
+    svg{
+      width: 110%;
+      display: inline-block;
+      position: absolute;
+      bottom: 0;
+      right: 0;
+    }
+  }
+}
+
 header{
   z-index: 999;
   position: relative;
@@ -16,13 +83,14 @@ header{
     }
   }
   .title{
+    transition: background 1s;
+    background: none;
     z-index: 998;
-    background: white;
     position: fixed;
     width: auto;
-    left: 50px;
+    left: 0px;
-    right: 50px;
+    right: 0px;
-    padding-top: 20px;
+    padding: 20px 50px 0 50px;
     .filet{
       z-index: -1;
       width: auto;
@@ -35,11 +103,33 @@ header{
     }
     text-align: center;
     h1{
-      height: 90px;
+      margin-top: 0px;
-      a{
+      white-space:nowrap;
-        padding: 0 50px;
+       z-index: 1;
-        background-color: white ;
+       display: inline-flex;
-      }
+       width: 100%;
+       align-items: center;
+       &::after{
+         right: 0;
+         content: " ";
+         width: 50%;
+         height: 0px;
+         border: 1px solid black;
+         margin-left: 20px;
+       }
+       &::before{
+         left: 0;
+         content: " ";
+         width: 50%;
+         height: 0px;
+         border: 1px solid black;
+         margin-right: 20px;
+       }
+
+    }
+    &.Hc{
+      background: white;
+      transition: background 1s;
     }
   }
   .logo{
@@ -77,7 +167,7 @@ header{
       flex-direction: column;
       position: relative;
       h3{
-        z-index: 999;
+        z-index: 1;
         position: absolute;
         cursor: pointer;
         margin: 0;
@@ -85,7 +175,6 @@ header{
       }
       section{
         position: absolute;
-        background: white;
         padding: 0 10px;
         opacity: 0;
         top: -130px;

user/themes/le_style_de_lours_modif/scss/theme/_start.scss

@@ -1,4 +1,33 @@
+.arrow{
+  width: 0!important;
+  height: 0;
+  top: 40px;
+  left: 50%;
+  right: 50%;
+  border: 50px solid white;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  position: absolute;
+  transform: translateX(-50%);
+}
+
+.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
+  background-color: #964587!important;
+}
+.mCSB_scrollTools .mCSB_draggerRail{
+  background-color: $bkg-d!important;
+}
+
+body{
+  position:relative;
+  padding-bottom: 20px;
+}
+
 #start{
+  &>section:last-child{
+    margin-bottom: 0!important;
+  }
   section{
     position: relative;
     margin-top: -10px;
@@ -12,38 +41,51 @@
     }
   }
    h2{
-    text-align: center;
-    width: 350px;
-    background: white;
     z-index: 1;
-    margin: auto;
     margin-top: -35px;
-  }
+    display: inline-flex;
-  .filet{
-    position: absolute;
-    top: 0;
-    z-index: -1;
     width: 100%;
-    height: 2px;
+    align-items: center;
-    background: black!important;
+    &::after{
+      right: 0;
+      content: " ";
+      width: 50%;
+      height: 0px;
+      border: 1px solid $blue;
+      margin-left: 20px;
+    }
+    &::before{
+      left: 0;
+      content: " ";
+      width: 50%;
+      height: 0px;
+      border: 1px solid $blue;
+      margin-right: 20px;
+    }
   }
   #home{
-    width: 50%;
+    width: 40%;
     min-width: 700px;
     margin: 0 auto 100px auto;
   }
-  #métier{
+  #m-tier{
   & > div{
-    background: #ffffd5ff;
+    background:$section;
       display: inline-flex;
       flex-wrap: wrap;
-      justify-content: space-evenly;
+      justify-content: center;
       h3{
         text-align: center;
       }
+      & > section:nth-of-type(odd){
+        margin-right: 50px;
+      }
+      & > section:nth-of-type(even){
+        margin-left: 50px;
+      }
     section{
       width: 35%;
-      min-width: 250px;
+      min-width: 350px;
       &:nth-of-type(n+3){
         position: relative;
         .title{
@@ -54,7 +96,7 @@
           height: 0;
           top: -65px;
           left: -70px;
-          border: 70px solid #0f265cff;
+          border: 70px solid #0f265c;
           border-top-color: transparent;
           border-right-color: transparent;
           border-bottom-color: transparent;
@@ -78,10 +120,12 @@
           display: none;
           height: 100%;
           width: 100%;
-          background: #0f265cff;
+          background: #0f265c;
-          opacity: 0.9;
           p,ul,li{
-            text-align: center;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translateY(-55%) translateX(-50%);
             color: white;
           }
         }
@@ -103,23 +147,39 @@
     }
     }
   }
-  #références{
+  #r-f-rences{
+    h3{
+      display: inline-flex;
+      width: 100%;
+      align-items: center;
+      white-space:nowrap;
+      &::after{
+        right: 0;
+        content: " ";
+        width: 50%;
+        height: 0px;
+        border: 2px dashed #8d2815;
+        margin-left: 20px;
+      }
+      &::before{
+        left: 0;
+        content: " ";
+        width: 50%;
+        height: 0px;
+        border: 2px dashed #8d2815;
+        margin-right: 20px;
+      }
+    }
     & > div{
-      background: #ffffd5ff;
+      background: $section;
     & > p{
       width: 50%;
+      text-align: center;
       min-width: 600px;
       margin: 0px auto 0px auto;
-      padding: 50px 0 65px 0;
     }
     .title{
       margin-bottom: 50px;
-      .filet{
-        top: 13px!important;
-        border: 2px dashed #8d2815;
-        background: #fff59b8c;
-        height: 0;
-      }
     }
     section{
       &:last-child{
@@ -138,33 +198,56 @@
       }
     }
     #recommandations{
-      .content{
-        background: white;
-      }
     }
     #clients{
       .images{
+        margin: 0 50px;
         display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        margin-bottom: 50px;
+        flex-wrap: wrap;
+        img{
+          width: 10%;
+          min-width: 200px;
+          margin-bottom: 20px;
+        &:not(:first-child){
+          margin-left: 20px;
+        }
+      }
       }
     }
   }
 
 }
   #contact{
-    & > div{
+    & > div {
       display: inline-flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      align-items: center;
       width: 100%;
-      & > div:nth-of-type(1){
-        margin-top: 50px;
-      }
       p{
+        width: 40%;
         &:nth-of-type(1){
-          width: 60%;
+          text-align: right;
+          margin-right: 50px;
         }
-        &:nth-of-type(2){
+        // &:nth-of-type(2){
-          width: 40%;
+        //   text-align: left;
+        //   margin-left: 20px;
+        // }
+        img{
+          margin-bottom: 20px;
+          border-radius: 150px;
+          width: 10%;
+          min-width: 180px;
+          height: auto;
         }
       }
+      section{
+        width: 50%
+      }
     }
   }
 }

user/themes/le_style_de_lours_modif/scss/theme/_typography.scss

@@ -15,6 +15,7 @@ h1,h2{
 
 h3{
   letter-spacing: 0.2rem;
+  white-space: nowrap;
 }
 
 ul,li,a,p,del{
@@ -46,6 +47,9 @@ h1{
 h2{
   font-size: $fonth2;
   line-height: $lineH40;
+  margin-bottom: -10px;
+  color: $blue!important;
+
 }
 
 h3{
@@ -61,6 +65,7 @@ header{
           font-size: $fontnav;
           line-height: $lineH40;
           letter-spacing: $letterI1;
+          color: $blue!important;
         }
       }
     }
@@ -87,6 +92,14 @@ header{
 }
 
 #start{
+  &> section > div > h3{
+    margin-top: 120px;
+  }
+  &> section > div > p{
+    padding-top: 120px!important;
+    padding-bottom: 100px;
+  }
+
   section{
     .block{
        h3{
@@ -109,7 +122,7 @@ header{
       line-height: $lineH24;
     }
   }
-  #métier{
+  #m-tier{
     section{
       &:nth-of-type(n+3){
         h3{
@@ -121,29 +134,40 @@ header{
         h3{
           text-transform: capitalize;
           text-align: center;
-          color: #8d2815ff;
+          color:$h3-color;
           text-transform: inherit;
           font-family: $Roboto-B;
           letter-spacing: 0;
-          font-size: $h3;
+          font-size: 1.5rem;
         }
       }
     }
   }
-  #références{
+
+  #r-f-rences{
     & > p{
       text-align: center;
       font-size: 1.2rem;
       line-height: 1.7rem;
     }
+    .title{
+      margin: 0 50px;
+    }
     h3{
       font-family: $Regular-L;
-      font-size: $font40;
       text-align: center;
-      color: #8d2815ff;
+      color: $h3-color;
       width: 350px;
       margin: auto;
-      background-color: #ffffd5ff;
+      background-color: $section;
+    }
+    #travaux_r-alis-s{
+      .galerie{
+        p{
+          font-size: 0.8rem; 
+          line-height: 1.2rem;
+        }
+      }
     }
     #recommandations{
       .owl-carousel{
@@ -156,3 +180,30 @@ header{
     }
   }
 }
+
+#contact{
+  p{
+    strong{
+    font-family: $Regular-L;
+    font-weight: normal;
+    font-size: $h3;
+    letter-spacing: $letterI1;
+    color: $blue;
+
+    }
+  }
+}
+footer{
+  ul{
+    li{
+      text-transform: uppercase;
+      letter-spacing: $letterI1;
+      a{
+        font-family: $Regular-L;
+        font-size: $fontnav;
+        color: $blue;
+
+      }
+    }
+  }
+}

user/themes/le_style_de_lours_modif/scss/theme/_variables.scss

@@ -28,3 +28,13 @@ $lineH96:6rem;
 
 //interlettre
 $letterI1: 0.1rem;
+
+
+// color
+$section: rgb(255, 250, 229);
+$h3-color: #8d2815ff;
+
+$bkg-g: rgb(255, 250, 229);
+$bkg-d: rgb(243,150,85);
+
+$blue: #0f265c;

user/themes/le_style_de_lours_modif/templates/modular.html.twig

@@ -15,25 +15,14 @@
 
 {% block bottom %}
     {{ parent() }}
-    {% if show_onpage_menu %}
-        <script>
-        // singlePageNav initialization & configuration
-        $('ul.navigation').singlePageNav({
-            offset: $('#header').outerHeight(),
-            filter: ':not(.external)',
-            updateHash: true,
-            currentClass: 'active'
-        });
-        </script>
-    {% endif %}
 {% endblock %}
 
 {% block header_navigation %}
     {% if show_onpage_menu %}
         <ul class="navigation">
-        {% for module in page.collection() if module.header.visible is not same as(false) %}
+        {% for module in page.collection() if module.template == 'blog' %}
             {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
-            <li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
+            <li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu)|hyphenize }}">{{ module.menu }}</a></li>
         {% endfor %}
         {% for mitem in site.menu %}
             <li>
@@ -61,25 +50,23 @@
     {{page.content}}
   </section>
 
+  {% for module in page.collection() if module.template == 'blog' %}
 
-  {% for module in page.collection() %}
+    <section id="{{ macro.pageLinkName(module.menu)|hyphenize }}">
-
-    <section id="{{ macro.pageLinkName(module.menu) }}">
 
       <h2>{{ module.title }}</h2>
-      <div class="filet"></div>
+      <div class="arrow"></div>
       <div>
         {{ module.content|raw }}
 
       {% for child in module.collection %}
       {% set gal = child.header.blog.config %}
 
-        <section id="{{ macro.pageLinkName(child.menu) }}">
+        <section id="{{ macro.pageLinkName(child.menu)|hyphenize }}">
 
             {% if child.title %}
               <div class="title">
                 <h3>{{ child.title }}</h3>
-                <div class="filet"></div>
               </div>
             {% endif %}
 

user/themes/le_style_de_lours_modif/templates/modular/text.html.twig

@@ -1,7 +1,7 @@
 {% set grid_size = theme_var('grid-size') %}
 {% set image = page.media.images|first %}
 
-<section>
+<section class="mCustomScrollbar">
     {% if image %}
     <div class="column col-6 col-md-12">
         {{ content|raw }}
@@ -12,7 +12,7 @@
         {% endif %}
     </div>
     {% else %}
-    <div class="column col-12">
+    <div class="column col-12" >
         {{ content|raw }}
     </div>
     {% endif %}

user/themes/le_style_de_lours_modif/templates/partials/base.html.twig

@@ -16,19 +16,20 @@
     <link rel="canonical" href="{{ page.url(true, true) }}" />
 
     {% block stylesheets %}
-        {% do assets.addCss('theme://css-compiled/theme'~compress) %}
+      {% do assets.addCss('theme://css-compiled/theme'~compress) %}
-        {% do assets.addCss('theme://css/owl.carousel.min.css') %}
+      {% do assets.addCss('theme://css/owl.carousel.min.css') %}
-        {% do assets.addCss('theme://css/owl.theme.default.min.css') %}
+      {% do assets.addCss('theme://css/owl.theme.default.min.css') %}
+      {% do assets.addCss('theme://css/jquery.mCustomScrollbar.css') %}
     {% endblock %}
 
     {{ assets.css()|raw }}
 
     {% block javascripts %}
-        {% do assets.addJs('jquery', 101) %}
+      {% do assets.addJs('jquery', 101) %}
-        {% do assets.addJs('theme://js/jquery.treemenu.js', {group:'bottom'}) %}
+      {% do assets.addJs('theme://js/jquery-1.10.2.js', {group:'bottom'}) %}
-        {% do assets.addJs('theme://js/owl.carousel.min.js', {group:'bottom'}) %}
+      {% do assets.addJs('theme://js/owl.carousel.min.js', {group:'bottom'}) %}
-        {% do assets.addJs('theme://js/scritps.js', {group:'bottom'}) %}
+      {% do assets.addJs('theme://js/jquery.mCustomScrollbar.js', {group:'bottom'}) %}
-        {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
+      {% do assets.addJs('theme://js/scritps.js', {group:'bottom'}) %}
     {% endblock %}
     {{ assets.js()|raw }}
 
@@ -36,6 +37,28 @@
 </head>
 
 <body id="top">
+  <div class="background">
+    <div class="fond-g">
+      <svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
+        <path
+           sodipodi:nodetypes="cccc"
+           inkscape:connector-curvature="0"
+           id="path3336"
+           d="M 0,0 500,0 0,500 Z"
+           style="fill:#fff59b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
+      </svg>
+    </div>
+    <div class="fond-d">
+      <svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
+        <path
+           sodipodi:nodetypes="cccc"
+           inkscape:connector-curvature="0"
+           id="path3336"
+           d="M 0,0 500,500 500,0 Z"
+           style="fill:#f39655;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
+      </svg>
+    </div>
+  </div>
     {% block header %}
     <header>
 
@@ -47,7 +70,6 @@
 
       <div class="title">
         <h1><a href="{{ home_url }}">{{site.title}}</a></h1>
-        <div class="filet"></div>
       </div>
 
       <section class="logo">
@@ -64,7 +86,7 @@
         {% include 'partials/logo.html.twig' %}
 
         {% for module in page.find('/home').children.order('date', 'desc') %}
-          <section class="why_lsdo">
+          <section class="why_lsdo ">
               <h3>{{module.title}}</h3>
             {{module.content}}
            <svg>
@@ -75,24 +97,55 @@
       </header>
     {% endblock %}
 
-
     {% block hero %}{% endblock %}
 
         <section id="start">
-        {% block body %}
+          {% block body %}
-            <section id="body-wrapper" class="section">
+                {% block content %}{% endblock %}
-                <section class="container {{ grid_size }}">
+          {% endblock %}
-                    {% block messages %}
-                        {% include 'partials/messages.html.twig' ignore missing %}
-                    {% endblock %}
-                    {% block content %}{% endblock %}
-                </section>
-            </section>
-        {% endblock %}
         </section>
 
-
     {% block footer %}
+
+    <footer>
+      <ul>
+        {% for module in page.find('/pied-de-page').children.order('date', 'desc') %}
+          <li>
+            <a href="#{{ macro.pageLinkName(module.menu)|hyphenize }}">{{module.title}}</a>
+          </li>
+        {% endfor %}
+      </ul>
+
+        {% for module in page.find('/pied-de-page').children.order('date', 'desc') %}
+          <section id="{{ macro.pageLinkName(module.menu)|hyphenize }}">
+            <h3>{{module.title}}</h3>
+            {{module.content}}
+          </section>
+        {% endfor %}
+
+      <div class="background-footer">
+        <div class="fond-g">
+          <svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
+            <path
+               sodipodi:nodetypes="cccc"
+               inkscape:connector-curvature="0"
+               id="path3336"
+               d="M 500,500 0,0 0,500 Z"
+               style="fill:#fff59b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
+          </svg>
+        </div>
+        <div class="fond-d">
+          <svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
+            <path
+               sodipodi:nodetypes="cccc"
+               inkscape:connector-curvature="0"
+               id="path3336"
+               d="M 500,500 0,500 500,0 Z"
+               style="fill:#f39655;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
+          </svg>
+        </div>
+      </div>
+  </footer>
     {% endblock %}
 
 {% block bottom %}

user/themes/le_style_de_lours_modif/templates/partials/blog-item.html.twig

@@ -19,7 +19,6 @@
         {% include 'partials/comments.html.twig' %}
     {% endif %}
 
-
 </div>
 
 <p class="prev-next text-center">

user/themes/le_style_de_lours_modif/templates/partials/layout.html.twig

@@ -11,4 +11,3 @@
     </div>
     {% endif %}
 </div>
-