Matilda WIP

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<div class="container_1" id="article1" style="background:black;"> <<audio article1 play>> <div id="bouton3" style="width: 23.23%; height: 6.39%; left: 78%; top: 83%;">[[Finir ->FinJeu]]</div> </div>

<div class="container_1" id="article2" style="background:black;"> <<audio article2 play>> <div id="bouton3" style="width: 23.23%; height: 6.39%; left: 78%; top: 83%;">[[Finir ->FinJeu]]</div> </div>

<div class="container_1" id="article3" style="background:black;"> <<audio article3 play>> <div id="bouton3" style="width: 23.23%; height: 6.39%; left: 78%; top: 83%;">[[Finir ->FinJeu]]</div> </div>

<div class="container_1" id="article4" style="background:black;"> <<audio article4 play>> <div id="bouton3" style="width: 23.23%; height: 6.39%; left: 78%; top: 83%;">[[Finir ->FinJeu]]</div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/bureau.jpg" class="bureauJ1"> <<if $jour3 is true && $msgJour3 is true>> <div class="bouton" style="width: 41%; height: 55%; left: 30%; top: 2%;"> [[DebutVisio]]</div> <<else>> <div class="bouton" style="width: 41%; height: 55%; left: 30%; top: 2%;"> [[Ordinateur]]</div> <<endif>> <div class="bouton" style="width: 18%; height: 17%; left: 70%; top: 75%;">[[Telephone]]</div> <div class="bouton" style="width: 53.5%; height: 20%; left: 20%; top: 77%;">[[ToDo]]</div> </div> </div> <<if $debut is true>> <<notify "mail" 5>> Vous avez reçu un mail. <</notify>> <<set $debut to false >> <<endif>> <<if $jour3 is true>> <<if $msgJour3 is false>> <<notify "message" 5>> Vous avez reçu un message de Margaret. <</notify>> <<else>> <<notify "visio" 5>> Appel en cours du Projet Nebula. <</notify>> <<endif>> <<endif>>

<div class="container_1"> <div class="container_2"> <img src="images/bureau.jpg" class="bureauJ1"> <<if $jour3 is true && $msgJour3 is true>> <div class="bouton" style="width: 41%; height: 55%; left: 30%; top: 2%;"> [[DebutVisio]]</div> <<else>> <div class="bouton" style="width: 41%; height: 55%; left: 30%; top: 2%;"> [[OrdinateurJ2]]</div> <<endif>> <div class="bouton" style="width: 18%; height: 17%; left: 70%; top: 75%;">[[TelephoneJ2]]</div> <div class="bouton" style="width: 53.5%; height: 20%; left: 20%; top: 77%;">[[ToDoJ2]]</div> </div> </div> <<if $debutJ2 is true>> <<set $J2_1 to true>><<set $J2_1done to false>> <<notify "message" 5>> Vous avez reçu un message de Margaret. <</notify>> <<set $debutJ2 to false >> <<endif>> <<if $jour3 is true>> <<if $msgJour3 is false>> <<notify "message" 5>> Vous avez reçu un message de Margaret. <</notify>> <<else>> <<notify "visio" 5>> Appel en cours du Projet Nebula. <</notify>> <<endif>> <<endif>>

<div class="container_1"> <div class="container_2"> <img src="images/choix.jpg" class="GrpJ1"> <<audio pensee_3 play>> <<if $msgMJ1_2Sent is true && $choix1 is false>> <div class="choix" style="width: 75%; height: 30%; left: 15%; top: 20%;">J’ai reçu l’invitation un peu tard mais ça pourrait être sympa... Je fais quoi?</div> <div class="choix" style="width: 25%; height: 15%; left: 20%; top: 60%;">[[Aller au bar|Convo Collegues][$choix1 to true; $bar to true]]</div> <div class="choix" style="width: 25%; height: 15%; left: 60%; top: 60%;">[[Rester chez soi|Convo Collegues][$choix1 to true; $bar to false]]</div> <<endif>> </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/choix.jpg" class="Visio"> <<audio choix3 play>> <div class="choix" style="width: 75%; height: 30%; left: 15%; top: 20%;">J'ai vraiment l'impression qu'ils ne m'écoutent pas. Qu'est-ce que je devrais faire?</div> <<if $amie is false>> <div class="choix" style="width: 20%; height: 15%; left: 10%; top: 60%;">[[Quitter la visio et s'inscrire seule|QuitterLaVisio][$article2 to true]]</div> <div class="choix" style="width: 20%; height: 15%; left: 40%; top: 60%;">[[Les confronter|Confrontation1][$confrontation1 to true]]</div> <div class="choix" style="width: 20%; height: 15%; left: 70%; top: 60%;">[[Attendre leur réponse|NeRienFaire][$nerienfaire to true]]</div> </div> <<else>> <div class="choix" style="width: 20%; height: 15%; left: 10%; top: 60%;">[[Quitter la visio et les laisser faire la présentation à 3|QuitterLaVisio][$article3 to true]]</div> <div class="choix" style="width: 20%; height: 15%; left: 40%; top: 60%;">[[Les confronter|Confrontation2][$confrontation2 to true]]</div> <div class="choix" style="width: 20%; height: 15%; left: 70%; top: 60%;">[[Voir leur réponse|NeRienFaire][$nerienfaire to true]]</div> <<endif>> </div>

<div class="container_1"> <div class="container_2"> <img src="images/choix.jpg" class="GrpJ1"> <<audio choix3 play>> <div class="choix" style="width: 75%; height: 30%; left: 15%; top: 20%;">Qu'est ce que je fais?</div> <div class="choix" style="width: 25%; height: 15%; left: 20%; top: 60%;">[[Quitter la visio et s'inscrire seule|InscriptionSolo][$inscriptionsolo to true]]</div> <div class="choix" style="width: 25%; height: 15%; left: 60%; top: 60%;">[[Attendre leur réponse|NeRienFaire][$nerienfaire to true]]</div> </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/choix.jpg" class="GrpJ1"> <<set $J2_10done to true>> <<audio pensee_10 play>> /* audio 10 : “C’est une blague j’espère… J’ai passé toute la journée sur ça pour rien ? Et il y a Margaret qui m’attend, je pourrai jamais la voir si je dois réécrire toute ma partie. Mais bon en même temps je n’ai pas envie que mon travail ait l’air bâclé. Je ne sais pas quoi faire.” */ <div class="choix" style="width: 75%; height: 30%; left: 15%; top: 22%;">C’est une blague j’espère… J’ai passé toute la journée sur ça pour rien ? Et il y a Margaret qui m’attend, je pourrai jamais la voir si je dois réécrire toute ma partie. Mais bon en même temps je n’ai pas envie que mon travail ait l’air bâclé. Je ne sais pas quoi faire...</div> <div class="choix" style="width: 25%; height: 15%; left: 20%; top: 60%;">[[Réécrire la présentation|TelephoneJ2][$choix2 to true; $amie to false]]</div> <div class="choix" style="width: 25%; height: 15%; left: 60%; top: 60%;">[[Retrouver Margaret|TelephoneJ2][$choix2 to true; $amie to true]]</div> </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/choix.jpg" class="Visio"> <<audio choix3 play>> <div class="choix" style="width: 75%; height: 30%; left: 15%; top: 20%;">J'ai vraiment l'impression qu'ils ne m'écoutent pas. Qu'est-ce que je devrais faire?</div> <<if $amie is false>> <div class="choix" style="width: 20%; height: 15%; left: 10%; top: 60%;">[[Quitter la visio et s'inscrire seule|QuitterLaVisio][$article2 to true]]</div> <div class="choix" style="width: 20%; height: 15%; left: 40%; top: 60%;">[[Les confronter|Confrontation3]]</div> <div class="choix" style="width: 20%; height: 15%; left: 70%; top: 60%;">[[Attendre leur réponse|NeRienFaire]]</div> <<else>> <div class="choix" style="width: 20%; height: 15%; left: 10%; top: 60%;">[[Quitter la visio et les laisser faire la présentation à 3|QuitterLaVisio][$article3 to true]]</div> <div class="choix" style="width: 20%; height: 15%; left: 40%; top: 60%;">[[Les confronter|Confrontation4]]</div> <div class="choix" style="width: 20%; height: 15%; left: 70%; top: 60%;">[[Voir leur réponse|NeRienFaire]]</div> <<endif>> </div>

<div class="container_1"> <div class="container_2"> /* <img src="images/visio.png" class="Visio"> */ <video src="videos/vidBloc4.mp4" class="Visio" autoplay></video> </div> </div> /* <<audio "visio_bloc4" play>> */ <<script>> setTimeout(function () { Engine.play("Choix1 Visio bis"); }, 27000); <</script>>

