Des activités BAFA par milliers dans la Vidéothèque sur animyjob.com |153

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Des activités BAFA par milliers dans la Vidéothèque sur animyjob.com |153 </title> <meta name="description" content="Découvez des milliers d&#039;activités BAFA ( bricolage, manuelle, artistique, grands jeux, culinaire) à proposer aux enfants &amp; adolescents |153" /><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/activites-bafa" type="application/rss+xml" rel="alternate" title="canonical" />  <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" />       <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>   <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>  <meta property="og:url" content="https://www.animyjob.com/activites-bafa" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Des activités BAFA par milliers dans la Vidéothèque sur animyjob.com |153" /> <meta property="og:description" content="Découvez des milliers d'activités BAFA ( bricolage, manuelle, artistique, grands jeux, culinaire) à proposer aux enfants & adolescents |153" /> <meta property="og:image" content="https://www.animyjob.com/img/article/amj.jpg" />  <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"> <div class="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> <div class="container"> <div class="row"> <div class="col-md-2"> <a href="/"><img src="/img/logo_web.png" rel="home" title="Animyjob.com" alt="Animyjob.com" /></a> </div> <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>  <div class="clearfix"></div> </div> </div> </div>  <script> $(function(){ $('.cadre_video').click(function(){ var url; var description; url = $(this).attr('name'); descri = $(this).attr('description'); $('#lecteur').remove(); $('#descri_video').remove(); $("#affichervideo").append('<iframe id="lecteur" frameborder="0" allowfullscreen="0" title="YouTube video player" width="550" height="350" src="'+url+'"/></iframe><p id="descri_video"><br/>'+descri+'</p>'); }); }); </script> <div class="main-page-title">  <div class="container"> <div class="post-job-title"> <h1> Les activités en animation BAFA à découvrir en vidéo <h1> </div> </div> </div>  <div class="container"> <div class='ariane'> <div class='ariane' style='font-family:calibri;font-size:14px;'> <a href="/">Accueil</a> > <a href="/activites-bafa">Activités, vidéos en animation</a></div> </div> <br/> <div class="col-md-12"> <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> <div class="spacer-1"></div> <div class="form-group"> <form action="/activites-bafa" id="MediaSearchForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/><input type="hidden" name="data[_Token][key]" value="a5d98d96edcf77cc389293fb0244b3574acbac12" id="Token524357239"/></div> <label for="MediaSearch">Mots-clés vidéo :</label><input name="data[Media][search]" class="form-control input" type="text" id="MediaSearch"/><br/><div class="submit"><input class="btn btn-default btn-black" type="submit" value="RECHERCHER"/></div><div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="e05ba95595add2ddbf492358f02202a8bdaf59fd%3A" id="TokenFields468017602"/><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1497508294"/></div></form> </div> <div class="ligne"></div> <div class="row"> <div class="col-md-12"> <center> <div id='affichervideo'> </div> </center> </div> </div> <div class="ligne"></div> <div class="row"> <div class="col-md-3"> <div description= "Une activité culinaire qui est rapide à réaliser avec les enfants. Ils pourront déguster leur dessert dans le mug. Peu de matières premières et de préparation pour cette activité. " name='https://www.youtube.com/embed/XGacRJFW8-o' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/XGacRJFW8-o/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">activité culinaire - le mugcake chocolat coulant </div> <div class="contenu_video"> Une activité culinaire qui est rapide à réaliser avec les enfants. Ils pourront déguster leur dessert dans le mug. Pe... </div> </div> </div> <div class="col-md-3"> <div description= "Une nouvelle activité culinaire pour réaliser de bons beignets au Nutella. Les enfants pourront fabriquer leur propre beignets. Vous pouvez également remplacer le nutella par de la confiture si certains enfants n'aiment pas le nutella. " name='https://www.youtube.com/embed/6H46WXjwnxI' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/6H46WXjwnxI/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Activité culinaire - RECETTE BEIGNETS AU NUTELLA </div> <div class="contenu_video"> Une nouvelle activité culinaire pour réaliser de bons beignets au Nutella. Les enfants pourront fabriquer leur propre... </div> </div> </div> <div class="col-md-3"> <div description= "Activité manuelle pour la fabrication d'un origami en bonhomme de neige, activité idéal pour la thématique de noël. Proposez cette activité manuelle aux enfants de 6 à 12 ans. " name='https://www.youtube.com/embed/ey9ZNvBmP-Y' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/ey9ZNvBmP-Y/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Activité manuelle - Origami Bonhomme de neige </div> <div class="contenu_video"> Activité manuelle pour la fabrication d'un origami en bonhomme de neige, activité idéal pour la thématique de n... </div> </div> </div> <div class="col-md-3"> <div description= "Activité culinaire a faire avec les enfants et adolescents de 3 à 17 ans. Ce sont des recettes faciles à préparer et rapide à exécuter, parfait pour le goûter. " name='https://www.youtube.com/embed/n0lmizLXasA' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/n0lmizLXasA/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">activité culinaire - 4 recettes faciles pour le goûter </div> <div class="contenu_video"> Activité culinaire a faire avec les enfants et adolescents de 3 à 17 ans. Ce sont des recettes faciles à préparer et ... </div> </div> </div> </div><div class='spacer-1'></div><div class='row'> <div class="col-md-3"> <div description= "Une activité culinaire à proposer aux enfants de 5 à 17 ans pour réaliser un bon gâteau moelleux au citron. Ils pourront ensuite le déguster pendant le goûter. Activité culinaire simple à réaliser. " name='https://www.youtube.com/embed/8hQYmP768-0' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/8hQYmP768-0/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Activité culinaire - Recette du gâteau moelleux au citron </div> <div class="contenu_video"> Une activité culinaire à proposer aux enfants de 5 à 17 ans pour réaliser un bon gâteau moelleux au citron. Ils pourr... </div> </div> </div> <div class="col-md-3"> <div description= "Une activité culinaire pour le thème de Noel à réaliser avec les enfants ou les adolescents. Ils vont pouvoir créer de beaux petits rennes à manger au gouter. " name='https://www.youtube.com/embed/8mKvPLontdw' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/8mKvPLontdw/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Activité culinaire spécial Noêl </div> <div class="contenu_video"> Une activité culinaire pour le thème de Noel à réaliser avec les enfants ou les adolescents. Ils vont pouvoir créer d... </div> </div> </div> <div class="col-md-3"> <div description= "Une activité culinaire spécialement pour halloween, les enfants vont pouvoir créer leur propre cocktail à déguster au goûter. Avec simplement quelques ingrédients vous pourrez réaliser cette superbe activité. " name='https://www.youtube.com/embed/o9MbMlQ2odo' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/o9MbMlQ2odo/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Activité culinaire - Recette de Cocktail pour Halloween </div> <div class="contenu_video"> Une activité culinaire spécialement pour halloween, les enfants vont pouvoir créer leur propre cocktail à déguster au... </div> </div> </div> <div class="col-md-3"> <div description= "Une activité manuelle à proposer aux enfants de 5 à 10 ans pour la fabrication d'un joli pense-bêtes qui pourront utiliser de partout. " name='https://www.youtube.com/embed/ZDKlhu1g8tA' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/ZDKlhu1g8tA/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Activité manuelle - Fabriquer un Pense-bêtes </div> <div class="contenu_video"> Une activité manuelle à proposer aux enfants de 5 à 10 ans pour la fabrication d'un joli pense-bêtes qui pourron... </div> </div> </div> </div><div class='spacer-1'></div><div class='row'> <div class="col-md-3"> <div description= "Apprenez à faire traverser votre DOIGT avec un élastique pour épater les enfants dans une activité tour de magie ! " name='https://www.youtube.com/embed/rL_Z8TKnqKs' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/rL_Z8TKnqKs/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Tour de magie - TRAVERSER un DOIGT avec un ÉLASTIQUE </div> <div class="contenu_video"> Apprenez à faire traverser votre DOIGT avec un élastique pour épater les enfants dans une activité tour de magie ! </div> </div> </div> <div class="col-md-3"> <div description= "Activité manuelle pour les 3 / 6 ans . Vous avez simplement besoin d'assiette en carton, feuilles de couleurs, des petits yeux, une paire de ciseaux et de la colle. " name='https://www.youtube.com/embed/yQH2-vC1HWA' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/yQH2-vC1HWA/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Fabriquer son soleil en carton </div> <div class="contenu_video"> Activité manuelle pour les 3 / 6 ans . Vous avez simplement besoin d'assiette en carton, feuilles de couleurs, d... </div> </div> </div> <div class="col-md-3"> <div description= "Une activité pour toutes les tranches d'âges (3 à 12 ans) pour la fabrication d'un joli avion. Vous avez besoin d'une bouteille de lait en plastique, un ciseau, des feuilles, feutre , un cuter et de la colle ! " name='https://www.youtube.com/embed/CzWObHwi3Tk' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/CzWObHwi3Tk/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Fabriquer un avion en bouteille de lait </div> <div class="contenu_video"> Une activité pour toutes les tranches d'âges (3 à 12 ans) pour la fabrication d'un joli avion. Vous avez be... </div> </div> </div> <div class="col-md-3"> <div description= "Une activité amusante pour les petits ! Ils vont pouvoir créer leur propre marionnette de doigts. Pour cela il vous faut, du papier, des ciseaux, de la colle, de la laine et du fil chenille. " name='https://www.youtube.com/embed/sMw0WhHX_jQ' class="cadre_video"> <div class='video'> <div class='lecture'></div> <img src="https://img.youtube.com/vi/sMw0WhHX_jQ/mqdefault.jpg" width="100%" alt="" /> </div> <div class="title_video">Fabriquer une marionnette de doigts </div> <div class="contenu_video"> Une activité amusante pour les petits ! Ils vont pouvoir créer leur propre marionnette de doigts. Pour cela il vous f... </div> </div> </div> </div> <div class='paging'><span class="current">1</span><span><a href="/activites-bafa/page:2">2</a></span><span><a href="/activites-bafa/page:3">3</a></span><span><a href="/activites-bafa/page:4">4</a></span><span><a href="/activites-bafa/page:5">5</a></span><span><a href="/activites-bafa/page:6">6</a></span><span><a href="/activites-bafa/page:7">7</a></span><span><a href="/activites-bafa/page:8">8</a></span><span><a href="/activites-bafa/page:9">9</a></span><span><a href="/activites-bafa/page:10">10</a></span><span><a href="/activites-bafa/page:13" rel="last">>></a></span></div> </div> <div class="spacer-1"></div> <div id="footer"> <div class="container"> <div class="row"> <div class="col-md-3 footer-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> <div class="col-md-3 footer-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"> <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> <div class="clearfix"></div> </div> <div class="col-md-3 footer-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"> <center>Animyjob.com All Rights Reserved 2014 - 2023 </center> </div> </div> </div> </div> <script type="text/javascript" src="/js/job-board.js"></script>  <script type="text/javascript" src="/js/jquery.easytabs.min.js"></script> <script type="text/javascript" src="/js/modernizr.custom.49511.js"></script>   <script type="text/javascript" src="/js/owl.carousel.js"></script>  <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" />     <div id="cookie-popup" class="cookie-popup">  <div id="cookie-message" class="cookie-popup-content"> <h2>Gestion des cookies</h2> <p> Nous utilisons des cookies pour améliorer votre expérience, réaliser des statistiques et vous proposer des contenus adaptés. </p> <p> Vous pouvez <strong>accepter</strong>, <strong>refuser</strong> ou <strong>personnaliser</strong> vos préférences. </p> <p> <a href="https://www.animyjob.com/conditions-generales" style="color: #ff8c00;">Consulter notre Politique de cookies</a>. </p> <button id="accept-cookies" class="cookie-btn">Accepter</button> <button id="decline-cookies" class="cookie-btn">Refuser</button> <button id="customize-cookies" class="cookie-btn">Personnaliser</button> </div>  <div id="cookie-settings" class="cookie-popup-content" style="display: none;"> <h2>Paramètres des cookies</h2> <p>Personnalisez l'utilisation des cookies selon vos préférences :</p> <div class="cookie-settings-options"> <label> <input type="checkbox" id="functional-cookies" checked disabled> Cookies fonctionnels (obligatoires) </label> <label> <input type="checkbox" id="analytics-cookies"> Cookies analytiques </label> <label> <input type="checkbox" id="marketing-cookies"> Cookies marketing </label> </div> <div class="cookie-settings-action"> <button id="save-cookie-settings" class="cookie-btn">Enregistrer</button> </div> </div> </div>  <style> /* Conteneur principal du pop-up */ .cookie-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #333; color: #fff; padding: 20px; z-index: 1000; width: 90%; max-width: 500px; border-radius: 8px; box-sizing: border-box; text-align: center; font-family: Arial, sans-serif; } /* Contenus internes */ .cookie-popup-content { width: 100%; box-sizing: border-box; } .cookie-popup h2 { font-size: 20px; margin-bottom: 15px; } .cookie-popup p { font-size: 16px; margin-bottom: 15px; } .cookie-btn { background-color: #ff8c00; border: none; padding: 10px 20px; margin: 5px; color: #fff; cursor: pointer; border-radius: 5px; font-size: 14px; } .cookie-btn:hover { background-color: #ffa500; } /* Cadre de personnalisation */ #cookie-settings { background-color: #444; padding: 15px; border-radius: 5px; text-align: left; color: #fff; } #cookie-settings h2 { text-align: center; font-size: 18px; margin-bottom: 15px; } #cookie-settings p { font-size: 16px; margin-bottom: 15px; } #cookie-settings label { display: block; margin: 10px 0; font-size: 16px; line-height: 1.4; } #cookie-settings input[type="checkbox"] { margin-right: 10px; transform: scale(1.2); vertical-align: middle; } /* Bouton d'action en bas de la personnalisation */ .cookie-settings-action { text-align: center; margin-top: 20px; } </style>  <script> document.addEventListener('DOMContentLoaded', () => { const cookiePopup = document.getElementById('cookie-popup'); const cookieMessage = document.getElementById('cookie-message'); const cookieSettings = document.getElementById('cookie-settings'); const acceptCookiesBtn = document.getElementById('accept-cookies'); const declineCookiesBtn = document.getElementById('decline-cookies'); const customizeCookiesBtn = document.getElementById('customize-cookies'); const saveCookieSettingsBtn = document.getElementById('save-cookie-settings'); const analyticsCookies = document.getElementById('analytics-cookies'); const marketingCookies = document.getElementById('marketing-cookies'); // Affiche le pop-up si aucune préférence n'est enregistrée if (!localStorage.getItem('cookiesPreference')) { cookiePopup.style.display = 'block'; } acceptCookiesBtn.addEventListener('click', () => { localStorage.setItem('cookiesPreference', JSON.stringify({ analytics: true, marketing: true })); cookiePopup.style.display = 'none'; // Ici, insère le code pour activer les cookies non essentiels. }); declineCookiesBtn.addEventListener('click', () => { localStorage.setItem('cookiesPreference', JSON.stringify({ analytics: false, marketing: false })); cookiePopup.style.display = 'none'; // Ici, insère le code pour désactiver ou bloquer les cookies non essentiels. }); // Au clic sur "Personnaliser", remplace le contenu initial par le cadre de personnalisation. customizeCookiesBtn.addEventListener('click', () => { cookieMessage.style.display = 'none'; cookieSettings.style.display = 'block'; }); saveCookieSettingsBtn.addEventListener('click', () => { const preferences = { analytics: analyticsCookies.checked, marketing: marketingCookies.checked }; localStorage.setItem('cookiesPreference', JSON.stringify(preferences)); cookiePopup.style.display = 'none'; // Ici, insère le code pour activer/désactiver les cookies en fonction des préférences. }); }); </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>

CINXE.COM

Des activités BAFA par milliers dans la Vidéothèque sur animyjob.com |153