@charset "UTF-8";
/*! Theme Rendez-vous du Futur */
/******************************************************************
Site Name: RDVF
Author: Hello_world

Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Plugin directory

******************************************************************/
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/******************************************************************
Base directory

******************************************************************/
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active, a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: .83em;
  margin: 1.67em 0;
}

h6 {
  font-size: .75em;
  margin: 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

p, pre {
  margin: 1em 0;
}

code, kbd, pre, samp {
  font-family: monospace,serif;
  _font-family: 'courier new',monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl, menu, ol, ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu, ol, ul {
  padding: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
Module directory

******************************************************************/
/*
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 22px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  position: relative;
}

.hamburger-inner {
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
 *  Animation
 */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.14s ease, opacity 0.1s ease;
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.14s;
          transition-delay: 0.14s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease, opacity 0.1s 0.14s ease;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -ms-grid-row-align: flex-start;
      align-items: flex-start;
  -webkit-transition-property: -webkit-transform,height;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}

.swiper-container-cube, .swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@font-face {
  font-family: 'icon';
  src: url("fonts/icon.eot?93752998");
  src: url("fonts/icon.eot?93752998#iefix") format("embedded-opentype"), url("fonts/icon.woff2?93752998") format("woff2"), url("fonts/icon.woff?93752998") format("woff"), url("fonts/icon.ttf?93752998") format("truetype"), url("fonts/icon.svg?93752998#icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icon';
    src: url('../font/icon.svg?93752998#icon') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-quote-left:before {
  content: '\e800';
}

/* '' */
.icon-quote-right:before {
  content: '\e801';
}

/* '' */
.icon-facebook:before {
  content: '\e802';
}

/* '' */
.icon-instagram:before {
  content: '\e803';
}

/* '' */
.icon-twitter:before {
  content: '\e804';
}

/* '' */
.icon-youtube:before {
  content: '\e805';
}

/* '' */
.icon-ticket:before {
  content: '\e806';
}

/* '' */
.icon-play:before {
  content: '\e807';
}

/* '' */
.icon-down:before {
  content: '\e808';
}

/* '' */
.icon-up:before {
  content: '\e809';
}

/* '' */
.icon-help:before {
  content: '\e80a';
}

/* '' */
.icon-map:before {
  content: '\e80c';
}

/* '' */
.icon-signal:before {
  content: '\e80e';
}

/* '' */
.icon-chrono:before {
  content: '\e810';
}

/* '' */
.icon-download:before {
  content: '\e811';
}

/* '' */
/******************************************************************
Layout directory

******************************************************************/
/******************************************************************
Definition des mixins
******************************************************************/
/****************************************
TITRE, TYPO, TAG
****************************************/
/****************************************
BLOC ELEMENT
****************************************/
/******************************************************************
Definition des variables
******************************************************************/
footer {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-top: 3.125em;
  background-color: #5d439b;
  padding-left: 0.625em;
  padding-right: 0.625em;
}

footer:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  footer {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    padding-top: 0em;
    padding-left: 0em;
    padding-right: 0em;
  }
  footer:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  footer {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
    padding-bottom: 1.75em;
    background-color: transparent;
  }
  footer:last-child {
    margin-right: 0;
  }
}

.newsletter {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.newsletter:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .newsletter {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .newsletter:last-child {
    margin-right: 0;
  }
}

.newsletter p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 73.8095238095%;
  padding-bottom: 1.875em;
  color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
}

.newsletter p:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .newsletter p {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-top: 1.875em;
    padding-bottom: 0.625em;
  }
  .newsletter p:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .newsletter p {
    color: #141414;
  }
}

input {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

input:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  input {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 55.2325581395%;
    margin-left: 12.7906976744%;
  }
  input:last-child {
    margin-right: 0;
  }
}

button {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 34.5238095238%;
}

button:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  button {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 16.8604651163%;
  }
  button:last-child {
    margin-right: 0;
  }
}

footer .icon-social {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.575em;
  text-align: center;
  padding-top: 1.25em;
  padding-bottom: 0.625em;
}

footer .icon-social:last-child {
  margin-right: 0;
}

footer .icon-social a {
  color: #FFF;
  padding-left: 0.2125em;
  padding-right: 0.2125em;
}

@media screen and (min-width: 768px) {
  footer .icon-social {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 25%;
    margin-left: 12.7906976744%;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    text-align: left;
  }
  footer .icon-social:last-child {
    margin-right: 0;
  }
  footer .icon-social a {
    padding-left: 0;
    padding-right: 0.625em;
  }
}

@media screen and (min-width: 1030px) {
  footer .icon-social {
    display: none;
  }
}

.mention {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  text-align: center;
  padding-bottom: 2.5em;
}

.mention:last-child {
  margin-right: 0;
}

.mention a {
  font-size: 0.875em;
  color: #FFF;
  padding-left: 0.625em;
}

@media screen and (min-width: 768px) {
  .mention {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
    text-align: right;
    padding-top: 3.125em;
    padding-bottom: 1.25em;
  }
  .mention:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .mention {
    display: none;
  }
}

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0;
}

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em;
}

input,
select,
textarea {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  color: #FFF;
}

@media screen and (min-width: 1030px) {
  input,
  select,
  textarea {
    color: #141414;
  }
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple] {
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #FFF;
  box-sizing: border-box;
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  color: #FFF;
}

@media screen and (min-width: 1030px) {
  input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
  select[multiple] {
    border-bottom: 3px solid #141414;
    color: #141414;
  }
}

textarea {
  resize: vertical;
}

[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em;
}

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 0.75em;
  max-width: 100%;
  width: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #FFF;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1;
  padding: 0.5625em;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: #5d439b;
  color: #FFF;
  border: 2px solid #FFF;
}

button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
  cursor: not-allowed;
}

@media screen and (min-width: 1030px) {
  button, input[type="button"], input[type="reset"], input[type="submit"] {
    color: #141414;
    border: 2px solid #141414;
  }
}

/******************************************************************
HEADER
******************************************************************/
header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #FFF;
  height: 4.375em;
  box-shadow: 0px 0px 2px 1px #c6c6c5;
  z-index: 2;
}

@media screen and (min-width: 1030px) {
  header {
    display: none;
    box-shadow: none;
    z-index: 0;
  }
}

.logo-mobile {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  text-align: center;
  padding-top: 0.75em;
}

.logo-mobile:last-child {
  margin-right: 0;
}

.logo-mobile img {
  height: 3.125em;
}

@media screen and (min-width: 768px) {
  .logo-mobile {
    display: none;
  }
}

.logo-tablet {
  display: none;
}

@media screen and (min-width: 768px) {
  .logo-tablet {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
    margin-left: 38.3720930233%;
    padding-top: 0.75em;
  }
  .logo-tablet:last-child {
    margin-right: 0;
  }
  .logo-tablet img {
    height: 3.125em;
  }
}

@media screen and (min-width: 768px) and (min-width: 1030px) {
  .logo-tablet {
    display: none;
  }
}

.live {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  padding-top: 1.375em;
  padding-right: 1.5625em;
  text-align: right;
}

.live:last-child {
  margin-right: 0;
}

.live a {
  font-size: 1em;
  color: #5d439b;
  border: 2px solid #5d439b;
  padding-top: 0.1875em;
  padding-bottom: 0.1875em;
  padding-left: 0.625em;
  padding-right: 0.625em;
}

@media screen and (min-width: 768px) {
  .live {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
    padding-right: 1.25em;
  }
  .live:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .live {
    display: none;
  }
}

/******************************************************************
MENU
******************************************************************/
.menu-wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #5d439b;
  z-index: 2;
  display: none;
}

.hidden {
  display: none;
}

@media screen and (min-width: 1030px) {
  .hidden {
    display: none;
  }
}

.visible {
  display: block;
}

@media screen and (min-width: 1030px) {
  .visible {
    display: none;
  }
}

