/*
 * 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 */
section {
  font-family: "Avenir Next W01"; }
  section.header {
    background: url("/static/assets/images/bg/bgOrangeShade.jpg") no-repeat;
    background-size: cover;
    min-height: 200px;
    position: relative; }
    section.header .innerContainer {
      height: 100%; }
    section.header h1 {
      font-size: 25px;
      font-weight: 400;
      color: #fff;
      padding: 0;
      position: absolute;
      bottom: 16px; }
    @media (min-width: 1024px) {
      section.header {
        height: 202px; }
        section.header .innerContainer {
          max-width: 790px;
          margin: 0 auto;
          padding-left: 0;
          padding-right: 0; }
        section.header h1 {
          font-size: 35px;
          font-weight: 400;
          bottom: 30px; } }
    @media (min-width: 1440px) {
      section.header {
        height: 354px; }
        section.header .innerContainer {
          max-width: 920px;
          margin-left: auto;
          margin-right: auto;
          padding-left: 0; }
        section.header h1 {
          font-size: 43px;
          font-weight: 400;
          bottom: 75px; } }
  section.mainContent .innerContainer {
    background: #ffffff;
    padding: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    section.mainContent .innerContainer:after {
      content: " ";
      display: block;
      clear: both; }
    section.mainContent .innerContainer ol,
    section.mainContent .innerContainer .contentConditions {
      padding: 0 1rem 0 1rem;
      margin: 0; }
    section.mainContent .innerContainer ol {
      list-style-position: inside;
      padding-top: 30px; }
      section.mainContent .innerContainer ol li {
        font-size: 19px;
        font-weight: 500;
        color: #1d1d1d; }
        section.mainContent .innerContainer ol li a {
          display: inline-block;
          line-height: 35px;
          width: 90%;
          padding-right: 1.5rem;
          position: relative;
          text-decoration: none;
          color: #1d1d1d; }
      section.mainContent .innerContainer ol .last {
        padding-bottom: 0; }
    section.mainContent .innerContainer .contentConditions {
      padding-top: 40px; }
    section.mainContent .innerContainer h3 {
      font-size: 25px;
      color: #1d1d1d; }
    section.mainContent .innerContainer p {
      color: #8c8c8c;
      font-size: 17px; }
    section.mainContent .innerContainer p.lastText {
      padding-bottom: 0; }
    @media (min-width: 1024px) {
      section.mainContent .innerContainer {
        padding: 0;
        max-width: 100%; }
        section.mainContent .innerContainer ol,
        section.mainContent .innerContainer .contentConditions {
          max-width: 790px;
          margin: 0 auto;
          padding-left: 0;
          padding-right: 0; }
        section.mainContent .innerContainer ol {
          padding: 75px 0;
          list-style-position: outside; }
        section.mainContent .innerContainer .contentConditions {
          padding-top: 0; }
        section.mainContent .innerContainer p.lastText {
          padding-bottom: 75px; } }
    @media (min-width: 1440px) {
      section.mainContent .innerContainer ol,
      section.mainContent .innerContainer .contentConditions {
        max-width: 920px;
        margin-left: auto;
        margin-right: auto; } }