@charset "UTF-8";
/*------------------------------------------------------
sass/
|
|– utilities/
|   |– _variables.scss    // Sass Variables
|   |– _functions.scss    // Sass Functions
|   |– _mixins.scss       // Sass Mixins
|
|– base/
|   |– _reset.scss        // Reset/normalize
|   |– _fonts.scss       // Typography rules
|
|– modules/
|   |– _buttons.scss      // Buttons
|   |– _carousel.scss     // Carousel
|
|– layout/
|   |– _navigation.scss   // Navigation
|   |– _grid.scss         // Grid system
|   |– _header.scss       // Header
|   |– _footer.scss       // Footer
|   |– _forms.scss        // Forms
|
|– pages/
|   |– _home.scss         // Home specific styles
|   |– _about.scss        // About specific styles
|   |– _contact.scss      // Contact specific styles
|
`– default.scss              // Main Sass file
------------------------------------------------------*/
/*--------------------------------------------------------
-----IMPORTATION DES STYLESHEETS DU DOSSIER UTILITIES-----
--------------------------------------------------------*/
/*
  * Variables
*/
.spacer-bottom {
  margin-bottom: 1.5rem;
}

.spacer-bottom-sm {
  margin-bottom: 3rem;
}

.spacer-bottom-md {
  margin-bottom: 4.5rem;
}

/*
  * Buttons
*/
/*
  * Buttons Hover
*/
.anchor-target {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
}

.anchor-target:before {
  content: "";
  display: block;
  height: 90px;
  margin: -90px 0 0;
}

/*
  * Mixins
*/
/*
    *   Typographie
    * ex : @include font-source-primary(1.6rem, $primary-color, 400)
*/
/*
    *   Font size
    * ex : @include @include font-size(12, 18, 1.2);
*/
/*
    *   Placeholder d'input
    * ex :     @include input-placeholder {color: $grey;}
*/
/*
    *   Auto Prefix
    * ex :     @include css3-prefix(transform, rotate(20deg));
*/
/*
    *   Position absolut
    * ex :     @include abs-position(25% , 35%, auto, auto);
*/
/*
    *   Flex
    * ex :     @include flex-center;
*/
/*
    *   Background Image en Cover
    * ex :     @include cover-background;
*/
.bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*
    *   Border-radius
    * ex : @include border-radius(50px);
*/
/*
    *   Fade animation
    * ex : @include fade(hide); puis sur le hover par exemple @include fade(show);
*/
/*
   * Text align classes
*/
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

/*---------------------------------------------------
-----IMPORTATION DES STYLESHEETS DU DOSSIER BASE-----
---------------------------------------------------*/
/*
   * Reset
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
   * Font Style
*/
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  color: #19AB6E;
}

/*
h1, .h1, 
h2, .h2, 
h3, .h3, 
h4, .h4, 
h5, .h5, 
h6, .h6 {
  margin-bottom: 1rem;
  
  &:last-child{
    margin:0;
  }
}
*/
h1, .h1 {
  font-family: 'Sen', sans-serif;
  font-size: 3.2rem;
  color: #ffffff;
  font-weight: 800;
  line-height: 42px;
  margin-bottom: 3.5rem;
}

h1 sub, .h1 sub {
  font-size: 2.8rem;
}

@media screen and (min-width: 768px) {
  h1, .h1 {
    font-family: 'Sen', sans-serif;
    font-size: 4rem;
    color: #ffffff;
    font-weight: 800;
    line-height: 54px;
  }
  h1 sub, .h1 sub {
    font-size: 3.2rem;
  }
}

h2, .h2 {
  font-family: 'Sen', sans-serif;
  font-size: 3.4rem;
  color: #333E47;
  font-weight: 800;
  line-height: 46px;
  margin-bottom: 3rem;
}

h3, .h3 {
  font-family: 'Sen', sans-serif;
  font-size: 2rem;
  color: #333E47;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 1.5rem;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Sen', sans-serif;
  font-size: 2rem;
  color: #333E47;
  font-weight: 700;
  line-height: 30px;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  color: #333E47;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 3.5rem;
}

p.small-text {
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  color: #333E47;
  font-weight: 400;
  line-height: 26px;
}

p sub {
  font-size: 1.4rem;
}

