@charset "UTF-8";
/**
 * SCSS Variables
 **/
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }
  html[lang='en'] :lang(fr), html[lang='fr'] :lang(en) {
    display: none; }

:lang(en) {
  quotes: '\201C' '\201D' '\2018' '\2019'; }

:lang(fr) {
  quotes: '« ' ' »'; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Cormorant Garamond", serif; }

body {
  background: url(../img/logo-ps.svg) center 10vh/60vh no-repeat fixed, rgba(173, 151, 56, 0.68);
  color: #f3f0e4;
  font-family: Abel, "Open Sans", sans-serif;
  font-size: 1.6rem;
  min-height: 1000px;
  margin: 0;
  padding: 0; }
  body > header {
    background-color: #6d4e80;
    position: absolute;
    top: 50vh;
    height: 50vh;
    width: 100%; }
    body > header > h1 {
      margin-top: calc(25vh -1vh);
      text-align: center;
      width: 100%; }
      body > header > h1.fixed {
        background-color: #6d4e80;
        position: fixed;
        z-index: 999;
        margin-top: 0;
        top: 0;
        padding: 0.5vh 1vw;
        text-align: left;
        font-size: 3.5vh;
        line-height: 5vh; }
        body > header > h1.fixed img {
          display: inline-block; }
      body > header > h1 a {
        display: inline-block;
        text-decoration: none;
        color: #dcc985; }
      body > header > h1 img {
        display: none; }
    body > header section, body > header footer {
      display: none; }
  body > main {
    position: relative;
    top: 100vh;
    margin: 0 auto;
    max-width: 42vh; }

#gfx, #gfx h3 {
  background-color: rgba(191, 138, 112, 0.7); }

#txt, #txt h3 {
  background-color: rgba(166, 191, 112, 0.7); }

#vdo, #vdo h3 {
  background-color: rgba(112, 166, 191, 0.5); }

.fixed.libre > h2 {
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
  color: rgba(255, 255, 255, 0.95);
  position: fixed;
  z-index: 999;
  margin-top: 0;
  top: 12vh;
  padding: 0.5vh 1vw;
  text-align: left;
  line-height: 5vh; }
.fixed.libre > section.fixed#cooperation h3 {
  background-color: red;
  clip: rect(0, 0, 100vw, 100vh); }
.fixed.libre > section.fixed > h3 {
  background-color: rgba(0, 0, 0, 0.9);
  color: black;
  position: fixed;
  z-index: 999;
  margin-top: 0;
  top: 12vh;
  left: 50vw;
  right: 0;
  padding: 0.5vh;
  text-align: center;
  line-height: 5vh; }
  .fixed.libre > section.fixed > h3 a {
    color: rgba(255, 255, 255, 0.95);
    text-decoration: none; }

.fixed.media > h2 {
  left: 0;
  right: 0;
  background-color: rgba(173, 151, 56, 0.68);
  position: fixed;
  z-index: 999;
  margin-top: 0;
  top: 6vh;
  padding: 0.5vh 1vw;
  text-align: left;
  line-height: 5vh; }
.fixed.media > section.fixed#gfx h3 {
  right: 34vw; }
.fixed.media > section.fixed#txt h3 {
  right: 18vw; }
.fixed.media > section.fixed#vdo h3 {
  right: 2vw; }
.fixed.media > section.fixed > h3 {
  background-color: rgba(173, 151, 56, 0.68);
  position: fixed;
  z-index: 999;
  margin-top: 0;
  top: 6vh;
  padding: 0.5vh 1vw;
  text-align: center;
  line-height: 5vh;
  width: 14vw; }

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