/*CSS additionel en fin de fichier*/
	
		
.carre {
    color: transparent;
	font-weight: 900;
		text-decoration:none;
		
      } 
      
.alignes {
    float:left;
      } 
 
      

      


	  @media screen and (min-device-width: 1100px) {/*ordi? 1103/ 1104 pour mon ordi.min-width: 1103px*/

/*	  @media screen and (max-width: 1104px) and (min-device-width: 1100px) {/*ordi? 1103/ 1104 pour mon ordi.min-width: 1103px*/

/*	#entete{
	top : 2px;
	right : 2px;
	padding			 :1em;
	color            : white;
	font-family      : Comic,Arial,sans-serif;
	font-size        : 18px;
	font-variant     : small-caps;
	text-align       : right;
	}*/
	
	
	#entete{
	background-image :url(me/perles1.jpg);
	position: fixed;
	padding-right			 :1em;
	color            : white;
	font-family      : Comic,Arial,sans-serif;
	font-size        : 5px;
	font-variant     : small-caps;
	text-align       : right;
	width : 97%;
	/*height : 3em;*/
	}
	
	
a:link {	font-size        : 16px;
color: green;
		text-decoration: none;}
a:visited {color: Navy;}
a:hover{color: Blue;} 
a:focus{color: red;} 
a:active {color: red;}

		input[type=submit] /*{
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}*/{
  background-color: #77BBFF; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	/*border-radius: 40% 50%/20% 10% ;/*50% 20% / 10% 40%;*/
	color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
}

#choixCouleur{
  background-color: #33EE99; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	/*border-radius: 40% 50%/20% 10% ;/*50% 20% / 10% 40%;*/
	color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
}


.titre{
	clear : both;
	color            : orange;
    text-align       : left;
	font-size        : 30px;
	font-variant     : small-caps;
		text-shadow: 0px 2px 2px white;/*#005533;*/
}


		
a.carreIntT {
		text-decoration:none;
		border : 2px solid  lime;/*#f9fd0d ;*/
		/*box-shadow: 2px 5px 2px red;*/

      } 
      
a.carreInt{
		text-decoration:none;
		border : 2px solid  #DDFFEE ;}
.gauche{
	border-radius: 2px;
	padding : 0.3%;
	width:40ex;
	float:left;
	border : 2px solid lightgray;
	margin-bottom : 200px;
	/*background-color :red;/*#EEF5FF;/*#a0c0de;*/
}


.droit{
	border-radius: 2px;
	padding : 0.3%;
	width:60%;
	float:right;
	/*position: fixed;/*left: 40px; float:right;*/
	top: 5px; 
	right : 10px;
	border : 2px solid lightgray;
	background-color :#DDFEFF;/*#a0c0de;  #EEF5FF*/
	
	margin-bottom : 200px;
}


.question{
	border-radius: 2px;
	padding : 0.3%;
	width:90%;
	border : 2px solid lightgray;
	background-color :#FAFAFF;/*#a0c0de;*/

}

.questionU{
	border-radius: 2px;
	padding : 0.3%;
	/*width:90%;*/
	/*border : 2px solid gray;*/
	color : #005588;
	background-color :#CCFBFF;/*#a0c0de;  #FAFAFF*/
		font: 14.8px Times;/*Times New Roman*/
	
/*<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.8px Times; color: #000000}span.s1 {font: 12.8px 'Times New Roman'}</ style>*/


}

.reponseU{
	border-radius: 2px;
	padding : 0.3%;
	/*width:90%;*/
	/*border : 2px solid gray;*/
	/*PAS CACHE*/ 
		color : #005588;
	background-color :#CCFBFF;/*#a0c0de;  #FAFAFF*/
		font: 14.8px Times;/*Times New Roman*/
		/*CACHE*/
	/*background-color :#CCFBFF;/*#a0c0de;
	color : #CCFBFF;
			font: 12.8px Times;/*Times New Roman*/

}


.reponseU:hover{
	color : black;
	}

.reponse{
	border-radius: 2px;
	padding : 0.3%;
	width:90%;
	border : 2px solid lightgray;
	background-color :#FAFAFF;/*#a0c0de;*/
	color : #FAFAFF;
}

.reponse:hover{
	color : black;
	}




.section{
	font-size: xx-large;
	color :red;
	}
	

.soussection{
	font-size: x-large;
	color :green;
	}
	

.soussoussection{
	font-size: large;
	color :blue;
	}
.erreur{
	font-size: large;
	font-weight: bold;
	color :purple;
	}

.clef{
	font-size: large;
	color :white;
	background-color:teal;
	}

.cache{
	font-size: large;
	color: transparent;

/*	color :#CCFBFF;/*#EAFEFF;/*couleur du fond du body, modifier si besoin*/
	background-color:#5599CC;
	}

.cache:hover{
		background-color:#CCFBFF;

	color : #005588;/*black;
	color : black;*/
	}
	
/*.cache::before {
  content: " °";
  	color : black;
}
	
.cache::after {
  content: "° ";
  	color : black;

}*/
	
 /* display: inline-block;
  width: 12px;
  height: 12px;*/	
body{
background-color : #DDFFEE;/*#EAFEFF;*/
}

      
.lisible{ 
    text-shadow: 1px 1px 5px black;/*#FC0 1px 0 10px;*/
    color : #FFFFFF;
}	

.lisible a {
	color:white;
		font-size        : 17px;

}

.textemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
	


}




