@charset "utf-8";
/* CSS Document 
input[type="radio"].demo2 {
  display: none;
}
input[type="radio"].demo2 + label {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.8rem;
  color: black;
  background-color: white;
  border: 1px solid black;
  transition: all 0.5s ease-in-out;
}
input[type="radio"].demo2.noir:hover + label {
  background-color: #777;
  border-color: #777;
}
input[type="radio"].demo2.noir:checked + label {
  background-color:black;
  border-color: black;
  color: white; font-weight:bold;
}
input[type="radio"].demo2.blanc:hover + label {
  background-color: #777;
  border-color: #777;
}
input[type="radio"].demo2.blanc:checked + label {
  background-color:black;
  border-color: black;
  color: white; font-weight:bold;
}
input[type="radio"].demo2.gris:hover + label {
  background-color: #777;
  border-color: #777;
}
input[type="radio"].demo2.gris:checked + label {
  background-color:black;
  border-color: black;
  color: white; font-weight:bold;
}*/

input[type="radio"].demo1 {
  display: none;
}
input[type="radio"].demo1 + label {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border: 1px solid #999;
  border-radius: 1.2rem;
  color:black;
}
input[type="radio"].demo1:checked + label {
  border: 1px solid #000;
  color: white;
  font-weight:bold;
  background-color: black;
  

}