input, textarea, select {border-radius:5px; font-size:14px;font-family: Verdana, Geneva, sans-serif;color:#000;padding:5px;margin:4px;font-weight:100;width:300px;border: solid 1px #dcdcdc; }
input:focus,  textarea:focus, select:focus { border: solid 1px #000;  box-shadow: 0 0 2px 2px #A4D38E;}
.txtpetit {font-size:14px}
#button {border-radius:15px; font-size:22px;line-height:28px; color:#3D272A; margin:8px; padding:8px; text-align:center;width:300px;text-decoration:none;
			background:#42B6D6;display:inline-block;transition:all .4s;text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);font-weight:bold}
#button:hover {background:#EEEEEE;transition:all .4s;text-decoration:none;color:#000; cursor:pointer;}
/* input[type="checkbox"] { transform: scale(2);  cursor: pointer;}
input[type="checkbox"] {
  appearance: none;
  width: 24px;
  height: 34px;
  border: 2px solid #333;
  border-radius: 4px;
  cursor: pointer;
	vertical-align: middle;
  margin-right: 8px;  
}

input[type="checkbox"]:checked {
  background-color: #093;
}

input[type="checkbox"]:hover {
  background: rgba(0, 123, 255, 0.08);
  
  input[type="checkbox"] {
  appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #333;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}

input[type="checkbox"]:not(:checked):hover {
  background: rgba(0, 123, 255, 0.08);
}

input[type="checkbox"]:checked {
  background-color: #093;
  border-color: #093;
}

input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
} 
*/

input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  border: 2px solid #c7c7cc;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
  position: relative;
  box-sizing: border-box;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.08s ease;
}

input[type="checkbox"]:not(:checked):hover {
  background-color: #f2f2f7;
  border-color: #8e8e93;
}

input[type="checkbox"]:active {
  transform: scale(0.92);
}

/* focus clavier accessible */
input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(10, 132, 255, 0.18);
}

/* état coché */
input[type="checkbox"]:checked {
  background: #34c759;
  border-color: #34c759;
}

/* quand coché, pas de hover bleu/gris parasite */
input[type="checkbox"]:checked:hover {
  background: #34c759;
  border-color: #34c759;
}

/* coche blanche façon iOS */
input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 4px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* petit rebond visuel à l'activation */
input[type="checkbox"]:checked:active {
  transform: scale(0.88);
}

@media only screen and (max-width:768px){
	input, textarea, select {width:250px;border: solid 1px #dcdcdc; }
}