#regForm {
    background-color: #ffffff;
    margin:auto;
    padding: 10px;
    width: 100%;
    min-height: 500px;
    min-width: 300px;
  }

  /* Style the input fields */
  input {
    padding: 10px;
    width: 98%;
    font-size: 17px;
    border: 1px solid #aaaaaa;
  }


  /* Mark input boxes that gets an error on validation: */
  input.invalid {
    background-color: #ffdddd;
  }

  /* Hide all steps by default: */
  .tab {
    height: 90%;
    display: none;
  }

  /* Make circles that indicate the steps of the form: */
  .step {
    height: 20px;
    width: 20px;
    padding-top:3px ;
    margin: 0 4px;
    background-color: #04168d;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
    font-size: 10px;
    color: white;
  }

  /* Mark the active step: */
  .step.active {
    opacity: 1;
  }

  /* Mark the steps that are finished and valid: */
  .step.finish {
    background-color: #04168d;
  }

  .control2:checked ~ .optionnel,
    #immigrant:checked ~ .optionnel,
    #required-2:checked ~ .optionnel
    #option-2:checked ~ .optionnel,
    .control3:checked ~ .obligatoire,
    #immigrant:checked ~ .obligatoire,
    #required-2:checked ~ .obligatoire
    #option-2:checked ~ .obligatoire,
  .control:checked ~ .fixe,
			#immigrant:checked ~ .fixe,
			#required-2:checked ~ .fixe
			#option-2:checked ~ .fixe,
  .control1:checked ~ .pourcentage,
			#immigrant:checked ~ .pourcentage,
			#required-2:checked ~ .pourcentage
			#option-2:checked ~ .pourcentage {
				clip: auto;
				height: auto;
				margin: 0;
				overflow: visible;
				position: static;
				width: auto;
			}

      .control3:not(:checked) ~ .obligatoire,
			#immigrant:not(:checked) ~ .obligatoire,
			#required-2:not(:checked) ~ .obligatoire,
			#option-2:not(:checked) ~ .obligatoirel,

      .control2:not(:checked) ~ .optionnel,
			#immigrant:not(:checked) ~ .optionnel,
			#required-2:not(:checked) ~ .optionnel,
			#option-2:not(:checked) ~ .optionnel,

			.control:not(:checked) ~ .fixe,
			#immigrant:not(:checked) ~ .fixe,
			#required-2:not(:checked) ~ .fixe,
			#option-2:not(:checked) ~ .fixe,
      .control1:not(:checked) ~ .pourcentage,
			#immigrant:not(:checked) ~ .pourcentage,
			#required-2:not(:checked) ~ .pourcentage,
			#option-2:not(:checked) ~ .pourcentage {
				border: 0;
				clip: rect(0 0 0 0);
				height: 1px;
				margin: -1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
			}