From c1def0954be26378ff032d7e0b165b81159ef018 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20-=20Le=20Filament?= <remi@le-filament.com>
Date: Tue, 26 Apr 2022 11:26:41 +0200
Subject: [PATCH] =?UTF-8?q?[IMP]=20update=20mentions=20l=C3=A9gales=20and?=
 =?UTF-8?q?=20titles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/style.css.origin           | 1575 -------------------------
 layouts/cgu/section.html              |   28 +-
 layouts/contact/section.html          |    6 +-
 layouts/mentions-legales/section.html |    9 +-
 layouts/notre-conviction/section.html |    6 +-
 layouts/notre-demarche/section.html   |    6 +-
 layouts/notre-ecosysteme/section.html |    4 +-
 layouts/notre-impact/section.html     |    4 +-
 layouts/notre-posture/section.html    |    6 +-
 layouts/services-libres/section.html  |    2 +-
 10 files changed, 36 insertions(+), 1610 deletions(-)
 delete mode 100644 assets/css/style.css.origin

diff --git a/assets/css/style.css.origin b/assets/css/style.css.origin
deleted file mode 100644
index 6f9010f..0000000
--- a/assets/css/style.css.origin
+++ /dev/null
@@ -1,1575 +0,0 @@
-/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
-html {
- color:#222;
- font-size:1em;
- line-height:1.4
-}
-::-moz-selection {
- background:#b3d4fc;
- text-shadow:none
-}
-::selection {
- background:#b3d4fc;
- text-shadow:none
-}
-hr {
- display:block;
- height:1px;
- border:0;
- border-top:1px solid #ccc;
- margin:1em 0;
- padding:0
-}
-audio,
-canvas,
-iframe,
-img,
-svg,
-video {
- vertical-align:middle
-}
-fieldset {
- border:0;
- margin:0;
- padding:0
-}
-textarea {
- resize:vertical
-}
-.browserupgrade {
- margin:.2em 0;
- background:#ccc;
- color:#000;
- padding:.2em 0
-}
-body {
- margin:0
-}
-h1 {
- font-size:2em;
- margin:.67em 0
-}
-@font-face {
- font-family:'DejaVu Sans';
- src:url(../src/fonts/DejaVuSans-ExtraLight.woff2) format('woff2'),
- url(../src/fonts/DejaVuSans-ExtraLight.woff) format('woff');
- font-weight:200;
- font-style:normal
-}
-hr {
- box-sizing:content-box;
- height:0;
- overflow:visible
-}
-pre {
- font-family:monospace,monospace;
- font-size:1em
-}
-a {
- background-color:transparent;
- text-decoration:none;
- color:#1C2F82
-}
-abbr[title] {
- border-bottom:none;
- text-decoration:underline;
- text-decoration:underline dotted
-}
-b,
-strong {
- font-weight:bolder
-}
-strong {
- font-weight:700
-}
-code,
-kbd,
-samp {
- font-family:monospace,monospace;
- font-size:1em
-}
-small {
- font-size:80%
-}
-sub,
-sup {
- font-size:75%;
- line-height:0;
- position:relative;
- vertical-align:baseline
-}
-sub {
- bottom:-.25em
-}
-sup {
- top:-.5em
-}
-img {
- border-style:none
-}
-svg {
- vertical-align:middle
-}
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family:inherit;
- font-size:100%;
- line-height:1.15;
- margin:0
-}
-button,
-input {
- overflow:visible
-}
-button,
-select {
- text-transform:none
-}
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance:button
-}
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style:none;
- padding:0
-}
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline:1px dotted ButtonText
-}
-fieldset {
- padding:.35em .75em .625em
-}
-legend {
- box-sizing:border-box;
- color:inherit;
- display:table;
- max-width:100%;
- padding:0;
- white-space:normal
-}
-progress {
- vertical-align:baseline
-}
-textarea {
- overflow:auto
-}
-[type="checkbox"],
-[type="radio"] {
- box-sizing:border-box;
- padding:0
-}
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height:auto
-}
-[type="search"] {
- -webkit-appearance:textfield;
- outline-offset:-2px
-}
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance:none
-}
-::-webkit-file-upload-button {
- -webkit-appearance:button;
- font:inherit
-}
-details {
- display:block
-}
-summary {
- display:list-item
-}
-template {
- display:none
-}
-[hidden] {
- display:none
-}
-body,
-button,
-input,
-select,
-optgroup,
-textarea {
- font-family:'DejaVu Sans',sans-serif;
- font-weight:100;
- font-size:16px;
- font-size:1rem;
- line-height:1.5;
- color:#1C2F82
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- clear:both
-}
-h1,
-h2 {
- font-family:"Lekton",monospace;
- font-weight:700
-}
-h3,
-h4 {
- font-weight:500
-}
-h2 {
- font-family:"Lekton",monospace;
- font-weight:500;
- font-size:1.17em
-}
-p {
- margin-bottom:1.5em
-}
-dfn,
-cite,
-em,
-i {
- font-style:italic
-}
-blockquote {
- margin:0 1.5em
-}
-address {
- margin:0 0 1.5em
-}
-pre {
- background:#eee;
- font-family:"Courier 10 Pitch",Courier,monospace;
- font-size:15px;
- font-size:.9375rem;
- line-height:1.6;
- margin-bottom:1.6em;
- max-width:100%;
- overflow:auto;
- padding:1.6em
-}
-code,
-kbd,
-tt,
-var {
- font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
- font-size:15px;
- font-size:.9375rem
-}
-abbr,
-acronym {
- border-bottom:1px dotted #666;
- cursor:help
-}
-mark,
-ins {
- background:#fff9c0;
- text-decoration:none
-}
-big {
- font-size:125%
-}
-html {
- box-sizing:border-box
-}
-*,
-*:before,
-*:after {
- box-sizing:inherit
-}
-body {
- background:#fff
-}
-hr {
- border:0;
- height:1px;
- margin-bottom:1.5em
-}
-ol {
- list-style:decimal
-}
-li {
- display:inline-block
-}
-li>ul,
-li>ol {
- margin-bottom:0
-}
-dt {
- font-weight:700
-}
-dd {
- margin:0 1.5em 1.5em
-}
-img {
- height:auto;
- max-width:100%
-}
-figure {
- margin:1em 0
-}
-table {
- margin:0 0 1.5em;
- width:100%
-}
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"] {
- border:1px solid;
- border-color:#ccc #ccc #bbb;
- border-radius:3px;
- background:#e6e6e6;
- color:rgba(0,0,0,.8);
- font-size:12px;
- font-size:.75rem;
- line-height:1;
- padding:.6em 1em .4em
-}
-button:hover,
-input[type="button"]:hover,
-input[type="reset"]:hover,
-input[type="submit"]:hover {
- border-color:#ccc #bbb #aaa
-}
-button:active,
-button:focus,
-input[type="button"]:active,
-input[type="button"]:focus,
-input[type="reset"]:active,
-input[type="reset"]:focus,
-input[type="submit"]:active,
-input[type="submit"]:focus {
- border-color:#aaa #bbb #bbb
-}
-input[type="text"],
-input[type="email"],
-input[type="url"],
-input[type="password"],
-input[type="search"],
-input[type="number"],
-input[type="tel"],
-input[type="range"],
-input[type="date"],
-input[type="month"],
-input[type="week"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"],
-textarea {
- color:#666;
- border:1px solid #ccc;
- border-radius:3px;
- padding:3px
-}
-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="number"]:focus,
-input[type="tel"]:focus,
-input[type="range"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="week"]:focus,
-input[type="time"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="color"]:focus,
-textarea:focus {
- color:#111
-}
-select {
- border:1px solid #ccc
-}
-textarea {
- width:100%
-}
-a {
- color:#1C2F82
-}
-a:visited {
- color:#1C2F82
-}
-a:hover,
-a:focus,
-a:active {
- color:#1C2F82
-}
-a:focus {
- outline:none
-}
-a:hover,
-a:active {
- outline:0
-}
-a:-webkit-any-link {
- text-decoration:none
-}
-:focus {
- outline:-webkit-focus-ring-color auto 0
-}
-.container-site {
- padding-right:15px;
- padding-left:15px;
- margin-right:auto;
- margin-left:auto
-}
-@media (min-width:768px) {
- .container-site {
-  width:750px
- }
-}
-@media (min-width:992px) {
- .container-site {
-  width:970px
- }
-}
-@media (min-width:1200px) {
- .container-site {
-  width:1170px
- }
-}
-.main-navigation {
- clear:both;
- display:block;
- float:left;
- width:100%
-}
-.main-navigation ul {
- display:none;
- list-style:none;
- margin:0;
- padding-left:0
-}
-.main-navigation ul ul {
- box-shadow:0 3px 3px rgba(0,0,0,.2);
- float:left;
- position:absolute;
- top:100%;
- left:-999em;
- z-index:99999
-}
-.main-navigation ul ul ul {
- left:-999em;
- top:0
-}
-.main-navigation ul ul li:hover>ul,
-.main-navigation ul ul li.focus>ul {
- left:100%
-}
-.main-navigation ul ul a {
- width:200px
-}
-.main-navigation ul li:hover>ul,
-.main-navigation ul li.focus>ul {
- left:auto
-}
-.main-navigation li {
- float:left;
- position:relative
-}
-.main-navigation a {
- display:block;
- text-decoration:none
-}
-.menu-toggle,
-.main-navigation.toggled ul {
- display:block
-}
-@media screen and (min-width:37.5em) {
- .menu-toggle {
-  display:none
- }
- .main-navigation ul {
-  display:block
- }
-}
-.site-main .comment-navigation,
-.site-main .posts-navigation,
-.site-main .post-navigation {
- margin:0 0 1.5em;
- overflow:hidden
-}
-.comment-navigation .nav-previous,
-.posts-navigation .nav-previous,
-.post-navigation .nav-previous {
- float:left;
- width:50%
-}
-.comment-navigation .nav-next,
-.posts-navigation .nav-next,
-.post-navigation .nav-next {
- float:right;
- text-align:right;
- width:50%
-}
-label .menu {
- display:flex;
- flex-direction:column;
- position:absolute;
- left:-100px;
- top:-85px;
- z-index:100;
- width:200px;
- height:200px;
- background:#FFF;
- border-radius:50% 50% 50% 50%;
- transition:.5s ease-in-out;
- box-shadow:0 0 0 0 #FFF,0 0 0 0 #FFF;
- cursor:pointer;
- text-align:center
-}
-label .hamburger {
- position:absolute;
- top:135px;
- right:50px;
- width:30px;
- height:2px;
- background:#1C2F82;
- display:block;
- -webkit-transform-origin:center;
- transform-origin:center;
- transition:.5s ease-in-out
-}
-label .hamburger:after,
-label .hamburger:before {
- transition:.5s ease-in-out;
- content:"";
- position:absolute;
- display:block;
- width:100%;
- height:100%;
- background:#1C2F82
-}
-label .hamburger:before {
- top:-10px
-}
-label .hamburger:after {
- bottom:-10px
-}
-label input {
- display:none
-}
-label input:checked + .menu {
- box-shadow:0 0 0 100vw #FFF,0 0 0 100vh #FFF;
- border-radius:0
-}
-label input:checked + .menu .hamburger {
- -webkit-transform:rotate(45deg);
- transform:rotate(45deg)
-}
-label input:checked + .menu .hamburger:after {
- -webkit-transform:rotate(90deg);
- transform:rotate(90deg);
- bottom:0
-}
-label input:checked + .menu .hamburger:before {
- -webkit-transform:rotate(90deg);
- transform:rotate(90deg);
- top:0
-}
-label input:checked + .menu + .menu-home_menu-container {
- opacity:1;
- display:block
-}
-label .menu-home_menu-container {
- z-index:200;
- position:absolute;
- top:25%;
- left:50%;
- -webkit-transform:translate(-50%,-50%);
- transform:translate(-50%,-50%);
- opacity:0;
- display:none;
- transition:.25s 0s ease-in-out
-}
-label a {
- margin-bottom:1em;
- display:block;
- color:#1C2F82;
- text-decoration:none;
- font-family:"Lekton",monospace;
- font-weight:700;
- margin:0 0 25px;
- text-transform:uppercase;
- font-size:20px
-}
-.label-menu {
- display:block
-}
-@media (min-width:992px) {
- .label-menu {
-  display:none
- }
-}
-.screen-reader-text {
- border:0;
- clip:rect(1px,1px,1px,1px);
- clip-path:inset(50%);
- height:1px;
- margin:-1px;
- overflow:hidden;
- padding:0;
- position:absolute!important;
- width:1px;
- word-wrap:normal!important
-}
-.screen-reader-text:focus {
- background-color:#f1f1f1;
- border-radius:3px;
- box-shadow:0 0 2px 2px rgba(0,0,0,.6);
- clip:auto!important;
- clip-path:none;
- color:#21759b;
- display:block;
- font-size:14px;
- font-size:.875rem;
- font-weight:700;
- height:auto;
- left:5px;
- line-height:normal;
- padding:15px 23px 14px;
- text-decoration:none;
- top:5px;
- width:auto;
- z-index:100000
-}
-#content[tabindex="-1"]:focus {
- outline:0
-}
-.alignleft {
- display:inline;
- float:left;
- margin-right:1.5em
-}
-.alignright {
- display:inline;
- float:right;
- margin-left:1.5em
-}
-.aligncenter {
- clear:both;
- display:block;
- margin-left:auto;
- margin-right:auto
-}
-.clear:before,
-.clear:after,
-.entry-content:before,
-.entry-content:after,
-.comment-content:before,
-.comment-content:after,
-.site-header:before,
-.site-header:after,
-.site-content:before,
-.site-content:after,
-.site-footer:before,
-.site-footer:after {
- content:"";
- display:table;
- table-layout:fixed
-}
-.clear:after,
-.entry-content:after,
-.comment-content:after,
-.site-header:after,
-.site-content:after,
-.site-footer:after {
- clear:both
-}
-.widget {
- margin:0 0 1.5em
-}
-.widget select {
- max-width:100%
-}
-.sticky {
- display:block
-}
-.hentry {
- margin:0 0 1.5em
-}
-.updated:not(.published) {
- display:none
-}
-.page-content,
-.entry-content,
-.entry-summary {
- margin:1.5em 0 0
-}
-.page-links {
- clear:both;
- margin:0 0 1.5em
-}
-.comment-content a {
- word-wrap:break-word
-}
-.bypostauthor {
- display:block
-}
-.infinite-scroll .posts-navigation,
-.infinite-scroll.neverending .site-footer {
- display:none
-}
-.infinity-end.neverending .site-footer {
- display:block
-}
-.page-content .wp-smiley,
-.entry-content .wp-smiley,
-.comment-content .wp-smiley {
- border:none;
- margin-bottom:0;
- margin-top:0;
- padding:0
-}
-embed,
-iframe,
-object {
- max-width:100%
-}
-.custom-logo-link {
- display:inline-block
-}
-.wp-caption {
- margin-bottom:1.5em;
- max-width:100%
-}
-.wp-caption img[class*="wp-image-"] {
- display:block;
- margin-left:auto;
- margin-right:auto
-}
-.wp-caption .wp-caption-text {
- margin:.8075em 0
-}
-.wp-caption-text {
- text-align:center
-}
-.gallery {
- margin-bottom:1.5em
-}
-.gallery-item {
- display:inline-block;
- text-align:center;
- vertical-align:top;
- width:100%
-}
-.gallery-columns-2 .gallery-item {
- max-width:50%
-}
-.gallery-columns-3 .gallery-item {
- max-width:33.33%
-}
-.gallery-columns-4 .gallery-item {
- max-width:25%
-}
-.gallery-columns-5 .gallery-item {
- max-width:20%
-}
-.gallery-columns-6 .gallery-item {
- max-width:16.66%
-}
-.gallery-columns-7 .gallery-item {
- max-width:14.28%
-}
-.gallery-columns-8 .gallery-item {
- max-width:12.5%
-}
-.gallery-columns-9 .gallery-item {
- max-width:11.11%
-}
-.gallery-caption {
- display:block
-}
-.home {
- height:100%;
- background-color:#fff;
- padding-right:15px;
- padding-left:15px
-}
-.home-content {
- display:flex;
- display:-webkit-flex;
- align-items:center;
- -webkit-align-items:center;
- justify-content:center;
- -webkit-justify-content:center;
- text-align:center;
- color:#1C2F82;
- padding-top:50px;
- flex-direction:column;
- z-index:2
-}
-.home-content h1 {
- font-family:"Lekton",monospace;
- font-weight:700;
- margin:0 0 15px;
- text-transform:uppercase;
- max-width:600px;
- margin:0 auto;
- margin-top:30px;
- margin-bottom:50px;
- z-index:3
-}
-.home-content hr {
- width:100px;
- border-top:1px solid #1C2F82;
- margin:0 auto
-}
-.home-content p {
- max-width:400px;
- margin:15px auto 25px
-}
-@media screen and (max-width:450px) {
- .home-content h1 {
-  font-size:1.5em
- }
- .home-button {
-  width:100px
- }
-}
-.logo-home-filament {
- z-index:3
-}
-.logo-home-filament img {
- max-width:180px;
- margin:30px;
- z-index:3
-}
-.menu-home {
- margin:0 auto;
- margin-top:-120px
-}
-#masthead {
- position:inherit;
- width:100%;
- height:80px;
- background-color:rgb(255,255,255)
-}
-#top-container {
- display:none;
- margin-top:40px;
- position:absolute;
- left:60px;
- right:0
-}
-@media (min-width:992px) {
- #top-container {
-  display:block
- }
-}
-.menu-top {
- margin:0 auto;
- height:290px;
- display:flex;
- justify-content:center
-}
-.menu-top2 {
- margin:0 auto;
- display:flex;
- justify-content:center
-}
-.menu-home svg,
-.menu-top svg {
- width:25px
-}
-.menu-content {
- display:inline-block;
- display:flex;
- margin:0 auto
-}
-.menu-top-content {
- display:inline-block;
- display:flex;
- justify-content:center;
- margin:0 auto
-}
-#menu-top-content-2 {
- display:none;
- margin-right:75px
-}
-.title-menu {
- margin-top:123px
-}
-.title-menu a,
-.title-menu2 a {
- display:inline-block;
- font-size:14px;
- text-decoration:none;
- color:#1C2F82;
- margin:12px 12px;
- position:relative;
- z-index:2
-}
-.title-menu2 a {
- margin:0
-}
-.menu-item a {
- position:relative
-}
-.title-menu a:after,
-.title-menu2 a:after,
-.menu-item a:after {
- content:"";
- width:100px;
- height:100px;
- background-color:#ffd14c;
- border-radius:100%;
- position:absolute;
- top:0;
- left:50%;
- margin-left:-50px;
- opacity:0;
- -webkit-transition:all .25s;
- -moz-transition:all .25s;
- -ms-transition:all .25s;
- -o-transition:all .25s;
- transition:all .25s;
- z-index:-3
-}
-.menu-page a:after {
- content:"";
- width:40px;
- height:40px;
- top:-5px;
- margin-left:-15px
-}
-.title-menu:hover a:after,
-.title-menu2:hover a:after,
-.menu-item:hover a:after {
- z-index:-3;
- top:-20px;
- margin-left:-25px;
- width:55px;
- height:55px;
- background-color:#ffd14c;
- opacity:1;
- -webkit-animation:spin_circle 2s infinite;
- -moz-animation:spin_circle 2s infinite;
- -ms-animation:spin_circle 2s infinite;
- -o-animation:spin_circle 2s infinite;
- animation:spin_circle 2s infinite
-}
-.menu-page:hover a:after {
- width:25px;
- height:25px;
- margin-left:-10px;
- top:-5px
-}
-.title-menu2:hover a:after {
- width:25px;
- height:25px;
- margin-left:-10px;
- top:-5px;
- z-index:-1
-}
-.span-title {
- display:none;
- margin-top:10px;
- position:absolute
-}
-.menu-page:hover .span-title {
- display:block;
- background-color:#fff
-}
-.lien-home {
- width:25px;
- margin:0 10px
-}
-.menu-top,
-.menu-home,
-.menu-top2 {
- display:none
-}
-.contact-yellow-top-home,
-.label-menu-home {
- display:block
-}
-@media (min-width:992px) {
- .menu-top,
- .menu-home,
- .menu-top2 {
-  display:flex
- }
- .contact-yellow-top-home,
- .label-menu-home {
-  display:none
- }
-}
-@-webkit-keyframes spin_circle {
- 0% {
-  -webkit-transform:scale(1,1)
- }
- 50% {
-  -webkit-transform:scale(1.2,1.2) rotate(20deg)
- }
- 100% {
-  -webkit-transform:scale(1,1)
- }
-}
-@-moz-keyframes spin_circle {
- 0% {
-  -moz-transform:scale(1,1)
- }
- 50% {
-  -moz-transform:scale(1.2,1.2) rotate(20deg)
- }
- 100% {
-  -moz-transform:scale(1,1)
- }
-}
-@-ms-keyframes spin_circle {
- 0% {
-  -ms-transform:scale(1,1)
- }
- 50% {
-  -ms-transform:scale(1.2,1.2) rotate(20deg)
- }
- 100% {
-  -ms-transform:scale(1,1)
- }
-}
-@-o-keyframes spin_circle {
- 0% {
-  -o-transform:scale(1,1)
- }
- 50% {
-  -o-transform:scale(1.2,1.2) rotate(20deg)
- }
- 100% {
-  -o-transform:scale(1,1)
- }
-}
-@keyframes spin_circle {
- 0% {
-  transform:scale(1,1)
- }
- 50% {
-  transform:scale(1.2,1.2) rotate(20deg)
- }
- 100% {
-  transform:scale(1,1)
- }
-}
-.svg-courbe-droite {
- width:260px!important;
- margin-bottom:15px
-}
-.svg-courbe-droite-page {
- width:90px!important;
- margin-bottom:18px;
- margin-right:75px
-}
-.svg-courbe-gauche {
- width:100px!important;
- margin-bottom:140px
-}
-.site-branding .custom-logo-link {
- width:155px;
- margin-top:30px
-}
-.site-branding {
- display:flex;
- justify-content:center;
- background-color:#fff
-}
-@media (min-width:768px) {
- .site-branding {
-  justify-content:space-between
- }
-}
-#menu {
- display:flex;
- z-index:1
-}
-.contact-yellow-top {
- margin-top:30px;
- margin-left:20px;
- display:none
-}
-@media (min-width:768px) {
- ul.menu-section {
-  width:max-content
- }
- .contact-yellow-top {
-  display:block
- }
-}
-.contact-yellow {
- width:calc(100% - 14px);
- height:30px;
- cursor:pointer;
- background-color:#FFD14C;
- z-index:-1;
- padding-right:5px;
- padding-left:3px;
- padding-bottom:5px;
- padding-top:5px;
- margin-right:3px
-}
-#contact {
- width:80px;
- height:30px;
- text-decoration:none;
- font-size:13px;
- color:#1C2F82;
- z-index:1;
- border:1px solid #1C2F82;
- padding-bottom:7px;
- padding-right:17px;
- padding-left:15px;
- padding-top:8px;
- background-color:transparent;
- font-family:"Lekton",monospace;
- white-space:nowrap
-}
-#contact-section h2 {
- max-width:550px;
- margin:0 auto;
- margin-top:70px
-}
-.intro h2 {
- margin-top:70px
-}
-@media (min-width:992px) {
- .site-branding {
-  padding-bottom:70px
- }
- #contact-section h2 {
-  margin-top:130px
- }
- .intro h2 {
-  margin-top:130px
- }
-}
-.intro {
- margin:0 auto;
- text-align:center
-}
-.intro h1 {
- font-size:24px
-}
-.intro hr {
- width:90px;
- border-top:1px solid rgb(0,180,149);
- margin:0 auto 8px
-}
-.menu-section li {
- font-family:"Lekton",monospace;
- font-weight:700;
- margin:0 20px;
- text-transform:uppercase
-}
-.menu-section li a {
- font-size:20px;
- padding:10px
-}
-.menu-section .title-hover {
- background-color:#FFD14C;
- border-radius:10px;
- margin:-20px auto;
- left:0;
- height:15px;
- z-index:-1
-}
-ul.menu-section {
- padding:0;
- margin:0 auto;
- margin-top:35px
-}
-.title-hover {
- background-color:#FFD14C;
- border-radius:10px;
- margin:-19px auto;
- left:0;
- height:13px;
- z-index:-1
-}
-.contact-content {
- max-width:750px;
- margin:0 auto;
- display:flex;
- justify-content:space-around;
- margin-top:40px;
- flex-wrap:wrap
-}
-.courbe-contact {
- position:absolute;
- bottom:0;
- left:0;
- width:400px;
- display:none
-}
-.courbe-contact svg {
- padding-top:20px;
- padding-right:40px
-}
-@media (min-width:992px) {
- .courbe-contact {
-  display:block
- }
-}
-.map-oikos {
- position:relative;
- bottom:-10px;
- right:0
-}
-.map-oikos svg {
- height:400px
-}
-@media (min-width:992px) {
- .map-oikos {
-  position:absolute;
-  bottom:-10px;
-  right:0
- }
-}
-.contact-content h3 {
- font-family:"Lekton",monospace;
- font-weight:700;
- text-transform:uppercase
-}
-.contact-info h4 {
- font-family:Lekton,monospace;
- font-weight:700;
- font-size:18px;
- color:rgb(0,180,149);
- margin-bottom:0
-}
-.contact-info p {
- margin-top:25px
-}
-.contact-info a {
- font-family:"Lekton",monospace;
- font-weight:700
-}
-.manifest-div h2 {
- margin-top: 0;
- font-size: 25px;
- font-weight: 700;
-}
-.swiper-slide-partenaires {
- display:flex;
- justify-content:center;
- flex-wrap:wrap
-}
-.partenaires {
- width:200px;
- margin:20px
-}
-.partenaires h3,
-.equipe-personne h3 {
- text-transform:uppercase;
- font-family:"Lekton",monospace;
- font-weight:700
-}
-.equipe-personne h3 {
- margin-bottom:25px
-}
-.equipe-personne .title-hover {
- height:15px;
- margin:-20px auto
-}
-.equipe-personne p {
- color:rgb(0,180,149);
- font-weight:300
-}
-.equipe-personne .activite {
- color:#1C2F82
-}
-.equipe-personne a {
- font-family:"Lekton",monospace;
- font-weight:700
-}
-.logo-partenaires {
- display:flex;
- flex-direction:column;
- padding:10px
-}
-.logo-partenaire {
- max-width:100px;
- margin:20px 25px
-}
-.logo-partenaire-palanca {
- max-width:130px;
- margin:10px 25px
-}
-.bloc-personne {
- width: 700px;
-}
-.posture-content,
-.bloc-personne {
- display:flex;
- flex-wrap:wrap;
- justify-content: space-around;
-}
-.posture-content {
- padding-top:0;
- flex-wrap:wrap-reverse;
- padding-bottom:100px
-}
-@media (min-width:1200px) {
- .posture-content {
-  padding-top:60px
- }
-}
-.equipe-photo {
- width:300px;
- margin:auto
-}
-.equipe-photo img {
- padding:20px
-}
-.equipe {
- margin:auto;
- width:700px
-}
-.bloc-demarche {
- min-height:300px;
- display:flex;
- flex-wrap:wrap;
- justify-content:space-between
-}
-.image-droite {
- flex-wrap:wrap-reverse
-}
-.demarche-img {
- margin:0;
- padding:0;
- width:300px;
- margin:auto
-}
-.demarche-img img {
- height:200px
-}
-.demarche-text {
- margin:auto;
- padding:20px 0;
- width:800px
-}
-@media (min-width:768px) {
- .demarche-text {
-  padding:30px 50px
- }
- .demarche-img {
-  margin:0 50px;
-  padding:0 60px;
-  margin:auto
- }
-}
-.demarche-text h3 {
- font-family:"Lekton",monospace;
- text-transform:uppercase;
- font-weight:700
-}
-.logo-outils {
- display:flex;
- flex-wrap:wrap;
- justify-content:center
-}
-@media (min-width:768px) {
- .logo-outils {
-  justify-content:space-between
- }
-}
-.outil-bloc-logo {
- width:120px
-}
-.outil-bloc-logo h4 {
- font-size:13px;
- margin-bottom:0;
- font-family:'Lekton',monospace;
- font-weight:700;
- color:rgb(0,180,149)
-}
-.outil-image {
- margin:auto;
- width:100px;
- height:90px;
- display:flex
-}
-.outil-image img {
- margin:auto
-}
-.manifest-div {
- text-align:justify;
- padding:20px 0;
- font-weight:100;
- font-size:16px;
- max-width:800px;
- margin:0 auto;
- line-height:1.9
-}
-.manifest-div ul {
- list-style:none;
- padding-left:10px
-}
-.manifest-div li::before {
- content:"•";
- color:#00B495;
- padding-right:15px
-}
-.manifest-div li {
- margin-bottom:5px
-}
-.manifest-div h3 {
- font-weight:700
-}
-.signature-manifest {
- max-width:800px;
- margin:0 auto;
- text-align:right
-}
-.para-italic {
- font-style:italic
-}
-.nav-page img,
-.nav-page-droite img,
-.nav-page-gauche img {
- width:30px;
- display:none
-}
-.nav-page a {
- font-family:'Lekton',monospace
-}
-.nav-page-droite {
- position:absolute;
- right:20px;
- bottom:30px
-}
-.nav-page-gauche {
- position:absolute;
- bottom:30px;
- left:20px
-}
-@media (min-width:768px) {
- .nav-page-droite img,
- .nav-page-gauche img {
-  display:block
- }
-}
-.nav-page {
- position:absolute;
- top:50%;
- left:-35px;
- width:106%
-}
-.swiper-pagination-bullet {
- width:15px;
- height:15px;
- display:inline-block;
- border-radius:100%;
- opacity:1;
- background:transparent
-}
-.swiper-pagination-yellow {
- width:15px;
- height:15px;
- border-radius:100%;
- border:1px solid #20307d;
- opacity:1;
- background:transparent;
- margin-top:2px;
- margin-left:2px
-}
-.swiper-pagination-bullet-active {
- background:#FFD14C
-}
-#myBtnTop {
- display:none;
- position:fixed;
- bottom:20px;
- right:30px;
- z-index:99;
- font-size:18px;
- color:white;
- cursor:pointer;
- padding:0 5px;
- background-color:#FFD14C;
- border-radius:0;
- height:25px;
- width:25px;
- border:none
-}
-#myBtnTop i {
- color:#1C2F82;
- font-size:20px;
- margin-top:3px;
- margin-left:2px
-}
-.button-top {
- content:'';
- border:1px solid #1C2F82;
- height:25px;
- width:25px;
- margin-top:-21px;
- margin-left:-3px
-}
-footer {
- text-align:center;
- font-size:12px
-}
-footer img {
- height:20px;
- margin:10px
-}
-.content-mentions {
- margin-top:50px;
- text-align:justify
-}
-.credits li {
- display:list-item
-}
-@media (min-width:992px) {
- .content-mentions {
-  margin-top:140px
- }
-}
-.impact-global {
- display:flex;
- flex-direction:column;
- justify-content:center
-}
-.impact-middle {
- margin:20px auto;
- max-width:500px
-}
-.impact {
- max-width:500px;
- margin:20px auto
-}
-@media (min-width:768px) {
- .impact-global {
-  flex-direction:row
- }
- .impact-middle {
-  margin:20px
- }
-}
-.content-chatons img {
- width:200px;
- text-align: center;
-}
-.text-center {
- text-align: center;
-}
-.serv-livres a {
- font-weight: bold;
- color: rgb(0,180,149);
-}
-.serv-livres {
- text-align: center;
-}
-
diff --git a/layouts/cgu/section.html b/layouts/cgu/section.html
index fd9b140..4bfb8ba 100644
--- a/layouts/cgu/section.html
+++ b/layouts/cgu/section.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Conditions Générales d'Utilisation" }}
   {{ partial "head.html" . }}
   <body>
     {{ partial "header.html" . }}
 
     <div id="content" class="site-content container-site">
