CINXE.COM
le CV de Julie|Animatrice - Animatrice - -8015
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> le CV de Julie|Animatrice - Animatrice - -8015 </title> <meta name="description" content="Découvrez le profil de Julie|Animatrice - 5 jours de stage pratique dans un centre aéré durant les vacances d’hiver 2024 Stage de 3 ème dans une école maternelle J’effectue du babysitting lors de mon temps libre J’ai un petit frère et grâce à lui j’ai su que je voulais faire de l’animation ( j’ai l’habitude de m’occuper de lui )" /><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/candidat/animateur/animatrice-bafa-stagiaire--8015" 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/candidat/animateur/animatrice-bafa-stagiaire--8015" /> <meta property="og:type" content="website" /> <meta property="og:title" content="le CV de Julie|Animatrice - Animatrice - -8015" /> <meta property="og:description" content="Découvrez le profil de Julie|Animatrice - 5 jours de stage pratique dans un centre aéré durant les vacances d’hiver 2024 Stage de 3 ème dans une école maternelle J’effectue du babysitting lors de mon temps libre J’ai un petit frère et grâce à lui j’ai su que je voulais faire de l’animation ( j’ai l’habitude de m’occuper de lui )" /> <meta property="og:image" content="https://www.animyjob.com/img/article/avatar/8015.pdf" /> <!-- 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 --> <script type='text/javascript' src='https://maps.google.com/maps/api/js'></script> <script type="text/javascript" src="/js/googlemap.js"></script><script type="text/javascript" src="/js/alerter.js"></script><script> $(function(){ var a = "Non renseignée France" callmap(a); }); </script> <style> /* Conteneur principal */ .page-container { display: grid; grid-template-columns: 1fr 2fr 1fr; /* Trois colonnes */ gap: 30px; max-width: 1200px; margin: 0 auto; padding: 20px; } /* Colonne gauche : Profil */ .profile-left { background-color: #fff; padding: 25px; border-radius: 12px; box-shadow: 0px 8px 16px rgba(0, 102, 255, 0.2); /* Ombre gris-bleu */ } .profile-picture img { width: 120px; height: 120px; border-radius: 50%; margin-bottom: 20px; } .profile-details h2 { font-size: 1.8rem; color: #0044cc; margin-bottom: 10px; } .profile-details p { font-size: 1rem; color: #333; margin-bottom: 8px; /* Texte en gras */ } /* Bouton "Contacter" */ .btn-contact { background-color: #0044cc; color: white; padding: 10px 20px; border: none; border-radius: 8px; text-align: center; display: inline-block; margin-top: 15px; cursor: pointer; transition: background-color 0.3s ease; } .btn-contact:hover { background-color: #002a80; } /* Colonne centrale : Détails du CV */ .profile-center { display: flex; flex-direction: column; gap: 20px; } .info-card { background-color: #fff; padding: 25px; border-radius: 12px; box-shadow: 0px 8px 16px rgba(0, 102, 255, 0.2); /* Ombre gris-bleu */ } .info-card:hover { box-shadow: 0px 12px 24px rgba(0, 102, 255, 0.3); /* Ombre plus accentuée au survol */ transform: translateY(-5px); } .info-card h3 { font-size: 1.4rem; color: #0044cc; margin-bottom: 15px; /* Texte en gras */ } .info-card p, .info-card ul { font-size: 1rem; color: #333; /* Texte en gras */ line-height: 1.6; } /* Carte de contact */ .contact-info-card { background-color: #fff; padding: 25px; border-radius: 12px; box-shadow: 0px 8px 16px rgba(0, 102, 255, 0.2); /* Ombre gris-bleu */ text-align: center; } .contact-info-card p { font-size: 1rem; color: #333; margin-bottom: 15px; } .info-card .btn-inscription { background-color: #ff6600; color: white; padding: 10px 20px; border: none; border-radius: 8px; text-align: center; display: inline-block; cursor: pointer; transition: background-color 0.3s ease; } .info-card .btn-inscription:hover { background-color: #e65c00; } /* Colonne droite : Offres Similaires */ .profile-right { background-color: #fff; padding: 25px; border-radius: 12px; box-shadow: 0px 8px 16px rgba(0, 102, 255, 0.2); /* Ombre gris-bleu */ } .profile-right h3 { font-size: 1.4rem; color: #0044cc; margin-bottom: 20px; } /* Réactivité pour mobile */ @media (max-width: 768px) { .page-container { grid-template-columns: 1fr; /* Passe à une colonne sur mobile */ } .profile-left, .profile-center, .profile-right { margin-bottom: 20px; } } </style> <div class="main-page-title2"><!-- start main page title --> <div class="container"> <div class="post-job-title"><h1>CV ANIMATRICE</h1></div> </div> </div><!-- end main page title --> <div class="page-container"> <!-- Colonne gauche : Informations générales --> <div class="profile-left"> <div class="profile-card"> <div class="profile-picture"> <img src="/img/avatar/8015.pdf" class="photo_cv" title="Animatrice" alt="Animatrice - Animyjob.com" /> </div> <div class="profile-details"> <h2>ANIMATRICE</h2> <p><strong>Poste:</strong> Animatrice</p> <p><strong>Mobilité:</strong> Non</p> <p><strong>Permis:</strong> Non</p> <p><strong>Public visé:</strong> Enfant</p> </div> </div> </div> <!-- Colonne centrale : Détails du CV --> <div class="profile-center"> <div class="info-card"> <h3>INFOS PERSONNELLES</h3> <ul> <li><strong>Sexe :</strong> Femme</li> <li><strong>Ville :</strong> Non renseignée</li> <li><strong>Âge :</strong> ans</li> <li><strong>Expérience :</strong> moins de 6 mois</li> </ul> </div> <div class="info-card"> <h3>MES DISPONIBILITÉS</h3> <p><b>vacances</b> d'été 2024 du 08/07/2024 au 31/08/2024</p> </div> <div class="info-card"> <h3>DIPLÔMES / FORMATIONS</h3> <p>BAFA stagiaire</p> </div> <div class="info-card"> <h3>COMPÉTENCES / CONNAISSANCES</h3> <p>Je suis patiente, créative, à l’écoute, responsable et j’adore travailler en équipe. J'ai obtenu mon Baccalauréat (2023) spécialités SES et HGGSP et je suis actuellement en licence de sociologie histoire. </p> </div> <div class="info-card"> <h3>EXPÉRIENCES</h3> <p>5 jours de stage pratique dans un <b>centre</b> aéré durant les <b>vacances</b> d’hiver 2024 Stage de 3 ème dans une école maternelle J’effectue du babysitting lors de mon temps libre J’ai un petit frère et grâce à lui j’ai su que je voulais faire de l’<b>animation</b> ( j’ai l’habitude de m’occuper de lui )</p> </div> <div class="info-card"> <h3>PASSIONS / LOISIRS</h3> <p>J'aime beaucoup les activités manuelles, le cinéma et les séries. </p> </div> <!-- Carte Informations supplémentaires --> <div class="info-card"> <h3>INFOS SUPPLÉMENTAIRES</h3> <p></p> </div> <!-- Carte de contact pour entrer en contact ou s'inscrire --> <div class="info-card"> <h3>Informations de contact</h3> <p><b>Si vous êtes intéressé par cette offre, connectez-vous ou inscrivez-vous.</b></p> <a <a href="/login/connexion" class="btn-inscription">CONNECTEZ-VOUS !</a> ou <a href="/recruteur/inscription" class="btn-inscription">INSCRIVEZ-VOUS !</a></a> <!-- Bouton pour s'inscrire --> </div> </div> <!-- Colonne droite : Candidats similaires --> <div class="profile-right"> <h3>Candidats Similaires</h3> <style> /* Conteneur principal pour les candidats similaires */ .vignette { display: flex; align-items: center; background-color: #fff; margin-bottom: 20px; /* Ajuster l'espacement entre les cartes */ padding: 10px; border-radius: 8px; /* Pour arrondir légèrement les coins */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Légère ombre pour la visibilité */ width: 100%; /* S'assurer que la carte prend toute la largeur disponible */ max-width: 100%; /* Empêcher le débordement du conteneur */ box-sizing: border-box; /* S'assurer que les paddings sont inclus dans la largeur */ } /* Div contenant l'image */ .pic { display: flex; justify-content: center; align-items: center; width: auto; margin-bottom: 10px; } /* Image petite avec proportions conservées */ .offer-pic { width: 50px; /* Fixer une petite largeur */ height: auto; /* Garder la hauteur proportionnelle à la largeur */ border-radius: 50%; /* Pour que l'image reste circulaire */ object-fit: cover; /* S'assurer que l'image garde ses proportions sans être déformée */ } /* Détails de l'offre */ .offer-details { list-style: none; padding: 0; text-align: center; max-width: 100%; /* Empêcher que le texte dépasse le conteneur */ white-space: normal; /* Assurer que le texte s'ajuste dans plusieurs lignes si nécessaire */ word-wrap: break-word; /* Permet de couper les mots longs qui pourraient déborder */ } .offer-details li { margin-bottom: 5px; font-size: 0.9rem; color: #333; width: 100%; /* Assurez-vous que le texte reste dans le cadre */ } .offer-details li b { font-size: 1rem; color: #0044cc; /* Couleur bleue pour le titre */ } /* Réactivité pour mobile */ @media (max-width: 768px) { .vignette { width: 100%; /* Assurer que chaque vignette prend bien toute la largeur */ padding: 15px; } .offer-pic { width: 40px; /* Garder la petite taille de l'image même sur mobile */ } .offer-details { word-wrap: break-word; /* S'assurer que le texte reste bien dans les limites */ } } </style> <div class="info_cv"> <div id="bloc_cv"> <a href="/candidat/animateur/animateur-stagiaire-bafa-stagiaire-psc1-base--8294" alt="Animateur"><div class="vignette"><div class='pic'><img src="/img/avatar/8294.pdf" width="70%" class="img-responsive" alt="Animateur" /></div><ul><ul class='offer-details'><b>Animateur stagiaire</b></li> <li> Animateur | Homme | 17 ans | </li> <li>BAFA stagiaire, PSC1, BASE</li> </ul> </div></a><br> <a href="/candidat/animateur/animatrice-bafa-stagiaire-psc1--8292" alt="Animateur"><div class="vignette"><div class='pic'><img src="/img/avatar/8292.pdf" width="70%" class="img-responsive" alt="Animateur" /></div><ul><ul class='offer-details'><b>Animatrice</b></li> <li> Animatrice | Femme | ans | </li> <li>BAFA stagiaire, PSC1</li> </ul> </div></a><br> <a href="/candidat/animateur/animatrice-bafa-stagiaire--8274" alt="Animateur"><div class="vignette"><div class='pic'><img src="/img/avatar/default.png" width="70%" class="img-responsive" alt="Animateur" /></div><ul><ul class='offer-details'><b>Animatrice</b></li> <li> Animatrice | Femme | ans | </li> <li>BAFA stagiaire</li> </ul> </div></a><br> </div> </div> <div class="spacer-1"> </div> </div> </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>