.authentication{height:100vh}.authentication h1{color:#21328a}.authentication .col-8{position:relative;display:flex;flex:0 0 66.66% !important;max-width:66.66% !important;flex-direction:column;align-items:start;justify-content:center;padding:40px;margin:0 !important;box-sizing:border-box;background-image:url(../../images/layout/authentication/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.authentication .col-8 p{position:relative;color:#fff;font-size:25px;line-height:25px;margin-bottom:10px;text-shadow:1px 1px 2px #282828}.authentication .col-8 p b{font-size:50px}.authentication .col-8 img{position:absolute;bottom:0;right:0;width:100%}.authentication .col-4{position:relative;display:flex;flex:0 0 33.33% !important;max-width:33.33% !important;align-items:center;justify-content:center;padding:20px;margin:0 !important;box-sizing:border-box;background-color:#fff}.authentication .col-4 .card{box-shadow:none}.authentication .col-4>.card{width:90%}.authentication .col-4 .card img{width:220px}.authentication .col-4 .card .card-body{flex:1;padding:10px 0}.authentication .col-4 .card .card-body{align-items:flex-end}.authentication .col-4 .card .card-body aside.row{justify-content:space-between}.authentication .col-4 .card .card-body .alp-software{position:absolute;display:flex;align-items:end;gap:5px;bottom:10px;right:20px}.authentication .col-4 .card .card-body .alp-software span{font-size:10px;color:#b1b1b1}.authentication .col-4 .card .card-body .alp-software img{display:block;height:15px;width:auto}@media screen and (max-width:1024px){.authentication{height:100vh}.authentication .col-8{display:none}.authentication .col-4{width:100% !important;min-width:100%;align-items:start;margin-bottom:0}.authentication .col-4 .card img{width:150px;margin:0 auto;display:block}.authentication .col-4 .card .card-body h1{margin-top:15px;text-align:center;padding:10px !important}.authentication .col-4 .card .card-body>p{margin-top:10px;text-align:center}.authentication .col-4 .card .card-body .row{justify-content:center}.authentication .col-4 .card .card-body .row .btn{margin-top:10px;width:100%}}.contentloading{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:#21328a}.contentloading.grey>.content div{background-color:#bfbfc6}.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)}}.page-container{margin:64px 10px 0 0}.page-container.public{margin:64px 10px 0 0 !important}@media screen and (max-width:1024px){.page-container{padding:0 5px;margin:64px 0 0 0}.page-container.public{margin:64px 0 0 0 !important}.page-container>.row{width:100%;margin:0 auto}}.page-header{position:sticky;top:64px;display:flex;align-items:center;justify-content:space-between;left:0;right:0;height:64px;padding:10px 0;background-color:#f9fafa;box-sizing:border-box;z-index:2}.page-header span{color:#bfbfc6;font-size:28px;padding-left:10px}.page-header.home{padding-left:10px;padding-right:50px}.page-header.home span{padding-left:0}.page-header.public{left:0}.page-header-action,.page-header-action .row{display:flex;position:relative;gap:10px;align-items:center}.page-header-action a{margin-bottom:0}@media screen and (max-width:1024px){.page-header{position:relative;flex-direction:column;align-items:flex-start;top:0;height:auto;padding-top:0;padding-bottom:10px;z-index:3}.page-header.home{height:auto;padding-left:0;padding-right:0}.page-header span{font-size:20px;padding-left:0}.page-header-action{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;flex-direction:row;justify-content:flex-start;align-content:center;gap:10px;width:100%;padding-top:10px}.page-header-action>.btn,.page-header-action>div{width:calc(50% - 5px)}.page-header-action>.ctx-list-holder{display:flex;align-items:stretch}.page-header-action>.ctx-list-holder>a{height:100%}.page-header-action div .btn{width:100%}.page-header-action a{margin-bottom:0}.page-header-action .ctx-list{left:0;right:0;top:calc(100% + 10px);min-width:100%;max-width:100%}}.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;width:100%;min-width:1200px;z-index:95;height:64px;background-color:#00a271}.top-header-holder>.top-header{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;margin:0;justify-content:space-between;box-sizing:border-box}.top-header-holder>.top-header .top-header-left,.top-header-holder>.top-header .top-header-right{position:relative;display:flex;gap:40px;flex:1;flex-direction:row;align-items:center;box-sizing:border-box}.top-header-holder>.top-header .top-header-left{padding-left:15px}.top-header-holder>.top-header .top-header-left>.logo{display:block;width:185px;height:45px;padding:0;background-image:url('../../images/layout/logo-white.svg');background-position:center;background-repeat:no-repeat;background-size:100% auto;box-sizing:border-box}.top-header-holder>.top-header .top-header-left div[data-ctxmenu]{left:64px !important;right:0 !important}.top-header-holder .top-header-menu-toggle{display:none}.top-header-holder>.top-header .top-header-menu-holder{height:100%}.top-header-holder>.top-header .top-header-menu-holder>ul{display:flex;gap:20px;padding:0;margin:0}.top-header-holder>.top-header .top-header-menu-holder>ul>li{display:block}.top-header-holder>.top-header .top-header-menu-holder>ul>li>a{position:relative;display:flex;flex-direction:column;justify-content:center;width:64px;height:64px;box-sizing:border-box;border-bottom:2px solid transparent;transition:background-color 100ms ease-out}.top-header-holder>.top-header .top-header-menu-holder>ul>li>a:hover{border-bottom:2px solid #fff;transition:all ease .3s}.top-header-holder>.top-header .top-header-menu-holder>ul>li.title>a>span[class*="ico-"]{width:100%;height:36px;background-repeat:no-repeat;background-position:center center;background-size:28px}.top-header-holder>.top-header .top-header-menu-holder>ul>li.title>a>span:nth-child(1){display:block}.top-header-holder>.top-header .top-header-menu-holder>ul>li.title>a>span:nth-child(2){display:none}.top-header-holder>.top-header .top-header-menu-holder>ul>li.title>a>span.title{width:100%;color:#fff;text-decoration:none;font-size:11px;text-align:center;transition:all 100ms ease-out}.top-header-holder>.top-header .top-header-menu-holder>ul>li.title:hover>a>span:nth-child(1){display:none}.top-header-holder>.top-header .top-header-menu-holder>ul>li.title:hover>a>span:nth-child(2){display:block}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu{position:fixed;top:64px;width:auto;height:auto;overflow-y:auto;z-index:-1;padding:30px;background-color:#fff;visibility:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu.visible{visibility:visible}.top-header-holder>.top-header .top-header-menu-holder>ul>li:first-child>.sub-menu{border-top:none}.top-header-holder>.top-header .top-header-menu-holder>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}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu>.ss-title{position:relative;display:block;padding:5px 10px;font-size:16px;font-weight:600;text-transform:uppercase;color:#21328a;margin:0 5px}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu>.ss-title:first-child{margin-top:5px}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu>.ss-title:before{content:"";position:absolute;width:5px;height:5px;left:-3px;top:calc(50% - 2px);border-radius:5px;background-color:#324ccd}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu>a{display:block;padding:5px 5px 5px 20px;color:#7a7a7a;margin:0 5px}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu>a:hover{color:#282828;transition:all ease .3s}.top-header-holder>.top-header .top-header-menu-holder>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}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu>a.link:hover{background-color:#fff !important;transition:all ease .3s}.top-header-holder>.top-header .top-header-account-holder{height:100%;align-items:center;justify-content:flex-end;flex-wrap:nowrap;box-sizing:border-box}.top-header-holder>.top-header .top-header-account-holder>a{display:flex;position:relative;flex-direction:column;justify-content:center;color:#fff;height:100%;min-width:120px;border-left:1px solid #fff;box-sizing:border-box;transition:all ease .3s;border-bottom:2px solid transparent}.top-header-holder>.top-header .top-header-account-holder>.account{display:flex;flex-direction:column;justify-content:center;height:64px}.top-header-holder>.top-header .top-header-account-holder>.account>span[class*="ico-"]{width:100%;height:36px;background-repeat:no-repeat;background-position:center center;background-size:28px}.top-header-holder>.top-header .top-header-account-holder>.account>p{display:flex;align-items:flex-end;justify-content:center;margin:0;color:#fff;font-size:11px;transition:all ease .3s}.top-header-holder>.top-header .top-header-right{justify-content:flex-end;gap:0}.top-header-menu-holder{height:100%}.top-header-menu-holder>ul{display:flex;gap:20px;padding:0;margin:0}.top-header-menu-holder>ul>li{display:block}.top-header-menu-holder>ul>li>a{position:relative;display:flex;flex-direction:column;justify-content:center;width:64px;height:64px;box-sizing:border-box;border-bottom:2px solid transparent;transition:background-color 100ms ease-out}.top-header-menu-holder>ul>li>a:hover{border-bottom:2px solid #324ccd;transition:all ease .3s}.top-header-menu-holder>ul>li.title>a>span[class*="ico-"]{width:100%;height:36px;background-repeat:no-repeat;background-position:center center;background-size:28px}.top-header-menu-holder>ul>li.title>a>span:nth-child(1){display:block}.top-header-menu-holder>ul>li.title>a>span:nth-child(2){display:none}.top-header-menu-holder>ul>li.title:hover>a>span:nth-child(1){display:none}.top-header-menu-holder>ul>li.title:hover>a>span:nth-child(2){display:block}.top-header-menu-holder>ul>li.title:hover>a>span.title{color:#21328a;transition:all ease .3s}.top-header-menu-holder>ul>li>.sub-menu{position:fixed;top:64px;width:auto;height:auto;overflow-y:auto;z-index:-1;padding:30px;background-color:#fff;visibility:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.top-header-menu-holder>ul>li>.sub-menu.visible{visibility:visible}.top-header-menu-holder>ul>li:first-child>.sub-menu{border-top:none}.top-header-menu-holder>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}.top-header-menu-holder>ul>li>.sub-menu>.ss-title{position:relative;display:block;padding:5px 10px;font-size:16px;font-weight:600;text-transform:uppercase;color:#007954;margin:0 5px}.top-header-menu-holder>ul>li>.sub-menu>.ss-title:first-child{margin-top:5px}.top-header-menu-holder>ul>li>.sub-menu>.ss-title:before{content:"";position:absolute;width:5px;height:5px;left:-3px;top:calc(50% - 2px);border-radius:5px;background-color:#21328a}.top-header-menu-holder>ul>li>.sub-menu>a{display:block;padding:5px 5px 5px 20px;color:#7a7a7a;margin:0 5px}.top-header-menu-holder>ul>li>.sub-menu>a:hover{color:#282828;transition:all ease .3s}.top-header-menu-holder>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}.top-header-menu-holder>ul>li>.sub-menu>a.link:hover{background-color:#fff !important;transition:all ease .3s}@media screen and (max-width:1250px){.top-header-holder{min-width:unset}}@media screen and (max-width:1024px){hidden-large{display:block}.top-header-holder{height:50px}.top-header-holder>.top-header{padding:0;align-items:center}.top-header-holder>.top-header .top-header-left,.top-header-holder>.top-header .top-header-right{height:30px}.top-header-holder>.top-header .top-header-menu-toggle{display:flex;flex-direction:column;align-items:flex-start;width:80px;cursor:pointer;border:none;background:none;z-index:2}.top-header-holder>.top-header .top-header-menu-toggle .bar{position:relative;width:30px;height:3px;margin:3px 0;background-color:#fff;border-radius:5px;transition:.4s}.top-header-holder>.top-header .top-header-menu-toggle.open .bar{background-color:#21328a;z-index:2}.top-header-holder>.top-header .top-header-menu-toggle.open .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.top-header-holder>.top-header .top-header-menu-toggle.open .bar:nth-child(2){opacity:0}.top-header-holder>.top-header .top-header-menu-toggle.open .bar:nth-child(3){transform:rotate(45deg) translate(-7px,-8px)}.top-header-holder>.top-header .top-header-menu-holder{height:100%;visibility:hidden}.top-header-holder>.top-header .top-header-menu-holder.visible{visibility:visible}.top-header-holder>.top-header .top-header-menu-holder>ul{position:absolute;display:flex;flex-direction:column;top:40px;left:0;gap:10px;width:80px;height:calc(100vh - 50px);padding:0;margin:0;background:#00a271}.top-header-holder>.top-header .top-header-menu-holder>ul:after{content:"";position:absolute;top:0;left:80px;width:calc(100vw - 80px);height:calc(100vh - 50px);opacity:.5;background:#000}.top-header-holder>.top-header .top-header-menu-holder>ul>li{display:flex;flex-direction:column;align-items:center}.top-header-holder>.top-header .top-header-menu-holder>ul>li>a{width:80px;height:50px}.top-header-holder>.top-header .top-header-menu-holder>ul>li.title>a>span.title{font-size:10px;margin-bottom:3px}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu{position:fixed;top:50px;left:80px;width:calc(100vw - 80px);height:calc(100vh - 50px);overflow:auto;padding:30px;background-color:#fff;visibility:hidden;box-shadow:none;box-sizing:border-box;z-index:2}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu>.ss-title{padding:10px;margin:0;margin-top:15px}.top-header-holder>.top-header .top-header-menu-holder>ul>li>.sub-menu>.ss-title:first-child{margin:0}.top-header-holder>.top-header .top-header-left{gap:0;flex-direction:row-reverse;justify-content:flex-end}.top-header-holder>.top-header .top-header-menu-toggle{width:auto;margin-right:15px}.top-header-holder>.top-header .top-header-left>.logo{width:150px;height:30px;background-size:auto 100%;background-position:center}.top-header-holder>.top-header .top-header-right{flex-direction:row-reverse;justify-content:flex-start}.top-header-holder>.top-header .top-header-right .container-menu.active{top:50px;max-height:calc(100vh - 64px);width:50vw;min-width:150px}}.top-header-holder>.top-header .top-header-menu-holder .top-header-account-holder.hidden-large{display:none}.top-header-account .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}.top-header-account.invisible{display:none}.top-header-account.visible{display:block}.top-header-account>.content{position:absolute;top:64px;right:0;width:180px;text-align:center;padding:130px 20px 20px 20px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(40,40,40,.2);background-image:url('../../images/ico/account-black.svg');background-position:center 30px;background-repeat:no-repeat;background-size:50px;z-index:701}.top-header-account .content .environnement{font-size:10px;color:#fff;box-sizing:border-box;text-transform:uppercase;padding:0 4px;border-radius:2px}.top-header-account .content .title{position:relative;display:block;margin:-35px 0 8px 0;font-size:14px;font-family:Segoe UI,Tahoma,Arial,Verdana;color:#282828}.top-header-account .content .environnement-holder{display:flex;gap:10px;align-items:center;justify-content:center}.top-header-account .content .environnement-holder div[class^="environnement-code"]{padding:2px 5px;border-radius:2px}.top-header-account .content .subtitle{position:relative;display:block;margin:-5px 0 8px 0;font-size:12px;font-family:Segoe UI,Tahoma,Arial,Verdana;font-weight:300;color:#3d3d3d}.top-header-account .content hr{border-bottom:solid 1px #bfbfc6;margin-bottom:10px}.top-header-account .content .txt-center a{display:inline-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-account .content .txt-center a:hover{color:#fff;background-color:#21328a}.top-header-account .content .environnement-holder .environnement-code-dev,.top-header-account .content .environnement-holder .environnement-code-rec{color:#fff;background-color:#e53946}.top-header-account .content .environnement-holder .environnement-code-trs{color:#fff;background-color:#509e2f}.top-header-account .content .environnement-holder .environnement-code-eti{background-color:#c4d600}.top-header-account .content .environnement-holder .environnement-code-ppd,.top-header-account .content .environnement-holder .environnement-code-pprod{color:#fff;background-color:#09357a}.top-header-account .content .environnement-holder .environnement-code-prod,.top-header-account .content .environnement-holder .environnement-code-prd{padding:0}@media screen and (max-width:1024px){.top-header-account-holder{display:none}.top-header-holder>.top-header .top-header-menu-holder .top-header-account-holder.hidden-large{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;bottom:0;right:calc(50% - 15px);height:60px;width:30px;padding:0;border:none;cursor:pointer}.top-header-holder>.top-header .top-header-menu-holder .top-header-account-holder.hidden-large>a{height:80px;width:80px;min-width:80px;border:none}.top-header-holder>.top-header .top-header-account-holder>a{min-width:0;border-left:0}.top-header-holder>.top-header .top-header-account-holder>.account>p{font-size:10px}.top-header-holder>.top-header .top-header-menu-holder .top-header-account-holder.hidden-large .content{position:fixed;top:50px;left:80px;width:calc(100vw - 80px);height:calc(100vh - 50px);box-sizing:border-box;color:#282828}}