/*
** Réalisation : LaFabrikk
** https://www.lafabrikk.fr
*/

@media (min-width: 1200px) and (max-width: 1400px) {
  :root {
    --LFKwrapper: 1080px;
  }
  html {
    font-size: 13px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --LFKwrapper: 900px;
  }
  html {
    font-size: 10px;
  }
  .expertise-picto {
    aspect-ratio: 1.5;
  }
}

@media (max-width: 991px){
  .wrapper {
    width: auto;
    margin-left: var(--LFK020);
    margin-right: var(--LFK020);
  }
  :root {
    --LFKcontainer: var(--LFK020);
  }

  h1 {
    font-size: var(--LFK030);
    line-height: normal;
  }
  h2 {
    font-size: var(--LFK030);
    line-height: normal;
  }

  header .inner {
    margin-top: var(--LFK020);
  }
  .header-logo {
    max-width: 10rem;
  }
  .header-menu {
    display: none;
    width: 100%;
    padding-top: var(--LFK020);
  }
  .header-contact {
    display: none;
  }
  #toggleNav {
    display: flex;
    align-items: center;
    gap: var(--LFK015);
  }
  #toggleNav .close {
    display: none;
  }
  #toggleNav.active .close {
    display: block;
  }
  #toggleNav.active .open {
    display: none;
  }

  #menu-mainmenu {
    flex-direction: column;
    align-items: center;
    gap: var(--LFK030);
  }

  #accueil-intro {
    margin-top: 4rem;
  }
  #accueil-intro h1 {
    width: 100%;
  }

  #accueil-slider {
    margin-top: 4rem;
  }
  .slide {
    aspect-ratio: 1;
    margin-bottom: 4rem;
  }
  .slide:nth-child(2) .slide-bg-1, .slide:nth-child(3) .slide-bg-1 {
    height: var(--LFK020);
  }
  .slide:nth-child(3) .slide-bg-2 {
    top: calc(100% + var(--LFK020));
    height: var(--LFK020);
  }
  .slide-titre {
    width: 100%;
    font-size: var(--LFK030);
  }
  .slide-contenu {
    width: 100%;
    font-size: var(--LFK018);
  }

  .group {
    gap: 2rem;
    animation: scrolling 10s linear infinite;
  }
  .group:nth-child(2) {
    display: none;
  }
  .reference {
    width: 35%;
    opacity: 0.2;
  }

  #bloc-3 {
    margin-top: 4rem;
  }
  .bloc-3-texte {
    width: 100%;
    font-size: var(--LFK023);
  }

  .expertises-top {
    padding-top: 7rem;
  }
  .expertises-liste {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .expertise {
    width: calc(50% - var(--LFK015));
    padding-top: var(--LFK025);
    padding-bottom: var(--LFK025);
    padding-left: var(--LFK020);
    padding-right: var(--LFK020);
  }
  .expertise-titre {
    margin-top: var(--LFK020);
    font-size: var(--LFK018);
  }

  #chiffres {
    margin-top: 4rem;
  }
  .chiffre {
    width: 100%;
    margin-top: var(--LFK025);
    text-align: center;
  }
  .chiffre-chiffre {
    font-size: var(--LFK060);
    line-height: var(--LFK075);
  }
  .chiffre-texte {
    font-size: var(--LFK018);
  }

  .vision {
    margin-top: var(--LFK030);
    width: 100%;
  }
  .vision-texte-titre {
    padding: 0;
    font-size: var(--LFK023);
  }
  .vision:nth-child(even) .vision-picto {
    order: 2;
  }
  .vision:nth-child(even) .vision-texte {
    order: 1;
    text-align: right;
  }

  #outils {
    margin-top: 4rem;
  }
  .outils-liste {
    flex-direction: column;
    gap: 2rem;
  }
  .outil {
    width: 75%;
    margin: 0;
  }
  .outil:nth-child(2) {
    z-index: 3;
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
  }
  .outil:nth-child(3) {
    z-index: 2;
    margin-top: 0;
  }
  .outil:nth-child(4) {
    z-index: 3;
    margin-left: auto;
    margin-right: 0;
  }

  #avis {
    margin-top: 4rem;
  }
  .avis-liste {
    margin-top: 3rem;
  }
  .avis {
    overflow: hidden;
    width: 100%;
    padding: var(--LFK050) var(--LFK025);
  }

  #bloc_9 {
    gap: 2rem;
    margin-top: 4rem;
  }
  .bloc_9-reassurances {
    order: 2;
    width: 100%;
  }
  .bloc_9-texte {
    order: 1;
    width: 100%;
  }

  #contact {
    margin-top: 4rem;
  }
  .contact-top {
    padding-top: 7rem;
  }
  form.wpcf7-form input[type=submit] {
    padding: var(--LFK020);
  }

  footer .wrapper .bloc-adresse {
    width: 100%;
    text-align: center;
  }
  .footer-right {
    width: 100%;
  }
  .footer-menu {
    width: 100%;
    margin-top: 2rem;
  }
  #menu-pieddepage {
    justify-content: center;
  }
  .footer-logo {
    width: 100%;
    text-align: center;
  }






}