.updateuserinfo {

  @media only screen and (max-width: 600px) {  
    text-align: left;
    font-size: small !important;

    .my_hr {
      margin: 0;
      color: inherit;
      background-color: currentColor;
      border: 0;
      opacity: 0.25;
      margin-bottom: 0.3rem;
      margin-top: 0.3rem;
    }

    .texte_area{
      width: 90% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    .texte_area_adress{
      width: 90% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    .texte_area_passwd{
      width: 90% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }



    input{
      font-size: small !important;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }

    .titre1 {
      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: gray;
      font-weight: normal;
    }
  
    .big_hr {
      height: 0.2rem;
      border-width: 0;
      color: black;
    }
  
    .div_row22 {
      text-align: center;
      border-width: 0.01rem;
      margin-bottom: 0.1rem;
      margin-top: 0.3rem;
      border-radius: 1rem;
      font-size: small;
    }
  
    .btn_modif {
      width: 7rem;
      background-color: #212121 !important;
    }
  
    .btn_enreg {
      width: 7rem;
      background-color: green !important;
    }
  
    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }
  
    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }
  
  }
  @media only screen and (min-width: 601px) and (max-width: 991px) {
    text-align: left;
    font-size: medium !important;

    .texte_area{
      width: 47% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    .texte_area_adress{
      width: 96% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    .texte_area_passwd{
      width: 95% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }



    input{
      font-size: small !important;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }


    .titre1 {
      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: gray;
      font-weight: normal;
    }
  
    .big_hr {
      height: 0.2rem;
      border-width: 0;
      color: black;
    }
  
    .div_row22 {
      text-align: center;
      border-width: 0.01rem;
      margin-bottom: 0.1rem;
      margin-top: 1rem;
      border-radius: 1rem;
      font-size: small;
    }
  
    .btn_modif {
      width: 10rem;
      background-color: #212121 !important;
    }
  
    .btn_enreg {
      width: 10rem;
      background-color: green !important;
    }
  
    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }
  
    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }
  
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    text-align: left;
    font-size: larger !important;

    .titre1 {
      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: gray;
      font-weight: normal;
    }
  
    
    .texte_area{
      width: 47% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    .texte_area_adress{
      width: 96% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    .texte_area_passwd{
      width: 95% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }



    input{
      font-size: small !important;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }


    .big_hr {
      height: 0.2rem;
      border-width: 0;
      color: black;
    }
  
    .div_row22 {
      text-align: center;
      border-width: 0.01rem;
      margin-bottom: 0.1rem;
      margin-top: 1rem;
      border-radius: 1rem;
      font-size: small;
    }
  
    .btn_modif {
      width: 10rem;
      background-color: #212121 !important;
    }
  
    .btn_enreg {
      width: 10rem;
      background-color: green !important;
    }
  
    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }
  
    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }
  
  }
  
  @media only screen and (min-width: 1200px) {
    text-align: left;
    font-size: medium !important;

    .titre1 {
      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: gray;
      font-weight: normal;
    }

    
    .texte_area{
      width: 47% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    .texte_area_adress{
      width: 96% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    .texte_area_passwd{
      width: 95% !important;
      font-size: x-small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      margin: 0.4rem !important;
    }

    input{
      font-size: medium !important;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }

  
    .big_hr {
      height: 0.2rem;
      border-width: 0;
      color: black;
    }
  
    .div_row22 {
      text-align: center;
      border-width: 0.01rem;
      margin-bottom: 0.1rem;
      margin-top: 1rem;
      border-radius: 1rem;
      font-size: small;
    }
  
    .btn_modif {
      width: 10rem;
      background-color: #212121 !important;
    }
  
    .btn_enreg {
      width: 10rem;
      background-color: green !important;
    }
  
    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }
  
    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }
  
  }
}
