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ÉATLOGO 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: 30px; max-width: 800px;">
  <!-- Boîte de texte (moitié gauche) -->
    
    <div style="
       <!-- SHOWCASE DU LOGO  flex: 1;
GAGNANT -->
            <div style="
                background: white;
 linear-gradient(135deg, #FFD700, #FFA500);
                padding: 30px;
                border-radius: 12px20px;
                box-shadow: 0 4px12px 15px30px rgba(0255,0215,0,0.14);
                border-left: 4px solid #D2691E#DAA520;">
            
            <h2 style="position: relative;
                coloroverflow: #D2691Ehidden;
                font-sizedisplay: 1.4emflex;
                marginflex-bottomdirection: 20pxcolumn;
                linejustify-heightcontent: 1.3center;
                fonttext-weightalign: boldcenter;">
                Annonce du Lauréat du Concours de Création de Logotype pour la Marque Collective du Beurre de Karité Ivoirien de la FEPROKA-CI
width: 350px;">
                
                </h2>
   !-- Décoration d'arrière-plan -->
         
       <div style="position: absolute; top: -10px; <p style="margin-bottom: 15px; line-height: 1.6; text-align: justify;">left: -10px; font-size: 60px; color: rgba(139,69,19,0.1);"></div>
                La Fédération des Productrices de Karité de Côte d'Ivoire (FEPROKA-CI), avec le soutien de l'Office Ivoirien de la Propriété Intellectuelle (OIPI) et l'Organisation Mondiale de la Propriété Intellectuelle (OMPI), est fière d'annoncer le lauréat du concours de création de logotype pour sa Marque Collective du beurre de karité ivoirien.
            </p><div style="position: absolute; bottom: -10px; right: -10px; font-size: 40px; color: rgba(139,69,19,0.1);"></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;">
            
        🏆 L'ŒUVRE GAGNANT 
 <p style="margin-bottom: 15px; line-height: 1.6; text-align: justify;">
         </h3>
       Lors de son Assemblée Générale du 4 novembre 2025, la
 FEPROKA-CI a désigné le logotype de Monsieur Ange Maurel Quoicy Thyzier comme lauréat, parmi trois propositions finalistes issues de 109 participations reçues dans le cadre de ce concours ouvert à tous les designers et créatifs ivoiriens.<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;">
            </p>
            
            <p style="margin-bottom: 15px; line-height: 1.6; text-align: justify<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;">
                Ce logotype deviendra l'identité visuelle de la Marque Collective 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 marchés nationaux qu'internationaux.
    <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" 
        </p>
            
            <p style="marginmax-bottomwidth: 0180px; linemax-height: 1.6180px; text-align: justify; font-style: italic;">object-fit: contain; display: block; transition: transform 0.2s ease; cursor: pointer;"
                Nous remercions également tous les participants pour la qualité de leurs propositions, qui témoignent du talent créatif ivoirien. onmouseover="this.style.transform='scale(1.05)'"
            </p>
        </div>

        <!-- Espace pour l'image (moitié droite) -->
 onmouseout="this.style.transform='scale(1)'">
         <div style="
          </a>
  flex: 1;
            background: #f8f9fa; </div>
            border-radius: 12px;    
            display    <p style="color: flex#8B4513;
 margin: 15px 0 0 0; font-size: 1.1em; font-weight: bold; z-index: 1; align-itemsposition: centerrelative;">
            justify-content: center;
       Création de Monsieur Ange Maurel min-height: 400px;Quoicy Thyzier
            border:  2px dashed #ddd;"> </p>
            </div>

            <!-- RemplacezPHOTO cette div par votre imageDU GAGNANT -->
            <p<div style="color:
 #999; text-align: center;">
             background: linear-gradient(135deg,  Ajoutez votre image ici<br>
#f8f9fa, #e9ecef);
                border-radius: 20px;
  <small>Remplacez cette section par une balise <img></small>
        display: flex;
   </p>
        </div>

    </div>

    <!-- 3. SECTION DE PRÉSENTATION AMÉLIORÉE -->
 flex-direction: column;
            <div style="padding: 30px 20px; textalign-alignitems: center;">
        <h2 style="font-size: 1.8em; color: #8B4513; margin-bottom: 25px;">Une opportunité unique de laisser votre empreinte créative !</h2>
        justify-content: center;
                border: 4px solid #FFD700;
         <div style="max-width: 900px; margin: 0 auto; text-align: left;">
        position: relative;
           <div style="background: linear-gradient(135deg, #FFF8F0, #FFFACD); paddingoverflow: 25pxhidden; border-radius: 12px; border-left: 5px solid #D2691E;
                padding: 30px;
                box-shadow: 0 2px12px 8px30px rgba(139255,69215,190,0.13);">
                text-align: center;
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
width: 350px;">
                
           <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.
<!-- Décoration d'arrière-plan -->
                <div style="position: absolute; top: 20px; left: 20px;  </p>
                font-size: 60px; color: rgba(255,215,0,0.3);"></div>
                <p<div style="font-sizeposition: 1.1emabsolute; colorbottom: #65432120px; margin-bottomright: 15px20px; linefont-heightsize: 1.6;">
  40px; color: rgba(255,215,0,0.3);"></div>
                
  Ces      femmes transforment les noix de karité en un <strong<h3 style="color: #B8860B#8B4513;">beurre précieux,margin: reconnu0 mondialement</strong>0 pour20px ses propriétés exceptionnelles.
                </p>
0; font-size: 1.8em; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); z-index: 1; position: relative;">
                  
  📸 LE GAGNANT 📸
           <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
 </h3>
                
       <strong style="color: #D2691E;">Mettez votre talent au service d'un produit emblématique du patrimoine national.</strong>
                </p><!-- IMAGE DU GAGNANT -->
                
                <p <div style="font-sizebackground: 1.1emwhite; colorpadding: #65432120px; marginborder-bottomradius: 015px; line-heightdisplay: 1.6;">
            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/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2" target="_blank" style="text-decoration: none; cursor: pointer;">
                </p>
           <img </div>src="https://confluence.wipo.int/confluence/download/attachments/1695583040/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2" 
        </div>
    </div>

    <!-- NOUVELLE BOÎTE PRIX -->
    <div style="padding: 0 20px 30px 20px; text-align: center;">
     alt="Photo - Monsieur Ange Maurel Quoicy Thyzier" 
     <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);">
 style="
             <h3 style="margin:0; font-size: 1.8em; color: #8B4513; text-shadow: 1px 1px 1px white;">🏆 Tentez de gagner 450 000 FCFA ! 🏆</h3>                   max-width: 180px;
        </div>
    </div>
