: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}.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)}header{z-index:100;background-color:var(--color-primary);width:100%;padding:5px 0 0;position:fixed;left:0}.banner{background-color:var(--color-secondary);height:40px;margin-bottom:5px;display:flex;position:relative}.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:2;justify-content:flex-end;align-items:center;margin:3px 5px 0 0;display:flex;top:0;right:2%}.menu,.sous_menu{color:var(--text-color);background-color:var(--color-primary-transp);vertical-align:middle;justify-content:center;gap:5%;padding:10px;font-size:20px;display:flex}.menu a,.sous_menu a{color:var(--text-color);border:2px solid #0000;border-radius:8px;align-content:center;height:30px;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%)}.gradient2{background:linear-gradient(to left , var(--color-accent) 30%, var(--color-secondary)95%)}main{padding-top:150px}footer{display:block;bottom:0;left:-5px}.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%}.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-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}article{text-align:center;margin:10px}article h2{background-color:var(--color-primary-transp);display:inline-block}article p{text-align:justify}