/* 22 mars 2021 */

input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], input[type=url], select {
  width: 100%;
  height: 50px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  background-color: #FFE4C4;
  color:#000000;
  font-size:125%;
}

textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  background-color: #FFE4C4;
  color:#000000;
  font-size:125%;
}

input:invalid{background-color: #FF8A8A;color:#FFFFFF}
input:valid{background-color: #99FFBB;color:#000000}

textarea:invalid{background-color: #FF8A8A;color:#FFFFFF}
textarea:valid{background-color: #99FFBB;color:#000000}

input.readonly{
  background-color: #A9A9A9;
}

input[type=submit], button { /* placé après les :invalid et :valid */
  width: 100%;
  height: 50px;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background-color: #006156;
  color: #FFFFFF;
  font-size: 125%;
}

input[type=submit]:hover, button:hover { /* placé après les :invalid et :valid */
  background-color: #2B642C;
}

.label{
  margin-top: 32px;
}

noscript{
  display: block;
  text-align: center;
  padding: 10px;
  background-color: #57FFFF;
  color: #000000;
}

noscript a{
  color:blue;
}

.ifNoJS{
  display: none;
}