<div class="container_1"> <div class="container_2"> /* <img src="images/visio.png" class="Visio"> */ <video src="videos/vidBloc5.mp4" class="Visio" autoplay></video> </div> </div> /* <<audio "visio_bloc5" play>> */ <<script>> setTimeout(function () { Engine.play("Choix1 Visio bis"); }, 41000); <</script>>

<div class="container_1"> <div class="container_2"> /* <img src="images/visio.png" class="Visio"> */ <video src="videos/vidBloc6.mp4" class="Visio" autoplay></video> </div> </div> /* <<audio "visio_bloc6" play>> */ <<script>> setTimeout(function () { Engine.play("QuitterLaVisio"); }, 55000); <</script>> <<set $article4 to true>>

<div class="container_1"> <div class="container_2"> /* <img src="images/visio.png" class="Visio"> */ <video src="videos/vidBloc7.mp4" class="Visio" autoplay></video> </div> </div> /* <<audio "visio_bloc7" play>> */ <<script>> setTimeout(function () { Engine.play("QuitterLaVisio"); }, 68000); <</script>> <<set $article4 to true>>

<div class="container_1"> <div class="container_2"> <img src="images/chat_groupe.jpg" class="GrpJ1"> <div class="bouton" style="width: 5.05%; height: 4.63%; left: 37.86%; top: 2.87%;">[[Telephone]]</div> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[Bureau]]</div> <<if $msgMJ1_2Sent is false && $msgMJ1_2 is true>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">Hey...</div> <div class="bouton send-message" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 60%;">[[Convo Collegues][$msgMJ1_2Sent to true; $msgMJ1_2 to false]]</div> <<endif>> <div id="msgs" style="width: 24.22%; height: 47.04%; left: 38%; top: 13.52%;"> <div class ="center"> <<if $msgMJ1_2Sent is true>> <div class="matilda">Hey les gars, grosse nouvelle : on a été sélectionnés pour l’émission avec les investisseurs !!</div> <div class="message">Pierre : Ouais, on a vu ça plus tôt ! C’est une super nouvelle pour le projet. On en parlait justement.</div> <div class="message">Adrien : On est déjà au bar pour fêter ça d’ailleurs, tu devrais venir nous rejoindre ! 🍻</div> <div class="message">Matthieu : si t’es pas trop occupée 👅</div> <div class="matilda">Ah, je savais pas que vous sortiez ce soir. J’arrive un peu après la bataille alors !</div> <div class="message">Adrien : T’inquiète, on s’est décidé sur un coup de tête, tu sais comment on est! Mais viens, ce serait cool que tu sois là pour trinquer avec nous !</div> <<endif>> <<if $bar is true && $choix1 is true>> <div class="time">Nouveaux</div> <div class="matilda">Ok, je vais essayer de vous rejoindre ! 😊</div> <div class="message">Pierre : Top, à tout de suite !</div> <<elseif $bar is false && $choix1 is true>> <div class="time">Nouveaux</div> <div class="matilda">Désolée j’avais pas trop prévu je ne peux pas ce soir, mais profitez bien on se voit lundi pour en parler !</div> <div class="message">Pierre : 👍</div> <<endif>> </div> </div> <<if $msgMJ1_2Sent is true && $choix1 is false>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">Um...</div> <div class="bouton" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 59.5%;">[[Choix1]]</div> <<endif>> <<if $choix1 is true && $bar is true>> <div class="nextDay" style="width: 33%; height: 27%; left: 65%; top: 38%;">[[Bar|Scene Bar]]</div> <<endif>> <<if $choix1 is true && $bar is false>> <div class="nextDay" style="width: 33%; height: 27%; left: 65%; top: 38%;">[[Rentrer|Scene Maison]]</div> <<endif>> </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/chat_groupe.jpg" class="GrpJ1"> <div class="bouton" style="width: 5.05%; height: 4.63%; left: 37.86%; top: 2.87%;">[[TelephoneJ2]]</div> <<if $choix2 is true && $J2_12 is true && $amie is false>> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[Scene Rapport][$J2_12done to true]]</div> <<else>><div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <<endif>> <<if $J2_4 is true && $J2_4done is false && $bar is true>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">Je ne peux...</div> <div class="bouton send-message" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 59.5%;">[[Convo ColleguesJ2][$editeur to true; $J2_4done to true]]</div> <<endif>> <<if $J2_4 is true && $J2_4done is false && $bar is false>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">Je n’ai...</div> <div class="bouton send-message" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 59.5%;">[[Convo ColleguesJ2][$editeur to true; $J2_4done to true]]</div> <<endif>> <<if $J2_6 is true && $J2_6done is false>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">J'ai fini...</div> <div class="bouton send-message" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 59.5%;">[[Convo ColleguesJ2][$J2_6done to true; $J2_6Bis to true]]</div> <<endif>> <<if $J2_6Bis is true && $J2_6Bisdone is false>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">OK...</div> <div class="bouton send-message" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 59.5%;">[[Convo ColleguesJ2][$J2_6Bisdone to true; $J2_7 to true]]</div> <<endif>> <<if $J2_11 is true && $J2_11done is false>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">Matthieu...</div> <div class="bouton send-message" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 59.5%;">[[Convo ColleguesJ2][$J2_11done to true; $J2_12 to true; $J2_12done to false]]</div> <<endif>> <div id="msgs" style="width: 24.22%; height: 47.04%; left: 38%; top: 13.52%;"> <div class ="center"> <div class="matilda">Hey les gars, grosse nouvelle : on a été sélectionnés pour l’émission avec les investisseurs !!</div> <div class="message">Pierre : Ouais, on a vu ça plus tôt ! C’est une super nouvelle pour le projet. On en parlait justement.</div> <div class="message">Adrien : On est déjà au bar pour fêter ça d’ailleurs, tu devrais venir nous rejoindre ! 🍻</div> <div class="message">Matthieu : si t’es pas trop occupée 👅</div> <div class="matilda">Ah, je savais pas que vous sortiez ce soir. J’arrive un peu après la bataille alors !</div> <div class="message">Adrien : T’inquiète, on s’est décidé sur un coup de tête, tu sais comment on est! Mais viens, ce serait cool que tu sois là pour trinquer avec nous !</div> <<if $bar is true && $choix1 is true>> <div class="time">Jeudi (J1)</div> <div class="matilda">Ok, je vais essayer de vous rejoindre ! 😊</div> <div class="message">Pierre : Top, à tout de suite !</div> <<elseif $bar is false && $choix1 is true>> <div class="time">Jeudi (J1)</div> <div class="matilda">Désolée j’avais pas trop prévu je ne peux pas ce soir, mais profitez bien on se voit plus tard pour en parler !</div> <div class="message">Pierre : 👍</div> <<endif>> <<if $J2_2 is true>> <<if $jour3 is true>> <div class="time">Vendredi (J2)</div> <<else>> <div class="time">Nouveaux</div> <<endif>> <div class="message">Adrien : J’ai organisé le document de présentation pour que tout le monde puisse travailler sur sa partie. J’ai suivi ce dont on a discuté mercredi soir.</div> <div class="message">Matthieu : Je viens de voir je travaille dessus aujourd'hui </div> <div class="message">Pierre : 👍 Merci ! </div><<endif>>\ <<if $J2_2done is false>>\ <<set $J2_2done to true>>\ <<endif>>\ /* sent text demande doc */\ <<if $J2_4done is true && $bar is true>>\ <div class="matilda">Je ne peux pas modifier le document, quelqu’un peut m’ajouter en éditrice svp ?</div>\ <div class="message">Adrien : Vraiment ? Mince j’ai pas fait attention</div> <div class="message">Matthieu : 😂😂</div> <div class="message">Pierre : Je fais ça tout de suite !</div> <<endif>> /* si pas au bar */ <<if $J2_4done is true && $bar is false>> <div class="matilda">Je n’ai pas reçu le document, quelqu’un peut m’ajouter svp ?</div> <div class="message">Adrien : Vraiment ? Mince, comme tu n’étais pas là j’ai pas dû faire attention</div> <div class="message">Matthieu : 😂😂</div> <div class="message">Pierre : Je t’ajoute tout de suite</div> <<endif>> <<if $J2_6done is true>> <<if $jour3 is false>> <div class="time">Nouveaux</div> <<endif>> <div class="matilda">J’ai fini de rédiger ma partie, il reste quelque chose à faire ?</div> <div class="message">Pierre : Pareil pour moi</div> <div class="message">Adrien : Niveau rédaction on est OK, Matilda tu pourrais trouver une image de notre centre pour illustrer la première page ? Je pars dans 15min</div> <div class="message">Pierre : Je peux m’en occuper aussi si besoin</div> <div class="message">Matthieu : Matilda se débrouillera mieux avec ça, c’est trop artistique pour nous haha Je vais relire ce qu’elle a écrit en attendant</div> <<endif>> <<if $J2_6Bisdone is true>> <div class="matilda">OK je peux faire ça, il me reste encore un peu de temps. Je vais prendre une photo sur Internet.</div> <<endif>> <<if $J2_11done is true && $amie is true>> <div class="matilda">Matthieu, la prochaine fois est-ce que tu pourras me prévenir avant d’effacer une grande partie de mon travail ? ça devait partir d’une bonne intention mais je n’ai plus le temps de revenir dessus aujourd'hui. J'apprécierais que tu me demandes mon avis avant de valider des changements de ce type.</div> <div class="message">Matthieu : 👍 Je trouvais ça mieux comme ça c’est tout</div> <<endif>> <<if $J2_11done is true && $amie is false>> <div class="matilda">Matthieu, la prochaine fois est-ce que tu pourras me prévenir avant d’effacer une grande partie de mon travail ? Ca devait partir d’une bonne intention mais tu as effacé des informations importantes. Je vais modifier ça ce soir même si j’avais autre chose de prévu. J'apprécierais que tu me demandes mon avis avant de valider des changements de ce type à l’avenir.</div> <div class="message">Matthieu : Ok comme tu préfères mais je trouvais ça mieux comme ça c’est tout.</div> <<endif>> </div> </div> </div> </div> <<if $J2_2done is true && $J2_3 is false>> <<set $J2_3 to true>><<set $J2_3done to false>> <<notify "pensee" 5>> /* son : Je devrais aller vérifier mes mails pour travailler sur le document partagé*/ <</notify>> <<audio pensee_4 play>> <<endif>> <<if $J2_4done is true && $J2_5 is false>> <<set $J2_5 to true>><<set $J2_5done to false>> <<notify "pensee" 5>> /* son : “Je vais pouvoir commencer à rédiger ma partie”*/ <</notify>> <<audio pensee_6 play>> <<endif>> /*<<if $J2_6done is true && $J2_6Bis is false>>*/ <<if $J2_6Bis is true && $J2_6Bisdone is false>> <<set $J2_6Bis to true>><<set $J2_6Bisdone to false>> <<notify "pensee" 5>> /* son : “Pensée de Matilda 8 : “Je dois bientôt retrouver Margaret mais bon, ça ne devrait pas prendre trop de temps.”*/ <</notify>> <<audio pensee_8 play>> <<endif>> <<if $J2_12 is true && $J2_12done is false && $amie is true>> <<notify "message" 5>> Vous avez reçu une notification de Margaret. <</notify>> <<audio pensee_12a play>> /* son * Pensée de Matilda *12a : “Au moins je vais pouvoir me changer les idées. J’espère qu’on respectera davantage mon travail à l’avenir mais cette soirée est importante pour moi aussi" */ <<endif>> <<if $J2_12 is true && $J2_12done is false && $amie is false>> <<notify "pensee" 5>> <<audio pensee_12b play>> /* son * Pensée de Matilda *12b : “Bon bah je vais faire des heures sup aujourd’hui… J’espère qu’on respectera davantage mon travail à l’avenir.” * To Do List * : Réécrire la présentation */ <</notify>> <<notify "message" 5>> Vous avez reçu une notification de Margaret. <</notify>> <<endif>> <<if $choix2 is true && $J2_12 is true && $J2_12done is false && $amie is false>> <div class="nextDay" style="width: 33%; height: 27%; left: 65%; top: 38%;">[[Réécrire le rapport|Scene Rapport][$J2_12done to true]]</div> <<endif>>

