.projet-detail-container {
                padding-top: 50px;
                padding-bottom: 50px;
                min-height: 80vh;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            .cadre-projet {
                max-width: 900px;
                width: 90%;
                padding: 40px;
                border: solid #a7c7e7;
                border-radius: 10px;
                background-color: rgba(17, 24, 39, 0.8);
                box-shadow: 0 0 15px rgba(167, 199, 231, 0.5); 
                color: #e0e0e0;
            }

            .titre-projet {
                color: #a7c7e7;
                font-family: "Oswald", sans-serif;
                font-size: 2.5rem;
                text-align: center;
                margin-bottom: 30px;
            }

            .image-principale {
                width: 100%;
                max-height: 400px;
                object-fit: contain;
                border-radius: 18px;
                margin-bottom: 30px;
                box-shadow: 0 4px 8px rgba(0,0,0,0.5);
                object-position: center; 
            }

            .description-projet {
                font-size: 1.2rem;
                line-height: 1.6;
                text-align: justify;
                font-family: "Roboto", sans-serif;
            }

            .technos-utilisees {
                margin-top: 30px;
                display: flex;
                gap: 15px;
                justify-content: center;
                flex-wrap: wrap;
            }

            .badge-techno {
                background-color: #a7c7e7;
                color: #111827;
                padding: 5px 15px;
                border-radius: 20px;
                font-weight: bold;
                font-family: "Oswald", sans-serif;
            }

            .container-boutons {
                margin-top: 40px;
                display: flex;
                justify-content: center;
                gap: 20px;
            }

            .bouton-retour {
                padding: 10px 30px;
                border: 2px solid #a7c7e7;
                color: #a7c7e7;
                text-decoration: none;
                border-radius: 28px;
                font-weight: bold;
                transition: all 0.3s;
            }
            .bouton-retour:hover {
                background-color: #a7c7e7;
                color: #111827;
                transform: scale(1.05);
            }