<script>
function changement() {
   if (document.getElementById('non').checked) {
      document.getElementById('tresInsatisfaisante').disabled=true;

      document.getElementById('gris_qualiteRelation').style.color="silver";//mon label
      }
   else {
      document.getElementById('tresInsatisfaisante').disabled=false;

      document.getElementById('tresInsatisfaisante').className="myCheckboxInline1";
      $('input.myCheckboxInline1').prettyCheckboxes({display: 'inline'});//le script qui va se lancer quand on clique sur oui

      document.getElementById('gris_qualiteRelation').style.color="black";//mon label
      }
}
</script>
<script>
$(document).ready(function(){//ici c'est le script qui est lancé au début de la page
	$('input.myCheckboxList').prettyCheckboxes({display: 'list'});
	$('input.myCheckboxInline').prettyCheckboxes({display: 'inline'});
});
</script>

<p class="smallcaps">7. Êtes-vous marié ou en couple actuellement ?<br />
<input class="myCheckboxInline" type="radio" name="couple" value="non" id="non" onclick="changement()" /> <label for="non" class="bouton fond">Non</label>
<input class="myCheckboxInline" type="radio" name="couple" value="oui" id="oui" onclick="changement()" /> <label for="oui" class="bouton fond">Oui</label>
</p><br /><!-- ici les boutons radios sont changé au chargement de la page -->

<p class="form_retrait" id="gris_qualiteRelation">Comment qualifiez-vous cette relation amoureuse ?<br />
<input type="radio" name="qualiteRelation" value="tresInsatisfaisante" id="tresInsatisfaisante" disabled="disabled" /> <label for="tresInsatisfaisante" class="bouton fond" id="gris_qualiteRelation2" style="margin-right:10px;">Très insatisfaisante</label><!-- ici le bouton radio est changé quand on clique sur oui, mais il se dédouble! -->
</p><br />