:root{--rouge:#be1212;--gris:#373737;--grisclair:#b8b8b8;--grisclair2:#8a8a8a;--grisfonce:#afafaf;--blanc:#fff;--grisfonce2:#bebebe;--grisclaire3:#949494;--vert:#0cb53b}body{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%}main{min-height:calc(100vh - 179px)}body.no-scroll{overflow:hidden}figure{margin:0;display:flex}*{box-sizing:border-box}.btn{background:var(--rouge);font-weight:600;font-size:14px;line-height:16px;display:flex;align-items:center;text-align:center;letter-spacing:.05em;color:#fff;border:0;padding:10px 20px;cursor:pointer;text-decoration:none;min-width:130px;justify-content:center}.btn.light{background:#f8f8f8;color:var(--rouge)}.btn.light.border{border:2px solid var(--rouge);box-shadow:0 1px 4px rgba(58,58,58,.24);border-radius:5px}.desktop{display:none}.custom-input{background:#fff;border:3px solid var(--rouge);font-style:normal;font-weight:400;font-size:14px;line-height:16px;display:flex;align-items:center;letter-spacing:.05em;width:100%;padding:14px 20px;outline:0;position:relative}.custom-input::placeholder{color:var(--grisclair2)}.message{padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem;position:fixed;bottom:0;right:10px;width:-moz-fit-content;width:fit-content;text-align:right;z-index:9999999;transform:translateX(calc(100% + 10px));transition:transform .3s ease-in-out;font-size:14px;margin:1rem 0 1rem 10px}.message.show{transform:translateY(0)}.message.error,.message.error a{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.message.success,.message.success a{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.status-user{width:13px;height:13px;display:block;border-radius:100%;position:absolute;bottom:0;right:0}.status-user.online{background:#0cb53b}.status-user.blur{background:orange}.status-user.offline{background:#fff;border:2px solid #0cb53b}.toggle-custom .switch{position:relative;display:inline-block;width:50px;min-width:50px;height:24px}.toggle-custom .switch input{opacity:0;width:0;height:0}.toggle-custom .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px;background-image:unset!important}.toggle-custom .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-custom input:checked+.slider{background-color:var(--rouge)}.toggle-custom input:focus+.slider{box-shadow:0 0 1px var(--rouge)}.toggle-custom input:checked+.slider:before{transform:translateX(26px)}.actions-user .modal-actions{position:absolute;right:0;width:220px;background:#f8f8f8;padding:20px 15px;border-radius:9px;box-shadow:0 4px 96.7px 22px rgba(0,0,0,.25);z-index:-1;opacity:0;transition:all .5s ease-in-out}.actions-user .modal-actions.active{z-index:1000;opacity:1}.actions-user .modal-actions .wrapper{display:flex;flex-direction:column;gap:10Px;padding:0!important}.disabledClick,.disabledClick *{cursor:not-allowed!important}input.disabledClick{opacity:.5}@media screen and (min-width:992px){main{min-height:unset}.desktop{display:flex}.mobile{display:none}.custom-input{font-size:20px;padding:17.5px 20px}.toggle-custom .switch{width:60px;min-width:60px;height:34px}.toggle-custom .slider:before{height:26px;width:26px}}footer.footer{padding:15.5px 20px;background:#1d1d1d;box-shadow:0 -3px 10px rgba(54,54,54,.38);margin-bottom:68px}footer .wrapper{display:flex;gap:20px;justify-content:space-between;align-items:center}footer .wrapper a{font-weight:600;font-size:9px;line-height:11px;letter-spacing:.05em;color:#fff;text-decoration:none;text-align:center}@media screen and (min-width:768px){footer.footer{padding:19.5px 40px}footer .wrapper a{font-size:18px;line-height:21px}}@media screen and (min-width:992px){footer.footer{padding:19.5px 70px;margin-bottom:0}}header{background:#2d2c2c;box-shadow:0 6px 10px rgba(54,54,54,.38);position:-webkit-sticky;position:sticky;top:0;z-index:9;width:100%}header .wrapper{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:20px}header .wrapper .logo img{width:100%;height:100%}header .wrapper .btn{border-radius:5px;font-weight:500;font-size:12px;line-height:14px}header .wrapper .logout-btn{display:flex;align-items:center;justify-content:center;width:20px;cursor:pointer}header .wrapper .logout-btn div,header .wrapper .logout-btn svg{width:20px;height:20px}header .wrapper .right-header{display:flex;align-items:center;gap:32px}header .wrapper .right-header .wrapper-right-header{display:flex;align-items:center;gap:15px}header .bottom-bar{position:fixed;bottom:0;left:0;background:#323232;box-shadow:0 6px 10px rgba(54,54,54,.38);width:100%;height:68px;z-index:2}header .bottom-bar .wrapper{padding:0 30px;height:100%}header .bottom-bar .wrapper .item-menu{position:relative}header .bottom-bar .wrapper .item-menu:not(.active) svg path{fill:#939393}header .bottom-bar .wrapper .item-menu .notif{position:absolute;right:-10px;bottom:0;padding:0 5px 2px;background:var(--rouge);border-radius:17px;font-weight:500;text-align:center;color:#fff;font-size:10px;line-height:12px}header .bottom-bar .wrapper .item-menu svg{width:26px}header .bottom-bar .wrapper figure img{border-radius:100%}@media screen and (min-width:992px){header .wrapper{padding:0 40px 0 20px;align-items:stretch;max-height:100px}header .wrapper .logo{padding:20px 0;min-width:110px}header .wrapper .right-header{display:block}header .wrapper .right-header .menu.desktop{display:flex;align-items:center;gap:32px}header .wrapper .right-header .wrapper-right-header{height:100%}header .wrapper .right-header .menu.desktop{height:100%;gap:10px}header .wrapper .right-header .item-menu{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 15px}header .wrapper .right-header .item-menu.active{background:#000}header .wrapper .btn{align-self:center;font-size:15px}header .wrapper .right-header .item-menu{text-decoration:none}header .wrapper .right-header .item-menu svg{width:15px}header .wrapper .right-header .item-menu label{font-weight:500;font-size:16px;line-height:22px;color:#fff;text-decoration:none;text-transform:uppercase;position:relative;cursor:pointer}header .wrapper .right-header .item-menu .notif{position:absolute;right:-10px;top:-15px;padding:0 5px 2px;background:var(--rouge);border-radius:17px;font-weight:500;font-size:14px;line-height:16px;text-align:center;color:#fff}header .wrapper figure{align-self:center}header .wrapper figure img{border-radius:100%}header .wrapper .profil{align-self:center}}@media screen and (min-width:1200px){header .wrapper .logo{padding:20px 0;min-width:150px}header .wrapper .btn{align-self:center;font-size:18px}header .wrapper .right-header .item-menu{padding:0 20px}header .wrapper .right-header .item-menu label{font-size:19px;line-height:28px}header .wrapper .right-header .item-menu svg{width:23px}header .wrapper .logout-btn{width:25px}header .wrapper .logout-btn div,header .wrapper .logout-btn svg{width:25px;height:25px}header .wrapper .right-header .wrapper-right-header{gap:20px}}@media screen and (min-width:1400px){header .wrapper .right-header .item-menu label{font-size:24px;line-height:28px}header .wrapper .right-header .wrapper-right-header{gap:40px}}.abonnement{background:hsla(0,0%,100%,.05);border:3px solid #373737;padding:10px}.abonnement:nth-child(2){background:hsla(0,0%,50%,.1)}.abonnement:nth-child(3){background:hsla(0,0%,55%,.3)}.abonnement h3{font-weight:500;font-size:16px;line-height:18px;color:var(--rouge);text-align:center;margin:0;text-transform:uppercase}.abonnement p.info{font-style:italic;font-weight:500;font-size:12px;line-height:20px;color:#414141;text-align:center}.abonnement .price-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.abonnement .price-btn span{color:var(--rouge)!important;font-weight:600!important;font-size:17px!important;line-height:20px!important;margin-top:0!important}.abonnement .price-btn .btn,.abonnements-wrapper form .btn{margin-left:auto;padding:8px 18px;box-shadow:0 1px 4px rgba(58,58,58,.24);border-radius:5px;font-weight:500;font-size:17px;line-height:20px;min-width:106px}@media screen and (min-width:992px){.abonnement{display:flex;flex-direction:column;justify-content:space-between;padding:20px 20px 10px}.abonnement h3{font-size:18px;line-height:21px}.abonnement p.info{font-size:15px;line-height:25px;max-width:230px;margin:52px auto 0}.abonnement .price-btn{margin-top:40px}.abonnement .price-btn span{font-size:20px!important;line-height:23px!important}.abonnement .price-btn .btn,.abonnements-wrapper form .btn{font-size:20px;line-height:23px}}.abonnements-wrapper .liste-abonnements{display:flex;flex-direction:column;gap:20px;margin-top:10px}.abonnements-wrapper .infos{margin-top:30px;display:flex;flex-direction:column;align-items:center}.abonnements-wrapper .moyens-paiements{display:flex;align-items:center;gap:15px;justify-content:center;flex-wrap:wrap}.abonnements-wrapper span{margin-top:20px;font-weight:600;font-size:18px;line-height:21px;color:#414141}.abonnements-wrapper p:not(.info){margin-top:30px;font-weight:400;font-size:14px;line-height:16px;color:#414141;text-align:center;max-width:590px}.abonnements-wrapper form{display:flex;flex-direction:column;gap:25px}.abonnements-wrapper form .form-group{display:flex;gap:25px}.abonnements-wrapper form .btn{margin-left:auto}.abonnements-wrapper.step-2 .btn-back{background:none;border:0;cursor:pointer;font-family:Raleway,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:21px;color:#414141}.abonnements-wrapper.step-2 .promo-code-group{display:flex;align-items:center;gap:30px}.abonnements-wrapper.step-2 .promo-code-group button{background:none;border:0;cursor:pointer}.profil-wrapper .form-wrapper .infos-abonnement h4{font-family:Raleway,sans-serif;font-weight:500;font-size:22px;line-height:25px;color:#414141;margin-bottom:10px;margin-top:0}.profil-wrapper .form-wrapper .infos-abonnement ul{padding-left:20px}.abonnement .description ul li,.profil-wrapper .form-wrapper .infos-abonnement ul li{text-align:left;font-family:Raleway,sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#414141}.profil-wrapper .form-wrapper .infos-abonnement label{text-align:center;margin-top:20px;font-family:Raleway,sans-serif;font-style:italic;font-weight:500;font-size:12px;line-height:20px;color:#c0a2cb;display:flex;justify-content:center}.abonnement .description ul{padding-left:20px}.abonnement-wrapper .abonnement-user span{font-weight:400;font-size:10px;line-height:17px;color:#414141}.abonnement-wrapper .abonnement-user span label{color:green;font-weight:400;font-size:10px;line-height:17px}.abonnement-wrapper .abonnement-user button{background:none;border:0;padding:0;color:var(--rouge);font-weight:400;font-size:10px;line-height:17px;cursor:pointer}.abonnement-wrapper .abonnement-user .btn{width:-moz-fit-content;width:fit-content;color:#fff}.abonnement-wrapper .abonnement-user .avantages-titre{font-size:14px}.abonnement-wrapper .abonnement-user .avantages{display:flex;flex-direction:column;gap:10px}.abonnement-wrapper .abonnement-user .avantages .avantage{display:flex;align-items:center;gap:10px}.abonnement-wrapper .abonnement-user .avantages .avantage svg{width:15px}.abonnement-wrapper .abonnement-user .avantages .avantage svg path{stroke:green}@media screen and (min-width:992px){.abonnements-wrapper .liste-abonnements{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:30px}.profil-wrapper .abonnements-wrapper .liste-abonnements{grid-template-columns:1fr 1fr}.profil-wrapper .abonnement-wrapper .abonnements-wrapper,.profil-wrapper .abonnement-wrapper h3,.profil-wrapper .form-wrapper{padding:0 30px}.abonnements-wrapper.step-2 .infos{margin-top:90px}.abonnements-wrapper.step-2 .btn-back{font-size:18px;line-height:25px}.profil-wrapper .form-wrapper .infos-abonnement h4{font-size:25px;line-height:29px}.abonnement .description ul li,.profil-wrapper .form-wrapper .infos-abonnement ul li{font-size:14px;line-height:25px}.profil-wrapper .form-wrapper .infos-abonnement label{margin-top:40px;font-size:15px;line-height:25px}.abonnement-wrapper .abonnement-user{padding:0 30px}.abonnement-wrapper .abonnement-user button,.abonnement-wrapper .abonnement-user span,.abonnement-wrapper .abonnement-user span label{font-size:18px;line-height:25px}.abonnement-wrapper .abonnement-user .avantages-titre{font-size:25px;line-height:29px}}@media screen and (min-width:1200px){.profil-wrapper .abonnements-wrapper .liste-abonnements{grid-template-columns:1fr 1fr 1fr}.abonnements-wrapper .form-wrapper{display:flex;gap:50px}.abonnements-wrapper .form-wrapper .separateur{display:none}.abonnements-wrapper .form-wrapper .infos-abonnement{width:40%}.abonnements-wrapper .form-wrapper form{border-right:4px solid #f4f4f4;padding-right:80px;padding-bottom:60px;width:60%}}.modal-popup-custom{position:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.85);left:0;top:0;z-index:-1;transform:scale(0);transition:all .5s ease}.modal-popup-custom.active{z-index:9;transform:scale(1)}.modal-popup-custom .modal-wrapper{width:80%;height:70%;display:flex;background:#fff;flex-direction:column;padding:30px;overflow:scroll;max-height:730px;max-width:1042px;position:relative}.modal-popup-custom .modal-wrapper .close{position:absolute;right:10px;top:10px;cursor:pointer}.modal-popup-custom .modal-wrapper .close svg{width:15px;height:15px}.modal-popup-custom .modal-wrapper h2{font-size:24px;line-height:31px;font-weight:600;text-transform:uppercase;color:var(--rouge);text-align:center;max-width:790px;margin:0 auto 16px}.modal-popup-custom .modal-wrapper span{margin-top:20px;font-weight:600;font-size:18px;line-height:21px;color:#414141}.modal-popup-custom .modal-wrapper p:not(.info){margin-top:30px;font-weight:400;font-size:14px;line-height:16px;color:#414141;text-align:center;max-width:590px}.modal-popup-custom .modal-wrapper .certif-texte{font-size:10px;font-weight:400;line-height:17px;letter-spacing:.05em;text-align:left;color:#414141;text-decoration:none;width:90%}.modal-popup-custom .modal-wrapper .certif-title{text-align:left;width:100%;margin-top:20px}.modal-popup-custom .modal-wrapper .lien-certif{text-decoration:underline!important;color:#be1212!important}@media screen and (min-width:992px){.modal-popup-custom .modal-wrapper{padding:70px 30px 30px;height:80%;max-height:770px}.modal-popup-custom .modal-wrapper .close{right:20px;top:20px}.modal-popup-custom .modal-wrapper .close svg{width:39px;height:39px}.modal-popup-custom .modal-wrapper h2{font-size:35px;line-height:41px}.modal-popup-custom .modal-wrapper .infos{margin-top:60px}.modal-popup-custom .modal-wrapper .certif-texte{font-size:18px;font-weight:600;line-height:25px;letter-spacing:.05em;text-align:left}}@font-face{font-family:__Raleway_904c5e;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/200388358b398524-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Raleway_904c5e;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/34900c74a84112b6-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Raleway_904c5e;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/10dadb2e82d03733-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Raleway_904c5e;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/5f2068c3133468f5-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Raleway_904c5e;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9bf67a161a796382-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Raleway_Fallback_904c5e;src:local("Arial");ascent-override:89.62%;descent-override:22.31%;line-gap-override:0.00%;size-adjust:104.89%}.__className_904c5e{font-family:__Raleway_904c5e,__Raleway_Fallback_904c5e;font-style:normal}