body {margin:0.3;font-family:'PlutoRegular';position: absolute;left: 0px;top: 0pxmargin:0;}
@font-face {    font-family: 'PlutoRegular';    src: url('../font/PlutoRegular.otf');}
p {margin:0;padding:0;}
.td_center {background-color:#FFFFB7;vertical-align:middle;text-align:center; border:1px solid #000000;padding: .5em 0em .5em 0em;font-size:1em;}
.td_center1 {vertical-align:middle;text-align:center; padding: .5em 0em .5em 0em;font-size:1em;}
.no {border:1px solid #000000;width:3em;color: #000000;font-size:1em;text-align:center;font-family:'PlutoRegular';margin-top:.25em;box-shadow: 5px 5px 5px #888888;}
.no1 {border:1px solid #EA9800;width:3em;color: #FFFFFF;background-color:#008000;font-size:1em;text-align:center;font-family:'PlutoRegular';margin-top:.25em;box-shadow: 5px 5px 5px #888888;}
table {margin-left:2.5em;}
.box1 {border:4px solid #EA9800;background-color:#FAF7EA; padding:1em;box-shadow: 10px 10px 10px #888888;margin-bottom:1em;margin-left:1em;margin-top:1em;width:815px;border-radius: 15px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
h3 {color:#800080;text-align:center;margin-bottom:0.2em;}
.screen-box {width:814px;height:470px;background-color:#FFFFFF;border:1px solid #EA9800;border-radius: 10px;margin-top:2em;text-align:center;}
audio {background-color:#FAF7EA; position:absolute;left:121px;top:95px;display:block;width:600px;}

.screen {display:inline-block;margin:10px;}






input#btn1 {cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/padding:5px 30px 5px 40px; /*add some padding to the inside of the button*/background:#FFFFFF; /*the colour of the button*/border:3px solid #EA9800; /*required or the default border for the browser will appear*//*give the button curved corners, alter the size as required*/-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;/*give the button a drop shadow*/-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);/*style the text*/color:#000000;font-size:1.1em;margin-right:.25em;float:right;width: 380px;background-image:url('../images/valider.jpg');background-repeat: no-repeat;background-position: left; font-family: 'PlutoRegular';}
input#btnclr1 {cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/padding:5px 20px 5px 50px; /*add some padding to the inside of the button*/background:#ffffff; /*the colour of the button*/border:3px solid #EA9800; /*required or the default border for the browser will appear*//*give the button curved corners, alter the size as required*/-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;/*give the button a drop shadow*/-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);/*style the text*/color:#000000;font-size:1.1em;margin-left:.25em;float:left;width: 380px;background-image:url('../images/recommencer.jpg');background-repeat: no-repeat;background-position: left; font-family: 'PlutoRegular';}
input#btn2 {cursor:pointer;padding:5px 55px;background:#FFFFFF;border:3px solid #EA9800;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);color:#000000;font-size:1.1em;margin-top:-2em;margin-bottom:0em;width: 807px;margin-left:4px;font-family: 'PlutoRegular';position:absolute;}
