html *:not(.fa):not(.ic){font-family:Century Gothic,Didact Gothic!important}
.login-body{margin:0}
.topnote{position:absolute;z-index:6001;top:0;left:0;right:0;background:rgba(255,255,255,0.80);text-align:center;line-height:2.5;overflow:hidden;-webkit-box-shadow:0 0 3px black;-moz-box-shadow:0 0 3px black;box-shadow:0 0 3px black;font-size:10px}
.container{display:flex;align-items:center;justify-content:center;min-height:100vh;-ms-flex-align:center}
.container::before{content:"";display:inline-block;min-height:100vh;visibility:hidden}
.cogConf{position:absolute;margin-left:272px;margin-top:8px;cursor:pointer;font-size:1em;color:dimgrey}
.cogConf:hover{color:beige}
.textWall{font-size:12px}
.containerWall{overflow-x:hidden;overflow-y:auto;height:190px;margin-right:5px}
.containerWall::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:6px;background-color:#fff}
.containerWall::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
.containerWall::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#5d5d5d}
.loginconf{left:305px;background:rgba(240,240,240,0.70);height:220px;width:220px;text-align:center;bottom:500px;top:-210px;position:relative;border-radius:4px;transition:all 1s ease}
.hideConf{opacity:0;left:305px;background:rgba(240,240,240,0.70);height:220px;width:220px;text-align:center;bottom:500px;top:-210px;position:relative;border-radius:15px;transition:all 1s ease}
.container::after{content:'';height:100vh;visibility:hidden}
.logincontainer{background:transparent;height:370px;width:300px}
.loginlogo{background:transparent;height:73px;width:300px;position:static;top:0}
.login{background:rgba(240,240,240,0.70);height:220px;width:300px;border-radius:15px;position:relative;top:10px}
.about{position:absolute;background:#f8850a;height:22px;bottom:10%;right:20px;display:inline-block;vertical-align:middle;padding-left:5px;padding-right:5px;text-align:center;border-radius:3px}
.about .tooltiptext,.about .withlastupdate{visibility:hidden;width:80px;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-40px;font-size:10px;display:block}
.about .withlastupdate{width:110px;margin-left:-55px}
.about .lastupdate{display:block}
.about .tooltiptext::after,.about .withlastupdate::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}
.about:hover .tooltiptext,.about:hover .withlastupdate{visibility:visible}
.version{color:#fff;display:inline-block;font-size:10px;border-bottom:1px dotted white;vertical-align:middle}
.everball{vertical-align:middle;width:15px;height:15px}
table{width:100%;margin:auto}
td{text-align:center;vertical-align:middle;padding-top:20px}
.tdbtn{padding-top:25px;padding-bottom:15px}
input[type=text]{border:0;border-bottom:2px solid #f8850a;background:transparent;color:black;outline:0;width:170px;padding-top:15px}
input[type='text']:focus{color:black}
input[type=password]{border:0;border-bottom:2px solid #f8850a;background:transparent;color:black;outline:0;width:170px}
@-webkit-keyframes autofill{to{color:#060606;background:transparent}
}
input:-webkit-autofill{-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}
.css-button:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)}
*::-webkit-input-placeholder{color:black}
*:-moz-placeholder{color:black;opacity:1}
*::-moz-placeholder{color:black;opacity:1}
*:-ms-input-placeholder{color:black;text-shadow:none;-webkit-text-fill-color:black}
:focus::-webkit-input-placeholder{color:transparent}
:focus::-moz-placeholder{color:transparent}
:focus:-moz-placeholder{color:transparent}
:focus:-ms-input-placeholder{color:transparent}
.button{background-color:#f8850a;border:0;color:white;padding:10px 30px 10px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;transition:all .5s;cursor:pointer;margin:5px;border-radius:4px;width:170px}
.button:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)}
.button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}
.button span:after{font-size:15px;font-family:FontAwesome;content:'\f090';position:absolute;opacity:0;top:0;right:-20px;transition:.5s}
.button:hover span{padding-right:25px}
.button:hover span:after{opacity:1;right:0}
.buttonDisabled{background-color:#f8850a;border:0;color:white;padding:10px 30px 10px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;cursor:pointer;margin:5px;border-radius:4px;opacity:.65;cursor:not-allowed;transition:all 0s;width:170px}
.buttonDisabled span:after{cursor:pointer;display:inline-block;position:relative;transition:.5s}
.buttonDisabled span:after{opacity:.65;cursor:not-allowed;font:normal normal normal 14px/1 IcoFont;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f0db';color:white;font-size:14px;margin-left:10px;-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.twittercontainer{position:relative;color:white;background-color:#00aced;width:15px;height:15px;padding:1px;font-size:9px;text-align:center;vertical-align:middle;border-radius:4px;float:right;margin-right:10px}
.socialcontainer{display:inline-block;width:300px}
.twitter{color:white;cursor:pointer;text-decoration:none;display:block;padding-top:2px}
.facebookcontainer{position:relative;color:white;background-color:#3b5998;width:15px;height:15px;padding:1px;font-size:10px;vertical-align:middle;border-radius:2px;float:right;margin-right:10px}
.facebook{color:white;cursor:pointer;text-decoration:none;display:block;padding-top:2px;padding-left:3px}
.linkedincontainer{position:relative;color:white;background-color:#0177b5;width:15px;height:15px;padding:1px;font-size:9px;text-align:center;vertical-align:middle;border-radius:2px;float:right;margin-right:10px}
.linkedin{color:white;cursor:pointer;text-decoration:none}
.viadeocontainer{position:relative;color:white;background-color:#f6724b;width:15px;height:15px;padding:1px;font-size:11px;text-align:center;vertical-align:middle;border-radius:50%;float:right;margin-right:10px}
.viadeo{color:white;cursor:pointer;text-decoration:none}
.ns-type-error{color:rgba(186,0,0,1)!important;background:rgba(255,235,232,1)!important;z-index:7001;max-width:256px!important;position:absolute!important;margin:auto!important;top:30%!important;right:0!important;bottom:auto!important;left:0!important;width:100%;border-width:1px;border-style:solid;border-color:rgba(186,0,0,1)}
.ns-type-error-icon{padding-right:10px}
.ns-type-error-p{width:auto}
.ns-type-devmodealert{color:#f8850a!important;background:white!important;z-index:7001;border-radius:3px;border-width:1px;border-style:solid;border-color:rgba(255,255,255,1);font-size:10px}
.ns-type-devmodealert-icon{padding-right:14px}
.ns-type-devmodealert-p{width:auto;font-size:14px}
.ns-type-devmodealert li{font-size:14px}
.ns-type-devmodealert .ns-close::before{background:#f8850a!important}
.ns-type-devmodealert .ns-close::after{background:#f8850a!important}


/* */
div.flex_container {
    display: flex;
}

div.flex_container div.flex_div.first {
    width: 30%;
    background-color: #fff;
}

div.flex_container div.flex_div.last {
    background-image: url('../../images/revendeursL.jpeg');
    width: 70%;
    background-position: right center;
    background-size: cover;
}

div.black_bg {
    height: 100%;
    background: #00000078;
}

div.flex_div.last.flex_container {
    align-items: center;
}

div.flex_div.last.flex_container div.flex_sub_div {
    margin: auto;
    font-size: 1.5em;
    max-width: 90%;
    color: #fff;
}
.loginlogo {
    text-align: center;
}

td.forget_password {
    padding-top: 50px;
}

@media only screen and (max-width: 1024px) {
    div.flex_container div.flex_div.first {
        width: 50%;
    }
    
    div.flex_container div.flex_div.last {
        width: 50%;
    }
    div.flex_div.last.flex_container div.flex_sub_div {
        font-size: 1em;
    }
}
@media only screen and (max-width: 660px) {
    div.flex_container {
        display: block;
    }
    div.flex_container div.flex_div.first {
        width: 100%;
    }
    
    div.flex_container div.flex_div.last {
        width: 100%;
    }
    div.flex_div.last.flex_container div.flex_sub_div {
        font-size: 1em;
    }
    div.flex_div.last.flex_container div.flex_sub_div {
        padding: 50px;
    }
}