/** [PADI]  
* Parcours Digital online
* @version: 2.0.1
* @build at Mon Oct 12 2022 21:37:58 GMT+0200 (GMT+02:00)
* @hash 1602531478852
  **/ 
 /** [PADI]  
* v1.7.0 - Tue Mar 09 2021 10:37:21 GMT+0100 (heure normale d’Europe centrale) - 1615282641526
  **/ 
 :root,html{--padi-contrast:#f3cd12;--padi-darkContrast:#e9b816;--padi-base:#333745;--padi-baseAlpha02:rgba(214,143,0,0.2);--padi-baseAlpha04:rgba(214,143,0,0.4);--padi-baseLighter5:#f0a000;--padi-baseLighter20:#ffc757;--padi-baseDesaturate:#e3c17d;--padi-darkBase:#d8882c;--padi-greyLighterAlpha01:hsla(0,0%,87.1%,0.1);--padi-greyLighterAlpha04:hsla(0,0%,87.1%,0.4);--padi-sand:#fff;--padi-textAlpha08:rgba(59,59,59,0.8);--padi-filter-background-color:#f8cf7c}@font-face{font-family:amatic;src:url(../fonts/amaticsc-regular-webfont.woff2) format("woff2"),url(../fonts/amaticsc-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:amatic;src:url(../fonts/amaticsc-bold-webfont.woff2) format("woff2"),url(../fonts/amaticsc-bold-webfont.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:sanchez regular numbers;src:url(../fonts/sanchez-regular-numbers.eot);src:url(../fonts/sanchez-regular-numbers.eot?#iefix) format("embedded-opentype"),url(../fonts/sanchez-regular-numbers.woff) format("woff"),url(../fonts/sanchez-regular-numbers.ttf) format("truetype"),url(../img/sanchez-regular-numbers.svg#sanchez-regular-numbers) format("svg");font-weight:400;font-style:normal}[class*=icon-]:before{display:inline-block;font-family:sanchez regular numbers;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 :root,html{--padi-greyDarker5:#3c3c3c;--padi-buttonHoverBg:#77c4d3;--padi-buttonHoverText:#333745;--padi-greyDarker:#77c4d3;--padi-greyDarker10:#303030;--padi-greyDarkerAlpha09:rgba(73,73,73,0.9);--padi-greyDarkerAlpha04:rgba(73,73,73,0.9);
            --padi-grey:#777;--padi-greyAlpha02:hsla(0,0%,46.7%,0.2);--padi-greyLight:#999;--padi-greyLightLighter20:ligthen(#999,20%);--padi-greyLightAlpha02:hsla(0,0%,60%,0.2);--padi-greyLightAlpha04:hsla(0,0%,60%,0.4);
            --padi-greyLightAlpha01:hsla(0,0%,60%,0.1);--padi-greyLighter:#dedede;--padi-greyLighterAlpha02:hsla(0,0%,87.1%,0.2);--padi-smokeLight:#fbfbfb;--padi-back:#fff;--padi-backAlpha01:hsla(0,0%,100%,0.1);
            --padi-backAlpha0:hsla(0,0%,100%,0);--padi-text:#333745;--padi-textDarker20:#070707;--padi-text-contrast:#fff;--padi-icon:#d73f55;--padi-error:#d73f55;--padi-errorDarker10:#bc273d;--padi-errorSaturate10:#e3334d;
            --padi-success:#8ec549;--padi-successDarker10:#74a635;--padi-successSaturate10:#8fd13d;--padi-warning:#e5b643;--padi-warningDarker10:#d7a11e;--padi-warningSaturate10:#f0ba38;--padi-link:#4a90e2;
            --padi-highlight-text:#fff;--padi-highlight-background:#494949};
 
 .icon-0:before{content:"0"}
 .icon-1:before{content:"1"}
 .icon-2:before{content:"2"}
 .icon-3:before{content:"3"}
 .icon-4:before{content:"4"}
 .icon-5:before{content:"5"}
 .icon-6:before{content:"6"}
 .icon-7:before{content:"7"}
 .icon-8:before{content:"8"}
 .icon-9:before{content:"9"}
 
 #app__header{min-width:94px;background-color:var(--padi-base)}@media screen and (min-width:928px)and (max-width:2480px){#app__header{min-width:226px}}#app__content{justify-content:center;align-items:center}
 
 
 .page--login #app--header h1{color:var(--padi-back);font-family:source sans pro,arial,sans-serif}
 
 
 .content__breadcrumb{text-transform:uppercase;font-size:1.2rem;padding-left:1rem}
 .content__breadcrumb .content__separator{color:var(--padi-base);font-size:2rem;line-height:0;vertical-align:-.25rem}
 .content__breadcrumb .content__activite-manuel,.content__breadcrumb i[class*=i-padi--]{color:var(--padi-base)}
 .content__consigne>*{background-color:var(--padi-sand);color:var(--padi-text);border-radius:99rem 0 0 99rem;display:inline-block;padding:.25rem 1rem .25rem 3rem;font-size:1.2rem}
 
 
 .btn.btn-primary{color:var(--padi-text-contrast);background-color:var(--padi-base);border-color:var(--padi-base)}
 .btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover,.btn.btn-primary:not(:disabled):not(.disabled).active,.btn.btn-primary:not(:disabled):not(.disabled):active{background-color:var(--padi-contrast);border-color:var(--padi-contrast)}
 .btn.btn-secondary{color:var(--padi-text-contrast);background-color:var(--padi-grey);border-color:var(--padi-grey)}
 .btn.btn-secondary:active,.btn.btn-secondary:focus,.btn.btn-secondary:hover,.btn.btn-secondary:not(:disabled):not(.disabled).active,.btn.btn-secondary:not(:disabled):not(.disabled):active{background-color:var(--padi-greyDarker10);border-color:var(--padi-greyDarker10)}
 .btn.btn--clipboard{color:var(--padi-text-contrast);background-color:var(--padi-base)}
 .btn.btn--clipboard:active,.btn.btn--clipboard:focus,.btn.btn--clipboard:hover,.btn.btn--clipboard:not(:disabled):not(.disabled).active,.btn.btn--clipboard:not(:disabled):not(.disabled):active{background-color:var(--padi-contrast);border-color:var(--padi-contrast)}
 .btn.btn--view{color:var(--padi-text-contrast);background-color:var(--padi-base)}
 .btn.btn--view:active,.btn.btn--view:focus,.btn.btn--view:hover,.btn.btn--view:not(:disabled):not(.disabled).active,.btn.btn--view:not(:disabled):not(.disabled):active{background-color:var(--padi-contrast);border-color:var(--padi-contrast)}
 .btn.btn--delete,.btn.btn-danger{color:var(--padi-text-contrast);background-color:var(--padi-error);border-color:var(--padi-error)}
 .btn.btn--delete:active,.btn.btn--delete:focus,.btn.btn--delete:hover,.btn.btn--delete:not(:disabled):not(.disabled).active,.btn.btn--delete:not(:disabled):not(.disabled):active,.btn.btn-danger:active,.btn.btn-danger:focus,.btn.btn-danger:hover,.btn.btn-danger:not(:disabled):not(.disabled).active,.btn.btn-danger:not(:disabled):not(.disabled):active{background-color:var(--padi-errorDarker10);border-color:var(--padi-errorDarker10)}
 
 .popper.popper--padi{border:1px solid var(--padi-base)}
 .popper.popper--padi[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--padi-base)}
 .popper.popper--padi .popper__head{background-color:var(--padi-base);color:var(--padi-back)}
 .burger-menu div span{background-color:var(--padi-back)}
 
 
 .menu-activites .menu-activites__etape{margin:0}
 .menu-activites .menu-activites__etape .menu-activites__card{min-width:230px;max-width:230px;margin:2%;height:230px;min-height:230px;max-height:230px;border-radius:0;background-color:var(--padi-back);color:var(--padi-text);padding:.8rem;position:relative}
 .menu-activites .menu-activites__etape .menu-activites__card>*{position:relative;z-index:5}
 .menu-activites .menu-activites__etape .menu-activites__card:before{content:"";display:block;position:absolute;top:50%;left:0;width:50%;height:100px;transform:translateY(-50%);z-index:1}
 .menu-activites .menu-activites__etape .menu-activites__card.menu-activites__card--first-child{padding:0;border-width:0;display:flex;align-items:center;cursor:default;box-shadow:0 0 0 transparent;font-family:amatic,source sans pro,arial,sans-serif;font-size:5rem;font-weight:600;text-align:center}
 .menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title{padding-top:1px;flex-direction:column;font-size:2rem;font-weight:600;color:var(--padi-textAlpha08)}
 .menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title .number--big{margin:1.2rem 0 0;font-size:3rem;font-weight:800;display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:var(--padi-back);border-radius:99rem;position:relative;font-family:sanchez regular numbers,source sans pro,arial,sans-serif}
 .menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title .number--big:after{content:"";display:block;position:absolute;top:0;left:50%;width:.5rem;height:100%;transform:translateX(-50%);background:var(--padi-back);background:linear-gradient(0deg,var(--padi-back),var(--padi-back) 20%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 80%,var(--padi-back) 0,var(--padi-back))}
 .menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title .number--big:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:99rem;transform:rotate(45deg)}
 .menu-activites .menu-activites__etape .menu-activites__card article{font-size:1.3rem;font-weight:800;color:var(--padi-text);text-align:center;margin-top:.6rem;display:flex;justify-content:center;align-items:center;height:40px}
 .menu-activites__card{border:1rem solid transparent}
 .menu-activites__card:before{background-color:transparent}
 
 .menu-activites__lecon{border-radius:0}

 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li{text-align:left;margin-bottom:2rem}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>.header,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>.header{border:none;padding:.25rem 2rem;border-radius:0 1rem 1rem 0;display:inline-block;margin-left:0;color:var(--padi-back);text-align:left;font-weight:400;font-size:1.9rem}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>.header>.digit,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>.header>.digit{font-weight:600;font-size:1.7rem;font-family:sanchez regular numbers,source sans pro,arial,sans-serif}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul{padding:1rem 0}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a{justify-content:flex-start;align-items:center;margin:1rem 0;padding:0;border-radius:0;min-width:24rem;color:var(--padi-text);text-align:left;font-size:1.9rem;font-weight:400;display:flex;justify-content:space-between}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a .digit,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a .digit,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a .digit,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a .digit{padding:.25rem 0;text-align:center;order:-1;background-color:#333745;color:var(--padi-back);min-width:46px;height:100%;margin-right:1rem}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a .digit:hover,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a .digit:hover,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a .digit:hover,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a .digit:hover{background-color:#ffffff;color:#333745;}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a .activite__in-book-too{display:flex;align-items:center;font-size:1.2rem;margin-right:.5rem}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a .activite__in-book-too i,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a .activite__in-book-too i,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a .activite__in-book-too i,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a .activite__in-book-too i{font-size:1.2em;line-height:1.9rem;margin-right:.25rem}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a:active .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a:focus .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a:hover .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:active .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:focus .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:hover .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a:active .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a:focus .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a:hover .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a:active .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a:focus .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a:hover .activite__in-book-too{color:var(--padi-back)!important}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li>ul>li a>span,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a>span,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li>ul>li a>span,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite>li a>span{display:flex;align-items:center}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon{justify-content:center}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li{min-width:40%;max-width:40%}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a{display:flex;justify-content:flex-start;align-items:center;margin:1rem 0;border-radius:0;min-width:24rem;color:var(--padi-text);text-align:left;font-size:2rem;font-weight:400;justify-content:center;color:var(--padi-back);padding:.25rem .75rem;text-align:center}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a .digit{padding:.25rem 0;text-align:center;order:-1;background-color:grey;color:var(--padi-back);min-width:46px;height:100%;margin-right:1rem}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a .activite__in-book-too{display:flex;align-items:center;font-size:1.2rem;margin-right:.5rem}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a .activite__in-book-too i{font-size:1.2em;line-height:1.9rem;margin-right:.25rem}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:active .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:focus .activite__in-book-too,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:hover .activite__in-book-too{color:var(--padi-back)!important}
 .menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:active,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:focus,.menu-activites__lecon.menu-activites__lecon .menu-activites__activite>ul.activite.activite--group-lecon>li a:hover{color:var(--padi-back)}
 
 .main-navbar .main-navbar__list .main-navbar__link{background-color:var(--padi-back);color:var(--padi-text)}
 .main-navbar .main-navbar__list a.main-navbar__link:hover{background-color:var(--padi-text);color:var(--padi-back);text-decoration:underline}
 .main-navbar .main-navbar__brand{color:var(--padi-back)}@media screen and (min-width:2480px){.main-navbar{background-color:var(--padi-back)}
 .main-navbar .main-navbar__list .main-navbar__link:before{background-color:var(--padi-greyLighter)}
 .main-navbar .main-navbar__list a.main-navbar__link:hover{background-color:var(--padi-smokeLight);color:var(--padi-text);border-bottom-color:var(--padi-buttonHoverBg)}
 .main-navbar .main-navbar__list a.main-navbar__link:after{background-color:var(--padi-buttonHoverBg)}
 .main-navbar .main-navbar__brand{color:var(--padi-greyLight)}}
 .form-panel .form-panel__head{background-color:var(--padi-base);color:var(--padi-back);font-family:source sans pro,arial,sans-serif}
 .form-panel .form-panel__head:active,.form-panel .form-panel__head:focus,.form-panel .form-panel__head:hover{background-color:var(--padi-contrast)}
 .form-panel .form-panel__body{background-color:var(--padi-smokeLight)}
 .form-check--thumbs{background-color:#fff;border:1px solid #e8e8e8}
 .form-check--thumbs.form-check--active,.form-check--thumbs:active,.form-check--thumbs:focus,.form-check--thumbs:hover{border-color:var(--padi-base)}
 .form-check--thumbs.form-check--active .form-check-label,.form-check--thumbs:active .form-check-label,.form-check--thumbs:focus .form-check-label,.form-check--thumbs:hover .form-check-label{color:var(--padi-base)}
 .modal-box{background-color:rgba(0,0,0,.5)}
 .modal-box .modal-box__dialog{box-shadow:0 0 20px rgba(0,0,0,.2)}
 .modal-box .modal-box__content{border-color:var(--padi-text-contrast)}
 .modal-box .modal-box__header{background-color:var(--padi-base)}
 .modal-box .modal-box__header .close{color:var(--padi-text-contrast)}
 .modal-box .modal-box__header .close:active,.modal-box .modal-box__header .close:focus,.modal-box .modal-box__header .close:hover{border:1px solid var(--padi-text-contrast)}
 .modal-box .modal-box__header .modal-box__title{color:var(--padi-text-contrast)}
 .modal-box .modal-box__body p{color:var(--padi-text)}
 .viewstack-panel{background-color:var(--padi-back)}
 .viewstack-panel:before{border-right-color:var(--padi-back)}@media screen and (min-width:2480px){.viewstack-panel:before{border-bottom-color:var(--padi-base)}}
 .viewstack-panel.viewstack-panel__arrow--head:before{border-right-color:var(--padi-base)}@media screen and (min-width:2480px){.viewstack-panel.viewstack-panel__arrow--head:before{border-bottom-color:var(--padi-base)}}
 .viewstack-panel.viewstack-panel__arrow--body:before{border-right-color:var(--padi-back)}@media screen and (min-width:2480px){.viewstack-panel.viewstack-panel__arrow--body:before{border-bottom-color:var(--padi-base)}}
 .viewstack-panel .viewstack-panel__head{background-color:var(--padi-base);color:var(--padi-back)}
 .viewstack-panel .viewstack-panel__head .viewstack-panel__close:active,.viewstack-panel .viewstack-panel__head .viewstack-panel__close:focus,.viewstack-panel .viewstack-panel__head .viewstack-panel__close:hover{border-color:var(--padi-back)}
 .viewstack-panel.viewstack-panel--activities{background-color:var(--padi-back)}
 .viewstack-panel.viewstack-panel--activities .viewstack-panel__head{color:var(--padi-base)}
 .viewstack-panel.viewstack-panel--activities .viewstack-panel__head>div:first-child{border:4px solid var(--padi-base)}
 .viewstack-panel.viewstack-panel--activities .viewstack-panel__head .viewstack-panel__close:active,.viewstack-panel.viewstack-panel--activities .viewstack-panel__head .viewstack-panel__close:focus,.viewstack-panel.viewstack-panel--activities .viewstack-panel__head .viewstack-panel__close:hover{border-color:var(--padi-base)}
 .viewstack-panel.viewstack-panel--activities .viewstack-panel__body .viewstack-panel--activities__toolbar{background-color:#333745!important;}
 .lesson__header {background-color:#333745;padding-right:0!important;}
 .lesson__header a {color: #ffffff!important;}
 .messenger .messenger-list.messenger-list--loading-fake .message-list--fake{background-color:var(--padi-greyLighterAlpha04)}
 .messenger .messenger-list.messenger-list--loading-fake .message-list--fake:nth-child(2n){background-color:var(--padi-greyLighterAlpha01)}
 .message-list tr.message-list--unread .message-list__bullet:before{background-color:var(--padi-base)}
 .message-list tr.message-list--disabled{color:var(--padi-greyLight)}
 .scrollbar::-webkit-scrollbar-track{background-color:var(--padi-back)}
 .scrollbar::-webkit-scrollbar{background-color:transparent}
 .scrollbar::-webkit-scrollbar-thumb{background-color:var(--padi-base)}
 .progression-tree .progression-tree__item .progression-tree__element .progression-tree__bar .progress-bar--low{background-color:var(--padi-errorSaturate10)}
 .progression-tree .progression-tree__item .progression-tree__element .progression-tree__bar .progress-bar--medium{background-color:var(--padi-warningSaturate10)}
 .progression-tree .progression-tree__item .progression-tree__element .progression-tree__bar .progress-bar--high{background-color:var(--padi-successSaturate10)}
 .progression-working .progression-working__handle{background-color:var(--padi-base)}
 .progression-working .progression-working__handle.progression-working__handle--to-left:before{border-right-color:var(--padi-back)}
 .progression-working .progression-working__handle.progression-working__handle--to-right:before{border-left-color:var(--padi-back)}
 .progression-working .progression-working-stage .progression-working-stage__color{background-color:var(--padi-base)}
 .progression-working .progression-working-stage .progression-working-stage__color.progression-working-stage__color--low{background-color:var(--padi-errorSaturate10)}
 .progression-working .progression-working-stage .progression-working-stage__color.progression-working-stage__color--medium{background-color:var(--padi-warningSaturate10)}
 .progression-working .progression-working-stage .progression-working-stage__color.progression-working-stage__color--high{background-color:var(--padi-successSaturate10)}
 .progression-working-stage__list{-moz-column-rule:1px solid var(--padi-base);column-rule:1px solid var(--padi-base)}
 .progression-working-stage__list>.progression-working-stage__item .progression-working-stage__label:before{border-left-color:var(--padi-base)}
 .form--default.message-new-form .form-group__dest .badge,.form--default.message-reply-form .form-group__dest .badge{background-color:var(--padi-base)}
 .form--default.message-new-form .form-group__dest .badge:hover,.form--default.message-reply-form .form-group__dest .badge:hover{background-color:var(--padi-baseAlpha04)}
 .form--default.message-new-form{background-color:var(--padi-smokeLight)}
 .table-filter-search .table tr>th{color:var(--padi-base)}
 .table-filter-search .table thead th{border-bottom-color:var(--padi-base)}
 .table-filter-search.table-filter-search--loading-fake .table-list--fake tr>td>div>div.btn{color:var(--padi-greyLightAlpha02);background-color:var(--padi-greyLightAlpha02)}
 .table-filter-search.table-filter-search--loading-fake .table-list--fake tr>th>div{color:var(--padi-baseAlpha02);background-color:var(--padi-baseAlpha02)}
 .paginate .paginate__list>li>a{background-color:var(--padi-base);color:var(--padi-text-contrast)}
 .paginate .paginate__list>li.active>a,.paginate .paginate__list>li>a:active,.paginate .paginate__list>li>a:focus,.paginate .paginate__list>li>a:hover{background-color:var(--padi-contrast)}
 .paginate .paginate__list>li.disabled>a:active,.paginate .paginate__list>li.disabled>a:focus,.paginate .paginate__list>li.disabled>a:hover{background-color:var(--padi-greyLighter)}
 .notifications .vue-notification{color:var(--padi-text-contrast);background:var(--padi-base);border-top:5px solid var(--padi-base)}
 .notifications .vue-notification.warn{background:var(--padi-warning);border-color:var(--padi-warning)!important;border-top-color:var(--padi-warningDarker10)}
 .notifications .vue-notification.danger,.notifications .vue-notification.error{background:var(--padi-error);border-color:var(--padi-error)!important;border-top-color:var(--padi-errorDarker10)}
 .notifications .vue-notification.success{background:var(--padi-success);border-color:var(--padi-success)!important;border-top-color:var(--padi-successDarker10)}
 .filter-engine ul .filter-engine__filter{background-color:#333745!important; color:var(--padi-text);margin:0;border-right:1px solid var(--padi-back)}
 .filter-engine ul:first-child{border-left:1px solid var(--padi-back)}
 activities .viewstack-panel__body .viewstack-panel--activities__toolbar { background-color:#333745!important; }
 .filter-engine ul .filter-engine__filter .filter-engine__name{font-size:1.2rem;font-weight:400}
 .filter-engine ul .filter-engine__filter.filter-engine__filter--active,.filter-engine ul .filter-engine__filter:active,.filter-engine ul .filter-engine__filter:focus,.filter-engine ul .filter-engine__filter:hover{border-bottom-color:var(--padi-smokeLight);box-shadow:inset 0 0 100px rgba(0,0,0,.1)}
 .filter-results .filter-results__list .filter-results__item{border:1px solid var(--padi-greyLighterAlpha02);background-color:var(--padi-smokeLight)}
 .filter-results .filter-results__list .filter-results__item:active,.filter-results .filter-results__list .filter-results__item:focus,.filter-results .filter-results__list .filter-results__item:hover{background-color:var(--padi-greyLighter);box-shadow:0 0 0 2px #fff,0 0 0 6px var(--padi-greyLighterAlpha02)}
 .filter-results .filter-results__list .filter-results__item .filter-results__tree{color:var(--padi-grey)}
 .search-engine .form-input{border:1px solid var(--padi-back)}
 .search-engine .form-input,.search-engine .form-input input{background-color:var(--padi-back)}
 .search-engine .form-input i{color:var(--padi-greyLight)}
 .search-engine .form-input i:active,.search-engine .form-input i:focus,.search-engine .form-input i:hover{color:var(--padi-greyDarker)}@media screen and (min-width:2480px){.parcours-brand{width:120px}}#scene__view.is-mobileAndTabletCheck{background-color:var(--padi-base)}
 .scene__next{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:0;bottom:30px;z-index:1;transform:translateY(50%);box-shadow:0 0 0 transparent;border-radius:99rem;padding:.5rem;min-width:200px;max-width:200px;cursor:pointer;color:var(--padi-text-contrast);font-size:1.2rem;font-weight:600}
 .scene__next:after,.scene__next:before{content:"";display:block}
 .scene__next:before{min-width:2.8rem;min-height:2.8rem;border-radius:99rem;background-color:var(--padi-back);margin-left:1rem;order:100}
 .scene__next:after{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);border:10px solid transparent;border-left:10px solid var(--padi-grey)}
 .scene__next:active,.scene__next:focus,.scene__next:hover{background-color:transparent;transition:box-shadow .3s,background-color .3s;box-shadow:0 5px 11px 0 rgba(0,0,0,.05),0 4px 15px 0 rgba(0,0,0,.05);text-decoration:none;color:var(--padi-text-contrast)}
 .scene__previous{display:flex;justify-content:flex-start;align-items:center;position:absolute;left:0;bottom:30px;z-index:1;transform:translateY(50%);box-shadow:0 0 0 transparent;border-radius:99rem;padding:.5rem;min-width:200px;max-width:200px;cursor:pointer;color:var(--padi-text-contrast);font-size:1.2rem;font-weight:600}
 .scene__previous:after,.scene__previous:before{content:"";display:block}
 .scene__previous:before{min-width:2.8rem;min-height:2.8rem;border-radius:99rem;background-color:var(--padi-back);margin-right:1rem;order:-1}
 .scene__previous:after{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);border:10px solid transparent;border-right:10px solid var(--padi-grey)}
 .scene__previous:active,.scene__previous:focus,.scene__previous:hover{background-color:transparent;transition:box-shadow .3s,background-color .3s;box-shadow:0 5px 11px 0 rgba(0,0,0,.05),0 4px 15px 0 rgba(0,0,0,.05);text-decoration:none;color:var(--padi-text-contrast)}
 .lesson .lesson__breadcrumb>ul>li:after{background-color:#ffffff}
 .lesson .lesson__breadcrumb>ul>li.breadcrumb__in-book-too a{color:#ffffff}
 .lesson .lesson__objectif{background-color:var(--padi-sand);color:var(--padi-text)}
 .lesson .lesson__footer{background-color:var(--padi-base)}
 .lesson .lesson__footer .lesson__previous>button{display:flex;justify-content:flex-start;position:relative}
 .lesson .lesson__footer .lesson__previous>button:before{content:"";display:block;width:2.2rem;height:2.2rem;border-radius:99rem;background-color:var(--padi-back);margin-right:1rem;order:-1}
 .lesson .lesson__footer .lesson__previous>button:after{content:"";display:block;position:absolute;top:50%;transform:translate(calc(-100% + 5px),-50%);left:1.4rem;border:.7rem solid transparent;border-right:.7rem solid var(--padi-darkBase)}
 .lesson .lesson__footer .lesson__previous>button:active,.lesson .lesson__footer .lesson__previous>button:focus,.lesson .lesson__footer .lesson__previous>button:hover{transform:translateX(-15%)}
 .lesson .lesson__footer .lesson__next>button{display:flex;justify-content:flex-end;position:relative}
 .lesson .lesson__footer .lesson__next>button:before{content:"";display:block;width:2.2rem;height:2.2rem;border-radius:99rem;background-color:var(--padi-back);margin-left:1rem;order:100}
 .lesson .lesson__footer .lesson__next>button:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);right:.4rem;border:.7rem solid transparent;border-left:.7rem solid var(--padi-darkBase)}
 .lesson .lesson__footer .lesson__next>button:active,.lesson .lesson__footer .lesson__next>button:focus,.lesson .lesson__footer .lesson__next>button:hover{transform:translateX(15%)}
 .btn-link.btn-link-primary,a{color:var(--padi-base)}
 .btn-link.btn-link-error{color:var(--padi-error)}
 .table.table-striped tbody tr:nth-of-type(odd){background-color:var(--padi-smokeLight)}
 .progress,.table.table-hover tbody tr:hover{background-color:var(--padi-greyLighter)}
 .progress-bar{background-color:var(--padi-base)}
 .form--default{font-family:source sans pro,arial,sans-serif}
 .form--default label{color:var(--padi-text)}
 .form--default .custom-control-input:active~.custom-control-label:before{background-color:var(--padi-baseLighter20)}
 .form--default .custom-checkbox .custom-control-input:checked~.custom-control-label:before,.form--default .custom-control-input:checked~.custom-control-label:before{background-color:var(--padi-base)}
 .form--default .custom-control-label:before:not([readonly]):not(:disabled),.form--default .custom-select,.form--default .form-control,.form--default .form-control:not([readonly]):not(:disabled){border-color:#e8e8e8;background-color:#fff}
 .form--default .form-control:disabled,.form--default .form-control[readonly]{border-color:#e8e8e8;background-color:#f3f3f3}
 .form--default .input-group-text{color:var(--padi-text)}
 .form--default .input-group .input-group-append--icon .input-group-text{border-color:#e8e8e8;background-color:#fff}
 .form--default .input-group .input-group-append--icon:active .input-group-text,.form--default .input-group .input-group-append--icon:focus .input-group-text,.form--default .input-group .input-group-append--icon:hover .input-group-text{color:var(--padi-textDarker20)}
 .form--default .custom-select.is-invalid,.form--default .form-control.is-invalid,.form--default .input-group [class*=input-group-].is-invalid>.input-group-text,.form--default .was-validated .custom-select:invalid,.form--default .was-validated .form-control:invalid{border-color:red}
 .parcours-animated-welcome{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}
 .parcours-animated-welcome .parcours-animated-welcome__content{position:relative;z-index:1;display:flex;flex-direction:column;padding:2rem}
 .parcours-animated-welcome .parcours-animated-welcome__content .logo{width:100%;z-index:200;padding-bottom:10%;-webkit-animation:up-to-down 2.8s;animation:up-to-down 2.8s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
 .parcours-animated-welcome .parcours-animated-welcome__content .couverture{-webkit-animation:down-to-up 3s;animation:down-to-up 3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
 .parcours-animated-welcome .parcours-animated-welcome__content img.chevron-droit,.parcours-animated-welcome .parcours-animated-welcome__content img.chevron-gauche,.parcours-animated-welcome .parcours-animated-welcome__content img.couverture,.parcours-animated-welcome .parcours-animated-welcome__content img.logo{max-width:100%;height:auto}
 .parcours-animated-welcome .parcours-animated-welcome__content .chevrons{display:flex;position:absolute;top:0;left:0;width:70%}
 .parcours-animated-welcome .parcours-animated-welcome__content .chevron-gauche{-webkit-animation:left-to-right 3s;animation:left-to-right 3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
 .parcours-animated-welcome .parcours-animated-welcome__content .chevron-droit{-webkit-animation:right-to-left 3s;animation:right-to-left 3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes up-to-down{0%{transform:translateY(-200px)}to{transform:translateY(0)}}@keyframes up-to-down{0%{transform:translateY(-200px)}to{transform:translateY(0)}}@-webkit-keyframes down-to-up{0%{transform:translateY(400px)}to{transform:translateY(0)}}@keyframes down-to-up{0%{transform:translateY(400px)}to{transform:translateY(0)}}@-webkit-keyframes left-to-right{0%{transform:translateX(-300px)}to{transform:translateX(0)}}@keyframes left-to-right{0%{transform:translateX(-300px)}to{transform:translateX(0)}}@-webkit-keyframes right-to-left{0%{transform:translateX(300px)}to{transform:translateX(0)}}@keyframes right-to-left{0%{transform:translateX(300px)}to{transform:translateX(0)}} 
 
 @media screen and (min-width: 2480px) {
     .parcours-brand {
        padding: 0rem!important;
        border-right: 1px solid var(--padi-base)!important;
      }
      
 }

 @media screen and (min-width: 928px) and (max-width: 2480px) {
     .parcours-brand {
        width: 226px;
        padding: 0 0 2rem 0;
        border-right: 1px solid var(--padi-base)!important;
      }
      #app__header {
        padding: 0 1rem 1rem 1rem;
       }
 }

 @media screen and (max-width: 928px) {
     .parcours-brand {
        padding: 0 0 1.2rem 0;
        border-right: 1px solid var(--padi-base)!important;
      }
      #app__header {
        padding: 0 1rem 1rem 1rem;
       }
 }

.menu-activites__lecon.menu-activites__lecon {
     border-color: #333745;
}

.menu-activites__lecon.menu-activites__lecon header {
    background-color: #333745;
    text-transform: uppercase;
}


.menu-activites__lecon.menu-activites__lecon header span.separator {
    /*visibility: hidden;*/
}

.menu-activites__lecon .menu-activites__activite ul li {
    font-family: source sans pro;
    color: #333745;
}

.menu-activites__lecon.menu-activites__lecon .menu-activites__activite > ul.activite.activite--group-lecon > li > ul > li a, .menu-activites__lecon.menu-activites__lecon .menu-activites__activite > ul.activite.activite--group-lecon > li a, .menu-activites__lecon.menu-activites__lecon .menu-activites__activite > ul.activite > li > ul > li a, .menu-activites__lecon.menu-activites__lecon .menu-activites__activite > ul.activite > li a {
    padding: 0 1rem;
}

.menu-activites__lecon.menu-activites__lecon .menu-activites__activite > ul.activite > li > ul > li a {
    border-color: #333745;
}

.menu-activites__lecon.menu-activites__lecon .menu-activites__activite > ul.activite > li > ul > li a:hover {
    border-color: #333745;
    background-color: #333745;
    color: #fff;
}

.menu-activites__lecon.menu-activites__lecon .menu-activites__activite > ul.activite > li > ul {
  padding: 0;
}

.menu-activites__lecon.menu-activites__lecon .menu-activites__activite > ul.activite > li > .header {
  font-family: source sans pro;
  color: #333745;
  line-height: 1.2;
  padding: .25rem 0.25rem;
}

.menu-activites .menu-activites__etape .menu-activites__card {
  background-color: #fff;
  border: 2px solid #333745;
  min-width: 230px;
  max-width: 230px;
  margin: 2%;
  height: 230px;
  min-height: 230px;
  max-height: 230px;
  border-radius: 0;
  color: #333745;
  font-family: Montserrat;
  font-weight: 600!important;
}

.menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title {
  font-size: 2rem;
  font-weight: 600;
  padding: 4.3rem 1rem;
  color: inherit;
}


.menu-activites .menu-activites__etape .menu-activites__card:hover {
  background-color: #333745;
  color: #fff;
}

.menu-activites .menu-activites__etape .menu-activites__card article {
    display: none;
}

.menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title .number--big {
  font-size: 2.2rem;
  background-color: transparent;
}
.menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title .number--big:before {
  display: none;
}
.menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title .number--big:after {
  display: none;
}

.menu-activites .menu-activites__etape .menu-activites__card.menu-activites__card--first-child {
  background-color: #333745;
  color: #fff!important;
  font-family: Montserrat;
  font-size: 2rem;
  font-weight: 300;
  
}
.menu-activites .menu-activites__etape .menu-activites__card.menu-activites__card--first-child:hover {
  background-color: #333745;
  color: #fff!important;
}

.menu-activites .menu-activites__etape .menu-activites__card header .menu-card__title .number--big {
  font-family: Montserrat;
  font-size: 2.6rem;
  font-weight: 600;
  width: 100%;
  height: 60px;
}


.main-navbar__linksmall {
    color: #ffffff;
}

.main-navbar__linksmall:hover {
    text-decoration: underline;
    color: #ffffff;
}