@font-face {
    font-family: 'opendys';
    src: url('font/opendyslexicmono-regular-webfont.eot');
    src: url('font/opendyslexicmono-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opendyslexicmono-regular-webfont.woff2') format('woff2'),
         url('font/opendyslexicmono-regular-webfont.woff') format('woff'),
         url('font/opendyslexicmono-regular-webfont.ttf') format('truetype'),
         url('font/opendyslexicmono-regular-webfont.svg#cursif') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
  height: 100%;
	touch-action: none;/*désactive pool down refresh*/
	user-select : none;

}

body 
{
  min-height: 100%;
text-align:center;
background:black;
  margin: 0;
  padding: 0;
}


#consigne,#aide
{

	text-align: center;
	color:white;

	font: 150%/100% 'opendys',Helvetica,sans-serif;
	
	padding:10px;
	display: inline-block;
}


#reponse
{
color:blue;
font-family:'opendys';
    font-size: 14px;
     font-style: italic;
}
#reponseformule
{
color:red;
font-family:'opendys';
    font-size: 18px;
   
}


#rep,#msg
{
font-size: 18px;
font-family:'opendys';
color:white;
}








#bulle
{

font-family:'opendys';
    font-size: 20px;
width: calc(100% - 40px);
border:0px solid black;
border-radius:10px;
padding: 20px;
}


#mon_canvas
{
grid-column: 1/3;	
margin: auto;
cursor: url('curseur.png') 16 16, pointer;
}


img::selection { background:rgba(38,119,201,0); }