<!-- Wrapper général pour la page d'accueil -->
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color: #444;">

    <!-- 1. BANNIÈRE DES 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: 100px;
      margin: 0 0 30px 0;">
    </div>

    <!-- 2. BANNIÈRE PRINCIPALE DU CONCOURS -->
    <div style="
      background-image: url('https://confluence.wipo.int/confluence/download/attachments/1640993109/Untitled%20%284%29.png?api=v2');
      background-size: cover;
      background-position: center;
      height: 350px;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 30px;">
        <a href="URL_DE_VOTRE_PAGE_FAQ" style="background: linear-gradient(45deg, #D2691E, #B8860B); color: white; padding: 15px 30px; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 1.1em; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: inline-block; max-width: 250px; text-align: center;">
            🚀 Participer maintenant
        </a>
    </div>

    <!-- 3. SECTION DE PRÉSENTATION AMÉLIORÉE -->
    <div style="padding: 30px 20px; text-align: center;">
        <h2 style="font-size: 1.8em; color: #8B4513; margin-bottom: 25px;">Une opportunité unique de laisser votre empreinte créative !</h2>
        
        <div style="max-width: 900px; margin: 0 auto; text-align: left;">
            <!-- Paragraphe structuré avec espacement -->
            <div style="background: linear-gradient(135deg, #FFF8F0, #FFFACD); padding: 25px; border-radius: 12px; border-left: 5px solid #D2691E; box-shadow: 0 2px 8px rgba(139,69,19,0.1);">
                
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
                    <strong style="color: #8B4513;">La Fédération des Productrices de Karité de Côte d'Ivoire (FEPROKA-CI)</strong> rassemble les productrices de karité de Côte D'Ivoire.
                </p>
                
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
                    Ces femmes transforment les noix de karité en un <strong style="color: #B8860B;">beurre précieux, reconnu mondialement</strong> pour ses propriétés exceptionnelles.
                </p>
                
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
                    <strong style="color: #D2691E;">Mettez votre talent au service d'un produit emblématique du patrimoine national.</strong>
                </p>
                
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 0; line-height: 1.6;">
                    Le logo lauréat deviendra l'<strong>identité visuelle de la marque collective</strong> du beurre de karité de la FEPROKA-CI, porté fièrement sur les <strong style="color: #8B4513;">marchés nationaux et internationaux</strong>.
                </p>
            </div>
        </div>
    </div>

    <!-- 4.NOUVELLE SECTIONBOÎTE EN 2PRIX COLONNES - VERSION IMAGE EN HAUT -->
    <div style="displaypadding: flex; flex-wrap: wrap; gap: 30px; align-items: stretch0 20px 30px 20px; text-align: center;">

         <!-- Colonne de gauche : Qui peut participer ? -->
        <div style="flex: 1; min-width: 300px; background-color: #FFF8F0; border: 2px solid #D4A574; border-radius: 12px; box-<div style="background: linear-gradient(135deg, #DAA520, #FFD700); border: 2px solid #B8860B; padding: 20px; text-align: center; border-radius: 12px; max-width: 900px; margin: 0 auto; box-shadow: 0 4px 8px15px rgba(139218,69165,1932,0.12);">
 overflow: hidden; display: flex; flex-direction: column;">
      <h3 style="margin:0; font-size: 1.8em; color: #8B4513; <!text--shadow: Image1px en1px haut pour impact visuel -->
     1px white;">🏆 Tentez de gagner 450 000 FCFA ! 🏆</h3>
       <img src="https://confluence.wipo.int/confluence/download/attachments/1640993109/Untitled%20%283%29.png?api=v2" alt="Qui peut participer" style="width: 100%; height: 200px; object-fit: cover; display: block;">
            
            </div>
    </div>


    <!-- 4. SECTION EN 2 COLONNES - VERSION IMAGE EN HAUT -->
    <div style="paddingdisplay: 20pxflex; flex-growwrap: 1wrap; displaygap: flex30px; flexalign-directionitems: column; justify-content: space-betweenstretch;">

        <!-- Colonne de gauche : Qui peut participer <div>? -->
        <div style="flex: 1; min-width: 300px; background-color: #FFF8F0; border: 2px solid   <h3 style="color#D4A574; border-radius: #8B451312px; marginbox-shadow: 0 04px 15px 0; font-size: 1.4em; text-align: center;">🎯 Qui Peut Participer ?</h3>8px rgba(139,69,19,0.1); overflow: hidden; display: flex; flex-direction: column;">
                    <ul <div style="list-style-typepadding: 20px; flex-grow: none1; padding-leftdisplay: 0flex; textflex-aligndirection: leftcolumn; colorjustify-content: #654321space-between;">
                <div>
          <li          <h3 style="margin-bottom: 12px; padding-left: 25px; position: relative;">
    color: #8B4513; margin: 0 0 15px 0; font-size: 1.4em; text-align: center;">🎯 Qui Peut Participer ?</h3>
                        <span style<img src="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>https://confluence.wipo.int/confluence/download/attachments/1640993109/femme%20megaphone.png?api=v2" alt="Qui peut participer" style="width: 100%; height: auto; display: block; border-radius: 8px; margin-bottom: 15px;">
                    <ul style="list-style-type: none; padding-left: 0; text-align: left;  Vous êtes de nationalité ivoirienne ou résident(e) en Côte d'Ivoire
color: #654321;">
                           </li>
                        <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                            <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
                            Vous avezêtes de 18nationalité ansivoirienne ou plus résident(e) en Côte d'Ivoire
                        </li>
                        <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                            <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
                            Vous participez seul(e)avez 18 ans ou en équipe (max 5 personnes)plus
                        </li>
                        <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                            <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
                            Votre création est 100% originaleVous participez seul(e) ou en équipe
                        </li>
                    </ul>
        <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
            </div>
                <a<span href="URL_DE_VOTRE_PAGE_REGLEMENT" style="background: linear-gradient(45deg, #DC143C, #B22222)style="position: absolute; left: 0; color: white#D2691E; paddingfont-weight: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; display: inline-block; margin-top: 15px; text-align: center; box-shadow: 0 3px 10px rgba(220,20,60,0.3);">
bold;">✅</span>
                            Votre création est 100% originale
     🚨 CONSULTEZ LE RÈGLEMENT
                </a>li>
            </div>
        </div>
ul>
        <!-- Colonne de droite : Comment participer ? -->
 </div>
         <div style="flex: 1; min-width: 300px; background-   <a href="URL_DE_VOTRE_PAGE_REGLEMENT" style="background: linear-gradient(45deg, #DC143C, #B22222); color: #F0FFF4white; borderpadding: 2px solid #90EE9012px 25px; text-decoration: none; border-radius: 12px20px; boxfont-shadowweight: 0 4px 8px rgba(46,139,87,0.1); overflow: hidden; display: flex; flex-direction: column;">
bold; display: block; margin-top: 15px; text-align: center; box-shadow: 0 3px 10px rgba(220,20,60,0.3);">
                <!-- Image en haut pour🚨 impactCONSULTEZ visuelLE -->RÈGLEMENT
              <img src="https://confluence.wipo.int/confluence/download/attachments/1640993109/Untitled%20%282%29.png?api=v2" alt="Comment participer" style="width: 100%; height: 200px; object-fit: cover; display: block;">
      </a>
            </div>
        </div>

        <!-- Colonne de droite : Comment participer ? -->
        <div style="flex: 1; min-width: 300px; background-color: #F0FFF4; border: 2px solid #90EE90; border-radius: 12px; box-shadow: 0 4px 8px rgba(46,139,87,0.1); overflow: hidden; display: flex; flex-direction: column;">
             <div style="padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;">
                 <div>
        
            <div<h3 style="paddingcolor: 20px#2E8B57; flex-growmargin: 1; display: flex0 0 15px 0; flexfont-directionsize: column1.4em; justifytext-contentalign: space-betweencenter;">
>🚀 Comment Participer ?</h3>
                 <div>
   <img src="https://confluence.wipo.int/confluence/download/attachments/1640993109/women%20designer%20at%20desk.png?api=v2" alt="Prix                <h3 à gagner" style="colorwidth: #2E8B57100%; marginheight: 0auto; 0 15px 0display: block; fontborder-sizeradius: 1.4em8px; textmargin-alignbottom: center15px;">🚀 Comment Participer ?</h3>
>
                     <ol style="padding-left: 0; text-align: left; color: #654321; list-style: none;">
                        <li style="margin-bottom: 12px; padding-left: 35px; position: relative;">
                            <span style="position: absolute; left: 0; background: #2E8B57; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">1<>0</span>
                            Créez vosvotre comptes WIPO et Wikicompte OMPI
                        </li>
                        <li style="margin-bottom: 12px; padding-left: 35px; position: relative;">
                            <span style="position: absolute; left: 0; background: #2E8B57; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">2<>1</span>
                            AttendezManifestez l'activation (24h max)votre intention ici
                        </li>
                        <li style="margin-bottom: 12px; padding-left: 35px; position: relative;">
                            <span style="position: absolute; left: 0; background: #2E8B57; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">3<>2</span>
                            SoumettezAttendez votre logo via le formulairel'activation (24h max)
                        </li>
                        <li style="margin-bottom: 12px; padding-left: 35px; position: relative;">
                            <span style="position: absolute; left: 0; background: #DAA520#2E8B57; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">🏆<>4</span>
                            <strong style="color: #B8860B;">Gagnez 450 000 FCFA !</strong>Soumettez votre logo
                        </li>
                    </ol>
                </div>
                <a href="URL_DE_VOTRE_PAGE_FAQ" style="background: linear-gradient(45deg, #2E8B57, #228B22); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; display: inline-block; margin-top: 15px; text-align: center; box-shadow: 0 3px 10px rgba(46,139,87,0.3);">
                    📚 Voir le Guide Détaillé
                </a>
             </div>
        </div>
    </div>
    
    <!-- 5. SECTION DE CONTACT AMÉLIORÉE -->
    <div style="background: linear-gradient(135deg, #F4E4C1, #DDD1B8); padding: 30px; margin-top: 40px; text-align: center; border-radius: 12px; border: 2px solid #D4A574;">
        <h3 style="margin-top: 0; color: #8B4513; font-size: 1.5em;">💬 Une question ?</h3>
        <p style="color: #654321; margin-bottom: 20px;">Notre équipe est là pour vous accompagner !</p>
        <div style="display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;">
            <a href="URL_DE_VOTRE_PAGE_FAQ" style="background: linear-gradient(45deg, #3498DB, #2980B9); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; box-shadow: 0 3px 10px rgba(52,152,219,0.3);">
                📚 Consultez notre Guide et FAQ
            </a>
            <span style="color: #8B4513; font-size: 1.1em; font-weight: bold;">ou</span>
            <a href="mailto:project.dtidgi@wipo.int" style="background: linear-gradient(45deg, #8B4513, #A0522D); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; box-shadow: 0 3px 10px rgba(139,69,19,0.3);">
                📧 Contactez-nous directement
            </a>
        </div>
    </div>
</div>