CINXE.COM
Forum du monde de l'animation | AnimyJob.com
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Forum du monde de l'animation | AnimyJob.com </title> <meta name="description" content="AnimyJob vous propose un lieu de débats où des questions autour de l&#039;animation sont posées. Les membres, les animateurs ou les centres peuvent répondre à toutes ces questions, apporter leurs idées." /><link href="/favicon.ico" type="image/x-icon" rel="icon" /><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /><link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" /><link rel="stylesheet" type="text/css" href="/css/style.css" /> <link href="https://www.animyjob.com/forum-bafa" type="application/rss+xml" rel="alternate" title="canonical" /> <!-- fonts --> <link rel="stylesheet" type="text/css" href="/css/nunito.css" /><link rel="stylesheet" type="text/css" href="/css/raleway.css" /><link rel="stylesheet" type="text/css" href="/css/font-awesome.css" /> <!-- fonts --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <!-- Include all compiled plugins (below), or include individual files as needed --> <script type="text/javascript" src="/js/jquery-1.9.1.min.js" defer="defer"></script><script type="text/javascript" src="/js/bootstrap.min.js" defer="defer"></script> <!-- Form Slider --> <!-- Map --> <style> .error { border-bottom: 2px dashed #F27C15; border-top: 2px dashed #F27C15; } .error-message{ font-weight:bold; color:#F27C15; } .error label{ font-weight:bold; color:#F27C15; } </style> <style> .ai-banner { background-color: #00c853; color: white; padding: 15px; text-align: center; font-size: 18px; font-weight: bold; position: relative; } .ai-banner p { margin: 0; display: inline-block; } .close-btn { background: none; border: none; color: white; font-size: 24px; cursor: pointer; position: absolute; top: 10px; right: 15px; } </style> <!-- Banniere AI --> <meta property="og:url" content="https://www.animyjob.com/forum-bafa" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Forum du monde de l'animation | AnimyJob.com" /> <meta property="og:description" content="AnimyJob vous propose un lieu de débats où des questions autour de l'animation sont posées. Les membres, les animateurs ou les centres peuvent répondre à toutes ces questions, apporter leurs idées." /> <meta property="og:image" content="https://www.animyjob.com/img/article/amj.jpg" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-V3SZ4NCMDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-V3SZ4NCMDV'); </script> <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css" /> <style> .ai-banner { background-color: #00c853; color: white; padding: 15px; text-align: center; font-size: 18px; font-weight: bold; position: relative; display: none; /* Bannière cachée par défaut */ } .ai-banner p { margin: 0; display: inline-block; } .close-btn { background: none; border: none; color: white; font-size: 24px; cursor: pointer; position: absolute; top: 10px; right: 15px; } </style> </head> <script type="text/javascript" src="/js/jquery-3.6.0.min.js"></script> <body> <div id="wrapper"> <div id="header"><!-- start main header --> <div class="top"><!-- top --> <div class="ai-banner" id="ai-banner"> <p>🎉 Découvrez notre nouvelle fonctionnalité <strong>IA intelligente</strong> pour des offres et candidats parfaitement adaptés à vos besoins !</p> <button class="close-btn" onclick="closeBanner()">×</button> </div> <div class="container"> <div class="media-top-right"> <ul class="media-top clearfix"> <li class='item'><a href="https://twitter.com/animyjob" target="blank"><i class="fa fa-twitter"></i></a></li> <li class='item'><a href="https://www.facebook.com/pages/Animyjobcom/203968469799506?fref=ts" target="blank"><i class="fa fa-facebook"></i></a></li> <li class='item'><a href="/job-animation.rss" target="blank"><i class="fa fa-rss"></i></a></li> </ul> <ul class="media-top-2 clearfix"> <li><a href="/animateur/inscription" class="btn btn-default btn-blue btn-sm">INSCRIPTION ANIMATEUR</a></li> <li><a href="/recruteur/inscription" class="btn btn-default btn-green btn-sm">INSCRIPTION RECRUTEUR</a></li> <li><a href="/login/connexion" class="btn btn-default btn-noir btn-sm">CONNEXION</a></li> </ul> <div class="clearfix"></div> </div> </div> </div><!-- top --> <div class="container"><!-- container --> <div class="row"> <div class="col-md-2"><!-- logo --> <a href="/"><img src="/img/logo_web.png" rel="home" title="Animyjob.com" alt="Animyjob.com" /></a> </div><!-- logo --> <div class="col-md-10 main-nav"> <a id="touch-menu" class="mobile-menu" href="#"> <i class="fa fa-bars fa-2x"></i> </a> <nav> <ul class="menu"> <li><a href="/">Home</a><ul class='sub-menu'><li><a href="/anecdotes-animateur-betisier">Bêtisier de l'animateur</a></li></ul></li><li><a href="/job-animation">Animateur</a></li><li><a href="/candidat-animation">Recruteur</a></li><li><a href="/forum-bafa">Forum Anim'<span class='notification-dot'></span></a></li><li><a href="/activites-bafa">Activités BAFA</a></li><li><a href="/le-mag">Conseils & Jeux</a></li><li><a href="/coloriage-gratuit-imprimer">coloriages</a></li><li><a href="/service-premium">Premium</a></li> </ul> </nav> </div> <!-- Main Navigation --> <div class="clearfix"></div> </div> </div><!-- container --> </div><!-- end main header --> <!-- Contenu du site --> <style> /* Styles Modernisés pour les Questions */ /* Styles pour la section de présentation */ .presentation { background-color: #f9f9f9; border: 1px solid #e0e0e0; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .main-title { font-size: 2em; color: #333; font-weight: bold; margin-bottom: 10px; } .intro-text { font-size: 1.1em; color: #666; } .post-link { color: #ff5722; font-weight: bold; text-decoration: none; } .post-link:hover { text-decoration: underline; color: #e64a19; } /* Styles pour la section des derniers posts */ .section-title { font-size: 1.8em; font-weight: bold; color: #333; margin-bottom: 15px; } .login-prompt { font-size: 1em; color: #555; } .connect-link { color: #ff5722; font-weight: bold; text-decoration: none; } .connect-link:hover { color: #e64a19; text-decoration: underline; } /* Styles pour les onglets */ .tab-container .nav-tabs { border-bottom: 2px solid #ddd; margin-top: 20px; } .nav-tabs .nav-item .nav-link { color: #4a90e2; font-weight: bold; transition: color 0.3s ease; } .nav-tabs .nav-item .nav-link.active { color: #fff; background-color: #4a90e2; border: none; border-radius: 5px 5px 0 0; } .nav-tabs .nav-item .nav-link:hover { color: #357abd; } /* Style pour les badges */ .badge-primary { background-color: #4a90e2; color: #fff; padding: 5px 10px; border-radius: 12px; } .panel-container { margin-top: 20px; } .quest { background-color: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 20px; transition: box-shadow 0.3s ease; } .quest:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .quest h5 { font-size: 1.2em; font-weight: bold; color: #333; margin: 0; } .quest p { font-size: 1em; color: #555; margin: 10px 0; } .quest small { color: #888; display: block; font-size: 0.9em; } /* Lien de Participation */ .quest .btn-link { font-weight: bold; font-size: 0.9em; text-decoration: none; transition: color 0.3s ease; } .quest .btn-link:hover { color: #357abd; text-decoration: underline; } /* Badge pour le nombre de commentaires */ .badge.bg-primary { background-color: #4a90e2; color: #fff; padding: 5px 10px; border-radius: 4px; } /* Icônes et Liens de Signalement */ .text-warning { color: #f0ad4e; } .text-danger { color: #d9534f; } /* Pagination Styles Modernisés */ .paging a { color: #4a90e2; padding: 5px 10px; text-decoration: none; margin: 0 3px; border: 1px solid #ddd; border-radius: 4px; transition: background-color 0.3s ease; } .paging a:hover { background-color: #4a90e2; color: #fff; } </style> <div class="main-page-title"> <!-- start main page title --> <div class="container"> <div class="post-job-title"> <h1> Forum Animation d'Animyjob.com: Ici on partage, on échange, on discute de ce que vous souhaitez ! <h1> </div> </div> </div> <!-- Titre et Présentation de la Page --> <div class="container"> <div class='ariane'> <div class='ariane' style='font-family:calibri;font-size:14px;'> <a href="/">Accueil</a> > <a href="/forum-bafa">Questions / Réponses</a></div> </div> <br/> <div class="presentation text-center p-4 rounded shadow-sm"> <h2 class="main-title">Echangez sur le Forum d'animation avec la communauté d'animyjob.com</h2> <p class="intro-text"> Vous avez une question ? Vous souhaitez échanger sur un sujet ? Ou tout simplement discuter, partager vos expériences / connaissances. <a class="post-link" href="#poster">POSTEZ</a> votre message à la communauté d'animyjob.com </p> </div> </div> <!-- Section des Derniers Posts --> <div class="container"> <div class="row"> <div class="col-md-10"> <div class="ad-block mb-4"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9372713520427069" data-ad-slot="3364854637" data-ad-format="auto"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> <h4 class="section-title">LES DERNIERS POSTS</h4> <p class="login-prompt"> Vous souhaitez poser une question ou demander un avis à un autre membre ? <a href="/login/connexion" class="connect-link">CONNECTEZ-VOUS !</a> Pour nous faire partager vos questions ! </p> <div id="tab" class="tab-container mt-4"> <!-- Onglets --> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" href="#all">Toutes les questions</a> </li> </ul> </div> </div> </div> </div> <div class='panel-container'> <div class="quest border rounded p-3 mb-4 shadow-sm"> <a href='/forum-bafa-debat/quelles-idees-pour-halloween--26-10-24-14' class="text-decoration-none text-dark"> <h5 class='mb-1'>quelles idées pour halloween ? </h5><p class='text-muted mb-2'><p>Bonjour,</p> <p>pouvez vous me fournir des idées d'activités manuelle pour des enfants de 4/5 ans svp ? </p> <p> </p> <p>Merci </p></p><small class='text-secondary'>Posté par : <strong></strong> | Publié Il y a 1 mois | <span class='badge bg-primary'>2 commentaire(s)</span></small><small class='d-block text-right text-muted'>Dernier commentaire par . Il y a 1 mois</small> <div class="text-right mt-2"> <a href='/forum-bafa-debat/quelles-idees-pour-halloween--26-10-24-14' class="btn btn-link text-primary">Participer à cet échange <i class='glyphicon glyphicon-chevron-right'></i></a> </div> </a> </div> <div class="quest border rounded p-3 mb-4 shadow-sm"> <a href='/forum-bafa-debat/trouver-une-colonie-21-04-24-10' class="text-decoration-none text-dark"> <h5 class='mb-1'>trouver une colonie</h5><p class='text-muted mb-2'>ou trouver des directeurs qui cherchent des animateurs ?</p><small class='text-secondary'>Posté par : <strong>Alice</strong> | Publié Il y a 7 mois | <span class='badge bg-primary'>1 commentaire(s)</span></small><small class='d-block text-right text-muted'>Dernier commentaire par Alice. Il y a 1 mois</small> <div class="text-right mt-2"> <a href='/forum-bafa-debat/trouver-une-colonie-21-04-24-10' class="btn btn-link text-primary">Participer à cet échange <i class='glyphicon glyphicon-chevron-right'></i></a> </div> </a> </div> <div class="quest border rounded p-3 mb-4 shadow-sm"> <a href='/forum-bafa-debat/recherche-de-volontaires-pour-mission-de-camps-chantiers-internnationaux-et-offre-de-stages-au-togo-05-08-24-12' class="text-decoration-none text-dark"> <h5 class='mb-1'>RECHERCHE DE VOLONTAIRES POUR MISSION DE CAMPS CHANTIERS INTERNNATIONAUX ET OFFRE DE STAGES AU TOGO</h5><p class='text-muted mb-2'>Bonjour à tous, Vous êtes bénévoles, porteur d’un projet, groupe d’étudiants, amis, équipes, scouts, salariés en vacances, associations d’élèves,…. Mission Humanitaire des Jeunes Volontaires pour le Développement (MHJVD) est une association human...</p><small class='text-secondary'>Posté par : <strong></strong> | Publié Il y a 3 mois | <span class='badge bg-primary'>0 commentaire(s)</span></small> <div class="text-right mt-2"> <a href='/forum-bafa-debat/recherche-de-volontaires-pour-mission-de-camps-chantiers-internnationaux-et-offre-de-stages-au-togo-05-08-24-12' class="btn btn-link text-primary">Participer à cet échange <i class='glyphicon glyphicon-chevron-right'></i></a> </div> </a> </div> <div class="quest border rounded p-3 mb-4 shadow-sm"> <a href='/forum-bafa-debat/semaine-harry-potter-07-07-24-11' class="text-decoration-none text-dark"> <h5 class='mb-1'>Semaine Harry Potter</h5><p class='text-muted mb-2'>Bonjour On organise une semaine d'animation Harry Potter. On a déjà prévu un jeu de piste dans le parc, un atelier des potions, et une séance fabrication de blasons des maisons. Je voudrais aussi faire un match de quidditch et une fabrication de man...</p><small class='text-secondary'>Posté par : <strong>Marie</strong> | Publié Il y a 4 mois | <span class='badge bg-primary'>0 commentaire(s)</span></small> <div class="text-right mt-2"> <a href='/forum-bafa-debat/semaine-harry-potter-07-07-24-11' class="btn btn-link text-primary">Participer à cet échange <i class='glyphicon glyphicon-chevron-right'></i></a> </div> </a> </div> <div class="quest border rounded p-3 mb-4 shadow-sm"> <a href='/forum-bafa-debat/mission-humanitaire-de-solidarite-internationale-31-12-23-9' class="text-decoration-none text-dark"> <h5 class='mb-1'>Mission humanitaire de solidarité internationale</h5><p class='text-muted mb-2'>Bonjour, Nous sommes une association dénommée Organisation de Volontariat pour un Avenir Meilleur (OVAM-TOGO), une association apolitique à but non lucratif basant ses activités sur la coopération et la solidarité réciproques au Togo. Enregistrée...</p><small class='text-secondary'>Posté par : <strong>ovam togo</strong> | Publié Il y a 11 mois | <span class='badge bg-primary'>0 commentaire(s)</span></small> <div class="text-right mt-2"> <a href='/forum-bafa-debat/mission-humanitaire-de-solidarite-internationale-31-12-23-9' class="btn btn-link text-primary">Participer à cet échange <i class='glyphicon glyphicon-chevron-right'></i></a> </div> </a> </div> </div> <div class='paging mt-4'> <span class="current">1</span><span><a href="/commentaires/index/page:2/sort:Commentaire.date_update/direction:DESC">2</a></span><span><a href="/commentaires/index/page:3/sort:Commentaire.date_update/direction:DESC">3</a></span> </div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- new blok --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9372713520427069" data-ad-slot="3364854637" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="spacer-1"> </div> <div id="footer"><!-- Footer --> <div class="container"><!-- Container --> <div class="row"> <div class="col-md-3 footer-widget"><!-- Footer Menu Widget --> <h6 class="widget-title">Liens utiles</h6> <div class="footer-widget-nav"> <ul> <li><a href="/job-animation">Emploi en animation</a></li> <li><a href="/candidat-animation">recrutement et CV animateur</a></li> <li><a href="/service-premium">Service Premium</a></li> <li><a href="/le-mag">Les conseils en animation</a></li> <li><a href="/activites-bafa">Activités bafa</a></li> </ul> </div> </div><!-- Footer Menu Widget --> <div class="col-md-3 footer-widget"><!-- Footer Menu Widget --> <h6 class="widget-title">À propos</h6> <div class="footer-widget-nav"> <ul> <li><a href="/a-propos">Qui sommes-nous ?</a></li> <li><a href="/foire-aux-questions">Foire aux questions</a></li> <li><a href="/conditions-generales">Mentions légales et CGU</a></li> <li><a href="/anecdotes-animateur-betisier">Bêtisier de l'animateur</a></li> </ul> </div> </div> <div class="col-md-3 footer-widget"><!-- News Leter Widget --> <h6 class="widget-title">Contactez-Nous</h6> <div class="footer-widget-nav"> <ul> <li><a href="/nous-contacter">Par mail</a></li> </ul> </div> <div class="textwidget"> <a href="https://twitter.com/animyjob" target="blank"><i class="media-footer footer-twitt"></i></a> <a href="https://www.facebook.com/pages/Animyjobcom/203968469799506?fref=ts" target="blank"><i class="media-footer footer-fb"></i></a> <a href="/job-animation.rss" target="blank"><i class="media-footer footer-rss"></i></a> </div><!-- News Leter Widget --> <div class="clearfix"></div> </div> <div class="col-md-3 footer-widget"><!-- Footer Menu Widget --> <h6 class="widget-title">Soutenez-Nous</h6> <div class="textwidget"> <p class="text-pied">Vous souhaitez soutenir l'aventure d'animyjob.com et participer a son évolution ? Toute contribution de votre part est un immense soutien pour nous.</p> <br/> <a href="/soutenez-nous" class="btn btn-default btn-blue">SOUTENEZ-NOUS !</a> </div> </div> <div class="footer-credits"><!-- Footer credits --> <center>Animyjob.com All Rights Reserved 2014 - 2023 </center> </div><!-- Footer credits --> </div><!-- Container --> </div><!-- Footer --> </div> <script type="text/javascript" src="/js/job-board.js"></script> <!-- Tabs --> <script type="text/javascript" src="/js/jquery.easytabs.min.js"></script> <script type="text/javascript" src="/js/modernizr.custom.49511.js"></script> <!-- Tabs --> <!-- Owl Carousel --> <script type="text/javascript" src="/js/owl.carousel.js"></script> <!-- Owl Carousel -- <!-- Form Slider --> <script type="text/javascript" src="/js/jshashtable-2.1_src.js"></script> <script type="text/javascript" src="/js/jquery.numberformatter-1.2.3.js"></script> <script type="text/javascript" src="/js/tmpl.js"></script> <script type="text/javascript" src="/js/jquery.dependClass-0.1.js"></script> <script type="text/javascript" src="/js/draggable-0.1.js"></script> <script type="text/javascript" src="/js/jquery.slider.js"></script> <link rel="stylesheet" type="text/css" href="/css/jslider.css" /><link rel="stylesheet" type="text/css" href="/css/jslider.round.css" /><link rel="stylesheet" type="text/css" href="/css/owl.theme.css" /><link rel="stylesheet" type="text/css" href="/css/owl.carousel.css" /><link rel="stylesheet" type="text/css" href="/css/ezmodal.css" /><link rel="stylesheet" type="text/css" href="/css/ezmodal.min.css" /> <style> .cookie-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #333; color: #fff; text-align: center; padding: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: none; z-index: 1000; width: 80%; max-width: 500px; } .cookie-popup-content { max-width: 600px; margin: 0 auto; } .cookie-btn { background-color: #ff8c00; border: none; padding: 10px 20px; color: #fff; cursor: pointer; margin: 10px; border-radius: 5px; } .cookie-btn:hover { background-color: #ffa500; } .cookie-popup-content p { margin-bottom: 20px; } </style> <!-- Ajoutez ici le CSS pour la bannière directement --> <!-- CSS personnalisé --> <div id="cookie-popup" class="cookie-popup"> <div class="cookie-popup-content"> <h2>Utilisation des cookies</h2> <p>Nous utilisons des cookies pour améliorer votre expérience sur notre site. Ces cookies sont utilisés pour vous fournir une expérience de navigation plus personnalisée et pour des statistiques de visites. En continuant à naviguer sur notre site, vous acceptez l’utilisation de ces cookies.</p> <p>Pour en savoir plus sur la gestion des cookies et sur la manière dont nous les utilisons, consultez notre <a href="https://www.animyjob.com/conditions-generales" style="color: #ff8c00;">Politique de cookies</a>.</p> <button id="accept-cookies" class="cookie-btn">Accepter</button> <button id="decline-cookies" class="cookie-btn">Refuser</button> </div> </div> <script> document.addEventListener('DOMContentLoaded', (event) => { const cookiePopup = document.getElementById('cookie-popup'); const acceptCookiesBtn = document.getElementById('accept-cookies'); const declineCookiesBtn = document.getElementById('decline-cookies'); if (!localStorage.getItem('cookiesAccepted')) { cookiePopup.style.display = 'block'; } acceptCookiesBtn.addEventListener('click', () => { localStorage.setItem('cookiesAccepted', 'true'); cookiePopup.style.display = 'none'; }); declineCookiesBtn.addEventListener('click', () => { localStorage.setItem('cookiesAccepted', 'false'); cookiePopup.style.display = 'none'; }); }); </script> <script> // Fonction pour fermer la bannière et enregistrer l'état dans localStorage function closeBanner() { document.getElementById('ai-banner').style.display = 'none'; localStorage.setItem('aiBannerClosed', 'true'); // Enregistrer la fermeture dans localStorage } // Vérifier si la bannière a déjà été fermée document.addEventListener("DOMContentLoaded", function() { if (localStorage.getItem('aiBannerClosed') === 'true') { document.getElementById('ai-banner').style.display = 'none'; // Cacher la bannière si elle a été fermée } }); </script> <script> // Fonction pour fermer la bannière et enregistrer l'état dans localStorage function closeBanner() { document.getElementById('ai-banner').style.display = 'none'; localStorage.setItem('aiBannerClosed', 'true'); // Enregistrer la fermeture dans localStorage } // Vérifier si la bannière a déjà été fermée document.addEventListener("DOMContentLoaded", function() { // Si la bannière n'a pas été fermée, on l'affiche if (localStorage.getItem('aiBannerClosed') !== 'true') { document.getElementById('ai-banner').style.display = 'block'; // Afficher la bannière } }); </script> </body> </html>