/* DEBUT radiobleu  ----------------- */
.radiobleu input[type="checkbox"], input[type="radio"] {
    display: none;
}
.radiobleu label {
  color: #1e4975;  /* #555; /* texte des radio et checkbox*/
}
/*.radiobleu label:hover {
  cursor:pointer;
} */


.radiobleu input[type="checkbox"] + label span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;  /* dimendion des radio et checkbox*/
  height: 20px;
  border: 1px solid #bdbdbd;  /* contour gris*/
  border-radius: 1px;
  background: radial-gradient(#ffffff, ffffff); /* dégradé extérieur vers intérieur eee */
}
.radiobleu input[type="radio"] + label span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;  /* dimendion des radio et checkbox*/
  height: 20px;
  border: 1px solid #bdbdbd;  /* contour gris*/
  border-radius: 50%;
  background: radial-gradient(#ffffff, ffffff); /* dégradé extérieur vers intérieur eee */
}
.radiobleu input[type="checkbox"]:hover + label span {
  border-radius: 1px;
  border: 2px solid #2899db;  /* contour*/
  cursor:pointer;
  /*  background: radial-gradient(#ffffff, #ffffff); /* dégradé extérieur vers intérieur eee */
}
.radiobleu input[type="radio"]:hover + label span {
  border: 2px solid #2899db;  /* contour*/
  cursor:pointer;
 /* background: radial-gradient(#ffffff, #ffffff); /* dégradé extérieur vers intérieur eee */
}
.radiobleu input[type="checkbox"] + label span::before {
  content: "";
  display: block;
  
}
.radiobleu input[type="checkbox"]:checked + label span,
.radiobleu input[type="radio"]:checked  + label span{
	border: 2px solid #2489c5;  /* contour*/
  background: radial-gradient(#2489c5, #2489c5); /* dégradé extérieur vers intérieur eee */
}

.LabelCheckbox, .LabelRadio, .LabelNote{
  margin-left: 22px;
  text-indent: -24px;
  line-height : 1.4em;
  font-weight: normal;
} 


.radiobleu input[type="checkbox"]:checked + label span::before{
	position:relative;
  content: "✓";
  color: #ffffff;  /*  checkbox marker*/
  text-align: center;
	top:-4px;
  left:12px !important;  /*Z1 12px;*/
  font-size: 17px;
	font-weight: 700;
}
.radiobleu input[type="radio"]:checked + label span::before {
	position:relative;
  content: "✓";
  color: #ffffff;  /*  checkbox marker*/
  text-align: center;
	top:-3px;
	left:26px;
  font-size: 17px;
	font-weight: 900;
}

/*------------  DEBUT disabled radio ------------ */
  input[disabled] {
    cursor: context-menu;
  }
  .radiobleu input[type="checkbox"]:disabled, input[type="radio"]:disabled {
    display: none;
    cursor:context-menu;
  }
  .radiobleu input[type="checkbox"]:disabled + label span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;  /* dimendion des radio et checkbox*/
    height: 20px;
    border: 1px solid #bdbdbd;  /* contour gris*/
    border-radius: 1px;
    background: radial-gradient(#ffffff, ffffff); /* dégradé extérieur vers intérieur eee */
    cursor: context-menu;
  }
  .radiobleu input[type="radio"]:disabled + label span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;  /* dimendion des radio et checkbox*/
    height: 20px;
    border: 1px solid #bdbdbd;  /* contour gris*/
    border-radius: 50%;
    background: radial-gradient(#ffffff, ffffff); /* dégradé extérieur vers intérieur eee */
    cursor: context-menu;
  }
  .radiobleu input[type="checkbox"]:disabled + label span::before {
    content: "";
    display: block;
    cursor: context-menu;
  }
  .radiobleu input[type="checkbox"]:disabled:checked + label span,
  .radiobleu input[type="radio"]:disabled:checked  + label span{
    border: 2px solid #6a5a8c;  /* contour*/
    background: radial-gradient(#6a5a8c, #6a5a8c); /* dégradé extérieur vers intérieur eee */
    cursor: context-menu;
    
  }
  .radiobleu input[type="checkbox"]:disabled:checked + label span::before{
    position:relative;
    content: "✓";
    color: #ffffff;  /*  checkbox marker*/
    text-align: center;
    top:-4px !important;
    left:12px;  /*Z1 12px;*/
    font-size: 17px;
    font-weight: 700;
    cursor: context-menu;
  }
  .radiobleu input[type="radio"]:disabled:checked + label span::before {
    position:relative;
    content: "✓";
    color: #ffffff;  /*  checkbox marker*/
    text-align: center;
    top:-3px;
    left:26px;
    font-size: 17px;
    font-weight: 900;
    cursor: context-menu;
  }

/* ------------ FIN disabled checkbox ------------ */
.Difference input[type="checkbox"] + label span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;  /* dimendion des radio et checkbox*/
  height: 20px;
  border: none;  /* contour gris*/
  background: radial-gradient(#ffffff, ffffff); /* dégradé extérieur vers intérieur eee */
}
.Difference input[type="radio"] + label span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;  /* dimendion des radio et checkbox*/
  height: 20px;
  border: none;  /* contour gris*/
  background: radial-gradient(#ffffff, ffffff); /* dégradé extérieur vers intérieur eee */
}
.Difference input[type="checkbox"]:hover + label span {
  border: none;  /* contour gris*/
  cursor: context-menu;
  /*  background: radial-gradient(#ffffff, #ffffff); /* dégradé extérieur vers intérieur eee */
}
.Difference input[type="radio"]:hover + label span {
  border: none;  /* contour gris*/
  cursor: context-menu;
 /* background: radial-gradient(#ffffff, #ffffff); /* dégradé extérieur vers intérieur eee */
}
.Difference input[type="checkbox"] + label span::before {
  content: "";
  display: block;
  
}
.Difference input[type="checkbox"]:checked + label span,
.Difference input[type="radio"]:checked  + label span{
  border: none;  /* contour gris*/
  background: radial-gradient(#2489c5, #2489c5); /* dégradé extérieur vers intérieur eee */
}


.Difference input[type="checkbox"]:checked + label span::before{
	position:relative;
  content: "✓";
  color: #ffffff;  /*  checkbox marker*/
  text-align: center;
	top:-4px;
  left:12px !important;  /*Z1 12px;*/
  font-size: 17px;
	font-weight: 700;
}
.Difference input[type="radio"]:checked + label span::before {
	position:relative;
  content: "✓";
  color: #ffffff;  /*  checkbox marker*/
  text-align: center;
	top:-3px;
	left:26px;
  font-size: 17px;
	font-weight: 900;
}

/*------------  DEBUT disabled radio ------------ */
  .Difference input[type="checkbox"]:disabled, input[type="radio"]:disabled {
    display: none;
    cursor:context-menu;
  }
  .Difference input[type="checkbox"]:disabled + label span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;  /* dimendion des radio et checkbox*/
    height: 20px;
    border: 1px solid #bdbdbd;  /* contour gris*/
    border-radius: 1px;
    background: radial-gradient(#ffffff, ffffff); /* dégradé extérieur vers intérieur eee */
    cursor: context-menu;
  }
  .Difference input[type="radio"]:disabled + label span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;  /* dimendion des radio et checkbox*/
    height: 20px;
    border: 1px solid #bdbdbd;  /* contour gris*/
    border-radius: 50%;
    background: radial-gradient(#ffffff, ffffff); /* dégradé extérieur vers intérieur eee */
    cursor: context-menu;
  }
  .Difference input[type="checkbox"]:disabled + label span::before {
    content: "";
    display: block;
    cursor: context-menu;
  }
  .Difference input[type="checkbox"]:disabled:checked + label span,
  .Difference input[type="radio"]:disabled:checked  + label span{
    border: 2px solid #6a5a8c;  /* contour*/
    background: radial-gradient(#6a5a8c, #6a5a8c); /* dégradé extérieur vers intérieur eee */
    cursor: context-menu;
    
  }
  .Difference input[type="checkbox"]:disabled:checked + label span::before{
    position:relative;
    content: "✓";
    color: #ffffff;  /*  checkbox marker*/
    text-align: center;
    top:-4px !important;
    left:12px;  /*Z1 12px;*/
    font-size: 17px;
    font-weight: 700;
    cursor: context-menu;
  }
  .Difference input[type="radio"]:disabled:checked + label span::before {
    position:relative;
    content: "✓";
    color: #ffffff;  /*  checkbox marker*/
    text-align: center;
    top:-3px;
    left:26px;
    font-size: 17px;
    font-weight: 900;
    cursor: context-menu;
  }