<div class="container_1"> <div class="container_2"> <img src="images/chat_margaret.jpg" class="MargJ1"> <div class="bouton" style="width: 5.05%; height: 4.63%; left: 37.86%; top: 2.87%;">[[TelephoneJ2]]</div> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <<if $J2_1 is true && $J2_1done is false>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">Evidemment!...</div> <div class="bouton send-message" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 59.5%;">[[Convo MargaretJ2][$J2_1done to true]]</div> <<endif>> <<if $J2_8 is true && $J2_8done is false>> <div class="msgRep" style="width: 21.67%; height: 4.2%; left: 39%; top: 60.5%;">Dans...</div> <div class="bouton send-message" style="width: 2.92%; height: 5.9%; left: 59.27%; top: 59.5%;">[[Convo MargaretJ2][$J2_8done to true]]</div> <<endif>> <div id="msgs" style="width: 24.22%; height: 47.04%; left: 38%; top: 13.52%;"> <div class ="center"> <div class="message">regarde ce que je viens de trouver c’est quand même abusé comment les femmes ont été oubliées dans l’histoire des sciences <a href="https://www.letemps.ch/dossiers/femmes-de-sciences-oubliees">article</a></div> <div class="matilda">C’est fou parce que je n’avais jamais trop réalisé que c’était si récurrent, d’ailleurs ça avance ta thèse sur le sujet?</div> <div class="message">non mais vraiment! oui je suis contente, ça commence à être pas mal j’ai presque fini, j’ai rdv avec mon resp demain pour en parler</div> <div class="matilda">Ok trop bien tu me diras ça, en tout cas vraiment ton sujet est trop intéressant !</div> <div class="time">Jeudi (J1)</div> <div class="matilda">Tu ne devineras jamais</div> <div class="message">qu’est ce qu’il se passe, je m’attends à tout venant de toi 😭</div> <div class="matilda">Je sais pas comment le prendre mdrr… On vient d’être sélectionnés pour l’émission avec les investisseurs dont je t’avais parlé !</div> <div class="message">attends c'est énorme! trop fière de vous on doit fêter ça🎉🥳🍾</div> <div class="matilda">Grave !! On pourrait se caler un momebt cette semaine ? Genre vendredi soir ?</div> <div class="message">yes, parfait à vendredi ! ! et j’aurai aussi quelque chose à t’annoncer 👀</div> <div class="matilda">Ooooh tu m’intrigues 😏 Bon je vais dire la nouvelle aux gars, à vendredi !</div> <div class="message">✨</div> <<if $jour3 is true>> <div class="time">Vendredi (J2)</div> <<else>> <div class="time">Nouveaux</div> <<endif>> <div class="message">Toujours partante pour ce soir ? On aura plusieurs annonces à célébrer 🎉</div> <<if $J2_1done is true>> <div class="matilda">Evidemment ! Je te retrouve là-bas à 20h comme prévu</div> <<endif>> <<if $J2_8 is true>> <div class="message">Trop hâte pour toute à l’heure ! Tu as fini ?</div><<endif>> <<if $J2_8done is true>> <div class="matilda">Dans 10min ! Je vérifie juste quelque chose avant</div> <<endif>> <<if $J2_12 is true && $J2_12done is false && $amie is true>> <div class="message">J’y suis je t’attends ! 😄</div> <<endif>> <<if $J2_12 is true && $J2_12done is false && $amie is false>> <<if $jour3 is true>> <div class="time">Vendredi soir (J2)</div> <<else>> <div class="time">Reçu il y a 2 heures...</div> <<endif>> <div class="message">J’y suis je t’attends ! 😄</div> <<endif>> <<if $jour3 is true>> <div class="time">Nouveaux</div> <<set $msgJour3 to true>> <<if $amie is true>> <div class="message">Hey Maty ! C’était trop cool hier, ça faisait longtemps que j’avais pas autant rigolé. On se refait ça quand tu veux ! Et bon courage pour ta présentation 💪😘</div> <div class="matilda">Merci meuf ! J’ai trop kiffé la soirée aussi, ça m’a fait du bien de sortir ! Je te fais de gros bisouuus <3 </div> <<else>> <div class="message">T’aurais pu me prévenir que tu pouvais pas venir au lieu de me mettre un faux plan hier soir. Vraiment t’abuses ça faisait une semaine qu’on avait prévu ça. Tu me déçois… </div> <<endif>> <<endif>> </div> </div> </div> </div> <<if $J2_1done is true && $J2_2done is false>> <<set $J2_2 to true>><<set $J2_2done to false>> <<notify "message" 5>> Vous avez reçu un message de Nebula. <</notify>> <<endif>> <<if $J2_8done is true && $J2_9done is false>> <<set $J2_9 to true>><<set $J2_9done to true>><<set $matthieuRedac to true>> <<notify "pensee" 5>> /* son Pensée de Matilda *9 : “Avant de partir; je vais voir si Matthieu a laissé un commentaire sur ma partie.” */ <</notify>> <<set $J2_10 to true>><<set $J2_10done to false>> <<audio pensee_9 play>> <<endif>> <<if $choix2 is true && $J2_12 is true && $J2_12done is false && $amie is true>> <div class="nextDay" style="width: 33%; height: 27%; left: 65%; top: 38%;">[[Retrouver Margaret|Scene Resto][$J2_12done to true]]</div> <<endif>> <<if $choix2 is true && $J2_12 is true && $J2_12done is false && $amie is false>> <div class="nextDay" style="width: 33%; height: 27%; left: 65%; top: 38%;">[[Réécrire le rapport|Scene Rapport][$J2_12done to true]]</div> <<endif>>

