/*
#d3d4d9 gris clair
#4b88a2 bleu vert
#bb0a21 rouge
#252627 gris foncé
#fff9fb blanc
*/

@font-face {
  font-family: 'komika';
  src: url('font/komika.eot');
  src: url('font/komika.eot?#iefix') format('embedded-opentype'),
       url('font/komika.woff') format('woff'),
       url('font/komika.ttf') format('truetype'),
       url('font/komika.svg#komika') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('font/lato-regular.eot');
    src: url('font/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('font/lato-regular.woff2') format('woff2'),
         url('font/lato-regular.woff') format('woff'),
         url('font/lato-regular.ttf') format('truetype'),
         url('font/lato-regular.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('font/lato-italic.eot');
    src: url('font/lato-italic.eot?#iefix') format('embedded-opentype'),
         url('font/lato-italic.woff2') format('woff2'),
         url('font/lato-italic.woff') format('woff'),
         url('font/lato-italic.ttf') format('truetype'),
         url('font/lato-italic.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'lato';
    src: url('font/lato-bolditalic.eot');
    src: url('font/lato-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('font/lato-bolditalic.woff2') format('woff2'),
         url('font/lato-bolditalic.woff') format('woff'),
         url('font/lato-bolditalic.ttf') format('truetype'),
         url('font/lato-bolditalic.svg#latobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'lato';
    src: url('font/lato-bold.eot');
    src: url('font/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('font/lato-bold.woff2') format('woff2'),
         url('font/lato-bold.woff') format('woff'),
         url('font/lato-bold.ttf') format('truetype'),
         url('font/lato-bold.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  line-height: 130%;
  font-size: 110%;
}

input { font-family: sans-serif; }

@media (min-width: 40em) {
  body {
    font-family: lato, sans-serif;
    background-color: #d3d4d9;
  }

  input { font-family: lato, sans-serif; }
}

a { color: #252627; }

audio { box-shadow: -0.1em 0.1em 1em 0.1em rgba(0, 0, 0, 0.3); }

li {
  list-style-type: none;
  position: relative;
  margin-bottom: 0.5em;
}

li::before {
  display: block;
  position: absolute;
  content: ' ';
  width: 1em;
  height: 1em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYmIwYTIxIiBzdHJva2Utd2lkdGg9IjEuOSI+PHBhdGggZD0iTTE2IDlhNyA3IDAgMSAxLTctNyIgY29sb3I9IiMwMDAiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PHBhdGggZD0iTTUuNyAxMi4zbDQuNi00LjZtLTQuNiAwbDQuNiA0LjYiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  left: -1.5em;
  top: 0.1em;
}

img, audio {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#page {
  background-color: #fff9fb;
  overflow-x: hidden;
}

@media (min-width: 40em) {
  #page {
    max-width: 40em;
    margin: 1em auto;
    background-color: #fff9fb;
    border-radius: 3em;
    box-shadow: -0.1em 0.1em 1em 0.1em rgba(0, 0, 0, 0.3); 
  }
}

#main { padding: 1.5em 1.5em 0 1.5em; }
#sidebar { padding: 1.5em; }

#footer { padding: 1em 2em; }

/* Prelude */
#prelude li::before { display: none; }
#prelude { margin: 0; padding-left: 1.5em; }

@media (min-width: 40em) {
  #prelude { text-align: center; }
  #prelude li { display: inline-block; }
  #prelude li::after { content: ' | '; }
  #prelude li:last-child::after { display: none; }
}

/* Titles */
h1, h2, h3, h4, h5, h6 { font-family: komika; }

h1 { background-color: #bb0a21; margin-top: 0; }
h2 { background-color: #252627; }

h1, h2 {
  color: #fff9fb;
  padding: 0.7em 0.7em 0.7em 3.2em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDIuOSIgaGVpZ2h0PSIzMDIuOSI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIwIj48cGF0aCBkPSJNMjkzIDE1MS40YzAgNzgtNjMuNSAxNDEuNS0xNDEuNiAxNDEuNUM3My40IDI5MyAxMCAyMjkgMTAgMTUxIDEwIDczLjIgNzMuMyAxMCAxNTEuNCAxMGM3OCAwIDE0MS41IDYzLjMgMTQxLjUgMTQxLjR6IiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiLz48ZyBzdHJva2Utd2lkdGg9IjEyIj48cGF0aCBkPSJNMTcwLjMgMTc3YzAgMjQuNC0yMCA0NC4zLTQ0LjQgNDQuMy0yNSAwLTQ1LTIwLTQ1LTQ0LjQgMC0yNSAyMC00NSA0NC40LTQ1IiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiLz48cGF0aCBkPSJNMTA1LjQgMTk3LjVsMjktMjltLTI5IDBsMjkgMjkiLz48L2c+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 2.6em;
  background-position: 0.2em center;
  line-height: 150%;
}

@media (max-width: 40em) {
  h1 { font-size: 140%; }

  h2 {
    font-size: 100%;
    position: relative;
    left: -1.5em;
    width: 100%;
  }
}

@media (min-width: 40em) {
  h1, h2 {
    padding: 0.7em 0.7em 0.7em 3.2em;
    border-radius: 4em;
  }
}

h1 a, h2 a { color: #fff9fb; text-decoration: none; }

/* Post info */
p.post-info, p.post-info-co {
  text-align: center;
  color: #4b88a2;
  font-size: 90%;
}

p.day-date { display: none; }

/* Tags */
ul.post-tags, #blognav .tags ul, #blognav .tags p {
  margin: 0;
  padding: 0;
  text-align: center;
}

@media (max-width: 40em) {
  ul.post-tags, #blognav .tags ul { font-size: 80%; }
}

ul.post-tags li, #blognav .tags li {
  list-style-type: none;
  display: inline-block;
}

ul.post-tags li::before, #blognav .tags li::before { display: none; }

ul.post-tags li a, #blognav .tags li a {
  display: block;
  margin: 0 0.5em 0 0;
  padding: 0;
  background-color: #4b88a2;
  border-radius: 2em;
  padding: 0.5em 1em;
  color: #fff9fb;
  text-decoration: none;
}

/* Sidebar */
#sidebar { background-color: #d3d4d9; }

/* Footer */
#footer {
  background-color: #bb0a21;
  color: #d3d4d9;
}

@media (min-width: 40em) {
  #footer { border-radius: 0 0 3em 3em; }
}

#footer a { color: #fff9fb; }

/* Forms */
fieldset {
  border: none;
  background-color: #4b88a2;
  color: #fff;
}

input[type="submit"] {
  padding: 0.5em 1em;
  font-size: 110%;
}

input[type="text"], textarea {
  padding: 0.5em 1em;
  font-size: 110%;
}

/* Search form */
#search input[type="text"] {
  width: 10em;
}

/* Pager */

div.pagination-wrapper {
  background-color: #4b88a2;
  color: #fff9fb;
  width: 100%;
}

@media (max-width: 40em) {
  div.pagination-wrapper {
    position: relative;
    left: -1.5em;
    padding: 0.1em 1.5em;
    line-height: 170%;
  }
}

p.pagination>a, p.pagination>span  {
  display: block;
  text-align: center;
  background-color: #4b88a2;
  color: #fff9fb;
}

p.pagination>a, p.pagination>span  {
  background-color: #4b88a2;
  color: #fff9fb;
}

@media (min-width: 40em) {
  div.pagination-wrapper { display: table; }
  p.pagination { display: table-row; }
  p.pagination>a, p.pagination>span  { display: table-cell; }

  p.pagination>a {
    position: relative;
    width: 35%;
    padding: 1.5em;
  }

  p.pagination>a.prev {
    text-align: left;
    left: -1.5em;
  }

  p.pagination>span { text-align: center; }

  p.pagination>a.next {
    text-align: right;
    right: -1.5em;
  }
}
/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.9 (Thu, 04 Dec 2014 12:32:21 GMT)
 *
 * @copyright
 * Copyright (C) 2004-2013 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0 !important;-webkit-border-radius:0 0 0 0 !important;background:none !important;border:0 !important;bottom:auto !important;float:none !important;height:auto !important;left:auto !important;line-height:1.1em !important;margin:0 !important;outline:0 !important;overflow:visible !important;padding:0 !important;position:static !important;right:auto !important;text-align:left !important;top:auto !important;vertical-align:baseline !important;width:auto !important;box-sizing:content-box !important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;font-size:1em !important;min-height:inherit !important;min-height:auto !important;}
.syntaxhighlighter{width:100% !important;margin:1em 0 1em 0 !important;position:relative !important;overflow:auto !important;font-size:1em !important;}
.syntaxhighlighter.source{overflow:hidden !important;}
.syntaxhighlighter .bold{font-weight:bold !important;}
.syntaxhighlighter .italic{font-style:italic !important;}
.syntaxhighlighter .line{white-space:pre !important;}
.syntaxhighlighter table{width:100% !important;}
.syntaxhighlighter table caption{text-align:left !important;padding:0.5em 0 0.5em 1em !important;}
.syntaxhighlighter table td.code{width:100% !important;}
.syntaxhighlighter table td.code .container{position:relative !important;}
.syntaxhighlighter table td.code .container textarea{box-sizing:border-box !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;border:none !important;background:white !important;padding-left:1em !important;overflow:hidden !important;white-space:pre !important;}
.syntaxhighlighter table td.gutter .line{text-align:right !important;padding:0 0.5em 0 1em !important;}
.syntaxhighlighter table td.code .line{padding:0 1em !important;}
.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0em !important;}
.syntaxhighlighter.show{display:block !important;}
.syntaxhighlighter.collapsed table{display:none !important;}
.syntaxhighlighter.collapsed .toolbar{padding:0.1em 0.8em 0em 0.8em !important;font-size:1em !important;position:static !important;width:auto !important;height:auto !important;}
.syntaxhighlighter.collapsed .toolbar span{display:inline !important;margin-right:1em !important;}
.syntaxhighlighter.collapsed .toolbar span a{padding:0 !important;display:none !important;}
.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline !important;}
.syntaxhighlighter .toolbar{position:absolute !important;right:1px !important;top:1px !important;width:11px !important;height:11px !important;font-size:10px !important;z-index:10 !important;}
.syntaxhighlighter .toolbar span.title{display:inline !important;}
.syntaxhighlighter .toolbar a{display:block !important;text-align:center !important;text-decoration:none !important;padding-top:1px !important;}
.syntaxhighlighter .toolbar a.expandSource{display:none !important;}
.syntaxhighlighter.ie{font-size:0.9em !important;padding:1px 0 1px 0 !important;}
.syntaxhighlighter.ie .toolbar{line-height:8px !important;}
.syntaxhighlighter.ie .toolbar a{padding-top:0px !important;}
.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none !important;}
.syntaxhighlighter.printing .line .number{color:#bbbbbb !important;}
.syntaxhighlighter.printing .line .content{color:black !important;}
.syntaxhighlighter.printing .toolbar{display:none !important;}
.syntaxhighlighter.printing a{text-decoration:none !important;}
.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black !important;}
.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200 !important;}
.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue !important;}
.syntaxhighlighter.printing .keyword{color:#006699 !important;font-weight:bold !important;}
.syntaxhighlighter.printing .preprocessor{color:gray !important;}
.syntaxhighlighter.printing .variable{color:#aa7700 !important;}
.syntaxhighlighter.printing .value{color:#009900 !important;}
.syntaxhighlighter.printing .functions{color:deeppink !important;}
.syntaxhighlighter.printing .constants{color:#0066cc !important;}
.syntaxhighlighter.printing .script{font-weight:bold !important;}
.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray !important;}
.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:deeppink !important;}
.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red !important;}
.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black !important;}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.9 (Thu, 04 Dec 2014 12:32:21 GMT)
 *
 * @copyright
 * Copyright (C) 2004-2013 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter{background-color:white !important;}
