/*!
 * Theme Name: HTML5 Blank
 * Theme URI: http://html5blank.com
 * Description: HTML5 Blank WordPress Theme
 * Version: 1.5.0
 * Author: Todd Motto (@toddmotto)
 * Author URI: http://toddmotto.com
 * Tags: Blank, HTML5, CSS3
 *
 * License: MIT
 * License URI: http://opensource.org/licenses/mit-license.php
 */
/**
 * styles.scss
 * ---
 * Main `sass` file. Import here `sass` files
 */
/**
 * modules/variables
 * ---
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * modules/mixins
 * ---
 */
/**
 * modules/fonts
 * ---
 * Declare fonts here
 */
@font-face {
  font-family: 'Gotham';
  src: font-url("fonts/gotham-thin-webfont.eot");
  src: font-url("fonts/gotham-thin-webfont.eot?#iefix") format("embedded-opentype"), font-url("fonts/gotham-thin-webfont.woff") format("woff"), font-url("fonts/gotham-thin-webfont.ttf") format("truetype"), font-url("fonts/gotham-thin-webfont.svg#gotham_thinregular") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: font-url("fonts/gotham-light-webfont.eot");
  src: font-url("fonts/gotham-light-webfont.eot?#iefix") format("embedded-opentype"), font-url("fonts/gotham-light-webfont.woff") format("woff"), font-url("fonts/gotham-light-webfont.ttf") format("truetype"), font-url("fonts/gotham-light-webfont.svg#gotham_lightregular") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: font-url("fonts/gotham-book-webfont.eot");
  src: font-url("fonts/gotham-book-webfont.eot?#iefix") format("embedded-opentype"), font-url("fonts/gotham-book-webfont.woff") format("woff"), font-url("fonts/gotham-book-webfont.ttf") format("truetype"), font-url("fonts/gotham-book-webfont.svg#gotham_bookregular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: font-url("fonts/gotham-medium-webfont.eot");
  src: font-url("fonts/gotham-medium-webfont.eot?#iefix") format("embedded-opentype"), font-url("fonts/gotham-medium-webfont.woff") format("woff"), font-url("fonts/gotham-medium-webfont.ttf") format("truetype"), font-url("fonts/gotham-medium-webfont.svg#gotham_mediumregular") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: font-url("fonts/gotham-bold-webfont.eot");
  src: font-url("fonts/gotham-bold-webfont.eot?#iefix") format("embedded-opentype"), font-url("fonts/gotham-bold-webfont.woff") format("woff"), font-url("fonts/gotham-bold-webfont.ttf") format("truetype"), font-url("fonts/gotham-bold-webfont.svg#gotham_boldregular") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: font-url("fonts/gotham-black-webfont.eot");
  src: font-url("fonts/gotham-black-webfont.eot?#iefix") format("embedded-opentype"), font-url("fonts/gotham-black-webfont.woff") format("woff"), font-url("fonts/gotham-black-webfont.ttf") format("truetype"), font-url("fonts/gotham-black-webfont.svg#gotham_blackregular") format("svg");
  font-weight: 800;
  font-style: normal; }

/**
 * partials/reset
 * ---
 * Reset file
 * NOTE: also `normalize.css` is used
 */
*,
*:after,
*:before {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Gotham", Gotham, "gotham_boldregular", "Roboto", "Helvetica Neue", sans-serif;
  font-size: 140%;
  line-height: 1.5;
  color: #444;
  background-color: #fff;
  margin: 0; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  color: #444;
  text-decoration: none; }
  a:focus, a:hover {
    text-decoration: underline; }

input[type="text"],
input[type="search"] {
  font-size: inherit;
  line-height: inherit; }

::-moz-selection {
  background-color: #000;
  color: #fff;
  text-shadow: none; }

::selection {
  background-color: #000;
  color: #fff;
  text-shadow: none; }

/**
 * partials/wordpress
 * ---
 * Wordpress core classes
 */
/**
 * Alignment
 */
.alignnone {
  margin: 0px 0px 0px 0; }

.aligncenter {
  display: block;
  margin: 0px auto; }

.alignright {
  float: right;
  margin: 0px 0 0px 0px; }

.alignleft {
  float: left;
  margin: 0px 0px 0px 0; }

/**
 * Gallery & images
 */
.wp-caption {
  background: #fff;
  border: thin solid #F0F0F0;
  max-width: 95%;
  padding: 0px 0px;
  text-align: center; }
  .wp-caption img {
    width: auto;
    max-width: 98.5%;
    height: auto;
    border: 0 none;
    padding: 0;
    margin: 0; }

.wp-caption .wp-caption-text,
.gallery-caption {
  margin: 0;
  padding: 0 0px 0px;
  font-size: 140%;
  line-height: 1.5; }

/**
 * Home & Posts
 */
body.error404 article {
  text-align: center;
  position: relative;
  min-height: 70vh;
  overflow: hidden; }
  body.error404 article img.wp-post-image {
    margin: auto;
    display: block;
    opacity: .75;
    max-width: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  body.error404 article h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 3.25em;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    padding: 0 2em; }
  body.error404 article h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    padding: 0 2em; }
    body.error404 article h2 a {
      color: #fff;
      opacity: .7; }

