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:0;margin-left:192px;position:absolute;}
.image {text-align:center;border:1px solid #EA9800;border-radius: 10px;background-color:#FFFFFF;margin:10px;width:200px;-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:738px;border-radius: 15px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
.box2 {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:738px;border-radius: 15px;}
.box2 h2 {color:#FF6347;text-align:center;margin-bottom:0.2em;margin-top:0em;}
.box2 h3 {color:#800080;text-align:center;margin-bottom:0.2em;}
.box2 p {margin-left:2.5em;}
.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:0px;left:0px;background-color: #FFFFFF;width: 163px;height: 26px;padding:.2em;opacity:5;z-index:1;font-size:1em;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:0px;left:0px;background-color: #008000;width: 163px;height: 26px;padding:.2em;opacity:5;z-index:1;font-size:1em;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 0px 0px 0px;width:736px;height:106px;text-align:center;}
.gallery a {font-size:95%;display: inline-block;margin: 5px;padding: 15px 10px 10px 10px;opacity: 1;height: 45px;width: 105px;-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: 4px solid #EF0717;border-bottom: 10px solid #EF0717;color: #EF0717;background-color:#FFFFFF;border-radius: 0px 20px 0px 20px;cursor: pointer;display: block;height: 30px;width: 110px;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;-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 #a2 span {border: 4px solid #007CCC;border-bottom: 10px solid #007CCC;color: #007CCC;background-color:#FFFFFF;border-radius: 0px 20px 0px 20px;cursor: pointer;display: block;height: 30px;width: 110px;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;-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 #a3 span {border: 4px solid #FF80FF;border-bottom: 10px solid #FF80FF;color: #FF80FF;background-color:#FFFFFF;border-radius: 0px 20px 0px 20px;cursor: pointer;display: block;height: 30px;width: 110px;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;-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 #a4 span {border: 4px solid #FF8000;border-bottom: 10px solid #FF8000;color: #FF8000;background-color:#FFFFFF;border-radius: 0px 20px 0px 20px;cursor: pointer;display: block;height: 30px;width: 110px;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;-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 #a5 span {border: 4px solid #FFBE00;border-bottom: 10px solid #FFBE00;color: #FFBE00;background-color:#FFFFFF;border-radius: 0px 20px 0px 20px;cursor: pointer;display: block;height: 40px;width: 110px;text-align:center;padding: 5px 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;-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 a span {-moz-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
.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;   height: 450px;}
#drop_1 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:41px;top:134px;text-align:center;font-size:110%;line-height:.5em;}
#drop_2 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:41px;top:204px;text-align:center;font-size:110%;line-height:.5em;}
#drop_3 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:41px;top:480px;text-align:center;font-size:110%;line-height:.5em;}
#drop_4 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:577px;top:337px;text-align:center;font-size:110%;line-height:.5em;}
#drop_5 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:577px;top:160px;text-align:center;font-size:110%;line-height:.5em;}

#e_1 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:41px;top:134px;text-align:center;font-size:110%;line-height:.5em;}
#e_2 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:41px;top:204px;text-align:center;font-size:110%;line-height:.5em;}
#e_3 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:41px;top:480px;text-align:center;font-size:110%;line-height:.5em;}
#e_4 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:577px;top:337px;text-align:center;font-size:110%;line-height:.5em;}
#e_5 {background-color:#FAF7EA;margin: 1px;float:left;position:absolute;min-height: 15px;padding: 10px;width: 165px;height: 30px;left:577px;top:160px;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: 737px;position:absolute;font-family: 'PlutoRegular';}
