:root {
  --dp-card-padding-y: 2rem;
}
/*@media (min-width: 720px) {
  :root {
    --dp-card-padding-y: 2rem;
  }
}*/
.dp-container {
  background-image: url(/assets/img/dp-watermark.png);
  background-repeat: no-repeat;
  background-position: center 100px;
  background-size: 2500px;
}
.dp-breadcrumb .breadcrumb {
  text-transform: uppercase;
  font-size: .8125rem;
}
.dp-header .display-1 {
  font-size: 4.35rem;
}
.dp-text {
  max-width: 60ch;
}
.dp-footer * {
  text-align: center;
  margin: unset;
}
.masonry-grid {
  columns: 1 240px;
  column-gap: 2rem;
}
.card {
  --dp-card-prefix: '';
  --dp-card-fg-color: initial;
  --dp-card-bg-color: white;
  --dp-card-symbol: '';
  break-inside: avoid;
  border: 0;
  border-bottom: 2px solid #ebebeb;
  border-right: 2px solid #ebebeb;
  border-radius: .4rem;
  margin-bottom: 6px;
  margin-left: calc(-1rem + 3px);
  margin-right: calc(-1rem + 3px);
  background: white;
}
@media (min-width: 720px) {
/*  .masonry-grid {
    column-count: 2;
    margin-bottom: 2rem;
  }
  .card {
    border-radius: .4rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
  }*/
  .masonry-grid {
    column-count: 2;
    margin-bottom: 1rem;
  }
  .card {
    border-radius: .4rem;
    margin-bottom: 1rem;
    margin-left: calc(-.5rem);
    margin-right: calc(-.5rem);
  }
}
.card.-reminder {
  --dp-card-prefix: 'Rappel';
  --dp-card-fg-color: white;
  --dp-card-bg-color: var(--red);
  --dp-card-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21.26 17.35q.387.43.387.945 0 .56-.387.967-.387.408-.988.408h-16.5q-.601 0-.988-.408a1.36 1.36 0 0 1-.387-.967q0-.515.387-.945.042-.042.129-.172.645-.644 1.01-1.16t.795-1.955.43-3.33q0-2.492 1.547-4.34t3.953-2.32V3.17q0-.558.408-.967a1.32 1.32 0 0 1 .967-.408q.558 0 .967.408.407.409.408.967v.902q2.404.473 3.952 2.321 1.547 1.848 1.547 4.34 0 1.892.43 3.33.428 1.44.795 1.955.364.516 1.01 1.16.084.129.128.172m-15.942.257h13.406q-1.892-2.534-1.891-6.832v-.043q0-1.976-1.418-3.395c-1.418-1.419-2.077-1.417-3.394-1.417q-1.977 0-3.395 1.418c-1.418 1.418-1.418 2.077-1.418 3.395v.043q0 4.297-1.89 6.831M13.955 23q-.817.794-1.934.795-1.118 0-1.934-.795-.817-.795-.816-1.955h5.5q0 1.16-.816 1.955'%3E%3C/path%3E%3C/svg%3E");
}
/*.card.-reminder::before {
  background-image: var(--dp-symbol) !important;
}*/
.card.-deadline {
  --dp-card-prefix: 'Date limite';
  --dp-card-fg-color: white;
  --dp-card-bg-color: var(--red);
  --dp-card-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 22a9 9 0 1 1 0-18 9 9 0 0 1 0 18m0-2a7 7 0 1 0 0-14 7 7 0 0 0 0 14m1-7h3v2h-5V8h2zM1.747 6.283l3.536-3.536 1.414 1.414L3.16 7.697zm16.97-3.536 3.536 3.536-1.414 1.414-3.536-3.536z'%3E%3C/path%3E%3C/svg%3E");
}
.card.-new {
  --dp-card-prefix: 'Nouveauté';
  --dp-card-fg-color: white;
  --dp-card-bg-color: var(--red);
  --dp-card-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M14 5H4v12h6.59L12 19.012 13.41 17H20v-6h2v7c0 .544-.456 1-1 1h-6.55L12 22.5 9.55 19H3c-.545 0-1-.456-1-1V4c0-.545.455-1 1-1h11zm5.53-3.68a.507.507 0 0 1 .94 0l.254.61a4.37 4.37 0 0 0 2.25 2.327l.717.32a.53.53 0 0 1 0 .962l-.758.338a4.36 4.36 0 0 0-2.22 2.25l-.246.566a.506.506 0 0 1-.934 0l-.247-.565a4.36 4.36 0 0 0-2.219-2.251l-.76-.338a.53.53 0 0 1 0-.963l.718-.32a4.37 4.37 0 0 0 2.251-2.325z'%3E%3C/path%3E%3C/svg%3E");
}
.card.-success {
  --dp-card-prefix: '';
  --dp-card-fg-color: white;
  --dp-card-bg-color: #237f00;
  --dp-card-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
}

