body{
font-family:Arial;
font-size:18px;
text-align:center;
}
@font-face {
    font-family: 'cursive_standardregular';
    src: url('cursive_standard-webfont.eot');
    src: url('cursive_standard-webfont.eot?#iefix') format('embedded-opentype'),

         url('cursive_standard-webfont.woff') format('woff'),
         url('cursive_standard-webfont.ttf') format('truetype'),
         url('cursive_standard-webfont.svg#cursive_standardregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
td{
padding:10px;
}

.curs
{
font-family: 'cursive_standardregular';
}
#consigne 
{
font-size:18px;
	font-weight:bold;
	margin:10px;
}
.exp 
{
	
    padding-left:50px;
}
.myButton {
	-moz-box-shadow:inset -2px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset -2px 1px 0px 0px #ffffff;
	box-shadow:inset -2px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}

input 
{

}

#reponse {
 font-family: 'cursive_standardregular';
 font-size:27px;
position:relative;
width:100%;
background-color:transparent;
border: 0;
outline:none;
}

.credit
{
 font-size:70%;
}


.nonSelectionnable
{
 -moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
}


#alertBox{
    position:absolute;
    top:100px;
width: 400px;
left: calc( 50vw - 200px);
    border:solid 1px black;
    text-align: center;
    padding: 50px;
    visibility: hidden;
    cursor: pointer;
    border-radius:10px;
    -moz-box-shadow:inset -2px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset -2px 1px 0px 0px #ffffff;
	box-shadow:inset -2px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
     

}
#promptBox{
    position:absolute;
    top:100px;
width: 300px;
left: calc( 50vw - 150px);
    border:solid 1px black;
    text-align: center;
    padding: 50px;
    visibility: hidden;
    cursor: pointer;
    border-radius:10px;
    -moz-box-shadow:inset -2px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset -2px 1px 0px 0px #ffffff;
	box-shadow:inset -2px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
     

}

#promptClose{
    position: absolute;
    right:0;
    top: 0;
   
    border: solid 0px white;
    color: black;
    width: 1em;
    text-align: center; 
    cursor: pointer;
}


#alertClose{
    position: absolute;
    right:0;
    top: 0;
   
    border: solid 0px white;
    color: white;
    width: 1em;
    text-align: center; 
    cursor: pointer;
}


#score{
padding:5px
}