@media (max-width: 768px) {


.text-btn-burger{
    display: none;
}


.bando-menu-noir{
    height: 50px;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: center;
}

.bando-menu-noir h6{
    width: 100%;
    padding-left: 0px;
    text-align: center;
    background-image: none;
    font-size: 12px;
    line-height: 12px;
    box-sizing: border-box;
    display: block;
    margin-top: 5px;
    margin-bottom: 2px;
    height: auto;
}
.bando-menu-noir p{
    width: 100%;
    padding-left: 0px;
    text-align: center;
    background-image: none;
    font-size: 12px;
    line-height: 12px;
    box-sizing: border-box;
    display: block;
    margin: 0px;
    height: auto;
}

.bando-menu-noir a.btn-tel{
    width: 100%;
    padding-left: 0px;
    text-align: center;
    background-image: none;
    font-size: 12px;
    line-height: 12px;
    box-sizing: border-box;
    display: block;
    margin: 0px;
    height: auto;
}


.main-nav{
  height: 50px;
}

.main-nav .logo-top{
  width: 20%;
  text-align: center;
  padding-left: 20px;
  position: relative;
  z-index: 2500;
}

.main-nav .logo-top a img{
  height: 40px;
  width: auto;
  margin-top: 5px;
  margin-bottom: 5px ;
  }

  .hide-on-smart{
    display: none;
  }


  .main-nav .nav-top{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #16191E;
  padding-top: 50px;
  z-index: 1000;
}

.main-nav .nav-top ul{
  width: 100%;
  display: block;
  background-color: #16191E;
  padding-top: 40px;
}

.main-nav .nav-top ul li{
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  width: 100%;
}

.main-nav .nav-top ul li.menu-item-has-children a{
  background-position: right 30px;
  background-image: url(../images/chevron-sous-menu-phone.svg);
}

.main-nav .nav-top ul li a{
 width: 100%;
 box-sizing: border-box;
 padding-left: 20px;
 padding-right: 20px;
 margin-bottom: 0px;
 padding-top: 30px;
 padding-bottom: 30px;
 text-align: center;
 display: block;
 border-bottom: 1px solid#F2C23F;
}

.main-nav .nav-top ul ul.sub-menu.voir{
position: relative;
background-color: #F2C23F;
width: 100%;
top: inherit;
left: inherit;
padding-bottom: 30px;
}

.main-nav .nav-top ul ul.sub-menu li{
 display: block;
 width: 100%;
}

.main-nav .nav-top ul ul.sub-menu li a{
  border-bottom-style: none;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
  padding-bottom: 15px;
  padding-top: 15px;
  background-color: #F2C23F;
  color: #16191E;
}


.btn-burger {
width: 50px;
height: 50px;
background-position: center center;
display: block;
position: absolute;
background-color: #f2c23f;
top: 0px;
right: 0px;
color: #222a36;
padding:0px;
text-transform: uppercase;
cursor: pointer;
background-image: url(../images/btn-burger.svg);
background-repeat: no-repeat;
background-size: 29px auto;
z-index: 3600;
box-sizing: border-box;

    }

    .flex-nav{
overflow-y: scroll;
    }

    .flex-nav .gauche{
        width: 100%;
        justify-content: flex-start; 
        padding-left: 20px;
        padding-top: 50px;
    }

    .flex-nav .gauche ul.menu-principal li{
        margin-top: 15px;
        margin-bottom: 15px;
        }
        
    .flex-nav .droite{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    .flex-nav .droite h5{f
        font-size: 20px;
    }
    .flex-nav .droite a.btn-clic{
        display: block;
        width: 100%;
        box-sizing: border-box;
        min-width:100px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 18px;
        line-height: 20px;
        margin-top: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 40px;
    }
    .adresse{
        border-bottom: #f2c23f solid 1px;
        padding-bottom: 20px;
        width: 100%;
      }

      .reseaux{
        padding-bottom: 20px;
        padding-top: 20px;
      }
      
    .emplois{
        padding-top: 10px;
        padding-bottom: 20px;

    }


    .wrapper-image-en-avant{
        height: 70vh;
    }

    .image-en-avant{
        height: 70vh;
    }

    .opaque-bleu{
        height: 70vh;
    }

    .opaque-bleu-degrade{
        height: 70vh;
    }

    .is-style-image-moins-top-50-pcx{
        margin-top: 0px;
    }

    .wrapper-image-en-avant .entete{
        align-items: flex-start;
        align-content: flex-start;
        padding-top: 100px;
    }
    .wrapper-image-en-avant .entete h1{
        margin-top: 30px;
        margin-bottom: 20px;

    }

    .wrapper-image-en-avant .entete h2{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .wrapper-image-en-avant .entete p{
        letter-spacing: 1.5px;
        font-size: 15px;
        line-height: 15px;
    }


    .bando-vertical{
        z-index: 3400;
        display: none;
    }


    .bloc-intro-home h1 {
        font-size: clamp(35px, 4vw, 50px);
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .bloc-intro-home p {
        font-size: 22px;
        line-height: 28px;
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .bloc-intro-home .les-boutons {
        margin-top: 10px;
        width: 100%;
    }

    .bloc-intro-home .les-boutons a.btn-1 {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .bloc-intro-home .les-boutons a.btn-2 {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 20px;
    }

    .banniere-boussole .content .image {
        width: 100%;
      }

      .banniere-boussole .content.gauche .texte, .banniere-boussole .content.droite .texte  {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
      }

      .les-offres .une-offre {
        width: 50%;
        align-items: center;
      }

      .les-offres .une-offre .opacite {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
      }

      .les-offres .une-offre .opacite .content h3 {
        font-size: clamp(20px, 2.5vw, 35px);
        margin-top: 20px;
        margin-bottom: 10px;
      }
      .les-offres .une-offre a {
        margin: 0px;
        position: absolute;
        width: 100%;
        top: 0px;
        bottom: 0px;
      }

.actualites{
    padding-top: 40px;
}

      .actualites .content .top-actus h4{
        width: 100%;
      }

      .actualites .content .top-actus a {
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 15px;
      }

      .actualites .les-actus .une-actu-wrapper .une-actu .les-textes {
        width: calc(100% - 120px);
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
      }

      .actualites .les-actus .une-actu-wrapper .une-actu .les-textes h5 {
        width: 100%;

      }

      .actualites .les-actus .une-actu-wrapper .une-actu .les-textes .para {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
      }

      .actualites .les-actus .une-actu-wrapper .une-actu .date {
        width: 70px;
      }

      .actualites .les-actus .une-actu-wrapper .une-actu a {
        width: 50px;
        background-image: url(../images/btn-actus.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 40px 40px;
      }


      .footer-content .logo-footer {
        width: 100%;
        text-align: center;
      }

      .footer-content .logo-footer img {
        width: 100%;
        max-width: 180px;
        height: auto;
        margin-bottom: 20px;
      }

      .footer-content .presentation {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
      }

      .ligne-2-footer .newsletter {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
      }
        .ligne-2-footer .partage {
            width: 100%;
            padding-left: 0px;
            margin-top: 40px;
            text-align: center;
      }

      .ligne-2-footer .partage a.picto-reseau {
margin-left: 12px;
margin-right: 12px;
      }

      .menu-footer ul.footmenu{
        text-align: center;
      }

      .menu-footer ul.footmenu li{
        display: block;
        width: 100%;
        margin-bottom: 20px;
      }

      .autres-sites-content p{
        width: 100%;
        border-right: #222a36 0px none;
        text-align: center;
        padding-right: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
      }

      .autres-exp-park-menu ul.expmenu li{
        display: block;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
      }

      .wp-block-columns{
        margin-left: 0px;
        margin-right: 0px;
      }

      .wp-block-column{
        width: 100%;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
      }

      .carte-adresse iframe {
        width: 100%;
        min-height: 100%;
       /*display: block;*/
        box-sizing: border-box;
        display: none;
      }

      .is-style-tableau-horaires th {
        font-size: 20px;
        line-height: 20px;
      }

      .carte-membre .content {
padding-left: 20px;
padding-right: 20px;
      }

      .pad-left-0{
        padding-left: 0%;
      }
      
      
      .pad-left-10{
        padding-left: 0%;
      }
      
      .pad-left-20{
        padding-left: 0%;
      }
      
      .pad-left-30{
        padding-left: 0%;
      }
      
      .pad-left-40{
        padding-left: 0%;
      }
      
      .pad-left-50{
        padding-left: 0%;
      }
      
.wp-block-image figure.size-medium img{
   width: 100%;
    height: auto;
    
}

ul.is-style-liste-puces-jaune li, ul.is-style-liste-puces-blanche li{
height: auto;
}


.bloc-anniv{
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 45px;
  }
  
  .anniv-cols{
    flex-wrap: wrap;

  }

  .anniv-cols .col{
width: 100%;
  }

  .engrenages-jaune .anniv-cols .col{
    padding-left: 0px;
    padding-right: 0px;
    justify-content: center;
    margin-bottom: 25px;
  }

  .engrenages-jaune .anniv-cols .col:last-child{
    margin-bottom: 0px;
  }

  .anniv-cols .col span{
    border-right: #222a36 none 0px;
    padding-right: 0px;
  }

  .anniv-blanc .anniv-cols .col span{
    border-right: #222a36 none 0px;
    padding-left:0px;
    width: 100%;
    text-align: center;
  }

  .bloc-anniv.anniv-blanc {
    margin-bottom: 15px;
}

.anniv-blanc .anniv-cols .col{
    margin-top: 10px;
    margin-bottom: 20px;
}

.anniv-blanc .anniv-cols .col:last-child{
    margin-bottom: 0px;
  }

  .formules{
    width: 100%;
    height: auto;
  }
  .formules-slider{
    height: auto;
  }

  .formules-slider .slider .formule{
    height: auto;
    padding-top: 0px;
  }


  .formules-slider .slider .formule .image-formule{
    width: 100%;
    height: 200px;
  }

  .formules-slider .slider .formule .textes-formule{
    width: 100%;
  }

  .formules-slider .slider .formule .textes-formule .haut{
width: 100%;
  }

  .formules-slider .slider .formule .textes-formule img{
    width: 100%;
    max-width: 150px;
    height: auto;
    margin-top: -50px;
    z-index: 2500;
  }

  .formules-slider .slider .formule .textes-formule .bas{
width: 100%;
padding-top: 5px;
padding-bottom: 30px;
  }

.formules .swiper-nav{
    display: none;

}

.bloc-3-formules{
    margin-top: 80px;
}

.bloc-3-formules .col-formule{
    width: 100%;
    margin-top: 120px;
}

.bloc-3-formules .col-formule .top img{
    width:60%;
    height: auto;
    margin-top: -90px;
    }


    .galerie-exp .chevron{
        cursor: pointer;
        background-color: #f2c23f;
        width: 35px;
        height: 36px;
        display: inline-block;
        z-index: 1000;
        border: #222A36 3px solid;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
      }

      .galerie-exp .chevron-left{
        left:20px;
        bottom: 20px;
        top: inherit;
        }
        
        .galerie-exp .chevron-right{
          right: 20px;
          bottom: 20px;
          top: inherit;
          }


          .la-faq .faq-bloc{
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            }

            .cta-faq .boutons a{
                width: 100%;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 20px;
                font-size: 18px;
              }
              .cta-faq{
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 10px;
              }


              .les-emplois{
                width: 100%;
padding-left: 30px;
padding-right: 30px;
padding-top: 50px;
padding-bottom: 0px;
              }


.les-emplois .emploi-content{
  width: 100%;
  padding: 0px;
}


.les-emplois .emploi{
  width: 100%;
  padding: 0px;
}

.yellow{
  background-color: #f2c23f;
  width: 100%;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;

}

.emploi-content .text-content{
  width: 100%;
  }

  .emploi-content .postuler{
  width: 100%;
  justify-content: center;
  padding-left: 0px;
  padding-bottom: 30px;
}

.emploi-content .postuler ul{
margin-top: 0px;
}

.recrutement .la-side-barre{
  width: 100%;
  margin: 0px;
  padding-top: 40px;
  min-height: 100%;
  max-width: inherit;
}



.cols-gutenberg{
  padding-left: 0px;
padding-right: 0px;
}

.colonnes-gut{
  width: 100%;
  padding-left: 30px;
padding-right: 30px;
}

.cols-gutenberg .gutenberg-side-barre{
  width: 100%;
  padding-right: 0px;
  padding-bottom: 50px;
  max-width: inherit;
}


.partager-content h6{
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center;
margin-bottom: 10px;
}



.box-alerte{
  background-image: url(../images/bandeau-engrenages-jaunes.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left:30px;
  padding-right: 30px;
  text-align: center;
  position: relative;
    }



}