Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<!-- 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);
      margin-bottom: 30px;">
    </div>

    <!-- 3. SHOWCASESECTION DU LOGO GAGNANT (AVANT L'ANNONCE) + PHOTO CÔTE À CÔTE - COMPACT -->
    <div style="paddingdisplay: flex; justify-content: 0center; 20pxmargin: 40px30px 20px0; text-alignpadding: center0 20px;">
        <div style="max-widthdisplay: 400pxflex; margingap: 0 auto 30px; max-width: 800px;">
            <div style="
            <!-- SHOWCASE DU LOGO GAGNANT -->
            <div style="
                background: linear-gradient(135deg, #FFD700, #FFA500);
                padding: 30px;
                border-radius: 20px;
                box-shadow: 0 12px 30px rgba(255,215,0,0.4);
                border: 4px solid #DAA520;
                position: relative;
                overflow: hidden;">
                display: flex;
                <!flex-- Décoration d'arrière-plan -->direction: column;
                <div style="positionjustify-content: absolutecenter;
 top: -10px; left: -10px; font-size: 60px; color: rgba(139,69,19,0.1);"></div>               text-align: center;
                <div style="position: absolute; bottom: -10px; right: -10px; font-size: 40px; color: rgba(139,69,19,0.1);"></div>
width: 350px;">
                
                <!-- Décoration d'arrière-plan -->
                <h3<div style="colorposition: #8B4513absolute; margintop: 0 0 20px 0-10px; left: -10px; font-size: 1.8em60px; text-shadow: 2px 2px 4px color: rgba(0139,069,019,0.21); z-index: 1; position: relative;">
"></div>
                <div style="position: absolute; bottom: -10px; right:  🏆 LOGO GAGNANT 🏆-10px; font-size: 40px; color: rgba(139,69,19,0.1);"></div>
                </h3>
                
<h3 style="color: #8B4513; margin: 0 0           <div style="background: white; padding: 20px; border-radius: 15px; display: inline-block; box20px 0; font-size: 1.8em; text-shadow: 02px 8px2px 20px4px rgba(0,0,0,0.152); z-index: 1; position: relative;">
                    🏆 L'ŒUVRE GAGNANT 
      <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;">
          </h3>
                
                <img<div srcstyle="https://confluence.wipo.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;">
                    <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;
                box-shadow: 0 12px 30px rgba(255,215,0,0.3);
                text-align: center;
                width: 350px;">
                
                <!-- Décoration d'arrière-plan -->
                <div style="position: absolute; top: 20px; left: 20px; font-size: 60px; color: rgba(255,215,0,0.3);"></div>
                <div style="position: absolute; bottom: 20px; right: 20px; font-size: 40px; color: rgba(255,215,0,0.3);"></div>
                
                <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;">
                    📸 LE GAGNANT 📸
                </h3>
                
                <!-- IMAGE DU GAGNANT -->
                <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;">
                    <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;">
                        <img src="https://confluence.wipo.int/confluence/download/attachments/1695583040/LOGO%20SHEATROU_Un%20savoir%20faire%20ancestral1000020616.pngjpg?version=1&modificationDate=17646008873851764688699734&api=v2" 
                             alt="Logo GagnantPhoto - Monsieur Ange Maurel Quoicy Thyzier" 
                             style="max-width: 180px; max-height: 180px; object-fit: contain; display: block; transition: transform 0.2s ease; cursor: pointer;"
                                max-width: 180px;
                             onmouseover="this.style.transform='scale(1.05)'"
      max-height: 180px;
                      onmouseout="this.style.transform='scale(1)'">
          object-fit: contain;
         </a>
                </div>
       display: block;
        
                <p style="color: #8B4513; margin: 15px 0 0 0; fontborder-sizeradius: 1.1em; font-weight: bold; z-index: 1; position: relative;">
8px;
                             Création de Monsieur Angetransition: Maureltransform Quoicy Thyzier0.2s ease;
                </p>
            </div>
    cursor: pointer;"
   </div>
    </div>

    <!-- 4. SECTION ANNONCE DU LAURÉAT -->
           <div style="display: flex; gap: 30px; margin: 30px 0;">
   onmouseover="this.style.transform='scale(1.05)'"
      
        <!-- Boîte de texte (moitié gauche) -->
        <div onmouseout="this.style.transform='scale(1)'">
            flex: 1;
       </a>
     background: linear-gradient(135deg, #FFF8F0, #FFFACD);
        </div>
    padding: 35px;
           
 border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            border-left: 8px solid #D2691E;<p style="color: #8B4513; margin: 15px 0 0 0; font-size: 1.1em; font-weight: bold; z-index: 1; position: relative;">
            border-top: 3px solid #FFD700;
     Monsieur Ange Maurel Quoicy Thyzier
   position: relative;
            overflow: hidden;"></p>
            </div>
        </div>
    </div>

    <!-- Décoration d'arrière-plan -->
        4. SECTION ANNONCE DU LAURÉAT - PLEINE LARGEUR CENTRÉE -->
    <div style="positionpadding: absolute; top: -0 20px; right: -20px; font-size: 120px; color: rgba(210, 105, 30, 0.1); transform: rotate(15deg);">🏆</div>
            margin: 40px 0;">
        <div style="max-width: 1000px;  <!-- Badge "RÉSULTAT OFFICIEL" --margin: 0 auto;">
            <div style="
                background: linear-gradient(45deg135deg, #DC143C#FFF8F0, #B22222#FFFACD);
                colorpadding: white40px;
                paddingborder-radius: 8px 20px;
                borderbox-radiusshadow: 25px;
0 12px               display: inline-block30px rgba(0,0,0,0.15);
                fontborder-sizeleft: 0.9em 8px solid #D2691E;
                fontborder-weighttop: 4px solid bold#FFD700;
                margin-bottomposition: 20pxrelative;
                box-shadowoverflow: 0hidden;">
 3px 10px rgba(220,20,60,0.3);
              
  text-transform: uppercase;
             <!-- Décoration d'arrière-plan letter-spacing: 1px;"-->
                🎊 RÉSULTAT OFFICIEL 🎊
            <<div style="position: absolute; top: -30px; right: -30px; font-size: 150px; color: rgba(210, 105, 30, 0.08); transform: rotate(15deg);">🏆</div>
            
    
        <h2 style="
       <!-- Badge "RÉSULTAT    OFFICIEL" -->
   color: #D2691E;
            <div style="text-align: center;  fontmargin-sizebottom: 1.5em30px;">
                 margin-bottom: 25px;
     <div style="
              line-height: 1.3;
         background: linear-gradient(45deg, #DC143C, #B22222);
    font-weight: bold;
                text-shadow: 2px 2px 4px rgba(0,0,0,0.1);">color: white;
                🏅 Annonce du Lauréat du Concours de Création depadding: Logotype12px pour30px;
 la Marque Collective du Beurre de Karité Ivoirien de la FEPROKA-CI
            </h2>
   border-radius: 30px;
          
            <!-- Premier paragraphedisplay: inline-->block;
              <div style="background: white; padding: 20px; border-radius: 10px; margin-bottom: 20px; border-left: 4px solid #32CD32;">
         font-size: 1.1em;
                 <p style="margin: 0; line-height: 1.7; text-align: justify; font-sizeweight: 1.05embold;">

                        box-shadow: 0 4px 15px rgba(220,20,60,0.4);
       La <strong style="color: #D2691E;">Fédération des Productrices de Karité de Côte d'Ivoire (FEPROKA-CI)</strong>, avec le soutien de l'<strong style="color text-transform: #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.
uppercase;
                        letter-spacing: 2px;">
                        🎊 RÉSULTAT OFFICIEL 🎊
        </p>
            </div>

                </div>
              <!-- Encadré du gagnant séparé -->
  
                <div<h2 style="
                background: linear-gradient(135deg, #FFD700, #FFA500);
    color: #D2691E;
                  padding  font-size: 20px1.8em;
                    bordermargin-radiusbottom: 12px30px;
                margin: 20px 0;
       line-height: 1.3;
         box-shadow: 0 4px 15px rgba(255,215,0,0.4);
       font-weight: bold;
        border: 2px solid #DAA520;">
         text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
   
                <div style="text-align: center; margin-bottom: 15px;">
                    <span style="font-size: 2em;">🎯</span>
                    <h3 style="color: #8B4513; margin: 10px 0; font-size: 1.3em; text-shadow: 1px 1px 2px rgba(0,0,0,0.1);">
  🏅 Annonce du Lauréat du Concours de Création de Logotype pour la Marque Collective du Beurre de Karité Ivoirien de la FEPROKA-CI
                </h2>
                
      LE GAGNANT EST...
        <!-- Premier paragraphe -->
         </h3>
       <div style="background: white; padding: 25px; border-radius: 12px; margin-bottom:  </div>
            25px; border-left: 5px solid #32CD32; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
    
                <p style="margin: 0; line-height: 1.78; text-align: justify; color: #654321; font-size: 1.05em1em;">
                     Lors de son <strong>Assemblée Générale du 4 novembre 2025</strong>, la FEPROKA-CI a désigné le logotype de  La <strong style="color: #8B4513#D2691E; font-size: 1.1em;"> Monsieur Ange Maurel Quoicy Thyzier </strong> comme lauréat, parmi trois propositions finalistes issues de ">Fédération des Productrices de Karité de Côte d'Ivoire (FEPROKA-CI)</strong>, avec le soutien de l'<strong style="color: #DC143C#2E8B57;">109>Office participations</strong>Ivoirien reçuesde dansla lePropriété cadre de ce concours ouvert à tous les designers et créatifs ivoiriens.
                </p>
    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>
            <!-- Paragraphe sur l'utilisation du logo -->
        </div>
     <div style="background: rgba(255,255,255,0.8); padding: 18px; border-radius: 10px; margin-bottom: 20px;">
              
             <p style="margin: 0; line<!--height: 1.7; text-align: justify; font-size: 1.05em;" Encadré du gagnant -->
                <div  style="
   Ce logotype deviendra l'<strong style="color: #D2691E;">identité visuelle de la Marque Collective</strong> du beurre de karité ivoirien de labackground: 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>.
linear-gradient(135deg, #FFD700, #FFA500);
                    padding: 25px;
                    border-radius: 15px;
      </p>
            </div>
  margin: 25px 0;
        
            <!-- Confettis décoratifs -->box-shadow: 0 6px 20px rgba(255,215,0,0.5);
            <div  style="position: absolute; bottom: 10px; right: 15px; font-sizeborder: 20px;3px opacity: 0.6solid #DAA520;">
                    
                    <div style="text-align: center;  </div>margin-bottom: 20px;">
        </div>

           <!-- Espace pour l'image (moitié droite) -->
<span style="font-size: 2.5em;">🎯</span>
         <div style="
            flex: 1;
 <h3 style="color: #8B4513; margin: 15px 0; font-size: 1.5em; text-shadow: 1px 1px background: linear-gradient(135deg, #f8f9fa, #e9ecef);
3px rgba(0,0,0,0.2);">
              border-radius: 15px;
              LE display: flex;
GAGNANT EST...
             align-items: center;
          </h3>
  justify-content: center;
            min-height: 400px;
    </div>
        border: 3px dashed #FFD700;
         
   position: relative;
            overflow: hidden;
   <p style="margin: 0; line-height: 1.8; text-align: justify; color: #654321; paddingfont-size: 10px1.1em;">
            
             Lors <!-- Décoration d'arrière-plan -->
            <divde son <strong>Assemblée Générale du 4 novembre 2025</strong>, la FEPROKA-CI a désigné le logotype de <strong style="positioncolor: absolute; top: 20px; left: 20px#8B4513; font-size: 60px; color: rgba(255,215,0,0.3);">🏆</div>
            <div style="position: absolute; bottom: 20px; right: 20px; font-size: 40px; color: rgba(255,215,0,0.3);">🌟</div>
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.
                    </p>
             <!-- IMAGE AJOUTÉE --> </div>
            <img src="https://confluence.wipo.int/confluence/download/attachments/1695583040/photo.jpg?version=1&modificationDate=1764599636936&api=v2"    
                 alt="Photo <!-- MonsieurParagraphe Angesur Maurell'utilisation Quoicydu Thyzier"logo -->
                <div style="
              background: rgba(255,255,255,0.9); padding: 25px; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
      width: 100%;
             <p style="margin: 0; line-height: 1.8; text-align: justify; heightfont-size: 100%1.1em;">
                         Ce logotype  object-fitdeviendra l'<strong style="color: cover;
                    border-radius: 8px;
                    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
#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>.
                    </p>
     z-index: 1;
           </div>
           position: relative;"> </div>
        </div>

    </div>

    <!-- 5. SECTION REMERCIEMENTS -->
    <div style="padding: 0 20px 30px 20px;">
        <div style="max-width: 900px; margin: 0 auto;">
            <div style="
                background: linear-gradient(135deg, #E8F5E8, #F0FFF0);
                padding: 25px;
                border-radius: 12px;
                border-left: 4px solid #32CD32;
                text-align: center;
                box-shadow: 0 4px 15px rgba(46,139,87,0.1);">
                <p style="margin: 0; line-height: 1.6; font-style: italic; color: #2E7D32; font-size: 1.1em;">
                    🙏 <strong>Nous remercions chaleureusement tous les participants</strong> pour la qualité exceptionnelle de leurs propositions, qui témoignent du <strong>talent créatif ivoirien</strong> ! 🇨🇮 🙏
                </p>
            </div>
        </div>
    </div>

</div>