/********************************************************************************************************************************/
/*TELEPHONE portrait (max-width: 1024px) and  (width : 1153px)*/
 @media screen and (pointer:coarse) and (orientation:portrait) and (min-device-width: 375px) and (max-device-width: 760px)  {  
 	#entete{
   		

/*	background-image :url(perles1.jpg);
/*	position: fixed;
	/*margin-left		 :auto;
	margin-right	 :auto;
		margin-bottom    : 1em;
			margin-right    : 1em;*/
	/*padding-top			 :0em;
	padding-bottom			 :0em;*/
/*	padding-top			 :1em;*/
/*	padding-right			 :1em;*/
/*	background-color : #a0fede;/*#a0c0de;#a0c0de; /* #EFF0FF;#dedede;#A0C0DE;*/
	color            : orange;
	font-family      : Comic,Arial,sans-serif;
	font-size        : 25px;
	font-variant     : small-caps;
	text-align       : right;
	width : 97%;
	/*background-color : orange;*/
	/*height : 3em;*/
	}
	
a {
	color:white;
		font-size        : 25px;

}
.coulisse{/*Pour ne pas être encombré par trop de carré-question sur l'écran*/
    overflow-y:scroll;
    height:10em;
      } 
      


	#lienItem{color: red;}/*classe de liens intra site*/


.lienItem:link {color: teal;
		text-decoration: none;}
.lienItem:visited {color: teal;}
.lienItem:hover{color: navy;} 



.questionU{
	border-radius: 2px;
	padding : 0.3%;
	/*width:90%;*/
	/*border : 2px solid gray;*/
	color : #005588;
	background-color :#CCFBFF;/*#a0c0de;  #FAFAFF*/
}

.reponseU{
	border-radius: 2px;
	padding : 0.3%;
	/*width:90%;*/
	/*border : 2px solid gray;*/
	background-color :#CCFBFF;/*#a0c0de;*/
	color : #005588;

}

.pourOrdi{
/*	visibility:hidden;*/
	display: none;}
	
a.carreIntT {
		text-decoration:none;
		border : 18px solid  lime;/*#f9fd0d ;*/
		/*box-shadow: 2px 5px 2px red;*/

      } 
      
a.carreInt{
		text-decoration:none;
		border : 18px solid  #DDFFEE ;}
		
		
body a{color: purple;
		text-decoration: none;}
	
	
input[type=submit] {
	background-color: #77DDDD; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	color: white;
	padding: 18px 18px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 56px;
}

#choixCouleur{
	background-color: #77DDDD; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	color: white;
	padding: 18px 18px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 56px;
}

/*	input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}{
  background-color: #04AA96; /* Green 
	border: thick double teal;  
	border-radius: 40% 50%/20% 10% ;/*50% 20% / 10% 40%;
	color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 56px;
}*/

	
.wikitable{
	border : 2px solid navy;
	background-color : #CCFFFF;
	border-collapse : collapse;}
	
.wikitable td, table th {
  border: 1px solid black;
}




	
#questionB{
	position: fixed;
	top: 7em;
	/*visibility: hidden;*/
	/*margin-left		 :auto;
	margin-right	 :auto;*/
	/*padding			 :1em;*/
	background-color : white;/*#a0c0de;#a0c0de; /* #EFF0FF;#dedede;#A0C0DE;*/
