body{margin:0;-ms-scroll-chaining:none;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Montserrat-Medium;src:url(/font/Montserrat-Medium.ttf) format("truetype")}@font-face{font-family:Montserrat-Light;src:url(/font/Montserrat-Light.ttf) format("truetype")}.switch-wrapper{position:relative;width:100%}.switch-wrapper>div{position:absolute;width:100%}body,h1{font-family:Montserrat-Light,sans-serif}body{width:100%;height:100%;background-color:#f3f9fc;cursor:auto;overflow:auto}.d-none{display:none}button{background-color:transparent;border:none;color:#fff;text-decoration:none;margin:0;cursor:pointer}input:focus{outline:none;background-color:#f3f9fc;background-image:none;color:#8eaeb6}select{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-appearance:none}:focus{outline:none;background-color:transparent}@media screen and (max-width:992px){.btn-nav-md{display:block;margin:30px}}@media screen and (max-width:576px){.btn-nav-md{display:none}}@media screen and (max-width:992px){.btn-admin-md{display:flex;flex-direction:column;margin:30px}}@media screen and (max-width:576px){.btn-admin-md{margin:0 10%}}.btn-admin{box-shadow:0 13px 25px -10px rgba(0,0,0,.6);font-family:Montserrat-Medium,sans-serif;padding:6px 13px;border-radius:20px;min-width:140px;z-index:3;font-size:15px;text-align:center;border:0;cursor:pointer;float:right;margin:30px 10px;color:#165179;background-color:#fff}.btn-admin:hover{box-shadow:0 13px 25px -5px rgba(0,0,0,.6)}@media screen and (max-width:992px){.btn-admin{float:none;position:relative;margin:10px}}.btn-blue{box-shadow:0 13px 25px -10px rgba(0,0,0,.6);font-family:Montserrat-Medium,sans-serif;padding:6px 13px;border-radius:20px;min-width:140px;z-index:3;font-size:15px;text-align:center;border:0;cursor:pointer;color:#fff;background-color:#165179}.btn-blue:hover{box-shadow:0 13px 25px -5px rgba(0,0,0,.6)}.btn-blue:focus{background-color:#165179}.btn-reset{font-family:Montserrat-Medium,sans-serif;padding:6px 13px;border-radius:20px;min-width:140px;z-index:3;font-size:15px;text-align:center;border:0;cursor:pointer;color:#165179;font-size:14px}.btn-reset:hover{text-decoration:underline}.btn-validate{box-shadow:0 13px 25px -10px rgba(0,0,0,.6);font-family:Montserrat-Medium,sans-serif;padding:6px 13px;border-radius:20px;min-width:140px;z-index:3;font-size:15px;text-align:center;border:0;cursor:pointer;margin:5px;color:#fff;background-color:#0200c3}.btn-validate:hover{box-shadow:0 13px 25px -5px rgba(0,0,0,.6)}.btn-validate.password{max-width:260px}.btn-validate:focus{background-color:#0200c3}.btn-red{box-shadow:0 13px 25px -10px rgba(0,0,0,.6);font-family:Montserrat-Medium,sans-serif;padding:6px 13px;border-radius:20px;min-width:140px;z-index:3;font-size:15px;text-align:center;border:0;cursor:pointer;margin:10px;color:#fff;background-color:#d0021b}.btn-red:hover{box-shadow:0 13px 25px -5px rgba(0,0,0,.6)}.btn-red:focus{background-color:#d0021b}.main-container{min-height:90vh;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);color:#fff;text-align:center}@media screen and (max-width:576px){.main-container{min-height:90vh}}.main-container header{z-index:1;height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:576px){.main-container header{height:250px}}@media screen and (max-width:992px){.main-container .search-container{margin-top:40px}}.main-container .search-container .search-bar{height:38px;width:350px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;border-radius:20px}@media screen and (max-width:576px){.main-container .search-container .search-bar{width:280px}}.main-container .search-container .search-bar .search-icon{width:20px;height:20px;opacity:.2;margin-top:4px;margin-right:-13px}.main-container .search-container .search-bar .search-icon:hover{opacity:.4}.main-container .search-container .search-bar .search-input{width:80%;height:22px;margin-top:-2px;border:none;color:#696666;font-family:Montserrat-Light,sans-serif;font-size:20px}@media screen and (max-width:992px){.main-container .search-container .search-bar .search-input{font-size:16px}}.main-container .bg-img-container{position:absolute;top:0;width:100%;height:50vh;overflow:hidden;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(#f3f9fc));background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#f3f9fc)}.main-container .bg-img-container .logo-octapharma{margin:20px;width:230px;float:left}@media screen and (max-width:992px){.main-container .bg-img-container .logo-octapharma{margin:20px 0;width:200px;z-index:5;float:none}}.main-container .bg-1{background-image:url(/static/media/bg-1.24033e84.jpg)}.main-container .bg-1,.main-container .bg-2{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-2{background-image:url(/static/media/bg-2.24033e84.jpg)}.main-container .bg-3{background-image:url(/static/media/bg-3.bbe1e758.jpg)}.main-container .bg-3,.main-container .bg-4{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-4{background-image:url(/static/media/bg-4.2e018e24.jpg)}.main-container .bg-5{background-image:url(/static/media/bg-5.d17a602d.jpg)}.main-container .bg-5,.main-container .bg-6{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-6{background-image:url(/static/media/bg-6.ea55bc3b.jpg)}.main-container .bg-7{background-image:url(/static/media/bg-7.6e9d85e5.jpg)}.main-container .bg-7,.main-container .bg-8{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-8{background-image:url(/static/media/bg-8.808abd26.jpg)}.main-container .bg-9{background-image:url(/static/media/bg-9.06664ddc.jpg)}.main-container .bg-9,.main-container .bg-10{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-10{background-image:url(/static/media/bg-10.ddd14daa.jpg)}.main-container .bg-11{background-image:url(/static/media/bg-11.19fe92b2.jpg)}.main-container .bg-11,.main-container .bg-12{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-12{background-image:url(/static/media/bg-12.cfd726eb.jpg)}.main-container .bg-13{background-image:url(/static/media/bg-13.8bd076b9.jpg)}.main-container .bg-13,.main-container .bg-14{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-14{background-image:url(/static/media/bg-14.0e1baf57.jpg)}.main-container .bg-15{background-image:url(/static/media/bg-15.e7170464.jpg)}.main-container .bg-15,.main-container .bg-16{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-16{background-image:url(/static/media/bg-16.a03310b0.jpg)}.main-container .bg-17{background-image:url(/static/media/bg-17.7a889433.jpg)}.main-container .bg-17,.main-container .bg-18{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-18{background-image:url(/static/media/bg-18.2e70ff01.jpg)}.main-container .bg-19{background-image:url(/static/media/bg-19.da648cb2.jpg)}.main-container .bg-19,.main-container .bg-20{background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.main-container .bg-20{background-image:url(/static/media/bg-20.0e92b639.jpg)}.main-container .bg-21{background-image:url(/static/media/bg-21.dabc38a6.jpg);background-size:cover;background-position:50%;position:absolute;top:0;width:100%;height:49.5vh;z-index:-3}.tools-list-main-container{margin-bottom:60px;max-width:1023px;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;z-index:1}@media screen and (max-width:1200px){.tools-list-main-container{width:80%}}@media screen and (max-width:576px){.tools-list-main-container{display:none}}.tools-list-admin-container{margin-bottom:60px;max-width:1023px;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;z-index:1}@media screen and (max-width:1200px){.tools-list-admin-container{width:80%}}.tools-list{width:30%;margin-top:20px;margin-right:3%;color:#165179;display:flex;flex-direction:column}@media screen and (max-width:768px){.tools-list{width:50%}}@media screen and (max-width:576px){.tools-list{width:80%;z-index:1200}}.tools-list h4{font-family:Montserrat-Medium,sans-serif;margin-top:10px;margin-bottom:3px;float:left;text-align:left;font-size:15px}@media screen and (max-width:576px){.tools-list h4{font-size:22px}}.tools-list .title-bar{width:50px;height:3px;background-color:#7b79e6}.tools-list a{text-decoration:none;color:#165179}.tool-item-container{text-align:left;min-height:50px;width:100%;margin-right:25px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center;border-radius:8px;cursor:pointer}@media screen and (max-width:576px){.tool-item-container{font-size:22px}}.tool-item-container:hover{background-color:#f3f9fc;box-shadow:1px 8px 34px 5px rgba(0,0,0,.1)}.tool-item-container .tool-icon{width:40px;height:40px;overflow:hidden;border-radius:10px;display:flex;background-color:#fff;justify-content:center;align-items:center;object-fit:cover;box-shadow:0 13px 25px -10px rgba(0,0,0,.6)}.tool-item-container .tool-icon:hover{box-shadow:0 13px 25px -5px rgba(0,0,0,.6)}.tool-item-container .tool-icon img{width:41px;height:41px}.tool-item-container .tool-text{display:flex;flex-direction:column}.tool-item-container .tool-text .tool-name{font-family:Montserrat-Medium,sans-serif;font-size:18px}.tool-item-container .tool-text span{margin-left:15px;font-size:14px;margin-bottom:0}.daily-tools-container{max-width:1023px;min-width:100%;text-align:center;z-index:1}@media screen and (max-width:1200px){.daily-tools-container{width:90%}}@media screen and (max-width:992px){.daily-tools-container{display:flex;justify-content:center;min-width:80%}}@media screen and (max-width:576px){.daily-tools-container{width:100%}}.daily-tools-container .daily-tools-list{display:flex;justify-content:center;flex-wrap:wrap}@media screen and (max-width:576px){.daily-tools-container .daily-tools-list{width:300px;justify-content:flex-start}}.daily-tool-link{cursor:pointer;width:112px;height:126px;margin:10px;overflow:hidden;border-radius:15px;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 13px 25px -10px rgba(0,0,0,.6)}.daily-tool-link:hover{box-shadow:0 13px 25px -5px rgba(0,0,0,.6)}@media screen and (max-width:1200px){.daily-tool-link{width:100px;height:115px}}@media screen and (max-width:992px){.daily-tool-link{width:110px;height:125px;margin:25px}}@media screen and (max-width:768px){.daily-tool-link{width:100px;height:115px;margin:15px}}@media screen and (max-width:576px){.daily-tool-link{width:80px;height:90px;margin:10px}}.daily-tool-link .img{border-radius:15px;height:101%;object-fit:cover}.daily-tool-link .logo{position:absolute;max-width:80px}@media screen and (max-width:576px){.daily-tool-link .logo{width:60px}}.menu-container{display:none}@media screen and (max-width:576px){.menu-container{display:flex;position:fixed;justify-content:center;z-index:1500;bottom:-50px;height:100px;width:100%}}@media screen and (max-width:576px){.menu-container .btn-menu{width:100px;height:100px;border-radius:50px;background-color:#5687a5;box-shadow:0 13px 25px -10px rgba(0,0,0,.6)}.menu-container .btn-menu:hover{box-shadow:0 13px 25px -5px rgba(0,0,0,.6)}}.menu-container .btn-menu img{margin-top:16px;width:24px;height:24px}.anim-close{bottom:0;-webkit-animation-name:anim-close;-webkit-animation-duration:.5s;animation-name:anim-close;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-duration:.5s}@-webkit-keyframes anim-close{0%{bottom:0}to{bottom:-100vh}}@keyframes anim-close{0%{bottom:0}to{bottom:-100vh}}.anim-open{bottom:-100vh;-webkit-animation-name:anim-open;-webkit-animation-duration:.5s;animation-name:anim-open;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-duration:.5s}@-webkit-keyframes anim-open{0%{bottom:-100vh}to{bottom:0}}@keyframes anim-open{0%{bottom:-100vh}to{bottom:0}}.menu-list{display:none}@media screen and (max-width:576px){.menu-list{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;z-index:1200;width:100%;height:100%;position:fixed;background-color:#1c4179}.menu-list .logo-octapharma{display:none}}@media screen and (max-width:576px) and (max-width:576px){.menu-list .logo-octapharma{display:block;width:200px;z-index:2500;margin:25px}}@media screen and (max-width:576px){.menu-list ul{padding:10% 0 0;height:50%;width:100%;list-style:none}.menu-list ul a{cursor:pointer;text-decoration:none}.menu-list ul a:visited{background-color:transparent}.menu-list li{margin-bottom:20px;text-transform:uppercase;font-weight:700;list-style:none;color:#fff;display:block;text-decoration:none!important}}.admin-container{padding-top:100px}.admin-container.blured-container{-webkit-filter:blur(2px);filter:blur(2px);overflow-y:hidden;height:100%}.btn-new-link{position:absolute;margin:20px;top:50px;left:0}@media screen and (max-width:992px){.btn-new-link{position:relative;margin:10px;top:0}}.btn-admin-container .btn-admin{margin:20px}@media screen and (max-width:992px){.btn-admin-container{margin-top:-25px;display:flex;justify-content:center}.btn-admin-container .btn-admin{margin:10px}}.bg-admin{opacity:.3}.login-container{width:100%;height:100%;min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:calc(10px + 2vmin);color:#fff;z-index:2;text-align:center}.login-container .text-error{color:#d0021b;font-size:13px;min-height:20px}.login-container p{color:#165179;font-size:13px;margin:0}.login-container .logo-octapharma{margin:20px;width:320px;z-index:4}@media screen and (max-width:992px){.login-container .logo-octapharma{margin:25px;width:200px}}.login-container .logo-ligne{height:4px;width:100px;margin-bottom:30px;background-color:#165179}.login-container .form-login{display:flex;flex-direction:column;align-items:center;width:350px}@media screen and (max-width:992px){.login-container .form-login{margin:25px;width:80%}}.login-container .form-login .input-login{border:1px solid #8eaeb6;padding-left:15px;border-radius:20px;color:#8eaeb6;font-family:Montserrat-Medium,sans-serif;font-size:16px;height:35px;background-color:#f3f9fc;width:100%;margin:10px 0}.login-container .form-login .input-login::-webkit-input-placeholder{color:#8eaeb6}.login-container .form-login .input-login::-moz-placeholder{color:#8eaeb6}.login-container .form-login .input-login:-ms-input-placeholder{color:#8eaeb6}.login-container .form-login .input-login::-ms-input-placeholder{color:#8eaeb6}.login-container .form-login .input-login::placeholder{color:#8eaeb6}.modale-container{position:fixed;top:0;width:100%;height:100vh;z-index:5;display:flex;justify-content:center;align-items:center;background-color:rgba(22,81,121,.5)}@media screen and (max-width:992px){.modale-container{width:100%;min-height:100%;height:100%;overflow:auto}}.modale-container .modale-content{width:60%;min-height:50%;background-color:#fff;position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:10px}.modale-container .modale-content.profile{width:30%}@media screen and (max-width:992px){.modale-container .modale-content.profile{width:100%;flex-direction:column;justify-content:center}}.modale-container .modale-content.profile p{font-size:14px;font-weight:700;color:#165179}@media screen and (max-width:992px){.modale-container .modale-content{width:100%;min-height:100%;border-radius:0;overflow-y:auto;justify-content:flex-start}}.modale-container .modale-content .btn-close{font-family:Montserrat-Medium,sans-serif;font-size:15px;position:absolute;right:0;top:0;margin:5px}@media screen and (max-width:992px){.modale-container .modale-content .btn-close{position:fixed}}.modale-container .modale-content .btn-close img{width:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.modale-container .modale-content .error-container{width:100%;display:flex;justify-content:center}.modale-container .modale-content .error-container .error{color:#d0021b;text-align:center;font-size:14px;background-color:#fff;margin-left:auto;margin-right:auto;width:180px;padding:10px;margin-top:-20px;border-radius:10px;box-shadow:0 13px 25px -10px rgba(0,0,0,.6)}@media screen and (max-width:992px){.modale-container .modale-content .error-container .error{position:absolute;margin-top:40px}.modale-container .modale-content .error-container .error.profile{position:relative}}.modale-container .modale-content .form-container{height:100%;display:flex;margin:10px}@media screen and (max-width:992px){.modale-container .modale-content .form-container{padding-top:30px;flex-direction:column;height:auto}}.modale-container .modale-content .form-container .col{width:50%;margin:20px;display:flex;flex-direction:column;justify-content:space-between}.modale-container .modale-content .form-container .col.profile{width:100%;align-items:center}.modale-container .modale-content .form-container .col h4{margin-top:0;color:#165179}@media screen and (max-width:992px){.modale-container .modale-content .form-container .col{width:100%;margin:0}}.modale-container .modale-content .form-container .col .drop-container{height:100%;border:1px dashed #8eaeb6;margin:10px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px}.modale-container .modale-content .form-container .col .drop-container .preview-img{width:70px;height:70px;border-radius:8px;margin:10px}.modale-container .modale-content .form-container .col .drop-container p{text-align:center}@media screen and (max-width:992px){.modale-container .modale-content .form-container .col .drop-container{margin:10px}}.modale-container .modale-content .form-container .col .input{border:1px solid #8eaeb6;padding-left:15px;border-radius:20px;color:#8eaeb6;font-family:Montserrat-Medium,sans-serif;font-size:16px;height:34px;background-color:#fff;margin:10px;width:calc(100% - 40px)}.modale-container .modale-content .form-container .col .input::-webkit-input-placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col .input::-moz-placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col .input:-ms-input-placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col .input::-ms-input-placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col .input::placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col textarea{width:calc(100% - 40px);max-width:calc(100% - 40px);min-width:calc(100% - 40px);min-height:200px;padding-top:10px}@media screen and (max-width:992px){.modale-container .modale-content .form-container .col textarea{min-height:100px}}.modale-container .modale-content .form-container .col .select{border:1px solid #8eaeb6;padding-left:15px;border-radius:20px;color:#8eaeb6;font-family:Montserrat-Medium,sans-serif;font-size:16px;height:35px;background-color:#fff;margin:10px;width:calc(100% - 20px)}.modale-container .modale-content .form-container .col .select::-webkit-input-placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col .select::-moz-placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col .select:-ms-input-placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col .select::-ms-input-placeholder{color:#8eaeb6}.modale-container .modale-content .form-container .col .select::placeholder{color:#8eaeb6}.modale-container .modale-content .button-container{display:flex;justify-content:center;margin-bottom:-27px;position:absolute;width:100%;bottom:0}@media screen and (max-width:992px){.modale-container .modale-content .button-container{margin-top:10px;position:relative;margin-bottom:40px;bottom:30px}}
/*# sourceMappingURL=main.5f083c73.chunk.css.map */