Outiref

Code source de l'URL : http://institut-hazebrouck.eu/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" >
<head>
<base href="https://institut-hazebrouck.eu/" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="generator" content="MANAGED - HOSTED BY PROMATEC SSII www.promatec.cloud" />
	<title>Institut d'Hazebrouck Lycée des sciences de la terre et du vivant.</title>
	<link href="/?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
	<link href="/?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
	<link href="/templates/ih/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="/plugins/system/jce/css/content.css?aa754b1f19c7df490be4b958cf085e7c" rel="stylesheet" type="text/css" />
	<link href="https://institut-hazebrouck.eu/modules/mod_news_pro_gk5/interface/css/style.css" rel="stylesheet" type="text/css" />
	<link href="/modules/mod_djimageslider/themes/default/css/djimageslider.css" rel="stylesheet" type="text/css" />
	<link href="/modules/mod_vertical_menu/cache/101/cb3518a29e2e519adce3945808d1e61d.css" rel="stylesheet" type="text/css" />
	<link href="/modules/mod_djmenu/themes/default/css/djmenu.css" rel="stylesheet" type="text/css" />
	<link href="/media/djextensions/css/animate.min.css" rel="stylesheet" type="text/css" />
	<link href="/modules/mod_djmenu/assets/css/animations.css" rel="stylesheet" type="text/css" />
	<link href="/modules/mod_djmenu/themes/default/css/djmenu_fx.css" rel="stylesheet" type="text/css" />
	<style type="text/css">

.noscript div#off-menu_101 dl.level1 dl{
	position: static;
}
.noscript div#off-menu_101 dl.level1 dd.parent{
	height: auto !important;
	display: block;
	visibility: visible;
}

div.mod_search93 input[type="search"]{ width:auto; }
	</style>
	<script src="/media/jui/js/jquery.min.js?1286ddc08155704c30cadea3133b1f23" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-noconflict.js?1286ddc08155704c30cadea3133b1f23" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-migrate.min.js?1286ddc08155704c30cadea3133b1f23" type="text/javascript"></script>
	<script src="/media/system/js/caption.js?1286ddc08155704c30cadea3133b1f23" type="text/javascript"></script>
	<script src="/media/jui/js/bootstrap.min.js?1286ddc08155704c30cadea3133b1f23" type="text/javascript"></script>
	<script src="https://institut-hazebrouck.eu/modules/mod_news_pro_gk5/interface/scripts/engine.jquery.js" type="text/javascript"></script>
	<script src="/media/djextensions/jquery-easing/jquery.easing.min.js" type="text/javascript"></script>
	<script src="/modules/mod_djimageslider/assets/js/slider.js?v=4.2" type="text/javascript"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js" type="text/javascript"></script>
	<script src="/modules/mod_vertical_menu/js/perfect-scrollbar.js" type="text/javascript"></script>
	<script src="/modules/mod_vertical_menu/js/mod_vertical_menu.js" type="text/javascript"></script>
	<script src="/modules/mod_djmenu/assets/js/jquery.djmenu.js" type="text/javascript"></script>
	<!--[if lt IE 9]><script src="/media/system/js/html5fallback.js?1286ddc08155704c30cadea3133b1f23" type="text/javascript"></script><![endif]-->
	<script type="text/javascript">
jQuery(window).on('load',  function() {
				new JCaption('img.caption');
			});
jQuery(function($){ initTooltips(); $("body").on("subform-row-add", initTooltips); function initTooltips (event, container) { container = container || document;$(container).find(".hasTooltip").tooltip({"html": true,"container": "body"});} });
jQuery(document).ready( function(){ new DJMenu(jQuery('#dj-main103'), {wrap: '', animIn: 'fadeIn', animOut: 'fadeOut', animSpeed: 'normal', delay: 500, direction: 'ltr'}); } );
	</script>
	<script>