<<audio "musique_fond" loop stop>> <<audio "musique_fond" stop>> <div class="container_1"> <div class="container_2"> <img src="images/appel_visio.png" class="Visio"> <div class="bouton" style="width: 6%; height: 9%; left: 40%; top: 64%;">[[Visio]]</div> </div> </div> <<audio "sonnerie_visio" loop play>>

<<audio article1 stop>> <<audio article2 stop>> <<audio article3 stop>> <<audio article4 stop>> /* StoryInit */ <<set $msgMJ1 to false>> <<set $msgMJ1Sent to false>> <<set $msgMJ1_2 to false>> <<set $msgMJ1_2Sent to false>> <<set $bar to false>> <<set $choix1 to false>> <<set $mailLu to false>> <<set $debut to true>> /* Variables des jours */ <<set $jour1 to false>> <<set $jour2 to false>> <<set $jour3 to false>> /* Jour 2 */ <<set $debutJ2 to true>> <<set $J2_1 to false>> <<set $J2_1done to false>> <<set $J2_2 to false>> <<set $J2_2done to false>> <<set $J2_3 to false>> <<set $J2_3done to false>> <<set $editeur to false>> <<set $J2_4 to false>> <<set $J2_4done to false>> <<set $J2_5 to false>> <<set $J2_5done to false>> <<set $redaction1 to false>> <<set $redaction2 to false>> <<set $redaction3 to false>> <<set $matthieuRedac to false>> <<set $J2_6Bis to false>> <<set $J2_6Bisdone to false>> <<set $J2_6Bis to false>> <<set $J2_6Bisdone to false>> <<set $imgcopy to false>> <<set $J2_7 to false>> <<set $J2_7done to false>> <<set $J2_8 to false>> <<set $J2_8done to false>> <<set $J2_9 to false>> <<set $J2_9done to false>> <<set $J2_10 to false>> <<set $J2_10done to false>> <<set $choix2 to false>> <<set $amie to false>> <<set $J2_11 to false>> <<set $J2_11done to false>> <<set $J2_12 to false>> <<set $J2_12done to false>> /* -------------- Jour 3 --------------- */ <<set $msgJour3 to false>> <<set $presentation4 to true>> <<set $presentation3 to false>> <<set $presentationsolo to false>> <<set $article1 to false>> <<set $article2 to false>> <<set $article3 to false>> <<set $article4 to false>> /* --------------Audio---------------- */ <<cacheaudio "musique_fond" "sons/musique_fond.mp3">> <<cacheaudio "musique_fond2" "sons/musique_fond_2.mp3">> <<cacheaudio "musique_fond3" "sons/musique_fond_3.mp3">> /*---------------Pensée---------------*/ <<cacheaudio "sonnerie_visio" "sons/sonnerie_visio.mp3">> <<cacheaudio "pensee_1" "sons/pensees/pensee_1.mp3">> <<cacheaudio "pensee_2" "sons/pensees/pensee_2.mp3">> <<cacheaudio "pensee_3" "sons/pensees/pensee_3.mp3">> <<cacheaudio "pensee_4" "sons/pensees/pensee_4.mp3">> <<cacheaudio "pensee_5a" "sons/pensees/pensee_5a.mp3">> <<cacheaudio "pensee_5b" "sons/pensees/pensee_5b.mp3">> <<cacheaudio "pensee_6" "sons/pensees/pensee_6.mp3">> <<cacheaudio "pensee_7" "sons/pensees/pensee_7.mp3">> <<cacheaudio "pensee_8" "sons/pensees/pensee_8.mp3">> <<cacheaudio "pensee_9" "sons/pensees/pensee_9.mp3">> <<cacheaudio "pensee_10" "sons/pensees/pensee_10.mp3">> <<cacheaudio "pensee_11a" "sons/pensees/pensee_11a.mp3">> <<cacheaudio "pensee_11b" "sons/pensees/pensee_11b.mp3">> <<cacheaudio "pensee_12a" "sons/pensees/pensee_12a.mp3">> <<cacheaudio "pensee_12b" "sons/pensees/pensee_12b.mp3">> /*---------------Visio---------------*/ <<cacheaudio "visio_bloc1" "sons/visio_bloc1.mp3">> <<cacheaudio "visio_bloc2" "sons/visio_bloc2.mp3">> <<cacheaudio "visio_bloc3" "sons/visio_bloc3.mp3">> <<cacheaudio "visio_bloc4" "sons/visio_bloc4.mp3">> <<cacheaudio "visio_bloc5" "sons/visio_bloc5.mp3">> <<cacheaudio "visio_bloc6" "sons/visio_bloc6.mp3">> <<cacheaudio "visio_bloc7" "sons/visio_bloc7.mp3">> <<cacheaudio "article1" "sons/article1.mp3">> <<cacheaudio "article2" "sons/article2.mp3">> <<cacheaudio "article3" "sons/article3.mp3">> <<cacheaudio "article4" "sons/article4.mp3">> <<cacheaudio "choix3" "sons/choix3.mp3">> /* Fin StoryInit */ <div class="container_1" id="finJeu" style="background:black;"> <div id="bouton2">[[Rejouer ->Start]]</div> </div>

<div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/inscription.png" class="OrdiJ1"> <div class="bouton" style="width: 15%; height: 6%; left: 42.5%; top: 75%;">[[Valider Inscription]]</div> </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/fin_visio.png" class="Visio"> <div class="bouton" style="width: 3.9%; height: 7%; left: 65.78%; top: 91.94%;">[[Mail Fin Visio]]</div> </div> </div>

