@font-face {
  font-family: "Jost-Black";
  src: url(/fonts/Jost-Black.ttf?c758141821cd9ea5cebac52a49664f4a) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url(/fonts/OpenSans-Medium.ttf?be793100b2ab027d9b747a11a9acaf71) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  src: url(/fonts/Material.woff2?02aebb8b316adf1b0b5b8bbaa48594b9) format("woff2");
}
:root {
  --responsive-translate: -300px;
}
@media screen and (min-width: 600px) {
  :root {
    --responsive-translate: -500px;
  }
}
@media screen and (min-width: 600px) and (min-width: 1000px) {
  :root {
    --responsive-translate: -900px;
  }
}

a {
  text-decoration: none;
}

div.content-page {
  background-color: #ececec;
  display: flex;
  flex-direction: column;
}
div.content-page > div.archiveWarning {
  order: 1;
  margin-top: 10px;
  font-family: "OpenSans", serif;
  font-size: 34px;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}
div.content-page > div.post {
  order: 2;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-sizing: border-box;
  width: 70%;
  margin: 20px auto;
  height: auto;
  box-shadow: 0px 0px 15px 0px #c9c9c9;
}
div.content-page > div.post div > div {
  padding: 20px;
}
div.content-page > div.post div.enTete {
  width: 100%;
  display: grid;
  grid-template-columns: 75% 25%;
}
div.content-page > div.post div.enTete > div.titre {
  font-family: "OpenSans", serif;
  font-size: 34px;
  font-weight: bold;
  text-align: justify;
  transition: all 0.4s ease;
  color: #FA5003;
}
div.content-page > div.post div.enTete > div.date {
  font-family: "OpenSans", serif;
  font-size: 13px;
  text-align: justify;
  transition: all 0.4s ease;
  text-align: right;
  padding-top: 25px;
}
div.content-page > div.post div.contenu > div.imageCouv {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.4s ease;
  aspect-ratio: 20/9;
}
div.content-page > div.post div.contenu > div.imageCouv > img {
  width: 100%;
  aspect-ratio: inherit;
  -o-object-fit: contain;
     object-fit: contain;
}
div.content-page > div.post div.contenu > div.texte {
  font-family: "OpenSans", serif;
  font-size: 15px;
  text-align: justify;
  transition: all 0.4s ease;
}
div.content-page > div.post div.footer > div.savoirPlus {
  font-family: "OpenSans", serif;
  font-size: 15px;
  text-align: right;
  transition: all 0.4s ease;
  color: #FA5003;
  font-weight: bold;
}
div.content-page > div.post div.footer > div.savoirPlus > a {
  color: #FA5003;
  text-decoration: none;
}
div.content-page > div.post div.footer > div.savoirPlus > a:hover {
  color: #F6A783;
  transition: all 0.2s ease;
  text-decoration: underline;
}