CINXE.COM

Les conditions Générales

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Les conditions Générales </title> <meta name="description" content="Connaitre les informations relatives a animyjob.com" /><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/conditions-generales" 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/conditions-generales" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Les conditions Générales" /> <meta property="og:description" content="Connaitre les informations relatives a animyjob.com" /> <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()">&times;</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&#039;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 &amp; 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 --> <div class="main-page-title"><!-- start main page title --> <div class="container"> <div class="post-job-title"> <h1> Conditions générales d'utilisation d'Animyjob, la référence des offres d'emploi pour animateurs et CV d'animateurs. </h1> </div> </div> </div><!-- end main page title --> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="quest"> <div class='ariane'> <div class='ariane' style='font-family:calibri;font-size:14px;'> <a href="/">Accueil</a> > <a href="/conditions-generales">Conditions générales d&#039;utilisation</a></div> </div> <h2> Préambule </h2> <p> Le service que propose animyjob.com est actuellement gratuit. Les fonctionnalités proposées ne demandent aucune contrepartie financière pour le moment. </p> <hr/> <h2> Article 1 - Mentions légales </h2> <p> Hébergeur Le site est hébergé par la société OVH, SAS au capital de 10 000 000 € RCS Roubaix – Tourcoing 424 761 419 00045. Siège social : 2 rue Kellermann 59100 Roubaix - France. <br/>Le dépôt de C.V sur AnimyJob.com est validé par la CNIL au numéro "1763740 v 0" datée du 12/05/2014. </p> <hr/> <h2> Article 2 – Définitions des termes </h2> <p> Utilisateur : toute personne physique majeure ou personne morale inscrite sur le site et possédant ainsi un compte animyjob.com. <br/>Identifiants : les identifiants sont composés de l’adresse mail de l’utilisateur et du mot passe. Ils constituent les outils de connexion au site. </p> <hr/> <h2> Article 3 – Règles d’utilisation </h2> <p> <b>Utilisateur :</b> <br/>L’utilisateur ne doit en aucun cas divulguer ses identifiants. Les identifiants sont confidentiels. AnimyJob.com n'est pas responsable en cas d’intrusion sur un compte utilisateur par un autre internaute. <br/>L’utilisateur devra prendre connaissance des changements apportés aux conditions générales d’utilisations. <br/>L'utilisateur peut à tout moment désactiver son compte. Il pourra le réactiver en se connectant. La suppression définitive des comptes désactivés s'effectue au bout de 30 jours pour des raisons de sécurité. </p> <p><b> Informations disposées par l’utilisateur :</b> <br/> Toutes les informations disposées par l’utilisateur (messages, profil, offres d’emploi, etc.) ne doivent comporter aucun propos injurieux, racistes. Toute agression verbale ou propos répréhensible sera sanctionné par une suppression de compte. <br/>Les informations transmises par les utilisateurs doivent être véridiques. AnimyJob.com n'est pas responsable en cas de mensonge ou tromperie par un utilisateur concernant sa situation ou ses propos. <br/>Les utilisateurs ont à disposition sur certaines pages, un outil de signalement permettant d’envoyer un message à l’administrateur s’il constate un abus. <br/>L’usurpation d’identité n’est pas tolérée par AnimyJob.com mais elle est également interdite par l’Article 226-4-1 du code pénal Français. Cependant, nous serons en aucun cas responsables d’une usurpation d’identité. </p> <p> <b>Perte ou vol des identifiants :</b> <br/>En cas de perte des identifiants, AnimyJob.com vous mets à disposition un système de récupération de mot de passe sur la page de connexion. <br/>En cas de vol, vous devez contacter le plus rapidement les administrateurs du site à partir du formulaire de contact (en précisant comme motif "problème"). </p> <p> <b>Publicité : </b> <br/>Toute publicité d’une autre entité autre qu’Animyjob.com n'est tolérée. </p> <p> <b>Services proposés : </b> <br/>Animyjob.com s’efforce de proposer un service 24h/24h sans panne. Cependant, il est possible que des maintenances soient opérées, empêchant ainsi l’utilisation normale du site pendant une courte période. Nous nous efforçons d’optimiser au maximum nos services, c’est pourquoi les maintenances seront nécessaires. Nous dégageons ainsi la responsabilité en cas de coupure d’information entre vous et un autre utilisateur. <br/>Les informations disposées sur le site n'ont pas de caractère formel ni contractuel, elles n’engagent en aucun cas notre responsabilité. </p> <hr/> <h2> Article 4 – Conditions générales d’utilisation du site et des services proposés </h2> <p> Les présentes conditions générales d’utilisation (CGU) régissent l’accès et l’utilisation du site Animyjob, ainsi que des services qui y sont proposés. En accédant à notre site et en utilisant ses fonctionnalités, vous acceptez sans réserve les termes de ces CGU. Animyjob met à disposition des utilisateurs divers services liés à l’emploi dans le secteur de l’animation, incluant la création de profils, la recherche d’offres d’emploi et la possibilité de postuler en ligne. Les utilisateurs s’engagent à utiliser le site de manière responsable, à ne pas perturber son fonctionnement et à respecter les lois et réglementations en vigueur. Animyjob se réserve le droit de modifier les CGU à tout moment, les utilisateurs étant invités à les consulter régulièrement. </p> <hr/> <h2> Article 5 – Propriété intellectuelle et contrefaçons </h2> <p> Animyjob est propriétaire des droits de propriété intellectuelle ou détient les droits d’usage sur l’ensemble des éléments accessibles sur le site, notamment les textes, images, graphismes, logos, vidéos et icônes. Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du site, quel que soit le moyen ou le procédé utilisé, est interdite sans l'autorisation écrite préalable de Animyjob. Toute exploitation non autorisée du site ou de l'un quelconque des éléments qu'il contient sera considérée comme constitutive d’une contrefaçon et poursuivie conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle. Animyjob se réserve le droit de prendre toutes les mesures nécessaires pour protéger ses droits et prévenir toute utilisation abusive. </p> <hr/> <h2> Article 6 – Droit d’accès, de rectification et d’opposition </h2> <p> Conformément à la loi « Informatique et Libertés » du 6 janvier 1978 modifiée, ainsi qu’au Règlement Général sur la Protection des Données (RGPD), chaque utilisateur du site Animyjob dispose de droits d’accès, de rectification et d’opposition sur les données personnelles le concernant. L’utilisateur peut exercer ces droits en contactant le service client de Animyjob via l’adresse email ou le formulaire de contact disponible sur le site. Toute demande doit être accompagnée d’une copie d’une pièce d’identité valide afin de garantir la protection des données personnelles. Animyjob s’engage à traiter ces demandes dans les meilleurs délais et en tout état de cause dans le respect des délais légaux. <br/>L’utilisateur a également le droit de demander la suppression de ses données personnelles, ainsi que la limitation de leur traitement, dans les conditions prévues par la législation applicable. En cas d’opposition au traitement de ses données personnelles, Animyjob peut se voir dans l’obligation de suspendre l’accès aux services concernés. Pour toute question relative à la gestion de ses données personnelles, l’utilisateur peut contacter le délégué à la protection des données (DPO) de Animyjob. Animyjob s’engage à mettre en œuvre toutes les mesures nécessaires pour assurer la sécurité et la confidentialité des données personnelles de ses utilisateurs. </p> <hr/> <h2> Article 7 – Non-communication des données personnelles </h2> <p> Animyjob s'engage à ne pas communiquer, vendre ou échanger les données personnelles de ses utilisateurs à des tiers sans leur consentement préalable, sauf si cela est requis par la loi ou dans le cadre d'une procédure judiciaire. Les données collectées sur le site sont exclusivement destinées à l'usage interne de Animyjob et à la fourniture des services proposés aux utilisateurs. Ces données peuvent être partagées avec des partenaires de confiance uniquement pour la bonne exécution des services, et ce, dans le strict respect des dispositions légales en vigueur et des présentes conditions générales d’utilisation. <br/>Animyjob met en œuvre des mesures de sécurité appropriées pour protéger les données personnelles de ses utilisateurs contre toute perte, vol, altération ou accès non autorisé. Ces mesures incluent, entre autres, le cryptage des données, des protocoles de sécurité avancés et une gestion rigoureuse des accès. Les employés et partenaires de Animyjob sont tenus de respecter la confidentialité des données personnelles et sont soumis à des obligations contractuelles strictes à cet égard. En utilisant le site Animyjob, les utilisateurs reconnaissent avoir pris connaissance de ces engagements de non-communication et de protection des données personnelles. </p> <hr/> <h2> Article 8 – Les cookies </h2> <p> Le site Animyjob utilise des cookies pour améliorer l’expérience de navigation des utilisateurs et optimiser les services proposés. Les cookies sont de petits fichiers texte déposés sur le terminal de l’utilisateur (ordinateur, tablette, smartphone) lors de la visite du site. Ils permettent notamment de mémoriser les préférences de l’utilisateur, de faciliter la navigation, et de réaliser des statistiques de visites afin d’améliorer la qualité des services. En naviguant sur le site, l’utilisateur accepte l’utilisation des cookies conformément à la politique de confidentialité de Animyjob. <br/>L’utilisateur peut à tout moment configurer son navigateur pour refuser les cookies ou les supprimer après leur enregistrement. Cependant, le refus des cookies peut altérer certaines fonctionnalités du site et limiter l’accès à certains services. Pour gérer les cookies, l’utilisateur peut consulter les paramètres de son navigateur et suivre les instructions pour désactiver ou supprimer les cookies. Animyjob informe ses utilisateurs que les cookies strictement nécessaires au fonctionnement du site ne peuvent pas être désactivés. Pour plus d’informations sur la gestion des cookies et les options disponibles, l’utilisateur est invité à consulter la politique de confidentialité de Animyjob. </p> <hr/> <h2> Article 9 – Responsabilité </h2> <p> Animyjob met tout en œuvre pour fournir des informations exactes et à jour sur son site. Cependant, Animyjob ne saurait être tenu responsable des erreurs, omissions ou des résultats obtenus par l’usage de ces informations. Les utilisateurs sont seuls responsables de la vérification de la pertinence et de l’exactitude des informations fournies. Animyjob décline toute responsabilité quant aux interruptions de service, aux bugs ou aux dommages résultant d’une utilisation frauduleuse des informations disponibles sur le site. </p> <hr/> <h2> Article 10 – Liens hypertextes </h2> <p> Le site Animyjob peut contenir des liens hypertextes vers d’autres sites web. Animyjob n’a aucun contrôle sur ces sites et n’assume aucune responsabilité quant à leur contenu, leurs politiques de confidentialité ou leurs pratiques. L’inclusion de ces liens n’implique pas une approbation de leur contenu par Animyjob. Les utilisateurs accèdent à ces sites tiers à leurs propres risques et sous leur propre responsabilité. </p> <hr/> <h2> Article 11 – Modifications du site </h2> <p> Animyjob se réserve le droit de modifier, suspendre ou interrompre l’accès à tout ou partie du site, y compris le contenu, les fonctionnalités ou les services proposés, sans préavis ni justification. Animyjob ne pourra être tenu responsable de toute modification, suspension ou interruption du site. </p> <hr/> <h2> Article 12 – Conditions de publication des offres et des profils </h2> <p> Les utilisateurs du site Animyjob, qu’ils soient recruteurs ou candidats, s’engagent à fournir des informations véridiques et à jour lors de la création de leur profil ou de la publication d’offres d’emploi. Toute information mensongère, incomplète ou non conforme aux règles d’Animyjob peut entraîner la suspension ou la suppression du compte utilisateur concerné. </p> <hr/> <h2> Article 13 – Droit applicable et juridiction compétente </h2> <p> Les présentes CGU sont régies par le droit français. En cas de litige relatif à l’utilisation du site Animyjob, les parties s’engagent à rechercher une solution amiable avant toute action judiciaire. À défaut d’accord amiable, le litige sera soumis à la compétence exclusive des tribunaux français compétents. </p> <hr/> <h2> Article 14 – Contact </h2> <p> Pour toute question relative aux présentes conditions générales d’utilisation ou pour toute autre demande, les utilisateurs peuvent contacter Animyjob via l’adresse email ou le formulaire de contact mis à disposition sur le site. Animyjob s’engage à répondre dans les meilleurs délais. </p> </div> </div> </div> </div> <div class="spacer-1">&nbsp;</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&#039;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" /> <!-- Ajoutez ici le CSS pour la bannière directement --> <!-- CSS personnalisé --> <!-- HTML --> <!-- HTML --> <div id="cookie-popup" class="cookie-popup"> <!-- Contenu initial --> <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> <!-- Cadre de personnalisation (initialement masqué) --> <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> <!-- CSS --> <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> <!-- JavaScript --> <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>

Pages: 1 2 3 4 5 6 7 8 9 10