html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@media (width<=460px){h1.site-name{font-size:1.8em}}@media (width<=440px){h1.site-name{font-size:1.5em}}@media (width<=400px){h1.site-name{font-size:1em}}@media (width<=350px){h1.site-name{display:none}.site-name,.connect{justify-content:center}}.gradient-menu,.gradient-sous-menu{background:linear-gradient(to left , var(--color-accent) 30%, var(--color-secondary)95%)}:root{--color-primary:#f5cfce;--color-primary-transp:#f5cfce90;--color-secondary:#ffd390;--color-tertiary:#f57756;--color-accent:#e29ee6;--color-success:#16a34a;--color-warning:#2b261f;--color-danger:#dc2626;--text-color:#1b2429;--text-color-hover:#1a07ee;--bg-color:#fff;--font-family-text:"Inter" , sans-serif;--font-family-title:"Montserrat" , serif;--font-family-second:Tahoma , sans-serif}h2{font-family:var(--font-family-title);color:var(--text-color);font-size:1.5em;font-weight:700}#home-logo-nav{vertical-align:middle;justify-content:center;align-items:center;width:30px;height:auto;display:flex}.sidebar_left{background-color:var(--color-secondary);box-sizing:border-box;width:5%;height:100%;padding:1.5%;transition:width .3s;position:fixed;top:0;left:0;overflow:hidden}.sidebar_left a{visibility:hidden;opacity:0;padding-left:10px;transition:visibility,opacity .3s linear}.sidebar_left:hover{width:15%}.sidebar_left:hover a{visibility:visible;opacity:1}.home-logo{display:inline}.sidebar{flex-direction:column;gap:20px;margin-top:50px;display:flex}.nav-link{align-items:center;display:flex}.burger{visibility:hidden;display:flex}@media (width<=768px){body{display:block}.burger{visibility:visible;display:block}.sidebar_left{visibility:hidden}.sidebar.open{transform:translate(0)}.content{padding:80px 20px 20px}}@media (width<=460px){h1.site-name{font-size:1.8em}}@media (width<=440px){h1.site-name{font-size:1.5em}}@media (width<=400px){h1.site-name{font-size:1em}}@media (width<=350px){h1.site-name{display:none}.site-name,.connect{justify-content:center}}.gradient-menu,.gradient-sous-menu{background:linear-gradient(to left , var(--color-accent) 30%, var(--color-secondary)95%)}.profile-container{justify-content:flex-end;margin-right:7%;display:flex;position:relative}.submenu{z-index:100;background:#fff;border:1px solid #ccc;border-radius:8px;flex-direction:column;min-width:160px;margin-top:8px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.submenu a{color:#000;padding:10px 14px;text-decoration:none;display:block}.submenu a:hover{background:#f2f2f2}#profilBtn{padding:8px}@media (width<=460px){h1.site-name{font-size:1.8em}}@media (width<=440px){h1.site-name{font-size:1.5em}}@media (width<=400px){h1.site-name{font-size:1em}}@media (width<=350px){h1.site-name{display:none}.site-name,.connect{justify-content:center}}.gradient-menu,.gradient-sous-menu{background:linear-gradient(to left , var(--color-accent) 30%, var(--color-secondary)95%)}.create_invoice{text-align:right;justify-content:center;align-items:center;margin:10px;display:flex}.table_invoices{overflow-x:auto}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(1100px,95vw);max-height:85vh;padding:20px;position:relative;overflow-y:auto}.other-invoice{flex-direction:column;gap:1px;width:100%;display:flex}.item-field{flex-direction:column;width:100%;margin-bottom:2px;display:flex}#addLineBtn{margin-top:10px;display:block}.invoice-summary{background-color:#fafafa;background-color:var(--color-secondary);border:1px solid #000;border-radius:8px;margin-top:14px;padding:10px}.invoice-summary-row{flex-wrap:wrap;gap:16px;margin:6px 0;display:flex}.invoice-summary-total{border-top:1px solid #000;flex-wrap:wrap;gap:20px;margin-top:10px;padding-top:8px;display:flex}@media (width<=460px){h1.site-name{font-size:1.8em}}@media (width<=440px){h1.site-name{font-size:1.5em}}@media (width<=400px){h1.site-name{font-size:1em}}@media (width<=350px){h1.site-name{display:none}.site-name,.connect{justify-content:center}}.gradient-menu,.gradient-sous-menu{background:linear-gradient(to left , var(--color-accent) 30%, var(--color-secondary)95%)}.customer-create{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px 24px;padding:20px 40px;display:grid}.customer_field{margin:0}.customer_field label{margin-bottom:6px;display:block}.customer_field input{box-sizing:border-box;width:100%}.create_customer{text-align:center;width:100%;padding:10px 0}.modal-customer{background:#fff;border-radius:8px;min-width:80%;max-height:60%;margin:100% 10%;padding:10px;overflow-y:auto}.montserrat{font-optical-sizing:auto;font-family:Montserrat;font-style:normal;font-weight:400}.inter{font-optical-sizing:auto;font-family:Inter;font-style:normal;font-weight:400}:root{--color-primary:#f5cfce;--color-primary-transp:#f5cfce90;--color-secondary:#ffd390;--color-secondary-transp:#ffd39090;--color-tertiary:#f57756;--color-tertiary-transp:#f5775690;--color-accent:#e29ee6;--color-accent-transp:#e29ee690;--color-success:#16a34a;--color-warning:#2b261f;--color-danger:#dc2626;--text-color:#1b2429;--text-color-hover:#1a07ee;--bg-color:#fff;--font-family-text:"Inter" , sans-serif;--font-family-title:"Montserrat" , serif;--font-family-second:Tahoma , sans-serif}body{background-color:var(--color-primary-transp);color:var(--text-color);font-family:var(--font-family-text);background-position:50%;background-repeat:repeat;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);color:var(--text-color)}h1{font-size:2em;font-weight:700}h2{font-size:1.5em;font-weight:700}h3{font-size:1.2em;font-weight:400}h4{font-size:1em;font-weight:400}h5{font-size:.8em;font-weight:300}h6{font-size:.5em;font-weight:300}@media (width<=460px){h1.site-name{font-size:1.8em}}@media (width<=440px){h1.site-name{font-size:1.5em}}@media (width<=400px){h1.site-name{font-size:1em}}@media (width<=350px){h1.site-name{display:none}.site-name,.connect{justify-content:center}}#home-logo{vertical-align:middle;justify-content:center;align-items:center;max-width:30px;display:flex}a{color:var(--text-color);text-decoration:none}a:hover{color:var(--text-color-hover)}li{list-style:none}fieldset.connect{margin:20px 0 px;border:10px solid var(--text-color);background-color:var(--color-primary-transp);vertical-align:middle;border-style:groove;align-items:center;width:350px;padding:20px;display:inline-block}fieldset.invoice{border:10px solid var(--text-color);background-color:var(--color-primary-transp);border-style:groove;align-items:center;width:fit-content;margin:20px 5px;padding:20px;display:inline-block}.customer-field,.item-field{align-content:center;align-items:center;display:flex}.invoice-head{align-content:center;align-items:center;width:fit-content;padding:3px;display:inline-block}.invoice-item{width:10%;padding:3px;display:inline-block}label.connect,input.connect,select.connect{font-size:16px;font-family:var(--font-family-text);cursor:pointer;display:block}label{margin-bottom:5px;font-weight:700}label.required:after{content:" *"}input{border:var(--text-color) 2px;background-color:var(--color-accent);width:100%;margin-bottom:20px}p .btn{display:inline-block}.table_corps{width:100%;margin-top:20px;overflow-x:auto}.table_first{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.table_first th,.table_first td{border:1px solid #ddd;padding:12px}.table_first th{color:#fff;background-color:#34495e}.table_first tr:nth-child(2n){background-color:#f2f2f2}.table_first tr:hover{background-color:#eaf3ff}.connect-btn,.btn{background-color:var(--color-accent);color:var(--text-color);-webkit-box-decoration-break:slice;box-decoration-break:slice;white-space:nowrap;border:none;border-radius:999px;flex-direction:row;gap:1%;margin:1%;padding:5px;font-size:15px;font-weight:700;display:flex}.connect-btn a,.btn a{color:var(--text-color);text-decoration:none}.connect-btn:hover,.btn:hover{background-color:var(--color-tertiary);color:var(--text-color)}.create-btn{cursor:pointer;border:10px solid;border-radius:999px;width:20%;height:20%;margin:0;padding:0}header{background-color:var(--color-primary);width:95%;margin-left:5%;padding:5px 0 10px}.index-header{width:100%;margin-left:0}#banner{display:block}#banner>.banner{text-align:center;vertical-align:middle;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;column-gap:2%;display:grid}.box-banner{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:20px}.name{align-items:center;gap:10px;padding:5px 0;display:block}.site-name{white-space:nowrap;vertical-align:middle;flex:1;align-items:center;padding:5px 0;display:flex}#logo{align-items:center;width:25px;height:auto;padding:5px 10px;display:flex}.lien-logo{vertical-align:middle;display:flex}.lien-logo:hover{opacity:.5}.connect{background-color:none;flex:1;justify-content:center;align-items:center;width:100%;margin:0;display:flex;top:0;right:2%}.menu{color:var(--text-color);vertical-align:middle;justify-content:center;gap:12%;width:90%;margin-left:auto;margin-right:auto;padding:10px 0;font-size:15px;display:flex}.sous_menu{color:var(--text-color);border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));place-items:center;width:95%;height:5vh;margin:-40px auto 0;font-size:15px;font-weight:700;display:grid}.menu a,.sous_menu a{color:var(--text-color);border:2px solid #0000;border-radius:8px;align-content:center;height:10px;display:block}.menu a:after,.sous_menu a:after{content:"";background-color:var(--text-color);width:0;height:3px;transition:all .3s ease-in-out;display:flex}.menu a:hover:after,.sous_menu a:hover:after{width:100%}.menu .active,.sous_menu .active{background-color:var(--color-tertiary)}.gradient{background:linear-gradient(to right , var(--color-primary) 30%, var(--color-secondary)95%)}.gradient-reverse{background:linear-gradient(to left , var(--color-primary) 30%, var(--color-secondary)95%)}.gradient-menu,.gradient-sous-menu{background:linear-gradient(to left , var(--color-accent) 30%, var(--color-secondary)95%)}main{width:95%;margin-left:5%;padding-top:10px}.index-footer{width:100%;margin-left:0}article{text-align:center;margin:10px}article h2{background-color:var(--color-primary-transp);display:inline-block}article p{text-align:justify}footer{width:95%;margin-left:5%;display:block;bottom:0}.index-main{width:100%;margin-left:0}.footer{justify-content:center;padding:2%;display:flex}.footer-left,.footer-right{flex-direction:column;justify-items:center;padding:0% 5%;display:flex;left:0}.up-btn{background-color:var(--color-accent);padding:1px 5px;position:fixed;bottom:20px;right:20px}.up-logo{width:25px;height:auto}.gradient-foot{background:linear-gradient(to left , var(--color-accent) 30%, var(--color-secondary)95%)}.footer a:after{content:"";background-color:var(--text-color);width:0;height:1px;transition:all .3s ease-in-out;display:flex}.footer a:hover:after{width:100%}.EnCours{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:50vh;display:flex}.prod-btn{background-color:#4caf50}.staging-btn{background-color:#ff9800}.dev-btn{background-color:#2196f3}.create_btn{justify-content:center;align-items:center;width:100%;display:inline-flex}.create_items{text-align:center;width:100%;padding:10px 0}.modal-overlay{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;min-width:320px;max-height:80vh;padding:30px 16px 10px;position:relative;overflow-y:auto}