<!DOCTYPE html>
<html lang="fr">
<head>
<meta content= "text/html" charset= "UTF-8">
<!-- Title-->
<title>ESJ LILLE - École supérieure de journalisme de Lille</title>
<!-- SEO Meta-->
<meta property="og:url" content="" />
<meta property="og:type" content="article" />
<meta property="og:title" content="ESJ LILLE - École Superieure de Journalisme de Lille" />
<meta property="og:description" content="L'ESJ Lille propose des formations au journalisme du post bac au master 2 et des filières spécifiques : journaliste sportif, scientifique et de proximité." />
<meta property="og:image" content="https://esj-lille.fr/assets/img/logoEsj_big.jpg" />
<!-- SEO Meta-->
<meta name="keywords" content="ESJ LILLE - École Superieure de Journalisme de Lille">
<meta name="author" content="<ESJ LILLE - École Superieure de Journalisme de Lille">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="L'ESJ Lille propose des formations au journalisme du post bac au master 2 et des filières spécifiques : journaliste sportif, scientifique et de proximité.">
<meta name="keywords" content="École de Journalisme de Lille">
<meta name="author" content="École de Journalisme de Lille">
<!-- viewport scale-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Favicon and Apple Icons-->
<link rel="icon" type="image/x-icon" href="https://esj-lille.fr/assets/img/favicon/114x114.png">
<link rel="shortcut icon" href="https://esj-lille.fr/assets/img/favicon/114x114.png">
<link rel="apple-touch-icon-precomposed" href="https://esj-lille.fr/assets/img/favicon/96x96.png">
<!--Google fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700%7CWork+Sans:400,500">
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700&display=swap" rel="stylesheet">
<!-- Icon fonts -->
<link rel="stylesheet" href="https://esj-lille.fr/assets/fonts/fontawesome/css/all.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/fonts/themify-icons/css/themify-icons.css">
<!-- stylesheet-->
<link rel="stylesheet" href="https://esj-lille.fr/assets/css/vendors.bundle.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/css/style.css">
<link rel="stylesheet" href="https://esj-lille.fr/css/style.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/css/styleAdd.css">
<script src="https://esj-lille.fr/assets/js/vendors.bundle.js"></script>
<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=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T6P6BZC');</script>
<script src="https://esj-lille.fr/assets/js/scripts.js"></script>
<script>
window.axeptioSettings = {
clientId: "60ba2ef416c34f52d84f5659",
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
<link
href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/animate.min.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/magnific-popup.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/fontawesome-all.min.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/swiper.min.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/bootstrap-select.min.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/bootstrap-datepicker.min.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/vegas.min.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/nouislider.min.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/nouislider.pips.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/agrikol_iconl.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/jquery.bxslider.css">
<script src="https://esj-lille.fr/assets/jsNew/appear.js"></script>
<!-- template styles -->
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/style.css">
<link rel="stylesheet" href="https://esj-lille.fr/assets/cssNew/responsive.css">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T6P6BZC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!DOCTYPE html>
<html lang="fr">
<body>
<div class="page-wrapper">
<div class="site_header__header_two_wrap">
<div class="topbar-two">
<div class="container">
<div class="topbar_two_content clearfix">
<div class="logo-box-two float-left">
<a href="https://esj-lille.fr/bienvenue" class="main-nag__logo">
<img src="https://esj-lille.fr/assets/img/logoEsj.jpg" alt="" width="70%">
</a>
</div>
<div class="header_address_two float-left">
<ul class="clearfix list-unstyled">
<li>
<div class="address_icon">
<span class="icon-placeholder"></span>
</div>
<div class="address_title">
<p>50 rue Gauthier-de-Châtillon,<br> 59046 Lille Cedex</p>
</div>
</li>
<li>
<div class="address_icon">
<span class="icon-phone-call"></span>
</div>
<div class="address_title">
<p><a href="tel:0320304400">03 20 30 44 00</a></p>
</div>
</li>
<li>
<div class="address_icon">
<span class="icon-message"></span>
</div>
<div class="address_title">
<p><a href="mailto:contact@esj-lille.fr">contact@esj-lille.fr</a></p>
</div>
</li>
</ul>
</div>
<div class="header_btn_two float-right">
<a class="btn border-2 mr-3 mb-3 btn-xs mr-3 mb-3 btn-info" href="https://esj-lille.fr/esj-nous-rencontrer.php">Salons & JPO 2022</a>
<a class="btn border-2 mr-3 mb-3 btn-xs mr-3 mb-3 btn-danger" href="https://formationenligne.esj-lille.fr/">Plateforme FOAD</a>
<a class="btn border-2 mr-3 mb-3 btn-xs mr-3 mb-3 btn-danger" href="https://esj-lille.fr/paiement/?v=11aedd0e4327">E-boutique</a>
<button class="btn btn-danger border-2 mr-3 mb-3 btn-xs mr-3 mb-3" data-toggle="modal" style="" data-target="#modal__Recrutement">L'ESJ Lille recrute</button>
</div>
</div>
</div>
</div>
<header class="main-nav__header_two clearfix">
<nav class="header-navigation stricky clearfix">
<div class="container">
<div class="main-nav__header_two_content">
<div class="mobile_menu_icon_two">
<a href="#" class="side-menu__toggler">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="main-nav__main-navigation two float-left">
<ul class="main-nav__navigation-box">
<li class="dropdown">
<a class="" href="#" >L'école</a>
<ul>
<li><a href="https://esj-lille.fr/ecole-superieure-de-journalisme-de-lille" class="">Présentation</a></li>
<li><a href="https://esj-lille.fr/histoire-de-l-esj-lille" class="">Histoire</a></li>
<li><a href="https://esj-lille.fr/une-ecole-associative" class="">Une école associative</a></li>
<li><a href="https://esj-lille.fr/l-equipe-esj-lille" class="nav-link__list">Équipe</a></li>
<li><a href="https://esj-lille.fr/ecole-superieure-de-journalisme-de-lille#visite" class="nav-link__list">Visite guidée </a></li>
<li><a href="https://esj-lille.fr/ecole-superieure-de-journalisme-de-lille#docu" class="">Service documentation</a></li>
<li><a href="https://esj-lille.fr/ecole-superieure-de-journalisme-de-lille#vie" class="">Vie étudiante</a></li>
<li><a href="https://esj-lille.fr/page/prix-et-bourses" class="">Prix et Bourses </a></li>
</ul>
</li>
<li class="dropdown">
<a href="">Formations</a>
<ul>
<li class="dropdown"><a href="#">Formations générales</a>
<ul>
<li><a href="https://esj-lille.fr/formation/master-esj-lille"><span style="color:#000000;">Master</span><br>ESJ Lille</a></li>
<li><a href="https://esj-lille.fr/accueil-etudiants-internationaux.php"><span style="color:#000000">Étudiants internationaux </span><br>Master ESJ Lille</a></li> <li><a href="https://esj-lille.fr/formation/licence-journalisme-de-sport"><span style="color:#000000;">Licence</span><br>Journalisme de sport</a></li>
<li><a href="https://esj-lille.fr/formation/licence-phr"><span style="color:#000000;">Licence</span><br>Journalisme de proximité</a></li>
<li><a href="https://esj-lille.fr/formation/master-journalisme-scientique"><span style="color:#000000;">Master</span><br>Journalisme scientifique</a></li>
<li><a href="https://esj-lille.fr/academie-esj-lille/presentation"><span style="color:#000000">Académie </span><br>ESJ Lille (L1-L2)</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Formations à distance</a>
<ul>
<li><a href="https://esj-lille.fr/formation/licence-journalisme-multimedia"><span style="color:#000000;">Licence</span><br>Journalisme multimédia</a></li>
<li><a href="https://esj-lille.fr/formation/master-mi2m"><span style="color:#000000;">Master</span><br>international en Management </br> des Médias</a></li>
<li><a href="https://esj-lille.fr/formation/master-climat-et-medias"><span style="color:#000000;">Master</span><br>Climat et Médias</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Préparations aux concours</a>
<ul>
<li><a href="https://esj-lille.fr/academie-esj-lille/presentation"><span style="color:#000000">Académie</span><br>ESJ Lille (L3)</a></li>
<li><a href="https://esj-lille.fr/formation/prepa-egalite-des-chances"><span style="color:#000000">Prépa</span> <br>égalité des chances</a></li>
<li style="min-width:340px"><a href="https://esj-lille.fr/prepa/telepreparation-aux-concours-des-ecoles-de-journalisme">
<span style="color:#000000">Télépréparation</span><br>aux concours des écoles de journalisme</a></li>
<li style="min-width:340px"><a href="https://esj-lille.fr/prepa/telepreparation-au-concours-de-la-licence-de-journalisme-sportif">
<span style="color:#000000">Télépréparation</span><br>au concours de la licence Journalisme de sport </a></li>
<li style="min-width:340px"><a href="https://esj-lille.fr/prepa/coaching-en-presentiel">
Coaching en présentiel </a></li>
<li style="color:#000000"><a href="https://esj-lille.fr/les-annales">Annales</a></li>
</ul><!-- /.sub-menu -->
</li>
</ul>
</li>
<!-- REMETTRE LA PARTIE FORMATION PROFESSIONNELLE EDUCATION AUX MÉDIAS... NPO NPO -->
<li class="dropdown"><a href="#" >Formations professionnelles</a>
<ul>
<li><a href="https://esj-lille.fr/page/presentation-formation-professionnelle" class="">Présentation</a></li>
<li><a href="#">Éducation aux médias</a>
<ul style="width:320px"><li><a href="https://esj-lille.fr/formation-professionnelle/DU-education-aux-medias-et-a-l-information"><span style="color:#000000;">DU</span><br> Éducation aux médias et à l'information</a></li><li><a href="https://esj-lille.fr/formation-professionnelle/pre-apprentissage-et-contrat-pro-metiers-des-medias-et-du-numerique"><span style="color:#000000;">Pré-apprentissage et contrat pro</span><br> Métiers des médias et du numérique</a></li><li><a href="https://esj-lille.fr/formation-pro.php?id_categorie=4">Formations courtes</a></li></ul></li><li><a href="#">Formations courtes</a>
<ul style="width:320px"></ul></li>
</ul>
</li>
<li class="dropdown">
<a href="https://esj-lille.fr/academie-esj-lille/presentation">Académie ESJ Lille</a>
<ul>
<li class="dropdown"><a href="#">Formation post bac</a>
<ul>
<li><a href="https://esj-lille.fr/academie-esj-lille/presentation">Présentation</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">De la L1 à la L3</a>
<ul>
<li><a href="https://esj-lille.fr/academie-esj-lille/organisation">Organisation</a></li>
<li><a href="https://esj-lille.fr/academie-esj-lille/programme">Programme</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Inscription</a>
<ul>
<li><a href="https://esj-lille.fr/academie-esj-lille/admission">En L1 via Parcoursup</a></li>
<li><a href="https://esj-lille.fr/academie-esj-lille/admission">En L2 et L3 via le site de l’ESJ Lille</a></li>
<li><a href="https://esj-lille.fr/academie-esj-lille/calendrier">Calendrier</a></li>
</ul><!-- /.sub-menu -->
</li>
</ul>
</li>
<li class="dropdown">
<a href="https://esj-lille.fr/esj-juniors-education-aux-medias">Éducation aux médias</a>
<ul style="width:380px">
<li class="dropdown"><a href="">ESJ Juniors</a>
<ul style="left:-260px">
<li><a href="https://esj-lille.fr/esj-juniors-education-aux-medias">Présentation</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown" ><a href="#">Ateliers d'éducation aux médias et à l'information </a>
<ul style="width:420px;left:-420px">
<li><a href="https://esj-lille.fr/ateliers-education-aux-medias/alerte-aux-lions">Alerte aux lions</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/le-pouvoir-de-l-image">Le pouvoir de l’image</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Enquete-express-Les-bases-du-journalisme">Enquête express : Les bases du journalisme</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Bouclage-express-Decouvrir-les-medias">Bouclage express : Découvrir les médias</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Mener-un-projet-medias-en-milieu-socio-culturel">Mener un projet médias en milieu socio-culturel</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/mener-un-projet-medias-en-milieu-scolaire">Mener un projet médias en milieu scolaire</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/La-fabrique-de-l-information">La fabrique de l’information </a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Plongee-dans-la-machine-a-desinformer">Plongée dans la machine à désinformer</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Le-Newstruck">Le Newstruck</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Les-ateliers-medias-scolaires-a-l-ESJ-Lille">Les ateliers médias scolaires à l'ESJ Lille</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/les-cordees-de-la-reussite">Les Cordées de la réussite</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Le-programme-d-etudes-Integrees-PEI">Le Programme d'Études Intégrées (PEI)</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Ressources et outils pédagogiques </a>
<ul style="left:-260px">
<li><a data-toggle="modal" data-target="#modal__large">Les séries vidéos</a></li>
<li><a href="https://lestutosdelinfo.com/">Les Tutos de l'info</a></li>
<li><a data-toggle="modal" data-target="#modal__Vertically-centered">Les jeux pédagogiques</a></li>
<li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Le-Newstruck">Le Newstruck</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Formations professionnelles</a>
<ul style="width:400px;left:-400px">
<li><a href="https://esj-lille.fr/ateliers-education-aux-medias/Plongee-dans-la-machine-a-desinformer">Plongée dans la machine à désinformer</a></li> <li><a href="https://esj-lille.fr/ateliers-education-aux-medias/La-fabrique-de-l-information">La fabrique de l’information </a></li>
<li><a href="https://esj-lille.fr/formation-professionnelle/DU-education-aux-medias-et-a-l-information"><span style="color:#000000">DU</span> Éducation aux médias et à l'information</a></li><li><a href="https://esj-lille.fr/formation-professionnelle/pre-apprentissage-et-contrat-pro-metiers-des-medias-et-du-numerique"><span style="color:#000000">Pré-apprentissage et contrat pro</span> </br> Métiers des médias et du numérique</a></li><li><a href="https://esj-lille.fr/formation-pro.php?id_categorie=4">Formations courtes</a></li>
</ul><!-- /.sub-menu -->
</li>
<!--
REMETTRE LA PARTIE FORMATION PROFESSIONNELLE EDUCATION AUX MÉDIAS... NPO NPO -->
<li class="dropdown"><a href="#">Rencontres de l'éducation aux médias et à l'information</a>
<ul style="left:-285px">
<li><a href="https://esj-lille.fr/rencontreMedia.php?id_rencontre=5">Les Rencontres de l'éducation aux médias 2021</a></li>
<li><a href="https://esj-lille.fr/les-rencontres-education-aux-medias-anciennes-editions">Les éditions précédentes</a></li>
</ul><!-- /.sub-menu -->
</li>
</ul>
</li>
<li class="dropdown">
<a href="https://esj-lille.fr/presentation-esj-juniors">Stages de découverte</a>
<ul>
<li class="dropdown"><a href="#">ESJ Juniors</a>
<ul style="left:-260px">
<li><a href="https://esj-lille.fr/presentation-esj-juniors">Présentation</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Stages de journalisme </a>
<ul style="left:-260px">
<li><a href="https://esj-lille.fr/stage-de-journalisme">Accueil</a></li>
<li><a href="https://esj-lille.fr/stage-de-decouverte/Lille">Stage à Lille</a></li>
<li><a href="https://esj-lille.fr/stage-de-decouverte/Paris">Stage à Paris</a></li>
<li><a href="https://esj-lille.fr/stage-de-decouverte/nouveau-i-ateliers-de-journalisme-a-lille"> Nouveau I Ateliers de journalisme à Lille</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Stages d'écriture à distance </a>
<ul style="left:-260px">
<li><a href="https://esj-lille.fr/stage-ecriture-15-25-ans">Stage d'écriture de 15 à 25 ans</a></li>
<li><a href="https://esj-lille.fr/stage-ecriture-plus-de-25-ans">Stage d'écriture plus de 25 ans</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Prépa grand oral du bac</a>
<ul style="left:-260px">
<li><a href="https://esj-lille.fr/coaching-du-grand-oral">Le Coaching du Grand Oral du bac</a></li>
</ul><!-- /.sub-menu -->
</li>
</ul>
</li>
<li class="dropdown">
<a href="https://esj-lille.fr/esj-international">INTERNATIONAL</a>
<ul style="margin-right:100px">
<li class="dropdown"><a href="#">ESJ International</a>
<ul style="left:-260px">
<li><a href="https://esj-lille.fr/esj-international">Formation</a></li>
<li><a href="https://esj-lille.fr/esj-international#expertise">Expertise</a></li>
<li><a href="https://esj-lille.fr/esj-international#expertise">Ressources</a></li>
<li><a href="https://esj-lille.fr/esj-international#theophraste">Réseau Théophraste</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Accueil des étudiants internationaux </a>
<ul style="left:-260px">
<li><a href="https://esj-lille.fr/accueil-des-etudiants-internationaux">Master généraliste</a></li>
<li><a href="https://esj-lille.fr/accueil-des-etudiants-internationaux#universite">Université d'été</a></li>
</ul><!-- /.sub-menu -->
</li>
<li class="dropdown"><a href="#">Formations à distance</a>
<ul style="left:-280px">
<li><a href="https://esj-lille.fr/formation/licence-journalisme-multimedia">Licence<br>Journalisme multimédia</a></li>
<li><a href="https://esj-lille.fr/formation/master-mi2m">Master<br>international en Management </br> des Médias</a></li>
<li><a href="https://esj-lille.fr/formation/master-climat-et-medias">Master<br>Climat et Médias</a></li>
</ul><!-- /.sub-menu -->
</li>
</ul>
</li>
<li>
<a href="https://esj-lille.fr/reseau-des-anciens">Réseaux des anciens</a>
</li>
</ul>
</div>
<!--
<div class="main_nav_right_two float-right">
<div class="icon_search_box">
<a href="#" class="main-nav__search search-popup__toggler"><i
class="icon-magnifying-glass"></i></a>
</div>
<div class="icon_cart_box">
<a href="cart.html">
<span class="icon-shopping-cart"></span>
</a>
</div>
</div>
-->
</div>
</div>
</nav>
</header>
</div>
<!-- Modal default-->
<div class="modal fade" id="modal__Vertically-centered" tabindex="-1" role="dialog" aria-labelledby="modal__Vertically-centered" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Les jeux pédagogiques</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="ti-close font-size-14"></i>
</button>
</div>
<div class="modal-body">
<div class="col-lg-12">
<ul class="list-unstyled">
<li class="border-bottom py-2"><i class="fas fa-arrow-right text-info mr-2"></i><a href="https://esj-lille.fr/educationMediaDetails.php?id_media=16">Alerte aux lions</a></li>
<li class="border-bottom py-2"><i class="fas fa-arrow-right text-info mr-2"></i><a href="https://esj-lille.fr/educationMediaDetails.php?id_media=15">Le pouvoir de l’image</a></li>
<li class="border-bottom py-2"><i class="fas fa-arrow-right text-info mr-2"></i><a href="https://esj-lille.fr/educationMediaDetails.php?id_media=3">Enquête express : Les bases du journalisme</a></li>
<li class="border-bottom py-2"><i class="fas fa-arrow-right text-info mr-2"></i><a href="https://esj-lille.fr/educationMediaDetails.php?id_media=2">Bouclage express : Découvrir les médias</a></li>
</ul>
</div> </div>
</div>
</div>
</div>
<!-- Modal large-->
<div class="modal fade" id="modal__large" tabindex="-1" role="dialog" aria-labelledby="modal__large" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Séries Vidéos</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="ti-close font-size-14"></i>
</button>
</div>
<div class="modal-body py-4">
<h6 class="text-primary">Clash média</h6>
<p>Les élèves du lycée Pierre-de-Coubertin de Calais sont représentatifs de la jeunesse d’aujourd’hui
et d’une certaine défiance vis-à-vis des médias : image de leur ville sans cesse véhiculée (migrants, météo...), les journalistes disent-ils la vérité ? Quels liens avec le pouvoir ? La publicité ? La course à l’audience ? Les écoles de journalisme ne sont-elles pas réservées aux CSP+ ?<br/><br/>
Le projet a été mené par les lycéens avec leur professeur d’histoire-géo Mathieu Leduc, une journaliste Claire Le Nestour et l’agence de presse Découpages.
<br/><br/>
Le travail des lycéens de Calais est le fruit du programme d’éducation aux médias de l’ESJ Lille 2018-2019, soutenu par l’Union européenne, l’État (CGET, DRAC, Académie de Lille) et la Région.</p>
<a href="https://www.youtube.com/playlist?list=PLuNX667EgJXm1vBYGp_SZr78fM31lNb3m"><button class="btn btn-xs btn-primary">Voir la série</button></a>
<br/>
<hr>
<br/>
<h6 class="text-primary">Détestés</h6>
<p>Jeunes journalistes, ils travaillent à BFM TV, Francetvinfo.fr, L’Yonne Républicaine, Reporterre.net, Forbidden stories ou sur leur chaîne Youtube. <br/>
Ils se racontent sans détours dans six portraits réalisés par Joséphine Duteuil (production Tournez s’il vous plaît) pour l’École supérieure de journalisme de Lille.
</p>
<a href="https://www.youtube.com/playlist?list=PLuNX667EgJXl-kcZoAwC_GlfNJ6jhhlpi"><button class="btn btn-xs btn-primary">Voir la série</button></a>
</div>
<div class="modal-footer py-4">
</div>
</div>
</div>
</div>
<!-- Modal default-->
<div class="modal fade" id="modal__Recrutement" tabindex="-1" role="dialog" aria-labelledby="modal__Default" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">L'ESJ Lille recrute</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="ti-close font-size-14"></i>
</button>
</div>
<div class="modal-body py-4">
Un(e) assistant(e) administratif(ve) - CDD 1 mois<br/> <a href="https://esj-lille.fr/upload/document/ccfdbc143493077eacd179088db2ff3e7f173033.pdf"><button class="btn btn-sm btn- btn-danger">Voir l'offre</button></a>
</div>
<div class="modal-footer py-4">
</div>
</div>
</div>
</div>
<section>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
</ol>
<div class="carousel-inner">
<style type="text/css">
<!-- CSS -->
@media (min-width: 601px) {
.fullscreen-bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
}
}
@media (min-width: 2325px){
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width:101%
}
.blocSlider {
top: 0px;
}
.heightSlider {
min-height: 640px;
}
}
@media (min-width: 1699px) and (max-width:2325px){
.fullscreen-bg__video {
position: absolute;
top: -170px;
left: 0;
width:100%
}
.blocSlider {
top: 0px;
}
.heightSlider {
height: 550px;
}
}
@media (min-width: 1614px) and (max-width:1699px){
.fullscreen-bg__video {
position: absolute;
top: 0px;
left: 0;
width:101%
}
.blocSlider {
top: 0px;
}
.heightSlider {
min-height: 500px;
}
}
@media (min-width: 1244px) and (max-width:1614px){
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width:101%
}
.blocSlider {
top: 0px;
}
.heightSlider {
min-height: 450px;
}
}
@media (min-width: 1080px) and (max-width:1244px){
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width:101%
}
.blocSlider {
top: 0px;
}
.heightSlider {
min-height: 390px;
}
}
@media (min-width: 700px) and (max-width:1080px){
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width:101%
}
.blocSlider {
top: 0px;
}
.imgLogo {width: 78%;margin-left:-30px}
.heightSlider {
height: 330px;
}
}
@media (min-width: 600px) and (max-width:7000px){
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width:101%
}
.blocSlider {
top: 0px;
}
}
@media (max-width: 600px){
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
max-width:227%;
height:110%;
}
.blocSlider {
top: 0px;
}
.heightSlider {
height: 330px;
}
.font-size-30{font-size: 1.3rem!important}
.font-size-27{font-size: 1.1rem!important}
}
</style>
<div class="carousel-item padding-y-0 height-30vh active heightSlider bg-white" >
<div class="fullscreen-bg">
<video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">
<source src="video/esj2.mp4" type="video/mp4">
</video>
</div>
<div class="bg-absolute" style="background-color:#ffffff"></div>
<div class="container">
<div class="row">
<div class="blocSlider col-lg-5 mr-auto mx-auto text-white my-3 text-center">
<div class="position-relative padding-30 bg-white-0_6 rounded text-white" style="border-radius: 200px; width:auto">
<h4 class="display-lg-5 font-size-30 text-dark" style="font-family:'geogrotesque';"><b>Bienvenue à</b></h4>
<h4 class="display-lg-5 text-dark font-size-27" style="margin-top:-10px;font-family: 'geogrotesque'"><span data-typed-text=" l'École supérieure de journalisme de Lille"></span><span>|</span></h4>
<a href="ecole-superieure-de-journalisme-de-lille.php" class="mt-0">Entrer</a>
<div class="width-4rem height-4 bg-primary rounded mt-1 mx-auto">
</div>
<br/>
<div>
</div>
</div>
</div>
<br/>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" style="margin-left: 2%" href="#carouselExampleIndicators" role="button" data-slide="prev">
<i class="ti-angle-left iconbox bg-black-0_5 hover:primary"></i>
</a>
<a class="carousel-control-next" style="margin-right: 2%" href="#carouselExampleIndicators" role="button" data-slide="next">
<i class="ti-angle-right iconbox bg-black-0_5 hover:primary"></i>
</a>
</div>
<section class="bg-white padding-y-70">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-md-4">
<h2 class="mb-4">
À la une
</h2>
<div class="width-3rem height-4 rounded bg-primary mx-auto"></div>
</div>
</div> <!-- END row-->
<div class="row">
<div class="col-lg-6">
<div class="list-card align-items-center marginTop-30">
<div class="col-md-5 px-md-0">
<img class="w-100" src="admin/crop/1636563149.jpg" alt="">
</div>
<div class="col-md-7 p-4">
<p class="text-primary">
Le 10 novembre 2021
</p>
<h4>
<a class="link-special" href="https://esj-lille.fr/actualite/article/hommage-a-johanne-sutton"><h5 class="link-special">
Hommage à Johanne Sutton </h5></a>
</h4>
<p>
</p>
</div>
</div>
<div class="list-card align-items-center marginTop-30">
<div class="col-md-5 px-md-0">
<img class="w-100" src="admin/crop/1635349546.jpg" alt="">
</div>
<div class="col-md-7 p-4">
<p class="text-primary">
Le 27 octobre 2021
</p>
<h4>
<a class="link-special" href="https://esj-lille.fr/actualite/article/bienvenue-a-la-premiere-promotion-du-du-en-emi"><h5 class="link-special">
Bienvenue à la première promotion du DU en EMI de l'ESJ Lille et de l'ENS Paris-Saclay </h5></a>
</h4>
<p>
</p>
</div>
</div>
<div class="list-card align-items-center marginTop-30">
<div class="col-md-5 px-md-0">
<img class="w-100" src="admin/crop/1635323749.jpg" alt="">
</div>
<div class="col-md-7 p-4">
<p class="text-primary">
Le 27 octobre 2021
</p>
<h4>
<a class="link-special" href="https://esj-lille.fr/actualite/article/cite-philo-a-l-esj-lille"><h5 class="link-special">
Citéphilo à l'ESJ Lille </h5></a>
</h4>
<p>
</p>
</div>
</div>
</div>
<div class="col-lg-6 marginTop-30">
<div class="card">
<img class="card-img-top" src="admin/crop/1635328401.jpg" alt="">
<div class="card-body">
<p class="text-primary">
Le 26 octobre 2021
</p>
<h4>
<a class="link-special" href="https://esj-lille.fr/actualite/article/la-5e-edition-des-rencontres-de-l-education-aux-medias-et-a-l-information"><h5 class="link-special">
Programme de la 5e édition des Rencontres de l'éducation aux médias </h5></a>
</h4>
<p>
</p>
<a href="https://esj-lille.fr/actualite" class="mt-5"><h6 style="margin-top:40px">Voir toutes les actus</h6></a>
<div class="width-3rem height-4 rounded bg-primary mt-1"></div>
</div>
</div>
</div>
<div class="col-lg-12 marginTop-5">
</div>
</div> <!-- END row-->
</div> <!-- END container-->
</section>
<section class="height-10vh py-5 flex-center bg-cover jarallax" data-light-overlay="0" style="background:url(assets/img/bg/bg_agenda.jpg) no-repeat"> <div class="container">
<div class="row">
<div class="col-12 text-center mb-md-4">
<h2 class="mb-4">
Agenda
</h2>
<div class="width-3rem height-4 rounded bg-primary mx-auto"></div>
</div>
</div> <!-- END row-->
<div class="row mt-4">
<div class="col-md-4">
<img class="card-img-top" src="admin/crop/1635327084.jpg" alt="" style="width:90%">
<div class="card shadow-v3 hover:parent bg_white_0.6"
style="z-index: 1000; position: relative; top: -50px; left: 50px; width: 84%;">
<a href="https://esj-lille.fr/actualite/article/cite-philo-a-l-esj-lille"><div class="card-body" style="padding:15px">
<h6 class="">
Novembre et décembre 2021
</h6>
<div class="width-3rem height-4 rounded bg-primary mb-2"></div>
<a href="https://esj-lille.fr/actualite/article/cite-philo-a-l-esj-lille"><h7 class="link-special">
Citéphilo à l'ESJ Lille </h7></a>
<p style="margin-bottom:-5px">à l'ESJ Lille</p>
</div></a>
</div>
</div>
<div class="col-md-4">
<img class="card-img-top" src="admin/crop/1635328575.jpg" alt="" style="width:90%">
<div class="card shadow-v3 hover:parent bg_white_0.6"
style="z-index: 1000; position: relative; top: -50px; left: 50px; width: 84%;">
<a href="https://esj-lille.fr/actualite/article/la-5e-edition-des-rencontres-de-l-education-aux-medias-et-a-l-information"><div class="card-body" style="padding:15px">
<h6 class="">
Jeudi 9 décembre
</h6>
<div class="width-3rem height-4 rounded bg-primary mb-2"></div>
<a href="https://esj-lille.fr/actualite/article/la-5e-edition-des-rencontres-de-l-education-aux-medias-et-a-l-information"><h7 class="link-special">
Les Rencontres de l'éducation aux médias </h7></a>
<p style="margin-bottom:-5px">à Amiens</p>
</div></a>
</div>
</div>
</div> <!-- END row-->
</div> <!-- END container-->
</section>
<div class="modal fade" id="modal__Scrolling-long44" tabindex="-1" role="dialog" aria-labelledby="modal__Scrolling-long" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Citéphilo à l'ESJ Lille</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="ti-close font-size-14"></i>
</button>
</div>
<div class="modal-body py-4">
<h7>Le 09 novembre 2021 à à l'ESJ Lille</h7>
<br/>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal__Scrolling-long45" tabindex="-1" role="dialog" aria-labelledby="modal__Scrolling-long" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Les Rencontres de l'éducation aux médias</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="ti-close font-size-14"></i>
</button>
</div>
<div class="modal-body py-4">
<h7>Le 09 décembre 2021 à à Amiens</h7>
<br/>
</div>
</div>
</div>
</div>
<section class="padding-y-100" style="background-color: #f5f4f0">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 marginTop-30 wow fadeInUp" data-wow-delay=".1s">
<div class="card height-100p text-center bg-danger bg-cover p-4 p-md-5" data-dark-overlay="3" style="background:url(upload/formation/3850230ad71265f1016ec3565f21dff451a8a17a.jpg) no-repeat">
<h3 class="my-4 text-white">
Licence Journalisme de proximité </h3>
<a href="formation.php?id_formation=22"><button class="btn btn-xs btn-primary">Accéder à la page</button></a>
</div>
</div>
<div class="col-lg-6 col-md-6 marginTop-30 wow fadeInUp" data-wow-delay=".1s">
<div class="card height-100p text-center bg-danger bg-cover p-4 p-md-5" data-dark-overlay="3" style="background:url(upload/formation/122706552_264694324964380_749969264847599699_n.jpg) no-repeat">
<h3 class="my-4 text-white">
Master ESJ Lille </h3>
<a href="formation.php?id_formation=20"><button class="btn btn-xs btn-primary">Accéder à la page</button></a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 mt-3">
<div class="owl-carousel" data-space="30" data-arrow="true">
<div class="media-viewer">
<div class="card" data-dark-overlay="3">
<img class="" src="assets/img/visuel/presentiel_bloc.png" data-dark-overlay="3" alt="">
<div class="card-body" style="background-color:#ffffff;min-height:294px">
<div class="z-index-10 text-center">
</div>
<a class="h5 mb-3" style="color:#ec2446">
Les formations en présentiel
</a>
<ul class="list-unstyled">
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;p" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/formation/master-esj-lille" style="color:#000000">Master ESJ Lille</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;p" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/formation/licence-journalisme-de-sport" style="color:#000000">Licence Journalisme de sport</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;p" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/formation/licence-phr" style="color:#000000">Licence Journalisme de proximité</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;p" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/formation/master-journalisme-scientique" style="color:#000000">Master Journalisme scientifique</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;p" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/academie-esj-lille/presentation" style="color:#000000">Académie ESJ Lille</a></li><br/>
</ul>
</div>
</div>
</div>
<div class="media-viewer">
<div class="card">
<img class="" src="assets/img/visuel/international_bloc.png" alt="">
<div class="card-body" style="background-color:#ffffff;min-height:294px">
<div class="z-index-10 text-center">
</div>
<a class="h5 mb-3" style="color:#ec2446">
Les formations à distance
</a>
<ul class="list-unstyled">
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/formation/licence-journalisme-multimedia" style="color:#000000">Licence Journalisme multimédia</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/formation/master-mi2m" style="color:#000000">Master international en Management </br> des Médias</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/formation/master-climat-et-medias" style="color:#000000">Master Climat et Médias</a></li><br/>
</ul>
</div>
</div>
</div>
<div class="media-viewer">
<div class="card">
<img class="" src="assets/img/visuel/teleprep_bloc.png" alt="">
<div class="card-body" style="background-color:#ffffff;min-height:294px">
<div class="z-index-10 text-center">
</div>
<a class="h5 mb-3" style="color:#ec2446">
Les préparations aux concours <br/>des écoles de journalisme
</a>
<ul class="list-unstyled">
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px;"><a href="https://esj-lille.fr/formation/prepa-egalite-des-chances" style="color:#000000">Prépa égalité des chances</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px;width:250px"><a href="https://esj-lille.fr/prepa/telepreparation-aux-concours-des-ecoles-de-journalisme" style="color:#000000">Télépréparation aux concours</br> des écoles de journalisme</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px;width:250px"><a href="https://esj-lille.fr/prepa/telepreparation-au-concours-de-la-licence-de-journalisme-sportif" style="color:#000000">Télépréparation au concours </br> de la licence Journalisme de sport </a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px;width:250px"><a href="https://esj-lille.fr/prepa/coaching-en-presentiel" style="color:#000000"> Coaching en présentiel </a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px"><a href="https://esj-lille.fr/academie-esj-lille/presentation" style="color:#000000">Académie ESJ Lille</a></li><br/>
</ul>
</div>
</div>
</div>
<div class="media-viewer">
<div class="card">
<img class="" src="assets/img/visuel/stage_bloc.png" alt="">
<div class="card-body" style="background-color:#ffffff;min-height:294px">
<a href="https://esj-lille.fr/stageJournalisme.php" class="h5 mb-3" style="color:#ec2446">
Les stages de journalisme
</a>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px;width:250px;font-size:14px"><a href="https://esj-lille.fr/stage-de-decouverte/Lille" style="color:#000000">Stage à Lille</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px;width:250px;font-size:14px"><a href="https://esj-lille.fr/stage-de-decouverte/Paris" style="color:#000000">Stage à Paris</a></li><br/>
<i class="fas fa-arrow-right text-info mr-2" style="display:inline-block;vertical-align:top;margin-top: 3px;" ></i><li class="avant" style="position:relative;display:inline-block;line-height:18px;width:250px;font-size:14px"><a href="https://esj-lille.fr/stage-de-decouverte/Nouveau I Ateliers de journalisme à Lille" style="color:#000000">Stage à Nouveau I Ateliers de journalisme à Lille</a></li><br/>
</div>
</div>
</div>
</div>
</div>
</div> <!-- END row-->
</div> <!-- END container-->
</section>
<section class="padding-40 mt-4 mb-4">
<div class="container">
<div class="row marginTop-lg-20 mb-4">
<div class="col-lg-5 mr-auto mt-5">
<div class="owl-carousel" data-items="1" data-dots="true">
<img class="rounded" src="upload/home/e996fc84e5b7fe64d2f9b73fef9f35073c5c0ce3.jpg" alt="">
</div>
</div>
<div class="col-lg-6 mt-5">
<h2>
<small class="d-block text-gray">Découvrez</small>
<span class="text-primary">L'ESJ Lille</span>
</h2>
<p class="my-4">
<p style="text-align:justify">L'ESJ Lille, fondée en 1924, est l'une des premières écoles de formation professionnelle des journalistes en Europe. École avec le statut d'association à but non lucratif, loi 1901, l'ESJ Lille est labellisée « Établissement d'enseignement supérieur privé d'intérêt général » (EESPIG). L'école est reconnue par l'État. Elle propose l'un des 14 cursus reconnus par la profession (le Master généraliste).</p>
<div style="display:none">
<a href="http://www.aseltim.com" title="elektrik panosu imalatı">elektrik panosu imalatı</a></div> </p>
<a href="ecole-superieure-de-journalisme-de-lille.php" class="btn btn-primary btn-xs">
En savoir plus
</a>
</div>
</div> <!-- END row-->
</div> <!-- END container-->
</section>
<section class="height-40vh py-3 flex-center bg-cover jarallax" data-light-overlay="4" style="background:url(assets/img/bg/bg_facade.jpg) no-repeat">
<div class="container">
<div class="row mx-auto">
<div class="col-12 text-center mb-md-4" style="margin-top:50px">
<h1 class="mb-4 text-white">
L'ESJ Lille <span class="text-primary">en chiffres</span>
</h1>
<div class="width-3rem height-4 rounded bg-primary mx-auto"></div>
</div>
</div>
<div class="row">
<div class="col-12 mt-1">
<div class="owl-carousel" data-space="10" data-items="4" data-arrow="false" style="margin-bottom:-135px">
<div class="col-lg-12 col-sm-6 mt-5 wow fadeInRight mx-auto text-center" style="min-height:400px" data-wow-delay=".1s">
<div class="card card-body border bg-white-0_7 text-center">
<p class="ec-counter font-size-46 font-semiBold mb-0 text-primary" data-to=" 700">
700<span></span>
</p>
<p class="lead">
étudiants </p>
</div>
</div>
<div class="col-lg-12 col-sm-6 mt-5 wow fadeInRight mx-auto text-center" style="min-height:400px" data-wow-delay=".1s">
<div class="card card-body border bg-white-0_7 text-center">
<p class="ec-counter font-size-46 font-semiBold mb-0 text-primary" data-to=" 7">
7<span></span>
</p>
<p class="lead">
cursus </p>
</div>
</div>
<div class="col-lg-12 col-sm-6 mt-5 wow fadeInRight mx-auto text-center" style="min-height:400px" data-wow-delay=".1s">
<div class="card card-body border bg-white-0_7 text-center">
<p class="ec-counter font-size-46 font-semiBold mb-0 text-primary" data-to=" 150">
150<span></span>
</p>
<p class="lead">
intervenants </p>
</div>
</div>
<div class="col-lg-12 col-sm-6 mt-5 wow fadeInRight mx-auto text-center" style="min-height:400px" data-wow-delay=".1s">
<div class="card card-body border bg-white-0_7 text-center">
<p class="ec-counter font-size-46 font-semiBold mb-0 text-primary" data-to=" 4500">
4500<span></span>
</p>
<p class="lead">
diplômés </p>
</div>
</div>
</div> <!-- END row-->
</div>
</div>
</div> <!-- END container-->
</section>
<section class="padding-y-100 border-bottom border-light">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-5">
<h4> Nos partenaires</h4>
</div>
<div class="col-12">
<div class="owl-carousel" data-dots="true" data-items="4" data-space="15">
<img class="rounded" src="upload/partenaire/fdbdd3440c877d8d798835658ffa5f71f60b7ce8.png" alt="">
<img class="rounded" src="upload/partenaire/c7c964308096f5bfb1accbf85145074a30913792.jpg" alt="">
<img class="rounded" src="upload/partenaire/d4b6c7106866f4836a366289aa1e6ac9c49fe8cf.jpg" alt="">
<img class="rounded" src="upload/partenaire/f429e25abc564f821f84e9d74ccf06ad7885979e.jpg" alt="">
<img class="rounded" src="upload/partenaire/eaf915b9c79e4cf0e52ce01018c63be646643429.jpg" alt="">
<img class="rounded" src="upload/partenaire/1fdc686d7f5f949edda94c038d5c39e73ed5f4be.jpg" alt="">
<img class="rounded" src="upload/partenaire/8cd41c79ed6d1ae4f5143bea218302fe9a7afda8.jpg" alt="">
<img class="rounded" src="upload/partenaire/05d43ad5612063fb9405373d4de8e8bbb6da4396.jpg" alt="">
<img class="rounded" src="upload/partenaire/b16fd16f73525e1498c00a4271329f3bf07585b6.jpg" alt="">
<img class="rounded" src="upload/partenaire/81daa8ecf4299fd66f8131f886e05e5f73b781fd.jpg" alt="">
<img class="rounded" src="upload/partenaire/7c1f283c80edb4d36bbb37e203733712d05073bb.jpg" alt="">
<img class="rounded" src="upload/partenaire/222bd02b3220a1741babe457b424f9b50260479f.jpg" alt="">
</div>
</div>
</div> <!-- END row-->
</div> <!-- END container-->
</section>
<section class="paddingTop-50 paddingBottom-100">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="mb-4 text-center" >
Suivez-nous sur les réseaux
</h2>
<div class="width-3rem height-4 rounded bg-primary mb-5 mx-auto"></div>
</div>
<div class="col-md-6 mt-5">
<a class="twitter-timeline" data-width="500" data-height="600" href="https://twitter.com/ESJLille?ref_src=twsrc%5Etfw">Tweets by ESJLille</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col-md-6 mt-5">
<a class="twitter-timeline" data-lang="fr" data-width="500" data-height="600" href="https://twitter.com/reseauESJ?ref_src=twsrc%5Etfw">Tweets by reseauESJ</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div> <!-- END row-->
</div> <!-- END container-->
</section>
<footer class="site-footer">
<div class="footer-top bg-dark text-white-0_6 pt-5 paddingBottom-100">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 mt-5">
<img src="https://esj-lille.fr/assets/img/logoEsj.jpg" style="max-width:100px" alt="Logo">
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 mt-5">
<a href="contactez-esj-lille.php"><h4 class="h6 text-white">Contact</h4></a>
<div class="width-3rem bg-primary height-3 mt-3"></div>
<ul class="list-unstyled marginTop-40">
<li class="mb-1"><i class="ti-mobile mr-3"></i><a href="tel:+33320304400" style="color:#efefef">03 20 30 44 00</a></li>
<li class="mb-1"><i class="ti-email mr-3"></i><a href="mailto:contact@esj-lille.fr" style="color:#efefef">contact@esj-lille.fr</a></li>
<li class="mb-1">
<div class="media">
<i class="ti-location-pin mt-2 mr-3"></i>
<div class="media-body">
<span>50 rue Gauthier-de-Châtillon<br/>59046 Lille Cedex</span>
</div>
</div>
</li>
<a href="https://esj-lille.fr/contactez-esj-lille.php"><button class="btn btn-xs btn-danger mt-3">Contactez-nous</button></a>
</ul>
<ul class="list-inline">
<li class="list-inline-item"><a class="iconbox bg-white-0_2 hover:primary" href="https://www.facebook.com/esjlille/" target="_blank" style="color:#efefef"><i class="ti-facebook"> </i></a></li>
<li class="list-inline-item"><a class="iconbox bg-white-0_2 hover:primary" href="https://twitter.com/ESJLille" target="_blank" style="color:#efefef"><i class="ti-twitter"> </i></a></li>
<li class="list-inline-item"><a class="iconbox bg-white-0_2 hover:primary" href="https://www.instagram.com/esjlille/?hl=fr" target="_blank" style="color:#efefef"><i class="ti-instagram"> </i></a></li>
<li class="list-inline-item"><a class="iconbox bg-white-0_2 hover:primary" href="https://www.youtube.com/channel/UCpCT_cUWb46--iCsdWEYFBg" target="_blank" style="color:#efefef"><i class="ti-youtube"> </i></a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 mt-5">
<h4 class="h6 text-white">Navigation rapide</h4>
<div class="width-3rem bg-primary height-3 mt-3"></div>
<div class="row">
<div class="col-lg-12 col-md-3 mt-2">
<ul class="list-unstyled">
<li class="mb-2" ><a href="https://esj-lille.fr/ecole-superieure-de-journalisme-de-lille.php" style="color:#efefef">L'école</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/ecole-superieure-de-journalisme-de-lille.php" style="color:#efefef">Présentation</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/histoire.php" style="color:#efefef">Histoire</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/association.php" style="color:#efefef">École associative</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/equipe.php" style="color:#efefef">Équipe</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/blog.php?id_page=0" style="color:#efefef">Actualité</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/ecole-superieure-de-journalisme-de-lille.php#docu" style="color:#efefef">Service documentation</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/contactez-esj-lille.php" style="color:#efefef">Contact</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/reseau-ancien.php" style="color:#efefef">Réseaux des anciens</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/journalismeInternational.php" style="color:#efefef">International</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/educationAuxMedia.php" style="color:#efefef">Éducation aux médias</a></li>
<li class="mb-2" ><a href="https://esj-lille.fr/stageJournalisme.php" style="color:#efefef">Stages</a></li>
<!--<li class="mb-2" ><a href="https://esj-lille.fr/faq.php" style="color:#efefef">FAQ</a></li>-->
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-5">
<h4 class="h6 text-white">Formation</h4>
<div class="width-3rem bg-primary height-3 mt-3"></div>
<div class="row">
<div class="col-lg-12 col-md-3 mt-2">
<h7 class="text-white">Formation en présentiel</h7>
<ul class="list-unstyled">
<li class="mb-0" ><a href="https://esj-lille.fr/formation/master-esj-lille" style="color:#efefef">Master ESJ Lille</a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/formation/licence-journalisme-de-sport" style="color:#efefef">Licence Journalisme de sport</a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/formation/licence-phr" style="color:#efefef">Licence Journalisme de proximité</a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/formation/master-journalisme-scientique" style="color:#efefef">Master Journalisme scientifique</a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/academie-esj-lille.php?id_formation=40" style="color:#efefef">Académie ESJ Lille</a></li>
</ul>
<h7 class="text-white">Formation à distance</h7>
<ul class="list-unstyled">
<li class="mb-0" ><a href="https://esj-lille.fr/formation/licence-journalisme-multimedia" style="color:#efefef">Licence Journalisme multimédia</a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/formation/master-mi2m" style="color:#efefef">Master international en Management </br> des Médias</a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/formation/master-climat-et-medias" style="color:#efefef">Master Climat et Médias</a></li>
</ul>
<h7 class="text-white">Préparation aux concours <br/>des écoles de journalisme</h7>
<ul class="list-unstyled">
<li class="mb-0" ><a href="https://esj-lille.fr/formation/prepa-egalite-des-chances" style="color:#efefef">Prépa égalité des chances</a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/prepa/telepreparation-aux-concours-des-ecoles-de-journalisme" style="color:#efefef">Télépréparation aux concours</br> des écoles de journalisme</a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/prepa/telepreparation-au-concours-de-la-licence-de-journalisme-sportif" style="color:#efefef">Télépréparation au concours </br> de la licence Journalisme de sport </a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/prepa/coaching-en-presentiel" style="color:#efefef"> Coaching en présentiel </a></li>
<li class="mb-0" ><a href="https://esj-lille.fr/academie-esj-lille/presentation" style="color:#efefef">Académie ESJ Lille</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-5">
<h4 class="h6 text-white">Éducation aux médias et à l'information</h4>
<div class="width-3rem bg-primary height-3 mt-3"></div>
<div class="row">
<div class="col-lg-12 col-md-3 mt-2">
<h7 class="text-white">Parcours sensibilisation</h7>
<ul class="list-unstyled">
<li class="mb-2" ><a href="educationMediaDetails.php?id_media=2" style="color:#efefef">Bouclage express : </br> Découvrir les médias</a></li>
<li class="mb-2" ><a href="educationMediaDetails.php?id_media=3" style="color:#efefef">Enquête express : </br> Les bases du journalisme</a></li>
<li class="mb-2" ><a href="educationMediaDetails.php?id_media=15" style="color:#efefef">Le pouvoir de l’image</a></li>
<li class="mb-2" ><a href="educationMediaDetails.php?id_media=16" style="color:#efefef">Alerte aux lions</a></li>
</ul>
<h7 class="text-white">Parcours perfectionnement</h7>
<ul class="list-unstyled">
<li class="mb-2" ><a href="educationMediaDetails.php?id_media=10" style="color:#efefef">Mener un projet médias en milieu scolaire</a></li>
<li class="mb-2" ><a href="educationMediaDetails.php?id_media=11" style="color:#efefef">Mener un projet médias en milieu socio-culturel</a></li>
</ul>
<a href="educationMediaDetails.php?id_media=18"><h7 class="text-white">Les ateliers médias scolaires</h7></a>
<a href="cordees-de-la-reussite.php"><h7 class="text-white">Les Cordées de la réussite</h7></a>
<a href="programme-etudes-integrees.php"><h7 class="text-white mt-2">Le Programme Études Intégrées</h7></a>
<a href="la-formation-professionnelle.php"><h7 class="text-white">La formation professionnelle</h7></a>
<a href="educationMediaDetails.php"><h7 class="text-white">Les ateliers médias scolaires</h7></a>
<a href="rencontreMedia.php"><h7 class="text-white">Les Rencontre de l'éducation aux médias et à l'information</h7></a>
</div>
</div>
</div>
</div> <!-- END row-->
</div> <!-- END container-->
</div> <!-- END footer-top-->
<div class="footer-bottom bg-black-0_9 py-5 text-center">
<div class="container">
<p class="text-white-0_5 mb-0">© 2020 ESJ LILLE, École supérieure de journalisme de Lille. Réalisé par <a href="http://www.sift-studio.fr" target="_blank" class="link-white">Sift Studio</a> <a href="https://esj-lille.fr/esj-lille-conditions-generales.php" target="_blank" class="link-white"> • Mentions légales</a></p>
</div>
</div> <!-- END footer-bottom-->
</footer> <!-- END site-footer -->
<div class="scroll-top">
<i class="ti-angle-up"></i>
</div>
<script>
window.axeptioSettings = {
clientId: "60ba2ef416c34f52d84f5659",
cookiesVersion: "esj-lille-base",
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
</body>
</html>
</div><!-- /.page-wrapper -->
<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
<div class="side-menu__block">
<div class="side-menu__block-overlay custom-cursor__overlay">
<div class="cursor"></div>
<div class="cursor-follower"></div>
</div><!-- /.side-menu__block-overlay -->
<div class="side-menu__block-inner">
<div class="side-menu__top justify-content-end">
<a href="#" class="side-menu__toggler side-menu__close-btn"><img
src="https://esj-lille.fr/assets/images/shapes/close-1-1.png" alt=""></a>
</div><!-- /.side-menu__top -->
<nav class="mobile-nav__container">
<!-- content is loading via js -->
<button class="btn btn-danger border-2 mr-3 mb-3 btn-xs mr-3 mb-3" data-toggle="modal" data-target="#modal__Recrutement">L'ESJ recrute</button>
<a href="https://esj-lille.fr/esj-nous-rencontrer.php"><button class="btn border-2 mr-3 mb-3 btn-xs mr-3 mb-3 btn-info">Salons & JPO 2022</button></a><br>
<a href="https://formationenligne.esj-lille.fr/"><button class="btn border-2 mr-3 mb-3 btn-xs mr-3 mb-3 btn-danger">Plateforme FOAD</button></a><br>
<a href="https://esj-lille.fr/paiement/?v=11aedd0e4327"><button class="btn border-2 mr-3 mb-3 btn-xs mr-3 mb-3 btn-danger">E-boutique</button></a><br>
</nav>
<div class="side-menu__sep"></div><!-- /.side-menu__sep -->
<div class="side-menu__content">
<p>50 rue Gauthier-de-Châtillon,<br> 59046 Lille Cedex</p>
<p><a href="mailto:contact@esj-lille.fr">contact@esj-lille.fr</a> <br> <a href="tel:0320304400">03 20 30 44 00</a></p>
<div class="side-menu__social">
<a href="https://www.facebook.com/esjlille/"><i class="fab fa-facebook-square"></i></a>
<a href="https://twitter.com/ESJLille"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/esjlille/?hl=fr"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/channel/UCpCT_cUWb46--iCsdWEYFBg"><i class="fab fa-youtube"></i></a>
</div>
</div><!-- /.side-menu__content -->
</div><!-- /.side-menu__block-inner -->
</div><!-- /.side-menu__block -->
<script src="https://esj-lille.fr/assets/js/vendors.bundle.js"></script>
<script src="https://esj-lille.fr/assets/js/scripts.js"></script>
<!-- plugin scripts -->
<!-- <script src="assets/jsNew/jquery.min.js"></script>-->
<!-- <script src="assets/jsNew/bootstrap.bundle.min.js"></script> -->
<script src="https://esj-lille.fr/assets/jsNew/owl.carousel.min.js"></script>
<!-- <script src="assets/jsNew/waypoints.min.js"></script>-->
<script src="https://esj-lille.fr/assets/jsNew/jquery.counterup.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/TweenMax.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/wow.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/jquery.magnific-popup.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/jquery.ajaxchimp.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/swiper.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/typed-2.0.11.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/vegas.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/jquery.validate.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/bootstrap-select.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/countdown.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/bootstrap-datepicker.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/nouislider.min.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/isotope.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/appear.js"></script>
<script src="https://esj-lille.fr/assets/jsNew/jquery.bxslider.min.js"></script>
<!-- template scripts -->
<script src="https://esj-lille.fr/assets/jsNew/theme.js"></script>
</body>
