/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
@media only screen and (max-width: 959px) {
  .paragraph--type--se-deplacer-autrement {
    display: none;
  }
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container {
  border: 1px solid whitesmoke;
  border-radius: 1rem;
  padding-left: 0;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container .se-deplacer-title {
  position: relative;
  padding: 0.7rem 1rem 0.7rem 1rem;
  background-color: whitesmoke;
  border-radius: 1rem;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.4 !important;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container .se-deplacer-title span.uk-icon {
  padding-bottom: 1rem;
  color: #fd5312;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container.collapsible {
  cursor: pointer;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container.collapsible .uk-icon.triangle {
  position: absolute;
  bottom: 0;
  right: 1rem;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  -o-transition: transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container.collapsible .uk-icon.triangle.rotated {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  padding-top: 1rem;
  padding-bottom: 0;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container.collapsible .se-deplacer-links {
  display: none;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container .se-deplacer-links > div {
  position: relative;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin: 0 1rem;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container .se-deplacer-links > div.active-link {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.4 !important;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container .se-deplacer-links > div a {
  display: block;
  color: #848484;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1.4 !important;
}
.paragraph--type--se-deplacer-autrement .se-deplacer-autrement-container .se-deplacer-links > div a:hover {
  color: #fd5312;
}

@media only screen and (max-width: 959px) {
  .deplacer-active-link {
    font-family: "Roboto-Regular", sans-serif !important;
    font-size: 1.8rem;
    line-height: 1.4 !important;
    line-height: 1.4 !important;
    color: black;
    overflow: visible;
    padding: 2.5rem 1.5rem 2.5rem 1rem;
    position: relative;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: normal;
    font-weight: bold;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}