#overlay{background-color:#333;position:fixed;top:0;left:0;bottom:0;right:0;opacity:.8;display:none;z-index:9999}
#overlay #close{background-color:#000;position:fixed;top:0;right:0;font-size:2em;padding:3px 6px;color:#FFF;cursor:pointer;border-radius:4px}
#overlay #title{background-color:#000;position:fixed;bottom:0;left:0;font-size:1em;padding:6px 8px;color:#FFF;border-radius:4px}
#overlay #total{background-color:#000;position:fixed;bottom:0;right:0;font-size:1em;padding:3px 6px;color:#FFF}
#overlay #next,#overlay #prev{background-color:#000;position:fixed;top:50%;transform:translateY(-50%);font-size:1.5em;padding:6px 8px;color:#FFF;cursor:pointer;border-radius:4px}
#overlay #prev{left:0}
#overlay #next{right:0}
#overlay #prev:after{content:'\25C4'}
#overlay #next:after{content:'\25BA'}
#overlay #close:after{content:'\2716'}

#msgBox{background-color:#FFF;position:fixed;top:50%;left:50%;width:max-content;border-radius:4px;padding:30px;color:#444;box-shadow:0 0 10px 0 #707070;display:none;z-index:9999}
#msgBox select,#msgBox input[type=text],#msgBox textarea{box-sizing:border-box;width:100%}
#msgBox > div:nth-child(1) {font-size:2em}
#msgBox > div:nth-child(2) {font-size:1.2em;text-align:justify;margin:10px 0 20px 0;line-height:22px}
#msgBox > div:nth-child(3) {text-align:center}
#msgBox > div:nth-child(3) button{background:none;border:0;border-radius:5px;margin:0 5px;padding:10px;min-width:100px;cursor:pointer;font-weight:bolder;letter-spacing:.1em}
#msgBox > div:nth-child(3) button:nth-child(1){background-color:#C8FCD2;color:#3BA233}
#msgBox > div:nth-child(3) button:nth-child(2){background-color:#FFCECE;color:#E56464}        
#msgBox > div:nth-child(3) button:nth-child(1):hover{background-color:#B7F5C3}
#msgBox > div:nth-child(3) button:nth-child(2):hover{background-color:#F9B3B3}
#msgBox > div:nth-child(3) button:nth-child(1):active{background-color:#C8FCD2}
#msgBox > div:nth-child(3) button:nth-child(2):active{background-color:#FFCECE}
#msgBox .required{border:1px solid #FD5353 !important;box-shadow: 0 0 4px #FD5353 !important} 

#msgBox div.prompt {margin-top:10px}
#msgBox div.prompt > div > div{display:inline-block;padding:5px 0}
#msgBox div.prompt > div > div.top{vertical-align:top;padding-top:6px}
#msgBox div.prompt > div > div:nth-child(1){width:25%}
#msgBox div.prompt > div > div:nth-child(2){width:70%}

#notify{background:#36b54a;color:#FFF;border:0;position:fixed;top:20px;right:0;padding:15px;min-width:250px;margin-right:40px;font-size:1.2em;border-radius:4px;cursor:pointer;z-index:9999}
#notify.tips{background:#FFFFE0}
#notify.true{background:#36b54a}
#notify.false{background:#e54d42}

#loadBox{background:#FFF;position:fixed;top:50%;left:50%;width:220px;padding:20px;border-radius:4px;display:none;z-index:9999;cursor:pointer}
#loadBox div:nth-child(1){background:url(../images/loadmaxi.gif) no-repeat center center;margin-bottom:10px;height:20px}
#loadBox div:nth-child(2){text-align:center}

#lightBox{background-color:#FFF;position:fixed;top:50%;left:50%;padding:4px;border-radius:4px;display:none;z-index:9999;cursor:pointer}
#comeBack{background-color:#333;color:#FFF;position:fixed;bottom:0;right:0;margin:2px;padding:4px;cursor:pointer;display:none;border-radius:4px}
#navigate{background-color:#333;position:fixed;top:0;left:0;height:2px;z-index:1}

.tabbox > ul{list-style:none;margin:0;padding:0;border-bottom:2px solid #bd2b2e}
.tabbox > ul li{display:inline;margin-right:2px}
.tabbox > ul li a{text-decoration:none;display:inline-block;border-top:1px solid #D2D2D2;border-left:1px solid #D2D2D2;border-right:1px solid #D2D2D2;border-top-left-radius:4px;border-top-right-radius:4px;padding:8px 15px;background-color:#FFF;color:#4F4A4F}
.tabbox > ul li a:hover{text-decoration:none;color:#bd2b2e}
.tabbox > ul li a.actif{text-decoration:none;background-color:#bd2b2e;border-top:1px solid #bd2b2e;border-left:1px solid #bd2b2e;border-right:1px solid #bd2b2e;color:#FFF}
.tabbox > ul li a.actif:hover{color:#FFF}
.tabbox > ul li a.info{background-color:#C8FCD2;border-color:#8BDD8E;color:#3BA233 !important}
.tabbox > div {background-color:#f9f9f9;padding:10px;border-bottom:2px solid #bd2b2e;border-left:2px solid #bd2b2e;border-right:2px solid #bd2b2e}

.progress{border:1px solid #dedede;border-radius:4px;padding:2px;margin:10px 0}
.progress span{background-color:#68cd86;border-radius:4px;padding:4px 0;text-align:center;font-weight:bolder;color:#FFF;display:block}
.progress.blue span {background-color:#428fe5}
.progress.red span {background-color:#e54d42}

.tooltip{background-color:#FFFFE2;position:absolute;padding:8px;color:#333;box-shadow:0 0 5px #cbc8c8;border-radius:4px;z-index:1;white-space:nowrap;text-align:left;display:none}

@media screen and (max-width:800px) {
    #overlay #close{display:none}
    #overlay #prev{top:0;left:0;transform:translateX(0)}
    #overlay #next{top:0;right:0;transform:translateX(0)}
}