/*
 * 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 */
.cf:before, .cf:after {
  content: '';
  display: table; }

.cf:after {
  clear: both; }

header {
  background: #ef5400; }
  @media (min-width: 1024px) {
    header {
      height: 110px; } }
  @media (min-width: 1440px) {
    header {
      height: 110px; } }

.voeux {
  margin-top: 82px; }
  .voeux .innerContainer {
    position: relative;
    *zoom: 1;
    padding-top: 50px;
    padding-bottom: 50px; }
    .voeux .innerContainer:after {
      content: "";
      display: table;
      clear: both; }
  .voeux .title h1 {
    color: #000000;
    text-align: center;
    padding-bottom: 30px; }
  .voeux .title h2 {
    padding-bottom: 20px;
    color: #000000;
    text-align: center; }
  @media (min-width: 1024px) {
    .voeux {
      margin-top: 110px; }
      .voeux .innerContainer {
        padding-top: 138px; } }
  @media (min-width: 1440px) {
    .voeux .innerContainer {
      padding-top: 50px; } }

body {
  font-size: 100%; }

.box-video {
  padding-top: 56.25%;
  position: relative;
  max-width: 1024px;
  margin: 0 auto; }

.box-video video {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
  z-index: 1; }