.card.-with-emphasis {
  flex-direction: row;
  color: var(--dp-card-fg-color);
  background: var(--dp-card-bg-color);
}
.card.-with-emphasis::before {
  flex-shrink: 0;
  content: "";
  width: 3.25rem;
  background: var(--dp-card-symbol) center calc(var(--dp-card-padding-y) - .375rem) / 30px no-repeat;
  border-right: 1px solid rgba(255,255,255,.3);
  margin-right: -.5rem;
}
.card.-with-emphasis a {
  color: white;
  text-decoration-color: rgba(255,255,255,.5);
}
.card.-with-emphasis a:hover {
  text-decoration-color: #fff;
}

.card.-with-symbol {
  display: block;
}
.card.-with-symbol::before {
  float: left;
  margin-top: calc(var(--dp-card-padding-y) - 1rem);
  margin-left: 1.5rem;
  border-radius: .3rem;
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  background: var(--dp-card-bg-color) var(--dp-card-symbol) center / 24px no-repeat;
  margin-right: .75rem;
}

.card-body {
  padding-top: var(--dp-card-padding-y);
  padding-bottom: var(--dp-card-padding-y);
}
.item-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-bottom: 1.25rem;
}
.card:not(.-with-emphasis) .item-title {
  color: var(--gray);
}
.card.-with-emphasis .item-title::before,
.card.-with-symbol .item-title::before {
  content: var(--dp-card-prefix) " : ";
  text-transform: uppercase;
}
.card.-with-badge .item-title::before {
  content: var(--dp-card-prefix);
  font-size: .75rem;
  color: white;
  text-transform: uppercase;
  background: var(--dp-card-bg-color);
  border-radius: .25rem;
  padding: .05rem .4rem;
  margin-right: .75rem;
  vertical-align: 2px;
}
.item-description {
  font-size: .875rem;
}
.item-description ul {
  padding-left: 1.5rem;
}
.item-description > *,
.item-description li > p {
  margin-bottom: .75rem
}
.item-description > :last-child {
  margin-bottom: unset;
}

.card.-events .item-title strong {
  text-transform: uppercase;
  font-weight: initial;
}
.card.-events ul {
  padding-left: 0;
  list-style: none;
}
.card.-events li {
  /* mock bootstrap .col */
  position: relative;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.card.-events li > div {
  display: flex;
  border-top: 1px solid #e6e6e6;
  padding-top: .75rem;
  margin-top: .75rem;
}
.event-timespan {
  display: flex;
}
.event-timespan .event-date {
  display: flex;
  flex-direction: column;
  width: 3.8rem;
  height: 3.8rem;
  flex-shrink: 0;
  text-align: center;
  text-transform: uppercase;
  margin-top: .1rem;
  margin-right: 1rem;
  border-radius: .4rem;
  border: 3px solid white;
  box-sizing: content-box;
  background: white;
}
.event-timespan.-with-timespan .event-date {
  width: 3rem;
  margin-left: -.875rem;
}
.event-timespan.-with-timespan .event-date + .event-date {
  margin-left: -1.75rem;
  margin-top: .625rem;
}
.event-date .month {
  font-size: 11px;
  font-weight: 700;
  color: white;
  background: var(--red);
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}
.event-date .day {
  font-size: 1.5rem;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
  border: 2px solid #e6e6e6;
  border-top-color: transparent;
  flex-grow: 1; 
}
.form-website {
  position: absolute;
  left: -9999px;
}