-      <button id="myBtnTop" title="Go to top"><i class="fa fa-angle-up"></i><div class="button-top"></div></button>    
+      <button id="myBtnTop" title="Go to top"><i class="fa fa-angle-up"></i><div class="button-top"></div></button>
       <div class="intro" id="demarche-section">
         <h1>Conditions Générales d’Utilisation</h1>
 
@@ -15,7 +15,7 @@
           <h3>Préambule</h3>
           <p>En utilisant ce service, vous acceptez d’être lié par les conditions suivantes.<br/>
           <strong>Le Filament</strong> se réserve le droit de mettre à jour et modifier ces conditions de temps à autre.</p>
-          
+
           <h2>Version courte (TL;DR comme on dit chez nous)</h2>
           <p>Pour en faciliter la lecture, sans le blabla juridique, nous vous en proposons ci-dessous une version compréhensible par un être humain normal.</p>
           <p>On est sympathiques :</p>
@@ -51,32 +51,32 @@
           <ol>
             <li>Vous comprenez que la mise en ligne du service ainsi que de votre contenu implique une transmission (en clair ou chiffrée, suivant les services) sur divers réseaux.</li>
             <li>Vous ne devez pas transmettre des vers, des virus ou tout autre code de nature malveillante.</li>
-            <li><strong>Le Filament</strong> ne garantit pas que 
+            <li><strong>Le Filament</strong> ne garantit pas que
               <ul>
                 <li>le service répondra à vos besoins spécifiques,</li>