document[(_el=document.addEventListener)?'addEventListener':'attachEvent'](_el?'DOMContentLoaded':'onreadystatechange',function(){
	if (!_el && document.readyState != 'complete') return;
	(window.jq183||jQuery)('.noscript').removeClass('noscript');
	window.sm101 = new VerticalSlideMenu({
		id: 101,
		visibility: ["1","0","0","0","1",["0","px"],["600","px"]],
		parentHref: 0,
		theme: 'flat',
		result: 'Résultats de recherche',
		noResult: 'Aucun résultat trouvé',
		backItem: '< Retour',
		filterDelay: 500,
		filterMinChar: 3,
		navtype: 'slide',
		sidebar: -1,
		popup: 0,
		overlay: 0,
		sidebarUnder: 768,
		width: 300,
		menuIconCorner: 1,
		menuIconX: 0,
		menuIconY: 0,
		hidePopupUnder: 1750,
		siteBg: '#444444',
		effect: 1,
    dur: 400/1000,
		perspective: 0,
		inEase: 'Quad.easeOut'.split('.').reverse().join(''),
		inOrigin: '50% 50% 0',
		inX: 100,
		inUnitX: '%',
    logoUrl: '',
		inCSS: {
			y: 0,
			opacity: 100/100,
			rotationX: 0,
			rotationY: 0,
			rotationZ: 0,
			skewX: 0,
			skewY: 0,
			scaleX: 100/100,
			scaleY: 100/100
		},
		outEase: 'Quad.easeOut'.split('.').reverse().join(''),
		outOrigin: '50% 50% 0',
		outX: -100,
		outUnitX: '%',
		outCSS: {
			y: 0,
			opacity: 100/100,
			rotationX: 0,
			rotationY: 0,
			rotationZ: 0,
			skewX: 0,
			skewY: 0,
			scaleX: 100/100,
			scaleY: 100/100
		},
		anim: {
			perspective: 1000,
			inDur: 300/1000,
			inEase: 'Quad.easeOut'.split('.').reverse().join(''),
			inOrigin: '50% 50% 0',
			inX: -30,
			inUnitX: 'px',
			inCSS: {
				y: 0,
				opacity: 0/100,
				rotationX: 0,
				rotationY: 0,
				rotationZ: 0,
				skewX: 0,
				skewY: 0,
				scaleX: 100/100,
				scaleY: 100/100
			},
			outDur: 300/1000,
			outEase: 'Quad.easeOut'.split('.').reverse().join(''),
			outOrigin: '50% 50% 0',
			outX: 20,
			outUnitX: 'px',
			outCSS: {
				y: 0,
				opacity: 0/100,
				rotationX: 0,
				rotationY: 0,
				rotationZ: 0,
				skewX: 0,
				skewY: 0,
				scaleX: 100/100,
				scaleY: 100/100
			}
		},
		miAnim: 0,
		miDur: 500/1000,
		miShift: 40/1000,
		miEase: 'Quad.easeOut'.split('.').reverse().join(''),
		miX: 40,
		miUnitX: '%',
		miCSS: {
			transformPerspective: 600,
			transformOrigin: '50% 50% 0',
			y: 0,
			opacity: 0/100,
			rotationX: 0,
			rotationY: 0,
			rotationZ: 0,
			skewX: 0,
			skewY: 0,
			scaleX: 100/100,
			scaleY: 100/100
		},
		iconAnim: 0 && 0,
		bgX: 0,
		dropwidth: 250,
		dropspace: 0,
		dropFullHeight: 0,
		dropEvent: 'mouseenter',
		opened: 1,
		autoOpen: 0,
		autoOpenAnim: 1,
		hideBurger: 1
	});
});
</script>

<meta name="google-site-verification" content="Qxs8Jc6RdIkkig0-DdSiYGcX9-AwVMPH2jp4PdjhHUg" />
<script type="text/javascript" src="/templates/ih/js/template.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/templates/ih/css/style.css" type="text/css" />
<link rel="stylesheet" href="/templates/ih/css/responsive.css" type="text/css" />
<link rel="stylesheet" href="/templates/ih/css/phone.css" type="text/css" />
</head>

<body><div class="sm-pusher"><div class="sm-content"><div class="sm-content-inner">
	<div class="header">
		<div class="textureTop">
		<div class="topContener">
			<div class="phone">
				03 28 42 93 73
			</div>
			<div class="tools">
				<div class="facebook">
					<a href="https://www.facebook.com/Institut-dHazebrouck-Officiel-481232825365572/?fref=ts" target="_blank"><img src="/templates/ih/images/icon_facebook.png" alt="Institut d'Hazebrouck"></a>
				</div>
				<div class="searchBox">
							<div class="moduletable">
						<div class="search mod_search93">
	<form action="/" method="post" class="form-inline" role="search">
		<label for="mod-search-searchword93" class="element-invisible">Rechercher</label> <input name="searchword" id="mod-search-searchword93" maxlength="200"  class="inputbox search-query input-medium" type="search" size="20" placeholder="Recherche..." />		<input type="hidden" name="task" value="search" />
		<input type="hidden" name="option" value="com_search" />
		<input type="hidden" name="Itemid" value="101" />
	</form>
</div>
		</div>
	
				</div>
			</div>
		</div>
		</div>
		<div class="menuContener">
			<div class="menu">
				<div class="backtoHome">
					<a href="/"><img src="/templates/ih/images/icon_home.png" alt="Accueil"></a>
				</div>
				<div class="logoTop">
					<a href="/"><img class="logoIHTop"  src="/templates/ih/images/logo_institut_hazebrouck.png" alt="Institut d'Hazebrouck"></a>
				</div>
				<div class="logotopfixedContener">
					<div class="logotopfixed" style="display:none">
						<img src="/templates/ih/images/logotopfixed.jpg" alt="Institut d'Hazebrouck">
					</div>
				</div>
				<div class="menuTop">
							<div class="moduletable">
						<ul id="dj-main103" class="dj-main"><li class="dj-up itemid101 first active"><a href="/" class="dj-up_a active" ><span >Accueil</span></a></li>
