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: 800px;}
p {margin:0;padding:0;}
.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:800px;height:333px;border-radius: 15px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
h2 {text-align:center;color:#FF6347;}
h3 {color:#FFA500;text-align:center;margin-bottom:0.2em;}
#a1 {color: #000000;font-weight:bold;}
#a2 {color: #000000;font-weight:bold;}
#a3 {color: #000000;font-weight:bold;}
#a4 {color: #000000;font-weight:bold;}
#a5 {color: #000000;font-weight:bold;}
#a6 {color: #000000;font-weight:bold;}
#a7 {color: #000000;font-weight:bold;}
#a8 {color: #000000;font-weight:bold;}
#a9 {color: #000000;font-weight:bold;}
#a10 {color: #000000;font-weight:bold;}
/* Photo Gallery styles */.gallery {margin: 10px auto 0;width:200px;float:left;}
.gallery a {display: inline-block;margin: 10px;opacity: 1;position: relative;height: 45px;width: 80px;font-size:0.9em;text-align:center;-khtml-user-drag: element;/* CSS3 Prevent selections */-moz-user-select: none;-webkit-user-select: none;-khtml-user-select: none;user-select: none;/* CSS3 transition rules */-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 span {border: 8px solid #fff;border-bottom: 20px solid #fff;cursor: pointer;display: block;height: 100%;left: 0px;position: absolute;top: 0px;width: 100%;z-index: 1;/* CSS3 Box sizing property */-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;/* CSS3 transition rules */-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;/* CSS3 Box Shadow */-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:hover span {}
.gallery a.hidden {height: 0;margin: 0;opacity: 0;width: 0;}
.albums {margin: 10px auto 0;overflow: hidden;width: 100px;}
.album {cursor:pointer;color:#000000;background-color:#000000;border: 2px solid #ccc;float: left;margin-left: 0px;margin-right: 0px;margin-top: 1px;margin-bottom: 1px;min-height: 15px;padding: 10px;width: 75px;height: 50px;text-align:center;vertical-align: text-center;font-size:100%;line-height:1em;/* CSS3 transition rules */-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;}

.album1 {font-size:1em;color:#FFFFFF;background-color:#008000;border: 2.25px solid Black;White;border-radius:25px;float: left;margin-left: 0px;margin-right: 0px;margin-top: 1px;margin-bottom: 1px;min-height: 15px;padding: 10px;width: 75px;height: 50px;text-align:center;vertical-align: text-center;line-height:1em;/* CSS3 transition rules */-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;}

.album2 {border: 2px solid #ccc;float: left;background-color:#FFFFFF;margin-left: 0px;margin-right: 0px;margin-top: 1px;margin-bottom: 1px;min-height: 15px;padding: 10px;width: 75px;height: 70px;text-align:center;vertical-align: text-center;font-size:100%;line-height:1em;color:#000000;/* CSS3 transition rules */-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;}
.drgtxt {text-align:center;}
.drgtxt1 {text-align:center;}
.album a {display: inline-block;height: 56px;margin: 15px;opacity: 1;position: relative;width: 75px;background-color:#000000;-khtml-user-drag: element;-webkit-user-drag: element;-khtml-user-select: none;-webkit-user-select: none;/* CSS3 Prevent selections */-moz-user-select: none;-webkit-user-select: none;-khtml-user-select: none;user-select: none;/* CSS3 transition rules */-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.album a span {border: 4px solid #fff;border-bottom: 10px solid #fff;cursor: pointer;display: block;font-family: 'PlutoRegular';height: 100%;left: 0px;position: absolute;top: 0px;width: 100%;z-index: 1;/* CSS3 Box sizing property */-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;/* CSS3 transition rules */-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;/* CSS3 Box Shadow */-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;background-color:#000000;}

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;font-family: 'PlutoRegular';background-image:url('../images/recommencer.jpg');background-repeat: no-repeat;background-position: left;position:absolute;width: 363px;top:285px;left:35px;}
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;background-image:url('../images/valider.jpg');background-repeat: no-repeat;background-position: left;font-family: 'PlutoRegular';position:absolute;width: 363px;top:285px;left:472px;}
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;position:absolute;font-family: 'PlutoRegular';position:absolute;width: 800px;top:333px;left:35px;}