/*	margin-bottom    : 1em;
	margin-right    : 1em;*/
	color            : teal;
	width : 50%;
	}
	
.section{
	font-size: 125px;
	color :red;
	}
	

.soussection{
	font-size:89px;
	color :green;
	}
	

.soussoussection{
	font-size: 65px;
	color :blue;
	}
	
.erreur{
	font-size: 50px;
	font-weight: bold;
	color :purple;
	}
	
.question{
	font-size: 50px;
	font-weight: bold;
	background-color :yellow;
	}

.clef{
	font-size: 50px;
	color :white;
	background-color:teal;
	}
	
	

/*.cache{
	font-size: 50px;
	color :#EAFEFF;
	}

.cache:hover{
	color : black;
	}*/
	
.cache{
	font-size: 55px;
	color: transparent;

/*	color :#CCFBFF;/*#EAFEFF;/*couleur du fond du body, modifier si besoin*/
	background-color:#5599CC;
	}

.cache:hover{
		background-color:#CCFBFF;

	color : #005588;/*black;
	color : black;*/
	}
	
/*.cache::before {
  content: " °";
  	color : black;
}
	
.cache::after {
  content: "° ";
  	color : black;
}*/
	
#modif {
	visibility: hidden;
  position: fixed;
  left: 0;
  top: 2em;
  width: 21em;
  margin-top: -0.5em;
	border-radius : 10px;
	padding : 0.5em;
	color : black;
	font-weight:bold;
  }
  


body{
	background-color : #EAFEFF;
		word-wrap: break-word;

}


.textemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
      .imagemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    /*-webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;*/
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
.lisible{ 
    text-shadow: 1px 1px 5px black;/*#FC0 1px 0 10px;*/
    color : #FFFFFF;
}	

    body{
    	font-size        : 45px;
    			word-wrap: break-word;
}

/*.gauche{
	border-radius: 2px;
	padding : 0.3%;
	width:35%;
	float:right;
	border : 2px solid lightgray;
	margin-bottom : 200px;
	/*background-color :red;/*#EEF5FF;/*#a0c0de;
}


.droit{
	border-radius: 2px;
	padding : 0.3%;
	width:60%;
	float:left;
	/*position: fixed;/*left: 40px; float:right;
	top: 5px; 
	right : 10px;
	border : 2px solid lightgray;
	background-color :#DDFEFF;/*#a0c0de;  #EEF5FF
	
	margin-bottom : 200px;
}*/



}





/********************************************************************************************************************************/
/*TELEPHONE LANDSCAPE (max-width: 1024px) and  (width : 1153px)*/
 @media screen and (pointer:coarse) and  (orientation:landscape) and (max-device-width: 470px) and (min-device-width: 270px)  {  
 	#entete{
   		

/*	background-image :url(perles1.jpg);
/*	position: fixed;
	/*margin-left		 :auto;
	margin-right	 :auto;
		margin-bottom    : 1em;
			margin-right    : 1em;*/
	/*padding-top			 :0em;
	padding-bottom			 :0em;*/
/*	padding-top			 :1em;*/
/*	padding-right			 :1em;*/
/*	background-color : #a0fede;/*#a0c0de;#a0c0de; /* #EFF0FF;#dedede;#A0C0DE;*/
	color            : orange;
	font-family      : Comic,Arial,sans-serif;
	font-size        : 15px;
	font-variant     : small-caps;
	text-align       : right;
	width : 97%;
/*	background-color : orange;*/
	/*height : 3em;*/
	}
	


a {
	color:white;
		font-size        : 25px;

}

.coulisse{/*Pour ne pas être encombré par trop de carré-question sur l'écran*/
    overflow-y:scroll;
    height:10em;
      } 
      
      
.gauche{
	border-radius: 2px;
	padding : 0.3%;
	width:35%;
	float:right;
	border : 2px solid lightgray;
	margin-bottom : 200px;
	/*background-color :red;/*#EEF5FF;/*#a0c0de;*/
}


.droit{
	border-radius: 2px;
	padding : 0.3%;
	width:60%;
	float:left;
	/*position: fixed;/*left: 40px; float:right;
	top: 5px; 
	right : 10px;
	border : 2px solid lightgray;
	background-color :#DDFEFF;/*#a0c0de;  #EEF5FF*/
	
	margin-bottom : 200px;
}