<li class="dj-up itemid117 separator"><a class="dj-up_a" ><span class="dj-drop" >L'Institut</span></a>
<ul class="dj-submenu">
<li class="submenu_top" style="display: none"> </li>
<li class="itemid150 first"><a href="/l-institut/le-mot-du-directeur" class="" >Le mot du directeur</a></li>
<li class="itemid122"><a href="/l-institut/qui-sommes-nous" class="" >Qui sommes-nous ?</a></li>
<li class="itemid123"><a href="/l-institut/nos-projets" class="" >Nos projets</a></li>
<li class="itemid124"><a href="/l-institut/le-bureau-du-conseil-d-administration" class="" >Le bureau du conseil d'administration</a></li>
<li class="itemid125"><a href="/l-institut/lequipe" class="" >Léquipe</a></li>
<li class="itemid165 last"><a href="/l-institut/le-chateau-de-l-orme" class="" >Le château de l'Orme</a></li>
<li class="submenu_bot" style="display: none"> </li>
</ul>
</li>
<li class="dj-up itemid118 separator"><a class="dj-up_a" ><span class="dj-drop" >Les formations</span></a>
<ul class="dj-submenu">
<li class="submenu_top" style="display: none"> </li>
<li class="itemid126 first"><a href="/les-formations/4eme-3eme" class="" >4ème 3ème</a></li>
<li class="itemid127"><a href="/les-formations/seconde-gt" class="" >Seconde GT</a></li>
<li class="itemid128"><a href="/les-formations/bac-technologique-stav" class="" >Bac technologique STAV</a></li>
<li class="itemid129"><a href="/les-formations/bac-cgea-elevage-et-culture" class="" >Bac CGEA &quot;Elevage et Culture&quot;</a></li>
<li class="itemid130"><a href="/les-formations/bac-pro-technicien-conseil-vente" class="" >Bac Pro &quot;Technicien Conseil Vente&quot;</a></li>
<li class="itemid131"><a href="/les-formations/bts-acse" class="" >BTS ACSE</a></li>
<li class="itemid409 last"><a href="/les-formations/alternance" class="" >Alternance</a></li>
<li class="submenu_bot" style="display: none"> </li>
</ul>
</li>
<li class="dj-up itemid119 separator"><a class="dj-up_a" ><span class="dj-drop" >La vie à l'école</span></a>
<ul class="dj-submenu">
<li class="submenu_top" style="display: none"> </li>
<li class="itemid132 first"><a href="/la-vie-a-l-ecole/actualites" class="" >Actualités</a></li>
<li class="itemid133"><a href="/la-vie-a-l-ecole/la-pastorale" class="" >La pastorale</a></li>
<li class="itemid134"><a href="/la-vie-a-l-ecole/l-animalerie" class="" >L'animalerie</a></li>
<li class="itemid135"><a href="/la-vie-a-l-ecole/l-equitation" class="" >L'équitation</a></li>
<li class="itemid136"><a href="/la-vie-a-l-ecole/atelier-theatre-et-musique" class="" >Atelier théâtre et musique</a></li>
<li class="itemid137"><a href="/la-vie-a-l-ecole/la-vie-scolaire" class="" >La vie scolaire</a></li>
<li class="itemid138"><a href="/la-vie-a-l-ecole/les-moyens-pedagogiques" class="" >Les moyens pédagogiques</a></li>
<li class="itemid144"><a href="/la-vie-a-l-ecole/galerie-photos" class="" >Galerie photos</a></li>
<li class="itemid287 last"><a href="/la-vie-a-l-ecole/newsletter" class="" >Newsletter</a></li>
<li class="submenu_bot" style="display: none"> </li>
</ul>
</li>
<li class="dj-up itemid120 separator"><a class="dj-up_a" ><span class="dj-drop" >Infos</span></a>
<ul class="dj-submenu">
<li class="submenu_top" style="display: none"> </li>
<li class="itemid139 first"><a href="/infos-pratiques/plan" class="" >Plan</a></li>
<li class="itemid140"><a href="/infos-pratiques/inscription" class="" >Inscription</a></li>
<li class="itemid141"><a href="/infos-pratiques/tarifs" class="" >Tarifs</a></li>
<li class="itemid142"><a href="/infos-pratiques/transports" class="" >Transports</a></li>
<li class="itemid143 last"><a href="/infos-pratiques/aide-financiere" class="" >Aide financière</a></li>
<li class="submenu_bot" style="display: none"> </li>
</ul>
</li>
<li class="dj-up itemid121"><a href="/nous-contacter" class="dj-up_a" ><span >Nous contacter</span></a></li>
<li class="dj-up itemid194 last separator"><a class="dj-up_a" ><span class="dj-drop" >Alternance</span></a>
<ul class="dj-submenu">
<li class="submenu_top" style="display: none"> </li>
<li class="itemid196 first"><a href="/alternance/formation-continue" class="" >Formation continue</a></li>
<li class="itemid197"><a href="/alternance/presentation-de-l-ufa" class="" >Présentation de l'UFA </a></li>
<li class="itemid198"><a href="/alternance/les-formations" class="" >Les  formations</a></li>
<li class="itemid199"><a href="/alternance/le-contrat-d-apprentissage" class="" >Le contrat d'apprentissage </a></li>
<li class="itemid200 last"><a href="/alternance/verser-sa-taxe-d-apprentissage" class="" >Verser sa taxe d'apprentissage</a></li>
<li class="submenu_bot" style="display: none"> </li>
</ul>
</li>
</ul>		</div>
	
				</div>
				<div class="menuPhone">
					<div class="noscript">
	<nav id="off-menu_101" class="off-menu_101 sm-menu">
            <div class="sm-levels">
    <div class="sm-level level1"><dl class="level1">
  <dt class="level1 off-nav-101 notparent opened active first">
        <div class="inner">
      <div class="link"><a data-text="Accueil" href="https://institut-hazebrouck.eu/">Accueil</a></div>
          </div>
  </dt>
  <dd class="level1 off-nav-101 notparent opened active first">
      </dd>
    <dt class="level1 off-nav-117 parent">
        <div class="inner">
      <div class="link"><a data-text="L'Institut" >L'Institut</a></div>
          </div>
  </dt>
  <dd class="level1 off-nav-117 parent">
    <div class="sm-level level2"><dl class="level2">
  <dt class="level2 off-nav-150 notparent first">
        <div class="inner">
      <div class="link"><a data-text="Le mot du directeur" href="/l-institut/le-mot-du-directeur">Le mot du directeur</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-150 notparent first">
      </dd>
    <dt class="level2 off-nav-122 notparent">
        <div class="inner">
      <div class="link"><a data-text="Qui sommes-nous ?" href="/l-institut/qui-sommes-nous">Qui sommes-nous ?</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-122 notparent">
      </dd>
    <dt class="level2 off-nav-123 notparent">
        <div class="inner">
      <div class="link"><a data-text="Nos projets" href="/l-institut/nos-projets">Nos projets</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-123 notparent">
      </dd>
    <dt class="level2 off-nav-124 notparent">
        <div class="inner">
      <div class="link"><a data-text="Le bureau du conseil d'administration" href="/l-institut/le-bureau-du-conseil-d-administration">Le bureau du conseil d'administration</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-124 notparent">
      </dd>
    <dt class="level2 off-nav-125 notparent">
        <div class="inner">
      <div class="link"><a data-text="Léquipe" href="/l-institut/lequipe">Léquipe</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-125 notparent">
      </dd>
    <dt class="level2 off-nav-165 notparent">
        <div class="inner">
      <div class="link"><a data-text="Le château de l'Orme" href="/l-institut/le-chateau-de-l-orme">Le château de l'Orme</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-165 notparent">
      </dd>
               </dl></div></dd>  <dt class="level1 off-nav-118 parent">
        <div class="inner">
      <div class="link"><a data-text="Les formations" >Les formations</a></div>
          </div>
  </dt>
  <dd class="level1 off-nav-118 parent">
    <div class="sm-level level2"><dl class="level2">
  <dt class="level2 off-nav-126 notparent first">
        <div class="inner">
      <div class="link"><a data-text="4ème 3ème" href="/les-formations/4eme-3eme">4ème 3ème</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-126 notparent first">
      </dd>
    <dt class="level2 off-nav-127 notparent">
        <div class="inner">
      <div class="link"><a data-text="Seconde GT" href="/les-formations/seconde-gt">Seconde GT</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-127 notparent">
      </dd>
    <dt class="level2 off-nav-128 notparent">
        <div class="inner">
      <div class="link"><a data-text="Bac technologique STAV" href="/les-formations/bac-technologique-stav">Bac technologique STAV</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-128 notparent">
      </dd>
    <dt class="level2 off-nav-129 notparent">
        <div class="inner">
      <div class="link"><a data-text="Bac CGEA ">Bac CGEA "Elevage et Culture"</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-129 notparent">
      </dd>
    <dt class="level2 off-nav-130 notparent">
        <div class="inner">
      <div class="link"><a data-text="Bac Pro ">Bac Pro "Technicien Conseil Vente"</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-130 notparent">
      </dd>
    <dt class="level2 off-nav-131 notparent">
        <div class="inner">
      <div class="link"><a data-text="BTS ACSE" href="/les-formations/bts-acse">BTS ACSE</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-131 notparent">
      </dd>
    <dt class="level2 off-nav-409 notparent">
        <div class="inner">
      <div class="link"><a data-text="Alternance" href="/les-formations/alternance">Alternance</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-409 notparent">
      </dd>
               </dl></div></dd>  <dt class="level1 off-nav-119 parent">
        <div class="inner">
      <div class="link"><a data-text="La vie à l'école" >La vie à l'école</a></div>
          </div>
  </dt>
  <dd class="level1 off-nav-119 parent">
    <div class="sm-level level2"><dl class="level2">
  <dt class="level2 off-nav-132 notparent first">
        <div class="inner">
      <div class="link"><a data-text="Actualités" href="/la-vie-a-l-ecole/actualites">Actualités</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-132 notparent first">
      </dd>
    <dt class="level2 off-nav-133 notparent">
        <div class="inner">
      <div class="link"><a data-text="La pastorale" href="/la-vie-a-l-ecole/la-pastorale">La pastorale</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-133 notparent">
      </dd>
    <dt class="level2 off-nav-134 notparent">
        <div class="inner">
      <div class="link"><a data-text="L'animalerie" href="/la-vie-a-l-ecole/l-animalerie">L'animalerie</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-134 notparent">
      </dd>
    <dt class="level2 off-nav-135 notparent">
        <div class="inner">
      <div class="link"><a data-text="L'équitation" href="/la-vie-a-l-ecole/l-equitation">L'équitation</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-135 notparent">
      </dd>
    <dt class="level2 off-nav-136 notparent">
        <div class="inner">
      <div class="link"><a data-text="Atelier théâtre et musique" href="/la-vie-a-l-ecole/atelier-theatre-et-musique">Atelier théâtre et musique</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-136 notparent">
      </dd>
    <dt class="level2 off-nav-137 notparent">
        <div class="inner">
      <div class="link"><a data-text="La vie scolaire" href="/la-vie-a-l-ecole/la-vie-scolaire">La vie scolaire</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-137 notparent">
      </dd>
    <dt class="level2 off-nav-138 notparent">
        <div class="inner">
      <div class="link"><a data-text="Les moyens pédagogiques" href="/la-vie-a-l-ecole/les-moyens-pedagogiques">Les moyens pédagogiques</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-138 notparent">
      </dd>
    <dt class="level2 off-nav-144 notparent">
        <div class="inner">
      <div class="link"><a data-text="Galerie photos" href="/la-vie-a-l-ecole/galerie-photos">Galerie photos</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-144 notparent">
      </dd>
    <dt class="level2 off-nav-287 notparent">
        <div class="inner">
      <div class="link"><a data-text="Newsletter" href="/la-vie-a-l-ecole/newsletter">Newsletter</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-287 notparent">
      </dd>
               </dl></div></dd>  <dt class="level1 off-nav-120 parent">
        <div class="inner">
      <div class="link"><a data-text="Infos" >Infos</a></div>
          </div>
  </dt>
  <dd class="level1 off-nav-120 parent">
    <div class="sm-level level2"><dl class="level2">
  <dt class="level2 off-nav-139 notparent first">
        <div class="inner">
      <div class="link"><a data-text="Plan" href="/infos-pratiques/plan">Plan</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-139 notparent first">
      </dd>
    <dt class="level2 off-nav-140 notparent">
        <div class="inner">
      <div class="link"><a data-text="Inscription" href="/infos-pratiques/inscription">Inscription</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-140 notparent">
      </dd>
    <dt class="level2 off-nav-141 notparent">
        <div class="inner">
      <div class="link"><a data-text="Tarifs" href="/infos-pratiques/tarifs">Tarifs</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-141 notparent">
      </dd>
    <dt class="level2 off-nav-142 notparent">
        <div class="inner">
      <div class="link"><a data-text="Transports" href="/infos-pratiques/transports">Transports</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-142 notparent">
      </dd>
    <dt class="level2 off-nav-143 notparent">
        <div class="inner">
      <div class="link"><a data-text="Aide financière" href="/infos-pratiques/aide-financiere">Aide financière</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-143 notparent">
      </dd>
               </dl></div></dd>  <dt class="level1 off-nav-121 notparent">
        <div class="inner">
      <div class="link"><a data-text="Nous contacter" href="/nous-contacter">Nous contacter</a></div>
          </div>
  </dt>
  <dd class="level1 off-nav-121 notparent">
      </dd>
    <dt class="level1 off-nav-194 parent">
        <div class="inner">
      <div class="link"><a data-text="Alternance" >Alternance</a></div>
          </div>
  </dt>
  <dd class="level1 off-nav-194 parent">
    <div class="sm-level level2"><dl class="level2">
  <dt class="level2 off-nav-196 notparent first">
        <div class="inner">
      <div class="link"><a data-text="Formation continue" href="/alternance/formation-continue">Formation continue</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-196 notparent first">
      </dd>
    <dt class="level2 off-nav-197 notparent">
        <div class="inner">
      <div class="link"><a data-text="Présentation de l'UFA " href="/alternance/presentation-de-l-ufa">Présentation de l'UFA </a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-197 notparent">
      </dd>
    <dt class="level2 off-nav-198 notparent">
        <div class="inner">
      <div class="link"><a data-text="Les  formations" href="/alternance/les-formations">Les  formations</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-198 notparent">
      </dd>
    <dt class="level2 off-nav-199 notparent">
        <div class="inner">
      <div class="link"><a data-text="Le contrat d'apprentissage " href="/alternance/le-contrat-d-apprentissage">Le contrat d'apprentissage </a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-199 notparent">
      </dd>
    <dt class="level2 off-nav-200 notparent">
        <div class="inner">
      <div class="link"><a data-text="Verser sa taxe d'apprentissage" href="/alternance/verser-sa-taxe-d-apprentissage">Verser sa taxe d'apprentissage</a></div>
          </div>
  </dt>
  <dd class="level2 off-nav-200 notparent">
      </dd>
               </dl></div></dd>         </dl></div>
    </div>