-                <li>le service sera ininterrompu ou exempte de bugs,</li> 
+                <li>le service sera ininterrompu ou exempte de bugs,</li>
                 <li>que les erreurs dans le service seront corrigées.</li>
               </ul>
-            </li> 
-            <li>Vous comprenez et acceptez que <strong>Le Filament</strong> ne puisse être tenue responsable de tous dommages directs, indirects, ou fortuits, comprenant les dommages pour perte de profits, de clientèle, d’accès, de données ou d’autres pertes intangibles (même si Le Filament est informé de la possibilité de tels dommages) et qui résulteraient de : 
+            </li>
+            <li>Vous comprenez et acceptez que <strong>Le Filament</strong> ne puisse être tenue responsable de tous dommages directs, indirects, ou fortuits, comprenant les dommages pour perte de profits, de clientèle, d’accès, de données ou d’autres pertes intangibles (même si Le Filament est informé de la possibilité de tels dommages) et qui résulteraient de :
               <ul>
                 <li>l’utilisation ou de l’impossibilité d’utiliser le service ;</li>
-                <li>l’accès non autorisé ou altéré de la transmission des données ;</li> 
-                <li>les déclarations ou les agissements d’un tiers sur le service ;</li> 
-                <li>la résiliation de votre compte ;</li> 
+                <li>l’accès non autorisé ou altéré de la transmission des données ;</li>
+                <li>les déclarations ou les agissements d’un tiers sur le service ;</li>
+                <li>la résiliation de votre compte ;</li>
                 <li>toute autre question relative au service.</li>
               </ul>
