commit 655ef8c9067ed8dc2c8c8e67eb67a038378098a8 Author: François Poulain Date: Mon Jan 9 10:47:45 2017 +0100 commit initial diff --git a/article.html b/article.html new file mode 100644 index 0000000..168202c --- /dev/null +++ b/article.html @@ -0,0 +1,51 @@ + + +[(#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,*})
] +
+ + +
+
+ + + \ No newline at end of file diff --git a/css/perso.css b/css/perso.css new file mode 100644 index 0000000..17e5a8c --- /dev/null +++ b/css/perso.css @@ -0,0 +1,2169 @@ +@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: 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); } + +body { + font-size: 1.6rem; + background-color: #fff; + color: #000; + font-family: sans-serif; + line-height: 1.5; } + +a { + color: #333; } + a:hover, a:focus, a:active { + color: #000; } + +ul, +ol { + padding-left: 2em; } + +img { + vertical-align: middle; } + +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 { + margin-top: 0.75em; + margin-bottom: 0; + line-height: 1.5; } + +h1, .h1-like { + font-size: 3.2rem; + font-family: sans-serif; } + +h2, .h2-like { + font-size: 2.8rem; + font-family: sans-serif; } + +h3, .h3-like { + font-size: 2.4rem; } + +h4, .h4-like { + font-size: 2rem; } + +h5, .h5-like { + font-size: 1.8rem; } + +h6, .h6-like { + 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 { + /* IE fix */ + white-space: pre-line; + white-space: pre-wrap; + font-family: consolas, courier, monospace; + line-height: normal; } + +em, +.italic, +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; } + +/* avoid margins on nested elements */ +li p, +li .p-like, +li ul, +li ol { + margin-top: 0; + margin-bottom: 0; } + +/* max values */ +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; } + +code { + padding: 2px 4px; + background: rgba(0, 0, 0, 0.04); + color: #b11; } + +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) */ +/* ----------------------------- */ +/* 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%; } } + +/* ----------------------------- */ +/* ==Tables */ +/* ----------------------------- */ +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: #920; + text-decoration: underline; } + +a:hover { + color: #c50; + text-decoration: none; } + +a:visited { + color: #710; + text-decoration: none; } + +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 { + 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); } diff --git a/images/fond_entete-x.png b/images/fond_entete-x.png new file mode 100644 index 0000000..60bcbb2 Binary files /dev/null and b/images/fond_entete-x.png differ diff --git a/images/fond_entete.png b/images/fond_entete.png new file mode 100644 index 0000000..6bf4f86 Binary files /dev/null and b/images/fond_entete.png differ diff --git a/inclure/footer.html b/inclure/footer.html new file mode 100755 index 0000000..94bcc27 --- /dev/null +++ b/inclure/footer.html @@ -0,0 +1,10 @@ +
+

+ [(#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 new file mode 100755 index 0000000..48dfbd5 --- /dev/null +++ b/inclure/head.html @@ -0,0 +1,64 @@ +[(#REM) +Head standard de toutes les pages ; +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 ; +4. C'est ici que SPIP va inserer l'appel de la librairie jQuery +5. Et appeler a la fin compacte_head pour agreger et compacter tout le head dans des fichiers statiques si l'option est cochee dans Configuration +] +#INSERT_HEAD + +[(#REM) 6. Vos scripts ] +[] + +[(#REM) Fierement fabrique avec SPIP ] + + +[(#REM) Favicon ] +[ +[]] + +[(#REM) meta robots ] +[] + + + + + + + + \ No newline at end of file diff --git a/inclure/header.html b/inclure/header.html new file mode 100755 index 0000000..24449f2 --- /dev/null +++ b/inclure/header.html @@ -0,0 +1,10 @@ +
+ + [(#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/inclure/nav.html b/inclure/nav.html new file mode 100755 index 0000000..05d1831 --- /dev/null +++ b/inclure/nav.html @@ -0,0 +1,9 @@ +
+ +
Menu +
+[] diff --git a/js/script.js b/js/script.js new file mode 100755 index 0000000..d89053a --- /dev/null +++ b/js/script.js @@ -0,0 +1 @@ +$(document).ready(function(){$("nav#nav a").each(function(){$(this).attr("data-hover",$(this).text())}),$("#responsive-menu-button").sidr({name:"sidr-main",source:"#nav ul"})}); \ No newline at end of file diff --git a/js/scripts_footer.js b/js/scripts_footer.js new file mode 100644 index 0000000..5b5f771 --- /dev/null +++ b/js/scripts_footer.js @@ -0,0 +1 @@ +!function(){"use strict";function e(e,n,t){var i=new f(n);switch(e){case"open":i.open(t);break;case"close":i.close(t);break;case"toggle":i.toggle(t);break;default:m.error("Method "+e+" does not exist on jQuery.sidr")}}function n(e){return"status"===e?d:b[e]?b[e].apply(this,Array.prototype.slice.call(arguments,1)):"function"!=typeof e&&"string"!=typeof e&&e?void y.error("Method "+e+" does not exist on jQuery.sidr"):b.toggle.apply(this,arguments)}function t(e,n){if("function"==typeof n.source){var t=n.source(name);e.html(t)}else if("string"==typeof n.source&&r.isUrl(n.source))C.get(n.source,function(n){e.html(n)});else if("string"==typeof n.source){var i="",o=n.source.split(",");if(C.each(o,function(e,n){i+='
'+C(n).html()+"
"}),n.renaming){var s=C("
").html(i);s.find("*").each(function(e,n){var t=C(n);r.addPrefixes(t)}),i=s.html()}e.html(i)}else null!==n.source&&C.error("Invalid Sidr Source");return e}function i(e){var i=r.transitions,o=C.extend({name:"sidr",speed:200,side:"left",source:null,renaming:!0,body:"body",displace:!0,timing:"ease",method:"toggle",bind:"touchstart click",onOpen:function(){},onClose:function(){},onOpenEnd:function(){},onCloseEnd:function(){}},e),s=o.name,a=C("#"+s);return 0===a.length&&(a=C("
").attr("id",s).appendTo(C("body"))),i.supported&&a.css(i.property,o.side+" "+o.speed/1e3+"s "+o.timing),a.addClass("sidr").addClass(o.side).data({speed:o.speed,side:o.side,body:o.body,displace:o.displace,timing:o.timing,method:o.method,onOpen:o.onOpen,onClose:o.onClose,onOpenEnd:o.onOpenEnd,onCloseEnd:o.onCloseEnd}),a=t(a,o),this.each(function(){var e=C(this),t=e.data("sidr"),i=!1;t||(d.moving=!1,d.opened=!1,e.data("sidr",s),e.bind(o.bind,function(e){e.preventDefault(),i||(i=!0,n(o.method,s),setTimeout(function(){i=!1},100))}))})}var o={};o.classCallCheck=function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")},o.createClass=function(){function e(e,n){for(var t=0;tcode = "liste_regions()"; + return $p; +} + + +function liste_regions(){ + $tab_regions=array( + '3'=>"Auvergne-Rhône-Alpes", + '5'=>"Bourgogne-Franche-Comté", + '6'=>"Bretagne", + '7'=>"Centre-Val de Loire", + '9'=>"Corse", + '1'=>"Grand Est", + '23'=>"Guadeloupe", + '24'=>"Guyane", + '17'=>"Hauts-de-France", + '12'=>"Île-de-France", + '26'=>"La Réunion", + '25'=>"Martinique", + '28'=>"Mayotte", + '4'=>"Normandie", + '2'=>"Nouvelle-Aquitaine", + '13'=>"Occitanie", + '18'=>"Pays de la Loire", + '21'=>"Provence-Alpes-Côte d'Azur", + '27'=>"Autre pays" ); + return $tab_regions; +} \ No newline at end of file diff --git a/modeles/agenda.html b/modeles/agenda.html new file mode 100644 index 0000000..d919a79 --- /dev/null +++ b/modeles/agenda.html @@ -0,0 +1,16 @@ + + +[(#SET{url,#VAL{'http://www.agendadulibre.org/maps.json?tag='}|concat{#ENV{tag}}|concat{'&future=false®ion='}|concat{#CLE}})] + +

#VALEUR

+
    + + [(#SET{evt,#VALEUR|table_valeur{properties}})] +
  • [[(#GET{evt/start_time}|nom_jour)] (#GET{evt/start_time}|affdate)[ à (#GET{evt/start_time}|heures)][:(#GET{evt/start_time}|minutes)]] + [(#GET{evt/name})] + à [(#GET{evt/city})] +
    • + +
+ + \ No newline at end of file diff --git a/modeles/agenda_compteur.html b/modeles/agenda_compteur.html new file mode 100644 index 0000000..b86aea5 --- /dev/null +++ b/modeles/agenda_compteur.html @@ -0,0 +1,7 @@ +[(#SET{url,#VAL{'http://www.agendadulibre.org/maps.json?tag='}|concat{#ENV{tag}}|concat{'&future=false'}})] + + + + +#TOTAL_BOUCLE + \ No newline at end of file diff --git a/modeles/agenda_rss.html b/modeles/agenda_rss.html new file mode 100644 index 0000000..c51cd5e --- /dev/null +++ b/modeles/agenda_rss.html @@ -0,0 +1,34 @@ +

+ + + Flux RSS de tous les évènements +

+ + + + + + + + + + diff --git a/rubrique.html b/rubrique.html new file mode 100644 index 0000000..caf9679 --- /dev/null +++ b/rubrique.html @@ -0,0 +1,50 @@ + + +[(#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 new file mode 100644 index 0000000..93038ec --- /dev/null +++ b/sommaire.html @@ -0,0 +1,36 @@ + +[(#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,*})
] + +
+ + + +
+
+ +