<<audio "musique_fond" loop play>> <div class="container_1" id="instructions" style="background:black;"> <div id="bouton2">[[J'ai compris !->Jour 1]]</div> </div> <link href="https://fonts.googleapis.com/css2?family=Glass+Antiqua&family=Kalam:wght@300;400;700&display=swap" rel="stylesheet">

<div class="container_1" id="jour1" style="background:black;"> <div id="bouton1">[[Bureau->Bureau]]</div> </div> <link href="https://fonts.googleapis.com/css2?family=Glass+Antiqua&family=Kalam:wght@300;400;700&display=swap" rel="stylesheet"> <<set $jour1 to true>>

<div class="container_1" id="jour2" style="background:black;"> <div id="bouton1">[[Bureau->BureauJ2]]</div> </div> <link href="https://fonts.googleapis.com/css2?family=Glass+Antiqua&family=Kalam:wght@300;400;700&display=swap" rel="stylesheet"> <<audio "musique_fond" stop>> <<audio "musique_fond2" loop play>> <<set $debutJ2 to true>> <<set $editeur to false>> <<set $jour1 to false>> <<set $jour2 to true>>

<div class="container_1" id="jour3" style="background:black;"> <div id="bouton1">[[Bureau->BureauJ2]]</div> </div> <link href="https://fonts.googleapis.com/css2?family=Glass+Antiqua&family=Kalam:wght@300;400;700&display=swap" rel="stylesheet"> <<audio "musique_fond2" stop>> <<audio "musique_fond3" loop play>> <<set $jour2 to false>> <<set $jour3 to true >>

<div class="container_1"> <div class="container_2"> <img src="images/presentation.png" class="GrpJ1"> <<if $article4 is true>> <div class="nextDay" style="width: 30%; height: 15%; left: 35%; top: 55%;">[[Apres la presentation|Article4]]</div> <<elseif $article3 is true>> <div class="nextDay" style="width: 30%; height: 15%; left: 35%; top: 55%;">[[Apres la presentation|Article3]]</div> <<elseif $article2 is true>> <div class="nextDay" style="width: 30%; height: 15%; left: 35%; top: 55%;">[[Apres la presentation|Article2]]</div> <<else>> <div class="nextDay" style="width: 30%; height: 15%; left: 35%; top: 55%;">[[Apres la presentation|Article1]]</div> <<endif>> </div> </div>

<div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/doc_recu.png" class="OrdiJ1"> <div class="bouton" style="width: 75%; height: 9%; left: 23%; top: 28%;">[[Mail Inscription]]</div> </div> </div>

<div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/mail_ok.png" class="OrdiJ1"> <div class="bouton" style="width: 12%; height: 3%; left: 33%; top: 57%;">[[Inscription]]</div> </div> </div>

<<set $mailLu to true>> <div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/mail_ok.png" class="OrdiJ1"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[Bureau]]</div> <div class="bouton" style="width: 4%; height: 7%; left: 92.81%; top: 0.74%;">[[Ordinateur]]</div> </div> </div> <<if $jour1 is true && $msgMJ1Sent is false>> <<notify "pensee" 5>> <</notify>> <<audio pensee_1 play>> <<endif>> <<set $msgMJ1 to true >>

<<set $J2_3done to true>> <div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/doc_pas_recu.png" class="OrdiJ1"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <div class="bouton" style="width: 4%; height: 7%; left: 92.81%; top: 0.74%;">[[OrdinateurJ2]]</div> </div> </div> <<if $J2_3done is true && $J2_4 is false>> <<set $J2_4 to true>><<set $J2_4done to false>> <<notify "pensee" 5>> /* son :“J’ai pas reçu de mail… Ils ont dû oublier de me partager le document. Je vais envoyer un message sur le groupe."*/ <</notify>> <<audio pensee_5b play>> <<endif>>

<div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/doc_recu.png" class="OrdiJ1"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <div class="bouton" style="width: 4%; height: 7%; left: 92.81%; top: 0.74%;">[[OrdinateurJ2]]</div> <<if $editeur is false>> <div class="bouton" style="width: 4.11%; height: 8.15%; left: 35.99%; top: 91.48%;">[[doc lecteur]]</div> <<elseif $editeur is true>> <div class="bouton" style="width: 4.11%; height: 8.15%; left: 35.99%; top: 91.48%;">[[doc editeur]]</div> <<endif>> <<if $J2_7 is true>> <div class="bouton" style="width: 4.8%; height: 8.9%; left: 40.42%; top: 91.02%;">[[internetJ2]]</div> <<endif>> <<if $editeur is false>> <div class="bouton" style="width: 11.67%; height: 6.2%; left: 54.22%; top: 43.24%;">[[doc lecteur]]</div> <<elseif $editeur is true>> <div class="bouton" style="width: 11.67%; height: 6.2%; left: 54.22%; top: 43.24%;">[[doc editeur]]</div> <<endif>> </div> </div>

<div class="container_1"> <div class="container_2"> /* <img src="images/visio_main.png" class="Visio"> */ <video src="videos/vidBloc3.mp4" class="Visio" autoplay></video> </div> </div> /* <<audio "visio_bloc3" play>> */ <<script>> setTimeout(function () { Engine.play("QuitterLaVisio"); }, 40000); <</script>> /*renvoi vers QuitterLaVisio vers Article1

<div id="ordinateur"> <div class="container_1"> <div class="container_2"> <img src="images/ordinateur.jpg" class="OrdiJ1"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <<if $editeur is true>> <div class="bouton" style="width: 4.11%; height: 8.15%; left: 35.99%; top: 91.48%;">[[doc editeur]]</div> <<endif>> <<if $bar is true && $J2_3 is true>> <div class="bouton" style="width: 3.9%; height: 7%; left: 65.78%; top: 91.94%;">[[Mail doc recu]]</div> <<elseif $bar is false && $J2_3 is true && $editeur is false>> <div class="bouton" style="width: 3.9%; height: 7%; left: 65.78%; top: 91.94%;">[[Mail doc non recu]]</div> <<elseif $bar is false && $J2_3 is true && $editeur is true>> <div class="bouton" style="width: 3.9%; height: 7%; left: 65.78%; top: 91.94%;">[[Mail doc recu]]</div> <<if $editeur is true>> <div class="bouton" style="width: 4.11%; height: 8.15%; left: 35.99%; top: 91.48%;">[[doc editeur]]</div> <<endif>> <<endif>> <<if $J2_7 is true>> <div class="bouton" style="width: 4.8%; height: 8.9%; left: 40.42%; top: 91.02%;">[[internetJ2]]</div> <<endif>> </div> </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/visio.png" class="Visio"> <<if $article4 is true>> <div class="bouton fin_visio" style="width: 6%; height: 9%; left: 63%; top: 89%;">[[JourPres]]</div> <<elseif $article3 is true>> <div class="bouton fin_visio" style="width: 6%; height: 9%; left: 63%; top: 89%;">[[JourPres]]</div> <<elseif $article2 is true>> <div class="bouton fin_visio" style="width: 6%; height: 9%; left: 63%; top: 89%;">[[InscriptionSolo]]</div> <<else>> <div class="bouton fin_visio" style="width: 6%; height: 9%; left: 63%; top: 89%;">[[JourPres]]</div> <<endif>> </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/bar.png" class="bureauJ1"> <div class="nextDay" style="width: 30%; height: 15%; left: 35%; top: 55%;">[[Jour suivant|Jour 2]]</div> /*<div class="sceneFinJ" style="width: 75%; height: 20%; left: 15%; top: 30%;">On a passé un bon moment tous ensemble en fêtant la bonne nouvelle. On a pu un peu parler du projet et Matthieu a fini très joyeusement la soirée.</div>*/ </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/chambre.png" class="bureauJ1"> <div class="nextDay" style="width: 30%; height: 15%; left: 35%; top: 55%;">[[Jour suivant|Jour 2]]</div> /*<div class="sceneFinJ" style="width: 75%; height: 20%; left: 15%; top: 30%;">J’ai passé une soirée reposante à regarder un film avec mon chat Moustache, j’avais besoin de ça.</div>*/ </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/ordi_sombre.png" class="bureauJ1"> <div class="nextDay" style="width: 30%; height: 15%; left: 35%; top: 55%;">[[Jour suivant|Jour 3]]</div> /*<div class="sceneFinJ" style="width: 75%; height: 20%; left: 15%; top: 30%;">J’ai passé toute la soirée à repasser derrière Matthieu et à réécrire ma partie… J’en peux plus je suis exténuée. Mince, j’ai oublié de prévenir Margaret !!!</div>*/ </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/resto.png" class="bureauJ1"> <div class="nextDay" style="width: 30%; height: 15%; left: 35%; top: 55%;">[[Jour suivant|Jour 3]]</div> /*<div class="sceneFinJ" style="width: 75%; height: 20%; left: 15%; top: 30%;">C’était vraiment chouette de voir Margaret, elle m’a fait découvrir son restaurant préféré et j’ai appris qu’elle a été embauchée pour le poste de rédactrice en chef qu’elle voulait tant. Je suis trop fière d’elle !</div>*/ </div> </div>

<div class="container_1" id="accueil" style="background:black;"> <div id="bouton1">[[Commencer->Instructions]]</div> </div> <link href="https://fonts.googleapis.com/css2?family=Glass+Antiqua&family=Kalam:wght@300;400;700&display=swap" rel="stylesheet">

<<set $msgMJ1 to false>> <<set $msgMJ1Sent to false>> <<set $msgMJ1_2 to false>> <<set $msgMJ1_2Sent to false>> <<set $bar to false>> <<set $choix1 to false>> <<set $mailLu to false>> <<set $debut to true>> /* Variables des jours */ <<set $jour1 to false>> <<set $jour2 to false>> <<set $jour3 to false>> /* Jour 2 */ <<set $debutJ2 to true>> <<set $J2_1 to false>> <<set $J2_1done to false>> <<set $J2_2 to false>> <<set $J2_2done to false>> <<set $J2_3 to false>> <<set $J2_3done to false>> <<set $editeur to false>> <<set $J2_4 to false>> <<set $J2_4done to false>> <<set $J2_5 to false>> <<set $J2_5done to false>> <<set $redaction1 to false>> <<set $redaction2 to false>> <<set $redaction3 to false>> <<set $matthieuRedac to false>> <<set $J2_6Bis to false>> <<set $J2_6Bisdone to false>> <<set $J2_6Bis to false>> <<set $J2_6Bisdone to false>> <<set $imgcopy to false>> <<set $J2_7 to false>> <<set $J2_7done to false>> <<set $J2_8 to false>> <<set $J2_8done to false>> <<set $J2_9 to false>> <<set $J2_9done to false>> <<set $J2_10 to false>> <<set $J2_10done to false>> <<set $choix2 to false>> <<set $amie to false>> <<set $J2_11 to false>> <<set $J2_11done to false>> <<set $J2_12 to false>> <<set $J2_12done to false>> /* -------------- Jour 3 --------------- */ <<set $msgJour3 to false>> <<set $presentation4 to true>> <<set $presentation3 to false>> <<set $presentationsolo to false>> <<set $article1 to false>> <<set $article2 to false>> <<set $article3 to false>> <<set $article4 to false>> /* --------------Audio---------------- */ <<cacheaudio "musique_fond" "sons/musique_fond.mp3">> <<cacheaudio "musique_fond2" "sons/musique_fond_2.mp3">> <<cacheaudio "musique_fond3" "sons/musique_fond_3.mp3">> /*---------------Pensée---------------*/ <<cacheaudio "sonnerie_visio" "sons/sonnerie_visio.mp3">> <<cacheaudio "pensee_1" "sons/pensees/pensee_1.mp3">> <<cacheaudio "pensee_2" "sons/pensees/pensee_2.mp3">> <<cacheaudio "pensee_3" "sons/pensees/pensee_3.mp3">> <<cacheaudio "pensee_4" "sons/pensees/pensee_4.mp3">> <<cacheaudio "pensee_5a" "sons/pensees/pensee_5a.mp3">> <<cacheaudio "pensee_5b" "sons/pensees/pensee_5b.mp3">> <<cacheaudio "pensee_6" "sons/pensees/pensee_6.mp3">> <<cacheaudio "pensee_7" "sons/pensees/pensee_7.mp3">> <<cacheaudio "pensee_8" "sons/pensees/pensee_8.mp3">> <<cacheaudio "pensee_9" "sons/pensees/pensee_9.mp3">> <<cacheaudio "pensee_10" "sons/pensees/pensee_10.mp3">> <<cacheaudio "pensee_11a" "sons/pensees/pensee_11a.mp3">> <<cacheaudio "pensee_11b" "sons/pensees/pensee_11b.mp3">> <<cacheaudio "pensee_12a" "sons/pensees/pensee_12a.mp3">> <<cacheaudio "pensee_12b" "sons/pensees/pensee_12b.mp3">> /*---------------Visio---------------*/ <<cacheaudio "visio_bloc1" "sons/visio_bloc1.mp3">> <<cacheaudio "visio_bloc2" "sons/visio_bloc2.mp3">> <<cacheaudio "visio_bloc3" "sons/visio_bloc3.mp3">> <<cacheaudio "visio_bloc4" "sons/visio_bloc4.mp3">> <<cacheaudio "visio_bloc5" "sons/visio_bloc5.mp3">> <<cacheaudio "visio_bloc6" "sons/visio_bloc6.mp3">> <<cacheaudio "visio_bloc7" "sons/visio_bloc7.mp3">> <<cacheaudio "article1" "sons/article1.mp3">> <<cacheaudio "article2" "sons/article2.mp3">> <<cacheaudio "article3" "sons/article3.mp3">> <<cacheaudio "article4" "sons/article4.mp3">> <<cacheaudio "choix3" "sons/choix3.mp3">>

<div class="container_1"> <div class="container_2"> <img src="images/telephone.jpg" class="telJ1"> <div class="bouton" style="width: 24%; height: 6%; left: 38%; top: 40%;">[[Convo Margaret]]</div> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[Bureau]]</div> <div class="bouton" style="width: 24%; height: 6%; left: 38%; top: 66%;">[[Convo Collegues]]</div> </div> </div>

<div class="container_1"> <div class="container_2"> <img src="images/telephone.jpg" class="telJ1"> <<audio pensee_10 stop>> <div class="bouton" style="width: 24%; height: 6%; left: 38%; top: 40%;">[[Convo MargaretJ2]]</div> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <div class="bouton" style="width: 24%; height: 6%; left: 38%; top: 66%;">[[Convo ColleguesJ2]]</div> </div> </div> <<if $choix2 is true && $amie is true && $J2_11done is false>> <<set $J2_11 to true>><<set $J2_11done to false>> <<notify "pensee" 5>> /* son :11a : “Tant pis, il est trop tard, je vais juste envoyer un message sur le groupe avant de rejoindre Margaret.”*/ <</notify>> <<audio pensee_11a play>> <<endif>> <<if $choix2 is true && $amie is false && $J2_11done is false>> <<set $J2_11 to true>><<set $J2_11done to false>> <<notify "pensee" 5>> /* son Pensée de Matilda *11b : Tant pis, je m'excuserai auprès de Margaret mais ce projet est trop important pour moi. Je n’ai pas envie qu’on passe à côté d’informations essentielles… Je vais prévenir le groupe.*/ <</notify>> <<audio pensee_11b play>> <<endif>>

<div class="container_1"> <div class="container_2"> <img src="images/bloc_note.jpg" class="blocNotes"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[Bureau]]</div> <<if $mailLu is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 14%;">Lire le mail</div> <<elseif $mailLu is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 14%;"> <s>Lire le mail</s></div> <<endif>> /*espace de 4,95% entre chaque ligne de note*/ <<if $msgMJ1Sent is false && $msgMJ1 is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 18.95%;">Envoyer un message à Margaret</div> <<elseif $msgMJ1Sent is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 18.95%;"><s>Envoyer un message à Margaret</s></div> <<endif>> <<if $msgMJ1_2Sent is false && $msgMJ1_2 is true >> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 23.9%;">Envoyer un message à mes collègues</div> <<elseif $msgMJ1_2Sent is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 23.9%;"><s>Envoyer un message à mes collègues</s></div> <<endif>> </div> </div>