.syntaxhighlighter .line.alt1{background-color:white !important;}
.syntaxhighlighter .line.alt2{background-color:white !important;}
.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0 !important;}
.syntaxhighlighter .line.highlighted.number{color:black !important;}
.syntaxhighlighter table caption{color:black !important;}
.syntaxhighlighter table td.code .container textarea{background:white;color:black;}
.syntaxhighlighter .gutter{color:#afafaf !important;}
.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c !important;}
.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c !important;color:white !important;}
.syntaxhighlighter.printing .line .content{border:none !important;}
.syntaxhighlighter.collapsed{overflow:visible !important;}
.syntaxhighlighter.collapsed .toolbar{color:blue !important;background:white !important;border:1px solid #6ce26c !important;}
.syntaxhighlighter.collapsed .toolbar a{color:blue !important;}
.syntaxhighlighter.collapsed .toolbar a:hover{color:red !important;}
.syntaxhighlighter .toolbar{color:white !important;background:#6ce26c !important;border:none !important;}
.syntaxhighlighter .toolbar a{color:white !important;}
.syntaxhighlighter .toolbar a:hover{color:black !important;}
.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:black !important;}
.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200 !important;}
.syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue !important;}
.syntaxhighlighter .keyword{color:#006699 !important;}
.syntaxhighlighter .preprocessor{color:grey !important;}
.syntaxhighlighter .variable{color:#aa7700 !important;}
.syntaxhighlighter .value{color:#009900 !important;}
.syntaxhighlighter .functions{color:deeppink !important;}
.syntaxhighlighter .constants{color:#0066cc !important;}
.syntaxhighlighter .script{font-weight:bold !important;color:#006699 !important;background-color:none !important;}
.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:grey !important;}
.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:deeppink !important;}
.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red !important;}
.syntaxhighlighter .keyword{font-weight:bold !important;}