Skip to content
Extraits de code Groupes Projets
Valider c1def095 rédigé par Rémi - Le Filament's avatar Rémi - Le Filament
Parcourir les fichiers

[IMP] update mentions légales and titles

parent c4715edd
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Pipeline #742 réussi
/*! 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;
}
<!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" . }}
......
<!DOCTYPE html>
<html>
{{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
{{ .Scratch.Set "title" "Contact" }}
{{ partial "head.html" . }}
<body>
{{ partial "header.html" . }}
......
<!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>
......
<!DOCTYPE html>
<html>
{{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
{{ .Scratch.Set "title" "Notre conviction" }}
{{ partial "head.html" . }}
<body>
......
<!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" . }}
......
<!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" . }}
......
<!DOCTYPE html>
<html>
{{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
{{ .Scratch.Set "title" "Notre impact" }}
{{ partial "head.html" . }}
<body>
{{ partial "header.html" . }}
......
<!DOCTYPE html>
<html>
{{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
{{ .Scratch.Set "title" "Notre posture" }}
{{ partial "head.html" . }}
<body>
{{ partial "header.html" . }}
......
<!DOCTYPE html>
<html>
{{ .Scratch.Set "title" "Mettre l'humain avant l'outil" }}
{{ .Scratch.Set "title" "Services Libres" }}
{{ partial "head.html" . }}
<body>
{{ partial "header.html" . }}
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter