/*-------------------------JEUX------------------------------*/
info{font-size:12px ;color:#8ebf42;font-family: 'Play', sans-serif; }   
note{font-size:15px ;color:#8ebf42;font-family: 'Play', sans-serif; }   
infoEcriture {font-size:12px ;color:#8ebf42;font-family: 'Play', sans-serif; } 

/*INFO JEUX*/

#infoTab2{
border:0px;
pointer-events:auto;
}

	  	#afficheInfoTab2{
		
			top: 40px;
		  background:#333333; 
		 opacity: 1;
		  display: none;
		  position: relative;
		  width: 900px;
		  height: 400px;
		  z-index:5;
	      border:groove;
		  border-color: #4ec9cd;
		  border-radius:5px;

		}


#infoTab{
border:0px;
pointer-events:auto;
}

	  	#afficheInfoTab{
		
			top: 40px;
		  background:#333333; 
		 opacity: 1;
		  display: none;
		  position: relative;
		  width: 900px;
		  height: 400px;
		  z-index:5;
	      border:groove;
		  border-color: #4ec9cd;
		  border-radius:5px;

		}

#infoAccords{
border:0px;
pointer-events:auto;
}

	  	#afficheInfoAccords{
		
			top: 17px;
		  background:#333333; 
		 opacity: 1;
		  display: none;
		  position: relative;
		  width: 600px;
		  height: 460px;
		  z-index:5;
	      border:groove;
		  border-color: #4ec9cd;
		  border-radius:5px;

		}

#infoEcriture{
border:0px;
pointer-events:auto;
}

	  	#afficheInfoEcriture{
		
			top: 40px;
		  background:#333333; 
		 opacity: 1;
		  display: none;
		  position: relative;
		  width: 600px;
		  height: 147px;
		  z-index:5;
	      border:groove;
		  border-color: #4ec9cd;
		  border-radius:5px;

		}
		
#infoNotes{
	
border:0px;
pointer-events:stroke;
}

	  	#afficheInfoNotes{
		
			top: 40px;
		  background:#333333; 
		 opacity: 1;
		  display: none;
		  position: relative;
		  width: 670px;
		  height: 256px;
		  z-index:6;
	      border:groove;
		  border-color: #4ec9cd;
		  border-radius:5px;

		}

/*=================================*/


/*/////////////////////  AFFICHE REPONSE ///////////////////////*/
			   
				#afficheRep  {
									display: block;
									position: relative;
									top:50px
							}    

	  .info05{
		  top:20px;
			  background:#76736f75;
			  display: block;
			  position: relative;
			  width: 662px;
			  height: 70px;
			  z-index:4;
			  border-radius:10px;
			  border: dotted;
			  border-color: #723434;
			  
	  }

	  .infoEx{
		  top:20px;
			  background:#76736f75;
			  display: block;
			  position: relative;
			  width: 662px;
			  height: 50px;
			  z-index:4;
			  border-radius:10px;
			  border: dotted;
			  border-color: #723434;
			  
	  }
	  
	  
	  .questions{
		  top:20px;
			  background:#76736f75;
			  display: block;
			  position: relative;
			  width: 662px;
			  height: 25px;
			  z-index:4;
			  border-radius:10px;
			  border: dotted;
			  border-color: #723434;
			  
	  }
	  
	  /*////////////////////////// JEU NOTES 02 (exercice 06) /////////////////*/
	  /*-----------------FOND --------*/
	  	#fondJeu02bout {
		top: 30px;
		position: relative;
			background-image: url("../jeux/bout.png");
			width: 700px;
			height: 173px;
			  	}
	  	#fondJeu02milieu {
		top: 30px;
		position: relative;
			background-image: url("../jeux/milieu.png");
			width: 700px;
			height: 173px;
			  	}
		#fondJeu02fin {
		top: 30px;
		position: relative;
			background-image: url("../jeux/fin.png");
			width: 700px;
			height: 173px;
			  	}
					  
	    #fondJeu02 {
		top: 30px;
		position: relative;
			background-image: url("../jeux/entier.png");
			width: 700px;
			height: 173px;
			  	}
				


		/*--------------------------image fond réponse exercice06 ---------------*/
		  #pastilleEx06V{
		  background:#30ca68; 
		  opacity: 0.6;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		  #pastilleEx06R{
		  background:#bf4b0d; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
						
		#fondNote01 {
		top: 30px;
		position: relative;
			background-image: url("../jeux/fondNote.jpg");
			width: 280px;
			height: 170px;
			  	}		
				
/*//////////////////////////  JEU NOTES //////////////////*/	  
	  
	#fondJeu01 {
		top: 30px;
		position: relative;
			background-image: url("../jeux/fond.png");
			width: 662px;
			height: 173px;
			  	}

	#btnVert{
			  background:#187c14;
			  display: block;
			  position: relative;
			  width: 20px;
			  height: 20px;
			  z-index:4;
			  border-radius:50px;
			}
	#btnRouge{
		  background:#b5bce5;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
/*=============================>E==========*/		
				   
	  	#pastilleHiddenE1{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenE2{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenE3{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenE4{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenE5{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenE6{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenE7{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenE8{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenE9{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenE10{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		  #pastilleHiddenE11{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
 		  #pastilleHiddenE12{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
/*==============================================> B======================*/	  
			   
	  	#pastilleHiddenB1{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenB2{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenB3{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenB4{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenB5{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenB6{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenB7{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenB8{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenB9{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenB10{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		  #pastilleHiddenB11{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
 		  #pastilleHiddenB12{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
/*=============================>G==========*/						   
	  	#pastilleHiddenG1{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenG2{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenG3{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenG4{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenG5{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenG6{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenG7{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenG8{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenG9{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenG10{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		  #pastilleHiddenG11{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
 		  #pastilleHiddenG12{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		/*=============================>D==========*/						   
	  	#pastilleHiddenD1{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenD2{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenD3{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenD4{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenD5{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenD6{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenD7{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenD8{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenD9{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenD10{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		  #pastilleHiddenD11{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
 		  #pastilleHiddenD12{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		/*=============================>A==========*/						   
	  	#pastilleHiddenA1{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenA2{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenA3{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenA4{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenA5{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenA6{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenA7{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenA8{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenA9{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenA10{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		  #pastilleHiddenA11{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
 		  #pastilleHiddenA12{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		/*=============================>G==========*/						   
	  	#pastilleHiddenEG1{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenEG2{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenEG3{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenEG4{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenEG5{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenEG6{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}	
		 #pastilleHiddenEG7{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenEG8{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
		 #pastilleHiddenEG9{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		 #pastilleHiddenEG10{
		  background:#b5bce5; 
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}		
		  #pastilleHiddenEG11{
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}
 		  #pastilleHiddenEG12{               
		  background:#b5bce5;
		  opacity: 0.2;
		  display: block;
		  position: relative;
		  width: 20px;
		  height: 20px;
		  z-index:4;
		  border-radius:50px;
		}