...
| HTML |
|---|
<!-- Wrapper général pour la page FAQ -->
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color: #444;">
<!-- Titre de la page avec dégradé et centré -->
<div style="background: linear-gradient(135deg, #2E8B57, #3CB371); color: white; padding: 25px; margin-bottom: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center;">
<h1 style="font-size: 2.2em; margin: 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">❓ Guide de Participation et FAQ</h1>
<p style="font-size: 1.2em; margin: 5px 0 0 0; opacity: 0.9;">Votre guide complet pour vous inscrire et répondre à toutes vos questions.</p>
</div>
<!-- SECTION 10: LeActions GuideRapides Pas(EN àHAUT) Pas -->
<div style="border: 1px solid #3CB371#D4A574; border-radius: 12px; margin-bottom: 30px25px; box-shadow: 0 4px 8px rgba(46139,13969,8719,0.05); overflow: hidden;">
<div style="background: linear-gradient(135deg, #2E8B57#694E34, #3CB371#8B4513); color: white !important; padding: 15px 20px;">
<h2 style="margin: 0; font-size: 1.6em; color: white !important;">🚀 Comment Participer : Le Guide en 3 Étapes Clés<Actions Rapides</h2>
</div>
<div style="padding: 20px30px; line-height: 1.6; background-color: #FFFDF7; text-align: #F0FFF4center;">
<p<div style="colordisplay: flex; gap: #2E8B5715px; fontjustify-weightcontent: boldcenter; fontflex-sizewrap: 1.1emwrap;">Pour>
garantir la sécurité et la traçabilité de votre participation, il est nécessaire de suivre les trois étapes ci-dessous dans l'ordre.</p>
<!-- Étape 1 --<a href="https://www3.wipo.int/wipoaccounts/generic/public/register.xhtml?lang=fr" target="_blank" style="background: linear-gradient(45deg, #2E8B57, #3CB371); color: white; padding: 15px 25px; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 1em; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: inline-block; min-width: 200px;">
<div style="background: #E8F5E9; padding: 20px; border-radius: 8px; margin: 20px🏠 0; border-left: 4px solid #3CB371;">
Créer Compte OMPI
</a>
<h3 style="margin-top:0; color: #2E8B57; font-size: 1.4em;"><span style="background-color: #2E8B57; color: white; border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 10px;">1</span>Création de votre compte</h3>
<p style="color: #654321;">Vous devez d'abord créer un compte OMPI, puis demander votre accès au concours.</p><a href="https://confluence.wipo.int/confluence/x/CZfPYQ" target="_blank" style="background: linear-gradient(45deg, #D2691E, #B8860B); color: white; padding: 15px 25px; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 1em; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: inline-block; min-width: 200px;">
📝 Demander Accès
</a>
<a href="mailto:project.dtidgi@wipo.int" style="background: linear-gradient(45deg, #8B4513, #CD853F); color: white; padding: 15px 25px; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 1em; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: inline-block; min-width: 200px;">
📞 Nous Contacter
</a>
</div>
</div>
</div>
<!-- SECTION 1: Le Guide Pas à Pas -->
<div style="border: 1px solid #3CB371; border-radius: 12px; margin-bottom: 30px; box-shadow: 0 4px 8px rgba(46,139,87,0.05); overflow: hidden;">
<div style="background: linear-gradient(135deg, #2E8B57, #3CB371); color: white !important; padding: 15px 20px;">
<h2 style="margin: 0; font-size: 1.6em; color: white !important;">🚀 Comment Participer : Le Guide en 3 Étapes Clés</h2>
</div>
<div style="padding: 20px; line-height: 1.6; background-color: #F0FFF4;">
<p style="color: #2E8B57; font-weight: bold; font-size: 1.1em;">Pour garantir la sécurité et la traçabilité de votre participation, il est nécessaire de suivre les trois étapes ci-dessous dans l'ordre.</p>
<!-- Étape 1 -->
<div style="background: #E8F5E9; padding: 20px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #3CB371;">
<h3 style="margin-top:0; color: #2E8B57; font-size: 1.4em;"><span style="background-color: #2E8B57; color: white; border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 10px;">1</span>Création de votre compte</h3>
<p style="color: #654321;">Vous devez d'abord créer un compte OMPI, puis demander votre accès au concours.</p>
<ol style="padding-left: 20px; color: #654321;">
<li style="margin-bottom: 10px;"><strong><a href="https://www3.wipo.int/wipoaccounts/generic/public/register.xhtml?lang=fr" target="_blank" style="color: #0052CC; font-weight: bold; text-decoration: none;">Créez votre compte OMPI</a> :</strong> Validez votre compte via l'email de confirmation (pensez à vérifier vos spams).</li>
<li style="margin-bottom: 10px;"><strong><a href="https://confluence.wipo.int/confluence/x/CZfPYQ" target="_blank" style="color: #0052CC; font-weight: bold; text-decoration: none;">Demandez votre accès au concours</a> :</strong> Une fois votre compte OMPI actif, demandez l'accès à la plateforme du concours.</li>
</ol>
<ol style="padding-left: 20px; color: #654321;">
</div>
<!-- Étape 2 -->
<li style="margin-bottom: 10px;"><strong><a href="https://www3.wipo.int/wipoaccounts/generic/public/register.xhtml?lang=fr" target="_blank" <div style="colorbackground: #0052CC#FFF8E1; font-weightpadding: bold20px; textborder-decorationradius: none8px;">Créez votremargin: compte OMPI</a> :</strong> Validez votre compte via l'email de confirmation (pensez à vérifier vos spams).</li>
20px 0; border-left: 4px solid #F39C12;">
<h3 style="margin-top:0; color: #D2691E; font-size: 1.4em;"><span style="background-color: #D2691E; color: white; border-radius: 50%; width: <li style="margin-bottom30px; height: 10px30px;"><strong><a href="https://confluence.wipo.int/confluence/x/DJLPYQ" target="_blank" style="color: #0052CC; font-weight: bold; text-decoration: none;">Demandez votre accès au concours</a> :</strong> Une fois votre compte OMPI actif, demandez l'accès à la plateforme du concours.</li>
</ol>
display: inline-block; text-align: center; line-height: 30px; margin-right: 10px;">2</span>Activation de l'accès au formulaire</h3>
<p style="color: #654321;">C'est une étape de validation de notre côté pour vérifier que vous n'êtes pas un robot.</p>
</div>
<ul style="padding-left: 20px; color: #654321; list-style-type: '⏳';">
<!-- Étape 2 -->
<div<li style="backgroundmargin-bottom: #FFF8E110px; padding-left: 20px10px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #F39C12;">
"><strong>Veuillez prévoir un délai pouvant aller jusqu'à 24h ouvrées</strong> pour cette activation.</li>
<h3 style="margin-top:0; color: #D2691E; font-size: 1.4em;"><span <li style="backgroundmargin-colorbottom: #D2691E10px; colorpadding-left: white; border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 10px;">2</span>Activation de l'accès au formulaire</h3>
10px;">Après ce délai, vous devrez vérifier vous-même si l'accès au formulaire est fonctionnel.</li>
</ul>
</div>
<p style="color: #654321;">C'est une étape de validation de
notre côté pour vérifier que vous n'êtes pas un robot.</p>
<!-- Étape 3 -->
<ul<div style="background: #E8F5E9; padding-left: 20px; border-radius: 20px8px; colormargin: #65432120px 0; list-styleborder-typeleft: '⏳' 4px solid #3CB371;">
<h3 style="margin-top:0; color: #2E8B57; <lifont-size: 1.4em;"><span style="margin-bottombackground-color: #2E8B57; color: 10pxwhite; padding-left: 10px;"><strong>Veuillez prévoir un délai pouvant aller jusqu'à 24h ouvrées</strong> pour cette activation.</li>border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 10px;">3</span>Soumission de votre proposition</h3>
<li<p style="margin-bottomcolor: 10px#654321; padding-left: 10px;">Après ce délai, vous devrez vérifier vous-même si l'accès au formulaire est fonctionnel.</li>
"><strong>Une fois votre accès autorisé</strong>, vous pouvez soumettre votre logo.</p>
<ol style="padding-left: 20px; color: #654321;">
</ul>
<li </div>
style="margin-bottom: 10px;">Cliquez sur le lien suivant pour accéder au formulaire : <a href="https://confluence.wipo.int/confluence/x/CZfPYQ" target="_blank" style="color: #0052CC; font-weight: bold;">Formulaire de Soumission Officiel</a>.</li>
<!-- Étape 3 -->
<div<li style="background: #E8F5E9; padding: 20px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #3CB371;">
<h3 style="margin-top:0; color: #2E8B57; font-size: 1.4em;"><span style="background-color: #2E8B57; color: white; border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 10px;">3</span>Soumission de votre proposition</h3>
<p style="color: #654321;"><strong>Une fois votre accès autorisé</strong>, vous pouvez soumettre votre logo.</p>-bottom: 10px;">Remplissez toutes les sections et téléchargez les fichiers de votre logo.</li>
<li style="margin-bottom: 10px;">Une fois le formulaire envoyé, votre participation est enregistrée. Bonne chance !</li>
</ol>
</div>
<ol style="padding-left: 20px; color: #654321;"> </div>
</div>
<!-- SECTION 2: Questions Fréquemment Posées -->
<li<div style="margin-bottomborder: 10px;">Cliquez sur le lien suivant pour accéder au formulaire : <a href="https://confluence.wipo.int/confluence/x/DJLPYQ" target="_blank" style="color: #0052CC; font-weight: bold;">Formulaire de Soumission Officiel</a>.</li>
1px solid #D4A574; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 4px 8px rgba(139,69,19,0.05); overflow: hidden;">
<div style="background: linear-gradient(135deg, #8B4513, #CD853F); color: white !important; padding: 15px 20px;">
<li<h2 style="margin-bottom: 10px;">Remplissez toutes les sections et téléchargez les fichiers de votre logo.</li>
: 0; font-size: 1.6em; color: white !important;">💬 Questions Fréquemment Posées (FAQ)</h2>
</div>
<div style="padding: 20px; line-height: 1.6; background-color: #FFFDF7;">
<li style="margin-bottom: 10px;">Une fois le formulaire envoyé, votre participation est enregistrée. Bonne chance !</li>
<h4 style="color: #8B4513;">Questions Techniques et Processus</h4>
</ol>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: </div>
10px;">
</div>
</div>
<!-- SECTION 2: Questions Fréquemment Posées -->
<div style="border: 1px solid #D4A574; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 4px 8px rgba(139,69,19,0.05); overflow: hidden;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">Pourquoi créer un compte OMPI et demander mon accès au formulaire ?</summary>
<div style="backgroundmargin-top: linear-gradient(135deg, #8B4513, #CD853F)10px; colorborder-top: white !important1px solid #D4A574; padding-top: 15px 20px10px;">
<p>Le <strong>compte OMPI</strong> est le <h2 style="margin: 0; font-size: 1.6em; color: white !important;">💬 Questions Fréquemment Posées (FAQ)</h2>
</div>
<div style="padding: 20px; line-height: 1.6; background-color: #FFFDF7;">système d'authentification général de l'organisation. La <strong>demande d'accès au concours</strong> est spécifique à cette plateforme et permet aux administrateurs de vous accorder des permissions précises, notamment l'accès à la page sécurisée du formulaire de soumission.</p>
</div>
<h4 style="color: #8B4513;">Questions Techniques et Processus<</h4>details>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">Pourquoi>📧 créerJe unn'ai comptepas OMPIreçu etl'email demanderde monvalidation accèsOMPI, auque formulairefaire ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<p>C'est une situation <p>Lequi <strong>compte OMPI</strong> est le système d'authentification général de l'organisation. La <strong>demande d'accès au concours</strong> est spécifique à cette plateforme et permet aux administrateurs de vous accorder des permissions précises, notamment l'accès à la page sécurisée du formulaire de soumission.</p>
peut arriver. Voici les étapes à suivre :</p>
<ul style="list-style-type: '• '; padding-left: 20px;">
</div>
<li>Vérifiez attentivement votre dossier de <strong>spams / courriers indésirables</strong>.</details>li>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<li>Attendez quelques minutes. Parfois, les serveurs d'email ont un <summary style="font-weight: bold; color: #8B4513; cursor: pointer;">📧 Je n'ai pas reçu l'email de validation OMPI, que faire ?</summary>
peu de retard.</li>
<li>Si le problème persiste, contactez-nous pour <div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
que nous puissions vérifier.</li>
</ul>
<p>C'est une situation qui peut arriver. Voici les étapes à suivre :</p>div>
</details>
<ul <details style="list-style-type: '• '; padding-left: 20pxbackground: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<summary style="font-weight: bold; color: #8B4513; <li>Vérifiez attentivement votre dossier de <strong>spams / courriers indésirables</strong>.</li>cursor: pointer;">🕒 Puis-je modifier ma soumission après l'avoir envoyée ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; <li>Attendez quelques minutes. Parfois, les serveurs d'email ont un peu de retard.</li>
padding-top: 10px;">
<p>Non. Une fois que votre proposition est soumise <li>Sivia le problème persisteformulaire, contactez-nouselle pourest queconsidérée nouscomme puissions vérifier.</li>
</ul>finale et ne peut plus être modifiée. Nous vous conseillons de bien vérifier tous les éléments avant de cliquer sur "Envoyer".</p>
</div>
</details>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">🕒>🤐 Puis-je parler modifierde ma soumissionparticipation sur aprèsles l'avoirréseaux envoyéesociaux ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<p>Non. Une fois que<p>Vous votreêtes propositionlibre estde soumisementionner viavotre leparticipation formulaire,au elleconcours. estCependant, considéréeconformément commeà finalel'article et11 nedu peutrèglement, plusvous êtredevez modifiée.garder Nousvotre vous conseillons de bien vérifier tous les éléments avant de cliquer sur "Envoyer"création <strong>confidentielle</strong>. Ne montrez pas votre logo publiquement avant l'annonce officielle des résultats.</p>
</div>
</details>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">🤐 Puis-je parler de ma participation sur les réseaux sociaux >🎯 Que se passe-t-il si je suis finaliste mais pas lauréat ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<p>Faire partie des <p>Vous3 êtesfinalistes libreest dedéjà mentionnerune votrebelle participationreconnaissance au! concours.Votre Cependant,création conformémentsera àmise l'articleen 11avant dulors règlement,de vousla devezcommunication garderautour votredu création <strong>confidentielle</strong>. Ne montrez pas votre logo publiquement avant l'annonce officielle des résultatsconcours, ce qui est une excellente visibilité pour votre travail et votre portfolio.</p>
</div>
</details>
<!-- FAQ – Confidentialité des données et soumissions -->
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px20px;">
border: 1px solid #D4A574;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">🎯 Que se passe-t-il si je suis finaliste mais pas lauréat ?</summary>
-weight: bold; color: #8B4513; cursor: pointer; font-size: 1.1em;">
🔒 Comment garantissons‑nous la confidentialité de vos données et soumissions ?
</summary>
<div style="margin-top: 10px; line-height: 1.6; color: #654321; border-top: 1px solid #D4A574; padding-top: 10px;">
<ul style="padding-left: 20px; margin: 10px 0;">
<li><strong>Cadre </strong> : nous respectons strictement <p>Fairela partieprotection des 3données finalistesà est déjà une belle reconnaissance ! Votre création sera mise en avant lors de la communication autour du concours, ce qui est une excellente visibilité pour votre travail et votre portfolio.</p>
</div>
</details>
caractère personnel.</li>
<li><strong>Chiffrement</strong> : toutes les données et fichiers soumis via le formulaire sécurisé.</li>
<li><strong>Contrôles d’accès</strong> : seuls les membres du jury, du secrétariat et les représentants de la FEPROKA‑CI peuvent consulter les soumissions.</li>
</ul>
<p>Aucun tiers non autorisé, ni le grand public, n’a accès à vos créations avant la séance de délibération finale.</p>
</div>
</details>
<h4 style="color: #8B4513; margin-top: 30px;">Droits et Propriété Intellectuelle</h4>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">🔐 Que deviennent mes droits si je gagne ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<p>Si vous êtes désigné lauréat, la situation est la suivante :</p>
<ul style="list-style-type: '• '; padding-left: 20px;">
<li>Vous <strong>cédez vos droits patrimoniaux</strong> (droits d'exploitation, de reproduction, d'adaptation) à la FEPROKA-CI.</li>
<li>Vous <strong>conservez vos droits moraux</strong> (le droit d'être reconnu comme l'auteur de l'œuvre).</li>
<li>En contrepartie de cette cession, vous recevez le <strong>prix de 450 000 FCFA</strong> et une reconnaissance officielle.</li>
</ul>
</div>
</details>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">👤 Mes "droits moraux", qu'est-ce que c'est exactement ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<p>Le droit moral est une partie fondamentale du droit d'auteur. Il est perpétuel et ne peut vous être retiré. Il comprend principalement :</p>
<ul style="list-style-type: '• '; padding-left: 20px;">
<li><strong>Le droit à la paternité :</strong> C'est le droit d'être reconnu comme l'auteur du logo.</li>
<li><strong>Le droit au respect de l'œuvre :</strong> Votre création ne peut pas être modifiée d'une manière qui porterait atteinte à votre honneur ou à votre réputation.</li>
</ul>
</div>
</details>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">✏️ La FEPROKA-CI peut-elle modifier mon logo si je gagne ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<p>Oui, mais dans un cadre bien défini. Des <strong>modifications mineures</strong> sont autorisées pour des besoins techniques (ajustements de taille, de format, de couleur pour l'impression, etc.). Pour toute <strong>modification substantielle</strong> qui altérerait le cœur de votre création, votre accord sera nécessaire.</p>
</div>
</details>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">📝 Dois-je signer un contrat si je gagne ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<p>Non, il n'y a pas de contrat séparé à signer. Le fait de participer au concours en acceptant les conditions du règlement vaut contrat entre vous et les organisateurs. Le règlement constitue le cadre juridique de votre participation et de la cession des droits en cas de victoire.</p>
</div>
</details>
</div>
</div>
<!-- SECTION 3: Actions Rapides -->
<div style="border: 1px solid #D4A574; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 4px 8px rgba(139,69,19,0.05); overflow: hidden;">
<div style="background: linear-gradient(135deg, #694E34, #8B4513); color: white !important; padding: 15px 20px;">
<h2 style="margin: 0; font-size: 1.6em; color: white !important;">🚀 Actions Rapides</h2>
</div>
<div style="padding: 30px; line-height: 1.6; background-color: #FFFDF7; text-align: center;">
<div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;">
<a href="https://www3.wipo.int/wipoaccounts/generic/public/register.xhtml?lang=fr" target="_blank" style="background: linear-gradient(45deg, #2E8B57, #3CB371); color: white; padding: 15px 25px; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 1em; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: inline-block; min-width: 200px;">
🏠 Créer Compte OMPI
</a>
<a href="#https://confluence.wipo.int/confluence/x/CZfPYQ" style="background: linear-gradient(45deg, #D2691E, #B8860B); color: white; padding: 15px 25px; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 1em; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: inline-block; min-width: 200px;">
📝 Demander Accès
</a>
<a href="mailto:project.dtidgi@wipo.int" style="background: linear-gradient(45deg, #8B4513, #CD853F); color: white; padding: 15px 25px; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 1em; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: inline-block; min-width: 200px;">
📞 Nous Contacter
</a>
</div>
</div>
</div>
</div>
|
...