.wrapper {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.wrapper li {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #FFF;
  padding-top: 0.9375em;
  font-size: 8vw;
}

.wrapper li:last-child {
  margin-right: 0;
}

.wrapper a {
  color: #FFF;
}

@media screen and (min-width: 768px) {
  .wrapper li {
    font-size: 6vw;
  }
}

@media screen and (min-width: 1030px) {
  .wrapper {
    display: none;
  }
}

.menu-wrapper .icon-social {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  font-size: 1.875em;
  text-align: center;
}

.menu-wrapper .icon-social a {
  color: #FFF;
  padding-left: 0.3125em;
}

@media screen and (min-width: 1030px) {
  .menu-wrapper .icon-social {
    display: none;
  }
}

.logo-blanc {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  text-align: center;
  padding-top: 1.125em;
}

.logo-blanc:last-child {
  margin-right: 0;
}

.logo-blanc img {
  height: 15vw;
}

@media screen and (min-width: 768px) {
  .logo-blanc {
    padding-top: 1.5625em;
  }
  .logo-blanc img {
    height: 12vw;
  }
}

@media screen and (min-width: 1030px) {
  .logo-blanc {
    display: none;
  }
}

/******************************************************************
Page directory

******************************************************************/
/******************************************************************
Definition des mixins
******************************************************************/
/****************************************
TITRE, TYPO, TAG
****************************************/
/****************************************
BLOC ELEMENT
****************************************/
/******************************************************************
Definition des variables
******************************************************************/
/****************************
HOME
****************************/
/******************************************************************
HOME
******************************************************************/
.container {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.container::after {
  clear: both;
  content: "";
  display: table;
}

/****************************************
Menu Burger
****************************************/
.croix {
  position: fixed;
  top: 0;
  background-color: transparent;
  height: 4.375em;
  z-index: 4;
}

@media screen and (min-width: 1030px) {
  .croix {
    display: none;
  }
}

.hamburger {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
}

.hamburger:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .hamburger {
    display: none;
  }
}

/****************************************
Menu Desktop
****************************************/
.menu-desktop {
  display: none;
}

@media screen and (min-width: 1030px) {
  .menu-desktop {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 23.8461538462%;
    position: fixed;
    top: 1.1875em;
    bottom: 0;
    height: 100%;
    padding-left: 1.5625em;
  }
  .menu-desktop:last-child {
    margin-right: 0;
  }
}

.menu-desktop ul {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 86.9047619048%;
}

.menu-desktop ul:last-child {
  margin-right: 0;
}

.menu-desktop li {
  padding-bottom: 0.5625em;
}

.menu-desktop a {
  font-size: 1.125em;
  font-weight: 700;
  text-align: left;
  color: #5d439b;
}

.menu-desktop a:hover, .menu-desktop a:focus {
  color: #141414;
}

@media screen and (min-width: 1550px) {
  .menu-desktop {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 19.6153846154%;
  }
  .menu-desktop:last-child {
    margin-right: 0;
  }
}

.logo-desktop {
  position: fixed;
  text-align: left;
  top: 40%;
}

.logo-desktop img {
  height: 7.5em;
}

.mention-desktop {
  position: fixed;
  bottom: 0.75em;
}

.mention-desktop ul {
  width: auto;
}

/****************************************
LIVE DESKTOP
****************************************/
.live-desktop {
  position: fixed;
  top: 11.25em;
}

.live-desktop a {
  font-size: 1em;
  color: #5d439b;
  border: 2px solid #5d439b;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  padding-left: 1.875em;
  padding-right: 1.875em;
}

.live-desktop a:hover, .live-desktop a:focus {
  background-color: #5d439b;
  color: #FFF;
  border: 2px solid #FFF;
}

.social-desktop {
  position: fixed;
  bottom: 8.125em;
}

.social-desktop a {
  font-size: 1.25em;
  color: #5d439b;
}

/****************************************
SLIDER HOME
****************************************/
.slider-home {
  position: relative;
  width: 100%;
  height: 100%;
  top: 4.375em;
  padding-bottom: 3.125em;
}

@media screen and (min-width: 1030px) {
  .slider-home {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
    top: 1.5625em;
  }
  .slider-home:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .slider-home {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-left: 33.8461538462%;
  }
  .slider-home:last-child {
    margin-right: 0;
  }
}

.wrap-info {
  position: absolute;
  top: 10%;
  width: 100%;
  text-align: center;
}

.evenement-slider p {
  margin-bottom: 0.9375em;
  color: #5d439b;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 5vw;
  letter-spacing: 0.5px;
  line-height: 1;
}

@media screen and (min-width: 1030px) {
  .evenement-slider p {
    margin-bottom: 0.9375em;
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1550px) {
  .evenement-slider p {
    margin-bottom: 0.625em;
    font-size: 2vw;
  }
}

.date-slider p {
  font-size: 6vw;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #ffffff;
  margin-bottom: 0;
}

@media screen and (min-width: 1030px) {
  .date-slider p {
    font-size: 4vw;
  }
}

@media screen and (min-width: 1550px) {
  .date-slider p {
    font-size: 2.5vw;
  }
}

.name-slider p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 6vw;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #FFF;
  margin-bottom: 0.3125em;
}

.name-slider p:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .name-slider p {
    font-size: 4vw;
  }
}

@media screen and (min-width: 1550px) {
  .name-slider p {
    font-size: 2.5vw;
  }
}

.titre-slider p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 86.9047619048%;
  margin-left: 5.2380952381%;
  font-size: 6vw;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #FFF;
}

.titre-slider p:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .titre-slider p {
    font-size: 4vw;
  }
}

@media screen and (min-width: 1550px) {
  .titre-slider p {
    font-size: 2.5vw;
  }
}

.tag-slider p {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 6vw;
  color: #FFF;
}

@media screen and (min-width: 1030px) {
  .tag-slider p {
    font-size: 4vw;
  }
}

@media screen and (min-width: 1550px) {
  .tag-slider p {
    font-size: 2.5vw;
  }
}

.swiper-pagination-home {
  text-align: center;
  padding-top: 0.625em;
  line-height: 1;
}

.swiper-pagination-bullet {
  background-color: #c6c6c5;
  opacity: 1;
  width: 0.6875em;
  height: 0.6875em;
}

.swiper-pagination-bullet-active {
  background-color: #141414;
  opacity: 1;
}

/****************************************
AUTRE
****************************************/
span {
  display: block;
}

/****************************************
EMISSION
****************************************/
.selection-emission {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-bottom: 1.875em;
}

.selection-emission:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .selection-emission {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    padding-left: 0em;
    padding-right: 0em;
  }
  .selection-emission:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .selection-emission {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 67.8461538462%;
    margin-left: 25.3846153846%;
  }
  .selection-emission:last-child {
    margin-right: 0;
  }
}

.wrapper-emission {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.wrapper-emission:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .wrapper-emission {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    padding-left: 12.7907%;
  }
  .wrapper-emission:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .wrapper-emission {
    padding-left: 0em;
  }
}

.emission-item {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  border: 2px solid #141414;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-bottom: 1.25em;
}

.emission-item:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .emission-item {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
  }
  .emission-item:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .emission-item {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 47.9615384615%;
  }
  .emission-item:last-child {
    margin-right: 0;
  }
}

i.icon-play {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  font-size: 1.25em;
  padding-top: 0.5em;
}

i.icon-play:last-child {
  margin-right: 0;
}

.duree-emission {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  padding-top: 0.9375em;
}

.duree-emission:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .duree-emission {
    font-size: 1.2em;
  }
}

.date-emission {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  padding-top: 0.9375em;
}

.date-emission:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .date-emission {
    font-size: 1.2em;
  }
}

.tag-emission {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
}

.tag-emission:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .tag-emission {
    font-size: 1.05em;
  }
}

@media screen and (min-width: 1550px) {
  .tag-emission {
    font-size: 1.225em;
  }
}

.titre-emission-rdvf {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  color: #5d439b;
}

.titre-emission-rdvf:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .titre-emission-rdvf {
    font-size: 1.875em;
  }
}

@media screen and (min-width: 1550px) {
  .titre-emission-rdvf {
    font-size: 2.34375em;
  }
}

.titre-emission-first {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  color: #21ad67;
}

.titre-emission-first:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .titre-emission-first {
    font-size: 1.875em;
  }
}

@media screen and (min-width: 1550px) {
  .titre-emission-first {
    font-size: 2.34375em;
  }
}

.voir-plus {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-top: 2.5em;
}

.voir-plus:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .voir-plus {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .voir-plus:last-child {
    margin-right: 0;
  }
}

.voir-plus p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  border: 2px solid #000;
  text-align: center;
  background-color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  padding: 0.625em;
}

.voir-plus p:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .voir-plus p {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
    margin-left: 38.3720930233%;
  }
  .voir-plus p:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .voir-plus p {
    font-size: 1.05em;
  }
  .voir-plus p:hover, .voir-plus p:focus {
    background-color: #5d439b;
    color: #FFF;
    border: 2px solid #FFF;
  }
}

@media screen and (min-width: 1030px) {
  .voir-plus a:hover {
    color: #FFF;
  }
}

/****************************************
INVITE
****************************************/
.selection-invite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.selection-invite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .selection-invite {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .selection-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .selection-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 67.8461538462%;
    margin-left: 25.3846153846%;
  }
  .selection-invite:last-child {
    margin-right: 0;
  }
}

.wrapper-invite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.wrapper-invite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .wrapper-invite {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .wrapper-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .wrapper-invite {
    padding-left: 12.7907%;
  }
}

.invite-item {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-right: 0;
  text-align: center;
  margin-bottom: 1.25em;
  padding-left: 1.25em;
}

.invite-item:last-child {
  margin-right: 0;
}