p:last-child {
  margin-bottom: 0rem;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

nav a {
  font-family: 'Sen', sans-serif;
  font-size: 2rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 58px;
}

.btn {
  font-family: 'Sen', sans-serif;
  font-size: 2rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 25px;
}

footer .coord .icon {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  color: #ffffff;
  font-weight: 400;
  line-height: 30px;
}

.text-white h1, .text-white .h1, .text-white h2, .text-white .h2, .text-white h3, .text-white .h3, .text-white h4, .text-white .h4, .text-white h5, .text-white .h5, .text-white h6, .text-white .h6, .text-white p, .text-white a {
  color: white;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?zcpa8j");
  src: url("../fonts/icomoon.eot?zcpa8j#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?zcpa8j") format("truetype"), url("../fonts/icomoon.woff?zcpa8j") format("woff"), url("../fonts/icomoon.svg?zcpa8j#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i, .slick-prev:before, .slick-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-arrow:before {
  content: "\e901";
}

.ico-linkedin:before {
  content: "\e902";
}

.ico-marker:before {
  content: "\e903";
}

.ico-email:before {
  content: "\e905";
}

.ico-phone:before {
  content: "\e904";
}

/*-----------------------------------------------------
-----IMPORTATION DES STYLESHEETS DU DOSSIER VENDORS-----
-----------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/../img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*! Pushy - v1.3.0 - 2019-6-25
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.pushy {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: white;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}

.pushy a {
  display: block;
  color: #19AB6E;
  margin: 0px 20px;
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px #333E47 solid;
}

.pushy a:hover {
  color: #333E47;
}

.pushy li:last-child a {
  border-bottom: none;
}

.pushy ul:first-child {
  margin-top: 10px;
}

.pushy.pushy-left {
  left: 0;
}

.pushy.pushy-right {
  right: 0;
}

.pushy-content {
  visibility: hidden;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-right .pushy.pushy-right {
  width: 75%;
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  -webkit-transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
}

.pushy-submenu > ul {
  padding-left: 15px;
  -webkit-transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.pushy-submenu > ul .pushy-link {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.pushy-submenu button {
  width: 100%;
  color: #b3b3b1;
  padding: 15px 30px;
  text-align: left;
  background: transparent;
  border: 0;
}

.pushy-submenu button:hover {
  color: #FFF;
}

.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}

.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../img/ico-fleche.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed > ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}

.pushy-submenu-open > ul {
  max-height: 1000px;
  visibility: visible;
}

.pushy-submenu-open .pushy-link {
  opacity: 1;
}

.pushy-submenu-open > a::after,
.pushy-submenu-open > button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

/*------------------------------------------------------
-----IMPORTATION DES STYLESHEETS DU DOSSIER MODULES-----
------------------------------------------------------*/
/*
   * Slider Style
*/
.partenaires-slider {
  margin-top: 2rem;
}

.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slick-prev, .slick-next {
  top: 37% !important;
}

.slick-prev:before, .slick-next:before {
  content: "\e901" !important;
  color: #19AB6E !important;
  font-size: 2.5rem !important;
}

.slick-prev {
  -webkit-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
}

@media screen and (max-width: 480px) {
  .slick-prev {
    left: 0px;
  }
}

.slick-next {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}

@media screen and (max-width: 480px) {
  .slick-next {
    right: 0px;
  }
}

/*
   * Buttons Style
*/
button {
  border: none;
}

.btn {
  background-color: #19AB6E;
  display: inline-block;
  padding: 1.5rem 2.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 3rem;
}

.btn:hover {
  background-color: #333E47;
  color: #ffffff;
}

.btn-secondary {
  border-radius: 50px;
  height: 6rem;
  width: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-secondary i {
  font-size: 3rem;
}

/*
   * Cards Style
*/
.bg-light {
  background-color: #F2F3F3;
}

.bg-light .card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-align: center;
  padding: 3rem;
  -webkit-box-shadow: 0px 4px 8px #00000029;
          box-shadow: 0px 4px 8px #00000029;
}

.bg-light .card img {
  width: 50%;
  height: auto;
}

@media screen and (max-width: 1200px) {
  .bg-light .card-col:last-child {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 991px) {
  .bg-light .card-col {
    margin-top: 3rem;
  }
  .bg-light .card-col img {
    width: 30%;
  }
  .bg-light .card-col:first-child {
    margin-top: 0rem;
  }
}

/*
  * Hero style
*/
.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40% 0;
  position: relative;
  background-position-x: 70%;
}

@media screen and (min-width: 768px) {
  .hero {
    height: 100vh;
    background-position-x: 80%;
    padding: 0% 0;
  }
}

.hero .btn {
  position: absolute;
  bottom: 4rem;
}

section {
  padding: 7.5rem 0;
}

.no-padding {
  padding: 0;
}

.fluid-container {
  overflow: hidden;
}

.bg-dark {
  background-color: #333E47;
}

.bg-dark img {
  width: 100%;
  height: auto;
}

/* ==========================================================================
    Loader
   ========================================================================== */
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #19AB6E;
}

/*-----------------------------------------------------
-----IMPORTATION DES STYLESHEETS DU DOSSIER LAYOUT-----
-----------------------------------------------------*/
/*
   * Header Style
   ! General style about the header here, not the nav
*/
/*
   * Header Desktop
*/
header {
  position: absolute;
  top: 30px;
  z-index: 10;
  width: 100%;
}

header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .container #logo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

header .container #logo img {
  width: 60%;
}