-            </li> 
+            </li>
             <li>L’échec de <strong>Le Filament</strong> à exercer ou à appliquer tout droit ou disposition des Conditions Générales d’Utilisation ne constitue pas une renonciation à ce droit ou à cette disposition. Les Conditions d’utilisation constituent l’intégralité de l’accord entre vous et <strong>Le Filament</strong> et régissent votre utilisation du service, remplaçant tous les accords antérieurs entre vous et <strong>Le Filament</strong> (y compris les versions précédentes des Conditions Générales d’Utilisation).
             <li>Les questions sur les conditions de service doivent être envoyées à l’adresse contact@le-filament.com.</li>
           </ol>
-          
+
           <h3>Modifications du service</h3>
           <ol>
             <li><strong>Le Filament</strong> se réserve le droit, à tout moment de modifier ou d’interrompre, temporairement ou définitivement, le service avec ou sans préavis.</li>
             <li><strong>Le Filament</strong> ne sera pas responsable envers vous ou tout tiers pour toute modification, suspension ou interruption du service.</li>
           </ol>
-      
+
           <h3>Droit d’auteur sur le contenu</h3>
           <ol>
             <li>Vous ne pouvez pas envoyer, télécharger, publier sur un blog, distribuer, diffuser tout contenu illégal, diffamatoire, harcelant, abusif, frauduleux, contrefait, obscène ou autrement répréhensible.</li>