.invite-item p {
  @inlude span-columns(2);
  font-size: 1em;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  color: #5d439b;
  padding-top: 0.3125em;
  line-height: 1.2;
  border-bottom: 2px solid #5d439b;
  padding-bottom: 0.625em;
}

.invite-item img {
  height: 70%;
  width: 70%;
}

@media screen and (min-width: 768px) {
  .invite-item {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 48.8372093023%;
    margin-right: 0;
    padding-left: 1.25em;
  }
  .invite-item:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .invite-item {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 23.8461538462%;
    padding-left: 0em;
  }
  .invite-item:last-child {
    margin-right: 0;
  }
}

/****************************************
ACTU SLIDER
****************************************/
.slider-actu {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.slider-actu:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .slider-actu {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .slider-actu:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .slider-actu {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .slider-actu:last-child {
    margin-right: 0;
  }
}

.wrapp-actu {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  overflow: hidden;
}

.wrapp-actu:last-child {
  margin-right: 0;
}

.slider-actu .swiper-slide {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 100%;
  color: #FFF;
  background-color: #21ad67;
}

.slider-actu .swiper-slide:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .slider-actu .swiper-slide {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
  }
  .slider-actu .swiper-slide:last-child {
    margin-right: 0;
  }
}

.titre-actu p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 86.9047619048%;
  margin-left: 5.2380952381%;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0.3125em;
  padding-bottom: 0.3125em;
  border-bottom: 2px solid #FFF;
}

.titre-actu p:last-child {
  margin-right: 0;
}

.text-actu p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 86.9047619048%;
  margin-left: 5.2380952381%;
  font-size: 1em;
  padding-bottom: 0.9375em;
}

.text-actu p:last-child {
  margin-right: 0;
}

.date-actu p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 86.9047619048%;
  margin-left: 5.2380952381%;
  padding-top: 0.9375em;
  margin-bottom: 0em;
}

.date-actu p:last-child {
  margin-right: 0;
}

.tag-actu p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 86.9047619048%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  margin-left: 5.2380952381%;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}

.tag-actu p:last-child {
  margin-right: 0;
}

.swiper-pagination-actu {
  text-align: center;
  padding-top: 0.9375em;
  line-height: 1;
}

.swiper-pagination-bullet-active-actu {
  background-color: #141414;
  opacity: 1;
}

/****************************************
SUIVEZ-NOUS
****************************************/
.follow {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

@media screen and (min-width: 1030px) {
  .follow {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .follow:last-child {
    margin-right: 0;
  }
}

.titre {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 2.1875em;
  line-height: 1.15;
  font-weight: 700;
  text-align: center;
  padding-top: 2.5em;
  padding-top: 2.5em;
  padding-left: 0.3125em;
  padding-right: 0.3125em;
}

.titre:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .titre {
    padding-left: 0em;
    padding-right: 0em;
    font-size: 2.625em;
  }
}

.twitter-bloc {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 15.625em;
  background-color: #21ad67;
}

.twitter-bloc:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .twitter-bloc {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 48.8372093023%;
    margin-bottom: 1.25em;
  }
  .twitter-bloc:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .twitter-bloc {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    padding: 0.3125em;
    background-color: #FFF;
    height: 34.375em;
    margin-bottom: 3.125em;
  }
  .twitter-bloc:last-child {
    margin-right: 0;
  }
}

.twitter-bloc .widgetSB {
  display: none;
}

@media screen and (min-width: 1030px) {
  .twitter-bloc .widgetSB {
    display: block;
    padding: 0.625em;
  }
}

.twitter-bloc .icon-twitter {
  font-size: 11.25em;
  color: #2bd681;
}

@media screen and (min-width: 1030px) {
  .twitter-bloc .icon-twitter {
    font-size: 1.5625em;
    color: #141414;
    text-align: center;
    padding-bottom: 0.3125em;
    border-bottom: 2px solid #141414;
  }
}

.sbi_photo_wrap {
  width: 100%;
  height: 100%;
  padding-right: 0.625em;
  padding-left: 0.625em;
  margin: 0px auto;
}

#sbi_images {
  width: 75%;
  height: 75%;
  margin: 0 auto;
}

.sb_instagram_header {
  display: none;
}

@media screen and (min-width: 1030px) {
  .sb_instagram_header {
    display: block;
  }
}

.instagram-bloc {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 15.625em;
  background-color: #5d439b;
}

.instagram-bloc:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .instagram-bloc {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 48.8372093023%;
    margin-right: 0;
    margin-bottom: 1.25em;
  }
  .instagram-bloc:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .instagram-bloc {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-right: 0;
    padding: 0.3125em;
    background-color: #FFF;
    height: 34.375em;
    margin-bottom: 3.125em;
  }
  .instagram-bloc:last-child {
    margin-right: 0;
  }
}

.instagram-bloc #sb_instagram {
  display: none;
}

@media screen and (min-width: 768px) {
  .instagram-bloc #sb_instagram {
    display: none;
  }
}

@media screen and (min-width: 1030px) {
  .instagram-bloc #sb_instagram {
    display: block;
    padding: 0.625em;
  }
}

@media screen and (min-width: 1550px) {
  .instagram-bloc #sb_instagram {
    display: block;
  }
}

.sbi_bio {
  display: none;
}

.instagram-bloc .icon-instagram {
  font-size: 11.25em;
  color: #ff7d86;
}

@media screen and (min-width: 1030px) {
  .instagram-bloc .icon-instagram {
    position: -webkit-sticky;
    position: sticky;
    font-size: 1.5625em;
    color: #141414;
    text-align: center;
    padding-bottom: 0.3125em;
    border-bottom: 2px solid #141414;
  }
}

.ticket-bloc {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 15.625em;
  background-color: #21ad67;
}

.ticket-bloc:last-child {
  margin-right: 0;
}

.ticket-bloc .icon-ticket {
  font-size: 11.25em;
  color: #2bd681;
}

.name-social {
  position: absolute;
  width: 100%;
  padding-top: 1.75em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 3.75em;
  text-transform: uppercase;
  color: #FFF;
  line-height: 1.1;
}

@media screen and (min-width: 768px) {
  .name-social {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 48.8372093023%;
  }
  .name-social:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .name-social {
    display: none;
  }
}

.ticket-bloc .name-social {
  position: absolute;
  width: 100%;
  padding-top: 0.9375em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 3.75em;
  text-transform: uppercase;
  color: #FFF;
  line-height: 1.1;
}

@media screen and (min-width: 768px) {
  .ticket-bloc .name-social {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .ticket-bloc .name-social:last-child {
    margin-right: 0;
  }
}

.cat-item cat-item-6 a {
  display: none;
}

/****************************
LIVE
****************************/
/******************************************************************
LIVE
******************************************************************/
.container-live {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-live::after {
  clear: both;
  content: "";
  display: table;
}

.live-section {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 4.375em;
}

.live-section:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .live-section {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .live-section:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .live-section {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 40.7692307692%;
    margin-left: 25.3846153846%;
    margin-right: 0;
    margin-top: 1.5625em;
  }
  .live-section:last-child {
    margin-right: 0;
  }
}

.block-live {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  color: #FFF;
  margin-left: 0;
}

.block-live:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-live {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .block-live:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-live {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-right: 0;
  }
  .block-live:last-child {
    margin-right: 0;
  }
}

.block-live .titre-emission {
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  color: #FFF;
}

.live-text {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  background-color: #5d439b;
  margin: 0;
  padding-left: 0.625em;
  padding-right: 0.625em;
  padding-top: 1.25em;
}

.live-text:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .live-text {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .live-text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .live-text {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 40.7692307692%;
    margin-left: 25.3846153846%;
  }
  .live-text:last-child {
    margin-right: 0;
  }
}

.pushs {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 53.125em;
}

.pushs:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .pushs {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    height: 31.25em;
  }
  .pushs:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .pushs {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 23.8461538462%;
    margin-left: 67.6923076923%;
    height: 43.75em;
    position: absolute;
    top: 0;
  }
  .pushs:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .pushs {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 23.8461538462%;
    margin-left: 67.6923076923%;
    height: 50em;
    position: absolute;
    top: 0;
    left: 0;
  }
  .pushs:last-child {
    margin-right: 0;
  }
}

.pushs .push-insta #sb_instagram {
  display: block;
}

.pushs .push-insta .sb_instagram_header {
  display: block;
}

.push-twitter {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 500px;
  padding: 0px;
  margin-top: 0.9375em;
  overflow-x: hidden;
  overflow-y: hidden;
}

.push-twitter:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .push-twitter {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
    margin-left: 12.7906976744%;
    margin-bottom: 1.25em;
    height: 28.125em;
  }
  .push-twitter:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .push-twitter {
		margin-top:75px;
    float: left;
    display: block;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%;
    overflow-x: hidden;
    background-color: #FFF;
    height: 500px;
    margin-bottom: 0.625em;
  }
  .push-twitter:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .push-twitter {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-left: 0%;
  }
  .push-twitter:last-child {
    margin-right: 0;
  }
}

