...
| 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; <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>
</div>
<!-- Étape 2 -->
<div style="background: #FFF8E1; padding: 20px; border-radius: 8px; margin: 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: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 10px;">1<>2</span>Créationspan>Activation de votre compte</h3>
<p style="color: #654321;">Vous devez d'abord créer un compte OMPI, puis demander votre l'accès au concours.<formulaire</p>h3>
<ol<p 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>color: #654321;">C'est une étape de validation de notre côté pour vérifier que vous n'êtes pas un robot.</p>
<ul style="padding-left: 20px; color: #654321; list-style-type: '⏳';">
<li style="margin-bottom: 10px; padding-left: 10px;"><strong>Demandez votre accès au concours en cliquant :</strong> Une fois votre compte OMPI actif, demandez l'accès à la plateforme du concours. Cette action notifiera automatiquement les administrateurs du concours.</li>
</ol>><strong>Veuillez prévoir un délai pouvant aller jusqu'à 24h ouvrées</strong> pour cette activation.</li>
<li style="margin-bottom: 10px; padding-left: 10px;">Après ce délai, vous devrez vérifier vous-même si l'accès au formulaire est fonctionnel.</li>
</div>
ul>
<!-- Étape 2 -->
/div>
<div style="background: #FFF8E1; padding: 20px; border-radius: 8px; margin: 20px 0; border<!--left: 4pxÉtape solid #F39C12;"3 -->
<h3 style="margin-top:0; color: #D2691E; font-size: 1.4em;"><span <div style="background-color: #D2691E#E8F5E9; colorpadding: white20px; border-radius: 50%8px; widthmargin: 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>
20px 0; border-left: 4px solid #3CB371;">
<h3 style="margin-top:0; color: #2E8B57; <pfont-size: 1.4em;"><span style="background-color: #654321;">C'est une étape de validation de notre côté pour vérifier que vous n'êtes pas un robot.</p>
#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>
<ul style="padding-left: 20px; <p style="color: #654321; list-style-type: '⏳';">
"><strong>Une fois votre accès autorisé</strong>, vous pouvez soumettre votre logo.</p>
<li<ol style="marginpadding-bottomleft: 10px20px; padding-leftcolor: 10px;"><strong>Veuillez prévoir un délai pouvant aller jusqu'à 24h ouvrées</strong> pour cette activation.</li>#654321;">
<li style="margin-bottom: 10px; padding-left: 10px;">Après ce délai, vous devrez vérifier vous-même si l'accès au formulaire est fonctionnel.</li>
</ul>
</div>">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 style="background: #E8F5E9; padding: 20px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #3CB371;">
<li style="margin-bottom: 10px;">Remplissez toutes les sections et téléchargez les fichiers de votre logo.</li>
<h3<li style="margin-topbottom: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> 10px;">Une fois le formulaire envoyé, votre participation est enregistrée. Bonne chance !</li>
</ol>
</div>
</div>
</div>
<!-- <p style="color: #654321;"><strong>Une fois votre accès autorisé</strong>, vous pouvez soumettre votre logo.</p>
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;">
<ol<div style="padding-left: 20px; color: #654321background: linear-gradient(135deg, #8B4513, #CD853F); color: white !important; padding: 15px 20px;">
<li<h2 style="margin-bottom: 10px0;">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> font-size: 1.6em; color: white !important;">💬 Questions Fréquemment Posées (FAQ)</h2>
</div>
<li<div style="margin-bottompadding: 10px20px;">Remplissez toutes les sections et téléchargez les fichiers de votre logo.</li>
line-height: 1.6; background-color: #FFFDF7;">
<li<h4 style="margin-bottomcolor: 10px#8B4513;">Une fois le formulaire envoyé, votre participation est enregistrée. Bonne chance !</li>
>Questions Techniques et Processus</h4>
<details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
</ol>
<summary style="font-weight: bold; color: </div>
</div>
</div>
<!-- SECTION 2: Questions Fréquemment Posées -->
#8B4513; cursor: pointer;">Pourquoi créer un compte OMPI et demander mon accès au formulaire ?</summary>
<div style="bordermargin-top: 1px solid #D4A57410px; border-radiustop: 12px; margin-bottom: 25px1px solid #D4A574; boxpadding-shadow: 0 4px 8px rgba(139,69,19,0.05); overflow: hiddentop: 10px;">
<div style="background: linear-gradient(135deg, #8B4513, #CD853F); color: white !important; padding: 15px 20px;">
<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>Le <strong>compte OMPI</strong> <p>C'est leune systèmesituation d'authentificationqui général de l'organisationpeut arriver. LaVoici <strong>demande d'accès au concours</strong> est spécifiqueles étapes à 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>
suivre :</p>
<ul style="list-style-type: '• '; </div>padding-left: 20px;">
</details>
<li>Vérifiez attentivement votre <details style="background: #FDF5E6; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
dossier de <strong>spams / courriers indésirables</strong>.</li>
<summary style="font-weight: bold; color: #8B4513; cursor: pointer;">📧 Je n'ai pas reçu l<li>Attendez quelques minutes. Parfois, les serveurs d'email deont validationun OMPI,peu que faire ?de retard.</summary>
li>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<li>Si le problème persiste, contactez-nous pour 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; cursor: pointer;">🕒 Puis-je <li>Vérifiezmodifier attentivementma votresoumission dossieraprès del'avoir <strong>spams / courriers indésirables</strong>.envoyée ?</li>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 modifierparler de ma participation soumissionsur aprèsles l'avoirréseaux envoyéesociaux ?</summary>
<div style="margin-top: 10px; border-top: 1px solid #D4A574; padding-top: 10px;">
<p>Vous <p>Non.êtes Unelibre foisde quementionner votre propositionparticipation estau soumiseconcours. viaCependant, leconformément formulaire, elle est considérée comme finale et ne peut plus être modifiée. Nous vous conseillons de bien vérifier tous les éléments avant de cliquer sur "Envoyer"à l'article 11 du règlement, vous devez garder votre 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 <p>Vousdes 3 ê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>
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 3 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>
données à 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> VotreC'est nomle seradroit toujoursd'être associéreconnu àcomme lal'auteur création 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>
|
...