*{font-family:Inter,sans-serif;box-sizing:border-box}:root{--main-color: #C61919;--main-color-hover: #9E1414}body{margin:0;font-size:16px;color:#333}*:focus{outline:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:0;border-radius:0}::-moz-color-swatch,::-moz-focus-inner{border:0}::-moz-focus-inner{padding:0}main:not(.non-connecte){margin-left:250px}.content{padding:20px}header{display:flex;background:#000;height:100vh;width:250px;position:fixed;top:0;left:0;flex-direction:column;align-items:flex-start;gap:15px;padding:15px}header img{height:auto;width:100%}header nav,header li{width:100%}footer{position:fixed;bottom:5px;right:10px;padding:5px 7px;font-size:10px;opacity:.5;background:#fffc}button:not(.button-liste),.button{background-color:var(--main-color);color:#fff;padding:10px 20px;border-radius:10px;border:1px solid transparent;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;text-decoration:none}button:not(.button-liste):hover,.button:hover{transition:all .3s ease-in-out;background-color:var(--main-color-hover)}button svg,.button svg{width:19px;height:19px}.c{text-align:center}.l{text-align:left}.r{text-align:right}.green{color:green}.red{color:red}.b{font-weight:700}input[type=color]{width:50px!important;height:50px!important;border:none!important;padding:0!important;border-radius:50%!important;border:#000 solid 2px!important;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;cursor:pointer}.tabs{display:flex;border-bottom:2px solid #c6191961;gap:1rem;margin-bottom:1rem;position:sticky;z-index:10;top:65px;background:#fff}.tab{font-weight:700;cursor:pointer;padding:10px 20px;border-bottom:3px solid transparent}.tab.active{border-color:var(--main-color);color:var(--main-color)}.tab-content{display:none}.tab-content.active{display:block}.connexionbloc{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;flex-direction:column}.connexionbloc .container{padding:50px;box-shadow:0 4px 30px #8e8e8e40;border-radius:20px;position:relative;display:flex;flex-direction:column;align-items:center}.connexionbloc img{width:300px}.connexionbloc .textpresentation{text-align:center}#login-form{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center}#login-form button{width:100%}#login-form input{width:100%;padding:10px}.nom_utilisateur{display:flex;align-items:center;color:#fff;gap:10px;justify-content:center;width:100%}#logout-btn{margin:0 auto}.menu{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-direction:column;gap:15px}.submenu{list-style:none;padding:0}.submenu-toggle,.submenu-nottoggle{cursor:pointer;display:flex;align-items:center;color:#fff;gap:10px;justify-content:space-between}.submenu-toggle>svg{transition:all .4s ease-in-out}.submenu-toggle.actif>svg{transform:rotate(90deg)}.submenu-toggle>span{display:inline-flex;align-items:center;gap:10px}.submenu-nottoggle a{color:#fff;text-decoration:none}.submenu-nottoggle>span{display:inline-flex;align-items:center;gap:10px}.submenu li{margin-top:5px}.submenu li a{text-decoration:none;color:#c8c8c8;width:100%;display:inline-flex;padding:10px 10px 10px 30px;border-radius:10px;align-items:center;gap:10px}.submenu a:hover{color:#fff;background:#5858582b}main .donnees table{box-shadow:0 4px 30px #8e8e8e40;border-radius:20px;border-spacing:0;border-collapse:collapse;width:100%;margin:0;background:#fff;clear:both;overflow:hidden}table.donnees{box-shadow:0 4px 30px #8e8e8e40;margin-top:15px;border-spacing:0;border-collapse:collapse;width:100%;background:#fff;clear:both}main .donnees table thead{color:#fff;background-color:var(--main-color)}table.donnees thead{color:#fff;background-color:var(--main-color);position:sticky;top:105px;z-index:10}table.donnees tbody tr:nth-child(2n){background-color:#c6191905}table.donnees tbody td{padding:5px 0 5px 10px}table.donnees thead th{padding:10px 0}main .donnees table thead th,main .donnees table tbody td{padding:15px 10px;text-align:center}main .donnees table tbody tr:nth-child(2n){background-color:#c6191905}main .donnees table tbody.hover tr:hover{background-color:#c6191930;color:#000;cursor:pointer}main .donnees table tbody.hover tr{transition:.3s ease-in-out}.titre{display:flex;padding-left:30px;margin:10px 0;position:sticky;z-index:10;top:0;background:#fff}.titre h2{display:flex;align-items:center;gap:10px}.leftBlock,.rightBlock{position:relative;width:49%;display:inline-flex;flex-direction:column;align-items:flex-start;gap:20px}.form-group{display:flex;align-items:center;width:100%}.form-group.textarea{align-items:flex-start}.form-group.textarea label{margin-top:10px}.form-group label{width:35%}.form-group input,.input,.form-group select,.form-group textarea{padding:10px;border:2px solid var(--main-color);border-radius:10px;width:100%}input.error,select.error,textarea.error{background-color:#ff000021}input[type=checkbox]{width:30px;height:30px;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}input[type=checkbox]:checked{background-color:var(--main-color)!important;border-color:var(--main-color)!important}[type=checkbox]:checked:after{font-family:Inter,sans-serif;content:"✓";color:#fff;font-size:20px;position:absolute;top:0;left:4px}#userForm{display:flex;gap:140px}#userForm .rightBlock:before{content:"";width:2px;height:100%;position:absolute;left:-70px;top:0;display:block;background-color:var(--main-color)}.custom-tooltip{position:absolute;background-color:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:.9rem;white-space:nowrap;display:none;z-index:9999;box-shadow:0 2px 6px #0003}.custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.action{margin:20px 0 10px;padding:0}.label_check{width:fit-content!important;cursor:pointer;display:inline-flex;align-items:center;gap:15px}.textarea textarea{resize:none}th[data-tri]{cursor:pointer}.loader{width:20px;height:20px;border-radius:50%;display:inline-block;border-top:2px solid var(--main-color);border-right:2px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;border-bottom:2px solid var(--main-color);border-left:2px solid transparent}.div_loader{display:flex;align-items:center;justify-content:center;gap:10px}#form_search{display:flex;justify-content:flex-end;margin:20px 0;gap:10px}#form_search input,#form_search select{padding:10px;border:2px solid var(--main-color);border-radius:10px}select:focus-visible,input:focus-visible,textarea:focus-visible{outline:none}.titre_liste{display:flex;justify-content:space-between;align-items:center}a.logo{display:inline-flex;justify-content:center}.ticket-card{padding:22px;width:30%;display:flex;flex-direction:column;justify-content:space-around;background:#fff;border-radius:10px;box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;transition:.2s ease-in-out}.ticket-card:hover{box-shadow:0 10px 20px #0000001a}.ticket-header{display:flex;justify-content:space-between;margin-bottom:12px;align-items:center}.ticket-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px}.statut{padding:6px 10px;border-radius:10px;font-weight:700;color:#fff;font-size:14px}.statut.ouvert{background-color:green}.statut.en_cours{background-color:orange}.statut.ferme{background-color:red}.statut.inconnu{background-color:gray}.statut-devis{font-size:13px;background-color:#eee;padding:4px 8px;border-radius:4px;color:#333}.ticket-libelle{margin:0;font-size:18px;font-weight:700}.ticket-body p{margin:10px 0;font-size:14px}.listes_tickets{display:flex;gap:20px;flex-wrap:wrap}.patch{background:#007bff;display:inline-block;width:30px;height:30px;border-radius:50%}.message{position:absolute;opacity:0;top:-50px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:10px 15px;color:#fff;z-index:20;border-radius:10px;font-weight:700;font-size:15px}.file-hidden{display:none}.custom-file-label{display:flex;align-items:center;gap:15px;padding:8px 12px;background-color:var(--main-color);color:#fff;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.custom-file-label:hover{background-color:var(--main-color-hover)}.filename-display{margin-left:10px;font-style:italic;color:#444}.fonctionnalite{display:inline-flex;align-items:center;gap:5px}.button-liste{background-color:transparent;color:var(--main-color);padding:5px;border:1px solid transparent;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;text-decoration:none}.inline-flex{display:inline-flex;align-items:center;gap:5px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loader-bar{position:fixed;top:0;left:0;height:4px;width:0%;background-color:#3498db;z-index:9999;transition:width .3s ease;display:none}