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. SECTION ANNONCE DU LAURÉAT AMÉLIORÉE (SEULEMENT)LOGO GAGNANT + PHOTO CÔTE À CÔTE - COMPACT -->
    <div style="display: flex; gapjustify-content: 30pxcenter; margin: 30px 0; padding: 0 20px;">
        
<div style="display: flex; gap:     <!-- Boîte de texte (moitié gauche) -->
30px; max-width: 800px;">
             <div style="
            flex: 1;<!-- SHOWCASE DU LOGO GAGNANT -->
            <div style="
                background: linear-gradient(135deg, #FFF8F0#FFD700, #FFFACD#FFA500);
                padding: 35px30px;
                border-radius: 15px20px;
                box-shadow: 0 8px12px 25px30px rgba(0255,0215,0,0.154);
                border-left: 8px4px solid #D2691E#DAA520;
            border-top: 3px solid #FFD700;
    position: relative;
               position overflow: relativehidden;
                overflowdisplay: hiddenflex;">
                flex-direction: column;
            <!-- Décoration d'arrière-plan -->    justify-content: center;
            <div style="position: absolute; top: text-20px; right: -20px; font-size: 120px; color: rgba(210, 105, 30, 0.1); transform: rotate(15deg);">🏆</div>
align: center;
                width: 350px;">
                
                <!-- Badge "RÉSULTAT OFFICIEL" Décoration d'arrière-plan -->
                <div style="
position: absolute; top: -10px; left: -10px; font-size:          background: linear-gradient(45deg, #DC143C, #B22222);60px; color: rgba(139,69,19,0.1);"></div>
                color<div style="position: whiteabsolute;
 bottom: -10px; right: -10px; font-size:           padding: 8px 20px;40px; color: rgba(139,69,19,0.1);"></div>
                border-radius: 25px;

                <h3 displaystyle="color: inline-block#8B4513;
 margin: 0 0             20px 0; font-size: 01.9em8em;
 text-shadow: 2px 2px 4px rgba(0,0,0,0.2); z-index: 1; position: relative;">
       font-weight: bold;
            🏆    margin-bottom: 20px;L'ŒUVRE GAGNANT 
                box-shadow: 0 3px 10px rgba(220,20,60,0.3);
</h3>
                
    text-transform: uppercase;
           <div style="background: white; padding: 20px; letterborder-spacingradius: 1px15px;">
 display: inline-block; box-shadow: 0 8px 20px rgba(0,0,0,0.15); z-index: 1; position: relative; margin:    🎊 RÉSULTAT OFFICIEL 🎊0 auto;">
            </div>
            
            <h2 style="
   <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;">
             color: #D2691E;
                font-size: 1.5em;<img src="https://confluence.wipo.int/confluence/download/attachments/1695583040/LOGO%20SHEATROU_Un%20savoir%20faire%20ancestral.png?version=1&modificationDate=1764600887385&api=v2" 
                margin-bottom: 25px;
                line-height: 1.3;
     alt="Logo Gagnant - Monsieur Ange Maurel Quoicy Thyzier" 
           font-weight: bold;
                text-shadow: 2px 2px 4px rgba(0,0,0,0.1);">
           style="max-width: 180px; max-height: 180px; object-fit: contain; display: block; transition: transform 0.2s ease; cursor: pointer;"
      🏅 Annonce du Lauréat du Concours de Création de Logotype pour la Marque Collective du Beurre de Karité Ivoirien de la FEPROKA-CI
     onmouseover="this.style.transform='scale(1.05)'"
         </h2>
            
            <div style="background: white; padding: 20px; border-radius: 10px; margin-bottom: 20px; border-left: 4px solid #FFD700;">
onmouseout="this.style.transform='scale(1)'">
                     </a>
        <p style="margin-bottom: 15px; line-height: 1.7; text-align: justify; font-size: 1.05em;">
 </div>
                
             🌍  La <strong<p style="color: #D2691E#8B4513;">Fédération desmargin: Productrices15px de0 Karité0 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.
  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/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2" 
                             alt="Photo - Monsieur Ange Maurel Quoicy Thyzier" 
                             style="
                                max-width: 180px;
                                max-height: 180px;
                                object-fit: contain;
                                display: block;
                                border-radius: 8px;
                                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;">
                    Monsieur Ange Maurel Quoicy Thyzier
                </p>
            </div>
        </div>
    </div>

    <!-- 4. SECTION ANNONCE DU LAURÉAT - PLEINE LARGEUR CENTRÉE -->
    <div style="padding: 0 20px; margin: 40px 0;">
        <div style="max-width: 1000px; margin: 0 auto;">
            <div style="
                background: linear-gradient(135deg, #FFF8F0, #FFFACD);
                padding: 40px;
                border-radius: 20px;
                box-shadow: 0 12px 30px rgba(0,0,0,0.15);
                border-left: 8px solid #D2691E;
                border-top: 4px solid #FFD700;
                position: relative;
              </p>
  overflow: hidden;">
         </div>
        
    
            <!-- Encadré du gagnant Décoration d'arrière-plan -->
                <div style="
position: absolute; top: -30px; right: -30px; font-size:          background: linear-gradient(135deg, #FFD700, #FFA500);
                padding: 20px;
150px; color: rgba(210, 105, 30, 0.08); transform: rotate(15deg);">🏆</div>
                
 border-radius: 12px;
              <!-- Badge margin: 20px 0;"RÉSULTAT OFFICIEL" -->
                box-shadow: 0 4px 15px rgba(255,215,0,0.4);
      <div style="text-align: center; margin-bottom: 30px;">
          border: 2px solid #DAA520;">
       <div style="
        
                <div style="text-align: center; margin-bottom: 15px;">
background: linear-gradient(45deg, #DC143C, #B22222);
                       <span style="font-size color: 2emwhite;">🎯</span>
                    <h3 style="color: #8B4513; margin: 10px 0; font-sizepadding: 1.3em; text-shadow: 1px 1px 2px rgba(0,0,0,0.1);">
12px 30px;
                        border-radius: 30px;
    LE GAGNANT EST...
                    </h3>display: inline-block;
                </div>
        font-size: 1.1em;
        
                <p style="margin-bottomfont-weight: 15pxbold; line-height: 1.7; text-align: justify; color: #654321; font-size: 1.05em;">

                        box-shadow: 0 4px 15px rgba(220,20,60,0.4);
    📅 Lors de son <strong>Assemblée Générale du 4 novembre 2025</strong>, la FEPROKA-CI a désigné le logotype de <strong style="color: #8B4513; fonttext-sizetransform: 1.1em;">✨ 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.
uppercase;
                        letter-spacing: 2px;">
                       </p>
 🎊 RÉSULTAT OFFICIEL 🎊
        </div>
            </div>
            <div style="background: rgba(255,255,255,0.8); padding: 18px; border-radius: 10px; margin-bottom: 20px;">
 </div>
                
    <p style="margin-bottom: 15px; line-height: 1.7; text-align: justify; font-size: 1.05em;">
    <h2 style="
               🌟 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>.
font-size: 1.8em;
                    margin-bottom: 30px;
                    </p>line-height: 1.3;
            </div>
        font-weight: bold;
   
            <!-- Message de remerciement stylisé -->
   text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
         <div style="
          text-align: center;">
     background: linear-gradient(135deg, #E8F5E8, #F0FFF0);
            🏅 Annonce du Lauréat padding: 15px;
                border-radius: 10px;
   du Concours de Création de Logotype pour la Marque Collective du Beurre de Karité Ivoirien de la FEPROKA-CI
             border-left: 4px solid #32CD32;</h2>
                text-align: center;">
                <p style="margin: 0; line-height: 1.6; font-style: italic; color: #2E7D32; font-size: 1.05em;"<!-- Premier paragraphe -->
                    🙏 <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> ! 🇨🇮<div style="background: white; padding: 25px; border-radius: 12px; margin-bottom: 25px; border-left: 5px solid #32CD32; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
                </p>
     <p style="margin: 0; line-height: 1.8; text-align: justify;  </div>font-size: 1.1em;">
            
             <!-- Confettis décoratifs -->
            <div style="position: absolute; bottom: 10px; right: 15px; font-size: 20px; opacity: 0.6;">
                🎉🎊✨
            </div>
        </div>

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: #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.
        <!-- Espace pour l'image (moitié droite) -->
      </p>
  <div style="
            flex: 1; </div>
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
      
      border-radius: 15px;
         <!-- Encadré du display: flex;gagnant -->
            align-items: center;
   <div style="
        justify-content: center;
           background: min-height: 400pxlinear-gradient(135deg, #FFD700, #FFA500);
            border: 3px dashed #FFD700;
     padding: 25px;
      position: relative;
             overflowborder-radius: hidden15px;">
            
        margin: 25px 0;
  <!-- Décoration d'arrière-plan -->
            <div style="position: absolute; topbox-shadow: 20px;0 left:6px 20px; font-size: 60px; color: rgba(255,215,0,0.35);">🏆</div>
            <div  style="position: absolute; bottom: 20px; right: 20px; font-sizeborder: 40px;3px color: rgba(255,215,0,0.3);">🌟</div>solid #DAA520;">
            
        
    <!-- Placeholder pour image -->
            <div style="text-align: center; zmargin-indexbottom: 120px;">
                     <div   <span style="font-size: 3em; margin-bottom: 15px;">🖼️</div>
2.5em;">🎯</span>
                        <p<h3 style="color: #8B4513; margin: #66615px 0; font-size: 1.1em5em; fonttext-weight: 500shadow: 1px 1px 3px rgba(0,0,0,0.2);">
                            LE Logo Gagnant<br>GAGNANT EST...
                    <small  style="color: #999;">Ajoutez l'image du logo lauréat ici</small>
 </h3>
                    </p>div>
            </div>
        </div>

    </div>

    <!-- 4. SECTION DE PRÉSENTATION AMÉLIORÉE (RESTE SÉPARÉE) -->
    <div<p style="paddingmargin: 30px 20px0; line-height: 1.8; text-align: centerjustify; color: #654321; font-size: 1.1em;">

           <h2 style="font-size: 1.8em; color: #8B4513; margin-bottom: 25px;">Une opportunité unique de laisser votre empreinte créative !</h2>
Lors de son <strong>Assemblée Générale du 4 novembre 
2025</strong>, la FEPROKA-CI a désigné le logotype de <div<strong style="max-widthcolor: 900px#8B4513; margin: 0 auto; text-align: left;">
            <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);">
    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.
            
        </p>
        <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;"> </div>
                
    <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.
 <!-- Paragraphe sur l'utilisation du logo -->
                <div  </p>
           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);">
     
                <p style="font-sizemargin: 1.1em0; colorline-height: #6543211.8; margintext-bottomalign: 15pxjustify; linefont-heightsize: 1.61em;">
                    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.
      Ce logotype deviendra l'<strong style="color: #D2691E;">identité visuelle de la Marque <Collective</p>
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 <p<strong style="font-sizecolor: 1.1em#8B4513;">marchés color: #654321; margin-bottom: 15px; line-height: 1.6;">
nationaux qu'internationaux</strong>.
                    </p>
    <strong style="color: #D2691E;">Mettez votre talent au service d'un produit emblématique du patrimoine national. </strong>div>
            </div>
    </p>
    </div>
    </div>

    <!-- 5. SECTION REMERCIEMENTS -->
    <div style="padding: 0 20px 30px 20px;">
        <p<div style="fontmax-sizewidth: 1.1em900px; color: #654321; margin-bottom: 0; line-height: 1.6 auto;">
                 <div style="
  Le logo lauréat deviendra l'<strong>identité visuelle de la marque collective</strong> du beurre de karité de labackground: FEPROKAlinear-CIgradient(135deg, porté fièrement sur les <strong style="color: #8B4513;">marchés nationaux et internationaux</strong>.
#E8F5E8, #F0FFF0);
                   </p>
      padding: 25px;
      </div>
        </div>
    </div>

border-radius: 12px;
    <!-- NOUVELLE BOÎTE PRIX -->
    <div style="padding: 0 20px 30px 20px; text-align: center;">border-left: 4px solid #32CD32;
         <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(21846,165139,3287,0.21);">
                <h3<p style="margin: 0; line-height: 1.6; font-style: italic; color: #2E7D32; font-size: 1.8em; color: #8B4513; text-shadow: 1px 1px 1px white;">🏆 Tentez de gagner 450 000 FCFA ! 🏆</h3>
1em;">
                    🙏 <strong>Nous </div>
remercions chaleureusement tous les <participants</div>

strong> pour la qualité <!-- Continue with all your other sections exactly as they were... -->exceptionnelle de leurs propositions, qui témoignent du <strong>talent créatif ivoirien</strong> ! 🇨🇮