main {
  padding-top: 9.7em;
  position: relative; }
  main#main #single, main#main #page {
    padding-top: 0 !important; }
  main .pagination {
    opacity: 0;
    display: none;
    visibility: hidden; }

body.home .container-ajax #main {
  padding: 0 !important; }

.post, .page {
  padding: 0 !important; }
  .post .miniature, .page .miniature {
    position: relative;
    overflow: hidden;
    height: 25vw;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .post .miniature a, .page .miniature a {
      width: 100%;
      text-decoration: none;
      padding: 1.5vmax; }
    .post .miniature .caseIcon, .page .miniature .caseIcon {
      width: 50px;
      height: auto;
      position: absolute;
      left: 25px;
      top: 25px;
      opacity: 0;
      transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
      -webkit-transform: translate3d(0, 10px, 0);
              transform: translate3d(0, 10px, 0);
      z-index: 10;
      font-size: 5rem; }
    .post .miniature .caseIcon.reverse, .page .miniature .caseIcon.reverse {
      left: auto;
      top: auto;
      right: 25px;
      bottom: 25px;
      -webkit-transform: rotate(180deg) translate3d(0, 10px, 0);
              transform: rotate(180deg) translate3d(0, 10px, 0); }
    .post .miniature:hover .caseIcon, .page .miniature:hover .caseIcon {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    .post .miniature:hover .caseIcon.reverse, .page .miniature:hover .caseIcon.reverse {
      -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
              transform: rotate(180deg) translate3d(0, 0, 0); }
    .post .miniature h3, .page .miniature h3 {
      text-transform: uppercase;
      text-align: center;
      line-height: 1.1;
      color: #fff;
      font-size: 3em;
      isolation: isolate;
      position: relative;
      z-index: 10;
      width: 100%; }
      .post .miniature h3 span, .page .miniature h3 span {
        font-size: .6em;
        text-transform: initial;
        font-family: "Gotham", Gotham, "gotham_lightregular", "Roboto", "Helvetica Neue", sans-serif;
        margin: .15em auto 0;
        padding: 0;
        display: block;
        opacity: 0;
        transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
        position: absolute;
        width: 100%;
        font-weight: 400; }
    .post .miniature:hover span, .page .miniature:hover span {
      opacity: 1; }
    .post .miniature .wp-post-image, .page .miniature .wp-post-image {
      mix-blend-mode: luminosity;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
      background-size: cover !important;
      background-repeat: no-repeat; }
    .post .miniature:hover .wp-post-image, .page .miniature:hover .wp-post-image {
      opacity: .5; }
    .post .miniature .accroche, .page .miniature .accroche {
      position: absolute;
      bottom: 15px;
      right: 25px;
      z-index: 10; }
      .post .miniature .accroche .accroche__wrapper, .page .miniature .accroche .accroche__wrapper {
        position: relative; }
        .post .miniature .accroche .accroche__wrapper .accroche__text, .page .miniature .accroche .accroche__wrapper .accroche__text {
          position: relative;
          font-size: 1.5em;
          display: block;
          opacity: 0;
          transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0.05s;
          -webkit-transform: translate3d(20px, 0, 0);
                  transform: translate3d(20px, 0, 0);
          text-align: right;
          padding-right: 2.2em;
          margin: 0;
          font-family: "Gotham", Gotham, "gotham_boldregular", "Roboto", "Helvetica Neue", sans-serif;
          color: #fff; }
        .post .miniature .accroche .accroche__wrapper .accroche__line, .page .miniature .accroche .accroche__wrapper .accroche__line {
          display: block;
          width: 0px;
          height: 3px;
          background-color: #fff;
          position: absolute;
          top: 50%;
          right: 0;
          transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
    .post .miniature:hover .accroche__text, .page .miniature:hover .accroche__text {
      opacity: 1 !important;
      -webkit-transform: translate3d(0, 0, 0) !important;
              transform: translate3d(0, 0, 0) !important; }
    .post .miniature:hover .accroche__line, .page .miniature:hover .accroche__line {
      width: 30px !important; }
    .post .miniature .edit-button, .page .miniature .edit-button {
      position: absolute;
      right: 25px;
      top: 25px;
      z-index: 100;
      opacity: 0; }
      .post .miniature .edit-button a, .page .miniature .edit-button a {
        position: relative;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        vertical-align: middle;
        z-index: 1;
        transition: .3s ease-out;
        text-decoration: none;
        color: #fff;
        background-color: #000;
        text-align: center;
        letter-spacing: .5px;
        transition: .2s ease-out;
        cursor: pointer;
        font-size: 1.25rem;
        outline: 0;
        border: none;
        border-radius: 2px;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        padding: 0 2rem;
        text-transform: uppercase;
        vertical-align: middle;
        -webkit-tap-highlight-color: transparent;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
        .post .miniature .edit-button a:hover, .page .miniature .edit-button a:hover {
          background-color: #4a4a4a;
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          outline: 0; }
    .post .miniature:hover .edit-button, .page .miniature:hover .edit-button {
      opacity: 1; }
      .post .miniature:hover .edit-button a, .page .miniature:hover .edit-button a {
        pointer-events: auto !important; }
    .post .miniature .miniature__mask, .page .miniature .miniature__mask {
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .post .miniature .slider__logos, .page .miniature .slider__logos {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      -ms-flex-line-pack: center;
      -webkit-align-content: center;
              align-content: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
              align-items: center;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0; }
      .post .miniature .slider__logos .slide--logo, .page .miniature .slider__logos .slide--logo {
        list-style: none;
        padding: 0;
        margin: 0; }
        .post .miniature .slider__logos .slide--logo a, .page .miniature .slider__logos .slide--logo a {
          padding: 0;
          margin: 0; }
          .post .miniature .slider__logos .slide--logo a img, .page .miniature .slider__logos .slide--logo a img {
            mix-blend-mode: normal;
            opacity: 1;
            max-width: 300px;
            height: auto;
            position: relative;
            margin: auto; }
  .post.category-citations .miniature > a, .page.category-citations .miniature > a {
    cursor: default; }
  .post .conteneurAjax .wrapper, .page .conteneurAjax .wrapper {
    padding: 0; }
    .post .conteneurAjax .wrapper article, .page .conteneurAjax .wrapper article {
      float: none !important; }
  .post .ajaxContent, .page .ajaxContent {
    position: relative;
    padding: 0 0 3em 0; }
    .post .ajaxContent .content, .page .ajaxContent .content {
      padding: 0 2em; }
    .post .ajaxContent .header__ajax, .page .ajaxContent .header__ajax {
      position: relative;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: auto;
      max-height: 550px;
      overflow: hidden;
      -webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 95%);
              mask-image: linear-gradient(to bottom, black 65%, transparent 95%); }
      .post .ajaxContent .header__ajax::before, .post .ajaxContent .header__ajax::after, .page .ajaxContent .header__ajax::before, .page .ajaxContent .header__ajax::after {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100px;
        content: ''; }
      .post .ajaxContent .header__ajax::before, .page .ajaxContent .header__ajax::before {
        -webkit-mask-image: linear-gradient(to left, black 75%, transparent 100%);
                mask-image: linear-gradient(to left, black 75%, transparent 100%);
        left: 0;
        right: auto; }
      .post .ajaxContent .header__ajax::after, .page .ajaxContent .header__ajax::after {
        -webkit-mask-image: linear-gradient(to right, black 75%, transparent 100%);
                mask-image: linear-gradient(to right, black 75%, transparent 100%);
        right: 0;
        left: auto; }
      .post .ajaxContent .header__ajax h1, .page .ajaxContent .header__ajax h1 {
        text-align: center;
        text-transform: uppercase;
        font-size: 2.25em;
        color: #fff;
        margin: 0;
        /*position: absolute;
          top: 40%;
          left: 0;
          right: 0;
          bottom: auto;*/
        position: relative;
        width: 100%;
        padding: 5em .75em; }
        .post .ajaxContent .header__ajax h1 a, .page .ajaxContent .header__ajax h1 a {
          font-size: 2em;
          color: #fff;
          text-decoration: none;
          line-height: 1.1; }
      .post .ajaxContent .header__ajax img.wp-post-image, .page .ajaxContent .header__ajax img.wp-post-image {
        mix-blend-mode: luminosity;
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
        /*max-width: 500px;*/
        margin: 0 auto;
        display: block;
        opacity: .5;
        max-width: none;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
                align-self: flex-start;
        -webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 95%);
                mask-image: linear-gradient(to bottom, black 65%, transparent 95%); }
      .post .ajaxContent .header__ajax .closeCase, .page .ajaxContent .header__ajax .closeCase {
        position: absolute;
        top: 25px;
        right: 25px;
        z-index: 10; }
        .post .ajaxContent .header__ajax .closeCase i, .page .ajaxContent .header__ajax .closeCase i {
          color: #fff;
          font-size: 2em; }
    .post .ajaxContent h2, .page .ajaxContent h2 {
      text-align: center;
      color: inherit;
      margin: 0;
      width: 100%; }
    .post .ajaxContent h3, .page .ajaxContent h3 {
      text-align: center;
      font-size: 1.75em;
      color: inherit;
      margin: 0;
      width: 100%; }
    .post .ajaxContent p, .page .ajaxContent p {
      text-align: inherit;
      font-size: 1.75em;
      color: inherit;
      margin: 1em auto;
      max-width: 750px;
      line-height: 1.85;
      width: 100%;
      position: relative;
      display: block; }
    .post .ajaxContent .caseIcon, .page .ajaxContent .caseIcon {
      width: 50px;
      height: auto;
      position: absolute;
      left: 25px;
      top: 25px;
      opacity: 1;
      transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
      z-index: 10;
      font-size: 5rem; }
    .post .ajaxContent .edit-button, .page .ajaxContent .edit-button {
      position: relative;
      display: block;
      width: 100%;
      text-align: center; }
      .post .ajaxContent .edit-button .post-edit-link, .page .ajaxContent .edit-button .post-edit-link {
        /*color: #fff;
               background: #000;
               padding: .5em .75em;
               margin: 1em auto;
               display: inline-block;
               box-shadow: 0 2px 5px 0 rgba(255,255,255,0.14),
                           0 1px 10px 0 rgba(255,255,255,0.12),
                           0 3px 1px -2px rgba(255,255,255,0.2);
               */
        position: relative;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        vertical-align: middle;
        z-index: 1;
        transition: .3s ease-out;
        text-decoration: none;
        color: #fff;
        background-color: #000;
        text-align: center;
        letter-spacing: .5px;
        transition: .2s ease-out;
        cursor: pointer;
        font-size: 1.25rem;
        outline: 0;
        border: none;
        border-radius: 2px;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        padding: 0 2rem;
        text-transform: uppercase;
        vertical-align: middle;
        -webkit-tap-highlight-color: transparent;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
        .post .ajaxContent .edit-button .post-edit-link:hover, .page .ajaxContent .edit-button .post-edit-link:hover {
          background-color: #4a4a4a;
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          outline: 0; }
  .post.category-citations a:active, .page.category-citations a:active {
    pointer-events: none; }
  .post.category-citations a h3, .page.category-citations a h3 {
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1;
    color: #fff;
    isolation: isolate;
    position: relative;
    z-index: 10;
    width: 100%; }
    .post.category-citations a h3 span, .page.category-citations a h3 span {
      font-size: .6em;
      text-transform: initial;
      font-family: "Gotham", Gotham, "gotham_bookregular", "Roboto", "Helvetica Neue", sans-serif;
      margin: .35em auto 0;
      padding: 0;
      display: block;
      opacity: 0;
      transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
      position: absolute;
      width: 100%;
      font-weight: 400; }

body.single article.post .caseIcon, body.single article.post .closeCase {
  display: none;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

#grille {
  position: relative;
  overflow: hidden; }
  #grille .taille-grille {
    width: 25%; }
  #grille article {
    float: left;
    padding: 0 1% 1% 0;
    margin: 0;
    height: auto !important;
    width: 100%; }
    #grille article.normal {
      width: 25%; }
    #grille article.grand {
      width: 50%; }
    #grille article.open {
      z-index: 1000;
      height: auto;
      width: 50%;
      box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }
    #grille article.category-clients .miniature .accroche {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      bottom: auto !important;
      z-index: 10;
      -webkit-align-self: flex-end !important;
          -ms-flex-item-align: end !important;
              align-self: flex-end !important;
      margin: 0 auto 1.5em !important; }
      #grille article.category-clients .miniature .accroche .accroche__text {
        padding: 0 !important;
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0); }
      #grille article.category-clients .miniature .accroche .accroche__line {
        display: none !important;
        visibility: hidden !important; }
    #grille article.category-clients:hover .owl-nav .owl-prev, #grille article.category-clients:hover .owl-nav .owl-next {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1; }

