.inscription {
  .tox-statusbar__branding {
    display: none !important;
  }

  @media screen and (max-width: 600px) {
    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

    .div_row {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .div_row_droite {
      float: right;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .selectsession {
      width: 90%;
      height: 1.8rem;
      font-size: small;
    }

    .titre1_aide_finance {
      margin-top: 1rem;
      font-family: "Quicksand", "Signika", sans-serif;
      font-size: small;
      text-align: center;
      margin-bottom: 0.8rem;
      color: white;
      cursor: pointer;
      font-style: italic;
      background-color: #104277;
      font-weight: normal;
      height: 2rem;
      padding-top: 5px;
      border-radius: 5px;
      //font-weight: bold;
      letter-spacing: 2px;
    }

    .field_gauche {
      text-align: left;
      width: 40%;
      float: left;
    }

    .field_droite {
      text-align: right;
      width: 60%;
      float: right;
      padding-right: 10px;
    }

    .css-ijy3ji-MuiFormControl-root-MuiTextField-root {
      width: 90%;
    }

    .div_info_gauche {
      width: 100%;
      float: left;
      padding: 1px;
    }

    .div_info_droite {
      width: 100%;
      float: right;
      padding: 1px;
    }

    .bton_envoyer {
      border-radius: 5px;
      font-size: small;
      padding: 0.3rem;
      width: 90%;
      background: #81BC3A;
      height: 2rem;

    }


    .bton_fermer {
      border-radius: 5px;
      font-size: small;
      padding: 0.3rem;
      width: 90%;
      background-color: white;
      color: #104277 !important;
      height: 2rem;
    }
  }

  @media only screen and (min-width: 601px) and (max-width: 991px) {
    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

    .div_row {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .div_row_droite {
      float: right;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .selectsession {
      width: 90%;
      height: 2rem;
      font-size: small;
    }

    .titre1_aide_finance {
      margin-top: 1rem;
      font-family: "Quicksand", "Signika", sans-serif;
      font-size: small;
      text-align: center;
      margin-bottom: 0.8rem;
      color: white;
      cursor: pointer;
      font-style: italic;
      background-color: #104277;
      font-weight: normal;
      height: 2rem;
      padding-top: 5px;
      border-radius: 5px;
      //font-weight: bold;
      letter-spacing: 2px;
    }

    .field_gauche {
      text-align: left;
      width: 40%;
      float: left;
    }

    .field_droite {
      text-align: right;
      width: 60%;
      float: right;
      padding-right: 10px;
    }

    .css-ijy3ji-MuiFormControl-root-MuiTextField-root {
      width: 90%;
    }

    .div_info_gauche {
      width: 100%;
      float: left;
      padding: 1px;
    }

    .div_info_droite {
      width: 100%;
      float: right;
      padding: 1px;
    }
    .bton_envoyer {
      border-radius: 5px;
      font-size: small;
      padding: 0.3rem;
      width: 80%;
      background: #81BC3A;

    }


    .bton_fermer {
      border-radius: 5px;
      font-size: small;
      padding: 0.3rem;
      width: 80%;
      background-color: white;
      color: #104277 !important;
    }
  }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

    .div_row {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .div_row_droite {
      float: right;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .selectsession {
      width: 90%;
      height: 2rem;
      font-size: small;
    }

    .titre1_aide_finance {
      margin-top: 1rem;
      font-family: "Quicksand", "Signika", sans-serif;
      font-size: medium;
      text-align: center;
      margin-bottom: 0.8rem;
      color: white;
      cursor: pointer;
      font-style: italic;
      background-color: #104277;
      font-weight: normal;
      height: 2rem;
      padding-top: 5px;
      border-radius: 5px;
      //font-weight: bold;
      letter-spacing: 2px;
    }

    .field_gauche {
      text-align: left;
      width: 40%;
      float: left;
    }

    .field_droite {
      text-align: right;
      width: 60%;
      float: right;
      padding-right: 10px;
    }

    .css-ijy3ji-MuiFormControl-root-MuiTextField-root {
      width: 45%;
    }

    .div_info_gauche {
      width: 50%;
      float: left;
      padding: 1px;
    }

    .div_info_droite {
      width: 50%;
      float: right;
      padding: 1px;
    }

    .bton_envoyer {
      border-radius: 5px;
      font-size: small;
      padding: 0.3rem;
      width: 50%;
      background: #81BC3A;
      height: 2rem;

    }


    .bton_fermer {
      border-radius: 5px;
      font-size: small;
      padding: 0.3rem;
      width: 50%;
      background-color: white;
      color: #104277 !important;
      height: 2rem;
    }

  }

  @media only screen and (min-width: 1200px) {
    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

    .div_row {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 50%;
      border-radius: 1rem;
    }

    .div_row_droite {
      float: right;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 50%;
      border-radius: 1rem;
    }

    .selectsession {
      width: 90%;
      height: 2rem;
      font-size: small;
    }

    .titre1_aide_finance {
      margin-top: 1rem;
      font-family: "Quicksand", "Signika", sans-serif;
      font-size: medium;
      text-align: center;
      margin-bottom: 0.8rem;
      color: white;
      cursor: pointer;
      font-style: italic;
      background-color: #104277;
      font-weight: normal;
      height: 2rem;
      padding-top: 5px;
      border-radius: 5px;
      //font-weight: bold;
      letter-spacing: 2px;
    }

    .field_gauche {
      text-align: left;
      width: 40%;
      float: left;
    }

    .field_droite {
      text-align: right;
      width: 60%;
      float: right;
      padding-right: 10px;
    }

    .css-ijy3ji-MuiFormControl-root-MuiTextField-root {
      width: 48%;
    }


    .div_info_gauche {
      width: 50%;
      float: left;
      padding: 1px;
    }

    .div_info_droite {
      width: 50%;
      float: right;
      padding: 1px;
    }




    .bton_envoyer {
      border-radius: 5px;
      font-size: small;
      padding: 0.3rem;
      width: 50%;
      background: #81BC3A;
      height: 2rem;
    }


    .bton_fermer {
      border-radius: 5px;
      font-size: small;
      padding: 0.3rem;
      width: 50%;
      background-color: white;
      color: #104277 !important;
      height: 2rem;
    }

    .survey_block{
      background-color: white;
      margin: 10px;

    }

    .survey_page{
      background-color: #f7f7f7;
      display: block;
      margin: 10px;
    }

    .survey_title{
      font-size: calc(2 * var(--base-unit, 8px));
      line-height: calc(3 * var(--base-unit, 8px));
      padding: 5px;

    }

    .survey_desc{
      font-family: var(--font-family);
      font-style: normal;
      font-weight: normal;
      color: var(--foreground-light, #909090);
      white-space: normal;
      word-break: break-word;
      padding: 5px;
    }
  }


}