<<set $J2_1 to true>> <div class="container_1"> <div class="container_2"> <img src="images/bloc_note.jpg" class="blocNotes"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <<if $jour2 is true>> <<if $J2_1done is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 14%;">Lire le message de Margaret.</div> <<elseif $J2_1done is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 14%;"> <s>Lire le message de Margaret.</s></div> <<endif>> /*espace de 4,95% (top+) entre chaque ligne de note*/ <<if $J2_2 is true && $J2_2done is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 18.95%;">Lire le message de Nebula.</div> <<elseif $J2_2done is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 18.95%;"><s>Lire le message de Nebula.</s></div> <<endif>> <<if $J2_3 is true && $J2_3done is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 23.9%;">Trouver le mail du document partagé</div> <<elseif $J2_3done is true && $J2_4 is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 23.9%;"><s>Trouver le mail du document partagé</s></div> <<endif>> <<if $J2_4 is true && $J2_4done is false && $editeur is false && $bar is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 28.85%;">Demander à être ajoutée en éditrice </div> <<elseif $J2_4done is true && $editeur is true && $bar is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 28.85%;"><s>Demander à être ajoutée en éditrice</s></div> <<endif>> <<if $J2_4 is true && $J2_4done is false && $editeur is false && $bar is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 28.85%;">Demander à être ajoutée au document</div> <<elseif $J2_4done is true && $editeur is true && $bar is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 28.85%;"><s>Demander à être ajoutée au document</s></div> <<endif>> <<if $J2_5 is true && $J2_5done is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 33.8%;">Rédiger la présentation sur le Document partagé</div> <<elseif $J2_5done is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 33.8%;"><s>Rédiger la présentation sur le Document partagé</s></div> <<endif>> <<if $J2_6 is true && $J2_6done is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 38.75%;">Prévenir le group chat de mon avancement</div> <<elseif $J2_6Bisdone is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 38.75%;"><s>Prévenir le group chat de mon avancement</s></div> <<endif>> <<if $J2_7 is true && $J2_7done is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 43.7%;">Ajouter une image depuis Internet</div> <<elseif $J2_7done is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 43.7%;"><s>Ajouter une image depuis Internet</s></div> <<endif>> <<if $J2_8 is true && $J2_8done is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 48.65%;">Lire le message de Margaret</div> <<elseif $J2_8done is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 48.65%;"><s>Lire le message de Margaret</s></div> <<endif>> <<if $J2_9 is true && $J2_10done is false>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 53.6%;"> Relire ma partie de la présentation</div> <<elseif $J2_10done is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 53.6%;"><s>Relire ma partie de la présentation</s></div> <<endif>> <<if $choix2 is true && $J2_11 is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 58.55%;"> Envoyer un message au group chat</div> <<elseif $J2_11done is true>> <div class="notes" style="width: 32%; height: 5%; left: 15%; top: 58.55%;"> <s>Envoyer un message au group chat</s></div> <<endif>> <<endif>> </div> </div>

<div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/fin_inscription.png" class="OrdiJ1"> < </div> </div> <<script>> setTimeout(function () { Engine.play("JourPres"); }, 7000); <</script>>

<div class="container_1"> <div class="container_2"> /*<img src="images/visio.png" class="Visio">*/ <<if $bar is false>> <video src="videos/vidBloc1.mp4" class="Visio" autoplay></video> <<else>> <video src="videos/vidBloc2.mp4" class="Visio" autoplay></video> <<endif>> </div> </div> <<audio "sonnerie_visio" stop>> <<audio "musique_fond3" stop>> <<if $bar is false>> /*<<audio "visio_bloc1" play>>*/ <<script>> setTimeout(function () { Engine.play("Choix1 Visio"); }, 71000); <</script>> <<else>> /*<<audio "visio_bloc2" play>>*/ <<script>> setTimeout(function () { Engine.play("Choix2 Visio"); }, 75000); <</script>> <<endif>>