<!-- NOTICE DE MISE À JOUR - À insérer après la section de présentation -->
<div style="padding: 0 20px 30px 20px;">   max-height: 180px;
    <div style="max-width: 900px; margin: 0 auto;">
               
        <!-- Boîte d'alerte avec icône -->
object-fit: contain;
         <div style="background: linear-gradient(135deg, #FFF3E0, #FFE0B2); border: 2px solid #FF9800; border-left: 6px solid #FF6F00; border-radius: 12px; padding: 25px; box-shadow: 0 4px 15px rgba(255,152,0,0.2); position: relative;">           display: block;
            
                 <!-- Icône d'alerte -->
border-radius: 8px;
             <div style="position: absolute; top: -15px; left: 25px; background: #FF9800; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-itemstransition: center; justify-content: center; font-size: 1.2em; font-weight: bold; box-shadow: 0 2px 8px rgba(255,152,0,0.3);">
transform 0.2s ease;
                         !
            </div>cursor: pointer;"
            
            <!-- Titre -->
            <h3 style="margin: 10px 0 15px 0; color: #E65100; font-size: 1.4em; font-weight: bold;">
onmouseover="this.style.transform='scale(1.05)'"
                          📋 Mise à Jour sur le Processus de Sélection onmouseout="this.style.transform='scale(1)'">
            </h3>
        </a>
    
            <!-- Contenu -->/div>
            <div style="color: #BF360C; line-height: 1.6;">
                <p style="margin-bottomcolor: #8B4513; margin: 15px 0 0 0; font-size: 1.05em;1em; font-weight: bold; z-index: 1; position: relative;">
                    <strong>LeMonsieur processusAnge d'évaluationMaurel est en cours.</strong>Quoicy Thyzier
                </p>
                </div>
        </div>
    </div>

    <p style="margin-bottom: 15px;">
         <!-- 4. SECTION ANNONCE DU LAURÉAT - PLEINE LARGEUR CENTRÉE -->
    <div style="padding: 0 20px; margin: 40px 0;">
 Notre jury d'experts procède actuellement à l'examen de toutes les soumissions, ce qui nécessite le temps approprié.<div style="max-width: 1000px; margin: 0 auto;">
                </p><div style="
                
    background: linear-gradient(135deg, #FFF8F0, #FFFACD);
            <p style="margin-bottom    padding: 15px40px;">
                border-radius: 20px;
   <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.
box-shadow: 0 12px 30px rgba(0,0,0,0.15);
                border-left: 8px solid #D2691E;
   </p>
             border-top: 4px solid #FFD700;
                <p style="marginposition: 0relative; font-style: italic;">

                overflow: hidden;">
         Nous remercions tous les participants pour leur patience.
                </p>!-- Décoration d'arrière-plan -->
            </div>
    <div style="position: absolute; top: -30px; right: -30px; font-size: 150px; color: rgba(210, 105, 30, 0.08); transform: rotate(15deg);">🏆</div>
             <!-- Badge optionnel -->
            <div style="margin-top: 20px; text-align: center;"  <!-- Badge "RÉSULTAT OFFICIEL" -->
                <span<div style="backgroundtext-align: #FF6F00center; colormargin-bottom: white30px;">
 padding: 8px 20px; border-radius: 25px; font-size: 0.9em; font-weight: bold; display: inline-block;">
         <div style="
          🕐 Évaluation en cours
           background: linear-gradient(45deg, #DC143C, #B22222);
  </span>
               </div>
        </div>
color: white;
      </div>
</div>

    <!-- 4. SECTION EN 2 COLONNES - VERSION CORRIGÉE -->
<div style="display: flex; flex-wrap: wrap; gappadding: 12px 30px;
 align-items: stretch;">

    <!-- Colonne de gauche : Qui peut participer ? -->
    <div style="flex: 1; min-width: 300px; backgroundborder-colorradius: #FFF8F030px;
 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;">
         display: inline-block;
 <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="padding: 20px; flexfont-growsize: 1.1em;
 display: flex; flex-direction: column; justify-content: space-between;">
            <div>
      font-weight: bold;
         <h3 style="color: #8B4513; margin: 0 0 15px 0; font-size: 1.4em; text-align: center;">🎯 Qui Peut Participer ?</h3>
 box-shadow: 0 4px 15px rgba(220,20,60,0.4);
                  <ul style="list-style-type: none; padding-left: 0;      text-aligntransform: leftuppercase;
 color: #654321; margin: 0;">
                    <li style="margin-bottomletter-spacing: 12px2px; padding-left: 25px; position: relative; line-height: 1.3;">
">
                        🎊 RÉSULTAT OFFICIEL 🎊
    <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
        </div>
                Nationalité</div>
 ivoirienne ou résident(e) en Côte d'Ivoire
          
          </li>
      <h2 style="
             <li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-heightcolor: 1.3#D2691E;">
                        <span style="position: absolute; left: 0; color: #D2691E; font-weightsize: bold;">✅</span>1.8em;
                    margin-bottom: 30px;
   18 ans ou plus
                    </li>line-height: 1.3;
                    <li style="margin-bottomfont-weight: 12pxbold;
 padding-left: 25px; position: relative; line-height: 1.3;">
              text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
      <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>         text-align: center;">
                    🏅 Annonce du Lauréat du Concours de Création de Logotype pour Participation seul(e) ou en équipe
    la Marque Collective du Beurre de Karité Ivoirien de la FEPROKA-CI
                </li>h2>
                
    <li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
    <!-- Premier paragraphe -->
                 <span<div style="positionbackground: absolutewhite; leftpadding: 025px; colorborder-radius: #D2691E12px; fontmargin-weightbottom: bold25px;">✅</span>
                border-left: 5px solid #32CD32; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
         Création 100% originale
         <p style="margin: 0; line-height: 1.8; text-align: justify;     </li>font-size: 1.1em;">
                </ul>
         La <strong  </div>
            <a href="https://confluence.wipo.int/confluence/x/1ZfKYQ" style="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.
                    </p>
                </div>
                
                <!-- Encadré du gagnant -->
                <div style="
                    background: linear-gradient(135deg, #FFD700, #FFA500);
                    padding: 25px;
                    border-radius: 15px;
                    margin: 25px 0;
                    box-shadow: 0 6px 20px rgba(255,215,0,0.5);
                    border: 3px solid #DAA520;">
                    
                    <div style="text-align: center; margin-bottom: 20px;">
                        <span style="font-size: 2.5em;">🎯</span>
                        <h3 style="color: #8B4513; margin: 15px 0; font-size: 1.5em; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);">
                            LE GAGNANT EST...
                        </h3>
                    </div>
                    
                    <p style="margin: 0; line-height: 1.8; text-align: justify; color: #654321; font-size: 1.1em;">
                         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; 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>
                </div>
                
                <!-- Paragraphe sur l'utilisation du 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);">
                    <p style="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>.
                    </p>
                </div>
            </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(45deg135deg, #DC143C#E8F5E8, #B22222#F0FFF0);
 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(220,20,60,0.3);">
 padding: 25px;
               🚨 CONSULTEZ LE RÈGLEMENTborder-radius: 12px;
            </a>
    border-left: 4px   </div>solid #32CD32;
    </div>

    <!-- Colonne de droite : Comment participer ? -->
 text-align: center;
   <div style="flex: 1; min-width: 300px; background-color: #F0FFF4; border: 2px solid #90EE90; border-radius: 12px;    box-shadow: 0 4px 8px15px rgba(46,139,87,0.1); overflow: hidden; display: flex; flex-direction: column;">
">
                <img<p srcstyle="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: blockmargin: 0; line-height: 1.6; font-style: italic; color: #2E7D32; font-size: 1.1em;">
        <div style="            🙏 <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> ! 🇨🇮