html {box-sizing: border-box;}
*, *::after, *::before {box-sizing: inherit;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
html, body {font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html, button, input, select, textarea {font-family: sans-serif;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
a:hover, a:active {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
pre, code, kbd, samp {font-family: monospace,serif;_font-family: "courier new",monospace;font-size: 1em;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";content: none;}
small {font-size: 75%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}
nav ul, nav ol {list-style: none;list-style-image: none;}
img {border: 0;height: auto;max-width: 100%;-ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em;}
legend {border: 0;padding: 0;white-space: normal;}
button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;}
button, input {line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
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-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
body {font: 1em "Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;line-height: 1.618em;}
body {font: 1em "Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;line-height: 1.618em;}
section.content {max-width: 1200px;margin-left: auto;margin-right: auto;font-size: 1em;margin-top: .5em;}
section.content::after {clear: both;content: "";display: block;}
section.content .col1 {float: left;display: block;margin-right: 2.35765%;width: 6.17215%;}
section.content .col1:last-child {margin-right: 0;}
section.content .col2 {float: left;display: block;margin-right: 2.35765%;width: 14.70196%;}
section.content .col2:last-child {margin-right: 0;}
section.content .col3 {float: left;display: block;margin-right: 2.35765%;width: 23.23176%;}
section.content .col3:last-child {margin-right: 0;}
section.content .col4 {float: left;display: block;margin-right: 2.35765%;width: 31.76157%;}
section.content .col4:last-child {margin-right: 0;}
section.content .col5 {float: left;display: block;margin-right: 2.35765%;width: 40.29137%;}
section.content .col5:last-child {margin-right: 0;}
section.content .col6 {float: left;display: block;margin-right: 2.35765%;width: 48.82117%;}
section.content .col6:last-child {margin-right: 0;}
section.content .col7 {float: left;display: block;margin-right: 2.35765%;width: 57.35098%;}
section.content .col7:last-child {margin-right: 0;}
section.content .col8 {float: left;display: block;margin-right: 2.35765%;width: 65.88078%;}
section.content .col8:last-child {margin-right: 0;}
section.content .col9 {float: left;display: block;margin-right: 2.35765%;width: 74.41059%;}
section.content .col9:last-child {margin-right: 0;}
section.content .col10 {float: left;display: block;margin-right: 2.35765%;width: 82.94039%;}
section.content .col10:last-child {margin-right: 0;}
section.content .col11 {float: left;display: block;margin-right: 2.35765%;width: 91.4702%;}
section.content .col11:last-child {margin-right: 0;}
section.content h1, section.content h2, section.content h3, section.content h4 {color: #804494;}
section.content h1 {font-size: 1.8em;}
section.content h2 {font-size: 1.4em;}
section.content .date {font-size: .7em;}
p {margin-bottom: 1em;}
h1, h2, h3, h4 {margin-bottom: .8em;}
a {text-decoration: none;color: #6dbce6;}
body > header {background-image: -webkit-linear-gradient(left,transparent 0,#eee 0,#eee 19.43277%,transparent 19.43277%,transparent 26.85574%,#eee 26.85574%,#eee 46.28851%,transparent 46.28851%,transparent 53.71149%,#eee 53.71149%,#eee 73.14426%,transparent 73.14426%,transparent 80.56723%,#eee 80.56723%,#eee 100%,transparent 100%);background-image: -moz-linear-gradient(left,transparent 0,#eee 0,#eee 19.43277%,transparent 19.43277%,transparent 26.85574%,#eee 26.85574%,#eee 46.28851%,transparent 46.28851%,transparent 53.71149%,#eee 53.71149%,#eee 73.14426%,transparent 73.14426%,transparent 80.56723%,#eee 80.56723%,#eee 100%,transparent 100%);background-image: -ms-linear-gradient(left,transparent 0,#eee 0,#eee 19.43277%,transparent 19.43277%,transparent 26.85574%,#eee 26.85574%,#eee 46.28851%,transparent 46.28851%,transparent 53.71149%,#eee 53.71149%,#eee 73.14426%,transparent 73.14426%,transparent 80.56723%,#eee 80.56723%,#eee 100%,transparent 100%);background-image: -o-linear-gradient(left,transparent 0,#eee 0,#eee 19.43277%,transparent 19.43277%,transparent 26.85574%,#eee 26.85574%,#eee 46.28851%,transparent 46.28851%,transparent 53.71149%,#eee 53.71149%,#eee 73.14426%,transparent 73.14426%,transparent 80.56723%,#eee 80.56723%,#eee 100%,transparent 100%);background-image: linear-gradient(to left,transparent 0,#eee 0,#eee 19.43277%,transparent 19.43277%,transparent 26.85574%,#eee 26.85574%,#eee 46.28851%,transparent 46.28851%,transparent 53.71149%,#eee 53.71149%,#eee 73.14426%,transparent 73.14426%,transparent 80.56723%,#eee 80.56723%,#eee 100%,transparent 100%);max-width: 1200px;margin-left: auto;margin-right: auto;}
body > header::after {clear: both;content: "";display: block;}
body > header div.header-content div.logo {background: #fff;color: #41a8df;padding: 1.618em;text-align: center;}
body > header div.header-content div.logo a > img {width: 286px;}
body > header div.header-content nav.buttons {display: block;padding: 1.5rem 0;}
body > header div.header-content nav.buttons::after {clear: both;content: "";display: block;}
body > header div.header-content nav.buttons a.button {border-radius: 5px;box-shadow: inset 0px 1px rgba(255,255,255,.4);font-size: .875rem;font-weight: 200;letter-spacing: 2px;padding: 15px 0;text-align: center;text-transform: uppercase;float: left;display: block;margin-right: 7.42297%;width: 46.28851%;margin-left: 26.85574%;}
body > header div.header-content nav.buttons a.button:last-child {margin-right: 0;}
body > header div.header-content nav.buttons a.button:hover {text-decoration: none;}
body > header div.header-content nav.buttons a.button:active {box-shadow: inset 0 0 10px rgba(0,0,0,.2);-webkit-transition: .25s;-moz-transition: .25s;transition: .25s;}
body > header div.header-content nav.buttons a.button.secondary {background-color: #53aee0;background-image: -webkit-linear-gradient(#53aee0,#289ad8);background-image: linear-gradient(#53aee0,#289ad8);border: 1px solid #185d82;color: #fff;margin-bottom: 10px;text-shadow: 0px -1px #185d82;}
body > header div.header-content nav.buttons a.button.secondary:hover {background-color: #69b8e4;background-image: -webkit-linear-gradient(#69b8e4,#3da4dc);background-image: linear-gradient(#69b8e4,#3da4dc);}
body > header div.header-content nav.buttons a.button.github {background-color: white;background-image: -webkit-linear-gradient(white,#eee);background-image: linear-gradient(white,#eee);border: 1px solid #bbb;color: #555;margin-bottom: 10px;text-shadow: 0px 1px white;}
body > header div.header-content nav.buttons a.button.github:hover {background-color: white;background-image: -webkit-linear-gradient(white,#fbfbfb);background-image: linear-gradient(white,#fbfbfb);}
body > header div.header-content nav.buttons a.button.github img {height: 18px;width: 18px;opacity: .8;vertical-align: sub;}
body > header div.header-content nav.buttons a.button.docs {background-color: #f99d8b;background-image: -webkit-linear-gradient(#f99d8b,#f66042);background-image: linear-gradient(#f99d8b,#f66042);border: 1px solid #c8290a;color: #fff;text-shadow: 0px -1px #981f07;}
body > header div.header-content nav.buttons a.button.docs:hover {background-color: #faa695;background-image: -webkit-linear-gradient(#faa695,#f7745a);background-image: linear-gradient(#faa695,#f7745a);}
section.subtitle {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-size: cover;background: url("/wp-content/uploads/2017/12/Bandeau-acceuil-Mahesage.jpg") no-repeat center center;display: block;margin: auto;text-align: center;}
section.subtitle h2 {visibility: hidden;color: white;font-size: 4rem;font-weight: 200;line-height: 1.2em;margin: 0 auto 0;max-width: 980px;padding: 5rem 0;text-align: center;text-shadow: 0px 2px 2px rgba(0,0,0,.15);}
section.subtitle h2 strong {font-weight: 500;}
@media screen and (max-width: 768px) {section.subtitle h2 {font-size: 2rem;line-height: 1.4em;padding: 20px;}}
section.code {background-color: #fdf6e3;padding: 5%;}
section.code div.highlight {background-color: transparent;}
section.code div.highlight pre {max-width: 1200px;margin-left: auto;margin-right: auto;font-size: .8em;}
section.code div.highlight pre::after {clear: both;content: "";display: block;}
section.instructions > section {margin-top: 1em;border-top: 1px solid #eee;}
section.instructions > section#what {margin-top: 0em;border-top: none;}
section.instructions > section#what aside, section.instructions > section#what article {padding-top: 2em;}
section.instructions > section header {padding: .8em 1em .1em;}
section.instructions > section header h3 {color: #e85100;font-family: "Helvetica Neue","helvetica",sans-serif;font-weight: 200;margin-bottom: 0;}
section.instructions > section section {padding: 1em;color: #555;}
footer {border-top: 1px solid #eee;color: #ccc;padding: 2em;text-align: center;}