@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Poppins:wght@300;400;500&family=Roboto:ital,wght@0,100;0,300;0,400;1,400&family=Source+Sans+Pro&display=swap";.infoShop{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;background-color:#fff;margin-top:1rem;border-radius:4px;padding:1rem;display:flex;flex-direction:column;justify-content:center}.infoShop h4{font-weight:600;font-size:17px;margin:0}.infoShop .row1{display:flex;gap:1rem;justify-content:space-between}.infoShop .row1 .tab1,.infoShop .row1 .tab2{width:49.5%}.infoShop table td{font-size:12px;vertical-align:middle}.infoShop table td:first-child{font-weight:700}.infoShop .active{font-size:12px;color:#fff;background-color:#228b22;padding:.2rem .5rem;border-radius:4px}.infoShop .noActive{font-size:12px;color:#fff;background-color:#dc143c;padding:.2rem .5rem;border-radius:4px}.infoShop .orderLink{color:var(--color-bg-part);font-size:13px}.infoShop .souscription{display:flex;align-items:center;gap:.5rem;border:1px solid silver;padding:.4rem 1rem;box-shadow:#00000029 0 1px 4px;border-radius:3px}.infoShop .souscription span{font-size:13px;color:var(--color-bg-part)}.infoShop .souscription svg{font-size:1.2rem;color:var(--color-bg-part)}.containerSouscription table tr td:first-child{font-weight:600}@media screen and (max-width: 1024px){.infoShop .row1{flex-direction:column}.infoShop .row1 .tab1,.infoShop .row1 .tab2{width:100%;overflow-x:auto}}.contentDash .row1{display:grid;grid-template-columns:repeat(4,24.25%);margin-top:1rem;justify-content:space-between}.contentDash .row1 .card{border:0;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px}.contentDash .row1 .card .card-header{display:flex;align-items:center;gap:1rem;justify-content:center;border:0;background-color:#fff;margin-top:1rem}.contentDash .row1 .card .card-header svg{font-size:1.4rem;color:#333}.contentDash .row1 .card .card-header span{font-size:13px;font-weight:600}.contentDash .card-body{display:flex;flex-direction:column;gap:1rem}.contentDash .card-body .cardBig{display:flex;justify-content:space-between}.contentDash .card-body .cardBig .cardSmall{width:48%;height:70px;display:flex;flex-direction:column;justify-content:center;gap:.5rem;align-items:center;border:2px solid #f3f5f8;padding:1rem;border-radius:3px;background-color:#fff}.contentDash .card-body .cardBig .cardSmall span{font-size:12px;font-weight:600}.contentDash .card-body .cardBig .cardSmall div{display:flex;align-items:center;gap:.5rem}.contentDash .card-body .cardBig .cardSmall div svg{font-size:1.2rem;color:var(--color-bg-part)}.contentDash .card-body .cardBig .actifs svg{color:green!important}.contentDash .card-body .inactifs svg{color:red!important}.contentDash .valueEffectif{font-size:1.2rem!important}.contentDash .card1{display:flex;flex-direction:column;align-items:center;justify-content:center}.contentDash .card1 .head{display:flex;align-items:center}.contentDash .card1 .head svg{font-size:2rem}.contentDash .card1 .head span{font-size:13px;font-weight:600;cursor:pointer}.contentDash .card1 .valNum{width:60px;height:60px;border-radius:150px;border:2px solid #eee;background:var(--bg-gray-light);display:flex;align-items:center;justify-content:center;font-size:16px;margin-top:1rem}.cardRapportsDevente svg{color:var(--color-bg-part)!important}.traficCard{display:flex;flex-direction:row!important;gap:1rem}.traficCard .data1,.traficCard .data2{border-radius:4px;padding:1rem;width:40%;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 1270px){.contentDash .row1{grid-template-columns:repeat(2,49.5%);gap:10px}}@media screen and (max-width: 532px){.contentDash .row1{grid-template-columns:repeat(1,100%);gap:10px}.contentDash .row1 .card{padding:1rem}}.loader{width:18px;aspect-ratio:.75;--c: no-repeat linear-gradient(#0b6cc7d0 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;animation:l7 1s infinite linear alternate}@keyframes l7{0%{background-size:20% 50%,20% 50%,20% 50%}20%{background-size:20% 20%,20% 50%,20% 50%}40%{background-size:20% 100%,20% 20%,20% 50%}60%{background-size:20% 50%,20% 100%,20% 20%}80%{background-size:20% 50%,20% 50%,20% 100%}to{background-size:20% 50%,20% 50%,20% 50%}}.toobarDashboard{width:100%;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;background-color:#fff;padding:1rem;display:flex;align-items:last baseline;justify-content:space-between;border-radius:4px}.toobarDashboard .path{display:flex;flex-direction:column;gap:.5rem}.toobarDashboard .path button{border:0;background-color:transparent;display:flex;align-items:center;gap:.5rem}.toobarDashboard .path .row1{display:flex;gap:1rem}.toobarDashboard span{font-size:13px}.toobarDashboard svg{font-size:1.2rem}.toobarDashboard h4{margin:0;color:var(--color-text);font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toobarDashboard .col2 button{align-self:last baseline;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:#fff;border-radius:30px;border:1px solid #dee2e6;box-shadow:#00000029 0 1px 4px;color:#222}@media screen and (max-width: 380px){.toobarDashboard{flex-direction:column;align-items:first baseline;gap:1rem}}.trafic{margin-top:1rem;border:0;gap:1rem;display:flex}.trafic .card1{width:15%;background:#fff;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:4px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0}.trafic .card1 .head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.trafic .card1 .head svg{font-size:1.2rem;color:#333}.trafic .card1 .head span{font-weight:600;color:#333}.trafic .card1 .valNum{width:50px;height:50px;border-radius:150px;border:1px solid #f3f5f8;display:flex;align-items:center;justify-content:center;background-color:#f3f5f8;font-size:1.1rem;font-weight:700}.trafic .card2{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:4px;padding:1rem;background-color:#fff;flex:1;border:0}.trafic .card2 .head{display:flex;align-items:center;gap:.6rem}.trafic .card2 .head span{font-weight:600}.trafic .card2 .body{display:flex;align-items:center;gap:1rem;overflow-x:auto;overflow-y:hidden;margin-top:1rem}.trafic .body::-webkit-scrollbar{height:5px}.trafic .body::-webkit-scrollbar-thumb{background-color:#666!important}.trafic .card2 .body .produit{flex:0 0 200px;border:2px solid #eee;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;border-radius:4px;height:100px}.trafic .card2 .body .produit .details{flex:1}.trafic .card2 .body .produit .details .nom{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;color:#666}.trafic .card2 .body .produit .details div{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.leftbar{position:sticky;width:250px;background-color:#fff;height:100svh;top:0;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;padding:1rem}.leftbar.sticky{padding-top:1rem;top:60px}.leftbar.maxHeight{padding-top:70px;top:60px!important}.leftbar ul{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;gap:1rem}.leftbar ul li a{display:flex;align-items:center;gap:1rem;color:#333;text-decoration:none}.leftbar ul li a span{font-size:13px}.leftbar ul li a svg{font-size:1.2rem}.leftbar ul li a.active{color:var(--color-bg-part);font-weight:700}@media screen and (max-width: 860px){.leftbar{display:none}.leftbar.active{position:fixed;display:block;z-index:1;box-shadow:#00000026 1.95px 1.95px 2.6px;top:60px}.leftbar.maxHeight.active{position:fixed;padding-top:2rem}}.navbarApp{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:#fff;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;position:sticky;top:0;z-index:1}.navbarApp .showMenu{display:none}.navbarApp .mainLogo{display:flex;align-items:center;gap:1rem}.navbarApp .logo{width:40px;height:40px;border-radius:120px;object-fit:cover;border:1px solid #eee}.navbarApp .adresseShop{display:flex;align-items:center;gap:5px}.navbarApp .adresseShop span{font-size:12px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.navbarApp .mainLogo span{font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.navbarApp .profilUser{display:flex;align-items:center;gap:1rem}.navbarApp .btnUser{background-color:transparent;border:0;font-weight:800;font-size:13px}.navbarApp .btnUser span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.navbarApp .profilUser img{width:30px;height:30px;border-radius:150px}.navbarApp .btnShowUserProfil{position:relative}.navbarApp .btnShowUserProfil .card.user{position:absolute;right:0;width:300px;height:250px;box-shadow:#00000029 0 1px 4px;border:0;display:none}.navbarApp .btnShowUserProfil .card.user.active{display:block;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;top:40px}.css-z2hyoe-ItemComponent{font-size:12px}.react-dropdown-select-content span{font-size:12px!important}.navbarApp .card .profilUser{display:flex;flex-direction:column;align-items:center;gap:.5rem}.navbarApp .card .profilUser span{font-weight:700}.navbarApp .card .svgClose{position:absolute;top:0;right:10px;cursor:pointer}.navbarApp .card .svgClose svg{font-size:2rem}.navbarApp .card .lengthBoutiques{color:var(--color-bg-part);font-weight:700}.navbarApp .card .btnDec{gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:#fff;border-radius:4px;border:1px solid #dee2e6;box-shadow:#00000029 0 1px 4px;color:#222;font-weight:700;font-size:13px;width:150px;margin:auto;text-align:center}@media screen and (max-width: 860px){.navbarApp .showMenu{display:block;box-shadow:#00000029 0 1px 4px;background-color:transparent;border:1px solid #dee2e6}.navbarApp .showMenu svg{font-size:2rem}}@media screen and (max-width: 510px){.navbarApp .btnUser{display:none}}.header{background:#fff;height:70px;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;position:sticky;top:0;z-index:1000}.header .contentHeader{display:flex;align-items:center;height:100%;justify-content:space-between;max-width:1500px;margin:auto;padding:0 5rem}.header .contentHeader .linksLogo{display:flex;align-items:center;gap:5rem}.header .contentHeader .linksLogo img{width:80px;height:50px;object-fit:scale-down}.header .contentHeader .linksLogo ul{display:flex;align-items:center;gap:1rem;list-style:none;margin:0;padding:0}.header .contentHeader .linksLogo ul li a{gap:5px;color:#333;text-decoration:none;display:flex;align-items:center}.header .contentHeader .linksLogo ul li a svg{font-size:1.2rem}.header .authContent{display:flex;align-items:center;gap:1rem}.header .authContent a{text-decoration:none}.header .authContent a:first-child{align-self:last baseline;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:#fff;border-radius:4px;border:1px solid #dee2e6;box-shadow:#00000029 0 1px 4px;color:#222;font-weight:700;font-size:13px}.header .authContent a:first-child:hover{background-color:#eeecec4c}.header .authContent a.lastChild{align-self:last baseline;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border-radius:4px;border:1px solid #dee2e6;box-shadow:#00000029 0 1px 4px;color:#fff;font-weight:700;font-size:13px}.header .authContent a.lastChild:hover{background-color:var(--color-btn-hover)}.header button{position:relative}.header button .card.user{position:absolute;right:0;width:300px;height:250px;box-shadow:#00000029 0 1px 4px;border:0;padding:2rem;display:none;z-index:1}.header button .card.user.active{display:block;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.header .card .profilUser{display:flex;flex-direction:column;align-items:center;gap:.5rem}.header .card .profilUser span{font-weight:700}.header .card svg{font-size:2.5rem;position:absolute;top:0;right:10px;cursor:pointer}.header .card .lengthBoutiques{color:var(--color-bg-part);font-weight:700}.header .card .btnDec{gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:#fff;border-radius:4px;border:1px solid #dee2e6;box-shadow:#00000029 0 1px 4px;color:#222;font-weight:700;font-size:13px;width:150px;margin:auto}.header select{border:1px solid #dee2e6;font-size:12px;outline:none;border:0}.header select option{font-size:12px}.contentTextTarif{position:relative}.contentTextTarif span{display:block;position:absolute;top:-8px;right:-5px;font-size:10px;width:15px;height:15px;border-radius:60px;border:1px solid red;background-color:red;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}.header .showMenu{display:block;box-shadow:#00000029 0 1px 4px;background-color:transparent;border:1px solid #dee2e6;display:none}.header .showMenu svg{font-size:2rem}.header .containerLogo{display:flex;align-items:center;gap:1rem}.header .btnCartSouscription{display:none;position:relative}.header .btnCartSouscription span{display:block;position:absolute;top:-8px;right:-5px;font-size:10px;width:15px;height:15px;border-radius:60px;border:1px solid red;background-color:red;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 998px){.header .contentHeader .linksLogo img{width:50px}.header .contentHeader .linksLogo ul{display:none}.header .contentHeader{padding:0 1rem}.header .showMenu{display:block}.header{position:relative}.header .linksLogo ul.actived{display:block;position:absolute;top:70px;background:#fff;width:200px;padding:2rem 1rem;display:flex;flex-direction:column;gap:1rem;align-items:baseline}.header .contentHeader .linksLogo ul.actived li a{gap:1rem}.header .contentHeader .linksLogo ul.actived li a span{flex:1}}@media screen and (max-width: 800px){.header .btnCartSouscription{display:block}}@media screen and (max-width: 600px){.header .contentHeader .linksLogo img{width:40px}}@media screen and (max-width: 400px){.header .authContent{gap:5px}.header .authContent a:first-child,.header .authContent .separate{display:none}}.home .contentAccueil{margin:auto;display:flex;height:100%;position:relative;min-height:70svh;max-height:100svh;background:url(/assets/venteeligne-CrLjcWl4.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.home .overPlay{position:absolute;width:100%;height:100%;background-color:#000000b3}.home .contentAccueil .text{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.home .contentAccueil h1{font-weight:900;z-index:1;color:#fff;font-size:3rem}.home .contentAccueil .text a{height:50px;width:200px;z-index:1;border:1px solid #dee2e6;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:transparent;border-radius:4px;border:2px solid #fff;box-shadow:#00000029 0 1px 4px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff}.home .contentAccueil .text p{color:#fff;z-index:1;text-align:center;font-size:1.2rem;margin:0}.home .card2{background-color:var(--color-bg-part)}.home .card2 .content{max-width:1500px;margin:auto;display:flex;align-items:center;padding:0 5rem}.home .card2 h2{font-size:3rem;font-weight:700;color:#fff;width:50%}.home .card2 img{width:50%;height:300px;object-fit:scale-down}.home .linksHome{z-index:1;display:flex;gap:1rem}.home .goTo{background-color:var(--color-bg-part)!important;text-align:center;border:0!important;width:auto!important;height:50px;z-index:1;border:1px solid #dee2e6;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:transparent;border-radius:4px;border:2px solid #fff;box-shadow:#00000029 0 1px 4px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff}.home .goTo:hover{background-color:var(--color-btn-hover)!important}@media screen and (max-width: 1255px){.home .card2 .content{padding:0 2rem}}@media screen and (max-width: 1170px){.home .card2 h2{font-size:2.5rem}.home .card2 img{width:400px;object-fit:scale-down}}@media screen and (max-width: 1025px){.home .contentAccueil .text h1{text-align:center;font-size:2.3rem}.home .contentAccueil .text{width:90%;margin:auto}}@media screen and (max-width: 800px){.home .card2 .content{flex-direction:column;gap:1rem}.home .card2 h2{text-align:center;margin-top:2rem;width:100%}.home .card2 img{width:100%}}@media screen and (max-width: 560px){.header .authContent{gap:5px}.home .contentAccueil{height:500px}.home .card2 h2{font-size:20px}}.produitsHome{max-width:1500px;margin:auto;padding:2rem 5rem}.produitsHome h1{font-size:2rem;font-weight:700;width:50%;margin:0;margin-bottom:2rem}.produitsHome ol{display:flex;margin:0;gap:2rem;list-style-position:inside;padding:0}.produitsHome ol li h4{margin:0;margin-bottom:1rem;font-size:16px;font-weight:700}.produitsHome ol li div{gap:1rem}.produitsHome .body{display:grid;grid-template-columns:repeat(4,24%);gap:1rem;justify-content:space-between}.produitsHome .body .card{border:0;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:1rem;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out;border-radius:10px;cursor:pointer}.produitsHome .body .card:hover{transform:translateY(-10px)}.produitsHome .body .card .head{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.produitsHome .body .card .count{background-color:red;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;border-radius:50%}.produitsHome .body .card span{text-align:center}.produitsHome .description{line-height:25px}.produitsHome .body .titleProduit{font-weight:700;font-size:1.5rem}@media screen and (max-width: 1200px){.produitsHome{padding:2rem}.produitsHome .body{grid-template-columns:repeat(3,32%)}}@media screen and (max-width: 900px){.produitsHome ol{flex-direction:column}.produitsHome h1{text-align:center;width:100%}.produitsHome .body{grid-template-columns:repeat(2,48%)}}@media screen and (max-width: 600px){.produitsHome .body{grid-template-columns:repeat(1,100%)}.produitsHome{padding:2rem 1rem}}.footer{padding:0 4rem!important;background-color:var(--bg-footer);font-family:Open sans,sans-serif}.footer .alertCommerciale{display:flex;flex-direction:column;gap:.6rem;color:#fff;justify-content:center;align-items:center;padding-top:1rem}.footer .alertCommerciale .content1{display:flex;gap:1rem;align-items:center}.footer .alertCommerciale .text{text-align:center}.footer .form-group{width:50%;display:flex;padding-top:1rem!important;margin:0 auto}.footer .form-group input{box-shadow:none!important;border-top-right-radius:0;border-bottom-right-radius:0;font-size:13px}.footer .form-group .btn{border:1px solid var(--border-color);color:var(--color-white);border-top-left-radius:0;border-bottom-left-radius:0}.footer .main{padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;color:var(--color-white)}.footer .main ul{padding:0;margin-bottom:0;margin-top:1rem;width:200px}.footer .main ul li{list-style:none;margin-bottom:.5rem}.footer .main ul li:first-child{font-weight:700;font-size:1rem;margin-bottom:1rem}.footer hr{color:var(--border-color)}.footer .text-rxsociaux{display:flex;justify-content:space-between;color:var(--color-white);padding-bottom:1rem}.footer .text-rxsociaux .colun1{display:flex;gap:1rem;align-items:center}.footer .text-rxsociaux .colun1 .icons-system{display:flex;gap:10px}.footer .text-rxsociaux .colun1 .icons-system svg{font-size:1.2rem}.footer .colun2{display:flex;align-items:center;gap:1rem}.footer .colun2 .icons{display:flex;align-items:center;gap:4px}.footer .colun2 .icons svg{font-size:1.2rem}.footer .copyright{text-align:center;padding-bottom:1rem;color:var(--color-white)}@media screen and (max-width: 1320px){.footer .main{padding:0rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:0rem;color:var(--color-white)}.footer .main ul{padding:0;margin-bottom:0;margin-top:1rem;width:170px}}@media screen and (max-width: 425px){.footer{padding:.5rem!important}.footer .text-rxsociaux{display:flex;flex-direction:column;justify-content:space-between;color:var(--color-white);padding-bottom:1rem}.footer .main{grid-gap:0rem}.footer .form-group{width:100%!important}}.about{max-width:1500px;margin:auto;padding:2rem 5rem 0}.about .about1{display:flex;flex-direction:column}.about h4{font-size:2rem;font-weight:700;margin:0;padding-bottom:1rem}.about .col1{display:flex;gap:2rem;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out;cursor:pointer;margin-bottom:2rem}.about .col1:hover{transform:translateY(-10px)}.about .col1 img{height:250px}.about .about1 p{padding:0;width:100%}.about p{line-height:25px}.about .about2{margin-top:2rem}.about h5{font-weight:700}.toTarifaction a{display:flex;align-items:center;max-width:max-content;border:1px solid silver;gap:.5rem;padding:.4rem 1rem;box-shadow:#00000029 0 1px 4px;border-radius:3px;cursor:pointer;background-color:var(--color-bg-part);color:#fff;text-decoration:none}.toTarifaction a:hover{background-color:var(--color-btn-hover)}.about .containerAchVend{display:flex;gap:1.5rem;margin-bottom:2rem}.about .containerAchVend .acheteurs{background:#fff;padding:1rem;display:flex;width:50%;gap:2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out;cursor:pointer}.about .containerAchVend .acheteurs:hover{transform:translateY(-10px)}.about .containerAchVend .acheteurs img{width:100%}.about .containerAchVend .vendeurs{background:#fff;padding:1rem;display:flex;gap:2rem;border-radius:10px;width:50%;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out;cursor:pointer}.about .containerAchVend .vendeurs:hover{transform:translateY(-10px)}.about .containerAchVend .vendeurs img{width:100%}.about .about3{padding:1rem;border-radius:10px;margin-bottom:2rem}.about .about3 .logistics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.about .about3 .logistics .items{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;background-color:#fff;cursor:pointer;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out;height:90%}.about .about3 .logistics .items:hover{transform:translateY(-10px)}@media screen and (max-width: 1322px){.about .about3 .logistics{display:grid;grid-template-columns:repeat(3,1fr)}.about .logistique{flex-direction:column;gap:0}.about .logistique img{height:300px;object-fit:scale-down;margin-bottom:0!important}.about .logistique p,.about .paragraph{width:100%}.about h4{margin-bottom:0}.about .about2 h4{margin-bottom:1rem}.about .about2 ol p{width:100%!important}}@media screen and (max-width: 1100px){.about .about3 .logistics{display:grid;grid-template-columns:repeat(2,2fr)}.about .containerAchVend .acheteurs,.about .containerAchVend .vendeurs{flex-direction:column}.about .containerAchVend .acheteurs img,.about .containerAchVend .vendeurs img{width:60%}}@media screen and (max-width: 1030px){.about{padding:2rem}.about .col1{flex-direction:column}.about .col1 img{height:300px;object-fit:scale-down}.about .col1 p{width:100%}}@media screen and (max-width: 600px){.about .about3 .logistics{display:grid;grid-template-columns:repeat(1,1fr)}.about .containerAchVend{flex-direction:column}.about .containerAchVend .acheteurs,.about .containerAchVend .vendeurs{width:100%}.about{padding:2rem 1rem}}.signIn{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding-bottom:2rem}.signIn .separtes{display:flex;align-items:center;gap:1rem;justify-content:center}.signIn .separtes hr{border:1px solid #777;width:100%}.auth{padding:2rem 3rem;display:flex;flex-direction:column;justify-content:center;border-radius:5px;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px;background-color:#fff;width:400px;margin-top:2rem}.signIn .auth .input{height:36px;padding:3px 5px;border-radius:3px;width:100%;border:1px solid var(--color-border)}.signUp .auth{width:500px}.signUp .auth select,.signUp .auth select option{font-size:13px}.auth h4{margin-top:1rem;margin-bottom:1.5rem;text-align:left;font-size:21px;font-weight:700}.signIn .form{width:100%;position:relative;display:flex;flex-direction:column;gap:.7rem}.rememberAndPassForget{display:flex;justify-content:space-between;align-items:center}.auth .form-control{border-radius:4px!important;padding:.6rem 1rem;border:1px solid #ddd}.linkCreatioCompte{text-align:center;display:flex;flex-direction:row;justify-content:space-between}.signIn .form label{font-size:13px;font-weight:700}.signIn .form .authBtn{font-size:13px;font-weight:700;color:#fff;border-radius:4px;padding:.6rem;background-color:var(--color-bg-part);width:100%;border:0;text-transform:uppercase}.auth a{color:var(--color-bg-part)}.signIn input{font-size:13px}.signIn input:focus{border:2px solid var(--color-bg-part)}.signUp .auth .input:focus{border:2px solid var(--color-bg-part)}.signIn .text svg{font-size:2rem}.signIn .google{background-color:#fff;border:1px solid silver;color:#333;display:flex;align-items:center;gap:10px;justify-content:center}.signIn .google svg{font-size:1.45rem}.signUp .css-wmy1p7-ReactDropdownSelect{box-shadow:none!important}.signUp .css-wmy1p7-ReactDropdownSelect input{border:0!important}.signUp .css-wmy1p7-ReactDropdownSelect span{font-size:13px!important}.signIn label{font-size:14px!important;color:#555}.resetPassContainer{width:430px;margin:auto;padding:30px 20px 20px}.resetPassContainer form{display:flex;flex-direction:column;gap:20px}.resetPassContainer h4{font-size:3rem}.resetPassContainer p{font-size:20px;color:#444}.resetPassContainer form label{font-size:18px;color:#333}.resetPassContainer input{height:50px;width:100%;border-radius:10px;padding:10px;border:1px solid silver}.resetPassContainer button{height:50px;width:100%;border-radius:10px;padding:10px;border:1px solid silver;font-size:18px;font-weight:600;background-color:var(--color-bg-part);color:#fff}.contentBtnGoToBack{width:100%;float:left;width:400px;margin-top:40px;margin-bottom:-20px}.contentBtnGoToBack span{font-size:17px}@media screen and (max-width: 560px){.signIn .auth,.signUp .auth{width:100%}.auth{padding:1rem;height:auto}.resetPassContainer{width:100%}}.google{background-color:#fff!important;font-size:14px;font-weight:700;border-radius:4px!important;padding:.6rem;width:100%;border:0;display:flex!important;border:1px solid silver!important;color:#333!important}.separator{text-align:center;padding:0;margin:0;font-weight:700}.boutiquesList{max-width:1500px;margin:auto;margin-top:1rem;padding:0 5rem}.boutiquesList .head{display:flex;justify-content:space-between;align-items:last baseline;background-color:#fff;padding:1rem;border-radius:4px;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px}.boutiquesList .path{display:flex;flex-direction:column;gap:1rem}.boutiquesList .path h4{margin:0;font-weight:700;font-size:17px}.boutiquesList .head .contentInputSearch{border:1px solid #dee2e6;height:36px;width:300px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-radius:4px}.boutiquesList .head .contentInputSearch input{width:100%;height:36px;border:0;outline:none;background-color:transparent;font-size:13px}.boutiquesList .head a{display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border-radius:4px;border:1px solid var(--color-bg-part);color:#fff}.boutiquesList .head button span{font-size:13px}.boutiquesList .body{padding:1rem;background-color:#fff;margin-top:1rem;border-radius:4px;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;margin-bottom:1rem}.boutiquesList .body table td{font-size:13px;vertical-align:middle}.boutiquesList .body table td div{display:flex;gap:5px;cursor:pointer}.boutiquesList .body table td div span{font-size:12px;font-weight:700}.boutiquesList .body table td a{display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:#fff;border-radius:2px;border:1px solid #dee2e6;color:#555;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px}.boutiquesList .body table td a span{font-weight:700}@media screen and (max-width: 900px){.boutiquesList{padding:0 2rem}}@media screen and (max-width: 600px){.boutiquesList{padding:0 1rem}.boutiquesList .head{flex-direction:column;align-items:first baseline;gap:1rem}.boutiquesList .head .contentInputSearch{width:100%}.boutiquesList .body{overflow-x:auto}}.contentFormCreateBoutique{margin-bottom:1rem}.contentFormCreateBoutique .pathContent{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.contentFormCreateBoutique .pathContent .row1{display:flex;gap:1rem}.contentFormCreateBoutique input{border-radius:3px;font-size:13px;height:36px}.swal-button:not([disabled]):hover{background-color:var(--color-bg-part)!important}.contentFormCreateBoutique .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.contentFormCreateBoutique .pathContent .row1 svg{font-size:1.2rem;color:#333}.contentFormCreateBoutique .pathContent .row1 span{font-size:13px}.contentFormCreateBoutique .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.contentFormCreateBoutique .addBoutiqueContent{background-color:#fff;padding:2rem;margin-top:2rem}.contentFormCreateBoutique .contentBtnAdd{display:flex;align-items:center;justify-content:flex-end}.contentFormCreateBoutique .btnAdd{border:1px solid #dee2e6;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff;margin-top:2rem}.contentFormCreateBoutique h6{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.tarifContent{margin-top:.5rem;font-size:13px}.tarifContent a{font-weight:900;font-size:14px;color:var(--color-bg-part)}.selectTarif{width:100%;height:36px;border:1px solid #dee2e6;font-size:12px;outline:none;padding:0 10px}.selectTarif option{font-size:12px}.btnActualisePays{display:flex;align-items:center;max-width:max-content;border:1px solid silver;gap:.5rem;padding:.4rem 1rem;box-shadow:#00000029 0 1px 4px;border-radius:3px;cursor:pointer;background-color:var(--color-bg-part)}.btnActualisePays span{color:#fff;font-size:14px}.btnActualisePays svg{color:#fff;font-size:16px}@media screen and (max-width: 520px){.contentFormCreateBoutique .addBoutiqueContent{padding:2rem 1rem}.contentFormCreateBoutique .col-sm-6:first-child{margin-bottom:1rem!important}}.addBoutiqueMain{max-width:1500px;margin:auto;padding:0 5rem}@media screen and (max-width: 1000px){.addBoutiqueMain{padding:0 1rem}}@media screen and (max-width: 500px){.addBoutiqueMain{padding:.5rem}}.modal.modalDesc{--bs-modal-width: 50% !important}.modal.modalDesc .headModal{display:flex;align-items:center;justify-content:space-between;width:100%}.modal.modalDesc .headModal button{border:0;background-color:#f3f5f8;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.modal.modalDesc .modal-content{border-radius:2px!important}.modal.modalDesc .modal-body{min-height:100px;max-height:500px;overflow-y:auto}.modal.modalDesc h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.modal.modalDesc .head{display:flex;align-items:center;justify-content:center;margin-top:1rem;gap:2rem}.modal.modalDesc .head h4{font-size:15px}.modal.modalDesc .head button{border:0;height:30px;border-radius:3px;padding:.4rem;display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;text-transform:uppercase}.modal.modalDesc .head button span{color:var(--color-bg-part);font-weight:700;font-size:13px}.modal.modalDesc .head button svg{font-size:1.5rem;color:var(--color-bg-part)}.modal.modalDesc .body{width:100%;gap:1rem;width:600px;margin:auto;margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.modal.modalDesc .body .index{width:20px}.modal.modalDesc .body .contentInput{display:flex;align-items:center;gap:1rem;width:100%}.modal.modalDesc .body .contentInput input{font-size:12px;padding:.5rem;border:1px solid #555;border-radius:4px;outline:none;height:35px;width:44%}.modal.modalDesc .body .contentInput input:focus{border:2px solid var(--color-bg-part)}.modal.modalDesc .body .contentInput button{border:0;width:30px;height:30px;border-radius:80px;display:flex;align-items:center;justify-content:center;background-color:#f3f5f8}.modal.modalDesc .body .contentInput button:hover{background-color:var(--color-bg-part)}.modal.modalDesc .body .contentInput button:hover svg{color:#fff}.modal.modalDesc .body .contentInput button svg{font-size:1rem;color:#555}.modal.modalDesc .textPlus{color:var(--color-bg-part);font-size:13px;font-weight:600}.modal.modalDesc .contentBtnSave{width:100%;display:flex;justify-content:flex-end}.modal.modalDesc .saveBtn{background-color:var(--color-bg-part);padding:.5rem;border-radius:3px;border:0;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;color:#fff;text-transform:uppercase;font-weight:600;margin-top:1rem}@media screen and (max-width: 1373px){.modal.modalDesc{--bs-modal-width: 70% !important}}@media screen and (max-width: 977px){.modal.modalDesc{--bs-modal-width: 90% !important}}@media screen and (max-width: 710px){.modal.modalDesc .body{width:100%}}@media screen and (max-width: 400px){.modal.modalDesc .body .contentInput{gap:.4rem}.modal.modalDesc .index{font-size:11px}}.produits{width:100%}.produits .head{display:flex;justify-content:space-between}.produits .pathContent{display:flex;flex-direction:column;gap:.5rem}.produits .pathContent .row1{display:flex;gap:1rem}.produits .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.produits .pathContent .row1 svg{font-size:1.2rem;color:#333}.produits .pathContent .row1 span{font-size:13px}.produits .pathContent h4,.produits h5{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.produits h6{margin:0;color:#333;font-size:15px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.produits .head a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;padding:.4rem 2rem;background-color:var(--color-bg-part);border-radius:3px;border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;align-self:last baseline}.produits .head a span,.produits .head a svg{color:#fff}.produits .head a svg{font-size:1.2rem}.produits .containerTable{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;padding:1rem;background-color:#fff;overflow-x:auto}.produits .formSearch{display:flex;justify-content:space-between;gap:2rem;margin-top:2rem;background-color:#fff;padding:1rem;margin-bottom:1rem;align-items:center;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;gap:1rem;overflow-x:auto}.produits .formSearch .contentForm{flex:1;display:flex;align-items:center;gap:.5rem}.produits .formSearch div div{border:1px solid #dee2e6;height:35px;border-radius:3px;padding:.4rem 1rem;display:flex;align-items:center;justify-content:space-between}.produits .formSearch div input{height:30px;flex:1;border:0;outline:none;font-size:12px;width:200px}.produits .formSearch select{border:1px solid #dee2e6;height:35px;border-radius:3px;font-size:12px;width:200px}.produits .formSearch select option{font-size:12px}.produits .formSearch button{border:0;background-color:var(--bg-gray-light);height:30px;width:30px;align-self:last baseline;display:flex;align-items:center;justify-content:center;border-radius:100px}.produits .formSearch button svg{color:#333;font-size:1.2rem}.produits .dataSelected{display:flex;align-items:center;gap:1rem}.produits .dataSelected span{color:#333;font-weight:700;font-size:12px}.addproduits{padding:1rem;width:100%}.addproduits .contentAddProduit{background:#fff;padding:2rem;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px}.addproduits .pathContent{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.addproduits select{border-radius:3px;font-size:13px;height:36px}.addproduits .pathContent .row1{display:flex;gap:1rem}.addproduits .contentImg{border:1px solid #ddd;padding:1rem;border-radius:3px;display:flex;align-items:center;justify-content:center}.addproduits .contentImg img{width:200px;height:200px;object-fit:scale-down}.addproduits .noneImage{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.addproduits .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.addproduits .pathContent .row1 svg{font-size:1.2rem;color:#333}.addproduits .pathContent .row1 span{font-size:13px}.addproduits .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.addproduits .inputForm{border-radius:3px;font-size:13px;height:36px;padding:2px 10px;outline:none;border:1px solid #ddd;width:100%}.addproduits .inputForm:focus,.addproduits textarea:focus{border:1px solid #dee2e6}.addproduits label{font-weight:700;margin-bottom:.5rem;font-size:13px}.addproduits textarea{border-radius:3px;font-size:13px}.addproduits .contentBtnAdd{display:flex;align-items:center;justify-content:flex-end}.addproduits .btnAdd{border:1px solid #dee2e6;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff}.produits .btnCheck{color:#333}.produits .grilleImagesSecondaires{display:grid;grid-template-columns:repeat(auto-fill,200px);justify-content:space-between;gap:1rem}.produits .grilleImagesSecondaires .card{border-radius:3px;margin-top:1rem;border:1px solid #ddd}.produits .grilleImagesSecondaires .card img{height:140px;object-fit:scale-down;border-radius:6px}.produits .nomProduit{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.detailProduit button{text-decoration:none;padding:.6rem 1rem;background-color:#fff;border-radius:3px;border:1px solid #dee2e6;box-shadow:#00000029 0 1px 4px;color:#222;margin-left:10px}.modalPromo h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.modal.modalPromo{--bs-modal-width: 60% !important}.modal.modalPromo .modal-content{border-radius:2px!important}.modalPromo .modal-header{background-color:var(--bg-gray-light)}.modalPromo .modal-header span{color:green;font-weight:700;font-size:13px}.modal.modalPromo button{text-decoration:none;padding:.6rem 1rem;background-color:#fff;border-radius:3px;border:1px solid #dee2e6;box-shadow:#00000029 0 1px 4px;color:#222}.modal.modalPromo .form div{display:flex;flex-direction:column;gap:.5rem}.modal.modalPromo .form div label{font-weight:700;font-size:14px}.modal.modalPromo input{border-radius:3px;font-size:13px;height:36px;padding:0 1rem;border:1px solid #dee2e6;outline:none}.modal.modalPromo .contentBtnAdd{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:2rem}.modal.modalPromo .btnAdd{border:1px solid #dee2e6;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff;width:100px}.detailProduit .grilleRating{display:flex;flex-direction:column;gap:1rem}.detailProduit .grilleRating .card{background-color:var(--bg-gray-light);padding:1rem;border:0}.detailProduit .grilleRating .card button{background-color:transparent;padding:0;box-shadow:none;border:0}.detailProduit .grilleRating .card .btnDel{text-decoration:none;padding:.6rem 1rem;background-color:#fff;border-radius:3px;border:1px solid #dee2e6;box-shadow:#00000029 0 1px 4px;color:#222;width:100px;font-size:12px;position:absolute;right:20px}.detailProduit h6 button{background-color:transparent;padding:0;box-shadow:none;border:0}.modal.modalPromo .imagesExist .grille{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,150px);gap:1rem;justify-content:space-betwe}.modal.modalPromo .imagesExist .grille .card{border-radius:0;height:150px;cursor:pointer;position:relative;padding:.5rem}.modal.modalPromo .imagesExist .grille .card .contentBtn{width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;position:absolute;right:5px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;z-index:1}.modal.modalPromo .imagesExist .grille .card .contentBtn svg{font-size:1.5rem;color:#555}.modal.modalPromo .imagesExist .grille .card img{width:100%;height:100%;object-fit:scale-down}.modal.modalPromo .imagesExist .card .couleurImg{position:absolute;bottom:5px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.modal.modalPromo .body2{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal.modalPromo .body2 input{display:flex;align-items:center;justify-content:center;padding:.3rem}.modal.modalPromo .btnAdd{border:1px solid #dee2e6;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff}.modal.modalPromo .addColor{position:absolute;width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;left:5px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;z-index:1;cursor:pointer}.modal.modalPromo .addColor svg{font-size:12px}.cardCouleurs{position:absolute;padding:1rem;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;z-index:10;top:150px;background-color:#fff;width:400px;border-radius:4px}.cardCouleurs svg{z-index:1;cursor:pointer;font-size:1.5rem;position:absolute;right:5px;top:5px}.cardCouleurs h4{margin:0;font-size:1rem;text-align:center}.cardCouleurs .grilleColors{display:grid;grid-template-columns:repeat(10,25px);justify-content:space-between}.cardCouleurs .colorBtn{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;margin-right:10px;margin-bottom:10px}.cardCouleurs .colorBtn svg{position:absolute;top:0;left:-2px;width:25px;height:25px;border-radius:100px;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;color:#f0f8ff}.cardCouleurs .contentBtn{display:flex;width:100px;border:2px solid red}.btnDelColor{position:absolute;bottom:5px;right:5px;display:flex;align-items:center;gap:2px;border:1px solid #dee2e6;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;padding:3px 5px;border-radius:3px;background-color:#fff}.btnDelColor span,.btnDelColo svg{font-size:10px}.listActions{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.listActions a{text-decoration:none}.listActions a,.listActions button{display:flex;align-items:center;width:100%;justify-content:center;gap:.5rem;padding:.4rem 1rem;background-color:#fff;border-radius:2px;border:1px solid #dee2e6;color:#555;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;font-size:12px}.listActions a span,.listActions button span{font-size:12px}.itemCaract{display:flex;align-items:center;gap:1rem;background-color:var(--bg-gray-light);margin-bottom:1rem;width:auto;padding:.3rem}.dataBtns{width:50px;display:flex;gap:5px}.btnRemoveTypeProduit{width:20px;display:flex;align-items:center;justify-content:center;height:20px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;padding:.3rem;border-radius:4px;cursor:pointer}.btnModifCaractec{color:#fff!important;background-color:var(--color-bg-part)!important}@media screen and (max-width: 500px){.produits .dateModif{display:none}.produits .head{flex-direction:column;align-items:first baseline;gap:1rem}.produits .head a{align-self:baseline}}@media screen and (max-width: 850px){.modal.modalPromo .imagesExist .grille{grid-template-columns:repeat(auto-fill,100px)}}@media screen and (max-width: 850px){.modal.modalPromo .imagesExist .grille{grid-template-columns:repeat(2,49%);gap:1rem}.produits .nameProduitUl{width:250px}.produits .dateProduitUl{width:150px}}@media screen and (max-width: 500px){.produits .grilleImagesSecondaires{grid-template-columns:repeat(2,49%)}.cardCouleurs{width:350px}.modal.modalPromo .imagesExist{overflow-x:auto}}.spiner{width:20px;padding:3px;aspect-ratio:1;border-radius:50%;background:var(--color-bg-part);--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(1turn)}}.modal.modalImage{--bs-modal-width: 60% !important}.comandes{width:100%}.comandes .head{display:flex;justify-content:space-between}.comandes .pathContent{display:flex;flex-direction:column;gap:.5rem}.comandes .pathContent .row1{display:flex;gap:1rem}.comandes .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.comandes .pathContent .row1 svg{font-size:1.2rem;color:#333}.comandes .pathContent .row1 span{font-size:13px}.comandes h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.comandes .head a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;padding:.4rem 2rem;background-color:var(--color-bg-part);border-radius:3px;border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;align-self:last baseline}.comandes .head a span,.comandes .head a svg{color:#fff}.comandes .head a svg{font-size:1.2rem}.comandes .formSearch{display:flex;margin-top:2rem;background-color:#fff;padding:1rem;margin-bottom:1rem;align-items:center;gap:1rem;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;overflow-x:auto}.comandes .formSearch div{border:1px solid #dee2e6;height:35px;border-radius:4px;padding:.4rem 1rem;display:flex;align-items:center;justify-content:space-between}.comandes .formSearch select{border:1px solid #dee2e6;height:35px;border-radius:4px}.comandes .formSearch div input{height:30px;flex:1;border:0;outline:none;font-size:12px;width:200px}.comandes .containerTable{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;padding:1rem;background-color:#fff;overflow-x:auto}.addcomandes{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;padding:1rem;background-color:#fff;width:100%}.addcomandes .pathContent{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.addcomandes .pathContent .row1{display:flex;gap:1rem}.addcomandes .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.addcomandes .pathContent .row1 svg{font-size:1.2rem;color:#333}.addcomandes .pathContent .row1 span{font-size:13px}.addcomandes .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.addcomandes input{border-radius:3px;font-size:13px;height:36px}.addcomandes input:focus,.addcomandes textarea:focus{border:1px solid #dee2e6}.addcomandes label{font-weight:700;margin-bottom:.5rem;font-size:13px}.addcomandes textarea{border-radius:3px;font-size:13px}.addcomandes .contentBtnAdd{display:flex;align-items:center;justify-content:flex-end}.addcomandes .btnAdd{border:1px solid #dee2e6;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff}.comandes .grilleProducts{display:grid;grid-template-columns:repeat(auto-fill,200px);justify-content:space-between;gap:10px}.comandes .grilleProducts .card{padding:1rem;margin-bottom:1rem;border-radius:4px;border:1px solid #eee;cursor:pointer}.comandes .grilleProducts .card img{height:100px;width:100%;object-fit:scale-down;border-radius:4px;border:1px solid #eee;margin-bottom:1rem}.comandes .grilleProducts .card .details{display:flex;flex-direction:column;gap:.2rem}.comandes .grilleProducts .card .details span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:700;font-size:12px;color:#666}.comandes .grilleProducts .card .details .nom{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;color:#333}.selectStatusOrder{font-size:12px!important;border-radius:4px;padding:.3rem;outline:none;border:1px solid #dee2e6}.selectStatusOrder option{font-size:12px}@media screen and (max-width: 1100px){.comandes .formSearch div{max-width:200px!important}}@media screen and (max-width: 925px){.comandes .grilleProducts{grid-template-columns:repeat(auto-fill,160px)}}@media screen and (max-width: 550px){.comandes .grilleProducts{grid-template-columns:repeat(2,48%)}}.pointsdeventes{width:100%}.pointsdeventes .head{display:flex;justify-content:space-between}.pointsdeventes .pathContent{display:flex;flex-direction:column;gap:.5rem}.pointsdeventes .pathContent .row1{display:flex;gap:1rem}.pointsdeventes .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.pointsdeventes .pathContent .row1 svg{font-size:1.2rem;color:#333}.pointsdeventes .pathContent .row1 span{font-size:13px}.pointsdeventes .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.pointsdeventes .head a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;padding:.4rem 2rem;background-color:var(--color-bg-part);border-radius:3px;border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;align-self:last baseline}.pointsdeventes .head a span,.pointsdeventes .head a svg{color:#fff}.pointsdeventes .head a svg{font-size:1.2rem}.pointsdeventes .containerTable{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;padding:1rem;background-color:#fff;overflow-x:auto}.pointsdeventes .formSearch{display:flex;justify-content:space-between;margin-top:2rem;background-color:#fff;padding:1rem;margin-bottom:1rem;align-items:center;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px}.pointsdeventes .formSearch div{border:1px solid #dee2e6;height:35px;border-radius:3px;padding:.4rem 1rem;display:flex;align-items:center;justify-content:space-between}.pointsdeventes .formSearch div input{height:30px;flex:1;border:0;outline:none;font-size:12px}.addpointsdeventes{padding:1rem;width:100%}.contentAddPointDeVente{background-color:#fff;padding:1rem;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px}.addpointsdeventes .pathContent{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.addpointsdeventes .pathContent .row1{display:flex;gap:1rem}.addpointsdeventes .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.addpointsdeventes .pathContent .row1 svg{font-size:1.2rem;color:#333}.addpointsdeventes .pathContent .row1 span{font-size:13px}.addpointsdeventes .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.addpointsdeventes input{border-radius:3px;font-size:13px;height:36px}.addpointsdeventes input:focus,.addpointsdeventes textarea:focus{border:1px solid #dee2e6}.addpointsdeventes label{font-weight:700;margin-bottom:.5rem;font-size:13px}.addpointsdeventes textarea{border-radius:3px;font-size:13px}.addpointsdeventes .contentBtnAdd{display:flex;align-items:center;justify-content:flex-end}.addpointsdeventes .btnAdd{border:1px solid #dee2e6;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff}@media screen and (max-width: 500px){.pointsdeventes .head{flex-direction:column;gap:1rem}.pointsdeventes .head a{align-self:baseline}.pointsdeventes .formSearch div{width:100%}.pointsdeventes .noneResp{display:none}.nomPointDeVente{width:100px}}.profil{width:100%}.profil .head{display:flex;justify-content:space-between}.profil .pathContent{display:flex;flex-direction:column;gap:.5rem}.profil .pathContent .row1{display:flex;gap:1rem}.profil .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.profil .pathContent .row1 svg{font-size:1.2rem;color:#333}.profil .pathContent .row1 span{font-size:13px}.profil .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.profil .head a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;padding:.4rem 2rem;background-color:var(--color-bg-part);border-radius:3px;border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;align-self:last baseline;color:#fff}.profil .head a span,.profil .head a svg{color:#fff}.profil .head a svg{font-size:1.2rem}.profil .containerTable{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;padding:1rem;background-color:#fff}.profil .formSearch{display:flex;justify-content:space-between;margin-top:2rem;background-color:#fff;padding:1rem;margin-bottom:1rem;align-items:center;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px}.profil .formSearch div{border:1px solid silver;height:35px;border-radius:3px;padding:.4rem 1rem;display:flex;align-items:center;justify-content:space-between;width:20%}.profil .formSearch div input{height:30px;flex:1;border:0;outline:none;font-size:12px}.profil .listprofil{display:flex;list-style:none;gap:1rem;border-radius:3px;background-color:#fff;padding:0;margin:0}.profil .listprofil li{cursor:pointer;font-size:13px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}.profil .listprofil li.selected{border-bottom:2px solid var(--color-bg-part);margin-bottom:-1rem;color:var(--color-bg-part);font-weight:700}.profil .formSearch a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;padding:.4rem 2rem;background-color:var(--color-bg-part);border-radius:3px;border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;align-self:last baseline;color:#fff}.addprofil{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;padding:1rem;background-color:#fff;width:100%}.addprofil .pathContent{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.addprofil .pathContent .row1{display:flex;gap:1rem}.addprofil .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.addprofil .pathContent .row1 svg{font-size:1.2rem;color:#333}.addprofil .pathContent .row1 span{font-size:13px}.addprofil .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.addprofil input{border-radius:3px;font-size:13px;height:36px}.addprofil input:focus,.addprofil textarea:focus{border:1px solid silver}.addprofil label{font-weight:700;margin-bottom:.5rem;font-size:13px}.addprofil textarea{border-radius:3px;font-size:13px}.addprofil .contentBtnAdd{display:flex;align-items:center;justify-content:flex-end}.addprofil .btnAdd{border:1px solid silver;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff}.boutiqueProfil .contentImage,.boutiqueProfil .contentRepresentant{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;background-color:var(--bg-gray-light);padding:1rem;border-radius:4px;height:130px}.boutiqueProfil .contentImage img,.boutiqueProfil .contentRepresentant img{width:150px;height:100px;object-fit:scale-down;border-radius:4px;cursor:pointer}.boutiqueProfil .contentImage div{display:flex;flex-direction:column;gap:.3rem}.boutiqueProfil .contentImage div span,.boutiqueProfil .contentRepresentant div span{font-size:12px;color:#333;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:700}.boutiqueProfil h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.boutiqueProfil .formInput,.boutiqueProfil select{border-radius:3px;font-size:13px;height:36px;width:100%;border:1px solid #ddd;outline:none;padding:0 10px}.boutiqueProfil .urlLogo{padding-top:4px;padding-left:2px}.boutiqueProfil select option{font-size:13px}.boutiqueProfil .css-z2hyoe-ItemComponent{overflow:visible!important}.boutiqueProfil .formInput:focus,.boutiqueProfil textarea:focus{border:1px solid silver}.boutiqueProfil label{font-weight:700;margin-bottom:.5rem;font-size:12px}.boutiqueProfil textarea{border-radius:3px;font-size:13px}.boutiqueProfil .contentBtnAdd{display:flex;align-items:center;justify-content:flex-end}.boutiqueProfil .btnAdd{border:1px solid silver;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff;border-radius:2px}.headAddCollections{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1300px){.boutiqueProfil .body{flex-direction:column}.boutiqueProfil .body .profilShop,.boutiqueProfil .profilUserAdmin{width:100%}}@media screen and (max-width: 500px){.boutiqueProfil .contentImage,.boutiqueProfil .contentRepresentant{flex-direction:column;justify-content:center;align-items:center;height:auto}.boutiqueProfil .contentImage div,.contentRepresentant div{justify-content:center;align-items:center}.contentRepresentant div span{text-align:center}}.userProfil .contentImageUser{background-color:var(--color-bg-user);padding:1rem;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.userProfil h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.userProfil .contentImageUser img{width:100px;height:100px;object-fit:cover;border-radius:250px}.userProfil .contentImageUser .noms{display:flex;align-items:center;justify-content:center;gap:.4rem}.userProfil .contentImageUser .noms span{font-size:13px;font-weight:700;color:#333}.userProfil .contentImageUser .detail{display:flex;align-items:center;justify-content:center;gap:.4rem}.userProfil .contentImageUser .detail span{font-size:13px;font-weight:700;color:#333}.userProfil label{font-weight:700;margin-bottom:.5rem;font-size:12px}.userProfil input{border-radius:3px;font-size:13px;height:36px;width:100%;border:1px solid #ddd;outline:none;padding:0 10px}.userProfil .contentBtnAdd{display:flex;align-items:center;justify-content:flex-end}.userProfil .btnAdd{border:1px solid silver;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff;border-radius:2px}.usersAdmins{width:100%}.usersAdmins .head{display:flex;justify-content:space-between}.usersAdmins .pathContent{display:flex;flex-direction:column;gap:.5rem}.usersAdmins .pathContent .row1{display:flex;gap:1rem}.usersAdmins .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.usersAdmins .pathContent .row1 svg{font-size:1.2rem;color:#333}.usersAdmins .pathContent .row1 span{font-size:13px}.usersAdmins .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.usersAdmins .head a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;padding:.4rem 2rem;background-color:var(--color-bg-part);border-radius:3px;border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;align-self:last baseline}.usersAdmins .head a span,.usersAdmins .head a svg{color:#fff}.usersAdmins .head a svg{font-size:1.2rem}.usersAdmins .containerTable{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;padding:1rem;background-color:#fff;overflow-x:auto}.usersAdmins .formSearch{display:flex;justify-content:space-between;margin-top:2rem;background-color:#fff;padding:1rem;margin-bottom:1rem;align-items:center;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px}.usersAdmins .formSearch div{border:1px solid silver;height:35px;border-radius:3px;padding:.4rem 1rem;display:flex;align-items:center;justify-content:space-between;width:300px}.usersAdmins .formSearch div input{height:30px;flex:1;border:0;outline:none;font-size:12px}.addusersAdmins select{height:36px;flex:1;border:0;outline:none;font-size:12px;border:1px solid #ddd;width:100%;border-radius:4px;background-color:#eee}.addusersAdmins{padding:1rem;width:100%}.addusersAdmins .contentAddUser{background-color:#fff;padding:1rem;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px}.addusersAdmins .pathContent{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.addusersAdmins .pathContent .row1{display:flex;gap:1rem}.addusersAdmins .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.addusersAdmins .pathContent .row1 svg{font-size:1.2rem;color:#333}.addusersAdmins .pathContent .row1 span{font-size:13px}.addusersAdmins .pathContent h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.addusersAdmins input{border-radius:3px;font-size:13px;height:36px}.addusersAdmins input:focus,.addusersAdmins textarea:focus{border:1px solid silver}.addusersAdmins label{font-weight:700;margin-bottom:.5rem;font-size:13px}.addusersAdmins textarea{border-radius:3px;font-size:13px}.addusersAdmins .contentBtnAdd{display:flex;align-items:center;justify-content:flex-end}.addusersAdmins .btnAdd{border:1px solid silver;display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.4rem 1rem;background-color:var(--color-bg-part);border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;color:#fff}@media screen and (max-width: 600px){.usersAdmins .formSearch div{width:100%}.usersAdmins .head{flex-direction:column;align-items:first baseline;gap:1rem}.usersAdmins .head a{align-self:baseline}}.clients{width:100%}.clients .head{display:flex;justify-content:space-between}.clients .pathContent{display:flex;flex-direction:column;gap:.5rem}.clients .pathContent .row1{display:flex;gap:1rem}.clients .pathContent .row1 button{border:0;background-color:transparent;display:flex;align-items:center;gap:.4rem}.clients .pathContent .row1 svg{font-size:1.2rem;color:#333}.clients .pathContent .row1 span{font-size:13px}.clients h4{margin:0;color:#333;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2}.clients .head a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;padding:.4rem 2rem;background-color:var(--color-bg-part);border-radius:3px;border:1px solid var(--color-bg-part);box-shadow:#00000029 0 1px 4px;align-self:last baseline}.clients .head a span,.clients .head a svg{color:#fff}.clients .head a svg{font-size:1.2rem}.clients .formSearch{display:flex;margin-top:2rem;background-color:#fff;padding:1rem;margin-bottom:1rem;align-items:center;gap:1rem;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;overflow-x:auto}.clients .formSearch div{border:1px solid #dee2e6;height:35px;border-radius:4px;padding:.4rem 1rem;display:flex;align-items:center;justify-content:space-between}.clients .formSearch select{border:1px solid #dee2e6;height:35px;border-radius:4px}.clients .formSearch div input{height:30px;flex:1;border:0;outline:none;font-size:12px;width:200px}.clients .containerTable{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;border-radius:3px;padding:1rem;background-color:#fff;overflow-x:auto}@media screen and (max-width: 1100px){.clients .formSearch div{max-width:200px!important}}@media screen and (max-width: 925px){.clients .grilleProducts{grid-template-columns:repeat(auto-fill,160px)}.clients .dataServices{width:300px!important}}@media screen and (max-width: 550px){.clients .grilleProducts{grid-template-columns:repeat(2,48%)}}.tarif{max-width:1500px;margin:auto;padding:2rem 5rem 0}.process{max-width:1500px;margin:auto;padding:2rem 5rem;margin-bottom:2rem;position:relative}.process ul{list-style:none}.process ul li svg{font-size:1.5rem;color:green}.process ul li span{font-size:1.1rem}.process .btnProcess{display:flex;justify-content:space-between}.process .btnProcess button:first-child{background-color:transparent;color:#333}.process .btnProcess button{font-size:13px;font-weight:700;color:#fff;background-color:var(--color-bg-part);border:0;text-align:center;text-decoration:none;border:1px solid silver;padding:.4rem 1rem;box-shadow:#00000029 0 1px 4px;border-radius:3px}.tarif h4,.process h4{font-size:21px;font-weight:700;width:50%;margin:0}.tarif .body{display:flex;overflow-x:auto;overflow-y:hidden;margin-top:1rem;margin-bottom:2rem}.tarif .body::-webkit-scrollbar{height:5px}.tarif .body::-webkit-scrollbar-thumb{background-color:#666!important}.tarif .body .card{background:#fff;border-radius:3px;padding:2rem 1.5rem;border:0;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;display:flex;flex-direction:column;gap:1rem;min-height:200px;max-height:500px;margin-right:1rem;flex:0 0 300px;margin-bottom:2rem}.tarif .body .card .hr{border:1px solid #dee2e6}.tarif .tarifsTime{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.process label{font-size:14px;font-weight:800;margin-bottom:1rem}.tarif .body .card .nom{text-align:center}.tarif ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:.6rem;width:100%;min-height:auto;overflow-y:auto}.tarif ul.maxHeight{max-height:300px;overflow-y:auto}.tarif ul::-webkit-scrollbar{width:5px}.tarif ul::-webkit-scrollbar-thumb{background-color:silver!important}.tarif ul li{display:flex;align-items:center;gap:.5rem}.tarif ul li svg{font-size:1.9rem;color:green}.tarif ul li span{font-size:14px;color:#555;flex:1}.tarif .nom{color:#555;font-size:1.5rem;font-weight:600;text-align:center;display:block}.tarif .standard{font-size:13px;font-weight:700;color:#fff;padding:.6rem;background-color:var(--color-secondary);width:100%;border:0;text-transform:uppercase;text-align:center;margin-top:-2rem;margin-left:-1.5rem;width:300px;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;position:relative;height:36px;display:flex;flex-direction:column;justify-content:center;align-items:center}.tarif .body #standard{width:297px!important}.tarif .standard svg{position:absolute;top:30px;color:var(--color-secondary)}.tarif .mensuel{display:flex;flex-direction:column;align-items:center;justify-content:center}.tarif .mensuel .name{display:flex;align-items:center;gap:5px}.tarif .mensuel .name svg{font-size:.9rem;margin-bottom:-3px}.tarif .mensuel span:first-child{color:var(--bg-footer);font-size:1.1rem;font-weight:700;text-align:center;display:block}.tarif .mensuel span:last-child{color:var(--bg-footer);font-size:12px}.tarif .body .card button,.tarif .body .card a{font-size:13px;font-weight:700;color:#fff;border-radius:4px;padding:.6rem;background-color:var(--color-bg-part);width:100%;border:0;text-transform:uppercase;text-align:center;text-decoration:none}.tarif .body .card.actived{border:2px solid var(--color-bg-part)}.process .containerBody{display:flex;justify-content:space-between;gap:2rem}.process th{font-size:1.1rem}.tarif .childLastCard{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:max-content;flex:1}.tarif .childLastCard ul{height:250px;overflow:auto}.process .leftCart .form{display:flex;align-items:center;gap:10px}.process .leftCart{padding:3rem 2rem;background-color:#fff;border:0;display:flex;flex-direction:column;justify-content:space-between;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;width:320px}.process .leftCart .form button{height:32px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;border-radius:5px;width:32px}.process .leftCart .approvisionnement .dateSpan{font-weight:700}.process .leftCart .form input{text-align:center;height:32px;border:1px solid var(--color-border);border-radius:5px}.process .periodeMode{margin-bottom:1rem}.process .periodeMode .divMain{display:flex;flex-direction:column;gap:1rem}.process .title{display:block;margin-bottom:6px}.process .periodeMode div div{border:1px solid var(--color-border);padding:5px;text-align:center;display:flex;border-radius:3px;cursor:pointer;flex:1}.process .cardChooce{display:flex;flex-direction:row;align-items:center;gap:5px}.process .cardChooce.actived{border:2px solid var(--color-bg-part)}.process .cardChooce.actived span{color:var(--color-bg-part);font-weight:700}.process .cardChooce svg{font-size:1.2rem;color:var(--color-border)}.process .cardChooce span{font-size:12px}.process .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.process .head button{width:30px;height:30px;border-radius:3px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border)}.process .head button svg{font-size:2rem}.process .col1{background-color:#fff;padding:1rem;border-radius:2px;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px}.process .grilleServices{display:grid;grid-template-columns:repeat(5,19%);justify-content:space-between}.process .grilleServices .card{margin-bottom:1rem;padding:1rem;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;min-height:200px}.process .grilleServices .card.include{border:1px solid var(--color-bg-part)}.process .grilleServices .card span:nth-child(1){font-weight:700}.process .grilleServices .card .btnCheck{position:absolute;top:5px;left:5px;display:flex;align-items:center;justify-content:center;border:0;background-color:transparent}.process .grilleServices .card .btnCheck svg{font-size:1.5rem;color:var(--bg-footer)}.process table td:first-child{font-size:16px!important;width:30%}.process .titleSouscription{text-align:center}.uniteContainer{display:flex;gap:3px}.uniteContainer input{width:50px;height:30px;background-color:transparent;border-radius:4px;border:2px solid var(--color-border);text-align:center}.uniteContainer button{border-radius:4px;width:30px;border:2px solid var(--color-border);background:transparent}.process .fraisService{gap:5px;width:100%;align-items:center;display:flex}.process .fraisService svg{font-size:16px}.process .fraisService span{flex:1;width:100%}.process .svgFill{color:var(--color-bg-part)}@media screen and (max-width: 1300px){.process .grilleServices{grid-template-columns:repeat(4,23%)}}@media screen and (max-width: 1200px){.tarif{padding:2rem 2rem 0}.process h4{width:70%;font-size:18px}}@media screen and (max-width: 1024px){.process .grilleServices{grid-template-columns:repeat(3,32%)}}@media screen and (max-width: 998px){.process{padding:2rem 1rem}.process .containerBody{gap:1rem}}@media screen and (max-width: 800px){.process .leftCart{position:absolute;top:0;display:none;border-radius:0!important}.process .leftCart.show{display:block;right:0;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.process .containerBody{gap:0}}@media screen and (max-width: 700px){.tarif{overflow-x:auto}.tarif h4{width:100%;text-align:center}.tarif .feature ul{width:400px!important}.tarif .feature ul svg{font-size:20px}.process table td:first-child{font-weight:700;width:auto}.process table tr{display:flex;flex-direction:column}.process table ul{margin:0;padding:0}}@media screen and (max-width: 600px){.tarif{padding:2rem 1rem 0}.process .leftCart.show{width:100%}.process .grilleServices{grid-template-columns:repeat(2,48%)}.process{padding:1rem 0}.process h4{width:86%;font-size:15px}}.cardPrix{background-color:#f3f9fc;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.cardPrix h4{width:100%}.cardPrix div{display:flex;align-items:center;gap:.5rem}.cardPrix div span:first-child{font-size:15px;font-weight:600}.cardPrix div span:last-child{font-size:20px;font-weight:600}:root{--main-bg-color: #efefef;--color-bg-part: #006331;--color-btn-hover:#1c7347;--color-bg-user: #83c3ffd0;--color-secondary: #ba9226;--color-white: #fff;--font-size: 14px;--border-color: #ddd;--bg-footer: #282c34;--color-text-secondary: #b91120;--bg-gray-light: #f3f5f8;--color-text: #0f1111;--color-border: #dee2e6}*{padding:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box;font-size:14px}.swal-text{font-size:13px!important}label{font-weight:600!important}.paginationsList{width:100%;display:flex;justify-content:flex-end;margin-top:2rem;margin-bottom:2rem}.paginationsList .content-pagination{display:flex;gap:20px}.paginationsList .content-pagination ul li{cursor:pointer}.contentTable{border:1px solid silver;border-radius:3px;padding:.4rem}.paginationsList ul{margin:0}.form-control{box-shadow:none!important}.active>.page-link{background-color:var(--color-bg-part)!important}.App{background-color:var(--bg-gray-light);font-size:var(--font-size);position:relative;min-height:100svh}.mainApp{display:flex;width:100%}.contentApp{padding:1rem;width:calc(100% - 250px)}.swal-text:first-child{font-size:15px}.btnMoreOptions{background-color:transparent;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:70px;border:1px solid #555}.btnMoreOptions svg{color:#555}.btnsLinks{display:flex;flex-direction:row;align-items:center;padding:1rem;gap:.3rem;justify-content:center}.btnsLinks svg{color:#555;cursor:pointer;font-size:1.2rem}th{font-size:12px;vertical-align:middle}td{font-size:12px!important;color:#444!important;vertical-align:middle}td span,td div{font-size:12px}td img{object-fit:cover}.paginationContainer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;width:100%}.paginationsListData{margin-top:1rem}.paginationContainer select{border:1px solid silver;padding:.4rem;border-radius:5px;outline:none}.paginationContainer ul{margin:0}.active>.page-link,.page-link.active{z-index:0!important}.break{margin-left:10px;width:30px;height:30px;border-radius:70px;border:2px solid #efeffe;display:flex;align-items:center;justify-content:center}.break a{margin-top:-4px}.active>.page-link{width:30px;height:30px;border-radius:70px;display:flex;align-items:center;justify-content:center}.previous a{text-decoration:none;margin-right:10px;color:#111;font-size:12px}.next a{text-decoration:none;margin-left:10px;color:#111;font-size:12px}.page-item .page-link{width:30px;height:30px;border-radius:70px;margin-left:10px!important;display:flex;align-items:center;justify-content:center}.pagination{display:flex;justify-content:center;align-items:center;margin:10px 0}h1,h2,h3,h4,h5,h6{font-weight:600!important}@media screen and (max-width: 860px){.contentApp{flex:1;width:100%}.mainApp{display:block}}