Outiref

Code source de l'URL : https://esj-lille.fr/

<!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">&copy; 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>