diff --git a/cgu/index.html b/cgu/index.html index 4bfbdc5ffe8c68aca01959ee8acc5cab2e765acd..918f57a68f4c7f7aba08bb3bbc97b0033a68c16b 100644 --- a/cgu/index.html +++ b/cgu/index.html @@ -45,9 +45,21 @@ <a href="../" class="custom-logo-link" rel="home" itemprop="url"> <img src="../img/logo-lefilament.png" class="custom-logo" alt="Le Filament" > </a> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> </div> @@ -173,7 +185,7 @@ </div> </div> <footer> - <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../cgu">CGU</a> - <a href="../services-libres">Services Libres</a> + <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../cgu">CGU</a> <br/> <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab"><img src="../img/logo-gitlab.svg" class="custom-logo" alt="Le Filament - GitLab" ></a> - <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub"><img src="../img/logo-github.svg" class="custom-logo" alt="Le Filament - GitHub" ></a> - <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub"><img src="../img/logo-docker.svg" class="custom-logo" alt="Le Filament - DockerHub" ></a> - <a href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon"><img src="../img/logo-mastodon.svg" class="custom-logo" alt="Le Filament - Mastodon" ></a> </p> diff --git a/contact/index.html b/contact/index.html index 7d77f0b791469bbe4b9a9cf44ea13d3a7f3ed1ce..d88c1d7ab2ad7001a68416ec8512f78bf7b898e0 100644 --- a/contact/index.html +++ b/contact/index.html @@ -178,9 +178,21 @@ </div> </div> </div> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> @@ -207,6 +219,16 @@ <li class="menu-item "> <a href="../notre-impact">Notre impact</a> </li> + <hr /> + <li class="menu-item "> + <a href="../services-libres">Services libres</a> + </li> + <li class="menu-item "> + <a href="https://blog.le-filament.com">Blog</a> + </li> + <li class="menu-item "> + <a href="../contact">Contact</a> + </li> </ul> </div> </label> diff --git a/css/main-5.0.min.css b/css/main-5.0.min.css index 72833431e91ed4ae0c54c2bc127f6b9f8765feb7..0e28d25e854135895bce9d8c9f3407cfda47a383 100644 --- a/css/main-5.0.min.css +++ b/css/main-5.0.min.css @@ -1,2 +1,2 @@ /*! 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{position:absolute;left:-100px;top:-100px;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:50%;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}@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}}.contact-yellow-top{margin-top:30px;display:none}@media (min-width:768px){.contact-yellow-top{display:block}}.contact-yellow{width:80px;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}#contact-section h2{max-width:550px;margin:0 auto;margin-top:70px}.intro h2{margin-top:70px}@media (min-width:992px){#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-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;} \ No newline at end of file +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/mentions-legales/index.html b/mentions-legales/index.html index 124094c059cfc3380dd95a119e45533a44d19748..0246784bcca2293dc05b5c94f06ba27f832c1a88 100644 --- a/mentions-legales/index.html +++ b/mentions-legales/index.html @@ -181,9 +181,21 @@ </div> </div> </div> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> </div> @@ -209,6 +221,16 @@ <li class="menu-item "> <a href="../notre-impact">Notre impact</a> </li> + <hr /> + <li class="menu-item "> + <a href="../services-libres">Services libres</a> + </li> + <li class="menu-item "> + <a href="https://blog.le-filament.com">Blog</a> + </li> + <li class="menu-item "> + <a href="../contact">Contact</a> + </li> </ul> </div> </label> @@ -274,7 +296,7 @@ </div> </div> <footer> - <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../services-libres">Services Libres</a> + <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> <br/> <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab"><img src="../img/logo-gitlab.svg" class="custom-logo" alt="Le Filament - GitLab" ></a> - <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub"><img src="../img/logo-github.svg" class="custom-logo" alt="Le Filament - GitHub" ></a> - <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub"><img src="../img/logo-docker.svg" class="custom-logo" alt="Le Filament - DockerHub" ></a> - <a href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon"><img src="../img/logo-mastodon.svg" class="custom-logo" alt="Le Filament - Mastodon" ></a> </p> diff --git a/notre-conviction/index.html b/notre-conviction/index.html index b875844e0733e60336b06806497c81adee19eedd..8d179b7080554aecd8ae260a7d4c26cb169d153a 100644 --- a/notre-conviction/index.html +++ b/notre-conviction/index.html @@ -183,9 +183,21 @@ </ul> </div> </div> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> @@ -212,6 +224,16 @@ <li class="menu-item "> <a href="../notre-impact">Notre impact</a> </li> + <hr /> + <li class="menu-item "> + <a href="../services-libres">Services libres</a> + </li> + <li class="menu-item "> + <a href="https://blog.le-filament.com">Blog</a> + </li> + <li class="menu-item "> + <a href="../contact">Contact</a> + </li> </ul> </div> </label> @@ -292,7 +314,7 @@ </div> </div> <footer> - <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../services-libres">Services Libres</a><br/> + <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a><br/> <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab"><img src="../img/logo-gitlab.svg" class="custom-logo" alt="Le Filament - GitLab" ></a> - <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub"><img src="../img/logo-github.svg" class="custom-logo" alt="Le Filament - GitHub" ></a> - <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub"><img src="../img/logo-docker.svg" class="custom-logo" alt="Le Filament - DockerHub" ></a> - <a href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon"><img src="../img/logo-mastodon.svg" class="custom-logo" alt="Le Filament - Mastodon" ></a> </p> </footer> diff --git a/notre-demarche/index.html b/notre-demarche/index.html index 6f91bb22608aa1065b97b435c45d80c1efedfa9b..f1030f9e62b1456a8bdfb059982d45b475d4ed2b 100644 --- a/notre-demarche/index.html +++ b/notre-demarche/index.html @@ -181,9 +181,21 @@ </div> </div> </div> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> </div> @@ -209,6 +221,16 @@ <li class="menu-item "> <a href="../notre-impact">Notre impact</a> </li> + <hr /> + <li class="menu-item "> + <a href="../services-libres">Services libres</a> + </li> + <li class="menu-item "> + <a href="https://blog.le-filament.com">Blog</a> + </li> + <li class="menu-item "> + <a href="../contact">Contact</a> + </li> </ul> </div> </label> @@ -325,7 +347,7 @@ </div> </div> <footer> - <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../services-libres">Services Libres</a> + <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> <br/> <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab"><img src="../img/logo-gitlab.svg" class="custom-logo" alt="Le Filament - GitLab" ></a> - <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub"><img src="../img/logo-github.svg" class="custom-logo" alt="Le Filament - GitHub" ></a> - <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub"><img src="../img/logo-docker.svg" class="custom-logo" alt="Le Filament - DockerHub" ></a> - <a href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon"><img src="../img/logo-mastodon.svg" class="custom-logo" alt="Le Filament - Mastodon" ></a> </p> diff --git a/notre-ecosysteme/index.html b/notre-ecosysteme/index.html index 98838c67a0bda9f32d457645c61bb6310e5d6e5e..bc8c5d7b0e813df93cff827167123e14c75a5e12 100644 --- a/notre-ecosysteme/index.html +++ b/notre-ecosysteme/index.html @@ -181,9 +181,21 @@ </div> </div> </div> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> @@ -210,6 +222,16 @@ <li class="menu-item "> <a href="../notre-impact">Notre impact</a> </li> + <hr /> + <li class="menu-item "> + <a href="../services-libres">Services libres</a> + </li> + <li class="menu-item "> + <a href="https://blog.le-filament.com">Blog</a> + </li> + <li class="menu-item "> + <a href="../contact">Contact</a> + </li> </ul> </div> </label> @@ -263,7 +285,7 @@ </div> </div> <footer> - <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../services-libres">Services Libres</a> + <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> <br/> <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab"><img src="../img/logo-gitlab.svg" class="custom-logo" alt="Le Filament - GitLab" ></a> - <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub"><img src="../img/logo-github.svg" class="custom-logo" alt="Le Filament - GitHub" ></a> - <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub"><img src="../img/logo-docker.svg" class="custom-logo" alt="Le Filament - DockerHub" ></a> - <a href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon"><img src="../img/logo-mastodon.svg" class="custom-logo" alt="Le Filament - Mastodon" ></a> </p> diff --git a/notre-impact/index.html b/notre-impact/index.html index 18c5faec10066113c3ef4dbf36950ec3446c9378..856819d84929c2fb2332d7a37bb5696ac246bdc8 100644 --- a/notre-impact/index.html +++ b/notre-impact/index.html @@ -179,9 +179,21 @@ </div> </div> </div> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> @@ -208,6 +220,16 @@ <li class="menu-item"> <a href="../notre-impact">Notre impact</a> </li> + <hr /> + <li class="menu-item "> + <a href="../services-libres">Services libres</a> + </li> + <li class="menu-item "> + <a href="https://blog.le-filament.com">Blog</a> + </li> + <li class="menu-item "> + <a href="../contact">Contact</a> + </li> </ul> </div> </label> @@ -245,7 +267,7 @@ </div> </div> <footer> - <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../services-libres">Services Libres</a> + <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> <br/> <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab"><img src="../img/logo-gitlab.svg" class="custom-logo" alt="Le Filament - GitLab" ></a> - <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub"><img src="../img/logo-github.svg" class="custom-logo" alt="Le Filament - GitHub" ></a> - <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub"><img src="../img/logo-docker.svg" class="custom-logo" alt="Le Filament - DockerHub" ></a> - <a href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon"><img src="../img/logo-mastodon.svg" class="custom-logo" alt="Le Filament - Mastodon" ></a> </p> diff --git a/notre-posture/index.html b/notre-posture/index.html index 89651dfe078742cac0d0beb26dcf63ca5d1a1d58..f1e41db44c807c210516c5b95777978ca739c961 100644 --- a/notre-posture/index.html +++ b/notre-posture/index.html @@ -178,9 +178,21 @@ </div> </div> </div> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> @@ -207,6 +219,16 @@ <li class="menu-item "> <a href="../notre-impact">Notre impact</a> </li> + <hr /> + <li class="menu-item "> + <a href="../services-libres">Services libres</a> + </li> + <li class="menu-item "> + <a href="https://blog.le-filament.com">Blog</a> + </li> + <li class="menu-item "> + <a href="../contact">Contact</a> + </li> </ul> </div> </label> @@ -267,7 +289,7 @@ </div> </div> <footer> - <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../services-libres">Services Libres</a> + <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> <br/> <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab"><img src="../img/logo-gitlab.svg" class="custom-logo" alt="Le Filament - GitLab" ></a> - <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub"><img src="../img/logo-github.svg" class="custom-logo" alt="Le Filament - GitHub" ></a> - <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub"><img src="../img/logo-docker.svg" class="custom-logo" alt="Le Filament - DockerHub" ></a> - <a href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon"><img src="../img/logo-mastodon.svg" class="custom-logo" alt="Le Filament - Mastodon" ></a> </p> diff --git a/services-libres/index.html b/services-libres/index.html index c369e887e973ef51a12152340786f70a6b449d35..276a82983de4ad49788a97ca946c89f1e5205ae7 100644 --- a/services-libres/index.html +++ b/services-libres/index.html @@ -49,9 +49,21 @@ <a target="_blank" href="../" class="custom-logo-link" rel="home" itemprop="url"> <img src="../img/logo-lefilament.png" class="custom-logo" alt="Le Filament" > </a> - <div class="contact-yellow-top"> - <div class="contact-yellow"> - <a href="../contact" id="contact" class="contact" target="_blank">contact</a> + <div id="menu"> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../services-libres" id="contact" class="contact">services libres</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="https://blog.le-filament.com" id="contact" class="contact">blog</a> + </div> + </div> + <div class="contact-yellow-top"> + <div class="contact-yellow"> + <a href="../contact" id="contact" class="contact">contact</a> + </div> </div> </div> </div> @@ -233,7 +245,7 @@ </div> </div> <footer> - <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../cgu">CGU</a> - <a href="../services-libres">Services Libres</a> + <p>© Le Filament - <a href="../mentions-legales">Mentions Légales</a> - <a href="../cgu">CGU</a> <br/> <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab"><img src="../img/logo-gitlab.svg" class="custom-logo" alt="Le Filament - GitLab" ></a> - <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub"><img src="../img/logo-github.svg" class="custom-logo" alt="Le Filament - GitHub" ></a> - <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub"><img src="../img/logo-docker.svg" class="custom-logo" alt="Le Filament - DockerHub" ></a> - <a href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon"><img src="../img/logo-mastodon.svg" class="custom-logo" alt="Le Filament - Mastodon" ></a> </p>