@@ -112,7 +112,7 @@
             <li>Nous utilisons ces informations en interne pour vous améliorer l’interface utilisateur des services <strong>Le Filament</strong> et maintenir une expérience utilisateur cohérente et fiable.</li>
             <li>Ces données ne sont ni vendues, ni transmises à des tiers.</li>
           </ul>
-          
+
           <p class="signature-manifest">
             <i>Conditions Générales d’Utilisation des services en ligne de l’association <strong>Le Filament</strong>,<br />version 1.0.0 du 30 juillet 2019.</i>
           </p>
diff --git a/layouts/contact/section.html b/layouts/contact/section.html
index 1bbcb54..b67e097 100644
--- a/layouts/contact/section.html
+++ b/layouts/contact/section.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Contact" }}
   {{ partial "head.html" . }}
   <body>
     {{ partial "header.html" . }}
@@ -8,11 +8,11 @@
     <div id="content" class="site-content container-site">
       <div class="intro" id="contact-section" >
         <h1>Contact</h1>
-            
+
         <h2>Nous ne sommes pas une simple société d'intégration de solutions informatiques. Nous proposons une démarche globale basée sur la coopération et la co-construction des solutions pour définir, façonner et faire évoluer la réponse à vos besoins. </h2>
         <div class="contact-content">
           <div class="contact-slide">
