.authentication{height:100vh;width:100vw;background-image:url(../../images/layout/authentication/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.authentication .index-holder{position:absolute;box-sizing:border-box;left:calc(50% - 250px);top:calc(50% - 250px);width:500px;height:500px;padding:20px;background-color:#fff;border-radius:5px;opacity:.95;box-shadow:0 0 1px 1px rgba(0,0,0,.1)}.authentication .index-header{height:200px}.authentication .index-header div{font-weight:bold;text-align:center;color:#000}.authentication .index-content{position:relative;height:260px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.authentication .index-content div[data-frame]{position:absolute;left:-9999px;top:0;width:460px;height:260px}.authentication .index-content div[data-frame].visible{left:0}.authentication .index-content .txt,.authentication .index-content .ctl,.authentication .index-content .error{margin-bottom:10px}.authentication .index-content .error{font-size:14px;color:#d11e1e}.authentication .index-content .action{position:absolute;bottom:0;right:0;left:0;height:40px;margin-top:10px;zoom:1}.authentication .index-content .action:after{clear:both}.authentication .index-content .action .btn{color:#fff;font-size:15px;padding:0 30px;line-height:40px;float:right;background-color:#0469b7;border-radius:2px;margin-left:5px}.authentication .index-content .action .btn:hover{background-color:#09367a}.authentication .index-content .action .btn.grey{background-color:#bfbfc6}.authentication .index-content .action .btn.grey:hover{background-color:#444}.authentication .index-content .action .btn-txt{color:#3d3d3d;font-size:12px;line-height:40px;float:left}.authentication .index-content .action .btn-txt:hover{text-decoration:underline}.authentication .index-content .action .loading{opacity:0;float:left;width:40px;height:40px;background-image:url('../images/index/loading.gif');transition:opacity 0ms}.authentication .index-content .action .loading.visible{opacity:1;transition:opacity 1500ms}.authentication .mentions-legales{position:absolute;left:0;right:0;bottom:0;padding:5px;background:#fff;opacity:.9}.authentication .mentions-legales>p{color:#3d3d3d;margin:4px;font-size:12px;line-height:12px;text-align:justify}.authentication .mentions-legales>p>a{color:#3d3d3d;text-decoration:none}.authentication .mentions-legales>p>a:hover{text-decoration:underline}@media screen and (max-width:1024px){.authentication{height:100vh;width:100vw;background-image:none !important;background-color:#fff}.authentication .index-holder{position:relative;box-sizing:border-box;height:auto;width:100vw;left:0;top:0;padding:20px;background-color:#fff;opacity:1;border-radius:0}.authentication .index-header>img{max-width:100%;height:auto;max-height:200px}.authentication .index-content{height:auto}.authentication .index-content .action{position:relative}.authentication .mentions-legales{position:relative;top:unset}}.contentloading{margin-bottom:10px;display:flex;justify-content:center;align-items:center}.contentloading>.content{position:relative;height:20px;width:80px}.contentloading>.content div{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0);background-color:#005bbb}.contentloading.grey>.content div{background-color:#b6b5b5}.contentloading>.content div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.contentloading>.content div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.contentloading>.content div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.contentloading>.content div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}.left-menu{position:fixed;left:0;top:64px;width:63px;bottom:0;background-color:#444;z-index:90;border-right:solid 1px #000}.left-menu>ul{padding:0;margin:0}.left-menu>ul>li{display:block}.left-menu>ul>li>a{position:relative;display:flex;flex-direction:column;justify-content:center;width:64px;height:64px;border-bottom:1px solid #000;border-top:1px solid #5b5b5a;box-sizing:border-box;transition:background-color 100ms ease-out}.left-menu>ul>li.title>a>span[class*="ico-"]{width:100%;height:36px;background-repeat:no-repeat;background-position:center center;background-size:28px}.left-menu>ul>li.title>a>span:nth-child(1){display:block}.left-menu>ul>li.title>a>span:nth-child(2){display:none}.left-menu>ul>li.title>a>span.title{width:100%;color:#bfbfc6;text-decoration:none;font-size:9px;text-align:center;transition:all 100ms ease-out}.left-menu>ul>li.title:hover>a>span:nth-child(1){display:none}.left-menu>ul>li.title:hover>a>span:nth-child(2){display:block}.left-menu>ul>li.title:hover>a>span.title{color:#fff;transition:all 150ms ease-in}.left-menu>ul>li>.sub-menu{position:fixed;left:65px;top:64px;bottom:0;background-color:#444;width:300px;margin-left:-1px;overflow-y:auto;z-index:-1;padding-bottom:64px;visibility:hidden}.left-menu>ul>li>.sub-menu.visible{visibility:visible}.left-menu>ul>li:first-child>.sub-menu{border-top:none}.left-menu>ul>li>.sub-menu>.title{display:inline-block;width:100%;height:64px;line-height:64px;font-size:16px;font-weight:bold;padding-left:45px;color:#fff;background-position:15px center;background-repeat:no-repeat;background-color:#444;background-size:25px;box-sizing:border-box;text-transform:uppercase}.left-menu>ul>li>.sub-menu>.ss-title{display:block;padding:5px 10px;background-color:#e85301;color:#fff;font-size:18px;font-variant:small-caps;margin:0 5px}.left-menu>ul>li>.sub-menu>.ss-title:first-child{margin-top:5px}.left-menu>ul>li>.sub-menu>a{display:block;padding:7px 5px;color:#fff;border-bottom:1px solid #000;border-top:1px solid #5b5b5a;margin:0 5px}.left-menu>ul>li>.sub-menu>a:hover{background-color:#fff;color:#282828}.left-menu>ul>li>.sub-menu>a.link{display:inline-block !important;padding-right:30px;text-decoration:underline !important;color:#fff !important;background-repeat:no-repeat;background-size:15px;background-position:right center}.left-menu>ul>li>.sub-menu>a.link:hover{background-color:#fff !important}@media screen and (max-width:1024px){.left-menu{position:relative;bottom:auto;top:0;width:100%;max-width:100%;overflow-x:auto;height:50px;border-right:0}.left-menu>ul{width:375px}.left-menu>ul>li{float:left;width:75px;height:50px;border-right:1px solid #000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.left-menu>ul>li>a{width:50px;height:50px;box-shadow:0 0 0 0 #eaeaea;justify-content:center}.left-menu>ul>li.title>a{background-image:none;width:auto}.left-menu>ul>li.title>a>span{position:relative;font-size:12px;line-height:20px;overflow:hidden;padding:0 8px}.left-menu>ul>li.title>a>span[class*="ico-"]{width:auto;height:auto;background-size:20px}.left-menu>ul>li.title>a>span.title{width:auto;margin:0;line-height:12px;transition:none}.left-menu>ul>li>.sub-menu{top:100px;width:100%;left:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:none}}.page-container{margin:64px 0 0 64px}.page-container.public{margin:64px 0 0 0 !important}@media screen and (max-width:1024px){.page-container{margin:0}}.page-header{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;position:fixed;top:64px;left:64px;right:0;z-index:89;zoom:1;height:64px;margin:0;background-color:#fff;font-size:24px;padding:0 0 0 16px;color:#282828;font-weight:400;box-shadow:0 0 1px 1px rgba(0,0,0,.1)}.page-header-reserved-height{height:64px}.page-header.public{left:0}@media screen and (max-width:1024px){.page-header{position:unset;top:unset;left:unset;right:unset;height:auto;line-height:unset;margin:0 0 15px 0;box-shadow:0 2px 3px 0 rgba(40,40,40,.2);padding:10px 10px}.page-header-reserved-height{display:none}.page-header>.col>.row.margin-none.justify-right{justify-content:start}.page-header>.col{padding:5px 0 10px 0}.page-header>.page-title{padding:10px 0 5px 0}}.pageloading-holder{display:none}body.loading .pageloading-holder{display:block}.pageloading-holder>.overlay{position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;z-index:1000;cursor:wait}.top-header-holder{position:fixed;top:0;left:0;right:0;min-width:1200px;z-index:95;box-sizing:border-box;height:64px;background-color:#09367a}.top-header-holder>.top-header{box-sizing:border-box}.top-header-holder>.top-header .header-application{position:relative;display:flex;height:64px;flex:0 0 282px;flex-direction:row;align-items:center}.top-header-holder>.top-header .header-application>.environnement{position:absolute;bottom:5px;left:138px;font-size:10px;color:#fff;box-sizing:border-box;text-transform:uppercase;padding:0 4px;border-radius:2px}.top-header-holder>.top-header .header-application>.logo{display:block;flex:0 0 116px;width:116px;height:44px;margin:0 10px;background-image:url('../../images/layout/logo.png');background-position:left center;background-repeat:no-repeat}.top-header-holder>.top-header .header-application .home{display:block;flex:0 0 26px;width:26px;height:26px;margin-right:20px;background-repeat:no-repeat;background-position:center center;background-size:20px;border-radius:2px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(40,40,40,.3)}.top-header-holder>.top-header .header-application .title{display:block;height:64px;line-height:64px;margin-right:20px;font-size:20px;color:#fff;text-transform:uppercase;font-weight:bold}.top-header-holder>.top-header .header-application div[data-ctxmenu]{left:64px !important;right:0 !important}.top-header-holder>.top-header .header-search{align-items:center;height:64px}.top-header-holder>.top-header .header-search .autocomplete input{background-image:none;padding-right:8px;border-radius:15px;border:1px solid #005bbb}.top-header-holder>.top-header .header-search .autocomplete.open input{border-radius:15px 15px 0 0}.top-header-holder>.top-header .header-search .autocomplete input::placeholder{font-style:italic;font-size:12px;color:#282828}.top-header-holder>.top-header .header-search .autocomplete .result{padding-bottom:15px;border-radius:0 0 15px 15px}.top-header-holder>.top-header .header-search>.btn-group{margin-left:20px}.top-header-holder>.top-header .header-link{flex:0 0 325px;height:64px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;margin-right:10px}.top-header-holder>.top-header .header-link>.alert>span.n-alert{display:block;position:absolute;width:7px;height:7px;bottom:0;left:10px;border-radius:50%;background-color:#f00}.top-header-holder>.top-header .header-link>.alert>span.n-info{display:block;position:absolute;width:7px;height:7px;bottom:0;right:10px;border-radius:50%;background-color:#005bbb}.top-header-holder>.top-header .header-link>.alert>span.n-notif{display:block;position:absolute;width:auto;height:10px;padding:2px;top:4px;left:21px;border-radius:4px;background-color:#fe6728;color:#fff;font-size:9px;line-height:10px}.top-header-holder>.top-header .header-link>.link{display:block;position:relative;width:40px;height:40px;background-position:center center;background-repeat:no-repeat;background-size:20px;transition:all 100ms ease-out}.top-header-holder>.top-header .header-link>.link:hover{background-color:#f7f7f7;border-radius:50%;transition:all 150ms ease-in}.top-header-holder>.top-header .header-link>.account{position:relative;margin-left:5px;padding-left:10px;padding-right:10px;max-width:190px;color:#282828;transition:all 100ms ease-out;background-color:transparent;border-radius:4px;width:40px;height:64px}.top-header-holder>.top-header .header-link>.account:hover{background-color:#0469b7;border-radius:4px;transition:all 150ms ease-in}.top-header-holder>.top-header .header-link>.account:before{position:absolute;content:"";width:40px;height:40px;top:calc(50% - 20px);background-image:url('../../images/ico/account-white.svg');background-position:center center;background-repeat:no-repeat;background-size:35px}.top-header-holder>.top-header .header-link>.account.impersonate:before{background-image:url('../../images/ico/account-orange.svg')}.top-header-holder>.top-header .header-link>.account+.top-header-utilisateur-overlay>.holder{min-width:250px}.top-header-holder>.top-header .header-link>.account.logged-as{color:#fe6728}.top-header-holder>.top-header .header-link>.account.logged-as:before{background-image:url('../../images/ico/account-orange.svg')}.top-header-holder>.top-header .header-link>.account .role{font-size:12px}.top-header-holder>.top-header .header-link>.help{position:relative;margin-left:5px;padding-left:10px;padding-right:10px;max-width:190px;color:#282828;transition:all 100ms ease-out;background-color:transparent;border-radius:4px;width:40px;height:64px}.top-header-holder>.top-header .header-link>.help:hover{background-color:#0469b7;border-radius:4px;transition:all 150ms ease-in}.top-header-holder>.top-header .header-link>.help:before{position:absolute;content:"";width:40px;height:40px;top:calc(50% - 20px);background-image:url('../../images/ico/help-circle-white.svg');background-position:center center;background-repeat:no-repeat;background-size:35px}.top-header-holder>.top-header .header-link>.top-header-notification{position:relative;margin-left:5px;padding-left:10px;padding-right:10px;max-width:190px;color:#282828;transition:all 100ms ease-out;background-color:transparent;border-radius:4px;width:40px;height:64px}.top-header-holder>.top-header .header-link>.top-header-notification span{position:absolute;left:31px;top:6px;height:20px;line-height:20px;background-color:#e85301;border-radius:4px;color:#fff;padding:0 8px;font-size:.9em;white-space:nowrap}.top-header-holder>.top-header .header-link>.top-header-notification:hover{background-color:#0469b7;border-radius:4px;transition:all 150ms ease-in}.top-header-holder>.top-header .header-link>.top-header-notification:before{position:absolute;content:"";margin-top:3px;width:31px;height:31px;top:calc(50% - 20px);background-image:url('../../images/ico/alert-white.svg');background-position:center center;background-repeat:no-repeat;background-size:18px;border:2px solid #fff;background-position:center center;background-repeat:no-repeat;border-radius:34px}.top-header .header-search{width:50%}.top-header .autocomplete{margin-top:14px;width:100%}.top-header-holder>.top-header .header-application.environnement-dev>.environnement,.top-header-holder>.top-header .header-application.environnement-rec>.environnement{background-color:#fe6728}.top-header-holder>.top-header .header-application.environnement-trs>.environnement{background-color:#509e2f}.top-header-holder>.top-header .header-application.environnement-eti>.environnement{background-color:#c4d600}.top-header-holder>.top-header .header-application.environnement-ppd>.environnement,.top-header-holder>.top-header .header-application.environnement-pprod>.environnement{background-color:#09357a}.top-header-holder>.top-header .header-application.environnement-prod>.environnement,.top-header-holder>.top-header .header-application.environnement-prd>.environnement{padding:0}@media screen and (min-width:1024px) and (max-width:1250px){.top-header-holder{min-width:unset}.top-header-holder .header-search{width:30%}}@media screen and (max-width:1024px){.top-header-holder>.top-header.row{flex-wrap:nowrap}.top-header-holder{position:sticky;min-width:unset;height:50px}.top-header-holder>.top-header .header-application{flex:0 0 75px;height:50px}.top-header-holder>.top-header .header-application .home{margin:0 auto}.top-header-holder>.top-header .header-search{display:flex;height:50px;flex:1 !important;padding-right:10px}.top-header-holder>.top-header .header-search>.search{flex:1;margin-left:10px}.top-header-holder>.top-header .header-search>.btn-group{display:flex;margin-left:10px}.top-header-holder>.top-header .header-link,.top-header-holder>.top-header .header-application .title,.top-header-holder>.top-header .header-application>.environnement,.top-header-holder>.top-header .header-application>.logo{display:flex}.top-header-holder>.top-header .header-link>.account,.top-header-holder>.top-header .header-link>.help{height:50px;width:30px;padding-left:5px;padding-right:5px}.top-header-holder>.top-header .header-link>.account:before,.top-header-holder>.top-header .header-link>.help:before{top:calc(50% - 15px);width:30px;height:30px;background-size:25px}.top-header-holder>.top-header .header-link>.top-header-notification{height:50px;width:30px;padding-left:5px;padding-right:5px}.top-header-holder>.top-header .header-link>.top-header-notification span{position:absolute;left:21px;top:4px;height:14px;line-height:14px;font-size:.9em}.top-header-holder>.top-header .header-link>.top-header-notification:before{top:calc(50% - 15px);width:21px;height:21px;background-size:15px}.top-header-holder>.top-header .header-application>.logo{flex:0 0 90px;width:auto;background-size:auto 30px}.top-header-holder>.top-header .header-application{flex:0 0 270px}.top-header-holder>.top-header .header-application .title{font-size:15px;height:45px;line-height:45px}.top-header-holder>.top-header .header-application>.environnement{bottom:auto;right:12px;left:auto;top:18px;height:auto}.top-header-holder>.top-header .header-link{flex:1;height:auto}.top-header-holder>.top-header .header-search{display:none}.top-header-holder>.h-notification{float:right;margin:0 12px 0 12px;height:50px}.top-header-holder>.h-notification .ico{width:20px;height:20px;background-size:75%;margin-top:14px}.top-header-holder>.h-notification .nb{font-size:.7em;padding:0 5px;height:15px;line-height:15px}.top-header-holder>.link{width:35px;height:50px;background-size:70%}.top-header-holder>[data-env]{height:30px;margin:5px;padding:5px 5px;border-radius:4px}.top-header-holder .top-header .btn-group #aCtxAction{z-index:101}.top-header-holder .header-search{display:none}}.top-header-utilisateur-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;z-index:700;background-color:rgba(0,0,0,.3);overflow-y:auto;display:block}.top-header-utilisateur-overlay>.holder{position:absolute;top:68px;right:10px;width:180px}.top-header-utilisateur-overlay>.holder>.content{position:relative;background-color:#fff;box-shadow:0 2px 3px 0 rgba(40,40,40,.35);border:1px solid #bfbfc6;border-radius:4px;background-image:url('../../images/ico/ctx-account-grey.svg');background-position:center 15px;background-repeat:no-repeat;background-size:90px;padding:150px 20px 10px 20px;text-align:center}.top-header-utilisateur-overlay>.holder>.content>.title{position:relative;display:block;margin:-35px 0 8px 0;font-size:14px;font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;color:#282828}.top-header-utilisateur-overlay>.holder>.content>.subtitle{position:relative;display:block;margin:-5px 0 8px 0;font-size:12px;font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-weight:300;color:#3d3d3d}.top-header-utilisateur-overlay>.holder>.content>hr{border-bottom:solid 1px #bfbfc6;margin-bottom:10px}.top-header-utilisateur-overlay>.holder>.content>.close{position:absolute;top:12px;right:18px;height:22px;width:22px;background-image:url('../../images/ico/cross-grey.svg');background-position:center center;background-repeat:no-repeat;background-size:15px;transition:all 200ms ease-out}.top-header-utilisateur-overlay>.holder>.content>.close:hover{background-image:url('../../images/ico/cross-black.svg');background-position:center center;transition:all 150ms ease-out}.top-header-utilisateur-overlay>.holder>.content>.txt-center>a{display:block;padding:0 5px;font-size:12px;line-height:24px;text-transform:none;font-weight:400;border-radius:2px;min-width:100px;text-decoration:none}.top-header-utilisateur-overlay>.holder>.content>.txt-center>a.orange{background-color:#fe6728;color:#fff}.top-header-utilisateur-overlay>.holder>.content>.txt-center>a:hover{color:#fff;background-color:#0469b7}.top-header-utilisateur-overlay>.holder>.content>.txt-center>a.orange:hover{background-color:#f4a000}@media screen and (max-width:1024px){.top-header-utilisateur-overlay>.holder{top:55px}}