diff --git a/article.html b/article.html index 7166df7..6c363f7 100644 --- a/article.html +++ b/article.html @@ -1,52 +1,32 @@ #CACHE{60} -[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -] - - - - + - [(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] <BOUCLE_titrerub(RUBRIQUES){id_rubrique}>#TITRE</BOUCLE_titrerub> [] [] - -
- - -
-
- [
(#TEXTE|image_reduire{672,*})
] - [

Notes

(#NOTES)] -
- - -
-
- diff --git a/css/images/fond-droite.png b/css/images/fond-droite.png new file mode 100644 index 0000000..74d09de Binary files /dev/null and b/css/images/fond-droite.png differ diff --git a/css/images/fond-gauche.png b/css/images/fond-gauche.png new file mode 100644 index 0000000..a82942c Binary files /dev/null and b/css/images/fond-gauche.png differ diff --git a/css/images/fond.png b/css/images/fond.png new file mode 100644 index 0000000..4bcd393 Binary files /dev/null and b/css/images/fond.png differ diff --git a/css/images/logo.png b/css/images/logo.png new file mode 100644 index 0000000..a4e2f50 Binary files /dev/null and b/css/images/logo.png differ diff --git a/css/images/titre.png b/css/images/titre.png new file mode 100644 index 0000000..577f571 Binary files /dev/null and b/css/images/titre.png differ diff --git a/css/import.css b/css/import.css new file mode 100644 index 0000000..3b82b90 --- /dev/null +++ b/css/import.css @@ -0,0 +1,88 @@ +@import url("perso.css"); + +@font-face { + font-family: 'metropolisbold'; + src: url('metropolis/metropolis-bold-webfont.eot'); + src: url('metropolis/metropolis-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('metropolis/metropolis-bold-webfont.woff2') format('woff2'), + url('metropolis/metropolis-bold-webfont.woff') format('woff'), + url('metropolis/metropolis-bold-webfont.ttf') format('truetype'), + url('metropolis/metropolis-bold-webfont.svg#metropolisbold') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'metropolislight'; + src: url('metropolis/metropolis-light-webfont.eot'); + src: url('metropolis/metropolis-light-webfont.eot?#iefix') format('embedded-opentype'), + url('metropolis/metropolis-light-webfont.woff2') format('woff2'), + url('metropolis/metropolis-light-webfont.woff') format('woff'), + url('metropolis/metropolis-light-webfont.ttf') format('truetype'), + url('metropolis/metropolis-light-webfont.svg#metropolislight') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'metropolisregular'; + src: url('metropolis/metropolis/metropolis-regular-webfont.eot'); + src: url('metropolis/metropolis/metropolis-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('metropolis/metropolis/metropolis-regular-webfont.woff2') format('woff2'), + url('metropolis/metropolis/metropolis-regular-webfont.woff') format('woff'), + url('metropolis/metropolis/metropolis-regular-webfont.ttf') format('truetype'), + url('metropolis/metropolis/metropolis-regular-webfont.svg#metropolisregular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'metropolissemi_bold'; + src: url('metropolis/metropolis-semibold-webfont.eot'); + src: url('metropolis/metropolis-semibold-webfont.eot?#iefix') format('embedded-opentype'), + url('metropolis/metropolis-semibold-webfont.woff2') format('woff2'), + url('metropolis/metropolis-semibold-webfont.woff') format('woff'), + url('metropolis/metropolis-semibold-webfont.ttf') format('truetype'), + url('metropolis/metropolis-semibold-webfont.svg#metropolissemi_bold') format('svg'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'metropolismedium'; + src: url('metropolis/metropolis-medium-webfont.eot'); + src: url('metropolis/metropolis-medium-webfont.eot?#iefix') format('embedded-opentype'), + url('metropolis/metropolis-medium-webfont.woff2') format('woff2'), + url('metropolis/metropolis-medium-webfont.woff') format('woff'), + url('metropolis/metropolis-medium-webfont.ttf') format('truetype'), + url('metropolis/metropolis-medium-webfont.svg#metropolismedium') format('svg'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'metropolislight_italic'; + src: url('metropolis/metropolis-lightitalic-webfont.eot'); + src: url('metropolis/metropolis-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), + url('metropolis/metropolis-lightitalic-webfont.woff2') format('woff2'), + url('metropolis/metropolis-lightitalic-webfont.woff') format('woff'), + url('metropolis/metropolis-lightitalic-webfont.ttf') format('truetype'), + url('metropolis/metropolis-lightitalic-webfont.svg#metropolislight_italic') format('svg'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'metropolisregular_italic'; + src: url('metropolis/metropolis-regularitalic-webfont.eot'); + src: url('metropolis/metropolis-regularitalic-webfont.eot?#iefix') format('embedded-opentype'), + url('metropolis/metropolis-regularitalic-webfont.woff2') format('woff2'), + url('metropolis/metropolis-regularitalic-webfont.woff') format('woff'), + url('metropolis/metropolis-regularitalic-webfont.ttf') format('truetype'), + url('metropolis/metropolis-regularitalic-webfont.svg#metropolisregular_italic') format('svg'); + font-weight: normal; + font-style: normal; + +} diff --git a/css/metropolis/metropolis-bold-webfont.eot b/css/metropolis/metropolis-bold-webfont.eot new file mode 100644 index 0000000..97a8602 Binary files /dev/null and b/css/metropolis/metropolis-bold-webfont.eot differ diff --git a/css/metropolis/metropolis-bold-webfont.svg b/css/metropolis/metropolis-bold-webfont.svg new file mode 100644 index 0000000..2875a2a --- /dev/null +++ b/css/metropolis/metropolis-bold-webfont.svg @@ -0,0 +1,276 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/metropolis/metropolis-bold-webfont.ttf b/css/metropolis/metropolis-bold-webfont.ttf new file mode 100644 index 0000000..4fef337 Binary files /dev/null and b/css/metropolis/metropolis-bold-webfont.ttf differ diff --git a/css/metropolis/metropolis-bold-webfont.woff b/css/metropolis/metropolis-bold-webfont.woff new file mode 100644 index 0000000..057548d Binary files /dev/null and b/css/metropolis/metropolis-bold-webfont.woff differ diff --git a/css/metropolis/metropolis-bold-webfont.woff2 b/css/metropolis/metropolis-bold-webfont.woff2 new file mode 100644 index 0000000..a150f33 Binary files /dev/null and b/css/metropolis/metropolis-bold-webfont.woff2 differ diff --git a/css/metropolis/metropolis-light-webfont.eot b/css/metropolis/metropolis-light-webfont.eot new file mode 100644 index 0000000..df0935a Binary files /dev/null and b/css/metropolis/metropolis-light-webfont.eot differ diff --git a/css/metropolis/metropolis-light-webfont.svg b/css/metropolis/metropolis-light-webfont.svg new file mode 100644 index 0000000..27ba894 --- /dev/null +++ b/css/metropolis/metropolis-light-webfont.svg @@ -0,0 +1,275 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/metropolis/metropolis-light-webfont.ttf b/css/metropolis/metropolis-light-webfont.ttf new file mode 100644 index 0000000..27af884 Binary files /dev/null and b/css/metropolis/metropolis-light-webfont.ttf differ diff --git a/css/metropolis/metropolis-light-webfont.woff b/css/metropolis/metropolis-light-webfont.woff new file mode 100644 index 0000000..0493df6 Binary files /dev/null and b/css/metropolis/metropolis-light-webfont.woff differ diff --git a/css/metropolis/metropolis-light-webfont.woff2 b/css/metropolis/metropolis-light-webfont.woff2 new file mode 100644 index 0000000..3955c25 Binary files /dev/null and b/css/metropolis/metropolis-light-webfont.woff2 differ diff --git a/css/metropolis/metropolis-lightitalic-webfont.eot b/css/metropolis/metropolis-lightitalic-webfont.eot new file mode 100644 index 0000000..4d978c5 Binary files /dev/null and b/css/metropolis/metropolis-lightitalic-webfont.eot differ diff --git a/css/metropolis/metropolis-lightitalic-webfont.svg b/css/metropolis/metropolis-lightitalic-webfont.svg new file mode 100644 index 0000000..cfaabb2 --- /dev/null +++ b/css/metropolis/metropolis-lightitalic-webfont.svg @@ -0,0 +1,274 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/metropolis/metropolis-lightitalic-webfont.ttf b/css/metropolis/metropolis-lightitalic-webfont.ttf new file mode 100644 index 0000000..2b4a554 Binary files /dev/null and b/css/metropolis/metropolis-lightitalic-webfont.ttf differ diff --git a/css/metropolis/metropolis-lightitalic-webfont.woff b/css/metropolis/metropolis-lightitalic-webfont.woff new file mode 100644 index 0000000..e3ea467 Binary files /dev/null and b/css/metropolis/metropolis-lightitalic-webfont.woff differ diff --git a/css/metropolis/metropolis-lightitalic-webfont.woff2 b/css/metropolis/metropolis-lightitalic-webfont.woff2 new file mode 100644 index 0000000..8d0c20f Binary files /dev/null and b/css/metropolis/metropolis-lightitalic-webfont.woff2 differ diff --git a/css/metropolis/metropolis-medium-webfont.eot b/css/metropolis/metropolis-medium-webfont.eot new file mode 100644 index 0000000..c755349 Binary files /dev/null and b/css/metropolis/metropolis-medium-webfont.eot differ diff --git a/css/metropolis/metropolis-medium-webfont.svg b/css/metropolis/metropolis-medium-webfont.svg new file mode 100644 index 0000000..dddf351 --- /dev/null +++ b/css/metropolis/metropolis-medium-webfont.svg @@ -0,0 +1,276 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/metropolis/metropolis-medium-webfont.ttf b/css/metropolis/metropolis-medium-webfont.ttf new file mode 100644 index 0000000..7b18ed8 Binary files /dev/null and b/css/metropolis/metropolis-medium-webfont.ttf differ diff --git a/css/metropolis/metropolis-medium-webfont.woff b/css/metropolis/metropolis-medium-webfont.woff new file mode 100644 index 0000000..d2434c3 Binary files /dev/null and b/css/metropolis/metropolis-medium-webfont.woff differ diff --git a/css/metropolis/metropolis-medium-webfont.woff2 b/css/metropolis/metropolis-medium-webfont.woff2 new file mode 100644 index 0000000..1988fd0 Binary files /dev/null and b/css/metropolis/metropolis-medium-webfont.woff2 differ diff --git a/css/metropolis/metropolis-regular-webfont.eot b/css/metropolis/metropolis-regular-webfont.eot new file mode 100644 index 0000000..b88f578 Binary files /dev/null and b/css/metropolis/metropolis-regular-webfont.eot differ diff --git a/css/metropolis/metropolis-regular-webfont.svg b/css/metropolis/metropolis-regular-webfont.svg new file mode 100644 index 0000000..10cf09c --- /dev/null +++ b/css/metropolis/metropolis-regular-webfont.svg @@ -0,0 +1,275 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/metropolis/metropolis-regular-webfont.ttf b/css/metropolis/metropolis-regular-webfont.ttf new file mode 100644 index 0000000..528023f Binary files /dev/null and b/css/metropolis/metropolis-regular-webfont.ttf differ diff --git a/css/metropolis/metropolis-regular-webfont.woff b/css/metropolis/metropolis-regular-webfont.woff new file mode 100644 index 0000000..283563e Binary files /dev/null and b/css/metropolis/metropolis-regular-webfont.woff differ diff --git a/css/metropolis/metropolis-regular-webfont.woff2 b/css/metropolis/metropolis-regular-webfont.woff2 new file mode 100644 index 0000000..b8304ec Binary files /dev/null and b/css/metropolis/metropolis-regular-webfont.woff2 differ diff --git a/css/metropolis/metropolis-regularitalic-webfont.eot b/css/metropolis/metropolis-regularitalic-webfont.eot new file mode 100644 index 0000000..a71d346 Binary files /dev/null and b/css/metropolis/metropolis-regularitalic-webfont.eot differ diff --git a/css/metropolis/metropolis-regularitalic-webfont.svg b/css/metropolis/metropolis-regularitalic-webfont.svg new file mode 100644 index 0000000..c97f319 --- /dev/null +++ b/css/metropolis/metropolis-regularitalic-webfont.svg @@ -0,0 +1,274 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/metropolis/metropolis-regularitalic-webfont.ttf b/css/metropolis/metropolis-regularitalic-webfont.ttf new file mode 100644 index 0000000..3409384 Binary files /dev/null and b/css/metropolis/metropolis-regularitalic-webfont.ttf differ diff --git a/css/metropolis/metropolis-regularitalic-webfont.woff b/css/metropolis/metropolis-regularitalic-webfont.woff new file mode 100644 index 0000000..594f32f Binary files /dev/null and b/css/metropolis/metropolis-regularitalic-webfont.woff differ diff --git a/css/metropolis/metropolis-regularitalic-webfont.woff2 b/css/metropolis/metropolis-regularitalic-webfont.woff2 new file mode 100644 index 0000000..95417ff Binary files /dev/null and b/css/metropolis/metropolis-regularitalic-webfont.woff2 differ diff --git a/css/metropolis/metropolis-semibold-webfont.eot b/css/metropolis/metropolis-semibold-webfont.eot new file mode 100644 index 0000000..51ccc47 Binary files /dev/null and b/css/metropolis/metropolis-semibold-webfont.eot differ diff --git a/css/metropolis/metropolis-semibold-webfont.svg b/css/metropolis/metropolis-semibold-webfont.svg new file mode 100644 index 0000000..70867ed --- /dev/null +++ b/css/metropolis/metropolis-semibold-webfont.svg @@ -0,0 +1,276 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/metropolis/metropolis-semibold-webfont.ttf b/css/metropolis/metropolis-semibold-webfont.ttf new file mode 100644 index 0000000..1e6a3e4 Binary files /dev/null and b/css/metropolis/metropolis-semibold-webfont.ttf differ diff --git a/css/metropolis/metropolis-semibold-webfont.woff b/css/metropolis/metropolis-semibold-webfont.woff new file mode 100644 index 0000000..56e5f8d Binary files /dev/null and b/css/metropolis/metropolis-semibold-webfont.woff differ diff --git a/css/metropolis/metropolis-semibold-webfont.woff2 b/css/metropolis/metropolis-semibold-webfont.woff2 new file mode 100644 index 0000000..2ffb282 Binary files /dev/null and b/css/metropolis/metropolis-semibold-webfont.woff2 differ diff --git a/css/perso.css b/css/perso.css index b8a6937..b1cdd71 100644 --- a/css/perso.css +++ b/css/perso.css @@ -1,2181 +1,412 @@ -@charset "UTF-8"; -/*! -* www.KNACSS.com V6.0.3 (31 octobre 2016) @author: Alsacreations, Raphael Goetter -* Licence WTFPL http://www.wtfpl.net/ -*/ -/* ----------------------------- */ -/* ==Table Of Content */ -/* ----------------------------- */ -/* 1- Normalize (basic reset) */ -/* 2- Base (basic styles) */ -/* 3- Print (print quick reset) */ -/* 4- Stylings (minor stylings) */ -/* 5- Misc (skip links, hyphens) */ -/* 6- Tables (data tables consistency) */ -/* 7- Forms (forms consistency) */ -/* 8- Media object */ -/* 9- Autogrid object */ -/* 10- Global Layout (alignment, modules, positionning) */ -/* 11- Helpers (width and spacers helpers) */ -/* (12- WordPress reset (disabled by default)) */ -/* 13- Responsive (Responsive Web Design helpers) */ -/* 14- Grid Layout (grillade) */ -/* ---------------------------------- */ -/* ==Normalize (basic reset) */ -/* ---------------------------------- */ -/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Prevent adjustments of font size after orientation changes in IE and iOS. - */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - * 2. Add the correct display in IE. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - /* 1 */ - display: block; } - -/** - * Add the correct display in IE 9-. - */ -audio, -canvas, -progress, -video { - display: inline-block; } - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE 10-. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ -a { - background-color: transparent; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - text-decoration: underline dotted; - /* 2 */ } - -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ -b, -strong { - font-weight: inherit; } - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; } - -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; } - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE 10-. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ } - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/* Forms - ========================================================================== */ -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Restore the font weight unset by the previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { - /* 1 */ - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - box-sizing: border-box; - /* 1 */ - color: inherit; - /* 2 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - white-space: normal; - /* 1 */ } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ } - -/** - * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. - */ -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * Correct the text style of placeholders in Chrome, Edge, and Safari. - */ -::-webkit-input-placeholder { - color: inherit; - opacity: 0.54; } - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ } - /* ----------------------------- */ /* ==Base (basic styles) */ /* ----------------------------- */ /* switching to border-box model for all elements */ html { - box-sizing: border-box; } + box-sizing: border-box; +} * { - box-sizing: inherit; } + box-sizing: inherit; +} html { /* set base font-size to equiv "10px", which is adapted to rem unit */ font-size: 62.5%; /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ /* thanks to @guardian, @victorbritopro and @eQRoeil */ - font-size: calc(1em * 0.625); } + font-size: calc(1em * 0.625); +} body { - font-size: 1.6rem; - background-color: #fff; - color: #000; - font-family: sans-serif; - line-height: 1.5; } + font-size: 1.5rem; + background-color: #fff; + color: #000; + font-family: sans-serif; + line-height: 1.5; + margin: 0; + padding: 0; + background-color: #adff2f; +} a { - color: #333; } - a:hover, a:focus, a:active { - color: #000; } + color: #4d5c34; + text-decoration: none; +} -ul, -ol { - padding-left: 2em; } + a:hover, a:focus, a:active { + color: #ff7f50; +} + +ul, ol { + padding-left: 2em; +} img { - vertical-align: middle; } + vertical-align: middle; +} -blockquote, -figure { - margin-left: 0; - margin-right: 0; } +blockquote,figure { + margin-left: 0; + margin-right: 0; +} /* font-sizing for content */ -p, -.p-like, -ul, -ol, -dl, -blockquote, -pre, -td, -th, -label, -textarea, -caption, -details, -figure { +p,ul,ol,dl,blockquote,pre,td,th,label,textarea,caption,details,figure { margin-top: 0.75em; margin-bottom: 0; - line-height: 1.5; } + line-height: 1.5; +} -h1, .h1-like { +h1 { font-size: 3.2rem; - font-family: sans-serif; } + font-family: sans-serif; +} -h2, .h2-like { +h2 { font-size: 2.8rem; - font-family: sans-serif; } + font-family: sans-serif; +} -h3, .h3-like { - font-size: 2.4rem; } +h3 { + font-size: 2.4rem; +} -h4, .h4-like { - font-size: 2rem; } +h4 { + font-size: 2rem; + color: #2e8b57; +} -h5, .h5-like { - font-size: 1.8rem; } +h5 { + font-size: 1.8rem; +} -h6, .h6-like { - font-size: 1.6rem; } +h6 { + font-size: 1.6rem; +} -/* alternate font-sizing */ -.smaller { - font-size: 0.6em; } - -.small { - font-size: 0.8em; } - -.big { - font-size: 1.2em; } - -.bigger { - font-size: 1.5em; } - -.biggest { - font-size: 2em; } - -code, -pre, -samp, -kbd { +code, pre, samp, kbd { /* IE fix */ white-space: pre-line; white-space: pre-wrap; font-family: consolas, courier, monospace; - line-height: normal; } + line-height: normal; +} -em, -.italic, -address, -cite, -i, -var { - font-style: italic; } +em, address, cite, i, var { + font-style: italic; +} /* avoid top margins on first content element */ -p:first-child, -.p-like:first-child, -ul:first-child, -ol:first-child, -dl:first-child, -blockquote:first-child, -pre:first-child, -h1:first-child, -.h1-like:first-child, -h2:first-child, -.h2-like:first-child, -h3:first-child, -.h3-like:first-child, -h4:first-child, -.h4-like:first-child, -h5:first-child, -.h5-like:first-child, -h6:first-child, -.h6-like:first-child { - margin-top: 0; } +p:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} /* avoid margins on nested elements */ -li p, -li .p-like, -li ul, -li ol { +li p, li ul, li ol { margin-top: 0; - margin-bottom: 0; } + margin-bottom: 0; +} /* max values */ -img, -table, -td, -blockquote, -code, -pre, -textarea, -input, -video, -svg { - max-width: 100%; } +img, table, td, blockquote, code, pre, textarea, input, video, svg { + max-width: 100%; +} img { - height: auto; } - -/* ----------------------------- */ -/* ==Print (quick print reset) */ -/* ----------------------------- */ -@media print { - * { - background: transparent !important; - box-shadow: none !important; - text-shadow: none !important; } - body { - width: auto; - margin: auto; - font-family: serif; - font-size: 12pt; } - p, - .p-like, - h1, - .h1-like, - h2, - .h2-like, - h3, - .h3-like, - h4, - .h4-like, - h5, - .h5-like, - h6, - .h6-like, - blockquote, - ul, - ol { - color: #000; - margin: auto; } - .print { - display: block; } - .no-print { - display: none; } - /* no orphans, no widows */ - p, - .p-like, - blockquote { - orphans: 3; - widows: 3; } - /* no breaks inside these elements */ - blockquote, - ul, - ol { - page-break-inside: avoid; } - /* page break before main headers - h1, - .h1-like { - page-break-before: always; - } - */ - /* no breaks after these elements */ - h1, - .h1-like, - h2, - .h2-like, - h3, - .h3-like, - caption { - page-break-after: avoid; } - a { - color: #000; } - /* displaying URLs - a[href]::after { - content: " (" attr(href) ")"; - } - */ - a[href^="javascript:"]::after, - a[href^="#"]::after { - content: ""; } } - -/* ----------------------------- */ -/* ==Stylings (minor stylings) */ -/* ----------------------------- */ -/* styling elements */ -code, kbd, mark { - border-radius: 2px; } - -kbd { - padding: 0 2px; - border: 1px solid #999; } - -.spip_code { - overflow: auto; - word-wrap: normal; - border: 1px solid #ccc; - border-radius: 2px; - box-shadow: inset 0 0 .5em #ccc; - padding: .7em 1em; - background-color: #fbfaf9; - color: #333; + height: auto; } + -code { + +/* ----------------------------- */ +/*#layout +/* ----------------------------- */ + +#layout { + /*max-width: 2036px; + margin: auto;*/ + max-width: inherit; +} + +#layout_head { + background-color: #adff2f; +} + +#layout_head_content { + max-width: 1000px; + margin: auto; + height: 194px; +} + +#layout_body { + background-color: #2e8b57; +} + +#layout_body_center { + background-color: #fff; + padding: 6rem 8rem; + box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.28); + z-index: 1; + border-color: #fff; +} + +@media (min-width: 1001px) { + + #layout_body { + display: grid; + grid-template-columns: 1fr 1000px 1fr; + min-height: calc(100vh - 194px); + } + + #layout_body_left { + height: 548px; + background-color: #adff2f; + background-image: url("images/fond.png"); + background-position: right top; + background-repeat: repeat-x; + } + + #layout_body_right { + height: 548px; + background-color: #adff2f; + background-image: url("images/fond.png"); + background-position: left top; + background-repeat: repeat-x; + } +} + + +/* ----------------------------- */ +/* .evenement- +/* ----------------------------- */ + +.evenement-Summary:hover { + cursor: pointer; +} + +.evenement-Table td { + vertical-align: top; +} + +/* ----------------------------- */ +/* .header- +/* ----------------------------- */ + +.header-Active a { + text-decoration: underline; +} + +.header-Banner { + display: flex; + align-items: center; + justify-content: space-between; + padding-top: 16px; + padding-bottom: 16px; +} + +.header-Logo { + width: 210px; + text-align: center; +} + +.header-Logo a { + width: 100px; + display: inline-block; + height: 105px; + background-image: url("images/logo.png"); + background-repeat: no-repeat; + background-position: +} + +.header-Menu { + text-align: center; + margin: 0; + padding: 0; +} + +.header-Menu li { + display: inline-block; + padding-right: 8px; + padding-left: 8px; + font-weight: bold; +} + +.header-Menu a { + color: #2f4f4f; +} + +.header-Nav { + border-top-width: 1px; + border-top-style: solid; + border-top-color: #2f4f4f; + padding-top: 10px; +} + +.header-Phone { + display: none; +} + +.header-Slogan { + color: #2f4f4f; + font-weight: bold; + font-size: 0.8em; + text-align: right; + width: 210px; + padding-right: 10px; +} + +.header-Slogan p { + display: inline-block; + text-align: left; +} + +.header-Titre { + width: 380px; + display: block; + height: 100px; + background-image: url("images/titre.png"); + background-repeat: no-repeat; +} + + +@media (max-width: 299px) { + + .header-Slogan { + display: none; + } +} + +@media (max-width: 639px) { + + #layout_head_content { + height: auto; + position: relative; + } + + #layout_body_center { + padding: 1.5rem 2rem!important; + } + + .header-Banner { + display: flex; + align-items: center; + justify-content: space-between; + padding-top: 0; + padding-bottom: 0; + justify-content: start; +} + + .header-Burger { + width: 40px; + display: block; + position: absolute; + top: 35px; + right: 20px; + box-sizing: border-box; + border-color: #fff; + padding-left: 4px; + padding-top: 1px; + list-style: none; + } + + .header-Burger::-webkit-details-marker { + display: none; + } + + .header-Burger span { + display: block; + margin-top: 6px; + width: 40px; + height: 4px; + background-color: #2f4f4f; + } + + .header-Burger:hover { + cursor: pointer; + } + + .header-Logo { + width: 110px; + } + + .header-Menu { + display: none; + } + + .header-Phone { + display: block; + margin-top: 0; + } + + .header-PhoneMenu { + margin: 0; + padding: 0; + } + + .header-PhoneMenu li { + text-align: center; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 0; + padding-left: 0; + margin: 0; + list-style: none; + } + + .header-PhoneMenu li:last-child { + padding-bottom: 15px; + } + + .header-Titre { + display: none; + } + + .header-Slogan { + width: 130px; + } + + .header-Nav { + padding-top: 0; + } + +} + + +@media ((min-width: 640px) and (max-width: 800px)) { + + .header-Slogan, .header-Logo { + width: 130px; + } + + #layout_body_center { + padding: 3rem 4rem!important; + } } -pre code { - padding: 0; - background: none; - color: inherit; - border-radius: 0; } -mark { - padding: 2px 4px; } - -sup, -sub { - vertical-align: 0; } - -sup { - bottom: 1ex; } - -sub { - top: 0.5ex; } - -blockquote { - position: relative; - padding-left: 3em; - min-height: 2em; } - -blockquote::before { - content: "\201C"; - position: absolute; - left: 0; - top: 0; - font-family: georgia, serif; - font-size: 5em; - height: .4em; - line-height: .9; - color: rgba(0, 0, 0, 0.3); } - -blockquote > footer { - margin-top: .75em; - font-size: 0.9em; - color: rgba(0, 0, 0, 0.7); } - -blockquote > footer::before { - content: "\2014 \0020"; } - -q { - font-style: normal; } - -q, -.q { - quotes: "“\00a0" "\00a0”"; } - -q:lang(fr), -.q:lang(fr) { - quotes: "«\00a0" "\00a0»"; } - -hr { - display: block; - clear: both; - height: 1px; - margin: 1em 0 2em; - padding: 0; - border: 0; - color: #ccc; - background-color: #ccc; } - -/* tables */ -table, -.table { - border: 1px solid #ccc; } - -caption { - padding: 1rem; - color: #555; - font-style: italic; } - -td, -th { - padding: 0.3em 0.8em; - border: 1px #aaa dotted; - text-align: left; } /* ----------------------------- */ -/* ==Misc (skip links, hyphens) */ +/* .main- /* ----------------------------- */ -/* styling skip links */ -.skip-links { - position: absolute; } - .skip-links a { - position: absolute; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); - padding: 0.5em; - background: black; - color: white; - text-decoration: none; } - .skip-links a:focus { - position: static; - overflow: visible; - clip: auto; } -@media (max-width: 544px) { - /* you shall not pass */ - div, - textarea, - table, - td, - th, - code, - pre, - samp { - word-wrap: break-word; - hyphens: auto; } } - -@media (max-width: 544px) { - .no-wrapping { - word-wrap: normal; - hyphens: manual; } } - -@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { - img[src$=".svg"] { - width: 100%; } } +.main-Title { + color: #2f4f4f; + padding-top: 25px; + font-size: 4.0rem; +} /* ----------------------------- */ -/* ==Tables */ +/* Surcharge spip /* ----------------------------- */ -table, -.table { - width: 100%; - max-width: 100%; - table-layout: fixed; - border-collapse: collapse; - vertical-align: top; - margin-bottom: 2rem; } - -.table { - display: table; } - -#recaptcha_table, -.table-auto { - table-layout: auto; } - -td, -th { - vertical-align: top; - min-width: 2rem; - cursor: default; } - -/* ----------------------------- */ -/* ==Forms */ -/* ----------------------------- */ -/* thanks to HTML5boilerplate, -* github.com/nathansmith/formalize and www.sitepen.com -*/ -/* buttons */ -.btn { - display: inline-block; } - -/* forms items */ -form, -fieldset { - border: none; } - -input, -button, -select, -label, -.btn { - font-family: inherit; - font-size: inherit; } - -button, -input, -optgroup, -select, -textarea { - color: #000; } - -label { - vertical-align: middle; - cursor: pointer; } - -legend { - border: 0; - white-space: normal; } - -textarea { - min-height: 5em; - vertical-align: top; - font-family: inherit; - font-size: inherit; - resize: vertical; } - -select { - -webkit-appearance: menulist-button; } - -/* if select styling bugs on WebKit */ -/* select { -webkit-appearance: none; } */ -/* 'x' appears on right of search input when text is entered. This removes it */ -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-results-button, -input[type="search"]::-webkit-search-results-decoration { - display: none; } - -::-webkit-input-placeholder { - color: #777; } - -input:-moz-placeholder, -textarea:-moz-placeholder { - color: #777; } - -.btn:focus, -input[type="button"]:focus, -button:focus { - -webkit-tap-highlight-color: transparent; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* unstyled forms */ -button.unstyled, -input[type="button"].unstyled, -input[type="submit"].unstyled, -input[type="reset"].unstyled { - padding: 0; - border: none; - line-height: 1; - text-align: left; - background: none; - border-radius: 0; - box-shadow: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } - button.unstyled:focus, - input[type="button"].unstyled:focus, - input[type="submit"].unstyled:focus, - input[type="reset"].unstyled:focus { - box-shadow: none; - outline: none; } - -/* Media object */ -@media (min-width: 545px) { - .o-media { - display: flex; - align-items: flex-start; } - .o-media-content { - flex: 1; - min-width: 0; - /* avoid min-width:auto */ } } - -/* Media variants */ -@media (min-width: 545px) { - .o-media--reverse { - flex-direction: row-reverse; } - .o-media-figure--center { - align-self: center; } } - -/* Autogrid object */ -@media (min-width: 545px) { - [class^="autogrid"], - [class*=" autogrid"] { - display: flex; } - [class^="autogrid"] > *, - [class*=" autogrid"] > * { - flex: 1; - min-width: 0; - /* avoid min-width:auto */ } } - -/* Autogrid variants */ -@media (min-width: 545px) { - .has-gutter > *:not(:first-child) { - margin-left: 1rem; } - [class*="--reverse"] { - flex-direction: row-reverse; } } - -/* ----------------------------- */ -/* ==Global Layout */ -/* ----------------------------- */ -/* module, gains superpower "BFC" Block Formating Context */ -.mod, -.bfc { - overflow: hidden; } - -/* blocks that needs to be placed under floats */ -.clear { - clear: both; } - -/* blocks that must contain floats */ -.clearfix::after { - content: ""; - display: table; - clear: both; - border-collapse: collapse; } - -/* simple blocks alignment */ -.left { - margin-right: auto; } - -.right { - margin-left: auto; } - -.center { - margin-left: auto; - margin-right: auto; } - -/* text and contents alignment */ -.txtleft { - text-align: left; } - -.txtright { - text-align: right; } - -.txtcenter { - text-align: center; } - -/* floating elements */ -.fl { - float: left; } - -img.fl { - margin-right: 1rem; } - -.fr { - float: right; } - -img.fr { - margin-left: 1rem; } - -img.fl, -img.fr { - margin-bottom: 0.5rem; } - -/* inline-block */ -.inbl { - display: inline-block; - vertical-align: top; } - -/* flexbox layout -http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html -*/ -[class*="flex-container"], -.flex-container { - display: flex; - flex-wrap: wrap; } - -.flex-container-h { - flex-direction: row; } - -.flex-container-v { - flex-direction: column; } - -.flex-item-fluid { - flex: 1; - min-width: 0; } - -.flex-item-first, -.item-first { - order: -1; } - -.flex-item-medium, -.item-medium { - order: 0; } - -.flex-item-last, -.item-last { - order: 1; } - -.flex-item-center, -.item-center { - margin: auto; } - -/* ---------------------------------- */ -/* ==Helpers */ -/* ---------------------------------- */ -/* State Helpers */ -/* ------------- */ -/* invisible for all */ -.is-hidden, -[hidden] { - display: none; } - -/* hidden but not for an assistive technology like a screen reader, Yahoo! method */ -.visually-hidden { - position: absolute !important; - border: 0 !important; - height: 1px !important; - width: 1px !important; - padding: 0 !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; } - -.is-disabled, -[disabled] { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; - filter: grayscale(1); } - -ul.is-unstyled, -ul.unstyled { - list-style: none; - padding-left: 0; } - -/* Width Helpers */ -/* ------------- */ -/* blocks widths (percentage and pixels) */ -.w10 { - width: 10%; } - -.w20 { - width: 20%; } - -.w25 { - width: 25%; } - -.w30 { - width: 30%; } - -.w33 { - width: 33.3333%; } - -.w40 { - width: 40%; } - -.w50 { - width: 50%; } - -.w60 { - width: 60%; } - -.w66 { - width: 66.6666%; } - -.w70 { - width: 70%; } - -.w75 { - width: 75%; } - -.w80 { - width: 80%; } - -.w90 { - width: 90%; } - -.w100 { - width: 100%; } - -.w50p { - width: 50px; } - -.w100p { - width: 100px; } - -.w150p { - width: 150px; } - -.w200p { - width: 200px; } - -.w300p { - width: 300px; } - -@media (min-width: 401px) { - .w400p { - width: 400px; } - .w500p { - width: 500px; } - .w600p { - width: 600px; } } - -@media (min-width: 701px) { - .w700p { - width: 700px; } - .w800p { - width: 800px; } } - -@media (min-width: 961px) { - .w960p { - width: 960px; } - .mw960p { - max-width: 960px; } - .w1140p { - width: 1140px; } - .mw1140p { - max-width: 1140px; } } - -.wauto { - width: auto; } - -/* Spacing Helpers */ -/* --------------- */ -.man, -.ma0 { - margin: 0; } - -.pan, -.pa0 { - padding: 0; } - -.mas { - margin: 1rem; } - -.mam { - margin: 2rem; } - -.mal { - margin: 4rem; } - -.pas { - padding: 1rem; } - -.pam { - padding: 2rem; } - -.pal { - padding: 4rem; } - -.mtn, -.mt0 { - margin-top: 0; } - -.mts { - margin-top: 1rem; } - -.mtm { - margin-top: 2rem; } - -.mtl { - margin-top: 4rem; } - -.mrn, -.mr0 { - margin-right: 0; } - -.mrs { - margin-right: 1rem; } - -.mrm { - margin-right: 2rem; } - -.mrl { - margin-right: 4rem; } - -.mbn, -.mb0 { - margin-bottom: 0; } - -.mbs { - margin-bottom: 1rem; } - -.mbm { - margin-bottom: 2rem; } - -.mbl { - margin-bottom: 4rem; } - -.mln, -.ml0 { - margin-left: 0; } - -.mls { - margin-left: 1rem; } - -.mlm { - margin-left: 2rem; } - -.mll { - margin-left: 4rem; } - -.mauto { - margin: auto; } - -.mtauto { - margin-top: auto; } - -.mrauto { - margin-right: auto; } - -.mbauto { - margin-bottom: auto; } - -.mlauto { - margin-left: auto; } - -.ptn, -.pt0 { - padding-top: 0; } - -.pts { - padding-top: 1rem; } - -.ptm { - padding-top: 2rem; } - -.ptl { - padding-top: 4rem; } - -.prn, -.pr0 { - padding-right: 0; } - -.prs { - padding-right: 1rem; } - -.prm { - padding-right: 2rem; } - -.prl { - padding-right: 4rem; } - -.pbn, -.pb0 { - padding-bottom: 0; } - -.pbs { - padding-bottom: 1rem; } - -.pbm { - padding-bottom: 2rem; } - -.pbl { - padding-bottom: 4rem; } - -.pln, -.pl0 { - padding-left: 0; } - -.pls { - padding-left: 1rem; } - -.plm { - padding-left: 2rem; } - -.pll { - padding-left: 4rem; } - -/* -------------------------- */ -/* ==Responsive helpers */ -/* -------------------------- */ -/* large screens */ -/* ------------- */ -@media (min-width: 1025px) { - /* layouts for large screens */ - .large-hidden { - display: none !important; } - .large-visible { - display: block !important; } - .large-no-float { - float: none; } - .large-inbl { - display: inline-block; - float: none; - vertical-align: top; } - /* widths for large screens */ - .large-w25 { - width: 25% !important; } - .large-w33 { - width: 33.333333% !important; } - .large-w50 { - width: 50% !important; } - .large-w66 { - width: 66.666666% !important; } - .large-w75 { - width: 75% !important; } - .large-w100, - .large-wauto { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; } - /* margins for large screens */ - .large-man, - .large-ma0 { - margin: 0 !important; } } - -/* medium screens */ -/* -------------- */ -@media (min-width: 769px) and (max-width: 1200px) { - /* layouts for medium screens */ - .medium-hidden { - display: none !important; } - .medium-visible { - display: block !important; } - .medium-no-float { - float: none; } - .medium-inbl { - display: inline-block; - float: none; - vertical-align: top; } - /* widths for medium screens */ - .medium-w25 { - width: 25% !important; } - .medium-w33 { - width: 33.333333% !important; } - .medium-w50 { - width: 50% !important; } - .medium-w66 { - width: 66.666666% !important; } - .medium-w75 { - width: 75% !important; } - .medium-w100, - .medium-wauto { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; } - /* margins for medium screens */ - .medium-man, - .medium-ma0 { - margin: 0 !important; } } - -/* small screens */ -/* ------------- */ -@media (min-width: 545px) and (max-width: 768px) { - /* layouts for small screens */ - .small-hidden { - display: none !important; } - .small-visible { - display: block !important; } - .small-no-float { - float: none; } - .small-inbl { - display: inline-block; - float: none; - vertical-align: top; } - /* widths for small screens */ - .small-w25 { - width: 25% !important; } - .small-w33 { - width: 33.333333% !important; } - .small-w50 { - width: 50% !important; } - .small-w66 { - width: 66.666666% !important; } - .small-w75 { - width: 75% !important; } - .small-w100, - .small-wauto { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; } - /* margins for small screens */ - .small-man, - .small-ma0 { - margin: 0 !important; } - .small-pan, - .small-pa0 { - padding: 0 !important; } } - -/* tiny screens */ -/* ------------ */ -@media (max-width: 544px) { - /* quick small resolution reset */ - .mod, - .col, - fieldset { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; } - .flex-container { - flex-direction: column; } - /* layouts for tiny screens */ - .tiny-hidden { - display: none !important; } - .tiny-visible { - display: block !important; } - .tiny-no-float { - float: none; } - .tiny-inbl { - display: inline-block; - float: none; - vertical-align: top; } - /* widths for tiny screens */ - .tiny-w25 { - width: 25% !important; } - .tiny-w33 { - width: 33.333333% !important; } - .tiny-w50 { - width: 50% !important; } - .tiny-w66 { - width: 66.666666% !important; } - .tiny-w75 { - width: 75% !important; } - .tiny-w100, - .tiny-wauto { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; } - /* margins for tiny screens */ - .tiny-man, - .tiny-ma0 { - margin: 0 !important; } - .tiny-pan, - .tiny-pa0 { - padding: 0 !important; } } - -/* ---------------------------------- */ -/* ==Grillade : Simple Grid System */ -/* ---------------------------------- */ -/* Doc : http://grillade.knacss.com */ -@media (min-width: 545px) { - [class*=" grid-"], - [class^="grid-"] { - display: flex; - flex-direction: row; - flex-wrap: wrap; } - [class*=" grid-"] > *, - [class^="grid-"] > * { - box-sizing: border-box; - min-width: 0; - min-height: 0; } } - -@media (min-width: 545px) { - .grid { - display: flex; } - .grid > * { - flex: 1 1 0; - box-sizing: border-box; - min-width: 0; - min-height: 0; } - .grid.has-gutter > * + * { - margin-left: calc(1rem - 0.01px); } - .grid.has-gutter-l > * + * { - margin-left: calc(2rem - 0.01px); } - .grid.has-gutter-xl > * + * { - margin-left: calc(4rem - 0.01px); } } - -@media (min-width: 545px) { - [class*="grid-2"] > * { - width: calc(100% / 2 - 0.01px); } - [class*="grid-2"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-2"].has-gutter > * { - width: calc(100% / 2 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-2"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-2"].has-gutter-l > * { - width: calc(100% / 2 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-2"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-2"].has-gutter-xl > * { - width: calc(100% / 2 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-3"] > * { - width: calc(100% / 3 - 0.01px); } - [class*="grid-3"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-3"].has-gutter > * { - width: calc(100% / 3 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-3"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-3"].has-gutter-l > * { - width: calc(100% / 3 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-3"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-3"].has-gutter-xl > * { - width: calc(100% / 3 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-4"] > * { - width: calc(100% / 4 - 0.01px); } - [class*="grid-4"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-4"].has-gutter > * { - width: calc(100% / 4 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-4"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-4"].has-gutter-l > * { - width: calc(100% / 4 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-4"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-4"].has-gutter-xl > * { - width: calc(100% / 4 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-5"] > * { - width: calc(100% / 5 - 0.01px); } - [class*="grid-5"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-5"].has-gutter > * { - width: calc(100% / 5 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-5"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-5"].has-gutter-l > * { - width: calc(100% / 5 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-5"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-5"].has-gutter-xl > * { - width: calc(100% / 5 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-6"] > * { - width: calc(100% / 6 - 0.01px); } - [class*="grid-6"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-6"].has-gutter > * { - width: calc(100% / 6 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-6"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-6"].has-gutter-l > * { - width: calc(100% / 6 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-6"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-6"].has-gutter-xl > * { - width: calc(100% / 6 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-7"] > * { - width: calc(100% / 7 - 0.01px); } - [class*="grid-7"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-7"].has-gutter > * { - width: calc(100% / 7 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-7"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-7"].has-gutter-l > * { - width: calc(100% / 7 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-7"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-7"].has-gutter-xl > * { - width: calc(100% / 7 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-8"] > * { - width: calc(100% / 8 - 0.01px); } - [class*="grid-8"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-8"].has-gutter > * { - width: calc(100% / 8 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-8"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-8"].has-gutter-l > * { - width: calc(100% / 8 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-8"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-8"].has-gutter-xl > * { - width: calc(100% / 8 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-9"] > * { - width: calc(100% / 9 - 0.01px); } - [class*="grid-9"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-9"].has-gutter > * { - width: calc(100% / 9 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-9"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-9"].has-gutter-l > * { - width: calc(100% / 9 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-9"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-9"].has-gutter-xl > * { - width: calc(100% / 9 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-10"] > * { - width: calc(100% / 10 - 0.01px); } - [class*="grid-10"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-10"].has-gutter > * { - width: calc(100% / 10 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-10"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-10"].has-gutter-l > * { - width: calc(100% / 10 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-10"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-10"].has-gutter-xl > * { - width: calc(100% / 10 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-11"] > * { - width: calc(100% / 11 - 0.01px); } - [class*="grid-11"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-11"].has-gutter > * { - width: calc(100% / 11 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-11"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-11"].has-gutter-l > * { - width: calc(100% / 11 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-11"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-11"].has-gutter-xl > * { - width: calc(100% / 11 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } - [class*="grid-12"] > * { - width: calc(100% / 12 - 0.01px); } - [class*="grid-12"].has-gutter { - margin-right: -0.5rem; - margin-left: -0.5rem; } - [class*="grid-12"].has-gutter > * { - width: calc(100% / 12 - 1rem - 0.01px); - margin-right: 0.5rem; - margin-left: 0.5rem; } - [class*="grid-12"].has-gutter-l { - margin-right: -1rem; - margin-left: -1rem; } - [class*="grid-12"].has-gutter-l > * { - width: calc(100% / 12 - 2rem - 0.01px); - margin-right: 1rem; - margin-left: 1rem; } - [class*="grid-12"].has-gutter-xl { - margin-right: -2rem; - margin-left: -2rem; } - [class*="grid-12"].has-gutter-xl > * { - width: calc(100% / 12 - 4rem - 0.01px); - margin-right: 2rem; - margin-left: 2rem; } } - -.push { - margin-left: auto !important; } - -.pull { - margin-right: auto !important; } - -.item-first { - order: -1; } - -.item-last { - order: 1; } - -[class*="--reverse"] { - flex-direction: row-reverse; } - -@media (min-width: 545px) { - .full { - flex: 0 0 auto; - width: calc(100% / 1 - 0.01px); } - .has-gutter .full { - width: calc(100% / 1 - 1rem - 0.01px); } - .has-gutter-l .full { - width: calc(100% / 1 - 2rem - 0.01px); } - .has-gutter-xl .full { - width: calc(100% / 1 - 4rem - 0.01px); } - .one-half { - flex: 0 0 auto; - width: calc(100% / 2 - 0.01px); } - .has-gutter .one-half { - width: calc(100% / 2 - 1rem - 0.01px); } - .has-gutter-l .one-half { - width: calc(100% / 2 - 2rem - 0.01px); } - .has-gutter-xl .one-half { - width: calc(100% / 2 - 4rem - 0.01px); } - .one-third { - flex: 0 0 auto; - width: calc(100% / 3 - 0.01px); } - .has-gutter .one-third { - width: calc(100% / 3 - 1rem - 0.01px); } - .has-gutter-l .one-third { - width: calc(100% / 3 - 2rem - 0.01px); } - .has-gutter-xl .one-third { - width: calc(100% / 3 - 4rem - 0.01px); } - .one-quarter { - flex: 0 0 auto; - width: calc(100% / 4 - 0.01px); } - .has-gutter .one-quarter { - width: calc(100% / 4 - 1rem - 0.01px); } - .has-gutter-l .one-quarter { - width: calc(100% / 4 - 2rem - 0.01px); } - .has-gutter-xl .one-quarter { - width: calc(100% / 4 - 4rem - 0.01px); } - .one-fifth { - flex: 0 0 auto; - width: calc(100% / 5 - 0.01px); } - .has-gutter .one-fifth { - width: calc(100% / 5 - 1rem - 0.01px); } - .has-gutter-l .one-fifth { - width: calc(100% / 5 - 2rem - 0.01px); } - .has-gutter-xl .one-fifth { - width: calc(100% / 5 - 4rem - 0.01px); } - .one-sixth { - flex: 0 0 auto; - width: calc(100% / 6 - 0.01px); } - .has-gutter .one-sixth { - width: calc(100% / 6 - 1rem - 0.01px); } - .has-gutter-l .one-sixth { - width: calc(100% / 6 - 2rem - 0.01px); } - .has-gutter-xl .one-sixth { - width: calc(100% / 6 - 4rem - 0.01px); } - .two-thirds { - flex: 0 0 auto; - width: calc(100% / 3 * 2 - 0.01px); } - .has-gutter .two-thirds { - width: calc(100% / 3 * 2 - 1rem - 0.01px); } - .has-gutter-l .two-thirds { - width: calc(100% / 3 * 2 - 2rem - 0.01px); } - .has-gutter-xl .two-thirds { - width: calc(100% / 3 * 2 - 4rem - 0.01px); } - .three-quarters { - flex: 0 0 auto; - width: calc(100% / 4 * 3 - 0.01px); } - .has-gutter .three-quarters { - width: calc(100% / 4 * 3 - 1rem - 0.01px); } - .has-gutter-l .three-quarters { - width: calc(100% / 4 * 3 - 2rem - 0.01px); } - .has-gutter-xl .three-quarters { - width: calc(100% / 4 * 3 - 4rem - 0.01px); } - .five-sixths { - flex: 0 0 auto; - width: calc(100% / 6 * 5 - 0.01px); } - .has-gutter .five-sixths { - width: calc(100% / 6 * 5 - 1rem - 0.01px); } - .has-gutter-l .five-sixths { - width: calc(100% / 6 * 5 - 2rem - 0.01px); } - .has-gutter-xl .five-sixths { - width: calc(100% / 6 * 5 - 4rem - 0.01px); } } - -/* Responsive Small Breakpoint */ -@media (min-width: 545px) and (max-width: 768px) { - [class*="-small-1"] > * { - width: calc(100% / 1 - 0.01px); } - [class*="-small-1"].has-gutter > * { - width: calc(100% / 1 - 1rem - 0.01px); } - [class*="-small-1"].has-gutter-l > * { - width: calc(100% / 1 - 2rem - 0.01px); } - [class*="-small-1"].has-gutter-xl > * { - width: calc(100% / 1 - 4rem - 0.01px); } - [class*="-small-2"] > * { - width: calc(100% / 2 - 0.01px); } - [class*="-small-2"].has-gutter > * { - width: calc(100% / 2 - 1rem - 0.01px); } - [class*="-small-2"].has-gutter-l > * { - width: calc(100% / 2 - 2rem - 0.01px); } - [class*="-small-2"].has-gutter-xl > * { - width: calc(100% / 2 - 4rem - 0.01px); } - [class*="-small-3"] > * { - width: calc(100% / 3 - 0.01px); } - [class*="-small-3"].has-gutter > * { - width: calc(100% / 3 - 1rem - 0.01px); } - [class*="-small-3"].has-gutter-l > * { - width: calc(100% / 3 - 2rem - 0.01px); } - [class*="-small-3"].has-gutter-xl > * { - width: calc(100% / 3 - 4rem - 0.01px); } - [class*="-small-4"] > * { - width: calc(100% / 4 - 0.01px); } - [class*="-small-4"].has-gutter > * { - width: calc(100% / 4 - 1rem - 0.01px); } - [class*="-small-4"].has-gutter-l > * { - width: calc(100% / 4 - 2rem - 0.01px); } - [class*="-small-4"].has-gutter-xl > * { - width: calc(100% / 4 - 4rem - 0.01px); } } - -/* ----------------------------- */ -/* ==Own stylesheet */ -/* ----------------------------- */ -/* Here should go your own CSS styles */ -body { - background-color: #dbf8b1; } - -a { - color: darkolivegreen; - text-decoration: none;} - -a:visited { - color: #445625;} - -a:hover, a:focus { - color: #799843; - text-decoration: underline; } - -a:visited:hover, a:visited:focus { - color: #799843;} h3.spip { - margin-top: 1.5em; - margin-bottom: 0.5em; - border-bottom: 1px #555 solid; } - -h4.spip { - margin-top: 1.5em; } - -ul.spip, ol.spip { - margin-left: 0; } - -div.spip_code { - margin-bottom: 0; } - -header { - background: white url("../images/fond_entete-x.png") repeat-x top; } - header .header { - background: transparent url("../images/fond_entete.png") no-repeat top left; - height: 180px; } - header .header .spip_logo_site { - margin: 0; - padding: 1em 0; - font-size: 3em; - font-style: italic; - text-align: right; } - @media screen and (max-width: 768px) { - header .header .spip_logo_site { - text-align: center; - font-size: 2em; } } - header .header .spip_logo_site img { - margin: 0; - padding: 30px 30px 0 20px; } - header #mobile-header { - margin: 0 0.5em; - padding: 0.5em 0; } - header #mobile-header .btn { - border-radius: 0.5em; - border: 1px #AAA solid; - display: inline-block; - padding-right: 0.5em; } - header #mobile-header .btn #lines { - border-bottom: 14px double #AAA; - border-top: 5px solid #AAA; - content: " "; - height: 23px; - margin: 4px; - width: 23px; - display: inline-block; - vertical-align: middle; } - header #mobile-header a, header #mobile-header a:visited, header #mobile-header a:focus { - color: #333; - text-decoration: none; } - header nav { - background-color: white; } - header nav .menu-liste { - text-align: center; } - header nav .menu-liste .item { - display: inline-block; - margin: 0.25em; - padding: 0; } - header nav .menu-liste .item a { - position: relative; - display: inline-block; - margin: 15px 0px; - outline: none; - text-decoration: none; - letter-spacing: 1px; - font-weight: 400; - text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); - color: rgba(0, 0, 0, 0.5); - padding: 0.25em 1em; } - header nav .menu-liste .item a:visited { - color: rgba(0, 0, 0, 0.6); } - header nav .menu-liste .item a:hover, header nav .menu-liste .item a:focus { - border-radius: 0.25em; - background-color: #EEFF88; } - header nav .menu-liste .on a { - background-color: #F1FFCC; } - -.main { - background-color: white; } - .main .arbo { - display: none; } - .main .info-publi { - display: none; } - .main .cartouche { - display: none; } - -div.footer { - font-size: 0.9em; } - div.footer a, div.footer a:focus, div.footer a:visited { - color: #666; } - -@media screen and (min-width: 769px) { - .when-portrait-up-hidden { - display: none; } } - -@media screen and (max-width: 768px) { - .when-portrait-down-hidden { - display: none; } } - -.sidr a { - color: #333; - padding: 0.5em 1em; - width: calc("100% - 2em"); - border-bottom: 1px solid #CCC; - display: block; - text-decoration: none; } - -.sidr a:hover { - background: #FFF; } - -.sidr { - display: block; - position: fixed; - top: 0; - height: 100%; - z-index: 999999; - width: 260px; - overflow-x: hidden; - overflow-y: auto; - font-family: "lucida grande", tahoma, verdana, arial, sans-serif; - font-size: 15px; - background: #f8f8f8; - color: #333; - box-shadow: 0 0 5px 5px #ebebeb inset; } - -.sidr .sidr-inner { - padding: 0 0 15px; } - -.sidr .sidr-inner > p { - margin-left: 15px; - margin-right: 15px; } - -.sidr.right { - left: auto; - right: -260px; } - -.sidr.left { - left: -260px; - right: auto; } - -.sidr h1, -.sidr h2, -.sidr h3, -.sidr h4, -.sidr h5, -.sidr h6 { - background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf)); - background-image: -moz-linear-gradient(#ffffff, #dfdfdf); - background-image: -webkit-linear-gradient(#ffffff, #dfdfdf); - background-image: linear-gradient(#ffffff, #dfdfdf); - font-size: 11px; - font-weight: normal; - padding: 0 15px; - margin: 0 0 5px; - color: #333; - line-height: 24px; - box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); } - -.sidr p { - font-size: 13px; - margin: 0 0 12px; } - -.sidr p a { - color: rgba(51, 51, 51, 0.9); } - -.sidr > p { - margin-left: 15px; - margin-right: 15px; } - -.sidr ul { - display: block; - margin: 0 0 15px; - padding: 0; - border-top: 1px solid #dfdfdf; - border-bottom: 1px solid white; } - -.sidr ul li { - display: block; - margin: 0; - line-height: 48px; - border-top: 1px solid white; - border-bottom: 1px solid #dfdfdf; } - -.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { - border-top: 0; - line-height: 49px; } - -.sidr ul li:hover > a, -.sidr ul li:hover > span, .sidr ul li.active > a, -.sidr ul li.active > span, .sidr ul li.sidr-class-active > a, -.sidr ul li.sidr-class-active > span { - box-shadow: 0 0 15px 3px #ebebeb inset; } - -.sidr ul li a, -.sidr ul li span { - padding: 0 15px; - display: block; - text-decoration: none; - color: #333; } - -.sidr ul li ul { - border-bottom: 0; - margin: 0; } - -.sidr ul li ul li { - line-height: 40px; - font-size: 13px; } - -.sidr ul li ul li:last-child { - border-bottom: 0; } - -.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { - border-top: 0; - line-height: 41px; } - -.sidr ul li ul li:hover > a, -.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, -.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, -.sidr ul li ul li.sidr-class-active > span { - box-shadow: 0 0 15px 3px #ebebeb inset; } - -.sidr ul li ul li a, -.sidr ul li ul li span { - color: rgba(51, 51, 51, 0.8); - padding-left: 30px; } - -.sidr form { - margin: 0 15px; } - -.sidr label { - font-size: 13px; } - -.sidr input[type="text"], -.sidr input[type="password"], -.sidr input[type="date"], -.sidr input[type="datetime"], -.sidr input[type="email"], -.sidr input[type="number"], -.sidr input[type="search"], -.sidr input[type="tel"], -.sidr input[type="time"], -.sidr input[type="url"], -.sidr textarea, -.sidr select { - width: 100%; - font-size: 13px; - padding: 5px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0 0 10px; - border-radius: 2px; - border: 0; - background: rgba(0, 0, 0, 0.1); - color: rgba(51, 51, 51, 0.6); - display: block; - clear: both; } - -.sidr input[type=checkbox] { - width: auto; - display: inline; - clear: none; } - -.sidr input[type=button], -.sidr input[type=submit] { - color: #f8f8f8; - background: #333; } - -.sidr input[type=button]:hover, -.sidr input[type=submit]:hover { - background: rgba(51, 51, 51, 0.9); } + padding-bottom: 1px; + border-bottom-width: 3px; + border-bottom-style: solid; + border-bottom-color: #e0f5c1; + font-size: 2.5rem; + font-weight: bold; + color: darkslategray; +} diff --git a/images/icon16.png b/images/icon16.png new file mode 100644 index 0000000..5235ebb Binary files /dev/null and b/images/icon16.png differ diff --git a/inclure/footer.html b/inclure/footer.html index 94bcc27..5e0ea02 100755 --- a/inclure/footer.html +++ b/inclure/footer.html @@ -1,10 +1,2 @@ -
-

- [(#CHEMIN{spip.png}|image_reduire{32,32}|inserer_attribut{alt,SPIP})] - <:contact:> - | Se connecter[ - (#SESSION{id_auteur}|oui) | <:icone_deconnecter:>] - -

-
-[] \ No newline at end of file +
+
diff --git a/inclure/head.html b/inclure/head.html index 65edb76..d7aff50 100755 --- a/inclure/head.html +++ b/inclure/head.html @@ -9,20 +9,13 @@ les elements specifiques (title, description) figurent dans chaque squelette [(#REM) Lien vers le flux RSS du site ] [] -[(#REM) -On appelle les feuilles de style -dans l'ordre de la methode daisy http://daisy.tetue.net/img/daisy-nomenclature.png - -1. Base CSS http://tinytypo.tetue.net/ ] -[] - - [(#REM) 2. Style SPIP et ses plugins ] [] #INSERT_HEAD_CSS -[(#REM) 3. Vos feuilles de style pour l'habillage du site a) theme, b) variante, c) specifique ] -[] +[] + + [(#REM) Balise permettant aux plugins d'inserer des appels javascript ; @@ -32,14 +25,13 @@ Balise permettant aux plugins d'inserer des appels javascript ; #INSERT_HEAD [(#REM) 6. Vos scripts ] -[] [(#REM) Fierement fabrique avec SPIP ] [(#REM) Favicon ] -[ -[]] +[] + [(#REM) meta robots ] [] @@ -51,7 +43,7 @@ Balise permettant aux plugins d'inserer des appels javascript ; diff --git a/inclure/header.html b/inclure/header.html index 24449f2..3cb698f 100755 --- a/inclure/header.html +++ b/inclure/header.html @@ -1,10 +1,41 @@ -
+ +
+ + +
+ - [(#ENV{home,'non'}|=={oui}|?{ -

#NOM_SITE_SPIP[(#LOGO_SITE_SPIP|image_reduire{150,150})]

- , - [(#LOGO_SITE_SPIP - |image_reduire{224,96})]#NOM_SITE_SPIP - })][

(#SLOGAN_SITE_SPIP)

] - -
diff --git a/lef_fonctions.php b/lef_fonctions.php new file mode 100644 index 0000000..f897d5b --- /dev/null +++ b/lef_fonctions.php @@ -0,0 +1,108 @@ +pays_id = $json_region["id"]; + $this->code = $json_region["code"]; + $this->name = $json_region["name"]; + } + + public function populate($json_regions, $evenementParRegionMap) { + $pays_key = "id_".$this->pays_id; + $this->key_array[] = $pays_key; + if (array_key_exists($pays_key, $evenementParRegionMap)) { + $evenementNationalArray = $evenementParRegionMap[$pays_key]; + $total_national = count($evenementNationalArray); + $this->total_pays += $total_national; + $this->lieuxnationaux = new LefLieux($evenementNationalArray); + } + foreach($json_regions as $region) { + if ($region["region_id"] == $this->pays_id) { + $region_key = "id_".$region["id"]; + $this->key_array[] = $region_key; + if (array_key_exists($region_key, $evenementParRegionMap)) { + $evenementParRegionArray = $evenementParRegionMap[$region_key]; + $total_region = count($evenementParRegionArray); + $lieux = new LefLieux($evenementParRegionArray); + $region["evenements"] = $lieux->toArray(); + $this->total_pays += $total_region; + $this->regions[] = $region; + } + } + } + } + + public function getTotal() { + return $this->total_pays; + } + + public function getKeyArray() { + return $this->key_array; + } + + public function toArray() { + $evenementsnationaux; + if ($this->lieuxnationaux) { + $evenementsnationaux = $this->lieuxnationaux->toArray(); + } else { + $evenementsnationaux = array(); + } + return array("name" => $this->name, "code" => $this->code, "sousregions" => $this->regions, "evenementsnationaux" => $evenementsnationaux); + } + +} + +class LefLieux { + + public $lieux = array(); + + public function __construct($evenementArray) { + foreach($evenementArray as $evenement) { + $city = $evenement["city"]; + if (!$city) { + $city = ""; + } + $lieu = null; + if (array_key_exists($city, $this->lieux)) { + $lieu = $this->lieux[$city]; + } else { + $lieu = new LefLieu($city); + $this->lieux[$city] = $lieu; + } + $lieu->addEvenement($evenement); + } + ksort($this->lieux); + } + + public function toArray() { + $result = array(); + foreach($this->lieux as $key => $lieu) { + $result[$lieu->name] = $lieu->evenementArray; + } + return $result; + } + +} + +class LefLieu { + + public $name = ""; + public $evenementArray = array(); + + public function __construct($name) { + $this->name = $name; + } + + public function addEvenement($evenement) { + $this->evenementArray[] = $evenement; + } +} diff --git a/mes_fonctions.php b/mes_fonctions.php index 640ad7d..a6086ce 100644 --- a/mes_fonctions.php +++ b/mes_fonctions.php @@ -1,12 +1,6 @@ code = "liste_regions()"; @@ -44,10 +38,11 @@ function liste_regions(){ * défini dans ce fichier mes_fonctions.php ***********************************/ define("MES", "MES"); -$GLOBALS[MES] = array("repartition" => false, "repartition2" => false); +$GLOBALS[MES] = array("repartition" => false); + /************************************ -* Balise récupérant les évènements répartis par région +* Balise récupérant les évènements répartis par pays et par région *************************************/ function balise_MES_REPARTITION($p) { $tag = ""; @@ -58,53 +53,6 @@ function balise_MES_REPARTITION($p) { return $p; } -/************************************ -* Balise récupérant les évènements répartis par pays et par région -*************************************/ -function balise_MES_REPARTITION2($p) { - $tag = ""; - if (($v = interprete_argument_balise(1,$p))!==NULL){ - $tag = $v; - } - $p->code = "mes_balise_Repartition2($tag)"; - return $p; -} - -/************************************ -* Récupération du JSON et traitement pour regrouper par région -* Renvoie le tableau associatif repartition avec deux clés : -* - total : le nombre total d'évènements -* - regions : tableau associatif avec comme clé le nom de la région et comme valeur -* le tableau des évènements -*************************************/ -function mes_balise_Repartition($tag) { - if ($GLOBALS[MES]["repartition"] != false) { - return $GLOBALS[MES]["repartition"]; - } - $url = 'http://www.agendadulibre.org/maps.json?future=false&tag='.$tag; - $json = json_decode(file_get_contents($url), true); - $evenementCount = count($json); - $regionMap = array(); - for($i = 0; $i < $evenementCount; $i++) { - $evenement = $json[$i]; - $region = "Autre"; - if (array_key_exists("region", $evenement["properties"])) { - $region = $evenement["properties"]["region"]; - } - if (array_key_exists($region, $regionMap)) { - $regionMap[$region][] = $evenement; - } else { - $regionMap[$region] = array($evenement); - } - } - uksort($regionMap, "mes_compare"); - $repartition = array( - "total" => $evenementCount, - "regions" => $regionMap - ); - $GLOBALS[MES]["repartition"] = $repartition; - return $repartition; -} /************************************ * Travaille en deux étapes : @@ -122,9 +70,9 @@ function mes_balise_Repartition($tag) { * - sousregions : le tableau des sous-régions * - evenementsnationaux : évènements codés au niveau du pays *************************************/ -function mes_balise_Repartition2($tag) { - if ($GLOBALS[MES]["repartition2"] != false) { - return $GLOBALS[MES]["repartition2"]; +/*function mes_balise_Repartition($tag) { + if ($GLOBALS[MES]["repartition"] != false) { + return $GLOBALS[MES]["repartition"]; } $url_evenements = 'http://www.agendadulibre.org/events.json?future=false&tag='.$tag; $evenementArray = json_decode(file_get_contents($url_evenements), true); @@ -196,7 +144,63 @@ function mes_balise_Repartition2($tag) { "pays" => $paysArray, "ailleurs" => $ailleursArray ); - $GLOBALS[MES]["repartition2"] = $repartition; + $GLOBALS[MES]["repartition"] = $repartition; + return $repartition; +}*/ + +function mes_balise_Repartition($tag) { + if ($GLOBALS[MES]["repartition"] != false) { + return $GLOBALS[MES]["repartition"]; + } + $url_evenements = 'http://www.agendadulibre.org/events.json?future=false&tag='.$tag; + $evenementArray = json_decode(file_get_contents($url_evenements), true); + $evenementCount = count($evenementArray); + $evenementParRegionMap = array(); + for($i = 0; $i < $evenementCount; $i++) { + $evenement = $evenementArray[$i]; + $region_id = 0; + if (array_key_exists("region_id", $evenement)) { + $region_id = $evenement["region_id"]; + } + if (array_key_exists("id_".$region_id, $evenementParRegionMap)) { + $evenementParRegionMap["id_".$region_id][] = $evenement; + } else { + $evenementParRegionMap["id_".$region_id] = array($evenement); + } + } + $url_regions = "http://www.agendadulibre.org/regions.json"; + $total = 0; + $json_regions = json_decode(file_get_contents($url_regions), true); + $paysArray = array(); + $regionTraiteeMap = array(); + foreach($json_regions as $json_region) { + if (strlen($json_region['code']) > 0) { + $pays = new LefPays($json_region); + $pays->populate($json_regions, $evenementParRegionMap); + foreach($pays->getKeyArray() as $key) { + $regionTraiteeMap[$key] = 1; + } + $total_pays = $pays->getTotal(); + if ($total_pays > 0) { + $paysArray[] = $pays->toArray(); + $total += $total_pays; + } + } + } + // Vérification que toutes les régions ont été traitées, les évènements non traités sont placés « ailleurs » + $ailleursArray = array(); + foreach ($evenementParRegionMap as $key => $array) { + if (!(array_key_exists($key, $regionTraiteeMap))) { + $ailleursArray = array_merge($ailleursArray, $array); + } + } + // Objet final + $repartition = array( + "total" => $total, + "pays" => $paysArray, + "ailleurs" => $ailleursArray + ); + $GLOBALS[MES]["repartition"] = $repartition; return $repartition; } diff --git a/modeles/agenda.html b/modeles/agenda.html index 5cb23b0..30e479b 100644 --- a/modeles/agenda.html +++ b/modeles/agenda.html @@ -1,40 +1,61 @@ -#SET{repartition, #MES_REPARTITION2{#ENV{tag}}} +#SET{repartition, #MES_REPARTITION{#ENV{tag}}}

#VALEUR{name}

-

À l'échelle nationale

-
    - +
    [(#VALEUR{code}|=={internet}|?{'En ligne', 'À l’échelle nationale'})] ([(#VALEUR|count)]) + + +[
    (#CLE)
    ] + + [(#SET{evt,#VALEUR})] -
  • [[(#GET{evt/start_time}|nom_jour)] (#GET{evt/start_time}|affdate_jourcourt)[ à (#GET{evt/start_time}|heures)][:(#GET{evt/start_time}|minutes)]] - [(#GET{evt/title})] - [((#GET{evt/city}))] -
    • +     + + + + + +
    [[(#GET{evt/start_time}|nom_jour)] (#GET{evt/start_time}|affdate_jourcourt)][(#GET{evt/start_time}|heures)][:(#GET{evt/start_time}|minutes)] + [(#GET{evt/title})] +
    +
    -
- +

#VALEUR{name}

-
    - + +
    [(#CLE|?{#CLE,'à l’échelle de la région})] ([(#VALEUR|count)]) + + [(#SET{evt,#VALEUR})] -
  • [[(#GET{evt/start_time}|nom_jour)] (#GET{evt/start_time}|affdate_jourcourt)[ à (#GET{evt/start_time}|heures)][:(#GET{evt/start_time}|minutes)]] - [(#GET{evt/title})] - à [(#GET{evt/city})] -
    • +     + + + + + +
    [[(#GET{evt/start_time}|nom_jour)] (#GET{evt/start_time}|affdate_jourcourt)][(#GET{evt/start_time}|heures)][:(#GET{evt/start_time}|minutes)] + [(#GET{evt/title})] +
    +
    -

Ailleurs

-
    - +#SET{ailleurs, #GET{repartition/ailleurs}} +
    Non localisé [(#GET{ailleurs}|count)] + + [(#SET{evt,#VALEUR})] -
  • [[(#GET{evt/start_time}|nom_jour)] (#GET{evt/start_time}|affdate_jourcourt)[ à (#GET{evt/start_time}|heures)][:(#GET{evt/start_time}|minutes)]] - [(#GET{evt/title})] - [((#GET{evt/city}))] -
    • +     + + + + - +
    [[(#GET{evt/start_time}|nom_jour)] (#GET{evt/start_time}|affdate_jourcourt)][(#GET{evt/start_time}|heures)][:(#GET{evt/start_time}|minutes)] + [(#GET{evt/title})] +
    +
    diff --git a/modeles/agenda_compteur.html b/modeles/agenda_compteur.html index 8db4e83..823cf1d 100644 --- a/modeles/agenda_compteur.html +++ b/modeles/agenda_compteur.html @@ -1,2 +1,2 @@ -#SET{repartition, #MES_REPARTITION2{#ENV{tag}}} +#SET{repartition, #MES_REPARTITION{#ENV{tag}}} #GET{repartition/total} diff --git a/rubrique.html b/rubrique.html index caf9679..0ff4748 100644 --- a/rubrique.html +++ b/rubrique.html @@ -1,50 +1,32 @@ - - -[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -] - - - - + + + - [(#NOM_SITE_SPIP|textebrut)] #TITRE - [] - [] - + [] + [] + - -
    - -
    -
    - [
    (#TEXTE|image_reduire{672,*})
    ] -
    - -
    - -
    - \ No newline at end of file + diff --git a/sommaire.html b/sommaire.html index 93038ec..aaf3393 100644 --- a/sommaire.html +++ b/sommaire.html @@ -1,36 +1,32 @@ - -[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -] - - - - + + [(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)] [] + +
    +
    + +
    +
    +
    +
    +
    + - -
    - - -
    - -
    - - - [
    (#TEXTE|image_reduire{672,*})
    ] - -
    - + [
    (#TEXTE|image_reduire{672,*})
    ] + +
    - -
    -
    +
    +
    + +