/*
   * Footer Style
*/
footer {
  padding-top: 7.5rem;
}

footer a:hover {
  color: #19AB6E;
  -webkit-transition: .5s;
  transition: .5s;
}

footer .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: white;
}

@media screen and (max-width: 767px) {
  footer .icon {
    margin-bottom: 3rem;
  }
}

footer .icon i {
  font-size: 4rem;
  margin-bottom: 2rem;
  color: #19AB6E;
}

footer #linkedin {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 3rem auto 0 auto;
}

footer #linkedin i.ico-linkedin {
  font-size: 3rem;
}

footer #linkedin i.ico-linkedin:hover {
  color: white;
  -webkit-transition: .5s;
  transition: .5s;
}

.copyright {
  border-top: solid 1px #495A66;
  overflow: hidden;
  padding-top: 3rem;
  margin-top: 3rem;
}

.copyright img {
  width: 10% !important;
}

.copyright p {
  font-size: 1rem;
  color: #495A66 !important;
  margin: 1.5rem 0;
}

.copyright a {
  color: #495A66 !important;
}

.copyright a:hover {
  color: #19AB6E !important;
}

@media screen and (max-width: 1200px) {
  .copyright img {
    width: 20% !important;
  }
}

@media screen and (max-width: 480px) {
  .copyright img {
    width: 35% !important;
  }
}

/*
   * Navigation Style 
   ! Only the nav is here
*/
@media screen and (min-width: 1024px) {
  #menu-dekstop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
  }
  #menu-dekstop nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #menu-dekstop nav ul li {
    padding: 0 1rem;
  }
  #menu-dekstop nav ul li a {
    position: relative;
    display: inline-block;
    outline: none;
    color: #fff;
  }
  #menu-dekstop nav a:hover,
  #menu-dekstop nav a:focus {
    outline: none;
  }
  .menu-btn {
    display: none;
  }
}

/* Effect 5: same word slide in */
.cl-effect-5 a {
  overflow: hidden;
  padding: 0 4px;
}

.cl-effect-5 a span {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.cl-effect-5 a span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  font-weight: 700;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

@media screen and (max-width: 1023px) {
  header #menu-dekstop {
    display: none;
  }
  header .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: -webkit-transform 400ms;
    transition: -webkit-transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  header .line {
    fill: none;
    -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #ffffff;
    stroke-width: 5.5;
    stroke-linecap: round;
  }
  header .ham8 .top {
    stroke-dasharray: 40 160;
  }
  header .ham8 .middle {
    stroke-dasharray: 40 142;
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-transition: -webkit-transform 400ms;
    transition: -webkit-transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
  }
  header .ham8 .bottom {
    stroke-dasharray: 40 85;
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-transition: stroke-dashoffset 400ms, -webkit-transform 400ms;
    transition: stroke-dashoffset 400ms, -webkit-transform 400ms;
    transition: transform 400ms, stroke-dashoffset 400ms;
    transition: transform 400ms, stroke-dashoffset 400ms, -webkit-transform 400ms;
  }
  header .ham8.active .top {
    stroke-dashoffset: -64px;
  }
  header .ham8.active .middle {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  header .ham8.active .bottom {
    stroke-dashoffset: -64px;
  }
}

/*----------------------------------------------------
-----IMPORTATION DES STYLESHEETS DU DOSSIER PAGES-----
----------------------------------------------------*/
/*
   * Home Style
*/
section .anchor-target {
  display: block;
  position: relative;
  top: -25px;
  visibility: hidden;
}

section .anchor-target:before {
  content: "";
  display: block;
  height: 25px;
  margin: -25px 0 0;
}

section #bg-usine {
  height: auto;
}

@media screen and (max-width: 992px) {
  section #bg-usine {
    min-height: 106rem;
  }
}

@media screen and (max-width: 480px) {
  section #bg-usine {
    min-height: 50rem;
  }
}

section .fluid-container .bg-dark {
  padding: 7.5rem 15% 0 15%;
}

@media screen and (max-width: 480px) {
  section .fluid-container .bg-dark {
    padding: 7.5rem 8% 0 8%;
  }
}
/*# sourceMappingURL=style.css.map */