body {margin:0.3;font-family: 'PlutoRegular';position: absolute;left: 0px;top: 0pxmargin:0;}
@font-face {font-family: 'PlutoRegular';src: url('../font/PlutoRegular.otf');}
#dragdrop {position:absolute;width: 600px;}
p {margin:0;padding:0;}
img {z-index:1;margin-left:30px;}
.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:697px;border-radius: 15px;height: 742px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
table {position:absolute;z-index:2;}
audio {display:block;width:650px;position:absolute;top:91px;left:357px;}
.albums {overflow: hidden;width: 310px;height:276px;}
.boxtext3 {position:absolute;top:100px;left:35px;width:673px;height:352px;background-color:#FFFFFF;border:1px solid #EA9800;border-radius: 15px;padding:10px;}
.para {font-size:1.1em;margin-top:.3em;}
.para1 {width: 858px;position:absolute;z-index:2;font-size:1em;top:7px;left:37px;text-align:left;}
.d1 {z-index:1;position:absolute;text-align:center;padding: 35px 0px 10px 0px;width: 759px;height: 100px;left:1px;top:488px;}
.qbox1 {position:absolute;z-index:2;top:496px;left:71px;text-align:center;display:inline-block;width:86px;height:22px;padding-top:5px;background-color:#ED7D31;margin-left:20px;border-radius: 5px;}
.qbox2 {position:absolute;z-index:2;top:496px;left:194px;text-align:center;display:inline-block;width:86px;height:22px;padding-top:5px;background-color:#ED7D31;margin-left:20px;border-radius: 5px;}
.qbox3 {position:absolute;z-index:2;top:496px;left:319px;text-align:center;display:inline-block;width:86px;height:22px;padding-top:5px;background-color:#ED7D31;margin-left:20px;border-radius: 5px;}
.qbox4 {position:absolute;z-index:2;top:496px;left:443px;text-align:center;display:inline-block;width:86px;height:22px;padding-top:5px;background-color:#ED7D31;margin-left:20px;border-radius: 5px;}
.qbox5 {position:absolute;z-index:2;top:496px;left:565px;text-align:center;display:inline-block;width:86px;height:22px;padding-top:5px;background-color:#ED7D31;margin-left:20px;border-radius: 5px;}
.gallery {top: 597px;left: 37px;position: absolute;width: 698px;height: 98px;text-align:center;z-index:2;}
.gallery a {width:100px;height: 25px;display: inline-block;margin:5px;padding: 5px 10px 5px 10px;overflow:hidden;transition: all 0.5s ease;vertical-align:middle;-moz-box-shadow: 2px 2px 2px purple;-webkit-box-shadow: 2px 2px 2px purple;-o-box-shadow: 2px 2px 2px purple;box-shadow: 2px 2px 8px purple;background-color:#FFFFFF;}
#a1 {padding: 8px 0px 0px 0px;overflow:hidden;}
#a2 {padding: 8px 0px 0px 0px;overflow:hidden;}
#a3 {padding: 8px 0px 0px 0px;overflow:hidden;}
#a4 {padding: 8px 0px 0px 0px;overflow:hidden;}
#a5 {padding: 8px 0px 0px 0px;overflow:hidden;}
.gallery a:hover {cursor: pointer;-moz-box-shadow: 2px 2px 8px #444;-webkit-box-shadow: 2px 2px 8px #444;-o-box-shadow: 2px 2px 8px #444;box-shadow: 4px 4px 8px #444;width:115px;height: 35px;transition: all 0.5s ease;margin:-.25em;z-index:3;position:relative;}
.album1 {border:1px solid #EA9800;margin: 0px;display:inline-block;padding: 4px;width: 110px;height: 40px;left:52px;top:120px;text-align:center;font-size:100%;line-height:1.5em;overflow:hidden;}
.album1 span span {background-color:#FFFFFF;width:80px;height: 20px;display: inline-block;margin:2px;padding: 5px 10px 5px 10px;overflow:hidden;transition: all 0.5s ease;vertical-align:middle;-moz-box-shadow: 2px 2px 2px blue;-webkit-box-shadow: 2px 2px 2px blue;-o-box-shadow: 2px 2px 2px blue;box-shadow: 2px 2px 8px blue;}
.album2 {border:1px solid #EA9800;margin: 0px;display:inline-block;padding: 4px;width: 110px;height: 40px;left:52px;top:120px;text-align:center;font-size:100%;line-height:1.5em;overflow:hidden;}
.album2 span span {background-color:#FFFFFF;width:80px;height: 20px;display: inline-block;margin:2px;padding: 5px 10px 5px 10px;overflow:hidden;transition: all 0.5s ease;vertical-align:middle;-moz-box-shadow: 4px 5px 15px green;-webkit-box-shadow: 4px 5px 15px green;-o-box-shadow: 4px 5px 15px green;box-shadow: 4px 5px 15px green;border:2px solid green;}
input#btnclr1 {top:680px;left:50px;position:absolute;z-index:2;cursor:pointer;padding:5px;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;width: 320px;font-family: 'PlutoRegular';background-image:url('../images/recommencer.jpg');background-repeat: no-repeat;background-position: left;}
input#btn1 {top:680px;left:386px;position:absolute;z-index:2;cursor:pointer;padding:5px;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;width:320px;background-image:url('../images/valider.jpg');background-repeat: no-repeat;background-position: left;font-family: 'PlutoRegular';}
input#btn2 {top:730px;left:50px;position:absolute;z-index:2;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;width: 658px;font-family: 'PlutoRegular';}