.lienItem:link {color: teal;
		text-decoration: none;}
.lienItem:visited {color: teal;}
.lienItem:hover{color: navy;} 

body a{color: purple;
		text-decoration: none;}
		
		
.pourOrdi{
/*	visibility:hidden;*/
	display: none;}
	
a.carreIntT {
		text-decoration:none;
		border : 18px solid  lime;/*#f9fd0d ;*/
		/*box-shadow: 2px 5px 2px red;*/

      } 
      
a.carreInt{
		text-decoration:none;
		border : 18px solid  #DDFFEE ;}
		

	
input[type=submit] {
	background-color: #77DDDD; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 26px;
}


#choixCouleur{
	background-color: #33EE99; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 26px;
}/*{
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}{
  background-color: #04AA96; /* Green 
	border: thick double teal;  
	border-radius: 40% 50%/20% 10% ;/*50% 20% / 10% 40%;
	color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 26px;
}*/

	
.wikitable{
	border : 2px solid navy;
	background-color : #CCFFFF;
	border-collapse : collapse;}
	
.wikitable td, table th {
  border: 1px solid black;
}

	
#questionB{
	position: fixed;
	top: 7em;
	/*visibility: hidden;*/
	/*margin-left		 :auto;
	margin-right	 :auto;*/
	/*padding			 :1em;*/
	background-color : white;/*#a0c0de;#a0c0de; /* #EFF0FF;#dedede;#A0C0DE;*/
/*	margin-bottom    : 1em;
	margin-right    : 1em;*/
	color            : teal;
	width : 50%;
	}
	
.section{
	font-size: 65px;
	color :red;
	}
	

.soussection{
	font-size:50px;
	color :green;
	}
	

.soussoussection{
	font-size: 35px;
	color :blue;
	}
	
.erreur{
	font-size: 25px;
	font-weight: bold;
	color :purple;
	}
	
.question{
	font-size: 25px;
	font-weight: bold;
	background-color :yellow;
	}

.clef{
	font-size: 25px;
	color :white;
	background-color:teal;
	}


	
	.cache{
	font-size: 25px;
	color: transparent;

/*	color :#CCFBFF;/*#EAFEFF;/*couleur du fond du body, modifier si besoin*/
	background-color:#5599CC;
	}

.cache:hover{
		background-color:#CCFBFF;

	color : #005588;/*black;
	color : black;*/
	}
	
	

.questionU{
	border-radius: 2px;
	padding : 0.3%;
	/*width:90%;*/
	/*border : 2px solid gray;*/
	color : #005588;
	background-color :#CCFBFF;/*#a0c0de;  #FAFAFF*/
}

.reponseU{
	border-radius: 2px;
	padding : 0.3%;
	/*width:90%;*/
	/*border : 2px solid gray;*/
	background-color :#CCFBFF;/*#a0c0de;*/
	color : #005588;

}
	
/*.cache::before {
  content: " °";
  	color : black;
}
	
.cache::after {
  content: "° ";
  	color : black;
}
	*/
#modif {
	visibility: hidden;
  position: fixed;
  left: 0;
  top: 2em;
  width: 21em;
  margin-top: -0.5em;
	border-radius : 10px;
	padding : 0.5em;
	color : black;
	font-weight:bold;
  }
  


body{
	background-color : #EAFEFF;
    	font-size        : 25px;
    	word-wrap: break-word;
}

.textemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
      .imagemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    /*-webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;*/
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
.lisible{ 
    text-shadow: 1px 1px 5px black;/*#FC0 1px 0 10px;*/
    color : #FFFFFF;
}	



}







/********************************************************************************************************************************/
/*ipad portrait*/
 @media screen and (pointer:coarse) and (orientation:portrait) and (min-device-width: 768px) and (max-device-width: 1024px)  {  

.pourOrdi{
/*	visibility:hidden;*/
	display: none;}
   	#entete{
   			

/*	background-image :url(perles1.jpg);
/*	position: fixed;
	/*margin-left		 :auto;
	margin-right	 :auto;
		margin-bottom    : 1em;
			margin-right    : 1em;*/
	/*padding-top			 :0em;
	padding-bottom			 :0em;*/
/*	padding-top			 :1em;*/
/*	padding-right			 :1em;*/
/*	background-color : #a0fede;/*#a0c0de;#a0c0de; /* #EFF0FF;#dedede;#A0C0DE;*/
	color            : red;	
/*	background-color : blue;*/

	font-family      : Comic,Arial,sans-serif;
	font-size        : 25px;
	font-variant     : small-caps;
	text-align       : right;
	width : 97%;
	/*height : 3em;*/
	}
	
