@charset "UTF-8";
/***     VARIABLES.   ***/
@font-face {
  font-family: 'Chronicle';
  src: url("../fonts/chronicle/ChronicleDisplay-XLight.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'TTNorms';
  src: url("../fonts/tt/TTNormsPro-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'TTNorms';
  src: url("../fonts/tt/TTNormsPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'TTNorms';
  src: url("../fonts/tt/TTNormsPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'TTNorms';
  src: url("../fonts/tt/TTNormsPro-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
/*@font-face {
  font-family: 'Modern Era';
  src: url('../fonts/modern_era_medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Modern Era';
  src: url('../fonts/modern_era_bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Modern Era';
  src: url('../fonts/modern_era_light.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Tungsten';
  src: url('../fonts/Tungsten-Medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Tungsten';
  src: url('../fonts/Tungsten-Light.woff') format('woff');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'Tungsten';
  src: url('../fonts/tungsten-book.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}*/
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/***     BASES.   ***/
/* line 2, ../sass/_custom.scss */
body {
  color: black;
  font-family: "TTNorms", "Open Sans";
}

/* line 6, ../sass/_custom.scss */
img {
  max-width: 100%;
}

/* line 9, ../sass/_custom.scss */
a {
  font-family: "TTNorms", "Open Sans";
  font-weight: 200;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 26px;
  transition: 0.3s ease;
}
/* line 16, ../sass/_custom.scss */
a:focus, a:hover {
  text-decoration: none;
}

/* line 22, ../sass/_custom.scss */
.bold {
  font-weight: bold;
}

/* line 25, ../sass/_custom.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 28, ../sass/_custom.scss */
.text-left {
  text-align: left;
}

/* line 31, ../sass/_custom.scss */
.pull-right {
  float: right !important;
}

/* line 34, ../sass/_custom.scss */
.flex {
  display: flex;
}

/* line 37, ../sass/_custom.scss */
.nopadding {
  padding: 0;
}

/* line 40, ../sass/_custom.scss */
.nopaddingright {
  padding-right: 0;
}

/* line 43, ../sass/_custom.scss */
.nopaddingleft {
  padding-left: 0;
}

/* line 46, ../sass/_custom.scss */
.nomargin {
  margin: 0;
}

/* line 49, ../sass/_custom.scss */
ul:not([class]) {
  padding-left: 0;
  margin-bottom: 0;
}
/* line 52, ../sass/_custom.scss */
ul:not([class]) li {
  position: relative;
  list-style: none;
  padding-left: 25px;
  line-height: 20px;
  margin-bottom: 5px;
  padding-bottom: 10px;
}
/* line 59, ../sass/_custom.scss */
ul:not([class]) li:before {
  background: #0062cf;
  content: '';
  height: 2px;
  position: absolute;
  left: 0;
  top: 9px;
  width: 15px;
}

/* line 70, ../sass/_custom.scss */
ul li {
  font-family: "TTNorms", "Open Sans";
  font-size: 14px;
  letter-spacing: 1px;
  /*line-height: 26px;
  margin-bottom: 5px;
  padding-bottom: 13px;*/
}

/* line 78, ../sass/_custom.scss */
.relative {
  position: relative;
}

/* line 82, ../sass/_custom.scss */
button:focus {
  outline: none;
}

/* line 86, ../sass/_custom.scss */
.btn-line {
  font-family: "TTNorms", "Open Sans";
  font-weight: 400;
  color: black;
  font-size: 15px;
  position: relative;
  letter-spacing: 2px;
}
/* line 93, ../sass/_custom.scss */
.btn-line:after {
  background: black;
  content: '';
  bottom: -6px;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}
/* line 103, ../sass/_custom.scss */
.btn-line:hover {
  /*À DÉTERMINER AVEC SEB*/
}
/* line 107, ../sass/_custom.scss */
.btn-line.white {
  color: white;
}
/* line 109, ../sass/_custom.scss */
.btn-line.white:after {
  background: white;
}

/* line 115, ../sass/_custom.scss */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none;
}

/* line 118, ../sass/_custom.scss */
.fakewrapperleft {
  padding-left: calc(50% - 555px);
}

/* line 121, ../sass/_custom.scss */
.fakewrapperright {
  padding-right: calc(50% - 555px);
}

/* line 124, ../sass/_custom.scss */
small {
  display: block;
  line-height: 17px;
}

/* line 128, ../sass/_custom.scss */
.container-fluid {
  padding-left: 7.14%;
  padding-right: 7.14%;
}

/* line 132, ../sass/_custom.scss */
.fakeleftcontainerfluid {
  padding-left: 80px;
}

/* line 135, ../sass/_custom.scss */
.fakerightcontainerfluid {
  padding-right: 80px;
}

/* line 138, ../sass/_custom.scss */
p {
  font-family: "TTNorms", "Open Sans";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 26px;
  margin-bottom: 20px;
}
/* line 144, ../sass/_custom.scss */
p.grey {
  color: #9e9e9e;
}
/* line 147, ../sass/_custom.scss */
p.light {
  font-weight: 200;
}

/* line 151, ../sass/_custom.scss */
.block {
  display: block;
}

/* line 154, ../sass/_custom.scss */
.overflow {
  overflow: hidden;
}

/* line 157, ../sass/_custom.scss */
.wrapper-content {
  margin: 0 auto;
  max-width: 1680px;
}

/* line 162, ../sass/_custom.scss */
.pgt-40 {
  padding-top: 40px;
}

/* line 165, ../sass/_custom.scss */
.pgb-80 {
  padding-bottom: 80px;
}

/* line 168, ../sass/_custom.scss */
.pgt-80 {
  padding-top: 80px;
}

/* line 171, ../sass/_custom.scss */
.pg-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* line 175, ../sass/_custom.scss */
.pg-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

/* line 179, ../sass/_custom.scss */
.pgt-120 {
  padding-top: 120px;
}

/* line 182, ../sass/_custom.scss */
.pg-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

/* line 186, ../sass/_custom.scss */
.pgt-160 {
  padding-top: 160px;
}

/* line 189, ../sass/_custom.scss */
.pgb-160 {
  padding-bottom: 160px;
}

/* line 192, ../sass/_custom.scss */
.pgb-220 {
  padding-bottom: 220px;
}

/* line 195, ../sass/_custom.scss */
.pg-240 {
  padding-top: 240px;
  padding-bottom: 240px;
}

/* line 199, ../sass/_custom.scss */
.pg-300 {
  padding-bottom: 300px;
  padding-top: 300px;
}

/* line 203, ../sass/_custom.scss */
.pgb-300 {
  padding-bottom: 300px;
}

/* line 206, ../sass/_custom.scss */
.padding-vertical-200 {
  padding: 0 200px;
}
/* line 208, ../sass/_custom.scss */
.padding-vertical-200 h3 {
  width: 70%;
}
/* line 211, ../sass/_custom.scss */
.padding-vertical-200 p {
  width: 70%;
}

/* line 215, ../sass/_custom.scss */
.padding-vertical-200-full {
  padding: 0 200px;
}
/* line 217, ../sass/_custom.scss */
.padding-vertical-200-full h3 {
  width: 100%;
}
/* line 220, ../sass/_custom.scss */
.padding-vertical-200-full p {
  width: 100%;
}

/* line 224, ../sass/_custom.scss */
.justify-content-end {
  display: flex;
  justify-content: flex-end;
}

/* line 228, ../sass/_custom.scss */
.margin-top-neg-200 {
  margin-top: -200px;
}

/* line 231, ../sass/_custom.scss */
.margin-top-pos-200 {
  margin-top: 200px;
}

/* line 234, ../sass/_custom.scss */
h3 {
  font-size: 24px;
}

/* line 237, ../sass/_custom.scss */
h1, h2, h3, h4, h5 {
  margin-bottom: 20px;
}
/* line 239, ../sass/_custom.scss */
h1 span, h2 span, h3 span, h4 span, h5 span {
  display: block;
}
/* line 242, ../sass/_custom.scss */
h1.small-title-noborder, h2.small-title-noborder, h3.small-title-noborder, h4.small-title-noborder, h5.small-title-noborder {
  font-family: "TTNorms", "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 6px;
  line-height: 20px;
  margin-bottom: 80px;
  text-transform: uppercase;
}
/* line 251, ../sass/_custom.scss */
h1.big-title-light, h2.big-title-light, h3.big-title-light, h4.big-title-light, h5.big-title-light {
  font-family: "TTNorms", "Open Sans";
  font-size: 70px;
  font-weight: 400;
  line-height: 85px;
  margin-bottom: 60px;
}
/* line 257, ../sass/_custom.scss */
h1.big-title-light.chronic, h2.big-title-light.chronic, h3.big-title-light.chronic, h4.big-title-light.chronic, h5.big-title-light.chronic {
  font-family: "Chronicle", "Times New Roman";
}
/* line 261, ../sass/_custom.scss */
h1.big-title-bold, h2.big-title-bold, h3.big-title-bold, h4.big-title-bold, h5.big-title-bold {
  color: white;
  font-family: "TTNorms", "Open Sans";
  font-size: 170px;
  font-weight: 500;
  line-height: 135px;
  margin-bottom: 60px;
}
/* line 269, ../sass/_custom.scss */
h1.small-title, h2.small-title, h3.small-title, h4.small-title, h5.small-title {
  color: black;
  font-family: "Chronicle", "Times New Roman";
  font-size: 15px;
  font-weight: 100;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 50px;
}
/* line 277, ../sass/_custom.scss */
h1.small-title:after, h2.small-title:after, h3.small-title:after, h4.small-title:after, h5.small-title:after {
  background: black;
  bottom: -10px;
  content: '';
  height: 1px;
  position: absolute;
  width: 30px;
}
/* line 286, ../sass/_custom.scss */
h1.small-title.borderleft:after, h2.small-title.borderleft:after, h3.small-title.borderleft:after, h4.small-title.borderleft:after, h5.small-title.borderleft:after {
  left: 0;
}
/* line 291, ../sass/_custom.scss */
h1.small-title.bordercenter:after, h2.small-title.bordercenter:after, h3.small-title.bordercenter:after, h4.small-title.bordercenter:after, h5.small-title.bordercenter:after {
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* line 297, ../sass/_custom.scss */
h1.small-title.blue, h2.small-title.blue, h3.small-title.blue, h4.small-title.blue, h5.small-title.blue {
  color: #009fff;
}
/* line 299, ../sass/_custom.scss */
h1.small-title.blue:after, h2.small-title.blue:after, h3.small-title.blue:after, h4.small-title.blue:after, h5.small-title.blue:after {
  background: #009fff;
}
/* line 303, ../sass/_custom.scss */
h1.small-title.text-blue, h2.small-title.text-blue, h3.small-title.text-blue, h4.small-title.text-blue, h5.small-title.text-blue {
  color: #009fff;
}
/* line 305, ../sass/_custom.scss */
h1.small-title.text-blue:after, h2.small-title.text-blue:after, h3.small-title.text-blue:after, h4.small-title.text-blue:after, h5.small-title.text-blue:after {
  background: #525252;
}
/* line 309, ../sass/_custom.scss */
h1.small-title.white, h2.small-title.white, h3.small-title.white, h4.small-title.white, h5.small-title.white {
  color: white;
}
/* line 311, ../sass/_custom.scss */
h1.small-title.white:after, h2.small-title.white:after, h3.small-title.white:after, h4.small-title.white:after, h5.small-title.white:after {
  background: white;
}

/* line 317, ../sass/_custom.scss */
.fond-noir {
  background-color: #000000;
}
/* line 319, ../sass/_custom.scss */
.fond-noir h3 {
  color: #ffffff;
}
/* line 321, ../sass/_custom.scss */
.fond-noir h3:after {
  background: #ffffff;
  bottom: -10px;
  content: '';
  height: 1px;
  position: absolute;
  width: 30px;
}
/* line 330, ../sass/_custom.scss */
.fond-noir h2, .fond-noir p {
  color: #ffffff;
}

/* line 334, ../sass/_custom.scss */
.fond-blanc {
  background-color: #ffffff;
}

/************               ************/
/***********      HEADER     ***********/
/***********                ***********/
/* line 342, ../sass/_custom.scss */
.header-menu {
  padding: 40px 0;
  position: absolute;
  width: 100%;
}
/* line 347, ../sass/_custom.scss */
.header-menu .logo img {
  max-width: 120px;
}
/* line 351, ../sass/_custom.scss */
.header-menu .hamburger {
  border: 1px solid white;
  border-radius: 50%;
  cursor: pointer;
  padding: 10px;
}
/* line 356, ../sass/_custom.scss */
.header-menu .hamburger .line {
  width: 15px;
  height: 1px;
  background-color: white;
  display: block;
  margin: 4px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 365, ../sass/_custom.scss */
.header-menu .hamburger .line:nth-child(1) {
  margin-top: 2px;
}
/* line 368, ../sass/_custom.scss */
.header-menu .hamburger .line:nth-child(3) {
  margin-bottom: 2px;
}
/* line 374, ../sass/_custom.scss */
.header-menu .hamburger.is-active .line:nth-child(1) {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
}
/* line 380, ../sass/_custom.scss */
.header-menu .hamburger.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}

/************              ************/
/***********    BANNER HOME  ***********/
/***********                ***********/
/* line 394, ../sass/_custom.scss */
.banner-home {
  background: url(../images/bg-home.jpg);
  border: 15px solid white;
  display: flex;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 401, ../sass/_custom.scss */
.banner-home .wrapper-content {
  display: flex;
  width: 100%;
}
/* line 405, ../sass/_custom.scss */
.banner-home .container-fluid {
  display: flex;
  flex-direction: column;
  align-self: center;
}
/* line 410, ../sass/_custom.scss */
.banner-home h1, .banner-home .title-principal {
  color: transparent;
  font-family: "Chronicle", "Times New Roman";
  font-size: 16vh;
  line-height: 11.5vh;
  font-weight: 100;
  text-transform: uppercase;
}
/* line 417, ../sass/_custom.scss */
.banner-home h1 .normal, .banner-home .title-principal .normal {
  color: white;
}
/* line 420, ../sass/_custom.scss */
.banner-home h1 .outline, .banner-home .title-principal .outline {
  color: inherit;
  -webkit-text-stroke: 1px white;
  /*margin-bottom: 25px;*/
}
/* line 426, ../sass/_custom.scss */
.banner-home .small-title-noborder {
  color: white;
}
/* line 429, ../sass/_custom.scss */
.banner-home.black {
  border: none;
  position: relative;
}
/* line 432, ../sass/_custom.scss */
.banner-home.black:after {
  background: rgba(0, 0, 0, 0.85);
  content: '';
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
/* line 443, ../sass/_custom.scss */
.banner-home.black .container-fluid {
  position: relative;
  z-index: 4;
}

/************              ************/
/*******    360 COMMUNICATION   *******/
/***********                ***********/
/* line 453, ../sass/_custom.scss */
.background-image {
  background-color: #000000;
  background-size: cover;
  width: 115%;
  min-height: 600px;
  right: -200px;
  position: relative;
  padding-left: 200px;
  top: -100px;
  left: 0;
}

/* line 464, ../sass/_custom.scss */
.threesix-comm {
  padding: 40px 0;
  position: relative;
  overflow: hidden;
}
/* line 469, ../sass/_custom.scss */
.threesix-comm .svg-360 img {
  width: 55%;
}

/* line 475, ../sass/_custom.scss */
.sec-svg-anime .svg-360-left {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 480, ../sass/_custom.scss */
.sec-svg-anime .svg-360-left img {
  margin-right: 0%;
  max-width: initial;
  width: 55%;
}
/* line 485, ../sass/_custom.scss */
.sec-svg-anime .svg-360-left .title-svg {
  position: absolute;
  left: -82px;
  top: 40px;
  margin-right: 0;
  text-transform: uppercase;
  letter-spacing: 7px;
  line-height: 30px;
}
/* line 493, ../sass/_custom.scss */
.sec-svg-anime .svg-360-left .title-svg span {
  display: block;
  text-align: center;
}
/* line 496, ../sass/_custom.scss */
.sec-svg-anime .svg-360-left .title-svg span.outline {
  color: transparent;
  -webkit-text-stroke: 1px #00b2ff;
  font-size: 22px;
}
/* line 501, ../sass/_custom.scss */
.sec-svg-anime .svg-360-left .title-svg span.normal {
  color: #00b2ff;
  font-size: 14px;
}
/* line 508, ../sass/_custom.scss */
.sec-svg-anime .svg-360 {
  margin-top: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 513, ../sass/_custom.scss */
.sec-svg-anime .svg-360 img {
  margin-right: 0%;
  max-width: initial;
  width: 100%;
}
/* line 519, ../sass/_custom.scss */
.sec-svg-anime .svg-360 .title-svg {
  margin-right: -16%;
  text-transform: uppercase;
  letter-spacing: 7px;
  line-height: 40px;
}
/* line 524, ../sass/_custom.scss */
.sec-svg-anime .svg-360 .title-svg span {
  display: block;
  text-align: center;
}
/* line 527, ../sass/_custom.scss */
.sec-svg-anime .svg-360 .title-svg span.outline {
  color: transparent;
  -webkit-text-stroke: 1px #00b2ff;
  font-size: 28px;
}
/* line 532, ../sass/_custom.scss */
.sec-svg-anime .svg-360 .title-svg span.normal {
  color: #00b2ff;
  font-size: 16px;
}

/* line 541, ../sass/_custom.scss */
.svg-360 img {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  -webkit-animation: spin 200s linear infinite;
  -moz-animation: spin 200s linear infinite;
  animation: spin 200s linear infinite;
}

/* line 550, ../sass/_custom.scss */
.svg-360-left img {
  position: absolute;
  right: 0;
  left: -185px;
  top: -95px;
  -webkit-animation: spin 200s linear infinite;
  -moz-animation: spin 200s linear infinite;
  animation: spin 200s linear infinite;
}

/************              ************/
/*******     SLIDER PRODUCT     *******/
/***********                ***********/
/* line 563, ../sass/_custom.scss */
.slider-product {
  background: #eaecec;
}
/* line 565, ../sass/_custom.scss */
.slider-product .col-info {
  margin-top: 80px;
  margin-bottom: 70px;
}
/* line 568, ../sass/_custom.scss */
.slider-product .col-info h3 {
  position: relative;
  z-index: 2;
}
/* line 572, ../sass/_custom.scss */
.slider-product .col-info h4 {
  color: #525252;
  font-family: "TTNorms", "Open Sans";
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 30px;
}
/* line 581, ../sass/_custom.scss */
.slider-product .col-info ul {
  float: left;
  width: 49%;
}
/* line 586, ../sass/_custom.scss */
.slider-product .col-arrow {
  text-align: right;
  margin-top: -125px;
  margin-right: -30px;
}
/* line 591, ../sass/_custom.scss */
.slider-product span {
  align-items: center;
  background: white;
  border-radius: 50%;
  color: black;
  display: inline-flex;
  font-size: 35px;
  justify-content: center;
  height: 75px;
  width: 75px;
  position: relative;
}
/* line 602, ../sass/_custom.scss */
.slider-product span i {
  display: flex;
}
/* line 605, ../sass/_custom.scss */
.slider-product span.arrow-left {
  margin-right: 40px;
}
/* line 610, ../sass/_custom.scss */
.slider-product.slider-etude .text-etude {
  margin: 150px auto 0;
  width: 70%;
}
/* line 613, ../sass/_custom.scss */
.slider-product.slider-etude .text-etude p {
  margin-bottom: 40px;
}

/************         ************/
/*******     STATEMENT    *******/
/***********          ***********/
/* line 623, ../sass/_custom.scss */
.statement {
  background: url(../images/bg-statement.jpg);
  background-size: cover;
  border: 20px solid #eaecec;
  color: white;
}
/* line 628, ../sass/_custom.scss */
.statement .small-title {
  color: white;
}
/* line 630, ../sass/_custom.scss */
.statement .small-title:after {
  background: white;
}

/************         ************/
/*******   ETUDE DE CAS   *******/
/***********          ***********/
/* line 639, ../sass/_custom.scss */
.etude-cas {
  background-color: #eaecec;
}
/* line 641, ../sass/_custom.scss */
.etude-cas .col-img {
  padding-top: 120px;
  padding-bottom: 120px;
}
/* line 644, ../sass/_custom.scss */
.etude-cas .col-img img {
  position: relative;
  z-index: 2;
}
/* line 650, ../sass/_custom.scss */
.etude-cas .col-info .content {
  padding-left: 80px;
}
/* line 654, ../sass/_custom.scss */
.etude-cas .big-title-bold {
  margin-top: -60px;
  margin-left: -65px;
}

/************         ************/
/*******     PROJETS      *******/
/***********          ***********/
/* line 664, ../sass/_custom.scss */
.projects h2 {
  color: black;
  margin-bottom: 15px;
  margin-top: -30px;
}
/* line 670, ../sass/_custom.scss */
.projects .link-project:nth-child(odd) {
  margin-top: 200px;
  padding-left: 30px;
}
/* line 674, ../sass/_custom.scss */
.projects .link-project:nth-child(even) {
  padding-right: 30px;
}
/* line 677, ../sass/_custom.scss */
.projects .link-project a {
  display: block;
  color: black;
}
/* line 680, ../sass/_custom.scss */
.projects .link-project a img {
  margin-bottom: 30px;
  width: 100%;
}
/* line 684, ../sass/_custom.scss */
.projects .link-project a .cat {
  font-family: "Chronicle", "Times New Roman";
  font-size: 17px;
  font-weight: 200;
  letter-spacing: 2px;
  position: relative;
  padding-left: 40px;
}
/* line 691, ../sass/_custom.scss */
.projects .link-project a .cat:before {
  background: black;
  content: '';
  height: 1px;
  top: 50%;
  left: 0;
  position: absolute;
  width: 30px;
}
/* line 701, ../sass/_custom.scss */
.projects .link-project a h3 {
  font-size: 20px;
  font-weight: 200;
  padding-left: 40px;
}
/* line 708, ../sass/_custom.scss */
.projects .link-all-project {
  margin: 120px 0;
}

/* line 714, ../sass/_custom.scss */
.all-projects .col-project {
  margin-bottom: 60px;
}
/* line 716, ../sass/_custom.scss */
.all-projects .col-project a {
  color: black;
  display: block;
}
/* line 719, ../sass/_custom.scss */
.all-projects .col-project a img {
  height: 250px;
  object-fit: cover;
  margin-bottom: 10px;
  width: 100%;
}
/* line 725, ../sass/_custom.scss */
.all-projects .col-project a .cat {
  font-family: "Chronicle", "Times New Roman";
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 2px;
  position: relative;
  padding-left: 40px;
}
/* line 732, ../sass/_custom.scss */
.all-projects .col-project a .cat:before {
  background: black;
  content: '';
  height: 1px;
  top: 49%;
  left: 0;
  position: absolute;
  width: 30px;
}
/* line 742, ../sass/_custom.scss */
.all-projects .col-project a h3 {
  font-size: 15px;
  font-weight: 200;
  padding-left: 40px;
}
/* line 749, ../sass/_custom.scss */
.all-projects .more {
  margin-top: 40px;
}
/* line 751, ../sass/_custom.scss */
.all-projects .more a {
  color: black;
  display: inline-flex;
  flex-direction: column;
  font-weight: 600;
}
/* line 756, ../sass/_custom.scss */
.all-projects .more a i {
  font-size: 34px;
  margin-bottom: 10px;
}

/* line 764, ../sass/_custom.scss */
.col-filter {
  margin-bottom: 60px;
}
/* line 766, ../sass/_custom.scss */
.col-filter .button-filter {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 0;
}
/* line 776, ../sass/_custom.scss */
.col-filter .button-filter i {
  font-size: 10px;
  padding-left: 20px;
  line-height: 9px;
}

/************         ************/
/****     TEXTE DÉFILEMENT     ***/
/***********          ***********/
@keyframes marquee {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee-duplicate {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }
}
@-webkit-keyframes marquee-ie {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/* line 790, ../sass/_custom.scss */
.section-text-defilement {
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
/* line 796, ../sass/_custom.scss */
.section-text-defilement .bg-text-defilement {
  padding-top: 20px;
  position: absolute;
  white-space: nowrap;
  width: 100vw;
}
/* line 802, ../sass/_custom.scss */
.section-text-defilement .bg-text-defilement .content ul {
  list-style: none;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 0 .25em 0 0;
  will-change: transform;
}
/* line 809, ../sass/_custom.scss */
.section-text-defilement .bg-text-defilement .content ul li {
  line-height: 26px;
  margin-bottom: 5px;
  padding-bottom: 13px;
}
/* line 814, ../sass/_custom.scss */
.section-text-defilement .bg-text-defilement .content ul:first-child {
  animation: marquee 300s linear infinite;
  padding-right: 95px;
}
/* line 818, ../sass/_custom.scss */
.section-text-defilement .bg-text-defilement .content ul:nth-child(2) {
  animation: marquee-duplicate 250s -125s linear infinite;
}
/* line 823, ../sass/_custom.scss */
.section-text-defilement .bg-text-defilement .content:nth-of-type(even) ul {
  animation-direction: reverse;
}
/* line 828, ../sass/_custom.scss */
.section-text-defilement .bg-text-defilement .text-defilement {
  color: transparent;
  font-family: "Chronicle", "Times New Roman";
  font-size: 230px;
  line-height: 127px;
  font-weight: 100;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #eaeaea;
  position: relative;
  margin-bottom: 0;
  transition: all .2s ease-in-out;
}
/* line 840, ../sass/_custom.scss */
.section-text-defilement .bg-text-defilement:hover {
  z-index: 3;
  -webkit-text-stroke: 1px red !important;
  color: red;
  opacity: 0.2 !important;
  transition: all .2s ease-in-out;
  color: transparent;
}
/* line 850, ../sass/_custom.scss */
.section-text-defilement .bg-blue {
  background-color: #002ec0;
  color: white;
  margin: 0 auto;
  text-align: center;
  padding: 140px 40px 80px;
  position: relative;
  z-index: 2;
  width: 35%;
}
/* line 859, ../sass/_custom.scss */
.section-text-defilement .bg-blue h2 {
  font-family: "Chronicle", "Times New Roman";
  font-size: 60px;
  font-weight: 100;
  line-height: 75px;
  margin-bottom: 95px;
}
/* line 866, ../sass/_custom.scss */
.section-text-defilement .bg-blue:hover {
  background-color: #002ec0;
  z-index: -1;
  display: block;
  overflow: hidden;
}

/************         ************/
/****        ARTICLES         ***/
/***********          ***********/
/* line 880, ../sass/_custom.scss */
.section-articles .content-articles {
  margin-top: 80px;
  margin-bottom: 80px;
}
/* line 883, ../sass/_custom.scss */
.section-articles .content-articles .article {
  display: flex;
  margin-bottom: 60px;
}
/* line 888, ../sass/_custom.scss */
.section-articles .content-articles .article .date {
  font-family: "Chronicle", "Times New Roman";
  font-size: 14px;
  position: relative;
  padding-left: 40px;
  margin-top: 5px;
  width: 30%;
}
/* line 895, ../sass/_custom.scss */
.section-articles .content-articles .article .date:after {
  background: black;
  content: '';
  height: 1px;
  position: absolute;
  left: 0;
  top: 9px;
  width: 30px;
}
/* line 905, ../sass/_custom.scss */
.section-articles .content-articles .article p {
  width: 70%;
}
/* line 908, ../sass/_custom.scss */
.section-articles .content-articles .article a {
  box-shadow: inset 0 0px 0 white, inset 0 -0.5px 0 #8d8d8d;
  color: black;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
}

/* line 920, ../sass/_custom.scss */
.all-news .col-filter {
  margin-bottom: 120px;
}
/* line 923, ../sass/_custom.scss */
.all-news .row-article {
  margin-bottom: 80px;
}
/* line 927, ../sass/_custom.scss */
.all-news .row-article .content h3 a {
  box-shadow: inset 0 0px 0 white, inset 0 -0.5px 0 #8d8d8d;
  color: black;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
/* line 938, ../sass/_custom.scss */
.all-news .more-news a {
  align-items: center;
  color: black;
  display: inline-flex;
  font-weight: 600;
}
/* line 943, ../sass/_custom.scss */
.all-news .more-news a i {
  font-size: 33px;
  padding-right: 20px;
}

/* line 951, ../sass/_custom.scss */
.row-article {
  margin-bottom: 80px;
}
/* line 954, ../sass/_custom.scss */
.row-article .col-date .date, .row-article .col-date .cat {
  font-family: "Chronicle", "Times New Roman";
  font-size: 16px;
}
/* line 958, ../sass/_custom.scss */
.row-article .col-date .date {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-top: 5px;
  width: 30%;
}
/* line 964, ../sass/_custom.scss */
.row-article .col-date .date:after {
  background: black;
  content: '';
  height: 1px;
  position: absolute;
  left: 0;
  top: 12px;
  width: 30px;
}

/* line 978, ../sass/_custom.scss */
.complete-news .header-news {
  background-color: #1c1c1c;
  color: white;
  padding-top: 240px;
}
/* line 982, ../sass/_custom.scss */
.complete-news .header-news .row-article {
  margin-bottom: 0;
  padding-bottom: 140px;
}
/* line 987, ../sass/_custom.scss */
.complete-news .header-news .row-article .col-date .date:after {
  background: white;
}
/* line 993, ../sass/_custom.scss */
.complete-news .header-news h1 {
  font-size: 50px;
  margin-bottom: 60px;
}
/* line 998, ../sass/_custom.scss */
.complete-news .img-article {
  position: relative;
}
/* line 1000, ../sass/_custom.scss */
.complete-news .img-article:after {
  background-color: #1c1c1c;
  content: '';
  height: 50vh;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
/* line 1011, ../sass/_custom.scss */
.complete-news .img-article img {
  position: relative;
  width: 100%;
  z-index: 4;
}
/* line 1017, ../sass/_custom.scss */
.complete-news .article-details {
  padding: 80px 0 140px;
}
/* line 1020, ../sass/_custom.scss */
.complete-news .article-details .col-share .title-share {
  color: #002ec0;
  font-family: "Chronicle", "Times New Roman";
  letter-spacing: 2px;
}
/* line 1025, ../sass/_custom.scss */
.complete-news .article-details .col-share .share {
  margin-top: 20px;
}
/* line 1027, ../sass/_custom.scss */
.complete-news .article-details .col-share .share li {
  margin-left: 10px;
}
/* line 1029, ../sass/_custom.scss */
.complete-news .article-details .col-share .share li:first-child {
  margin-left: 0;
}
/* line 1032, ../sass/_custom.scss */
.complete-news .article-details .col-share .share li a {
  border-color: #002ec0;
  color: #002ec0;
  font-size: 14px;
  height: 50px;
  width: 50px;
}
/* line 1038, ../sass/_custom.scss */
.complete-news .article-details .col-share .share li a:hover {
  background-color: #002ec0;
  color: white;
}
/* line 1046, ../sass/_custom.scss */
.complete-news .article-details .back-news {
  align-items: center;
  color: black;
  display: inline-flex;
  font-weight: 600;
  line-height: 20px;
  margin-top: 70px;
}
/* line 1053, ../sass/_custom.scss */
.complete-news .article-details .back-news i {
  font-size: 30px;
  padding-right: 15px;
}

/************         ************/
/****      NEXT SECTION       ***/
/***********          ***********/
/* line 1065, ../sass/_custom.scss */
.next-section {
  background: #1c1c1c;
}
/* line 1068, ../sass/_custom.scss */
.next-section h2 a {
  font-family: "Chronicle", "Times New Roman";
  font-size: 19vh;
  line-height: 13vh;
  text-transform: uppercase;
}
/* line 1074, ../sass/_custom.scss */
.next-section h2.normal {
  margin-top: 5vh;
  margin-bottom: 14vh;
}
/* line 1077, ../sass/_custom.scss */
.next-section h2.normal a {
  color: white;
}
/* line 1081, ../sass/_custom.scss */
.next-section h2.outline {
  color: transparent;
}
/* line 1083, ../sass/_custom.scss */
.next-section h2.outline a {
  color: inherit;
  -webkit-text-stroke: 1px white;
}

/* line 1090, ../sass/_custom.scss */
.banner-section {
  background: black;
  border: 20px solid white;
  height: 100vh;
}
/* line 1094, ../sass/_custom.scss */
.banner-section h1, .banner-section h2 {
  font-family: "Chronicle", "Times New Roman";
  font-size: 19vh;
  line-height: 13vh;
  text-transform: uppercase;
}
/* line 1100, ../sass/_custom.scss */
.banner-section h1 {
  margin-top: 5vh;
  margin-bottom: 14vh;
  color: white;
}
/* line 1105, ../sass/_custom.scss */
.banner-section h2.outline {
  color: transparent;
  -webkit-text-stroke: 1px white;
}

/* line 1110, ../sass/_custom.scss */
.info-section {
  padding: 100px 0;
}
/* line 1113, ../sass/_custom.scss */
.info-section .section-number span {
  font-family: "Chronicle", "Times New Roman";
  color: white;
  font-size: 19vh;
  padding-left: 200px;
  position: relative;
  line-height: 20vh;
}
/* line 1120, ../sass/_custom.scss */
.info-section .section-number span:before {
  background: white;
  content: '';
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 160px;
}

/************         ************/
/****    TITRE AVEC TEXTE     ***/
/***********          ***********/
/* line 1137, ../sass/_custom.scss */
.title-w-text .small-title {
  margin-top: 10px;
}
/* line 1140, ../sass/_custom.scss */
.title-w-text p {
  font-weight: 400;
  line-height: 30px;
}

/************         ************/
/****       TITLE ONLY        ***/
/***********          ***********/
/* line 1150, ../sass/_custom.scss */
.title-only h2, .title-only h3, .title-only h4 {
  margin-bottom: 10px;
}
/* line 1153, ../sass/_custom.scss */
.title-only.bg-grey {
  background-color: #eef0f0;
}

/************         ************/
/****    IMAGE AVEC TEXTE     ***/
/***********          ***********/
/* line 1161, ../sass/_custom.scss */
.img-text {
  background-color: #eef0f0;
}
/* line 1163, ../sass/_custom.scss */
.img-text .big-title-bold {
  margin-bottom: -15px;
}
/* line 1167, ../sass/_custom.scss */
.img-text .col-text h3 {
  margin-bottom: 40px;
}
/* line 1171, ../sass/_custom.scss */
.img-text img {
  width: 100%;
}
/* line 1173, ../sass/_custom.scss */
.img-text img.margin-min-top {
  margin-top: -170px;
}
/* line 1176, ../sass/_custom.scss */
.img-text img.margin-min-bottom {
  margin-bottom: -170px;
}
/* line 1181, ../sass/_custom.scss */
.img-text.img-left .col-text {
  padding-left: 115px;
}
/* line 1186, ../sass/_custom.scss */
.img-text.img-right .col-text {
  padding-right: 115px;
}
/* line 1190, ../sass/_custom.scss */
.img-text.bg-white {
  background-color: inherit;
}
/* line 1195, ../sass/_custom.scss */
.img-text.project.img-left .col-text {
  padding-left: 200px;
}
/* line 1200, ../sass/_custom.scss */
.img-text.project.img-right .col-text {
  padding-right: 200px;
}

/************         ************/
/****            TEAM          ***/
/***********          ***********/
/* line 1211, ../sass/_custom.scss */
.team .col-team {
  margin-bottom: 60px;
}
/* line 1213, ../sass/_custom.scss */
.team .col-team img {
  margin-bottom: 20px;
}
/* line 1216, ../sass/_custom.scss */
.team .col-team h4 {
  font-size: 17px;
  font-weight: 200;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
/* line 1222, ../sass/_custom.scss */
.team .col-team .fonction {
  font-family: "Chronicle", "Times New Roman";
  font-size: 15px;
  line-height: 19px;
}
/* line 1226, ../sass/_custom.scss */
.team .col-team .fonction span {
  display: block;
}

/************         ************/
/****     TABS SERVICES       ***/
/***********          ***********/
/* line 1236, ../sass/_custom.scss */
.tabs-services {
  background: #0b26eb;
  color: white;
}
/* line 1239, ../sass/_custom.scss */
.tabs-services .nav-pills {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.8);
  justify-content: center;
  margin-top: 80px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
/* line 1245, ../sass/_custom.scss */
.tabs-services .nav-pills .nav-item {
  margin-left: 40px;
  text-align: center;
  width: calc(25% - 30px);
}
/* line 1249, ../sass/_custom.scss */
.tabs-services .nav-pills .nav-item:first-child {
  margin-left: 0;
}
/* line 1252, ../sass/_custom.scss */
.tabs-services .nav-pills .nav-item .nav-link {
  background-color: #002ec0;
  border-radius: 20px;
  color: white;
  font-size: 11px;
  font-weight: 200;
  text-transform: uppercase;
  padding: 10px 20px;
}
/* line 1260, ../sass/_custom.scss */
.tabs-services .nav-pills .nav-item .nav-link.active {
  background-color: white;
  color: #002ec0;
  font-weight: 500;
}
/* line 1269, ../sass/_custom.scss */
.tabs-services .tab-content .first-col {
  padding-right: 60px;
}
/* line 1273, ../sass/_custom.scss */
.tabs-services .tab-content ul li {
  font-size: 10px;
  text-transform: uppercase;
}
/* line 1276, ../sass/_custom.scss */
.tabs-services .tab-content ul li:before {
  background: white;
  height: 1px;
}

/************         ************/
/****          FOOTER         ***/
/***********          ***********/
/* line 1288, ../sass/_custom.scss */
footer {
  background: #1c1c1c;
  font-weight: 200;
  padding: 80px 0;
}
/* line 1293, ../sass/_custom.scss */
footer .col-footer h4 {
  color: white;
  font-size: 13px;
  font-weight: 200;
  line-height: 24px;
}
/* line 1299, ../sass/_custom.scss */
footer .col-footer .adress, footer .col-footer.mail {
  color: #888888;
  list-style: none;
}
/* line 1302, ../sass/_custom.scss */
footer .col-footer .adress a, footer .col-footer.mail a {
  color: #888888;
  font-size: 13px;
  display: block;
  line-height: 24px;
}
/* line 1308, ../sass/_custom.scss */
footer .col-footer .adress li, footer .col-footer.mail li {
  font-size: 13px;
  line-height: 24px;
}
/* line 1314, ../sass/_custom.scss */
footer hr {
  border-color: white;
  margin-bottom: 40px;
  margin-top: 40px;
}
/* line 1319, ../sass/_custom.scss */
footer .copyright {
  color: #888888;
  font-size: 13px;
}
/* line 1323, ../sass/_custom.scss */
footer .scroll-top {
  align-items: center;
  color: #888888;
  display: inline-flex;
  font-size: 13px;
  justify-content: flex-end;
}
/* line 1329, ../sass/_custom.scss */
footer .scroll-top i {
  color: white;
  font-size: 25px;
  display: inline-block;
  margin-left: 30px;
  transition: 0.3s ease;
  position: relative;
}
/* line 1336, ../sass/_custom.scss */
footer .scroll-top i:after {
  background: #888888;
  bottom: -5px;
  height: 1px;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  margin: 0 auto;
  width: 75%;
}

/* line 1350, ../sass/_custom.scss */
.social {
  margin-bottom: 0;
  padding-left: 0;
}
/* line 1353, ../sass/_custom.scss */
.social li {
  display: inline-block;
  margin-left: 20px;
}
/* line 1356, ../sass/_custom.scss */
.social li a {
  align-items: center;
  border: 1px solid #888888;
  border-radius: 50%;
  color: #888888;
  display: flex;
  font-size: 17px;
  height: 75px;
  justify-content: center;
  width: 75px;
}
/* line 1366, ../sass/_custom.scss */
.social li a:hover {
  background: #888888;
  color: black;
}

/* line 1374, ../sass/_custom.scss */
.inline-photo {
  margin: 2em auto;
  opacity: 0;
  transform: translateY(4em) rotateZ(0deg);
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out;
  will-change: transform, opacity;
}

/* line 1383, ../sass/_custom.scss */
.inline-photo.is-visible {
  opacity: 1;
  transform: rotateZ(0deg);
}

/* line 1388, ../sass/_custom.scss */
header {
  opacity: 0;
  transition: opacity .5s .25s ease-out;
}

/* line 1393, ../sass/_custom.scss */
header.is-visible {
  opacity: 1;
}

/* line 1397, ../sass/_custom.scss */
.main-photo {
  transform: scale(0.8);
}

/* line 1401, ../sass/_custom.scss */
.heading {
  transform: translate(-50%, calc(-50% + 1em));
}

/* line 1405, ../sass/_custom.scss */
.is-visible .main-photo {
  transform: none;
}

/* line 1409, ../sass/_custom.scss */
.is-visible .heading {
  transform: translate(-50%, -50%);
}

/* line 1413, ../sass/_custom.scss */
.main-photo,
.heading {
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), filter 10s 2s ease-out;
  will-change: transform;
}

/*animation scale box viewport*/
/* line 1421, ../sass/_custom.scss */
.box {
  width: 100%;
  transition: 1.5s;
}

/* line 1426, ../sass/_custom.scss */
.rotate.triggeredCSS3 {
  transform: rotate(360deg);
}

/* line 1427, ../sass/_custom.scss */
.scale.triggeredCSS3 {
  transform: scale(2);
}

/* -----------------------------------------------------------------
    - RESPONSIVE
----------------------------------------------------------------- */
@media screen and (max-width: 1919px) and (min-width: 1281px) {
  /* line 6, ../sass/_responsive.scss */
  .banner-home h1, .banner-home .title-principal {
    color: transparent;
    font-family: "Chronicle", "Times New Roman";
    font-size: 14vh;
    line-height: 10.5vh;
    font-weight: 100;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 480px) and (min-width: 320px) {
  /* line 27, ../sass/_responsive.scss */
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }

  /* line 31, ../sass/_responsive.scss */
  .fakeleftcontainerfluid {
    padding-left: 15px;
  }
}