diff --git a/Gulpfile.js b/Gulpfile.js
index d5e59cdef8..063db0d166 100644
--- a/Gulpfile.js
+++ b/Gulpfile.js
@@ -9,6 +9,12 @@ var paths = {
smileys: "assets/smileys/**",
stylesheet: "assets/scss/main.scss",
scss: ["assets/scss/**", "!assets/scss/_sprite.scss"],
+ errors_scss: ["errors/scss/**"],
+ errors: {
+ sass: "errors/scss",
+ images: "errors/images",
+ includePaths: ["errors/scss", "assets/bower_components/modularized-normalize-scss"],
+ },
sass: {
sass: "assets/scss",
images: "assets/images",
@@ -48,6 +54,20 @@ gulp.task("stylesheet", ["sprite"], function() {
.pipe(gulp.dest("dist/css"));
});
+gulp.task("errors", function() {
+ return gulp.src(paths.stylesheet)
+ .pipe($.sass({
+ sass: paths.errors.sass,
+ imagePath: paths.errors.images,
+ includePaths: paths.errors.includePaths
+ }))
+ .pipe($.autoprefixer(["last 1 version", "> 1%", "ff >= 20", "ie >= 8", "opera >= 12", "Android >= 2.2"], { cascade: true }))
+ .pipe(gulp.dest("errors/css"))
+ .pipe($.rename({ suffix: ".min" })) // génère une version minimifié
+ .pipe($.minifyCss())
+ .pipe(gulp.dest("errors/css"));
+});
+
gulp.task("sprite", function() {
var sprite = gulp.src(paths.sprite)
.pipe(spritesmith({
@@ -116,6 +136,7 @@ gulp.task("watch", function(cb) {
gulp.watch(paths.smiley, ["smileys"]);
gulp.watch(paths.images, ["images"]);
gulp.watch(paths.scss, ["stylesheet"]);
+ gulp.watch(paths.errors_scss, ["errors"]);
gulp.watch(paths.sprite, ["sprite", "stylesheet"]);
gulp.watch("dist/*/**", function(file) {
diff --git a/errors/500.html b/errors/500.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/errors/css/main.css b/errors/css/main.css
new file mode 100644
index 0000000000..806aac843a
--- /dev/null
+++ b/errors/css/main.css
@@ -0,0 +1,4218 @@
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ All styles for *Zeste de Savoir* website
+ ========================================================================== */
+/**
+ * Global vars
+ */
+/**
+ * Colors
+ */
+/**
+ * Custom mixins
+ */
+/**
+ * Import external mixins
+ */
+/**
+ * Import sprite
+ */
+/**
+ * Import custom styles
+ */
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+html {
+ font-family: sans-serif;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+ margin: 0; }
+
+/* HTML5 display definitions
+ ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+ display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio, canvas, progress, video {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */ }
+
+/*
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+ display: none;
+ height: 0; }
+
+/*
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden], template {
+ display: none; }
+
+/* Links
+ ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+ background: transparent; }
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active, a:hover {
+ outline: 0; }
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+ border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b, strong {
+ font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+ font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+ background: #ff0;
+ color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+ font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline; }
+
+sup {
+ top: -0.5em; }
+
+sub {
+ bottom: -0.25em; }
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+ border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 8/9/10/11.
+ */
+svg:not(:root) {
+ overflow: hidden; }
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+ margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+ overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code, kbd, pre, samp {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+/* Forms
+ ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button, input, optgroup, select, textarea {
+ color: inherit;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+ margin: 0;
+ /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+ overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button, select {
+ text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+button, html input[type="button"], input[type="reset"], input[type="submit"] {
+ -webkit-appearance: button;
+ /* 2 */
+ cursor: pointer;
+ /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled], html input[disabled] {
+ cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner, input::-moz-focus-inner {
+ border: 0;
+ padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+ line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"], input[type="radio"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
+ height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
+ */
+input[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ /* 2 */
+ box-sizing: content-box; }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none; }
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+ border: 0;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+ overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+ font-weight: bold; }
+
+/* Tables
+ ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+th, td {
+ padding: 0; }
+
+/* ===== Zeste de Savoir ====================================================
+ Base from HTML5 BoilerPlate
+ Updated by: Alex-D / Alexandre Demode
+ ---------------------------------
+ Base style for globals elements & helpers
+ ========================================================================== */
+html, body, button, input, select, textarea {
+ font-family: "Segoe UI", "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
+ color: #222; }
+ .wf-active html, .no-js html, .wf-active body, .no-js body, .wf-active button, .no-js button, .wf-active input, .no-js input, .wf-active select, .no-js select, .wf-active textarea, .no-js textarea {
+ font-family: "Source Sans Pro", "Segoe UI", "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif; }
+
+html {
+ height: 100%;
+ width: 100%;
+ font-size: 62.5%;
+ overflow-x: hidden; }
+
+body {
+ background: #F7F7F7;
+ font-size: 14px;
+ font-size: 1.4rem;
+ line-height: 1.7em;
+ min-height: 100%;
+ width: 100%; }
+
+.page-container, .main-container {
+ min-height: 100%;
+ background: #F7F7F7; }
+
+.content-container {
+ margin-bottom: 50px; }
+
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0; }
+
+img {
+ vertical-align: middle; }
+
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0; }
+
+textarea {
+ resize: vertical; }
+
+a {
+ color: #108bbf;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ a:hover {
+ color: #d68707;
+ text-decoration: none; }
+
+.chromeframe {
+ margin: 0;
+ background: #ccc;
+ color: #000;
+ padding: 0.2em 0;
+ text-align: center; }
+
+.mobile-menu, .mobile-menu-btn {
+ display: none; }
+
+.ico {
+ background-image: url("../images/sprite@2x.png");
+ background-repeat: no-repeat; }
+
+.ico-after {
+ position: relative; }
+ .ico-after:after {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 16px;
+ height: 16px;
+ background-image: url("../images/sprite@2x.png");
+ background-repeat: no-repeat; }
+
+.a11y {
+ display: block;
+ width: 0;
+ height: 0;
+ text-indent: -9999px; }
+
+nav ul, nav ol {
+ list-style: none; }
+
+/* ==========================================================================
+ Helper classes
+ ========================================================================== */
+.ir {
+ background-color: transparent;
+ border: 0;
+ overflow: hidden;
+ *text-indent: -9999px; }
+
+.ir:before {
+ content: "";
+ display: block;
+ width: 0;
+ height: 150%; }
+
+.hidden {
+ display: none !important;
+ visibility: hidden; }
+
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px; }
+
+.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
+ clip: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ position: static;
+ width: auto; }
+
+.invisible {
+ visibility: hidden; }
+
+.clearfix:before, .clearfix:after {
+ content: " ";
+ display: table; }
+
+.clearfix:after {
+ clear: both; }
+
+.clearfix {
+ *zoom: 1; }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Common style for all supports
+ ========================================================================== */
+#accessibility {
+ list-style: none;
+ margin: 0;
+ padding: 0 2.5%;
+ background: #062E41;
+ overflow: hidden;
+ height: 0; }
+ #accessibility.focused {
+ height: auto; }
+ #accessibility li {
+ display: inline;
+ margin: 0;
+ padding: 0; }
+ #accessibility li a {
+ display: inline-block;
+ padding: 0 7px;
+ color: #EEE; }
+ #accessibility li a:hover, #accessibility li a:focus {
+ color: #084561;
+ background-color: #fff;
+ text-decoration: none; }
+
+/* ===================
+ COOKIES
+ =================== */
+#cookies-banner {
+ padding: 0 2.5%;
+ background: #062E41;
+ display: none; }
+ #cookies-banner p {
+ margin: 0;
+ padding: 7px 0;
+ color: #EEE; }
+ #cookies-banner p a {
+ display: inline-block;
+ color: #EEE;
+ padding: 4px 13px;
+ margin-left: 15px;
+ background: #084561;
+ text-decoration: none; }
+ #cookies-banner p a:hover, #cookies-banner p a:focus {
+ background: #EEE;
+ color: #084561; }
+ #cookies-banner p button {
+ display: inline-block;
+ background: none;
+ border: none;
+ text-decoration: underline;
+ margin: 0;
+ padding: 0;
+ color: #EEE; }
+ #cookies-banner p button:hover, #cookies-banner p button:focus {
+ text-decoration: none; }
+ #cookies-banner #accept-cookies {
+ text-decoration: none;
+ background: #EEE;
+ color: #084561;
+ padding: 4px 15px;
+ border: none;
+ -webkit-transition: background 0.15s, color 0.15s;
+ -o-transition: background 0.15s, color 0.15s;
+ transition: background 0.15s, color 0.15s; }
+ #cookies-banner #accept-cookies:hover, #cookies-banner #accept-cookies:focus {
+ background: #084561;
+ color: #EEE; }
+
+.header-container header {
+ background: #084561;
+ border-bottom: 3px solid #F8AD32; }
+ .header-container header a, .header-container header button {
+ text-decoration: none;
+ color: #FFF;
+ -webkit-transition-property: background;
+ -o-transition-property: background;
+ transition-property: background;
+ -webkit-transition-duration: 0.15s;
+ -o-transition-duration: 0.15s;
+ transition-duration: 0.15s; }
+ .header-container header a:focus, .header-container header button:focus {
+ outline: none; }
+
+.header-logo {
+ text-align: center;
+ margin: 0;
+ padding: 0;
+ width: 100%; }
+
+.header-logo-link {
+ display: block;
+ margin: 0 auto;
+ text-indent: -9999px;
+ width: 100%;
+ max-width: 240px;
+ height: 60px;
+ background: url('../images/logo.png') no-repeat center center;
+ -webkit-background-size: 100% auto;
+ background-size: 100% auto; }
+ .header-logo-link.oldie {
+ width: 240px; }
+ .header-logo-link:hover, .header-logo-link:focus {
+ opacity: 0.7; }
+
+/* ==============
+ ALL: Dropdown
+ ============== */
+.dropdown {
+ display: none;
+ position: absolute;
+ text-align: left;
+ top: 50px;
+ left: 0;
+ right: 0;
+ background-color: #396a81;
+ margin: 0;
+ padding: 10px 2.5%;
+ font-size: 14px;
+ font-size: 1.4rem;
+ border-bottom: 3px solid #F8AD32;
+ z-index: 50; }
+ .dropdown .dropdown-title {
+ color: #FFF; }
+ .dropdown .dropdown-list {
+ width: 100%;
+ padding: 0;
+ margin-top: 15px; }
+ .dropdown .dropdown-list > li {
+ width: 20%;
+ float: left; }
+ .dropdown .dropdown-list > li.dropdown-empty-message {
+ color: rgba(255, 255, 255, 0.5);
+ text-align: center;
+ line-height: 60px;
+ background: none !important; }
+ .dropdown .dropdown-list > li ul {
+ margin: 0 0 10px;
+ padding: 0; }
+ .dropdown .dropdown-list > li ul li {
+ position: relative; }
+ .dropdown .dropdown-list > li ul li a {
+ display: block;
+ width: 95%;
+ height: 25px;
+ line-height: 25px;
+ color: #95d7f5;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .dropdown .dropdown-list > li ul li a:hover, .dropdown .dropdown-list > li ul li a:focus {
+ text-indent: 3%;
+ background-color: rgba(0, 0, 0, 0.3); }
+ .dropdown .dropdown-link-all {
+ display: block;
+ clear: both;
+ text-align: center;
+ height: 30px;
+ line-height: 30px;
+ border-top: 1px solid #274a5a;
+ background-color: #396a81;
+ -webkit-transition-property: color, background-color;
+ -o-transition-property: color, background-color;
+ transition-property: color, background-color; }
+ .dropdown .dropdown-link-all:first-child {
+ border-top: 0 !important;
+ border-bottom: 1px solid #274a5a; }
+ .dropdown .dropdown-link-all:hover, .dropdown .dropdown-link-all:focus {
+ color: #95d7f5;
+ background-color: #274a5a;
+ border-top: 1px solid #396a81; }
+
+.active + .dropdown {
+ display: block; }
+
+/* ==============
+ ALL: Menu
+ ============== */
+.header-container .header-menu {
+ height: 60px; }
+ .header-container .header-menu .header-menu-list {
+ margin: 0;
+ padding: 0; }
+ .header-container .header-menu .header-menu-list > li {
+ display: block;
+ float: left;
+ width: 33.3%; }
+ .header-container .header-menu .header-menu-list > li > a {
+ display: block;
+ position: relative;
+ text-align: center;
+ line-height: 60px;
+ text-transform: uppercase;
+ font-size: 1.5px;
+ font-size: 1.5rem;
+ text-shadow: rgba(0, 0, 0, 0.75) 0 0 3px; }
+ .header-container .header-menu .header-menu-list > li > a:hover, .header-container .header-menu .header-menu-list > li > a:focus, .header-container .header-menu .header-menu-list > li > a.active {
+ background: #396a81; }
+ .header-container .header-menu .header-menu-list > li > a.current:before {
+ content: " ";
+ display: block;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 2px;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease;
+ border-radius: 2px 2px 0 0;
+ background-color: #F8AD32; }
+ .header-container .header-menu .header-menu-list > li > a.current.active:before {
+ height: 0; }
+
+.logbox {
+ background: rgba(255, 255, 255, 0.05); }
+ .logbox .notifs-links {
+ margin-right: 60px; }
+ .logbox .notifs-links .ico-link {
+ display: block;
+ position: relative;
+ width: 33.3%;
+ height: 60px;
+ line-height: 60px;
+ float: left; }
+ .logbox .notifs-links .ico-link .notif-count {
+ display: block;
+ position: absolute;
+ z-index: 1;
+ top: 50%;
+ right: 50%;
+ margin: -20px -22px 0 0;
+ padding: 0 5px;
+ height: 16px;
+ line-height: 14px;
+ background: #c0392b;
+ border-radius: 16px; }
+ .logbox .notifs-links .ico-link .notif-text {
+ display: block;
+ position: absolute;
+ text-indent: -9999px;
+ height: 22px;
+ width: 22px;
+ top: 50%;
+ left: 50%;
+ margin: -11px 0 0 -11px; }
+ .logbox .notifs-links .ico-link .notif-text.ico-messages {
+ background-position: 0px -3492px; }
+ .logbox .notifs-links .ico-link .notif-text.ico-notifs {
+ background-position: 0px -4052px; }
+ .logbox .notifs-links .ico-link .notif-text.ico-alerts {
+ background-position: 0px -132px; }
+ .logbox .notifs-links .ico-link .notif-text.ico-params {
+ background-position: 0px -4132px; }
+ .logbox .notifs-links .ico-link:hover, .logbox .notifs-links .ico-link:focus, .logbox .notifs-links .ico-link.active {
+ background: #396a81; }
+ .logbox .dropdown {
+ overflow: hidden; }
+ .logbox .dropdown .dropdown-title {
+ display: block;
+ width: 100%;
+ height: 35px;
+ line-height: 37px;
+ text-align: center;
+ border-bottom: 1px solid #274a5a;
+ background-color: #396a81; }
+ .logbox .dropdown, .logbox .dropdown .dropdown-list {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ background-color: #19526c; }
+ .logbox .dropdown li, .logbox .dropdown .dropdown-list li {
+ display: block;
+ width: 100%;
+ height: 60px; }
+ .logbox .dropdown li a, .logbox .dropdown .dropdown-list li a {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ height: 100%;
+ width: 100%; }
+ .logbox .dropdown li a, .logbox .dropdown li a:hover, .logbox .dropdown li a:focus, .logbox .dropdown .dropdown-list li a, .logbox .dropdown .dropdown-list li a:hover, .logbox .dropdown .dropdown-list li a:focus {
+ opacity: 1;
+ -webkit-transition-property: opacity, background-color;
+ -o-transition-property: opacity, background-color;
+ transition-property: opacity, background-color; }
+ .logbox .dropdown li a:hover, .logbox .dropdown li a:focus, .logbox .dropdown .dropdown-list li a:hover, .logbox .dropdown .dropdown-list li a:focus {
+ background-color: #396a81; }
+ .logbox .dropdown li a:hover .username, .logbox .dropdown li a:focus .username, .logbox .dropdown .dropdown-list li a:hover .username, .logbox .dropdown .dropdown-list li a:focus .username {
+ text-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; }
+ .logbox .dropdown li a:hover .date, .logbox .dropdown li a:focus .date, .logbox .dropdown .dropdown-list li a:hover .date, .logbox .dropdown .dropdown-list li a:focus .date {
+ color: #95D7F5; }
+ .logbox .dropdown li .avatar, .logbox .dropdown .dropdown-list li .avatar {
+ float: left;
+ height: 30px;
+ width: 30px; }
+ .logbox .dropdown li .username, .logbox .dropdown .dropdown-list li .username {
+ display: block;
+ float: left;
+ margin: 4px 0 0 7px;
+ color: #95D7F5;
+ width: 50%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+ .logbox .dropdown li .date, .logbox .dropdown .dropdown-list li .date {
+ color: #5196b6;
+ float: right;
+ padding: 4px 10px 0 0;
+ -webkit-transition-property: color;
+ -o-transition-property: color;
+ transition-property: color; }
+ .logbox .dropdown li .topic, .logbox .dropdown .dropdown-list li .topic {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ overflow: hidden;
+ height: 25px;
+ padding: 4px 7px 2px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 95%;
+ width: calc(100% - 14px); }
+ .logbox .dropdown li:nth-child(2n+1), .logbox .dropdown li:nth-child(2n+1) form button, .logbox .dropdown .dropdown-list li:nth-child(2n+1), .logbox .dropdown .dropdown-list li:nth-child(2n+1) form button {
+ background-color: #084561; }
+ .logbox .my-account {
+ display: block;
+ height: 60px;
+ width: 60px;
+ float: right; }
+ .logbox .my-account .username {
+ display: none; }
+ .logbox .my-account .avatar {
+ background: #396a81; }
+ .logbox .dropdown.my-account-dropdown a, .logbox .dropdown.my-account-dropdown button {
+ padding-left: 10px; }
+ .logbox .dropdown.my-account-dropdown button {
+ width: 100%;
+ height: 30px;
+ line-height: 28px;
+ background: transparent;
+ text-align: left;
+ border: 0; }
+ .logbox .dropdown.my-account-dropdown button:hover, .logbox .dropdown.my-account-dropdown button:focus {
+ background: #396a81; }
+ .logbox.unlogged a {
+ display: block;
+ width: 50%;
+ text-align: center;
+ float: left;
+ line-height: 60px;
+ height: 60px; }
+ .logbox.unlogged a:hover, .logbox.unlogged a:focus {
+ background-color: #396a81; }
+
+.avatar {
+ height: 60px;
+ width: 60px;
+ background-color: #FFF; }
+
+.sub-header {
+ background: #EEE; }
+
+.breadcrumb {
+ display: none; }
+
+.search {
+ display: block;
+ position: relative; }
+ .search form input, .search form button {
+ float: left;
+ border: none;
+ background: rgba(255, 255, 255, 0.25);
+ height: 40px;
+ -webkit-transition-property: background;
+ -o-transition-property: background;
+ transition-property: background;
+ -webkit-transition-duration: 0.15s;
+ -o-transition-duration: 0.15s;
+ transition-duration: 0.15s; }
+ .search form input:hover, .search form input:focus, .search form button:hover, .search form button:focus {
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.75); }
+ .search form input {
+ height: 30px;
+ padding: 5px 3%;
+ width: 70%; }
+ .search form button {
+ width: 12%;
+ text-indent: -9999px; }
+ .search form button:after {
+ display: block;
+ content: " ";
+ position: absolute;
+ top: 12px;
+ left: 50%;
+ margin-left: -8px;
+ height: 16px;
+ width: 16px;
+ background-position: 0px -4932px; }
+ .search .search-more {
+ display: block;
+ float: left;
+ height: 40px;
+ font-family: Arial, sans-serif;
+ line-height: 40px;
+ width: 12%;
+ text-align: center;
+ font-weight: bold;
+ text-decoration: none;
+ font-size: 24px;
+ background: white;
+ color: #084561;
+ -webkit-transition: background 0.15s ease;
+ -o-transition: background 0.15s ease;
+ transition: background 0.15s ease; }
+ .search .search-more:hover, .search .search-more:focus {
+ background: rgba(255, 255, 255, 0.7); }
+
+/* ==============
+ ALL: Alert boxes
+ ============== */
+.alert-box {
+ position: relative;
+ padding: 8px 15px;
+ margin: 0 0 15px 2%;
+ color: #FFF;
+ text-shadow: rgba(0, 0, 0, 0.2) 0 0 2px; }
+ .alert-box .close-alert-box {
+ display: block;
+ position: absolute;
+ top: 12px;
+ right: 15px;
+ height: 20px;
+ width: 20px;
+ text-indent: -9999px;
+ text-decoration: none; }
+ .alert-box .close-alert-box-text {
+ width: auto;
+ text-indent: 0;
+ top: 8px; }
+ .alert-box.info, .alert-box.success {
+ background: #48A200; }
+ .alert-box.error {
+ background: #C0392B; }
+ .alert-box.alert, .alert-box.warning {
+ background: #e67e22; }
+ .alert-box a {
+ color: #EEE; }
+
+.content-wrapper .alert-box {
+ margin: 0 0 20px; }
+
+/* ==============
+ ALL: Main
+ ============== */
+.main .sidebar {
+ padding: 0 0 10px;
+ background: #F0F0F0;
+ border-bottom: 1px solid #FFF;
+ color: #424242;
+ width: 105%;
+ margin: 0 0 0 -2.7%; }
+ .main .sidebar .new-btn {
+ display: block;
+ height: 40px;
+ padding-left: 11.5%;
+ text-decoration: none;
+ text-indent: 25px;
+ line-height: 40px;
+ font-size: 16px;
+ font-size: 1.6rem;
+ position: relative;
+ color: #108bbf;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .main .sidebar .new-btn:first-child {
+ margin-top: 31px; }
+ .main .sidebar .new-btn:hover, .main .sidebar .new-btn:focus {
+ background: #FFF; }
+ .main .sidebar .new-btn:after {
+ top: 12px;
+ left: 11.5%; }
+ .main .sidebar h3, .main .sidebar h4 {
+ font-weight: normal;
+ margin: 0;
+ padding: 0; }
+ .main .sidebar h3 {
+ font-size: 18px;
+ font-size: 1.8rem;
+ line-height: 38px;
+ line-height: 3.8rem;
+ color: #084561;
+ border-bottom: 1px solid #F8AD32;
+ margin-top: 30px; }
+ .main .sidebar h4 {
+ padding-top: 20px;
+ font-size: 17px;
+ font-size: 1.7rem; }
+ .main .sidebar h4 a {
+ text-decoration: none;
+ color: #424242; }
+ .main .sidebar.accordeon h4 {
+ cursor: pointer; }
+ .main .sidebar h4[data-num] {
+ position: relative;
+ padding-left: calc(5% + 25px); }
+ .main .sidebar h4[data-num]:before {
+ content: attr(data-num);
+ position: absolute;
+ left: 5%;
+ text-align: right;
+ width: 50px;
+ margin-left: -35px; }
+ .main .sidebar h3 + ul {
+ margin: 7px 0; }
+ .main .sidebar ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ width: 100%; }
+ .main .sidebar ul li {
+ position: relative;
+ padding: 0 0 0 2.5%;
+ -webkit-transition: background 0.15s ease;
+ -o-transition: background 0.15s ease;
+ transition: background 0.15s ease; }
+ .main .sidebar ul li:not(.inactive):hover, .main .sidebar ul li a:focus, .main .sidebar ul li button:focus {
+ background: #FFF;
+ outline: none; }
+ .main .sidebar ul li:not(.inactive):hover .ico-after.action-hover, .main .sidebar ul li a:focus .ico-after.action-hover, .main .sidebar ul li button:focus .ico-after.action-hover {
+ display: block; }
+ .main .sidebar ul li a, .main .sidebar ul li button, .main .sidebar ul li.inactive > span, .main .sidebar ul li.inactive > em {
+ display: block;
+ padding-left: 25px;
+ padding-right: 10px;
+ text-decoration: none;
+ color: #0079b2;
+ overflow: hidden;
+ height: 30px;
+ line-height: 30px;
+ font-size: 14px;
+ font-size: 1.4rem;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ border: 0;
+ text-align: left;
+ background: rgba(0, 0, 0, 0);
+ /**
+ * Sidebar link variations / icons
+ */ }
+ .main .sidebar ul li a[data-num], .main .sidebar ul li button[data-num], .main .sidebar ul li.inactive > span[data-num], .main .sidebar ul li.inactive > em[data-num] {
+ position: relative; }
+ .main .sidebar ul li a[data-num]:after, .main .sidebar ul li button[data-num]:after, .main .sidebar ul li.inactive > span[data-num]:after, .main .sidebar ul li.inactive > em[data-num]:after {
+ content: attr(data-num) ".";
+ position: absolute;
+ left: 0;
+ width: 18px;
+ text-align: right;
+ color: #424242; }
+ .main .sidebar ul li a.unread, .main .sidebar ul li button.unread, .main .sidebar ul li.inactive > span.unread, .main .sidebar ul li.inactive > em.unread {
+ font-weight: bold; }
+ .main .sidebar ul li a.ico-after:after, .main .sidebar ul li button.ico-after:after, .main .sidebar ul li.inactive > span.ico-after:after, .main .sidebar ul li.inactive > em.ico-after:after {
+ top: 7px;
+ left: 0;
+ opacity: 0.7; }
+ .main .sidebar ul li a.ico-after.disabled:after, .main .sidebar ul li button.ico-after.disabled:after, .main .sidebar ul li.inactive > span.ico-after.disabled:after, .main .sidebar ul li.inactive > em.ico-after.disabled:after {
+ opacity: 0.4 !important; }
+ .main .sidebar ul li a.ico-after:hover:after, .main .sidebar ul li a.ico-after:focus:after, .main .sidebar ul li button.ico-after:hover:after, .main .sidebar ul li button.ico-after:focus:after, .main .sidebar ul li.inactive > span.ico-after:hover:after, .main .sidebar ul li.inactive > span.ico-after:focus:after, .main .sidebar ul li.inactive > em.ico-after:hover:after, .main .sidebar ul li.inactive > em.ico-after:focus:after {
+ opacity: 1; }
+ .main .sidebar ul li a.ico-after.action-hover, .main .sidebar ul li button.ico-after.action-hover, .main .sidebar ul li.inactive > span.ico-after.action-hover, .main .sidebar ul li.inactive > em.ico-after.action-hover {
+ position: absolute;
+ display: none;
+ overflow: visible;
+ top: 0;
+ left: 10%;
+ padding: 0;
+ z-index: 1;
+ width: 30px;
+ height: 30px;
+ text-indent: -9999px;
+ background: #FFF;
+ right: -30px; }
+ .main .sidebar ul li a.ico-after.action-hover[data-title]:hover:before, .main .sidebar ul li button.ico-after.action-hover[data-title]:hover:before, .main .sidebar ul li.inactive > span.ico-after.action-hover[data-title]:hover:before, .main .sidebar ul li.inactive > em.ico-after.action-hover[data-title]:hover:before {
+ content: attr(data-title);
+ display: block;
+ position: absolute;
+ background: #FFF;
+ color: #555;
+ top: -27px;
+ left: 0;
+ height: 27px;
+ line-height: 27px;
+ line-height: 2.7rem;
+ text-indent: 0;
+ padding: 0 15px;
+ border: 1px solid #EEE;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 7px;
+ box-shadow: rgba(0, 0, 0, 0.15) 0 0 7px; }
+ .main .sidebar ul li a.ico-after.action-hover:after, .main .sidebar ul li button.ico-after.action-hover:after, .main .sidebar ul li.inactive > span.ico-after.action-hover:after, .main .sidebar ul li.inactive > em.ico-after.action-hover:after {
+ left: 7px; }
+ .main .sidebar ul li.inactive > span, .main .sidebar ul li.inactive > em {
+ color: #555; }
+ .main .sidebar ul li .count {
+ display: block;
+ position: absolute;
+ top: 6px;
+ right: 20px;
+ padding: 1px 10px;
+ height: 16px;
+ line-height: 16px;
+ font-style: normal;
+ background: #AAA;
+ color: #FFF; }
+ .main .sidebar ul li .last-answer {
+ display: block;
+ visibility: hidden;
+ position: absolute;
+ top: -13px;
+ left: 102%;
+ width: 250px;
+ height: 40px;
+ background: #FFF;
+ padding: 7px 10px;
+ border: 1px solid #F0F0F0;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px;
+ box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px;
+ opacity: 0;
+ -webkit-transition: visibility 0s linear 0.15s, opacity 0.15s, left 0.15s;
+ -o-transition: visibility 0s linear 0.15s, opacity 0.15s, left 0.15s;
+ transition: visibility 0s linear 0.15s, opacity 0.15s, left 0.15s; }
+ .main .sidebar ul li .last-answer .avatar {
+ height: 40px;
+ width: 40px;
+ float: left;
+ border: 1px solid #F0F0F0; }
+ .main .sidebar ul li .last-answer .topic-last-answer {
+ display: block;
+ margin-left: 50px;
+ line-height: 18px;
+ padding: 3px 0;
+ color: #555; }
+ .main .sidebar ul li .last-answer .topic-no-last-answer {
+ display: block;
+ line-height: 40px;
+ width: 100%;
+ text-align: center;
+ color: #999; }
+ .main .sidebar ul li a:hover + .last-answer, .main .sidebar ul li a:focus + .last-answer {
+ visibility: visible;
+ left: 100%;
+ opacity: 1;
+ -webkit-transition: visibility 0s linear 0, opacity 0.15s, left 0.15s;
+ -o-transition: visibility 0s linear 0, opacity 0.15s, left 0.15s;
+ transition: visibility 0s linear 0, opacity 0.15s, left 0.15s; }
+ .main .sidebar ul li button {
+ width: 100%;
+ line-height: 28px; }
+ .main .sidebar ul li li {
+ padding: 0; }
+ .main .sidebar ul li li a {
+ position: relative;
+ color: #084561;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .main .sidebar ul li li a:hover, .main .sidebar ul li li a:focus {
+ color: #0079B2;
+ background: #FFF;
+ margin-left: -11px; }
+ .main .sidebar ul li li a:hover:before, .main .sidebar ul li li a:focus:before {
+ content: "> "; }
+ .main .sidebar.summary h4 {
+ border-bottom: 1px solid #d8dada;
+ padding-bottom: 5px;
+ padding-right: 15px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+ .main .sidebar.summary h4 + ul > li:first-child {
+ margin-top: 5px; }
+ .main .sidebar.summary ul li.current {
+ margin-top: 0 !important;
+ padding-top: 5px;
+ margin-bottom: 5px;
+ background-color: #FFF; }
+ .main .sidebar.summary ul li.current ul {
+ margin-top: 5px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ margin-left: -42px;
+ width: calc(105% + 25px);
+ background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(rgba(0, 0, 0, 0.07)), color-stop(3px, #F7F7F7));
+ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07), #F7F7F7 3px);
+ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.07), #F7F7F7 3px);
+ background: linear-gradient(top, rgba(0, 0, 0, 0.07), #F7F7F7 3px); }
+ .main .sidebar.summary ul li.current ul a {
+ padding-left: 50px; }
+
+.main .content-container {
+ padding-top: 30px; }
+ .main .content-container h1, .main .content-container h2 {
+ font-size: 22px;
+ font-size: 2.2rem;
+ line-height: 38px;
+ line-height: 3.8rem;
+ color: #084561;
+ font-weight: normal;
+ border-bottom: 1px solid #F8AD32;
+ margin: 1px 0 15px; }
+ .main .content-container h1.illu, .main .content-container h2.illu {
+ padding-left: 60px; }
+ .main .content-container h1.illu img, .main .content-container h2.illu img {
+ background: #FFF; }
+ .main .content-container h1.ico-after, .main .content-container h2.ico-after {
+ padding-left: 80px; }
+ .main .content-container h1.ico-after:after, .main .content-container h2.ico-after:after {
+ width: 80px;
+ height: 40px;
+ margin-left: 21px; }
+ .main .content-container h1.ico-articles:after, .main .content-container h2.ico-articles:after {
+ background-position: 0px -772px; }
+ .main .content-container h1.ico-tutorials:after, .main .content-container h2.ico-tutorials:after {
+ background-position: 0px -5892px; }
+ .main .content-container h1.illu img, .main .content-container h2.illu img {
+ position: absolute;
+ margin: -6px 0 0 -60px;
+ border: 1px solid #cdd0d1;
+ width: 50px;
+ height: 50px; }
+ .main .content-container h1:not(:first-child), .main .content-container h2:not(:first-child) {
+ margin-top: 50px; }
+ .main .content-container .license {
+ float: right;
+ margin-top: -45px; }
+ .main .content-container .subtitle {
+ font-size: 18px;
+ font-size: 1.8rem;
+ color: #999;
+ margin-top: -15px;
+ margin-bottom: 15px;
+ padding: 10px 0;
+ font-weight: normal;
+ border-bottom: 1px solid #EEE; }
+ .main .content-container .member-item {
+ margin-right: 7px; }
+ .main .content-container .member-item .avatar {
+ margin-top: -2px;
+ height: 20px;
+ width: 20px;
+ border: 1px solid #CCC; }
+ .main .content-container .member-item:hover .avatar {
+ border-color: #999; }
+ .main .content-container .authors .member-item {
+ margin-right: 0; }
+ .main .content-container .open-zen-mode {
+ display: none; }
+
+.main.home .content-container {
+ margin-top: 0; }
+
+/* ==============
+ ALL: Main / Home
+ ============== */
+.tutorial-list article, .main .article-content .tutorial-list article {
+ min-height: 60px;
+ padding: 20px 2%;
+ border-bottom: 1px solid #e0e4e5; }
+ .tutorial-list article:nth-child(2n+1), .main .article-content .tutorial-list article:nth-child(2n+1) {
+ background-color: rgba(255, 255, 255, 0.8); }
+ .tutorial-list article, .tutorial-list article h3, .tutorial-list article a h3, .tutorial-list article h3 a, .main .article-content .tutorial-list article, .main .article-content .tutorial-list article h3, .main .article-content .tutorial-list article a h3, .main .article-content .tutorial-list article h3 a {
+ color: #424242;
+ font-weight: normal; }
+ .tutorial-list article a h3:hover, .tutorial-list article a h3:focus, .tutorial-list article h3 a:hover, .tutorial-list article h3 a:focus, .main .article-content .tutorial-list article a h3:hover, .main .article-content .tutorial-list article a h3:focus, .main .article-content .tutorial-list article h3 a:hover, .main .article-content .tutorial-list article h3 a:focus {
+ text-decoration: underline; }
+ .tutorial-list article h3, .main .article-content .tutorial-list article h3 {
+ margin: 0;
+ padding: 0;
+ font-size: 20px;
+ font-size: 2rem;
+ height: 27px;
+ width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+ .tutorial-list article a, .main .article-content .tutorial-list article a {
+ text-decoration: none; }
+ .tutorial-list article .article-metadata, .main .article-content .tutorial-list article .article-metadata {
+ margin: 0 0 5px;
+ padding: 0;
+ color: #ee8709; }
+ .tutorial-list article .article-metadata a, .main .article-content .tutorial-list article .article-metadata a {
+ color: #ee8709; }
+ .tutorial-list article .article-metadata a:hover, .tutorial-list article .article-metadata a:focus, .main .article-content .tutorial-list article .article-metadata a:hover, .main .article-content .tutorial-list article .article-metadata a:focus {
+ text-decoration: underline; }
+ .tutorial-list article .article-illu, .main .article-content .tutorial-list article .article-illu {
+ display: block;
+ width: 100%;
+ height: 100px;
+ overflow: hidden;
+ background-repeat: no-repeat;
+ background-position: center center;
+ -webkit-background-size: cover;
+ background-size: cover; }
+ .tutorial-list article .article-illu img, .main .article-content .tutorial-list article .article-illu img {
+ width: 100%;
+ height: 100%;
+ opacity: 0; }
+ .tutorial-list article .resume, .main .article-content .tutorial-list article .resume {
+ margin: 20px 0 0;
+ padding: 0; }
+ .tutorial-list article .tutorial-img, .main .article-content .tutorial-list article .tutorial-img {
+ float: left; }
+ .tutorial-list article .tutorial-infos, .main .article-content .tutorial-list article .tutorial-infos {
+ margin: 7px 0 0 70px; }
+
+/* ==============
+ ALL: Main / Tags
+ ============== */
+.taglist {
+ list-style: none;
+ padding: 0;
+ margin: -14px 0 15px;
+ height: 30px;
+ line-height: 30px; }
+ .taglist li {
+ float: right; }
+ .taglist li a {
+ display: block;
+ text-decoration: none;
+ padding: 0 10px;
+ background: #EEE;
+ color: #777;
+ margin-left: 1px;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .taglist li a:before {
+ content: "#"; }
+ .taglist li a:hover, .taglist li a:focus {
+ background: #FFF;
+ color: #0e7aa8;
+ border-bottom: 1px solid #0e7aa8; }
+
+/* ==============
+ ALL: Main / Content Wrappers
+ ============== */
+.small-content-wrapper {
+ width: 90%;
+ max-width: 500px;
+ margin: 20px auto; }
+
+/* ==============
+ ALL: Main / Authors
+ ============== */
+.authors {
+ color: #9c9c9c;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #e0e4e5;
+ margin-bottom: 20px !important; }
+ .authors .authors-label {
+ display: inline-block; }
+ .authors ul {
+ display: inline-block;
+ list-style: none;
+ padding: 0;
+ margin: 0; }
+ .authors ul li {
+ display: inline-block;
+ margin: 0; }
+ .authors ul li .avatar {
+ height: 28px;
+ width: 28px;
+ border: 1px solid #cdd0d1;
+ margin-right: 3px;
+ margin-top: -4px; }
+ .authors ul li a {
+ display: block;
+ text-decoration: none;
+ color: #108bbf;
+ height: 36px;
+ line-height: 36px;
+ padding: 0 8px;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .authors ul li a.ico-after {
+ padding-left: 30px; }
+ .authors ul li a.ico-after:after {
+ margin: 10px 0 0 8px; }
+ .authors ul li a:hover, .authors ul li a:focus {
+ background: #DDD;
+ color: #084561; }
+ .authors ul li .info {
+ padding-left: 5px;
+ color: #777; }
+
+/* ==============
+ ALL: Main / Pagination
+ ============== */
+.pagination {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ border-top: 1px solid #d2d5d6;
+ border-bottom: 1px solid #d2d5d6;
+ background: #FBFBFB;
+ height: 40px;
+ margin-bottom: 20px !important; }
+ .pagination li {
+ float: left; }
+ .pagination li a {
+ display: block;
+ text-align: center;
+ text-decoration: none;
+ color: #084561;
+ min-width: 45px;
+ height: 40px;
+ line-height: 40px;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .pagination li a.current {
+ height: 38px;
+ color: #808080;
+ background: #F4F6F6;
+ margin-top: -1px;
+ border-left: 1px solid #d2d5d6;
+ border-bottom: 3px solid #d2d5d6;
+ border-right: 2px solid #d2d5d6; }
+ .pagination li a.ico-after:after {
+ margin-top: 12px; }
+ .pagination li a[href]:hover, .pagination li a[href]:focus {
+ background: #d2d5d6; }
+ .pagination li.prev a, .pagination li.next a {
+ padding: 0 15px; }
+ .pagination li.prev .ico-after {
+ padding-left: 30px; }
+ .pagination li.prev .ico-after:after {
+ margin-left: 8px; }
+ .pagination li.next {
+ float: right; }
+ .pagination li.next .ico-after {
+ padding-right: 30px; }
+ .pagination li.next .ico-after:after {
+ right: 8px;
+ left: auto; }
+ .pagination.pagination-top li a.current {
+ margin-top: 0;
+ border-top: 3px solid #d2d5d6;
+ border-bottom: none;
+ height: 35px;
+ line-height: 35px;
+ padding-bottom: 3px; }
+ .pagination.pagination-chapter {
+ margin-left: 0; }
+ .pagination.pagination-chapter li {
+ max-width: 45%; }
+ .pagination.pagination-chapter a {
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden; }
+
+/* ==============
+ ALL: Main / Forum topic, MP list
+ ============== */
+.topic-list {
+ margin-top: 50px !important;
+ margin-bottom: 50px !important; }
+ .topic-list .topic {
+ position: relative;
+ height: 81px;
+ line-height: 25px;
+ border-top: 1px solid #FFF;
+ border-bottom: 1px solid #CCC;
+ overflow: hidden;
+ border-left: 1px solid transparent;
+ clear: both; }
+ .topic-list .topic:first-child {
+ overflow: visible; }
+ .topic-list .topic:first-child:after {
+ display: block;
+ content: " ";
+ width: 100%;
+ height: 1px;
+ background: #CCC;
+ margin-top: -2px; }
+ .topic-list .topic:before {
+ content: " ";
+ display: block;
+ position: absolute;
+ background: transparent;
+ height: 100%;
+ width: 2px; }
+ .topic-list .topic.unread:before {
+ background: #108bbf; }
+ .topic-list .topic:nth-child(2n) {
+ background: none; }
+ .topic-list .topic.unread {
+ background: #FFF; }
+ .topic-list .topic.unread .topic-title {
+ font-weight: bold; }
+ .topic-list .topic:hover:before, .topic-list .topic.active:before {
+ width: 5px;
+ background: #108bbf; }
+ .topic-list .topic.selected {
+ background-color: #eaf8fd; }
+ .topic-list a {
+ text-decoration: none;
+ color: #0e7aa8; }
+ .topic-list a:hover, .topic-list a:focus {
+ color: #0e7aa8;
+ text-decoration: underline;
+ outline: none; }
+ .topic-list .topic-infos, .topic-list .topic-description, .topic-list .topic-answers, .topic-list .topic-last-answer {
+ display: block;
+ float: left;
+ padding: 4px 0;
+ margin: 0; }
+ .topic-list .topic-infos {
+ width: 5%; }
+ .topic-list .topic-infos input[type=checkbox] {
+ margin: 29px 25% 0; }
+ .topic-list .topic-infos .ico-after {
+ display: block;
+ text-indent: -9999px; }
+ .topic-list .topic-infos .ico-after:after {
+ margin: 4px 0 0 15px; }
+ .topic-list .topic-description {
+ position: relative;
+ width: 60%; }
+ .topic-list .topic-description .topic-image {
+ float: left;
+ max-height: 60px;
+ max-width: 60px;
+ margin: 5px 15px 0 0; }
+ .topic-list .topic-description .topic-title-link:hover, .topic-list .topic-description .topic-title-link:after {
+ text-decoration: none; }
+ .topic-list .topic-description .topic-title-link:hover .topic-title, .topic-list .topic-description .topic-title-link:after .topic-title {
+ text-decoration: underline; }
+ .topic-list .topic-description .topic-title, .topic-list .topic-description .topic-subtitle {
+ display: block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ margin: 0;
+ padding: 0; }
+ .topic-list .topic-description .topic-title {
+ font-size: 16px;
+ font-size: 1.6rem; }
+ .topic-list .topic-description .topic-subtitle {
+ height: 24px;
+ line-height: 1.3em;
+ color: #777; }
+ .topic-list .topic-description .topic-members {
+ margin: 0;
+ color: #777; }
+ .topic-list .topic-description .topic-tag:before {
+ content: "#"; }
+ .topic-list .topic-answers {
+ width: 13%;
+ text-align: center;
+ padding-top: 29px; }
+ .topic-list .topic-last-answer {
+ width: 22%; }
+ .topic-list .topic-last-answer .topic-no-last-answer {
+ display: block;
+ margin-top: 24px;
+ color: #084561;
+ opacity: 0.5; }
+ .topic-list .highlighted {
+ background-color: rgba(255, 255, 100, 0.5); }
+
+.forum-list .group-title {
+ width: 100%;
+ height: 50px;
+ margin-top: 30px !important;
+ clear: both;
+ border-bottom: 1px solid #CCC;
+ color: #F8AD32; }
+
+.topic-list-small .topic {
+ height: 60px; }
+.topic-list-small .topic-infos input[type=checkbox] {
+ margin-top: 18px; }
+.topic-list-small .topic-description {
+ padding-left: 1.5%; }
+ .topic-list-small .topic-description .topic-title {
+ font-weight: normal;
+ margin-top: 2px; }
+.topic-list-small .topic-infos + .topic-description {
+ padding-left: 0; }
+.topic-list-small .topic-answers {
+ padding-top: 17px; }
+ .topic-list-small .topic-answers span {
+ display: block;
+ float: left;
+ width: 50%; }
+.topic-list-small .topic-last-answer {
+ width: 18%; }
+ .topic-list-small .topic-last-answer .topic-no-last-answer {
+ margin-top: 13px; }
+ .topic-list-small .topic-last-answer .forum-last-message {
+ color: #777;
+ display: block; }
+ .topic-list-small .topic-last-answer .forum-last-message-title {
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+
+/* ==============
+ ALL: Main / Article, Tutorial, Forum, MP content
+ ============== */
+.main .content-container .content-wrapper.article-content, .main .content-container .content-wrapper.authors {
+ padding-left: 2%;
+ padding-right: 2%; }
+.main .content-container .article-content p, .main .content-container .article-content ul:not(.pagination), .main .content-container .article-content ol {
+ font-family: "Liberation Serif", "Times New Roman", Times, Georgia, FreeSerif, serif; }
+.main .content-container .comment-author {
+ background: #EEE;
+ padding: 7px 15px; }
+ .main .content-container .comment-author blockquote {
+ margin: 10px 0;
+ border-left: 5px solid #CCC;
+ padding: 5px 0 5px 15px; }
+.main .content-container .article-content, .main .content-container .message-content {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ color: #424242; }
+ .main .content-container .article-content h2, .main .content-container .article-content h2 a, .main .content-container .article-content h3, .main .content-container .article-content h3 a, .main .content-container .message-content h2, .main .content-container .message-content h2 a, .main .content-container .message-content h3, .main .content-container .message-content h3 a {
+ color: #ee8709;
+ margin-top: 40px;
+ text-decoration: none; }
+ .main .content-container .article-content h2 a:hover, .main .content-container .article-content h2 a:focus, .main .content-container .article-content h3 a:hover, .main .content-container .article-content h3 a:focus, .main .content-container .message-content h2 a:hover, .main .content-container .message-content h2 a:focus, .main .content-container .message-content h3 a:hover, .main .content-container .message-content h3 a:focus {
+ text-decoration: underline; }
+ .main .content-container .article-content h2, .main .content-container .message-content h2 {
+ font-size: 22px;
+ font-size: 2.2rem;
+ line-height: 50px;
+ margin-bottom: 20px;
+ background: #FFF;
+ border-top: 1px solid #e0e4e5;
+ padding-left: 1%;
+ font-weight: 400; }
+ .main .content-container .article-content h3, .main .content-container .message-content h3 {
+ font-size: 20px;
+ font-size: 2rem;
+ margin-bottom: 14px; }
+ .main .content-container .article-content h4, .main .content-container .message-content h4 {
+ font-size: 18px;
+ font-size: 1.8rem;
+ margin-bottom: 12px; }
+ .main .content-container .article-content h5, .main .content-container .message-content h5 {
+ font-size: 16px;
+ font-size: 1.6rem;
+ margin-bottom: 10px; }
+ .main .content-container .article-content h6, .main .content-container .message-content h6 {
+ font-size: 15px;
+ font-size: 1.5rem;
+ margin-bottom: 10px; }
+ .main .content-container .article-content .actions-title, .main .content-container .message-content .actions-title {
+ float: right;
+ margin: -60px 10px 0 0; }
+ .main .content-container .article-content .actions-title .btn, .main .content-container .message-content .actions-title .btn {
+ height: 30px;
+ line-height: 30px;
+ margin-left: 3px;
+ opacity: 0.7; }
+ .main .content-container .article-content .actions-title .btn.ico-after:after, .main .content-container .message-content .actions-title .btn.ico-after:after {
+ margin-top: 7px; }
+ .main .content-container .article-content .actions-title .btn:hover, .main .content-container .article-content .actions-title .btn:focus, .main .content-container .message-content .actions-title .btn:hover, .main .content-container .message-content .actions-title .btn:focus {
+ opacity: 1; }
+ .main .content-container .article-content .information, .main .content-container .article-content .question, .main .content-container .article-content .error, .main .content-container .article-content .warning, .main .content-container .article-content .spoiler, .main .content-container .message-content .information, .main .content-container .message-content .question, .main .content-container .message-content .error, .main .content-container .message-content .warning, .main .content-container .message-content .spoiler {
+ margin: 25px 0;
+ padding: 7px 15px 7px 45px; }
+ .main .content-container .article-content .information.ico-after:after, .main .content-container .article-content .question.ico-after:after, .main .content-container .article-content .error.ico-after:after, .main .content-container .article-content .warning.ico-after:after, .main .content-container .article-content .spoiler.ico-after:after, .main .content-container .message-content .information.ico-after:after, .main .content-container .message-content .question.ico-after:after, .main .content-container .message-content .error.ico-after:after, .main .content-container .message-content .warning.ico-after:after, .main .content-container .message-content .spoiler.ico-after:after {
+ position: absolute;
+ top: 50%;
+ left: 23px;
+ margin: -11px 0 0 -11px;
+ height: 22px;
+ width: 22px; }
+ .main .content-container .article-content .information, .main .content-container .message-content .information {
+ background: #daeaee; }
+ .main .content-container .article-content .information.ico-after:after, .main .content-container .message-content .information.ico-after:after {
+ background-position: 0px -52px; }
+ .main .content-container .article-content .question, .main .content-container .message-content .question {
+ background: #e2daee; }
+ .main .content-container .article-content .question.ico-after:after, .main .content-container .message-content .question.ico-after:after {
+ background-position: 0px -4452px; }
+ .main .content-container .article-content .error, .main .content-container .message-content .error {
+ background: #eedada; }
+ .main .content-container .article-content .error.ico-after:after, .main .content-container .message-content .error.ico-after:after {
+ background-position: 0px -2292px; }
+ .main .content-container .article-content .warning, .main .content-container .message-content .warning {
+ background: #eee7da; }
+ .main .content-container .article-content .warning.ico-after:after, .main .content-container .message-content .warning.ico-after:after {
+ background-position: 0px -6212px; }
+ .main .content-container .article-content .spoiler-title, .main .content-container .message-content .spoiler-title {
+ display: block;
+ background: #EEE;
+ margin-top: 15px;
+ padding: 3px 15px 3px 40px;
+ text-decoration: none;
+ border-bottom: 1px solid #DDD;
+ color: #555; }
+ .main .content-container .article-content .spoiler-title.ico-after:after, .main .content-container .message-content .spoiler-title.ico-after:after {
+ margin: 8px 0 0 10px; }
+ .main .content-container .article-content .spoiler-title:nth-last-child(2), .main .content-container .message-content .spoiler-title:nth-last-child(2) {
+ margin-bottom: 15px; }
+ .main .content-container .article-content .spoiler-title:hover, .main .content-container .message-content .spoiler-title:hover {
+ text-decoration: underline; }
+ .main .content-container .article-content .spoiler, .main .content-container .message-content .spoiler {
+ margin-top: 0;
+ padding-left: 15px;
+ background: #EEE; }
+ .main .content-container .article-content img, .main .content-container .message-content img {
+ max-width: 100%; }
+ .main .content-container .article-content figure, .main .content-container .message-content figure {
+ margin: 30px 0;
+ text-align: center; }
+ .main .content-container .article-content figure > img, .main .content-container .article-content figure > video, .main .content-container .article-content figure > pre, .main .content-container .article-content figure > code, .main .content-container .article-content figure > table, .main .content-container .article-content figure > blockquote, .main .content-container .article-content figure > embed, .main .content-container .article-content figure > video, .main .content-container .message-content figure > img, .main .content-container .message-content figure > video, .main .content-container .message-content figure > pre, .main .content-container .message-content figure > code, .main .content-container .message-content figure > table, .main .content-container .message-content figure > blockquote, .main .content-container .message-content figure > embed, .main .content-container .message-content figure > video {
+ max-width: 100%;
+ margin: 0 auto;
+ text-align: left; }
+ .main .content-container .article-content figure > img, .main .content-container .article-content figure > video, .main .content-container .article-content figure > pre, .main .content-container .article-content figure > code, .main .content-container .message-content figure > img, .main .content-container .message-content figure > video, .main .content-container .message-content figure > pre, .main .content-container .message-content figure > code {
+ display: block; }
+ .main .content-container .article-content figure > figcaption, .main .content-container .message-content figure > figcaption {
+ display: block; }
+ .main .content-container .article-content figure > blockquote ~ figcaption, .main .content-container .message-content figure > blockquote ~ figcaption {
+ padding: 0 0 1px 2%;
+ font-style: italic;
+ text-align: left;
+ color: #999;
+ border-left: 5px solid #CCC; }
+ .main .content-container .article-content figure > blockquote ~ figcaption p, .main .content-container .message-content figure > blockquote ~ figcaption p {
+ margin: 0 0 5px; }
+ .main .content-container .article-content figure > blockquote ~ figcaption p:before, .main .content-container .message-content figure > blockquote ~ figcaption p:before {
+ content: "— "; }
+ .main .content-container .article-content blockquote, .main .content-container .message-content blockquote {
+ margin: 0;
+ color: #777;
+ padding: 1px 2%;
+ border-left: 5px solid #CCC; }
+ .main .content-container .article-content blockquote > p:first-child, .main .content-container .message-content blockquote > p:first-child {
+ margin-top: 5px; }
+ .main .content-container .article-content blockquote > p:last-child, .main .content-container .message-content blockquote > p:last-child {
+ margin-bottom: 5px; }
+ .main .content-container .article-content blockquote figure, .main .content-container .message-content blockquote figure {
+ margin: 15px 0; }
+ .main .content-container .article-content code, .main .content-container .article-content kbd, .main .content-container .article-content pre, .main .content-container .article-content samp, .main .content-container .message-content code, .main .content-container .message-content kbd, .main .content-container .message-content pre, .main .content-container .message-content samp {
+ font-family: monospace, serif; }
+ .main .content-container .article-content pre, .main .content-container .message-content pre {
+ margin: 0; }
+ .main .content-container .article-content kbd, .main .content-container .message-content kbd {
+ background-color: #F1F1F1;
+ padding: 2px 6px;
+ border-radius: 3px;
+ border-bottom: solid 2px #b7c4c4;
+ text-shadow: 0 1px 0 #FFF;
+ color: #3e3e3e; }
+ .main .content-container .article-content mathjax, .main .content-container .message-content mathjax {
+ font-size: 16px;
+ font-size: 1.6rem; }
+ .main .content-container .article-content .footnote, .main .content-container .message-content .footnote {
+ opacity: 0.7; }
+ .main .content-container .article-content .footnote ol, .main .content-container .message-content .footnote ol {
+ padding-left: 25px; }
+.main .content-container .reactions-title {
+ margin: 50px 0 20px;
+ color: #084561;
+ border-bottom: 1px solid #F8AD32;
+ font-weight: normal;
+ font-size: 22px;
+ font-size: 2.2rem;
+ line-height: 30px; }
+
+.wf-active .main .content-container .article-content p, .wf-active .main .content-container .article-content ul:not(.pagination), .wf-active .main .content-container .article-content ol {
+ font-family: "Merriweather", "Liberation Serif", "Times New Roman", Times, Georgia, FreeSerif, serif; }
+.wf-active .main .content-container .article-content figcaption p {
+ font-family: "Source Sans Pro", "Segoe UI", "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
+ font-size: 16px;
+ font-size: 1.6rem; }
+.wf-active .main .content-container .article-content code, .wf-active .main .content-container .article-content kbd, .wf-active .main .content-container .article-content pre, .wf-active .main .content-container .article-content samp, .wf-active .main .content-container .message-content code, .wf-active .main .content-container .message-content kbd, .wf-active .main .content-container .message-content pre, .wf-active .main .content-container .message-content samp {
+ font-family: "Source Code Pro", monospace, serif; }
+
+.js .spoiler {
+ display: none; }
+
+/* ==============
+ ALL: Search
+ ============== */
+.search-form {
+ margin-bottom: 30px; }
+
+/**
+ * TABLE
+ */
+table {
+ margin: 15px 0;
+ border-top: 1px solid #DDD; }
+ table thead {
+ background: #DDD;
+ color: #084561; }
+ table th, table td {
+ text-align: left;
+ padding: 5px 15px 5px 7px;
+ border-right: 1px solid #DDD; }
+ table th:first-child, table td:first-child {
+ border-left: 1px solid #DDD; }
+ table th p, table td p {
+ margin: 0; }
+ table tbody tr {
+ border-bottom: 1px solid #DDD; }
+ table tbody tr:nth-child(2n+1) {
+ background: #F7F7F7; }
+ table.fullwidth {
+ width: 100%; }
+
+/* ==============
+ ALL: Main / Article, Tutorial, Forum, MP message
+ ============== */
+.topic-message {
+ position: relative; }
+ .topic-message.repeated .message, .topic-message.repeated .message .is-author {
+ background: #EEE; }
+ .topic-message.repeated .message:after {
+ border-right-color: #EEE; }
+ .topic-message.helpful .message, .topic-message.helpful .message .is-author {
+ background: #e9f9dc; }
+ .topic-message.helpful .message:after {
+ border-right-color: #e9f9dc; }
+ .topic-message.helpful.repeated .message, .topic-message.helpful.repeated .message .is-author {
+ background: #eaefe6; }
+ .topic-message.helpful.repeated .message:after {
+ border-right-color: #eaefe6; }
+ .topic-message .user .avatar-link {
+ display: block;
+ height: 58px;
+ width: 58px;
+ z-index: 0;
+ position: absolute;
+ top: 0;
+ border: 1px solid #DDD; }
+ .topic-message .user .avatar-link[href]:hover, .topic-message .user .avatar-link[href]:focus {
+ border-color: #FFF;
+ overflow: hidden;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 7px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 7px; }
+ .topic-message .user .avatar-link img {
+ height: 58px;
+ width: 58px; }
+ .topic-message .user .badge {
+ display: block;
+ width: 60px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ text-transform: uppercase;
+ color: #EEE;
+ text-shadow: rgba(0, 0, 0, 0.25) 0 0 3px;
+ background: #777; }
+ .topic-message .user .badge.staff {
+ background: #48a200; }
+ .topic-message .user .user-metadata {
+ width: 60px;
+ height: 25px; }
+ .topic-message .user .user-metadata a {
+ display: block;
+ float: left;
+ border: 1px solid #D2D5D6;
+ border-top: 0;
+ text-align: center;
+ background-color: #edefef;
+ text-decoration: none;
+ color: #424242;
+ height: 25px;
+ line-height: 26px;
+ width: 28px;
+ color: #777;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .topic-message .user .user-metadata a:first-child {
+ border-right: 0;
+ width: 29px; }
+ .topic-message .user .user-metadata a:hover, .topic-message .user .user-metadata a:focus {
+ border-bottom-width: 1px;
+ border-bottom-color: #777;
+ background: #FFF; }
+ .topic-message .user .user-metadata a.positive {
+ color: #48a200; }
+ .topic-message .user .user-metadata a.negative {
+ color: #c0392b; }
+ .topic-message .message {
+ position: relative;
+ background-color: #FDFDFD;
+ border: 1px solid #D2D5D6;
+ border-right-width: 2px;
+ border-bottom-width: 3px;
+ min-height: 75px; }
+ .topic-message .message .is-author {
+ position: absolute;
+ top: -16px;
+ left: 10px;
+ background: #FDFDFD;
+ padding: 0 5px;
+ font-size: 12px;
+ line-height: 20px;
+ color: #999;
+ border-top: 1px solid #D2D5D6; }
+ .topic-message .message .is-author:before, .topic-message .message .is-author:after {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 0;
+ height: 15px;
+ width: 1px;
+ background: #D2D5D6; }
+ .topic-message .message .is-author:before {
+ left: 0; }
+ .topic-message .message .is-author:after {
+ right: 0; }
+ .topic-message .message .message-metadata {
+ display: inline-block;
+ font-size: 14px;
+ font-size: 1.4rem;
+ margin-left: 5px; }
+ .topic-message .message .message-metadata a {
+ display: block;
+ float: left;
+ color: #999;
+ text-decoration: none;
+ height: 30px;
+ line-height: 30px;
+ padding: 0 5px;
+ border-bottom: 1px solid #D2D5D6;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .topic-message .message .message-metadata a:hover, .topic-message .message .message-metadata a:focus {
+ border-bottom: 1px solid #0e7aa8;
+ color: #0e7aa8;
+ outline: none; }
+ .topic-message .message .message-metadata .username {
+ color: #484848;
+ font-size: 16px;
+ font-size: 1.6rem;
+ margin-right: 3px; }
+ .topic-message .message .message-metadata .date {
+ line-height: 32px; }
+ .topic-message .message .message-actions {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ position: absolute;
+ top: 0;
+ right: 0; }
+ .topic-message .message .message-actions li {
+ float: left; }
+ .topic-message .message .message-content {
+ clear: both;
+ padding-top: 1px; }
+ .topic-message .message .message-content > p:first-child {
+ margin-top: 7px; }
+ .topic-message .message .message-content .message-hidden-content {
+ display: none; }
+ .topic-message .message .message-content .message-edited, .topic-message .message .message-content .message-hidden, .topic-message .message .message-content .message-helpful, .topic-message .message .message-content .message-repeated {
+ padding-top: 3px 0 0; }
+ .topic-message .message .message-content .message-edited.ico-after, .topic-message .message .message-content .message-hidden.ico-after, .topic-message .message .message-content .message-helpful.ico-after, .topic-message .message .message-content .message-repeated.ico-after {
+ text-indent: 20px; }
+ .topic-message .message .message-content .message-edited.ico-after:after, .topic-message .message .message-content .message-hidden.ico-after:after, .topic-message .message .message-content .message-helpful.ico-after:after, .topic-message .message .message-content .message-repeated.ico-after:after {
+ margin: 4px 0; }
+ .topic-message .message .message-content .message-edited, .topic-message .message .message-content .message-hidden, .topic-message .message .message-content .message-repeated {
+ font-style: italic;
+ color: #999; }
+ .topic-message .message .message-content .message-edited:after, .topic-message .message .message-content .message-hidden:after, .topic-message .message .message-content .message-repeated:after {
+ opacity: 0.5; }
+ .topic-message .message .message-content .message-hidden {
+ margin-top: 1px; }
+ .topic-message .message .message-content .message-helpful {
+ color: #48A200;
+ text-indent: 20px; }
+ .topic-message .message .message-content textarea {
+ margin: 10px 0 10px -1px;
+ background-color: transparent;
+ min-height: 150px; }
+ .topic-message .message .message-bottom {
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: flex;
+ -moz-box-align: start;
+ -ms-flex-align: start;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ min-height: 30px; }
+ .topic-message .message .message-bottom .signature {
+ border-top: 1px solid #D2D5D6;
+ padding: 3px 0 0 10px;
+ margin: 0 10px 0 0;
+ font-size: 12px;
+ font-size: 1.2rem;
+ color: #999;
+ -webkit-flex: 1;
+ -moz-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .topic-message .message .message-bottom .signature p {
+ margin: 0;
+ padding: 0; }
+ .topic-message .message .message-bottom .signature a {
+ color: #999;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .topic-message .message .message-bottom .signature a:hover, .topic-message .message .message-bottom .signature a:focus {
+ text-decoration: none;
+ color: #555; }
+ .topic-message .message .message-bottom .message-karma {
+ margin-left: auto;
+ margin-bottom: -2px; }
+ .topic-message .message .message-bottom .message-karma span, .topic-message .message .message-bottom .message-karma button.ico-after {
+ border-bottom-width: 3px;
+ border-bottom-color: transparent;
+ background: none;
+ height: 32px; }
+ .topic-message .message .message-bottom .message-karma span.upvote:not(.has-vote), .topic-message .message .message-bottom .message-karma span.downvote:not(.has-vote), .topic-message .message .message-bottom .message-karma button.ico-after.upvote:not(.has-vote), .topic-message .message .message-bottom .message-karma button.ico-after.downvote:not(.has-vote) {
+ text-indent: -9999px;
+ width: 0; }
+ .topic-message .message .message-bottom .message-karma span:not(.has-vote) {
+ border-bottom: none;
+ opacity: 0.5; }
+ .topic-message .message .message-bottom .message-karma .tick {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+ .topic-message .message .message-bottom .message-karma .tick:hover, .topic-message .message .message-bottom .message-karma .tick:focus {
+ color: #555;
+ border-bottom-color: #48a200; }
+ .topic-message .message .message-bottom .message-karma .tick.active {
+ color: #48a200; }
+ .topic-message .message .message-bottom .message-karma .tick.active:after {
+ opacity: 1; }
+ .topic-message .message .message-bottom .message-karma .upvote:after, .topic-message .message .message-bottom .message-karma .downvote:after {
+ left: 10px; }
+ .topic-message .message .message-bottom .message-karma .upvote {
+ color: #48a200; }
+ .topic-message .message .message-bottom .message-karma .upvote:hover, .topic-message .message .message-bottom .message-karma .upvote:focus, .topic-message .message .message-bottom .message-karma .upvote.more-voted {
+ border-bottom-color: #48a200; }
+ .topic-message .message .message-bottom .message-karma .upvote:not(.has-vote) {
+ text-indent: -9999px;
+ width: 0; }
+ .topic-message .message .message-bottom .message-karma .downvote {
+ color: #c0392b; }
+ .topic-message .message .message-bottom .message-karma .downvote:hover, .topic-message .message .message-bottom .message-karma .downvote:focus, .topic-message .message .message-bottom .message-karma .downvote.more-voted {
+ border-bottom-color: #c0392b; }
+ .topic-message .message .message-bottom .message-karma .voted:after {
+ opacity: 1; }
+ .topic-message .message .message-bottom .message-karma .more-voted {
+ font-weight: bold; }
+ .topic-message .message .message-bottom .message-karma button.more-voted:hover, .topic-message .message .message-bottom .message-karma button.more-voted:focus {
+ border-bottom-color: transparent !important; }
+ .topic-message .message .message-buttons {
+ margin: 0 0 0 10px;
+ padding: 0;
+ list-style: none;
+ border-bottom: none; }
+ .topic-message .message .message-buttons a {
+ text-indent: -9999px;
+ width: 0; }
+ .topic-message .message .message-buttons a:after {
+ left: 12px !important; }
+ .topic-message .message .message-submit {
+ margin-left: auto;
+ margin-right: 10px; }
+ .topic-message .message .message-actions, .topic-message .message .message-buttons, .topic-message .message .message-karma, .topic-message .message .message-submit {
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: flex; }
+ .topic-message .message .message-actions form, .topic-message .message .message-buttons form, .topic-message .message .message-karma form, .topic-message .message .message-submit form {
+ width: auto; }
+ .topic-message .message .message-actions a, .topic-message .message .message-actions span, .topic-message .message .message-actions button, .topic-message .message .message-buttons a, .topic-message .message .message-buttons span, .topic-message .message .message-buttons button, .topic-message .message .message-karma a, .topic-message .message .message-karma span, .topic-message .message .message-karma button, .topic-message .message .message-submit a, .topic-message .message .message-submit span, .topic-message .message .message-submit button {
+ display: block;
+ float: left;
+ margin-left: 3px;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .topic-message .message .message-actions a.ico-after, .topic-message .message .message-actions span.ico-after, .topic-message .message .message-actions button.ico-after, .topic-message .message .message-buttons a.ico-after, .topic-message .message .message-buttons span.ico-after, .topic-message .message .message-buttons button.ico-after, .topic-message .message .message-karma a.ico-after, .topic-message .message .message-karma span.ico-after, .topic-message .message .message-karma button.ico-after, .topic-message .message .message-submit a.ico-after, .topic-message .message .message-submit span.ico-after, .topic-message .message .message-submit button.ico-after {
+ padding-left: 30px !important; }
+ .topic-message .message .message-actions a:after, .topic-message .message .message-actions span:after, .topic-message .message .message-actions button:after, .topic-message .message .message-buttons a:after, .topic-message .message .message-buttons span:after, .topic-message .message .message-buttons button:after, .topic-message .message .message-karma a:after, .topic-message .message .message-karma span:after, .topic-message .message .message-karma button:after, .topic-message .message .message-submit a:after, .topic-message .message .message-submit span:after, .topic-message .message .message-submit button:after {
+ top: 7px;
+ left: 7px;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease;
+ opacity: 0.5;
+ margin: 0; }
+ .topic-message .message .message-actions a, .topic-message .message .message-actions span, .topic-message .message .message-actions button.ico-after, .topic-message .message .message-buttons a, .topic-message .message .message-buttons span, .topic-message .message .message-buttons button.ico-after, .topic-message .message .message-karma a, .topic-message .message .message-karma span, .topic-message .message .message-karma button.ico-after, .topic-message .message .message-submit a, .topic-message .message .message-submit span, .topic-message .message .message-submit button.ico-after {
+ border-bottom: 1px solid #D2D5D6;
+ text-decoration: none;
+ color: #999;
+ height: 29px;
+ line-height: 30px;
+ padding: 0 10px; }
+ .topic-message .message .message-actions a, .topic-message .message .message-actions button.ico-after, .topic-message .message .message-buttons a, .topic-message .message .message-buttons button.ico-after, .topic-message .message .message-karma a, .topic-message .message .message-karma button.ico-after, .topic-message .message .message-submit a, .topic-message .message .message-submit button.ico-after {
+ cursor: pointer; }
+ .topic-message .message .message-actions a:hover, .topic-message .message .message-actions a:focus, .topic-message .message .message-actions button.ico-after:hover, .topic-message .message .message-actions button.ico-after:focus, .topic-message .message .message-buttons a:hover, .topic-message .message .message-buttons a:focus, .topic-message .message .message-buttons button.ico-after:hover, .topic-message .message .message-buttons button.ico-after:focus, .topic-message .message .message-karma a:hover, .topic-message .message .message-karma a:focus, .topic-message .message .message-karma button.ico-after:hover, .topic-message .message .message-karma button.ico-after:focus, .topic-message .message .message-submit a:hover, .topic-message .message .message-submit a:focus, .topic-message .message .message-submit button.ico-after:hover, .topic-message .message .message-submit button.ico-after:focus {
+ border-bottom-color: #0e7aa8;
+ outline: none;
+ background: none; }
+ .topic-message .message .message-actions a:hover:after, .topic-message .message .message-actions a:focus:after, .topic-message .message .message-actions button.ico-after:hover:after, .topic-message .message .message-actions button.ico-after:focus:after, .topic-message .message .message-buttons a:hover:after, .topic-message .message .message-buttons a:focus:after, .topic-message .message .message-buttons button.ico-after:hover:after, .topic-message .message .message-buttons button.ico-after:focus:after, .topic-message .message .message-karma a:hover:after, .topic-message .message .message-karma a:focus:after, .topic-message .message .message-karma button.ico-after:hover:after, .topic-message .message .message-karma button.ico-after:focus:after, .topic-message .message .message-submit a:hover:after, .topic-message .message .message-submit a:focus:after, .topic-message .message .message-submit button.ico-after:hover:after, .topic-message .message .message-submit button.ico-after:focus:after {
+ opacity: 1; }
+ .topic-message .message .message-actions a:hover, .topic-message .message .message-actions a:focus, .topic-message .message .message-buttons a:hover, .topic-message .message .message-buttons a:focus, .topic-message .message .message-karma button:hover, .topic-message .message .message-karma button:focus {
+ color: #555;
+ text-decoration: none; }
+
+form.topic-message {
+ margin-top: 50px; }
+
+/* ==============
+ ALL: Autocompletion
+ ============== */
+.autocomplete-wrapper {
+ position: relative; }
+ .autocomplete-wrapper .autocomplete-dropdown {
+ position: absolute;
+ z-index: 60; }
+ .autocomplete-wrapper .autocomplete-dropdown ul {
+ padding: 0;
+ margin: 0;
+ background-color: #FFF;
+ border-right: solid 1px #CCC;
+ border-left: solid 1px #CCC;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px; }
+ .autocomplete-wrapper .autocomplete-dropdown ul li {
+ padding: 4px 10px;
+ border-bottom: solid 1px #CCC;
+ list-style: none; }
+ .autocomplete-wrapper .autocomplete-dropdown ul li.active, .autocomplete-wrapper .autocomplete-dropdown ul li:hover {
+ background-color: #0c6890;
+ color: white; }
+
+/* ==============
+ ALL: Gallery
+ ============== */
+.gallery.grid-view {
+ clear: both; }
+ .gallery.grid-view .gallery-item {
+ position: relative;
+ width: 200px;
+ height: 200px;
+ float: left;
+ border: 10px solid #FFF;
+ margin: 10px;
+ clear: none; }
+ .gallery.grid-view .gallery-item:hover, .gallery.grid-view .gallery-item.active {
+ border-color: #108bbf !important; }
+ .gallery.grid-view .gallery-item:hover:before, .gallery.grid-view .gallery-item.active:before {
+ display: none; }
+ .gallery.grid-view .gallery-item:hover .topic-title, .gallery.grid-view .gallery-item.active .topic-title {
+ background: #108bbf !important;
+ color: #FFF;
+ text-decoration: none; }
+ .gallery.grid-view .gallery-item .topic-infos {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ height: 15px;
+ width: 15px;
+ padding: 3px 0; }
+ .gallery.grid-view .gallery-item .topic-infos input {
+ margin: 0; }
+ .gallery.grid-view .gallery-item .topic-description, .gallery.grid-view .gallery-item .topic-description a {
+ display: block;
+ width: 100%;
+ height: 100%; }
+ .gallery.grid-view .gallery-item .topic-image {
+ overflow: hidden;
+ max-height: 100%;
+ min-width: 100%; }
+ .gallery.grid-view .gallery-item .topic-title {
+ height: 15px;
+ background-color: white;
+ position: absolute;
+ bottom: 7px;
+ left: 0;
+ right: 0;
+ padding: 10px 20px 5px;
+ font-size: 1.5rem;
+ line-height: 15px;
+ color: #444; }
+ .gallery.grid-view .gallery-item.selected {
+ border-color: #eaf8fd; }
+ .gallery.grid-view .gallery-item.selected .topic-title {
+ background: #eaf8fd; }
+ .gallery.grid-view .gallery-item.add-image {
+ font-size: 120px;
+ line-height: 200px;
+ text-align: center;
+ background: #DDD;
+ color: #555;
+ text-decoration: none; }
+ .gallery.grid-view .gallery-item.add-image:hover, .gallery.grid-view .gallery-item.add-image:focus {
+ background-color: #CCC;
+ color: #108bbf; }
+.gallery.list-view .topic .topic-description .topic-title {
+ margin-top: 12px; }
+.gallery.list-view .add-image {
+ display: none; }
+
+.toggle-gallery-view {
+ float: left !important; }
+
+/* ==============
+ ALL: Markdown help
+ ============== */
+.markdown-help .open-markdown-help {
+ position: absolute;
+ bottom: 0;
+ left: 8px; }
+ .markdown-help .open-markdown-help .close-markdown-help-text {
+ display: none; }
+.markdown-help .markdown-help-more {
+ display: none;
+ background: #EEE;
+ padding: 15px;
+ margin-bottom: 5px; }
+ .markdown-help .markdown-help-more pre {
+ margin: 0; }
+ .markdown-help .markdown-help-more.show-markdown-help {
+ display: block; }
+.markdown-help .show-markdown-help + .open-markdown-help .close-markdown-help-text {
+ display: inline; }
+.markdown-help .show-markdown-help + .open-markdown-help .open-markdown-help-text {
+ display: none; }
+
+/* ==============
+ ALL: Footer
+ ============== */
+.footer-container footer {
+ color: #424242;
+ padding: 20px 0; }
+
+.page-footer {
+ background: #042432;
+ height: 50px;
+ line-height: 50px;
+ border-top: 3px solid #F8AD32;
+ font-size: 14px;
+ font-size: 1.4rem; }
+ .page-footer p {
+ float: left;
+ color: #EEE;
+ margin: 0; }
+ .page-footer ul {
+ list-style: none;
+ float: right;
+ margin: 0;
+ padding: 0; }
+ .page-footer ul li {
+ display: inline-block;
+ margin-left: 25px; }
+ .page-footer a {
+ text-decoration: none;
+ color: #EEE;
+ border-bottom: 1px solid transparent; }
+ .page-footer a:hover, .page-footer a:focus {
+ border-bottom-color: #F8AD32; }
+ .page-footer .version, .page-footer .version a {
+ color: rgba(255, 255, 255, 0.5); }
+
+/* ==============
+ ALL: Modals
+ ============== */
+.modal {
+ display: none; }
+
+#modals .modal {
+ position: fixed;
+ z-index: 50;
+ width: auto !important;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: #EEE;
+ min-height: 220px; }
+ #modals .modal .modal-title {
+ display: block;
+ border-bottom: 3px solid #F8AD32;
+ line-height: 53px;
+ height: 50px;
+ text-indent: 15px;
+ margin-bottom: 20px;
+ background: #084561;
+ color: #FFF;
+ font-size: 1.6rem;
+ font-size: 16px;
+ text-shadow: rgba(0, 0, 0, 0.75) 0 0 3px; }
+ #modals .modal .modal-title.ico-after {
+ text-indent: 40px; }
+ #modals .modal .modal-title.ico-after:after {
+ margin: 18px 0 0 15px; }
+ #modals .modal p, #modals .modal input, #modals .modal select, #modals .modal textarea {
+ margin: 10px 15px; }
+ #modals .modal p:not([type=checkbox]):not([type=radio]), #modals .modal input:not([type=checkbox]):not([type=radio]), #modals .modal select:not([type=checkbox]):not([type=radio]), #modals .modal textarea:not([type=checkbox]):not([type=radio]) {
+ width: calc(98% - 32px) !important; }
+ #modals .modal label {
+ margin: 0 15px; }
+ #modals .modal textarea {
+ margin-top: 0; }
+ #modals .modal .btn:not(.modal-inner), #modals .modal [type=submit]:not(.modal-inner) {
+ position: absolute;
+ width: 50%;
+ height: 50px;
+ line-height: 50px;
+ bottom: 0;
+ right: 0;
+ margin: 0 !important;
+ padding: 0 !important;
+ text-align: center;
+ background: none !important;
+ border-top: 1px solid #CCC;
+ color: #333; }
+ #modals .modal .btn-submit:not(.modal-inner), #modals .modal [type=submit]:not(.modal-inner) {
+ height: 51px;
+ color: #084561;
+ font-weight: bold; }
+ #modals .modal .btn-cancel {
+ right: auto;
+ left: 0;
+ border-right: 1px solid #CCC;
+ color: #555; }
+ #modals .modal .btn.btn-modal-fullwidth {
+ width: 100%;
+ border-right: none;
+ font-weight: bold; }
+
+.enable-mobile-menu #modals .modal {
+ top: 25px;
+ right: 25px;
+ bottom: 25px;
+ left: 25px;
+ -webkit-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000; }
+ .enable-mobile-menu #modals .modal.modal-small, .enable-mobile-menu #modals .modal.modal-medium, .enable-mobile-menu #modals .modal.modal-big {
+ top: 50%;
+ bottom: auto;
+ max-width: 400px; }
+ .enable-mobile-menu #modals .modal.modal-small {
+ height: 220px;
+ margin: -110px auto 0; }
+ .enable-mobile-menu #modals .modal.modal-medium {
+ height: 250px;
+ margin: -125px auto 0; }
+ .enable-mobile-menu #modals .modal.modal-medium textarea {
+ height: 80px; }
+ .enable-mobile-menu #modals .modal.modal-big {
+ height: 300px;
+ margin: -150px auto 0; }
+
+.enable-mobile-menu #modals-overlay {
+ position: fixed;
+ display: none;
+ z-index: 49;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: rgba(0, 0, 0, 0.7); }
+
+/* ==============
+ ALL: Icons
+ ============== */
+.ico-after.view:after {
+ background-position: 0px -6132px; }
+.ico-after.view.blue:after {
+ background-position: 0px -5972px; }
+.ico-after.edit:after {
+ background-position: 0px -2212px; }
+.ico-after.alert:after {
+ background-position: 0px -4532px; }
+.ico-after.cite:after {
+ background-position: 0px -1332px; }
+.ico-after.tick:after {
+ background-position: 0px -5812px; }
+.ico-after.tick.green:after {
+ background-position: 0px -5652px; }
+.ico-after.upvote:after {
+ background-position: 0px -5572px; }
+.ico-after.upvote.voted:after {
+ background-position: 0px -5492px; }
+.ico-after.downvote:after {
+ background-position: 0px -5412px; }
+.ico-after.downvote.voted:after {
+ background-position: 0px -5332px; }
+.ico-after.lock:after {
+ background-position: 0px -3332px; }
+.ico-after.lock.blue:after {
+ background-position: 0px -3172px; }
+.ico-after.cross:after {
+ background-position: 0px -1732px; }
+.ico-after.cross.blue:after {
+ background-position: 0px -1412px; }
+.ico-after.cross.red:after {
+ background-position: 0px -1572px; }
+.ico-after.cross.white:after {
+ background-position: 0px -1652px; }
+.ico-after.pin:after {
+ background-position: 0px -4372px; }
+.ico-after.pin.blue:after {
+ background-position: 0px -4212px; }
+.ico-after.arrow-right:after {
+ background-position: 0px -692px; }
+.ico-after.arrow-right.blue:after {
+ background-position: 0px -532px; }
+.ico-after.star:after {
+ background-position: 0px -5252px; }
+.ico-after.star.yellow:after {
+ background-position: 0px -5172px; }
+.ico-after.star.blue:after {
+ background-position: 0px -5012px; }
+
+/* ===================
+ MOBILE
+ =================== */
+.screen, .wide {
+ display: none; }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Form style
+ ========================================================================== */
+.content-container form, #modals form {
+ width: 100%; }
+ .content-container form p, #modals form p {
+ position: relative; }
+.content-container fieldset, #modals fieldset {
+ border-top: 1px solid #DDD;
+ border-bottom: 3px solid #DDD;
+ background: #EFEFEF;
+ padding: 0 4%; }
+ .content-container fieldset legend, #modals fieldset legend {
+ padding: 0 10px;
+ border-top: 1px solid #DDD;
+ border-bottom: 3px solid #DDD;
+ background: #EFEFEF; }
+.content-container label, #modals label {
+ display: block;
+ color: #555;
+ height: 30px;
+ line-height: 30px; }
+ .content-container label .asteriskField, #modals label .asteriskField {
+ color: #C0392B;
+ margin-left: 4px; }
+.content-container .form-error, #modals .form-error {
+ display: block;
+ font-size: 13px;
+ color: #C0392B; }
+.content-container input, .content-container textarea, #modals input, #modals textarea {
+ border: 1px solid #D2D5D6; }
+ .content-container input:focus, .content-container textarea:focus, #modals input:focus, #modals textarea:focus {
+ outline-color: #999; }
+ .content-container input.field-error, .content-container input:invalid, .content-container textarea.field-error, .content-container textarea:invalid, #modals input.field-error, #modals input:invalid, #modals textarea.field-error, #modals textarea:invalid {
+ border-color: #C0392B; }
+ .content-container input.field-error:focus, .content-container input:invalid:focus, .content-container textarea.field-error:focus, .content-container textarea:invalid:focus, #modals input.field-error:focus, #modals input:invalid:focus, #modals textarea.field-error:focus, #modals textarea:invalid:focus {
+ outline-color: #C0392B; }
+ .content-container input[disabled], .content-container textarea[disabled], #modals input[disabled], #modals textarea[disabled] {
+ background: #DDD !important;
+ color: #555; }
+.content-container input, .content-container textarea, .content-container button, .content-container .btn, #modals input, #modals textarea, #modals button, #modals .btn {
+ -webkit-appearance: none;
+ -webkit-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+.content-container input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]), #modals input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]) {
+ width: calc(98% - 2px);
+ padding: 0 1%; }
+.content-container textarea, #modals textarea {
+ width: calc(98% - 2px);
+ padding: 10px 1%;
+ font-family: monospace, serif; }
+.content-container input, .content-container button, .content-container .btn, #modals input, #modals button, #modals .btn {
+ display: block;
+ height: 30px; }
+ .content-container input.ico-after, .content-container button.ico-after, .content-container .btn.ico-after, #modals input.ico-after, #modals button.ico-after, #modals .btn.ico-after {
+ padding-left: 30px; }
+ .content-container input.ico-after:after, .content-container button.ico-after:after, .content-container .btn.ico-after:after, #modals input.ico-after:after, #modals button.ico-after:after, #modals .btn.ico-after:after {
+ margin: 12px 0 0 7px; }
+.content-container input[type=submit], .content-container button, .content-container .btn, #modals input[type=submit], #modals button, #modals .btn {
+ height: 40px;
+ line-height: 40px;
+ cursor: pointer; }
+.content-container [type=submit], .content-container button, .content-container .btn, #modals [type=submit], #modals button, #modals .btn {
+ color: #DDD;
+ padding: 0 15px;
+ border: none;
+ float: right;
+ text-decoration: none;
+ margin-left: 1px;
+ outline: none; }
+.content-container [type=submit], .content-container .btn-submit, #modals [type=submit], #modals .btn-submit {
+ color: #FFF;
+ background: #084561; }
+ .content-container [type=submit]:not([disabled]):hover, .content-container [type=submit]:not([disabled]):focus, .content-container .btn-submit:not([disabled]):hover, .content-container .btn-submit:not([disabled]):focus, #modals [type=submit]:not([disabled]):hover, #modals [type=submit]:not([disabled]):focus, #modals .btn-submit:not([disabled]):hover, #modals .btn-submit:not([disabled]):focus {
+ background: #396A81; }
+.content-container .btn-cancel, #modals .btn-cancel {
+ background: #c0392b; }
+ .content-container .btn-cancel:not([disabled]):hover, .content-container .btn-cancel:not([disabled]):focus, #modals .btn-cancel:not([disabled]):hover, #modals .btn-cancel:not([disabled]):focus {
+ background: #e74c3c; }
+.content-container .btn-grey, #modals .btn-grey {
+ background: #EEE;
+ color: #555; }
+ .content-container .btn-grey:not([disabled]):hover, .content-container .btn-grey:not([disabled]):focus, #modals .btn-grey:not([disabled]):hover, #modals .btn-grey:not([disabled]):focus {
+ background: #CCC;
+ color: #333; }
+.content-container [disabled], #modals [disabled] {
+ cursor: default;
+ background: #F7F7F7;
+ color: #CCC; }
+.content-container .form-sub-link, #modals .form-sub-link {
+ display: block;
+ display: inline-block;
+ margin-top: 8px; }
+
+.wf-active .content-container textarea, .wf-active #modals textarea {
+ font-family: "Source Code Pro", monospace, serif; }
+
+.main-container input[type=radio], .main-container input[type=checkbox], #modals input[type=radio], #modals input[type=checkbox] {
+ float: left;
+ margin-right: 5px;
+ height: 15px;
+ width: 15px;
+ border: 1px solid #BBB;
+ background: #FCFCFC;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none; }
+.main-container input[type=radio], #modals input[type=radio] {
+ border-radius: 50%; }
+.main-container input[type=radio]:checked, #modals input[type=radio]:checked {
+ background-position: 0px -26px; }
+.main-container input[type=checkbox]:checked, #modals input[type=checkbox]:checked {
+ background-position: 0px 0px; }
+.main-container .checkbox, .main-container .radio, #modals .checkbox, #modals .radio {
+ padding: 10px 0; }
+ .main-container .checkbox input, .main-container .radio input, #modals .checkbox input, #modals .radio input {
+ margin-top: 8px; }
+.main-container .controls .radio, #modals .controls .radio {
+ padding-top: 3px;
+ padding-bottom: 0; }
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ Interface
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+.zform-toolbar {
+ margin: 0;
+ padding: 2px;
+ list-style-position: initial;
+ list-style-image: none;
+ list-style-type: none;
+ border-bottom: none; }
+ .zform-toolbar a, .zform-toolbar button {
+ display: block;
+ float: left;
+ cursor: pointer;
+ background-color: #FFF;
+ border-bottom: 1px solid transparent;
+ text-decoration: none;
+ color: #999;
+ height: 27px;
+ line-height: 30px;
+ padding: 0 10px;
+ margin-left: 1px;
+ text-indent: -9999px;
+ width: 0; }
+ .zform-toolbar a .zform-popup, .zform-toolbar button .zform-popup {
+ text-indent: 0;
+ line-height: 20px; }
+ .zform-toolbar a.ico-after, .zform-toolbar button.ico-after {
+ padding-left: 30px; }
+ .zform-toolbar a:after, .zform-toolbar button:after {
+ top: 7px;
+ left: 12px;
+ display: none; }
+ .zform-toolbar button {
+ padding: 0 15px;
+ height: 30px;
+ border-top: none;
+ border-right: none;
+ border-left: none; }
+ .zform-toolbar button[type=submit] {
+ background: #084561;
+ border-bottom-color: #084561;
+ color: #DDD; }
+ .zform-toolbar button[type=submit]:hover, .zform-toolbar button[type=submit]:focus {
+ color: #FFF;
+ background: #396A81;
+ border-bottom-color: #396A81; }
+ .zform-toolbar a:hover, .zform-toolbar a:focus, .zform-toolbar button:hover, .zform-toolbar button:focus {
+ border-bottom-color: #108bbf;
+ outline: none;
+ background-color: #EEE; }
+
+.zform-button {
+ background-repeat: no-repeat;
+ background-position: center center; }
+
+/* Icons */
+.zform-button-bold {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAwklEQVQoz2P4z4AfMlBLQXlC+fmS/wXvs+tT1ye8j5wfLIBhQnF95v+s/SBWxPyQ/17nMRTk1qf+TwYr8K/3++/4H0NBen38/2igAl8Bt/tu/y3mYyhIqI/8H3zfp971vMt/s/1YfBFRH/zfCyxhMt/iv9p5eQE0Bf71vv8dwQq0BdT+6/4XL0BT4FYPtBlqtMx/zf8C9WgKbOsd/uuDPSddoPKf/z2XAooCmwST9br71fbL90v2C+/n7edUoHpc4IYASlr8ehOQ9V8AAAAASUVORK5CYII="); }
+
+.zform-button-italic {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAcUlEQVQoz2P4z4AfMlBbQXZD6oeE/5Efgg/gNCHuQeT/wAScJsQYhP/3/4DHipAJQf/dFuBR4PPA879tAE4FXgau/20+4PGF4wSX/0YL8CiweGDxXysApwIzB9P/Gv9xBpRJg+4BtQPyByQ30DguMCEAC2D/O2OrpxIAAAAASUVORK5CYII="); }
+
+.zform-button-strike {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAn0lEQVQoz2P4z4AfMlBTQYlgwczstNTyhJmRu7EqyHuXVQ6iI8oD/2NRkJuW9j+5A8L2wGZCukvC/+j/ITN9jf8z2LtgtSJyd+j/wP8e/23PmKEqKC8t/w+D8f9t/ksguRvJBH9BCG2Upn3X6L/cGQwr3NLsy2Fsmf9idzEU2KaZ/9eHmiLyjr8cQ4FJmu47tTPy5ZJpwuW8HTSKC+wQAFs6/D/QOXeIAAAAAElFTkSuQmCC"); }
+
+.zform-button-abbr {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACTUlEQVR42pWR4UtTYRTGB/0FgyBckZREI8SyElEEEyW0RJoxbaK2raYmaVMnt6ZYzpbTudqW091arqZoKYEVjWgFFRhCg77Ymt7J3d6522rh9yJ6eufHcOXOt3Nenuf8nveIRH9V10wY7dMEre4wNM7gN1G61TYtPB6aJ7g8F0cDG21J20DDrkDp5D3NngTkjlhhWmK1i6DB+vldLZvYXjsaQ5WZ6LYsVk7ER1rGA5AbPw7LeheLFaME5YPhyS2JG1zxgyp7ENX9/pJkr32jedD4cAilA6uL/xXXOWNjcjuBzPgJJy3CDu3b827rBxPM7wcgu9OPalfFtnKbIlZqJ8wxK/EVWYiv0ExmCwYjTZsatr48azEtXIM3NI/eF904brv588TYGlSTcRSZCeonBFx69BU17BoOGfjNTepmZMN6bwesC17I7wrQTMVRMERMybe867xJ5RZwxhnDgZ5VJmW0ClvJj86nr9B4P458w+vfeUZenJzn9PGsilJU2SPYx3BNqcSxYmMB8vW5OKy/ipwrjl8U15fdx+OUPYobzxKQMiFkdnLilAT5gxExxfXVUNTTjg1c/36Gmz13T0AbjbRbu+z/53VyDbxfwQqQj69B2sNtZN2j45jKkQgqzBHsvBhMnZ/ilpVZCEzPvyNbH0KWjhNT3L1062rHlICjdCZpDpalNKC4TZW3Ihh4kkCVLYqsrhVIdSsoN4Wh9XxB/e0ojnRzkKgDm5vQ3xVTXDZTu4xd7ctJXL/kQpChWxmJJrBOhesZ6iU2Q7kk/gOYnkYcn8opfQAAAABJRU5ErkJggg=="); }
+
+.zform-button-key {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABe0lEQVR42pWSQW5TQQyGv/GMX1KVsmJLeggEO+ACCHEJWOQKBSo19ADZpoIFN0CIY9BK0G1DuyebIlGSzNgsXt5LiKia/tJItmR/M7894dPnLy/NbGTmgHOzAkECEsKrF8+fHaWc8+jRwwfc3dnB3W5uD8Llr0uOT76NgKNkZpydjXn65DGb6uvxCXe2twFIZsbWVgeAfr9Pp9NBRDAzZrMZe6/fkHMGwN3Z7d2nqpTfV39qQClGShUABwcDut0u+/tvGQzeMZ1OyTkjqgDUc4KUFLOrBlDQpsCtPmZtLFHap4s3gISbNRYK1QIQYyTGiLu38ap8AahUKVZWLcR/AOvxOkA1Lu2sWogxIiLM53NE5FpAPQNbbkE11UmMYMZwOMRKqfP/AVSx1oIZKWk7nKYwiBCv+QeaEt5YsDULm0hVKcWWMyCEek0imwEqXdpxd0QC309PgbBBu9Pr9ZhMJjXgx3h8+P7Dxz1uqYvz80MWV94Ddrm9LoCffwHdG70wvg5ZlgAAAABJRU5ErkJggg=="); }
+
+.zform-button-sup {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLElEQVR42mNgGDkgZMoDhdJVzy+0bH75wbfrbgPJBiTPe7wBqFHBq+1WQ8P65//JdknirIcXUuY9eoAhUV5efqC4uPhAbm7ugbS0tAPx8fEK4eHhB/z8/A64uroeAKmxr7jWEDbp3gXznEsGGAYANQcANX9ISUn5D9Q8ASQG1NwA1LzAxsZGwbroSoBT9bUFJhkXBAyTLzjoxZ9VwDAEaLMDUPP/yMjI/0DNBTCbQcC79eaB9LkP/yfPevA/bOLdDzj9CHT2hMDAwP9ubm7/gTYLkBxIQJsFQJpdXFz+GxkZTSDZAJCzgTYXWFtb/zcwMPivoKDgQLTN0AArAPE1NTUnAF3wX0JC4oOgoKABsTYfADkbqNkAaPMBoOYDQM0HuLi4DrCwsBgMzjwCAMHEeHCN9BV5AAAAAElFTkSuQmCC"); }
+
+.zform-button-sub {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLElEQVR42mNgGD6gvLz8QHFx8YHc3NwDaWlpB+Lj4xXCw8MP+Pn5HXB1dT1A0ACg5gCg5g8pKSn/gZongMSAmhuAmhfY2NgoEOUKoM0OQM3/IyMj/wM1FxBlMzoAOntCYGDgfzc3t/9AmwVINgBoswBIs4uLy38jI6MJJBsAcjbQ5gJra+v/BgYG/xUUFBxA4iFTHiiUrnp+oWXzyw++XXcbsNoMDbACEF9TU3MC0AX/JSQkPggKChokz3u8AahRwavtVkPD+uf/cdl8AORsoGYDoM0HgJoPADUf4OLiOsDCwmIAUpc46+GFlHmPHpCVVuwrrjWETbp3wTznkgHJmq2LrgQ4VV9bYJJxQcAw+YKDXvxZBZIM8G69eSB97sP/ybMe/A+bePfD4MlDAC7MeHCrEeunAAAAAElFTkSuQmCC"); }
+
+.zform-button-center {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAfElEQVR42mP8z4AfMDFQqoAFRJT//8fwBwx/g+EvMP7FsJeRgYHxPzEmMDDkZP+eAtMNhTnHpoJkiDMh9T+yzQh4iwQ3BGf/moKsF2hWziMS3OD9H9Xu31D4mRg3MPwHQ9Ns/f+a/1X+y/2X/C/yn/8/93/2bIgMI8WxCQClCFYAGIFCIgAAAABJRU5ErkJggg=="); }
+
+.zform-button-right {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAY0lEQVR42mP8z4AfMDFQqoAFRJT//8fwBwx/g+EvMP7FsJeRgYHxPzEmQEDS/99QnTB4hmgTUv8j24yAt0h0g/t/hF6Iec+JNsH7P6rdv6HwM4lu0Pr/G64bEq5/iDGBYGQBABNITB8iVnJIAAAAAElFTkSuQmCC"); }
+
+.zform-button-ul {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1UlEQVR42mNgGBQgZ/7jgqm7Xj8A0aTqZQERmtIcBQqibPJAJsiACeXl5dlAesrfv38Z/vz5w/D792+GX79+gemfP3+C2WvXrmWkigsGCUiZ+aigc9PLByE9d8kLRCUx1gIZIRb5N5Ic4ECMi4vLBgbUFFCAIeMfP37A2bdu3UIEYkDHrYKSxY8fuFZeG6qBaJt/qSB+2r0H1nmXyAxEdZ4CAwVucEo8CgxEIyOjbGBATYGlOhCNnBpBqROYShnhBty58WUCSDOUZjh37txUIDWVLt4HAP/ViGJIIAyXAAAAAElFTkSuQmCC"); }
+
+.zform-button-ol {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA70lEQVR42mNgoAbImf9YZdHhd//JNgCkmSIDYIbA2OXl5dlA/L+kpOR/QUHB/+zs7P+pqan/ExIS/kdGRv4PDg7+j9UFiw5S6Aqywdz9b//P2vP6f8TEeypkGxLae0+ld8tL8rwQ1HVHpXPTc7jmuLi47IiIiP+BgYH/vby8/js7O/+3sbH5b2Ji8l9XV/e/mpoaqkVt65//b1zz9H/NqqcDFIjlyx7/L136+H/x4sfkuwCk2TrvEvmxANIMc4GRkVG2trb2fxUVlf9ycnL/xcXF/wsJCf3n4eH5z87O/p+Zmfk/hu0gbFd0pYPu4QcAKY588QFUIAIAAAAASUVORK5CYII="); }
+
+.zform-button-quote {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR42mNgGDQgon2HEBAvBeKfQPwfD94FxCrYDNi48uCt/7///P2PD2w5eR9kyG0gZkPWzAPEf/7++/f/w7d//19++vf/2cd//5+8//f/4bt//++9+ff/9qu//++8ghheveA4yBAzZAPkcqYeAEu+AGp89uHf/8dAzQ/e/vt/F6r5+ou//68+gxjQueosyABvrAY8BWp+9A6q+fW//7deQjRfAWq++AS3AXAvgJx/H2jrndd//98Ear72/O//y0DNF56ADPgDNqB20QmQAZZYAxFkCDIAuebC479gg9ECkRNXNP6BRdncHVfhBr3//APMB4pfxhqNONLGnefvvsI0fgfiWlISVu/MbVdAGr8AcSGpqVIJiO8BcQrD8AcAGopyopBVAH0AAAAASUVORK5CYII="); }
+
+.zform-button-link {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6UlEQVQoz2P4z4AfMtBJgR13Vmnru3n/ax7mmOdI1Nyd97/1XVapHTdUgRGbT9fE/y/+3/1/8H/jvepDN3/c/X/k/8T/Pl1GbGAFhn7FH66+i9jm/Sf1/6T/lf9T/3v/idi24mHxB0M/iAldTd8np/tz2X/e+//c/0P/1/63/+zPNTm96btRF1iBbmb6+2klQTsdf7n9DwRCt/+Ov4J2TitJf6+bCVagqel7vff9qrfr/k//X/i/Akiu+7/qbe973+uammAFasz2Bl73U75kf8/+GR4X7pz9Kft7yhev+/YGasz0C0mKFAAASj0PpKVVf4oAAAAASUVORK5CYII="); }
+
+.zform-button-image {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB8ElEQVQ4y6WTPWtUQRSGnzP33r33Jgu7kI1hI1GSgGARxFRG/4CFhY1VUlhI+oCNP8LfIKaz0MpCLEz+QUCwCIQVQc0X+dhsNtm5O3PGImbJboIIGaabmeec9533SAiB66wYYPnj2mtVmT8pNLPuilsDNZIYsoQ3L57OLsUAGmThyaOJ0SzLRCT6Z8WOgnddPnzZeA6cAU6spmmayfLqAR32aMk6k2M75EkTF5T9o5xvGxWGwl1iRnj5bBKvIj0JhQNjIoxAYbaYrO2Qln7QtC2cd8RpytREne+NYaqlGqoDHgAoYIxgwy6l5IDD0ybWdyicw4U2aZrStjkjuSEQesb0A0QITrG+S8dZTruWQh1eAekS1BMb4eLPmZ7R4QyQMUqrPUwgwarHOo9IiXarTLk0ThQZCHJZQghnEsrRTX5tbVPJNhkaNqTiON4fYnurTr0yRWzkcg7CRUByg/H8Pj/XVqiWfyPek3RGuTW9QDmr41X7YtHXwfreIl4Vr8odu8vcxG0UaGxu8+n4FXqkqCrweaCDEBDg8exS7yCaOeSkvUe2+ZXaw0Xmo6Qvmec+xgByRV59XsXnVWxt+oo8DpiYJdJEu5V7Yw9A5C8qnO9Lj50riCMJPUAplnfvVxpzhQ8z/zOccQSJ4S2AXHec/wAGb9qTrxXEvwAAAABJRU5ErkJggg=="); }
+
+.zform-button-attention {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACJklEQVR42qVTTUiUYRB+vh93dX903bKUYMNlMWHJBC1WW8GjZVCnfpa6Fp1i6dilQwcJglgrDEKiQqhDRYWVCEsSFJ0Ksh8zKjJZ3V0WU3G/73tnpoNrFGkZzmHmMDPPPM8wA6zRtJUSuXSHISSvhLnALJ21Xc9ouTp9JQAhSblqd0VdG7viQnz0v2hlh+PBqaH272TPiF0Ylcl72/MTd1qCq2bAxNcqQgm/puswvUF46hNBIT6zqulTj9ubMw9jJGSJNXVB7Gy/sJ2TLze3qc8DW5v/yUCYb/gakzqrOXwcuoXxR1fBTgaBppMGE/f+FSAzGEuUVbdFvZv3YeFrEiKACFCc6IE/0g13bUf8w5WGxLIAmcGYj5lTnvABsMoDXOoWAbMDLo6hqvEgmPjsu0th3x8ATNzvCe1f564Ow8ndBiAoD3iWhMHKXERFTQiVWw5tUkXn1G+HNHl/R0SY39btTpu08BLO9GUwA3pZOeZzs3B7GYYhMCo7Yfj3YrS31SZLRVtO58f1xaPhAV/DcVN4DjT7HBAGIPg08h7TbyYBCCAMVRiGps+jJpZ0Kcs5DwDat7ut3UZV04MNHSmo2SdwstcXJbFARAME0A2BJjZECLqxHuX1PXjdl8DM2Mgek4n6ApHDAADT1w7T11YSpy3JLzn5uQ9oLtTtPIbCaPqcKcTp7NMTR4QYTIxfIzkEshwoywFZDshSIFuBHAIrAit6sdZvxg9QwSUHEnNo0gAAAABJRU5ErkJggg=="); }
+
+.zform-button-error {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACU0lEQVR42q2T7U9SYRjG/VvgQys313pbc81WW80EBT1EICDiIdMjNlojTcdhptlWzoY0PzS11F618kumMWPlS7bUXpmWx0ohTsGK0HNAIN0V0oK51E9e2/Xt+f2ePffuJyVls+MqLxfOUWXmT1QJM6MnuWm9jvtIaphJUmV2FimEG8JuQznxhaLYn7ZGhIcciLwfR2RsGPzDLriMxXhbQLCvNFJiXXi2lOIX7ndheeYDovYHiHZaEW29hN93W7A0aoe32ohxlZh/qchcLZkzGAQx2MPd7sQy40T06gUErBbMN1YhfMWCSBONcMMZhB/dgfskidFjhzwj8gOChCAG075aM5acE/EbF200/BdNCNUZVpU7SyLccwNvJBkYlGXQCcFn6gQT7LmJaHcrAg0V+KGVrdmFChJ8Yw28lko8JdKZhIAp1Ycij3sQtVkQOG/EevEqs+GnCjDf2gyHZE8oIZgmtaHF7naE640InSvZUOArVmO+pRkD0h1JwVSRmvE31GDRSoM7rYkfXLMqCQK11XBVm2AXpSWf4CxU0IxchFB3BwJ6OfzFef/BrEIMNj8Pwc5rGJbuQn/WtuQQ32llgtc6wuMu0yF4rz0+MJ9a+hdU5oCVx2C5FHxHGyYLZSuwp1e0VbBqFybys4kx5RF+9rgawVvt+FVPw0uq8E2jhL/ODP56G6Y0uejLSuVj8Nrb+EJxmHh+9CA7nrcP36tM8Dddjvdr5Sk8y965ArPrwv8yJNsvHJSmmx3EXuZJ7m5uQLSd689JY/rEqebezC3CTf+9fwCiP9Om7nIiOAAAAABJRU5ErkJggg=="); }
+
+.zform-button-question {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACZUlEQVR42r2SXUiTURjH34K6CbryIgi62FXQVezOZLM2isLSQbFljVpOvOgmRelmQUblkD7VssFGgRSrtQyKUvrYLEdI5XQfVtIWS833Zeac22xra/+e854FE7vppgN/zsPz/P7Ped7zHkEoW6mLxnXpzvqelNWwlOrQI3W+JBZTTq4RI/xtLVrrry12HkbO04vizBBQ/Az8Kolilst5roMxjF1mTpzVOzN3LEDaD/wYA+YfA5IDiN/kEh08tzQmM4xlHtk8d0Z/LmlvBvJBggaBqW7gy2WIV00IG9QIH1Qjbm8CvvUAX7s4QyzzMK8gWnRZfB8Gki+AGRsw60DG14HQ/iqaxoms/xJGddvI2EdN7MC0jbPkEU/psoJ0Wk/fGQDm3DQqQdJtKjoJctHI/ciHehE1aYAFF68xhrHkEU/WQpi1HKBLogaJR1S4z4vzD1AUXYi01NEklUD2CTV4SI3dnEnQfSCA6da9EGLNNTks+GjcNwQRmCAlB+j05wS95mJx8imvMUZmfYi11OQET4PWLnYdJ/ADkBsBUl66aS8y/lsI1ikRrFVSnpqkPXIeP0dklnk8Zq2d/YiNbxu1g5KtlUD6Tflx2t8DBRLGuQqjJKphgvYgJFsbmId5/zwFxctDqr5I+zGCYiR6PIiWYq5CfBiJgW5ET+zDqyM77jHPssdkVW2pllwXCE4j+c6NgL4Sn0zbMdmgwaRZg4+N2qzXWH13c8X6KsI3rXjKE22GG8ViBFL/FYSMauxWbNhJaWWZtpaMq1eYw0171obNuxA6qsGQQfWsZFgj/MNaVXaSQvif6zcxVDmUf47DnQAAAABJRU5ErkJggg=="); }
+
+.zform-button-information, .zform-button-infoblocks {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACl0lEQVR42q2T7U9SURzH/VvgT+je3rQ2fdFcmw2StBeZNUwTtZWuwmywSjERnwAFbAiGmg+UT1CSIiRwJSPkITT15sAM2trqDWQty29H2jA35yvP9nl3v5/f+Z57TlbWUa983Qr3jCYiyVOF2VMt/mSOwpfMViyw2Qqv5ORDhntomKddFpxWhhIVvUH0OmMYZTbTGO1RCLWvQUtmE7TULjgwTKYKclsDqZbJVdj8CfRMxyAzv8eD4WUoLaswuzbQOBoBXTmRoq9P7JfkqcOc3LbF+G7Y8iYBCQndGQhhyPMRQ+4N3DYFIe4PwTS7DtnTIOgyc5wuHeZkBLnKRWm53g+r7zPqBiIQkwo3DQF8/7mdptrgQ3WPD+LHfgy8iuJC80tQRf3SjCCnzcca7TGoLSxu9QZQY/CjWu9Dn3MdJkJlN/MPnYfUCkE7vQK60MBmBCdkzNb4wifU9QXJpLeoeuQlHzPYXTsEkcaN8s45ggvXdG6YmSgoQddWRkBLnVtj3s10191JFVoPCXkQiX1D6sc2yjqcKG134ApBpHJgZJ4I+Kr/BXZWb2chf7aEKp0Xoi43rqrn8C76lQh+oUQxgxLSW9hsQ20PA7UtDPpsx14FutYmLVY6MeSKoUrDQKR0webbwO8/O+kKwQ9fUCyzEizofh5B4d1RImjfO0T6xhiHFpnj90cCMNnXUKZ0QNgyjUvyKRQ3WHCxfgJF9eNoHfGT3ztPti+P03w5Z99doISDgmMFxpRk0AfjzArEejfZ8gtcbrSiRuOA1hKCuI8BzWtIkfDBt5EqNAqogu7E+XuTUE8t4YmbJayhwxpGfp0ZFK8xQfObBIe+B/qclksJOiVUvoql+M1JiteUJBNZguQ4v4F75K/3L7zz0NlKPuwgAAAAAElFTkSuQmCC"); }
+
+.zform-button-secret {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACfUlEQVR42m1Sz2sTQRh9u9nml02M2hoapaZNtaIg4q0eBMEeRPGg3jyJhyK00EvpsZBr/wqhAfHQs3fBglRa0EYTm5YYFEqKSRvTJDs7s77ZbdpYHfiYmW++7817b8bAiZHL5fqVUnNSygnGWQYYvxgrjuMszs7O/u6tN3o3S0tLN9m8nEqlRuLxOEzTBPdot9uoVqvY5iDQ4/n5+fV/ANjcz8O1TCYzZts2KpUKms2mvh2WZSGZTHp1+Xx+k7kbCwsLLb03uwBMvhwaGhoTQqBYLG41Go0010Edel0oFH5qYLIbo5Tpbp/VXTA5EY1GUSqVwKaHMzMz5R515Ww2e69cLufT6bRX+z+AQa2Zt+n19klzdU6z0zVkO/iXB+V3z92V0jh29iKe5kfXVxFwBVzpwHX8EELi1fotz9RkuIYHF1ZxdWrN8Bm4Lp4+uUs0E0Ygwvk+oIhthfUhDRKQTgPZySbzwmvZfP3+WIK+SRc6u29ghQZgGP0s7AMiCaYVcLAHuf8NdusHlHOAyMg0XLvTA0CKUPomG/WNj9R5Colrt1F5u8j+8xi+M4n61w0C1BBLnyFhCVfYvQDCk+GSamL8CszgAN1RkB2JT7sRDMNGIjOCdjPE2gOPVRfA+wcu3dWoWmvt8zpZfOCJA9VW6LRI1SWzwhfUi999uUp5PccM9EajUkLichqB6DkC2Bh9NoVRwYb9HZzOpBDc7/MZUO4JANtDVY72YIMAMSBMI60g8xqgjlatCtFsIDYcp93Kl90LoCWELr5A5FIARjDkP6HJl1CUZrcQazWosEOi0vdLG38EwCfZWp7zvfA+jjgM52jmD/M/lpT+WgNx/AHLKabZiPgg0gAAAABJRU5ErkJggg=="); }
+
+.zform-button-blockcode, .zform-button-monospace {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABD0lEQVR42mNgGAVYgWHPQ36yNRt0PuD3nPf0WMSq5x9gYnGbX3/wXvz8GEgOr2b9tntCHrOfHiva9vq//9yn92DiIate3ivb/eY/SE679o4QVs16Lfciole//F649dV/v1lP76kX3JBGkpMOWPTsHkguYunz70C5CBTNug132cKXP/9YueMNUMGz36o514zRLdAsv2UMkivd9PJ/4MzHHxWSrrChKFAvvhkROv/p96xVL/579D24Jx93SRpJTtp76qN7ILmgmY++A+UisHpDMeWKkG3DnWOpi5/+d225Cw8Dr0mP7mWseP4fJCcXfVEIb0DKRFzgtyy/ecy78x48FvynPPxgU3vnGEhuNJFjAgDXGIoQBpiXVgAAAABJRU5ErkJggg=="); }
+
+.zform-button-titles {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAApklEQVQoz73QsQ2EMAwFUEsUNDRUVJeKLh1VdE2qSIiGAikZxBNkAja4Cf4iLOI1uCjkdKkokSvrP9lO6KT7okeAjx4eWzhpCQ4WJp6k53GvJnjZcLUplhS/RyipwCZrAQZTDhQPNVhlORxbNjwdOgcD9zVYxJUJGmMOeu5q4MQW8NvdcVsDK6YAhWt3y80f2JhOg07PVGFAjy62ofkQaKfXU199X1/TU/Qkt2QxeAAAAABJRU5ErkJggg=="); }
+
+.zform-button-title1 {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAApklEQVQoz73QsQ2EMAwFUEsUNDRUVJeKLh1VdE2qSIiGAikZxBNkAja4Cf4iLOI1uCjkdKkokSvrP9lO6KT7okeAjx4eWzhpCQ4WJp6k53GvJnjZcLUplhS/RyipwCZrAQZTDhQPNVhlORxbNjwdOgcD9zVYxJUJGmMOeu5q4MQW8NvdcVsDK6YAhWt3y80f2JhOg07PVGFAjy62ofkQaKfXU199X1/TU/Qkt2QxeAAAAABJRU5ErkJggg=="); }
+
+.zform-button-title2 {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAwklEQVQoz73QsQ2DMBAF0JMoaBARiiIqXER07lxZNK4sIRoKJHuCTMAETJANmOBvkAnYIBPcGsQCh5ISXfmfvs9HK50PXQLc5OAw+JU6b2GgJyXlXEO0R4PjAbs3UKwqudST+Dy4qCIYuI9A48nS1yEomxtnTQQ9d4sdzahHtUjeaYHsm+YRdGxjg0S9geKdIZXHDpZNBGE13uLXSklO/x0M6wgE7lw0oRwJaKF2A2bSUJDhm8KXCG/PWwyarzv1+fwAYArrjnYCa/AAAAAASUVORK5CYII="); }
+
+.zform-button-title3 {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAxElEQVQoz73QsanDMBSF4cPzAxdx4KkSBKxKnTpXIo0qg3GTwmBPkAk0gSbIBpngbuAJsshZ46Z4wmXK8LcfpzhQfA5fAWtZZZVlU8zbKEliGUJ4enHTsbBykX+fJFIRdl/cbnmAhbcKogxU+F5h72Y/wI3za8wpxzy8AhWut3Jmlw8wc6wLQTwVCtN3e8tmqmBkqsDLhTaYu6Ltf4lcQWKswMkfTT6xvTbhh7gqoEglyiBhU7jNipHu0ZbmiQem7139uTdX8exNUqtqywAAAABJRU5ErkJggg=="); }
+
+.zform-button-title4 {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAt0lEQVQoz73QsQ2DMBAFUEsUNAiJiipXRNfRUSE3rty4oYhkBmGCmyAbZILbgAnYgAluDXIBJ6SiRNdY+k/fPpvVnI+5BESKrDOsph8Ce3b0CZob0q8hSuTdayxbXOIE/AceCTjuNoAvmOsDPKSfw+hHN3ZzqwCfYGuuDtBLSA0t3wUtLBovxZJTAkF8Ao0CKGtb2WLKp6xJwItLABlkP+Wcfa/wpE/jVtfEAVjLt/UyMnTdV5/PG1Cu8REDzPeUAAAAAElFTkSuQmCC"); }
+
+.zform-button-table {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAByElEQVR42q2TzytEURTHv/Pe85sFGVPIRpHflKYRC8rCilCKspKlvZVY8H/IQhQldiyEyUSKUhKxUH7MTH7LNO/+cO6b8d4bWRCn3jvv3nfO53zvufcCfzSPes1tPUxIiVEuRakQAlwATHmuviUYeefh4EzSvNifGa7wGwogpBzr9+cV/qby5MJ5vfIWgGhW8srFLFVmVIXBJG9y0/E09/lvvGUapskzXABpUYeqR35U/S1GUMbhANSiyeZ3wj8CdDcXIO4GsCRA2WBbERaDdxho9dlzS6E79AeccfQ5lqrAJAA1EoZOwbth6LqG5VAYHg3Qkkkre6SOYtIoo6okG3HzyxJUFwzdg16/l4Ij6PEXpShwj8+vn8GYSFUgaWxQubWDCClIeCtAcyAGnRqVVl2cSQXdAKJJJY8Su5q82DiKorPBORbrhxEEKvORl2WF4/TqCTkZhquJIkHTNY+VrOzT0xSdBWD75MEGlnvT7Z1LABhL9IDkdtQVYvM4ivZaR8FyKIK+gNceKwV6cmlOD2gJtWW5uLl/R7kvC5e3r/ZdqClJt5LcJoQUrl2Qwan5s8Y4Fzlqf9XDqS+mdXnYt4fp8SW2iv+wD9RSCSl9jwFVAAAAAElFTkSuQmCC"); }
+
+.zform-button-math {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAs0lEQVQoz2P4z4AfMhCpoNGh8X/d/+oz5UeLz+T/yPqfchTDhLrz+/6XnSnqye3JmJzcEzsfQ0GlQff/Cf9zHCC8sP1Y3FBQP/9/2v0EATyOTDk/+39kAR4FsQkR74Nm4VQQIxB2P/A2nnAIXe9/xrMHwjb5j6EgOMHvvMdpEMsC6Ez992gKggx83ru/cay3qTfvN7qv918L3ZveCa77HfZb7Tfdb7hfd7/mfrV+UuOCAgUAOHoB5MLjQikAAAAASUVORK5CYII="); }
+
+.zform-button-footnote {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABlUlEQVR42qWTx05CURCGeQCfwBIX+gY+i23v3qCIEevCaMB7uY0LF9SoxF5iiSshlmCjG2kixRghajQRrjuJ+T3XFRukOMkkM2dyvjP/nIxKVWSL9uWC6j82v7AE+/IqZucXGmoCSLY55PIy1je3YbHOdVUNEMwSvgoFyJ+f2NrZhVmyrVUF4AQzZFnGbShMIDIczmMIoiVTMYDhRby9vePiyg1fIIjnl1dcu71geRNEi7X8XBhOQCabhc8f+PVA8Abph0eEozEFQLqR/p4LzXBIpdMIEQmKjFA4gmgsRs4ecBdPYNG+At5k2S0JoIwcuRDHfSIJt8eDRDIFhhNhoBjQjECkiAoAJQEGmkU4EsPpmQtGRc5T9neQfRqtRMptRV4CQF5ye/2gWeF7QDu04Tq/xBOBUEY2X9EvzNAMTGYr2js6e0jaxJNvzX3kcORwYlpPdZcFGCgWupHxPRLWKXmvut/q8fiQz+UxOaVHJU0o+pqL8npelLB/cAjd6MRJTfuh1gyu6IbHXCRsqXVJG4m3lir+AKcgCFAzJG3uAAAAAElFTkSuQmCC"); }
+
+/* Simple dropdown */
+div.zform-popup {
+ top: 18px;
+ z-index: 100;
+ background: transparent;
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, , color-stop(8%, #EBEBE5), color-stop(75%, #F9F9F6));
+ background-image: -webkit-linear-gradient(center bottom, #EBEBE5 8%, #F9F9F6 75%);
+ background-image: -o-linear-gradient(center bottom, #EBEBE5 8%, #F9F9F6 75%);
+ background-image: linear-gradient(center bottom, #EBEBE5 8%, #F9F9F6 75%);
+ border: 1px solid #CCCCCC;
+ border-radius: 3px;
+ padding: 2px; }
+
+/* 3 cols select code dropdown */
+.zform-code-col {
+ display: inline-block;
+ vertical-align: top;
+ margin: 2px;
+ min-width: 100px; }
+ .zform-code-col > span {
+ display: block;
+ color: #2677C9;
+ cursor: pointer; }
+ .zform-code-col > span[data-zform-selected='true'] {
+ color: blue;
+ font-weight: bold; }
+ .zform-code-col > span:hover, .zform-code-col > span:focus {
+ color: #C87B02; }
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ Modal box
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+/* Overlay gris clair */
+#zform-modal-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ display: none;
+ z-index: 99; }
+
+/* HTML Structure
+====================================================================================
+
+==================================================================================== */
+/* Modal box container */
+#zform-modal-wrapper {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: none;
+ margin-top: 10%;
+ text-align: center;
+ z-index: 100; }
+ #zform-modal-wrapper > div {
+ position: relative;
+ display: inline-block;
+ text-align: left;
+ background: #f4f6f6;
+ border: 1px solid #555;
+ border-radius: 2px;
+ -webkit-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
+ min-height: 220px;
+ min-width: 400px; }
+ #zform-modal-wrapper > div > header {
+ color: #fff;
+ padding-left: 6px;
+ padding-right: 6px;
+ white-space: nowrap;
+ border-bottom: 3px solid #f8ad32;
+ line-height: 53px;
+ height: 50px;
+ text-indent: 15px;
+ margin-bottom: 20px;
+ background: #084561;
+ font-size: 1.6rem;
+ font-size: 16px;
+ text-shadow: rgba(0, 0, 0, 0.75) 0 0 3px; }
+ #zform-modal-wrapper section {
+ display: block;
+ margin: 8px;
+ min-width: 200px;
+ min-height: 50px; }
+ #zform-modal-wrapper section div input {
+ min-width: 260px;
+ margin: 7px 15px; }
+ #zform-modal-wrapper .btn, #zform-modal-wrapper [type=submit] {
+ position: absolute;
+ width: 50%;
+ height: 50px;
+ line-height: 50px;
+ bottom: 0;
+ right: 0;
+ margin: 0 !important;
+ padding: 0 !important;
+ text-align: center;
+ background: none !important;
+ border-top: 1px solid #CCC;
+ color: #333;
+ cursor: pointer; }
+ #zform-modal-wrapper .btn:hover, #zform-modal-wrapper .btn:focus, #zform-modal-wrapper [type=submit]:hover, #zform-modal-wrapper [type=submit]:focus {
+ background: #DDD !important; }
+ #zform-modal-wrapper .btn-submit, #zform-modal-wrapper [type=submit] {
+ color: #084561;
+ font-weight: bold; }
+ #zform-modal-wrapper .btn-cancel {
+ right: auto;
+ left: 0;
+ border-right: 1px solid #CCC;
+ color: #555; }
+
+.zform-modal label {
+ display: inline-block;
+ width: 70px;
+ text-align: left; }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Style only for mobiles and tablets
+ ========================================================================== */
+@media only screen and (max-width: 760px) {
+ #cookies-banner {
+ position: absolute;
+ top: 50px;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 10; }
+ #cookies-banner p {
+ margin-top: 40px;
+ padding: 0 20px; }
+ #cookies-banner a, #cookies-banner #accept-cookies {
+ display: block;
+ width: 100%;
+ height: 40px;
+ padding: 0 !important;
+ margin: 15px 0 0 0 !important;
+ text-align: center; }
+ #cookies-banner a {
+ margin-top: 40px !important;
+ line-height: 40px; }
+ html.dropdown-active {
+ overflow: hidden; }
+ html.dropdown-active .page-container {
+ width: 100%; }
+ html.dropdown-active .main-container {
+ display: none; }
+ .header-menu-dropdown {
+ display: none !important; }
+ .dropdown {
+ width: 100%;
+ top: 180px;
+ bottom: 0;
+ border-bottom: none; }
+ .dropdown .dropdown-list {
+ overflow: auto;
+ position: absolute;
+ top: 36px;
+ bottom: 50px; }
+ .dropdown .dropdown-link-all {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 50px;
+ line-height: 50px; }
+ form.forum-message .message {
+ padding-top: 0 !important; }
+ .topic-message .message .message-actions a {
+ width: 0px;
+ text-indent: -9999px; }
+ .topic-message .message .message-actions a:after, .topic-message .message .message-karma a:after {
+ left: 12px !important; }
+ .topic-message .message .message-karma a, .topic-message .message .message-karma span {
+ margin-right: 1px;
+ margin-left: 0; }
+ .topic-message .message .message-karma a.has-vote, .topic-message .message .message-karma span.has-vote {
+ text-indent: 15px;
+ line-height: 14px;
+ font-size: 12px;
+ text-align: right; }
+ .topic-message .message .message-karma a.has-vote.downvote, .topic-message .message .message-karma span.has-vote.downvote {
+ line-height: 40px; }
+ .topic-message .message .message-submit {
+ display: block !important;
+ width: calc(100% - 16px);
+ margin: 0 8px !important; }
+ .topic-message .message .message-submit button {
+ float: right;
+ display: block;
+ width: calc(50% - 2px);
+ margin-left: 1px !important; }
+ .topic-message .message .message-submit button.btn-grey {
+ float: left; }
+ .markdown-help .open-markdown-help {
+ position: relative;
+ left: 0;
+ bottom: 0;
+ float: none;
+ margin-bottom: 5px;
+ margin-left: 0 !important; } }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Style only for mobiles and tablets
+ ========================================================================== */
+@media only screen and (max-width: 959px) {
+ /* ====================
+ Content positionning
+ ==================== */
+ /* ====================
+ Forums
+ ==================== */
+ /* ====================
+ Tutorials/Articles
+ ==================== */
+ body {
+ background: #222; }
+ body:not(.swipping) .page-container, body:not(.swipping) .mobile-menu {
+ -webkit-transition-property: -webkit-transform;
+ -o-transition-property: -o-transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ -o-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease;
+ -o-transition-timing-function: ease;
+ transition-timing-function: ease; }
+ body.swipping * {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none; }
+ .js .page-container {
+ position: absolute;
+ z-index: 10;
+ -webkit-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+ .js .mobile-menu {
+ display: block;
+ position: absolute;
+ position: fixed;
+ overflow-x: hidden;
+ overflow-y: auto;
+ z-index: 1;
+ -webkit-transform: translate3d(-20%, 0, 0);
+ -o-transform: translate3d(-20%, 0, 0);
+ transform: translate3d(-20%, 0, 0);
+ width: 90%;
+ height: 100%;
+ padding-bottom: 20px;
+ background: #222;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .js .mobile-menu .search {
+ height: 50px;
+ position: relative;
+ top: 0;
+ left: 0;
+ width: 100%; }
+ .js .mobile-menu .search input {
+ color: #EEE;
+ background-color: #333;
+ width: 76%;
+ height: 30px;
+ padding: 10px 5%;
+ font-size: 16px;
+ font-size: 1.6rem; }
+ .js .mobile-menu .search input:hover, .js .mobile-menu .search input:focus {
+ padding-bottom: 7px;
+ border-bottom: 3px solid #084561;
+ background-color: #333; }
+ .js .mobile-menu .search button {
+ display: none; }
+ .js .mobile-menu .search .search-more {
+ background-color: #3F3F3F;
+ width: 14%;
+ height: 50px;
+ line-height: 50px;
+ color: #CCC; }
+ .js .mobile-menu .mobile-menu-bloc, .js .mobile-menu .mobile-menu-link {
+ width: 90%;
+ line-height: 40px;
+ text-indent: 0; }
+ .js .mobile-menu .mobile-menu-bloc {
+ margin: 0 5% 15px; }
+ .js .mobile-menu .mobile-menu-bloc:nth-child(2) {
+ margin-top: 15px; }
+ .js .mobile-menu .mobile-menu-bloc ul, .js .mobile-menu .mobile-menu-bloc li {
+ margin: 0;
+ padding: 0; }
+ .js .mobile-menu .mobile-menu-bloc .mobile-menu-link {
+ margin: 0;
+ width: 100%; }
+ .js .mobile-menu .mobile-menu-bloc:not(.mobile-show-ico) .ico-after:after {
+ display: none; }
+ .js .mobile-menu .mobile-menu-bloc[data-title]:before {
+ display: block;
+ content: attr(data-title);
+ height: 30px;
+ font-size: 14px;
+ font-size: 1.4rem;
+ text-transform: uppercase;
+ padding-bottom: 3px;
+ border-bottom: 2px solid #3F3F3F;
+ font-weight: bold;
+ color: #666; }
+ .js .mobile-menu .mobile-menu-bloc.mobile-show-ico .ico-after {
+ padding-left: 30px;
+ width: calc(100% - 30px); }
+ .js .mobile-menu .mobile-menu-bloc.mobile-show-ico .ico-after:after {
+ top: 12px;
+ left: 2px; }
+ .js .mobile-menu .mobile-menu-link {
+ display: block;
+ height: 40px;
+ text-decoration: none;
+ color: #CCC;
+ font-size: 16px;
+ font-size: 1.6rem;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden; }
+ .js .mobile-menu .mobile-menu-link.mobile-menu-sublink {
+ width: 90%;
+ margin: 0 0 0 10%; }
+ .js .mobile-menu .mobile-menu-link.mobile-menu-bloc[data-title] {
+ height: 80px; }
+ .js .mobile-menu .mobile-menu-link.mobile-menu-bloc:not([data-title]) {
+ margin-bottom: 0; }
+ .js .mobile-menu .mobile-menu-link:not(:last-child):not(.mobile-menu-bloc) {
+ border-bottom: 1px solid #2C2C2C; }
+ .js .mobile-menu .mobile-menu-link[data-prefix]:before {
+ content: "[" attr(data-prefix) "] "; }
+ .js .mobile-menu .mobile-menu-link.unread {
+ font-weight: bold;
+ color: #EEE; }
+ .js .mobile-menu .mobile-menu-link img {
+ float: left;
+ margin: 5px 5px 5px 0;
+ width: 30px;
+ height: 30px; }
+ .js .mobile-menu .mobile-menu-link .label {
+ padding: 0 0 0 50px; }
+ .js .mobile-menu .mobile-menu-link img + .label {
+ padding: 0 0 0 10px; }
+ .js.show-mobile-menu {
+ width: 100%; }
+ .js.show-mobile-menu body {
+ position: fixed; }
+ .js.show-mobile-menu .page-container {
+ height: 100%;
+ -webkit-transform: translate3d(90%, 0, 0);
+ -o-transform: translate3d(90%, 0, 0);
+ transform: translate3d(90%, 0, 0);
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 7px rgba(0, 0, 0, 0.25); }
+ .js.show-mobile-menu .mobile-menu {
+ -webkit-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+ .js.enable-mobile-menu .mobile-menu-hide {
+ display: none; }
+ .js.enable-mobile-menu .page-container .mobile-menu-bloc, .js.enable-mobile-menu .page-container .mobile-menu-link, .js.enable-mobile-menu .page-container .search {
+ display: none; }
+ .js.enable-mobile-menu .page-container .mobile-menu-btn + .header-logo {
+ margin-left: 0; }
+ .js.enable-mobile-menu .page-container .mobile-menu-btn {
+ display: block;
+ float: left;
+ height: 50px;
+ width: 50px; }
+ .js.enable-mobile-menu .page-container .mobile-menu-btn:after {
+ display: block;
+ content: " ";
+ position: absolute;
+ top: 15px;
+ left: 13px;
+ height: 22px;
+ width: 22px;
+ background-image: url("../images/sprite@2x.png");
+ background-repeat: no-repeat;
+ background-position: 0px -3412px; }
+ .page-container .header-logo {
+ width: 40px;
+ height: 50px;
+ margin-left: 50px;
+ float: left; }
+ .page-container .header-logo-link {
+ background-image: url('../images/logo-mobile@2x.png') !important;
+ -webkit-background-size: 100%;
+ background-size: 100%;
+ width: 100%;
+ height: 100%; }
+ .page-container .header-logo-link:after {
+ display: block;
+ content: attr(data-title);
+ position: absolute;
+ top: 0;
+ left: 95px;
+ right: 155px;
+ line-height: 50px;
+ text-indent: 0;
+ text-align: left;
+ font-weight: normal;
+ font-size: 17px;
+ font-size: 1.7rem;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ max-width: 200px; }
+ .page-container .header-container .header-menu {
+ height: 30px; }
+ .page-container .header-container .header-menu .header-menu-list {
+ padding-top: 50px; }
+ .page-container .header-container .header-menu .header-menu-list > li > a {
+ line-height: 50px; }
+ .page-container .logbox {
+ float: right;
+ width: 150px;
+ background: none; }
+ .page-container .logbox .notifs-links {
+ width: 100%; }
+ .page-container .logbox .notifs-links .ico-link {
+ height: 50px;
+ width: 50px; }
+ .page-container .logbox .dropdown {
+ top: 50px; }
+ .page-container .logbox .dropdown.my-account-dropdown .dropdown-list {
+ bottom: 0; }
+ .page-container .logbox .dropdown.my-account-dropdown .dropdown-list li {
+ height: 45px;
+ line-height: 45px; }
+ .page-container .logbox.unlogged {
+ font-size: 13px;
+ font-size: 1.3rem; }
+ .page-container .logbox.unlogged a {
+ background-color: rgba(255, 255, 255, 0.1);
+ line-height: 30px;
+ height: 30px;
+ margin: 10px 0;
+ width: 74px;
+ margin-right: 1px; }
+ html:not(.enable-mobile-menu) .header-container {
+ border-bottom: 1px solid #CCC; }
+ html:not(.enable-mobile-menu) .page-container .header-logo {
+ margin-left: 10px; }
+ html:not(.enable-mobile-menu) .page-container .header-logo-link:after {
+ left: 55px;
+ right: 205px; }
+ html:not(.enable-mobile-menu) .logbox .notifs-links .ico-link, html:not(.enable-mobile-menu) .logbox .my-account {
+ position: absolute;
+ top: 0;
+ right: 0;
+ height: 50px;
+ width: 50px; }
+ html:not(.enable-mobile-menu) .logbox .notifs-links .ico-link .avatar, html:not(.enable-mobile-menu) .logbox .my-account .avatar {
+ height: 50px;
+ width: 50px; }
+ html:not(.enable-mobile-menu) .logbox .notifs-links :nth-child(1) .ico-link {
+ right: 150px; }
+ html:not(.enable-mobile-menu) .logbox .notifs-links :nth-child(2) .ico-link {
+ right: 100px; }
+ html:not(.enable-mobile-menu) .logbox .notifs-links :nth-child(3) .ico-link, html:not(.enable-mobile-menu) .logbox .notifs-links .ico-link:nth-child(3) {
+ right: 50px; }
+ html:not(.enable-mobile-menu) .logbox.unlogged {
+ position: absolute;
+ top: 0;
+ right: 0; }
+ .main {
+ width: 100%; }
+ .main .content-container .content-col:not(:first-child), .main .sidebar {
+ margin-top: 50px; }
+ .home .main .content-container article {
+ padding: 20px 4%; }
+ .main .sidebar {
+ width: 102.5%; }
+ .main .sidebar h3, .main .sidebar h4, .main .sidebar ul li {
+ padding-left: 5.5%; }
+ .main .sidebar h3 a, .main .sidebar h4 a, .main .sidebar ul li a {
+ white-space: normal; }
+ .content-col-2:not(:first-child), .content-col-3:not(:first-child) {
+ margin-top: 50px; }
+ .header-menu-dropdown {
+ display: none !important; }
+ .topic-list .topic {
+ background: none !important; }
+ .main .content-container .topic-message {
+ padding: 20px 0; }
+ .main .content-container .topic-message .user {
+ position: absolute;
+ top: 7px;
+ z-index: 10;
+ width: 100%; }
+ .main .content-container .topic-message .user .avatar-link {
+ float: left;
+ display: none; }
+ .main .content-container .topic-message .user .badge {
+ float: left;
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ width: 50px;
+ margin-left: 10px; }
+ .main .content-container .topic-message .user .badge.push-badge {
+ margin-left: 105px; }
+ .main .content-container .topic-message .user .user-metadata {
+ float: right;
+ width: 140px;
+ margin-right: 10px; }
+ .main .content-container .topic-message .user .user-metadata a {
+ float: left;
+ height: 20px;
+ line-height: 20px;
+ border-bottom: none;
+ width: 68px; }
+ .main .content-container .topic-message .message {
+ border-right: 0;
+ border-left: 0;
+ padding-top: 65px; }
+ .main .content-container .topic-message .message .message-metadata {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 10px;
+ z-index: 15;
+ height: 30px;
+ line-height: 30px; }
+ .main .content-container .topic-message .message .message-metadata .username {
+ margin-left: 5px; }
+ .main .content-container .topic-message .message .message-metadata .date {
+ float: right; }
+ .main .content-container .topic-message .message .message-actions {
+ margin: 35px 10px 0 0; }
+ .main .content-container .topic-message .message .message-bottom {
+ min-height: 0; }
+ .main .content-container .topic-message .message .message-bottom .signature {
+ display: none; }
+ .main .content-container .topic-message .message .message-bottom .message-karma {
+ position: absolute;
+ top: 35px;
+ left: 10px; }
+ .main .content-container .topic-message .message .message-bottom .message-karma a, .main .content-container .topic-message .message .message-bottom .message-karma span {
+ border-bottom-width: 1px !important;
+ border-bottom-color: #D2D5D6; }
+ .main .content-container .topic-message .message .message-bottom .message-karma .tick {
+ text-indent: -9999px;
+ margin-right: 1px; }
+ .main .content-container .topic-message .message .message-bottom .message-karma .tick:after {
+ left: 12px; }
+ .main .content-container .topic-message .message .message-bottom .message-karma .upvote, .main .content-container .topic-message .message .message-bottom .message-karma .downvote {
+ padding: 0 7px;
+ text-align: center;
+ min-width: 30px; }
+ .main .content-container .article-content p, .main .content-container .article-content ul:not(.pagination) {
+ font-size: 15px;
+ font-size: 1.5rem;
+ font-size: 1.8ex; }
+ .main .content-container .content-wrapper h1, .main .content-container .content-wrapper h2, .main .content-container .content-wrapper h3, .main .content-container .content-wrapper h4, .main .content-container .content-wrapper h5, .main .content-container .content-wrapper h6, .main .content-container .content-wrapper .subtitle, .main .content-container .content-wrapper .authors, .main .content-container .content-wrapper p, .main .content-container .content-wrapper figure, .main .content-container .content-wrapper blockquote {
+ margin-left: 15px;
+ margin-right: 15px; }
+ .main .content-container .content-wrapper figure p, .main .content-container .content-wrapper figure blockquote {
+ margin-left: 0;
+ margin-right: 0; }
+ .page-footer {
+ text-align: center;
+ height: auto; }
+ .page-footer p {
+ border-bottom: 1px solid #5b3903; }
+ .page-footer p, .page-footer ul {
+ display: block;
+ float: none; }
+ .page-footer ul {
+ line-height: 30px; }
+ .page-footer ul li {
+ margin: 0 5px; } }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Tablet and more
+ ========================================================================== */
+@media only screen and (min-width: 760px) {
+ .dropdown {
+ -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3); }
+ .header-right .dropdown {
+ width: 350px;
+ left: auto;
+ padding: 0; }
+ .header-right .dropdown .dropdown-list {
+ max-height: 270px;
+ overflow-x: hidden;
+ overflow-y: auto; }
+ .header-right .dropdown .dropdown-list::-webkit-scrollbar {
+ width: 10px;
+ height: 10px; }
+ .header-right .dropdown .dropdown-list::-webkit-scrollbar-track {
+ background-color: #06354a; }
+ .header-right .dropdown .dropdown-list::-webkit-scrollbar-thumb {
+ background-color: #396a81;
+ border: 1px solid #06354a;
+ -webkit-transition: all 0.15s ease;
+ transition: all 0.15s ease; }
+ .header-right .dropdown .dropdown-list::-webkit-scrollbar-thumb:hover {
+ background-color: #5196b6; }
+ .header-right .dropdown .dropdown-list::-webkit-scrollbar-thumb:active {
+ background-color: #71b4d3; }
+ .header-right .dropdown.my-account-dropdown {
+ width: 230px; }
+ .main .content-container .topic-message .message .message-bottom .message-karma a.upvote.has-vote, .main .content-container .topic-message .message .message-bottom .message-karma a.downvote.has-vote, .main .content-container .topic-message .message .message-bottom .message-karma span.upvote.has-vote, .main .content-container .topic-message .message .message-bottom .message-karma span.downvote.has-vote {
+ padding-left: 27px; } }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Wide screen support, for wide and extra-wide
+ ========================================================================== */
+@media only screen and (min-width: 960px) {
+ /* ============
+ Header
+ ============ */
+ /* ============
+ Main
+ ============ */
+ /* ============
+ Main / Home
+ ============ */
+ /* ============
+ Main / Message
+ ============ */
+ /* ==============
+ Main / Pagination
+ ============== */
+ /* ==============
+ Main / Content Wrappers
+ ============== */
+ /* ==============
+ Main / Gallery
+ ============== */
+ /* ==============
+ Modals boxes
+ ============== */
+ html, body, .page-container {
+ height: 100%; }
+ .main-container {
+ min-height: calc(100% - 146px); }
+ .screen {
+ display: inline; }
+ .wrapper {
+ width: 95%;
+ margin: 0 2.5%; }
+ .header-container {
+ z-index: 1;
+ position: relative;
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
+ .header-container header {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(20%, transparent), color-stop(40%, rgba(255, 255, 255, 0.07)), color-stop(60%, rgba(255, 255, 255, 0.07)), color-stop(80%, transparent));
+ background-image: -webkit-linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.07) 40%, rgba(255, 255, 255, 0.07) 60%, transparent 80%);
+ background-image: -o-linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.07) 40%, rgba(255, 255, 255, 0.07) 60%, transparent 80%);
+ background-image: linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.07) 40%, rgba(255, 255, 255, 0.07) 60%, transparent 80%); }
+ .header-logo {
+ float: left;
+ text-align: left;
+ width: 240px; }
+ .header-container .header-menu {
+ float: left;
+ width: 34%;
+ margin-left: 0.5%; }
+ .header-container .header-menu .header-menu-list > li > a {
+ max-width: 150px;
+ font-size: 1.6rem;
+ font-size: 16px; }
+ .dropdown {
+ top: 60px; }
+ .has-dropdown {
+ position: relative;
+ text-indent: -7px; }
+ .has-dropdown:after {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 47%;
+ left: 83%;
+ height: 0;
+ width: 0;
+ border: 6px solid transparent;
+ border-top: 6px solid rgba(255, 255, 255, 0.7); }
+ .has-dropdown:hover:after, .has-dropdown:focus:after, .has-dropdown.active:after {
+ border-top: 6px solid #FFF; }
+ .logbox .dropdown.my-account-dropdown ul li {
+ height: 30px;
+ line-height: 30px; }
+ .lt-ie9 .dropdown {
+ top: 90px; }
+ .header-right {
+ float: right;
+ width: 230px; }
+ .header-right .dropdown {
+ right: 2.5%; }
+ .breadcrumb {
+ position: relative;
+ display: block;
+ float: left;
+ width: calc(100% - 230px);
+ height: 30px; }
+ .breadcrumb:after {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 50px;
+ height: 100%;
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(231, 235, 236, 0)), to(rgba(231, 235, 236, 0.75)));
+ background-image: -webkit-linear-gradient(left, rgba(231, 235, 236, 0), rgba(231, 235, 236, 0.75));
+ background-image: -o-linear-gradient(left, rgba(231, 235, 236, 0), rgba(231, 235, 236, 0.75));
+ background-image: linear-gradient(left, rgba(231, 235, 236, 0), rgba(231, 235, 236, 0.75)); }
+ .breadcrumb ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+ .breadcrumb ul li {
+ position: relative;
+ display: inline-block;
+ padding-right: 30px;
+ line-height: 30px; }
+ .breadcrumb ul li a {
+ text-decoration: none;
+ color: #084561; }
+ .breadcrumb ul li a:hover, .breadcrumb ul li a:focus {
+ text-decoration: underline;
+ outline: none; }
+ .breadcrumb ul li:not(:last-child):after {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 7px;
+ content: " ";
+ height: 30px;
+ width: 15px;
+ background-image: url("../images/sprite@2x.png");
+ background-repeat: no-repeat;
+ background-position: 0px -212px;
+ opacity: 0.2; }
+ .search:before {
+ content: " ";
+ display: block;
+ position: absolute;
+ left: -20px;
+ height: 30px;
+ width: 20px;
+ background: -webkit-gradient(linear, left top, left bottom, from(right), color-stop(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
+ background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
+ background: -o-linear-gradient(right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
+ background: linear-gradient(right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0)); }
+ .search form input {
+ padding: 8px 10px;
+ height: 14px;
+ width: 150px; }
+ .search form button {
+ height: 30px;
+ line-height: 30px;
+ width: 30px; }
+ .search form button:after {
+ top: 7px; }
+ .search .search-more {
+ width: 30px;
+ height: 30px;
+ line-height: 30px; }
+ body.no-sidebar .main .content-container {
+ width: 100%; }
+ body.no-sidebar .main .sidebar {
+ display: none; }
+ .main {
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: flex;
+ -moz-box-orient: horizontal;
+ -moz-box-direction: reverse;
+ -ms-flex-direction: row-reverse;
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ height: 100%;
+ margin-left: 0;
+ padding-left: 2.5%; }
+ .main .content-container {
+ width: 80%;
+ margin-right: 0; }
+ .main .content-container .open-zen-mode {
+ display: block; }
+ .main .content-container.zen-mode {
+ width: 100%;
+ min-height: calc(100% - 200px);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: 20;
+ background: #FCFCFC;
+ padding: 100px 0;
+ margin-bottom: 0; }
+ .main .content-container.zen-mode .open-zen-mode:before {
+ content: "Quitter la "; }
+ .main .content-container.zen-mode .reactions-title, .main .content-container.zen-mode .topic-message {
+ display: none; }
+ .main .content-container h1, .main .content-container h2 {
+ margin-left: 1px; }
+ .main .content-container .content-col-2 {
+ width: 49.5%;
+ margin: 0 0 0 1%; }
+ .main .content-container .content-col-3 {
+ width: 32%;
+ margin: 0 0 0 2%; }
+ .main .content-container .content-col-2, .main .content-container .content-col-3 {
+ float: left; }
+ .main .content-container .content-col-2:first-child, .main .content-container .content-col-3:first-child {
+ margin: 0; }
+ .main .sidebar {
+ width: 22.5%;
+ border-bottom: none; }
+ .main .sidebar h3, .main .sidebar h4, .main .sidebar ul li {
+ padding-left: 11.5%; }
+ .main .sidebar h3:first-child {
+ margin-top: 31px; }
+ .main .sidebar h4[data-num] {
+ padding-left: calc(11% + 25px); }
+ .main .sidebar h4[data-num]:before {
+ left: 11%; }
+ .main .sidebar.sommaire ul li.current ul {
+ margin-left: calc(-11% - 10px);
+ width: calc(111% + 10px);
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.07)), color-stop(3px, transparent));
+ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07), transparent 3px);
+ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.07), transparent 3px);
+ background: linear-gradient(top, rgba(0, 0, 0, 0.07), transparent 3px); }
+ .main .sidebar.sommaire ul li.current ul a {
+ padding-left: calc(11% + 30px); }
+ .content-cols .main .content-container {
+ width: 79%;
+ margin-left: 1.5%; }
+ .home .main .sidebar {
+ margin-top: 30px;
+ border-top: 1px solid #FFF; }
+ .home .main .sidebar h3:first-child {
+ margin-top: 0; }
+ .full-content-wrapper .tutorial-list article {
+ width: 46%;
+ float: left; }
+ .topic-message {
+ margin: 0 0 25px; }
+ .topic-message .user:after, .topic-message .message:after {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 10px;
+ height: 0;
+ width: 0;
+ border: 20px solid transparent;
+ border-left: 0; }
+ .topic-message .user {
+ position: absolute;
+ padding-top: 60px;
+ top: 0;
+ left: 0; }
+ .topic-message .user:after {
+ left: 60px;
+ border-right-color: #D2D4D6; }
+ .topic-message .message {
+ margin-left: 80px; }
+ .topic-message .message:after {
+ top: 9px;
+ left: -19px;
+ border-right-color: #FDFDFD; }
+ .topic-message .message .is-author {
+ left: 5px; }
+ .topic-message .message .message-content {
+ margin: 0 10px; }
+ .topic-message .message .message-content > :first-child {
+ margin-top: 5px; }
+ .topic-message .message .message-content > figure:first-child {
+ margin-top: 10px; }
+ .topic-message .message .message-bottom .signature p {
+ white-space: nowrap;
+ overflow: hidden; }
+ .pagination {
+ border: 1px solid #d2d5d6; }
+ .content-wrapper, .full-content-wrapper {
+ margin: 0 0 0 4%; }
+ .content-wrapper .content-wrapper, .full-content-wrapper .content-wrapper {
+ max-width: none;
+ margin: 0; }
+ .gallery-col-image {
+ float: left;
+ width: 50%; }
+ .gallery-col-image img {
+ max-width: 100%; }
+ .gallery-col-edit {
+ float: right;
+ width: calc(50% - 20px);
+ padding-left: 20px; }
+ .enable-mobile-menu #modals .modal {
+ -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7); }
+ .enable-mobile-menu #modals .modal .modal-title {
+ line-height: 50px; }
+ .enable-mobile-menu #modals .modal [type=submit]:hover, .enable-mobile-menu #modals .modal [type=submit]:focus, .enable-mobile-menu #modals .modal .btn:hover, .enable-mobile-menu #modals .modal .btn:focus {
+ color: #EEE !important;
+ background: #084561 !important; } }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Only for extra-wide screens with width > 1140px
+ ========================================================================== */
+@media only screen and (min-width: 1140px) {
+ .wide {
+ display: inline; }
+ table .wide {
+ display: table-cell; }
+ .header-container .header-menu {
+ width: 40%;
+ margin-left: 5%; }
+ .full-content-wrapper .tutorial-list article {
+ width: 29.3%; } }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Only for mega-wide screens with width > 1360px
+ ========================================================================== */
+@media only screen and (min-width: 1360px) {
+ #cookies-banner #accept-cookies {
+ float: right; }
+ .main .content-container .content-wrapper {
+ max-width: 960px;
+ margin: 0 auto; } }
+
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Override for high pixel ratio screens : HD icons
+ ========================================================================== */
+.header-logo-link {
+ -webkit-background-size: 100%;
+ background-size: 100%;
+ background-image: url('../images/logo@2x.png'); }
+
+.ico, .ico-after:after, .breadcrumb ul li:not(:last-child):after, input[type=radio]:checked, input[type=checkbox]:checked {
+ -webkit-background-size: 40px 3146px !important;
+ background-size: 40px 3146px !important;
+ background-image: url("../images/sprite@2x.png") !important; }
+
+.js.enable-mobile-menu .page-container .mobile-menu-btn:after {
+ background-position: 0px -1706px; }
+
+.logbox .notifs-links .ico-link .notif-text.ico-messages {
+ background-position: 0px -1746px; }
+.logbox .notifs-links .ico-link .notif-text.ico-notifs {
+ background-position: 0px -2026px; }
+.logbox .notifs-links .ico-link .notif-text.ico-alerts {
+ background-position: 0px -66px; }
+.logbox .notifs-links .ico-link .notif-text.ico-params {
+ background-position: 0px -2066px; }
+
+.breadcrumb ul li:not(:last-child):after {
+ background-position: 0px -106px; }
+
+.search form button:after {
+ background-position: 0px -2466px; }
+
+.main .content-container h2.ico-articles:after {
+ background-position: 0px -386px; }
+.main .content-container h2.ico-tutorials:after {
+ background-position: 0px -2946px; }
+
+/* ==============
+ Forms
+ ============== */
+.content-container input[type=radio]:checked, #modals input[type=radio]:checked {
+ background-position: 0px -13px; }
+.content-container input[type=checkbox]:checked, #modals input[type=checkbox]:checked {
+ background-position: 0px 0px; }
+
+/* ==============
+ Markdown icons
+ ============== */
+.main .content-container .article-content .information.ico-after:after, .main .content-container .message-content .information.ico-after:after {
+ background-position: 0px -26px; }
+.main .content-container .article-content .question.ico-after:after, .main .content-container .message-content .question.ico-after:after {
+ background-position: 0px -2226px; }
+.main .content-container .article-content .error.ico-after:after, .main .content-container .message-content .error.ico-after:after {
+ background-position: 0px -1146px; }
+.main .content-container .article-content .warning.ico-after:after, .main .content-container .message-content .warning.ico-after:after {
+ background-position: 0px -3106px; }
+
+/* ==============
+ ALL: Icons
+ ============== */
+.ico-after.online:after, .ico-after.view:after {
+ background-position: 0px -3066px; }
+.ico-after.online.blue:after, .ico-after.view.blue:after {
+ background-position: 0px -2986px; }
+.ico-after.online.light:after, .ico-after.view.light:after {
+ background-position: 0px -3026px; }
+.ico-after.edit:after {
+ background-position: 0px -1106px; }
+.ico-after.edit.blue:after {
+ background-position: 0px -1026px; }
+.ico-after.edit.light:after {
+ background-position: 0px -1066px; }
+.ico-after.alert:after {
+ background-position: 0px -2266px; }
+.ico-after.alert.blue:after {
+ background-position: 0px -546px; }
+.ico-after.alert.light:after {
+ background-position: 0px -1546px; }
+.ico-after.cite:after {
+ background-position: 0px -666px; }
+.ico-after.cite.blue:after {
+ background-position: 0px -586px; }
+.ico-after.cite.light:after {
+ background-position: 0px -626px; }
+.ico-after.tick:after {
+ background-position: 0px -2906px; }
+.ico-after.tick.green:after {
+ background-position: 0px -2826px; }
+.ico-after.tick.light:after {
+ background-position: 0px -2866px; }
+.ico-after.upvote:after {
+ background-position: 0px -2786px; }
+.ico-after.upvote.voted:after {
+ background-position: 0px -2746px; }
+.ico-after.downvote:after {
+ background-position: 0px -2706px; }
+.ico-after.downvote.voted:after {
+ background-position: 0px -2666px; }
+.ico-after.lock:after {
+ background-position: 0px -1666px; }
+.ico-after.lock.blue:after {
+ background-position: 0px -1586px; }
+.ico-after.lock.light:after {
+ background-position: 0px -1626px; }
+.ico-after.more:after {
+ background-position: 0px -1866px; }
+.ico-after.more.blue:after {
+ background-position: 0px -1786px; }
+.ico-after.more.light:after {
+ background-position: 0px -1826px; }
+.ico-after.cross:after {
+ background-position: 0px -866px; }
+.ico-after.cross.blue:after {
+ background-position: 0px -706px; }
+.ico-after.cross.red:after {
+ background-position: 0px -786px; }
+.ico-after.cross.light:after {
+ background-position: 0px -746px; }
+.ico-after.cross.white:after {
+ background-position: 0px -826px; }
+.ico-after.pin:after {
+ background-position: 0px -2186px; }
+.ico-after.pin.blue:after {
+ background-position: 0px -2106px; }
+.ico-after.pin.light:after {
+ background-position: 0px -2146px; }
+.ico-after.beta:after {
+ background-position: 0px -506px; }
+.ico-after.beta.blue:after {
+ background-position: 0px -426px; }
+.ico-after.beta.light:after {
+ background-position: 0px -466px; }
+.ico-after.gear:after {
+ background-position: 0px -1266px; }
+.ico-after.gear.blue:after {
+ background-position: 0px -1186px; }
+.ico-after.gear.light:after {
+ background-position: 0px -1226px; }
+.ico-after.offline:after, .ico-after.arrow-right:after {
+ background-position: 0px -346px; }
+.ico-after.offline.blue:after, .ico-after.arrow-right.blue:after {
+ background-position: 0px -266px; }
+.ico-after.offline.light:after, .ico-after.arrow-right.light:after {
+ background-position: 0px -306px; }
+.ico-after.arrow-left:after {
+ background-position: 0px -226px; }
+.ico-after.arrow-left.blue:after {
+ background-position: 0px -146px; }
+.ico-after.arrow-left.light:after {
+ background-position: 0px -186px; }
+.ico-after.move:after {
+ background-position: 0px -1986px; }
+.ico-after.move.blue:after {
+ background-position: 0px -1906px; }
+.ico-after.move.light:after {
+ background-position: 0px -1946px; }
+.ico-after.star:after {
+ background-position: 0px -2626px; }
+.ico-after.star.yellow:after {
+ background-position: 0px -2586px; }
+.ico-after.star.blue:after {
+ background-position: 0px -2506px; }
+.ico-after.star.light:after {
+ background-position: 0px -2546px; }
+.ico-after.download:after {
+ background-position: 0px -986px; }
+.ico-after.download.blue:after {
+ background-position: 0px -906px; }
+.ico-after.download.light:after {
+ background-position: 0px -946px; }
+.ico-after.import:after {
+ background-position: 0px -1506px; }
+.ico-after.import.blue:after {
+ background-position: 0px -1426px; }
+.ico-after.import.light:after {
+ background-position: 0px -1466px; }
+.ico-after.history:after {
+ background-position: 0px -1386px; }
+.ico-after.history.blue:after {
+ background-position: 0px -1306px; }
+.ico-after.history.light:after {
+ background-position: 0px -1346px; }
+.ico-after.rss:after {
+ background-position: 0px -2426px; }
+.ico-after.rss.blue:after {
+ background-position: 0px -2306px; }
+.ico-after.rss.orange:after {
+ background-position: 0px -2386px; }
+.ico-after.rss.light:after {
+ background-position: 0px -2346px; }
+
+/* ===== Zeste de Savoir ====================================================
+ Updated by: Alex-D / Alexandre Demode
+ ---------------------------------
+ Pygments style
+ ========================================================================== */
+.codehilite .hll {
+ background-color: #ffffcc; }
+
+.codehilite {
+ background: #f8f8f8; }
+
+.codehilite .c {
+ color: #408080;
+ font-style: italic; }
+
+/* Comment */
+.codehilite .k {
+ color: #008000;
+ font-weight: bold; }
+
+/* Keyword */
+.codehilite .o {
+ color: #666666; }
+
+/* Operator */
+.codehilite .cm {
+ color: #408080;
+ font-style: italic; }
+
+/* Comment.Multiline */
+.codehilite .cp {
+ color: #BC7A00; }
+
+/* Comment.Preproc */
+.codehilite .c1 {
+ color: #408080;
+ font-style: italic; }
+
+/* Comment.Single */
+.codehilite .cs {
+ color: #408080;
+ font-style: italic; }
+
+/* Comment.Special */
+.codehilite .gd {
+ color: #A00000; }
+
+/* Generic.Deleted */
+.codehilite .ge {
+ font-style: italic; }
+
+/* Generic.Emph */
+.codehilite .gr {
+ color: #FF0000; }
+
+/* Generic.Error */
+.codehilite .gh {
+ color: #000080;
+ font-weight: bold; }
+
+/* Generic.Heading */
+.codehilite .gi {
+ color: #00A000; }
+
+/* Generic.Inserted */
+.codehilite .go {
+ color: #808080; }
+
+/* Generic.Output */
+.codehilite .gp {
+ color: #000080;
+ font-weight: bold; }
+
+/* Generic.Prompt */
+.codehilite .gs {
+ font-weight: bold; }
+
+/* Generic.Strong */
+.codehilite .gu {
+ color: #800080;
+ font-weight: bold; }
+
+/* Generic.Subheading */
+.codehilite .gt {
+ color: #0040D0; }
+
+/* Generic.Traceback */
+.codehilite .kc {
+ color: #008000;
+ font-weight: bold; }
+
+/* Keyword.Constant */
+.codehilite .kd {
+ color: #008000;
+ font-weight: bold; }
+
+/* Keyword.Declaration */
+.codehilite .kn {
+ color: #008000;
+ font-weight: bold; }
+
+/* Keyword.Namespace */
+.codehilite .kp {
+ color: #008000; }
+
+/* Keyword.Pseudo */
+.codehilite .kr {
+ color: #008000;
+ font-weight: bold; }
+
+/* Keyword.Reserved */
+.codehilite .kt {
+ color: #B00040; }
+
+/* Keyword.Type */
+.codehilite .m {
+ color: #666666; }
+
+/* Literal.Number */
+.codehilite .s {
+ color: #BA2121; }
+
+/* Literal.String */
+.codehilite .na {
+ color: #7D9029; }
+
+/* Name.Attribute */
+.codehilite .nb {
+ color: #008000; }
+
+/* Name.Builtin */
+.codehilite .nc {
+ color: #0000FF;
+ font-weight: bold; }
+
+/* Name.Class */
+.codehilite .no {
+ color: #880000; }
+
+/* Name.Constant */
+.codehilite .nd {
+ color: #AA22FF; }
+
+/* Name.Decorator */
+.codehilite .ni {
+ color: #999999;
+ font-weight: bold; }
+
+/* Name.Entity */
+.codehilite .ne {
+ color: #D2413A;
+ font-weight: bold; }
+
+/* Name.Exception */
+.codehilite .nf {
+ color: #0000FF; }
+
+/* Name.Function */
+.codehilite .nl {
+ color: #A0A000; }
+
+/* Name.Label */
+.codehilite .nn {
+ color: #0000FF;
+ font-weight: bold; }
+
+/* Name.Namespace */
+.codehilite .nt {
+ color: #008000;
+ font-weight: bold; }
+
+/* Name.Tag */
+.codehilite .nv {
+ color: #19177C; }
+
+/* Name.Variable */
+.codehilite .ow {
+ color: #AA22FF;
+ font-weight: bold; }
+
+/* Operator.Word */
+.codehilite .w {
+ color: #bbbbbb; }
+
+/* Text.Whitespace */
+.codehilite .mf {
+ color: #666666; }
+
+/* Literal.Number.Float */
+.codehilite .mh {
+ color: #666666; }
+
+/* Literal.Number.Hex */
+.codehilite .mi {
+ color: #666666; }
+
+/* Literal.Number.Integer */
+.codehilite .mo {
+ color: #666666; }
+
+/* Literal.Number.Oct */
+.codehilite .sb {
+ color: #BA2121; }
+
+/* Literal.String.Backtick */
+.codehilite .sc {
+ color: #BA2121; }
+
+/* Literal.String.Char */
+.codehilite .sd {
+ color: #BA2121;
+ font-style: italic; }
+
+/* Literal.String.Doc */
+.codehilite .s2 {
+ color: #BA2121; }
+
+/* Literal.String.Double */
+.codehilite .se {
+ color: #BB6622;
+ font-weight: bold; }
+
+/* Literal.String.Escape */
+.codehilite .sh {
+ color: #BA2121; }
+
+/* Literal.String.Heredoc */
+.codehilite .si {
+ color: #BB6688;
+ font-weight: bold; }
+
+/* Literal.String.Interpol */
+.codehilite .sx {
+ color: #008000; }
+
+/* Literal.String.Other */
+.codehilite .sr {
+ color: #BB6688; }
+
+/* Literal.String.Regex */
+.codehilite .s1 {
+ color: #BA2121; }
+
+/* Literal.String.Single */
+.codehilite .ss {
+ color: #19177C; }
+
+/* Literal.String.Symbol */
+.codehilite .bp {
+ color: #008000; }
+
+/* Name.Builtin.Pseudo */
+.codehilite .vc {
+ color: #19177C; }
+
+/* Name.Variable.Class */
+.codehilite .vg {
+ color: #19177C; }
+
+/* Name.Variable.Global */
+.codehilite .vi {
+ color: #19177C; }
+
+/* Name.Variable.Instance */
+.codehilite .il {
+ color: #666666; }
+
+/* Literal.Number.Integer.Long */
+.codehilitetable {
+ width: 100% !important;
+ table-layout: fixed;
+ border-color: rgba(0, 0, 0, 0.15); }
+ .codehilitetable td {
+ padding: 0;
+ vertical-align: top; }
+ .codehilitetable .linenos {
+ background-color: #fbfbfc;
+ border-right: 1px solid #ececf0;
+ width: 46px;
+ /* Can handle up to 9999 lines of code without overflowing */ }
+ .codehilitetable .codehilite pre, .codehilitetable .linenos {
+ padding-top: 15px;
+ padding-bottom: 15px; }
+ .codehilitetable .linenodiv pre {
+ text-align: right;
+ padding-right: 7px;
+ color: #bebec5; }
+ .codehilitetable .codehilite {
+ width: 100%;
+ height: auto;
+ overflow: auto; }
+ .codehilitetable .codehilite pre {
+ white-space: pre;
+ overflow: auto;
+ overflow: auto; }
+ .codehilitetable .code pre {
+ overflow: auto;
+ word-wrap: normal;
+ padding-left: 7px;
+ padding-right: 7px; }
+
+/* ===== Zeste de Savoir ====================================================
+ From HTML5 BoilerPlate
+ ----------------------
+ Print styles
+ ========================================================================== */
+@media print {
+ /*
+ * Don't show links for images, or javascript/internal links
+ */
+ @page {
+ margin: 0.5cm; }
+
+ * {
+ background: transparent !important;
+ color: #000 !important;
+ /* Black prints faster: h5bp.com/s */
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ text-shadow: none !important; }
+ a, a:visited {
+ text-decoration: underline; }
+ a[href]:after {
+ content: " (" attr(href) ")"; }
+ abbr[title]:after {
+ content: " (" attr(title) ")"; }
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
+ content: ""; }
+ pre, blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid; }
+ thead {
+ display: table-header-group;
+ /* h5bp.com/t */ }
+ tr, img {
+ page-break-inside: avoid; }
+ img {
+ max-width: 100% !important; }
+ p, h2, h3 {
+ orphans: 3;
+ widows: 3; }
+ h2, h3 {
+ page-break-after: avoid; }
+ .dropdown {
+ display: none !important; } }
diff --git a/errors/css/main.min.css b/errors/css/main.min.css
new file mode 100644
index 0000000000..918fc956f2
--- /dev/null
+++ b/errors/css/main.min.css
@@ -0,0 +1 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,button,html,input,select,textarea{font-family:"Segoe UI","Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;color:#222}.no-js body,.no-js button,.no-js html,.no-js input,.no-js select,.no-js textarea,.wf-active body,.wf-active button,.wf-active html,.wf-active input,.wf-active select,.wf-active textarea{font-family:"Source Sans Pro","Segoe UI","Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif}html{height:100%;width:100%;font-size:62.5%;overflow-x:hidden}body{background:#F7F7F7;font-size:14px;font-size:1.4rem;line-height:1.7em;min-height:100%;width:100%}.main-container,.page-container{min-height:100%;background:#F7F7F7}.content-container{margin-bottom:50px}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}a{color:#108bbf;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}a:hover{color:#d68707;text-decoration:none}.chromeframe{margin:0;background:#ccc;color:#000;padding:.2em 0;text-align:center}.mobile-menu,.mobile-menu-btn{display:none}.ico{background-repeat:no-repeat}.ico-after{position:relative}.ico-after:after{content:" ";display:block;position:absolute;top:0;left:0;width:16px;height:16px;background-repeat:no-repeat}.a11y{display:block;width:0;height:0;text-indent:-9999px}nav ol,nav ul{list-style:none}.ir{background-color:transparent;border:0;overflow:hidden}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}#accessibility{list-style:none;margin:0;padding:0 2.5%;background:#062E41;overflow:hidden;height:0}#accessibility.focused{height:auto}#accessibility li{display:inline;margin:0;padding:0}#accessibility li a{display:inline-block;padding:0 7px;color:#EEE}#accessibility li a:focus,#accessibility li a:hover{color:#084561;background-color:#fff;text-decoration:none}#cookies-banner{padding:0 2.5%;background:#062E41;display:none}#cookies-banner p{margin:0;padding:7px 0;color:#EEE}#cookies-banner p a{display:inline-block;color:#EEE;padding:4px 13px;margin-left:15px;background:#084561;text-decoration:none}#cookies-banner p a:focus,#cookies-banner p a:hover{background:#EEE;color:#084561}#cookies-banner p button{display:inline-block;background:0 0;border:none;text-decoration:underline;margin:0;padding:0;color:#EEE}#cookies-banner p button:focus,#cookies-banner p button:hover{text-decoration:none}#cookies-banner #accept-cookies{text-decoration:none;background:#EEE;color:#084561;padding:4px 15px;border:none;-webkit-transition:background .15s,color .15s;-o-transition:background .15s,color .15s;transition:background .15s,color .15s}#cookies-banner #accept-cookies:focus,#cookies-banner #accept-cookies:hover{background:#084561;color:#EEE}.header-container header{background:#084561;border-bottom:3px solid #F8AD32}.header-container header a,.header-container header button{text-decoration:none;color:#FFF;-webkit-transition-property:background;-o-transition-property:background;transition-property:background;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.header-container header a:focus,.header-container header button:focus{outline:0}.header-logo{text-align:center;margin:0;padding:0;width:100%}.header-logo-link{display:block;margin:0 auto;text-indent:-9999px;width:100%;max-width:240px;height:60px;background:url(../images/logo.png) no-repeat center center}.header-logo-link.oldie{width:240px}.header-logo-link:focus,.header-logo-link:hover{opacity:.7}.dropdown{display:none;position:absolute;text-align:left;top:50px;left:0;right:0;background-color:#396a81;margin:0;padding:10px 2.5%;font-size:14px;font-size:1.4rem;border-bottom:3px solid #F8AD32;z-index:50}.dropdown .dropdown-title{color:#FFF}.dropdown .dropdown-list{width:100%;padding:0;margin-top:15px}.dropdown .dropdown-list>li{width:20%;float:left}.dropdown .dropdown-list>li.dropdown-empty-message{color:rgba(255,255,255,.5);text-align:center;line-height:60px;background:none!important}.dropdown .dropdown-list>li ul{margin:0 0 10px;padding:0}.dropdown .dropdown-list>li ul li{position:relative}.dropdown .dropdown-list>li ul li a{display:block;width:95%;height:25px;line-height:25px;color:#95d7f5;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.dropdown .dropdown-list>li ul li a:focus,.dropdown .dropdown-list>li ul li a:hover{text-indent:3%;background-color:rgba(0,0,0,.3)}.dropdown .dropdown-link-all{display:block;clear:both;text-align:center;height:30px;line-height:30px;border-top:1px solid #274a5a;background-color:#396a81;-webkit-transition-property:color,background-color;-o-transition-property:color,background-color;transition-property:color,background-color}.dropdown .dropdown-link-all:first-child{border-top:0!important;border-bottom:1px solid #274a5a}.dropdown .dropdown-link-all:focus,.dropdown .dropdown-link-all:hover{color:#95d7f5;background-color:#274a5a;border-top:1px solid #396a81}.active+.dropdown{display:block}.header-container .header-menu{height:60px}.header-container .header-menu .header-menu-list{margin:0;padding:0}.header-container .header-menu .header-menu-list>li{display:block;float:left;width:33.3%}.header-container .header-menu .header-menu-list>li>a{display:block;position:relative;text-align:center;line-height:60px;text-transform:uppercase;font-size:1.5px;font-size:1.5rem;text-shadow:rgba(0,0,0,.75) 0 0 3px}.header-container .header-menu .header-menu-list>li>a.active,.header-container .header-menu .header-menu-list>li>a:focus,.header-container .header-menu .header-menu-list>li>a:hover{background:#396a81}.header-container .header-menu .header-menu-list>li>a.current:before{content:" ";display:block;position:absolute;bottom:0;left:0;right:0;height:2px;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease;border-radius:2px 2px 0 0;background-color:#F8AD32}.header-container .header-menu .header-menu-list>li>a.current.active:before{height:0}.logbox{background:rgba(255,255,255,.05)}.logbox .notifs-links{margin-right:60px}.logbox .notifs-links .ico-link{display:block;position:relative;width:33.3%;height:60px;line-height:60px;float:left}.logbox .notifs-links .ico-link .notif-count{display:block;position:absolute;z-index:1;top:50%;right:50%;margin:-20px -22px 0 0;padding:0 5px;height:16px;line-height:14px;background:#c0392b;border-radius:16px}.logbox .notifs-links .ico-link .notif-text{display:block;position:absolute;text-indent:-9999px;height:22px;width:22px;top:50%;left:50%;margin:-11px 0 0 -11px}.logbox .notifs-links .ico-link.active,.logbox .notifs-links .ico-link:focus,.logbox .notifs-links .ico-link:hover{background:#396a81}.logbox .dropdown{overflow:hidden}.logbox .dropdown .dropdown-title{display:block;width:100%;height:35px;line-height:37px;text-align:center;border-bottom:1px solid #274a5a;background-color:#396a81}.logbox .dropdown,.logbox .dropdown .dropdown-list{margin:0;padding:0;list-style:none;background-color:#19526c}.logbox .dropdown .dropdown-list li,.logbox .dropdown li{display:block;width:100%;height:60px}.logbox .dropdown .dropdown-list li a,.logbox .dropdown li a{display:block;overflow:hidden;position:relative;height:100%;width:100%}.logbox .dropdown .dropdown-list li a,.logbox .dropdown .dropdown-list li a:focus,.logbox .dropdown .dropdown-list li a:hover,.logbox .dropdown li a,.logbox .dropdown li a:focus,.logbox .dropdown li a:hover{opacity:1;-webkit-transition-property:opacity,background-color;-o-transition-property:opacity,background-color;transition-property:opacity,background-color}.logbox .dropdown .dropdown-list li a:focus,.logbox .dropdown .dropdown-list li a:hover,.logbox .dropdown li a:focus,.logbox .dropdown li a:hover{background-color:#396a81}.logbox .dropdown .dropdown-list li a:focus .username,.logbox .dropdown .dropdown-list li a:hover .username,.logbox .dropdown li a:focus .username,.logbox .dropdown li a:hover .username{text-shadow:rgba(0,0,0,.5) 0 0 5px}.logbox .dropdown .dropdown-list li a:focus .date,.logbox .dropdown .dropdown-list li a:hover .date,.logbox .dropdown li a:focus .date,.logbox .dropdown li a:hover .date{color:#95D7F5}.logbox .dropdown .dropdown-list li .avatar,.logbox .dropdown li .avatar{float:left;height:30px;width:30px}.logbox .dropdown .dropdown-list li .username,.logbox .dropdown li .username{display:block;float:left;margin:4px 0 0 7px;color:#95D7F5;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logbox .dropdown .dropdown-list li .date,.logbox .dropdown li .date{color:#5196b6;float:right;padding:4px 10px 0 0;-webkit-transition-property:color;-o-transition-property:color;transition-property:color}.logbox .dropdown .dropdown-list li .topic,.logbox .dropdown li .topic{display:block;position:absolute;bottom:0;left:0;overflow:hidden;height:25px;padding:4px 7px 2px;text-overflow:ellipsis;white-space:nowrap;width:95%;width:calc(100% - 14px)}.logbox .dropdown .dropdown-list li:nth-child(2n+1),.logbox .dropdown .dropdown-list li:nth-child(2n+1) form button,.logbox .dropdown li:nth-child(2n+1),.logbox .dropdown li:nth-child(2n+1) form button{background-color:#084561}.logbox .my-account{display:block;height:60px;width:60px;float:right}.logbox .my-account .username{display:none}.logbox .my-account .avatar{background:#396a81}.logbox .dropdown.my-account-dropdown a,.logbox .dropdown.my-account-dropdown button{padding-left:10px}.logbox .dropdown.my-account-dropdown button{width:100%;height:30px;line-height:28px;background:0 0;text-align:left;border:0}.logbox .dropdown.my-account-dropdown button:focus,.logbox .dropdown.my-account-dropdown button:hover{background:#396a81}.logbox.unlogged a{display:block;width:50%;text-align:center;float:left;line-height:60px;height:60px}.logbox.unlogged a:focus,.logbox.unlogged a:hover{background-color:#396a81}.avatar{height:60px;width:60px;background-color:#FFF}.sub-header{background:#EEE}.breadcrumb{display:none}.search{display:block;position:relative}.search form button,.search form input{float:left;border:none;background:rgba(255,255,255,.25);height:40px;-webkit-transition-property:background;-o-transition-property:background;transition-property:background;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.search form button:focus,.search form button:hover,.search form input:focus,.search form input:hover{outline:0;background-color:rgba(255,255,255,.75)}.search form input{height:30px;padding:5px 3%;width:70%}.search form button{width:12%;text-indent:-9999px}.search form button:after{display:block;content:" ";position:absolute;top:12px;left:50%;margin-left:-8px;height:16px;width:16px}.search .search-more{display:block;float:left;height:40px;font-family:Arial,sans-serif;line-height:40px;width:12%;text-align:center;font-weight:700;text-decoration:none;font-size:24px;background:#fff;color:#084561;-webkit-transition:background .15s ease;-o-transition:background .15s ease;transition:background .15s ease}.search .search-more:focus,.search .search-more:hover{background:rgba(255,255,255,.7)}.alert-box{position:relative;padding:8px 15px;margin:0 0 15px 2%;color:#FFF;text-shadow:rgba(0,0,0,.2) 0 0 2px}.alert-box .close-alert-box{display:block;position:absolute;top:12px;right:15px;height:20px;width:20px;text-indent:-9999px;text-decoration:none}.alert-box .close-alert-box-text{width:auto;text-indent:0;top:8px}.alert-box.info,.alert-box.success{background:#48A200}.alert-box.error{background:#C0392B}.alert-box.alert,.alert-box.warning{background:#e67e22}.alert-box a{color:#EEE}.content-wrapper .alert-box{margin:0 0 20px}.main .sidebar{padding:0 0 10px;background:#F0F0F0;border-bottom:1px solid #FFF;color:#424242;width:105%;margin:0 0 0 -2.7%}.main .sidebar .new-btn{display:block;height:40px;padding-left:11.5%;text-decoration:none;text-indent:25px;line-height:40px;font-size:16px;font-size:1.6rem;position:relative;color:#108bbf;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.main .sidebar .new-btn:first-child{margin-top:31px}.main .sidebar .new-btn:focus,.main .sidebar .new-btn:hover{background:#FFF}.main .sidebar .new-btn:after{top:12px;left:11.5%}.main .sidebar h3,.main .sidebar h4{font-weight:400;margin:0;padding:0}.main .sidebar h3{font-size:18px;font-size:1.8rem;line-height:38px;line-height:3.8rem;color:#084561;border-bottom:1px solid #F8AD32;margin-top:30px}.main .sidebar h4{padding-top:20px;font-size:17px;font-size:1.7rem}.main .sidebar h4 a{text-decoration:none;color:#424242}.main .sidebar.accordeon h4{cursor:pointer}.main .sidebar h4[data-num]{position:relative;padding-left:calc(5% + 25px)}.main .sidebar h4[data-num]:before{content:attr(data-num);position:absolute;left:5%;text-align:right;width:50px;margin-left:-35px}.main .sidebar h3+ul{margin:7px 0}.main .sidebar ul{margin:0;padding:0;list-style:none;width:100%}.main .sidebar ul li{position:relative;padding:0 0 0 2.5%;-webkit-transition:background .15s ease;-o-transition:background .15s ease;transition:background .15s ease}.main .sidebar ul li a:focus,.main .sidebar ul li button:focus,.main .sidebar ul li:not(.inactive):hover{background:#FFF;outline:0}.main .sidebar ul li a:focus .ico-after.action-hover,.main .sidebar ul li button:focus .ico-after.action-hover,.main .sidebar ul li:not(.inactive):hover .ico-after.action-hover{display:block}.main .sidebar ul li a,.main .sidebar ul li button,.main .sidebar ul li.inactive>em,.main .sidebar ul li.inactive>span{display:block;padding-left:25px;padding-right:10px;text-decoration:none;color:#0079b2;overflow:hidden;height:30px;line-height:30px;font-size:14px;font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;border:0;text-align:left;background:0 0}.main .sidebar ul li a[data-num],.main .sidebar ul li button[data-num],.main .sidebar ul li.inactive>em[data-num],.main .sidebar ul li.inactive>span[data-num]{position:relative}.main .sidebar ul li a[data-num]:after,.main .sidebar ul li button[data-num]:after,.main .sidebar ul li.inactive>em[data-num]:after,.main .sidebar ul li.inactive>span[data-num]:after{content:attr(data-num) ".";position:absolute;left:0;width:18px;text-align:right;color:#424242}.main .sidebar ul li a.unread,.main .sidebar ul li button.unread,.main .sidebar ul li.inactive>em.unread,.main .sidebar ul li.inactive>span.unread{font-weight:700}.main .sidebar ul li a.ico-after:after,.main .sidebar ul li button.ico-after:after,.main .sidebar ul li.inactive>em.ico-after:after,.main .sidebar ul li.inactive>span.ico-after:after{top:7px;left:0;opacity:.7}.main .sidebar ul li a.ico-after.disabled:after,.main .sidebar ul li button.ico-after.disabled:after,.main .sidebar ul li.inactive>em.ico-after.disabled:after,.main .sidebar ul li.inactive>span.ico-after.disabled:after{opacity:.4!important}.main .sidebar ul li a.ico-after:focus:after,.main .sidebar ul li a.ico-after:hover:after,.main .sidebar ul li button.ico-after:focus:after,.main .sidebar ul li button.ico-after:hover:after,.main .sidebar ul li.inactive>em.ico-after:focus:after,.main .sidebar ul li.inactive>em.ico-after:hover:after,.main .sidebar ul li.inactive>span.ico-after:focus:after,.main .sidebar ul li.inactive>span.ico-after:hover:after{opacity:1}.main .sidebar ul li a.ico-after.action-hover,.main .sidebar ul li button.ico-after.action-hover,.main .sidebar ul li.inactive>em.ico-after.action-hover,.main .sidebar ul li.inactive>span.ico-after.action-hover{position:absolute;display:none;overflow:visible;top:0;left:10%;padding:0;z-index:1;width:30px;height:30px;text-indent:-9999px;background:#FFF;right:-30px}.main .sidebar ul li a.ico-after.action-hover[data-title]:hover:before,.main .sidebar ul li button.ico-after.action-hover[data-title]:hover:before,.main .sidebar ul li.inactive>em.ico-after.action-hover[data-title]:hover:before,.main .sidebar ul li.inactive>span.ico-after.action-hover[data-title]:hover:before{content:attr(data-title);display:block;position:absolute;background:#FFF;color:#555;top:-27px;left:0;height:27px;line-height:27px;line-height:2.7rem;text-indent:0;padding:0 15px;border:1px solid #EEE;-webkit-box-shadow:rgba(0,0,0,.15) 0 0 7px;box-shadow:rgba(0,0,0,.15) 0 0 7px}.main .sidebar ul li a.ico-after.action-hover:after,.main .sidebar ul li button.ico-after.action-hover:after,.main .sidebar ul li.inactive>em.ico-after.action-hover:after,.main .sidebar ul li.inactive>span.ico-after.action-hover:after{left:7px}.main .sidebar ul li.inactive>em,.main .sidebar ul li.inactive>span{color:#555}.main .sidebar ul li .count{display:block;position:absolute;top:6px;right:20px;padding:1px 10px;height:16px;line-height:16px;font-style:normal;background:#AAA;color:#FFF}.main .sidebar ul li .last-answer{display:block;visibility:hidden;position:absolute;top:-13px;left:102%;width:250px;height:40px;background:#FFF;padding:7px 10px;border:1px solid #F0F0F0;-webkit-box-shadow:rgba(0,0,0,.1) 2px 2px 2px;box-shadow:rgba(0,0,0,.1) 2px 2px 2px;opacity:0;-webkit-transition:visibility 0s linear .15s,opacity .15s,left .15s;-o-transition:visibility 0s linear .15s,opacity .15s,left .15s;transition:visibility 0s linear .15s,opacity .15s,left .15s}.main .sidebar ul li .last-answer .avatar{height:40px;width:40px;float:left;border:1px solid #F0F0F0}.main .sidebar ul li .last-answer .topic-last-answer{display:block;margin-left:50px;line-height:18px;padding:3px 0;color:#555}.main .sidebar ul li .last-answer .topic-no-last-answer{display:block;line-height:40px;width:100%;text-align:center;color:#999}.main .sidebar ul li a:focus+.last-answer,.main .sidebar ul li a:hover+.last-answer{visibility:visible;left:100%;opacity:1;-webkit-transition:visibility 0s linear 0,opacity .15s,left .15s;-o-transition:visibility 0s linear 0,opacity .15s,left .15s;transition:visibility 0s linear 0,opacity .15s,left .15s}.main .sidebar ul li button{width:100%;line-height:28px}.main .sidebar ul li li{padding:0}.main .sidebar ul li li a{position:relative;color:#084561;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.main .sidebar ul li li a:focus,.main .sidebar ul li li a:hover{color:#0079B2;background:#FFF;margin-left:-11px}.main .sidebar ul li li a:focus:before,.main .sidebar ul li li a:hover:before{content:"> "}.main .sidebar.summary h4{border-bottom:1px solid #d8dada;padding-bottom:5px;padding-right:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .sidebar.summary h4+ul>li:first-child{margin-top:5px}.main .sidebar.summary ul li.current{margin-top:0!important;padding-top:5px;margin-bottom:5px;background-color:#FFF}.main .sidebar.summary ul li.current ul{margin-top:5px;padding-top:5px;padding-bottom:5px;margin-left:-42px;width:calc(105% + 25px);background:-webkit-gradient(linear,left top,left bottom,from(top),color-stop(rgba(0,0,0,.07)),color-stop(3px,#F7F7F7));background:-webkit-linear-gradient(top,rgba(0,0,0,.07),#F7F7F7 3px);background:-o-linear-gradient(top,rgba(0,0,0,.07),#F7F7F7 3px);background:linear-gradient(top,rgba(0,0,0,.07),#F7F7F7 3px)}.main .sidebar.summary ul li.current ul a{padding-left:50px}.main .content-container{padding-top:30px}.main .content-container h1,.main .content-container h2{font-size:22px;font-size:2.2rem;line-height:38px;line-height:3.8rem;color:#084561;font-weight:400;border-bottom:1px solid #F8AD32;margin:1px 0 15px}.main .content-container h1.illu,.main .content-container h2.illu{padding-left:60px}.main .content-container h1.illu img,.main .content-container h2.illu img{background:#FFF}.main .content-container h1.ico-after,.main .content-container h2.ico-after{padding-left:80px}.main .content-container h1.ico-after:after,.main .content-container h2.ico-after:after{width:80px;height:40px;margin-left:21px}.main .content-container h1.ico-articles:after,.main .content-container h2.ico-articles:after{background-position:0 -772px}.main .content-container h1.ico-tutorials:after,.main .content-container h2.ico-tutorials:after{background-position:0 -5892px}.main .content-container h1.illu img,.main .content-container h2.illu img{position:absolute;margin:-6px 0 0 -60px;border:1px solid #cdd0d1;width:50px;height:50px}.main .content-container h1:not(:first-child),.main .content-container h2:not(:first-child){margin-top:50px}.main .content-container .license{float:right;margin-top:-45px}.main .content-container .subtitle{font-size:18px;font-size:1.8rem;color:#999;margin-top:-15px;margin-bottom:15px;padding:10px 0;font-weight:400;border-bottom:1px solid #EEE}.main .content-container .member-item{margin-right:7px}.main .content-container .member-item .avatar{margin-top:-2px;height:20px;width:20px;border:1px solid #CCC}.main .content-container .member-item:hover .avatar{border-color:#999}.main .content-container .authors .member-item{margin-right:0}.main .content-container .open-zen-mode{display:none}.main.home .content-container{margin-top:0}.main .article-content .tutorial-list article,.tutorial-list article{min-height:60px;padding:20px 2%;border-bottom:1px solid #e0e4e5}.main .article-content .tutorial-list article:nth-child(2n+1),.tutorial-list article:nth-child(2n+1){background-color:rgba(255,255,255,.8)}.main .article-content .tutorial-list article,.main .article-content .tutorial-list article a h3,.main .article-content .tutorial-list article h3,.main .article-content .tutorial-list article h3 a,.tutorial-list article,.tutorial-list article a h3,.tutorial-list article h3,.tutorial-list article h3 a{color:#424242;font-weight:400}.main .article-content .tutorial-list article a h3:focus,.main .article-content .tutorial-list article a h3:hover,.main .article-content .tutorial-list article h3 a:focus,.main .article-content .tutorial-list article h3 a:hover,.tutorial-list article a h3:focus,.tutorial-list article a h3:hover,.tutorial-list article h3 a:focus,.tutorial-list article h3 a:hover{text-decoration:underline}.main .article-content .tutorial-list article h3,.tutorial-list article h3{margin:0;padding:0;font-size:20px;font-size:2rem;height:27px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .article-content .tutorial-list article a,.tutorial-list article a{text-decoration:none}.main .article-content .tutorial-list article .article-metadata,.tutorial-list article .article-metadata{margin:0 0 5px;padding:0;color:#ee8709}.main .article-content .tutorial-list article .article-metadata a,.tutorial-list article .article-metadata a{color:#ee8709}.main .article-content .tutorial-list article .article-metadata a:focus,.main .article-content .tutorial-list article .article-metadata a:hover,.tutorial-list article .article-metadata a:focus,.tutorial-list article .article-metadata a:hover{text-decoration:underline}.main .article-content .tutorial-list article .article-illu,.tutorial-list article .article-illu{display:block;width:100%;height:100px;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}.main .article-content .tutorial-list article .article-illu img,.tutorial-list article .article-illu img{width:100%;height:100%;opacity:0}.main .article-content .tutorial-list article .resume,.tutorial-list article .resume{margin:20px 0 0;padding:0}.main .article-content .tutorial-list article .tutorial-img,.tutorial-list article .tutorial-img{float:left}.main .article-content .tutorial-list article .tutorial-infos,.tutorial-list article .tutorial-infos{margin:7px 0 0 70px}.taglist{list-style:none;padding:0;margin:-14px 0 15px;height:30px;line-height:30px}.taglist li{float:right}.taglist li a{display:block;text-decoration:none;padding:0 10px;background:#EEE;color:#777;margin-left:1px;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.taglist li a:before{content:"#"}.taglist li a:focus,.taglist li a:hover{background:#FFF;color:#0e7aa8;border-bottom:1px solid #0e7aa8}.small-content-wrapper{width:90%;max-width:500px;margin:20px auto}.authors{color:#9c9c9c;padding-bottom:10px;border-bottom:1px solid #e0e4e5;margin-bottom:20px!important}.authors .authors-label{display:inline-block}.authors ul{display:inline-block;list-style:none;padding:0;margin:0}.authors ul li{display:inline-block;margin:0}.authors ul li .avatar{height:28px;width:28px;border:1px solid #cdd0d1;margin-right:3px;margin-top:-4px}.authors ul li a{display:block;text-decoration:none;color:#108bbf;height:36px;line-height:36px;padding:0 8px;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.authors ul li a.ico-after{padding-left:30px}.authors ul li a.ico-after:after{margin:10px 0 0 8px}.authors ul li a:focus,.authors ul li a:hover{background:#DDD;color:#084561}.authors ul li .info{padding-left:5px;color:#777}.pagination{list-style:none;margin:0;padding:0;border-top:1px solid #d2d5d6;border-bottom:1px solid #d2d5d6;background:#FBFBFB;height:40px;margin-bottom:20px!important}.pagination li{float:left}.pagination li a{display:block;text-align:center;text-decoration:none;color:#084561;min-width:45px;height:40px;line-height:40px;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.pagination li a.current{height:38px;color:gray;background:#F4F6F6;margin-top:-1px;border-left:1px solid #d2d5d6;border-bottom:3px solid #d2d5d6;border-right:2px solid #d2d5d6}.pagination li a.ico-after:after{margin-top:12px}.pagination li a[href]:focus,.pagination li a[href]:hover{background:#d2d5d6}.pagination li.next a,.pagination li.prev a{padding:0 15px}.pagination li.prev .ico-after{padding-left:30px}.pagination li.prev .ico-after:after{margin-left:8px}.pagination li.next{float:right}.pagination li.next .ico-after{padding-right:30px}.pagination li.next .ico-after:after{right:8px;left:auto}.pagination.pagination-top li a.current{margin-top:0;border-top:3px solid #d2d5d6;border-bottom:none;height:35px;line-height:35px;padding-bottom:3px}.pagination.pagination-chapter{margin-left:0}.pagination.pagination-chapter li{max-width:45%}.pagination.pagination-chapter a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topic-list{margin-top:50px!important;margin-bottom:50px!important}.topic-list .topic{position:relative;height:81px;line-height:25px;border-top:1px solid #FFF;border-bottom:1px solid #CCC;overflow:hidden;border-left:1px solid transparent;clear:both}.topic-list .topic:first-child{overflow:visible}.topic-list .topic:first-child:after{display:block;content:" ";width:100%;height:1px;background:#CCC;margin-top:-2px}.topic-list .topic:before{content:" ";display:block;position:absolute;background:0 0;height:100%;width:2px}.topic-list .topic.unread:before{background:#108bbf}.topic-list .topic:nth-child(2n){background:0 0}.topic-list .topic.unread{background:#FFF}.topic-list .topic.unread .topic-title{font-weight:700}.topic-list .topic.active:before,.topic-list .topic:hover:before{width:5px;background:#108bbf}.topic-list .topic.selected{background-color:#eaf8fd}.topic-list a{text-decoration:none;color:#0e7aa8}.topic-list a:focus,.topic-list a:hover{color:#0e7aa8;text-decoration:underline;outline:0}.topic-list .topic-answers,.topic-list .topic-description,.topic-list .topic-infos,.topic-list .topic-last-answer{display:block;float:left;padding:4px 0;margin:0}.topic-list .topic-infos{width:5%}.topic-list .topic-infos input[type=checkbox]{margin:29px 25% 0}.topic-list .topic-infos .ico-after{display:block;text-indent:-9999px}.topic-list .topic-infos .ico-after:after{margin:4px 0 0 15px}.topic-list .topic-description{position:relative;width:60%}.topic-list .topic-description .topic-image{float:left;max-height:60px;max-width:60px;margin:5px 15px 0 0}.topic-list .topic-description .topic-title-link:after,.topic-list .topic-description .topic-title-link:hover{text-decoration:none}.topic-list .topic-description .topic-title-link:after .topic-title,.topic-list .topic-description .topic-title-link:hover .topic-title{text-decoration:underline}.topic-list .topic-description .topic-subtitle,.topic-list .topic-description .topic-title{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;padding:0}.topic-list .topic-description .topic-title{font-size:16px;font-size:1.6rem}.topic-list .topic-description .topic-subtitle{height:24px;line-height:1.3em;color:#777}.topic-list .topic-description .topic-members{margin:0;color:#777}.topic-list .topic-description .topic-tag:before{content:"#"}.topic-list .topic-answers{width:13%;text-align:center;padding-top:29px}.topic-list .topic-last-answer{width:22%}.topic-list .topic-last-answer .topic-no-last-answer{display:block;margin-top:24px;color:#084561;opacity:.5}.topic-list .highlighted{background-color:rgba(255,255,100,.5)}.forum-list .group-title{width:100%;height:50px;margin-top:30px!important;clear:both;border-bottom:1px solid #CCC;color:#F8AD32}.topic-list-small .topic{height:60px}.topic-list-small .topic-infos input[type=checkbox]{margin-top:18px}.topic-list-small .topic-description{padding-left:1.5%}.topic-list-small .topic-description .topic-title{font-weight:400;margin-top:2px}.topic-list-small .topic-infos+.topic-description{padding-left:0}.topic-list-small .topic-answers{padding-top:17px}.topic-list-small .topic-answers span{display:block;float:left;width:50%}.topic-list-small .topic-last-answer{width:18%}.topic-list-small .topic-last-answer .topic-no-last-answer{margin-top:13px}.topic-list-small .topic-last-answer .forum-last-message{color:#777;display:block}.topic-list-small .topic-last-answer .forum-last-message-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .content-container .content-wrapper.article-content,.main .content-container .content-wrapper.authors{padding-left:2%;padding-right:2%}.main .content-container .article-content ol,.main .content-container .article-content p,.main .content-container .article-content ul:not(.pagination){font-family:"Liberation Serif","Times New Roman",Times,Georgia,FreeSerif,serif}.main .content-container .comment-author{background:#EEE;padding:7px 15px}.main .content-container .comment-author blockquote{margin:10px 0;border-left:5px solid #CCC;padding:5px 0 5px 15px}.main .content-container .article-content,.main .content-container .message-content{margin-top:20px;margin-bottom:20px;color:#424242}.main .content-container .article-content h2,.main .content-container .article-content h2 a,.main .content-container .article-content h3,.main .content-container .article-content h3 a,.main .content-container .message-content h2,.main .content-container .message-content h2 a,.main .content-container .message-content h3,.main .content-container .message-content h3 a{color:#ee8709;margin-top:40px;text-decoration:none}.main .content-container .article-content h2 a:focus,.main .content-container .article-content h2 a:hover,.main .content-container .article-content h3 a:focus,.main .content-container .article-content h3 a:hover,.main .content-container .message-content h2 a:focus,.main .content-container .message-content h2 a:hover,.main .content-container .message-content h3 a:focus,.main .content-container .message-content h3 a:hover{text-decoration:underline}.main .content-container .article-content h2,.main .content-container .message-content h2{font-size:22px;font-size:2.2rem;line-height:50px;margin-bottom:20px;background:#FFF;border-top:1px solid #e0e4e5;padding-left:1%;font-weight:400}.main .content-container .article-content h3,.main .content-container .message-content h3{font-size:20px;font-size:2rem;margin-bottom:14px}.main .content-container .article-content h4,.main .content-container .message-content h4{font-size:18px;font-size:1.8rem;margin-bottom:12px}.main .content-container .article-content h5,.main .content-container .message-content h5{font-size:16px;font-size:1.6rem;margin-bottom:10px}.main .content-container .article-content h6,.main .content-container .message-content h6{font-size:15px;font-size:1.5rem;margin-bottom:10px}.main .content-container .article-content .actions-title,.main .content-container .message-content .actions-title{float:right;margin:-60px 10px 0 0}.main .content-container .article-content .actions-title .btn,.main .content-container .message-content .actions-title .btn{height:30px;line-height:30px;margin-left:3px;opacity:.7}.main .content-container .article-content .actions-title .btn.ico-after:after,.main .content-container .message-content .actions-title .btn.ico-after:after{margin-top:7px}.main .content-container .article-content .actions-title .btn:focus,.main .content-container .article-content .actions-title .btn:hover,.main .content-container .message-content .actions-title .btn:focus,.main .content-container .message-content .actions-title .btn:hover{opacity:1}.main .content-container .article-content .error,.main .content-container .article-content .information,.main .content-container .article-content .question,.main .content-container .article-content .spoiler,.main .content-container .article-content .warning,.main .content-container .message-content .error,.main .content-container .message-content .information,.main .content-container .message-content .question,.main .content-container .message-content .spoiler,.main .content-container .message-content .warning{margin:25px 0;padding:7px 15px 7px 45px}.main .content-container .article-content .error.ico-after:after,.main .content-container .article-content .information.ico-after:after,.main .content-container .article-content .question.ico-after:after,.main .content-container .article-content .spoiler.ico-after:after,.main .content-container .article-content .warning.ico-after:after,.main .content-container .message-content .error.ico-after:after,.main .content-container .message-content .information.ico-after:after,.main .content-container .message-content .question.ico-after:after,.main .content-container .message-content .spoiler.ico-after:after,.main .content-container .message-content .warning.ico-after:after{position:absolute;top:50%;left:23px;margin:-11px 0 0 -11px;height:22px;width:22px}.main .content-container .article-content .information,.main .content-container .message-content .information{background:#daeaee}.main .content-container .article-content .question,.main .content-container .message-content .question{background:#e2daee}.main .content-container .article-content .error,.main .content-container .message-content .error{background:#eedada}.main .content-container .article-content .warning,.main .content-container .message-content .warning{background:#eee7da}.main .content-container .article-content .spoiler-title,.main .content-container .message-content .spoiler-title{display:block;background:#EEE;margin-top:15px;padding:3px 15px 3px 40px;text-decoration:none;border-bottom:1px solid #DDD;color:#555}.main .content-container .article-content .spoiler-title.ico-after:after,.main .content-container .message-content .spoiler-title.ico-after:after{margin:8px 0 0 10px}.main .content-container .article-content .spoiler-title:nth-last-child(2),.main .content-container .message-content .spoiler-title:nth-last-child(2){margin-bottom:15px}.main .content-container .article-content .spoiler-title:hover,.main .content-container .message-content .spoiler-title:hover{text-decoration:underline}.main .content-container .article-content .spoiler,.main .content-container .message-content .spoiler{margin-top:0;padding-left:15px;background:#EEE}.main .content-container .article-content img,.main .content-container .message-content img{max-width:100%}.main .content-container .article-content figure,.main .content-container .message-content figure{margin:30px 0;text-align:center}.main .content-container .article-content figure>blockquote,.main .content-container .article-content figure>code,.main .content-container .article-content figure>embed,.main .content-container .article-content figure>img,.main .content-container .article-content figure>pre,.main .content-container .article-content figure>table,.main .content-container .article-content figure>video,.main .content-container .message-content figure>blockquote,.main .content-container .message-content figure>code,.main .content-container .message-content figure>embed,.main .content-container .message-content figure>img,.main .content-container .message-content figure>pre,.main .content-container .message-content figure>table,.main .content-container .message-content figure>video{max-width:100%;margin:0 auto;text-align:left}.main .content-container .article-content figure>code,.main .content-container .article-content figure>figcaption,.main .content-container .article-content figure>img,.main .content-container .article-content figure>pre,.main .content-container .article-content figure>video,.main .content-container .message-content figure>code,.main .content-container .message-content figure>figcaption,.main .content-container .message-content figure>img,.main .content-container .message-content figure>pre,.main .content-container .message-content figure>video{display:block}.main .content-container .article-content figure>blockquote~figcaption,.main .content-container .message-content figure>blockquote~figcaption{padding:0 0 1px 2%;font-style:italic;text-align:left;color:#999;border-left:5px solid #CCC}.main .content-container .article-content figure>blockquote~figcaption p,.main .content-container .message-content figure>blockquote~figcaption p{margin:0 0 5px}.main .content-container .article-content figure>blockquote~figcaption p:before,.main .content-container .message-content figure>blockquote~figcaption p:before{content:"— "}.main .content-container .article-content blockquote,.main .content-container .message-content blockquote{margin:0;color:#777;padding:1px 2%;border-left:5px solid #CCC}.main .content-container .article-content blockquote>p:first-child,.main .content-container .message-content blockquote>p:first-child{margin-top:5px}.main .content-container .article-content blockquote>p:last-child,.main .content-container .message-content blockquote>p:last-child{margin-bottom:5px}.main .content-container .article-content blockquote figure,.main .content-container .message-content blockquote figure{margin:15px 0}.main .content-container .article-content code,.main .content-container .article-content kbd,.main .content-container .article-content pre,.main .content-container .article-content samp,.main .content-container .message-content code,.main .content-container .message-content kbd,.main .content-container .message-content pre,.main .content-container .message-content samp{font-family:monospace,serif}.main .content-container .article-content pre,.main .content-container .message-content pre{margin:0}.main .content-container .article-content kbd,.main .content-container .message-content kbd{background-color:#F1F1F1;padding:2px 6px;border-radius:3px;border-bottom:solid 2px #b7c4c4;text-shadow:0 1px 0 #FFF;color:#3e3e3e}.main .content-container .article-content mathjax,.main .content-container .message-content mathjax{font-size:16px;font-size:1.6rem}.main .content-container .article-content .footnote,.main .content-container .message-content .footnote{opacity:.7}.main .content-container .article-content .footnote ol,.main .content-container .message-content .footnote ol{padding-left:25px}.main .content-container .reactions-title{margin:50px 0 20px;color:#084561;border-bottom:1px solid #F8AD32;font-weight:400;font-size:22px;font-size:2.2rem;line-height:30px}.wf-active .main .content-container .article-content ol,.wf-active .main .content-container .article-content p,.wf-active .main .content-container .article-content ul:not(.pagination){font-family:Merriweather,"Liberation Serif","Times New Roman",Times,Georgia,FreeSerif,serif}.wf-active .main .content-container .article-content figcaption p{font-family:"Source Sans Pro","Segoe UI","Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:16px;font-size:1.6rem}.wf-active .main .content-container .article-content code,.wf-active .main .content-container .article-content kbd,.wf-active .main .content-container .article-content pre,.wf-active .main .content-container .article-content samp,.wf-active .main .content-container .message-content code,.wf-active .main .content-container .message-content kbd,.wf-active .main .content-container .message-content pre,.wf-active .main .content-container .message-content samp{font-family:"Source Code Pro",monospace,serif}.js .spoiler{display:none}.search-form{margin-bottom:30px}table{margin:15px 0;border-top:1px solid #DDD}table thead{background:#DDD;color:#084561}table td,table th{text-align:left;padding:5px 15px 5px 7px;border-right:1px solid #DDD}table td:first-child,table th:first-child{border-left:1px solid #DDD}table td p,table th p{margin:0}table tbody tr{border-bottom:1px solid #DDD}table tbody tr:nth-child(2n+1){background:#F7F7F7}table.fullwidth{width:100%}.topic-message{position:relative}.topic-message.repeated .message,.topic-message.repeated .message .is-author{background:#EEE}.topic-message.repeated .message:after{border-right-color:#EEE}.topic-message.helpful .message,.topic-message.helpful .message .is-author{background:#e9f9dc}.topic-message.helpful .message:after{border-right-color:#e9f9dc}.topic-message.helpful.repeated .message,.topic-message.helpful.repeated .message .is-author{background:#eaefe6}.topic-message.helpful.repeated .message:after{border-right-color:#eaefe6}.topic-message .user .avatar-link{display:block;height:58px;width:58px;z-index:0;position:absolute;top:0;border:1px solid #DDD}.topic-message .user .avatar-link[href]:focus,.topic-message .user .avatar-link[href]:hover{border-color:#FFF;overflow:hidden;-webkit-box-shadow:rgba(0,0,0,.3) 0 1px 7px;box-shadow:rgba(0,0,0,.3) 0 1px 7px}.topic-message .user .avatar-link img{height:58px;width:58px}.topic-message .user .badge{display:block;width:60px;height:25px;line-height:25px;text-align:center;text-transform:uppercase;color:#EEE;text-shadow:rgba(0,0,0,.25) 0 0 3px;background:#777}.topic-message .user .badge.staff{background:#48a200}.topic-message .user .user-metadata{width:60px;height:25px}.topic-message .user .user-metadata a{display:block;float:left;border:1px solid #D2D5D6;border-top:0;text-align:center;background-color:#edefef;text-decoration:none;height:25px;line-height:26px;width:28px;color:#777;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.topic-message .user .user-metadata a:first-child{border-right:0;width:29px}.topic-message .user .user-metadata a:focus,.topic-message .user .user-metadata a:hover{border-bottom-width:1px;border-bottom-color:#777;background:#FFF}.topic-message .user .user-metadata a.positive{color:#48a200}.topic-message .user .user-metadata a.negative{color:#c0392b}.topic-message .message{position:relative;background-color:#FDFDFD;border:1px solid #D2D5D6;border-right-width:2px;border-bottom-width:3px;min-height:75px}.topic-message .message .is-author{position:absolute;top:-16px;left:10px;background:#FDFDFD;padding:0 5px;font-size:12px;line-height:20px;color:#999;border-top:1px solid #D2D5D6}.topic-message .message .is-author:after,.topic-message .message .is-author:before{content:" ";display:block;position:absolute;top:0;height:15px;width:1px;background:#D2D5D6}.topic-message .message .is-author:before{left:0}.topic-message .message .is-author:after{right:0}.topic-message .message .message-metadata{display:inline-block;font-size:14px;font-size:1.4rem;margin-left:5px}.topic-message .message .message-metadata a{display:block;float:left;color:#999;text-decoration:none;height:30px;line-height:30px;padding:0 5px;border-bottom:1px solid #D2D5D6;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.topic-message .message .message-metadata a:focus,.topic-message .message .message-metadata a:hover{border-bottom:1px solid #0e7aa8;color:#0e7aa8;outline:0}.topic-message .message .message-metadata .username{color:#484848;font-size:16px;font-size:1.6rem;margin-right:3px}.topic-message .message .message-metadata .date{line-height:32px}.topic-message .message .message-actions{margin:0;padding:0;list-style:none;position:absolute;top:0;right:0}.topic-message .message .message-actions li{float:left}.topic-message .message .message-content{clear:both;padding-top:1px}.topic-message .message .message-content>p:first-child{margin-top:7px}.topic-message .message .message-content .message-hidden-content{display:none}.topic-message .message .message-content .message-edited,.topic-message .message .message-content .message-helpful,.topic-message .message .message-content .message-hidden,.topic-message .message .message-content .message-repeated{padding-top:3px 0 0}.topic-message .message .message-content .message-edited.ico-after,.topic-message .message .message-content .message-helpful.ico-after,.topic-message .message .message-content .message-hidden.ico-after,.topic-message .message .message-content .message-repeated.ico-after{text-indent:20px}.topic-message .message .message-content .message-edited.ico-after:after,.topic-message .message .message-content .message-helpful.ico-after:after,.topic-message .message .message-content .message-hidden.ico-after:after,.topic-message .message .message-content .message-repeated.ico-after:after{margin:4px 0}.topic-message .message .message-content .message-edited,.topic-message .message .message-content .message-hidden,.topic-message .message .message-content .message-repeated{font-style:italic;color:#999}.topic-message .message .message-content .message-edited:after,.topic-message .message .message-content .message-hidden:after,.topic-message .message .message-content .message-repeated:after{opacity:.5}.topic-message .message .message-content .message-hidden{margin-top:1px}.topic-message .message .message-content .message-helpful{color:#48A200;text-indent:20px}.topic-message .message .message-content textarea{margin:10px 0 10px -1px;background-color:transparent;min-height:150px}.topic-message .message .message-bottom{display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;min-height:30px}.topic-message .message .message-bottom .signature{border-top:1px solid #D2D5D6;padding:3px 0 0 10px;margin:0 10px 0 0;font-size:12px;font-size:1.2rem;color:#999;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.topic-message .message .message-bottom .signature p{margin:0;padding:0}.topic-message .message .message-bottom .signature a{color:#999;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.topic-message .message .message-bottom .signature a:focus,.topic-message .message .message-bottom .signature a:hover{text-decoration:none;color:#555}.topic-message .message .message-bottom .message-karma{margin-left:auto;margin-bottom:-2px}.topic-message .message .message-bottom .message-karma button.ico-after,.topic-message .message .message-bottom .message-karma span{border-bottom-width:3px;border-bottom-color:transparent;background:0 0;height:32px}.topic-message .message .message-bottom .message-karma button.ico-after.downvote:not(.has-vote),.topic-message .message .message-bottom .message-karma button.ico-after.upvote:not(.has-vote),.topic-message .message .message-bottom .message-karma span.downvote:not(.has-vote),.topic-message .message .message-bottom .message-karma span.upvote:not(.has-vote){text-indent:-9999px;width:0}.topic-message .message .message-bottom .message-karma span:not(.has-vote){border-bottom:none;opacity:.5}.topic-message .message .message-bottom .message-karma .tick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-message .message .message-bottom .message-karma .tick:focus,.topic-message .message .message-bottom .message-karma .tick:hover{color:#555;border-bottom-color:#48a200}.topic-message .message .message-bottom .message-karma .tick.active{color:#48a200}.topic-message .message .message-bottom .message-karma .tick.active:after{opacity:1}.topic-message .message .message-bottom .message-karma .downvote:after,.topic-message .message .message-bottom .message-karma .upvote:after{left:10px}.topic-message .message .message-bottom .message-karma .upvote{color:#48a200}.topic-message .message .message-bottom .message-karma .upvote.more-voted,.topic-message .message .message-bottom .message-karma .upvote:focus,.topic-message .message .message-bottom .message-karma .upvote:hover{border-bottom-color:#48a200}.topic-message .message .message-bottom .message-karma .upvote:not(.has-vote){text-indent:-9999px;width:0}.topic-message .message .message-bottom .message-karma .downvote{color:#c0392b}.topic-message .message .message-bottom .message-karma .downvote.more-voted,.topic-message .message .message-bottom .message-karma .downvote:focus,.topic-message .message .message-bottom .message-karma .downvote:hover{border-bottom-color:#c0392b}.topic-message .message .message-bottom .message-karma .voted:after{opacity:1}.topic-message .message .message-bottom .message-karma .more-voted{font-weight:700}.topic-message .message .message-bottom .message-karma button.more-voted:focus,.topic-message .message .message-bottom .message-karma button.more-voted:hover{border-bottom-color:transparent!important}.topic-message .message .message-buttons{margin:0 0 0 10px;padding:0;list-style:none;border-bottom:none}.topic-message .message .message-buttons a{text-indent:-9999px;width:0}.topic-message .message .message-buttons a:after{left:12px!important}.topic-message .message .message-submit{margin-left:auto;margin-right:10px}.topic-message .message .message-actions,.topic-message .message .message-buttons,.topic-message .message .message-karma,.topic-message .message .message-submit{display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}.topic-message .message .message-actions form,.topic-message .message .message-buttons form,.topic-message .message .message-karma form,.topic-message .message .message-submit form{width:auto}.topic-message .message .message-actions a,.topic-message .message .message-actions button,.topic-message .message .message-actions span,.topic-message .message .message-buttons a,.topic-message .message .message-buttons button,.topic-message .message .message-buttons span,.topic-message .message .message-karma a,.topic-message .message .message-karma button,.topic-message .message .message-karma span,.topic-message .message .message-submit a,.topic-message .message .message-submit button,.topic-message .message .message-submit span{display:block;float:left;margin-left:3px;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.topic-message .message .message-actions a.ico-after,.topic-message .message .message-actions button.ico-after,.topic-message .message .message-actions span.ico-after,.topic-message .message .message-buttons a.ico-after,.topic-message .message .message-buttons button.ico-after,.topic-message .message .message-buttons span.ico-after,.topic-message .message .message-karma a.ico-after,.topic-message .message .message-karma button.ico-after,.topic-message .message .message-karma span.ico-after,.topic-message .message .message-submit a.ico-after,.topic-message .message .message-submit button.ico-after,.topic-message .message .message-submit span.ico-after{padding-left:30px!important}.topic-message .message .message-actions a:after,.topic-message .message .message-actions button:after,.topic-message .message .message-actions span:after,.topic-message .message .message-buttons a:after,.topic-message .message .message-buttons button:after,.topic-message .message .message-buttons span:after,.topic-message .message .message-karma a:after,.topic-message .message .message-karma button:after,.topic-message .message .message-karma span:after,.topic-message .message .message-submit a:after,.topic-message .message .message-submit button:after,.topic-message .message .message-submit span:after{top:7px;left:7px;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease;opacity:.5;margin:0}.topic-message .message .message-actions a,.topic-message .message .message-actions button.ico-after,.topic-message .message .message-actions span,.topic-message .message .message-buttons a,.topic-message .message .message-buttons button.ico-after,.topic-message .message .message-buttons span,.topic-message .message .message-karma a,.topic-message .message .message-karma button.ico-after,.topic-message .message .message-karma span,.topic-message .message .message-submit a,.topic-message .message .message-submit button.ico-after,.topic-message .message .message-submit span{border-bottom:1px solid #D2D5D6;text-decoration:none;color:#999;height:29px;line-height:30px;padding:0 10px}.topic-message .message .message-actions a,.topic-message .message .message-actions button.ico-after,.topic-message .message .message-buttons a,.topic-message .message .message-buttons button.ico-after,.topic-message .message .message-karma a,.topic-message .message .message-karma button.ico-after,.topic-message .message .message-submit a,.topic-message .message .message-submit button.ico-after{cursor:pointer}.topic-message .message .message-actions a:focus,.topic-message .message .message-actions a:hover,.topic-message .message .message-actions button.ico-after:focus,.topic-message .message .message-actions button.ico-after:hover,.topic-message .message .message-buttons a:focus,.topic-message .message .message-buttons a:hover,.topic-message .message .message-buttons button.ico-after:focus,.topic-message .message .message-buttons button.ico-after:hover,.topic-message .message .message-karma a:focus,.topic-message .message .message-karma a:hover,.topic-message .message .message-karma button.ico-after:focus,.topic-message .message .message-karma button.ico-after:hover,.topic-message .message .message-submit a:focus,.topic-message .message .message-submit a:hover,.topic-message .message .message-submit button.ico-after:focus,.topic-message .message .message-submit button.ico-after:hover{border-bottom-color:#0e7aa8;outline:0;background:0 0}.topic-message .message .message-actions a:focus:after,.topic-message .message .message-actions a:hover:after,.topic-message .message .message-actions button.ico-after:focus:after,.topic-message .message .message-actions button.ico-after:hover:after,.topic-message .message .message-buttons a:focus:after,.topic-message .message .message-buttons a:hover:after,.topic-message .message .message-buttons button.ico-after:focus:after,.topic-message .message .message-buttons button.ico-after:hover:after,.topic-message .message .message-karma a:focus:after,.topic-message .message .message-karma a:hover:after,.topic-message .message .message-karma button.ico-after:focus:after,.topic-message .message .message-karma button.ico-after:hover:after,.topic-message .message .message-submit a:focus:after,.topic-message .message .message-submit a:hover:after,.topic-message .message .message-submit button.ico-after:focus:after,.topic-message .message .message-submit button.ico-after:hover:after{opacity:1}.topic-message .message .message-actions a:focus,.topic-message .message .message-actions a:hover,.topic-message .message .message-buttons a:focus,.topic-message .message .message-buttons a:hover,.topic-message .message .message-karma button:focus,.topic-message .message .message-karma button:hover{color:#555;text-decoration:none}form.topic-message{margin-top:50px}.autocomplete-wrapper{position:relative}.autocomplete-wrapper .autocomplete-dropdown{position:absolute;z-index:60}.autocomplete-wrapper .autocomplete-dropdown ul{padding:0;margin:0;background-color:#FFF;border-right:solid 1px #CCC;border-left:solid 1px #CCC;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.autocomplete-wrapper .autocomplete-dropdown ul li{padding:4px 10px;border-bottom:solid 1px #CCC;list-style:none}.autocomplete-wrapper .autocomplete-dropdown ul li.active,.autocomplete-wrapper .autocomplete-dropdown ul li:hover{background-color:#0c6890;color:#fff}.gallery.grid-view{clear:both}.gallery.grid-view .gallery-item{position:relative;width:200px;height:200px;float:left;border:10px solid #FFF;margin:10px;clear:none}.gallery.grid-view .gallery-item.active,.gallery.grid-view .gallery-item:hover{border-color:#108bbf!important}.gallery.grid-view .gallery-item.active:before,.gallery.grid-view .gallery-item:hover:before{display:none}.gallery.grid-view .gallery-item.active .topic-title,.gallery.grid-view .gallery-item:hover .topic-title{background:#108bbf!important;color:#FFF;text-decoration:none}.gallery.grid-view .gallery-item .topic-infos{position:absolute;bottom:0;left:0;z-index:1;height:15px;width:15px;padding:3px 0}.gallery.grid-view .gallery-item .topic-infos input{margin:0}.gallery.grid-view .gallery-item .topic-description,.gallery.grid-view .gallery-item .topic-description a{display:block;width:100%;height:100%}.gallery.grid-view .gallery-item .topic-image{overflow:hidden;max-height:100%;min-width:100%}.gallery.grid-view .gallery-item .topic-title{height:15px;background-color:#fff;position:absolute;bottom:7px;left:0;right:0;padding:10px 20px 5px;font-size:1.5rem;line-height:15px;color:#444}.gallery.grid-view .gallery-item.selected{border-color:#eaf8fd}.gallery.grid-view .gallery-item.selected .topic-title{background:#eaf8fd}.gallery.grid-view .gallery-item.add-image{font-size:120px;line-height:200px;text-align:center;background:#DDD;color:#555;text-decoration:none}.gallery.grid-view .gallery-item.add-image:focus,.gallery.grid-view .gallery-item.add-image:hover{background-color:#CCC;color:#108bbf}.gallery.list-view .topic .topic-description .topic-title{margin-top:12px}.gallery.list-view .add-image{display:none}.toggle-gallery-view{float:left!important}.markdown-help .open-markdown-help{position:absolute;bottom:0;left:8px}.markdown-help .open-markdown-help .close-markdown-help-text{display:none}.markdown-help .markdown-help-more{display:none;background:#EEE;padding:15px;margin-bottom:5px}.markdown-help .markdown-help-more pre{margin:0}.markdown-help .markdown-help-more.show-markdown-help{display:block}.markdown-help .show-markdown-help+.open-markdown-help .close-markdown-help-text{display:inline}.markdown-help .show-markdown-help+.open-markdown-help .open-markdown-help-text{display:none}.footer-container footer{color:#424242;padding:20px 0}.page-footer{background:#042432;height:50px;line-height:50px;border-top:3px solid #F8AD32;font-size:14px;font-size:1.4rem}.page-footer p{float:left;color:#EEE;margin:0}.page-footer ul{list-style:none;float:right;margin:0;padding:0}.page-footer ul li{display:inline-block;margin-left:25px}.page-footer a{text-decoration:none;color:#EEE;border-bottom:1px solid transparent}.page-footer a:focus,.page-footer a:hover{border-bottom-color:#F8AD32}.page-footer .version,.page-footer .version a{color:rgba(255,255,255,.5)}.modal{display:none}#modals .modal{position:fixed;z-index:50;width:auto!important;top:0;right:0;bottom:0;left:0;background:#EEE;min-height:220px}#modals .modal .modal-title{display:block;border-bottom:3px solid #F8AD32;line-height:53px;height:50px;text-indent:15px;margin-bottom:20px;background:#084561;color:#FFF;font-size:1.6rem;font-size:16px;text-shadow:rgba(0,0,0,.75) 0 0 3px}#modals .modal .modal-title.ico-after{text-indent:40px}#modals .modal .modal-title.ico-after:after{margin:18px 0 0 15px}#modals .modal input,#modals .modal p,#modals .modal select,#modals .modal textarea{margin:10px 15px}#modals .modal input:not([type=checkbox]):not([type=radio]),#modals .modal p:not([type=checkbox]):not([type=radio]),#modals .modal select:not([type=checkbox]):not([type=radio]),#modals .modal textarea:not([type=checkbox]):not([type=radio]){width:calc(98% - 32px)!important}#modals .modal label{margin:0 15px}#modals .modal textarea{margin-top:0}#modals .modal .btn:not(.modal-inner),#modals .modal [type=submit]:not(.modal-inner){position:absolute;width:50%;height:50px;line-height:50px;bottom:0;right:0;margin:0!important;padding:0!important;text-align:center;background:none!important;border-top:1px solid #CCC;color:#333}#modals .modal .btn-submit:not(.modal-inner),#modals .modal [type=submit]:not(.modal-inner){height:51px;color:#084561;font-weight:700}#modals .modal .btn-cancel{right:auto;left:0;border-right:1px solid #CCC;color:#555}#modals .modal .btn.btn-modal-fullwidth{width:100%;border-right:none;font-weight:700}.enable-mobile-menu #modals .modal{top:25px;right:25px;bottom:25px;left:25px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}.enable-mobile-menu #modals .modal.modal-big,.enable-mobile-menu #modals .modal.modal-medium,.enable-mobile-menu #modals .modal.modal-small{top:50%;bottom:auto;max-width:400px}.enable-mobile-menu #modals .modal.modal-small{height:220px;margin:-110px auto 0}.enable-mobile-menu #modals .modal.modal-medium{height:250px;margin:-125px auto 0}.enable-mobile-menu #modals .modal.modal-medium textarea{height:80px}.enable-mobile-menu #modals .modal.modal-big{height:300px;margin:-150px auto 0}.enable-mobile-menu #modals-overlay{position:fixed;display:none;z-index:49;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7)}.screen,.wide{display:none}#modals form,.content-container form{width:100%}#modals form p,.content-container form p{position:relative}#modals fieldset,.content-container fieldset{border-top:1px solid #DDD;border-bottom:3px solid #DDD;background:#EFEFEF;padding:0 4%}#modals fieldset legend,.content-container fieldset legend{padding:0 10px;border-top:1px solid #DDD;border-bottom:3px solid #DDD;background:#EFEFEF}#modals label,.content-container label{display:block;color:#555;height:30px;line-height:30px}#modals label .asteriskField,.content-container label .asteriskField{color:#C0392B;margin-left:4px}#modals .form-error,.content-container .form-error{display:block;font-size:13px;color:#C0392B}#modals input,#modals textarea,.content-container input,.content-container textarea{border:1px solid #D2D5D6}#modals input:focus,#modals textarea:focus,.content-container input:focus,.content-container textarea:focus{outline-color:#999}#modals input.field-error,#modals input:invalid,#modals textarea.field-error,#modals textarea:invalid,.content-container input.field-error,.content-container input:invalid,.content-container textarea.field-error,.content-container textarea:invalid{border-color:#C0392B}#modals input.field-error:focus,#modals input:invalid:focus,#modals textarea.field-error:focus,#modals textarea:invalid:focus,.content-container input.field-error:focus,.content-container input:invalid:focus,.content-container textarea.field-error:focus,.content-container textarea:invalid:focus{outline-color:#C0392B}#modals input[disabled],#modals textarea[disabled],.content-container input[disabled],.content-container textarea[disabled]{background:#DDD!important;color:#555}#modals .btn,#modals button,#modals input,#modals textarea,.content-container .btn,.content-container button,.content-container input,.content-container textarea{-webkit-appearance:none;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}#modals input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]),.content-container input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]){width:calc(98% - 2px);padding:0 1%}#modals textarea,.content-container textarea{width:calc(98% - 2px);padding:10px 1%;font-family:monospace,serif}#modals .btn,#modals button,#modals input,.content-container .btn,.content-container button,.content-container input{display:block;height:30px}#modals .btn.ico-after,#modals button.ico-after,#modals input.ico-after,.content-container .btn.ico-after,.content-container button.ico-after,.content-container input.ico-after{padding-left:30px}#modals .btn.ico-after:after,#modals button.ico-after:after,#modals input.ico-after:after,.content-container .btn.ico-after:after,.content-container button.ico-after:after,.content-container input.ico-after:after{margin:12px 0 0 7px}#modals .btn,#modals button,#modals input[type=submit],.content-container .btn,.content-container button,.content-container input[type=submit]{height:40px;line-height:40px;cursor:pointer}#modals .btn,#modals [type=submit],#modals button,.content-container .btn,.content-container [type=submit],.content-container button{color:#DDD;padding:0 15px;border:none;float:right;text-decoration:none;margin-left:1px;outline:0}#modals .btn-submit,#modals [type=submit],.content-container .btn-submit,.content-container [type=submit]{color:#FFF;background:#084561}#modals .btn-submit:not([disabled]):focus,#modals .btn-submit:not([disabled]):hover,#modals [type=submit]:not([disabled]):focus,#modals [type=submit]:not([disabled]):hover,.content-container .btn-submit:not([disabled]):focus,.content-container .btn-submit:not([disabled]):hover,.content-container [type=submit]:not([disabled]):focus,.content-container [type=submit]:not([disabled]):hover{background:#396A81}#modals .btn-cancel,.content-container .btn-cancel{background:#c0392b}#modals .btn-cancel:not([disabled]):focus,#modals .btn-cancel:not([disabled]):hover,.content-container .btn-cancel:not([disabled]):focus,.content-container .btn-cancel:not([disabled]):hover{background:#e74c3c}#modals .btn-grey,.content-container .btn-grey{background:#EEE;color:#555}#modals .btn-grey:not([disabled]):focus,#modals .btn-grey:not([disabled]):hover,.content-container .btn-grey:not([disabled]):focus,.content-container .btn-grey:not([disabled]):hover{background:#CCC;color:#333}#modals [disabled],.content-container [disabled]{cursor:default;background:#F7F7F7;color:#CCC}#modals .form-sub-link,.content-container .form-sub-link{display:block;display:inline-block;margin-top:8px}.wf-active #modals textarea,.wf-active .content-container textarea{font-family:"Source Code Pro",monospace,serif}#modals input[type=checkbox],#modals input[type=radio],.main-container input[type=checkbox],.main-container input[type=radio]{float:left;margin-right:5px;height:15px;width:15px;border:1px solid #BBB;background:#FCFCFC;-webkit-transition:none;-o-transition:none;transition:none}#modals input[type=radio],.main-container input[type=radio]{border-radius:50%}#modals input[type=radio]:checked,.main-container input[type=radio]:checked{background-position:0 -26px}#modals input[type=checkbox]:checked,.main-container input[type=checkbox]:checked{background-position:0 0}#modals .checkbox,#modals .radio,.main-container .checkbox,.main-container .radio{padding:10px 0}#modals .checkbox input,#modals .radio input,.main-container .checkbox input,.main-container .radio input{margin-top:8px}#modals .controls .radio,.main-container .controls .radio{padding-top:3px;padding-bottom:0}.zform-toolbar{margin:0;padding:2px;list-style:none initial;border-bottom:none}.zform-toolbar a,.zform-toolbar button{display:block;float:left;cursor:pointer;background-color:#FFF;border-bottom:1px solid transparent;text-decoration:none;color:#999;height:27px;line-height:30px;padding:0 10px;margin-left:1px;text-indent:-9999px;width:0}.zform-toolbar a .zform-popup,.zform-toolbar button .zform-popup{text-indent:0;line-height:20px}.zform-toolbar a.ico-after,.zform-toolbar button.ico-after{padding-left:30px}.zform-toolbar a:after,.zform-toolbar button:after{top:7px;left:12px;display:none}.zform-toolbar button{padding:0 15px;height:30px;border-top:none;border-right:none;border-left:none}.zform-toolbar button[type=submit]{background:#084561;border-bottom-color:#084561;color:#DDD}.zform-toolbar button[type=submit]:focus,.zform-toolbar button[type=submit]:hover{color:#FFF;background:#396A81;border-bottom-color:#396A81}.zform-toolbar a:focus,.zform-toolbar a:hover,.zform-toolbar button:focus,.zform-toolbar button:hover{border-bottom-color:#108bbf;outline:0;background-color:#EEE}.zform-button{background-repeat:no-repeat;background-position:center center}.zform-button-bold{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAwklEQVQoz2P4z4AfMlBLQXlC+fmS/wXvs+tT1ye8j5wfLIBhQnF95v+s/SBWxPyQ/17nMRTk1qf+TwYr8K/3++/4H0NBen38/2igAl8Bt/tu/y3mYyhIqI/8H3zfp971vMt/s/1YfBFRH/zfCyxhMt/iv9p5eQE0Bf71vv8dwQq0BdT+6/4XL0BT4FYPtBlqtMx/zf8C9WgKbOsd/uuDPSddoPKf/z2XAooCmwST9br71fbL90v2C+/n7edUoHpc4IYASlr8ehOQ9V8AAAAASUVORK5CYII=)}.zform-button-italic{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAcUlEQVQoz2P4z4AfMlBbQXZD6oeE/5Efgg/gNCHuQeT/wAScJsQYhP/3/4DHipAJQf/dFuBR4PPA879tAE4FXgau/20+4PGF4wSX/0YL8CiweGDxXysApwIzB9P/Gv9xBpRJg+4BtQPyByQ30DguMCEAC2D/O2OrpxIAAAAASUVORK5CYII=)}.zform-button-strike{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAn0lEQVQoz2P4z4AfMlBTQYlgwczstNTyhJmRu7EqyHuXVQ6iI8oD/2NRkJuW9j+5A8L2wGZCukvC/+j/ITN9jf8z2LtgtSJyd+j/wP8e/23PmKEqKC8t/w+D8f9t/ksguRvJBH9BCG2Upn3X6L/cGQwr3NLsy2Fsmf9idzEU2KaZ/9eHmiLyjr8cQ4FJmu47tTPy5ZJpwuW8HTSKC+wQAFs6/D/QOXeIAAAAAElFTkSuQmCC)}.zform-button-abbr{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACTUlEQVR42pWR4UtTYRTGB/0FgyBckZREI8SyElEEEyW0RJoxbaK2raYmaVMnt6ZYzpbTudqW091arqZoKYEVjWgFFRhCg77Ymt7J3d6522rh9yJ6eufHcOXOt3Nenuf8nveIRH9V10wY7dMEre4wNM7gN1G61TYtPB6aJ7g8F0cDG21J20DDrkDp5D3NngTkjlhhWmK1i6DB+vldLZvYXjsaQ5WZ6LYsVk7ER1rGA5AbPw7LeheLFaME5YPhyS2JG1zxgyp7ENX9/pJkr32jedD4cAilA6uL/xXXOWNjcjuBzPgJJy3CDu3b827rBxPM7wcgu9OPalfFtnKbIlZqJ8wxK/EVWYiv0ExmCwYjTZsatr48azEtXIM3NI/eF904brv588TYGlSTcRSZCeonBFx69BU17BoOGfjNTepmZMN6bwesC17I7wrQTMVRMERMybe867xJ5RZwxhnDgZ5VJmW0ClvJj86nr9B4P458w+vfeUZenJzn9PGsilJU2SPYx3BNqcSxYmMB8vW5OKy/ipwrjl8U15fdx+OUPYobzxKQMiFkdnLilAT5gxExxfXVUNTTjg1c/36Gmz13T0AbjbRbu+z/53VyDbxfwQqQj69B2sNtZN2j45jKkQgqzBHsvBhMnZ/ilpVZCEzPvyNbH0KWjhNT3L1062rHlICjdCZpDpalNKC4TZW3Ihh4kkCVLYqsrhVIdSsoN4Wh9XxB/e0ojnRzkKgDm5vQ3xVTXDZTu4xd7ctJXL/kQpChWxmJJrBOhesZ6iU2Q7kk/gOYnkYcn8opfQAAAABJRU5ErkJggg==)}.zform-button-key{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABe0lEQVR42pWSQW5TQQyGv/GMX1KVsmJLeggEO+ACCHEJWOQKBSo19ADZpoIFN0CIY9BK0G1DuyebIlGSzNgsXt5LiKia/tJItmR/M7894dPnLy/NbGTmgHOzAkECEsKrF8+fHaWc8+jRwwfc3dnB3W5uD8Llr0uOT76NgKNkZpydjXn65DGb6uvxCXe2twFIZsbWVgeAfr9Pp9NBRDAzZrMZe6/fkHMGwN3Z7d2nqpTfV39qQClGShUABwcDut0u+/tvGQzeMZ1OyTkjqgDUc4KUFLOrBlDQpsCtPmZtLFHap4s3gISbNRYK1QIQYyTGiLu38ap8AahUKVZWLcR/AOvxOkA1Lu2sWogxIiLM53NE5FpAPQNbbkE11UmMYMZwOMRKqfP/AVSx1oIZKWk7nKYwiBCv+QeaEt5YsDULm0hVKcWWMyCEek0imwEqXdpxd0QC309PgbBBu9Pr9ZhMJjXgx3h8+P7Dxz1uqYvz80MWV94Ddrm9LoCffwHdG70wvg5ZlgAAAABJRU5ErkJggg==)}.zform-button-sup{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLElEQVR42mNgGDkgZMoDhdJVzy+0bH75wbfrbgPJBiTPe7wBqFHBq+1WQ8P65//JdknirIcXUuY9eoAhUV5efqC4uPhAbm7ugbS0tAPx8fEK4eHhB/z8/A64uroeAKmxr7jWEDbp3gXznEsGGAYANQcANX9ISUn5D9Q8ASQG1NwA1LzAxsZGwbroSoBT9bUFJhkXBAyTLzjoxZ9VwDAEaLMDUPP/yMjI/0DNBTCbQcC79eaB9LkP/yfPevA/bOLdDzj9CHT2hMDAwP9ubm7/gTYLkBxIQJsFQJpdXFz+GxkZTSDZAJCzgTYXWFtb/zcwMPivoKDgQLTN0AArAPE1NTUnAF3wX0JC4oOgoKABsTYfADkbqNkAaPMBoOYDQM0HuLi4DrCwsBgMzjwCAMHEeHCN9BV5AAAAAElFTkSuQmCC)}.zform-button-sub{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLElEQVR42mNgGD6gvLz8QHFx8YHc3NwDaWlpB+Lj4xXCw8MP+Pn5HXB1dT1A0ACg5gCg5g8pKSn/gZongMSAmhuAmhfY2NgoEOUKoM0OQM3/IyMj/wM1FxBlMzoAOntCYGDgfzc3t/9AmwVINgBoswBIs4uLy38jI6MJJBsAcjbQ5gJra+v/BgYG/xUUFBxA4iFTHiiUrnp+oWXzyw++XXcbsNoMDbACEF9TU3MC0AX/JSQkPggKChokz3u8AahRwavtVkPD+uf/cdl8AORsoGYDoM0HgJoPADUf4OLiOsDCwmIAUpc46+GFlHmPHpCVVuwrrjWETbp3wTznkgHJmq2LrgQ4VV9bYJJxQcAw+YKDXvxZBZIM8G69eSB97sP/ybMe/A+bePfD4MlDAC7MeHCrEeunAAAAAElFTkSuQmCC)}.zform-button-center{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAfElEQVR42mP8z4AfMDFQqoAFRJT//8fwBwx/g+EvMP7FsJeRgYHxPzEmMDDkZP+eAtMNhTnHpoJkiDMh9T+yzQh4iwQ3BGf/moKsF2hWziMS3OD9H9Xu31D4mRg3MPwHQ9Ns/f+a/1X+y/2X/C/yn/8/93/2bIgMI8WxCQClCFYAGIFCIgAAAABJRU5ErkJggg==)}.zform-button-right{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAY0lEQVR42mP8z4AfMDFQqoAFRJT//8fwBwx/g+EvMP7FsJeRgYHxPzEmQEDS/99QnTB4hmgTUv8j24yAt0h0g/t/hF6Iec+JNsH7P6rdv6HwM4lu0Pr/G64bEq5/iDGBYGQBABNITB8iVnJIAAAAAElFTkSuQmCC)}.zform-button-ul{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1UlEQVR42mNgGBQgZ/7jgqm7Xj8A0aTqZQERmtIcBQqibPJAJsiACeXl5dlAesrfv38Z/vz5w/D792+GX79+gemfP3+C2WvXrmWkigsGCUiZ+aigc9PLByE9d8kLRCUx1gIZIRb5N5Ic4ECMi4vLBgbUFFCAIeMfP37A2bdu3UIEYkDHrYKSxY8fuFZeG6qBaJt/qSB+2r0H1nmXyAxEdZ4CAwVucEo8CgxEIyOjbGBATYGlOhCNnBpBqROYShnhBty58WUCSDOUZjh37txUIDWVLt4HAP/ViGJIIAyXAAAAAElFTkSuQmCC)}.zform-button-ol{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA70lEQVR42mNgoAbImf9YZdHhd//JNgCkmSIDYIbA2OXl5dlA/L+kpOR/QUHB/+zs7P+pqan/ExIS/kdGRv4PDg7+j9UFiw5S6Aqywdz9b//P2vP6f8TEeypkGxLae0+ld8tL8rwQ1HVHpXPTc7jmuLi47IiIiP+BgYH/vby8/js7O/+3sbH5b2Ji8l9XV/e/mpoaqkVt65//b1zz9H/NqqcDFIjlyx7/L136+H/x4sfkuwCk2TrvEvmxANIMc4GRkVG2trb2fxUVlf9ycnL/xcXF/wsJCf3n4eH5z87O/p+Zmfk/hu0gbFd0pYPu4QcAKY588QFUIAIAAAAASUVORK5CYII=)}.zform-button-quote{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR42mNgGDQgon2HEBAvBeKfQPwfD94FxCrYDNi48uCt/7///P2PD2w5eR9kyG0gZkPWzAPEf/7++/f/w7d//19++vf/2cd//5+8//f/4bt//++9+ff/9qu//++8ghheveA4yBAzZAPkcqYeAEu+AGp89uHf/8dAzQ/e/vt/F6r5+ou//68+gxjQueosyABvrAY8BWp+9A6q+fW//7deQjRfAWq++AS3AXAvgJx/H2jrndd//98Ear72/O//y0DNF56ADPgDNqB20QmQAZZYAxFkCDIAuebC479gg9ECkRNXNP6BRdncHVfhBr3//APMB4pfxhqNONLGnefvvsI0fgfiWlISVu/MbVdAGr8AcSGpqVIJiO8BcQrD8AcAGopyopBVAH0AAAAASUVORK5CYII=)}.zform-button-link{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6UlEQVQoz2P4z4AfMtBJgR13Vmnru3n/ax7mmOdI1Nyd97/1XVapHTdUgRGbT9fE/y/+3/1/8H/jvepDN3/c/X/k/8T/Pl1GbGAFhn7FH66+i9jm/Sf1/6T/lf9T/3v/idi24mHxB0M/iAldTd8np/tz2X/e+//c/0P/1/63/+zPNTm96btRF1iBbmb6+2klQTsdf7n9DwRCt/+Ov4J2TitJf6+bCVagqel7vff9qrfr/k//X/i/Akiu+7/qbe973+uammAFasz2Bl73U75kf8/+GR4X7pz9Kft7yhev+/YGasz0C0mKFAAASj0PpKVVf4oAAAAASUVORK5CYII=)}.zform-button-image{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB8ElEQVQ4y6WTPWtUQRSGnzP33r33Jgu7kI1hI1GSgGARxFRG/4CFhY1VUlhI+oCNP8LfIKaz0MpCLEz+QUCwCIQVQc0X+dhsNtm5O3PGImbJboIIGaabmeec9533SAiB66wYYPnj2mtVmT8pNLPuilsDNZIYsoQ3L57OLsUAGmThyaOJ0SzLRCT6Z8WOgnddPnzZeA6cAU6spmmayfLqAR32aMk6k2M75EkTF5T9o5xvGxWGwl1iRnj5bBKvIj0JhQNjIoxAYbaYrO2Qln7QtC2cd8RpytREne+NYaqlGqoDHgAoYIxgwy6l5IDD0ybWdyicw4U2aZrStjkjuSEQesb0A0QITrG+S8dZTruWQh1eAekS1BMb4eLPmZ7R4QyQMUqrPUwgwarHOo9IiXarTLk0ThQZCHJZQghnEsrRTX5tbVPJNhkaNqTiON4fYnurTr0yRWzkcg7CRUByg/H8Pj/XVqiWfyPek3RGuTW9QDmr41X7YtHXwfreIl4Vr8odu8vcxG0UaGxu8+n4FXqkqCrweaCDEBDg8exS7yCaOeSkvUe2+ZXaw0Xmo6Qvmec+xgByRV59XsXnVWxt+oo8DpiYJdJEu5V7Yw9A5C8qnO9Lj50riCMJPUAplnfvVxpzhQ8z/zOccQSJ4S2AXHec/wAGb9qTrxXEvwAAAABJRU5ErkJggg==)}.zform-button-attention{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACJklEQVR42qVTTUiUYRB+vh93dX903bKUYMNlMWHJBC1WW8GjZVCnfpa6Fp1i6dilQwcJglgrDEKiQqhDRYWVCEsSFJ0Ksh8zKjJZ3V0WU3G/73tnpoNrFGkZzmHmMDPPPM8wA6zRtJUSuXSHISSvhLnALJ21Xc9ouTp9JQAhSblqd0VdG7viQnz0v2hlh+PBqaH272TPiF0Ylcl72/MTd1qCq2bAxNcqQgm/puswvUF46hNBIT6zqulTj9ubMw9jJGSJNXVB7Gy/sJ2TLze3qc8DW5v/yUCYb/gakzqrOXwcuoXxR1fBTgaBppMGE/f+FSAzGEuUVbdFvZv3YeFrEiKACFCc6IE/0g13bUf8w5WGxLIAmcGYj5lTnvABsMoDXOoWAbMDLo6hqvEgmPjsu0th3x8ATNzvCe1f564Ow8ndBiAoD3iWhMHKXERFTQiVWw5tUkXn1G+HNHl/R0SY39btTpu08BLO9GUwA3pZOeZzs3B7GYYhMCo7Yfj3YrS31SZLRVtO58f1xaPhAV/DcVN4DjT7HBAGIPg08h7TbyYBCCAMVRiGps+jJpZ0Kcs5DwDat7ut3UZV04MNHSmo2SdwstcXJbFARAME0A2BJjZECLqxHuX1PXjdl8DM2Mgek4n6ApHDAADT1w7T11YSpy3JLzn5uQ9oLtTtPIbCaPqcKcTp7NMTR4QYTIxfIzkEshwoywFZDshSIFuBHAIrAit6sdZvxg9QwSUHEnNo0gAAAABJRU5ErkJggg==)}.zform-button-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACU0lEQVR42q2T7U9SYRjG/VvgQys313pbc81WW80EBT1EICDiIdMjNlojTcdhptlWzoY0PzS11F618kumMWPlS7bUXpmWx0ohTsGK0HNAIN0V0oK51E9e2/Xt+f2ePffuJyVls+MqLxfOUWXmT1QJM6MnuWm9jvtIaphJUmV2FimEG8JuQznxhaLYn7ZGhIcciLwfR2RsGPzDLriMxXhbQLCvNFJiXXi2lOIX7ndheeYDovYHiHZaEW29hN93W7A0aoe32ohxlZh/qchcLZkzGAQx2MPd7sQy40T06gUErBbMN1YhfMWCSBONcMMZhB/dgfskidFjhzwj8gOChCAG075aM5acE/EbF200/BdNCNUZVpU7SyLccwNvJBkYlGXQCcFn6gQT7LmJaHcrAg0V+KGVrdmFChJ8Yw28lko8JdKZhIAp1Ycij3sQtVkQOG/EevEqs+GnCjDf2gyHZE8oIZgmtaHF7naE640InSvZUOArVmO+pRkD0h1JwVSRmvE31GDRSoM7rYkfXLMqCQK11XBVm2AXpSWf4CxU0IxchFB3BwJ6OfzFef/BrEIMNj8Pwc5rGJbuQn/WtuQQ32llgtc6wuMu0yF4rz0+MJ9a+hdU5oCVx2C5FHxHGyYLZSuwp1e0VbBqFybys4kx5RF+9rgawVvt+FVPw0uq8E2jhL/ODP56G6Y0uejLSuVj8Nrb+EJxmHh+9CA7nrcP36tM8Dddjvdr5Sk8y965ArPrwv8yJNsvHJSmmx3EXuZJ7m5uQLSd689JY/rEqebezC3CTf+9fwCiP9Om7nIiOAAAAABJRU5ErkJggg==)}.zform-button-question{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACZUlEQVR42r2SXUiTURjH34K6CbryIgi62FXQVezOZLM2isLSQbFljVpOvOgmRelmQUblkD7VssFGgRSrtQyKUvrYLEdI5XQfVtIWS833Zeac22xra/+e854FE7vppgN/zsPz/P7Ped7zHkEoW6mLxnXpzvqelNWwlOrQI3W+JBZTTq4RI/xtLVrrry12HkbO04vizBBQ/Az8Kolilst5roMxjF1mTpzVOzN3LEDaD/wYA+YfA5IDiN/kEh08tzQmM4xlHtk8d0Z/LmlvBvJBggaBqW7gy2WIV00IG9QIH1Qjbm8CvvUAX7s4QyzzMK8gWnRZfB8Gki+AGRsw60DG14HQ/iqaxoms/xJGddvI2EdN7MC0jbPkEU/psoJ0Wk/fGQDm3DQqQdJtKjoJctHI/ciHehE1aYAFF68xhrHkEU/WQpi1HKBLogaJR1S4z4vzD1AUXYi01NEklUD2CTV4SI3dnEnQfSCA6da9EGLNNTks+GjcNwQRmCAlB+j05wS95mJx8imvMUZmfYi11OQET4PWLnYdJ/ADkBsBUl66aS8y/lsI1ikRrFVSnpqkPXIeP0dklnk8Zq2d/YiNbxu1g5KtlUD6Tflx2t8DBRLGuQqjJKphgvYgJFsbmId5/zwFxctDqr5I+zGCYiR6PIiWYq5CfBiJgW5ET+zDqyM77jHPssdkVW2pllwXCE4j+c6NgL4Sn0zbMdmgwaRZg4+N2qzXWH13c8X6KsI3rXjKE22GG8ViBFL/FYSMauxWbNhJaWWZtpaMq1eYw0171obNuxA6qsGQQfWsZFgj/MNaVXaSQvif6zcxVDmUf47DnQAAAABJRU5ErkJggg==)}.zform-button-infoblocks,.zform-button-information{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACl0lEQVR42q2T7U9SURzH/VvgT+je3rQ2fdFcmw2StBeZNUwTtZWuwmywSjERnwAFbAiGmg+UT1CSIiRwJSPkITT15sAM2trqDWQty29H2jA35yvP9nl3v5/f+Z57TlbWUa983Qr3jCYiyVOF2VMt/mSOwpfMViyw2Qqv5ORDhntomKddFpxWhhIVvUH0OmMYZTbTGO1RCLWvQUtmE7TULjgwTKYKclsDqZbJVdj8CfRMxyAzv8eD4WUoLaswuzbQOBoBXTmRoq9P7JfkqcOc3LbF+G7Y8iYBCQndGQhhyPMRQ+4N3DYFIe4PwTS7DtnTIOgyc5wuHeZkBLnKRWm53g+r7zPqBiIQkwo3DQF8/7mdptrgQ3WPD+LHfgy8iuJC80tQRf3SjCCnzcca7TGoLSxu9QZQY/CjWu9Dn3MdJkJlN/MPnYfUCkE7vQK60MBmBCdkzNb4wifU9QXJpLeoeuQlHzPYXTsEkcaN8s45ggvXdG6YmSgoQddWRkBLnVtj3s10191JFVoPCXkQiX1D6sc2yjqcKG134ApBpHJgZJ4I+Kr/BXZWb2chf7aEKp0Xoi43rqrn8C76lQh+oUQxgxLSW9hsQ20PA7UtDPpsx14FutYmLVY6MeSKoUrDQKR0webbwO8/O+kKwQ9fUCyzEizofh5B4d1RImjfO0T6xhiHFpnj90cCMNnXUKZ0QNgyjUvyKRQ3WHCxfgJF9eNoHfGT3ztPti+P03w5Z99doISDgmMFxpRk0AfjzArEejfZ8gtcbrSiRuOA1hKCuI8BzWtIkfDBt5EqNAqogu7E+XuTUE8t4YmbJayhwxpGfp0ZFK8xQfObBIe+B/qclksJOiVUvoql+M1JiteUJBNZguQ4v4F75K/3L7zz0NlKPuwgAAAAAElFTkSuQmCC)}.zform-button-secret{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACfUlEQVR42m1Sz2sTQRh9u9nml02M2hoapaZNtaIg4q0eBMEeRPGg3jyJhyK00EvpsZBr/wqhAfHQs3fBglRa0EYTm5YYFEqKSRvTJDs7s77ZbdpYHfiYmW++7817b8bAiZHL5fqVUnNSygnGWQYYvxgrjuMszs7O/u6tN3o3S0tLN9m8nEqlRuLxOEzTBPdot9uoVqvY5iDQ4/n5+fV/ANjcz8O1TCYzZts2KpUKms2mvh2WZSGZTHp1+Xx+k7kbCwsLLb03uwBMvhwaGhoTQqBYLG41Go0010Edel0oFH5qYLIbo5Tpbp/VXTA5EY1GUSqVwKaHMzMz5R515Ww2e69cLufT6bRX+z+AQa2Zt+n19klzdU6z0zVkO/iXB+V3z92V0jh29iKe5kfXVxFwBVzpwHX8EELi1fotz9RkuIYHF1ZxdWrN8Bm4Lp4+uUs0E0Ygwvk+oIhthfUhDRKQTgPZySbzwmvZfP3+WIK+SRc6u29ghQZgGP0s7AMiCaYVcLAHuf8NdusHlHOAyMg0XLvTA0CKUPomG/WNj9R5Colrt1F5u8j+8xi+M4n61w0C1BBLnyFhCVfYvQDCk+GSamL8CszgAN1RkB2JT7sRDMNGIjOCdjPE2gOPVRfA+wcu3dWoWmvt8zpZfOCJA9VW6LRI1SWzwhfUi999uUp5PccM9EajUkLichqB6DkC2Bh9NoVRwYb9HZzOpBDc7/MZUO4JANtDVY72YIMAMSBMI60g8xqgjlatCtFsIDYcp93Kl90LoCWELr5A5FIARjDkP6HJl1CUZrcQazWosEOi0vdLG38EwCfZWp7zvfA+jjgM52jmD/M/lpT+WgNx/AHLKabZiPgg0gAAAABJRU5ErkJggg==)}.zform-button-blockcode,.zform-button-monospace{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABD0lEQVR42mNgGAVYgWHPQ36yNRt0PuD3nPf0WMSq5x9gYnGbX3/wXvz8GEgOr2b9tntCHrOfHiva9vq//9yn92DiIate3ivb/eY/SE679o4QVs16Lfciole//F649dV/v1lP76kX3JBGkpMOWPTsHkguYunz70C5CBTNug132cKXP/9YueMNUMGz36o514zRLdAsv2UMkivd9PJ/4MzHHxWSrrChKFAvvhkROv/p96xVL/579D24Jx93SRpJTtp76qN7ILmgmY++A+UisHpDMeWKkG3DnWOpi5/+d225Cw8Dr0mP7mWseP4fJCcXfVEIb0DKRFzgtyy/ecy78x48FvynPPxgU3vnGEhuNJFjAgDXGIoQBpiXVgAAAABJRU5ErkJggg==)}.zform-button-title1,.zform-button-titles{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAApklEQVQoz73QsQ2EMAwFUEsUNDRUVJeKLh1VdE2qSIiGAikZxBNkAja4Cf4iLOI1uCjkdKkokSvrP9lO6KT7okeAjx4eWzhpCQ4WJp6k53GvJnjZcLUplhS/RyipwCZrAQZTDhQPNVhlORxbNjwdOgcD9zVYxJUJGmMOeu5q4MQW8NvdcVsDK6YAhWt3y80f2JhOg07PVGFAjy62ofkQaKfXU199X1/TU/Qkt2QxeAAAAABJRU5ErkJggg==)}.zform-button-title2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAwklEQVQoz73QsQ2DMBAF0JMoaBARiiIqXER07lxZNK4sIRoKJHuCTMAETJANmOBvkAnYIBPcGsQCh5ISXfmfvs9HK50PXQLc5OAw+JU6b2GgJyXlXEO0R4PjAbs3UKwqudST+Dy4qCIYuI9A48nS1yEomxtnTQQ9d4sdzahHtUjeaYHsm+YRdGxjg0S9geKdIZXHDpZNBGE13uLXSklO/x0M6wgE7lw0oRwJaKF2A2bSUJDhm8KXCG/PWwyarzv1+fwAYArrjnYCa/AAAAAASUVORK5CYII=)}.zform-button-title3{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAxElEQVQoz73QsanDMBSF4cPzAxdx4KkSBKxKnTpXIo0qg3GTwmBPkAk0gSbIBpngbuAJsshZ46Z4wmXK8LcfpzhQfA5fAWtZZZVlU8zbKEliGUJ4enHTsbBykX+fJFIRdl/cbnmAhbcKogxU+F5h72Y/wI3za8wpxzy8AhWut3Jmlw8wc6wLQTwVCtN3e8tmqmBkqsDLhTaYu6Ltf4lcQWKswMkfTT6xvTbhh7gqoEglyiBhU7jNipHu0ZbmiQem7139uTdX8exNUqtqywAAAABJRU5ErkJggg==)}.zform-button-title4{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAt0lEQVQoz73QsQ2DMBAFUEsUNAiJiipXRNfRUSE3rty4oYhkBmGCmyAbZILbgAnYgAluDXIBJ6SiRNdY+k/fPpvVnI+5BESKrDOsph8Ce3b0CZob0q8hSuTdayxbXOIE/AceCTjuNoAvmOsDPKSfw+hHN3ZzqwCfYGuuDtBLSA0t3wUtLBovxZJTAkF8Ao0CKGtb2WLKp6xJwItLABlkP+Wcfa/wpE/jVtfEAVjLt/UyMnTdV5/PG1Cu8REDzPeUAAAAAElFTkSuQmCC)}.zform-button-table{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAByElEQVR42q2TzytEURTHv/Pe85sFGVPIRpHflKYRC8rCilCKspKlvZVY8H/IQhQldiyEyUSKUhKxUH7MTH7LNO/+cO6b8d4bWRCn3jvv3nfO53zvufcCfzSPes1tPUxIiVEuRakQAlwATHmuviUYeefh4EzSvNifGa7wGwogpBzr9+cV/qby5MJ5vfIWgGhW8srFLFVmVIXBJG9y0/E09/lvvGUapskzXABpUYeqR35U/S1GUMbhANSiyeZ3wj8CdDcXIO4GsCRA2WBbERaDdxho9dlzS6E79AeccfQ5lqrAJAA1EoZOwbth6LqG5VAYHg3Qkkkre6SOYtIoo6okG3HzyxJUFwzdg16/l4Ij6PEXpShwj8+vn8GYSFUgaWxQubWDCClIeCtAcyAGnRqVVl2cSQXdAKJJJY8Su5q82DiKorPBORbrhxEEKvORl2WF4/TqCTkZhquJIkHTNY+VrOzT0xSdBWD75MEGlnvT7Z1LABhL9IDkdtQVYvM4ivZaR8FyKIK+gNceKwV6cmlOD2gJtWW5uLl/R7kvC5e3r/ZdqClJt5LcJoQUrl2Qwan5s8Y4Fzlqf9XDqS+mdXnYt4fp8SW2iv+wD9RSCSl9jwFVAAAAAElFTkSuQmCC)}.zform-button-math{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAs0lEQVQoz2P4z4AfMhCpoNGh8X/d/+oz5UeLz+T/yPqfchTDhLrz+/6XnSnqye3JmJzcEzsfQ0GlQff/Cf9zHCC8sP1Y3FBQP/9/2v0EATyOTDk/+39kAR4FsQkR74Nm4VQQIxB2P/A2nnAIXe9/xrMHwjb5j6EgOMHvvMdpEMsC6Ez992gKggx83ru/cay3qTfvN7qv918L3ZveCa77HfZb7Tfdb7hfd7/mfrV+UuOCAgUAOHoB5MLjQikAAAAASUVORK5CYII=)}.zform-button-footnote{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABlUlEQVR42qWTx05CURCGeQCfwBIX+gY+i23v3qCIEevCaMB7uY0LF9SoxF5iiSshlmCjG2kixRghajQRrjuJ+T3XFRukOMkkM2dyvjP/nIxKVWSL9uWC6j82v7AE+/IqZucXGmoCSLY55PIy1je3YbHOdVUNEMwSvgoFyJ+f2NrZhVmyrVUF4AQzZFnGbShMIDIczmMIoiVTMYDhRby9vePiyg1fIIjnl1dcu71geRNEi7X8XBhOQCabhc8f+PVA8Abph0eEozEFQLqR/p4LzXBIpdMIEQmKjFA4gmgsRs4ecBdPYNG+At5k2S0JoIwcuRDHfSIJt8eDRDIFhhNhoBjQjECkiAoAJQEGmkU4EsPpmQtGRc5T9neQfRqtRMptRV4CQF5ye/2gWeF7QDu04Tq/xBOBUEY2X9EvzNAMTGYr2js6e0jaxJNvzX3kcORwYlpPdZcFGCgWupHxPRLWKXmvut/q8fiQz+UxOaVHJU0o+pqL8npelLB/cAjd6MRJTfuh1gyu6IbHXCRsqXVJG4m3lir+AKcgCFAzJG3uAAAAAElFTkSuQmCC)}div.zform-popup{top:18px;z-index:100;background:#fff;background:#fff -webkit-gradient(linear,,color-stop(8%,#EBEBE5),color-stop(75%,#F9F9F6));background:#fff -webkit-linear-gradient(center bottom,#EBEBE5 8%,#F9F9F6 75%);background:#fff -o-linear-gradient(center bottom,#EBEBE5 8%,#F9F9F6 75%);background:#fff linear-gradient(center bottom,#EBEBE5 8%,#F9F9F6 75%);border:1px solid #CCC;border-radius:3px;padding:2px}.zform-code-col{display:inline-block;vertical-align:top;margin:2px;min-width:100px}.zform-code-col>span{display:block;color:#2677C9;cursor:pointer}.zform-code-col>span[data-zform-selected=true]{color:#00f;font-weight:700}.zform-code-col>span:focus,.zform-code-col>span:hover{color:#C87B02}#zform-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);display:none;z-index:99}#zform-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:none;margin-top:10%;text-align:center;z-index:100}#zform-modal-wrapper>div{position:relative;display:inline-block;text-align:left;background:#f4f6f6;border:1px solid #555;border-radius:2px;-webkit-box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1);box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1);min-height:220px;min-width:400px}#zform-modal-wrapper>div>header{color:#fff;padding-left:6px;padding-right:6px;white-space:nowrap;border-bottom:3px solid #f8ad32;line-height:53px;height:50px;text-indent:15px;margin-bottom:20px;background:#084561;font-size:1.6rem;font-size:16px;text-shadow:rgba(0,0,0,.75) 0 0 3px}#zform-modal-wrapper section{display:block;margin:8px;min-width:200px;min-height:50px}#zform-modal-wrapper section div input{min-width:260px;margin:7px 15px}#zform-modal-wrapper .btn,#zform-modal-wrapper [type=submit]{position:absolute;width:50%;height:50px;line-height:50px;bottom:0;right:0;margin:0!important;padding:0!important;text-align:center;background:none!important;border-top:1px solid #CCC;color:#333;cursor:pointer}#zform-modal-wrapper .btn:focus,#zform-modal-wrapper .btn:hover,#zform-modal-wrapper [type=submit]:focus,#zform-modal-wrapper [type=submit]:hover{background:#DDD!important}#zform-modal-wrapper .btn-submit,#zform-modal-wrapper [type=submit]{color:#084561;font-weight:700}#zform-modal-wrapper .btn-cancel{right:auto;left:0;border-right:1px solid #CCC;color:#555}.zform-modal label{display:inline-block;width:70px;text-align:left}@media only screen and (max-width:760px){#cookies-banner{position:absolute;top:50px;right:0;bottom:0;left:0;z-index:10}#cookies-banner p{margin-top:40px;padding:0 20px}#cookies-banner #accept-cookies,#cookies-banner a{display:block;width:100%;height:40px;padding:0!important;margin:15px 0 0!important;text-align:center}#cookies-banner a{margin-top:40px!important;line-height:40px}html.dropdown-active{overflow:hidden}html.dropdown-active .page-container{width:100%}html.dropdown-active .main-container{display:none}.header-menu-dropdown{display:none!important}.dropdown{width:100%;top:180px;bottom:0;border-bottom:none}.dropdown .dropdown-list{overflow:auto;position:absolute;top:36px;bottom:50px}.dropdown .dropdown-link-all{position:absolute;left:0;right:0;bottom:0;height:50px;line-height:50px}form.forum-message .message{padding-top:0!important}.topic-message .message .message-actions a{width:0;text-indent:-9999px}.topic-message .message .message-actions a:after,.topic-message .message .message-karma a:after{left:12px!important}.topic-message .message .message-karma a,.topic-message .message .message-karma span{margin-right:1px;margin-left:0}.topic-message .message .message-karma a.has-vote,.topic-message .message .message-karma span.has-vote{text-indent:15px;line-height:14px;font-size:12px;text-align:right}.topic-message .message .message-karma a.has-vote.downvote,.topic-message .message .message-karma span.has-vote.downvote{line-height:40px}.topic-message .message .message-submit{display:block!important;width:calc(100% - 16px);margin:0 8px!important}.topic-message .message .message-submit button{float:right;display:block;width:calc(50% - 2px);margin-left:1px!important}.topic-message .message .message-submit button.btn-grey{float:left}.markdown-help .open-markdown-help{position:relative;left:0;bottom:0;float:none;margin-bottom:5px;margin-left:0!important}}@media only screen and (max-width:959px){body{background:#222}body:not(.swipping) .mobile-menu,body:not(.swipping) .page-container{-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}body.swipping *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.js .page-container{position:absolute;z-index:10;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.js .mobile-menu{display:block;position:absolute;position:fixed;overflow-x:hidden;overflow-y:auto;z-index:1;-webkit-transform:translate3d(-20%,0,0);-o-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);width:90%;height:100%;padding-bottom:20px;background:#222;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.js .mobile-menu .search{height:50px;position:relative;top:0;left:0;width:100%}.js .mobile-menu .search input{color:#EEE;background-color:#333;width:76%;height:30px;padding:10px 5%;font-size:16px;font-size:1.6rem}.js .mobile-menu .search input:focus,.js .mobile-menu .search input:hover{padding-bottom:7px;border-bottom:3px solid #084561;background-color:#333}.js .mobile-menu .search button{display:none}.js .mobile-menu .search .search-more{background-color:#3F3F3F;width:14%;height:50px;line-height:50px;color:#CCC}.js .mobile-menu .mobile-menu-bloc,.js .mobile-menu .mobile-menu-link{width:90%;line-height:40px;text-indent:0}.js .mobile-menu .mobile-menu-bloc{margin:0 5% 15px}.js .mobile-menu .mobile-menu-bloc:nth-child(2){margin-top:15px}.js .mobile-menu .mobile-menu-bloc li,.js .mobile-menu .mobile-menu-bloc ul{margin:0;padding:0}.js .mobile-menu .mobile-menu-bloc .mobile-menu-link{margin:0;width:100%}.js .mobile-menu .mobile-menu-bloc:not(.mobile-show-ico) .ico-after:after{display:none}.js .mobile-menu .mobile-menu-bloc[data-title]:before{display:block;content:attr(data-title);height:30px;font-size:14px;font-size:1.4rem;text-transform:uppercase;padding-bottom:3px;border-bottom:2px solid #3F3F3F;font-weight:700;color:#666}.js .mobile-menu .mobile-menu-bloc.mobile-show-ico .ico-after{padding-left:30px;width:calc(100% - 30px)}.js .mobile-menu .mobile-menu-bloc.mobile-show-ico .ico-after:after{top:12px;left:2px}.js .mobile-menu .mobile-menu-link{display:block;height:40px;text-decoration:none;color:#CCC;font-size:16px;font-size:1.6rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.js .mobile-menu .mobile-menu-link.mobile-menu-sublink{width:90%;margin:0 0 0 10%}.js .mobile-menu .mobile-menu-link.mobile-menu-bloc[data-title]{height:80px}.js .mobile-menu .mobile-menu-link.mobile-menu-bloc:not([data-title]){margin-bottom:0}.js .mobile-menu .mobile-menu-link:not(:last-child):not(.mobile-menu-bloc){border-bottom:1px solid #2C2C2C}.js .mobile-menu .mobile-menu-link[data-prefix]:before{content:"[" attr(data-prefix) "] "}.js .mobile-menu .mobile-menu-link.unread{font-weight:700;color:#EEE}.js .mobile-menu .mobile-menu-link img{float:left;margin:5px 5px 5px 0;width:30px;height:30px}.js .mobile-menu .mobile-menu-link .label{padding:0 0 0 50px}.js .mobile-menu .mobile-menu-link img+.label{padding:0 0 0 10px}.js.show-mobile-menu{width:100%}.js.show-mobile-menu body{position:fixed}.js.show-mobile-menu .page-container{height:100%;-webkit-transform:translate3d(90%,0,0);-o-transform:translate3d(90%,0,0);transform:translate3d(90%,0,0);overflow:hidden;-webkit-box-shadow:0 0 7px rgba(0,0,0,.25);box-shadow:0 0 7px rgba(0,0,0,.25)}.js.show-mobile-menu .mobile-menu{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.js.enable-mobile-menu .mobile-menu-hide,.js.enable-mobile-menu .page-container .mobile-menu-bloc,.js.enable-mobile-menu .page-container .mobile-menu-link,.js.enable-mobile-menu .page-container .search{display:none}.js.enable-mobile-menu .page-container .mobile-menu-btn+.header-logo{margin-left:0}.js.enable-mobile-menu .page-container .mobile-menu-btn{display:block;float:left;height:50px;width:50px}.js.enable-mobile-menu .page-container .mobile-menu-btn:after{display:block;content:" ";position:absolute;top:15px;left:13px;height:22px;width:22px;background-image:url(../images/sprite@2x.png);background-repeat:no-repeat;background-position:0 -3412px}.page-container .header-logo{width:40px;height:50px;margin-left:50px;float:left}.page-container .header-logo-link{background-image:url(../images/logo-mobile@2x.png)!important;-webkit-background-size:100%;background-size:100%;width:100%;height:100%}.page-container .header-logo-link:after{display:block;content:attr(data-title);position:absolute;top:0;left:95px;right:155px;line-height:50px;text-indent:0;text-align:left;font-weight:400;font-size:17px;font-size:1.7rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:200px}.page-container .header-container .header-menu{height:30px}.page-container .header-container .header-menu .header-menu-list{padding-top:50px}.page-container .header-container .header-menu .header-menu-list>li>a{line-height:50px}.page-container .logbox{float:right;width:150px;background:0 0}.page-container .logbox .notifs-links{width:100%}.page-container .logbox .notifs-links .ico-link{height:50px;width:50px}.page-container .logbox .dropdown{top:50px}.page-container .logbox .dropdown.my-account-dropdown .dropdown-list{bottom:0}.page-container .logbox .dropdown.my-account-dropdown .dropdown-list li{height:45px;line-height:45px}.page-container .logbox.unlogged{font-size:13px;font-size:1.3rem}.page-container .logbox.unlogged a{background-color:rgba(255,255,255,.1);line-height:30px;height:30px;margin:10px 1px 10px 0;width:74px}html:not(.enable-mobile-menu) .header-container{border-bottom:1px solid #CCC}html:not(.enable-mobile-menu) .page-container .header-logo{margin-left:10px}html:not(.enable-mobile-menu) .page-container .header-logo-link:after{left:55px;right:205px}html:not(.enable-mobile-menu) .logbox .my-account,html:not(.enable-mobile-menu) .logbox .notifs-links .ico-link{position:absolute;top:0;right:0;height:50px;width:50px}html:not(.enable-mobile-menu) .logbox .my-account .avatar,html:not(.enable-mobile-menu) .logbox .notifs-links .ico-link .avatar{height:50px;width:50px}html:not(.enable-mobile-menu) .logbox .notifs-links :nth-child(1) .ico-link{right:150px}html:not(.enable-mobile-menu) .logbox .notifs-links :nth-child(2) .ico-link{right:100px}html:not(.enable-mobile-menu) .logbox .notifs-links .ico-link:nth-child(3),html:not(.enable-mobile-menu) .logbox .notifs-links :nth-child(3) .ico-link{right:50px}html:not(.enable-mobile-menu) .logbox.unlogged{position:absolute;top:0;right:0}.main{width:100%}.main .content-container .content-col:not(:first-child),.main .sidebar{margin-top:50px}.home .main .content-container article{padding:20px 4%}.main .sidebar{width:102.5%}.main .sidebar h3,.main .sidebar h4,.main .sidebar ul li{padding-left:5.5%}.main .sidebar h3 a,.main .sidebar h4 a,.main .sidebar ul li a{white-space:normal}.content-col-2:not(:first-child),.content-col-3:not(:first-child){margin-top:50px}.header-menu-dropdown{display:none!important}.topic-list .topic{background:none!important}.main .content-container .topic-message{padding:20px 0}.main .content-container .topic-message .user{position:absolute;top:7px;z-index:10;width:100%}.main .content-container .topic-message .user .avatar-link{float:left;display:none}.main .content-container .topic-message .user .badge{float:left;height:20px;line-height:20px;font-size:12px;width:50px;margin-left:10px}.main .content-container .topic-message .user .badge.push-badge{margin-left:105px}.main .content-container .topic-message .user .user-metadata{float:right;width:140px;margin-right:10px}.main .content-container .topic-message .user .user-metadata a{float:left;height:20px;line-height:20px;border-bottom:none;width:68px}.main .content-container .topic-message .message{border-right:0;border-left:0;padding-top:65px}.main .content-container .topic-message .message .message-metadata{position:absolute;top:0;left:0;right:10px;z-index:15;height:30px;line-height:30px}.main .content-container .topic-message .message .message-metadata .username{margin-left:5px}.main .content-container .topic-message .message .message-metadata .date{float:right}.main .content-container .topic-message .message .message-actions{margin:35px 10px 0 0}.main .content-container .topic-message .message .message-bottom{min-height:0}.main .content-container .topic-message .message .message-bottom .signature{display:none}.main .content-container .topic-message .message .message-bottom .message-karma{position:absolute;top:35px;left:10px}.main .content-container .topic-message .message .message-bottom .message-karma a,.main .content-container .topic-message .message .message-bottom .message-karma span{border-bottom-width:1px!important;border-bottom-color:#D2D5D6}.main .content-container .topic-message .message .message-bottom .message-karma .tick{text-indent:-9999px;margin-right:1px}.main .content-container .topic-message .message .message-bottom .message-karma .tick:after{left:12px}.main .content-container .topic-message .message .message-bottom .message-karma .downvote,.main .content-container .topic-message .message .message-bottom .message-karma .upvote{padding:0 7px;text-align:center;min-width:30px}.main .content-container .article-content p,.main .content-container .article-content ul:not(.pagination){font-size:15px;font-size:1.5rem;font-size:1.8ex}.main .content-container .content-wrapper .authors,.main .content-container .content-wrapper .subtitle,.main .content-container .content-wrapper blockquote,.main .content-container .content-wrapper figure,.main .content-container .content-wrapper h1,.main .content-container .content-wrapper h2,.main .content-container .content-wrapper h3,.main .content-container .content-wrapper h4,.main .content-container .content-wrapper h5,.main .content-container .content-wrapper h6,.main .content-container .content-wrapper p{margin-left:15px;margin-right:15px}.main .content-container .content-wrapper figure blockquote,.main .content-container .content-wrapper figure p{margin-left:0;margin-right:0}.page-footer{text-align:center;height:auto}.page-footer p{border-bottom:1px solid #5b3903}.page-footer p,.page-footer ul{display:block;float:none}.page-footer ul{line-height:30px}.page-footer ul li{margin:0 5px}}@media only screen and (min-width:760px){.dropdown{-webkit-box-shadow:0 5px 7px rgba(0,0,0,.3);box-shadow:0 5px 7px rgba(0,0,0,.3)}.header-right .dropdown{width:350px;left:auto;padding:0}.header-right .dropdown .dropdown-list{max-height:270px;overflow-x:hidden;overflow-y:auto}.header-right .dropdown .dropdown-list::-webkit-scrollbar{width:10px;height:10px}.header-right .dropdown .dropdown-list::-webkit-scrollbar-track{background-color:#06354a}.header-right .dropdown .dropdown-list::-webkit-scrollbar-thumb{background-color:#396a81;border:1px solid #06354a;-webkit-transition:all .15s ease;transition:all .15s ease}.header-right .dropdown .dropdown-list::-webkit-scrollbar-thumb:hover{background-color:#5196b6}.header-right .dropdown .dropdown-list::-webkit-scrollbar-thumb:active{background-color:#71b4d3}.header-right .dropdown.my-account-dropdown{width:230px}.main .content-container .topic-message .message .message-bottom .message-karma a.downvote.has-vote,.main .content-container .topic-message .message .message-bottom .message-karma a.upvote.has-vote,.main .content-container .topic-message .message .message-bottom .message-karma span.downvote.has-vote,.main .content-container .topic-message .message .message-bottom .message-karma span.upvote.has-vote{padding-left:27px}}@media only screen and (min-width:960px){.page-container,body,html{height:100%}.main-container{min-height:calc(100% - 146px)}.screen{display:inline}.wrapper{width:95%;margin:0 2.5%}.header-container{z-index:1;position:relative;-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);box-shadow:0 0 4px rgba(0,0,0,.3)}.header-container header{background-image:-webkit-gradient(linear,left top,left bottom,from(left),color-stop(20%,transparent),color-stop(40%,rgba(255,255,255,.07)),color-stop(60%,rgba(255,255,255,.07)),color-stop(80%,transparent));background-image:-webkit-linear-gradient(left,transparent 20%,rgba(255,255,255,.07) 40%,rgba(255,255,255,.07) 60%,transparent 80%);background-image:-o-linear-gradient(left,transparent 20%,rgba(255,255,255,.07) 40%,rgba(255,255,255,.07) 60%,transparent 80%);background-image:linear-gradient(left,transparent 20%,rgba(255,255,255,.07) 40%,rgba(255,255,255,.07) 60%,transparent 80%)}.header-logo{float:left;text-align:left;width:240px}.header-container .header-menu{float:left;width:34%;margin-left:.5%}.header-container .header-menu .header-menu-list>li>a{max-width:150px;font-size:1.6rem;font-size:16px}.dropdown{top:60px}.has-dropdown{position:relative;text-indent:-7px}.has-dropdown:after{content:" ";display:block;position:absolute;top:47%;left:83%;height:0;width:0;border:6px solid transparent;border-top:6px solid rgba(255,255,255,.7)}.has-dropdown.active:after,.has-dropdown:focus:after,.has-dropdown:hover:after{border-top:6px solid #FFF}.logbox .dropdown.my-account-dropdown ul li{height:30px;line-height:30px}.lt-ie9 .dropdown{top:90px}.header-right{float:right;width:230px}.header-right .dropdown{right:2.5%}.breadcrumb{position:relative;display:block;float:left;width:calc(100% - 230px);height:30px}.breadcrumb:after{content:" ";display:block;position:absolute;top:0;right:0;width:50px;height:100%;background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(231,235,236,.75)));background-image:-webkit-linear-gradient(left,transparent,rgba(231,235,236,.75));background-image:-o-linear-gradient(left,transparent,rgba(231,235,236,.75));background-image:linear-gradient(left,transparent,rgba(231,235,236,.75))}.breadcrumb ul{margin:0;padding:0;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb ul li{position:relative;display:inline-block;padding-right:30px;line-height:30px}.breadcrumb ul li a{text-decoration:none;color:#084561}.breadcrumb ul li a:focus,.breadcrumb ul li a:hover{text-decoration:underline;outline:0}.breadcrumb ul li:not(:last-child):after{display:block;position:absolute;top:0;right:7px;content:" ";height:30px;width:15px;background-image:url(../images/sprite@2x.png);background-repeat:no-repeat;background-position:0 -212px;opacity:.2}.search:before{content:" ";display:block;position:absolute;left:-20px;height:30px;width:20px;background:-webkit-gradient(linear,left top,left bottom,from(right),color-stop(rgba(0,0,0,.03)),to(transparent));background:-webkit-linear-gradient(right,rgba(0,0,0,.03),transparent);background:-o-linear-gradient(right,rgba(0,0,0,.03),transparent);background:linear-gradient(right,rgba(0,0,0,.03),transparent)}.search form input{padding:8px 10px;height:14px;width:150px}.search form button{height:30px;line-height:30px;width:30px}.search form button:after{top:7px}.search .search-more{width:30px;height:30px;line-height:30px}body.no-sidebar .main .content-container{width:100%}body.no-sidebar .main .sidebar{display:none}.main{display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;height:100%;margin-left:0;padding-left:2.5%}.main .content-container{width:80%;margin-right:0}.main .content-container .open-zen-mode{display:block}.main .content-container.zen-mode{width:100%;min-height:calc(100% - 200px);position:absolute;top:0;left:0;right:0;z-index:20;background:#FCFCFC;padding:100px 0;margin-bottom:0}.main .content-container.zen-mode .open-zen-mode:before{content:"Quitter la "}.main .content-container.zen-mode .reactions-title,.main .content-container.zen-mode .topic-message{display:none}.main .content-container h1,.main .content-container h2{margin-left:1px}.main .content-container .content-col-2{width:49.5%;margin:0 0 0 1%}.main .content-container .content-col-3{width:32%;margin:0 0 0 2%}.main .content-container .content-col-2,.main .content-container .content-col-3{float:left}.main .content-container .content-col-2:first-child,.main .content-container .content-col-3:first-child{margin:0}.main .sidebar{width:22.5%;border-bottom:none}.main .sidebar h3,.main .sidebar h4,.main .sidebar ul li{padding-left:11.5%}.main .sidebar h3:first-child{margin-top:31px}.main .sidebar h4[data-num]{padding-left:calc(11% + 25px)}.main .sidebar h4[data-num]:before{left:11%}.main .sidebar.sommaire ul li.current ul{margin-left:calc(-11% - 10px);width:calc(111% + 10px);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.07)),color-stop(3px,transparent));background:-webkit-linear-gradient(top,rgba(0,0,0,.07),transparent 3px);background:-o-linear-gradient(top,rgba(0,0,0,.07),transparent 3px);background:linear-gradient(top,rgba(0,0,0,.07),transparent 3px)}.main .sidebar.sommaire ul li.current ul a{padding-left:calc(11% + 30px)}.content-cols .main .content-container{width:79%;margin-left:1.5%}.home .main .sidebar{margin-top:30px;border-top:1px solid #FFF}.home .main .sidebar h3:first-child{margin-top:0}.full-content-wrapper .tutorial-list article{width:46%;float:left}.topic-message{margin:0 0 25px}.topic-message .message:after,.topic-message .user:after{content:" ";display:block;position:absolute;top:10px;height:0;width:0;border:20px solid transparent;border-left:0}.topic-message .user{position:absolute;padding-top:60px;top:0;left:0}.topic-message .user:after{left:60px;border-right-color:#D2D4D6}.topic-message .message{margin-left:80px}.topic-message .message:after{top:9px;left:-19px;border-right-color:#FDFDFD}.topic-message .message .is-author{left:5px}.topic-message .message .message-content{margin:0 10px}.topic-message .message .message-content>:first-child{margin-top:5px}.topic-message .message .message-content>figure:first-child{margin-top:10px}.topic-message .message .message-bottom .signature p{white-space:nowrap;overflow:hidden}.pagination{border:1px solid #d2d5d6}.content-wrapper,.full-content-wrapper{margin:0 0 0 4%}.content-wrapper .content-wrapper,.full-content-wrapper .content-wrapper{max-width:none;margin:0}.gallery-col-image{float:left;width:50%}.gallery-col-image img{max-width:100%}.gallery-col-edit{float:right;width:calc(50% - 20px);padding-left:20px}.enable-mobile-menu #modals .modal{-webkit-box-shadow:0 2px 7px rgba(0,0,0,.7);box-shadow:0 2px 7px rgba(0,0,0,.7)}.enable-mobile-menu #modals .modal .modal-title{line-height:50px}.enable-mobile-menu #modals .modal .btn:focus,.enable-mobile-menu #modals .modal .btn:hover,.enable-mobile-menu #modals .modal [type=submit]:focus,.enable-mobile-menu #modals .modal [type=submit]:hover{color:#EEE!important;background:#084561!important}}@media only screen and (min-width:1140px){.wide{display:inline}table .wide{display:table-cell}.header-container .header-menu{width:40%;margin-left:5%}.full-content-wrapper .tutorial-list article{width:29.3%}}@media only screen and (min-width:1360px){#cookies-banner #accept-cookies{float:right}.main .content-container .content-wrapper{max-width:960px;margin:0 auto}}.header-logo-link{-webkit-background-size:100%;background-size:100%;background-image:url(../images/logo@2x.png)}.breadcrumb ul li:not(:last-child):after,.ico,.ico-after:after,input[type=checkbox]:checked,input[type=radio]:checked{-webkit-background-size:40px 3146px!important;background-size:40px 3146px!important;background-image:url(../images/sprite@2x.png)!important}.js.enable-mobile-menu .page-container .mobile-menu-btn:after{background-position:0 -1706px}.logbox .notifs-links .ico-link .notif-text.ico-messages{background-position:0 -1746px}.logbox .notifs-links .ico-link .notif-text.ico-notifs{background-position:0 -2026px}.logbox .notifs-links .ico-link .notif-text.ico-alerts{background-position:0 -66px}.logbox .notifs-links .ico-link .notif-text.ico-params{background-position:0 -2066px}.breadcrumb ul li:not(:last-child):after{background-position:0 -106px}.search form button:after{background-position:0 -2466px}.main .content-container h2.ico-articles:after{background-position:0 -386px}.main .content-container h2.ico-tutorials:after{background-position:0 -2946px}#modals input[type=radio]:checked,.content-container input[type=radio]:checked{background-position:0 -13px}#modals input[type=checkbox]:checked,.content-container input[type=checkbox]:checked{background-position:0 0}.main .content-container .article-content .information.ico-after:after,.main .content-container .message-content .information.ico-after:after{background-position:0 -26px}.main .content-container .article-content .question.ico-after:after,.main .content-container .message-content .question.ico-after:after{background-position:0 -2226px}.main .content-container .article-content .error.ico-after:after,.main .content-container .message-content .error.ico-after:after{background-position:0 -1146px}.main .content-container .article-content .warning.ico-after:after,.main .content-container .message-content .warning.ico-after:after{background-position:0 -3106px}.ico-after.online:after,.ico-after.view:after{background-position:0 -3066px}.ico-after.online.blue:after,.ico-after.view.blue:after{background-position:0 -2986px}.ico-after.online.light:after,.ico-after.view.light:after{background-position:0 -3026px}.ico-after.edit:after{background-position:0 -1106px}.ico-after.edit.blue:after{background-position:0 -1026px}.ico-after.edit.light:after{background-position:0 -1066px}.ico-after.alert:after{background-position:0 -2266px}.ico-after.alert.blue:after{background-position:0 -546px}.ico-after.alert.light:after{background-position:0 -1546px}.ico-after.cite:after{background-position:0 -666px}.ico-after.cite.blue:after{background-position:0 -586px}.ico-after.cite.light:after{background-position:0 -626px}.ico-after.tick:after{background-position:0 -2906px}.ico-after.tick.green:after{background-position:0 -2826px}.ico-after.tick.light:after{background-position:0 -2866px}.ico-after.upvote:after{background-position:0 -2786px}.ico-after.upvote.voted:after{background-position:0 -2746px}.ico-after.downvote:after{background-position:0 -2706px}.ico-after.downvote.voted:after{background-position:0 -2666px}.ico-after.lock:after{background-position:0 -1666px}.ico-after.lock.blue:after{background-position:0 -1586px}.ico-after.lock.light:after{background-position:0 -1626px}.ico-after.more:after{background-position:0 -1866px}.ico-after.more.blue:after{background-position:0 -1786px}.ico-after.more.light:after{background-position:0 -1826px}.ico-after.cross:after{background-position:0 -866px}.ico-after.cross.blue:after{background-position:0 -706px}.ico-after.cross.red:after{background-position:0 -786px}.ico-after.cross.light:after{background-position:0 -746px}.ico-after.cross.white:after{background-position:0 -826px}.ico-after.pin:after{background-position:0 -2186px}.ico-after.pin.blue:after{background-position:0 -2106px}.ico-after.pin.light:after{background-position:0 -2146px}.ico-after.beta:after{background-position:0 -506px}.ico-after.beta.blue:after{background-position:0 -426px}.ico-after.beta.light:after{background-position:0 -466px}.ico-after.gear:after{background-position:0 -1266px}.ico-after.gear.blue:after{background-position:0 -1186px}.ico-after.gear.light:after{background-position:0 -1226px}.ico-after.arrow-right:after,.ico-after.offline:after{background-position:0 -346px}.ico-after.arrow-right.blue:after,.ico-after.offline.blue:after{background-position:0 -266px}.ico-after.arrow-right.light:after,.ico-after.offline.light:after{background-position:0 -306px}.ico-after.arrow-left:after{background-position:0 -226px}.ico-after.arrow-left.blue:after{background-position:0 -146px}.ico-after.arrow-left.light:after{background-position:0 -186px}.ico-after.move:after{background-position:0 -1986px}.ico-after.move.blue:after{background-position:0 -1906px}.ico-after.move.light:after{background-position:0 -1946px}.ico-after.star:after{background-position:0 -2626px}.ico-after.star.yellow:after{background-position:0 -2586px}.ico-after.star.blue:after{background-position:0 -2506px}.ico-after.star.light:after{background-position:0 -2546px}.ico-after.download:after{background-position:0 -986px}.ico-after.download.blue:after{background-position:0 -906px}.ico-after.download.light:after{background-position:0 -946px}.ico-after.import:after{background-position:0 -1506px}.ico-after.import.blue:after{background-position:0 -1426px}.ico-after.import.light:after{background-position:0 -1466px}.ico-after.history:after{background-position:0 -1386px}.ico-after.history.blue:after{background-position:0 -1306px}.ico-after.history.light:after{background-position:0 -1346px}.ico-after.rss:after{background-position:0 -2426px}.ico-after.rss.blue:after{background-position:0 -2306px}.ico-after.rss.orange:after{background-position:0 -2386px}.ico-after.rss.light:after{background-position:0 -2346px}.codehilite .hll{background-color:#ffc}.codehilite{background:#f8f8f8}.codehilite .c{color:#408080;font-style:italic}.codehilite .k{color:green;font-weight:700}.codehilite .o{color:#666}.codehilite .cm{color:#408080;font-style:italic}.codehilite .cp{color:#BC7A00}.codehilite .c1,.codehilite .cs{color:#408080;font-style:italic}.codehilite .gd{color:#A00000}.codehilite .ge{font-style:italic}.codehilite .gr{color:red}.codehilite .gh{color:navy;font-weight:700}.codehilite .gi{color:#00A000}.codehilite .go{color:gray}.codehilite .gp{color:navy;font-weight:700}.codehilite .gs{font-weight:700}.codehilite .gu{color:purple;font-weight:700}.codehilite .gt{color:#0040D0}.codehilite .kc,.codehilite .kd,.codehilite .kn{color:green;font-weight:700}.codehilite .kp{color:green}.codehilite .kr{color:green;font-weight:700}.codehilite .kt{color:#B00040}.codehilite .m{color:#666}.codehilite .s{color:#BA2121}.codehilite .na{color:#7D9029}.codehilite .nb{color:green}.codehilite .nc{color:#00F;font-weight:700}.codehilite .no{color:#800}.codehilite .nd{color:#A2F}.codehilite .ni{color:#999;font-weight:700}.codehilite .ne{color:#D2413A;font-weight:700}.codehilite .nf{color:#00F}.codehilite .nl{color:#A0A000}.codehilite .nn{color:#00F;font-weight:700}.codehilite .nt{color:green;font-weight:700}.codehilite .nv{color:#19177C}.codehilite .ow{color:#A2F;font-weight:700}.codehilite .w{color:#bbb}.codehilite .mf,.codehilite .mh,.codehilite .mi,.codehilite .mo{color:#666}.codehilite .sb,.codehilite .sc{color:#BA2121}.codehilite .sd{color:#BA2121;font-style:italic}.codehilite .s2{color:#BA2121}.codehilite .se{color:#B62;font-weight:700}.codehilite .sh{color:#BA2121}.codehilite .si{color:#B68;font-weight:700}.codehilite .sx{color:green}.codehilite .sr{color:#B68}.codehilite .s1{color:#BA2121}.codehilite .ss{color:#19177C}.codehilite .bp{color:green}.codehilite .vc,.codehilite .vg,.codehilite .vi{color:#19177C}.codehilite .il{color:#666}.codehilitetable{width:100%!important;table-layout:fixed;border-color:rgba(0,0,0,.15)}.codehilitetable td{padding:0;vertical-align:top}.codehilitetable .linenos{background-color:#fbfbfc;border-right:1px solid #ececf0;width:46px}.codehilitetable .codehilite pre,.codehilitetable .linenos{padding-top:15px;padding-bottom:15px}.codehilitetable .linenodiv pre{text-align:right;padding-right:7px;color:#bebec5}.codehilitetable .codehilite{width:100%;height:auto;overflow:auto}.codehilitetable .codehilite pre{white-space:pre;overflow:auto;overflow:auto}.codehilitetable .code pre{overflow:auto;word-wrap:normal;padding-left:7px;padding-right:7px}@media print{@page{margin:.5cm}*{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.dropdown{display:none!important}}
\ No newline at end of file
diff --git a/errors/maintenance.html b/errors/maintenance.html
new file mode 100644
index 0000000000..265e598aca
--- /dev/null
+++ b/errors/maintenance.html
@@ -0,0 +1,26 @@
+
+
+
+
+ Maintenance • Zeste de Savoir
+
+
+
+
+
+
+
+ Zeste de Savoir
+
+
+ Maintenance en cours
+
+
+
+
+
+ Nous procédons à quelques azestements...
+ ... revenez dans quelques instants !
+
+
+
\ No newline at end of file
diff --git a/errors/scss/maintenance.scss b/errors/scss/maintenance.scss
new file mode 100644
index 0000000000..5375c6e65a
--- /dev/null
+++ b/errors/scss/maintenance.scss
@@ -0,0 +1,6 @@
+/* ===== Zeste de Savoir ====================================================
+ Author: Alex-D / Alexandre Demode
+ ---------------------------------
+ Maintenance and error pages style
+ ========================================================================== */
+