@charset "UTF-8";
@font-face {
  font-family: "AtlasGrotesk";
  src: url("/fonts/AtlasGrotesk-Regular-Web.woff2") format("woff2"), url("/fonts/AtlasGrotesk-Regular-Web.woff") format("woff"); }

@font-face {
  font-family: "AtlasGrotesk";
  font-weight: bold;
  src: url("/fonts/AtlasGrotesk-Bold-Web.woff2") format("woff2"), url("/fonts/AtlasGrotesk-Bold-Web.woff") format("woff"); }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* natural box layout model to all elements */
  font-size: 62.5%;
  /* for easy rem sizing: 1rem = 10px */ }

/* allow modules to change the box-sizing */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

html {
  scroll-behavior: smooth; }

body {
  background-color: #0B0612;
  color: #D4CDDD;
  font-family: "AtlasGrotesk", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0;
  padding: 2rem; }
  body.minimal {
    padding: 0; }

.intro-screen {
  position: relative; }

a {
  color: #E6E000; }
  a:focus, a:hover {
    text-decoration: none; }

.anchor {
  scroll-margin-top: 9rem; }

h1 {
  color: #FFF;
  font-size: 3.8rem;
  line-height: 1.05;
  margin: 3rem 0 0.5rem;
  text-transform: uppercase; }

h2 {
  color: #E6E000;
  font-family: "Oswald", sans-serif;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.1;
  margin-top: 8rem;
  position: relative; }
  header + h2 {
    margin-top: 3rem; }
  h2 em {
    color: #FFF; }

p.quiet {
  color: #5A585D;
  font-size: 0.9em;
  font-style: italic; }

ul.quiet {
  color: #5A585D;
  font-size: 0.9em;
  font-style: italic;
  list-style: none;
  margin: 1rem 0;
  padding: 0; }
  ul.quiet li + li {
    margin-top: 0.5rem; }

q {
  font-style: italic; }
  q::before {
    content: "«\00a0"; }
  q::after {
    content: "\00a0»"; }

strong {
  color: #FFF; }

em {
  color: #E6E000;
  font-style: normal; }

abbr {
  cursor: help; }

var {
  font-style: normal; }

.icon {
  display: inline-block;
  height: 2.4rem;
  width: 2.4rem; }

a.doctrine-link {
  align-items: center;
  border-bottom: 1px solid #E6E000;
  border-top: 1px solid #E6E000;
  display: flex;
  font-family: "Oswald", sans-serif;
  font-size: 2.1rem;
  font-weight: 300;
  justify-content: space-between;
  margin: 2rem 0;
  max-width: 40rem;
  padding: 1rem 0 1.2rem;
  text-decoration: none; }
  a.doctrine-link:hover, a.doctrine-link:focus {
    color: #FFF; }
  a.doctrine-link:focus {
    border-color: #FFF;
    outline: none; }
  a.doctrine-link .icon {
    margin-left: 1rem; }

.brand {
  float: right;
  width: 14rem; }

.container {
  max-width: 80rem;
  margin: 0 auto; }
  .container.is-narrow {
    max-width: 60rem; }
  .container section + section {
    margin-top: 16rem; }

.footer {
  border-top: 0.5rem solid #241f2a;
  padding-top: 2rem;
  margin: 16rem 0 6rem; }
  .footer p {
    margin-top: 0; }
  .footer.without-margin-top {
    margin-top: 0; }

.blocking-warning {
  border: 1px solid #F18322;
  border-radius: 0.4rem;
  color: #F18322;
  display: none;
  padding: 1rem; }
  .blocking-warning.is-visible {
    display: flex; }
  .blocking-warning .icon {
    flex-shrink: 0;
    margin-right: 1rem; }

.icon-sprite {
  display: none; }

@media screen and (max-width: 799.9px) {
  body {
    padding-top: 9rem; } }

@media screen and (min-width: 800px) {
  body {
    font-size: 1.6rem;
    padding: 7.4rem 0 0 26rem; }
  .intro-screen {
    align-items: center;
    display: flex;
    min-height: calc(100vh - 7.4rem); }
    .intro-screen-content .header {
      min-height: 20vh;
      margin-bottom: 4vh; }
    .intro-screen :first-child {
      margin-top: 0; }
    .intro-screen .start {
      margin-bottom: 0; }
  h1 {
    line-height: 0.95; }
  header + h2 {
    margin-top: 4rem; } }

@media screen and (min-width: 1260px) {
  .container-breakout {
    margin-left: -8rem;
    width: 96rem; } }

.acte-quotes {
  display: flex; }

a.back {
  align-items: center;
  color: #FFF;
  display: inline-flex;
  font-family: "AtlasGrotesk", sans-serif;
  text-decoration: none;
  text-transform: uppercase; }
  a.back:hover .icon, a.back:focus .icon {
    fill: #FFF; }
  a.back .icon {
    fill: #E6E000;
    margin-right: 1rem;
    width: 0.5rem; }

.complaints h2 {
  margin-top: 0; }

.complaints-items {
  list-style: none;
  margin: 0;
  padding: 0; }

.complaints-item + .complaints-item {
  margin-top: 14rem; }

.complaint-identity {
  color: #D4CDDD;
  font-family: "Oswald", sans-serif;
  font-size: 2rem;
  margin-bottom: 1rem;
  text-transform: uppercase; }
  .complaint-identity span {
    display: inline-block; }
  .complaint-identity span + span {
    border-left: 1px solid #5A585D;
    margin-left: 1rem;
    padding-left: 1rem; }

.complaint-name {
  color: #E6E000; }

.complaint-intro {
  display: flex;
  margin-bottom: 1.5rem; }

.complaint-intro-text {
  align-items: center;
  display: inline-flex; }

.complaint-num {
  align-items: center;
  background-color: #E6E000;
  color: #0B0612;
  display: inline-flex;
  font-family: "Oswald", sans-serif;
  font-size: 2.4rem;
  height: 3.8rem;
  justify-content: center;
  margin-right: 1rem;
  min-width: 6.4rem;
  text-decoration: none;
  -webkit-transform: rotate(-3deg) translateY(0.2rem);
          transform: rotate(-3deg) translateY(0.2rem);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .complaint-num:hover, .complaint-num:focus {
    background-color: #FFF; }

.complaint-content {
  background: no-repeat bottom/contain url("/images/complaint/strips-bottom1.svg"), no-repeat top/auto 60rem url("/images/complaint/strips1.svg");
  color: #0B0612;
  margin-bottom: 1.5rem;
  padding: 3rem; }

.complaint:nth-child(2n) .complaint-content {
  background: no-repeat bottom/contain url("/images/complaint/strips-bottom2.svg"), no-repeat top/auto 60rem url("/images/complaint/strips2.svg"); }

.complaint-extract q {
  font-family: "Cousine", monospace;
  font-style: normal; }

.complaint-extract-label {
  font-weight: bold;
  margin-bottom: 0.5rem; }

.complaint-metadata {
  border-bottom: 1px solid #0B0612;
  border-left: 1px solid #0B0612;
  border-collapse: collapse;
  border-spacing: 0;
  display: -ms-grid;
  display: grid;
  font-family: "Cousine", monospace;
  margin-top: 1.5rem;
  width: 100%; }

.complaint-metadata-item {
  border-right: 1px solid #0B0612;
  border-top: 1px solid #0B0612;
  padding: 1rem 1.8rem; }

.complaint-tags {
  margin-top: 3rem;
  -webkit-transform: translateX(-4rem);
          transform: translateX(-4rem); }

.complaint-tags-item {
  background-color: #1c1722;
  color: #D4CDDD;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  margin: 0 0.8rem 0.8rem 0;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .complaint-tags-item.is-highlighted {
    background-color: #E6E000;
    color: #0B0612; }

.complaint a.complaint-tags-item.is-highlighted:hover,
.complaint a.complaint-tags-item.is-highlighted:focus {
  background-color: #FFF; }

.complaint-signalement {
  position: relative; }
  .complaint-signalement::before {
    content: url("/images/arrows/4.svg");
    display: block;
    position: absolute;
    top: -5rem; }

.complaint-signalement-label {
  font-family: "Oswald", sans-serif;
  font-size: 2rem;
  white-space: nowrap; }

.complaint-quote {
  margin-bottom: 2rem; }
  .complaint-quote p {
    font-size: 2.4rem;
    line-height: 1.4; }

.complaint.no-complaint {
  margin: 20rem 0;
  text-align: center; }
  .complaint.no-complaint .complaint-identity {
    margin-bottom: 0; }
  .complaint.no-complaint .complaint-intro {
    justify-content: center; }

@media screen and (max-width: 799.9px) {
  .complaint-extract, .complaint-metadata {
    font-size: 1.4rem;
    line-height: 1.2; }
  .complaint-metadata-item:empty,
  .complaint-tags br {
    display: none; }
  .complaint-tags-item {
    display: inline-block;
    font-size: 1.4rem;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
    .complaint-tags-item:first-child {
      font-size: 1.8rem; }
  .complaint-signalement {
    margin-top: 5rem; }
    .complaint-signalement::before {
      left: 14rem;
      -webkit-transform: scaleX(-1) rotate(22deg);
              transform: scaleX(-1) rotate(22deg); }
  .complaint-signalement-label {
    margin-bottom: 2rem; } }

@media screen and (min-width: 800px) {
  .complaint-metadata {
    font-size: 1.5rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr; }
  .complaint-tags-item {
    font-size: 1.8rem; }
    .complaint-tags-item:first-child {
      font-size: 2.4rem; }
  .complaint-signalement {
    display: flex;
    -webkit-transform: translateX(-10rem);
            transform: translateX(-10rem); }
    .complaint-signalement::before {
      left: 3rem;
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg); }
  .complaint-signalement-label {
    -webkit-transform: rotate(-92deg) translateY(-4rem);
            transform: rotate(-92deg) translateY(-4rem);
    -webkit-transform-origin: top right;
            transform-origin: top right; } }

.doctrine h3 {
  text-transform: uppercase;
  font-weight: 700; }
  .doctrine h3 em {
    background-color: #E6E000;
    color: #0B0612;
    padding: 0 0.3rem;
    text-transform: none; }

.doctrine ul > li + li {
  margin-top: 0.5rem; }

.doctrine-weapons {
  background-color: #FFF;
  color: #0B0612;
  margin: 6rem -2rem;
  padding: 4rem 0;
  position: relative; }
  .doctrine-weapons::before {
    background-color: white;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: skewY(-2deg);
            transform: skewY(-2deg);
    bottom: -2rem;
    top: -2rem;
    width: 100%; }
  .doctrine-weapons:first-of-type::before {
    top: 2rem; }
  .doctrine-weapons h2 {
    font-weight: 700;
    margin-left: 2rem;
    margin-top: 0; }
  .doctrine-weapons > * {
    position: relative; }
  .doctrine-weapons > svg {
    display: block;
    margin: 0 auto;
    max-width: 50rem;
    width: 100%; }
  .doctrine-weapons a {
    color: #0B0612; }

.doctrine-quote.quote {
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg); }
  .doctrine-quote.quote p::before, .doctrine-quote.quote p::after {
    font-size: 4rem; }
  .doctrine-quote.quote p::before {
    -webkit-transform: rotate(7deg) translate(-4rem, -1rem);
            transform: rotate(7deg) translate(-4rem, -1rem); }
  .doctrine-quote.quote p::after {
    -webkit-transform: rotate(-5deg) translate(2rem, 2rem);
            transform: rotate(-5deg) translate(2rem, 2rem); }

.episodes {
  align-items: center;
  display: flex;
  max-width: 88rem;
  margin: 0 auto;
  padding: 8rem 4rem;
  min-height: calc(100vh - 16rem); }
  .episodes-title {
    font-family: "Cousine", monospace;
    margin: 0 2rem 5rem;
    text-align: center; }
  .episodes-text {
    margin-bottom: 7rem;
    margin-top: 2rem; }
    .episodes-text a {
      color: #FFF;
      font-weight: bold;
      -webkit-text-decoration-color: #E6E000;
              text-decoration-color: #E6E000;
      text-underline-offset: 0.3rem;
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease; }
      .episodes-text a:hover, .episodes-text a:focus {
        color: #E6E000;
        text-decoration: underline; }
    .episodes-text .quiet a {
      color: inherit;
      font-weight: normal;
      -webkit-text-decoration-color: #241f2a;
              text-decoration-color: #241f2a; }
      .episodes-text .quiet a:hover, .episodes-text .quiet a:focus {
        color: #FFF;
        -webkit-text-decoration-color: #707070;
                text-decoration-color: #707070; }
  .episodes-items {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .episodes-item, .episodes-item-link {
    height: 100%; }
  .episodes-item-link {
    background-color: #1c1722;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    color: #FFF;
    display: block;
    font-family: "AtlasGrotesk", sans-serif;
    padding: 27rem 2rem 3.6rem;
    position: relative;
    text-decoration: none; }
  .episodes-item:last-child .episodes-item-link::after {
    background-color: #E6E000;
    color: #0B0612;
    content: "Nouveau";
    display: block;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    left: 3rem;
    padding: 0.5rem 1rem;
    position: absolute;
    text-transform: uppercase;
    top: -1rem;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    z-index: 1; }
  .episodes a.episodes-item-link {
    -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
    transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
    transition: background-color 0.2s ease, transform 0.2s ease;
    transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease; }
    .episodes a.episodes-item-link:hover, .episodes a.episodes-item-link:focus {
      background-color: #241f2a;
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .episodes a.episodes-item-link:focus {
      outline: 0.2rem solid #E6E000; }
  .episodes-item-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem; }
  .episodes-item-subtitle {
    font-size: 1.6rem;
    line-height: 1.375;
    max-width: 21rem; }
  @media screen and (max-width: 699.9px) {
    .episodes-item + .episodes-item {
      margin-top: 2rem; }
    .episodes-item:last-child .episodes-item-link,
    .episodes-item:nth-child(2) .episodes-item-link {
      text-align: left; }
      .episodes-item:last-child .episodes-item-link .episodes-item-subtitle,
      .episodes-item:nth-child(2) .episodes-item-link .episodes-item-subtitle {
        margin-left: 0; }
    .episodes-item:nth-child(2) .episodes-item-link {
      background-position-y: bottom;
      padding-bottom: 27rem;
      padding-top: 3.6rem; }
    .episodes-item:last-child .episodes-item-link {
      background-position: bottom right;
      padding-bottom: 25rem;
      padding-top: 5.6rem; }
    .episodes-item-link {
      text-align: right; }
    .episodes-item-subtitle {
      margin-left: auto; } }
  @media screen and (min-width: 700px) {
    .episodes-items {
      display: -ms-grid;
      display: grid;
      grid-gap: 2rem;
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr); } }

.featured {
  margin: 4rem -2rem; }
  .featured-item {
    height: 100vw;
    max-height: 40rem;
    max-width: 40rem;
    margin-right: 4rem;
    position: relative;
    width: 100%; }
    .featured-item-image {
      position: absolute;
      z-index: 0; }
      .featured-item-image, .featured-item-image img {
        height: 100%;
        width: 100%; }
      .featured-item-image img {
        -o-object-fit: cover;
           object-fit: cover; }
      .featured-item-image::before, .featured-item-image::after {
        content: "";
        display: block;
        height: 15rem;
        position: absolute;
        width: 100%; }
      .featured-item-image::before {
        background: -webkit-gradient(linear, left top, left bottom, from(#0b0612), to(rgba(11, 6, 18, 0)));
        background: linear-gradient(to bottom, #0b0612 0%, rgba(11, 6, 18, 0) 100%); }
      .featured-item-image::after {
        background: -webkit-gradient(linear, left bottom, left top, from(#0b0612), to(rgba(11, 6, 18, 0)));
        background: linear-gradient(to top, #0b0612 0%, rgba(11, 6, 18, 0) 100%);
        bottom: 0; }
    .featured-item-label, .featured-item-tags, .featured-item-person {
      z-index: 1; }
    .featured-item-label {
      background-color: #E6E000;
      color: #0B0612;
      display: inline-block;
      font-family: "Oswald", sans-serif;
      font-size: 1.8rem;
      font-weight: 500;
      padding: 1rem 2rem;
      position: absolute;
      text-decoration: none;
      text-transform: uppercase;
      top: 2rem;
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg); }
      .featured-item-label em {
        color: #0B0612; }
      .featured-item-label:hover, .featured-item-label:focus {
        background-color: #FFF; }
    .featured-item-footer {
      align-items: flex-end;
      bottom: 0;
      font-size: 1.9rem;
      font-weight: 400;
      display: flex;
      justify-content: space-between;
      padding: 0 2rem;
      position: absolute;
      width: 100%; }
    .featured-item-tags {
      font-family: "Oswald", sans-serif;
      list-style: none;
      margin: 0;
      padding: 0;
      text-transform: uppercase; }
      .featured-item-tags a {
        text-decoration: none; }
        .featured-item-tags a:hover, .featured-item-tags a:focus {
          color: #FFF; }
    .featured-item-person {
      align-items: center;
      color: #FFF;
      display: flex;
      font-family: "Oswald", sans-serif;
      text-decoration: none;
      text-transform: uppercase; }
      .featured-item-person:hover, .featured-item-person:focus {
        color: #E6E000; }
      .featured-item-person .icon {
        margin-left: 1rem; }
  .featured .flickity-prev-next-button {
    background-color: #E6E000;
    border-radius: 0;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
    .featured .flickity-prev-next-button.previous {
      -webkit-transform: rotate(-2deg) translateX(-7rem);
              transform: rotate(-2deg) translateX(-7rem); }
    .featured .flickity-prev-next-button.next {
      -webkit-transform: rotate(-2deg) translateX(7rem);
              transform: rotate(-2deg) translateX(7rem); }
    .featured .flickity-prev-next-button[disabled] {
      display: none; }
  @media screen and (max-width: 500px) {
    .featured {
      padding-bottom: 4rem; }
      .featured-item-label {
        margin-right: 10rem; }
      .featured .flickity-prev-next-button {
        right: 0;
        top: calc(100vw + 3rem); }
        .featured .flickity-prev-next-button.previous {
          left: 2rem;
          -webkit-transform: rotate(-2deg);
                  transform: rotate(-2deg); }
        .featured .flickity-prev-next-button.next {
          right: 2rem;
          -webkit-transform: rotate(-2deg);
                  transform: rotate(-2deg); } }

.full-signalement {
  max-width: 62rem; }
  .full-signalement-heading {
    margin-bottom: 3.6rem;
    position: relative;
    text-align: center; }
  .full-signalement-nav-link {
    align-items: center;
    background-color: #E6E000;
    color: #0B0612;
    display: flex;
    height: 3.6rem;
    justify-content: center;
    position: absolute;
    text-decoration: none;
    top: 0.5rem;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    width: 3.6rem; }
    .full-signalement-nav-link > .icon {
      height: 2rem;
      width: 1rem; }
    .full-signalement-nav-link:hover, .full-signalement-nav-link:focus {
      background-color: #FFF; }
  .full-signalement-nav-next {
    right: 0;
    -webkit-transform: rotate(-178deg);
            transform: rotate(-178deg); }
  .full-signalement-identity {
    color: #E6E000;
    font-family: "Oswald", sans-serif;
    font-size: 2.4rem;
    line-height: 1; }
    .full-signalement-identity span {
      display: inline-block; }
    .full-signalement-identity span + span::before {
      border-left: 1px solid #5A585D;
      content: "";
      display: inline-block;
      margin-left: 1rem;
      padding-left: 1rem;
      height: 2rem;
      -webkit-transform: translateY(0.2rem);
              transform: translateY(0.2rem); }
  .full-signalement-intro {
    margin-left: auto;
    margin-right: auto;
    max-width: 55rem; }
  .full-signalement-content {
    background-color: #1c1722;
    position: relative; }
  .full-signalement-main-label {
    background-color: #E6E000;
    color: #0B0612;
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    left: 50%;
    padding: 0.5rem 1rem;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%) rotate(3deg);
            transform: translateX(-50%) rotate(3deg);
    white-space: nowrap;
    z-index: 1; }
    .full-signalement-main-label em {
      color: inherit; }
  .full-signalement-tweet {
    margin: 0 auto;
    max-width: 50rem;
    padding: 3.2rem 0; }
  .full-signalement-tags {
    line-height: 2.6; }
    .full-signalement-tags span,
    .full-signalement-tags a {
      font-family: "Oswald", sans-serif;
      font-weight: 500;
      margin-right: 1rem;
      padding: 0.5rem 1rem;
      text-transform: uppercase; }
    .full-signalement-tags span {
      border: 1px solid #5A585D; }
    .full-signalement-tags a,
    .full-signalement-tags .is-highlighted {
      background-color: #E6E000;
      color: #0B0612; }
    .full-signalement-tags a {
      text-decoration: none; }
      .full-signalement-tags a:hover, .full-signalement-tags a:focus {
        background-color: #FFF; }
  .full-signalement-data h2 {
    margin-top: 4rem; }
  .full-signalement-data h2:first-child {
    margin-top: 2rem; }
  .full-signalement-data p {
    font-size: 1.6rem;
    margin-bottom: 1rem; }
  .full-signalement-data ul {
    list-style-position: inside;
    padding: 0; }
  .full-signalement.is-complaint .full-signalement-main-label {
    -webkit-transform: translateX(-50%) rotate(-3deg);
            transform: translateX(-50%) rotate(-3deg); }
  .full-signalement.is-complaint .complaint-content {
    background: no-repeat center 108%/contain url("/images/complaint/strips-bottom3.svg"), no-repeat top/auto 64rem url("/images/complaint/strips1.svg");
    padding-bottom: 8rem;
    padding-top: 5rem; }
  @media screen and (max-width: 799.9px) {
    .full-signalement-heading {
      display: flex;
      flex-direction: column; }
    .full-signalement-heading h1 {
      font-size: 3rem;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      margin-top: 0;
      order: -1;
      word-break: break-word; }
    .full-signalement-nav {
      position: relative;
      top: 1rem; }
    .full-signalement-nav-prev {
      left: -1rem; }
    .full-signalement-nav-next {
      right: -1rem; }
    .full-signalement-identity {
      margin-bottom: 2rem;
      margin-top: 2rem; }
    .full-signalement-content {
      padding: 3.2rem 2rem 8rem; }
    .full-signalement-main-label {
      font-size: 2rem; }
    .full-signalement-tags span,
    .full-signalement-tags a {
      font-size: 1.4rem; }
    .full-signalement.is-complaint .complaint-content {
      margin: 6rem -3rem 0; } }
  @media screen and (min-width: 800px) {
    .full-signalement {
      margin: 8rem auto 0; }
      .full-signalement-heading h1 {
        margin-left: 5rem;
        margin-right: 5rem; }
      .full-signalement-content {
        padding: 3.2rem 6rem 8rem; }
      .full-signalement-identity {
        margin-top: 1.5rem; }
      .full-signalement-main-label {
        font-size: 2.4rem; }
      .full-signalement-tags span,
      .full-signalement-tags a {
        font-size: 1.8rem; }
      .full-signalement.is-complaint .complaint-content {
        margin: 6rem -7rem 0; } }

.header {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  color: #FFF; }
  .header-title {
    font-family: "AtlasGrotesk", sans-serif;
    font-size: 3rem;
    margin: 0 0 1rem; }
  .header-subtitle {
    font-family: "Oswald", sans-serif;
    font-size: 2rem; }
  .header.modifiers {
    width: 100%; }
  @media screen and (max-width: 799.9px) {
    .header {
      background: none !important;
      margin-bottom: 4rem; } }
  @media screen and (min-width: 800px) {
    .header {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 25rem;
      text-align: center; }
      .header-title {
        font-size: 4rem; }
      .header + h2 {
        margin-top: 0; } }

.journey {
  margin-top: 6rem; }
  .journey-back {
    align-items: center;
    color: #827F86;
    fill: #827F86;
    display: inline-flex;
    font-family: "Oswald", sans-serif;
    font-size: 1.8rem;
    margin-bottom: 3rem;
    margin-left: -1rem;
    padding: 1rem;
    text-decoration: none; }
    .journey-back:hover, .journey-back:focus {
      color: #D4CDDD;
      fill: #D4CDDD; }
    .journey-back .icon {
      height: 1.4rem;
      margin-right: 1rem;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      width: 1.4rem; }
  .journey-step {
    margin-top: 3rem;
    min-height: calc(100vh - 7.4rem);
    position: relative; }
    .journey-step:nth-child(2n) .journey-step-number {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg); }
    .journey-step > img {
      width: 100%; }
  .journey-step-number {
    align-items: center;
    background-color: #E6E000;
    color: #0B0612;
    display: flex;
    font-weight: bold;
    justify-content: center;
    margin-right: 2rem;
    position: absolute;
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
    z-index: 3; }
  .journey-step-title {
    align-items: center;
    color: #FFF;
    display: flex;
    font-family: "AtlasGrotesk", sans-serif;
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 0; }
  .journey-step-text ul {
    padding: 0 1.5rem; }
  .journey-step-text u {
    background-color: #E6E000;
    color: #0B0612;
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    padding: 0.5rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    z-index: 1; }
  .journey-step-options {
    list-style: none;
    margin: 4rem 0 0;
    padding: 0; }
  .journey-step-option {
    display: inline-block;
    margin: 0 0.4rem 0.4rem 0; }
  .journey-step-option-link {
    align-items: center;
    background-color: #1c1722;
    border-radius: 0.4rem;
    color: #E6E000;
    display: flex;
    flex-direction: column;
    fill: #E6E000;
    font-family: "Oswald", sans-serif;
    justify-content: center;
    text-align: center;
    text-decoration: none; }
    .journey-step-option-link:hover {
      background-color: #E6E000;
      color: #0B0612; }
  @media screen and (max-width: 1049.9px) {
    .journey-step-number {
      font-size: 3.3rem;
      height: 4.4rem;
      left: -1rem;
      width: 4.4rem; }
    .journey-step-title {
      min-height: 4.4rem; }
    .journey-step-title, .journey-step-text {
      margin-left: 5rem; }
    .journey-step-option-link {
      font-size: 1.8rem;
      padding: 1rem;
      -webkit-transition: background-color 0.2s ease, color 0.2s ease;
      transition: background-color 0.2s ease, color 0.2s ease; }
      .journey-step-option-link .icon {
        display: none; } }
  @media screen and (min-width: 1050px) {
    .journey-step-number {
      font-size: 5.3rem;
      height: 7.4rem;
      left: 0;
      letter-spacing: -0.2rem;
      width: 7.4rem; }
    .journey-step-title {
      min-height: 7.4rem; }
    .journey-step-title, .journey-step-text {
      margin-left: 10rem; }
    .journey-step-option-link {
      font-size: 2.2rem;
      padding: 3rem;
      -webkit-transition: background-color 0.2s ease, color 0.2s ease, fill 0.2s ease;
      transition: background-color 0.2s ease, color 0.2s ease, fill 0.2s ease; }
      .journey-step-option-link span,
      .journey-step-option-link .icon {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
        transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
        transition: transform 0.2s ease, opacity 0.2s ease;
        transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; }
      .journey-step-option-link .icon {
        height: 1.6rem;
        position: absolute;
        opacity: 0;
        width: 1.6rem; }
      .journey-step-option-link:hover {
        fill: #0B0612; }
        .journey-step-option-link:hover span {
          -webkit-transform: translateY(-1.5rem);
                  transform: translateY(-1.5rem); }
        .journey-step-option-link:hover .icon {
          opacity: 1;
          -webkit-transform: translateY(1.5rem);
                  transform: translateY(1.5rem); } }

.last-updated {
  font-size: 1.4rem;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem); }

.methodology h2 {
  color: #E6E000;
  text-transform: uppercase; }
  .methodology h2:first-child {
    margin-top: 0; }
  .methodology h2 strong {
    font-weight: 700; }

.methodology.is-apb > img,
.methodology.is-apb > svg {
  display: block;
  margin: 0 auto;
  max-width: 50rem;
  width: 100%; }

.methodology.is-aigpn p, .methodology.is-aigpn ul, .methodology.is-rp p, .methodology.is-rp ul {
  font-family: "Cousine", monospace;
  line-height: 1.3;
  position: relative; }
  .methodology.is-aigpn p strong, .methodology.is-aigpn ul strong, .methodology.is-rp p strong, .methodology.is-rp ul strong {
    color: #E6E000; }

.methodology.is-aigpn a, .methodology.is-rp a {
  font-weight: bold; }

.methodology.is-aigpn ul, .methodology.is-rp ul {
  list-style: none;
  max-width: 40rem;
  padding: 0; }
  .methodology.is-aigpn ul li, .methodology.is-rp ul li {
    margin-bottom: 1rem; }
    .methodology.is-aigpn ul li::before, .methodology.is-rp ul li::before {
      color: #E6E000;
      content: "—";
      margin-left: -2rem;
      margin-right: 1rem; }

.methodology.is-aigpn .is-center, .methodology.is-rp .is-center {
  margin: 0 auto; }

.methodology.is-aigpn p {
  max-width: 37rem; }

.methodology.is-aigpn .tag {
  background-color: #E6E000;
  color: #0B0612;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  margin-top: 2rem;
  padding: 0.5rem 1rem;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
  z-index: 1; }

.methodology.is-aigpn .plus {
  margin: 2rem 0; }

.methodology.is-aigpn .is-center {
  max-width: 37rem;
  text-align: center; }

.methodology.is-rp h2 {
  margin-bottom: 3.4rem; }

.methodology.is-rp p {
  max-width: 59rem; }

.methodology.is-rp .is-center {
  max-width: 43rem; }

@media screen and (max-width: 799.9px) {
  .methodology.is-aigpn p, .methodology.is-aigpn ul {
    margin: 5rem auto; }
  .methodology.is-aigpn ul {
    margin-left: 14rem; }
  .methodology.is-aigpn img[class^="image-"] {
    display: block;
    margin: 3rem auto; }
  .methodology.is-aigpn .image-3 {
    left: -20rem;
    position: absolute; }
  .methodology.is-rp [class^="image-"] {
    display: block;
    margin: 3rem auto; } }

@media screen and (min-width: 800px) {
  .methodology.is-aigpn {
    position: relative; }
    .methodology.is-aigpn p, .methodology.is-aigpn ul {
      margin: 8rem auto; }
    .methodology.is-aigpn p.is-right {
      text-align: right; }
    .methodology.is-aigpn .has-arrow {
      position: relative; }
      .methodology.is-aigpn .has-arrow::after {
        position: absolute; }
    .methodology.is-aigpn .has-arrow-1::after {
      content: url("/images/methodology/igpn/arrow1.svg");
      right: -8rem;
      top: 1rem; }
    .methodology.is-aigpn .has-arrow-2::after {
      content: url("/images/methodology/igpn/arrow2.svg");
      left: -15rem;
      top: 2rem; }
    .methodology.is-aigpn .has-arrow-3::after {
      content: url("/images/methodology/igpn/arrow3.svg");
      right: -5rem;
      top: 0.5rem; }
    .methodology.is-aigpn .has-arrow-4::after {
      bottom: -4rem;
      content: url("/images/methodology/igpn/arrow4.svg");
      left: 7rem; }
    .methodology.is-aigpn .has-arrow-5::after {
      bottom: -5rem;
      content: url("/images/methodology/igpn/arrow5.svg");
      left: 17rem; }
    .methodology.is-aigpn img[class^="image-"] {
      position: absolute; }
    .methodology.is-aigpn .image-1 {
      left: -18rem;
      top: -1rem; }
    .methodology.is-aigpn .image-2 {
      right: -18rem;
      top: -17rem; }
    .methodology.is-aigpn .image-3 {
      left: -21rem;
      top: 4rem; }
    .methodology.is-aigpn .image-4 {
      right: -11rem;
      top: -2rem; }
    .methodology.is-aigpn .image-5 {
      left: -15rem;
      top: 0rem; }
  .methodology.is-rp [class^="image-"] {
    position: absolute; }
  .methodology.is-rp .image-1 {
    left: -15rem;
    top: 2rem; }
  .methodology.is-rp .image-2 {
    right: -12rem;
    top: 19rem; }
  .methodology.is-rp .image-3 {
    left: -14rem;
    top: 2rem; }
  .methodology.is-rp .image-4 {
    right: -20rem;
    top: -2rem; }
  .methodology.is-rp .image-5 {
    left: -15rem;
    top: 3rem; }
  .methodology.is-rp .image-6 {
    right: -16rem;
    top: 4rem; }
  .methodology.is-rp .image-7 {
    left: -17rem;
    top: 6rem; } }

.metrics {
  font-family: "Oswald", sans-serif;
  font-size: 2.8rem;
  font-weight: 300;
  position: relative;
  list-style: none;
  margin: 4rem 0;
  padding: 0;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg); }
  .metrics em {
    font-weight: 700; }
  .metrics::before {
    background-color: #E6E000;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-2.4rem);
            transform: translateX(-2.4rem);
    width: 1rem; }

.minimaps {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  grid-gap: 4rem 2rem;
  list-style: none;
  margin: 4rem 0;
  overflow: hidden;
  padding: 0; }
  .minimaps-separator {
    border-top: 0.5rem solid #E6E000;
    margin: 10rem 0 6rem;
    -webkit-transform: rotate(1.5deg);
            transform: rotate(1.5deg); }
  .minimaps-item {
    text-align: center; }
    .minimaps-item.quote {
      align-items: center;
      display: flex; }
    .minimaps-item.is-quote-1 p {
      font-size: 3rem;
      -webkit-transform: rotate(-3deg);
              transform: rotate(-3deg); }
      .minimaps-item.is-quote-1 p::before {
        -webkit-transform: rotate(7deg) translateX(-2rem);
                transform: rotate(7deg) translateX(-2rem); }
    .minimaps-item.is-quote-2 p {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg); }
      .minimaps-item.is-quote-2 p::before {
        -webkit-transform: rotate(7deg) translateX(-1.5rem);
                transform: rotate(7deg) translateX(-1.5rem); }
      .minimaps-item.is-quote-2 p::after {
        -webkit-transform: rotate(-5deg) translate(0.5rem, 1rem);
                transform: rotate(-5deg) translate(0.5rem, 1rem); }
    .minimaps-item.is-quote-3 {
      -ms-grid-column-span: 2;
      grid-column: span 2; }
      .minimaps-item.is-quote-3 p {
        font-size: 3rem;
        -webkit-transform: rotate(-2deg);
                transform: rotate(-2deg); }
        .minimaps-item.is-quote-3 p::before {
          -webkit-transform: rotate(7deg) translateX(-2rem);
                  transform: rotate(7deg) translateX(-2rem); }
    .minimaps-item.is-quote-4 {
      -ms-grid-column-span: 2;
      grid-column: span 2; }
      .minimaps-item.is-quote-4 p {
        -webkit-transform: rotate(-2deg);
                transform: rotate(-2deg); }
        .minimaps-item.is-quote-4 p::before {
          -webkit-transform: rotate(7deg) translateX(-2rem);
                  transform: rotate(7deg) translateX(-2rem); }
  .minimaps-link {
    color: #999;
    display: block;
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase; }
    .minimaps-link:hover, .minimaps-link:focus {
      color: #FFF;
      outline: none; }
      .minimaps-link:hover .minimaps-image, .minimaps-link:focus .minimaps-image {
        opacity: 1; }
  .minimaps-title {
    color: #E6E000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase; }
  .minimaps-date {
    color: #999;
    font-size: 1.1rem;
    margin-bottom: 1rem; }
  .minimaps-image {
    opacity: 0.9;
    max-width: 92%; }
  .minimaps-count {
    font-size: 1.5rem; }

.medium-maps {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  grid-gap: 4rem 2rem;
  margin: 4rem 0;
  overflow: hidden;
  text-align: center; }
  .medium-maps-title {
    color: #E6E000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase; }
  .medium-maps-map:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3; }

.large-map {
  display: block;
  color: #E6E000;
  margin: 4rem auto;
  max-width: 50rem;
  text-align: center; }
  .large-map > svg {
    display: block;
    max-width: 100%; }
  .large-map path {
    vector-effect: non-scaling-stroke; }

.main-nav {
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  padding: 5rem 4.4rem 2.5rem;
  position: fixed;
  top: 0;
  width: 26rem;
  z-index: 3; }
  .main-nav-title {
    color: #FFF;
    font-family: "Cousine", monospace;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5.5rem;
    text-decoration: none;
    text-transform: uppercase; }
  .main-nav > .main-nav-title {
    max-width: 10rem; }
  .main-nav-items {
    font-family: "Oswald", sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    list-style: none;
    margin: 0;
    padding: 0; }
  .main-nav-item + .main-nav-item {
    margin-top: 0.5rem; }
  .main-nav-item.is-active::before {
    background-color: #E6E000;
    content: "";
    display: block;
    height: 3.3rem;
    left: -0.6rem;
    position: absolute;
    -webkit-transform: matrix(1, -0.03, 0.03, 1, 0, 0);
            transform: matrix(1, -0.03, 0.03, 1, 0, 0);
    width: 2rem; }
  .main-nav-item-link {
    color: #D4CDDD;
    display: block;
    padding: 0.5rem 0;
    text-decoration: none; }
    .main-nav-item-link:hover, .main-nav-item-link:focus {
      color: #FFF; }
  .main-nav-item.is-active .main-nav-item-link {
    color: #E6E000; }
  .main-nav-footer {
    color: #999;
    margin-top: auto;
    font-size: 0.9em; }
    .main-nav-footer a {
      color: inherit;
      -webkit-text-decoration-color: #707070;
              text-decoration-color: #707070;
      text-underline-offset: 0.3rem;
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease; }
      .main-nav-footer a:hover, .main-nav-footer a:focus {
        color: #FFF;
        -webkit-text-decoration-color: #707070;
                text-decoration-color: #707070; }
  .main-nav-brand {
    margin-bottom: 1rem;
    width: 13.6rem; }
  @media screen and (max-width: 799.9px) {
    .main-nav {
      background-color: #0B0612;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease;
      width: 100%;
      z-index: 5; }
      .main-nav-open, .main-nav-close {
        background: none;
        border: 0;
        height: 4rem;
        padding: 0.5rem;
        width: 4rem; }
      .main-nav-open {
        margin-right: 2rem; }
      .main-nav-close {
        position: absolute;
        right: 1rem;
        top: 1rem; }
      .main-nav .top-nav {
        display: block; }
      .main-nav-bar {
        align-items: center;
        background-color: #0B0612;
        display: flex;
        left: 0;
        padding: 1rem;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 4; }
      .main-nav-bar-title {
        font-size: 1.8rem;
        margin: 0; }
      .main-nav.is-open {
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
  @media screen and (min-width: 800px) {
    .main-nav {
      left: 0; }
      .main-nav-open, .main-nav-close, .main-nav-subnav, .main-nav-bar {
        display: none; } }

.network {
  margin-top: 6rem; }
  .network > .switch .switch-link {
    align-items: center;
    display: flex;
    justify-content: center; }
    .network > .switch .switch-link.is-active {
      background-color: rgba(220, 199, 43, 0.2);
      border-color: #5A585D;
      color: #FFF; }
    .network > .switch .switch-link::before {
      height: 3.2rem;
      margin-left: -0.5rem; }
    .network > .switch .switch-link:first-child::before {
      content: url("/images/network/all.svg"); }
    .network > .switch .switch-link:nth-child(2)::before {
      content: url("/images/network/police.svg"); }
    .network > .switch .switch-link:last-child::before {
      content: url("/images/network/observateurs.svg"); }
  .network-viz {
    position: relative; }
    .network-viz form {
      display: none; }
  .network-viz-infobox {
    background-color: #1c1722;
    font-size: 1.4rem; }
    .network-viz-infobox.is-group-police {
      border-color: #F18322; }
      .network-viz-infobox.is-group-police .network-viz-infobox-handle a,
      .network-viz-infobox.is-group-police .network-viz-infobox-followers {
        color: #F18322; }
    .network-viz-infobox.is-group-observateurs {
      border-color: #E6E000; }
      .network-viz-infobox.is-group-observateurs .network-viz-infobox-handle a,
      .network-viz-infobox.is-group-observateurs .network-viz-infobox-followers {
        color: #E6E000; }
    .network-viz-infobox:empty {
      display: none; }
  .network-viz-infobox-image {
    background-color: #FFF;
    border-radius: 50%;
    float: left;
    margin-right: 1rem; }
  .network-viz-infobox-name {
    color: #FFF;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .network-viz-infobox-handle, .network-viz-infobox-description {
    margin-bottom: 1.5rem; }
  .network-viz-infobox-description {
    font-style: 1.3rem; }
  .network-viz-canvas {
    display: block;
    width: 100%; }
  @media screen and (max-width: 799.9px) {
    .network-viz {
      margin-left: -2rem;
      margin-right: -2rem; }
    .network-viz-infobox-container {
      bottom: 0;
      position: fixed;
      left: 0;
      width: 100%; }
    .network-viz-infobox {
      border-top: 1px solid #5A585D;
      padding: 1.4rem; }
      .network-viz-infobox.is-group-police, .network-viz-infobox.is-group-observateurs {
        left: 1rem; }
    .network-viz-infobox-image {
      display: none; }
    .network-viz-canvas {
      height: calc(100vh - 6rem); } }
  @media screen and (min-width: 800px) {
    .network-viz::before {
      background-color: #0B0612;
      background: -webkit-gradient(linear, left top, right top, from(#0B0612), to(rgba(11, 6, 18, 0)));
      background: linear-gradient(to right, #0B0612 0%, rgba(11, 6, 18, 0) 100%);
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 3rem; }
    .network-viz-infobox-container {
      position: -webkit-sticky;
      position: sticky;
      top: 8.4rem; }
    .network-viz-infobox {
      border: 1px solid #5A585D;
      border-radius: 0.4rem;
      left: 50%;
      padding: 2.4rem;
      position: absolute;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 40rem; }
      .network-viz-infobox.is-group-police, .network-viz-infobox.is-group-observateurs {
        left: auto;
        padding-left: 10rem;
        right: 1rem;
        -webkit-transform: none;
                transform: none; }
    .network-viz-infobox-image {
      height: 6.4rem;
      margin-left: -8rem;
      width: 6.4rem; }
    .network-viz-canvas {
      height: calc(100vh - 7.4rem); } }

.quote {
  font-family: "Oswald", sans-serif;
  font-weight: 500; }
  .quote blockquote {
    margin: 1rem 2rem; }
  .quote p {
    color: #FFF;
    margin: 0 auto 1rem;
    font-size: 2rem;
    line-height: 1.2;
    position: relative; }
    .quote p::before, .quote p::after {
      font-family: "Cousine", monospace;
      font-weight: bold;
      color: #E6E000;
      display: block;
      position: absolute; }
    .quote p::before {
      content: "«";
      -webkit-transform: rotate(7deg) translate(-2rem, -1rem);
              transform: rotate(7deg) translate(-2rem, -1rem); }
    .quote p::after {
      bottom: 0;
      content: "»";
      -webkit-transform: rotate(-5deg) translate(1rem, 1rem);
              transform: rotate(-5deg) translate(1rem, 1rem);
      right: 0; }
  .quote footer {
    text-align: center; }
  .quote cite {
    color: #E6E000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase; }
  .quote-date {
    color: #999;
    font-size: 1.1rem;
    margin-bottom: 1rem; }
  .quote.is-large p {
    font-size: 3rem; }
  .quote.is-centered {
    margin: 16rem auto;
    max-width: 48rem;
    text-align: center; }

.radio-dashboard-title {
  color: #FFF;
  font-family: "AtlasGrotesk", sans-serif;
  font-weight: bold;
  margin: 5rem 0 2.4rem; }

.radio-dashboard-items {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.4rem;
  list-style: none;
  margin: 0;
  padding: 0; }

.radio-dashboard-item-link {
  background-color: #1c1722;
  display: block;
  font-family: "Oswald", sans-serif;
  height: 16rem;
  padding: 1.6rem 2.4rem;
  position: relative;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, transform 0.2s ease;
  transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease; }
  .radio-dashboard-item-link:hover, .radio-dashboard-item-link:focus {
    background-color: #241f2a;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    z-index: 1; }
  .radio-dashboard-item-link:focus {
    outline: 0.2rem solid #E6E000; }

.radio-dashboard-item-name, .radio-dashboard-item-count {
  position: relative;
  z-index: 2; }

.radio-dashboard-item-name {
  font-size: 2.2rem;
  line-height: 1.1; }

.radio-dashboard-item-count {
  color: #D4CDDD;
  font-size: 1.4rem; }

.radio-dashboard-item-viz {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%; }

@media screen and (max-width: 799.9px) {
  .radio-dashboard-item-name {
    text-decoration: underline; }
  .radio-dashboard-item-viz {
    height: 75%; } }

@media screen and (min-width: 800px) {
  .radio-dashboard-item-viz {
    height: 60%; } }

@media screen and (min-width: 800px) and (max-width: 1249.9px) {
  .radio-dashboard-items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr); }
    .radio-dashboard-category:first-child .radio-dashboard-items {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }

@media screen and (min-width: 1250px) {
  .radio-dashboard-items {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr); }
    .radio-dashboard-category:first-child .radio-dashboard-items {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr); } }

.radio-topic-viz {
  height: 16rem;
  margin: 0 0 6.4rem;
  width: 100%; }

.radio-topic h2 {
  font-size: 1.5rem;
  margin-top: 0; }

.radio-topic-authors, .radio-topic-keywords {
  margin-bottom: 4rem; }

.radio-topic-authors-items, .radio-topic-keywords-items, .radio-topic-tweets-items {
  list-style: none;
  margin: 0;
  padding: 0; }

.radio-topic-authors-item, .radio-topic-tweets-item:first-child {
  border-top: 1px solid #5A585D; }

.radio-topic-authors-item {
  align-items: flex-start;
  display: flex;
  font-family: "Oswald", sans-serif;
  padding: 1rem;
  position: relative; }

.radio-topic-authors-image {
  border-radius: 50%;
  height: 3.2rem;
  margin-right: 0.8rem;
  width: 3.2rem; }

.radio-topic-authors-count {
  margin-left: auto; }

.radio-topic-authors-viz {
  background-color: #E6E000;
  bottom: 1rem;
  height: 0.4rem;
  left: 5rem;
  min-width: 1%;
  position: absolute; }

.radio-topic-keywords-item,
.radio-topic-tweets-text span {
  background-color: #1c1722;
  border: 1px solid #5A585D;
  display: inline-block;
  font-family: "Cousine", monospace;
  font-size: 1.2rem;
  margin: 0 0.8rem 0.8rem 0;
  padding: 0.5rem 0.5rem 0.3rem; }

.radio-topic-keywords-item,
.radio-topic-tweets-text span[class^=is-keyword-] {
  border-color: #E6E000;
  color: #E6E000; }

.radio-topic-keywords-item:first-child, .radio-topic-keywords-item:nth-child(2),
.radio-topic-tweets-text span.is-keyword-1,
.radio-topic-tweets-text span.is-keyword-2 {
  border-color: #F18322;
  color: #F18322; }

.radio-topic-keywords-item:nth-child(3), .radio-topic-keywords-item:nth-child(4), .radio-topic-keywords-item:nth-child(5),
.radio-topic-tweets-text span.is-keyword-3,
.radio-topic-tweets-text span.is-keyword-4,
.radio-topic-tweets-text span.is-keyword-5 {
  border-color: #E39A24;
  color: #E39A24; }

.radio-topic-keywords-item:nth-child(6), .radio-topic-keywords-item:nth-child(7),
.radio-topic-tweets-text span.is-keyword-6,
.radio-topic-tweets-text span.is-keyword-7 {
  border-color: #D4B226;
  color: #D4B226; }

.radio-topic-tweets-more {
  background-color: #1c1722;
  display: block;
  font-weight: bold;
  margin-top: 5rem;
  padding: 1.3rem 1.5rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease; }
  .radio-topic-tweets-more:hover, .radio-topic-tweets-more:focus {
    color: #FFF; }

@media screen and (min-width: 800px) {
  .radio-topic {
    margin-top: 8rem; }
    .radio-topic-content {
      display: -ms-grid;
      display: grid;
      grid-gap: 3.4rem;
      -ms-grid-columns: 30rem 1fr;
      grid-template-columns: 30rem 1fr; } }

.signalements .caption-square {
  border: 0.2rem solid #E6E000;
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem; }

.signalements-items {
  display: -ms-grid;
  display: grid;
  grid-gap: 2rem;
  list-style: none;
  margin: 4rem 0;
  padding: 0; }

.signalement {
  align-items: center;
  display: flex; }
  .signalement a {
    text-decoration: none; }
  .signalement-image {
    display: block;
    flex-shrink: 0;
    height: 8rem;
    margin-right: 2rem;
    width: 8rem; }
    .signalement-image img {
      height: 7.6rem;
      -o-object-fit: cover;
         object-fit: cover;
      width: 7.6rem; }
  .signalement-title {
    font-family: "Oswald", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase; }
    .signalement-title a {
      color: #FFF; }
  .signalement-tags {
    margin-top: 0.5rem; }
    .signalement-tags a:hover, .signalement-tags a:focus {
      color: #FFF; }
  .signalement.is-deontology .signalement-image {
    border: 0.2rem solid #E6E000 !important; }
  .signalement.without-image .signalement-image {
    border: 0.2rem solid #707070; }
  .signalement:nth-child(3n+1) .signalement-image {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  .signalement:nth-child(3n) .signalement-image,
  .signalement:nth-child(3n+2) .signalement-image {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  @media screen and (min-width: 800px) {
    .signalement-image {
      height: 15rem;
      width: 15rem; }
      .signalement-image img {
        height: 14.6rem;
        width: 14.6rem; } }

.start {
  margin-bottom: 10rem;
  margin-top: 5rem; }
  .start-link {
    background-color: #1c1722;
    display: block;
    font-weight: bold;
    padding: 1.3rem 1.5rem 1.5rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    .start-link:hover, .start-link:focus {
      color: #FFF; }
  .start + a.anchor {
    bottom: 0;
    position: absolute; }
  @media screen and (max-width: 799.9px) {
    .start {
      display: none; } }

.map text {
  font-family: "Cousine", monospace;
  fill: #fff; }

.map path {
  vector-effect: non-scaling-stroke; }

.map text {
  pointer-events: none; }

.map .popup {
  pointer-events: none; }

.map circle {
  cursor: pointer; }

.map .hidden {
  opacity: 0; }

.synthese {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem; }
  .synthese-part {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .synthese-part > svg {
      display: block;
      max-width: 100%; }
  .synthese-wounds {
    max-width: 41rem; }
    .synthese-wounds-item {
      font-family: "Oswald", sans-serif; }
      .synthese-wounds-item + .synthese-wounds-item {
        padding-top: 1rem; }
      .synthese-wounds-item.hand {
        float: left;
        max-width: 17rem; }
      .synthese-wounds-item.back {
        float: right;
        max-width: 17rem; }
      .synthese-wounds-item.sup {
        clear: both; }
    .synthese-wounds-count {
      font-weight: 700;
      font-size: 2.2rem;
      margin-right: 0.5rem; }
    .synthese-wounds-label {
      font-weight: 300;
      font-size: 1.8rem; }
    .synthese-wounds-viz {
      line-height: 1.2rem;
      margin-top: 0.5rem; }
    .synthese-wounds-viz-item {
      background-color: #E6E000;
      display: inline-block;
      height: 1rem;
      margin: 0 0.4rem 0.4rem 0;
      width: 1rem; }
      .synthese-wounds-viz-item.is-minors {
        background-color: #ff4434; }
      .synthese-wounds-viz-item.is-passerbys {
        background-color: #e5a04f; }
      .synthese-wounds-viz-item.is-press {
        background-color: #3d8443; }
      .synthese-wounds-viz-item.is-medics {
        background-color: #93d5f2; }
  .synthese .metrics {
    margin: 0; }
  .synthese.is-small {
    height: 36rem;
    margin-bottom: 0;
    position: relative;
    width: 96rem; }
    .synthese.is-small .synthese-wounds {
      margin-left: 2rem;
      margin-top: 8rem;
      max-width: 38rem; }
    .synthese.is-small .synthese-wounds-item + .synthese-wounds-item {
      padding-top: 0.2rem; }
    .synthese.is-small .synthese-wounds-item.head,
    .synthese.is-small .synthese-wounds-item.sup,
    .synthese.is-small .synthese-wounds-item.inf {
      max-width: 28rem; }
    .synthese.is-small .synthese-wounds-item.back {
      float: left;
      margin-left: 1rem; }
    .synthese.is-small .synthese-wounds-count {
      font-size: 1.2rem; }
    .synthese.is-small .synthese-wounds-label {
      font-size: 1.2rem;
      font-weight: 500; }
    .synthese.is-small .synthese-wounds-viz {
      line-height: 0; }
    .synthese.is-small .synthese-wounds-viz-item {
      height: 0.3rem;
      margin: 0 0.2rem 0.2rem 0;
      width: 0.3rem; }
    .synthese.is-small .metrics {
      font-size: 2rem;
      left: 35rem;
      position: absolute;
      top: 10rem; }
      .synthese.is-small .metrics::before {
        -webkit-transform: translateX(-2rem);
                transform: translateX(-2rem);
        width: 0.5rem; }
    .synthese.is-small .synthese-part:last-child > svg {
      width: 40rem !important; }
  @media screen and (min-width: 830px) and (max-width: 930px) {
    .synthese .metrics {
      margin-left: 5rem; } }
  @media screen and (max-width: 830px) {
    .synthese {
      display: block; }
      .synthese .metrics {
        margin: 2rem 0; }
      .synthese-wounds-item.hand, .synthese-wounds-item.back {
        float: none;
        max-width: none; } }

.switch {
  align-items: stretch;
  display: flex;
  justify-content: center;
  margin-bottom: 4rem; }
  .switch-link {
    border: 1px solid #5A585D;
    color: #D4CDDD;
    display: block;
    font-family: "Oswald", sans-serif;
    padding: 0.5rem 0.8rem;
    text-align: center;
    text-decoration: none; }
    .switch-link:first-child {
      border-radius: 0.4rem 0 0 0.4rem; }
    .switch-link + .switch-link {
      border-left: 0; }
    .switch-link:last-child {
      border-radius: 0 0.4rem 0.4rem 0; }
    .switch-link.is-active {
      background-color: #E6E000;
      border-color: #E6E000;
      color: #0B0612; }
    .switch-link:hover, .switch-link:focus {
      border-color: #707070;
      outline: none; }
  @media screen and (max-width: 799.9px) {
    .switch-link {
      min-width: 8rem; } }
  @media screen and (min-width: 800px) {
    .switch-link {
      min-width: 13.6rem; } }

.top-nav {
  font-family: "AtlasGrotesk", sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.055rem;
  text-transform: uppercase; }
  .top-nav a {
    color: #FFF;
    padding: 0.5rem 0;
    text-decoration: none; }
  .top-nav-items {
    list-style: none;
    margin: 0;
    padding: 0; }
    .top-nav-items a {
      padding: 0.5rem 1rem; }
    .top-nav-items .top-nav-item.is-active a,
    .top-nav-items a:hover,
    .top-nav-items a:focus {
      text-decoration: underline;
      -webkit-text-decoration-color: #E6E000;
              text-decoration-color: #E6E000;
      text-underline-offset: 0.4rem; }
  @media screen and (max-width: 799.9px) {
    .top-nav {
      margin: 4rem 0;
      -webkit-transform: translateX(-1rem);
              transform: translateX(-1rem); }
      .top-nav, .top-nav-back {
        display: none; }
      .top-nav-item + .top-nav-item {
        margin-top: 1rem; } }
  @media screen and (min-width: 800px) {
    .top-nav {
      background-color: #0B0612;
      left: 26rem;
      padding: 2rem 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 4; }
      .top-nav > .container {
        align-items: center;
        display: flex;
        justify-content: flex-end; }
      .top-nav-back {
        margin-right: auto; }
      .top-nav-items {
        margin-right: -0.5rem; }
      .top-nav-item {
        display: inline-block; }
      .top-nav-item + .top-nav-item {
        margin-left: 0.4rem; } }

.viz-complaints-numbers {
  margin: 4rem 0; }

.viz-complaints var {
  color: #E6E000;
  font-weight: 500; }

.viz-complaints-number, .viz-complaints-top-title {
  background-color: #1c1722;
  font-family: "Oswald", sans-serif; }

.viz-complaints-number {
  padding: 0 1.6rem; }
  .viz-complaints-number var {
    font-size: 5.6rem;
    margin-right: 1.6rem; }
  .viz-complaints-number span {
    font-size: 2rem; }
  .viz-complaints-number.is-highlighted {
    background-color: #E6E000; }
    .viz-complaints-number.is-highlighted var, .viz-complaints-number.is-highlighted span {
      color: #0B0612; }

.viz-complaints-number-label, .viz-complaints-stack-title-label {
  color: #FFF; }

.viz-complaints-stacks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  font-family: "Oswald", sans-serif;
  grid-gap: 1.6rem;
  list-style: none;
  margin: 0 0 5rem;
  padding: 0; }

.viz-complaints-stack {
  border-top: 1px solid #1c1722;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding-top: 1.2rem; }

.viz-complaints-stack-items {
  display: flex;
  flex-direction: column-reverse; }
  .viz-complaints-stack-items > i {
    background-color: #E6E000;
    border: 1px solid #0B0612;
    display: block;
    height: 1.6rem;
    margin-top: -0.6rem;
    -webkit-transform: skewX(-35deg) translateX(0.5rem);
            transform: skewX(-35deg) translateX(0.5rem);
    width: 5rem; }

.viz-complaints-stack-title {
  margin-bottom: 2rem; }

.viz-complaints-stack-title-label {
  color: #D9D9D9;
  display: block;
  font-size: 1.4rem;
  line-height: 1.5; }

.viz-complaints-top-heading {
  display: flex;
  margin-bottom: 1.6rem; }

.viz-complaints-top-title {
  font-weight: normal;
  line-height: 1.2;
  margin: 0; }
  .viz-complaints-top-title:first-child {
    flex-grow: 1;
    margin-right: 1.6rem;
    padding: 1.6rem; }
  .viz-complaints-top-title em {
    display: block; }
  .viz-complaints-top-title.is-top {
    color: #E6E000;
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 1.6rem; }
    .viz-complaints-top-title.is-top .viz-complaints-top-text {
      -webkit-transform: rotate(-13deg);
              transform: rotate(-13deg); }
    .viz-complaints-top-title.is-top .viz-complaints-top-badge {
      align-items: center;
      background: no-repeat center/contain url("/images/badge.svg");
      color: #0B0612;
      display: flex;
      font-size: 3.4rem;
      height: 8rem;
      justify-content: center;
      margin-left: 0.5rem;
      width: 8rem; }

.viz-complaints-top-items {
  counter-reset: viz-complaints-top;
  list-style: none;
  margin: 0;
  padding: 0; }
  .viz-complaints-top-items::after {
    content: url("/images/bottom-top5.svg");
    display: block;
    pointer-events: none;
    -webkit-transform: translateY(-1.8rem);
            transform: translateY(-1.8rem); }

.viz-complaints-top-item {
  position: relative; }
  .viz-complaints-top-item + .viz-complaints-top-item {
    margin-top: 0.2rem; }
  .viz-complaints-top-item:first-child::after {
    content: url("/images/impact1.svg");
    display: block;
    left: -1rem;
    pointer-events: none;
    position: absolute;
    top: -2rem; }
  .viz-complaints-top-item:last-child::after {
    content: url("/images/impact4.svg");
    display: block;
    left: 4rem;
    pointer-events: none;
    position: absolute;
    top: 3rem; }

.viz-complaints-top-item-link {
  align-items: center;
  background-color: #F2EFEF;
  display: flex;
  min-height: 5rem;
  overflow: hidden;
  position: relative;
  text-decoration: none; }
  .viz-complaints-top-item-link::before {
    align-items: center;
    align-self: stretch;
    background-color: #E6E000;
    color: #0B0612;
    content: counter(viz-complaints-top, decimal);
    counter-increment: viz-complaints-top;
    display: flex;
    flex-shrink: 0;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    font-size: 2.8rem;
    justify-content: center;
    margin-right: 1.5rem;
    width: 5rem; }
  .viz-complaints-top-item-link::after {
    background-color: #E6E000;
    content: "";
    display: block;
    position: absolute;
    height: 2rem;
    left: 2rem;
    top: 30%;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 2rem;
    z-index: 0; }
  .viz-complaints-top-item-link:hover::after, .viz-complaints-top-item-link:focus::after {
    -webkit-transform: translateX(1.5rem) rotate(45deg);
            transform: translateX(1.5rem) rotate(45deg); }

.viz-complaints-top-item:first-child::after, .viz-complaints-top-item:last-child::after, .viz-complaints-top-item-link::before, .viz-complaints-top-item-label, .viz-complaints-top-item-count {
  z-index: 2; }

.viz-complaints-top-item-label {
  color: #0B0612;
  font-family: "Cousine", monospace; }

.viz-complaints-top-item-count {
  display: flex;
  flex-direction: row-reverse;
  margin: 0 2.4rem 0 auto; }
  .viz-complaints-top-item-count > i {
    background-color: #1c1722;
    border: 1px solid #F2EFEF;
    display: block;
    height: 1.6rem;
    margin-left: -0.3rem;
    -webkit-transform: skewY(-35deg);
            transform: skewY(-35deg);
    width: 0.9rem; }

@media screen and (max-width: 799.9px) {
  .viz-complaints-number + .viz-complaints-number {
    margin-top: 1.6rem; }
  .viz-complaints-stacks {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr); }
  .viz-complaints-top-title {
    font-size: 1.8rem; }
  .viz-complaints-top-item-label {
    font-size: 1.3rem;
    padding: 1rem 0; } }

@media screen and (min-width: 800px) {
  .viz-complaints-numbers {
    display: flex;
    margin: 4rem 0; }
  .viz-complaints-number {
    flex-grow: 1; }
    .viz-complaints-number + .viz-complaints-number {
      margin-left: 1.6rem; }
    .viz-complaints-number.is-highlighted {
      text-align: center; }
  .viz-complaints-stacks {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr); }
  .viz-complaints-top-title {
    font-size: 2rem; }
    .viz-complaints-top-title.is-top .viz-complaints-top-text {
      align-items: center;
      display: flex;
      justify-content: center; }
  .viz-complaints-top-item-label {
    font-size: 1.5rem; } }

.viz-table + .viz-table {
  margin-top: 16rem; }

.viz-table:first-of-type {
  margin-top: 6rem; }

.viz-table-count {
  align-items: center;
  background-color: #E6E000;
  color: #0B0612;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin-right: 2rem;
  position: absolute;
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
  z-index: 3; }

.viz-table:nth-child(2n) .viz-table-count {
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg); }

.viz-table-annotation {
  color: #E6E000;
  font-family: "Cousine", monospace;
  font-size: 1.3rem;
  max-width: 35rem;
  position: absolute;
  text-align: left;
  z-index: 1; }
  .viz-table-annotation::before {
    display: block;
    position: absolute; }
  .viz-table-annotation.annotation-1-1 {
    left: -2rem;
    top: -6rem;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    z-index: 2; }
    .viz-table-annotation.annotation-1-1::before {
      content: url("/images/arrows/2.svg");
      left: -2rem;
      top: 1rem;
      -webkit-transform: rotate(-50deg);
              transform: rotate(-50deg); }
  .viz-table-annotation.annotation-1-2 {
    left: 10rem;
    top: 5rem;
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
    .viz-table-annotation.annotation-1-2::before {
      content: url("/images/arrows/1.svg");
      left: -6rem;
      top: -4rem; }
  .viz-table-annotation.annotation-1-3 {
    right: 2rem;
    top: 6rem;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    width: 22rem; }
    .viz-table-annotation.annotation-1-3::before {
      content: url("/images/arrows/6.svg");
      left: -5rem;
      top: -8rem;
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
  .viz-table-annotation.annotation-2-1 {
    right: 7rem;
    top: 3rem;
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
    .viz-table-annotation.annotation-2-1::before {
      content: url("/images/arrows/6.svg");
      right: -5rem;
      top: -9rem; }
  .viz-table-annotation.annotation-3-1 {
    max-width: none;
    right: -8rem;
    top: 7.5rem;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    width: 34rem; }
    .viz-table-annotation.annotation-3-1::before {
      content: url("/images/arrows/7.svg");
      right: 4rem;
      top: -7rem;
      -webkit-transform: rotate(-30deg);
              transform: rotate(-30deg); }
  .viz-table-annotation.annotation-3-2 {
    right: 16rem;
    max-width: none;
    top: 1rem;
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
    width: 23rem; }
    .viz-table-annotation.annotation-3-2::before {
      content: url("/images/arrows/6.svg");
      right: -7rem;
      top: -2rem;
      -webkit-transform: rotate(56deg);
              transform: rotate(56deg); }
  .viz-table-annotation.annotation-4-1 {
    left: 10rem;
    top: 2rem;
    max-width: none;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    width: 36rem; }
    .viz-table-annotation.annotation-4-1::before {
      content: url("/images/arrows/2.svg");
      left: -7rem;
      top: 1rem; }
  .viz-table-annotation.annotation-4-2 {
    left: -30rem;
    top: -9rem;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
    .viz-table-annotation.annotation-4-2::before {
      content: url("/images/arrows/4.svg");
      right: -4rem;
      top: 2rem;
      -webkit-transform: scale(-1) rotate(66deg);
              transform: scale(-1) rotate(66deg); }
  .viz-table-annotation.annotation-5-1 {
    left: 5rem;
    top: 5rem;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    width: 20rem; }
    .viz-table-annotation.annotation-5-1::before {
      content: url("/images/arrows/5.svg");
      left: -3rem;
      top: -4rem; }
  .viz-table-annotation.annotation-5-2 {
    bottom: -18rem;
    max-width: none;
    right: -1rem;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    width: 28rem; }
    .viz-table-annotation.annotation-5-2::before {
      content: url("/images/arrows/6.svg");
      right: 3rem;
      top: -11rem; }
  .viz-table-annotation.annotation-6-1 {
    max-width: none;
    right: 21rem;
    top: -4rem;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    width: 29rem; }
    .viz-table-annotation.annotation-6-1::before {
      content: url("/images/arrows/6.svg");
      right: -8rem;
      top: 6rem;
      -webkit-transform: scaleX(1.5) rotate(70deg);
              transform: scaleX(1.5) rotate(70deg); }
  .viz-table-annotation.annotation-8-1 {
    max-width: none;
    right: 14rem;
    top: 1rem;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    width: 11rem; }
    .viz-table-annotation.annotation-8-1::before {
      content: url("/images/arrows/6.svg");
      right: -6rem;
      top: -4rem;
      -webkit-transform: rotate(77deg);
              transform: rotate(77deg); }

.viz-table thead tr.sticky th {
  background-color: #0B0612;
  position: -webkit-sticky;
  position: sticky;
  text-align: center;
  z-index: 2; }

.viz-table tfoot tr td {
  background-color: #0B0612;
  position: relative;
  height: 10rem; }

.viz-table tr.title td {
  background-color: #0B0612;
  position: relative;
  text-align: left; }
  .viz-table tr.title td h2 {
    color: #FFF;
    display: inline-block;
    font-family: "AtlasGrotesk", sans-serif;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0; }
  .viz-table tr.title td p {
    font-size: 1.4rem; }

.viz-table tr.subtitle th,
.viz-table tr.subtitle td {
  background-color: #38323e; }

.viz-table tr th {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  text-align: left;
  width: 35%; }

.viz-table th,
.viz-table td {
  background-color: #1c1722;
  padding: 1rem; }

.viz-table th.is-aligned-right {
  text-align: right; }

.viz-table td:nth-child(2n) {
  background-color: #241f2a; }

.viz-table th:empty,
.viz-table td:empty,
.viz-table tr.subtitle td:empty {
  background-color: #0B0612; }

.viz-table td.is-highlighted {
  background-color: #330d22; }

.viz-table tr.subtitle td.is-highlighted {
  background-color: #402534; }

.viz-table .has-annotation {
  position: relative; }

.viz-table .has-dots {
  letter-spacing: -0.2rem;
  line-height: 0.8;
  text-align: center; }
  .viz-table .has-dots > var {
    letter-spacing: 0;
    display: block;
    font-size: 1.2rem;
    margin-top: 1rem; }

.viz-table .has-dashes {
  line-height: 0.2;
  text-align: center; }
  .viz-table .has-dashes > var {
    display: block;
    font-size: 1.2rem; }
  .viz-table .has-dashes > br + var {
    margin-top: 1rem; }

@media screen and (max-width: 1049.9px) {
  .viz-table:not(.is-mobile) {
    display: none; }
  .viz-table table {
    text-align: right; }
    .viz-table table thead th {
      background-color: #38323e; }
    .viz-table table tbody tr:last-child th {
      background-color: #402534; }
    .viz-table table tbody tr:last-child td {
      background-color: #330d22; }
  .viz-table-heading {
    text-align: left;
    padding-left: 5rem;
    position: relative; }
  .viz-table-count {
    font-size: 3.3rem;
    height: 4.4rem;
    left: -1rem;
    top: -0.5rem;
    width: 4.4rem; }
  .viz-table-annotation {
    display: none; } }

@media screen and (min-width: 1050px) {
  .viz-table {
    text-align: right;
    width: 100%; }
    .viz-table.is-mobile {
      display: none; }
    .viz-table-heading {
      align-items: center;
      display: flex; }
    .viz-table-count {
      font-size: 5.3rem;
      height: 7.4rem;
      left: 0;
      width: 7.4rem; }
    .viz-table thead tr.sticky th {
      top: 7.4rem; }
    .viz-table tr.title td {
      padding-left: 10rem; } }

.weapons {
  margin: 4rem 0; }
  .weapons-items {
    display: -ms-grid;
    display: grid;
    grid-gap: 5rem;
    grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
    list-style: none;
    margin: 0;
    padding: 0; }
  .weapons-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative; }
    .weapons-item a {
      color: #FFF;
      display: block;
      text-decoration: none; }
      .weapons-item a:hover .weapons-item-disc, .weapons-item a:focus .weapons-item-disc {
        background-color: #E6E000; }
  .weapons-item-name, .weapons-item-signalements, .weapons-item-image {
    position: relative;
    z-index: 1; }
  .weapons-item-name, .weapons-item-signalements {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase; }
  .weapons-item-name {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0 0 0.5rem; }
  .weapons-item-signalements {
    color: #E6E000;
    font-size: 1.6rem; }
  .weapons-item-disc {
    align-items: center;
    background-color: rgba(230, 224, 0, 0.9);
    border-radius: 50%;
    display: flex;
    height: 20rem;
    margin: 2rem auto 0;
    justify-content: center;
    width: 20rem; }
  .weapons-item-image {
    display: block;
    max-height: 12rem;
    width: 100%; }

.weapon-image {
  height: 50vw;
  max-height: 30rem;
  position: relative; }
  .weapon-image img {
    display: block;
    margin: 0 auto;
    max-width: 30rem;
    position: relative; }
  .weapon-image::before {
    background: url(/images/glow.png) center center no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    width: 100%; }

@media print {
  body {
    width: auto !important;
    margin: auto !important;
    font-family: serif;
    font-size: 12pt;
    background-color: #fff !important;
    color: #000 !important; }
  p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
    color: #000 !important;
    margin: auto !important; }
  .print {
    display: block;
    /* affichage des éléments de classe print */ }
  p, blockquote {
    orphans: 3;
    /* pas de ligne seule en bas */
    widows: 3;
    /* pas de ligne seule en haut */ }
  blockquote, ul, ol {
    page-break-inside: avoid;
    /* pas de coupure dans ces élements */ }
  h1, h2, h3, caption {
    page-break-after: avoid;
    /* pas de saut après ces éléments */ }
  a {
    color: #000 !important;
    text-decoration: underline !important; }
  em, strong {
    color: #333 !important; } }