-            <h3>Écrivez-nous<div class="title-hover"></div></h3>        
+            <h3>Écrivez-nous<div class="title-hover"></div></h3>
             <div class="contact-info">
               <h4>Scop Le Filament</h4>
               <a href="mailto:contact@le-filament.com">contact@le-filament.com</a>
diff --git a/layouts/mentions-legales/section.html b/layouts/mentions-legales/section.html
index 0534925..b9dac6a 100644
--- a/layouts/mentions-legales/section.html
+++ b/layouts/mentions-legales/section.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Mentions Légales" }}
   {{ partial "head.html" . }}
   <body>
     {{ partial "header.html" . }}
@@ -66,14 +66,15 @@
             Ce site utilise les éléments libres suivants :
           </p>
           <ul class="credits">
-            <li>les librairies <strong><a href="https://jquery.com/">jQuery</a></strong>, <strong><a href="https://modernizr.com/">Modernizr</a></strong> et <strong><a href="http://snapsvg.io/">Snap SVG</a></strong>, </li>
-            <li>les styles <strong><a href="http://h5bp.com/">HTML5 Boilerplate</a></strong> et <strong><a href="http://git.io/normalize">Normalize</a></strong>, </li>
+            <li>les librairies <strong><a href="https://jquery.com/">jQuery</a></strong>, <strong><a href="https://getbootstrap.com/">Bootstrap</a></strong> et <strong><a href="http://snapsvg.io/">Snap SVG</a></strong>, </li>
+            <li>les styles <strong><a href="http://h5bp.com/">HTML5 Boilerplate</a></strong>
             <li>les polices d’écriture <strong><a href="http://dejavu-fonts.org/wiki/Main_Page">Deja Vu Sans</a></strong> et les icônes <strong><a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a></strong>, </li>
             <li>l’outil de mesure statistique <strong><a href="http://www.webalizer.org/">Webalizer</a></strong></li>
