@charset "UTF-8";
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
@import url("https://fonts.googleapis.com/css?family=Anton|Roboto&display=swap");
.hamburger {
  padding: 4.7vw 2.3vw;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }
  .hamburger.is-active:hover {
    opacity: 1; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #FFF; }

.hamburger-box {
  width: 7.8vw;
  height: 5.4vw;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.4vw; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 7.8vw;
    height: 0.8vw;
    background-color: #FFF;
    border-radius: 0.6vw;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -2.3vw; }
  .hamburger-inner::after {
    bottom: -2.3vw; }

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -4.6vw;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -2.3vw, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

.my-6 {
  margin-top: 3.6rem !important;
  margin-bottom: 3.6rem !important; }

.mt-6 {
  margin-top: 3.6rem !important; }

.mb-6 {
  margin-bottom: 3.6rem !important; }

.my-7 {
  margin-top: 4.2rem !important;
  margin-bottom: 4.2rem !important; }

.mt-7 {
  margin-top: 4.2rem !important; }

.mb-7 {
  margin-bottom: 4.2rem !important; }

.my-8 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important; }

.mt-8 {
  margin-top: 4.8rem !important; }

.mb-8 {
  margin-bottom: 4.8rem !important; }

.my-9 {
  margin-top: 5.4rem !important;
  margin-bottom: 5.4rem !important; }

.mt-9 {
  margin-top: 5.4rem !important; }

.mb-9 {
  margin-bottom: 5.4rem !important; }

.my-10 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important; }

.mt-10 {
  margin-top: 6rem !important; }

.mb-10 {
  margin-bottom: 6rem !important; }

@media only screen and (min-width: 768px) {
  .my-md-1 {
    margin-top: 0.6rem !important;
    margin-bottom: 0.6rem !important; }

  .mt-md-1 {
    margin-top: 0.6rem !important; }

  .mb-md-1 {
    margin-bottom: 0.6rem !important; }

  .my-md-2 {
    margin-top: 1.2rem !important;
    margin-bottom: 1.2rem !important; }

  .mt-md-2 {
    margin-top: 1.2rem !important; }

  .mb-md-2 {
    margin-bottom: 1.2rem !important; }

  .my-md-3 {
    margin-top: 1.8rem !important;
    margin-bottom: 1.8rem !important; }

  .mt-md-3 {
    margin-top: 1.8rem !important; }

  .mb-md-3 {
    margin-bottom: 1.8rem !important; }

  .my-md-4 {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important; }

  .mt-md-4 {
    margin-top: 2.4rem !important; }

  .mb-md-4 {
    margin-bottom: 2.4rem !important; }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .mt-md-5 {
    margin-top: 3rem !important; }

  .mb-md-5 {
    margin-bottom: 3rem !important; }

  .my-md-6 {
    margin-top: 3.6rem !important;
    margin-bottom: 3.6rem !important; }

  .mt-md-6 {
    margin-top: 3.6rem !important; }

  .mb-md-6 {
    margin-bottom: 3.6rem !important; }

  .my-md-7 {
    margin-top: 4.2rem !important;
    margin-bottom: 4.2rem !important; }

  .mt-md-7 {
    margin-top: 4.2rem !important; }

  .mb-md-7 {
    margin-bottom: 4.2rem !important; }

  .my-md-8 {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important; }

  .mt-md-8 {
    margin-top: 4.8rem !important; }

  .mb-md-8 {
    margin-bottom: 4.8rem !important; }

  .my-md-9 {
    margin-top: 5.4rem !important;
    margin-bottom: 5.4rem !important; }

  .mt-md-9 {
    margin-top: 5.4rem !important; }

  .mb-md-9 {
    margin-bottom: 5.4rem !important; }

  .my-md-10 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important; }

  .mt-md-10 {
    margin-top: 6rem !important; }

  .mb-md-10 {
    margin-bottom: 6rem !important; } }
