body {
  padding: 40px;
  font-family: "roboto", "verdana", sans-serif;
  background: url(/design/fondappli.jpg) no-repeat center center fixed; 
}

#bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/design/fondappli.jpg) no-repeat center center fixed; 
  background-size: cover;
  -webkit-filter: blur(5px);    
}

form {
  position: relative;
  width: 250px;
  margin: 0 auto;
  background: rgba(130,130,130,.3);
  padding: 20px 22px;
  border: 1px solid;
  border-top-color: rgba(255,255,255,.4);
  border-left-color: rgba(255,255,255,.4);
  border-bottom-color: rgba(60,60,60,.4);
  border-right-color: rgba(60,60,60,.4);
}

form input, form button {
  width: 212px;
  border: 1px solid;
  border-bottom-color: rgba(255,255,255,.5);
  border-right-color: rgba(60,60,60,.35);
  border-top-color: rgba(60,60,60,.35);
  border-left-color: rgba(80,80,80,.45);
  background-color: rgba(0,0,0,.2);
  background-repeat: no-repeat;
  padding: 8px 24px 8px 10px;
  font: bold .875em/1.25em "Open Sans Condensed", sans-serif;
  letter-spacing: .075em;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.1);
  margin-bottom: 19px;
}

form input:focus { background-color: rgba(0,0,0,.4); }

form input.email {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwPCQkn90aqfQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAADSElEQVQ4y62UXVCUZRTHf6zLl5KssPElxLs4ybtiE0VMUE2NimOSOl30NeNMU010Q5NijlOTDhfgNA3jCJSJo5Y5QjXpDRazqZQRgxTGC4GgROAHu7i0sOTuth/v0unGdQgYb+rcnf9z/v/nmf9zzolSNVH4H8K4INrDzuOlbF5hIj0phmgIg+7xM3HlGtqn+6yZh87NpUTNfpGjnuJ9ldS/nI05Rp8McevWCPdkX+gdM5gXmXkwczEZJqNuZOijG/yQv9FauMY3T2isitLPD1K7aZkrmou1P9viq1+smHOr+yJpr+TT+E4+Oabrn3hptRTdEVM1UZQmUff0iVf0cZH64mZVE2XZTnmmakjaAjPSE5Jgt5yv+HK7JoqqiVJ0TNqdIrp077JHMFRNlNg6aXOJX+TMs7+qmiiJW+T5EzckJBISCYc9QV28QdFlNnFrp4yL2HXZ81DjHaHdveKXqTaRkudeVTVRYhuk3T1LWNVEKfhGBkPyuy5bHz2gaqLEPyk1nX4R0d5zqZoohrHtlBZnEMfV5glrzVffA0g6JhNXocrZGvHn0lF+GSHBSL4/CyC7jgPfDRMm7YnkwZptqwwzk6zOMAPjpx3/tjYJtvhWRDJ5mNSlc8zv9zNFWhYMdD9lWKiNor7lt1FS4JGUlRHMUkh2etge5mRKx0Icw6Jk+h0uIG1jagRMCPFh6yhhCt/PHXx3/UvXd/DG0ce5n8tf/1nRcPaLSF1OLEtxOWG5RTNk1tJywUGA1LXpgwcrLQD3ljNS3scVltwH6yYem1lHoWXJBNhOdthui1zbRvmmlcTh6PZbq493GgBqztM1uXwtlLRUe85iesDB4YEScgnY4UxyV1QP9ulwCpQ1bRgcee3tp4E1e3mhIM4NHZ+1z29I77S4ddFFRGS6Pygfb9gf+X7LEWke9t0++8sTdOsiMnTIIz9O56iaKAaAOCuB/ZXsOuVL9JmMQSNdO4Zso3m51mJbXcSP2ALeKqpn/d5L3AzEJ8SYps6F+KC9zJqQ+Pe8oXU2krf7dY69mYs5xj8ewjvVO2nK6wMYcFKgJLEqa7EezfAJJz+FN1vzyv5YcPrvvkaCfjyXb9LScMS6+nDTXdfIf4l/AKQttb4w+hxPAAAAAElFTkSuQmCC);
  background-position: 220px 10px;
}

form input.pass {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMDg1QzU3QzIzMTFFMjgwQThGODZFM0EwQUZFQ0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMDg1QzY3QzIzMTFFMjgwQThGODZFM0EwQUZFQ0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUUwODVDMzdDMjMxMUUyODBBOEY4NkUzQTBBRkVDRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUUwODVDNDdDMjMxMUUyODBBOEY4NkUzQTBBRkVDRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2NSIIAAADYSURBVHjanJAxCsJAEEXXaBMQtvIMqTxDKjtPELC1svMoOYM2WlqIhVcQFMVgG7ATAoIggfGPjrLIrBo/vCzZ+Z+dGUNExiECI7Clhw5gAtqur8YfUQxm4AzGIAMRSIAFXbC8OyUdghwsgH173cp9Lr5XqAeOSsANcj3h/8BpbQ4Ko6uQOvtMQy6noG4+iz3XZ4iHbIEQ9L8EeUlN3t5etvSrMg6RqajAc78BQ7BTq6QrllV3tKLvpZOclyrt/TWTlTP0zVQqba/BAKyUWsmh1BPUxL70JsAABHkyyK1uocIAAAAASUVORK5CYII=);
  background-position: 223px 8px
}

::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }

form button[type=submit], form button[type=button] {
  width: 248px;
  margin-bottom: 0;
  color: #ffffff;
  letter-spacing: .05em;
  text-shadow: 0 1px 0 #13173e;
  /*text-transform: uppercase;*/
  background: #337fbf;
  border-top-color: #9f9fb5;
  border-left-color: #606486;
  border-bottom-color: #1b1d49;
  border-right-color: #1e1e4e;
  cursor: pointer;
}

.btn-return {
  width: 248px;
  height : 35px;
  margin-bottom: 0;
  color: #ffffff;
  letter-spacing: .05em;
  text-shadow: 0 1px 0 #3e1313;
  /*text-transform: uppercase;*/
  background: #333131;
  cursor: pointer;
}