+	    <li>le générateur de site statique <strong><a href="https://gohugo.io/">Hugo</a></strong></li>
           </ul>
 
           <p>
-            Le code source du site peut être consulté <strong><a href="https://sources.le-filament.com/lefilament/website_lf">sur notre dépôt GitLab</a></strong>.<br />
+            Le code source du site peut être consulté <strong><a href="https://sources.le-filament.com/lefilament/website-src">sur notre dépôt GitLab</a></strong>.<br />
             Les mentions légales ont étés générées depuis le Site web <strong><a href="https://www.generer-mentions-legales.com">Générer ses mentions légales</a></strong> puis modifiées pour les adapter à ce site.<br />
           </p>
           <p>
diff --git a/layouts/notre-conviction/section.html b/layouts/notre-conviction/section.html
index 356cb87..1bfaf7a 100644
--- a/layouts/notre-conviction/section.html
+++ b/layouts/notre-conviction/section.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Notre conviction" }}
   {{ partial "head.html" . }}
 
   <body>
@@ -10,7 +10,7 @@
       <button id="myBtnTop" title="Go to top"><i class="fa fa-angle-up"></i><div class="button-top"></div></button>
       <div class="intro" id="conviction-section">
         <h1>Notre conviction</h1>
-  
+
         <h2>Des outils et des Hommes,<br /><span class="para-italic"> petit traité à l’usage des professionnels du bon sens</span></h2>
         <ul id="menu-section" class="menu-section">
           <li><a href="#vision">vision</a><div class="title-hover"></div></li>