.push-twitter .widgetSB {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding: 0.625em;
}

.push-twitter .widgetSB:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .push-twitter .widgetSB {
    height: 100%;
    width: 100%;
    padding: 0;
  }
}

.push-insta {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 400px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0.625em;
  margin-top: 1.5625em;
}

.push-insta:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .push-insta {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
    margin-right: 0;
    margin-bottom: 1.25em;
    height: 400px;
  }
  .push-insta:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .push-insta {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-right: 0;
    padding: 0.3125em;
    background-color: #FFF;
    height: 400px;
    margin-bottom: 1.875em;
  }
  .push-insta:last-child {
    margin-right: 0;
  }
}

.sondage-bloc {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 15.625em;
  background-color: #21ad67;
}

.sondage-bloc:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .sondage-bloc {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    margin-bottom: 1.25em;
  }
  .sondage-bloc:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .sondage-bloc {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
    margin-top: 6.25em;
    margin-bottom: 1.25em;
  }
  .sondage-bloc:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .sondage-bloc {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .sondage-bloc:last-child {
    margin-right: 0;
  }
}

.name-sondage {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 1.25em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 3.75em;
  text-transform: uppercase;
  color: #FFF;
  line-height: 1.1;
  z-index: 99;
}

@media screen and (min-width: 768px) {
  .name-sondage {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 48.8372093023%;
    margin-left: 12.7906976744%;
  }
  .name-sondage:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .name-sondage {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-left: 8.4615384615%;
    padding-top: 1.5625em;
  }
  .name-sondage:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .name-sondage {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    padding-top: 1.5625em;
  }
  .name-sondage:last-child {
    margin-right: 0;
  }
}

.sondage-bloc .icon-help {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  position: absolute;
  padding-top: 0.3125em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 9.375em;
  text-transform: uppercase;
  line-height: 1.1;
  text-align: center;
  color: #2bd681;
}

.sondage-bloc .icon-help:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .sondage-bloc .icon-help {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
    margin-left: 25.5813953488%;
    text-align: center;
  }
  .sondage-bloc .icon-help:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .sondage-bloc .icon-help {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
    margin-left: 25.3846153846%;
    text-align: center;
  }
  .sondage-bloc .icon-help:last-child {
    margin-right: 0;
  }
}

.sondage-first {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  overflow-x: hidden;
  height: 26.25em;
  margin-top: 3.125em;
  margin-bottom: 3.125em;
  border: 1px solid #CCC;
  padding: 0.625em;
}

.sondage-first:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .sondage-first {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .sondage-first:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .sondage-first {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-left: 33.8461538462%;
  }
  .sondage-first:last-child {
    margin-right: 0;
  }
}

/***************** STYLE POUR POP UP COMPTEUR ROSE ****************/
.container-compteur {
  background-color: #5d439b;
  width: 100%;
  display: none;
}

.container-live {
  background-color: #5d439b;
  width: 100%;
  display: none;
  margin-left: 0;
}

.pop-up-rose {
  width: 100%;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 5;
  background-color: #5d439b;
  text-align: center;
}

.pop-up-rose .icon-chrono {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-bottom: 0.625em;
  font-size: 2.5em;
  color: #FFF;
}

.pop-up-rose .icon-chrono:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1550px) {
  .pop-up-rose .icon-chrono {
    font-size: 3.125em;
  }
}

.temps-restant {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.5625em;
  text-transform: uppercase;
  color: #FFF;
  padding-right: 0.625em;
  padding-left: 0.625em;
}

.temps-restant:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .temps-restant {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    font-size: 1.875em;
  }
  .temps-restant:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .temps-restant {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 57.6923076923%;
    margin-left: 21.1538461538%;
    font-size: 2.34375em;
  }
  .temps-restant:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .temps-restant {
    font-size: 3.125em;
  }
}

.bientot {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

#counter {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 0.625em;
  height: 100%;
  font-size: 1.125em;
  font-weight: 700;
  text-align: center;
  color: #FFF;
}

#counter:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  #counter {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 48.8372093023%;
    margin-left: 25.5813953488%;
  }
  #counter:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  #counter {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-top: 0em;
  }
  #counter:last-child {
    margin-right: 0;
  }
}

#counter strong {
  font-size: 1.875em;
}

@media screen and (min-width: 768px) {
  #counter strong {
    font-size: 2.1875em;
  }
}

@media screen and (min-width: 1030px) {
  #counter strong {
    font-size: 2.8125em;
  }
}

.fleche-retour::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.bouton-retour {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  position: absolute;
  font-size: 1.125em;
  font-weight: 700;
  color: #FFF;
  bottom: 1.25em;
}

.bouton-retour:last-child {
  margin-right: 0;
}

.bouton-retour a {
  color: #FFF;
}

@media screen and (min-width: 768px) {
  .bouton-retour {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
    margin-left: 38.3720930233%;
  }
  .bouton-retour:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bouton-retour {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
    margin-left: 42.3076923077%;
  }
  .bouton-retour:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .bouton-retour {
    font-size: 2.34375em;
  }
}

/***************** STYLE POUR POP UP LIVE EN COURS OUI/NON ****************/
.pop-up-en-cours {
  width: 100%;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 5;
  background-color: #5d439b;
  text-align: center;
}

.en-cours .icon-signal {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-bottom: 0.625em;
  font-size: 3.125em;
  color: #FFF;
}

.en-cours .icon-signal:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1550px) {
  .en-cours .icon-signal {
    font-size: 4.6875em;
  }
}

.titre-en-cours {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.5625em;
  text-transform: uppercase;
  color: #FFF;
  padding-right: 0.625em;
  padding-left: 0.625em;
}

.titre-en-cours:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .titre-en-cours {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    font-size: 1.875em;
  }
  .titre-en-cours:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .titre-en-cours {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 57.6923076923%;
    margin-left: 21.1538461538%;
    font-size: 2.34375em;
  }
  .titre-en-cours:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .titre-en-cours {
    font-size: 3.125em;
  }
}

.oui-non {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 0.625em;
  font-size: 1.125em;
  font-weight: 700;
  text-align: center;
  color: #FFF;
}

.oui-non:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .oui-non {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 48.8372093023%;
    margin-left: 25.5813953488%;
  }
  .oui-non:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .oui-non {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-top: 0em;
  }
  .oui-non:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .oui-non {
    font-size: 2.34375em;
  }
}

.bouton-oui {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  margin-left: 26.1904761905%;
  font-size: 1.5625em;
  padding-bottom: 0.3125em;
  border-bottom: 2px solid #FFF;
}

.bouton-oui:last-child {
  margin-right: 0;
}

.bouton-oui a {
  color: #FFF;
}

@media screen and (min-width: 768px) {
  .bouton-oui {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
    margin-left: 25.5813953488%;
  }
  .bouton-oui:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bouton-oui {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
    margin-left: 33.8461538462%;
  }
  .bouton-oui:last-child {
    margin-right: 0;
  }
}

.bouton-non {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  font-size: 1.5625em;
  padding-bottom: 0.3125em;
  border-bottom: 2px solid #FFF;
}

.bouton-non:last-child {
  margin-right: 0;
}

.bouton-non a {
  color: #FFF;
}

@media screen and (min-width: 768px) {
  .bouton-non {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
  }
  .bouton-non:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bouton-non {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
  }
  .bouton-non:last-child {
    margin-right: 0;
  }
}

/***************** STYLE POUR POP UP À BIENTÔT ****************/
.container-a-bientot {
  width: 100%;
  height: 100%;
  background: cover;
  background-color: #5d439b;
}

.pop-up-a-bientot {
  width: 100%;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 5;
  background-color: #5d439b;
  text-align: center;
}

.en-cours {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.titre-a-bientot {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.5625em;
  text-transform: uppercase;
  color: #FFF;
  padding-right: 0.625em;
  padding-left: 0.625em;
}

.titre-a-bientot:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .titre-a-bientot {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    font-size: 1.875em;
  }
  .titre-a-bientot:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .titre-a-bientot {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 57.6923076923%;
    margin-left: 21.1538461538%;
    font-size: 2.34375em;
  }
  .titre-a-bientot:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .titre-a-bientot {
    font-size: 3.125em;
  }
}

/****************************
REPLAY
****************************/
/******************************************************************
REPLAY
******************************************************************/
/******************************************************************
BOUTON SWITCH
******************************************************************/
.switch {
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-top: 0.125em;
  vertical-align: middle;
}

.switch input {
  display: none;
}

.switch input + .checkbox {
  height: 16px;
  width: 30px;
  border: 1px solid #000;
  cursor: pointer;
  position: relative;
  width: 30px;
  border-radius: 8px;
  z-index: 0;
}

.switch input + .checkbox::before {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 2px;
  content: "";
  width: 26px;
  z-index: 1;
}

