@media screen and (max-width: 1640px) {
  .pageTexte.documents .mainContent .textContent {
      padding:0 30px 75px;
  }
  .pageTexte.documents .sectionDocuments .textContent {
      padding:0 30px 75px;
  }
}
@media screen and (max-width: 1400px) {
    .section.dossier .textContent h2 {
        font-size:35px;
        line-height:40px;
    }
}
@media screen and (max-width: 1080px) {
    .pageTexte.documents .mainContent .textContent .formContainer form .row .col-8 {
        max-width:100%;
        padding:0;
    }
    .pageTexte.documents .mainContent .textContent .formContainer form .row .col-4 {
        max-width:50%;
    }
    .pageTexte.documents .mainContent .textContent .formContainer form .row .col-4 .input-control {
        margin:0 35px 20px 0;
        max-width: calc(100% - (35px/2));
    }
    .section.dossier .textContent {
        max-width: unset;
        width: unset;
    }
    .section.dossier img {
        max-width: unset;
        width: 100%;
    }
    .section.dossier .dossierContainer {
        flex-direction: column-reverse;
    }
}    
@media screen and (max-width: 750px) {
  .pageTexte.documents .mainContent .textContent .formContainer form .row .col-8 .input-control {
      max-width:100%;
      margin:0 0 20px;
  }
  .pageTexte.documents .mainContent .textContent .formContainer form .row .col-4 {
      max-width:100%;
  }
  .pageTexte.documents .mainContent .textContent .formContainer form .row .col-4 .input-control {
      margin:0 0 20px;
      max-width: 100%;
  }
  .pageTexte.documents .mainContent .textContent .formContainer {
      padding:30px;
  }
  .pageTexte.documents .mainContent .textContent .navigationForm button {
      float:right;
  }
  .pageTexte.documents .mainContent .textContent .navigationForm button#closeFormBtn {
      margin:0 0 30px;
  }
}