@charset "UTF-8";
/**
* Styles SCSS
**/
/* Initialisation */
/**
*
* Start - Disable auto Styles
*
**/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
svg,
hr {
  margin: 0;
  padding: 0;
  border: 0 none;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  font-weight: normal;
}

/* Tools */
/**
*
* Mixins - Tools
*
**/
/* Transform */
/* Box Shadow */
/* Text Shadow */
/* Border Radius */
/* Box Sizing */
/* Transition */
/* Transform Origin */
/* Translate */
/* Rotate */
/* Content-Columns */
/* Filters */
/* Hyphens (traits d'union) */
/* 
* 
* Animation 
*
*/
/* Animation */
/* Placeholder */
/* 
*
* Fonts 
* 
*/
/**
*
* Mixins - MediaQueries
*
**/
/* Custom Déclarations */
/**
*
* Colors
*
**/
/**
*
* Variables CSS Elements
*
**/
/*****  FONTS  *****/
/**** GENERALS ****/
/* Font Size */
@font-face {
  font-family: "nge";
  src: url("../../fonts/icons/nge.eot");
  src: url("../../fonts/icons/nge.eot?#iefix") format("embedded-opentype"), url("../../fonts/icons/nge.woff") format("woff"), url("../../fonts/icons/nge.ttf") format("truetype"), url("../../fonts/icons/nge.svg#sfr") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-styles, [data-icon]:before, [class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'nge' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\e900";
}

.icon-deezer:before {
  content: "\e901";
  color: #fff;
}

.icon-apple:before {
  content: "\e902";
  color: #fff;
}

.icon-google:before {
  content: "\e903";
  color: #fff;
}

.icon-spotify:before {
  content: "\e904";
  color: #fff;
}

.icon-youtube:before {
  content: "\e905";
  color: #fff;
}

/**
*
* Fonts
*
**/
@font-face {
  font-family: "DIN-Alternate";
  src: url("../../fonts/font/DIN-Alternate-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "DIN-Condensed";
  src: url("../../fonts/font/DIN-Condensed-Bold.ttf") format("truetype");
}
/* Elements */
/**
*
* Img - Elements
*
**/
figure {
  line-height: 0;
}

img.img-fluid.full {
  min-width: 100%;
  width: 100%;
}

/* Commons */
/**
*
* Global - Common
*
**/
/* Admin */
/***** Suprression CSS de base *****/
a:focus,
a:hover,
a:active,
button:focus,
button:hover,
button:active,
:focus {
  outline: 0 !important;
}

a,
button,
.btn {
  -webkit-transition: 0.2s 0.2s, linear 0.2s;
  transition: 0.2s 0.2s, linear 0.2s;
  outline: 0;
}
a:focus, a:active, a:not(:disabled):not(.disabled):active, a:not(:disabled):not(.disabled):active:focus,
button:focus,
button:active,
button:not(:disabled):not(.disabled):active,
button:not(:disabled):not(.disabled):active:focus,
.btn:focus,
.btn:active,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled):active:focus {
  outline: 0;
}

.form-control:focus,
.btn:focus {
  -o-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

button::-moz-focus-inner {
  border: 0 !important;
}

ul, ol {
  list-style: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

figcaption {
  line-height: 0;
}

/**
*
* Structure - Common
*
**/
.page-part {
  min-height: 100vh;
  padding: 0;
}
@media (max-width: 992px) {
  .page-part {
    min-height: inherit;
    max-height: inherit;
  }
}

.__scroll {
  overflow-y: scroll;
}
@media (max-width: 992px) {
  .__scroll {
    min-height: inherit;
    max-height: inherit;
  }
}

.page-part-home {
  position: relative;
}

.progress_container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  max-height: 100vh;
  min-height: 100vh;
  background-color: #F6C100;
  width: 2px;
}
@media (max-width: 992px) {
  .progress_container {
    display: none;
  }
}

/* The progress bar (scroll indicator) */
.progress-bar {
  position: absolute;
  right: -19px;
  top: -20px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 3px 10px #00000022;
}

/**
*
* Animations - Common
*
**/
/***************** Reveal ******************/
[class*="reveal-"] {
  opacity: 1;
  -o-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.75s cubic-bezier(0.5, 0, 0, 1);
  transition: all 0.75s cubic-bezier(0.5, 0, 0, 1);
}

.reveal {
  opacity: 0;
  -o-transform: translateY(45px);
  -moz-transform: translateY(45px);
  -webkit-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.reveal [class*="reveal-"] {
  opacity: 0;
  -o-transform: translateY(45px);
  -moz-transform: translateY(45px);
  -webkit-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.reveal-0 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.reveal-1 {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.reveal-2 {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.reveal-3 {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.reveal-4 {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.reveal-5 {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.reveal-6 {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  [class*="reveal-"] {
    opacity: 1 !important;
    -o-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1) !important;
    transition: all 0.5s cubic-bezier(0.5, 0, 0, 1) !important;
  }
}
/**
*
* CPTs - Common
*
**/
/**
*
* Debug - Common
*
**/
pre {
  margin: 30px 0 10px;
  white-space: pre-wrap;
  counter-reset: line-numbering;
  background: #2c3e50;
  padding: 30px;
  width: 100%;
  color: #ecf0f1;
  line-height: 140%;
}
pre p {
  word-wrap: break-word;
}
pre .line {
  display: inline-block;
}
pre .line::before {
  content: counter(line-numbering);
  counter-increment: line-numbering;
  padding-right: 2em;
  /* space after numbers */
  padding-left: 1em;
  width: 1.5em;
  text-align: right;
  opacity: 0.5;
  color: white;
}

/* Thème */
/**
*
* Thème Default - Configs
*
**/
* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  background-color: #4E6DB3;
}
html.no-scroll,
body.no-scroll {
  overflow: hidden !important;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}
html body {
  z-index: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  line-height: 1.2;
  width: 100%;
  font-size: 16px;
  font-family: "DIN-Alternate", sans-serif;
  background: #ffffff;
  color: #000000;
}
html body#error-page {
  margin-top: 0;
  padding: 0;
}
html body#error-page p {
  margin: 0;
}
html body h1,
html body h2,
html body h3 {
  color: #ffffff;
}
html body h2 {
  font-size: calc(80em / 16);
  line-height: calc(46/100);
  font-family: "DIN-Condensed", sans-serif;
  text-transform: uppercase;
  padding-bottom: 0.75em;
}
@media (max-width: 992px) {
  html body h2 {
    font-size: calc(60em / 16);
  }
}
html body h3 {
  font-size: calc(27em / 16);
  font-family: "DIN-Alternate", sans-serif;
  line-height: calc(30 / 27);
  margin-bottom: 1rem;
}
html body a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
html body a:hover {
  color: #00A2B0;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
html body a,
html body span {
  color: #000000;
  font-size: 0.8em;
  font-family: "DIN-Alternate", sans-serif;
  font-weight: 400;
  line-height: 1;
}
html body p {
  font-size: calc(16em / 16);
  line-height: calc(22/16);
}
html body p + p {
  margin-top: 1em;
}
html body strong {
  font-weight: 700;
}
html body em {
  font-style: italic;
}
html body #main-wrapper {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  min-height: 100vh;
  max-width: 100vw;
  overflow-x: hidden;
}
@media (max-width: 992px) {
  html body #main-wrapper {
    overflow: unset;
  }
}
html body.admin-bar {
  max-width: 100vw;
}
html body.admin-bar .debug {
  bottom: 32px;
}

/**
*
* Main Content - Partials
*
**/
main#main-content {
  min-height: 100vh;
  background-color: #4E6DB3;
}
@media (max-width: 992px) {
  main#main-content {
    overflow: unset !important;
  }
}
@media (max-width: 992px) {
  main#main-content .row {
    position: inherit;
  }
}
@media (max-width: 992px) {
  main#main-content {
    min-height: inherit;
    max-height: inherit;
    overflow-y: inherit;
    overflow-x: hidden;
  }
}
main#main-content .icon-arrow {
  display: none;
}
@media (max-width: 992px) {
  main#main-content .icon-arrow {
    display: block;
    position: absolute;
    bottom: 1rem;
    color: #F6C100;
    font-size: 3rem;
    z-index: 99;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .icon-arrow {
    font-size: 2rem;
  }
}
main#main-content .page-part-home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5rem;
  min-height: 100vh;
  max-height: 100vh;
  position: relative;
  position: fixed;
}
@media (max-width: 1440px) {
  main#main-content .page-part-home {
    padding-bottom: 3rem;
  }
}
@media (max-width: 1170px) {
  main#main-content .page-part-home {
    padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home {
    position: relative;
    min-height: inherit;
    max-height: inherit;
    justify-content: space-between;
  }
}
main#main-content .page-part-home .__background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-home .__background {
    position: fixed;
  }
}
main#main-content .page-part-home video {
  position: absolute;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1600px) and (min-width: 1400px) and (min-height: 600px) and (max-height: 1000px) {
  main#main-content .page-part-home video {
    height: auto !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1850px) and (min-width: 1750px) and (min-height: 950px) and (max-height: 1050px) {
  main#main-content .page-part-home video {
    height: auto !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1720px) and (min-width: 1640px) and (min-height: 900px) and (max-height: 980px) {
  main#main-content .page-part-home video {
    height: auto !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1800px) {
  main#main-content .page-part-home video {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home {
    flex-direction: column-reverse;
  }
}
main#main-content .page-part-home .__header {
  z-index: 1;
  width: 100%;
  padding: 50px;
  display: flex;
  justify-content: space-between;
  max-height: 20%;
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 1550px) {
  main#main-content .page-part-home .__header {
    padding-bottom: 0;
  }
}
@media (max-width: 1170px) {
  main#main-content .page-part-home .__header {
    padding: 35px;
    max-height: 25%;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__header {
    flex-direction: column-reverse;
    padding: 1.5rem 0 0;
    max-height: 20%;
    position: relative;
    top: inherit;
  }
}
main#main-content .page-part-home .__header ._logo {
  max-width: 170px;
}
main#main-content .page-part-home .__header ._logo img {
  width: 100%;
}
@media (max-width: 1170px) {
  main#main-content .page-part-home .__header ._logo {
    max-width: 150px;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__header ._logo {
    max-width: 420px;
    margin: 5rem auto 8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-home .__header ._logo {
    max-width: 280px;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__header ._nav {
    position: sticky;
    top: 0;
  }
}
main#main-content .page-part-home .__header ._nav ul {
  display: flex;
  flex-direction: row;
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__header ._nav ul {
    width: 100%;
    justify-content: space-around;
    border-top: 1px solid #F6C100;
    border-bottom: 1px solid #F6C100;
    padding: 0.5rem 0;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__header ._nav li {
    text-align: center;
    min-width: 30%;
    padding: 0.25rem 0;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-home .__header ._nav li {
    min-width: 33%;
  }
}
main#main-content .page-part-home .__header ._nav li span,
main#main-content .page-part-home .__header ._nav li a {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  cursor: pointer;
  font-family: "DIN-Alternate", sans-serif;
  font-size: calc(20em / 16);
  line-height: calc(24 / 20);
  padding-bottom: 0.3rem;
}
@media (max-width: 1170px) {
  main#main-content .page-part-home .__header ._nav li span,
  main#main-content .page-part-home .__header ._nav li a {
    font-size: calc(15em / 16);
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__header ._nav li span,
  main#main-content .page-part-home .__header ._nav li a {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-home .__header ._nav li span,
  main#main-content .page-part-home .__header ._nav li a {
    font-size: calc(16em / 16);
  }
}
main#main-content .page-part-home .__header ._nav li span:before,
main#main-content .page-part-home .__header ._nav li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F6C100;
  width: 0;
  height: 2px;
  transition: width 0.3s ease-in-out;
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__header ._nav li span:before,
  main#main-content .page-part-home .__header ._nav li a:before {
    display: none;
  }
}
main#main-content .page-part-home .__header ._nav li span:hover,
main#main-content .page-part-home .__header ._nav li a:hover {
  text-decoration: none;
}
main#main-content .page-part-home .__header ._nav li span:hover:before,
main#main-content .page-part-home .__header ._nav li a:hover:before {
  width: 100%;
  transition: width 0.3s ease-in-out;
}
main#main-content .page-part-home .__header ._nav li span.active,
main#main-content .page-part-home .__header ._nav li a.active {
  pointer-events: none;
  cursor: initial;
}
main#main-content .page-part-home .__header ._nav li span.active:before,
main#main-content .page-part-home .__header ._nav li a.active:before {
  width: 100%;
  transition: width 0.3s ease-in-out;
}
main#main-content .page-part-home .__header ._nav li + li {
  margin-left: 2.5rem;
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__header ._nav li + li {
    border-left: 1px solid #F6C100;
    min-width: 33%;
    margin-left: 0;
  }
}
main#main-content .page-part-home #animation-container {
  margin-bottom: 0;
}
@media (max-width: 1440px) {
  main#main-content .page-part-home #animation-container {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1850px) and (min-width: 1750px) and (min-height: 950px) and (max-height: 1050px) {
  main#main-content .page-part-home #animation-container {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 1720px) and (min-width: 1640px) and (min-height: 900px) and (max-height: 980px) {
  main#main-content .page-part-home #animation-container {
    margin-bottom: 0;
    margin-top: 2rem;
  }
}
main#main-content .page-part-home #animation-container svg {
  max-height: 550px !important;
}
@media only screen and (max-width: 1550px) {
  main#main-content .page-part-home #animation-container svg {
    max-height: 450px !important;
  }
}
@media only screen and (max-width: 1850px) and (min-width: 1750px) and (min-height: 950px) and (max-height: 1050px) {
  main#main-content .page-part-home #animation-container svg {
    max-height: 500px !important;
    transform: translate3d(0px, -30px, 0px) !important;
  }
}
@media only screen and (max-width: 1720px) and (min-width: 1640px) and (min-height: 900px) and (max-height: 980px) {
  main#main-content .page-part-home #animation-container svg {
    max-height: 450px !important;
    transform: translate3d(0px, -30px, 0px) !important;
  }
}
@media only screen and (max-width: 1500px) and (min-width: 1300px) and (min-height: 701px) and (max-height: 950px) {
  main#main-content .page-part-home #animation-container svg {
    max-height: 400px !important;
    transform: translate3d(0px, -30px, 0px) !important;
  }
}
@media only screen and (max-width: 1500px) and (min-width: 1300px) and (min-height: 600px) and (max-height: 700px) {
  main#main-content .page-part-home #animation-container svg {
    max-height: 350px !important;
    transform: translate3d(0px, -45px, 0px) !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1100px) and (max-height: 992px) and (orientation: landscape) {
  main#main-content .page-part-home #animation-container svg {
    max-height: 350px !important;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home #animation-container {
    display: none;
  }
}
main#main-content .page-part-home .__socials {
  padding-top: 5rem;
  text-align: center;
  position: relative;
  position: absolute;
  bottom: 5rem;
}
@media only screen and (max-width: 1550px) {
  main#main-content .page-part-home .__socials {
    padding-top: 0;
    bottom: 3rem;
  }
}
@media only screen and (max-width: 1850px) and (min-width: 1750px) and (min-height: 950px) and (max-height: 1050px) {
  main#main-content .page-part-home .__socials {
    padding-top: 3rem;
    bottom: 3rem;
  }
}
@media only screen and (max-width: 1720px) and (min-width: 1640px) and (min-height: 900px) and (max-height: 980px) {
  main#main-content .page-part-home .__socials {
    padding-top: 2rem;
    bottom: 3rem;
  }
}
@media (max-width: 1170px) {
  main#main-content .page-part-home .__socials {
    padding-top: 0.5rem;
    bottom: 2rem;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__socials {
    padding-top: 0.5rem;
    padding-bottom: 0;
    position: relative;
    bottom: inherit;
  }
}
main#main-content .page-part-home .__socials .page-part_title h3 {
  position: relative;
  font-size: calc(20em / 16);
  line-height: calc(24 / 20);
  color: #ffffff;
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
  display: inline-block;
}
@media (max-width: 1170px) {
  main#main-content .page-part-home .__socials .page-part_title h3 {
    font-size: calc(18em / 16);
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__socials .page-part_title h3 {
    margin-bottom: 0.5rem;
    font-size: calc(15em / 16);
  }
}
main#main-content .page-part-home .__socials .page-part_title h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F6C100;
  width: 100%;
  height: 2px;
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__socials .page-part_title h3:after {
    display: none;
  }
}
main#main-content .page-part-home .__socials .page-part_list li {
  display: inline-block;
}
main#main-content .page-part-home .__socials .page-part_list li a {
  font-size: 3.5rem;
}
@media (max-width: 1170px) {
  main#main-content .page-part-home .__socials .page-part_list li a {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1100px) and (max-height: 992px) and (orientation: landscape) {
  main#main-content .page-part-home .__socials .page-part_list li a {
    font-size: 2.8rem;
  }
}
@media (max-width: 992px) {
  main#main-content .page-part-home .__socials .page-part_list li a {
    font-size: 2rem;
  }
}
main#main-content .page-part-home .__socials .page-part_list li a:before {
  color: #ffffff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