/**
 * partials/plugins
 * ---
 * Plugins related
 */
/*--------------------
-- MODULE INSTAGRAM --
--------------------*/
#sb_instagram .sb_instagram_header {
  display: none;
  visibility: hidden; }

#sb_instagram .sbi_item .sbi_photo {
  position: relative; }

#sb_instagram .sbi_item .sbi_photo::before {
  content: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMi4xNjNjMy4yMDQgMCAzLjU4NC4wMTIgNC44NS4wNyAzLjI1Mi4xNDggNC43NzEgMS42OTEgNC45MTkgNC45MTkuMDU4IDEuMjY1LjA2OSAxLjY0NS4wNjkgNC44NDkgMCAzLjIwNS0uMDEyIDMuNTg0LS4wNjkgNC44NDktLjE0OSAzLjIyNS0xLjY2NCA0Ljc3MS00LjkxOSA0LjkxOS0xLjI2Ni4wNTgtMS42NDQuMDctNC44NS4wNy0zLjIwNCAwLTMuNTg0LS4wMTItNC44NDktLjA3LTMuMjYtLjE0OS00Ljc3MS0xLjY5OS00LjkxOS00LjkyLS4wNTgtMS4yNjUtLjA3LTEuNjQ0LS4wNy00Ljg0OSAwLTMuMjA0LjAxMy0zLjU4My4wNy00Ljg0OS4xNDktMy4yMjcgMS42NjQtNC43NzEgNC45MTktNC45MTkgMS4yNjYtLjA1NyAxLjY0NS0uMDY5IDQuODQ5LS4wNjl6bTAtMi4xNjNjLTMuMjU5IDAtMy42NjcuMDE0LTQuOTQ3LjA3Mi00LjM1OC4yLTYuNzggMi42MTgtNi45OCA2Ljk4LS4wNTkgMS4yODEtLjA3MyAxLjY4OS0uMDczIDQuOTQ4IDAgMy4yNTkuMDE0IDMuNjY4LjA3MiA0Ljk0OC4yIDQuMzU4IDIuNjE4IDYuNzggNi45OCA2Ljk4IDEuMjgxLjA1OCAxLjY4OS4wNzIgNC45NDguMDcyIDMuMjU5IDAgMy42NjgtLjAxNCA0Ljk0OC0uMDcyIDQuMzU0LS4yIDYuNzgyLTIuNjE4IDYuOTc5LTYuOTguMDU5LTEuMjguMDczLTEuNjg5LjA3My00Ljk0OCAwLTMuMjU5LS4wMTQtMy42NjctLjA3Mi00Ljk0Ny0uMTk2LTQuMzU0LTIuNjE3LTYuNzgtNi45NzktNi45OC0xLjI4MS0uMDU5LTEuNjktLjA3My00Ljk0OS0uMDczem0wIDUuODM4Yy0zLjQwMyAwLTYuMTYyIDIuNzU5LTYuMTYyIDYuMTYyczIuNzU5IDYuMTYzIDYuMTYyIDYuMTYzIDYuMTYyLTIuNzU5IDYuMTYyLTYuMTYzYzAtMy40MDMtMi43NTktNi4xNjItNi4xNjItNi4xNjJ6bTAgMTAuMTYyYy0yLjIwOSAwLTQtMS43OS00LTQgMC0yLjIwOSAxLjc5MS00IDQtNHM0IDEuNzkxIDQgNGMwIDIuMjEtMS43OTEgNC00IDR6bTYuNDA2LTExLjg0NWMtLjc5NiAwLTEuNDQxLjY0NS0xLjQ0MSAxLjQ0cy42NDUgMS40NCAxLjQ0MSAxLjQ0Yy43OTUgMCAxLjQzOS0uNjQ1IDEuNDM5LTEuNDRzLS42NDQtMS40NC0xLjQzOS0xLjQ0eiIvPjwvc3ZnPg==);
  display: block;
  font-family: 'FontAwesome', sans-serif;
  font-size: 3em;
  color: #fff;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  top: 25px;
  left: 25px;
  position: absolute;
  opacity: 0;
  transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0); }

