

#prelongBarOutils {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 41px;
    max-width: var(--longeur-general);
    margin: auto;
    /*margin-top: 40px;*/
  }
#preBarreOutilG,
#preBarreOutilD {
  width: 100%;
  height: 100%;
  background-color: var(--couleur-general);
  border : none;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  border-right: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  box-sizing: border-box;
}
#pretextBarreOutils{
  float: right;
  color: white;
  font-size: 16px;
  padding-right: 10px;
  padding-top: 10px;
}






#prelongBar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 400px;
  max-width: var(--longeur-general);
  margin: auto;
  background-color: #ffffff;
}

.preclass_textOutPut,
#previewIframe {
  width: 100%;
  height: 100%;
  background-color: #353535;
  border : none;
  font-family: 'Roboto', sans-serif;
  overflow:auto;
  font-size: 14px;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
  /*box-shadow: 0px 1px 1px 0px rgba(78, 84, 174, 0.3);*/
}
#previewIframewrapper{
  position: relative;
            overflow: hidden;
            background-color: #ffffff;
}
#previewIframe{
  position: absolute;
            top: 0;
            left: 0;
            right: 0;
            background-color: #ffffff;
}
#preclass_textOutPut{
  background-color: #353535;
}
#baliseCode{
  height: auto;
  background-color: #353535;
}

.pretooltip {
  position: absolute;
  /*top: -30px;*/
  right: 0;
  background-color: rgba(249, 249, 249, 0.6);
  border: 1px solid #ccc;
  padding: 5px;
  display: none;
  color: black;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-align: right;
}

#previewIframewrapper:hover .pretooltip {
  display: block;
}


#prebtForm1{
  background-color: var(--couleur-general);
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-family: "Roboto Bold", sans-serif;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 12px;
  float: left;
}