main#main-content .page-part-home .__socials .page-part_list li a:hover {
  text-decoration: none;
}
main#main-content .page-part-home .__socials .page-part_list li a:hover:before {
  color: #F6C100;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
main#main-content .page-part-home .__socials .page-part_list li + li {
  margin-left: 1rem;
}
main#main-content .page-part-episodes {
  margin-left: auto;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 992px) {
  main#main-content .page-part-episodes {
    padding-bottom: 2.5rem;
  }
}
main#main-content .page-part-episodes.hide {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
main#main-content .page-part-episodes header {
  padding: 4rem 2.5rem 2rem;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 1170px) {
  main#main-content .page-part-episodes header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
main#main-content .page-part-episodes header h2 {
  border-bottom: 2px #F6C100 solid;
  padding-bottom: 2rem;
}
main#main-content .page-part-episodes header p {
  text-align: left;
  font-weight: 500;
  padding-top: 3rem;
}
@media (max-width: 992px) {
  main#main-content .page-part-episodes header p {
    text-align: center;
  }
}
main#main-content .page-part-episodes .__content {
  padding: 1rem 2.5rem;
}
@media (max-width: 1170px) {
  main#main-content .page-part-episodes .__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content {
    padding: 1rem;
  }
}
main#main-content .page-part-episodes .__content article {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  position: relative;
}
main#main-content .page-part-episodes .__content article + article {
  margin-top: 2rem;
}
main#main-content .page-part-episodes .__content article .cat {
  display: inline-block;
  position: absolute;
  z-index: 5;
  top: 3rem;
  left: -4rem;
  text-transform: uppercase;
  font-size: calc(25em / 16);
  line-height: calc(35 / 25);
  font-family: "DIN-Condensed", sans-serif;
  padding: 0.5rem 5rem 0.25rem;
  transform: rotate(-45deg);
}
main#main-content .page-part-episodes .__content article .cat.cat_nouveaute {
  background-color: #ffffff;
  color: #4E6DB3;
}
main#main-content .page-part-episodes .__content article .cat.cat_coup-de-coeur {
  background-color: #FF8085;
  color: #ffffff;
}
main#main-content .page-part-episodes .__content article .row {
  position: relative;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content article .row {
    margin: 0;
  }
}
main#main-content .page-part-episodes .__content article figure {
  position: relative;
  z-index: 1;
  min-height: 450px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content article figure {
    min-height: 360px;
    order: 1;
    max-width: calc(100% - 1.5rem);
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content article footer {
    order: 3;
  }
}
main#main-content .page-part-episodes .__content article ._content {
  background-color: #EEF1F2;
  padding: 1.5rem;
  padding-bottom: 1rem;
  z-index: 1;
  padding-right: 2.5rem;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content article ._content {
    padding-right: 1.5rem;
    order: 2;
    max-width: calc(100% - 1.5rem);
    margin: 0 auto;
  }
}
main#main-content .page-part-episodes .__content article ._content h3,
main#main-content .page-part-episodes .__content article ._content p {
  color: #4E6DB3;
}
main#main-content .page-part-episodes .__content article ._content .author {
  font-size: calc(25em / 16);
  line-height: calc(35 / 25);
  color: #AAB2DB;
  font-family: "DIN-Condensed", sans-serif;
  text-transform: uppercase;
}
main#main-content .page-part-episodes .__content article iframe {
  margin-left: -10px;
  width: calc(100% + 20px) !important;
  margin-top: -14px;
  z-index: 0;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content article iframe {
    order: 3;
  }
}
main#main-content .page-part-episodes .__content.__about {
  display: flex;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content.__about {
    flex-wrap: wrap;
  }
}
main#main-content .page-part-episodes .__content.__about > div {
  width: 50%;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content.__about > div {
    width: 100%;
  }
}
main#main-content .page-part-episodes .__content.__about ._left {
  position: relative;
  padding-right: 2rem;
}
main#main-content .page-part-episodes .__content.__about ._left:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #F6C100;
  width: 2px;
  height: 100%;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content.__about ._left:before {
    display: none;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content.__about ._left {
    padding-right: 0;
  }
}
main#main-content .page-part-episodes .__content.__about ._right {
  padding-left: 2rem;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  main#main-content .page-part-episodes .__content.__about ._right {
    padding-left: 0;
    padding-top: 2rem;
  }
}
main#main-content .page-part-episodes .__content.__about h3 {
  font-size: calc(30em / 16);
  line-height: calc(35 / 30);
  letter-spacing: 0.3px;
  color: #F6C100;
}
main#main-content .page-part-episodes .__content.__about img {
  margin-bottom: 2rem;
}
main#main-content .page-part-episodes .__content.__about p {
  color: #ffffff;
}
main#main-content .page-part-episodes .__content.__about p img {
  width: 100%;
  height: 100%;
  margin-bottom: 2rem;
}

/*** 
* Woocommerce 
***/

/*# sourceMappingURL=styles.css.map */