/**
 * Foundation for Sites by ZURB
 * Version 6.4.4-rc1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#adn {
  background: #F8F8F8; }

#expertise {
  background: #DEC180; }
  #expertise .row:first-child * {
    color: white;
    background: transparent; }
  #expertise #field_wrapper {
    z-index: 5;
    text-align: center;
    margin-bottom: -16.66667rem; }
    #expertise #field_wrapper .field {
      display: block;
      width: 90%;
      margin: 0 auto 1.11111rem; }
      #expertise #field_wrapper .field, #expertise #field_wrapper .field * {
        -webkit-transition: all 0.3s 0s ease-in-out;
        -moz-transition: all 0.3s 0s ease-in-out;
        -ms-transition: all 0.3s 0s ease-in-out;
        -o-transition: all 0.3s 0s ease-in-out;
        transition: all 0.3s 0s ease-in-out; }
      #expertise #field_wrapper .field a {
        height: 6.44444rem;
        overflow: hidden;
        display: block;
        text-align: center;
        position: relative;
        left: 0;
        width: 100%; }
        #expertise #field_wrapper .field a img {
          max-width: none;
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        #expertise #field_wrapper .field a .caption {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          pointer-events: none;
          font-family: "GTSectra", Georgia, Times, serif;
          z-index: 6;
          color: #fff;
          display: block;
          font-size: 1.33333rem;
          text-align: center;
          padding: 0.27778rem;
          position: relative;
          max-width: 80%; }
          #expertise #field_wrapper .field a .caption span {
            position: absolute;
            display: block;
            background: transparent;
            z-index: 10; }
            #expertise #field_wrapper .field a .caption span.right, #expertise #field_wrapper .field a .caption span.left {
              bottom: 0;
              top: 100%;
              width: 0.05556rem;
              right: 0; }
            #expertise #field_wrapper .field a .caption span.left {
              left: 0;
              right: auto; }
            #expertise #field_wrapper .field a .caption span.top {
              top: 0;
              height: 0.05556rem;
              left: 100%;
              right: 0; }
            #expertise #field_wrapper .field a .caption span.bottom {
              bottom: 0;
              height: 0.05556rem;
              right: 100%;
              left: 0; }
      #expertise #field_wrapper .field:hover .caption span {
        background: #fff; }
        #expertise #field_wrapper .field:hover .caption span.right {
          transition-delay: 0.4s; }
        #expertise #field_wrapper .field:hover .caption span.left, #expertise #field_wrapper .field:hover .caption span.right {
          top: 0; }
        #expertise #field_wrapper .field:hover .caption span.top {
          left: 0;
          transition-delay: 0.6s; }
        #expertise #field_wrapper .field:hover .caption span.bottom {
          right: 0;
          transition-delay: 0.2s; }
    @media print, screen and (min-width: 64em) {
      #expertise #field_wrapper {
        margin-bottom: -8.33333rem; }
        #expertise #field_wrapper .field {
          display: inline-block;
          width: 15%;
          margin: 0 0.55556rem;
          vertical-align: center; }
          #expertise #field_wrapper .field:nth-of-type(2n) a {
            transform: translateY(0); }
          #expertise #field_wrapper .field:nth-of-type(2n+1) a {
            transform: translateY(40px); }
          #expertise #field_wrapper .field a {
            height: 20.55556rem; }
            #expertise #field_wrapper .field a .caption {
              width: 8.88889rem;
              padding: 0.44444rem; }
            #expertise #field_wrapper .field a img {
              width: 16.66667rem; }
          #expertise #field_wrapper .field:hover {
            z-index: 10;
            width: 22.5%; }
            #expertise #field_wrapper .field:hover a .caption {
              width: 11.11111rem;
              padding: 0.44444rem 1.33333rem; }
        #expertise #field_wrapper:hover .field {
          margin: 0 0.37037rem; }
        body.ie-browser #expertise #field_wrapper .field .grayscale {
          width: 140% !important;
          background-position: center !important; } }
    @media screen and (min-width: 64em) and (max-width: 79.9375em) {
      #expertise #field_wrapper .field {
        width: 17%; }
        #expertise #field_wrapper .field a .caption {
          max-width: 95%;
          padding: 0.27778rem; } }

#secteurs {
  background-color: #F8F8F8;
  padding-top: 13.88889rem; }
  @media screen and (max-width: 63.9375em) {
    #secteurs {
      padding-top: 16.66667rem; } }

#valeurs {
  padding: 12vh 0 0; }

#team {
  background: #F8F8F8; }

#bwtp {
  text-align: center; }
  #bwtp img {
    max-width: 800px;
    width: 100%;
    margin: 2.22222rem auto 2.77778rem auto; }
  #bwtp iframe {
    max-width: 100%; }

/*# sourceMappingURL=front-page.css.map */