<div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/doc_editeur.png" class="OrdiJ1"> <<if $J2_10 is false || $J2_10done is true>> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <div class="bouton" style="width: 4%; height: 7%; left: 92.81%; top: 0.74%;">[[OrdinateurJ2]]</div> <<if $J2_7 is true>> <div class="bouton" style="width: 4.8%; height: 8.9%; left: 40.42%; top: 91.02%;">[[internetJ2]]</div> <<endif>> <<elseif $J2_10 is true && $J2_10done is false>> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[Choix2]]</div> <<endif>> <div class="doc" style="width: 59.61%; height: 63.7%; left: 18.32%; top: 27.41%;"> <div class ="center"> <h3>A FAIRE :</h3> Matthieu : Introduction, Conclusion Adrien : Partie I Pierre : Partie III, IV Matilda : Partie II <h1>Présentation du projet : Invention d'un nouveau téléporteur</h1> Par Matthieu, Adrien, Pierre, Matilda <<if $imgcopy is true && $J2_7done is false>> <div class="redaction">[[Coller l'image->doc editeur][$J2_7done to true]]</div> <<elseif $J2_7done is true>> <img src="images/doc_image_petite.png" style="width: 90%"> <<endif>> <b>Contact :</b> Centre de Recherche xxxx.xxxxxx@mail <h2>Introduction</h2> Notre équipe de chercheurs est ravie de présenter Projet Nebula, un projet innovant qui vise à révolutionner les modes de transport à travers le concept de la téléportation. Ce projet a été sélectionné pour participer à l'émission télévisée « Innovateurs en quête d'investisseurs », une opportunité unique de mettre en avant notre vision audacieuse pour l'avenir de la mobilité. <h2>I.1 Contexte et Problématique</h2> Aujourd'hui, la mobilité est confrontée à plusieurs défis majeurs. Les infrastructures de transport sont saturées, surtout dans les grandes villes, où les embouteillages et la surcharge des transports publics provoquent des pertes de temps significatives. En parallèle, les modes de transport traditionnels, fortement dépendants des énergies fossiles, contribuent aux émissions de gaz à effet de serre et à la pollution, exacerbant ainsi la crise climatique. Face à ces problèmes, la téléportation, longtemps considérée comme un rêve de science-fiction, pourrait offrir une solution révolutionnaire. Elle permettrait de surmonter instantanément les contraintes de distance, tout en réduisant la dépendance aux infrastructures physiques et en minimisant l'impact environnemental. <h2>I.2 Objectif du projet</h2> Notre objectif est de développer un téléporteur fonctionnel permettant le déplacement instantané de personnes ou d'objets d'un point à un autre, en toute sécurité. En combinant des avancées en mécanique quantique et des technologies de rematérialisation, nous visons à créer un moyen de transport écologique, rapide et économiquement viable. Ce projet a pour ambition de redéfinir les paradigmes de la mobilité, en apportant une solution innovante aux enjeux actuels, tout en respectant les normes de sécurité et d'éthique les plus strictes <h2>II.1 Description de l'innovation, Technique</h2> <<if $redaction1 is false>> <div class="redaction">[[Rediger cette partie->doc editeur][$redaction1 to true]]</div> <<elseif $redaction1 is true && $matthieuRedac is false>> <h3>II.1.1 Principe de la technologie</h3> Notre projet de téléporteur repose sur une combinaison de percées scientifiques dans plusieurs domaines clés, avec une approche innovante et interdisciplinaire. <b>1. Mécanique quantique :</b> Au cœur de notre technologie se trouve l’intrication quantique, un phénomène bien connu en physique où deux particules deviennent instantanément connectées, même à des distances astronomiques. Grâce à des avancées récentes dans ce domaine, nous avons développé un processus permettant de transférer des informations subatomiques à une vitesse dépassant celle de la lumière. En capturant et en transférant l'état exact des particules qui composent une personne ou un objet, nous assurons une transmission instantanée et fidèle de la matière d'un point à un autre. <b>2.Dématérialisation/Re-matérialisation :</b> La technologie repose sur la capacité à décomposer la matière au niveau subatomique, à la convertir en une forme d'information pure, puis à la reconstruire à un autre endroit sans altération. Ce processus de dématérialisation consiste à scanner les moindres détails atomiques et énergétiques d'une personne ou d'un objet, avant d'envoyer ces informations codées à grande vitesse vers une station de rematérialisation. La reconstruction de la matière se fait alors avec une précision parfaite, assurant que l'individu ou l'objet reconstitué soit identique à son état initial. <b>3.Énergies propres :</b> Un élément fondamental de notre téléporteur est son utilisation d’une source énergétique innovante, basée sur l’énergie de point zéro. Cette énergie théorique, issue des fluctuations quantiques du vide, est exploitée pour alimenter le processus de téléportation. Cela permet de minimiser l'empreinte environnementale de l'appareil et d'assurer une efficacité énergétique maximale. Contrairement aux transports traditionnels qui dépendent des carburants fossiles, notre téléporteur fonctionne sans émissions de gaz à effet de serre, offrant ainsi une solution de transport durable. <<elseif $redaction1 is true && $matthieuRedac is true>> <b> ---- modifié par Matthieu</b> <s style="color:red;"><h3>II.1.1 Principe de la technologie</h3> Notre projet de téléporteur repose sur une combinaison de percées scientifiques dans plusieurs domaines clés, avec une approche innovante et interdisciplinaire. <b>1. Mécanique quantique :</b> Au cœur de notre technologie se trouve l’intrication quantique, un phénomène bien connu en physique où deux particules deviennent instantanément connectées, même à des distances astronomiques. Grâce à des avancées récentes dans ce domaine, nous avons développé un processus permettant de transférer des informations subatomiques à une vitesse dépassant celle de la lumière. En capturant et en transférant l'état exact des particules qui composent une personne ou un objet, nous assurons une transmission instantanée et fidèle de la matière d'un point à un autre. <b>2.Dématérialisation/Re-matérialisation :</b> La technologie repose sur la capacité à décomposer la matière au niveau subatomique, à la convertir en une forme d'information pure, puis à la reconstruire à un autre endroit sans altération. Ce processus de dématérialisation consiste à scanner les moindres détails atomiques et énergétiques d'une personne ou d'un objet, avant d'envoyer ces informations codées à grande vitesse vers une station de rematérialisation. La reconstruction de la matière se fait alors avec une précision parfaite, assurant que l'individu ou l'objet reconstitué soit identique à son état initial. <b>3.Énergies propres :</b> Un élément fondamental de notre téléporteur est son utilisation d’une source énergétique innovante, basée sur l’énergie de point zéro. Cette énergie théorique, issue des fluctuations quantiques du vide, est exploitée pour alimenter le processus de téléportation. Cela permet de minimiser l'empreinte environnementale de l'appareil et d'assurer une efficacité énergétique maximale. Contrairement aux transports traditionnels qui dépendent des carburants fossiles, notre téléporteur fonctionne sans émissions de gaz à effet de serre, offrant ainsi une solution de transport durable. </s> Le téléporteur fonctionne grâce à la mécanique quantique, plus précisément à l'intrication quantique, qui permet de transférer des informations super rapidement, plus vite que la lumière. On décompose la matière, qu’on envoie ailleurs, puis on la recompose. Cela permet de faire voyager des gens ou des objets. Pour l’énergie, on utilise une source propre, l’énergie de point zéro, qui permet de fonctionner sans polluer. <<endif>> <h3>II.1.2 Fonctionnement</h3> <<if $redaction2 is false>> <div class="redaction">[[Rediger cette partie->doc editeur][$redaction2 to true]]</div> <<elseif $redaction2 is true && $matthieuRedac is false>> Le processus de téléportation se décompose en trois phases : <b>1.Phase de dématérialisation :</b> Lorsque la personne ou l'objet entre dans le téléporteur, un scan subatomique complet est effectué. Chaque particule composant l'individu est analysée, y compris ses informations physiques et énergétiques. Ce scan inclut également les pensées et souvenirs, garantissant l'intégrité psychique de l'individu. <b>2.Transmission des données :</b> Les informations ainsi collectées sont< ensuite codées et transmises à une vitesse quasi-instantanée vers le point de destination. Grâce à l'intrication quantique et à des protocoles de transmission ultra-rapides, les données sont envoyées sans perte ni déformation, même sur des distances importantes. <b>3.Phase de re-matérialisation :</b> À la station de destination, les informations sont reçues et utilisées pour reconstituer la personne ou l'objet dans son état d'origine. Le processus garantit une re-matérialisation exacte, tant au niveau physique qu'au niveau mental, assurant ainsi que l'individu téléporté conserve sa pleine intégrité physique et psychique. <<elseif $redaction2 is true && $matthieuRedac is true>> <b> ---- modifié par Matthieu</b> <s style="color:red;">Le processus de téléportation se décompose en trois phases : <b>1.Phase de dématérialisation :</b> Lorsque la personne ou l'objet entre dans le téléporteur, un scan subatomique complet est effectué. Chaque particule composant l'individu est analysée, y compris ses informations physiques et énergétiques. Ce scan inclut également les pensées et souvenirs, garantissant l'intégrité psychique de l'individu. <b>2.Transmission des données :</b> Les informations ainsi collectées sont< ensuite codées et transmises à une vitesse quasi-instantanée vers le point de destination. Grâce à l'intrication quantique et à des protocoles de transmission ultra-rapides, les données sont envoyées sans perte ni déformation, même sur des distances importantes. <b>3.Phase de re-matérialisation :</b> À la station de destination, les informations sont reçues et utilisées pour reconstituer la personne ou l'objet dans son état d'origine. Le processus garantit une re-matérialisation exacte, tant au niveau physique qu'au niveau mental, assurant ainsi que l'individu téléporté conserve sa pleine intégrité physique et psychique.</s> Le processus est simple : d'abord, on scanne l'individu ou l’objet pour avoir toutes les informations nécessaires. Ensuite, ces données sont envoyées instantanément à la destination souhaitée. Enfin, à l’arrivée, tout est reconstitué exactement comme c’était au départ, que ce soit pour une personne ou un objet. <<endif>> <h2>II.2 Avantages de notre solution</h2> <<if $redaction3 is false>> <div class="redaction">[[Rediger cette partie->doc editeur][$redaction3 to true]]</div> <<elseif $redaction3 is true && $matthieuRedac is false>> <b>1.Réduction drastique des temps de transport :</b> La téléportation permet de se déplacer à l'échelle mondiale en un instant, sans dépendre des moyens de transport classiques. Plus de longs trajets en avion, en train ou en voiture ; les distances deviennent obsolètes. Cela ouvre des possibilités infinies en termes de logistique, de voyages et même de commerce international, où la rapidité est un facteur déterminant. <b>2.Impact écologique positif :</b> Notre téléporteur, en exploitant l'énergie de point zéro, élimine les émissions de gaz à effet de serre et réduit la nécessité de vastes infrastructures de transport (routes, aéroports, etc.). En réduisant la dépendance aux combustibles fossiles et aux moyens de transport polluants, cette technologie contribue activement à la lutte contre le changement climatique. <b>3.Sécurité optimisée :</b> La sécurité est au cœur de notre démarche. Les algorithmes utilisés dans notre téléporteur garantissent une transmission de données sans erreur, protégeant ainsi l'intégrité physique et psychique des personnes téléportées. Grâce à la technologie de scan subatomique, il n'y a aucune altération ou perte d'informations lors du processus, ce qui assure un voyage sans danger pour l'utilisateur. En résumé, notre solution de téléportation représente un bond technologique majeur, offrant une alternative rapide, écologique et sécurisée aux moyens de transport traditionnels. <<elseif $redaction3 is true && $matthieuRedac is true>> <s style="color:red;"><b>1.Réduction drastique des temps de transport :</b> La téléportation permet de se déplacer à l'échelle mondiale en un instant, sans dépendre des moyens de transport classiques. Plus de longs trajets en avion, en train ou en voiture ; les distances deviennent obsolètes. Cela ouvre des possibilités infinies en termes de logistique, de voyages et même de commerce international, où la rapidité est un facteur déterminant. <b>2.Impact écologique positif :</b> Notre téléporteur, en exploitant l'énergie de point zéro, élimine les émissions de gaz à effet de serre et réduit la nécessité de vastes infrastructures de transport (routes, aéroports, etc.). En réduisant la dépendance aux combustibles fossiles et aux moyens de transport polluants, cette technologie contribue activement à la lutte contre le changement climatique. <b>3.Sécurité optimisée :</b> La sécurité est au cœur de notre démarche. Les algorithmes utilisés dans notre téléporteur garantissent une transmission de données sans erreur, protégeant ainsi l'intégrité physique et psychique des personnes téléportées. Grâce à la technologie de scan subatomique, il n'y a aucune altération ou perte d'informations lors du processus, ce qui assure un voyage sans danger pour l'utilisateur. En résumé, notre solution de téléportation représente un bond technologique majeur, offrant une alternative rapide, écologique et sécurisée aux moyens de transport traditionnels.</s> L’avantage principal est la vitesse : le transport se fait instantanément, ce qui permet de gagner beaucoup de temps par rapport aux moyens classiques. En plus, le téléporteur est écologique puisqu'il n'émet pas de gaz à effet de serre. Enfin, il est très sûr : les algorithmes garantissent que rien n’est perdu ou modifié pendant la transmission. Cela permet de repenser complètement la manière de se déplacer. <<endif>> <h2>III Avancement du projet et prochaines étapes</h2> Nous avons franchi plusieurs étapes clés dans la mise en œuvre de ce projet : - Prototype de laboratoire : Nous avons réussi la téléportation d’objets inanimés sur de courtes distances. - Tests en environnement contrôlé : En cours de réalisation pour la téléportation d'organismes biologiques. Les prochaines étapes incluent : - Le test de téléportation humaine sous surveillance scientifique rigoureuse. - La mise en place des premiers centres de téléportation à l’échelle pilote dans des zones métropolitaines clés. <h2>IV Opportunités d'investissement</h2> Notre projet a besoin d'investissements pour : - Poursuivre le développement du prototype à grande échelle. - Améliorer les systèmes de sécurité et de contrôle lors des téléportations humaines. - Créer une infrastructure de centres de téléportation dans les grandes villes. Nous offrons à nos investisseurs la possibilité de participer à une révolution technologique et de prendre part à un projet qui pourrait changer le cours de l'histoire du transport. <h2>Conclusion</h2> L’équipe de Nebula est prête à faire le saut vers l’avenir et à transformer la science-fiction en réalité. Grâce à notre participation à l'émission « Innovateurs en quête d'investisseurs », nous espérons attirer des partenaires stratégiques qui partagent notre vision et souhaitent contribuer à ce tournant décisif pour l’humanité. </div> </div> </div> </div> <<if $J2_5done is false && $redaction1 is true && $redaction2 is true && $redaction3 is true>> <<set $J2_5done to true>><<set $J2_6 to true>><<set $J2_6done to false>> <<notify "pensee" 5>> /* son :“pensée 7 Ça y est, j’ai fini ! Je vais pouvoir prévenir les autres.”"*/ <</notify>> <<audio pensee_7 play>> <<endif>> <<if $J2_7done is true && $J2_8 is false>> <<notify "message" 5>> Vous avez reçu un message de Margaret. <</notify>> <<set $J2_8 to true>><<set $J2_8done to false>> <<endif>>

