/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
/* color magritte 2015 */
/* offer colours */
/* =) */
/* Color product */
/* Nuance de gris */
/* HBO */
.cgu {
  background: #f5f5f5;
  color: #8c8c8c; }
  .cgu .innerContainer {
    max-width: 1024px; }
    @media (min-width: 1440px) {
      .cgu .innerContainer {
        max-width: 1440px; }
        .cgu .innerContainer .opener {
          margin: 0 8.8%; }
        .cgu .innerContainer .content {
          margin: 0 8.8%; } }
  .cgu h3 {
    font-size: 1.4rem;
    padding: 0 0 15px 0;
    font-weight: 600; }
  .cgu .opener {
    margin-left: 1.5em;
    margin-right: 14px;
    padding: 20px 0;
    font-size: 12px;
    cursor: pointer;
    position: relative; }
    .cgu .opener .icon {
      position: absolute;
      right: 0;
      width: 25px;
      height: 25px;
      display: inline-block;
      background: #fff;
      top: calc(50% - 12px);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      border: 2px solid #eaeaea;
      text-align: center; }
      .cgu .opener .icon svg {
        width: 6px;
        height: 11px;
        fill: #8c8c8c;
        left: 8px;
        top: 5px;
        position: absolute; }
    .cgu .opener.opened .icon {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg); }
  .cgu .content {
    display: none;
    margin-left: 1.2em;
    margin-right: 14px;
    border-top: solid 1px #DDD;
    padding-top: 20px; }
    .cgu .content h2 {
      font-weight: 600;
      margin-bottom: 0;
      padding: 20px 0;
      font-size: 12px;
      padding-top: 0;
      padding-bottom: 0; }
    .cgu .content p {
      font-family: "Avenir Next W01_400","Nunito",sans-serif;
      font-style: normal;
      margin: 0;
      font-size: 12px;
      line-height: 1.4;
      padding: 0 0 15px; }
    .cgu .content h3 {
      font-family: "Avenir Next W01_400","Nunito",sans-serif;
      font-style: normal;
      line-height: 1.5;
      margin: 0;
      padding: 0 0 5px;
      font-size: 12px; }