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;}
.image {border:1px solid #EA9800;border-radius: 10px;background-color:#FFFFFF;margin:20px;width:200px;height:120px;vertical-align:middle;-moz-box-shadow: 2px 2px 4px #444;-webkit-box-shadow: 2px 2px 4px #444;-o-box-shadow: 2px 2px 4px #444;box-shadow: 2px 2px 4px #444;}
.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:620px;border-radius: 15px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}

.text {color: #FFFFFF;font-weight:bold;font-size:1em;padding:.5em.2em.2em.2em;}

.album>.equal {position:absolute;left:210px;color:#000000;top:47px;}
.album>.ans {border: 8px solid #fff;position:absolute;border-radius: 0px 15px 0px 15px;top:30px;left:230px;background-color: #FFFFFF;width: 170px;padding:.4em;opacity:5;z-index:1;font-size:.7em;line-height:1em;-moz-box-shadow: 2px 2px 4px #444;-webkit-box-shadow: 2px 2px 4px #444;-o-box-shadow: 2px 2px 4px #444;box-shadow: 2px 2px 4px #444;}


.answer>.equal {position:absolute;left:210px;color:#000000;top:47px;}
.answer>.ans {color:#FFFFFF;border: 8px solid #008000;position:absolute;border-radius: 0px 15px 0px 15px;top:30px;left:230px;background-color:#008000;width: 170px;padding:.4em;opacity:5;z-index:1;font-size:.7em;line-height:1em;-moz-box-shadow: 2px 2px 4px #444;-webkit-box-shadow: 2px 2px 4px #444;-o-box-shadow: 2px 2px 4px #444;box-shadow: 2px 2px 4px #444;}



.gallery {margin: 10px;width:100px;float:left;}
.gallery a {display: inline-block;margin: 10px;padding: 20px 10px 10px 10px;opacity: 1;height: 45px;width: 100px;-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;}

.gallery #a1 span {border: 6px solid #EF0717;border-bottom: 15px solid #EF0717;color: #EF0717;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 30px;width: 120px;text-align:center;padding: 15px 2px 2px 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.gallery #a2 span {border: 6px solid #007CCC;border-bottom: 15px solid #007CCC;color: #007CCC;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 30px;width: 120px;text-align:center;padding: 15px 2px 2px 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.gallery #a3 span {border: 6px solid #EAF0EA;border-bottom: 15px solid #EAF0EA;color: #000000;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 30px;width: 120px;text-align:center;padding: 15px 2px 2px 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.gallery #a4 span {border: 6px solid #000000;border-bottom: 15px solid #000000;color: #000000;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 30px;width: 120px;text-align:center;padding: 15px 2px 2px 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.gallery #a5 span {border: 6px solid #FFBE00;border-bottom: 15px solid #FFBE00;color: #FFBE00;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 30px;width: 120px;text-align:center;padding: 15px 2px 2px 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.gallery a:nth-child(1) span {-moz-transform: rotate(-25deg);-webkit-transform: rotate(-25deg);transform: rotate(-25deg);}
.gallery a:nth-child(2) span {-moz-transform: rotate(25deg);-webkit-transform: rotate(25deg);transform: rotate(25deg);background-color:red;}
.gallery a:hover span {z-index: 5;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.gallery a.hidden {height: 0;margin: 0;opacity: 0;width: 0;}
.albums {overflow: hidden;width: 310px;}




#drop_1 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:110px;text-align:center;font-size:150%;line-height:.5em;}
#drop_2 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:250px;text-align:center;font-size:150%;line-height:.5em;}
#drop_3 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:393px;text-align:center;font-size:150%;line-height:.5em;}
#drop_4 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:535px;text-align:center;font-size:150%;line-height:.5em;}
#drop_5 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:677px;text-align:center;font-size:150%;line-height:.5em;}


#e_1 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:110px;text-align:center;font-size:150%;line-height:.5em;}
#e_2 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:250px;text-align:center;font-size:150%;line-height:.5em;}
#e_3 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:393px;text-align:center;font-size:150%;line-height:.5em;}
#e_4 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:535px;text-align:center;font-size:150%;line-height:.5em;}
#e_5 {margin: 1px;float:left;position:absolute;padding: 10px;width: 390px;height: 105px;left:52px;top:677px;text-align:center;font-size:150%;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:-.8em;margin-bottom:0em;float:left;width: 250px;font-family: 'PlutoRegular';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: 620px;position:absolute;font-family: 'PlutoRegular';}