</nav></div>

				</div>
			</div>
		</div>
		<div class="slider">
					<div class="moduletable">
						

<div style="border: 0px !important;">
    <div id="djslider-loader102" class="djslider-loader djslider-loader-default" data-animation='{"auto":"1","looponce":"0","transition":"linear","css3transition":"linear","duration":"1000","delay":10000}' data-djslider='{"id":"102","slider_type":"2","slide_size":"1332","visible_slides":1,"direction":"left","show_buttons":"0","show_arrows":"2","preload":"800","css3":"1"}' tabindex="0">
        <div id="djslider102" class="djslider djslider-default img-vcenter" style="height: 522px; width: 1332px;">
            <div id="slider-container102" class="slider-container" >
                <ul id="slider102" class="djslider-in">
                                            <li style="margin: 0 0px 0px 0 !important; height: 522px; width: 1332px;">
                                                                                            <img class="dj-image" src="/images/slides/SLIDE_nouvelle_entre_institut16.png" alt="NOUVELLE ENTRÉE"  style="width: 100%; height: auto;"/>
                                                                                                                        <!-- Slide description area: START -->
                                <div class="slide-desc" style="bottom: 40%; left: 0%; width: 100%;">
                                    <div class="slide-desc-in">
                                        <div class="slide-desc-bg slide-desc-bg-default" style="background: "></div>
                                        <div class="slide-desc-text slide-desc-text-default">
                                                                                            <div class="slide-title" style="">
                                                                                                            NOUVELLE ENTRÉE                                                                                                        </div>
                                            
                                            
                                                                                        <div style="clear: both"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Slide description area: END -->
                            
                        </li>
                                            <li style="margin: 0 0px 0px 0 !important; height: 522px; width: 1332px;">
                                                                                                <a  href="/infos-pratiques/inscription" target="_self">
                                                                <img class="dj-image" src="/images/slides/SLIDE_renseignements_site_octobre_2022.jpg" alt="Bienvenue à l'Institut "  style="width: 100%; height: auto;"/>
                                                                    </a>
                                                                                                                        <!-- Slide description area: START -->
                                <div class="slide-desc" style="bottom: 40%; left: 0%; width: 100%;">
                                    <div class="slide-desc-in">
                                        <div class="slide-desc-bg slide-desc-bg-default" style="background: "></div>
                                        <div class="slide-desc-text slide-desc-text-default">
                                                                                            <div class="slide-title" style="">
                                                                                                            Bienvenue à l'Institut                                                                                                         </div>
                                            
                                            
                                                                                        <div style="clear: both"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Slide description area: END -->
                            
                        </li>
                                            <li style="margin: 0 0px 0px 0 !important; height: 522px; width: 1332px;">
                                                                                            <img class="dj-image" src="/images/slides/SLIDE-Collge-2018.jpg" alt="BÂTIR ENSEMBLE SA RÉUSSITE PERSONNELLE ET PROFESSIONNELLE"  style="width: 100%; height: auto;"/>
                                                                                                                        <!-- Slide description area: START -->
                                <div class="slide-desc" style="bottom: 40%; left: 0%; width: 100%;">
                                    <div class="slide-desc-in">
                                        <div class="slide-desc-bg slide-desc-bg-default" style="background: "></div>
                                        <div class="slide-desc-text slide-desc-text-default">
                                                                                            <div class="slide-title" style="">
                                                                                                            BÂTIR ENSEMBLE SA RÉUSSITE PERSONNELLE ET PROFESSIONNELLE                                                                                                        </div>
                                            
                                            
                                                                                        <div style="clear: both"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Slide description area: END -->
                            
                        </li>
                                            <li style="margin: 0 0px 0px 0 !important; height: 522px; width: 1332px;">
                                                                                            <img class="dj-image" src="/images/slides/accueil4.jpg" alt="L'agriculture ... Une vraie passion"  style="width: 100%; height: auto;"/>
                                                                                                                        <!-- Slide description area: START -->
                                <div class="slide-desc" style="bottom: 40%; left: 0%; width: 100%;">
                                    <div class="slide-desc-in">
                                        <div class="slide-desc-bg slide-desc-bg-default" style="background: "></div>
                                        <div class="slide-desc-text slide-desc-text-default">
                                                                                            <div class="slide-title" style="">
                                                                                                            L'agriculture ... Une vraie passion                                                                                                        </div>
                                            
                                            
                                                                                        <div style="clear: both"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Slide description area: END -->
                            
                        </li>
                                            <li style="margin: 0 0px 0px 0 !important; height: 522px; width: 1332px;">
                                                                                            <img class="dj-image" src="/images/slides/LES-SUPERS-ELEVES-16.jpg" alt="Acteur de la Formation"  style="width: 100%; height: auto;"/>
                                                                                                                        <!-- Slide description area: START -->
                                <div class="slide-desc" style="bottom: 40%; left: 0%; width: 100%;">
                                    <div class="slide-desc-in">
                                        <div class="slide-desc-bg slide-desc-bg-default" style="background: "></div>
                                        <div class="slide-desc-text slide-desc-text-default">
                                                                                            <div class="slide-title" style="">
                                                                                                            Acteur de la Formation                                                                                                        </div>
                                            
                                            
                                                                                        <div style="clear: both"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Slide description area: END -->
                            
                        </li>
                                            <li style="margin: 0 0px 0px 0 !important; height: 522px; width: 1332px;">
                                                                                            <img class="dj-image" src="/images/slides/accueil3.jpg" alt="Au coeur de la nature"  style="width: 100%; height: auto;"/>
                                                                                                                        <!-- Slide description area: START -->
                                <div class="slide-desc" style="bottom: 40%; left: 0%; width: 100%;">
                                    <div class="slide-desc-in">
                                        <div class="slide-desc-bg slide-desc-bg-default" style="background: "></div>
                                        <div class="slide-desc-text slide-desc-text-default">
                                                                                            <div class="slide-title" style="">
                                                                                                            Au coeur de la nature                                                                                                        </div>
                                            
                                            
                                                                                        <div style="clear: both"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Slide description area: END -->
                            
                        </li>
                                            <li style="margin: 0 0px 0px 0 !important; height: 522px; width: 1332px;">
                                                                                            <img class="dj-image" src="/images/slides/accueil2.jpg" alt="Ambiance Familiale"  style="width: 100%; height: auto;"/>
                                                                                                                        <!-- Slide description area: START -->
                                <div class="slide-desc" style="bottom: 40%; left: 0%; width: 100%;">
                                    <div class="slide-desc-in">
                                        <div class="slide-desc-bg slide-desc-bg-default" style="background: "></div>
                                        <div class="slide-desc-text slide-desc-text-default">
                                                                                            <div class="slide-title" style="">
                                                                                                            Ambiance Familiale                                                                                                        </div>
                                            
                                            
                                                                                        <div style="clear: both"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Slide description area: END -->
                            
                        </li>
                                    </ul>
            </div>
                            <div id="navigation102" class="navigation-container" style="top: 49.808429118774%; margin: 0 3.7537537537538%;">
                                            <img id="prev102" class="prev-button" src="/modules/mod_djimageslider/themes/default/images/prev.png" alt="Previous" tabindex="0" />
                        <img id="next102" class="next-button" src="/modules/mod_djimageslider/themes/default/images/next.png" alt="Next" tabindex="0" />
                                                        </div>
                                </div>
    </div>
