/*-----*/
/*--------- < 840px (config) ---------*/
/*-----*/
@media screen and (max-width: 840px) {
  .formContact{
    max-width: 100%;
    height: 100%;
    top: -120%;
    overflow: scroll;
    text-align: center;
  }
  .formContact button{
    position: relative;
    bottom: inherit;
    margin: 20px 0 0;
  }
  .formContact .formFlex{
    justify-content: center;
  }
  .slideTop{
    top: 0;
  }
  .formContact .formFlex .formPart1 input[name=email2]{
    margin-bottom: 20px;
  }
  .formContact .formFlex .formPart1 .inputWrap {
    flex-wrap: wrap;
  }
  .formContact .formFlex .formPart1 input[name=nom2] {
    width: 100%;
    margin-bottom: 20px;
  }
  .formContact .formFlex .formPart1 input[name=prenom2] {
    width: 100%;
  }
}
/*-----*/
/*--------- < 725px (config) ---------*/
/*-----*/
@media screen and (max-width: 725px) {
    .sec3 .wrapper .picto {
        justify-content: center;
        flex-wrap: wrap;
    }
    header{
      position: relative;
    }
}
@media screen and (max-width: 675px) {
  .sec2 .slide1 .wrapper form .hrb {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .sec2 .slide1 .wrapper .formClient .formP1,
  .sec2 .slide1 .wrapper .formClient .formP2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 500px) {
    /* form contact */
  .contact {
    width: 100% !important;
    position: fixed;
    bottom: 0;
  }
  .formContact{
    max-width: 100%;
    height: 100%;
    top: -120%;
    overflow: scroll;
    text-align: center;
  }
  .formContact button{
    position: relative;
    bottom: inherit;
    margin: 20px 0 0;
  }
  .formContact .formFlex{
    justify-content: center;
  }
  .slideTop{
    top: 0;
  }
  .formContact .formFlex .formPart1 input[name=email2]{
    margin-bottom: 20px;
  }
  .formContact .formFlex .formPart1 .inputWrap {
    flex-wrap: wrap;
  }
  .formContact .formFlex .formPart1 input[name=nom2] {
    width: 100%;
    margin-bottom: 20px;
  }
  .formContact .formFlex .formPart1 input[name=prenom2] {
    width: 100%;
  }
  footer{
    padding: 0 0 105px;
  }
  footer p{
    padding: 20px 10px 0;
  }
}
@media screen and (max-width: 450px) {
  header .logoHeader img {
    width: 200px;
  }
  header .logoHeader p {
    font-size: 10px;
  }
}