/* au moins 1440px - web */
@media screen and (min-width: 90rem){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: calc(var(--main-container) + var(--container-gutters));
  }
  .container2 {
    max-width: 1330px;
  }
}
/* au max 1280 - web */
@media screen and (max-width: 80rem){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100% 
  }
  .section.secteurs{
    flex-direction: column;
  }
  .secteurs-titre.hide {
    opacity: 1;
    width: initial;
  }
  .secteurs-titre {
    width: 100%;
    min-height: auto;
    padding-bottom: 3rem;
    margin: 0;
  }
  .secteurs-liste article.lateral {
    position: relative;
    display: flex;
    justify-content: center;
  }
  article.lateral section {
    width: 3rem;
  }
  article.lateral section h2 {
    height: 3rem;
  }
  article.vertical section h2 a, article.lateral section h2 a {
    line-height: 3rem;
    font-size: 1rem;
  }
  article.lateral section img.icon {
    max-width: 32px;
    left: 0.5rem;
  }
  article.lateral section.active img.icon {
    opacity: 0.5;
    }
  article.lateral section:target, article.lateral section.active {
    width: calc(100% - 532px);
  }
  article.lateral section:target p, article.lateral section.active p {
    display: block;
    min-width: 100%;
  }
article.lateral section.active img.icon {
  top: 16px;
  right: 1rem;
  left: auto;
}


  .main-menu > ul > li > a {
    padding: 1.5rem 1rem;
  }
  .header-button a:last-child{
    display: none;
  }
  .main-menu > ul {
    margin: 0 -50px !important;
  }
  img.bulle-1 {
    width: 20rem;
    left: 13rem;
  }
  img.bulle-2 {
    width: 8rem;
    left: 10rem;
  }
  img.bulle-3 {
    width: 12rem;
    left: 25rem;
  }
  img.bulle-4 {
    width: 9rem;
    left: 0rem;
  }
  img.bulle-5{
    width: 10rem;
    left: 20rem;
  }
  img.bulle-6{
    width: 5rem;
    left: 6rem;
  }
  img.bulle-7{
    width: 14rem;
    left: 25rem;
  }
  img.bulle-8{
    width: 18rem;
    left: 13rem;
  }
  .hero-title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .hero-container {
    gap: 3%;
  }
  .bulles-haut, .bulles-bas {
    height: 18rem;
    left: 0;
}
}
/* au max 1024px - web */
@media screen and (max-width: 64rem){
  .header-button{
    display: none;
  }
  .main-menu > ul {
    margin: 0 -20px !important;
  }
  .temoignages-logos.owl-carousel button.owl-next, 
  .temoignages-phrases.owl-carousel button.owl-next,
  .temoignages-logos.owl-carousel button.owl-prev, 
  .temoignages-phrases.owl-carousel button.owl-prev {
    float: none;
  }
  .temoignages-logos.owl-carousel .owl-dots, .temoignages-phrases.owl-carousel .owl-dots {
    position: relative;
    top: -85px;
  }
}