</div>
<div class="djslider-end" style="clear: both" tabindex="0"></div>		</div>
	
		</div>
	</div>
			<div class="moduleHomeContener">
			<div class="moduleHome">
				<div class="moduleHomeBlock1">
					<h2 class="moduleTitle">MOT DU DIRECTEUR</h2>
					<div id="moduleTitleSep"></div>
					<div id="photoDirecteur">
						<img src="/images/photo_directeur.jpg" style="max-width:160px; height:auto;border-radius: 160px;" alt="Directeur de L’Institut">
						<div class="nameDirector">M.Sébastien Malésys</div>
					</div>
					<div id="motDirecteur">
						<div id="icon_guillemet_top"></div>
								<div class="moduletable">
							<div class="nspMain" id="nsp-nsp-100" data-config="{				'animation_speed': 400,				'animation_interval': 5000,				'animation_function': 'Fx.Transitions.Expo.easeIn',				'news_column': 1,				'news_rows': 1,				'links_columns_amount': 1,				'links_amount': 3			}">		
				
					<div class="nspArts bottom" style="width:100%;">
								<div class="nspArtScroll1">
					<div class="nspArtScroll2 nspPages3">
																	<div class="nspArtPage active nspCol3">
																				<div class="nspArt nspCol1" style="padding:0 0px 0px 0;">
								<p class="nspText tleft fleft">Bonjour à chacun.e
