/*--------------------------------------*/
/* Style des Input, Select et Textareas */
/*--------------------------------------*/
input, select, textarea
 {
  padding: 6px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
 }

select:hover
 {
  background-color: #FFFFE0;
  font-family: Arial, sans-serif;
 }

textarea
 {
  border: 1px solid #2F4F4F;
  border-radius: 10px;
  padding: 10px;
  font-family: Arial, sans-serif;
 }

.champ-erreur
 {
  border-color: #FF0000;
  background-color: #FFF0F0;
 }
  
/*----------*/
/* Checkbox */
/*----------*/
input[type="checkbox"], 
input[type="radio"]
 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  position: relative;
  top: 1px;
 }

/*-------*/
/* Label */
/*-------*/
label
 {
  display: inline-block;
  position: relative;
  top: 2px;
  font-weight: bold;
  margin-bottom: 10px;
 }

/*--------*/
/* Bouton */
/*--------*/
button
 {
  padding: 8px 15px 7px 15px;
  border: none;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #FFFF00;
  display: inline-block;
  font: 13px "times new roman";
  letter-spacing: 1px;
  text-shadow: 0 1px 1px #FF0000;
  text-transform: uppercase;
  cursor: pointer;
 }

button[type=button]
 {
  background: #FF00FF;
  color: #FFFF00;
 }

button[type=submit]
 {
  background: #4CAF50;
  color: #FFFF00;
 }

button:hover
 {
  background-color: #0000CD;
 }

button[type=submit]:hover
 {
  background-color: #FF0000;
 }

button.ButtonImage,
button.ButtonImage:hover
 {
  position: relative;
  top: 1px;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer;
  vertical-align: middle;
 }