Skip to content
GitLab
Explorer
Connexion
Navigation principale
Rechercher ou aller à…
Projet
W
website_lf
Gestion
Activité
Membres
Labels
Programmation
Tickets
Tableaux des tickets
Jalons
Code
Requêtes de fusion
Dépôt
Branches
Validations
Étiquettes
Graphe du dépôt
Comparer les révisions
Analyse
Données d'analyse des chaînes de valeur
Analyse des contributeurs
Données d'analyse du dépôt
Aide
Aide
Support
Documentation de GitLab
Comparer les forfaits GitLab
Forum de la communauté GitLab
Contribuer à GitLab
Donner votre avis
Raccourcis clavier
?
Extraits de code
Groupes
Projets
Ce projet est archivé. Le dépôt et les autres ressources du projet sont en lecture seule.
Afficher davantage de fils d'Ariane
Le Filament
website_lf
Validations
65ee89bc
Valider
65ee89bc
rédigé
Il y a 5 ans
par
Juliana
Parcourir les fichiers
Options
Téléchargements
Correctifs
Plain Diff
ajout equipe
parent
4ede0915
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Modifications
2
Afficher les modifications d'espaces
En ligne
Côte à côte
Affichage de
2 fichiers modifiés
css/main-5.0.min.css
+1
-1
1 ajout, 1 suppression
css/main-5.0.min.css
notre-posture/index.html
+10
-0
10 ajouts, 0 suppression
notre-posture/index.html
avec
11 ajouts
et
1 suppression
css/main-5.0.min.css
+
1
−
1
Voir le fichier @
65ee89bc
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
/*! 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
}
.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
:
800px
}
.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
}}
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
}}
\ No newline at end of file
\ No newline at end of file
Ce diff est replié.
Cliquez pour l'agrandir.
notre-posture/index.html
+
10
−
0
Voir le fichier @
65ee89bc
...
@@ -255,6 +255,16 @@
...
@@ -255,6 +255,16 @@
<p>
Associé
</p>
<p>
Associé
</p>
<p
class=
"activite"
>
Infrastructure
<br>
Accompagnement
</p>
<p
class=
"activite"
>
Infrastructure
<br>
Accompagnement
</p>
</div>
</div>
<div
class=
"equipe-personne"
>
<h3>
Mathieu
<div
class=
"title-hover"
></div></h3>
<a
href=
"mailto:mathieu@le-filament.com"
>
mathieu@le-filament.com
</a>
<p
class=
"activite"
>
Infrastructure
</p>
</div>
<div
class=
"equipe-personne"
>
<h3>
Jordan
<div
class=
"title-hover"
></div></h3>
<a
href=
"mailto:jordan@le-filament.com"
>
jordan@le-filament.com
</a>
<p
class=
"activite"
>
Développement
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
...
...
Ce diff est replié.
Cliquez pour l'agrandir.
Aperçu
0%
Chargement en cours
Veuillez réessayer
ou
joindre un nouveau fichier
.
Annuler
You are about to add
0
people
to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Enregistrer le commentaire
Annuler
Veuillez vous
inscrire
ou vous
se connecter
pour commenter
