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:0px;}
.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>.ans {border: 1px solid #fff;position:absolute;border-radius: 0px 5px 0px 5px;top:0px;left:0px;background-color: #FFFFFF;width: 100px;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>.ans {color:#FFFFFF;border: 1px solid #008000;position:absolute;border-radius: 0px 5px 0px 5px;top:0px;left:0px;background-color: #008000;width: 100px;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-left: 150px;width:200px;float:left;}
.gallery a {display: inline-block;margin: 10px;padding: 10px 0px 10px 0px;opacity: 1;height: 20px;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: 2px solid #FF80FF;border-bottom: 8px solid #FF80FF;color: #FF80FF;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 20px;width: 80px;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;}
.gallery #a2 span {border: 2px solid #007CCC;border-bottom: 8px solid #007CCC;color: #007CCC;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 20px;width: 80px;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;}
.gallery #a3 span {border: 2px solid #CD853F;border-bottom: 8px solid #CD853F;color: #CD853F;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 20px;width: 80px;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;}
.gallery #a4 span {border: 2px solid #CD74CD;border-bottom: 8px solid #CD74CD;color: #CD74CD;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 20px;width: 80px;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;}
.gallery #a5 span {border: 2px solid #800080;border-bottom: 8px solid #800080;color: #800080;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 20px;width: 80px;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;}
.gallery #a6 span {border: 2px solid #FFBE00;border-bottom: 8px solid #FFBE00;color: #FFBE00;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 20px;width: 80px;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;}
.gallery #a7 span {border: 2px solid #708090;border-bottom: 8px solid #708090;color: #708090;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 20px;width: 80px;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;}
.gallery #a8 span {border: 2px solid #4169E1;border-bottom: 8px solid #4169E1;color: #4169E1;background-color:#FFFFFF;border-radius: 0px 10px 0px 15px;cursor: pointer;display: block;height: 20px;width: 80px;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;}

.gallery a:nth-child(1) span {-moz-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
.gallery a:nth-child(2) 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;width: 310px;}




#drop_1 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:110px;text-align:center;font-size:150%;line-height:.5em;}
#drop_2 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:150px;text-align:center;font-size:150%;line-height:.5em;}
#drop_3 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:190px;text-align:center;font-size:150%;line-height:.5em;}
#drop_4 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:230px;text-align:center;font-size:150%;line-height:.5em;}
#drop_5 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:300px;text-align:center;font-size:150%;line-height:.5em;}
#drop_6 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:377px;text-align:center;font-size:150%;line-height:.5em;}
#drop_7 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:477px;text-align:center;font-size:150%;line-height:.5em;}
#drop_8 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:557px;text-align:center;font-size:150%;line-height:.5em;}

#e_1 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:110px;text-align:center;font-size:150%;line-height:.5em;}
#e_2 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:150px;text-align:center;font-size:150%;line-height:.5em;}
#e_3 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:190px;text-align:center;font-size:150%;line-height:.5em;}
#e_4 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:230px;text-align:center;font-size:150%;line-height:.5em;}
#e_5 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:300px;text-align:center;font-size:150%;line-height:.5em;}
#e_6 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:377px;text-align:center;font-size:150%;line-height:.5em;}
#e_7 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:477px;text-align:center;font-size:150%;line-height:.5em;}
#e_8 {margin: 1px;position:absolute;padding: 10px;width: 97px;height: 12px;left:298px;top:557px;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';}
