@font-face {
  font-family: "LucidaGrande";
  src: url("../fonts/lucida-grande/static/lucida-grande-300.woff2") format("woff2"), url("../fonts/lucida-grande/static/lucida-grande-300.woff") format("woff"), url("../fonts/lucida-grande/static/lucida-grande-300.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LucidaGrande";
  src: url("../fonts/lucida-grande/static/lucida-grande-301.woff2") format("woff2"), url("../fonts/lucida-grande/static/lucida-grande-301.woff") format("woff"), url("../fonts/lucida-grande/static/lucida-grande-301.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "LucidaGrande";
  src: url("../fonts/lucida-grande/static/lucida-grande-400.woff2") format("woff2"), url("../fonts/lucida-grande/static/lucida-grande-400.woff") format("woff"), url("../fonts/lucida-grande/static/lucida-grande-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LucidaGrande";
  src: url("../fonts/lucida-grande/static/lucida-grande-401.woff2") format("woff2"), url("../fonts/lucida-grande/static/lucida-grande-401.woff") format("woff"), url("../fonts/lucida-grande/static/lucida-grande-401.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "LucidaGrande";
  src: url("../fonts/lucida-grande/static/lucida-grande-700.woff2") format("woff2"), url("../fonts/lucida-grande/static/lucida-grande-700.woff") format("woff"), url("../fonts/lucida-grande/static/lucida-grande-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LucidaGrande";
  src: url("../fonts/lucida-grande/static/lucida-grande-701.woff2") format("woff2"), url("../fonts/lucida-grande/static/lucida-grande-701.woff") format("woff"), url("../fonts/lucida-grande/static/lucida-grande-701.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "LucidaGrande";
  src: url("../fonts/lucida-grande/static/lucida-grande-900.woff2") format("woff2"), url("../fonts/lucida-grande/static/lucida-grande-900.woff") format("woff"), url("../fonts/lucida-grande/static/lucida-grande-900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LucidaGrande";
  src: url("../fonts/lucida-grande/static/lucida-grande-901.woff2") format("woff2"), url("../fonts/lucida-grande/static/lucida-grande-901.woff") format("woff"), url("../fonts/lucida-grande/static/lucida-grande-901.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-400.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-400.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-401.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-401.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-401.ttf") format("truetype");
  font-weight: 401;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-500.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-500.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-500.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-501.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-501.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-501.ttf") format("truetype");
  font-weight: 501;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-600.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-600.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-600.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-601.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-601.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-601.ttf") format("truetype");
  font-weight: 601;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-700.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-700.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-701.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-701.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-701.ttf") format("truetype");
  font-weight: 701;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-800.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-800.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-800.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-801.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-801.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-801.ttf") format("truetype");
  font-weight: 801;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-900.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-900.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display/static/playfair-display-901.woff2") format("woff2"), url("../fonts/playfair-display/static/playfair-display-901.woff") format("woff"), url("../fonts/playfair-display/static/playfair-display-901.ttf") format("truetype");
  font-weight: 901;
  font-style: italic;
  font-display: swap;
}
html {
  font-size: 16px;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: rgb(239.75, 239.75, 239.75);
  font-family: "Playfair Display", "LucidaGrande", Tahoma, Verdana, Segoe, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

.extend-h, .display--xxs, .display--xs, .display--sm, .display--md, .display--lg, .display--xl, h6,
.h6, h5,
.h5, h4,
.h4, h3,
.h3, h2,
.h2, h1,
.h1 {
  clear: both;
  font-family: "Playfair Display", "LucidaGrande", Tahoma, Verdana, Segoe, sans-serif;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.3;
  font-style: normal;
}

h1,
.h1 {
  font-size: 2.5rem;
  font-weight: 900;
  margin: 0px 0px 1.5rem 0px;
}
@media (min-width: 1025px) {
  h1,
  .h1 {
    font-size: 3.5rem;
    margin: 0px 0px 1.5rem 0px;
  }
}

h2,
.h2 {
  font-size: 1.75rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}

h3,
.h3 {
  font-size: 1.5rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}

h4,
.h4 {
  font-size: 1.375rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}

h5,
.h5 {
  font-size: 1.25rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h5,
  .h5 {
    font-size: 1.375rem;
  }
}

h6,
.h6 {
  font-size: 1.125rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h6,
  .h6 {
    font-size: 1.25rem;
  }
}

.display--xl {
  font-size: 4.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .display--xl {
    font-size: 5rem;
  }
}

.display--lg {
  font-size: 4rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .display--lg {
    font-size: 4.5rem;
  }
}

.display--md {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .display--md {
    font-size: 4rem;
  }
}

.display--sm {
  font-size: 3rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .display--sm {
    font-size: 3.5rem;
  }
}

.display--xs {
  font-size: 2.25rem;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .display--xs {
    font-size: 3rem;
  }
}

.display--xxs {
  font-size: 1.75rem;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .display--xxs {
    font-size: 2.25rem;
  }
}

p {
  margin-bottom: 1.5rem;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 2.25rem 0px;
  padding: 1.125rem 2.25rem;
  color: goldenrod;
  border-left: 2px solid rgb(209.4156989247, 183.096, 219.904);
  font-size: 1.5rem;
  line-height: 2rem;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: rgb(48.5, 48.5, 48.5);
  font-family: "Playfair Display", "LucidaGrande", Tahoma, Verdana, Segoe, sans-serif;
  line-height: 1.5;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: "Playfair Display", "LucidaGrande", Tahoma, Verdana, Segoe, sans-serif;
}

abbr,
acronym {
  border-bottom: 1px dotted rgb(209.4156989247, 183.096, 219.904);
  cursor: help;
}

mark,
ins {
  background: rgb(48.5, 48.5, 48.5);
  text-decoration: none;
}

big {
  font-size: 125%;
}

.text--xl {
  font-size: 1.125rem;
}
.text--xl > p {
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .text--xl {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.text--lg {
  font-size: 1rem;
}
.text--lg > p {
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .text--lg {
    font-size: 1.125rem;
  }
}

.text--md {
  font-size: 1rem;
}
.text--md > p {
  margin-bottom: 1.5rem;
}

.text--sm {
  font-size: 0.875rem;
}
.text--sm > p {
  margin-bottom: 1.5rem;
}

.text--xs {
  font-size: 0.75rem;
}
.text--xs > p {
  margin-bottom: 1.5rem;
}

.extend-h, h1,
.h1, h2,
.h2, h3,
.h3, h4,
.h4, h5,
.h5, h6,
.h6, .display--xl, .display--lg, .display--md, .display--sm, .display--xs, .display--xxs {
  clear: both;
  font-family: "Playfair Display", "LucidaGrande", Tahoma, Verdana, Segoe, sans-serif;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.3;
  font-style: normal;
}

h1,
.h1 {
  font-size: 2.5rem;
  font-weight: 900;
  margin: 0px 0px 1.5rem 0px;
}
@media (min-width: 1025px) {
  h1,
  .h1 {
    font-size: 3.5rem;
    margin: 0px 0px 1.5rem 0px;
  }
}

h2,
.h2 {
  font-size: 1.75rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}

h3,
.h3 {
  font-size: 1.5rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}

h4,
.h4 {
  font-size: 1.375rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}

h5,
.h5 {
  font-size: 1.25rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h5,
  .h5 {
    font-size: 1.375rem;
  }
}

h6,
.h6 {
  font-size: 1.125rem;
  margin: 0rem 0px 1rem;
}
@media (min-width: 1025px) {
  h6,
  .h6 {
    font-size: 1.25rem;
  }
}

.display--xl {
  font-size: 4.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .display--xl {
    font-size: 5rem;
  }
}

.display--lg {
  font-size: 4rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .display--lg {
    font-size: 4.5rem;
  }
}

.display--md {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .display--md {
    font-size: 4rem;
  }
}

.display--sm {
  font-size: 3rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .display--sm {
    font-size: 3.5rem;
  }
}

.display--xs {
  font-size: 2.25rem;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .display--xs {
    font-size: 3rem;
  }
}

.display--xxs {
  font-size: 1.75rem;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .display--xxs {
    font-size: 2.25rem;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0px;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr;
}
body > * {
  grid-column: auto;
  width: 100%;
}
body .site-main {
  padding: 1rem 0px 4rem;
}
@media screen and (min-width: 769px) {
  body .site-main {
    padding: 2rem 0px 4rem;
  }
}
body .layout {
  max-width: 1600px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: 3rem 1fr 3rem;
}
body .layout > * {
  grid-column: 2/span 1;
}

.grid-12 {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media screen and (min-width: 769px) {
  .grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.grid-12 > * {
  grid-column: 1/span 6;
}
@media screen and (min-width: 769px) {
  .grid-12 > * {
    grid-column: 1/span 12;
  }
}

a {
  text-decoration: none;
  color: #b0b0b0;
}
a:hover {
  color: rgb(252.5, 252.5, 252.5);
}
a.a-light {
  color: rgb(194.4843010753, 133.024, 218.976);
}
a.a-light:hover {
  color: rgb(252.5, 252.5, 252.5);
}
a.p-category {
  background: #b0b0b0;
  color: rgb(239.75, 239.75, 239.75);
  padding: 0.25rem;
}
a.p-category:hover {
  background: rgb(252.5, 252.5, 252.5);
}
a.a-icone {
  position: relative;
  display: inline-block;
  background: #b0b0b0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
a.a-icone:hover {
  background: rgb(252.5, 252.5, 252.5);
}
a.a-icone--md {
  width: 2rem;
  height: 2rem;
}
a.a-icone--sm {
  width: 1.5rem;
  height: 1.5rem;
}
a.a-icone svg {
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: black;
}

embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1rem 0;
}

.site-header__row {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0px;
  border-bottom: 1px solid rgb(209.4156989247, 183.096, 219.904);
}
.site-header__row .site-title {
  font-size: 2rem;
  margin-bottom: 0px;
  display: inline-flex;
}
.site-header__row .site-logo {
  margin: 0px 0px;
  margin-right: 1rem;
  width: 40px;
  height: 40px;
  background-image: var(--logo-bgd-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.site-header.sticky {
  display: grid;
  position: sticky;
  top: 0;
  z-index: 99;
}
.site-header .menu {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  margin: 0.5rem 0px;
}
.site-header .menu li {
  margin-left: 1rem;
}

.site-footer .footer-top {
  padding: 3rem 1.5rem;
  background: #171717;
  border-top: 1px solid rgb(209.4156989247, 183.096, 219.904);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.site-footer .footer-top .newsletter-title {
  margin-bottom: 0px;
}
.site-footer .footer-main {
  text-align: center;
  color: rgb(239.75, 239.75, 239.75);
  padding-bottom: 3rem;
  display: grid;
  justify-content: center;
  align-items: end;
}
.site-footer .footer-main .site-title {
  display: inline-flex;
  margin-bottom: 0rem;
}
.site-footer .footer-main .site-title .h1 {
  font-size: 2.25rem;
  margin-bottom: 1rem;
}
.site-footer .footer-main .site-logo {
  display: block;
  width: 240px;
  height: 160px;
  background-image: var(--logo-bgd-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px auto 2rem;
}
.site-footer .footer-main .site-details {
  width: 100%;
  margin-bottom: 2rem;
}
.site-footer .footer-main .site-details .site-owner {
  display: inline-block;
  font-size: 1.75rem;
  margin-bottom: 1rem;
}
.site-footer .footer-main .block--reseaux-sociaux {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.site-footer .footer-main .block--reseaux-sociaux a {
  display: inline-block;
  margin-right: 1rem;
}
.site-footer .footer-main .block--reseaux-sociaux a:last-child {
  margin-right: 0px;
}

.type-tag .tag-header h1 {
  font-weight: 300;
}

.list-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 2rem;
}
.list-content.grid-vertical {
  grid-template-columns: repeat(3, 1fr);
}
.list-content figure {
  margin: 0px;
  background-image: var(--bgd-image);
  background-position: center;
  background-size: cover;
  aspect-ratio: 1.15;
}
.list-content .card {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  background: rgb(48.5, 48.5, 48.5);
}
.list-content .card hgroup {
  padding: 1.5rem 1.5rem 4rem;
}
.list-content .card hgroup .entry-categories {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}
.list-content .card hgroup .entry-categories a {
  margin-right: 0.25rem;
}

.main-page.site-main {
  padding-top: 3rem;
}
.main-page article > * {
  grid-column: 1/span 6;
}
@media screen and (min-width: 769px) {
  .main-page article > * {
    grid-column: 3/span 8;
  }
}
.main-page article .entry-header {
  margin-bottom: 3rem;
}

.type-post .entry-header {
  background: rgb(48.5, 48.5, 48.5);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: 7fr 5fr;
  min-height: 60vh;
}
.type-post .entry-header hgroup {
  padding: 2rem 2rem;
}
.type-post .entry-header .entry-categories {
  margin-bottom: 3rem;
}
.type-post .entry-header .entry-title {
  margin-bottom: 2rem;
}
.type-post .entry-cover {
  margin: 0px;
  background-image: var(--bgd-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.type-post .entry-content {
  grid-column: 1/span 6;
  margin-bottom: 3rem;
}
@media screen and (min-width: 769px) {
  .type-post .entry-content {
    grid-column: 3/span 8;
  }
}
.type-post .entry-footer {
  grid-column: 1/span 6;
  margin-bottom: 4rem;
}
@media screen and (min-width: 769px) {
  .type-post .entry-footer {
    grid-column: 3/span 8;
  }
}
.type-post .entry-footer .social-share {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.type-post .entry-footer .social-share .a-icone {
  margin-left: 0.5rem;
}
.type-post .author-bio {
  grid-column: 1/span 6;
  margin-bottom: 2rem;
}
@media screen and (min-width: 769px) {
  .type-post .author-bio {
    grid-column: 3/span 8;
  }
}
.type-post .post-navigation {
  width: 100%;
  padding: 2rem 0px 0px;
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid rgb(209.4156989247, 183.096, 219.904);
}
.type-post .post-navigation .navigation__el {
  flex: 1 1 50%;
}
.type-post .post-navigation .navigation__el span {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.type-post .post-navigation .navigation__el h2 {
  margin-bottom: 0px;
}
.type-post .post-navigation .navigation__el.post-previous {
  padding-right: 4rem;
}
.type-post .post-navigation .navigation__el.post-next {
  text-align: right;
  padding-left: 4rem;
}
.type-post .post-navigation a[rel=next] {
  text-align: right;
}
.type-post .post-navigation + .related-posts {
  margin-top: 2rem;
}

.type-index .section {
  margin-bottom: 2rem;
}
.type-index .section-title {
  position: relative;
  margin-bottom: 1rem;
}
.type-index .section-title h2 {
  position: relative;
  margin-bottom: 0px;
  padding-right: 1rem;
  font-weight: 300;
  z-index: 3;
}

.type-page--home .featured-image {
  margin: 0px;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background-image: var(--bgd-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

/*** CSS classes generated by Publii; a complete list of all CSS classes can be found at https://getpublii.com/dev/default-publii-classes-for-using-with-css/ ***//*# sourceMappingURL=main.css.map */