Ice-breaker Box

🧪 Outil exclusif pour les adhérents payants du Labo

Un outil conçu pour choisir des ice breaker sur-mesure… en un clic.

🎯 Ce que l’outil fait pour vous

En 5 secondes chrono, il vous concocte un ice breaker prêt à animer, avec un rendu clair, structuré et directement exploitable :

• Objectif d’ambiance expliqué simplement
• Déroulé minute par minute (oui, même la micro-transition où tout le monde rigole nerveusement)
• Activité adaptée à votre public, du plus timide au plus bavard
• Matériel requis (souvent trois fois rien, promis)
• Astuces d’animation pour lancer l’énergie sans forcer

Le reste ? Pur effet Labo. ✨

Cet outil fait partie des bonus premium du Labo : des ressources qui vous offrent plus de spontanéité, plus de fluidité… et quelques points de tranquillité d’esprit 🧘.

Un vrai coup de pouce pour lancer vos ateliers plus vite, plus fun… et sans sacrifier votre pause café (ni votre santé mentale déjà un peu sollicitée).

(function() { window.LaboApp = window.LaboApp || {}; /* DATA */ const data = [ // CATEGORIE A { id: 1, cat: 'A', title: "Pic One / Photolangage", duration: "20 min", material: "Jeu d'images (Dixit, photos mag...)", objective: "Se présenter de manière ludique, créer un climat de confiance et favoriser l’écoute. L'image sert de médiateur.", steps: "

• 1. Installation : Étalez les images sur une table ou distribuez-les aléatoirement.
• 2. Réflexion : Laissez 2 minutes aux participants pour choisir une carte.
• 3. Consigne : « Choisissez une image qui vous correspond aujourd'hui » ou « Une image qui représente votre projet ».
• 4. Tour de table : Chacun présente son image : « J'ai choisi cette carte parce que... ».

" }, { id: 2, cat: 'A', title: "Le Cercle des passions", duration: "20 min", material: "Aucun", objective: "Réaliser que le groupe partage des liens forts malgré les différences apparentes.", steps: "

• 1. Choix mental : Chaque participant choisit deux passions (une pour sa main droite, une pour sa gauche).
• 2. Circulation : Les participants circulent pour trouver quelqu'un partageant une passion commune.
• 3. Connexion : Dès qu'un point commun est trouvé, ils se tiennent la main correspondante.
• 4. Final : Le but est de former un grand cercle unique où tout le monde est relié.

" }, { id: 3, cat: 'A', title: "Les Cercles concentriques", duration: "15 min", material: "Liste de questions", objective: "Favoriser les échanges rapides en duo (Speed-dating pro).", steps: "

• 1. Formation : Deux cercles (intérieur et extérieur) face à face.
• 2. Question : L'animateur pose une question (ex: « Ta plus belle réussite pro ? »).
• 3. Échange : 30 secondes pour répondre chacun.
• 4. Rotation : Le cercle extérieur se décale d'une personne vers la droite. Nouvelle question.

" }, { id: 4, cat: 'A', title: "10 points communs", duration: "15 min", material: "Aucun", objective: "Renforcer la curiosité et dépasser les premières impressions visuelles.", steps: "

• 1. Binômes : Formez des duos (idéalement des personnes qui se connaissent peu).
• 2. Défi : Vous avez 3 minutes pour trouver 10 points communs.
• 3. Contrainte majeure : Interdiction de citer des choses visibles (ex: « on porte des lunettes »). Il faut creuser (goûts, expériences, famille...).
• 4. Restitution : Le binôme qui a trouvé les points les plus insolites les partage.

" }, { id: 5, cat: 'A', title: "Présentation tournante", duration: "15 min", material: "Post-it 2 couleurs", objective: "Rendre tout le monde acteur de la présentation et renforcer l'écoute active.", steps: "

• 1. Cercle : Distribuez une couleur de post-it en alternance (A et B).
• 2. Mécanique : Les A restent fixes, les B tournent.
• 3. Question 1 : « Quel est ton prénom ? ». Les binômes échangent.
• 4. Rotation : Faites tourner les B. Nouvelle question (ex: « Ton poste actuel ? »).
• 5. Final : Le groupe présente chaque participant collectivement grâce aux infos glanées.

" }, { id: 6, cat: 'A', title: "Deux vérités, un mensonge", duration: "20 min", material: "Aucun", objective: "Découvrir des anecdotes surprenantes et créer de la complicité.", steps: "

• 1. Préparation : Chaque participant prépare 3 affirmations sur sa vie (2 vraies, 1 fausse).
• 2. Présentation : À tour de rôle, chacun énonce ses 3 phrases avec le même aplomb.
• 3. Vote : Le groupe doit deviner collectivement où est le mensonge.
• 4. Révélation : La personne dévoile la vérité et raconte l'anecdote.

" }, { id: 7, cat: 'A', title: "L'objet totem / Show & Tell", duration: "20 min", material: "Objet perso", objective: "Créer une connexion émotionnelle et authentique (Storytelling).", steps: "

• 1. Amont : Demandez aux participants d'apporter un objet qui les représente.
• 2. Présentation : À tour de rôle, chacun montre son objet.
• 3. Histoire : Expliquer le choix et l'histoire liée. « J'ai ramené cette boussole car... ».
• 4. Variante : Si pas d'objet, utiliser une photo sur smartphone ou un objet du sac.

" }, { id: 8, cat: 'A', title: "Tour de table géographique", duration: "10 min", material: "Espace salle", objective: "Mettre en mouvement et visualiser les origines du groupe.", steps: "

• 1. La Carte : Imaginez que la salle est une carte (de France ou du Monde). Définissez le Nord et le Sud.
• 2. Placement : « Placez-vous là où vous êtes nés ».
• 3. Présentation : Chacun dit son prénom et sa ville depuis sa place.
• 4. Variante : « Placez-vous là où vous rêvez de vivre ».

" }, { id: 9, cat: 'A', title: "Les questions musicales", duration: "10 min", material: "Musique", objective: "Mélanger le groupe de façon dynamique et briser les clans.", steps: "

• 1. Musique ON : Tout le monde marche dans la salle de façon aléatoire.
• 2. Musique OFF : Arrêt immédiat. Chacun doit trouver le partenaire le plus proche.
• 3. Échange : L'animateur pose une question (ex: « Ton plat préféré ? »). 1 min d'échange.
• 4. Répétition : On relance la musique. Faire 3 à 5 tours.

" }, { id: 10, cat: 'A', title: "Qui est ici ?", duration: "5 min", material: "Affiches/Zones", objective: "Identifier rapidement les profils présents (Diagnostic groupe).", steps: "

• 1. Zones : Affichez des catégories aux 4 coins (ex: « Créatifs », « Analystes », « Terrain », « Bureau »).
• 2. Choix : « Rejoignez la zone qui correspond le plus à votre mode de travail ».
• 3. Échange : Discutez 2 min avec vos semblables sur pourquoi vous êtes là.

" }, // CATEGORIE B { id: 11, cat: 'B', title: "Le jeu des 3 balles", duration: "15 min", material: "3 balles, chrono", objective: "Stimuler l'esprit d'équipe, la stratégie et la rapidité.", steps: "

• 1. Défi : Le groupe doit faire circuler 3 balles entre tous les membres.
• 2. Règle : Tout le monde doit toucher les balles, dans le même ordre, une par une.
• 3. Chrono : L'animateur chronomètre le premier essai.
• 4. Optimisation : Le groupe doit trouver une stratégie pour diviser son temps par deux (ex: se rapprocher).

" }, { id: 12, cat: 'B', title: "De 1 à 20 (Compte est bon)", duration: "10 min", material: "Aucun", objective: "Développer l'écoute et la connexion de groupe sans visuel.", steps: "

• 1. Consigne : Le groupe doit compter collectivement jusqu'à 20 à voix haute.
• 2. Règle d'or : Une seule personne parle à la fois. Pas d'ordre défini, c'est au feeling.
• 3. Crash : Si deux personnes disent un chiffre en même temps, le groupe repart à zéro !
• 4. Astuce : Demander aux participants de fermer les yeux pour mieux s'écouter.

" }, { id: 13, cat: 'B', title: "Chifoumi géant", duration: "15 min", material: "Aucun", objective: "Énergiser au maximum et créer une ambiance festive.", steps: "

• 1. Duels : Tout le monde s'affronte en duel de Pierre-Feuille-Ciseaux.
• 2. Fan Club : Le perdant se place derrière le gagnant (mains sur les épaules) et scande son prénom.
• 3. Progression : Le gagnant (suivi de son fan club) affronte un autre gagnant.
• 4. Finale : Deux finalistes s'affrontent, soutenus par la moitié du groupe chacun.

" }, { id: 14, cat: 'B', title: "Action (1, 2, 3...)", duration: "10 min", material: "Aucun", objective: "Réveil corporel et attention auditive.", steps: "

• 1. Marche : Les participants marchent dans la salle.
• 2. Codes : L'animateur annonce un chiffre associé à une action.
• 3. Actions : 1 = Statue, 2 = Dos à dos avec un partenaire, 3 = Serrer une main, 4 = Sauter de joie.
• 4. Rythme : Accélérez la cadence des annonces pour créer du chaos ludique.

" }, { id: 15, cat: 'B', title: "Le Réveil du Samouraï", duration: "10 min", material: "Aucun", objective: "Dynamiser le corps et l'esprit, se recentrer.", steps: "

• 1. Tapotements : Guidez des mouvements d'automassage énergique (bras, jambes, torse).
• 2. Le Sabre : Inspirez en levant les bras comme pour tenir un sabre.
• 3. La Coupe : Expirez fort (« Kiai » ou « Chhh ») en abaissant les bras pour trancher un obstacle imaginaire.
• 4. Répétition : Faire 3 fois pour évacuer le stress.

" }, { id: 16, cat: 'B', title: "La Ligne Magique", duration: "10 min", material: "Ligne au sol", objective: "Mettre en mouvement et connaître les opinions.", steps: "

• 1. Ligne : Tracez une ligne imaginaire. Droite = OUI, Gauche = NON.
• 2. Questions : Posez des questions binaires. « Êtes-vous du matin ? », « Aimez-vous le télétravail ? ».
• 3. Saut : Les participants sautent d'un côté à l'autre pour répondre.
• 4. Nuance : Observez ceux qui restent au milieu ou hésitent.

" }, { id: 17, cat: 'B', title: "Nœud humain", duration: "15 min", material: "Aucun", objective: "Résolution de problème et proximité physique.", steps: "

• 1. Cercle : Serrez-vous en cercle, épaules contre épaules.
• 2. Prise : Chacun attrape la main de deux personnes différentes (pas ses voisins immédiats).
• 3. Démêlage : Le groupe doit retrouver le cercle parfait sans jamais lâcher les mains.
• 4. Souplesse : Il faut passer au-dessus ou en dessous des bras. Attention à la sécurité !

" }, { id: 18, cat: 'B', title: "Traversée (La Rivière)", duration: "15 min", material: "Ruban adhésif", objective: "Créativité motrice et pensée divergente.", steps: "

• 1. La Rivière : Délimitez deux rives espacées de 3 mètres.
• 2. Consigne : Tout le monde doit traverser.
• 3. Contrainte : Interdiction d'utiliser un mode de déplacement déjà vu.
• 4. Créativité : Le 1er marche. Le 2ème saute. Le 3ème rampe. Le 10ème doit être très inventif !

" }, { id: 19, cat: 'B', title: "Sculpture humaine", duration: "20 min", material: "Aucun", objective: "Coordination non-verbale et expression corporelle.", steps: "

• 1. Groupes : Par équipes de 4 ou 5.
• 2. Thème : Donnez un mot (ex: « La Victoire », « Le Stress », « L'Entretien »).
• 3. Création : Les équipes ont 2 min pour créer une statue collective représentant le mot.
• 4. Vernissage : On regarde les statues des autres équipes et on interprète.

" }, { id: 20, cat: 'B', title: "La Bulle (Théorie U)", duration: "10 min", material: "Aucun", objective: "Qualité de présence et niveaux d'écoute (Calme).", steps: "

• 1. Marche 1 : Marchez en vous concentrant uniquement sur vous-même (Bulle fermée).
• 2. Marche 2 : Marchez en observant l'environnement physique (Objets, lumière).
• 3. Marche 3 : Croisez le regard des autres participants (Connexion).
• 4. Marche 4 : Saluez ou souriez aux autres (Bienveillance).

" }, // CATEGORIE C { id: 21, cat: 'C', title: "Marshmallow Challenge", duration: "18 min", material: "Spaghettis, scotch, ficelle, chamallow", objective: "Collaboration, prototypage rapide et gestion de l'échec.", steps: "

• 1. Matériel : Par équipe : 20 spaghettis crus, 1m de scotch, 1m de ficelle, 1 chamallow.
• 2. Défi : Construire la tour la plus haute possible en 18 min chrono.
• 3. Règle critique : Le chamallow entier doit être posé au sommet (pas planté, pas mangé).
• 4. Mesure : Au gong, on lâche tout. La structure doit tenir seule.

" }, { id: 22, cat: 'C', title: "Dessine ce que je vois", duration: "25 min", material: "Dessins, papier", objective: "Communication précise et interprétation.", steps: "

• 1. Binôme : Dos à dos. A a le modèle, B a le crayon.
• 2. Description : A décrit l'image géométrique à B sans dire ce que c'est (interdit de dire « dessine une maison »). Il faut dire « trace un carré, au dessus un triangle... ».
• 3. Dessin : B dessine en silence.
• 4. Comparaison : On regarde les résultats (souvent drôles) et on analyse les écarts de langage.

" }, { id: 23, cat: 'C', title: "Cadavre exquis (Dessin/Phrase)", duration: "15 min", material: "Feuilles A4", objective: "Créativité, humour et lâcher-prise.", steps: "

• 1. Pliage : Pliez une feuille en accordéon (4 ou 5 volets).
• 2. Écriture : Le 1er écrit une phrase en haut, plie pour cacher et passe au voisin.
• 3. Dessin : Le 2ème lit la phrase, la dessine dans le volet suivant, plie pour cacher la phrase (ne laisse voir que le dessin) et passe.
• 4. Écriture : Le 3ème voit le dessin, écrit ce qu'il comprend, plie...
• 5. Dépliage : On découvre l'histoire complète à la fin.

" }, { id: 24, cat: 'C', title: "Observe-moi", duration: "10 min", material: "Aucun", objective: "Sens de l'observation et attention à l'autre.", steps: "

• 1. Observation : Binômes face à face. Observez-vous en silence pendant 1 minute.
• 2. Changement : Tournez-vous dos à dos. Changez 3 détails physiques (enlever lunettes, retrousser manche, changer montre de bras...).
• 3. Enquête : Retournez-vous. Le partenaire doit trouver les 3 changements.

" }, { id: 25, cat: 'C', title: "Non = Oui (Improvisation)", duration: "10 min", material: "Aucun", objective: "Traiter la négation, rebondir et accepter l'imprévu.", steps: "

• 1. Récit : A commence à raconter une histoire banale.
• 2. Objection : B l'interrompt quand il veut en disant « Non, c'est faux ».
• 3. Acceptation : A doit dire « Effectivement... » et changer immédiatement son histoire pour valider l'objection de B.
• 4. Exemple : A: « Je mange une pomme » / B: « Non c'est faux » / A: « Effectivement, je mange une brique... ».

" }, { id: 26, cat: 'C', title: "Tableau Vivant", duration: "15 min", material: "Aucun", objective: "Coordination et illustration collective d'un concept.", steps: "

• 1. Thème : L'animateur donne un thème (ex: « Coup de foudre à Pôle Emploi »).
• 2. Entrée : Un par un, les participants entrent dans l'espace scénique et prennent une pose figée en lien avec les autres.
• 3. Animation : Une fois le tableau complet, l'animateur tape dans ses mains : le tableau s'anime (geste répétitif + son) pendant 10 secondes.

" }, { id: 27, cat: 'C', title: "Le jeu de l'histoire", duration: "20 min", material: "Aucun", objective: "Écoute active et co-construction.", steps: "

• 1. Cercle : Assis en cercle.
• 2. Lancement : Une personne commence une histoire avec un seul mot (ou une phrase).
• 3. Relais : Le voisin ajoute le mot suivant, et ainsi de suite.
• 4. Fluidité : L'histoire doit rester cohérente grammaticalement. Cela force à écouter vraiment ce qui est dit avant.

" }, { id: 28, cat: 'C', title: "Métaplan", duration: "30 min", material: "Post-it, Mur", objective: "Visualisation collective d'idées.", steps: "

• 1. Question : Posez une question ouverte complexe.
• 2. Production : 5 min en silence. 1 idée par Post-it (écrit gros).
• 3. Affichage : Chacun vient coller ses idées au mur.
• 4. Tri : Le groupe organise les post-it par familles/nuages et donne un titre à chaque nuage.

" }, { id: 29, cat: 'C', title: "Chapeaux de De Bono", duration: "40 min", material: "6 Chapeaux/Cartes", objective: "Penser différemment et éviter la censure.", steps: "

• 1. Principe : Analyser un problème en endossant un rôle spécifique.
• 2. Rôles : Blanc (Faits), Rouge (Émotions), Noir (Risques), Jaune (Optimisme), Vert (Créativité), Bleu (Organisation).
• 3. Tour : Tout le groupe porte le même chapeau en même temps pour explorer le sujet sous cet angle unique.

" }, { id: 30, cat: 'C', title: "Bourse aux idées", duration: "20 min", material: "Jetons, Cartons", objective: "Brainstorming émulatoire et valorisation.", steps: "

• 1. Production : Produire un max d'idées en 10 min sur des cartons.
• 2. La Bourse : On étale les idées sur une table.
• 3. Achat : Chaque participant a un budget (3 gommettes ou jetons). Il doit « acheter » (investir sur) les idées qu'il trouve les meilleures.
• 4. Podium : On compte les investissements pour élire les idées gagnantes.

" }, // CATEGORIE D { id: 31, cat: 'D', title: "Perdus sur la lune (NASA)", duration: "30 min", material: "Fiche scénario", objective: "Comparer la prise de décision individuelle vs collective.", steps: "

• 1. Scénario : Crash sur la lune. Il reste 15 objets intacts.
• 2. Solo : Chacun classe seul les objets par ordre d'importance pour la survie (1 à 15).
• 3. Groupe : En équipe, débattez pour faire un classement commun consensuel.
• 4. Preuve : Comparez les scores avec la correction de la NASA. Le groupe bat presque toujours l'individu seul.

" }, { id: 32, cat: 'D', title: "Boule de neige (1-2-4-All)", duration: "20 min", material: "Aucun", objective: "Partager des attentes et converger vers une synthèse.", steps: "

• 1. Temps 1 (Solo) : 1 min de réflexion silencieuse sur une question.
• 2. Temps 2 (Duo) : 2 min d'échange par paires.
• 3. Temps 4 (Quatuor) : 4 min de synthèse entre deux paires.
• 4. All (Plénière) : Chaque groupe partage une idée phare. Permet de faire parler tout le monde sans chaos.

" }, { id: 33, cat: 'D', title: "L'Arbre à personnages (Blob)", duration: "15 min", material: "Image Blob Tree", objective: "Exprimer son état d'esprit ou son ressenti visuellement.", steps: "

• 1. Visuel : Projetez ou distribuez l'image de l'arbre avec les petits bonshommes (Blobs).
• 2. Choix : « Quel personnage êtes-vous aujourd'hui ? Celui qui grimpe ? Celui qui aide ? Celui qui tombe ? ».
• 3. Partage : Tour de table rapide pour expliquer son choix. Très puissant pour la météo d'équipe.

" }, { id: 34, cat: 'D', title: "L'île des attentes", duration: "15 min", material: "Dessin 3 îles", objective: "Clarifier les objectifs et le cadre.", steps: "

• 1. Dessin : Au paperboard, dessinez 3 îles : « L'île au Trésor », « L'île des Requins », « Le Bateau ».
• 2. Post-it : Les participants écrivent et collent.
• 3. Signification : Trésor = Ce que je viens chercher. Requins = Ce que je veux éviter. Bateau = Ce que j'apporte (mes ressources).

" }, { id: 35, cat: 'D', title: "Bateau Agile (Speed Boat)", duration: "30 min", material: "Dessin Bateau", objective: "Diagnostic de projet métaphorique.", steps: "

• 1. Métaphore : Dessinez un bateau avec une ancre, des voiles, un soleil et une île.
• 2. Analyse : Ancre = Ce qui nous freine. Voiles = Ce qui nous pousse. Île = L'objectif. Soleil = Ce qui nous fait plaisir.
• 3. Brainstorming : Remplissez collectivement chaque zone pour faire le point sur un projet.

" }, { id: 36, cat: 'D', title: "Matrice AFOM (SWOT)", duration: "30 min", material: "Tableau 4 cases", objective: "Analyse stratégique partagée.", steps: "

• 1. Matrice : Divisez le tableau en 4 : Atouts, Faiblesses, Opportunités, Menaces.
• 2. Remplissage : En sous-groupes ou plénière, analysez la situation.
• 3. Synthèse : Croisez les cases. Comment utiliser nos Atouts pour saisir les Opportunités ?

" }, { id: 37, cat: 'D', title: "Atelier du futur", duration: "45 min", material: "Paperboard", objective: "Prospective et plan d'action (Libérer l'énergie).", steps: "

• 1. Phase Critique : On vide son sac sur tout ce qui ne va pas aujourd'hui.
• 2. Phase Utopique : On rêve la situation idéale sans contrainte de budget ou de faisabilité.
• 3. Phase Réaliste : On construit le chemin concret pour aller de la critique vers l'utopie.

" }, { id: 38, cat: 'D', title: "Vote de couleur", duration: "10 min", material: "Cartons R/J/V", objective: "Décision collective sans objection majeure.", steps: "

• 1. Proposition : Une décision est proposée au groupe.
• 2. Vote : Carton Vert = Accord total. Jaune = Accord avec réserve (je laisse faire). Rouge = Veto (je bloque).
• 3. Débat : Si Rouge, la personne DOIT expliquer et proposer une modification.
• 4. Objectif : Transformer les Rouges en Jaunes ou Verts.

" }, { id: 39, cat: 'D', title: "Groupe d'Interview Mutuelle", duration: "45 min", material: "Aucun", objective: "Analyse de pratiques professionnelles (Co-Dév).", steps: "

• 1. Rôles : Un Client (a un problème), des Consultants (le groupe).
• 2. Exposé : Le client explique sa situation. Les consultants écoutent sans interrompre.
• 3. Clarification : Les consultants posent des questions pour comprendre (pas de conseils !).
• 4. Consultation : Les consultants donnent des idées. Le client prend ce qu'il veut.

" }, { id: 40, cat: 'D', title: "L'Acrostiche", duration: "20 min", material: "Paperboard", objective: "Poser les règles de vie du groupe de façon ludique.", steps: "

• 1. Mot-clé : Écrivez un mot verticalement (ex: EQUIPE ou PROJET).
• 2. Création : Pour chaque lettre, trouvez une règle ou une valeur commençant par cette lettre.
• 3. Exemple : E = Écoute. Q = Questionnement bienveillant. U = Utilité...

" }, // CATEGORIE E { id: 41, cat: 'E', title: "Petit bonheur du matin", duration: "10 min", material: "Photos (Smartphone)", objective: "Humaniser la relation à distance et créer de la proximité.", steps: "

• 1. Amont : Demandez aux participants d'envoyer par mail/chat une photo de leur « petit bonheur » (tasse café, chat, vue fenêtre).
• 2. Projection : Affichez les photos en partage d'écran au début de la visio.
• 3. Devinette : « À qui est ce chat ? » ou laissez l'auteur commenter.

" }, { id: 42, cat: 'E', title: "Tour de table Emojis", duration: "2 min", material: "Chat Visio", objective: "Météo rapide sans parole (Check-in efficace).", steps: "

• 1. Question : « Comment vous sentez-vous ce matin ? ».
• 2. Consigne : Répondez dans le chat avec un SEUL Emoji qui résume votre état.
• 3. Analyse : Balayez les réponses. « Je vois beaucoup de soleils, mais un nuage pour Julien, tout va bien ? ».

" }, { id: 43, cat: 'E', title: "Speed meeting virtuel", duration: "15 min", material: "Breakout Rooms", objective: "Créer des liens dans un grand groupe (Machine à café virtuelle).", steps: "

• 1. Technique : Utilisez les sous-salles (Breakout rooms) de Teams/Zoom.
• 2. Aléatoire : Mettez les gens par 2 ou 3 au hasard.
• 3. Timing : 3 minutes top chrono pour répondre à une question fun (« Ta série du moment ? »).
• 4. Rotation : Mélangez les groupes 3 fois de suite.

" }, { id: 44, cat: 'E', title: "Chasse au trésor digitale", duration: "10 min", material: "Navigateur Web", objective: "Engagement ludique et compétence de recherche.", steps: "

• 1. Défi : Donnez une liste d'éléments à trouver sur l'intranet ou le web.
• 2. Exemple : « Trouvez le lien vers le formulaire RH », « Trouvez une photo de loutre qui mange ».
• 3. Course : Le premier qui poste les liens valides dans le chat a gagné.

" }, { id: 45, cat: 'E', title: "Photo Challenge", duration: "5 min", material: "Webcam", objective: "Réveil visuel et partage personnel.", steps: "

• 1. Consigne : « Vous avez 30 secondes pour attraper un objet ROUGE et le montrer à la caméra ».
• 2. Show : Tout le monde montre son objet en même temps.
• 3. Variante : « Montrez vos chaussures », « Montrez votre mug préféré ».

" }, { id: 46, cat: 'E', title: "Dessin collaboratif", duration: "10 min", material: "Whiteboard (Zoom/Teams)", objective: "Créativité chaotique et lâcher-prise.", steps: "

• 1. Outil : Ouvrez le tableau blanc partagé de votre outil visio.
• 2. Thème : « Dessinez collectivement notre équipe idéale » ou « Votre humeur du jour ».
• 3. Action : Tout le monde dessine en même temps. C'est le chaos, et c'est drôle.
• 4. Capture : Faites une capture d'écran du chef-d'œuvre.

" }, { id: 47, cat: 'E', title: "Quiz interactif", duration: "10 min", material: "Kahoot/Wooclap", objective: "Challenge, vérification des connaissances et énergie.", steps: "

• 1. Prép : Préparez un quiz de 5 questions sur un outil tiers (Kahoot est le top).
• 2. Connexion : Les participants scannent le QR code avec leur smartphone.
• 3. Jeu : Lancez les questions. La rapidité compte !
• 4. Podium : Félicitez les gagnants.

" }, { id: 48, cat: 'E', title: "Tempête d’idées post-it", duration: "15 min", material: "Miro/Klaxoon/Mural", objective: "Brainstorming visuel à distance.", steps: "

• 1. Outil : Envoyez le lien vers un board collaboratif.
• 2. Question : Posez le sujet au centre.
• 3. Silence : 5 min pour créer des post-it virtuels sans se parler.
• 4. Tri : Regroupez les idées et votez avec des pastilles virtuelles.

" }, { id: 49, cat: 'E', title: "Café virtuel", duration: "15 min", material: "Boisson chaude", objective: "Informalité pure (Recréer la pause).", steps: "

• 1. Timing : Ouvrez la salle de réunion 15 min avant l'heure officielle ou prévoyez une pause dédiée.
• 2. Règle : Interdiction de parler boulot.
• 3. Lanceur : « Qu'est-ce que vous regardez sur Netflix en ce moment ? » ou « Vos projets pour le weekend ? ».

" }, { id: 50, cat: 'E', title: "Mini-superpouvoir", duration: "10 min", material: "Chat/Micro", objective: "Valorisation de soi décalée et humour.", steps: "

• 1. Concept : On a tous un talent caché totalement inutile.
• 2. Question : « Quel est votre super-pouvoir inutile ? ».
• 3. Exemples : « Je sais plier les draps housse parfaitement », « Je reconnais tous les acteurs de voix off ».
• 4. Tour : Chacun partage le sien. Fous rires garantis.

" } ]; const cats = { 'A': { label: 'Brise-glace', class: 'cip-cat-A' }, 'B': { label: 'Energizers', class: 'cip-cat-B' }, 'C': { label: 'Créativité', class: 'cip-cat-C' }, 'D': { label: 'Intelligence Co.', class: 'cip-cat-D' }, 'E': { label: 'Distanciel', class: 'cip-cat-E' } }; let currentFilter = 'all'; function render(items) { const grid = document.getElementById('cip-grid'); const noRes = document.getElementById('cip-no-results'); const count = document.getElementById('cip-result-count'); if (!grid) return; grid.innerHTML = ''; count.textContent = items.length; if (items.length === 0) { noRes.classList.remove('cip-hidden'); } else { noRes.classList.add('cip-hidden'); items.forEach(item => { const c = cats[item.cat]; const card = document.createElement('div'); card.className = 'cip-card'; card.innerHTML = `

${item.title}

${item.objective}

Voir la fiche `; grid.appendChild(card); }); } } window.LaboApp.filterCategory = function(cat, btn) { currentFilter = cat; document.querySelectorAll('#cip-filters-container .cip-btn').forEach(b => { b.classList.remove('cip-btn-active'); b.classList.add('cip-btn-ghost'); }); btn.classList.remove('cip-btn-ghost'); btn.classList.add('cip-btn-active'); window.LaboApp.filterIceBreakers(); }; window.LaboApp.filterIceBreakers = function() { const term = document.getElementById('cip-search-input').value.toLowerCase(); const filtered = data.filter(i => { const matchCat = currentFilter === 'all' || i.cat === currentFilter; const matchSearch = i.title.toLowerCase().includes(term) || i.objective.toLowerCase().includes(term) || i.material.toLowerCase().includes(term); return matchCat && matchSearch; }); render(filtered); }; window.LaboApp.resetFilters = function() { document.getElementById('cip-search-input').value = ''; const allBtn = document.querySelector('#cip-filters-container button'); if(allBtn) window.LaboApp.filterCategory('all', allBtn); }; window.LaboApp.openModal = function(id) { const item = data.find(i => i.id === id); if (!item) return; document.getElementById('modal-title').textContent = item.title; const badge = document.getElementById('modal-badge'); badge.textContent = cats[item.cat].label; badge.className = `cip-badge ${cats[item.cat].class}`; document.getElementById('modal-duration').textContent = item.duration; document.getElementById('modal-material').textContent = item.material; document.getElementById('modal-objective').textContent = item.objective; document.getElementById('modal-steps').innerHTML = item.steps; document.getElementById('cip-modal').classList.add('cip-visible'); document.body.style.overflow = 'hidden'; }; window.LaboApp.closeModal = function() { document.getElementById('cip-modal').classList.remove('cip-visible'); document.body.style.overflow = 'auto'; }; window.LaboApp.showAbout = function() { alert("Le Labo des CIP v3.0\nDesign: Vanilla CSS\nMode: 100% Isolé"); }; // Init render(data); // Escape key document.addEventListener('keydown', (e) => { if (e.key === "Escape") window.LaboApp.closeModal(); }); })();