@@ -93,7 +93,7 @@
         <div class="signature-manifest">
           <p>Benjamin, Juliana & Rémi,</p>
           <p class="para-italic">"chantres de la coolaboration"</p>
-        </div> 
+        </div>
       </div>
     </div>
 
diff --git a/layouts/notre-demarche/section.html b/layouts/notre-demarche/section.html
index e4ba002..9bb5dac 100644
--- a/layouts/notre-demarche/section.html
+++ b/layouts/notre-demarche/section.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Notre démarche" }}
   {{ partial "head.html" . }}
   <body>
     {{ partial "header.html" . }}
 
     <div id="content" class="site-content container-site">
-      <button id="myBtnTop" title="Go to top"><i class="fa fa-angle-up"></i><div class="button-top"></div></button>    
+      <button id="myBtnTop" title="Go to top"><i class="fa fa-angle-up"></i><div class="button-top"></div></button>
       <div class="intro" id="demarche-section">
         <h1>Notre démarche</h1>
-                                  
+
         <h2>Nous ne sommes pas une simple société d'intégration de solutions informatiques. Nous proposons une démarche globale basée sur la coopération et la co-construction des solutions pour définir, façonner et faire évoluer la réponse à vos besoin. </h2>
 
         <div class="content-demarche">
diff --git a/layouts/notre-ecosysteme/section.html b/layouts/notre-ecosysteme/section.html
index fde44ec..9381994 100644
--- a/layouts/notre-ecosysteme/section.html
+++ b/layouts/notre-ecosysteme/section.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Notre écosystème" }}
   {{ partial "head.html" . }}
   <body>
     {{ partial "header.html" . }}
@@ -13,7 +13,7 @@
         <div class="swiper-slide-partenaires">
           <div class="partenaires">
             <h3><a>Les SCOP<div class="title-hover"></div></a></h3>
-            
+
             <div class="logo-partenaires">
               <a href="http://palanca.fr" target="_blank" title="Palanca"><img src="/images/partenaires/logo-palanca.jpg" alt="Palanca" class="logo-partenaire"></a>
               <a href="http://scopea.fr" target="_blank" title="Scopea"><img src="/images/partenaires/logo-scopea.png" alt="Scopea"  class="logo-partenaire"></a>
diff --git a/layouts/notre-impact/section.html b/layouts/notre-impact/section.html
index 4e8a467..5629944 100644
--- a/layouts/notre-impact/section.html
+++ b/layouts/notre-impact/section.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Notre impact" }}
   {{ partial "head.html" . }}
   <body>
     {{ partial "header.html" . }}
@@ -8,7 +8,7 @@
     <div id="content" class="site-content container-site">
       <div class="intro" id="ecosysteme-section">
         <h1>Notre impact</h1>
-        
+
         <h2>Soucieux de l'impact du Filament sur son écosystème, nous avons demandé à être accompagnés pour effectuer une première analyse de nos impacts
         </h2>
         <div class="impact-global">
diff --git a/layouts/notre-posture/section.html b/layouts/notre-posture/section.html
index 6e8dbb4..bc58844 100644
--- a/layouts/notre-posture/section.html
+++ b/layouts/notre-posture/section.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Notre posture" }}
   {{ partial "head.html" . }}
   <body>
     {{ partial "header.html" . }}
@@ -8,7 +8,7 @@
     <div id="content" class="site-content container-site">
       <div class="intro" id="posture-section">
         <h1>Notre posture</h1>
-        
+
         <div class="posture-content">
           <div class="equipe-photo">
             <img src="/images/demarche/accompagnement.svg" alt="Le Filament - Accompagnement" class="img-demarche-acc"/>
@@ -16,7 +16,7 @@
 
           <div class="equipe">
             <h2>Nous sommes une Société Coopérative. En ce sens, la coopération est un fondement de notre projet : coopération dans l'équipe, coopération avec nos clients, coopération avec notre écosystème et cela se ressent jusque dans notre démarche basée sur la coopération ou plutôt la coolaboration, une collaboration décomplexée et efficace.</h2>
-              
+
             <div class="bloc-personne">
               <div class="equipe-personne">
                 <h3>Benjamin<div class="title-hover"></div></h3>
diff --git a/layouts/services-libres/section.html b/layouts/services-libres/section.html
index e063933..2302664 100644
--- a/layouts/services-libres/section.html
+++ b/layouts/services-libres/section.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-  {{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
+  {{ .Scratch.Set "title" "Services Libres" }}
   {{ partial "head.html" . }}
   <body>
     {{ partial "header.html" . }}
-- 
GitLab