html{padding:0;margin:0;width:100%;height:100%;background-color:white}body{padding:0;margin:0;background-color:white;width:100%;height:100%;font-family:arial;color:#333;font-size:100%}header{margin:0;padding:0;background-color:black}.stretch{width:100%;//height:100%}header ul.menu{position:absolute;margin:0;padding:0;list-style-type:none;background-color:transparent;//top:8px;top:1%;//right:212px;right:16%;text-align:right;z-index:2}header ul.menu li{margin:0;padding:0;display:inline;display:inline-block;color:white}header ul.menu li a,header ul.menu li a:hover{margin:0;padding:0;color:white;text-decoration:none;white-space:nowrap;font-size:11px}header ul.menu li+li:before{content:" | ";padding:0 10px}header ul.user{position:absolute;margin:0;padding:0;list-style-type:none;background-color:transparent;top:1%;right:1%;text-align:right;color:white;white-space:nowrap;font-size:11px;z-index:2}header ul.user li{margin:0;padding:0;line-height:12px}header ul.user li a,header ul.user li a:hover{margin:0;padding:0;color:white;text-decoration:none}.footer{position:fixed;bottom:0;left:0;height:145px;z-index:1}.button{position:fixed;bottom:38px;left:50%;margin-left:-258px;right:50%;height:59px;z-index:2}img.button:hover{cursor:hand;cursor:pointer}.total{position:fixed;bottom:106px;left:50%;margin-left:-130px;right:50%;height:30px;z-index:2}.total-ttc{position:fixed;bottom:102px;text-align:left;left:50%;right:50%;margin-left:20px;height:30px;width:245px;z-index:2;color:white;font-size:40px;font-weight:bold;//font-family:arial}ul.cgu{display:block;position:fixed;list-style-type:none;bottom:0;right:1%;z-index:2;margin:0;padding:0;background-color:transparent;font-weight:normal}ul.cgu li{margin:0;padding:0;display:inline;display:inline-block;color:white}ul.cgu li a,ul.cgu li a:hover{margin:0;padding:0;color:white;text-decoration:none;white-space:nowrap;font-size:11px;font-weight:normal}ul.cgu li+li:before{content:" | ";padding:0 10px}sup{font-size:26px;//font-family:arial}.container{text-align:center;width:100%}.infooter{margin:0;padding:0;width:100%;height:145px}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-left{text-align:left !important}.error{display:block;width:96%;margin:1% 2% 1% 2%;padding:0 5px 0 5px;border:dashed 4px red;background-color:#fbeff2}.success{display:block;width:96%;margin:1% 2% 1% 2%;padding:0 5px 0 5px;border:dashed 4px green;background-color:#6f9}.blink_me{animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}@-moz-keyframes blinker{0{opacity:1.0}50%{opacity:.0}100%{opacity:1.0}}@-webkit-keyframes blinker{0{opacity:1.0}50%{opacity:.0}100%{opacity:1.0}}@keyframes blinker{0{opacity:1.0}50%{opacity:.0}100%{opacity:1.0}}.upload-box{background:#f8f8f8;opacity:0.88;border:0;border-top:5px dotted #DDD;border-bottom:5px dotted grey;width:100%;height:74px;text-align:center;padding-top:66px;font-size:20px}.upload-box.dragover{border-top:5px dotted orange;border-bottom:5px dotted orange; color:orange}.saving{display:block;position:fixed;top:0;left:50%;width:300px;margin:0 0 0 -150px;color:Blue;font-size:28px;background-color:Yellow;padding:5px;z-index:99};