The Jury Experience – L'IA meurtrière - Cosquer Méditerranée

* { box-sizing: border-box; } img { max-width: 100%; } .tje-wrap { max-width: 100%; overflow-x: hidden; } .tje-section-title { font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; color: #0f0f0f; margin: 0 0 0.875rem 0; position: relative; padding-bottom: 0.5rem; } .tje-section-title::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 3rem; height: 4px; background: #C8222A; border-radius: 3px; } .tje-label-small { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #8a8a8a; margin: 0 0 0.625rem 0; display: block; } .tje-intro { font-size: 1rem; line-height: 1.7; color: #444; margin: 0 0 1.5rem 0; } .tje-hero-quote { position: relative; padding: 0.75rem 0 0.75rem 1.25rem; margin: 1.5rem 0 1.75rem 0; border-left: 4px solid #C8222A; } .tje-hero-quote p { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; line-height: 1.3; font-weight: 500; font-style: italic; color: #0f0f0f; letter-spacing: -0.01em; } .tje-hero-quote .quote-accent { color: #C8222A; font-style: italic; font-weight: 700; } /* Show the line break only on mobile */ .tje-mobile-break { display: none; } @media (max-width: 48rem) { .tje-mobile-break { display: inline; } } .tje-divider { border: none; border-top: 1px solid #ece9e3; margin: 1.75rem 0; height: 0; } .tje-badges { display: flex; flex-wrap: wrap; gap: 0.4rem 1.1rem; margin-bottom: 1.5rem; } .tje-badge { font-size: 0.7rem; font-weight: 600; color: #0d111d; padding: 0.35rem 0 0.1rem 0; border-top: 2px solid #B01C23; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; } .tje-badge-sep { display: none; } .tje-badge-dark {} .tje-highlights { list-style: none; padding: 0; margin: 0 0 0.5rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; } @media (max-width: 48rem) { .tje-highlights { grid-template-columns: 1fr; } } .tje-highlights li { font-size: 0.95rem; line-height: 1.55; color: #222; padding: 1rem 1.25rem; background: #f5f5f5; border-radius: 0.5rem; border-left: 3px solid #C8222A; display: flex; align-items: center; } .tje-case-card { border: none; border-radius: 0.875rem; padding: 1.25rem 1.5rem 1.5rem; margin-bottom: 0.75rem; background: linear-gradient(160deg, #0d111d 0%, #0b1829 30%, #0a1032 60%, #1a2a5a 80%, #374d87 100%); color: #fff; } .tje-case-card .card-poster { margin: 0 0 1.3rem -0.9rem; text-align: left; font-family: "Arial Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-weight: 900; font-size: 3.7rem; line-height: 0.82; text-transform: uppercase; letter-spacing: -1px; word-spacing: -0.25em; transform: scaleX(0.95); } .tje-case-card .card-description { font-size: 0.92rem; color: #fff; line-height: 1.65; margin: 0; } .tje-warning { margin-top: 1rem; background: #FDF0E0; border: none; border-radius: 0.625rem; padding: 0.875rem 1rem; font-size: 0.82rem; color: #5C3D14; display: flex; gap: 0.625rem; align-items: flex-start; line-height: 1.55; } .tje-steps { display: flex; flex-direction: row; gap: 0.625rem; flex-wrap: nowrap; position: relative; align-items: stretch; margin-top: 0.5rem; } .tje-step { flex: 1; min-width: 0; background: #f5f5f5; border-radius: 0.875rem; padding: 2.5rem 0.875rem 1rem; text-align: center; border: none; position: relative; z-index: 1; margin: 1.125rem 0 0 0; } /* Desktop: dashed connectors between circles (not extending past first/last) */ .tje-step:not(:last-child)::after { content: ""; position: absolute; top: -1px; left: 50%; right: calc(-50% - 0.625rem); height: 2px; background: repeating-linear-gradient(to right, #C8222A 0, #C8222A 6px, transparent 6px, transparent 12px); z-index: 0; } .tje-step-num { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; background: #C8222A; color: #fff; border-radius: 50%; font-size: 0.92rem; font-weight: 800; border: 4px solid #fff; box-shadow: 0 0 0 1px rgba(200, 34, 42, 0.25); position: absolute; top: -1.125rem; left: 50%; transform: translateX(-50%); z-index: 2; } .tje-step .card-title { font-weight: 700; font-size: 0.9rem; margin: 0 0 0.375rem 0; color: #0f0f0f; display: block; } .tje-step .card-description { font-size: 0.78rem; color: #666; margin: 0; line-height: 1.5; display: block; } /* Mobile: stacked vertical with vertical dashed line */ @media (max-width: 48rem) { .tje-steps { flex-direction: column; padding-left: 2.5rem; gap: 0.75rem; } /* Hide desktop horizontal connectors on mobile */ .tje-step:not(:last-child)::after { display: none; } /* Mobile vertical line */ .tje-steps::before { content: ""; position: absolute; top: 1rem; bottom: 1rem; left: 1.125rem; width: 2px; background: repeating-linear-gradient(to bottom, #C8222A 0, #C8222A 6px, transparent 6px, transparent 12px); z-index: 0; } .tje-step { margin: 0; padding: 1rem 1.25rem; text-align: left; } .tje-step-num { top: 50%; left: -2.5rem; transform: translateY(-50%); } } .tje-editorial { background: #f5f5f5; border-radius: 0.875rem; padding: 1.25rem 1.5rem; margin: 1.5rem 0; } .tje-editorial .tje-label-small { color: #8a8a8a; letter-spacing: 0.16em; } .tje-editorial .tje-section-title { color: #0f0f0f; margin: 0 0 1rem 0; font-size: 1.1rem; line-height: 1.3; letter-spacing: -0.01em; } .tje-editorial .tje-section-title::after { background: #C8222A; } .tje-editorial .content-text { font-size: 0.9rem; line-height: 1.75; color: #444; margin: 0 0 0.75rem 0; } .tje-editorial a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-accent { color: #C8222A; font-weight: 700; } .tje-faq { background: #f5f5f5; color: #111; border-radius: 0.875rem; padding: 1.25rem 1.25rem 0.25rem; margin: 1.5rem 0; } .tje-faq-header { margin-bottom: 0.25rem; } .tje-faq .tje-section-title { color: #0f0f0f; margin: 0 0 0.625rem 0; padding-bottom: 0; } .tje-faq .tje-section-title::after { display: none; } .tje-faq-category { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .tje-faq-category:last-child { border-bottom: none; } .tje-faq-cat-summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.8rem 0; font-size: 0.92rem; font-weight: 700; color: #555; transition: color 0.15s ease; } .tje-faq-cat-summary::-webkit-details-marker { display: none; } .tje-faq-cat-summary::after { content: ""; flex-shrink: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #555 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: 0.85rem 0.85rem; transition: transform 0.2s ease, background-color 0.15s ease; } .tje-faq-category[open] .tje-faq-cat-summary::after { transform: rotate(180deg); background-color: #888; } .tje-faq-cat-summary:hover { color: #B01C23; } .tje-faq-panel { padding: 0 0 0.5rem 0; } .tje-faq-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .tje-faq-item:last-child { border-bottom: none; } .tje-faq-summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.625rem 0; font-size: 0.86rem; font-weight: 600; color: #222; transition: color 0.15s ease; } .tje-faq-summary::-webkit-details-marker { display: none; } .tje-faq-summary::after { content: ""; flex-shrink: 0; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #aaa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: 0.75rem 0.75rem; transition: transform 0.2s ease, background-color 0.15s ease; } .tje-faq-item[open] .tje-faq-summary::after { transform: rotate(180deg); background-color: #c0c0c0; } .tje-faq-summary:hover { color: #B01C23; } .tje-faq-content { padding: 0.15rem 2rem 0.75rem 0; font-size: 0.82rem; line-height: 1.6; color: #555; } .tje-faq-content p { margin: 0 0 0.5rem 0; } .tje-faq-content p:last-child { margin-bottom: 0; } .tje-faq-content ul { margin: 0.25rem 0 0.5rem 1rem; padding: 0; } .tje-faq-content li { margin-bottom: 0.2rem; } .tje-faq-content strong { color: #0f0f0f; } .tje-faq-content a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-info-grid { display: grid; gap: 0.5rem; grid-template-columns: repeat(2, 1fr); } .tje-info-card { border: 1px solid #e0e0e0; border-radius: 0.625rem; padding: 0.625rem 0.75rem; background: transparent; display: flex; align-items: center; gap: 0.625rem; } .tje-info-card .card-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; flex-shrink: 0; background: #f0f0f0; border-radius: 50%; font-size: 0.92rem; line-height: 1; } .tje-info-card .card-content { display: block; min-width: 0; } .tje-info-card .card-label { font-size: 0.78rem; font-weight: 700; color: #111; display: block; margin: 0; line-height: 1.4; } .tje-info-card .card-title { font-size: 0.78rem; font-weight: 400; color: #444; margin: 0; display: block; line-height: 1.4; } .tje-info-card .card-description { font-size: 0.68rem; color: #777; margin: 0.1rem 0 0 0; line-height: 1.35; display: block; } .tje-info-card a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-map { max-width: 280px; margin: 0 auto; } .tje-map-frame { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.25rem 0; } .tje-map-stage { align-self: center; width: 60%; background: #E5E5E5; color: #333; text-align: center; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.15em; padding: 0.625rem 0; border-radius: 0.375rem; } .tje-map-zone { position: relative; border-radius: 0.375rem; padding: 0.75rem 0.875rem; text-align: center; min-height: 3.75rem; /* default — always overridden by inline style when skill generates */ display: flex; align-items: center; justify-content: center; } .tje-map-zone-a { background: #D67781; } .tje-map-zone-b { background: #6B95C9; } .tje-map-zone-c { background: #82B274; } .tje-map-zone-letter { color: #fff; font-weight: 700; font-size: 1.75rem; line-height: 1; } .tje-map-zone-tag { position: absolute; top: 0.4rem; right: 0.55rem; color: #fff; font-size: 0.55rem; font-weight: 600; letter-spacing: 0.02em; line-height: 1; } .tje-map-entrance { text-align: center; font-size: 0.65rem; font-weight: 600; letter-spacing: 0.1em; color: #888; margin-top: 0.25rem; } .tje-map-caption { text-align: center; font-size: 0.92rem; font-weight: 700; color: #0f0f0f; margin: 0 0 0.625rem 0; letter-spacing: -0.005em; } .tje-tags { margin: 0.75rem 0 0.5rem 0; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #999; text-align: center; } @media (max-width: 30rem) { .tje-case-card .card-poster { font-size: 2.3rem; } } ⚖️ Au cœur du drame | 🗳️ Exprime ton vote | 🕵️ Élucide l'affaire ⭐ Tu as été appelé pour être juré. Plonge au cœur d'un drame judiciaire haletant où le public s'installe sur les bancs du jury. Écoute les témoins, passe les indices au crible et rends ton verdict… coupable ou non coupable ? Ce n'est plus juste une scène.  C'est un tribunal. L’IA meurtrière Une voiture autonome a mortellement percuté quelqu'un, et quelqu'un doit en répondre devant la justice. Le programmeur qui a écrit le code, le passager qui a fait confiance à la machine, ou l'IA qui a pris la décision ? Il n'existe aucune jurisprudence. Aucun guide. Aucune issue évidente. 🚩 Ce spectacle aborde le deuil et les traumatismes physiques liés à un accident de la route mortel. Certaines scènes contiennent une forte charge émotionnelle. Ce qui t'attend 🤩 Vis un drame judiciaire grandeur nature où le verdict final t'appartient 🫵 Fais tes choix aux instants décisifs, explore de nouvelles pistes et vis une expérience unique à chaque fois ! 🕵️‍♂️ Passe les témoignages au crible, examine les pièces à conviction et soupèse chaque argument 🎢 Une intrigue palpitante et pleine de surprises, un tourbillon d'émotions et une sentence finale qui repose entièrement sur tes épaules Comment ça marche 1 Prends place Merci de venir 30 minutes à l'avance. Les portes se ferment à l'heure exacte du début du spectacle, aucune entrée tardive ne sera autorisée. 2 Prends connaissance de l'affaire Analyse chaque témoignage, décèle les incohérences et prends position lors des moments cruciaux pour changer le cours du procès. 3 Rends ton verdict Le jury a la parole. Coupable ou non coupable ; l'issue de ce procès ne dépend que de toi. Infos ⏳ Durée 75 minutes Les portes ouvrent 30 minutes avant le début 📍 Lieu La Cosquer Méditerranée Promenade Robert Laffont, Esplanade J4, Marseille, 13002 👤 Âge 12+ Interdit aux -16 non accompagnés ♿ Accessibilité Accessible aux PMR Espace fauteuils roulants disponible ✨ Groupes & privatisations Prends place à la barre Groupes 30+ ou privatisation 🎁 Carte-cadeau Envoyer un cadeau Offre des souvenirs à quelqu'un de spécial Questions fréquentes À propos de l'expérience Qu'est-ce qui m'attend à l'événement ? Ce spectacle est un drame judiciaire immersif où vous devenez acteur de l'histoire en tant que jury. Analysez les témoignages, les contre-interrogatoires et les preuves pour découvrir la vérité. Votre vote déterminera le sort de l'accusé. Combien de temps dure l'expérience ? Le spectacle dure environ une heure. Les portes ouvrent 30 à 45 minutes avant le début. Y aura-t-il des lumières stroboscopiques ? Cet événement pourrait inclure des lumières stroboscopiques. Y a-t-il de la nourriture, des boissons ou un code vestimentaire ? Aucune nourriture ni boisson n'est disponible à la vente dans la salle. Il n'y a pas de code vestimentaire — une tenue décontractée convient. Puis-je prendre des photos ou filmer ? Non, les photos et vidéos ne sont pas autorisées, y compris avec votre téléphone. À propos de tes billets Quels sont les types de billets disponibles ? Catégorie A — Excellente visibilité · Catégorie B — Bonne visibilité · Catégorie C — Visibilité limitée · PMR — Fauteuil roulant. Où acheter des billets ? Puis-je acheter sur place ? Exclusivement sur l'app ou le site Fever (feverup.com). Aucune billetterie sur place. Puis-je transférer mon billet ? Les remboursements sont-ils possibles ? Le transfert est gratuit depuis l'app Fever. Échanges de date autorisés jusqu'à 48h avant. Aucun remboursement n'est autorisé. Accès et lieu Où se situe l'expérience ? La Grotte du Cosquer Méditerranée — Promenade Robert Laffont, Esplanade J4, 13002 Marseille. Quand dois-je arriver ? Les portes ouvrent 30 à 45 minutes avant le début. Présentez-vous au moins 30 minutes avant. En cas de retard, l'accès ne peut pas être garanti. Y a-t-il un âge requis ? Le lieu est-il accessible aux PMR ? À partir de 12 ans. Moins de 16 ans : accompagné d'un adulte. Oui, le lieu est accessible aux PMR. Sélectionnez le billet PMR lors de l'achat. Y a-t-il un parking ? Des toilettes ? Parking Indigo Marseille Vieux-Port à 100 m. Des toilettes sont disponibles sur place. Les animaux sont-ils acceptés ? Non. Les chiens-guides sont les bienvenus. Plan de la salle Dilemme moral #1 · L’IA meurtrière