<!DOCTYPE html>
<html class="no-js" lang="fr">
<head>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-7LPD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-7LPD');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJ Classic</title>
<!-- fb -->
<meta property="og:url" content="https://animaljam.com/" />
<meta property="og:title" content="AJ Classic"/>
<meta property="og:description" content="Animal Jam brings the fun and excitement of Jamaa to your iOS or Android device"/>
<meta property="og:image" content="https://ajwebcdn1.akamaized.net/assets/social_share/animal-jam-3f524b7b89e6eace6744ea45a3116c2e66eca48ce64845e295e8cc20f67b52b1.png">
<meta property="og:type" content="website">
<!-- twitter -->
<meta name="twitter:site_name" content="Animal Jam">
<meta name="twitter:site" content="@AnimalJam">
<meta name="twitter:card" content="summary">
<meta name="twitter:description" content="Animal Jam is an award-winning online animal game for kids. Play educational animal games in a safe & fun online playground.">
<meta name="twitter:image" content="https://ajwebcdn1.akamaized.net/assets/social_share/animal-jam-3f524b7b89e6eace6744ea45a3116c2e66eca48ce64845e295e8cc20f67b52b1.png">
<!-- meta -->
<meta name="description" content="Animal Jam brings the fun and excitement of Jamaa to your iOS or Android device">
<meta name="keywords" content="Animal Jam, National Geographic, MMO, Virtual World, Game, Kids, Safe, Education, Social Networking, Virtual Pet">
<meta name="image" content="https://ajwebcdn1.akamaized.net/assets/social_share/animal-jam-3f524b7b89e6eace6744ea45a3116c2e66eca48ce64845e295e8cc20f67b52b1.png">
<!-- favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/favicon-32x32-5407fe7fe85e9b2a11c1502a4ad5bd44b9239bdf54093a941e7d75e43ac95f04.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/favicon-96x96-11e3b2b217ba83e9c61174727ed1a2a5f614495066e3d21870aa3dd09ba3cf30.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/favicon-16x16-51469b23f481fbbff3fce9c5235382beca58c3d56e243055a557c20ec682433d.png">
<!-- Android -->
<link rel="icon" type="image/png" sizes="192x192" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/android-icon-192x192-9c25fa05427293ede90ac6b45973eb37cace164a2b3dea24903dc993eef47263.png">
<link rel="manifest" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/manifest-4a109c4674f91794e5a9327d64da0d8f711923e8fc4d94c4bc32ad733d9d5461.json">
<!-- Apple -->
<link rel="apple-touch-icon" sizes="57x57" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-57x57-aa411b0651ba4ef2ad485febfe6fddd45d27e86f35eeed00873288c6f2eb8d8b.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-60x60-6e3a94c16b56240ee2b63a6eeb009eb49b74526b88428a0c3e4fca07ceb29222.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-72x72-7799d9546bd6bcdc55b171e723c3658fd11f65515e90fd58beb9790fa8cf5ee6.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-76x76-f3bbca71a7ab98efcfd6e6dc083891951f7e0e2583ad08b86be91180f3acd656.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-114x114-1659a7e78b7a805e1a740cabc48e69bdc4a8c5234137ff2fbb8e8b71f4d56cbb.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-120x120-2b8a144ac4877e34d59e2893a4fef7c335a7c5f2b5f600b929cfc93b48a065cc.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-144x144-4ef70d38db942c9658b2244e321bfe0c18e03db6218b9075f2c526dc05a3ce6c.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-152x152-9d8413a4a894993ffabbd4d947f6fbbedeb39cdb247539dd91770cc432ae1ad2.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-180x180-68ae89c476ca9c63abd80cec8847208f3b4168b6049ce1f3a108db8c0694201d.png">
<!-- Microsoft -->
<meta name="msapplication-TileImage" content="https://ajwebcdn1.akamaized.net/2.0/favicon/ms-icon-144x144.png">
<meta name="msapplication-square70x70logo" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/mstile-70x70-e59ec0b02406f4eb41ea4d0a7128106b8db80cb4971eb97ecb75e045410cb7f2.png">
<meta name="msapplication-square150x150logo" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/mstile-150x150-c1d5077663714a7210e748e5b549f246f6d7352f8c907e0ba218c6cdfbc7cd88.png">
<meta name="msapplication-wide310x150logo" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/mstile-310x150-cb4d3b6f2c7a2f7d8d40dab154e247238d04fb42f5b0487f00c2d58f62314014.png">
<meta name="msapplication-square310x310logo" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/mstile-310x310-0a8eb657de4fa3e13a5f99e81891128b762d28740e9c570216054fed2084e587.png">
<meta name="msapplication-config" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/browserconfig-f1fa5cbb15ead8c4955ea009182fee0f2af50d8526112f3881c0179d0af07c85.xml">
<meta name="theme-color" content="#21A392">
<meta name="msapplication-TileColor" content="#5AC9A8">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="iovn/muX4RV+M9PxTASXv7ibKY5ZyMml7BjqEYFPeb0nOPiCyKQiyW/pSqNBKgg2LJFSDPgDEEEhqCZbIrAlgw==" />
<link rel="stylesheet" media="screen" href="https://d3405rr50k8fph.cloudfront.net/assets/packs/css/application-35deb69c.css" data-turbolinks-track="reload" />
<script src="https://d3405rr50k8fph.cloudfront.net/assets/packs/js/application-cfeef6c65167f46ca826.js" data-turbolinks-track="reload"></script>
<script src="https://d3405rr50k8fph.cloudfront.net/assets/application-7c872afe58d67bfaae67f7087ff350c2257fbfec925749dd36677d76fc0f39dd.js" data-turbolinks-track="reload"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-7LPD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="off-canvas position-left" id="mobileMenu" data-off-canvas data-transition="push">
<div class="mobile-menu-title">Menu</div>
<div class="mobile-menu-close-btn" data-close></div>
<div class="mobile-menu-page">
<div class="offset">
<ul class="mobile-menu">
<li class="menu-item home">
<a href="https://classic.animaljam.com/fr">
<span class="link-icn"></span>Accueil
</a> </li>
<li class="menu-item membership">
<a href="https://www.animaljam.com/fr/join">
<span class="link-icn"></span>Adhésion
</a> </li>
<li class="menu-item shop">
<a href="https://shop.animaljam.com">
<span class="link-icn"></span>Cadeaux
</a>
</li>
<li class="menu-item giftcards">
<a href="https://www.animaljam.com/fr/gift_card">
<span class="link-icn"></span>CARTES CADEAUX
</a> </li>
<li class="menu-item code">
<a href="https://www.animaljam.com/fr/redeem">
<span class="link-icn"></span>Utiliser
</a> </li>
<li class="menu-item parents">
<a href="https://www.animaljam.com/fr/parents">
<span class="link-icn"></span>Outils parentaux
</a>
</a> </li>
<li class="menu-item apps">
<a href="https://www.animaljam.com/fr/apps">
<span class="link-icn"></span>Apps
</a> </li>
<li class="menu-item about">
<a href="https://www.animaljam.com/fr/about_us">
<span class="link-icn"></span>À propos
</a> </li>
<li class="menu-item safety">
<a href="https://www.animaljam.com/fr/safety">
<span class="link-icn"></span>Sûr
</a> </li>
<li class="menu-item help">
<a target="_blank" href="https://sbiaj.zendesk.com">
<span class="link-icn"></span>besoin d'aide
</a>
</li>
<li class="menu-item blog">
<a target="_blank" href="http://dailyexplorer.animaljam.com/">
<span class="link-icn"></span>Blog
</a>
</li>
</ul>
</div>
</div>
</div>
<main class="off-canvas-content " data-off-canvas-content>
<nav class="nav-bar">
<div class="game-logo aj-classic-game-logo"></div>
<ul class="menu-list">
<li class="menu-item membership">
<a href="https://www.animaljam.com/fr/join"> Adhésion </a>
</li>
<li class="menu-item shop">
<a href="https://shop.animaljam.com/">Cadeaux</a>
</li>
<li class="menu-item parents">
<a href="https://www.animaljam.com/fr/parents"> Parents </a>
</li>
<li class="menu-item apps">
<a href="https://www.animaljam.com/fr/apps"> Apps </a>
</li>
<li class="menu-item help">
<a href="https://classic-help.animaljam.com/hc/en-us">besoin d'aide</a>
</li>
<li class="menu-btn menu-item" data-open="megaMenu">
<div class="menu-icn"></div>
</li>
<li class="menu-item download-btn-wrapper">
<a class="download-btn" id="windows-download-link" data-href="https://ajdownload.akamaized.net/win/AnimalJamInstaller.exe">télécharge</a>
</li>
</ul>
</nav>
<div class="mobile-menu-btn" data-toggle="mobileMenu"></div>
<div class="mega-menu reveal" id="megaMenu" data-reveal data-overlay="false">
<div class="menu-grid">
<div class="menu-col">
<a class="menu-item home" href="https://classic.animaljam.com/fr">
<span class="link-icn"></span>Accueil
</a>
<a class="menu-item about" href="https://www.animaljam.com/fr/about_us">
<span class="link-icn"></span>À propos
</a>
<a class="menu-item apps" href="https://www.animaljam.com/fr/apps">
<span class="link-icn"></span>Apps
</a>
<a class="menu-item parents" href="https://www.animaljam.com/fr/parents">
<span class="link-icn"></span>Outils parentaux
</a> </div>
<div class="menu-col">
<a class="menu-item membership" href="https://www.animaljam.com/fr/join">
<span class="link-icn"></span>Adhésion
</a>
<a href="https://shop.animaljam.com" class="menu-item shop">
<span class="link-icn"></span>Cadeaux
</a>
<a class="menu-item giftcards" href="https://www.animaljam.com/fr/gift_card">
<span class="link-icn"></span>CARTES CADEAUX
</a>
<a class="menu-item code" href="https://www.animaljam.com/fr/redeem">
<span class="link-icn"></span>Utiliser
</a> </div>
<div class="menu-col">
<a target="_blank" href=https://classic-help.animaljam.com/hc/en-us class="menu-item help">
<span class="link-icn"></span>besoin d'aide
</a>
<a class="menu-item safety" href="https://www.animaljam.com/fr/safety">
<span class="link-icn"></span>Sûr
</a>
<a target="_blank" class="menu-item rules" href="https://www.animaljam.com/fr/rules">
<span class="link-icn"></span>Règles
</a>
<a target="_blank" href="http://dailyexplorer.animaljam.com/" class='menu-item blog'>
<span class="link-icn"></span>Blog
</a>
</div>
</div>
</div>
<div class="hero aj-classic-hero">
<div class="hero-img">
</div>
<div class="grid-container appstore-btns aj-classic-appstore-btns">
<div class="appstore-btn-container">
<a id="windows" data-href="https://ajdownload.akamaized.net/win/AnimalJamInstaller.exe" class="appstore-btn pc-download"></a>
<a class="login-link standard-btn" href="">Viens Jouer</a>
</div>
</div>
</div>
<section class="secondary-content">
<div class="grid-container">
<div class="grid-x grid-margin-x">
<div class="cell medium-6">
<a href="https://www.animaljam.com/fr" class="card">
<div class="card-img aj"></div>
<div class="card-msg">Prenez Animal Jam partout avec vous avec notre App Animal Jam mobile.</div>
</a>
</div>
<div class="cell medium-6">
<a href="https://www.animaljam.com/fr/join" class="card">
<div class="card-img membership-diamonds">
<div class="get-more">
<div class="get-more-txt"><span class="get-more-mem-badge"></span> Avoir plus!</div>
</div>
</div>
<div class="card-msg">Plus lorsque vous achetez un abonnement de <span class="msg-link">Animaljam.com/join</span>.</div>
</a>
</div>
</div>
</div>
</section>
<section class="featured-links">
<div class="grid-container">
<div class="grid-x">
<div class="cell medium-3">
<a href="https://www.animaljam.com/fr/safety" class="featured-link safety">
<div class="link-icn"></div>
<div class="link-title">Sûr</div>
<div class="link-micro-txt">En savoir plus sur la façon dont nous gardons nos jeux en toute sécurité pour les enfants.</div>
</a>
</div>
<div class="cell medium-3">
<a href="https://www.animaljam.com/fr/parents" class="featured-link parent-tools">
<div class="link-icn"></div>
<div class="link-title">Outils parentaux</div>
<div class="link-micro-txt">Gérer le compte de votre enfant et les paramètres de confidentialité.</div>
</a>
</div>
<div class="cell medium-3">
<a href=https://classic-help.animaljam.com/hc/en-us class="featured-link help-desk">
<div class="link-icn"></div>
<div class="link-title">CENTRE D'ASSISTANCE</div>
<div class="link-micro-txt">Avoir une question? Vérifiez le Centre d'aide pour trouver des réponses.</div>
</a>
</div>
<div class="cell medium-3">
<a href="https://www.animaljam.com/fr/gift_card" class="featured-link gift-cards">
<div class="link-icn"></div>
<div class="link-title">CARTES CADEAUX</div>
<div class="link-micro-txt">adhésion Unlock avec une carte-cadeau!</div>
</a>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-links">
<ul class="footer-nav">
<li>
<a href="https://www.animaljam.com/fr/about_us">
À propos
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://www.animaljam.com/fr/safety">
Sûr
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://www.animaljam.com/fr/rules">
Règles
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://www.animaljam.com/fr/privacy">
vie privée
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://www.animaljam.com/fr/terms_of_service">
conditions
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://dailyexplorer.animaljam.com">Blog</a>
</li>
<li class="divider">|</li>
<li>
<a href="https://academy.animaljam.com">Académie AJ</a>
</li>
<li class="divider">|</li>
<li class="language">
<a class="current-language">Langue (fr)<span class="dropdown-arrow"></span></a>
<form update="change-language" complete="window.location.reload()" id="language-form" action="/fr/change_language_code" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="rbvj1vrt71X9nQONi9EcfinGw5Ipe3a/qSX1U/oG4HRekQM7DfMwWRSvekvZLC0Hmy+Ej6SfbOJ1X04Qw9tvEQ==" />
<input type="hidden" name="language_code" id="language_code" />
<input type="hidden" name="current_url" id="current_url" value="/fr" />
</form> <div class="language-dropdown">
<ul class="language-list">
<li >
<a href="javascript:;" class="language-link" data-lang="de">Deutsch</a>
</li>
<li >
<a href="javascript:;" class="language-link" data-lang="en">English</a>
</li>
<li >
<a href="javascript:;" class="language-link" data-lang="es">Español</a>
</li>
<li class=selected>
<a href="javascript:;" class="language-link" data-lang="fr">Français</a>
</li>
<li >
<a href="javascript:;" class="language-link" data-lang="pt">Português</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="social-links">
<a href="https://www.facebook.com/PlayAnimalJam" class="external-link social-link facebook" target="_blank"></a>
<a href="https://instagram.com/animaljam" class="external-link social-link instagram" target="_blank"></a>
<a href="https://twitter.com/AnimalJam" class="external-link social-link twitter" target="_blank"></a>
<a href="https://www.youtube.com/PlayAnimalJam" class="external-link social-link youtube" target="_blank"></a>
<a href="https://www.pinterest.com/playanimaljam" class="external-link social-link pinterest" target="_blank"></a>
</div>
<div class="footer-legal">
<a href='http://www.wildworks.com' target='_blank' class='external-link'>
<div class="wildworks-logo"></div>
</a>
<div class="legal-txt">© 2020 WildWorks, Inc. Tous droits réservés.</div>
</div>
</footer>
</main>
<div class="create-account-gate-popup popup-container">
<div class="pop-scrim"></div>
<div class="create-account-popup1">
<div class="pop-close-btn"></div>
<div class="new-players">
<h2>Nouveau dans AJ Classic ?</h2>
<div class="create-an-animal-btn">
<a class="create-account-link login-label" href="#">Création d'Animaux</a>
</div>
</div>
<div class="returning-players">
<div class="animal-jam-logo"></div>
<h2>Connexion joueur</h2>
<form class="login-form standard-form secure-form" autocomplete="off" action="http://classic.animaljam.com/post.php" accept-charset="UTF-8" method="post">
<div class="input-wrap">
<div id="wrong-un" class="error-tip">
<span class="tip-point"></span>Désolé, aucun compte ne correspond à ce nom d'utilisateur.
</div>
<div id="message" class="error-tip">
<span class="tip-point"></span>
</div>
<label for="signin_user_screen_name">Nom d'utilisateur</label>
<input autocomplete="off" placeholder="Nom d'utilisateur" class="form-row" aria-required="true" type="text" name="signin_user[screen_name]" id="signin_user_screen_name" />
</div>
<div class="input-wrap">
<div id="wrong-pw" class="error-tip">
<span class="tip-point"></span>Le mot de passe fourni ne correspond pas à nos données.</div>
<label for="signin_user_password">Mot de passe</label>
<input placeholder="Mot de passe" class="form-row" aria-required="true" type="password" name="signin_user[password]" id="signin_user_password" />
</div>
<div class="form-row code-toggle toggle-code">
<input type="checkbox" name="have_code" id="popup_code_checkbox" value="1">
<label for="popup_code_checkbox" class="checkbox-label">J'ai un code</label>
</div>
<div class="input-wrap redemption-code-group">
<label for="signin_user_redemption_code">Entre ton code</label>
<input id="popup_redemption_code" class="redemption-code" placeholder="Entre ton code" aria-required="true" type="text" name="signin_user[redemption_code]" />
</div>
<div class="form-row submit-row">
<input type="submit" name="commit" value="envoyer" data-disable-with="envoyer" />
</div>
<a class="forgot-pw-link login-label" href="#">Mot de passe oublié ?</a>
</form> </div>
</div>
</div>
<div class="create-account-popup popup-container">
<div class="pop-scrim"></div>
<div class="popup">
<div class="signup-bg-img"></div>
<div class="signup-login-link-wrapper"></div>
<div class="pop-header">
<div class="pop-close-btn"></div>
</div>
<div class="pop-content">
<div class="grid-x">
<div class="cell small-6">
<div class="sign-up-panel avatar-thumbnails ghost">
<div class="panel-title">Choisis un animal</div>
<div class="panel-mid">
<div class="panel-offset-top"></div>
<div class="panel-content">
<div class="framed-content">
<div class="thumbnail-grid">
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="4">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img wolf"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="13">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img rino"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="8">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img bunny"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="1">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img tiger"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="18">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img seal"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="5">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img koala"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="6">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img panda"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="24">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img penguin"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="7">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img monkey"></div>
</a>
</div>
</div>
</div>
<div class="btn-row">
<div id="next-button" class="next-btn standard-button-large">Suivant</div>
</div>
</div>
<div class="panel-offset-bottom"></div>
<div class="panel-bottom"></div>
</div>
</div>
</div>
<div class="cell small-6">
<!--<div class="avatar-hero-img"></div>-->
<div id="animation_container" class="signup-avatar-hero-anim-container">
<canvas id="canvas" class="signup-avatar-hero-canvas" width="600" height="600"></canvas>
<div id="dom_overlay_container" class="signup-avatar-hero-dom-overlay-container"></div>
</div>
</div>
</div>
<div class="sign-up-panel create-login hide">
<div class="nav_back_btn_anchor">
<div class="nav_back_btn"></div>
</div>
<div class="panel-title">Créer un compte</div>
<div class="panel-mid">
<div class="panel-offset-top"></div>
<div class="panel-content">
<div class="framed-content">
<form class="sign-up-create-account-form">
<label for="sign-up-form-username">Mon nom d'utilisateur AJ Classic</label>
<div class="user-name-group form-group focus">
<div class="form-field">
<div class="error-tip-anchor">
<div id="un-invaild" class="error-tip display-above un-invaild">
<span class="tip-point"></span>Saisis un nom d'utilisateur valide.
</div>
<div id="un-invaild" class="error-tip display-above socket-timeout">
<span class="tip-point"></span>Erreur de connexion au réseau. Essaie à nouveau.
</div>
</div>
<div class="error-tip-anchor">
<div id="un-taken" class="error-tip display-above un-taken">
<span class="tip-point"></span>Ce nom d'utilisateur est déjà pris. Choisis-en un autre.
</div>
</div>
<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="saisis un nom d'utilisateur" type="text" maxlength="20" id="sign-up-form-username">
<div class="form-field-status-icn"></div>
</div>
<p class="help-txt">Les Jammeurs rusés n'utilisent ni leur nom ni leur prénom. Les noms d'utilisateur doivent avoir au moins 3 caractères.</p>
<div class="name-suggestions-section">
<h5>Suggestions de nom d'utilisateur</h5>
<ul class="name-suggestion-list">
</ul>
</div>
</div>
<label for="sign-up-form-password">Mon mot de passe AJ Classic</label>
<div class="password-group form-group">
<div class="form-field">
<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="saisis un mot de passe" type="text" maxlength="32" id="sign-up-form-password">
<div class="form-field-status-icn"></div>
</div>
<p class="help-txt">Les mots de passe ne peuvent pas contenir ton nom d'utilisateur et doivent avoir au moins 6 caractères.</p>
</div>
</form>
<div class="link-row">
<a class="username-tips-link" href="">Conseils et infos sur le choix d'un nom</a>
</div>
</div>
</div>
<div class="link-row">
<a class="privacy-link" target="_blank" href="https://www.animaljam.com/fr/privacy">vie privée</a>
<a class="terms-link" target="_blank" href="https://www.animaljam.com/fr/terms_of_service">conditions</a>
</div>
<div class="btn-row">
<div class="agree-btn disabled">
<div class="btn-label" id="agree-button">J'accepte</div>
<div class="checkbox-icn"></div>
</div>
<div class="submit-spinner"></div>
</div>
<div class="panel-offset-bottom"></div>
<div class="panel-bottom"></div>
</div>
</div>
<div class="sign-up-footer"></div>
</div>
</div>
</div>
<div class="captcha">
<script>
var lastElement;
function ajAlert(message, title) {
var popup = jQuery('#modal-popup');
if (title) {
popup.find('.title').html(title);
}
popup.find('.message').html(message);
popup.remodal().open();
}
function drag(ev) {
var imageURL = jQuery(ev.target).attr('src');
var img = document.createElement('img');
img.src = imageURL;
var key = imageURL.substr(imageURL.lastIndexOf('/')+1);
ev.dataTransfer.setData('text', key);
ev.dataTransfer.setDragImage(img,img.width/2,img.height/2);
}
function drop(ev) {
ev.preventDefault();
var q_key = jQuery('.captcha-container .question').attr('src');
q_key = q_key.substr(q_key.lastIndexOf('/')+1);
jQuery('input[name=captcha\\[question_key\\]], input[name=captcha\\[answer_key\\]]').remove();
jQuery('.secure-form').each(function(i,el){
jQuery('<input />').attr('type', 'hidden')
.attr('name', 'captcha[question_key]')
.attr('value', q_key)
.appendTo(el);
jQuery('<input />').attr('type', 'hidden')
.attr('name', 'captcha[answer_key]')
.attr('value', ev.dataTransfer.getData('text'))
.appendTo(el);
});
lastElement.focus();
tabEnabled(true);
jQuery('.captcha-popup').hide();
}
function allowDrop(ev) {
ev.preventDefault();
}
function tabHandler(event) {
if(event.keyCode == 9) {
event.preventDefault();
}
}
function tabEnabled(b) {
var bound =false;
if(!b && !bound) {
jQuery(document).on('keydown', tabHandler);
bound = true;
} else {
jQuery(document).off('keydown', tabHandler);
bound = false;
}
enabled = b;
}
</script>
<div class="captcha-popup">
<div class="captcha-overlay"></div>
<div class="captcha-container">
<div class="content">
<div class="title-bar">
<img alt="security badge" class="security-badge" src="https://d3405rr50k8fph.cloudfront.net/assets/captcha/title_icn_safety-9838a5a068271525aa3072e6b8cc2cccbe6c0225147799e02efd5eeddc208a88.png" />
<h2 class="title">Contrôle de sécurité pour Jammeurs</h2>
</div>
<img class="div-line" src="https://d3405rr50k8fph.cloudfront.net/assets/captcha/div_line-24349ed62d3a947f138f7d305c37d2237cdf61b56e7eddc1c6e9a7ba3bfca5e5.png" />
<p>Fais glisser l'image de gauche qui correspond à l'image à droite.</p>
<div class="drag-content clearfix">
<div class="options-container">
<div class="option-container">
<div class="image-container">
<span class="valign"></span>
<img src="" alt="captcha option" class="option" draggable="true" ondragstart="drag(event)">
</div>
</div>
<div class="option-container">
<div class="image-container">
<span class="valign"></span>
<img src="" alt="captcha option" class="option" draggable="true" ondragstart="drag(event)">
</div>
</div>
<div class="option-container clear">
<div class="image-container">
<span class="valign"></span>
<img src="" alt="captcha option" class="option" draggable="true" ondragstart="drag(event)">
</div>
</div>
<div class="option-container">
<div class="image-container">
<span class="valign"></span>
<img src="" alt="captcha option" class="option" draggable="true" ondragstart="drag(event)">
</div>
</div>
</div>
<div class="question-container">
<span class="valign"></span>
<div ondrop="drop(event)" ondragover="allowDrop(event)">
<img class="question" src="" alt="dropImage">
</div>
<div class="arrow"></div>
</div>
<input type="hidden" id="translation_message" value="Ce compte est temporairement bloqué. Ré-essaie un peu plus tard.">
</div>
</div>
</div>
</div>
</div>
<div class="username-tips-popup popup-container">
<div class="pop-scrim"></div>
<div class="popup">
<div class="pop-header">
<h2 class="pop-title">Tips & Info</h2>
<div class="pop-close-btn"></div>
</div>
<div class="pop-content">
<h5>Conseils à propos du nom et du mot de passe</h5>
<ul>
<li>N'utilise pas ton véritable nom.</li>
<li>Choisis quelque chose dont tu peux facilement te souvenir.</li>
<li>Choisis quelque chose de difficile à deviner pour les autres.</li>
<li>Fais preuve de courtoisie !</li>
</ul>
<h5>Pourquoi est-ce nécessaire ?</h5>
<p>Ton nom d'utilisateur et ton mot de passe sont nécessaires pour qu'à chaque fois que tu joues à AJ Classic, tu puisses reprendre le jeu là où tu l'as laissé. Ton nom d'utilisateur nous aide aussi à retrouver ton compte si jamais tu as besoin de notre aide.</p>
<p class="fine-print"> Pour en savoir plus sur notre politique en matière de collecte des données, tu peux consulter notre
<a href="https://www.animaljam.com/fr/privacy">Politique de protection</a>
</p>
</div>
</div>
</div>
<div id="modal-popup" class="remodal" data-remodal-id="modal-popup" data-remodal-options="hashTracking: false">
<div class="popup-offset">
<button data-remodal-action="close" class="remodal-close"></button>
<h1 class="title">Attention</h1>
<p class="message"></p>
</div>
</div>
<div class=" popup external-link-warning-popup">
<div class="scrim"></div>
<div class="pop-body">
<div class="pop-title">
<div class="pop-title-txt">Attention</div>
<div class="pop-close-btn"></div>
</div>
<div class="pop-content">
<p>Le lien sur lequel vous avez cliquez vous emmènera peut-être sur un autre site :</p>
<div class="external-link-txt"></div>
<p>Animal Jam fait confiance aux sites vers lesquels nous hébergeons des liens, mais assurez-vous toujours de lire et de comprendre les règles de sécurité et de vie privée de tout nouveau site afin de rester protégé.</p>
<p><strong>Êtes-vous sûr(e) de vouloir quitter AnimalJam.com ?</strong></p>
</div>
<div class="pop-foot multi-btn">
<div class="btn-row">
<div class="foot-btn standard-btn-red btn-confirm">Oui</div>
<div class="foot-btn standard-btn btn-cancel">Non</div>
</div>
</div>
</div>
</div>
<div class="popup come-back-on-your-pc-pop">
<div class="scrim"></div>
<div class="pop-body">
<div class="pop-content">
<p>Pour télécharger Animal Jam pour ordinateur, reviens sur ton PC ou ton Mac.</p>
</div>
<div class="pop-foot">
<div class="btn-row">
<div class="foot-btn standard-btn ok-btn">OK</div>
</div>
</div>
</div>
</div>
<div class="forgot-password-popup popup-container">
<div class="pop-scrim"></div>
<div class="popup">
<div class="pop-header">
<h2 class="pop-title">réinitialiser le mot de passe</h2>
<div class="pop-close-btn"></div>
</div>
<div class="pop-content" id="forgot-password-form">
<form class="forgot-pass-form standard-form autocomplete=off" action="https://www.animaljam.com/child_request_reset_password" accept-charset="UTF-8" data-remote="true" method="post">
<p>Mot de passe oublié ? Aucun problème ! Indique juste ton nom d'utilisateur et l'adresse email de tes parents puis clique sur envoyer.</p>
<div class="input-wrap">
<label for="username">Nom d'utilisateur</label>
<input type="text" name="username" id="username" value="" placeholder="Nom d'utilisateur" aria-required="true" autofocus="autofocus" class="form-row" />
</div>
<div class="input-wrap">
<div id="wrong-email" class="error-tip">
<span class="tip-point"></span>L'adresse email que vous avez fournie ne correspond pas à nos données.
</div>
<label for="parent_email">Adresse e-mail Parent</label>
<input type="text" name="parent_email" id="parent_email" value="" placeholder="Adresse e-mail Parent" aria-required="true" autofocus="autofocus" class="form-row" />
</div>
<hr>
<div class="form-row submit">
<input type="submit" name="commit" value="envoyer" disabled="disabled" data-disable-with="envoyer" />
</div>
</form> </div>
<div id="forgot-password-confirmation" style="display:none" class="pop-content">
</div>
</div>
</div>
<div class="rename-account-popup popup-container">
<div class="popup-scrim"></div>
<div class="popup">
<div class="pop-header">
<h2 class="pop-title" data-success="Félicitations !" data-initial="Oh oh !"></h2>
</div>
<div class="pop-content" id="rename-account-form">
<p id="username_rejected_message">Ton nom d'utilisateur () a été rejeté par nos modérateurs. Merci de créer un nouveau nom d'utilisateur.</p>
<form class="rename-account-form standard-form autocomplete=off" data-host="https://www.animaljam.com/" action="https://www.animaljam.com//rename_screen_name" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UXCSiavSau/s0crYWWAkZ4wuJBpUWPcb+FfKNkwwiKBRkOPjhYQWlUN2lhgYWgDHRHQNX5MhlI5q8PdD7Vrg7g==" />
<div class="input-wrap new-username">
<div id="unavailable-username" class="error-tip display-above hide">
<span class="tip-point"></span><span class="message">Ce nom d'animal est déjà pris. Choisis-en un autre.</span>
</div>
<input value="" id="rename_action_key" type="hidden" name="game_account[key]" />
<input value="" id="old_screen_name" type="hidden" name="game_account[old_screen_name]" />
<label for="username">Username</label>
<input aria-required="true" autofocus="autofocus" class="form-row" id="username" type="text" name="game_account[screen_name]" />
<div class="status-icn"></div>
</div>
<hr>
<div id="rename-btn" class="form-row">
<input type="submit" name="commit" value="Renommer le compte" data-disable-with="Renommer le compte" />
</div>
</form> </div>
<div class="confirmation pop-content" style="display:none">
<p class='message'></p>
<a href="javascript:void(0);" class="primary-button">OK</a>
</div>
</div>
</div>
</body>
</html>