.form-container { display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;   cursor: pointer;  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.form-container input {  position: absolute;   opacity: 0;  cursor: pointer;  height: 0;  width: 0;}

/* Create a custom radio button */
.markcheck {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  border:1px solid #626262;  border-radius: 4px;}
.markcheck.circle {border-radius:50%;}

/* On mouse-over, add a grey background color */
.form-container:hover input ~ .markcheck {  background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.form-container input:checked ~ .markcheck {  background-color: #5B59F3;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.markcheck:after {  content: "";  position: absolute;  display: none;}

/* Show the indicator (dot/circle) when checked */
.form-container input:checked ~ .markcheck:after {  display: block;}

/* Style the indicator (dot/circle) */
.form-container .markcheck:after {  top: 0;  left: 0;  width:100%;  height:100%;  position:absolute;  background:url(../images/check-actif.png) center center no-repeat;}
.form-container .markcheck.no-bg:after {background:none; width:10px; height:10px; top:8px; left:8px; background-color:#fff; border-radius:50%;}