h1
{
  text-align: center;
  font-weight: bold;
  color: green;
}

.content
{
  padding: 8px;
}
table
{
  border: 2px solid black;
}
th
{
  border: 1px solid black;
  border-bottom: 2px solid black;
  font-size: 16px;
}
td
{
  border: 1px solid black;
  font-size: 12px;
}

td, th
{
  text-align: center;
}

#content,
.content {
  padding: 20px;
}
#content a {
  color: #666;
  border-bottom: 2px dotted #B1DC58;
}
#content a:hover {
  border-color: #4EC300;
  color: #111;
}
h1
{
  margin-top: 0px;
}




/* Colonnes */
.cell_key
{
  width: 20%;
}
.cell_base
{
  width: 35%;
}
.cell_new
{
  width: 35%;
}
.cell_status
{
  width: 10%;
}




.keyname
{
  font-weight: bold;
}
.keycomment
{
  color: blueviolet;
}



.keyvalue
{
  white-space: pre-wrap;
  font-family: monospace;
}


td.cell_status
{
  font-weight: bold;
  font-size: 14px;
}
.status_validation
{
  color: #C00;
}
.status_new
{
  color: #00C;
}
.status_modified
{
  color: #E80;
}
.status_validated
{
  color: green;
}


.cell_new button
{
  font-weight: bold;
  margin: 10px 5px;
}
button.but_modify
{
  color: blue;
}
button.but_translate
{
  color: blueviolet;
}
button.but_validate
{
  color: green;
}
button.but_cancel
{
  color: red;
}


.hidden /* template */
{
  display: none;
}



/* Sweet Alert */
.sweet-alert /* popup */
{
  width: 800px !important;
  top: 30% !important;
}

.sweet-alert p /* title */
{
  font-weight: bold !important;
  color: grey !important;
}

.sweet-alert label /* ancien text */
{
  border: 1px dashed grey;
  display: block;
  white-space: pre-wrap;
  font-family: monospace;
  width: 100%;
  text-align: left;
  max-height: 250px;
  overflow: auto;
}

.sweet-alert textarea /* nouveau text */
{
  border: 2px solid green;
  width: 100%;
  height: 200px;
}