<!-- En-tête pour la page de soumission -->
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color: #444;">

    <!-- Bannière logos partenaires -->
    <div style="
      background-image: url('https://confluence.wipo.int/confluence/download/attachments/1640993109/logos%20wiki%201600%20%281%29.png?api=v2');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 80px;
      margin: 0 0 20px 0;">
    </div>

    <!-- Section principale avec image de fond karité -->
    <div style="
        background: linear-gradient(rgba(139, 69, 19, 0.7), rgba(139, 69, 19, 0.7)), url('https://confluence.wipo.int/confluence/download/attachments/1640993109/AdobeStock_452084587.jpeg?api=v2');
        background-size: cover;
        background-position: center;
        color: white; 
        padding: 40px 20px; 
        margin-bottom: 30px; 
        border-radius: 15px; 
        box-shadow: 0 6px 20px rgba(139,69,19,0.2); 
        text-align: center;">
        
        <h1 style="font-size: 2.2em; margin: 0 0 10px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); color: white;">
             Créez l'identité visuelle du beurre de karité ivoirien !
        </h1>
        
        <h2 style="font-size: 1.4em; margin: 0 0 20px 0; font-weight: normal; color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);">
            Votre créativité au service de la FEPROKA-CI
        </h2>
        
        <!-- Badge prix -->
        <div style="background: linear-gradient(45deg, #FFD700, #FFA500); color: #8B4513; padding: 15px 25px; border-radius: 50px; display: inline-block; margin: 10px 0 20px 0; box-shadow: 0 4px 15px rgba(255,215,0,0.4); border: 3px solid white;">
            <span style="font-size: 1.8em; font-weight: bold;">🏆 PRIX DU GAGNANT : 450 000 FCFA 🏆</span>
        </div>
        
        <p style="font-size: 1.2em; margin: 20px auto 0 auto; max-width: 700px; color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); line-height: 1.4;">
            <strong>Remplissez ce formulaire avec attention ;</strong><br>
            votre création rejoindra peut-être les produits FEPROKA-CI !
        </p>
    </div>

    <!-- Section informations importantes -->
    <div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px;">
        
        <!-- Rappel règlement -->
        <div style="flex: 1; min-width: 280px; background: #FFF5F5; border-left: 5px solid #DC143C; padding: 20px; border-radius: 8px;">
            <h3 style="color: #DC143C; margin: 0 0 10px 0; font-size: 1.3em;">📋 Règlement Obligatoire</h3>
            <p style="color: #654321; margin-bottom: 15px; line-height: 1.5;">
                Assurez-vous d'avoir lu le règlement complet avant de soumettre.
            </p>
            <a href="https://confluence.wipo.int/confluence/x/1ZfKYQ" style="background: #DC143C; color: white; padding: 10px 20px; text-decoration: none; border-radius: 20px; font-weight: bold; display: inline-block; font-size: 0.9em;">
                📄 Consulter le Règlement
            </a>
        </div>
        
        <!-- Aide et support -->
        <div style="flex: 1; min-width: 280px; background: #F0FFF4; border-left: 5px solid #228B22; padding: 20px; border-radius: 8px;">
            <h3 style="color: #228B22; margin: 0 0 10px 0; font-size: 1.3em;">💬 Besoin d'Aide ?</h3>
            <p style="color: #654321; margin-bottom: 15px; line-height: 1.5;">
                Une question sur le formulaire ? Notre équipe est là pour vous accompagner dans votre participation.
            </p>
            <a href="mailto:project.dtidgi@wipo.int" style="background: #228B22; color: white; padding: 10px 20px; text-decoration: none; border-radius: 20px; font-weight: bold; display: inline-block; font-size: 0.9em;">
                📧 Nous Contacter
            </a>
        </div>
    </div>

</div>
<iframe src="https://surveys.wipo.int/s3/Concours-Logo-FEPROKA-CI" noborder="1" width="100%" height="1800px" scrolling="yes" seamless></iframe>