C'est un grand honneur pour moi, d'assumer depuis le 1er septembre 2020, les fonctions de Chef d'établissement de l'Institut Agricole d'Hazebrouck.
Le Conseil  ...</p><a class="readon fleft" href="/l-institut/le-mot-du-directeur" target="_self">LIRE LA SUITE +</a>							</div>
												</div>
																</div>

									</div>
			</div>
		
				
			</div>
		</div>
	
						<div id="icon_guillemet_bottom"></div>
					</div>

				</div>
				<div class="moduleHomeBlock2">
				</div>
				<div class="moduleHomeBlock3">
					<h2 class="moduleTitle">DERNIERES PHOTOS</h2>
					<div id="moduleTitleSep"></div>
										<a href="/la-vie-a-l-ecole/galerie-photos">
						<div id="latestPhoto0" style="background:url(/images/bagallery/gallery-1/thumbnail/category-1/2-1.jpeg)no-repeat top center; -webkit-background-size: cover; background-size: cover;">		</div>
					</a>
					<a href="/la-vie-a-l-ecole/galerie-photos">
						<div id="latestPhoto1" style="background:url(/images/bagallery/gallery-1/thumbnail/category-1/stage-.jpg)no-repeat top center; -webkit-background-size: cover; background-size: cover;">		</div>
					</a>
					<a href="/la-vie-a-l-ecole/galerie-photos">
						<div id="latestPhoto2" style="background:url(/images/bagallery/gallery-1/thumbnail/category-1/4.jpeg)no-repeat top center; -webkit-background-size: cover; background-size: cover;">		</div>
					</a>
					<div style="clear:both"></div>
					<div id="linkGallery">
						<a href="/la-vie-a-l-ecole/galerie-photos">VOIR LA GALERIE +</a>
					</div>
				</div>
				<div style="clear:both"></div>
			</div>
		</div>
	
	<div class="footer1">
		<div class="moduleHome">
			<div class="moduleHomeBlock1">
				<h2 class="moduleTitle">ACTUALITES</h2>
				<div id="moduleTitleSep"></div>

				<div id="motDirecteur">
							<div class="moduletable">
							<div class="nspMain" id="nsp-nsp-104" data-config="{				'animation_speed': 400,				'animation_interval': 5000,				'animation_function': 'Fx.Transitions.Expo.easeIn',				'news_column': 1,				'news_rows': 1,				'links_columns_amount': 1,				'links_amount': 3			}">		
				
					<div class="nspArts bottom" style="width:100%;">
								<div class="nspArtScroll1">
					<div class="nspArtScroll2 nspPages5">
																	<div class="nspArtPage active nspCol5">
																				<div class="nspArt nspCol1" style="padding:0 0px 0px 0;">
								<a href="/la-vie-a-l-ecole/actualites/164-interesses-par-une-formation-a-l-institut-en-septembre-2023-retrouvez-nous-les-24-et-25-mars-2026" class="nspImageWrapper tleft fleft"  style="margin:0px 0px 0 0;" target="_self"><img  class="nspImage" src="https://institut-hazebrouck.eu/modules/mod_news_pro_gk5/cache/flyers_journee_info_2024_2025nsp-104.jpg" alt=""  style="width:171pxpx;height:171pxpx;" /></a><h4 class="nspHeader tleft fright has-image"><a href="/la-vie-a-l-ecole/actualites/164-interesses-par-une-formation-a-l-institut-en-septembre-2023-retrouvez-nous-les-24-et-25-mars-2026"  title="Intéressés par une formation à l'Institut en septembre 2025 ? Retrouvez-nous le 12 octobre 2024" target="_self">Intéressés par une formation à l'Institu&hellip;</a></h4><p class="nspText tleft fleft">Des rendez-vous d'information et d'orientation auront lieu &nbsp;le samedi 12 octobre de 9h à 12h.
