@import url("../fonts/fonts.css");
.page {
  font-family: Haptik-Thin;
  max-width: 1024px;
  margin: 0 auto;
  padding: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #d8b7df;
  background: radial-gradient(circle, #d8b7df 0%, #ff8282 50%, #ffea7f 100%);
  background-image: url("../assets/background.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0px 6px 20px -2px rgba(0, 0, 0, 0.24); }
  @media (max-width: 768px) {
    .page {
      padding: 15px; } }
  @media (max-width: 415px) {
    .page {
      padding: 10px; } }
  .page a {
    color: black; }
  .page a:hover {
    color: black; }
  .page h1, .page h2 {
    font-size: 28px;
    text-transform: uppercase; }
  .page .background-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  .page .header h2 {
    color: #1b9047; }
  .page .header h1 {
    color: #341b4a; }
  .page .header .right {
    text-align: right; }
    @media (max-width: 767px) {
      .page .header .right {
        margin-top: -40px; } }
  .page .content {
    margin: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 20px;
    background: #ffffffc9;
    backdrop-filter: blur(5px); }
    @media (max-width: 415px) {
      .page .content {
        padding: 10px; } }
    .page .content a {
      color: #241233; }
    .page .content h1 {
      margin-bottom: 25px;
      font-size: 25px;
      color: #241233; }
      .page .content h1.small {
        font-weight: 600;
        font-size: 16px; }
      .page .content h1.center {
        text-align: center; }
    .page .content h2 {
      font-size: 16px;
      color: #3DBE6D;
      font-weight: 600; }
    .page .content .mobile-title {
      display: none; }
    .page .content .text p {
      text-align: justify; }
    .page .content .text a {
      text-align: center;
      text-decoration: underline; }
    .page .content .text .credit {
      display: none; }
    @media (max-width: 767px) {
      .page .content .normal-title {
        display: none; }
      .page .content .header {
        margin-bottom: 10px; }
        .page .content .header .mobile-title {
          display: block; }
        .page .content .header h1.mobile-title {
          position: absolute;
          background-color: #ffffff99;
          padding: 5px; }
        .page .content .header .background-image {
          height: 250px; } }
    @media (min-width: 415px) and (max-width: 767px) {
      .page .content .header h1.mobile-title {
        width: calc(100% - 40px); } }
    @media (max-width: 415px) {
      .page .content .headr h1.mobile-title {
        width: calc(100% - 20px); } }
    .page .content .img-wrapper {
      position: relative; }
      .page .content .img-wrapper .credit {
        position: absolute;
        bottom: 0;
        padding: 12px;
        color: white;
        font-size: 12px; }
    @media (max-width: 767px) {
      .page .content .img-wrapper .background-image {
        display: none; }
      .page .content .text .credit {
        margin-top: 15px;
        display: block; } }
  .page .event-hic .image-affiche {
    width: 100%;
    display: none; }
  @media (max-width: 767px) {
    .page .event-hic .image-affiche {
      display: block; } }
  .page .event-hic .background-image {
    background-position: 50% 50px;
    background-size: contain; }
  @media (max-width: 873px) {
    .page .event-hic .background-image {
      background-position: 50% 70px; } }
  .page .archive-item {
    text-align: center; }
    .page .archive-item .img-wrapper {
      padding: 10px;
      margin: 0 auto;
      margin-bottom: 10px;
      border-radius: 55px;
      width: 110px;
      height: 110px;
      box-shadow: 0px 6px 20px -2px rgba(0, 0, 0, 0.24); }
      .page .archive-item .img-wrapper.bg-2017 {
        background: linear-gradient(45deg, #fbdde0, #eef6eb); }
      .page .archive-item .img-wrapper.bg-2018 {
        background: linear-gradient(45deg, #a0a0a0, #87A0AC); }
      .page .archive-item .img-wrapper.bg-2019 {
        background: linear-gradient(45deg, #e7e4e7, #f8f9f4); }
      .page .archive-item .img-wrapper img {
        height: 90px; }
    .page .archive-item a {
      display: block; }
    @media (max-width: 575px) {
      .page .archive-item {
        margin-bottom: 35px; }
      .page .archive-item:last-child {
        margin-bottom: 0px; } }

/*# sourceMappingURL=main.css.map */