/* au max 992px - mobile */
@media screen and (max-width: 60rem){
  .menu-mobile {
    display: block;
  }
  .main-menu {
    display: none;
  }
  .cas-client .paragraph .bloc {
    flex-direction: column;
    width: 100%;
  }
  .cas-client .paragraph .bloc .bloc-titre{
    width: 100%;
  }
  .cas-client .paragraph .bloc h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
/* au max 880px - mobile */
@media screen and (max-width: 55rem){
  .image-texte > * {
    width: 90%;
}
.bloc-job {
  margin-left: 0;
  margin-right: 0;
}
  .job-carousel {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .carousel-list li {    
    justify-content: center;
  }
  .cas-client .mise-en-scene img {
      width: 60%;
  }
  .cas-client .paragraph .section.fond-image {
    padding: 3rem 0;
    height: 530px;
  }
  .cas-client .habillage {
    height: 144px;
    width: 440px;
    right: -225px;
    background-size: 70%;
}
  .section {
    padding: 3rem 1.5rem;
  }
  .row {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .row>* {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
    .hero-container{
      flex-direction: column-reverse;    
      align-items: stretch;      
    }
    .hero-style,
    .hero-image {
      width: 100%;
    }
    .bulles-haut, .bulles-bas {
      height: 18rem;
      left: calc(50% - 320px);
  }
  article.lateral {
    display: none !important;
  }
  .accordeon-secteurs {
    display: block;
}
  .section.services {
    flex-direction: column-reverse;
  }
  .section.services .service-titre {
    width: 100%;
    padding-bottom: 3rem;
  }
  .section.axes {
    flex-direction: column-reverse;
  }
  .section.services .service-titre {
    width: 100%;
    padding-bottom: 3rem;
  }
  .image-texte.gauche {
    flex-direction: column-reverse;
    align-items: center;
  }

  .image-texte.gauche .bloc {
    padding: 0;
    margin-bottom: 2rem;
  }
  .image-texte.droite {
    flex-direction: column-reverse;
    align-items: center;
  }
  .image-texte.droite .bloc {
    padding: 0 0 3rem 0;
  }
  .fond-bulles-blanc {
    background-position: 200% bottom;
    background-size: 85%;
  }
  .expertise {    
    width: calc(50% - 1rem);
    min-width: auto;
  }
  .expertise.double {
    width: 100%;
  }
}
/* au max 720px - mobile */
@media screen and (max-width: 45rem){

  .bulles .bulle-titre {
      width: 100%;
  }
  .chiffres-contenu {
    flex-direction: column;
  }
  .service {
    width: 100%;
    min-height: 7.5rem;  
  }
  .services-liste {
    flex-direction: column;
  }
  .contenu-split {
    flex-direction: column;
    gap: 1rem;
  }
  .job-titre{
    flex-direction: column;
    align-items: center;
  }
  .job-titre > * {
    width: 100%;
  }
  .bloc-job {    
    flex-direction: column;
    padding: 1rem;
  }
  .bloc-job .bouton {
    text-align: center;
  }
}

/* au max 560px - mobile */
@media screen and (max-width: 40rem){
  .carousel-list li,
  .carousel-header {
    font-size: 1.5rem;
  }

  .cas-clients-contenu #grid-container-cas-clients img.image {
    width: 325px;
  }
  .expertise {
    width: 100%    
  }
  .bulles .bulles-contenu,
  .expertise.double {
    flex-direction: column;
  }
  .expertise.double .expertise-image, .expertise.double .expertise-contenu {
    width: 100%;
    object-fit: cover;
  }
  .expertise-contenu {
    padding: 0rem 2rem 1rem 2rem;
    min-width: 260px;
  }
  .footer-container {
    display: flex;
    flex-direction: column;
  }
  .footer-informations {
    width: 100%;
    margin-bottom: 3rem;
  }
  footer .liste-liens {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .footer-bottom {    
    flex-direction: column-reverse;
  }
  .footer-bottom .footer-informations {    
    margin-top: 3rem;
  }

  img.bulle-4 {
    width: 6rem;
    left: 0rem;
    }
    img.bulle-2 {
    width: 5rem;
    left: 6rem;
    }
    img.bulle-1 {
    width: 11rem;
    left: 9rem;
    }
    img.bulle-3 {
    width: 8rem;
    left: 14rem;
    }
    img.bulle-6 {
    width: 3rem;
    left: 4rem;
    }
    img.bulle-8 {
    width: 10rem;
    left: 8rem;
    }
    img.bulle-7 {
    width: 8rem;
    left: 14rem;
    }
    img.bulle-5 {
    width: 6rem;
    left: 12rem;
    }
    .bulles-haut, .bulles-bas {
      height: 10rem;
      display: block;
      position: relative;
      left: calc(50% - 176px);
  }
  .section {
    padding: 3rem 1.5rem;
  }
}