&nbsp;
Nous vous in ...</p><a class="readon fleft" href="/la-vie-a-l-ecole/actualites/164-interesses-par-une-formation-a-l-institut-en-septembre-2023-retrouvez-nous-les-24-et-25-mars-2026" target="_self">LIRE LA SUITE +</a>							</div>
												</div>
																</div>

									</div>
			</div>
		
				
			</div>
		</div>
	
				</div>

			</div>
			<div class="moduleHomeBlock2">
			</div>
			<div class="moduleHomeBlock3">
				<h2 class="moduleTitle">INFOS PRATIQUES</h2>
				<div id="moduleTitleSep"></div>
				<div id="infos1">
					<div id="infoImg"><img src="/templates/ih/images/infos_infos.png"></div>
					<div id="infoTitle"><a href="/infos-pratiques/inscription">Informations<br>sur les inscriptions</a></div>
				</div>
				<div id="infos2">
					<div id="infoImg"><img src="/templates/ih/images/infos_plateforme.png"></div>
					<div id="infoTitle"><a href="https://www.scolinfo.net/" target="_blank">Plateforme<br>Scolinfo</a></div>
				</div>
				<div style="clear:both"></div>
				<div id="infos3">
					<div id="infoImg"><img src="/templates/ih/images/infos_googleMap.png"></div>
					<div id="infoTitle"><a href="/infos-pratiques/plan">Localisation<br>Google Map</a></div>
				</div>
				<div id="infos4">
					<div id="infoImg"><img src="/templates/ih/images/infos_demande.png"></div>
					<div id="infoTitle"><a href="/nous-contacter">Demande de<br>renseignement</a></div>
				</div>
			</div>
			<div style="clear:both"></div>
		</div>
	</div>

	<div class="footer2">

		<div class="footer2Contener">
			<div class="scrolltotop"></div>
			<div class="institut_info">
			<img src="/templates/ih/images/logo_institut_hazebrouck_mini.png">
			<div class="coordonnes">
				Lycée des Sciences de la Terre et du Vivant<br>
				69, rue du violon d’or - BP 60269 - 59524 HAZEBROUCK cedex<br>
				Tel. : 03 28 42 93 73 / Fax : 03 28 41 33 01
			</div>
			</div>
			<div class="logoInfos">
			<a href="/mentions-legales">Mentions légales</a> | <a href="/credits">Crédits</a> | Copyright ©  2024 Institut d'Hazebrouck <div style="font-size:14px;margin-top:10px;margin-bottom:-10px"><a style="color:#DBA89D" href="https://promatec.digital" target="blank">Réalisation du site: Agence Web Lille Promatec Digital</a></div><br>
			<a href="/l-institut/le-chateau-de-l-orme"><img src="/templates/ih/images/logo_chateau_de_lorme.png" alt="Le château de l'Orme"></a>
			<img src="/templates/ih/images/logo_enseignement_catholique.png">
			<img src="/templates/ih/images/logo_region_haut_de_france.png">
			</div>
		</div>
		<div style="clear:both"></div>
	</div>

	<script type="text/javascript" src="/templates/ih/js/tarteaucitron/tarteaucitron.js"></script>

	<script type="text/javascript">
        tarteaucitron.init({
    	  "privacyUrl": "", /* Privacy policy url */

    	  "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
    	  "cookieName": "tarteaucitron", /* Cookie name */

    	  "orientation": "bottom", /* Banner position (top - bottom) */

          "groupServices": false, /* Group services by category */

    	  "showAlertSmall": false, /* Show the small banner on bottom right */
    	  "cookieslist": false, /* Show the cookie list */

          "closePopup": false, /* Show a close X on the banner */

          "showIcon": true, /* Show cookie icon to manage cookies */
          //"iconSrc": "", /* Optionnal: URL or base64 encoded image */
          "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */

    	  "adblocker": false, /* Show a Warning if an adblocker is detected */

          "DenyAllCta" : true, /* Show the deny all button */
          "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
          "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */

    	  "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */

    	  "removeCredit": false, /* Remove credit link */
    	  "moreInfoLink": true, /* Show more info link */

          "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
          "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */

    	  //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */

          "readmoreLink": "", /* Change the default readmore link */

          "mandatory": true, /* Show a message about mandatory cookies */
        });
     </script>

		<script type="text/javascript">
			 tarteaucitron.user.gtagUa = 'G-WRVHK4R7M7';
			 // tarteaucitron.user.gtagCrossdomain = ['example.com', 'example2.com'];
			 tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ };
			 (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
		</script>
</div></div></div></body>
</html>