#longBar{
  background-color: #f6f6f6;
  padding-bottom: 16px;
  padding-top: 16px;
  
}




.class_textOutPut {
  display: block;
  margin: auto;
  max-width: var(--longeur-general);
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
  color: #2c2f5d;
  font-size: 18px;
  padding-top: 20px; 
  padding-bottom: 20px; 
  font-family: 'Roboto', sans-serif;
  background-color: white;
  /*border-radius: 12px;*/
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px 0px rgba(78, 84, 174, 0.3);
}
.class_textOutPut strong {
  color: var(--couleur-general);; /* Remplacez "red" par la couleur de votre choix */
}

#textOuputWarning{
  display: block;
  margin: auto;
  max-width: var(--longeur-general);
  text-align: left;
  color: black;
  padding-left: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  box-sizing: border-box;
}



#petitBar{
  display: block;
  margin: auto;
  max-width: var(--longeur-general);
}


/*
généré en code
*/
.outputInfo{
  display: block;
  margin: auto;
  max-width: var(--longeur-general);
  text-align: right;
  color: black;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  margin-top: 6px;
  padding-right: 5px;
  box-sizing: border-box;
}




    /* bouton copier */
    .copy-button {
      float: left;
      background-color: #f6f6f6;;
      color: black;
      border: none;
      cursor: pointer;
      transition: all 0.2s;
      font-family: "Roboto Bold", sans-serif;
      font-size: 11px;
      margin-left: 0px;
      margin-top: 2px;
    }
    .copy-buttonRecopie {
      float: left;
      background-color: #f6f6f6;;
      color: black;
      border: none;
      cursor: pointer;
      transition: all 0.2s;
      font-family: "Roboto Bold", sans-serif;
      font-size: 11px;
      margin-left: 0px;
      margin-top: 2px;
    }
    .copy-buttonRecopie:active {
      color: #f4f5ff; 
    }
    .copy-button:active { 
      color: #f4f5ff; 
    }

    #RESULTATONOFF{
      padding-top: 40px;
      padding-bottom: 40px;
    }