.switch input + .checkbox::after {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 1px;
  height: 12px;
  width: 12px;
  background-color: #141414;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
  border-radius: 8px;
}

.switch input:checked + .checkbox {
  background-color: #fff;
}

.switch input:checked + .checkbox::after {
  left: 15px;
}

/******************************************************************
Fin INPUTBOUTON SWITCH
******************************************************************/
.bouton-switch {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  position: relative;
  margin-top: 4.375em;
  height: 2.8125em;
  background-size: cover;
}

.bouton-switch:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .bouton-switch {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .bouton-switch:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bouton-switch {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
    margin-top: 1.5625em;
    border-top: 2px solid #141414;
  }
  .bouton-switch:last-child {
    margin-right: 0;
  }
}

.version-audio  {
  position: absolute;
}

.download-audio {
  display: inline-block;
  left: 1.25em;
  margin-top: 0.9375em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #141414;
}

.switch-all {
  position: absolute;
  right: 1.25em;
  top: 0.625em;
}

.audio {
  display: inline-block;
  margin-right: 0.3125em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #c6c6c5;
}

.video {
  display: inline-block;
  top: 0;
  right: 0;
  margin-left: 0.3125em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #c6c6c5;
}

.btn-active {
  color: #141414;
}

.btn-active:hover {
  color: #141414;
}

.btn-active:active {
  color: #141414;
}

.btn-active:link {
  color: #141414;
}

.btn-active:visited {
  color: #141414;
}

/******************************************************************
SECTION / VIDEO REPLAY + 2 BOUTONS PARTAGER ET VERSION AUDIO
******************************************************************/
.replay-section {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.replay-section:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .replay-section {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .replay-section:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .replay-section {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .replay-section:last-child {
    margin-right: 0;
  }
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.audio-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5d439b;
  display: none;
}

/******************************************************************
SÉQUENÇAGE DES ÉMISSIONS // EXPANDER
******************************************************************/
.expander-naviguer {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding: 0.625em;
  height: auto;
}

.expander-naviguer:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .expander-naviguer {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    padding: 0;
  }
  .expander-naviguer:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .expander-naviguer {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
  }
  .expander-naviguer:last-child {
    margin-right: 0;
  }
}

.naviguer {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: auto;
}

.naviguer:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .naviguer {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .naviguer:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .naviguer {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .naviguer:last-child {
    margin-right: 0;
  }
}

.titre-naviguer {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-bottom: 0.625em;
  padding-top: 1.25em;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #141414;
}

.titre-naviguer:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .titre-naviguer {
    font-size: 1em;
  }
}

.sequencage {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-bottom: 3.125em;
}

.sequencage:last-child {
  margin-right: 0;
}

.sequencage li {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding: 0.625em;
  margin-top: 0.625em;
  border-bottom: 1px solid #c6c6c5;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1;
  cursor: pointer;
}

.sequencage li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .sequencage li {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding: 0;
    font-size: 1em;
    line-height: 1.7;
  }
  .sequencage li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .sequencage li {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .sequencage li:last-child {
    margin-right: 0;
  }
}

/******************************************************************
TITRE ET DESCRIPTION DE L'ÉMISSION
******************************************************************/
.block-replay {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  color: #FFF;
}

.block-replay:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-replay {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .block-replay:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-replay {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
  }
  .block-replay:last-child {
    margin-right: 0;
  }
}

.block-replay .titre-emission {
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  color: #FFF;
}

.replay-text {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  background-color: #5d439b;
  padding-left: 0.625em;
  padding-right: 0.625em;
  padding-top: 0.9375em;
  padding-bottom: 0.9375em;
}

.replay-text:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .replay-text {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .replay-text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .replay-text {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .replay-text:last-child {
    margin-right: 0;
  }
}

.theme {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  margin-bottom: 0.625em;
}

.theme:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .theme {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .theme:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .theme {
    font-size: 1.05em;
  }
}

.description {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-top: 0.625em;
  border-top: 2px solid #FFF;
  padding-bottom: 0.9375em;
}

.description:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .description {
    font-size: 1.2em;
  }
}

/******************************************************************
TITRE ET PHOTO DE L'INVITÉ
******************************************************************/
.block-invite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 5em;
  margin-bottom: 2.5em;
}

.block-invite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-invite {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .block-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
    margin-left: 25.3846153846%;
    margin-bottom: 0em;
  }
  .block-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .block-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
    margin-left: 25.3846153846%;
  }
  .block-invite:last-child {
    margin-right: 0;
  }
}

.block-invite img {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  margin-bottom: 1.25em;
}

.block-invite img:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-invite img {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
    margin-left: 31.976744186%;
  }
  .block-invite img:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-invite img {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 83.0769230769%;
    margin-left: 0;
  }
  .block-invite img:last-child {
    margin-right: 0;
  }
}

.titre-invite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  color: #5d439b;
  font-size: 1.5625em;
  text-align: center;
  margin-bottom: 0;
}

.titre-invite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .titre-invite {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .titre-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .titre-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 83.0769230769%;
    margin-left: 0;
  }
  .titre-invite:last-child {
    margin-right: 0;
  }
}

/******************************************************************
Block Quote
******************************************************************/
.block-quote {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 1.25em;
  margin-bottom: 2.5em;
}

.block-quote:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-quote {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .block-quote:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-quote {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-top: 4.6875em;
  }
  .block-quote:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .block-quote {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
  }
  .block-quote:last-child {
    margin-right: 0;
  }
}

.quote {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  background-color: #5d439b;
}

.quote:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .quote {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-left: 0;
  }
  .quote:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .quote {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-left: 0;
    background-color: #FFF;
  }
  .quote:last-child {
    margin-right: 0;
  }
}

.text-quote {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  color: #FFF;
  padding-left: 1.875em;
  padding-right: 1.875em;
  margin-bottom: 0em;
  letter-spacing: 0.5px;
}

.text-quote:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .text-quote {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-left: 0.625em;
    padding-right: 0.625em;
    font-size: 2.34375em;
  }
  .text-quote:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .text-quote {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    font-size: 1.5625em;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    color: #5d439b;
    font-style: italic;
    margin-left: 0;
    padding-left: 0em;
    padding-right: 0em;
    text-align: left;
    font-size: 2.5em;
  }
  .text-quote:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .text-quote {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    font-size: 1.5625em;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    color: #5d439b;
    font-size: 2.8125em;
    text-align: left;
  }
  .text-quote:last-child {
    margin-right: 0;
  }
}

.block-quote .icon-quote-left {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  text-align: center;
  font-size: 3.125em;
  color: #FFF;
  opacity: 0.2;
}

.block-quote .icon-quote-left:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-quote .icon-quote-left {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 10.4651162791%;
    font-size: 5em;
  }
  .block-quote .icon-quote-left:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-quote .icon-quote-left {
    display: none;
  }
}

.block-quote .icon-quote-right {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  margin-left: 78.5714285714%;
  text-align: center;
  font-size: 3.125em;
  color: #FFF;
  opacity: 0.2;
}

.block-quote .icon-quote-right:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-quote .icon-quote-right {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 10.4651162791%;
    margin-left: 81.5790697674%;
    font-size: 5em;
  }
  .block-quote .icon-quote-right:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-quote .icon-quote-right {
    display: none;
  }
}

/******************************************************************
DESCRIPTION DE L'INVITÉ
******************************************************************/
.description-invite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1em;
  padding-left: 0.625em;
  padding-right: 0.625em;
}

.description-invite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .description-invite {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-left: 0em;
    padding-right: 0em;
  }
  .description-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .description-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
    font-size: 1.25em;
    padding-top: 1.25em;
  }
  .description-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .description-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
    padding-top: 2.5em;
  }
  .description-invite:last-child {
    margin-right: 0;
  }
}

/******************************************************************
POUR ALLER PLUS LOIN
******************************************************************/
.plus-loin {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 1.25em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-bottom: 1.25em;
}

.plus-loin:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .plus-loin {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
    margin-left: 12.7906976744%;
    padding-left: 0em;
    padding-right: 0em;
  }
  .plus-loin:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .plus-loin {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 32.3076923077%;
    margin-left: 25.3846153846%;
  }
  .plus-loin:last-child {
    margin-right: 0;
  }
}

.titre-loin {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-bottom: 0.3125em;
  border-bottom: 2px solid #000;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  line-height: 1.3;
  color: #141414;
}

.titre-loin:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .titre-loin {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    font-size: 1em;
    line-height: 1.7;
  }
  .titre-loin:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .titre-loin {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-left: 0;
  }
  .titre-loin:last-child {
    margin-right: 0;
  }
}

.info-sup p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1em;
}

.info-sup p:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .info-sup p {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .info-sup p:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .info-sup p {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-left: 0;
  }
  .info-sup p:last-child {
    margin-right: 0;
  }
}

