templates/Accueil/Besoindaide.html.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3.  * Autheur:Marweni Marwen
  4.  * Email:Marwenimarwen63@gmail.com
  5.  * Date de création :13/1/2020
  6.  * Description: Page 5 sur 5
  7. */#}
  8. {% extends 'Accueil/layoutAccueil.html.twig' %}
  10. {% block LinksCss %}
  11.     {{ parent() }}
  12.     <link href="{{ asset ('css/Parent/css/layoutparent.css')}}" type="text/css" rel="stylesheet" >
  13.     <link href="{{ asset ('Accueil/css/besoinaide.css')}}" type="text/css" rel="stylesheet">
  14.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
  16.     <style>
  17.         .accordion-item .accordion-title.active-title {
  18.             font-family :'Montserrat-Bold';
  19.         }
  22.     </style> 
  23. {% endblock %}
  24. {%block Head %}
  25.     {{ parent() }}
  26. {% endblock %}
  27. {% block Header %}
  28.     {% if app.user %}
  30.         {{ render(controller('App\\Controller\\EspaceParentController::headerparenrt')) }}
  31.         <style>
  32.             @media (max-width: 1200px) {
  34.                 .imageLogo {
  35.                     width: 145px !important;
  36.                     height: 80.7px !important;
  37.                     margin-left: 49px !important;
  38.                     margin-top: -20px;
  39.                     bottom: 0px !important;
  40.                 }
  41.             }</style>
  42.         {% else %}
  43.             {{ render(controller('App\\Controller\\AccueilController::header')) }}
  44.         <style>
  45.             @media (max-width: 1200px) {
  47.                 .imageLogo {
  48.                     width: 145px !important;
  49.                     height: 80.7px !important;
  50.                     margin-left: 49px !important;
  51.                     margin-top: -20px;
  52.                     bottom: 45px !important;
  53.                 }
  54.             }</style>
  55.         {% endif %}
  56.     {% endblock %}
  59. {% block Content %}
  60.     <div class="parent">
  61.         <div class="row no-margin">
  62.             <div class="col-xl-10 col-md-10  col-sm-10 col-xs-10 " style="margin: auto;">
  63.                 <div class="row no-margin">
  64.                     <div class="titlebesoin col-md-6 no-padding"> 
  65.                         <img class="iconbesoin" src="/images/besoinvert.svg" >
  66.                         <h3  class="titrebesoin">Besoin d'aide ? </h3>
  67.                     </div>
  68.                     <div class="titlebesoin2 col-md-6 no-padding"> 
  69.                         <a href="tel:+33 5 36 28 29 30"> <img class="iconbesoin2 col-md-3 no-padding" src="/images/iconcasque.svg" > </a>
  70.                         <div  class="titrebesoin2 col-md-9 no-padding"> <a href="tel:+33 5 36 28 29 30" >Si vous ne trouvez pas la réponse à votre question n'hesitez pas à nous contacter.</a> </div>
  71.                     </div>
  72.                 </div>
  75.                 <div class="row no-margin">
  76.                     <div class="col-xl-12 col-md-12 col-sm-11 col-xs-11 no-padding accordions"> 
  77.                         <div class="bordder">
  78.                             <div  class="titree" style="margin-top:2%">Parent(s) « 5 sur 5 séjour »  </div> 
  79.                         </div> 
  82.                         <div class="bordder accordion-item">
  83.                             <div   data-tab="question1" class=" accordion-title titree1">Comment puis-je accéder à mon espace personnel ?  </div>
  84.                             <div class="reponse accordion-content"  id="question1">  
  85.                                 <div  class="titree2">Munissez vous de votre identifiant –votre adresse email- et de votre mot de passe que vous avez choisi
  86.                                     lors de votre inscription. En cas d’oubli, sachez qu’un email récapitulatif vous a été envoyé par 5sur5séjour. Vous avez également 
  87.                                     la possibilité de renseigner un nouveau mot de passe, en cliquant sur «mot de passe oublié» </div>
  88.                             </div>
  89.                         </div>
  90.                         <div class="bordder accordion-item">
  91.                             <div    data-tab="question2" class=" accordion-title titree1"> Dois-je nécessairement créer un compte ? </div> 
  92.                             <div class="reponse accordion-content"  id="question2">  
  93.                                 <div  class="titree2">Oui. Cela permet de sécuriser l’accès aux contenus, et protéger ainsi l’intégrité des enfants.</div>
  94.                             </div>
  95.                         </div>
  96.                         <div class="bordder accordion-item" style="display:none">
  97.                             <div   data-tab="question3" class=" accordion-title titree1"> A quoi correspondent les 2,90 € dont je dois m’acquitter ? </div> 
  98.                             <div class="reponse accordion-content"  id="question3">  
  99.                                 <div  class="titree2">Cela vous permet de consulter, de façon illimitée, et pendant deux mois, l’ensemble des contenus 
  100.                                     relatifs à un seul séjour.  </div>
  101.                             </div>   
  102.                         </div>
  103.                         <div class="bordder accordion-item">
  104.                             <div   data-tab="question4" class=" accordion-title titree1"> Puis-je avoir accès à plusieurs séjours sur mon compte ? </div> 
  105.                             <div class="reponse accordion-content"  id="question4">  
  106.                                 <div  class="titree2"> Oui. Depuis votre compte utilisateur, il suffit de renseigner le code du séjour dont vous souhaitez 
  107.                                     consulter les images, messages.</div>
  108.                             </div>
  109.                         </div>
  110.                         <div class="bordder accordion-item">
  111.                             <div   data-tab="question5" class=" accordion-title titree1"> Comment puis-je consulter les contenus déposés par l’accompagnateur.trice? </div> 
  112.                             <div class="reponse accordion-content"  id="question5">  
  113.                                 <div  class="titree2">Pour accéder à tous les contenus de 5sur5Séjour de façon illimitée et sans engagement, connectez-vous à votre espace 
  114.                                     personnel, renseignez le code séjour communiqué par l’accompagnateur.trice, réglez 2,90 € et le tour est joué ! (Cet accès peut être 
  115.                                     offert par un de nos partenaires voyagistes ou un CSE).</div>
  116.                             </div>
  117.                         </div>
  118.                         <div class="bordder accordion-item" style="display:none">
  119.                             <div   data-tab="question6" class=" accordion-title titree1"> J’ai créé mon compte mais je n’arrive pas à payer.  </div> 
  120.                             <div class="reponse accordion-content"  id="question6">  
  121.                                 <div  class="titree2"> L’accompagnateur.trice n’a peut-être encore rien posté. Le paiement n’est possible, en effet, 
  122.                                     qu’après une première publication. En revanche, si ce problème persiste alors que du contenu a déjà été mis en ligne,
  123.                                     contactez-nous au <a href="tel:+33 5 36 28 29 30">05 36 28 29 30</a> ou par email à <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a>.</div>
  124.                             </div>    </div>
  125.                         <div class="bordder accordion-item">
  126.                             <div   data-tab="question7" class=" accordion-title titree1"> L’accompagnateur.trice de mon enfant n’a encore rien posté.  </div> 
  127.                             <div class="reponse accordion-content"  id="question7">  
  128.                                 <div  class="titree2"> Cela ne devrait plus trop tarder. Sachez que 5sur5Séjour veille à ce que l’accompagnateur.trice ne vous laisse
  129.                                     pas sans nouvelle trop longtemps. Encore un peu de patience...<br> 5sur5Séjour autorisera les paiements que lorsque
  130.                                     l’accompagnateur.trice aura déposé au moins un message et/ou une image.</div>
  131.                             </div>   </div>
  132.                         <div class="bordder accordion-item">
  133.                             <div   data-tab="question9" class=" accordion-title titree1"> Comment puis-je contacter l’accompagnateur.trice ? </div> 
  134.                             <div class="reponse accordion-content"  id="question9">  
  135.                                 <div  class="titree2"> Vous pouvez lui envoyer un message depuis notre plateforme, uniquement en cas d’oubli du code séjour. 
  136.                                     Pour toute autre demande, veuillez utiliser l’adresse email ou le numéro de téléphone communiqué au préalable par l’organisateur du voyage.</div>
  137.                             </div>    </div>
  138.                         <div class="bordder accordion-item"> 
  139.                             <div   data-tab="question10" class=" accordion-title titree1"> Comment puis-je ajouter des photos personnelles ? </div> 
  140.                             <div class="reponse accordion-content"  id="question10"> 
  141.                                 <div  class="titree2">   Pour créer un album souvenirs unique, composé de vos propres photos et de celles prises par l’accompagnateur.trice, il 
  142.                                     suffit d’appuyer sur «ajouter  mes  propres  photos» dans  «mes  créations». Une fois vos images téléchargées, vous pouvez les 
  143.                                     utiliser comme vous l’entendez. Important, les autres familles et les organisateurs n’ont pas accès à ces nouvelles photos. </div>
  144.                             </div>   </div>
  145.                         <div class="bordder accordion-item">
  146.                             <div   data-tab="question11" class=" accordion-title titree1"> Puis-je modifier l’album accompagnateur ? </div> 
  147.                             <div class="reponse accordion-content"  id="question11">  
  148.                                 <div  class="titree2"> Oui. L’album accompagnateur n’est qu’un canevas. Vous pouvez ajouter des photos personnelles, en supprimer, 
  149.                                     en changer la disposition, incorporer des clip-arts... Un album personnalisé que vous seul pouvez consulter.</div>
  150.                             </div>
  152.                         </div>
  153.                         <div class="bordder accordion-item">
  154.                             <div   data-tab="question12" class=" accordion-title titree1"> Combien de temps les photos / messages sont-ils conservés ? </div> 
  155.                             <div class="reponse accordion-content"  id="question12">  
  156.                                 <div  class="titree2"> 60 jours à compter de la date du retour de votre enfant. Une fois cette date passée, les photos, vidéos et
  157.                                     messages ne sont plus consultables.</div>
  158.                             </div>
  160.                         </div>
  161.                         <div class="bordder accordion-item">
  162.                             <div   data-tab="question13" class=" accordion-title titree1">Puis-je demander la suppression d’une photo ou d’un message ? </div> 
  163.                             <div class="reponse accordion-content"  id="question13">  
  164.                                 <div  class="titree2"> Oui. Et cela dans plusieurs cas. Si le contenu concerne votre enfant, et que vous vous y opposez, s’il heurte
  165.                                     la sensibilité ou qu’il est contraire aux bonnes mœurs et à l’ordre public.</div>
  166.                             </div>
  168.                         </div>
  169.                         <div class="bordder accordion-item">
  170.                             <div   data-tab="question14" class=" accordion-title titree1"> Je ne souhaite pas que mon enfant apparaisse sur les photos.  </div> 
  171.                             <div class="reponse accordion-content"  id="question14">  
  172.                                 <div  class="titree2">Pour cela, il suffit de nous écrire à l’adresse <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a>, 
  173.                                     en nous indiquant le code séjour auquel votre enfant participe, les photos sur lesquelles il apparaît. Nous les supprimerons,
  174.                                     et toutes les informations le concernant le cas échéant.</div>
  175.                             </div>
  177.                         </div>
  178.                         <div class="bordder accordion-item">
  179.                             <div   data-tab="question15" class=" accordion-title titree1"> Qui a accès aux contenus postés par l’accompagnateur.trice ? </div> 
  180.                             <div class="reponse accordion-content"  id="question15">  
  181.                                 <div  class="titree2"> Uniquement les familles, en possession d’un compte personnel et d’un code séjour. Elles n’auront accès 
  182.                                     qu’aux contenus du code séjour renseigné.</div>
  183.                             </div>
  185.                         </div>
  186.                         <div class="bordder accordion-item">
  187.                             <div   data-tab="question16" class=" accordion-title titree1"> Quel cadeau offrir? </div> 
  188.                             <div class="reponse accordion-content"  id="question16">  
  189.                                 <div  class="titree2"> Le livre souvenir ainsi que la box rétro ont été spécialement conçus pour cela. Toutefois, le coffret cadeau
  190.                                     vous permettra d’offrir l’album ou encore le calendrier avec tout autant d’élégance.</div>
  191.                             </div>
  193.                         </div>
  194.                         <div class="bordder accordion-item">
  195.                             <div   data-tab="question17" class=" accordion-title titree1"> Puis-je faire livrer à des proches un produit 5sur5Séjour à leur domicile ? <br>
  196.                                 Puis-je faire livrer un produit 5sur5Séjour à une autre adresse que la mienne ? </div> 
  197.                             <div class="reponse accordion-content"  id="question17">  
  198.                                 <div  class="titree2">Oui. Il suffit de le préciser lors de la commande dans la partie «adresse de livraison » .</div>
  199.                             </div>
  201.                         </div>
  203.                         <div class="bordder accordion-item">
  204.                             <div   data-tab="question18" class=" accordion-title titree1"> Dois-je payer des frais de port ? </div> 
  205.                             <div class="reponse accordion-content"  id="question18">  
  206.                                 <div  class="titree2"> La livraison vous est offerte en France Métropolitaine, toutefois vous pouvez choisir un envoi en lettre suivie,
  207.                                     plus rapide et plus sûr et rajouter 1€.</div>
  208.                             </div>
  210.                         </div>
  212.                         <div class="bordder accordion-item">
  213.                             <div   data-tab="question19" class=" accordion-title titree1"> Je vis à l’étranger ou souhaite faire livrer mon souvenir à l’étranger,
  214.                                 comment dois-je faire?</div> 
  215.                             <div class="reponse accordion-content"  id="question19">  
  216.                                 <div  class="titree2"> Saisissez l’adresse d’envoi souhaitée, 3€ supplémentaire vous seront demandés.</div>
  217.                             </div>
  219.                         </div>
  220.                         <div class="bordder accordion-item">
  221.                             <div   data-tab="question20" class=" accordion-title titree1"> Quel est le délai de livraison ? </div> 
  222.                             <div class="reponse accordion-content"  id="question20">  
  223.                                 <div  class="titree2"> Le délai de livraison est variable suivant le mode d’envoi et la destination. <br> 
  224.                                     Ecopli (- 250g) : 4 jours ouvrés environ ( France uniquement ) <br> 
  225.                                     Lettre verte (+ 250g): 2 jours ouvrés ( France Métropolitaine ), 4 à 7 jours ouvrés (DOM-TOM).<br> 
  226.                                     Lettre suivie: 2 jours ouvrés ( France Métropolitaine ), environ 3 jours ouvrés ( principales villes européennes ).</div>
  227.                             </div>
  229.                         </div>
  233.                     </div>
  234.                     <div class="col-xl-5 col-md-5  col-sm-11 col-xs-11 no-padding " style="display:none"> 
  235.                         <div class="bordder">
  236.                             <div  class="titree"> ACCOMPAGNATEUR.TRICE  </div>
  238.                         </div>  
  240.                         <div class="bordder accordion-item">
  241.                             <div   data-tab="question21" class=" accordion-title titree1"> Comment puis-je transmettre aux familles le code séjour ? </div> 
  242.                             <div class="reponse accordion-content"  id="question21">  
  244.                                 <div  class="titree2"> En transférant l’email que vous avez vous-même reçu de 5sur5Séjour où il vous y était précisé 
  245.                                     ( Attention: veillez à ne pas envoyer celui contenant votre mot de passe confidentiel).<br>
  246.                                     En le communiquant via le cahier de liaison de l’enfant.<br>
  247.                                     En transmettant aux parents un document PDF fourni par 5sur5Séjour à votre demande.</div>
  248.                             </div>  
  249.                         </div>
  250.                         <div class="bordder accordion-item">
  251.                             <div   data-tab="question22" class=" accordion-title titree1"> Que faire en cas de perte de mon code séjour ? </div> 
  252.                             <div class="reponse accordion-content"  id="question22"> 
  253.                                 <div  class="titree2">Contactez l’équipe 5sur5Séjour par téléphone au <a href="tel:+33 5 36 28 29 30">05 36 28 29 30</a> 
  254.                                     ou par email à <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a>.</div>
  255.                             </div>  
  256.                         </div>
  257.                         <div class="bordder accordion-item">
  258.                             <div   data-tab="question23" class=" accordion-title titree1"> Comment puis-je enregistrer les messages ? </div> 
  259.                             <div class="reponse accordion-content"  id="question23">  
  260.                                 <div  class="titree2"> Connectez vous à votre espace Accompagnateur. Appuyez sur «enregistrer un message». 
  261.                                     Vous pouvez l’écouter et le réenregistrer autant que vous le souhaitez. 
  262.                                     Une fois satisfait.e. du résultat, mettez le en ligne en appuyant sur «publier».</div>
  263.                             </div> 
  264.                         </div>
  265.                         <div class="bordder accordion-item">
  266.                             <div   data-tab="question24" class=" accordion-title titree1"> Combien de messages puis-je enregistrer ? </div> 
  267.                             <div class="reponse accordion-content"  id="question24">  
  268.                                 <div  class="titree2">Le nombre est illimité. La durée de chaque message ne peut excéder cinq minutes. </div>
  269.                             </div>  
  270.                         </div>
  271.                         <div class="bordder accordion-item">
  272.                             <div   data-tab="question25" class=" accordion-title titree1"> Comment puis-je télécharger mes photos  ? </div> 
  273.                             <div class="reponse accordion-content"  id="question25">  
  274.                                 <div  class="titree2">Connectez vous à votre espace Accompagnateur. Appuyez sur «déposer mes photos ou vidéos» puis sur «Images», 
  275.                                     puis «select files». Sélectionnez directement depuis votre smartphone ou de votre ordinateur, les images à télécharger. </div>
  276.                             </div>   
  277.                         </div>
  278.                         <div class="bordder accordion-item">
  279.                             <div   data-tab="question26" class=" accordion-title titree1"> Comment puis-je télécharger mes vidéos ? </div> 
  280.                             <div class="reponse accordion-content"  id="question26">  
  281.                                 <div  class="titree2">Connectez vous à votre espace Accompagnateur. Appuyez sur «déposer mes photos ou vidéos» puis sur «Vidéos», 
  282.                                     puis «Upload». Sélectionnez directement depuis votre smartphone ou de votre ordinateur, les vidéos à télécharger. </div>
  283.                             </div>   </div>
  284.                         <div class="bordder accordion-item">
  285.                             <div   data-tab="question27" class=" accordion-title titree1"> Puis-je télécharger mes photos et mes vidéos en même temps ?  </div> 
  286.                             <div class="reponse accordion-content"  id="question27">  
  287.                                 <div  class="titree2"> Non. Il faut au préalable dans la rubrique «déposer mes photos ou vidéos», choisir le type de fichier .</div>
  288.                             </div>
  289.                         </div>
  290.                         <div class="bordder accordion-item">
  291.                             <div   data-tab="question29" class=" accordion-title titree1"> Mes photos ne se localisent pas sur la carte. </div> 
  292.                             <div class="reponse accordion-content"  id="question29">  
  293.                                 <div  class="titree2">   Certaines coordonnées GPS ne sont pas reconnues. Aussi il vous suffit d’entrer une localisation et 
  294.                                     d’y associer une photo. Cela permettra aux parents de voir sur la carte l’endroit et les activités que vous avez faites.</div>
  295.                             </div>   </div>
  296.                         <div class="bordder accordion-item">
  297.                             <div   data-tab="question30" class=" accordion-title titree1"> Quel est le nombre maximum de photos téléchargeables ? </div> 
  298.                             <div class="reponse accordion-content"  id="question30"> 
  299.                                 <div  class="titree2"> Il est illimité. En revanche, nous vous conseillons de les poster par cent au maximum pour éviter un trop long 
  300.                                     temps d’attente de téléchargement.</div>
  301.                             </div>   </div>
  302.                         <div class="bordder accordion-item">
  303.                             <div   data-tab="question31" class=" accordion-title titree1"> Comment puis-je recevoir mon album cadeau ? </div> 
  304.                             <div class="reponse accordion-content"  id="question31"> 
  305.                                 <div  class="titree2">Créez- le, commandez-le, renseignez l’adresse de livraison de votre choix et voilà ! <br>
  306.                                     À noter que 5sur5Séjour vous offre un album par code séjour.</div>
  307.                             </div>
  309.                         </div>
  310.                         <div class="bordder accordion-item">
  311.                             <div   data-tab="question32" class=" accordion-title titree1"> Qu’est-ce qu’un album accompagnateur ? </div> 
  312.                             <div class="reponse accordion-content"  id="question32"> 
  313.                                 <div  class="titree2"> C’est l’album que vous créez à partir des photos prises pendant le séjour. Une fois que vous l’aurez sauvegardé, 
  314.                                     il sera proposé aux familles qui pourront le modifier et le commander si elles le souhaitent. Pour vous, c’est cadeau.</div>
  315.                             </div>
  317.                         </div>
  319.                         <div class="bordder accordion-item">
  320.                             <div   data-tab="question33" class=" accordion-title titree1"> Comment puis-je supprimer l’un de mes photos,  vidéos ou messages? </div> 
  321.                             <div class="reponse accordion-content"  id="question33"> 
  322.                                 <div  class="titree2"> Sélectionnez la photo que vous souhaitez retirer, appuyez sur l’icône poubelle et validez avec la touche «supprimer».</div>
  323.                             </div>
  325.                         </div>
  326.                         <div class="bordder accordion-item">
  327.                             <div   data-tab="question34" class=" accordion-title titree1"> Je n’ai pas de micro sur mon ordinateur, comment puis-je enregistrer des messages?</div> 
  328.                             <div class="reponse accordion-content"  id="question34"> 
  329.                                 <div  class="titree2"> Dans ce cas, utilisez votre smartphone.</div>
  330.                             </div>
  332.                         </div> 
  333.                         <div class="bordder accordion-item">
  334.                             <div   data-tab="question35" class=" accordion-title titree1"> Je n’ai pas de connexion internet... </div> 
  335.                             <div class="reponse accordion-content"  id="question35"> 
  336.                                 <div  class="titree2"> Une personne de votre entourage peut sans doute partager sa connexion. Il suffit dans le menu du smartphone de 
  337.                                     choisir «paramètre», «connexions» puis «point d’accès mobile ou modem». Si ce n’est pas
  338.                                     possible, vous posterez vos photos, messages une fois la connexion rétablie.</div>
  339.                             </div>
  341.                         </div>
  343.                         <div class="bordder accordion-item">
  344.                             <div   data-tab="question36" class=" accordion-title titree1"> Puis-je utiliser la plateforme 5sur5Séjour alors que je ne souhaite pas poster de photo ?   </div> 
  345.                             <div class="reponse accordion-content"  id="question36"> 
  346.                                 <div  class="titree2"> Notre système est très simple et rapide d’utilisation, depuis votre smartphone ou d’un ordinateur. Cela serait dommage de
  347.                                     frustrer les familles, heureuses d’avoir des nouvelles de leur enfant via notre plateforme.  N’oubliez pas que nous vous offrons votre
  348.                                     album accompagnateur pour vous aussi garder de jolis souvenirs.</div>
  349.                             </div>
  351.                         </div>
  353.                         <div class="bordder accordion-item">
  354.                             <div   data-tab="question37" class=" accordion-title titree1">  Puis-je utiliser la plateforme 5sur5Séjour alors que je ne souhaite pas poster de messages ?  </div> 
  355.                             <div class="reponse accordion-content"  id="question37"> 
  356.                                 <div  class="titree2">Oui bien évidemment. Sachez tout de même que 70% des parents interrogés se sentent pleinement rassurés lorsqu’ils 
  357.                                     entendent la voix de leur enfant ou de leur accompagnateur.trice. Sans oublier que poster un message depuis votre smartphone ne prend 
  358.                                     que quelques minutes.</div>
  359.                             </div>
  361.                         </div>
  362.                         <div class="bordder accordion-item">
  363.                             <div   data-tab="question38" class=" accordion-title titree1"> Puis-je commander des produits 5sur5Séjour ? </div> 
  364.                             <div class="reponse accordion-content"  id="question38"> 
  365.                                 <div  class="titree2"> Oui. Rendez-vous dans la rubrique «mon panier» afin d’accéder à la totalité des produits proposés par 5sur5Séjour.</div>
  366.                             </div>
  368.                         </div>
  369.                     </div>  
  370.                 </div>
  371.             </div>  
  372.         </div>
  374.         <!-- service_area_end -->
  375.         <div class="row no-margin">
  376.             <div class="optionGroupe col-md-7  col-xs-12 col-sm-12 no-padding" style ="cursor:pointer;">
  377.                 <div class="row no-margin  col-xs-6 col-sm-6 no-padding rowProd">
  378.                     <div class="Produit Groupe col-xs-6 col-sm-6">
  379.                         <h3 class="titreProduit">Nos Produits </h3>
  380.                         <ul style="list-style: none;">
  382.                             {% for produit in produit %}
  383.                                 {% if produit.labeleType!="Connexion" %}
  385.                                     <li class="listeOption">{{produit.labeleType}}</li>
  388.                                 {% endif %}
  389.                             {% endfor %}
  391.                         </ul>
  392.                     </div>
  394.                     <div class="Produit Groupe col-xs-6 col-sm-6">
  396.                         <h3 class="titreProduit">En savoir plus </h3>
  397.                         <ul style="list-style: none;">
  398.                             <li class="listeOption" onclick='location.href = "{{path('album',{'id':'ALL'})}}";'>liste des prix
  399.                             </li>
  400.                             {% if app.user %}
  401.                                 <li class="listeOption">Suivi des commandes</li>
  402.                                 {% endif %}
  403.                         </ul>
  404.                     </div>
  405.                 </div>
  406.                 <div class="row no-margin  col-xs-6 col-sm-6 no-padding rowProd">
  408.                     <div class="Produit Groupe col-xs-6 col-sm-6">
  409.                         <h3 class="titreProduit titrePayemet">Option de paiement </h3>
  410.                         <img class="payement" src="/images/SVG/Optionde paiement.svg">
  411.                     </div>
  412.                     <div class="Produit Groupe col-xs-6 col-sm-6" style='text-align:center;'>
  413.                         <h3 class="titreProduit titrePayemet">Retrouvez-nous  </h3>
  414.                         <a class="liensociaux" target="_blank" href="https://www.instagram.com/5sur5sejour/?hl=fr"><img class="linked" src="/images/IconInsta.png"></a>
  415.                         <a class="liensociaux" target="_blank" href="https://www.facebook.com/5sur5sejour-100176545867454"><img class="facebook" src="/images/fbk.svg"></a>
  416.                     </div>
  417.                 </div>
  418.             </div>
  419.         </div>
  420.     </div>
  421. {% endblock %}
  424. {% block Footer %}
  425.     {{ parent() }}
  426. {% endblock %}
  427. {% block javascript %}
  428.     {{ parent() }}
  429.     <script>
  430.         $(document).ready(function () {
  431.             $(".accordion-title").click(function (e) {
  432.                 var accordionitem = $(this).attr("data-tab");
  433.                 $("#" + accordionitem).slideToggle().parent().siblings().find(".accordion-content").slideUp();
  435.                 $(this).toggleClass("active-title");
  436.                 $("#" + accordionitem).parent().siblings().find(".accordion-title").removeClass("active-title");
  438.                 $("i.fa-chevron-down", this).toggleClass("chevron-top");
  439.                 $("#" + accordionitem).parent().siblings().find(".accordion-title i.fa-chevron-down").removeClass("chevron-top");
  440.             });
  442.         });
  444.     </script>
  445. {% endblock %}