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;}
td{border:2px solid #EA9800;background-color:#FFFFFF;}
.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:600px;border-radius: 15px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0em;}
.text {color: #FFFFFF;font-weight:bold;font-size:1em;padding:.5em.2em.2em.2em;}
.gallery {margin: 10px 0px 0px 0px;width:592px;height:122px;text-align:center;}
.gallery a {font-size:95%;display: inline-block;margin: 10px;opacity: 1;height: 18px;width: 167px;-khtml-user-drag: element;-moz-user-select: none;-webkit-user-select: none;-khtml-user-select: none;user-select: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#audio_box {width:621px;height:23px;}
audio {background-color:#FAF7EA; margin-left:24%;}

.gallery #a1 span {border: 4px solid #747070;background-color:#747070;color: #FFFFFF;border-radius: 20px;cursor: pointer;display: block;height: 100%;width: 100%;text-align:center;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.gallery #a2 span {border: 4px solid #2E74B5;background-color:#2E74B5;color: #FFFFFF;border-radius: 20px;cursor: pointer;display: block;height: 100%;width: 100%;text-align:center;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.gallery #a3 span {border: 4px solid #C45911;background-color:#C45911;color: #FFFFFF;border-radius: 20px;cursor: pointer;display: block;height: 100%;width: 100%;text-align:center;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.gallery #a4 span {border: 4px solid #BF8F00;background-color:#BF8F00;color: #FFFFFF;border-radius: 20px;cursor: pointer;display: block;height: 100%;width: 100%;text-align:center;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.gallery #a5 span {border: 4px solid #C00000;background-color:#C00000;color: #FFFFFF;border-radius: 20px;cursor: pointer;display: block;height: 100%;width: 100%;text-align:center;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.gallery #a6 span {border: 4px solid #538135;background-color:#538135;color: #FFFFFF;border-radius: 20px;cursor: pointer;display: block;height: 100%;width: 100%;text-align:center;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}


/*.ans #a1{border: 4px solid #747070;background-color:#747070;color: #FFFFFF;border-radius: 20px;display: block;height: 20px;width: 197px;text-align:center;padding-top: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.ans #a2{border: 4px solid #2E74B5;background-color:#2E74B5;color: #FFFFFF;border-radius: 20px;display: block;height: 20px;width: 197px;text-align:center;padding-top: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.ans #a3{border: 4px solid #C45911;background-color:#C45911;color: #FFFFFF;border-radius: 20px;display: block;height: 20px;width: 197px;text-align:center;padding-top: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.ans #a4{border: 4px solid #BF8F00;background-color:#BF8F00;color: #FFFFFF;border-radius: 20px;display: block;height: 20px;width: 197px;text-align:center;padding-top: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.ans #a5{border: 4px solid #C00000;background-color:#C00000;color: #FFFFFF;border-radius: 20px;display: block;height: 20px;width: 197px;text-align:center;padding-top: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
.ans #a6{border: 4px solid #538135;background-color:#538135;color: #FFFFFF;border-radius: 20px;display: block;height: 20px;width: 197px;text-align:center;padding-top: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 4px 4px 4px #444;-webkit-box-shadow: 4px 4px 4px #444;-o-box-shadow: 4px 4px 4px #444;box-shadow: 4px 4px 4px #444;}
*/


/*.album1{font-size:1.15em;display: block;height: 35px;margin: 1px;text-align:center;padding-top:15px;}*/

.albums {overflow: hidden;   height: 231px;}
.album1 > .ans1 {color:#FFFFFF;border: 8px solid #008000;background-color: #008000;display:inline-block;width: 216px;height: 33px;font-size:1em;}
.ans1 > span{display: block;height: 20px;width: 207px;text-align:center;padding-top: 15px;}
#e_1 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#e_2 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#e_3 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#e_4 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#e_5 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#e_6 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}









.album > .ans {border: 8px solid #fff;background-color: #FFFFFF;display:inline-block;width: 216px;height: 33px;font-size:1em;}
.ans > span{display: block;height: 20px;width: 207px;text-align:center;padding-top: 15px;}


.gallery a.hidden {height: 0;margin: 0;opacity: 0;width: 0;}

#drop_1 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#drop_2 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#drop_3 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#drop_4 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#drop_5 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}
#drop_6 { background-color:#FAF7EA;margin: 1px;height: 25px;width: 233px;height: 51px;margin: 1px;text-align:center;font-size:110%;line-height:.5em;}

input#btnclr1 {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;margin-top:-3em;margin-bottom:0em;float:left;width: 250px;font-family: 'PlutoRegular';background-image:url('../images/recommencer.jpg');background-repeat: no-repeat;background-position: left;}
input#btn1 {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;margin-top:-.8em;margin-bottom:0em;float:right;width: 250px;background-image:url('../images/valider.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: 599px;position:absolute;font-family: 'PlutoRegular';}
