<!-- 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 -->
<div style="display: flex; gap: 30px; margin: 30px 0;">
<!-- Boîte de texte (moitié gauche) -->
<div style="
flex: 1;
background: white;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
border-left: 4px solid #D2691E;">
<h2 style="
color: #D2691E;
font-size: 1.4em;
margin-bottom: 20px;
line-height: 1.3;
font-weight: bold;">
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>
<p style="margin-bottom: 15px; line-height: 1.6; text-align: justify;">
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>
<p style="margin-bottom: 15px; line-height: 1.6; text-align: justify;">
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.
</p>
<p style="margin-bottom: 15px; line-height: 1.6; text-align: justify;">
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.
</p>
<p style="margin-bottom: 0; line-height: 1.6; text-align: justify; font-style: italic;">
Nous remercions également tous les participants pour la qualité de leurs propositions, qui témoignent du talent créatif ivoirien.
</p>
</div>
<!-- Espace pour l'image (moitié droite) -->
<div style="
flex: 1;
background: #f8f9fa;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
min-height: 400px;
border: 2px dashed #ddd;">
<!-- Remplacez cette div par votre image -->
<p style="color: #999; text-align: center;">
Ajoutez votre image ici<br>
<small>Remplacez cette section par une balise <img></small>
</p>
</div>
</div>
<!-- 3. SECTION DE PRÉSENTATION AMÉLIORÉE -->
<div style="padding: 30px 20px; text-align: center;">
<h2 style="font-size: 1.8em; color: #8B4513; margin-bottom: 25px;">Une opportunité unique de laisser votre empreinte créative !</h2>
<div style="max-width: 900px; 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);">
<p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
<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.
</p>
<p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
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.
</p>
<p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
<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;">
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>.
</p>
</div>
</div>
</div>
<!-- NOUVELLE BOÎTE PRIX -->
<div style="padding: 0 20px 30px 20px; text-align: center;">
<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);">
<h3 style="margin:0; font-size: 1.8em; color: #8B4513; text-shadow: 1px 1px 1px white;">🏆 Tentez de gagner 450 000 FCFA ! 🏆</h3>
</div>
</div>
<!-- NOTICE DE MISE À JOUR - À insérer après la section de présentation -->
<div style="padding: 0 20px 30px 20px;">
<div style="max-width: 900px; margin: 0 auto;">
<!-- Boîte d'alerte avec icône -->
<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;">
<!-- Icône d'alerte -->
<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: 0 2px 8px rgba(255,152,0,0.3);">
!
</div>
<!-- Titre -->
<h3 style="margin: 10px 0 15px 0; color: #E65100; font-size: 1.4em; font-weight: bold;">
📋 Mise à Jour sur le Processus de Sélection
</h3>
<!-- Contenu -->
<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>
<p style="margin-bottom: 15px;">
Notre jury d'experts procède actuellement à l'examen de toutes les soumissions, ce qui nécessite le temps approprié.
</p>
<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.
</p>
<p style="margin: 0; font-style: italic;">
Nous remercions tous les participants pour leur patience.
</p>
</div>
<!-- Badge optionnel -->
<div style="margin-top: 20px; text-align: center;">
<span style="background: #FF6F00; color: white; padding: 8px 20px; border-radius: 25px; font-size: 0.9em; font-weight: bold; display: inline-block;">
🕐 Évaluation en cours
</span>
</div>
</div>
</div>
</div>
<!-- 4. SECTION EN 2 COLONNES - VERSION CORRIGÉE -->
<div style="display: flex; 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;">
<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; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;">
<div>
<h3 style="color: #8B4513; margin: 0 0 15px 0; font-size: 1.4em; text-align: center;">🎯 Qui Peut Participer ?</h3>
<ul style="list-style-type: none; padding-left: 0; text-align: left; color: #654321; margin: 0;">
<li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
<span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
Nationalité ivoirienne ou résident(e) en Côte d'Ivoire
</li>
<li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
<span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
18 ans ou plus
</li>
<li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
<span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
Participation seul(e) ou en équipe
</li>
<li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
<span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
Création 100% originale
</li>
</ul>
</div>
<a href="https://confluence.wipo.int/confluence/x/1ZfKYQ" style="background: linear-gradient(45deg, #DC143C, #B22222); 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);">
🚨 CONSULTEZ LE RÈGLEMENT
</a>
</div>
</div>
<!-- Colonne de droite : Comment participer ? -->
<div style="flex: 1; min-width: 300px; background-color: #F0FFF4; border: 2px solid #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=" |