Page History

<!-- 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);
      displaymargin-bottom: flex30px;">
      flex-direction: column;</div>

    <!-- 3. SECTION LOGO GAGNANT + PHOTO CÔTE À CÔTE - COMPACT -->
    <div style="display: flex; justify-content: flex-endcenter;
 margin: 30px 0;   padding: 30px0 20px;">
        <a<div hrefstyle="https://confluence.wipo.int/confluence/x/3ZfKYQ" 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;"display: flex; gap: 30px; max-width: 800px;">
            
            <!-- SHOWCASE DU LOGO GAGNANT -->
            🚀 Participer maintenant
<div style="
         </a>
    </div>

   background: <!-- 3. SECTION DE PRÉSENTATION AMÉLIORÉE -->
linear-gradient(135deg, #FFD700, #FFA500);
               <div style="padding: 30px;
 20px; text-align: center;">
        <h2 style="font-size: 1.8em; color: #8B4513; marginborder-bottomradius: 25px;">Une opportunité unique de laisser votre empreinte créative !</h2>20px;
        
        <div style="max-widthbox-shadow: 900px; margin: 0 auto; text-align: left;">
0 12px 30px rgba(255,215,0,0.4);
               <div style="backgroundborder: 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);">
4px solid #DAA520;
                position: relative;
                overflow: hidden;
      
          display: flex;
     <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">           flex-direction: column;
                justify-content: center;
   <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.text-align: center;
                width: 350px;">
                </p>
                <!-- Décoration d'arrière-plan -->
                <p<div style="font-sizeposition: 1.1emabsolute; colortop: #654321-10px; margin-bottomleft: -10px; font-size: 15px60px; line-heightcolor: 1.6;">rgba(139,69,19,0.1);"></div>
                <div style="position: absolute; bottom: 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.-10px; right: -10px; font-size: 40px; color: rgba(139,69,19,0.1);"></div>
                
                </p>
                <h3 style="color: #8B4513; margin: 0 0 20px 0; font-size: 1.8em; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); z-index: 1; position: relative;">
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">🏆 L'ŒUVRE GAGNANT 
                </h3>
    <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<div style="background: white; padding: 20px; border-radius: 15px; display: inline-block; box-shadow: 0 8px 20px rgba(0,0,0,0.15); z-index: 1; position: relative; margin: 0 auto;">
                    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>.
<a href="https://confluence.wipo.int/confluence/download/attachments/1695583040/LOGO%20SHEATROU_Un%20savoir%20faire%20ancestral.png?version=1&modificationDate=1764600887385&api=v2" target="_blank" style="text-decoration: none; cursor: pointer;">
                        <img src="https://confluence.wipo.int/confluence/download/attachments/1695583040/LOGO%20SHEATROU_Un%20savoir%20faire%20ancestral.png?version=1&modificationDate=1764600887385&api=v2" 
                             alt="Logo Gagnant - Monsieur Ange Maurel Quoicy Thyzier" 
                             style="max-width: 180px; max-height: 180px; object-fit: contain; display: block; transition: transform 0.2s ease; cursor: pointer;"
                             onmouseover="this.style.transform='scale(1.05)'"
                             onmouseout="this.style.transform='scale(1)'">
                    </a>
                </div>
                
                <p style="color: #8B4513; margin: 15px 0 0 0; font-size: 1.1em; font-weight: bold; z-index: 1; position: relative;">
                    Création de Monsieur Ange Maurel Quoicy Thyzier
                </p>
            </div>

            <!-- PHOTO DU GAGNANT -->
            <div style="
                background: linear-gradient(135deg, #f8f9fa, #e9ecef);
                border-radius: 20px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                border: 4px solid #FFD700;
                position: relative;
                overflow: hidden;
                padding: 30px;
        </p>
        box-shadow: 0 12px  </div>30px rgba(255,215,0,0.3);
        </div>
    </div>

    <!-- NOUVELLE BOÎTE PRIX -->
text-align: center;
          <div style="padding: 0 20px 30px 20px; text-alignwidth: center350px;">
         <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 15px rgba(218,165,32,0.2);">
       
                <!-- Décoration d'arrière-plan -->
                <h3<div style="marginposition:0 absolute; font-sizetop: 1.8em20px; colorleft: #8B451320px; textfont-shadowsize: 1px 1px 1px white;">🏆 Tentez de gagner 450 000 FCFA ! 🏆</h3>
        <60px; color: rgba(255,215,0,0.3);"></div>
    </div>
<!-- NOTICE DE MISE À JOUR - À insérer après la section de présentation -->
<div style="paddingposition: absolute; 0bottom: 20px; 30pxright: 20px;">
    <div style="max-width: 900px; margin: 0 auto;"> font-size: 40px; color: rgba(255,215,0,0.3);"></div>
        
         <!-- Boîte d'alerte avec icône -->

                <div<h3 style="backgroundcolor: linear-gradient(135deg, #FFF3E0, #FFE0B2)#8B4513; bordermargin: 2px0 solid0 #FF9800; border-left: 6px solid #FF6F0020px 0; borderfont-radiussize: 12px1.8em; padding: 25px; boxtext-shadow: 02px 2px 4px 15px rgba(2550,1520,0,0.2); z-index: 1; position: relative;">
             
       📸 LE GAGNANT 📸
  <!-- Icône d'alerte -->
              </h3>
     <div style="position: absolute; top: -15px; left: 25px; background: #FF9800; color: white; width:
 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2em; font-weight: bold; box<!--shadow: 0IMAGE 2pxDU 8px rgba(255,152,0,0.3);"GAGNANT -->
                !
            </div>
            <div style="background: white; padding: 20px; border-radius: 15px; display: inline-block; box-shadow: 0 8px 20px rgba(0,0,0,0.15); z-index: 1; position: relative; margin: 0 auto;">
            <!-- Titre -->
            <h3 style="margin: 10px 0 15px 0; color: #E65100; font-size: 1.4em; font-weight: bold;">
<a href="https://confluence.wipo.int/confluence/download/attachments/1695583040/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2" target="_blank" style="text-decoration: none; cursor: pointer;">
                    📋 Mise à Jour sur le Processus de Sélection<img src="https://confluence.wipo.int/confluence/download/attachments/1695583040/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2" 
            </h3>
            
     alt="Photo - Monsieur Ange Maurel Quoicy  <!-- Contenu -->Thyzier" 
            <div style="color: #BF360C; line-height: 1.6;">
                <p style="margin-bottom: 15px; font-size: 1.05em;">
      "
              <strong>Le processus d'évaluation est en cours.</strong>
                </p>max-width: 180px;
                
                <p style="margin-bottommax-height: 15px180px;">
                    Notre jury d'experts procède actuellement à l'examen de toutes les soumissions, ce qui nécessite le temps approprié.object-fit: contain;
                </p>
                
        display: block;
        <p style="margin-bottom: 15px;">
                    <strong>Communication des résultats :</strong> Initialement prévue pour août 2025, l'annonce des résultats est reportée à une date ultérieure par email et via cette page.
border-radius: 8px;
                                transition: transform  </p>0.2s ease;
                
                <p style="margincursor: 0pointer;"
 font-style: italic;">
                    Nous remercions tous les participants pour leur patience. onmouseover="this.style.transform='scale(1.05)'"
                </p>
             </div>onmouseout="this.style.transform='scale(1)'">
                    </a>
            <!--  Badge optionnel --> </div>
            <div style="margin-top: 20px; text-align: center;">
                <span<p style="background: #FF6F00; color: white#8B4513; paddingmargin: 8px15px 20px; border-radius: 25px0 0 0; font-size: 01.9em1em; font-weight: bold; display: inline-block z-index: 1; position: relative;">
                    🕐Monsieur Ange ÉvaluationMaurel enQuoicy coursThyzier
                </span>p>
            </div>
        </div>
    </div>
</div>

    <!-- Alternative4. plusSECTION sobreANNONCE (si vous préférez) -->
<!--
<div style="padding: 0 20px 30px 20px;"DU LAURÉAT - PLEINE LARGEUR CENTRÉE -->
    <div style="max-widthpadding: 900px0 20px; margin: 40px 0 auto;">
        <div style="background: #E8F4FD; border: 1px solid #1976D2; border-left: 5px solid #1976D2; border-radius: 8px; padding: 20pxmax-width: 1000px; margin: 0 auto;">
            <h4 style="margin: 0 0 15px 0; color: #1565C0; font-size: 1.2em;"> <div style="
                ℹ️ Mise à Jour sur le Processus de Sélection
background: linear-gradient(135deg, #FFF8F0, #FFFACD);
                 </h4>padding: 40px;
            <div  style="color: #0D47A1; lineborder-heightradius: 1.520px;">
                <p><strong>Le processus d'évaluation est en cours.</strong> Notre jury d'experts procède actuellement à l'examen de toutes les soumissions, ce qui nécessite le temps approprié.</p>
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
                border-left: 8px solid #D2691E;
              <p><strong>Communication des résultats :</strong> Initialement prévue pour août 2025, l'annonce des résultats est reportée à une date ultérieure par email et via cette page.</p>border-top: 4px solid #FFD700;
                position: relative;
                <p style="marginoverflow: 0hidden;"><em>Nous>
  remercions tous les participants pour leur patience.</em></p>
        
    </div>
        </div>
    </div>
</div>
!-- Décoration d'arrière-plan -->

    <!-- 4. SECTION EN 2 COLONNES - VERSION CORRIGÉE -->
                <div style="displayposition: absolute; top: -30px; right: flex-30px; flex-wrap: wrap; gap: 30px; align-items: stretch;">

    <!-- Colonne de gauche : Qui peut participer ? -->
    <div style="flex: 1; min-width: 300px; background-color: #FFF8F0; border: 2px solid #D4A574; border-radius: 12px; box-shadow: 0 4px 8px rgba(139,69,19,0.1); overflow: hidden; display: flex; flex-direction: column;">
font-size: 150px; color: rgba(210, 105, 30, 0.08); transform: rotate(15deg);">🏆</div>
                
                <!-- Badge "RÉSULTAT OFFICIEL" -->
                <div style="text-align: center; margin-bottom: 30px;">
           <img src="https://confluence.wipo.int/confluence/download/attachments/1640993109/femme%20megaphone.png?api=v2" alt="Qui peut participer" style="width: 100%; height: 200px; object-fit: cover; display: block;">
         <div style="
                        background: linear-gradient(45deg, #DC143C, #B22222);
           <div style="padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;">
             color: white;
                   <div>
     padding: 12px 30px;
         <h3  style="color: #8B4513; margin: 0 0 15px 0; font-size: 1.4em; text-align: center;">🎯 Qui Peut Participer ?</h3>border-radius: 30px;
                <ul style="list-style-type: none; padding-left: 0; text-align: left; color: #654321; margindisplay: 0inline-block;">
                    <li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height font-size: 1.31em;">
                        <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
                         Nationalité ivoirienne ou résident(e) en Côte d'Ivoire
box-shadow: 0 4px 15px rgba(220,20,60,0.4);
                       </li>
   text-transform: uppercase;
                  <li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3 letter-spacing: 2px;">
                        <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>🎊 RÉSULTAT OFFICIEL 🎊
                    </div>
     18 ans ou plus
        </div>
            </li>
    
                <li<h2 style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
                    color: #D2691E;
                    font-size: 1.8em;
   <span  style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
        margin-bottom: 30px;
               Participation seul(e) ou en équipe
 line-height: 1.3;
                  </li>
  font-weight: bold;
                 <li style="margin-bottom: 12px; paddingtext-leftshadow: 25px;2px position:2px relative; line-height: 1.3;">4px rgba(0,0,0,0.1);
                    text-align: center;">
   <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
         🏅 Annonce du Lauréat du Concours de Création de Logotype pour la Marque Collective du CréationBeurre 100%de originale
Karité Ivoirien de la FEPROKA-CI
                </li>h2>
                
    </ul>
            </div>!-- Premier paragraphe -->
            <a href="https://confluence.wipo.int/confluence/x/1ZfKYQ"    <div style="background: linear-gradient(45deg, #DC143C, #B22222); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; display: block12px; margin-topbottom: 20px25px; textborder-alignleft: 5px solid center#32CD32; box-shadow: 0 3px4px 10px12px rgba(2200,200,600,0.31);">
                🚨 CONSULTEZ LE RÈGLEMENT
 <p style="margin: 0; line-height: 1.8; text-align: justify;     </a>font-size: 1.1em;">
        </div>
    </div>

    <!-- Colonne de droite : Comment participer ? -->
             La <div<strong style="flex: 1; min-width: 300px; background-color: #F0FFF4#D2691E;">Fédération border:des 2pxProductrices solidde #90EE90; border-radius: 12px; box-shadow: 0 4px 8px rgba(46,139,87,0.1); overflow: hidden; display: flex; flex-direction: column;">
        <img src="https://confluence.wipo.int/confluence/download/attachments/1640993109/women%20designer%20at%20desk.png?api=v2" alt="Comment participer" style="width: 100%; height: 200px; object-fit: cover; display: block;">
        <div style="padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;">Karité de Côte d'Ivoire (FEPROKA-CI)</strong>, avec le soutien de l'<strong style="color: #2E8B57;">Office Ivoirien de la Propriété Intellectuelle (OIPI)</strong> et l'<strong style="color: #1E90FF;">Organisation Mondiale de la Propriété Intellectuelle (OMPI)</strong>, est fière d'annoncer le lauréat du concours de création de logotype pour sa Marque Collective du beurre de karité ivoirien.
            <div>
        </p>
        <h3 style="color: #2E8B57; margin: 0 0 15px 0; font-size: 1.4em; text-align: center;">🚀 Comment Participer ?</h3>
 </div>
                
      <ol style="padding-left: 0; text-align: left; color: #654321; list-style: none; margin: 0;">
     <!-- Encadré du gagnant -->
                <li<div style="margin-bottom: 12px; padding-left: 35px; position: relative; line-height: 1.3;">

                    background: linear-gradient(135deg, #FFD700, #FFA500);
        <span style="position: absolute; left: 0; background: #2E8B57; color: white; border-radius: 50%; width: 24px; heightpadding: 24px25px;
 display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">0</span>
          border-radius: 15px;
             <a href="https://www3.wipo.int/wipoaccounts/generic/public/register.xhtml?lang=fr" target="_blank" style="color: #654321; text-decoration: underline;">Créez votre compte OMPI</a>
     margin: 25px 0;
                    box-shadow: 0 6px  </li>20px rgba(255,215,0,0.5);
                    <li style="margin-bottom: 12px; padding-left: 35px; position: relative; line-height: 1.3;">
border: 3px solid #DAA520;">
                    
                    <span<div style="positiontext-align: absolutecenter; leftmargin-bottom: 020px; 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<">
                        <span style="font-size: 2.5em;">🎯</span>
                        <a<h3 hrefstyle="https://confluence.wipo.int/confluence/x/CZfPYQ" target="_blank" style="color: #654321; text-decoration: underline;">Manifestez votre intention ici</a>
      color: #8B4513; margin: 15px 0; font-size: 1.5em; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);">
                            LE GAGNANT EST...
              </li>
          </h3>
          <li style="margin-bottom: 12px; padding-left: 35px; position: relative; line-height: 1.3;">
  </div>
                    
  <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</span>
              <p style="margin: 0; line-height: 1.8; text-align: justify; color: #654321; font-size: 1.1em;">
           Attendez l'activation (24h max)
           Lors de son <strong>Assemblée Générale du 4 novembre  </li>
                    <li style="margin-bottom: 12px; padding-left: 35px; position: relative; line-height: 1.3;">
                2025</strong>, la FEPROKA-CI a désigné le logotype de <strong style="color: #8B4513; font-size: 1.2em;"> Monsieur Ange Maurel Quoicy Thyzier </strong> comme lauréat, parmi trois propositions finalistes issues de <strong style="color: #DC143C;">109 participations</strong> reçues dans le cadre de ce concours ouvert à tous les designers et créatifs ivoiriens.
        <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</span>
 </p>
                </div>
                
   <a href="https://confluence.wipo.int/confluence/x/CZfPYQ" target="_blank" style="color: #654321; text-decoration: underline;">Soumettez votre logo</a>
     <!-- Paragraphe sur l'utilisation du logo -->
         </li>
       <div style="background: rgba(255,255,255,0.9); padding: 25px; border-radius: 12px; margin-bottom:  </ol>
    25px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
        </div>
            <a<p hrefstyle="https://confluence.wipo.int/confluence/x/3ZfKYQ" style="background: linear-gradient(45deg, #2E8B57, #228B22); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; display: block; margin-top: 20px; text-align: center; box-shadow: 0 3px 10px rgba(46,139,87,0.3);">
                📚 Voir le Guide Détaillé
                </a>
             </div>margin: 0; line-height: 1.8; text-align: justify; font-size: 1.1em;">
                         Ce logotype deviendra l'<strong style="color: #D2691E;">identité visuelle de la Marque Collective</strong> du beurre de karité ivoirien de la FEPROKA-CI. Il sera utilisé pour distinguer et valoriser le beurre de karité et ses produits dérivés issus des membres de la fédération, tant sur les <strong style="color: #8B4513;">marchés nationaux qu'internationaux</strong>.
        </div>
    </div>
    
    <!-- 5. SECTION DE CONTACT AMÉLIORÉE -->
/p>
       <div style="background: linear-gradient(135deg, #F4E4C1, #DDD1B8); padding: 30px; margin-top: 40px; text-align: center; border-radius: 12px; border: 2px solid #D4A574;">
 </div>
            </div>
   <h3 style="margin-top: 0; color: #8B4513; font-size: 1.5em;">💬 Une question ?</h3> </div>
    </div>

    <!-- 5. SECTION  <pREMERCIEMENTS -->
    <div style="colorpadding: #654321; margin-bottom:0 20px 30px 20px;">Notre équipe est là pour vous accompagner !</p>>
        <div style="display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrapmax-width: 900px; margin: 0 auto;">
            <a<div href="https://confluence.wipo.int/confluence/x/3ZfKYQ" style="style="
                background: linear-gradient(45deg135deg, #3498DB#E8F5E8, #2980B9#F0FFF0); 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);">

                padding: 25px;
                border-radius: 12px;
                border-left: 4px solid 📚#32CD32;
 Consultez notre Guide et FAQ
            </a>text-align: center;
            <span style="color: #8B4513; font-size: 1.1em; font-weight: bold;">ou</span>    box-shadow: 0 4px 15px rgba(46,139,87,0.1);">
            <a href="mailto:project.dtidgi@wipo.int"    <p style="backgroundmargin: 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)0; line-height: 1.6; font-style: italic; color: #2E7D32; font-size: 1.1em;">
                📧 Contactez-nous directement
  🙏 <strong>Nous remercions chaleureusement tous les participants</strong> pour la  </a>
        </div>
    </div>
</div>
qualité exceptionnelle de leurs propositions, qui témoignent du <strong>talent créatif ivoirien</strong> ! 🇨🇮