templates/faq/faqs-fr.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain "faq-new" %}
  4. {% block title %} {% trans %}Foire aux questions{% endtrans %} | {% trans %}SpeakyPlanet{% endtrans %} {% endblock %}
  6. {% block pageTitle %}{% trans %}Foire aux questions{% endtrans %}{% endblock %}
  8. {% block stylesheets %}
  9.     {{ parent() }}
  10.     
  11. <style>
  12.     .menu .item {
  13.         display: block;
  14.         width: 30%;
  15.         float: left;
  16.         text-align: center;
  17.         background-color: #eaf7fd;
  18.         color: #0071bc;
  19.         border-radius: 5px;
  20.         margin: 10px 14px;
  21.         padding: 10px 0;
  22.         text-decoration: none;
  23.     }
  24.     
  25.     .menu .item:hover, .menu .item.selected {
  26.         background-color: #f28431;
  27.         color: #ffffff;
  28.     }
  29.     
  30.     .blueSection {
  31.         display: none;
  32.     }
  33.     
  34.     .blueSection.selected {
  35.         display: block;
  36.     }
  37.     
  38.     #linkContact {
  39.         background: transparent url('{{ asset('bundles/spfront/images/pressContact.jpg') }}') no-repeat 0 0;
  40.         width: 210px;
  41.         height: 91px;
  42.         text-align: center;
  43.         color: #0071BC;
  44.         padding: 30px 70px 10px 10px;
  45.         margin: 30px auto;
  46.         font-weight: bold;
  47.     }
  48.     
  49.     .blueSection .infoSection .contentInfo ul li p, .blueSection .infoSection .contentInfo ol li p {
  50.         padding: 0.3em;
  51.     }
  52.     
  53.     .blueSection .infoSection .contentInfo ul, .blueSection .infoSection .contentInfo ol{
  54.         margin: 0 0 1em;
  55.     }
  57.     .blueSection .infoSection {
  58.         color: #0071BC;
  59.         margin-bottom: 4px;
  60.         border-style: solid;
  61.         border-width: 1px;
  62.         border-color: #FFFFFF;
  63.     }
  65.     .blueSection .infoSection.expanded {
  66.         border-color: #B7E9F9;
  67.     }
  69.     .blueSection .infoSection .titleInfo {
  70.         padding: 0 6px 6px 0;
  71.         background-color: #E8F5FB;
  72.         cursor: pointer;
  73.     }
  75.     .blueSection .infoSection .titleInfo p {
  76.         color: #0071BC;
  77.         padding: 6px 0 0 10px;
  78.         margin: 0;
  79.     }
  81.     .blueSection .infoSection .contentInfo p {
  82.         padding: 10px 10px 13px 10px;
  83.         text-align: justify;
  84.         margin: 0;
  85.     }
  87.     .blueSection .infoSection .contentInfo ul, .blueSection .infoSection .contentInfo ol {
  88.         margin: 0 0 1em;
  89.     }
  91.     .blueSection .infoSection .contentInfo ul li p, .blueSection .infoSection .contentInfo ol li p {
  92.         padding: 0.3em;
  93.     }
  94.     
  95.     @media screen and (max-width: 1024px) {
  96.         .menu .item {
  97.             width: 45%;
  98.         }
  99.     }
  100.     
  101.     @media screen and (max-width: 768px) {
  102.         .menu .item {
  103.             width: 90%;
  104.             float: none;
  105.             margin: 4px auto;
  106.         }
  107.     }
  108.     
  109. </style>
  110. {% endblock %}
  113. {% block javascripts %}
  114.     {{ parent() }}
  115.     <script type="text/javascript">
  116.     <!--
  117.         $(document).ready(function () {
  118.             $('.blueSection .titleInfo').click(function () {
  119.                 var infos = $(this).closest('.infoSection');
  120.                 $('.contentInfo', infos).slideToggle();
  121.                 $(infos).toggleClass('expanded');
  123.                 var section = $(this).closest('.blueSection');
  124.                 if ($('.contentInfo:hidden', section).length > 0)
  125.                 {
  126.                     $('.toggleArrow', section).removeClass('expanded');
  127.                     $('.toggleAll', section).html('tout afficher');
  128.                 }else{
  129.                     $('.toggleArrow', section).addClass('expanded');
  130.                     $('.toggleAll', section).html('tout cacher');
  131.                 }
  132.             });
  134.             $('.blueSection .titleSection').click(function () {
  135.                 var section = $(this).closest('.blueSection');
  136.                 if ($('.contentInfo:hidden', section).length > 0)
  137.                 {
  138.                     $('.contentInfo', section).slideDown();
  139.                     $('.infoSection', section).addClass('expanded');
  140.                     $('.toggleArrow', section).addClass('expanded');
  141.                     $('.toggleAll', section).html('tout cacher');
  142.                 }else{
  143.                     $('.contentInfo', section).slideUp();
  144.                     $('.infoSection', section).removeClass('expanded');
  145.                     $('.toggleArrow', section).removeClass('expanded');
  146.                     $('.toggleAll', section).html('tout afficher');
  147.                 }
  148.             });
  150.             $('.menu a.item').click(function() {
  152.                 var index = $('.menu a.item').index(this) + 1;
  153.                 console.log(index);
  154.                 console.log('.blueSection:nth-child('+ index +')');
  155.                 $('.blueSection').removeClass('selected');
  156.                 $('div.blueSection:nth-child('+ index +')').addClass('selected');
  158.                 $('.menu a.item').removeClass('selected');
  159.                 $(this).addClass('selected');
  160.                 
  161.                 return false;
  162.             });
  163.         });
  164.     //-->
  165.     </script>
  166. {% endblock %}
  168. {% block body %}
  171. <div id="faqsPage">
  172.     
  173.     <h3>Votre question concerne :</h3>
  174.     <div class="menu clearfix">
  175.         <a class="item selected" href="#">Les abonnements</a>
  176.         <a class="item" href="#">Les chèques-cadeaux</a>
  177.         <a class="item" href="#">Mon compte SpeakyPlanet</a>
  178.         <a class="item" href="#">Questions générales</a>
  179.         <a class="item" href="#">Un problème sur le site</a>
  180.         <a class="item" href="#">Un problème sur l'application</a>
  181.         <div class="clear"></div>
  182.     </div>
  183.     <br/><br/>
  184.     
  185.     <div>
  186.     <div class="blueSection selected">
  187.         <div class="infoSection">
  188.             <div class="titleInfo"><p><strong>Quelles sont les conditions d’abonnement ?</strong></p></div>
  189.             <div class="contentInfo" style="display: none">
  190.                 <p>
  191.                 Nous proposons 2 formules d'abonnement :
  192.                 </p>
  193.                 <ul>
  194.                     <li><p>Abonnement mensuel prélevé tous les mois</p></li>
  195.                     <li><p>Abonnement semestriel prélevé tous les 6 mois</p></li>
  196.                 </ul>
  197.                 <p>
  198.                 Ces abonnements sont reconduits automatiquement. La résiliation se fait via ce <a href="{{ url('front_unsubscribe') }}">lien</a> au moins 7 jours avant la date de renouvellement.
  199.                 </p>
  200.                 <p>
  201.                 La résiliation est alors effective à la fin de la période d'engagement en cours.
  202.                 </p>
  203.                 <p>
  204.                     Attention, si vous vous êtes abonné à l’application SpeakyPlanet en passant par l’Appstore (Apple IOS) ou le Playstore (Google Android), vous devez vous désabonner directement à partir des réglages de votre compte personnel sur  le store en question.
  205.                 </p>
  206.             </div>
  207.         </div>
  208.         <div class="infoSection">
  209.             <div class="titleInfo"><p><strong>J'ai une remise, comment faire pour en bénéficier ?</strong></p></div>
  210.             <div class="contentInfo" style="display: none">
  211.                 <p>Deux solutions s'offrent à vous :</p>
  212.                 <ul>
  213.                     <li><p><u>Vous possédez un code promo :</u><br/>Le code promo est à saisir sur la page des prix (au moment où vous choisissez votre formule d’abonnement) dans le champ <b>« Utilisez un code promo »</b>.<br/><br/>N’oubliez pas de cliquer sur OK : vous verrez alors le prix remisé.</p></li>
  214.                     <li><p><u>Vous avez reçu une offre par e-mail :</u><br/>Il suffit simplement de cliquer sur le lien de l'e-mail dans lequel le code promo est déjà intégré.</p></li>
  215.                 </ul>
  216.             </div>
  217.         </div>
  218.         <div class="infoSection">
  219.             <div class="titleInfo"><p><strong>Quelles sont les conditions liées aux remises/codes promo ?</strong></p></div>
  220.             <div class="contentInfo" style="display: none">
  221.                 <p>Si vous utilisez un code promo, vous bénéficierez d'une remise sur le prix de l'abonnement. Ces remises ne concernent que l'abonnement semestriel s'il est souscrit sur le site internet. Aucune réduction n'est possible sur l'application.</p>
  222.                 <p>Une fois que vous avez souscrit un abonnement, le montant prélevé ne pourra être modifié. Vous profiterez ainsi de la même réduction tant que votre abonnement ne sera pas interrompu.</p>
  223.             </div>
  224.         </div>
  225.         <div class="infoSection">
  226.             <div class="titleInfo"><p><strong>La garantie « Satisfait ou remboursé sous 48h », comment cela fonctionne ?</strong></p></div>
  227.             <div class="contentInfo" style="display: none">
  228.                 <p>Pour profiter de la garantie "Satisfait ou remboursé sous 48h", il suffit de souscrire à l'abonnement de votre choix.</p>
  229.                 <p>Si vous êtes satisfait(e), vous n'avez rien à faire et l'abonnement continuera son cours.</p> 
  230.                 <p>En revanche, si vous n'êtes pas satisfait(e), envoyez-nous un e-mail dans les 48h suivant le paiement et nous vous rembourserons l'intégralité de l'abonnement.</p>
  231.                 <p>Cette garantie « Satisfait ou remboursé sous 48h » ne s’applique pas sur les chèques-cadeaux, ni sur les abonnements souscrits sur l’application via l’App Store, le Play Store, ou l’Amazon AppStore. Elle concerne uniquement les abonnements pris sur le site internet.</p>
  232.             </div>
  233.         </div>
  234.         <div class="infoSection">
  235.             <div class="titleInfo"><p><strong>Avec un abonnement, à quoi mon enfant va-t-il avoir accès ?</strong></p></div>
  236.             <div class="contentInfo" style="display: none">
  237.                 <p>Lorsque vous vous abonnez à SpeakyPlanet, vous aurez accès à l’ensemble des contenus à la fois sur le site internet <a href="http://www.speakyplanet.fr">www.speakyplanet.fr</a> via un ordinateur et sur l’application via une tablette et/ou smartphone.</p>
  238.                 <p>Il suffira simplement de se connecter avec le pseudo et le mot de passe choisis lors de l'inscription.</p> 
  239.             </div>
  240.         </div>
  241.         <div class="infoSection">
  242.             <div class="titleInfo"><p><strong>J'ai plusieurs enfants, faut-il que je prenne plusieurs abonnements ?</strong></p></div>
  243.             <div class="contentInfo" style="display: none">
  244.                 <p>Il n'est pas possible de créer plusieurs profils avec un abonnement.</p>
  245.                 <p>Vos enfants peuvent se partager un seul abonnement même s'ils ont des niveaux différents. En revanche, en ayant un abonnement, ils se partageront toutes les fonctionnalités (avatar à personnaliser, carnet de médailles, speakos, etc.). </p> 
  246.                 <p>S'ils veulent avoir chacun leur profil avec leur propre avatar, il faudra souscrire d'autres abonnements avec des adresses e-mails différentes.</p> 
  247.             </div>
  248.         </div>
  249.     </div>
  250.     
  251.     <div class="blueSection">
  252.         <div class="infoSection">
  253.             <div class="titleInfo"><p><strong>Je souhaite acheter un chèque-cadeau, dois-je renseigner mes informations personnelles ou celles de la personne à qui je vais l'offrir ?</strong></p></div>
  254.             <div class="contentInfo" style="display: none">
  255.                 <p>Renseignez vos informations personnelles (adresse e-mail, etc…). </p>
  256.                 <p>Vous recevrez alors par e-mail la facture à votre nom et le chèque-cadeau. Il faudra ensuite transmettre ou imprimer le chèque-cadeau.</p>
  257.                 <p>C'est la personne à qui vous l'offrez qui activera son compte avec ses informations personnelles.</p>
  258.             </div>
  259.         </div>
  260.         <div class="infoSection">
  261.             <div class="titleInfo"><p><strong>Lorsque j'achète un code-cadeau, l'abonnement commence-t-il tout de suite ?</strong></p></div>
  262.             <div class="contentInfo" style="display: none">
  263.                 <p>L'abonnement commence à partir du moment où le code-cadeau sera activé. Aucune journée de perdue !</p>
  264.             </div>
  265.         </div>
  266.         <div class="infoSection">
  267.             <div class="titleInfo"><p><strong>J'ai acheté un chèque-cadeau, comment faire pour l'activer ?</strong></p></div>
  268.             <div class="contentInfo" style="display: none">
  269.                 <p>Rendez-vous sur la page suivante : <a href="http://www.speakyplanet.fr/cadeau.html">www.speakyplanet.fr/cadeau.html</a></p>
  270.                 <ul>
  271.                     <li><p><u>Si vous avez déjà un compte</u>, cliquez sur « Déjà inscrit sur SpeakyPlanet ? », connectez-vous puis saisissez le code-cadeau.</p></li>
  272.                     <li><p><u>Si vous n'avez pas de compte</u>, cliquez sur « Nouveau sur SpeakyPlanet ? ». Choisissez un pseudo et un mot de passe. N'oubliez pas de saisir le code-cadeau dans le champ « Code-cadeau » prévu à cet effet.</p></li>
  273.                 </ul>
  274.             </div>
  275.         </div>
  276.         <div class="infoSection">
  277.             <div class="titleInfo"><p><strong>Y-a-t-il une date de validité sur les chèques-cadeaux ?</strong></p></div>
  278.             <div class="contentInfo" style="display: none">
  279.                 <p>Il n'y a pas de date de validité. Les codes-cadeaux peuvent être validés à n'importe quel moment.</p>
  280.             </div>
  281.         </div>
  282.     </div>
  283.     
  284.     <div class="blueSection">
  285.         <div class="infoSection">
  286.             <div class="titleInfo"><p><strong>Comment faire pour changer mon mot de passe ?</strong></p></div>
  287.             <div class="contentInfo" style="display: none">
  288.                 <p>Pour changer le mot de passe, connectez-vous avec vos identifiants actuels et cliquez sur le lien suivant : </p>
  289.                 <p><a href="http://www.speakyplanet.fr/changement-mot-de-passe.html">http://www.speakyplanet.fr/changement-mot-de-passe.html</a></p>
  290.             </div>
  291.         </div>
  292.         <div class="infoSection">
  293.             <div class="titleInfo"><p><strong>Comment faire pour changer mon pseudo ?</strong></p></div>
  294.             <div class="contentInfo" style="display: none">
  295.                 <p>Vous n'avez pas la possibilité de changer le pseudo. Si vous souhaitez le changer, <a href="{{ url('front_contact') }}">contactez-nous par e-mail</a> en précisant le pseudo actuel et le nouveau. </p>
  296.                 <p>N'hésitez pas à en proposer plusieurs au cas où le pseudo souhaité serait déjà utilisé.</p>
  297.             </div>
  298.         </div>
  299.         <div class="infoSection">
  300.             <div class="titleInfo"><p><strong>Comment changer mes coordonnées bancaires ?</strong></p></div>
  301.             <div class="contentInfo" style="display: none">
  302.                 <p>Nous n'avons pas accès à vos coordonnées bancaires pour des raisons de confidentialité. Il n'est donc pas possible de les changer.</p>
  303.                 <p>Pour les modifier, nous devons mettre fin à votre abonnement. Vous pourrez alors procéder à un réabonnement avec votre nouvelle carte bancaire à la fin de votre abonnement en cours.<br/>Si vous êtes dans ce cas, <a href="{{ url('front_contact') }}">contactez-nous par e-mail</a>. </p>
  304.             </div>
  305.         </div>
  306.         <div class="infoSection">
  307.             <div class="titleInfo"><p><strong>Comment faire pour résilier l'abonnement ?</strong></p></div>
  308.             <div class="contentInfo" style="display: none">
  309.                 <p>La manipulation est différente si vous avez pris l'abonnement sur le site internet ou sur l'application.</p>
  310.                 <ul>
  311.                     <li>
  312.                         <p><u>Si vous avez pris l'abonnement sur le site internet</u>, <a href="{{ url('front_unsubscribe') }}">cliquez sur ce lien</a>.</p>
  313.                     </li>
  314.                     <li>
  315.                         <p><u>Si vous avez souscrit un abonnement sur l'application via votre compte Apple (iPhone/iPad) :</u></p>
  316.                         <ol>
  317.                             <li><p>rendez-vous dans les réglages de votre tablette</p></li>
  318.                             <li><p>appuyez sur <b>iTunes Store et App Store</b></p></li>
  319.                             <li><p>appuyez sur <b>Identifiant Apple</b></p></li>
  320.                             <li><p>choisissez <b>Afficher l'identifiant Apple</b></p></li>
  321.                             <li><p>cliquez sur <b>Abonnement</b></p></li>
  322.                             <li><p>cliquez sur l’abonnement que vous voulez résilier, puis cliquez sur <b>Annuler l’abonnement</b>.</p></li>
  323.                         </ol>
  324.                     </li>
  325.                     <li>
  326.                         <p><u>Si vous avez souscrit un abonnement sur l'application Android :</u></p>
  327.                         <ol>
  328.                             <li><p>Accédez à la page suivante : <a target="_blank" href="https://play.google.com/store/account">https://play.google.com/store/account</a></p></li>
  329.                             <li><p>Sur le côté gauche de votre écran, cliquez sur <b>Factures et comptes</b></p></li>
  330.                             <li><p>Sélectionnez l'abonnement que vous voulez annuler, puis cliquez sur <b>Annuler l'abonnement</b></p></li>
  331.                         </ol>
  332.                     </li>
  333.                     <li>
  334.                         <p><u>Si vous avez souscrit un abonnement sur l'application via votre compte Amazon :</u></p>
  335.                         <ol>
  336.                             <li><p>Accédez à la page suivante : <a target="_blank" href="https://www.amazon.fr/gp/mas/your-account/myapps/yoursubscriptions/ref=mas_ya_subs">https://www.amazon.fr/gp/mas/your-account/myapps/yoursubscriptions/ref=mas_ya_subs</a></p></li>
  337.                             <li><p>Sélectionnez l'abonnement que vous voulez annuler, puis désactivez le renouvellement automatique.</b></p></li>
  338.                         </ol>
  339.                     </li>
  340.                 </ul>
  341.             </div>
  342.         </div>
  343.         <div class="infoSection">
  344.             <div class="titleInfo"><p><strong>Comment reconduire mon abonnement ?</strong></p></div>
  345.             <div class="contentInfo" style="display: none">
  346.                 <p><u>Si vous avez réglé par carte bancaire ou Paypal</u>, vous n'avez pas à intervenir : les abonnements sont tous reconduits automatiquement.</p>
  347.                 <p><u>Si vous avez réglé par chèque ou virement bancaire</u>, vous devez nous contacter pour reconduire votre abonnement.<br/>Notez que les abonnements pris sous forme de chèques-cadeaux ne sont pas, eux, reconduits automatiquement.
  348.                 </p>
  349.             </div>
  350.         </div>
  351.         <div class="infoSection">
  352.             <div class="titleInfo"><p><strong>Comment changer de formule d'abonnement ?</strong></p></div>
  353.             <div class="contentInfo" style="display: none">
  354.                 <p>Pour changer de formule d'abonnement, nous devons mettre fin à votre abonnement. Vous pourrez alors procéder à un réabonnement sur une nouvelle formule à la fin de votre abonnement en cours. Si vous êtes dans ce cas, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  355.             </div>
  356.         </div>
  357.         <div class="infoSection">
  358.             <div class="titleInfo"><p><strong>Comment consulter mes factures ?</strong></p></div>
  359.             <div class="contentInfo" style="display: none">
  360.                 <p>Vous pouvez consulter vos factures en cliquant sur le lien suivant : </p>
  361.                 <p><a href="{{ url('front_user_bills') }}">Mes factures</a></p>
  362.             </div>
  363.         </div>
  364.     </div>
  365.     
  366.     <div class="blueSection">
  367.         <div class="infoSection">
  368.             <div class="titleInfo"><p><strong>A quel âge peut-on commencer à jouer sur SpeakyPlanet ?</strong></p></div>
  369.             <div class="contentInfo" style="display: none">
  370.                 <p>Pour une utilisation sur un ordinateur, nos jeux sont adaptés pour les enfants à partir de 6 ans car il faut savoir manier la souris et le clavier.</p>
  371.                 <p>Pour une utilisation sur une tablette, nos jeux conviennent très bien à partir de 4 ans.</p>
  372.             </div>
  373.         </div>
  374.         <div class="infoSection">
  375.             <div class="titleInfo"><p><strong>Je suis enseignant, puis-je utiliser SpeakyPlanet en classe avec mes élèves ? </strong></p></div>
  376.             <div class="contentInfo" style="display: none">
  377.                 <p>Oui, c'est possible. De nombreuses écoles ont franchi le pas. Pour plus d'informations, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  378.             </div>
  379.         </div>
  380.     </div>
  381.     
  382.     <div class="blueSection">
  383.         <div class="infoSection">
  384.             <div class="titleInfo"><p><strong>Les jeux ne s'affichent pas sur le site ?</strong></p></div>
  385.             <div class="contentInfo" style="display: none">
  386.                 <p>Cela peut venir de votre navigateur internet. Mettez le à jour ou essayez d'en utiliser un différent.</p>
  387.                 <p>Si le problème persiste, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  388.             </div>
  389.         </div>
  390.         <div class="infoSection">
  391.             <div class="titleInfo"><p><strong>Je suis abonné mais je n'arrive pas à me connecter ?</strong></p></div>
  392.             <div class="contentInfo" style="display: none">
  393.                 <p>Les jeux SpeakyPlanet sont disponibles sur ordinateur en vous connectant sur le site avec votre pseudo et votre mot de passe.</p>
  394.                 <p>Ils sont aussi disponibles sur tablette et smartphone en téléchargeant l'application gratuite sur l'App Store, le Play Store et l’Amazon AppStore.</p>
  395.                 <p>Pour télécharger l'application, il suffit de vous rendre sur le lien suivant à partir de support mobile : </p>
  396.                 <ul>
  397.                     <li>
  398.                         <p>si vous êtes sur une tablette iPad, <a href="https://itunes.apple.com/fr/app/speakyplanet/id948600134">cliquez ici</a>.</p>
  399.                     </li>
  400.                     <li>
  401.                         <p>si vous êtes sur une tablette Android, <a href="https://play.google.com/store/apps/details?id=air.com.speakyplanet">cliquez ici</a>.</p>
  402.                     </li>
  403.                     <li>
  404.                         <p>si vous êtes sur un support Amazon, <a href="https://www.amazon.fr/SpeakyPlanet/dp/B01MZI4P2B">cliquez ici</a>.</p>
  405.                     </li>
  406.                 </ul>
  407.             </div>
  408.         </div>
  409.         <div class="infoSection">
  410.             <div class="titleInfo"><p><strong>J'entre mon mot de passe et on me dit qu'il est incorrect, comment faire ?</strong></p></div>
  411.             <div class="contentInfo" style="display: none">
  412.                 <p>Pensez à bien vérifier que vous avez bien saisi les majuscules, les minuscules ou chiffres. Si vous ne vous souvenez plus de votre mot de passe ou si vous voulez le modifier, <a href="{{ url('front_contact') }}">cliquez ici</a>.</p>
  413.             </div>
  414.         </div>
  415.         <div class="infoSection">
  416.             <div class="titleInfo"><p><strong>Mon adresse e-mail est déjà utilisée.</strong></p></div>
  417.             <div class="contentInfo" style="display: none">
  418.                 <p>Si vous essayez de vous inscrire et qu'un message d'erreur indique que votre adresse e-mail est déjà utilisée, cela signifie que vous l'avez déjà saisie pour vous enregistrer. </p>
  419.                 <p>Il faut donc vous connecter avec le pseudo et le mot de passe associés à cette adresse e-mail afin que le site reconnaisse que vous avez déjà un compte. Cliquez ensuite sur « J'inscris mes enfants ».</p>
  420.                 <p>Notez que vous ne pouvez inscrire qu'un pseudo par adresse e-mail. Si vous souhaitez créer un nouveau profil, utilisez une autre adresse e-mail.</p>
  421.             </div>
  422.         </div>
  423.     </div>
  424.     
  425.     <div class="blueSection">
  426.         <div class="infoSection">
  427.             <div class="titleInfo"><p><strong>Je suis abonné mais je n'arrive pas à me connecter ?</strong></p></div>
  428.             <div class="contentInfo" style="display: none">
  429.                 <p>Si vous vous êtes abonné sur le site internet, il suffit de saisir le pseudo et le mot de passe. </p>
  430.                 <p>Si vous vous êtes abonné sur l’application, le choix des identifiants se fait avant la souscription. Si vous n’avez pas eu l’occasion de choisir vos identifiants, il faut sauvegarder votre abonnement : </p>
  431.                 <ol>
  432.                     <li>
  433.                         <p>rendez-vous dans <b>Le coin des parents</b></p>
  434.                     </li>
  435.                     <li>
  436.                         <p>cliquez sur <b>Paramètres</b></p>
  437.                     </li>
  438.                     <li>
  439.                         <p>cliquez sur <b>Sauvegarder</b> en bas de l’écran</p>
  440.                     </li>
  441.                     <li>
  442.                         <p>il vous sera alors demandé de choisir un pseudo et un mot de passe</p>
  443.                     </li>
  444.                 </ol>
  445.                 <p>Si le problème persiste, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  446.             </div>
  447.         </div>
  448.         <div class="infoSection">
  449.             <div class="titleInfo"><p><strong>J'entre mon mot de passe et on me dit qu'il est incorrect, comment faire ?</strong></p></div>
  450.             <div class="contentInfo" style="display: none">
  451.                 <p>Pensez à bien vérifier que vous avez bien saisi les majuscules, les minuscules ou chiffres. Si vous ne vous souvenez plus de votre mot de passe ou si vous voulez le modifier, <a href="{{ url('front_contact') }}">cliquez ici</a>.</p>
  452.             </div>
  453.         </div>
  454.         <div class="infoSection">
  455.             <div class="titleInfo"><p><strong>J'ai un écran blanc ou noir lorsque je lance l'application.</strong></p></div>
  456.             <div class="contentInfo" style="display: none">
  457.                 <p>Nous vous invitons à désinstaller et à réinstaller l'application.</p>
  458.                 <p>N'hésitez pas à éteindre et à redémarrer votre appareil.</p>
  459.                 <p>Vérifiez la capacité de stockage et la version de la tablette et/ou du smartphone.</p>
  460.                 <p>Vérifiez si la dernière mise à jour de l’application a été installée :</p>
  461.                 <ol>
  462.                     <li>
  463.                         <p>rendez-vous dans <b>Le coin des parents</b></p>
  464.                     </li>
  465.                     <li>
  466.                         <p>cliquez sur <b>Paramètres</b></p>
  467.                     </li>
  468.                     <li>
  469.                         <p>cliquez sur <b>Mettre à jour</b></p>
  470.                     </li>
  471.                 </ol>
  472.                 <p>Si le problème persiste, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  473.             </div>
  474.         </div>
  475.         <div class="infoSection">
  476.             <div class="titleInfo"><p><strong>Je souhaite utiliser SpeakyPlanet sur smartphone et/ou tablette, comment faire ?</strong></p></div>
  477.             <div class="contentInfo" style="display: none">
  478.                 <p>Les jeux SpeakyPlanet sont disponibles sur l'application téléchargeable gratuitement.</p>
  479.                 <ul>
  480.                     <li>
  481.                         <p>si vous avez un iPhone et/ou un iPad, <a href="https://itunes.apple.com/fr/app/speakyplanet/id948600134">cliquez ici</a>.</p>
  482.                     </li>
  483.                     <li>
  484.                         <p>si vous avez un smartphone et/ou une tablette Android, <a href="https://play.google.com/store/apps/details?id=air.com.speakyplanet">cliquez ici</a>.</p>
  485.                     </li>
  486.                     <li>
  487.                         <p>si vous avez une tablette Amazon, <a href="https://www.amazon.fr/SpeakyPlanet/dp/B01MZI4P2B">cliquez ici</a>.</p>
  488.                     </li>
  489.                 </ul>
  490.                 
  491.             </div>
  492.         </div>
  493.         <div class="infoSection">
  494.             <div class="titleInfo"><p><strong>Je veux jouer à un jeu sur l'application mais la flèche « JOUER » ne répond pas.</strong></p></div>
  495.             <div class="contentInfo" style="display: none">
  496.                 <p>Nous vous invitons à relancer l'application. Si le problème persiste, consultez le support technique correspondant :</p>
  497.                 <ul>
  498.                     <li>
  499.                         <p>si vous avez un iPhone et/ou un iPad, <a href="https://support.apple.com/fr-fr/HT201398">cliquez ici</a>.</p>
  500.                     </li>
  501.                     <li>
  502.                         <p>si vous avez un smartphone et/ou une tablette Android, <a href="https://support.google.com/googleplay?hl=fr#topic=3364672">cliquez ici</a>.</p>
  503.                     </li>
  504.                     <li>
  505.                         <p>si vous avez une tablette Amazon, <a href="https://www.amazon.fr/gp/help/customer/display.html/ref=hp_ln_appstore?nodeId=201357410">cliquez ici</a>.</p>
  506.                     </li>
  507.                 </ul>
  508.                 <p>Vérifiez si la dernière mise à jour de l’application a été installée :</p>
  509.                 <ol>
  510.                     <li>
  511.                         <p>rendez-vous dans <b>Le coin des parents</b></p>
  512.                     </li>
  513.                     <li>
  514.                         <p>cliquez sur <b>Paramètres</b></p>
  515.                     </li>
  516.                     <li>
  517.                         <p>cliquez sur <b>Mettre à jour</b></p>
  518.                     </li>
  519.                 </ol>
  520.             </div>
  521.         </div>
  522.         <div class="infoSection">
  523.             <div class="titleInfo"><p><strong>Lorsque je lance l'application, elle se bloque au chargement.</strong></p></div>
  524.             <div class="contentInfo" style="display: none">
  525.                 <p>Nous vous invitons à vérifier la capacité de stockage sur votre appareil.</p>
  526.                 <p>Si le problème persiste, désinstallez et réinstallez l'application. N'hésitez pas à éteindre et à redémarrer votre appareil. Vérifiez la version de la tablette ou du smartphone utilisé.</p>
  527.                 <p>Si le problème persiste, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  528.                 <p>Vérifiez si la dernière mise à jour de l’application a été installée :</p>
  529.                 <ol>
  530.                     <li>
  531.                         <p>rendez-vous dans <b>Le coin des parents</b></p>
  532.                     </li>
  533.                     <li>
  534.                         <p>cliquez sur <b>Paramètres</b></p>
  535.                     </li>
  536.                     <li>
  537.                         <p>cliquez sur <b>Mettre à jour</b></p>
  538.                     </li>
  539.                 </ol>
  540.             </div>
  541.         </div>
  542.         <div class="infoSection">
  543.             <div class="titleInfo"><p><strong>J'ai souscrit un abonnement via l'application (App Store/Play Store/Amazon AppStore) et je n'ai pas de pseudo/mot de passe pour me connecter ?</strong></p></div>
  544.             <div class="contentInfo" style="display: none">
  545.                 <p>Le choix des identifiants se fait avant la souscription.</p>
  546.                 <p>Si vous n’avez pas eu l’occasion de choisir vos identifiants, il faut sauvegarder votre abonnement : </p>
  547.                 <ol>
  548.                     <li><p>rendez-vous dans <b>Le coin des parents</b></p></li>
  549.                     <li><p>cliquez sur <b>Paramètres</b></p></li>
  550.                     <li><p>cliquez sur <b>Sauvegarder</b> en bas de l'écran</p></li>
  551.                     <li><p>il vous sera alors demandé de choisir un pseudo et un mot de passe</p></li>
  552.                 </ol>
  553.                 <p>Si le problème persiste, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  554.             </div>
  555.         </div>
  556.         <div class="infoSection">
  557.             <div class="titleInfo"><p><strong>L'application n'est pas disponible sur le store ?</strong></p></div>
  558.             <div class="contentInfo" style="display: none">
  559.                 <p>L'application est disponible uniquement sur les stores Apple, Android et Amazon :</p>
  560.                 <ul>
  561.                     <li>
  562.                         <p>si vous avez un iPhone et/ou un iPad, <a href="https://itunes.apple.com/fr/app/speakyplanet/id948600134">cliquez ici</a>.</p>
  563.                     </li>
  564.                     <li>
  565.                         <p>si vous avez un smartphone et/ou une tablette Android, <a href="https://play.google.com/store/apps/details?id=air.com.speakyplanet">cliquez ici</a>.</p>
  566.                     </li>
  567.                     <li>
  568.                         <p>si vous avez une tablette Amazon, <a href="https://www.amazon.fr/SpeakyPlanet/dp/B01MZI4P2B">cliquez ici</a>.</p>
  569.                     </li>
  570.                 </ul>
  571.             </div>
  572.         </div>
  573.         <div class="infoSection">
  574.             <div class="titleInfo"><p><strong>L'application n'est pas disponible dans mon pays ?</strong></p></div>
  575.             <div class="contentInfo" style="display: none">
  576.                 <p>L'application SpeakyPlanet est disponible dans le monde entier. Le problème vient de Apple/Google qui bloque certaines applications dans certains pays. Nous n'avons pas de solution pour éviter ce blocage. </p>
  577.                 <p>Si vous avez un ordinateur, vous pouvez accéder aux jeux sur le site internet <a href="{{ url('homepage') }}">www.speakyplanet.fr</a>. </p>
  578.                 <p>Si vous n'avez aucun autre moyen d'y accéder, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  579.             </div>
  580.         </div>
  581.         <div class="infoSection">
  582.             <div class="titleInfo"><p><strong>Si vous rencontrez des problèmes autres concernant l'application.</strong></p></div>
  583.             <div class="contentInfo" style="display: none">
  584.                 <p>Essayez de redémarrer le smartphone et/ou la tablette  et vérifiez les mises à jour de ceux-ci et de l'application.</p>
  585.                 <p>Si le problème persiste, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  586.             </div>
  587.         </div>
  588.     </div>
  589.     
  590.     <div id="linkContact">
  591.         <p>Si vous avez<br/>une autre question, <a href="{{ url('front_contact') }}">contactez-nous</a>.</p>
  592.     </div>
  593.     </div>
  594. </div>
  595. {% endblock %}