Thème: Berlin
Feuille de style personnalisée
*,
*::after,
*::before {
  box-sizing: border-box;
}
/*--------balises html générales----*/
html {
  font-size: 100%;
  text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: none;
}
a img {
  border: none;
}
q,
cite {
  font-style: italic;
}
q::before,
q::after {
  content: '';
}
sup,
sub {
  font-size: calc(0.5em + 4px);
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: calc(-0.83 * (1em - 4px));
}
sub {
  top: calc(0.415 * (1em - 4px));
}
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
b,
strong {
  font-weight: bold;
  font-size: 0.9375em;
}
small {
  font-size: 80%;
}
dfn {
  font-style: italic;
}
hr {
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input,
button,
select {
  vertical-align: middle;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
  padding: 0;
  border: none;
}
input[type='search'] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
button:-moz-focusring,
textarea:-moz-focusring {
  outline: 2px solid #69b3fb;
}
table {
  border-collapse: collapse;
  margin-bottom: 1.5em;
}
td,
th {
  padding: 1px;
  vertical-align: top;
  text-align: left;
}
td:first-child,
th:first-child {
  empty-cells: hide;
}
body > script {
  display: none !important;
}
aside,
details,
figcaption,
figure,
hgroup,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
summary {
  display: list-item;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
figure {
  margin: 0;
}
[hidden],
template {
  display: none;
}
svg:not(:root) {
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
body {
  font-size: 1em;
  line-height: 1.5;
  font-family: Lato, 'Open Sans', 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}
h1 {
  font-size: 3em;
  line-height: 1.2;
}
h2 {
  font-size: 4em;
  line-height: 1.1;
  margin-bottom: 0.5em;
  text-wrap: balance;
}
h3 {
  font-size: 1.75em;
  line-height: 1.33;
  margin-top: 0.5714286em;
  margin-bottom: 0.4285714em;
}
h4 {
  font-size: 1.3125em;
  margin-top: 1.1428571em;
  margin-bottom: 0.7619048em;
}
h5 {
  font-size: 1.125em;
  margin-top: 1.5555556em;
}
h6 {
  font-size: 1em;
  margin-bottom: 0;
}
h2,
h3,
h4,
h5,
h6 {
  color: #4A5559;
}
a {
  color: #4A5559;
  text-decoration: none;
  transition: 0.3s;
}
a:link,
a:visited {
  border-bottom: 1px solid #dcdcdc;
}
a:visited {
  border-bottom-style: dotted;
}
a:hover,
a:active {
  border-color: #4A5559;
}
a:focus {
  background-color: #D9D9D9;
  color: #4A5559;
}
hr {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #dcdcdc, #636363, #dcdcdc);
}
abbr[title] {
  text-decoration: none;
}
/*-----citations----*/
blockquote,
q {
  font-family: 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif;
  color: #4A5559;
  font-style: italic;
}
blockquote {
  font-size: 1.125em;
  line-height: 1.33;
  quotes: '\201C' '\201D';
  margin-top: 1.7777778em;
}
blockquote::before,
blockquote::after {
  margin-top: 0;
  font-size: 3em;
  display: block;
  line-height: 0.25;
  color: #dcdcdc;
  margin-bottom: 0;
}
blockquote::before {
  content: open-quote;
  float: left;
  margin-right: 0.25em;
}
blockquote::after {
  content: close-quote;
  text-align: right;
}
blockquote p:first-child {
  margin-top: 0;
}
/*-----fin citations----*/
kbd {
  padding: 0.1em 0.5em;
}
code,
pre,
kbd {
  background-color: #555;
  color: #efd540;
  font-family: 'Andale Mono', AndaleMono, monospace;
  font-size: 0.875em;
  padding: 0.1em 0.2em;
}
pre {
  padding: 0.5em 1em;
}
img {
  max-width: 97%;
  height: auto;
}
p,
ul,
ol {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-top: 0.5em;
}
dl {
  padding: 1em;
  margin: 0;
  background: transparent;
}
dt {
  color: #8b91a5;
  font-weight: bold;
}
dd + dt {
  margin-top: 0.5em;
}
dd {
  margin-left: 1em;
  border-left: 1px solid #d9dbdf;
  padding-left: 1em;
  color: #555;
}
aside:not(#sidebar):not([class]) {
  color: #636363;
  padding-inline-end: 1em;
  border-inline-end: 2px solid #267daf;
  font-size: 16px;
  margin-inline-start: 15%;
  text-align: right;
}
.sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}
.post-date,
.post-cat,
.post-tags-list,
.post-permalink,
.comment_count,
.ping_count,
.attach_count,
.feed {
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-right: 0.5em;
}
.post-author {
  padding-right: 0.5em;
}
.post-date {
  background-image: 
}
.post-cat {
  background-image: 
}
.post-tags-list {
  
  padding-left: 22px !important;
}
.comment_count {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAy0lEQVR4Aa3TzQnDMAwFYI2QETxCRsgIHcG33oqPPWqDjuARMoJHyAgeISOor/AExtQhDS184Abp+S+Rv/7uj2eABBkKvCCCjPhgYrFBhZX/S/PsdhSwwT6YbWKgQfwWoGyeQQ5k1oU+YGeInFAh9QEGy8mAzO0E0CsBfrDeF69sQSEwoP5yiIlNoRmbX9PGdBlQNiTW1zbgo3AVa/MGql8dJRDWGG3CN8zImwutzayBz6wxC/euB2ewcCXW2WFi0VD/cSlXrBRZeN0b9TCAAS8suQkAAAAASUVORK5CYII=');
}
.ping_count {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==');
}
.attach_count {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAo0lEQVR42p2TSw3AIBBEKwEJlYAEJFQCt96aHusCCZVQCUhAAhJWQkuTmWTTC0tJJpksPBh+U6+t2xGaStMN5Sbf4whHBRY1kTR5KyyvV/Ud9WqCAVyIvqA/oz/04ARPCcawHkwwUgi8U362wgX+VD6NwhXijTjAjDQO6wT+N8wt/IY/pxqHYL51njDTmGHun59EJSommO0TW4Zgrsr3DZ1W+AEcFELbsoE4sAAAAABJRU5ErkJggg==');
}
.post-permalink {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXklEQVR4Ae3OoRGAQAxE0S2BUugKh6YbSkwJISswzBcRF8fN/HP7JvI7zmurospmUcn5e4Gs1Cy/gFYBrQYuGAV+4HZtAMbhAGEAxrsDhAEYywHCAI8RQSB4jIiTewBEcJB73aUZqgAAAABJRU5ErkJggg==');
}
.feed {
  background-image:
    url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEzIDBoLTEwYy0xLjY1NyAwLTMgMS4zNDMtMyAzdjEwYzAgMS42NTcgMS4zNDMgMyAzIDNoMTBjMS42NTcgMCAzLTEuMzQzIDMtM3YtMTBjMC0xLjY1Ny0xLjM0My0zLTMtM3ptLTguNjg1IDEyLjk3N2MtLjcxOSAwLTEuMzAzLS41OC0xLjMwMy0xLjI5OSAwLS43MTQuNTg0LTEuMzAxIDEuMzAzLTEuMzAxLjcyMSAwIDEuMzA0LjU4NyAxLjMwNSAxLjMwMSAwIC43MTgtLjU4MyAxLjI5OS0xLjMwNSAxLjI5OXptMy4yNzQuMDExYzAtMS4yMjgtLjQ3Ny0yLjM4MS0xLjM0MS0zLjI0My0uODY0LS44NjYtMi4wMTMtMS4zNDQtMy4yMzQtMS4zNDR2LTEuODc2YzMuNTYxIDAgNi40NiAyLjg5OSA2LjQ2IDYuNDYzem0zLjMyOS0uMDAyYzAtNC4zNjEtMy41NDUtNy45MS03LjkwMi03Ljkxdi0xLjg3NmM1LjM5NCAwIDkuNzg0IDQuMzkyIDkuNzg0IDkuNzg2eiIgZmlsbD0iIzY3NmU3OCIvPjwvc3ZnPg=='),
    none;
  background-size: 0.875em;
  padding-left: 1.25em;
}
/*----conteneurs----*/
body {
  background: #4A5559;
  color: #D9D9D9;
}
#main {
  background-color: #D9D9D9;
  color: #4A5559;
  padding: 1em 0.5em 2em;
}
#page {
  max-width: 60em;
  margin: 0 auto;
  padding: 0;
}
#page:before,
#page:after {
  content: '';
  display: table;
}
#page:after {
  clear: both;
}
#wrapper:before,
#wrapper:after {
  content: '';
  display: table;
}
#wrapper:after {
  clear: both;
}
.header {
  position: relative;
  padding: 0.25em 0;
}
@media all and (max-width: 30em) {
  #main {
    padding: 0.5em;
  }
}
@media screen and (min-width: calc(80em + 1px)) and (max-width: 110em) {
  body {
    display: flex;
    justify-content: center;
  }
  .banner,
  #footer p {
    margin-left: 1em;
  }
  #page {
    min-width: 70em;
    max-width: 80em;
  }
  #wrapper {
    display: flex;
    flex-wrap: wrap;
    inline-size: 100%;
  }
  #main {
    padding-left: 1em;
    padding-right: 1em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 1;
  }
  #sidebar {
    inline-size: clamp(18em, 25%, 100%);
    padding-left: 1em;
    padding-right: 1em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer {
    border-block-start: 1px solid #dcdcdc;
  }
}
@media screen and (min-width: calc(110em + 1px)) {
  body {
    font-size: 1.125em;
    display: flex;
    justify-content: center;
  }
  #page {
    min-width: 70em;
    max-width: 90em;
  }
  .header {
    padding-bottom: 0;
  }
  .banner,
  #footer p {
    margin-left: 1em;
  }
  #wrapper {
    display: flex;
  }
  #main {
    flex: 1;
    margin-left: 0%;
    padding-left: 1em;
    padding-right: 1em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #sidebar {
    width: clamp(14em, 33%, 100%);
    padding-left: 1em;
    padding-right: 1em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 0.5em;
  }
  #blognav,
  #blogextra {
    margin-top: 0;
    flex: 2 1 calc((100% - 4em) / 2);
  }
  #blognav:empty,
  #blogextra:empty {
    display: none;
  }
  #blognav:has(h2:only-child),
  #blogextra:has(h2:only-child) {
    display: none;
  }
  #blognav h2:only-child,
  #blogextra h2:only-child {
    display: none;
  }
}
.header a:link {color: #D9D9D9;
}
.header a:visited {
  color: #4A5559;
  border-bottom-color: #fafafa;
}
.header a:hover,
.header a:focus {
  color: #4A5559;
  border-bottom-color: transparent;
}
.skip-links {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  text-align: right;
}
.skip-links li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 0.75em;
  line-height: 1;
  padding-bottom: 0.5em;
}
.skip-links li a:link,color:{ #D9D9D9;
}
.skip-links li a:visited {
  color: #4A5559;
}
.skip-links li a:hover,
.skip-links li a:focus {
  background-color: #D9D9D9;
  color: #4A5559;
}
.banner {
  padding-bottom: 0.5em;
  margin-right: 3em;
}
a.site-title__link,
a.site-title__link:link,
a.site-title__link:visited {
  background-color: transparent;
  border-color: transparent;
}
.site-title__text {
  color: #D9D9D9;
 
  font-weight: bold;
  font-weight: 500;
  letter-spacing: -1px;
  
}
.site-title__link:hover .site-title__text,
.site-title__link:focus .site-title__text,
.site-title__link:active .site-title__text {
  color: rgba(223, 48, 52, 0.8);
}
.site-baseline {
  font-family: Lato, 'Open Sans', 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #D9D9D9;
}
/*---navigation---*/
.header__nav {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  clear: left;
  text-align: right;
  background: #373737; /*---gris foncé---*/
  background: #d52125;/*---rouge---*/
}
.header__nav li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 0.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  text-align: center;
}
.header__nav li span:not(.simple-menu-label) {
  font-size: 0.875em;
  line-height: 1.7142857em;
  font-family: Lato, 'Open Sans', 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
  font-style: italic;
  display: block;
}
.header__nav li a:link,
.header__nav li a:visited {
  color: #fff;
}
.header__nav li a:hover,
.header__nav li a:focus {
  background-color: #636363;
}
.header__nav.show {
  opacity: 1;
  height: auto;
  transition: all 1s ease;
}
.header__nav.hide {
  overflow: hidden;
  opacity: 0;
  height: 0;
}
/*----fin conteneurs----*/
/*----fin de html----*/
/*--------
#hamburger {
  position: absolute;
  top: 3em;
  right: 0.5em;
  padding: 0;
  background-color: #d52125;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image:
    url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDB2M2gtMTZ2LTN6bTAgNi41djNoLTE2di0zem0wIDYuNXYzaC0xNnYtM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4='),
    none;
  height: 2.5em;
  width: 2.5em;
  border: 2px solid #d52125;
}
#hamburger:visited {
  background-color: #d52125;
}
#hamburger:focus,
#hamburger:hover {
  background-color: #aa1a1e;
  border-color: #d52125;
}
#hamburger.open {
  background-image:
    url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTEuMyAzLjQgMi4xLTIuMSAxMS4zIDExLjMtMi4xIDIuMXoiLz48cGF0aCBkPSJtNi41IDBoM3YxNmgtM3oiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxIC43MDcxIC0uNzA3MSAuNzA3MSA3Ljk5OTkgLTMuMzEzNSkiLz48L2c+PC9zdmc+'),
    none;
}
-------/*
/*---responsive---*/
@media screen and (max-width: 60em) {
  .header {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0;
  }
  .header__nav {
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
  .header__nav li {
    display: block;
    margin-right: 0;
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 30em) {
  .skip-links {
    text-align: center;
    font-size: 0.625em;
    line-height: 2.4em;
  }
  .site-baseline {
    display: none;
  }
  #hamburger {
    top: 1.5em;
    right: 0.5em;
  }
}
@media screen and (max-width: 40em) {
  .site-title {
    font-size: 1.8em;
  }
}
/*---end responsive---*/
/*---footer---*/

.footer__widgets {
  padding: 1em;
  background-color: #373737;
  text-align: center;
  line-height: 2;
}
.blogcustom__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.footer__widgets .widget {
  margin-top: 1em;
}
.footer__widgets h3 {
  margin-bottom: 0;
  font-size: 1em;
  font-weight: bold;
}
.footer__widgets ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.footer__widgets ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
/*----end footer---*/
/*----sidebar----*/
.sidebar {
  padding-top: 2em;
  padding-bottom: 2em;
  background: #373737;
    
  color: #fff;
  text-shadow: #373737 0px -1px 0px;
}
.sidebar:after {
  content: '';
  display: table;
  clear: both;
}
.sidebar a:link,
.sidebar a:visited {
  color: #fafafa;
  border: none;
}
.sidebar a:hover,
.sidebar a:focus,
.sidebar a:active,
.sidebar li:hover,
.sidebar li:focus {
  background-color: #d52125;
}
.blognav__title,
.blogextra__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.blognav__widgets h3,
.blognav__widgets h4,
.blogextra__widgets h3,
.blogextra__widgets h4 {
  font-size: 1em;
  color: #fff;
  font-weight: bold;
}
.blognav__widgets h3,
.blogextra__widgets h3 {
  text-transform: uppercase;
}
.blognav__widgets h4,
.blogextra__widgets h4 {
  margin-top: 1.5em;
  margin-bottom: 0;
}
.blognav__widgets .widget,
.blogextra__widgets .widget {
  padding: 1em;
  font-size: 0.875em;
  line-height: 1.71429;
}
.blognav__widgets .widget > ul,
.blogextra__widgets .widget > ul {
  list-style: none;
  padding-left: 0;
}
.blognav__widgets .widget > ul li,
.blogextra__widgets .widget > ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.blognav__widgets .widget > nav ul,
.blogextra__widgets .widget > nav ul {
  list-style: none;
  padding-left: 0;
}
.blognav__widgets .widget > nav ul li,
.blogextra__widgets .widget > nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.blognav__widgets:empty,
.blogextra__widgets:empty {
  display: none;
}
.blognav__widgets:has(h2:only-child),
.blogextra__widgets:has(h2:only-child) {
  display: none;
}
.blognav__widgets h2:only-child,
.blogextra__widgets h2:only-child {
  display: none;
}
.blognav__widgets ul,
.blogextra__widgets ul {
  margin: 0;
}
.blognav__widgets li,
.blogextra__widgets li {
  display: block;
  padding: 0.25em;
  border-bottom: 1px solid #dcdcdc;
  position: relative;
}
.blognav__widgets li a::after,
.blogextra__widgets li a::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.blognav__widgets li ul,
.blogextra__widgets li ul {
  margin-left: -0.25em;
}
.blognav__widgets li li,
.blogextra__widgets li li {
  border-top: 1px solid #dcdcdc;
  border-bottom: none;
}
#q,
input[type='search'] {
  width: 75%;
}
.category-current {
  margin-left: -2em;
  background-color: #000;
}
.category-current ul {
  background-color: #373737;
}
.sidebar li:hover ul {
  background-color: #373737;
}
@media screen and (min-width: 40em) and (max-width: 60em) {
  .blognav__widgets,
  .blogextra__widgets {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .blognav__widgets .blognav__title,
  .blognav__widgets .blogextra__title,
  .blogextra__widgets .blognav__title,
  .blogextra__widgets .blogextra__title {
    grid-column: 1 / 3;
  }
}
@media screen and (min-width: 60em) and (max-width: 80em) {
  .blognav__widgets,
  .blogextra__widgets {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .blognav__widgets .blognav__title,
  .blognav__widgets .blogextra__title,
  .blogextra__widgets .blognav__title,
  .blogextra__widgets .blogextra__title {
    grid-column: 1 / 4;
  }
}
#breadcrumb {
  white-space: wrap;
  contain: inline-size;
}
.navlinks {
  color: #fff;
  margin: 0;
}
.prev {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAOUlEQVQ4y2NgIBKk51UEAHEDEAswkAqAmhKA+D8UO1Ci+TxJLhihmg3I1kwVAyj2wqghNMpMhLIzAL/xjbtcCYMtAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.next {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAOUlEQVQ4y2NgQALpeRUCQNwAxAEM5ACgRgcg/g/FCeQYAHLB+VFDaG+IAf0MoMgLI1EzNTMTSdkZAPt3jbuLflSIAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.prev,
.next {
  vertical-align: middle;
  width: 2.5em;
  height: 2.5em;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  background-color: #f3f3f3;
}
.prev:hover,
.prev:focus,
.next:hover,
.next:focus {
  border-width: 3px;
}
#content-info {
  margin-bottom: 4em;
  border-bottom: 1px solid #dcdcdc;
  padding: 0;
  font-size: 0.875em;
}
#content-info h2 {
  display: inline-block;
  vertical-align: top;
  padding: 0.5em 0.75em;
  border-radius: 0.5em;
  background-color: #267daf;
  color: #fff;
  font-size: 1.1428571em;
  text-align: center;
}
#content-info h2 a {
  color: #fff;
}
#content-info h3 {
  font-size: 1em;
}
#content-info ul {
  margin-top: 0.5714286em;
  padding-left: 0;
}
.content-info__feed {
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
}
.content-info__feed li {
  display: inline;
  margin-right: 1.5em;
}
.content-info__sub-cat {
  margin-top: 2em;
}
.content-info__sub-cat h3 {
  font-weight: bold;
}
/*---billets---*/
.post {
  max-width: 42em;
  margin: 2em auto 6em;
}
.post-excerpt,
.post-content {
  font-size: 1.125em;

  details {
    summary {
      line-height: 2;
      &:hover,
      &:focus {
        cursor: pointer;
      }
    }
    &[open] {
      border-block: 1px solid #636363;
      summary {
        font-weight: bold;
      }
      & + * {
        clear: both;
      }
    }
  }
}
.post figure {
  margin-block-end: 1.5em;
}
.post figcaption {
  font-style: italic;
}
figure.media-left,
figure.media-right {
  margin-block: 0.5em;
}
.short:has(.post-icon) {
  figure,
  img:not(.post-icon) {
    display: none;
  }
  .post-content {
    img {
      display: block;
      float: left;
      margin-inline-end: 1.5em;
    }
  }
}
.post-day-date {
  font-size: 0.875em;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.8571429em;
}
.post-meta {
  font-size: 0.875em;
  background-color: #f3f3f3;
  border-radius: 0.5714286em;
  padding: 0.5714286em 1.1428571em;
  margin-bottom: 1.7142857em;
  clear: both;
}
.post-info {
  margin: 0.5em 0;
}
.full .post-info,
.short .post-info,
.post-cat,
.post-tags-list {
  margin: 0.5em 0;
  display: inline;
  vertical-align: top;
}
.post-tags-list {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.post-tags-item {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  vertical-align: top;
}
.post-tags-item a:after {
  content: ',';
}
.post-tags-item:last-child a:after {
  content: '';
}
.post-info-co {
  margin: 0.5em 0;
}
.post-title {
  text-align: center;
  font-weight: 200;
}
.post-title a,
.post-title a:link,
.post-title a:visited {
  border-bottom-color: #fff;
}
.post-title a:hover,
.post-title a:focus,
.post-title a:active {
  color: #267daf;
  background-color: transparent;
}
@media screen and (max-width: 40em) {
  .post-title {
    font-size: 2em;
  }
}
.post-content {
  margin-bottom: 1em;
}
.post-read-it {
  margin-bottom: 1.5em;
}
.footnotes {
  font-size: 0.875em;
  margin-top: 2em;
  margin-bottom: 3em;
}
.footnotes h4 {
  display: inline-block;
  border-top: 1px solid #267daf;
  padding-right: 3em;
  margin-bottom: 0;
}
.post-attachments {
  position: relative;
  padding: 0 2.5em 0.25em;
  border: 1px solid #dcdcdc;
  box-shadow:
    0 2px rgba(0, 0, 0, 0.05),
    0 0 1px rgba(0, 0, 0, 0.2);
}

.post-attachments-title {
  padding-top: 0.75em;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
  color: #636363;
}
.post-attachments-list {
  padding-left: 1em;
  margin-top: 0.5em;
}
.post-feedback {
  max-width: 42em;
  margin: 3em auto;
  clear: both;
}
.post-feedback h3 {
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  color: #636363;
}
/*---commentaires---*/
.comments-list {
  list-style: none;
  padding-left: 0;
}
.comments-list li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.comment,
.ping {
  overflow: hidden;
  padding: 0.1em 1.5em 0.1em 4em;
  margin-bottom: 2em;
  border-radius: 0.25em;
  box-shadow:
    0 2px rgba(0, 0, 0, 0.05),
    0 0 1px rgba(0, 0, 0, 0.2);
}
.comment {
  background-color: #edf3f2;
}
.ping {
  background: #f3efed
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==')
    no-repeat 1.5em 4em;
}
.comment-number {
  display: block;
  float: left;
  width: 2.5em;
  height: 2.5em;
  margin-left: -3.5em;
  margin-right: 1em;
  margin-top: -0.5em;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: 1000;
  line-height: 2.5em;
  text-align: center;
}
.comment-form,
.send-trackback {
  overflow: hidden;
  padding: 0.75em 3em 0.1em;
  margin-bottom: 2em;
  border-radius: 0.25em;
  box-shadow:
    0 2px rgba(0, 0, 0, 0.05),
    0 0 1px rgba(0, 0, 0, 0.2);
  background-color: #edf3f2;
}
.send-trackback {
  background: #f3efed
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==')
    no-repeat 1.5em 4em;
}
.field label {
  display: inline-block;
  width: 10em;
}
.field label:not([for='c_content']) {
  text-align: right;
}
.field input {
  max-width: 100%;
}
.field textarea {
  display: block;
  width: 100%;
}
.form-help,
.remember {
  font-size: 0.875em;
}
#pr {
  background-color: #f3f3f3;
  padding: 0.5em;
  border: 2px solid #6c7c7c;
  margin-bottom: 2em;
}
.error {
  background-color: #d52125;
  color: #fff;
  padding: 0.25em 0.5em;
}
.ping-url,
#ping-url {
  overflow-wrap: break-word;
}
.buttons {
  text-align: right;
}
button.submit,
button.preview {
  background-image: linear-gradient(to bottom, #778f97, #5e767d);
  box-shadow: inset 0 1px 3px 0 #778f97;
  background-color: #778f97;
  border-radius: 0.25em;
  border: 1px solid #5e767d;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  padding: 0.25em 0.5em;
  text-decoration: none;
  text-shadow: 0 -1px 0 #636363;
}
button.submit:hover,
button.submit:focus,
button.preview:hover,
button.preview:focus {
  cursor: pointer;
  background-image: linear-gradient(#5e767d, #5e767d);
  background-color: #5e767d;
}
button.submit:active,
button.preview:active {
  position: relative;
  top: 1px;
}
/*---fin commentaires---*/
@media all and (max-width: 30em) {
  .comment-number {
    margin-top: 0;
  }
  .comment-content,
  .ping-content {
    margin-left: -3.5em;
    margin-right: -1em;
  }
  .comment-form,
  .send-trackback {
    padding: 0.75em 0.5em 0.1em;
  }
}
@media all and (min-width: 30em) {
  .post-day-date:after,
  .post-day-date:before {
    display: inline-block;
    height: 1px;
    content: ' ';
    background-color: #dcdcdc;
    text-shadow: none;
    width: 20%;
    margin-bottom: 0.33em;
  }
  .post-day-date:after {
    margin-left: 2em;
  }
  .post-day-date:before {
    margin-right: 2em;
  }
  .post-feedback h3:after,
  .post-feedback h3:before {
    display: inline-block;
    height: 1px;
    content: ' ';
    background-color: #dcdcdc;
    text-shadow: none;
    width: 20%;
    margin-bottom: 0.33em;
  }
  .post-feedback h3:after {
    margin-left: 2em;
  }
  .post-feedback h3:before {
    margin-right: 2em;
  }
}
@media all and (max-width: 40em) {
  .post {
    margin: 1em auto 3em;
  }
}
@media all and (min-width: 30em) {
  .dc-archive .content-inner {
    margin-left: 3em;
    margin-right: 3em;
  }
}
/*---archives----*/
.arch-block {
  display: inline-block;
  margin: 0 0 2em 0;
  vertical-align: top;
}
.arch-block a {
  color: #373737;
}
.arch-block a:focus {
  color: #fafafa;
}
@media all and (min-width: 30em) {
  .arch-block {
    margin-left: 4em;
  }
}
.arch-block:first-child {
  margin-left: 0;
}
.arch-block h3 {
  margin-bottom: 1em;
  font-size: 1.2em;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  color: #267daf;
}
.arch-block h4 {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 0;
  margin-top: 0;
  color: #373737;
}
.arch-list,
.arch-sub-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.arch-sub-list {
  margin-left: 20px;
}
.arch-by-year {
  margin-right: 0;
  margin-bottom: 1em;
  margin-top: 2em;
}
.arch-by-year h3 {
  margin-bottom: 0;
}
.arch-by-year h3:first-child {
  margin-top: 0;
}
.fromto {
  margin-top: 0;
  margin-bottom: 1.5em;
  font-size: 0.875em;
  font-style: italic;
}
.arch-by-year__each-year {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 10em;
}
.arch-year-list {
  margin-bottom: 1.5em;
}
.arch-year-list span {
  font-size: 0.875em;
}
.arch-cat-list,
.arch-sub-cat-list {
  background: transparent
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAIAAAD6sKMdAAAAD0lEQVQIW2NIS0tjIAIDAO84C/WI5ZqTAAAAAElFTkSuQmCC')
    repeat-y;
}
.arch-sub-cat-list {
  margin: 0.5em 0 0 0.5em;
}
.arch-cat-list li {
  padding: 0.2em 0.2em 0.2em 20px;
  background: transparent
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABAQMAAADQJd16AAAAA1BMVEVmZmZ8VoIEAAAAC0lEQVQIHWNgYAAAAAMAAU9ICq8AAAAASUVORK5CYII=')
    no-repeat left 0.82em;
}
.arch-cat-list li:last-child {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAAAAACY4YRgAAAAE0lEQVR4AWNMY0AAxv/DgDPKAQCavSNotfQfBAAAAABJRU5ErkJggg==');
}
.arch-by-tag {
  width: 17em;
}
.arch-tag-list li {
  display: inline-block;
  padding-right: 1em;
}
.arch-tag-list .tag0 {
  color: #909090;
  font-size: 90%;
}
.arch-tag-list .tag10 {
  color: #828282;
  font-size: 92%;
}
.arch-tag-list .tag20 {
  color: #737373;
  font-size: 94%;
}
.arch-tag-list .tag30 {
  color: #656565;
  font-size: 96%;
}
.arch-tag-list .tag40 {
  color: #484848;
  font-size: 98%;
}
.arch-tag-list .tag50 {
  color: #3a3a3a;
  font-size: 100%;
}
.arch-tag-list .tag60 {
  color: #2b2b2b;
  font-size: 102%;
}
.arch-tag-list .tag70 {
  color: #1d1d1d;
  font-size: 104%;
}
.arch-tag-list .tag80 {
  color: #0e0e0e;
  font-size: 106%;
}
.arch-tag-list .tag90 {
  color: #030303;
  font-size: 108%;
}
.arch-tag-list .tag100 {
  color: #000;
  font-size: 110%;
}
.dc-archive-month #content-info h2 {
  margin-left: 2em;
  margin-top: 0.5em;
}
/*----fin archives----*/
#offcanvas-on {
  display: none;
}
.sidebar,
#main {
  transition: all 0.3s linear;
}
.js #content-info h2,
.js .content-info__feed {
  margin-right: 3.5em;
}
@media screen and (max-width: 80em) {
  #offcanvas-on,
  #offcanvas-off {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    height: 2.5em;
    width: 2.5em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
    padding: 0;
  }
  #offcanvas-on:hover,
  #offcanvas-on:focus,
  #offcanvas-off:hover,
  #offcanvas-off:focus {
    background-color: #373737;
  }
  #offcanvas-on {
    display: block;
    background-color: #fff;
    background-image:
      url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgzdjE2aC0zem02LjUgMGgzdjE2aC0zem02LjUgMGgzdjE2aC0zeiIgZmlsbD0iIzgwODA4MCIvPjwvc3ZnPg=='),
      none;
    border: 0.1em solid #636363;
    border-radius: 0.25em;
  }
  #offcanvas-off {
    background-color: #373737;
    background-image:
      url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTEuMyAzLjQgMi4xLTIuMSAxMS4zIDExLjMtMi4xIDIuMXoiLz48cGF0aCBkPSJtNi41IDBoM3YxNmgtM3oiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxIC43MDcxIC0uNzA3MSAuNzA3MSA3Ljk5OTkgLTMuMzEzNSkiLz48L2c+PC9zdmc+'),
      none;
    border: 1px solid #fff;
  }
  #wrapper {
    position: relative;
  }
  .off-canvas #main,
  .footer.off-canvas {
    float: left;
    margin-left: -66.6666667%;
  }
  .off-canvas .sidebar {
    position: relative;
    float: right;
    width: 91.6666667%;
    margin-right: 0%;
    margin-left: -100%;
    padding-left: 1em;
    padding-right: 1em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}