@charset "utf-8";
/* CSS Document */


        .form-container {
            background-color: #ffffff;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            width: 90%;
			margin-left: 50px;
        }



        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #4a5568;
            font-size: 14px;
        }

        /* Marque rouge pour les champs obligatoires */
        .required::after {
            content: " *";
            color: #e53e3e;
            font-weight: bold;
        }

        /* --- STYLE DES CHAMPS (Bouts arrondis, contour gris, petites ombres) --- */
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="date"],
        textarea {
            width: 100%;
            padding: 12px 15px;
            font-size: 15px;
            border: 1px solid #cbd5e1; /* Contour gris */
            border-radius: 8px; /* Bouts arrondis */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); /* Petite ombre extérieure */
            box-sizing: border-box;
            outline: none;
            transition: all 0.3s ease;
            background-color: #ffffff;
        }

        input:focus, textarea:focus {
            border-color: #2ecc71;
            box-shadow: 0 2px 8px rgba(46, 204, 113, 0.2);
        }

        /* --- STYLE SI ERREUR/CHAMP INVALIDE --- */
        /* Devient rouge uniquement si l'utilisateur a commencé à taper ou a validé et que c'est faux */
        input:user-invalid, textarea:user-invalid {
            background-color: #fff5f5; /* Intérieur rouge très clair pour rester lisible */
            border-color: #e53e3e;
            box-shadow: 0 2px 6px rgba(229, 62, 62, 0.15);
        }

        /* --- STYLE DU BOUTON SEND (Fond vert, texte blanc, arrondi, ombre) --- */
        button[type="submit"] {
            width: 100%;
            padding: 14px;
            background-color: #2ecc71; /* Fond vert */
            color: #ffffff; /* Texte blanc */
            border: none;
            border-radius: 8px; /* Coté arrondi */
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(46, 204, 113, 0.3); /* Petite ombre */
            transition: all 0.3s ease;
            margin-top: 10px;
        }

        button[type="submit"]:hover {
            background-color: #27ae60;
            box-shadow: 0 6px 14px rgba(39, 174, 96, 0.4);
            transform: translateY(-1px);
        }

        /* --- SÉCURITÉ ANTI-ROBOT (HONEYPOT) --- */
        /* Ce champ est totalement invisible pour les humains, mais les robots le voient et le remplissent */
        .hidden-field {
            display: none !important;
            visibility: hidden;
        }