| 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. SHOWCASE DUSECTION LOGO GAGNANT (AVANT L'ANNONCE)+ PHOTO CÔTE À CÔTE - COMPACT -->
<div style="paddingdisplay: flex; justify-content: 0center; 20pxmargin: 40px30px 20px0; text-alignpadding: 0 center20px;">
<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;
width: 350px;">
<div
style="position: absolute; bottom: -10px; right: -10px; font-size: 40px; color: rgba(139,69,19,0.1);"></div>
<!-- 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 4pxcolor: rgba(0139,069,019,0.21); z-index: 1; position: relative;">
"></div>
<div style="position: absolute; bottom: -10px; right: -10px; 🏆 LOGO GAGNANT 🏆font-size: 40px; color: rgba(139,69,19,0.1);"></div>
</h3>
<h3 style="color: <div style="background: white; padding: 20px; border-radius: 15px; display: inline-block; box-shadow: 0 8px 20px#8B4513; margin: 0 0 20px 0; font-size: 1.8em; text-shadow: 2px 2px 4px 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.int/confluence/download/attachments/1695583040/LOGO%20SHEATROU_Un%20savoir%20faire%20ancestral.png?version=1&modificationDate=1764600887385&api=v2"
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 altstyle="Logo Gagnant - Monsieur Ange Maurel Quoicy Thyzier"
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 stylehref="max-width: 180px; max-height: 180px; object-fit: contain; display: block; transition: transform 0.2s easehttps://confluence.wipo.int/confluence/download/attachments/1695583040/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2" target="_blank" style="text-decoration: none; cursor: pointer;">
<img onmouseoversrc="this.style.transform='scale(1.05)'"
onmouseout="this.style.transform='scale(1)'">https://confluence.wipo.int/confluence/download/attachments/1695583040/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2"
</a>
alt="Photo - Monsieur Ange Maurel Quoicy Thyzier" </div>
<p style="color: #8B4513; margin: 15px 0 0 0; font-size: 1.1em; font-weight: bold; z-index: 1; position: relative;style=">
Création de Monsieur Ange Maurel Quoicy Thyzier
max-width: 180px;
</p>
</div>
</div>
</div>
max-height: 180px;
<!-- 4. SECTION ANNONCE DU LAURÉAT -->
<div style="display: flex; gap: 30px; margin: 30px 0; align-items: stretch;">
object-fit: contain;
<!-- Boîte de texte (moitié gauche) -->
<div style="
flexdisplay: 1block;
background: linear-gradient(135deg, #FFF8F0, #FFFACD);
paddingborder-radius: 35px8px;
border-radius: 15px;
box-shadow: 0 8pxtransition: 25pxtransform rgba(0,0,0,0.15).2s ease;
border-left: 8px solid #D2691E;
border-top: 3px solidcursor: #FFD700pointer;"
position: relative;
onmouseover="this.style.transform='scale(1.05)'"
overflow: hidden;">
<!-- Décoration d'arrière-plan --onmouseout="this.style.transform='scale(1)'">
<div style="position: absolute; top: -20px; right: -20px; font-size: 120px; color: rgba(210, 105, 30, 0.1); transform: rotate(15deg);">🏆</div> </a>
</div>
<!-- Badge "RÉSULTAT OFFICIEL" -->
<div style="
<p style="color: #8B4513; margin: 15px 0 0 0; font-size: 1.1em; font-weight: background: linear-gradient(45deg, #DC143C, #B22222);bold; z-index: 1; position: relative;">
color: white;
Monsieur Ange Maurel Quoicy Thyzier
padding: 8px 20px;
</p>
border-radius: 25px; </div>
</div>
</div>
display: inline-block;
<!-- 4. SECTION ANNONCE DU LAURÉAT - PLEINE LARGEUR CENTRÉE -->
font-size<div style="padding: 0.9em 20px;
margin: 40px 0;">
font-weight: bold;
<div style="max-width: 1000px; margin: 0 auto;">
margin-bottom: 20px;<div style="
box-shadowbackground: 0 3px 10px rgba(220,20,60,0.3linear-gradient(135deg, #FFF8F0, #FFFACD);
text-transformpadding: uppercase40px;
letterborder-spacingradius: 1px20px;">
🎊 RÉSULTAT OFFICIEL 🎊box-shadow: 0 12px 30px rgba(0,0,0,0.15);
</div>
border-left: 8px solid #D2691E;
border-top: 4px <h2 style="solid #FFD700;
colorposition: #D2691Erelative;
font-sizeoverflow: 1.5emhidden;">
margin-bottom: 25px;
line-height: 1.3;<!-- Décoration d'arrière-plan -->
<div style="position: absolute; top: -30px; right: -30px; font-weightsize: bold;
150px; color: rgba(210, 105, 30, 0.08); transform: rotate(15deg);">🏆</div>
text-shadow: 2px 2px 4px 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><!-- Badge "RÉSULTAT OFFICIEL" -->
<div style="text-align: center; margin-bottom: 30px;">
<div style="
<!-- Premier paragraphe -->
<div style="background: white; padding: 20px; border-radius: 10px; margin-bottom: 20px; border-left: 4px solid #32CD32;"> background: linear-gradient(45deg, #DC143C, #B22222);
<p style="margin: 0; line-height: 1.7; text-align: justify; font-sizecolor: 1.05emwhite;">
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.
padding: 12px 30px;
border-radius: 30px;
display: inline-block;
</p>font-size: 1.1em;
</div>
font-weight: bold;
<!-- Encadré du gagnant séparé -->
box-shadow: 0 4px <div style="15px rgba(220,20,60,0.4);
background: linear-gradient(135deg, #FFD700, #FFA500);
text-transform: uppercase;
padding: 20px;
borderletter-radiusspacing: 12px2px;">
margin: 20px 0;
🎊 RÉSULTAT OFFICIEL 🎊
box-shadow: 0 4px 15px rgba(255,215,0,0.4);
</div>
border: 2px solid #DAA520;"> </div>
<div<h2 style="text-align: center; margin-bottom: 15px;">
<span style="font-size color: 2em#D2691E;">🎯</span>
<h3 style="color: #8B4513; margin: 10px 0; font-size: 1.3em8em; text-shadow: 1px 1px 2px rgba(0,0,0,0.1);">
margin-bottom: 30px;
LE GAGNANT EST...
line-height: 1.3;
</h3>
font-weight: bold;
</div>
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
<p style="margin: 0; line-height: 1.7; text-align: justify; color: #654321; font-size: 1.05emcenter;">
Lors de son <strong>Assemblée Générale🏅 Annonce du Lauréat du 4Concours novembre 2025</strong>, la FEPROKA-CI a désigné le logotype de <strong style="color: #8B4513; font-size: 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.de Création de Logotype pour la Marque Collective du Beurre de Karité Ivoirien de la FEPROKA-CI
</h2>
</p>!-- Premier paragraphe -->
</div>
<div style="background: white; padding: 25px; border-radius: 12px;
<!-- Paragraphe sur l'utilisation du logo -->
margin-bottom: 25px; border-left: 5px solid #32CD32; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
<div<p style="backgroundmargin: rgba(255,255,255,0.8); paddingline-height: 18px1.8; bordertext-radiusalign: 10pxjustify; marginfont-bottomsize: 20px1.1em;">
<p style="margin: 0; line-height: 1.7; text-align: justify; font-size: 1.05em;">
Ce logotype deviendra 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: #D2691E#1E90FF;">identité>Organisation visuelleMondiale de la Marque Collective<Propriété Intellectuelle (OMPI)</strong>, duest beurrefière ded'annoncer karitéle ivoirienlauréat dedu la FEPROKA-CI. Il sera utiliséconcours de création de logotype pour distinguersa etMarque valoriserCollective ledu 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>.
karité ivoirien.
</p>
</div>
<!-- Encadré Confettisdu décoratifsgagnant -->
<div style="position: absolute; bottom: 10px; right: 15px; font-size: 20px; opacity: 0.6;">
<div style="
background: </div>linear-gradient(135deg, #FFD700, #FFA500);
</div>
<!-- Espace pour l'image (moitié droite) -->
padding: 25px;
<div style="
flexborder-radius: 115px;
background: linear-gradient(135deg, #f8f9fa, #e9ecef)margin: 25px 0;
border-radius: 15px;
box-shadow: 0 6px 20px display: flex;
rgba(255,215,0,0.5);
align-items: center;
border: 3px solid #DAA520;">
justify-content: center;
border: 3px dashed #FFD700;
position: relative;
<div style="text-align: overflowcenter; margin-bottom: hidden20px;">
padding: 10px;">
<span style="font-size: 2.5em;">🎯</span>
<!-- Décoration d'arrière-plan -->
<div<h3 style="positioncolor: absolute#8B4513; topmargin: 20px15px 0; leftfont-size: 20px1.5em; fonttext-sizeshadow: 60px; color:1px 1px 3px rgba(2550,2150,0,0.32);">🏆</div>>
<div style="position: absolute; bottom: 20px; right: 20px; font-size: 40px; color: rgba(255,215,0,0.3);">🌟</div> LE GAGNANT EST...
<!-- IMAGE AJOUTÉE - NOW CLICKABLE -->
/h3>
</div>
<a href="https://confluence.wipo.int/confluence/download/attachments/1695583040/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2" target="_blank" style="width: 100%; height: 100%; display: flex; text-decoration: none; align-items: center; justify-content: center;">
<img<p srcstyle="https://confluence.wipo.int/confluence/download/attachments/1695583040/1000020616.jpg?version=1&modificationDate=1764688699734&api=v2"
margin: 0; line-height: 1.8; text-align: justify; color: #654321; font-size: 1.1em;">
Lors de son alt="Photo - Monsieur Ange Maurel Quoicy Thyzier"
style="
<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.
max-width: 90%;
</p>
max-height: 90%;
</div>
object-fit: contain;
<!-- Paragraphe sur l'utilisation du logo border-radius: 8px;-->
<div style="background: rgba(255,255,255,0.9); padding: 25px; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 6px4px 20px12px rgba(0,0,0,0.151);
z-index: 1;
">
<p style="margin: 0; line-height: 1.8; text-align: justify; positionfont-size: relative1.1em;">
Ce transition: transform 0.2s ease;
cursor: pointer;"
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>.
onmouseover="this.style.transform='scale(1.02)'"
</p>
onmouseout="this.style.transform='scale(1)'"> </div>
</a>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> |
Page History
Overview
Community Forums
Content Tools