main{align-items:center;display:flex;flex-direction:column;max-width:1200px;padding:0}section{align-items:center;display:flex;justify-content:space-between;margin-top:40px;max-width:1100px;width:90%}.image{border-radius:10px;height:auto;margin:0 20px;width:25rem}section .text-l{font-optical-sizing:auto;font-size:1.6rem;line-height:3rem;padding-bottom:40px;padding-top:40px;text-align:left;width:100%}.tissus{flex-direction:row}.patrons{flex-direction:row-reverse}.image-container{align-items:center;display:flex;height:fit-content;justify-content:center;position:relative;width:fit-content}.border{border:1px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.1);padding:1.3rem 1.26rem;position:absolute;text-align:center}.overlay{background:#fff;border:1px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.1);color:#444;font-size:1.875rem;font-weight:400;padding:40px 80px;text-align:center}.footer{background-color:#f8d7da;margin-top:40px;padding:20px 0;text-align:center}.footer-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin:auto;max-width:1200px}.footer-info p{color:#333;font-size:.875rem;margin:5px 0}.footer-info a{color:#555;text-decoration:none}.footer-info a:hover{text-decoration:underline}.footer-socials{display:flex;gap:15px}.footer-socials .social-link img{height:30px;transition:transform .3s ease;width:30px}.footer-socials .social-link img:hover{transform:scale(1.1)}.fixed{box-shadow:0 4px 6px rgba(0,0,0,.1);left:0;position:fixed;top:0;width:100%;z-index:100}.tissu-info{display:flex}.tissu-info-container{background-color:#fff;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:auto;margin:5px;width:580px}.image-tissu{border-radius:25px;height:auto;padding:10px;width:240px}.titre-section{color:#333;font-size:1.5rem;margin:0}.tissu-img{align-items:center;display:flex;height:100%;justify-content:center}.tissu-details{height:auto;padding:5px 15px 5px 5px;width:100%}.tissu-details p{color:#444;font-size:1rem;margin:10px 5px}.tissu-details a{color:#a94442;display:flex;font-size:1rem;font-weight:600;justify-content:right;padding:5px 10px;text-align:right;text-decoration:none;transition:text-decoration .3s ease-in-out}.tissu-details a:hover{text-decoration:underline}.tissus-container{display:flex;flex-wrap:wrap;font-size:1rem;gap:10px;justify-content:center}.tissu-group{margin-bottom:20px;padding:15px;border:1px dashed #ccc;border-radius:8px;position:relative;background-color:#fdf7f4}.projet-info{background-color:#fff;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;margin:10px;padding:10px;width:80%}.image-projet{border-radius:25px;padding:10px;width:15rem;height:auto}.projet-img{align-items:center;display:flex;height:100%;justify-content:center}.projet-details{padding:10px}.projet-details p{color:#444;font-size:1rem}.projet-details a{color:#a94442;font-size:1rem;font-weight:600;padding:5px 10px 5px 0;text-decoration:none;transition:text-decoration .3s ease-in-out}.projet-details a:hover{text-decoration:underline}.projets-container{display:flex;flex-wrap:wrap;font-size:1rem;gap:10px;justify-content:center}.projet-details-quantite{align-items:center;display:flex;justify-content:space-between}.open-popup{cursor:pointer;font-size:1.2rem;gap:8px;justify-content:right;text-align:right;transition:color .3s ease}.open-popup::after{content:'→';font-size:1.2rem;opacity:0;transform:translateX(-5px);transition:opacity .3s ease,transform .3s ease}.open-popup:hover::after{opacity:1;transform:translateX(0)}.popup-form{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;padding:30px;border-radius:12px;width:300px;box-shadow:0 5px 20px rgba(0,0,0,.3);position:relative}.popup-content input[type=number],.popup-content input[type=password],.popup-content input[type=text]{width:100%;padding:10px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:.9rem}.popup-content label{font-size:1rem;font-weight:500;display:block;margin-bottom:5px}.container{background-color:#fff;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;width:80%;margin:auto;margin-bottom:20px}.sidebar{background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.2);height:100%;padding:20px;position:fixed;right:-450px;top:0;transition:right .3s ease-in-out;overflow-y:auto;width:350px}.close-btn{background-color:#ffffff00;border:none;cursor:pointer;font-size:1.25rem;position:absolute;right:15px;top:10px}.sidebar.open{right:0}.sidebar form{margin:auto;margin-bottom:40px;max-width:90%}.sidebar-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:100%;width:90%}.titre-tissu{color:#444;font-size:1.2rem;margin:15px 0 5px 20px}.section-recherche{align-items:flex-start;flex-direction:column;width:100%}.retour-container{display:flex;justify-content:flex-start;align-items:center;width:100%;margin-bottom:20px}.retour{display:inline-block;text-align:center;margin-left:0;font-size:1rem;font-weight:600;color:#a94442;padding:10px 15px;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none}.retour:hover{text-decoration:underline}.remove-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.remove-btn{border:none;background-color:#ffffff00;font-size:1.125rem;color:#a94442;cursor:pointer}.btn-principal{padding:10px 20px;background-color:#a94442;color:#fff;border:2px solid #a94442;border-radius:999px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;margin-top:10px}.btn-principal:hover{background-color:#fff;color:#a94442}.btn-secondaire{padding:8px 16px;background-color:transparent;color:#a94442;border:1px dashed #a94442;border-radius:999px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:10px;margin-bottom:10px}.btn-secondaire:hover{background-color:#fff8f5;color:#a94442}.stars{font-size:1.5rem}.etoile.grise{color:#ccc}.etoile{color:#ffc400}.badge-temps{padding:5px 10px;border-radius:20px;font-size:.9rem;font-weight:700;color:#fff}.rapide{background-color:#047d08}.moyen{background-color:#f09920}.lent{background-color:#d92923}.tissu-grise{opacity:.5;background-color:#f7f7f7;border:1px dashed #aaa}.tissu-grise .attention{color:#c00;font-weight:700}.espace{margin:50px 0}.form-ajout input[type=file],.form-ajout input[type=number],.form-ajout input[type=password],.form-ajout input[type=text],.form-ajout select,.form-ajout textarea,.form-filtrage input[type=number],.form-filtrage select{width:100%;padding:10px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:.9rem}.checkbox-wrapper{margin-top:8px;margin-bottom:12px}.password-container{position:relative}.password-container i{position:absolute;right:10px;top:45%;transform:translateY(-50%);cursor:pointer;color:#555}.form-info{background-color:#fff;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;padding:25px;width:70%}.required{color:#e60000;font-weight:700}.form-help{font-size:.9rem;color:#555;margin-bottom:.9rem;font-style:italic}.help-text{font-size:.85rem;color:#666;margin:0;font-style:italic}.info-container{max-width:1200px;width:100%;padding:0 20px;margin:10px 0 30px 0;box-sizing:border-box}.flex-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.btn-group{display:flex;gap:10px}.filter-btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:8px;padding:10px 20px;background-color:#a94442;color:#fdf7f4;border:2px solid #a94442;border-radius:999px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background-color:#fdf7f4;color:#a94442}.filter-icon{width:15px;height:15px}.sidebar-btn:hover{background-color:#fff;color:#a94442}.petit{padding:5px 10px}.ajout-btn{font-family:Arial,Helvetica,sans-serif;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:8px;padding:10px 20px;background-color:#a94442;color:#fdf7f4;border:2px solid #a94442;border-radius:999px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.ajout-btn:hover{background-color:#fdf7f4;color:#a94442}.section-recherche h2{margin:0;padding:10px 0 10px 30px;font-size:1.3rem;color:#333}.titre_resultat{margin:0;padding:10px 10px 10px 10px;font-size:1.5rem;color:#333}a.evitement{display:inline-block;color:#555;background:#fff;padding:.5em;position:absolute;left:-99999rem;z-index:100}a.evitement:focus{left:0}@media screen and (max-width:700px){.tissu-info-container{padding:10px;width:90%;margin:5px 0}.tissu-info{flex-direction:column}.tissu-img{margin-bottom:10px}.titre-tissu{font-size:1.2rem}.tissu-details{font-size:.95rem;text-align:left}.flex-head{display:flex;flex-direction:column;gap:5px}.filter-btn{align-self:flex-start}section{display:block}.image-container{width:100%;margin:auto}.image{width:80%;height:auto}.projet-info{flex-direction:column}section .text-l{font-size:1.3rem;line-height:2.5rem}}