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;}
.image {border:1px solid #EA9800;border-radius: 10px;background-color:#FFFFFF;margin:20px;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:681px;border-radius: 15px;height: 852px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
.albums {overflow: hidden;width: 310px;height:600px;}
.boxtext3 {position:absolute;top:102px;left:35px;width:661px;height:664px;background-color:#FFFFFF;border:1px solid #EA9800;border-radius: 15px;padding:10px;}
.para {font-size:1.1em;margin-top:.3em;}
.para1 {width: 308px;position:absolute;z-index:2;font-size:1.5em;top:267px;left:57px;text-align:center;box-shadow: 0px 8px 8px #B4C7E8;border-radius: 30px 30px 0px 0px;}
.para2 {width: 308px;position:absolute;z-index:2;font-size:1.5em;top:267px;left:383px;text-align:center;box-shadow: 0px 8px 8px #FEDA66;border-radius: 30px 30px 0px 0px;}
.d1 {background-color:#FFFFFF;border: 4px solid #B4C7E8;margin: 1px;float:left;position:absolute;padding: 45px 15px 10px 5px;width: 290px;height: 230px;left:52px;top:257px;text-align:center;font-size:150%;line-height:.5em;-moz-box-shadow: 4px 4px 8px #444;-webkit-box-shadow: 4px 4px 8px #444;-o-box-shadow: 4px 4px 8px #444;box-shadow: 4px 4px 8px #444;border-radius: 10px;}
.d2 {background-color:#FFFFFF;border: 4px solid #FEDA66;margin: 1px;float:left;position:absolute;padding: 45px 15px 10px 5px;width: 290px;height: 230px;left:377px;top:257px;text-align:center;font-size:150%;line-height:.5em;-moz-box-shadow: 4px 4px 8px #444;-webkit-box-shadow: 4px 4px 8px #444;-o-box-shadow: 4px 4px 8px #444;box-shadow: 4px 4px 8px #444;border-radius: 10px;}
.gallery {top: 568px;left: 37px;position: absolute;width: 678px;height: 254px;text-align:center;z-index:2;}
.gallery a {width:110px;height: 85px;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;}
.gallery a:nth-child(1) img {padding: 20px 0px 0px 0px;overflow:hidden;}
.gallery a:nth-child(2) img {padding: 0px 0px 10px 0px;overflow:hidden;}
.gallery a:nth-child(3) img {padding: 0px 0px 10px 0px;overflow:hidden;}
.gallery a:nth-child(4) img {padding: 0px 0px 10px 0px;overflow:hidden;}
.gallery a:nth-child(5) img {padding: 0px;overflow:hidden;}
.gallery a:nth-child(6) img {padding: 0px 0px 0px 0px;overflow:hidden;}
.gallery a:nth-child(7) img {padding: 0px 0px 0px 0px;overflow:hidden;}
.gallery a:nth-child(8) img {padding: 0px 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:130px;height: 105px;transition: all 0.5s ease;margin:-.5em;z-index:3;position:relative;}

#drop1_1 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:120px;text-align:center;font-size:150%;line-height:.5em;}
#drop1_2 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:268px;text-align:center;font-size:150%;line-height:.5em;}
#drop1_3 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:458px;text-align:center;font-size:150%;line-height:.5em;}
#drop1_4 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:620px;text-align:center;font-size:150%;line-height:.5em;}
#drop2_1 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:740px;text-align:center;font-size:150%;line-height:.5em;}
#drop2_2 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:740px;text-align:center;font-size:150%;line-height:.5em;}
#drop2_3 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:740px;text-align:center;font-size:150%;line-height:.5em;}
#drop2_4 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:740px;text-align:center;font-size:150%;line-height:.5em;}

#e_1 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:120px;text-align:center;font-size:150%;line-height:.5em;}
#e_2 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:268px;text-align:center;font-size:150%;line-height:.5em;}
#e_3 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:458px;text-align:center;font-size:150%;line-height:.5em;}
#e_4 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:620px;text-align:center;font-size:150%;line-height:.5em;}
#e_5 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:740px;text-align:center;font-size:150%;line-height:.5em;}
#e_6 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:740px;text-align:center;font-size:150%;line-height:.5em;}
#e_7 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:740px;text-align:center;font-size:150%;line-height:.5em;}
#e_8 {margin: 1px;float:left;padding: 10px;width: 120px;height: 90px;left:52px;top:740px;text-align:center;font-size:150%;line-height:.5em;}
.album1 span span {width:110px;height: 85px;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;}
#a_a1 img {padding: 20px 0px 0px 0px;overflow:hidden;}
#a_a2 img {padding: 0px 0px 10px 0px;overflow:hidden;}
#a_a3 img {padding: 0px 0px 10px 0px;overflow:hidden;}
#a_a4 img {padding: 0px 0px 10px 0px;overflow:hidden;}
#a_a5 img {padding: 0px;overflow:hidden;}
#a_a6 img {padding: 0px 0px 0px 0px;overflow:hidden;}
#a_a7 img {padding: 0px 0px 0px 0px;overflow:hidden;}
#a_a8 img {padding: 0px 0px 0px 0px;overflow:hidden;}
.album2 span span {width:110px;height: 85px;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;}
#e1 img {padding: 20px 0px 0px 0px;overflow:hidden;}
#e2 img {padding: 0px 0px 10px 0px;overflow:hidden;}
#e3 img {padding: 0px 0px 10px 0px;overflow:hidden;}
#e4 img {padding: 0px 0px 10px 0px;overflow:hidden;}
#e5 img {padding: 0px;overflow:hidden;}
#e6 img {padding: 0px 0px 0px 0px;overflow:hidden;}
#e7 img {padding: 0px 0px 0px 0px;overflow:hidden;}
#e8 img {padding: 0px 0px 0px 0px;overflow:hidden;}
input#btnclr1 {top:800px;left:37px;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: 333px;font-family: 'PlutoRegular';background-image:url('../images/recommencer.jpg');background-repeat: no-repeat;background-position: left;}
input#btn1 {top:800px;left:384px;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: 333px;background-image:url('../images/valider.jpg');background-repeat: no-repeat;background-position: left;font-family: 'PlutoRegular';}
input#btn2 {top:850px;left:37px;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: 680px;font-family: 'PlutoRegular';}