<<set $J2_3done to true>> <div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/doc_lecteur.png" class="OrdiJ1"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <div class="bouton" style="width: 4%; height: 7%; left: 92.81%; top: 0.74%;">[[OrdinateurJ2]]</div> </div> </div> <<if $J2_3done is true && $J2_4 is false>> <<set $J2_4 to true>><<set $J2_4done to false>> <<notify "pensee" 5>> /* son : Je ne peux rien écrire, il a dû oublier de m’ajouter en éditrice. Je vais envoyer un message sur le groupe pour qu’on m’ajoute. */ <</notify>> <<audio pensee_5a play>> <<endif>>

<div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/doc_image_copier.png" class="OrdiJ1"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <div class="bouton" style="width: 19.38%; height: 4.26%; left: 77.92%; top: 39.63%;">[[internetJ2][$imgcopy to true]]</div> </div> </div>

<div id="ordinateur" class="container_1"> <div class="container_2"> <img src="images/doc_image.png" class="OrdiJ1"> <div class="bouton" style="width: 6%; height: 9%; left: 0%; top: 91%;">[[BureauJ2]]</div> <div class="bouton" style="width: 4%; height: 7%; left: 92.81%; top: 0.74%;">[[OrdinateurJ2]]</div> <<if $editeur is true>> <div class="bouton" style="width: 4.11%; height: 8.15%; left: 35.99%; top: 91.48%;">[[doc editeur]]</div> <<endif>> <<if $bar is true && $J2_3 is true>> <div class="bouton" style="width: 3.9%; height: 7%; left: 65.78%; top: 91.94%;">[[Mail doc recu]]</div> <<elseif $bar is false && $J2_3 is true && $editeur is true>> <div class="bouton" style="width: 3.9%; height: 7%; left: 65.78%; top: 91.94%;">[[Mail doc recu]]</div> <<endif>> <div class="bouton" style="width: 37.34%; height: 46.57%; left: 57.97%; top: 25.83%;">[[imgJ2]]</div> </div> </div>