#sb_instagram .sbi_item:hover .sbi_photo::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

#sb_instagram #sbi_load {
  padding: 0 !important; }

/*----------------
-- MODULE GMAPS --
-----------------*/
#map {
  height: 300px;
  position: relative;
  background: #eee; }
  #map #mapContainer {
    height: 100%;
    opacity: 0;
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
    transition: all 0.33s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
  #map:hover #mapContainer {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  #map .map__text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #map .map__text p {
      text-transform: uppercase;
      text-align: center;
      margin: auto;
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      font-family: "Gotham", Gotham, "gotham_boldregular", "Roboto", "Helvetica Neue", sans-serif;
      font-size: 4.5em;
      font-weight: 700; }
      #map .map__text p a {
        color: #000;
        text-decoration: none;
        position: relative;
        display: inline-block;
        line-height: 1;
        padding-bottom: .25em; }
        #map .map__text p a::before {
          content: '';
          position: absolute;
          left: auto;
          right: 0;
          bottom: 4px;
          width: 0%;
          height: 7px;
          background: #000;
          transition: width 0.33s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
      #map .map__text p:hover a::before {
        width: 100%;
        right: auto;
        left: 0; }

/*
* MODULE CAROUSEL
*/
.owl-carousel .owl-stage-outer {
  padding: 3em 0; }
  .owl-carousel .owl-stage-outer .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .owl-carousel .owl-stage-outer .owl-stage .owl-item {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; }
      .owl-carousel .owl-stage-outer .owl-stage .owl-item.active img {
        transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
      .owl-carousel .owl-stage-outer .owl-stage .owl-item:hover.active img {
        margin-bottom: 2em; }
      .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide--logo {
        text-align: center; }

.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  bottom: 10px;
  left: 10px;
  opacity: 0;
  color: inherit;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0.05s; }

