<style>.div1 {align-items: center;display:flex;
width: 135px;margin: 0;
    height: 15px;
    padding: 5px;
    margin: 0 10px;
    border: 1px solid #aaaaaa;
    border-radius: 10px;color: black;
    font-weight: 600;
         }
		 #drago1{
			 align-items: center;
			 display:flex;}
			
		 </style><script>
	function allowDrop(ev) {
  ev.preventDefault();
}

function drag(ev) {
  ev.dataTransfer.setData('text', ev.target.id);
  iddrag=ev.target.id;
   document.getElementById(iddrag).style.margin='0';
      document.getElementById(iddrag).style.border='0';
      document.getElementById(iddrag).style.padding='0';
	    document.getElementById(iddrag).style.color = 'white';

}

function drop(ev) {
  ev.preventDefault();
  var data = ev.dataTransfer.getData('text');
  ev.target.appendChild(document.getElementById(data));
  iddrag=ev.target.id;
  document.getElementById(iddrag).style.backgroundColor = '#9C27B0';
  document.getElementById(iddrag).style.color = 'white';
  document.getElementById(iddrag).style.fontWeight = '600';


   
}
	function VerifReponse1019187(nbstat)
	{
		test=true;
        var text = document.getElementById('msg'+nbstat);
		var exp = document.getElementById('explication'+nbstat);
		var expImg = document.getElementById('Imgexplication'+nbstat);		
		 var rep1= document.getElementById('reponse1'+nbstat).value;
			
			var rep = document.getElementById('reponseQ'+nbstat);
			
		    if (document.getElementById('case1'+nbstat).checked == true) 	
		    {
                if(document.getElementById('reponse1'+nbstat).value==0)
			    test=false;
            } 
		    else 
		    {
                if(document.getElementById('reponse1'+nbstat).value!=0)
			    test=false;
            }
		     var rep2= document.getElementById('reponse2'+nbstat).value;
			
			var rep = document.getElementById('reponseQ'+nbstat);
			
		    if (document.getElementById('case2'+nbstat).checked == true) 	
		    {
                if(document.getElementById('reponse2'+nbstat).value==0)
			    test=false;
            } 
		    else 
		    {
                if(document.getElementById('reponse2'+nbstat).value!=0)
			    test=false;
            }
		     var rep3= document.getElementById('reponse3'+nbstat).value;
			
			var rep = document.getElementById('reponseQ'+nbstat);
			
		    if (document.getElementById('case3'+nbstat).checked == true) 	
		    {
                if(document.getElementById('reponse3'+nbstat).value==0)
			    test=false;
            } 
		    else 
		    {
                if(document.getElementById('reponse3'+nbstat).value!=0)
			    test=false;
            }
		     var rep4= document.getElementById('reponse4'+nbstat).value;
			
			var rep = document.getElementById('reponseQ'+nbstat);
			
		    if (document.getElementById('case4'+nbstat).checked == true) 	
		    {
                if(document.getElementById('reponse4'+nbstat).value==0)
			    test=false;
            } 
		    else 
		    {
                if(document.getElementById('reponse4'+nbstat).value!=0)
			    test=false;
            }
		    
	    if(test == true) 		
		{
            text.innerHTML= 'Bien';
			text.style.color= 'Green';
			exp.style.display='none';
			rep.style.display='none';
			if(expImg) expImg.style.display='none';

        } 
		else 
		{
            text.innerHTML= 'Faux';
			text.style.color= 'RED';
			exp.style.display='block';
			rep.style.display='block';
			if(expImg) expImg.style.display='block';

        }
	}	
	</script><div class="FlexBoxC" id="RadioQuestion1019187" style=" text-align: right;direction: rtl;background-color: white;    padding: 0 15px 15px;"><h1 style='       margin-top:0;    margin-left: 15px;line-height:30px;    font-size: 15px;'>طالب بيان الشعب الجزائري ب : </h1><div class="FlexBoxR" style="flex-wrap: wrap;" style=" text-align: right;    direction: rtl;">&nbsp; <input id="case11019187" type="checkbox" name="case11019187" value="1">
            <span  style="align-self: center; line-height: 25px;  width: 70%;margin: 0 10px ;">الفصل بين السلط  </span></div><div class="FlexBoxR" style="flex-wrap: wrap;" style=" text-align: right;    direction: rtl;">&nbsp; <input id="case21019187" type="checkbox" name="case21019187" value="2">
            <span  style="align-self: center; line-height: 25px;  width: 70%;margin: 0 10px ;">إلغاء النظام الإستعماري  </span></div><div class="FlexBoxR" style="flex-wrap: wrap;" style=" text-align: right;    direction: rtl;">&nbsp; <input id="case31019187" type="checkbox" name="case31019187" value="3">
            <span  style="align-self: center; line-height: 25px;  width: 70%;margin: 0 10px ;">تشريك الجزائريين في حكم بلادهم  </span></div><div class="FlexBoxR" style="flex-wrap: wrap;" style=" text-align: right;    direction: rtl;">&nbsp; <input id="case41019187" type="checkbox" name="case41019187" value="4">
            <span  style="align-self: center; line-height: 25px;  width: 70%;margin: 0 10px ;">إعلان دستور يضمن الحريات و المساواة بين الجنسيات  </span></div><input type="hidden" value="0" id="reponse11019187"><input type="hidden" value="2" id="reponse21019187"><input type="hidden" value="3" id="reponse31019187"><input type="hidden" value="4" id="reponse41019187"><div style="display:none" id="reponseQ1019187"><div> <h1 style="    color: #7ebb00;   text-decoration: underline;">
		الإصلاح :</h1> </div><div >&nbsp; <input  value="0"  type="checkbox"  value="1">
            <span  style="align-self: center; line-height: 25px;  width: 70%;margin: 10px 0;">الفصل بين السلط  </span></div><div >&nbsp; <input  value="2"  type="checkbox" checked value="2">
            <span  style="align-self: center; line-height: 25px;  width: 70%;margin: 10px 0;">إلغاء النظام الإستعماري  </span></div><div >&nbsp; <input  value="3"  type="checkbox" checked value="3">
            <span  style="align-self: center; line-height: 25px;  width: 70%;margin: 10px 0;">تشريك الجزائريين في حكم بلادهم  </span></div><div >&nbsp; <input  value="4"  type="checkbox" checked value="4">
            <span  style="align-self: center; line-height: 25px;  width: 70%;margin: 10px 0;">إعلان دستور يضمن الحريات و المساواة بين الجنسيات  </span></div></div><button onclick="VerifReponse1019187(1019187)" style="align-self: start;background-color: #1877f2;color: white;margin: 10px 15px;">الإصلاح</button><span id="msg1019187" style="padding: 5px 0;    Font-weight:bold;margin: 0 10px;    text-align: center;"></span></div>