/* 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;
  }

  .expertise-liste {
    width:1290px;
  }

}
/* au max 1440px - web */
@media screen and (max-width: 90rem){
 .expertise-liste {
      width:965px;
  }
}
/* 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.active h2 a {

    padding-top:8px;
  }

  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;*/
  left : 15px;
}


  .main-menu > ul > li > a {
    padding: 1.5rem 1rem;
  }

  .header-button a:last-child .link-effect, .header-button a:nth-last-child(2) .link-effect{
    display: none;
  }

  .header-button a:last-child::before {
      /* Set the font to Solid */
      font: var(--fa-font-solid);
      /* Set the Unicode value for the "fa-ghost" icon */
      content: '\f0e0';
      font-size: 18px;
  }

  .header-button a:nth-last-child(2)::before {
    /* Set the font to Solid */
    font: var(--fa-font-solid);
    /* Set the Unicode value for the "fa-ghost" icon */
    /*content: '\f2b5';*/
    content: '\f0b1';
    font-size: 18px;
  }

  .header-button .btn {
    padding: 0.5rem 0.75rem;
  }

  .header-button {
      margin-left: 4rem;
  }

  .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;
}

.temoignages.partenaires {
  flex-direction: column;
}
.temoignages.partenaires .temoignages-logos {
    width: 100%;
    padding: 4rem;
}
  .expertise-liste {
    width:965px;
  }

  .cas-clients-contenu {
    margin: 2rem auto;
    width: 830px;
  }

}
/* 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;
  }

    .lateral .logos-accordeon img {
      width:100%;
  }

   .section {
    padding: 3rem 1.5rem;
  }

   #hero .container {
    padding: 2rem 0 0rem 0;
  } 

  .expertise-liste{
    width:640px;
  }

  .cas-clients-contenu {
    margin: 2rem auto;
    width: 830px;
  }
  
 article.lateral {
    display: none !important;
  }
  .accordeon-secteurs {
        display: flex;
        flex-direction: column;
    }
  .accordeon-secteurs .logos-accordeon {
      grid-template-columns: repeat(2, 1fr);
  }
  
}

/* au max 992px - mobile */
@media screen and (max-width: 60rem){
  .header-button{
    display: none;
  }

  .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;
  }
    .expertise-liste{
    width:640px;
  }

    .cas-clients-contenu {
    margin: 2rem auto;
    width: 390px;
  }

   
}
/* 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%;
    display:none;
}
  .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);
  }
  .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: 310px;
    min-width:310px;
  }
  .expertise.double {
    /*width: 100%;*/
            width: 635px;
  }

  .expertise-liste{
    width:640px;
  }
}
/* 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;
  }
    .expertise-liste{
    width:640px;
  }
}

/* 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: 330px;
  }
  .cas-clients-contenu #grid-container-cas-clients .titre {
    width: 330px;
  }
  .expertise {
    /*width: 100%    */
    height: auto;
  }
  .bulles .bulles-contenu,
  .expertise.double {
    width: 310px;
    height: auto;
    flex-direction: column;
  }

  .bloc-bulle {
    width: 100%;
  }

  .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;
  }

  .footer-bottom .liste-liens{
    gap:0.5rem;
  }

  .contenu-split > * {
    width: calc(100% - 1.5rem);
  }

  .accordeon h3{
    font-size : 1rem;
  }

  .section {
    display: flex;
    padding: 2rem 1.5rem;

  }

  #hero .container {
    padding: 2rem 0 0rem 0;
  } 

    .accordeon-secteurs .logos-accordeon {
      grid-template-columns: repeat(1, 1fr);
  }

    .expertise-liste{
    width:320px;
  }
}