@media only screen and (min-width: 992px) {
  .my-lg-1 {
    margin-top: 0.6rem !important;
    margin-bottom: 0.6rem !important; }

  .mt-lg-1 {
    margin-top: 0.6rem !important; }

  .mb-lg-1 {
    margin-bottom: 0.6rem !important; }

  .my-lg-2 {
    margin-top: 1.2rem !important;
    margin-bottom: 1.2rem !important; }

  .mt-lg-2 {
    margin-top: 1.2rem !important; }

  .mb-lg-2 {
    margin-bottom: 1.2rem !important; }

  .my-lg-3 {
    margin-top: 1.8rem !important;
    margin-bottom: 1.8rem !important; }

  .mt-lg-3 {
    margin-top: 1.8rem !important; }

  .mb-lg-3 {
    margin-bottom: 1.8rem !important; }

  .my-lg-4 {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important; }

  .mt-lg-4 {
    margin-top: 2.4rem !important; }

  .mb-lg-4 {
    margin-bottom: 2.4rem !important; }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .mt-lg-5 {
    margin-top: 3rem !important; }

  .mb-lg-5 {
    margin-bottom: 3rem !important; }

  .my-lg-6 {
    margin-top: 3.6rem !important;
    margin-bottom: 3.6rem !important; }

  .mt-lg-6 {
    margin-top: 3.6rem !important; }

  .mb-lg-6 {
    margin-bottom: 3.6rem !important; }

  .my-lg-7 {
    margin-top: 4.2rem !important;
    margin-bottom: 4.2rem !important; }

  .mt-lg-7 {
    margin-top: 4.2rem !important; }

  .mb-lg-7 {
    margin-bottom: 4.2rem !important; }

  .my-lg-8 {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important; }

  .mt-lg-8 {
    margin-top: 4.8rem !important; }

  .mb-lg-8 {
    margin-bottom: 4.8rem !important; }

  .my-lg-9 {
    margin-top: 5.4rem !important;
    margin-bottom: 5.4rem !important; }

  .mt-lg-9 {
    margin-top: 5.4rem !important; }

  .mb-lg-9 {
    margin-bottom: 5.4rem !important; }

  .my-lg-10 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important; }

  .mt-lg-10 {
    margin-top: 6rem !important; }

  .mb-lg-10 {
    margin-bottom: 6rem !important; } }
@font-face {
  font-family: 'Volte';
  src: url("../font/Volte.eot");
  src: local("Ôÿ║"), url("../font/Volte.woff") format("woff"), url("../font/Volte.ttf") format("truetype"), url("../font/Volte.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Volte';
  src: url("../font/Volte Bold.eot");
  src: local("Ôÿ║"), url("../font/Volte Bold.woff") format("woff"), url("../font/Volte Bold.ttf") format("truetype"), url("../font/Volte Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Volte';
  src: url("../font/Volte Medium.eot");
  src: local("Ôÿ║"), url("../font/Volte Medium.woff") format("woff"), url("../font/Volte Medium.ttf") format("truetype"), url("../font/Volte Medium.svg") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Volte';
  src: url("../font/Volte Regular Italic.eot");
  src: local("Ôÿ║"), url("../font/Volte Regular Italic.woff") format("woff"), url("../font/Volte Regular Italic.ttf") format("truetype"), url("../font/Volte Regular Italic.svg") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Volte';
  src: url("../font/Volte Semibold.eot");
  src: local("Ôÿ║"), url("../font/Volte Semibold.woff") format("woff"), url("../font/Volte Semibold.ttf") format("truetype"), url("../font/Volte Semibold.svg") format("svg");
  font-weight: 600;
  font-style: normal; }
.ff-volte {
  font-family: 'Volte', sans-serif; }

.ff-anton {
  font-family: 'Anton', sans-serif; }

.fw-semibold {
  font-weight: 600; }

.fw-bold {
  font-weight: bold; }

.fw-extrabold {
  font-weight: 800; }

.fs-uppercase {
  text-transform: uppercase; }

.fs-underline {
  text-decoration: underline; }

.fs-italic {
  font-style: italic; }

/*g├®n├®ration des taille de polices mobile*/
.fs-22 {
  font-size: 22px; }

.fs-36 {
  font-size: 36px; }

.fs-68 {
  font-size: 68px; }

@media only screen and (min-width: 769px) {
  /*g├®n├®ration des taille de polices desktop*/
  .fs-d-12 {
    font-size: 12px; }

  .fs-d-28 {
    font-size: 28px; }

  .fs-d-60 {
    font-size: 60px; } }
@media screen and (min-width: 768px) {
  p {
    font-size: 22px;
    margin-bottom: 20px; }

  h1 {
    font-size: 60px;
    margin-bottom: 40px; }

  h2 {
    font-size: 35px; }

  h3 {
    font-size: 30px;
    font-family: Volte;
    text-align: center; }

  /****************************************
  		HOME
  ****************************************/
  #a-propos {
    background-image: url("../images/service_bg.jpg");
    background-size: cover;
    background-attachment: fixed; }
    #a-propos .service_block {
      margin-bottom: 50px; }
      #a-propos .service_block:not(.no-border):after {
        display: none; }
      #a-propos .service_block svg {
        max-width: 150px;
        margin-bottom: 20px; }

  #notre-materiel .equipement_block {
    max-width: 400px;
    margin: 0px auto 50px auto; }
    #notre-materiel .equipement_block > div:first-child {
      max-width: 400px;
      margin: 0px auto 30px auto; }
    #notre-materiel .equipement_block h2 {
      margin-bottom: 20px; }
    #notre-materiel .equipement_block p {
      text-align: justify; }

  #contact {
    background-image: url("../images/contact_bg.jpg");
    background-size: cover;
    background-attachment: fixed; }
    #contact .contact_block {
      margin-bottom: 0px; }
      #contact .contact_block img {
        margin: 0px auto 20px auto;
        height: 120px; }
      #contact .contact_block h3 {
        margin: 20px auto 10px auto; }
      #contact .contact_block a {
        font-size: 30px; }

  #reseau h1 {
    margin-bottom: 10px; }
  #reseau p {
    margin-bottom: 30px; } }