html, body {
  height: 100%; }

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  color: #222222;
  background-color: #f0f0ee; }
  @media all and (min-width: 1200px) {
    body {
      font-size: 1.3em; } }

.container .row > div, .container-fluid .row > div {
  padding: 5vw; }

h2 {
  margin-top: 5vw; }
  h2:first-of-type {
    margin-top: 0; }

.vqj-page .row {
  align-items: center; }

.vqj-hometitle {
  min-height: 100vh;
  background: url(images/9adffe1cac62da9b7b6a65660aa3dfa3.jpg);
  background-size: cover;
  background-position: center; }
  .vqj-hometitle .logo {
    position: absolute;
    right: 10vw;
    top: 10vw;
    width: 40vw;
    height: 40vw;
    max-width: 200px;
    max-height: 200px;
    background: url(images/1e0876e61d92d6ed45b3d63d25ebe6ee.png);
    background-size: contain;
    background-position: center;
    border: 1px solid #222222; }
    @media all and (min-width: 768px) {
      .vqj-hometitle .logo {
        right: 5vw;
        top: 5vw; } }
  .vqj-hometitle .title {
    position: absolute;
    padding: 5vw;
    right: 10vw;
    bottom: 10vw;
    max-width: 80vw;
    text-align: right;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #222222;
    font-size: .8em; }
    .vqj-hometitle .title h1 {
      text-transform: uppercase;
      color: #008800;
      text-shadow: 2px 2px #222222; }
    .vqj-hometitle .title h3 {
      color: #222222; }
    @media all and (min-width: 576px) {
      .vqj-hometitle .title {
        font-size: 1em; } }
    @media all and (min-width: 768px) {
      .vqj-hometitle .title {
        font-size: 1.8em;
        padding: 2vw;
        right: 5vw;
        bottom: 5vw; } }
    @media all and (min-width: 992px) {
      .vqj-hometitle .title {
        font-size: 2em; } }
    @media all and (min-width: 992px) {
      .vqj-hometitle .title {
        font-size: 1.3em; } }

.vqj-news #fb-page-container {
  margin: auto;
  max-width: 500px; }

.vqj-news h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px; }

.vqj-what ul {
  padding-left: 0; }
  .vqj-what ul li {
    padding-left: 40px;
    padding-top: 3px;
    margin-top: 5px;
    list-style-type: none;
    background-image: url(images/d3ef589a0210a05e7da2a0ff8cf77e53.png);
    background-repeat: no-repeat;
    background-size: 32px; }

@media all and (min-width: 1200px) {
  .vqj-what ul li {
    padding-left: 50px;
    background-image: url(images/d2c62b61752cad1f30ebac3d13f0fc6e.png);
    background-size: 48px; } }

.vqj-jeux {
  background-image: url(images/86a1e81cd9af3ed4bb01f78ecec415ab.jpg);
  background-size: cover; }
  .vqj-jeux .row {
    min-height: 100vh;
    align-items: center; }
    .vqj-jeux .row .col-10 {
      background-color: rgba(255, 255, 255, 0.7);
      border: 1px solid #222222; }

.vqj-footer {
  color: #fafafa;
  background-color: #222222; }


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