.owl-carousel .owl-nav .owl-next {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  color: inherit;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  transition: all 0.15s cubic-bezier(0.6, 0.2, 0.1, 1) 0.05s; }

/*
* MODULE QUIZ
*/
.slickQuizWrapper {
  padding: 0 3em .5em;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.25);
  max-width: 1080px;
  margin: 0 auto 2em; }
  .slickQuizWrapper .quizName {
    display: none;
    visibility: hidden; }
  .slickQuizWrapper .quizResults .button {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    transition: .3s ease-out;
    text-decoration: none;
    color: #fff;
    background-color: #000000;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
    font-size: 1.5rem;
    outline: 0;
    border: none;
    border-radius: 2px;
    height: 36px;
    line-height: 36px;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    float: none !important;
    margin: auto; }
    .slickQuizWrapper .quizResults .button:hover {
      background-color: #4a4a4a;
      box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
      outline: 0; }
  .slickQuizWrapper .quizResults p {
    text-align: center; }
  .slickQuizWrapper .quizArea {
    text-align: center; }
    .slickQuizWrapper .quizArea .question > h3 p {
      display: block !important;
      margin: auto !important;
      line-height: 1.3; }
    .slickQuizWrapper .quizArea .question .answers {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 2em auto;
      padding: 0;
      font-size: 1.5em;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .slickQuizWrapper .quizArea .question .answers li {
        padding: 0.5em 1em !important;
        border: 2.5px solid;
        letter-spacing: .015em;
        margin: 0 1em 1em 0; }
        .slickQuizWrapper .quizArea .question .answers li.incorrect {
          opacity: .5; }
        .slickQuizWrapper .quizArea .question .answers li.correct {
          background: #fff; }
          .slickQuizWrapper .quizArea .question .answers li.correct input, .slickQuizWrapper .quizArea .question .answers li.correct label {
            opacity: 1; }
    .slickQuizWrapper .quizArea .question .button {
      position: relative;
      cursor: pointer;
      display: inline-block;
      overflow: hidden;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      vertical-align: middle;
      z-index: 1;
      transition: .3s ease-out;
      text-decoration: none;
      color: #fff;
      background-color: #000000;
      text-align: center;
      letter-spacing: .5px;
      transition: .2s ease-out;
      cursor: pointer;
      font-size: 1.5rem;
      outline: 0;
      border: none;
      border-radius: 2px;
      display: inline-block;
      height: 36px;
      line-height: 36px;
      padding: 0 2rem;
      text-transform: uppercase;
      vertical-align: middle;
      -webkit-tap-highlight-color: transparent;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
      float: none !important;
      margin: 0 auto 1em;
      text-align: center; }
      .slickQuizWrapper .quizArea .question .button:hover {
        background-color: #4a4a4a;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
        outline: 0; }
      .slickQuizWrapper .quizArea .question .button.checkAnswer {
        /*margin-left: 15px;
							 display: none;
							 visibility: hidden;*/ }
    .slickQuizWrapper .quizArea .buttonWrapper {
      text-align: center; }
      .slickQuizWrapper .quizArea .buttonWrapper .button {
        position: relative;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        vertical-align: middle;
        z-index: 1;
        transition: .3s ease-out;
        text-decoration: none;
        color: #fff;
        background-color: #000000;
        text-align: center;
        letter-spacing: .5px;
        transition: .2s ease-out;
        cursor: pointer;
        font-size: 1.5rem;
        outline: 0;
        border: none;
        border-radius: 2px;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        padding: 0 2rem;
        text-transform: uppercase;
        vertical-align: middle;
        -webkit-tap-highlight-color: transparent;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        float: none !important;
        margin: auto;
        text-align: center; }
        .slickQuizWrapper .quizArea .buttonWrapper .button:hover {
          background-color: #4a4a4a;
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          outline: 0; }
        .slickQuizWrapper .quizArea .buttonWrapper .button.checkAnswer {
          margin-left: 15px; }
    .slickQuizWrapper .quizArea .quizHeader .nameLabel input {
      display: block;
      margin: 0.5em auto 2em;
      cursor: text;
      color: #000; }

/**
 * partials/utils
 * ---
 * Utils classes
 */
.clear:before, .clear:after {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

.reset-box {
  padding: 0;
  margin: 0; }

/**
 * partials/wrapper
 * ---
 */
.wrapper {
  max-width: auto;
  padding: 0 0px;
  margin: 0 auto;
  position: relative; }

/**
 * partials/header
 * ---
 */
.header {
  padding: 2em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10000;
  background: #fff; }
  .header.animated {
    -webkit-animation-duration: .33s;
            animation-duration: .33s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

.logo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left; }
  .logo .site-logo, .logo .logo-img {
    width: 80px;
    height: 80px; }

/**
 * partials/nav
 * ---
 * Menus
 */
/*.nav {

}

.menu {

}

.sub-menu {

}

.menu-item {

}*/
nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: right;
      -ms-flex-pack: right;
          justify-content: right; }
  nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0; }
    nav ul li {
      list-style: none;
      padding: 0 5rem; }
      nav ul li a {
        padding: 0;
        text-transform: uppercase;
        line-height: 80px;
        font-size: 1.3em;
        color: #000;
        position: relative;
        text-decoration: none;
        font-family: "Gotham", Gotham, "gotham_blackregular", "Roboto", "Helvetica Neue", sans-serif;
        font-weight: 800; }
        nav ul li a::before {
          content: '';
          position: absolute;
          left: auto;
          right: 0;
          bottom: -4px;
          width: 0%;
          height: 3px;
          background: #000;
          transition: width 0.33s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
        nav ul li a:hover, nav ul li a:focus {
          text-decoration: none; }
        nav ul li a:hover::before {
          width: 100%;
          right: auto;
          left: 0; }
      nav ul li:last-child {
        padding: 0 0 0 5rem; }
  nav.nav-mobile {
    display: none;
    visibility: hidden; }

#mobile-menu {
  display: none;
  visibility: hidden;
  opacity: 1; }

/**
 * partials/sidebar
 * ---
 */
/**
 * partials/footer
 * ---
 */
.footer {
  background: #261D1D;
  position: relative;
  color: #fff;
  width: 100%;
  height: 100px;
  line-height: 100px;
  padding: 0 1.5em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
          align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .footer a {
    color: #fff; }
    .footer a::before, .footer a::after {
      content: '';
      display: none;
      visibility: hidden; }
  .footer .logo-footer, .footer .copyright, .footer .social-nav {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
        align-self: auto;
    margin: 0;
    padding: 0;
    z-index: 10; }
  .footer .logo-footer > img {
    max-width: 50px; }
  .footer .copyright {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1; }

.social-nav .menu li {
  font-size: 1.3em;
  padding: 0; }
  .social-nav .menu li:first-child a {
    padding: 0 1.25em 0 0; }
  .social-nav .menu li a {
    padding: 0 1.25em; }
  .social-nav .menu li:last-child a {
    padding: 0 0 0 1.25em; }

/**
 * partials/responsive
 * ---
 * Media queries & responsive stuff
 */
@media screen and (max-width: 1440px) {
  .post .miniature .slider__logos .slide--logo a .wp-post-image {
    max-width: 200px; } }

/*** Max 1440px ***/
@media screen and (max-width: 1280px) {
  #grille article.normal, #grille .taille-grille {
    width: 50%; }
  .post .miniature {
    height: 50vw; }
    .post .miniature h3 {
      font-size: 3em !important; }
    .post .miniature .caseIcon {
      width: 35px; } }

/*** Max 1280px ***/
@media screen and (max-width: 1024px) {
  nav ul li {
    padding: 0 3rem; }
  .slickQuizWrapper .quizArea .question .answers li {
    margin: 0 auto 1em; }
  footer .social-nav .menu li:first-child a {
    padding: 0 .5em 0 0; }
  footer .social-nav .menu li a {
    padding: 0 .5em; }
  footer .social-nav .menu li:last-child a {
    padding: 0 0 0 .5em; } }

/*** Max 1024px ***/
@media screen and (max-width: 640px) {
  #grille article.normal, #grille article.grand, #grille .taille-grille {
    width: 100%; }
  #grille .post .miniature {
    height: 100vw; }
    #grille .post .miniature h3 {
      font-size: 2.5em !important; }
    #grille .post .miniature .accroche .accroche__text {
      font-size: 1.2em !important;
      padding-right: 2.6em !important; }
  #grille .post .ajaxContent p {
    font-size: 1.3em !important; }
  #grille .post .ajaxContent h3 {
    font-size: 1.35em !important; }
  #map .map__text p {
    font-size: 3.5em !important;
    width: 85% !important; }
  footer.footer {
    height: auto;
    line-height: inherit;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 1.5em !important; }
    footer.footer > * {
      position: relative !important;
      line-height: 1.5 !important;
      display: block;
      padding: 1em 1.5em !important; }
    footer.footer .social-nav .menu li a {
      line-height: inherit; }
  .ajaxContent .header__ajax h1 {
    font-size: 1.5em !important; }
  .ajaxContent p {
    font-size: 1.3em !important; } }