.info-sup a {
  color: #141414;
  border-bottom: 1px solid #141414;
  padding-bottom: 0.125em;
}

.liens-plus {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 1.25em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-bottom: 1.25em;
}

.liens-plus:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .liens-plus {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
    padding-left: 0em;
    padding-right: 0em;
  }
  .liens-plus:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .liens-plus {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 32.3076923077%;
    margin-left: 0;
  }
  .liens-plus:last-child {
    margin-right: 0;
  }
}

.titre-liens {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-bottom: 0.3125em;
  border-bottom: 2px solid #000;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  line-height: 1.3;
  color: #141414;
}

.titre-liens:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .titre-liens {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    font-size: 1em;
    line-height: 1.7;
  }
  .titre-liens:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .titre-liens {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    text-align: left;
    margin-left: 0;
  }
  .titre-liens:last-child {
    margin-right: 0;
  }
}

.liens-invite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1em;
}

.liens-invite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .liens-invite {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .liens-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .liens-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-left: 0;
  }
  .liens-invite:last-child {
    margin-right: 0;
  }
}

.liens-invite a {
  color: #141414;
  border-bottom: 1px solid #141414;
  padding-bottom: 0.125em;
}

/******************************************************************
CR
******************************************************************/
@media screen and (min-width: 768px) {
  .compte-rendu {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .compte-rendu:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .compte-rendu {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .compte-rendu:last-child {
    margin-right: 0;
  }
}

.titre-cr {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  text-align: center;
  padding-top: 2.5em;
  font-size: 2.1875em;
  line-height: 1.15;
  font-weight: 700;
  text-align: center;
}

.titre-cr:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .titre-cr {
    font-size: 2.625em;
  }
}

.storify {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  border: 2px solid #000;
  text-align: center;
  background-color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  padding: 0.625em;
  height: auto;
  text-align: center;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.storify:last-child {
  margin-right: 0;
}

.storify a {
  color: #141414;
}

@media screen and (min-width: 768px) {
  .storify {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 48.8372093023%;
    margin-left: 25.5813953488%;
    font-size: 1.05em;
  }
  .storify:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .storify {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 32.3076923077%;
    margin-left: 42.3076923077%;
    font-size: 1.3125em;
  }
  .storify:last-child {
    margin-right: 0;
  }
  .storify:hover, .storify:focus {
    background-color: #5d439b;
    color: #FFF;
    border: 2px solid #FFF;
  }
}

.slider-replay {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  overflow: hidden;
  margin-top: 1.25em;
}

.slider-replay:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .slider-replay {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .slider-replay:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .slider-replay {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .slider-replay:last-child {
    margin-right: 0;
  }
}

.slider-replay .swiper-slide {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  color: #FFF;
  height: 100%;
}

.slider-replay .swiper-slide:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .slider-replay .swiper-slide {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
  }
  .slider-replay .swiper-slide:last-child {
    margin-right: 0;
  }
}

.swiper-pagination-replay {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  text-align: center;
}

.swiper-pagination-replay:last-child {
  margin-right: 0;
}

.swiper-pagination-bullet-active-replay {
  background-color: #141414;
  opacity: 1;
}

/********fin slider CR et images émission*******/
.selection-emission-replay {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-bottom: 3.125em;
}

.selection-emission-replay:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .selection-emission-replay {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    padding-left: 0em;
    padding-right: 0em;
  }
  .selection-emission-replay:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .selection-emission-replay {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 67.8461538462%;
    margin-left: 25.3846153846%;
  }
  .selection-emission-replay:last-child {
    margin-right: 0;
  }
}

.titre-suggestion {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  text-align: center;
  padding-top: 0;
  font-size: 2.1875em;
  line-height: 1.15;
  font-weight: 700;
  text-align: center;
  padding-top: 2.5em;
}

.titre-suggestion:last-child {
  margin-right: 0;
}

.quote.first {
  background: #21ad67;
}

@media screen and (min-width: 1030px) {
  .quote.first {
    background-color: #FFF;
  }
}

.quote-hello.first {
  background: #21ad67;
}

@media screen and (min-width: 1030px) {
  .quote-hello.first {
    background-color: #FFF;
  }
}

.text-quote.first {
  color: #FFF;
}

@media screen and (min-width: 1030px) {
  .text-quote.first {
    color: #21ad67;
  }
}

.text-quote-hello.first {
  color: #FFF;
}

@media screen and (min-width: 1030px) {
  .text-quote-hello.first {
    color: #21ad67;
  }
}

.block-invite-hello {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 7.5em;
  margin-bottom: 2.5em;
}

.block-invite-hello:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-invite-hello {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .block-invite-hello:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-invite-hello {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
    margin-left: 25.3846153846%;
    margin-top: 1.5625em;
    margin-bottom: 0em;
  }
  .block-invite-hello:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .block-invite-hello {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
    margin-left: 25.3846153846%;
  }
  .block-invite-hello:last-child {
    margin-right: 0;
  }
}

.block-invite-hello img {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  margin-bottom: 1.25em;
}

.block-invite-hello img:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-invite-hello img {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 36.0465116279%;
    margin-left: 31.976744186%;
  }
  .block-invite-hello img:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-invite-hello img {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 83.0769230769%;
    margin-left: 0;
  }
  .block-invite-hello img:last-child {
    margin-right: 0;
  }
}

.block-quote-hello {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 1.25em;
  margin-bottom: 2.5em;
}

.block-quote-hello:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-quote-hello {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .block-quote-hello:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-quote-hello {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-top: 1.5625em;
  }
  .block-quote-hello:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .block-quote-hello {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
  }
  .block-quote-hello:last-child {
    margin-right: 0;
  }
}

.quote-hello {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  background-color: #5d439b;
}

.quote-hello:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .quote-hello {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-left: 0;
  }
  .quote-hello:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .quote-hello {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-left: 0;
    background-color: #FFF;
  }
  .quote-hello:last-child {
    margin-right: 0;
  }
}

.text-quote-hello {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  color: #FFF;
  padding-left: 1.875em;
  padding-right: 1.875em;
  margin-bottom: 0em;
  letter-spacing: 0.5px;
}

.text-quote-hello:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .text-quote-hello {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-left: 0.625em;
    padding-right: 0.625em;
    font-size: 2.34375em;
  }
  .text-quote-hello:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .text-quote-hello {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    font-size: 1.5625em;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    color: #5d439b;
    font-style: italic;
    margin-left: 0;
    padding-left: 0em;
    padding-right: 0em;
    text-align: left;
    font-size: 2.5em;
  }
  .text-quote-hello:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .text-quote-hello {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    font-size: 1.5625em;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    color: #5d439b;
    font-size: 2.8125em;
    text-align: left;
  }
  .text-quote-hello:last-child {
    margin-right: 0;
  }
}

.block-quote-hello .icon-quote-left {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  text-align: center;
  font-size: 3.125em;
  color: #FFF;
  opacity: 0.2;
}

.block-quote-hello .icon-quote-left:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-quote-hello .icon-quote-left {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 10.4651162791%;
    font-size: 5em;
  }
  .block-quote-hello .icon-quote-left:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-quote-hello .icon-quote-left {
    display: none;
  }
}

.block-quote-hello .icon-quote-right {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
  margin-left: 78.5714285714%;
  text-align: center;
  font-size: 3.125em;
  color: #FFF;
  opacity: 0.2;
}

.block-quote-hello .icon-quote-right:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .block-quote-hello .icon-quote-right {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 10.4651162791%;
    margin-left: 81.5790697674%;
    font-size: 5em;
  }
  .block-quote-hello .icon-quote-right:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .block-quote-hello .icon-quote-right {
    display: none;
  }
}

.bouton-switch-hello {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  position: relative;
  margin-top: 1.5625em;
  height: 2.8125em;
  background-size: cover;
  border-top: 2px solid #141414;
}

.bouton-switch-hello:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .bouton-switch-hello {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .bouton-switch-hello:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bouton-switch-hello {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .bouton-switch-hello:last-child {
    margin-right: 0;
  }
}

.bouton-switch strong {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #141414;
}

.bouton-switch-hello strong {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #141414;
}

/****************************
FILTRE EMISSION
****************************/
/******************************************************************
FILTRE EMISSION
******************************************************************/
.filtre-emission {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-bottom: 6.25em;
  padding-top: 5.5em;
}

.filtre-emission:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .filtre-emission {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .filtre-emission:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .filtre-emission {
    padding-top: 6.625em;
  }
}

.filtre {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-top: 6.25em;
  padding-bottom: 1.875em;
}

.filtre:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .filtre {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .filtre:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .filtre {
    padding-top: 1.5625em;
  }
}

.filtre p {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  border: 2px solid #000;
  text-align: center;
  background-color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  padding: 0.625em;
}

.filtre p:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .filtre p {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
    margin-left: 38.3720930233%;
  }
  .filtre p:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .filtre p {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 15.3846153846%;
    margin-left: 50.7692307692%;
    font-size: 1.05em;
    cursor: pointer;
  }
  .filtre p:last-child {
    margin-right: 0;
  }
  .filtre p:hover {
    background-color: #5d439b;
    color: #FFF;
    border: 2px solid #FFF;
  }
}