a {
	color:white;
		font-size        : 25px;

}


.lienItem:link {color: teal;
		text-decoration: none;}
.lienItem:visited {color: teal;}
.lienItem:hover{color: navy;} 

body a{color: RoyalBlue;
		text-decoration: none;}
	
input[type=submit] {
	background-color: #77DDDD; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
}


#choixCouleur{
	background-color: #33EE99; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
}

.gauche{
	border-radius: 2px;
	padding : 0.3%;
	height:10em;
	float:left;
	border : 2px solid lightgray;
	overflow-y : auto;

	/*background-color :red;/*#EEF5FF;/*#a0c0de;*/
}

/*input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}{
  background-color: #04AA96; /* Green 
	border: thick double teal;  
	border-radius: 40% 50%/20% 10% ;/*50% 20% / 10% 40%;
	color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
}*/

	
.wikitable{
	border : 2px solid navy;
	background-color : #CCFFFF;
	border-collapse : collapse;}
	
.wikitable td, table th {
  border: 1px solid black;
}

	
#questionB{
	position: fixed;
	top: 7em;
	/*visibility: hidden;*/
	/*margin-left		 :auto;
	margin-right	 :auto;*/
	/*padding			 :1em;*/
	background-color : white;/*#a0c0de;#a0c0de; /* #EFF0FF;#dedede;#A0C0DE;*/
/*	margin-bottom    : 1em;
	margin-right    : 1em;*/
	color            : teal;
	width : 50%;
	}
	
.section{
	font-size: 65px;
	color :red;
	}
	

.soussection{
	font-size:35px;
	color :green;
	}
	

.soussoussection{
	font-size: 24px;
	color :blue;
	}
	
.erreur{
	font-size: large;
	font-weight: bold;
	color :purple;
	}
	
.question{
	font-size: large;
	font-weight: bold;
	background-color :yellow;
	}

.clef{
	font-size: large;
	color :white;
	background-color:teal;
	}

.cache{
	font-size: 25px;
	color: transparent;

/*	color :#CCFBFF;/*#EAFEFF;/*couleur du fond du body, modifier si besoin*/
	background-color:#5599CC;
	}

.cache:hover{
		background-color:#CCFBFF;

	color : #005588;/*black;
	color : black;*/
	}
	
#modif {
  position: fixed;
  left: 0;
  top: 2em;
  width: 21em;
  margin-top: -0.5em;
	border-radius : 10px;
	padding : 0.5em;
	color : black;
	font-weight:bold;
	  visibility: hidden;
  }
  


body{
	background-color : #EAFEFF;
		font-size: 20px;
	word-wrap: break-word;

}


.textemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
      .imagemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    /*-webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;*/
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
.lisible{ 
    text-shadow: 1px 1px 5px black;/*#FC0 1px 0 10px;*/
    color : #FFFFFF;
}	

a.carreIntT {
		text-decoration:none;
		border : 4px solid  lime;/*#f9fd0d ;*/
		/*box-shadow: 2px 5px 2px red;*/

      } 
      
a.carreInt{
		text-decoration:none;
		border : 4px solid  #DDFFEE ;}





.questionU{
	border-radius: 2px;
	padding : 0.3%;
	/*width:90%;*/
	/*border : 2px solid gray;*/
	color : #005588;
	background-color :#CCFBFF;/*#a0c0de;  #FAFAFF*/
}

.reponseU{
	border-radius: 2px;
	padding : 0.3%;
	/*width:90%;*/
	/*border : 2px solid gray;*/
	background-color :#CCFBFF;/*#a0c0de;*/
	color : #005588;

}


}



/********************************************************************************************************************************/
/*ipad paysage*/
 @media screen and (pointer:coarse) and  (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px)  {  
.pourOrdi{
/*	visibility:hidden;*/
	display: none;}
   	#entete{
   			

/*	background-image :url(perles1.jpg);
/*	position: fixed;
	/*margin-left		 :auto;
	margin-right	 :auto;
		margin-bottom    : 1em;
			margin-right    : 1em;*/
	/*padding-top			 :0em;
	padding-bottom			 :0em;*/
/*	padding-top			 :1em;*/
/*	padding-right			 :1em;*/
/*	background-color : #a0fede;/*#a0c0de;#a0c0de; /* #EFF0FF;#dedede;#A0C0DE;*/
	color            : red;	
	/*background-color : blue;*/

	font-family      : Comic,Arial,sans-serif;
	font-size        : 25px;
	font-variant     : small-caps;
	text-align       : right;
	width : 97%;
	/*height : 3em;*/
	}
	
