body {margin:0.3;font-family:'PlutoRegular';position: absolute;left: 0px;top: 0pxmargin:0;}
@font-face {font-family: 'PlutoRegular';src: url('../font/PlutoRegular.otf');}
select {font-weight:bold;font-style:italic;}
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;}
.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:661px;border-radius: 15px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
h2 {text-align:center;color:#FF6347;}
h3 {color:#800080;text-align:center;margin-bottom:0.2em;}
.screen-box {width:657px;height:554px;background-color:#FFFFFF;border:1px solid #EA9800;border-radius: 10px;margin-top:2em;}
audio {background-color:#FAF7EA;position:absolute;left:217px;top:85px;}
.screen1 {position:absolute;left:63px;top:147px;}
.screen2 {position:absolute;left:376px;top:147px;}
.screen3 {position:absolute;left:112px;top:414px;}
.screen4 {position:absolute;left:445px;top:414px;}

.para1 {position:absolute;left:63px;top:375px;z-index:2;}
.para2 {position:absolute;left:363px;top:375px;z-index:2;}
.para3 {position:absolute;left:63px;top:643px;z-index:2;}
.para4 {position:absolute;left:431px;top:643px;z-index:2;}



.text1 {text-align:left;margin-top:10px;}
input#btn1 {cursor:pointer;padding:5px 25px;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);font-size:1.1em;width:643px;margin-left:7px;font-family: 'PlutoRegular';}
input#btn2 {cursor:pointer;padding:5px 30px 5px 40px;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-right:10px;float:right;width: 300px;background-image:url('../images/valider.jpg');background-repeat: no-repeat;background-position: left;font-family: 'PlutoRegular';}
input#btnclr1 {cursor:pointer;padding:5px 20px 5px 50px;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-left:7px;float:left;width: 300px;background-image:url('../images/recommencer.jpg');background-repeat: no-repeat;background-position: left;font-family: 'PlutoRegular';}

.no2 {border:1px solid #99CCFF;color: #000000;padding-left:0.4em;padding-top:0.1em;padding-bottom:0.2em;font-family: 'PlutoRegular';font-size:1em;text-align:center;background-color:Orange;-moz-border-radius: 15px 0px 15px 0px;-webkit-border-radius: 15px 0px 15px 0px;border-radius: 15px 0px 15px 0px;width:120px;}

.no1 {border:1px solid #99CCFF;color: #FFFFFF;padding-left:0.4em;padding-top:0.1em;padding-bottom:0.2em;font-family: 'PlutoRegular';font-size:1em;text-align:center;background-color:#008000;-moz-border-radius: 15px 0px 15px 0px;-webkit-border-radius: 15px 0px 15px 0px;border-radius: 15px 0px 15px 0px;width:120px;}