.filtre .retour-emission {
  display: none;
}

.titre-filtre {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 2.1875em;
  line-height: 1.15;
  font-weight: 700;
  text-align: center;
  padding-top: 0.625em;
  padding-left: 0.3125em;
  padding-right: 0.3125em;
}

.titre-filtre:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .titre-filtre {
    padding-left: 0em;
    padding-right: 0em;
    font-size: 2.625em;
  }
}

.theme-emission {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  z-index: 99;
}

.theme-emission:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .theme-emission {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .theme-emission:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .theme-emission {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .theme-emission:last-child {
    margin-right: 0;
  }
}

.theme-emission ul li {
  font-size: 1em;
  font-weight: 700;
  color: #c6c6c5;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  border-top: 2px solid #000;
}

@media screen and (min-width: 768px) {
  .theme-emission ul li {
    font-size: 1em;
    padding-top: 1.875em;
    padding-bottom: 1.875em;
  }
}

.theme-emission a {
  font-size: 1.5625em;
  color: #5d439b;
}

@media screen and (min-width: 768px) {
  .theme-emission a {
    font-size: 1.875em;
  }
}

.selection-emission-archive {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-bottom: 1.875em;
}

.selection-emission-archive:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .selection-emission-archive {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    padding-left: 0em;
    padding-right: 0em;
  }
  .selection-emission-archive:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .selection-emission-archive {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 67.8461538462%;
    margin-left: 25.3846153846%;
    padding-top: 0;
  }
  .selection-emission-archive:last-child {
    margin-right: 0;
  }
}

.retour-bientot-archive {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-top: 6.25em;
  padding-bottom: 1.875em;
}

.retour-bientot-archive:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .retour-bientot-archive {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .retour-bientot-archive:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .retour-bientot-archive {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    padding-top: 1.5625em;
  }
  .retour-bientot-archive:last-child {
    margin-right: 0;
  }
}

.bouton-retour-archive {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 47.619047619%;
  margin-left: 26.1904761905%;
  border: 2px solid #000;
  text-align: center;
  background-color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  padding: 0.625em;
  text-align: center;
  font-size: 1.125em;
  font-weight: 700;
  color: #141414;
}

.bouton-retour-archive:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .bouton-retour-archive {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 23.2558139535%;
    margin-left: 38.3720930233%;
  }
  .bouton-retour-archive:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bouton-retour-archive {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 23.8461538462%;
    margin-left: 38.0769230769%;
  }
  .bouton-retour-archive:last-child {
    margin-right: 0;
  }
  .bouton-retour-archive:hover, .bouton-retour-archive:focus {
    background-color: #5d439b;
    color: #FFF;
    border: 2px solid #FFF;
  }
}

@media screen and (min-width: 1030px) {
  .bouton-retour-archive a {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 23.8461538462%;
    margin-left: 38.0769230769%;
  }
  .bouton-retour-archive a:last-child {
    margin-right: 0;
  }
  .bouton-retour-archive a:hover, .bouton-retour-archive a:focus {
    //background-color: #5d439b;
    color: #FFF;
    //border: 2px solid #FFF;
  }
}

/****************************
FILTRE INVITE
****************************/
/******************************************************************
FILTRE INVITE
******************************************************************/
.filtre .retour-invite {
  display: none;
}

.theme-invite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  margin-bottom: 5em;
}

.theme-invite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .theme-invite {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-left: 0em;
  }
  .theme-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .theme-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .theme-invite:last-child {
    margin-right: 0;
  }
}

.lettre {
  font-size: 3.125em;
  font-weight: 700;
  color: #141414;
  margin-bottom: 0em;
}

@media screen and (min-width: 768px) {
  .lettre {
    font-size: 4.6875em;
  }
}

.lettre-none {
  display: none;
}

.liste-invite-rdvf {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.3;
  font-weight: 700;
  color: #5d439b;
  margin-bottom: 0;
  padding-top: 0.5em;
}

.liste-invite-rdvf:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .liste-invite-rdvf {
    font-size: 2em;
    padding-top: 0.3125em;
  }
}

.liste-invite-first {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.3;
  font-weight: 700;
  color: #21ad67;
  margin-bottom: 0;
  padding-top: 0.5em;
}

.liste-invite-first:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .liste-invite-first {
    font-size: 2em;
    padding-top: 0.3125em;
  }
}

.liste-tag {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  border-bottom: 2px solid #000;
}

.liste-tag:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .liste-tag {
    font-size: 1.3125em;
  }
}

/****************************
ACTUALITE
****************************/
/******************************************************************
ACTUALITE
******************************************************************/
.actualites {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.actualites:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .actualites {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .actualites:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .actualites {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .actualites:last-child {
    margin-right: 0;
  }
}

.actus {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  padding-right: 0.625em;
}

.actus:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .actus {
    padding-left: 0em;
    padding-right: 0em;
  }
}

.texte-actu {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  padding-bottom: 1.875em;
}

.texte-actu:last-child {
  margin-right: 0;
}

.texte-actu a {
  color: #141414;
  border-bottom: 1px solid #141414;
  padding-bottom: 0.125em;
}

@media screen and (min-width: 1030px) {
  .texte-actu {
    font-size: 1.25em;
  }
}

.date-actu-vert {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  color: #21ad67;
  padding-top: 0.9em;
  margin-bottom: 0em;
}

.date-actu-vert:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .date-actu-vert {
    font-size: 0.9em;
  }
}

.titre-actu-vert {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  color: #21ad67;
  padding-bottom: 0.3125em;
  border-bottom: 2px solid #21ad67;
}

.titre-actu-vert:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .titre-actu-vert {
    font-size: 1.875em;
  }
}

.date-actu-rose {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-bottom: 0em;
  color: #5d439b;
}

.date-actu-rose:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .date-actu-rose {
    font-size: 1.2em;
  }
}

.titre-actu-rose {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  color: #5d439b;
  padding-bottom: 0.3125em;
  border-bottom: 2px solid #5d439b;
}

.titre-actu-rose:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .titre-actu-rose {
    font-size: 1.875em;
  }
}

.titre-actualite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 2.1875em;
  line-height: 1.15;
  font-weight: 700;
  text-align: center;
  padding-top: 2.5em;
  padding-top: 2.5em;
  padding-left: 0.3125em;
  padding-right: 0.3125em;
  font-size: 2.1875em;
}

.titre-actualite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .titre-actualite {
    padding-top: 0.5em;
    padding-left: 0em;
    padding-right: 0em;
    font-size: 2.625em;
  }
}

/****************************
ABOUT
****************************/
/******************************************************************
ABOUT
******************************************************************/
.qui-sommes {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-right: 0.625em;
  padding-left: 0.625em;
  margin-top: 5.625em;
}

.qui-sommes:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .qui-sommes {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-right: 0em;
    padding-left: 0em;
  }
  .qui-sommes:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .qui-sommes {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
    margin-top: 1.5625em;
  }
  .qui-sommes:last-child {
    margin-right: 0;
  }
}

.changement {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  margin-top: 1.25em;
  margin-bottom: 2.5em;
}