/*** Max 640px ***/
@media screen and (max-width: 560px) {
  body.mobileMenuIsOpen {
    overflow: hidden; }
  main {
    padding-top: 6.5em !important; }
  header.header {
    padding: 1.5em; }
    header.header.fullHeight {
      height: 100%;
      -webkit-transform: translateZ(0);
              transform: translateZ(0); }
    header.header .logo .site-logo, header.header .logo .logo-img {
      height: 50px;
      width: 50px; }
  nav.nav {
    display: none;
    visibility: hidden;
    opacity: 0; }
  nav.nav-mobile {
    display: none;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 0;
    opacity: 0; }
    nav.nav-mobile > ul {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 100%;
      padding: 0; }
      nav.nav-mobile > ul > li {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                align-self: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        display: inherit;
        line-height: 1.2 !important;
        padding: 1.5em 3em !important;
        font-size: 1.25em !important; }
        nav.nav-mobile > ul > li > a {
          line-height: inherit !important;
          padding: 0 !important; }
          nav.nav-mobile > ul > li > a::before {
            height: 4px;
            bottom: -6px; }
  nav.nav-mobile.show {
    opacity: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    z-index: 10000; }
    nav.nav-mobile.show #close-menu {
      display: block;
      position: absolute;
      visibility: visible;
      top: 25px;
      right: 25px;
      z-index: 1000;
      opacity: 1; }
  #mobile-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    text-decoration: none; } }

/**
 * partials/print
 * ---
 * Print version
 * (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css)
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }