@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;800&display=swap");
/* MENU */
/*----------------------*/
/* -------------------- */
/* Animations */
/* -------------------- */
/*----------------------*/
/* -------------------- */
/* Animation bouton */
/* -------------------- */
/*https://ianlunn.github.io/Hover/*/
/* -------------------- */
/* Scroll fire */
/* -------------------- */
@import url(plugins/bootstrap.min.css);
@media (min-width: 991.98px) {
  .fadeScroll, .fadeScrollRight, .fadeScrollLeft {
    opacity: 1;
    -webkit-transition: transform 0.4s, opacity 0.4s;
    -moz-transition: transform 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s; }
    .fadeScroll.not-visible, .fadeScrollRight.not-visible, .fadeScrollLeft.not-visible {
      opacity: 0; }

  .fadeScrollRight, .fadeScrollLeft {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  .fadeScrollRight.not-visible {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px); }

  .fadeScrollLeft.not-visible {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px); }

  .fadeScroll {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .fadeScroll.not-visible {
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -o-transform: translateY(50px);
      transform: translateY(50px); } }
/*------------------------------------------------------*/
/* -------------------- */
/* Img */
/* -------------------- */
figure {
  margin: 0; }

/*------------------------------------------------------*/
/* -------------------- */
/*  Image background */
/* -------------------- */
.squareImg {
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: inherit;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: auto;
  display: block;
  overflow: hidden;
  transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -ms-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease; }
  .squareImg:hover {
    opacity: 0.6; }

.rectangleImg {
  position: relative;
  width: 100%;
  padding-top: 62.5%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: 100% !important;
  background-size: 100% !important;
  display: block;
  overflow: hidden;
  transition: background-size 300ms ease;
  -moz-transition: background-size 300ms ease;
  -ms-transition: background-size 300ms ease;
  -o-transition: background-size 300ms ease;
  -webkit-transition: background-size 300ms ease; }
  .rectangleImg:hover {
    background-size: 105% !important; }

/*------------------------------------------------------*/
/* -------------------- */
/*  Filtres photos */
/* -------------------- */
.filter-bw {
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); }

.fixed-top {
  background: #1c1c1c; }

.navbar {
  padding: 0; }

.settings {
  background: #1c1c1c;
  text-align: right;
  padding: 0.5rem 15px; }
  .settings a {
    margin: 5px;
    color: #fff; }
  .settings a:hover, .settings a:focus {
    color: #fff; }

.dropdown-toggle {
  position: relative; }
  .dropdown-toggle .dropdown-menu {
    display: none; }
  .dropdown-toggle.active .dropdown-menu {
    display: block; }

#showMenu {
  padding: 0;
  width: 30px;
  height: 20px;
  position: relative; }
  #showMenu .line {
    background-color: #fff;
    transition: all 0.3s;
    height: 2px;
    width: 100%;
    display: block;
    position: absolute; }
    #showMenu .line:first-of-type {
      top: 0; }
    #showMenu .line:nth-of-type(2) {
      top: 50%; }
    #showMenu .line:last-of-type {
      top: 100%; }
  #showMenu:hover .line, #showMenu.active .line {
    background-color: #fff;
    z-index: 2; }
  #showMenu:hover .line:first-of-type, #showMenu.active .line:first-of-type {
    width: 100%; }
  #showMenu.active .line {
    transition: all 0.3s; }
    #showMenu.active .line:first-of-type {
      transform: translate3d(0px, 0px, 0px) rotateZ(45deg);
      transform-origin: left top;
      width: 27px !important; }
    #showMenu.active .line:nth-of-type(2) {
      opacity: 0; }
    #showMenu.active .line:last-of-type {
      transform: translate3d(1px, 0px, 0px) rotateZ(-45deg);
      transform-origin: left bottom;
      width: 27px; }

/* STYLE MENU */
.cbp-spmenu {
  background: #1c1c1c;
  position: fixed;
  overflow: scroll;
  box-sizing: border-box;
  padding: 3rem 2rem; }
  .cbp-spmenu .nav-item {
    list-style: none; }
  .cbp-spmenu .nav-link {
    color: #fff;
    font-size: 1.6rem !important;
    font-weight: 800;
    margin: 0.70rem 0;
    padding: 0;
    display: block;
    -webkit-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; }
  .cbp-spmenu .nav-link:hover {
    color: rgba(255, 255, 255, 0.5);
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px); }
  .cbp-spmenu .menu-content {
    margin-top: 200px;
    padding-left: 0; }

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1; }

/* Vertical menu that slides from the left or right */
.cbp-spmenu-right {
  right: -100%; }

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px; }

/* Transitions */
.cbp-spmenu {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media (min-width: 991px) {
  .cbp-spmenu-vertical {
    width: 700px; }

  .cbp-spmenu-right {
    right: -700px; }

  .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px; } }
/* MENU */
p {
  white-space: normal !important; }

.text-shadow {
  text-shadow: 2px 1px 9px #000000;
  -wekit-text-shadow: 2px 1px 9px #000000;
  -moz-text-shadow: 2px 1px 9px #000000;
  -o-text-shadow: 2px 1px 9px #000000; }

blockquote {
  opacity: 0.75;
  font-style: italic;
  padding: 1.5rem; }
  blockquote p:before, blockquote p:after {
    font-size: 130%;
    font-weight: bold; }
  blockquote p:before {
    content: '« '; }
  blockquote p:after {
    content: ' »'; }
  blockquote cite {
    text-align: right;
    display: block;
    font-weight: bold; }

@media (max-width: 580px) {
  p, a, h1, h2, h3, h4, h5, h6 {
    word-break: break-word !important;
    overflow-wrap: break-word !important; } }
.shadow, .btn, .btn-blanc, .btn-main, .carte {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }

.sigle, #case-studies h2:before, #case-studies .h2:before, #banner-top h1:before, #banner-bottom h1:before, #qui-sommes-nous h2:before, #metier h2:before {
  content: '';
  width: 45px;
  height: 45px;
  display: block;
  background-size: 100%;
  margin: 0 auto 1rem auto;
  background-repeat: no-repeat;
  background-position: center !important; }

/*----------*/
/*-- BTN  --*/
/*----------*/
.btn, .btn-blanc, .btn-main {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0 solid transparent;
  padding: 1rem 1.3rem;
  line-height: 1.1rem;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

button {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  padding: 0; }

.link, .link-white, .link-main, .btn-blanc, .btn-main, footer .footer-nav a {
  font-weight: 600;
  text-transform: uppercase; }
  .link:hover, .link-white:hover, .link-main:hover, .btn-blanc:hover, .btn-main:hover, footer .footer-nav a:hover, .link:focus, .link-white:focus, .link-main:focus, .btn-blanc:focus, .btn-main:focus, footer .footer-nav a:focus {
    text-decoration: none; }

a[href^="mailto:"]:not(.btn):not(.btn-blanc):not(.btn-main) {
  text-transform: lowercase !important; }

.link-white {
  color: #fff; }
  .link-white:hover, .link-white:focus {
    color: #fff;
    opacity: 0.5; }

.link-main {
  color: #1c1c1c; }
  .link-main:hover, .link-main:focus {
    color: #1c1c1c;
    opacity: 0.5; }

.btn-blanc {
  background: #fff;
  color: #1c1c1c; }
  .btn-blanc:hover, .btn-blanc:focus {
    color: #fff;
    background: #1c1c1c; }

.btn-main {
  background: #1c1c1c;
  color: #fff; }
  .btn-main:hover, .btn-main:focus {
    color: #fff;
    background: black; }

.carte {
  padding: 1.5rem;
  height: 100%;
  background: #fff; }

.col-12 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

/*----------*/
/*-- FONT --*/
/*----------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
  text-transform: uppercase; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, .title small {
    font-weight: 400;
    font-size: 70%;
    display: block;
    opacity: 0.75; }
  #banner-top h1, #banner-bottom h1, #qui-sommes-nous h1, #metier h1, #banner-top h2, #banner-bottom h2, #qui-sommes-nous h2, #metier h2, #banner-top h3, #banner-bottom h3, #qui-sommes-nous h3, #metier h3, #banner-top h4, #banner-bottom h4, #qui-sommes-nous h4, #metier h4, #banner-top h5, #banner-bottom h5, #qui-sommes-nous h5, #metier h5, #banner-top h6, #banner-bottom h6, #qui-sommes-nous h6, #metier h6, #banner-top .h1, #banner-bottom .h1, #qui-sommes-nous .h1, #metier .h1, #banner-top .h2, #banner-bottom .h2, #qui-sommes-nous .h2, #metier .h2, #banner-top .h3, #banner-bottom .h3, #qui-sommes-nous .h3, #metier .h3, #banner-top .h4, #banner-bottom .h4, #qui-sommes-nous .h4, #metier .h4, #banner-top .h5, #banner-bottom .h5, #qui-sommes-nous .h5, #metier .h5, #banner-top .h6, #banner-bottom .h6, #qui-sommes-nous .h6, #metier .h6, #banner-top .title, #banner-bottom .title, #qui-sommes-nous .title, #metier .title {
    text-align: center; }

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6, .title {
  font-weight: 800; }

h1, .h1 {
  font-size: calc(1.8rem + .15vw); }

h2, .h2 {
  font-size: calc(1.6rem + .15vw); }
  #case-studies h2, #case-studies .h2 {
    text-align: center;
    color: #fff; }
    #case-studies h2:before, #case-studies .h2:before {
      background: url(../medias/sigle-light.svg);
      background-repeat: no-repeat; }

h3, .h3 {
  font-size: calc(1.4rem + .15vw); }

h4, .h4 {
  font-size: calc(1.1rem + .15vw); }

h5, .h5 {
  font-size: calc(1.1rem + .15vw); }

h6, .h6 {
  font-size: calc(0.8rem + .15vw); }

body, p, span, a, .link, .link-white, .link-main, .btn-blanc, .btn-main, footer .footer-nav a, button.link, button.link-white, button.link-main, button.btn-blanc, button.btn-main {
  font-size: calc(1rem + .035vw);
  line-height: 1.6; }

/*----------*/
/*-- BODY --*/
/*----------*/
body {
  font-family: "Work Sans", sans-serif;
  color: #1c1c1c; }

header .list-unstyled {
  margin: 0 10px; }
  header .list-unstyled li {
    display: inline-block;
    margin: 0 10px; }
header .menu-content, header .contact {
  width: 100%; }
header .contact {
  margin-top: auto;
  color: white; }

.contact a {
  display: block; }
.contact address {
  padding: 0.75rem 0; }

/*----------*/
/*- HEADER -*/
/*----------*/
/*----------*/
/*-- MAIN --*/
/*----------*/
main {
  margin-top: 104px; }

#banner-top, #banner-bottom {
  background-position: center !important;
  background-size: cover !important;
  text-align: center;
  background: #eeeeed;
  padding: 5rem 15px;
  position: relative;
  color: #fff; }
  #banner-top:after, #banner-bottom:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #1c1c1c;
    opacity: 0.75; }
  #banner-top article, #banner-bottom article {
    padding: 5rem 15px;
    position: relative;
    z-index: 1;
    max-width: 100%;
    width: 1140px;
    margin: auto; }
  #banner-top h1, #banner-bottom h1 {
    margin-bottom: 2rem; }
  #banner-top h1:before, #banner-bottom h1:before {
    background: url(../medias/sigle-light.svg);
    background-repeat: no-repeat; }

#banner-top {
  background: url(../medias/banner-top.jpg); }

#banner-bottom {
  background: url(../medias/banner-bottom.jpg); }

#qui-sommes-nous h2, #metier h2 {
  margin-bottom: 1.5rem; }
#qui-sommes-nous h2:before, #metier h2:before {
  background: url(../medias/sigle-dark.svg); }
#qui-sommes-nous figure, #metier figure {
  position: relative;
  margin: 15px; }
#qui-sommes-nous figure:after, #metier figure:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #1c1c1c;
  position: absolute;
  z-index: -1; }

#qui-sommes-nous figure:after {
  right: -15px;
  top: 15px; }

#metier figure:after {
  left: -15px;
  top: 15px; }

#case-studies {
  /*figure:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    z-index: -1;
  }
  figure:nth-child(even){
    &:after{
      left: -15px;
      top: 15px;
    }
  }
  figure:nth-child(odd){
    &:after{
      right: -15px;
      top: 15px;
    }
  }*/ }
  #case-studies h3:after {
    content: '';
    background: #1c1c1c;
    display: block;
    height: 2px;
    width: 50px;
    margin: 1rem 0; }
  #case-studies h4 {
    font-size: calc(1rem + .035vw);
    margin: 2rem 0 1rem 0; }

#business-development-interim-management {
  background: #eeeeed; }
  #business-development-interim-management h3 {
    margin-bottom: 1.3rem; }

#case-studies {
  background: #1c1c1c; }

/*----------*/
/*-- PAGE --*/
/*----------*/
/*----------*/
/*- FOOTER -*/
/*----------*/
footer {
  color: #fff;
  background: #1c1c1c; }
  footer .footer-nav {
    padding: 0;
    list-style: none; }
    footer .footer-nav a {
      color: #fff; }
  footer a, footer a:hover, footer a:focus {
    color: #fff; }
  footer .d-sm-flex {
    font-size: 75%;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid #eeeeed; }
  footer a:hover img {
    opacity: 0.5; }

/*----------*/
/*- RESPONSIVE -*/
/*----------*/
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1240px; }

  .w-75 {
    width: 65% !important; } }
@media (min-width: 991px) {
  footer {
    background: url("../medias/sigle-long.svg") #1c1c1c;
    background-position: 5%;
    background-repeat: no-repeat;
    background-size: 200px; }

  #banner-top:after {
    background: url("../medias/sigle-long-blanc.svg") #1c1c1c;
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: 200px;
    opacity: 0.5; } }
@media (max-width: 1200px) {
  .w-75 {
    width: 100% !important; } }

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