.changement:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .changement {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .changement:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .changement {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .changement:last-child {
    margin-right: 0;
  }
}

.partagez {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  color: #5d439b;
  font-style: italic;
  text-align: center;
  margin-bottom: 0;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}

.partagez:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .partagez {
    font-size: 2.34375em;
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .partagez:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .partagez {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    font-size: 2.5em;
  }
  .partagez:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .partagez {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    font-size: 2.8125em;
  }
  .partagez:last-child {
    margin-right: 0;
  }
}

.wrapp-equipe-invite {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  padding-right: 0.625em;
}

.wrapp-equipe-invite:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .wrapp-equipe-invite {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-left: 0em;
    padding-right: 0em;
  }
  .wrapp-equipe-invite:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .wrapp-equipe-invite {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .wrapp-equipe-invite:last-child {
    margin-right: 0;
  }
}

.bloc-info-equipe {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.bloc-info-equipe:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .bloc-info-equipe {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .bloc-info-equipe:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bloc-info-equipe {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
  }
  .bloc-info-equipe:last-child {
    margin-right: 0;
  }
}

.bloc-equipe-gauche {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.bloc-equipe-gauche:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .bloc-equipe-gauche {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .bloc-equipe-gauche:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bloc-equipe-gauche {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
  }
  .bloc-equipe-gauche:last-child {
    margin-right: 0;
  }
}

.bloc-equipe-droit {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.bloc-equipe-droit:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .bloc-equipe-droit {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .bloc-equipe-droit:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .bloc-equipe-droit {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
  }
  .bloc-equipe-droit:last-child {
    margin-right: 0;
  }
}

.titre-equipe {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-size: 1.5625em;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  color: #141414;
  margin-bottom: 0.3125em;
}

.titre-equipe:last-child {
  margin-right: 0;
}

.description-equipe {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.description-equipe:last-child {
  margin-right: 0;
}

.texte-equipe {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-bottom: 0.625em;
}

.texte-equipe:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .texte-equipe {
    font-size: 1.2em;
  }
}

.nom-equipe {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  color: #21ad67;
  margin-bottom: 0;
}

.nom-equipe:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1030px) {
  .nom-equipe {
    font-size: 1.2em;
  }
}

.photo-equipe img {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-top: 1.25em;
  padding-bottom: 3.125em;
}

.photo-equipe img:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .photo-equipe img {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .photo-equipe img:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .photo-equipe img {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 49.2307692308%;
    margin-left: 33.8461538462%;
  }
  .photo-equipe img:last-child {
    margin-right: 0;
  }
}

.adresse {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  padding-right: 0.625em;
  color: #141414;
  margin-bottom: 2.5em;
}

.adresse:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .adresse {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    text-align: center;
    padding-left: 0em;
    padding-right: 0em;
  }
  .adresse:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .adresse {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 32.3076923077%;
    margin-left: 25.3846153846%;
    text-align: left;
    padding-top: 1.875em;
  }
  .adresse:last-child {
    margin-right: 0;
  }
}

.adresse a {
  color: #141414;
  border-bottom: 1px solid #141414;
  padding-bottom: 0.125em;
}

.adresse a .icon-map {
  color: #141414;
}

.partenaires {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-bottom: 2.5em;
}

.partenaires:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .partenaires {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
    padding-left: 0em;
    padding-right: 0em;
  }
  .partenaires:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .partenaires {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 32.3076923077%;
    margin-left: 0;
    padding-top: 1.875em;
  }
  .partenaires:last-child {
    margin-right: 0;
  }
}

.logo-partenaires {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.logo-partenaires:last-child {
  margin-right: 0;
}

.logo-partenaires img {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 21.4285714286%;
}

.logo-partenaires img:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .logo-partenaires {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    margin-left: 12.7906976744%;
  }
  .logo-partenaires:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .logo-partenaires {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-left: -1.25em;
  }
  .logo-partenaires:last-child {
    margin-right: 0;
  }
}

.proposer-par {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #141414;
}

.proposer-par:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .proposer-par {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    text-align: center;
  }
  .proposer-par:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .proposer-par {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    text-align: left;
  }
  .proposer-par:last-child {
    margin-right: 0;
  }
}

.le-cube {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #141414;
}

.follow-about {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .follow-about {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .follow-about:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .follow-about {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .follow-about:last-child {
    margin-right: 0;
  }
}

.name-social-about {
  position: absolute;
  width: 100%;
  padding-top: 0.9375em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 3.75em;
  text-transform: uppercase;
  color: #FFF;
  line-height: 1.1;
}

@media screen and (min-width: 768px) {
  .name-social-about {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
  }
  .name-social-about:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .name-social-about {
    display: none;
  }
}

.name-social-large {
  display: none;
}

@media screen and (min-width: 768px) {
  .name-social-large {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    display: none;
  }
  .name-social-large:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .name-social-large {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    position: absolute;
    width: 100%;
    padding-top: 0.5625em;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 2.5em;
    text-transform: uppercase;
    color: #FFF;
    line-height: 1.1;
  }
  .name-social-large:last-child {
    margin-right: 0;
  }
}

.ticket-bloc-about {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  height: 15.625em;
  background-color: #21ad67;
}

.ticket-bloc-about:last-child {
  margin-right: 0;
}

.ticket-bloc-about .icon-ticket {
  font-size: 11.25em;
  color: #2bd681;
}

@media screen and (min-width: 1030px) {
  .ticket-bloc-about {
    height: 5.3125em;
  }
  .ticket-bloc-about .icon-ticket {
    display: none;
  }
}

/****************************
Mention
****************************/
.wrapper-legale {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
}

.wrapper-legale:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .wrapper-legale {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 74.4186046512%;
    margin-left: 12.7906976744%;
  }
  .wrapper-legale:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .wrapper-legale {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .wrapper-legale:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .wrapper-legale {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 66.1538461538%;
    margin-left: 25.3846153846%;
  }
  .wrapper-legale:last-child {
    margin-right: 0;
  }
}

.mention-legale {
  float: left;
  display: block;
  margin-right: 4.7619047619%;
  width: 100%;
  padding: 0.625em;
  margin-top: 4.375em;
  margin-bottom: 1.875em;
}

.mention-legale:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .mention-legale {
    float: left;
    display: block;
    margin-right: 2.3255813953%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .mention-legale:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1030px) {
  .mention-legale {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
    margin-top: 1.5625em;
  }
  .mention-legale:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1550px) {
  .mention-legale {
    float: left;
    display: block;
    margin-right: 1.5384615385%;
    width: 100%;
  }
  .mention-legale:last-child {
    margin-right: 0;
  }
}

.mention-legale a {
  border-bottom: 1px solid #141414;
}

.mention-legale h2 {
  margin-top: 1.25em;
}

/******************************************************************
Theme directory

******************************************************************/
/******************************************************************
Definition des mixins
******************************************************************/
/****************************************
TITRE, TYPO, TAG
****************************************/
/****************************************
BLOC ELEMENT
****************************************/
/******************************************************************
Definition des variables
******************************************************************/
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

dl {
  margin: 0;
}

dt {
  font-weight: 600;
  margin: 0;
}

dd {
  margin: 0;
}

figure {
  margin: 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

body {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-size: 1.333em;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

p {
  margin: 0 0 0.75em;
}

a {
  color: #c6c6c5;
  text-decoration: none;
  -webkit-transition: color 150ms ease;
  transition: color 150ms ease;
}

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0;
}
/*# sourceMappingURL=main.css.map */
.swiper-slide {
height : 100%;
}
/*
.first{
 color: #21ad67;
}*/
/*
.emission-rdvf.first{
 background-color: #21ad67;
}*/

.emission-item.first {
  border : #21ad67 2px solid;

}

.emission-item {
  border : #5d439b 2px solid;

}
a.rdvf  {
  color: #5d439b;
}

p.invite-rdvf.first {
  color: #21ad67;
}

.invite-item a.first {
color: #21ad67;
}

.invite-item p {
color: #5d439b;
}

.invite-item p.first {
color : #21ad67;
border-bottom : #21ad67 2px solid;
}
.swiper-slide.first {
   background-color: #21ad67;
}

.swiper-slide.rdvf {
   background-color: #5d439b;
}
/*
.rdvf{
 color: #5d439b;
}
*/
.vert{
	color : #21ad67;
}
.rose{
	color: #5d439b;
}
span.rose{
	display:inline;
}
span.vert{
	display:inline;
}
.presentation{
 	border-bottom: 2px solid #5d439b;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0.625em;
    padding-top: 0.625em;
	margin-top:5em;
}
.presentationnoborder{
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0.625em;
    padding-top: 0.625em;
	margin-top:5em;
}
a.first {

  color : #21ad67;
}
ul#decoupage li.active {
    color: black;
    //background-color: #FF7900;
}

.attachment-post-thumbnail {
  height : 100%;
}

.attachment-thumbnail {
  height : 100%;

}
.archive{
  position: relative;
 height: auto;
  top : 70px;
}

a {
  color : black;
}

.swiper-slide a {
  color: white;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.75);
}
/*
.top-menu {
margin-top: 2.5em;
}


.plus-loin {
padding-top : 1.5em;
}
*/

.theme a {
color : white;
}

#counter {

background-color : #5d439b;
color : white; }



.titre-invite.first {
color : #21ad67;
}

.replay-text.first, .compte-rendu.first {
background-color : #21ad67;
}

.titre-actu-vert.rdvf, .date-actu-vert.rdvf {
 color: #5d439b;

}

.titre-actu-vert.rdvf {
  border-bottom: solid 2px #5d439b;
}


.jw-controlbar {
  z-index: 1;
}

.slider-replay img {
  height: 100%;
}

.sequencage.first {
   color : #21ad67;
}

.sequencage.rdvf {
  color: #5d439b;
}

.version-audio {
margin-top : 0.6em;
}

.version-audio strong{
margin-right : 0.6em;
}



.version-audio {
padding-left : 20px;
}

#sb_instagram {
   display: none;
}

@media screen and (min-width: 1030px) {
  #sb_instagram {
    width: 80%;
    display: block;
  }
}

.name-social a, .name-social-about a, .name-social-large a{
  color : white;
}

#colophon {
  display : none;
}
.marginicone{
		margin-left:5px;
		margin-right:5px;
}