a {
	color:white;
		font-size        : 25px;

}

	#lienItem{color: red;}/*classe de liens intra site*/


.lienItem:link {color: teal;
		text-decoration: none;}
.lienItem:visited {color: teal;}
.lienItem:hover{color: navy;} 



input[type=submit] {
	background-color: #77DDDD; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
}


#choixCouleur{
	background-color: #33EE99; /* Green */
	border: solid 1px;  
	border-radius: 4px;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
}


.gauche{
	border-radius: 2px;
	padding : 0.3%;
	height:5em;
	float:left;
	border : 2px solid lightgray;
	overflow-y : auto;

	/*background-color :red;/*#EEF5FF;/*#a0c0de;*/
}


	
 /*	input[type=submit]{
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}{
  background-color: #04AA96; /* Green 
	border: thick double teal;  
	border-radius: 40% 50%/20% 10% ;/*50% 20% / 10% 40%;
	color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
}*/

	
.wikitable{
	border : 2px solid navy;
	background-color : #CCFFFF;
	border-collapse : collapse;}
	
.wikitable td, table th {
  border: 1px solid black;
}

	
#questionB{
	position: fixed;
	top: 7em;
	/*visibility: hidden;*/
	/*margin-left		 :auto;
	margin-right	 :auto;*/
	/*padding			 :1em;*/
	background-color : white;/*#a0c0de;#a0c0de; /* #EFF0FF;#dedede;#A0C0DE;*/
/*	margin-bottom    : 1em;
	margin-right    : 1em;*/
	color            : teal;
	width : 50%;
	}
	
.section{
	font-size: 65px;
	color :red;
	}
	

.soussection{
	font-size:35px;
	color :green;
	}
	

.soussoussection{
	font-size: 24px;
	color :blue;
	}
	
.erreur{
	font-size: large;
	font-weight: bold;
	color :purple;
	}
	
.question{
	font-size: large;
	font-weight: bold;
	background-color :yellow;
	}

.clef{
	font-size: large;
	color :white;
	background-color:teal;
	}

/*t.cache{
	font-size: large;
	color :#EAFEFF;
	}*/

.cache{
	font-size: 25px;
	color: transparent;

/*	color :#CCFBFF;/*#EAFEFF;/*couleur du fond du body, modifier si besoin*/
	background-color:#5599CC;
	cursor: pointer;

	}

.cache:hover{
		background-color:#CCFBFF;

	color : #005588;/*black;
	color : black;*/
	}
contenteditable.cache:hover{
		background-color:#CCFBFF;

	color : #005588;/*black;
	color : black;*/
	}
	
contenteditable .cache{
	font-size: 25px;
	color: red;

/*	color :#CCFBFF;/*#EAFEFF;/*couleur du fond du body, modifier si besoin*/
	background-color:#5599CC;
	cursor: pointer;

	}
	
	



	
#modif {
  position: fixed;
  left: 0;
  top: 2em;
  width: 21em;
  margin-top: -0.5em;
	border-radius : 10px;
	padding : 0.5em;
	color : black;
	font-weight:bold;
	  visibility: hidden;
  }
  


body{
	background-color : #EAFEFF;
	font-size: 20px;
	word-wrap: break-word;
	cursor: grab;

}


.textemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
      .imagemulticolore {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    /*-webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;*/
    color: transparent;
	/*text-shadow: 1px 1px 5px white;/*#FC0 1px 0 10px;*/
	font-weight: 900;
      }
      
.lisible{ 
    text-shadow: 1px 1px 5px black;/*#FC0 1px 0 10px;*/
    color : #FFFFFF;
}	

a.carreIntT {
		text-decoration:none;
		border : 4px solid  lime;/*#f9fd0d ;*/
		/*box-shadow: 2px 5px 2px red;*/

      } 
      
a.carreInt{
		text-decoration:none;
		border : 4px solid  #DDFFEE ;}



}