<!DOCTYPE html>
<html xml:lang="fr" lang="fr" dir="ltr">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!-- Global site tag (gtag.js) - Google Analytics - Compte VSE -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-8821792-1"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
		gtag('config', 'UA-8821792-1');
	</script>
	<!-- Global site tag (gtag.js) - End Google Analytics -->
	<!-- Google Tag Manager -->
<!-- <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-WDWX6GJ');
	</script> -->
	<!-- End Google Tag Manager -->

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Site Internet de la ville de Saint-Etienne</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Saint-Étienne Euro2016, Saint-Étienne, Saint-Étienne football, Geoffroy Guichard, design, culture, musée d&#039;art moderne, musée d&#039;art et industrie, musée de la mine, opéra, mairie, éducation, sport, urbanisme, mairie saint-Etienne, ville de saint-Etienne, mairie de saint-Etienne, sainté, jeunesse, vie étudiante, Puits Couriot, Cité du design" />
<meta name="description" content="saint-etienne.fr est le site officiel de la Ville de Saint-Étienne (04 77 48 77 48). Saint-Etienne vous informe sur les démarches administratives, les offres d&#039;emploi et les appels d&#039;offres de la Ville de Saint-Étienne, le design avec la Biennale Internationale du design, l&#039;innovation, la culture, l&#039;urbanisme, les événements sportifs comme l&#039;Euro2016 de football, les lieux emblématiques (Cité du design, le stade Geoffroy Guichard, le musée de la Mine, le musée d&#039;Art et d&#039;Industrie...), l&#039;éducation, la vie étudiante,..." />
<link rel="shortcut icon" href="/sites/all/themes/stetienne-internet/favicon.ico" type="image/x-icon" />
  <link type="text/css" rel="stylesheet" media="all" href="https://www.saint-etienne.fr/sites/default/files/ctools/css/3bcb9b4731b65defcaea90028fef01eb.css?P" />
<link type="text/css" rel="stylesheet" media="all" href="https://www.saint-etienne.fr/sites/default/files/css/css_a9d43d2700dd6cd521d5011746c7a7c3.css" />
<link type="text/css" rel="stylesheet" media="print" href="https://www.saint-etienne.fr/sites/default/files/css/css_f6772fb6db444aa9955bb7b6e12de56c.css" />
<link type="text/css" rel="stylesheet" media="screen" href="https://www.saint-etienne.fr/sites/default/files/css/css_17c4fe8d2f810174f5b17990e9bb0b33.css" />

	<!--[if lte IE 6]>
		<style type="text/css" media="all">@import "/sites/all/themes/stetienne-internet/css/ie6.css"</style>
	<![endif]-->
	<!--[if IE 7]>
		<style type="text/css" media="all">@import "/sites/all/themes/stetienne-internet/css/ie7.css"</style>
		<link rel="stylesheet" href="/sites/all/themes/stetienne-internet/css/style_ie7.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="/sites/all/themes/stetienne-internet/css/jlistbox_ie7.css" type="text/css" media="screen" />
	<![endif]-->
	<!--[if IE 8]>
		<link rel="stylesheet" href="/sites/all/themes/stetienne-internet/css/style_ie8.css" type="text/css" media="screen" />
	<![endif]-->

  <script type="text/javascript" src="https://www.saint-etienne.fr/sites/default/files/js/js_c578fedd131cefbc0fe96ac314a8c550.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","googleanalytics":{"trackOutgoing":1,"trackMailto":1,"trackDownload":1,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip"},"apachesolr_autocomplete":{"path":"\/apachesolr_autocomplete"},"fivestar":{"titleUser":"Votre notation: ","titleAverage":"Moyenne: ","feedbackSavingVote":"En train d'enregistrer votre vote...","feedbackVoteSaved":"Votre vote a \u00e9t\u00e9 enregistr\u00e9.","feedbackDeletingVote":"Suppression de votre vote...","feedbackVoteDeleted":"Votre vote a \u00e9t\u00e9 supprim\u00e9."},"jcarousel":{"ajaxPath":"\/jcarousel\/ajax\/views","carousels":{"jcarousel-view--partenaire--block-1":{"wrap":"circular","skin":"default","start":1,"autoPause":1,"selector":".jcarousel-view--partenaire--block-1"}}},"lightbox2":{"rtl":"0","file_path":"\/(\\w\\w\/)sites\/default\/files","default_image":"\/sites\/all\/modules\/lightbox2\/images\/brokenimage.jpg","border_size":10,"font_color":"000","box_color":"fff","top_position":"","overlay_opacity":"0.8","overlay_color":"000","disable_close_click":1,"resize_sequence":0,"resize_speed":400,"fade_in_speed":400,"slide_down_speed":600,"use_alt_layout":0,"disable_resize":0,"disable_zoom":1,"force_show_nav":1,"show_caption":1,"loop_items":1,"node_link_text":"voir le d\u00e9tail de l\u0026#039;image","node_link_target":"_blank","image_count":"Image !current sur !total","video_count":"Video !current sur !total","page_count":"Page !current sur !total","lite_press_x_close":"Appuyez sur \u003ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\u003e\u003ckbd\u003ex\u003c\/kbd\u003e\u003c\/a\u003e pour fermer","download_link_text":"","enable_login":false,"enable_contact":false,"keys_close":"c x 27","keys_previous":"p 37","keys_next":"n 39","keys_zoom":"z","keys_play_pause":"32","display_image_size":"","image_node_sizes":"()","trigger_lightbox_classes":"","trigger_lightbox_group_classes":"","trigger_slideshow_classes":"","trigger_lightframe_classes":"","trigger_lightframe_group_classes":"","custom_class_handler":0,"custom_trigger_classes":"","disable_for_gallery_lists":1,"disable_for_acidfree_gallery_lists":true,"enable_acidfree_videos":true,"slideshow_interval":0,"slideshow_automatic_start":0,"slideshow_automatic_exit":0,"show_play_pause":0,"pause_on_next_click":0,"pause_on_previous_click":0,"loop_slides":0,"iframe_width":600,"iframe_height":400,"iframe_border":0,"enable_video":0}});
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
$(document).ready(function() { $.fn.maphilight.defaults = { fill: true,fillColor: 'ffffff',fillOpacity: 0.5,stroke: true,strokeColor: 'ffffff',strokeOpacity: 1,strokeWidth: 2,fade: true,alwaysOn: false}; $('img[usemap]').maphilight();});
//--><!]]>
</script>
<script type="text/javascript" src="sites/all/modules/jquery_plugin/jquery.json.min.js"></script>
  <script type="text/javascript" src="sites/all/modules/jquery_plugin/jquery.easing.min.js"></script>
  <script type="text/javascript" src="sites/all/modules/jquery_plugin/jquery.mousewheel.min.js"></script>
  <script type="text/javascript" src="sites/all/modules/jquery_plugin/jquery.scrollable.min.js"></script>
  <script type="text/javascript" src="sites/all/modules/jquery_plugin/jquery.form.min.js"></script>
  <script type="text/javascript" src="/sites/all/themes/stetienne-internet/javascripts/mobile-detect.js"></script>

	<script TYPE="text/javascript">
		function getDevice(){
			var md = new MobileDetect(window.navigator.userAgent);

			if(md.os()!=null) return md.os();
			return 'other';
		}

//console.log("getDevice = " + getDevice());          
		$(document).ready(function()
		{

			if (getDevice() == 'AndroidOS')
			{
//console.log("#appsDownload = " + $("#appsDownloadAndroid"));
				$("#appsDownloadAndroid").show();

			}
			if (getDevice() == 'iOS')
			{
//console.log("#appsDownload = " + $("#appsDownloadIos"));
				$("#appsDownloadIos").show();

			}
		});
	</script>

	<link href="/rss" title="Syndiquer tout le site" type="application/rss+xml" rel="alternate"></link>
</head>

<body class="front not-logged-in page-accueil no-sidebars with-navigation with-secondary">
	<!-- Google Tag Manager (noscript) -->
	<noscript>
		<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WDWX6GJ" height="0" width="0" style="display:none;visibility:hidden"></iframe>
	</noscript>
	<!-- End Google Tag Manager (noscript) -->
	
	<div id="fb-root"></div>
	<script>
		(function(d, s, id) { 
			var js, fjs = d.getElementsByTagName(s)[0];
	  		if (d.getElementById(id)) return;
	  		js = d.createElement(s); js.id = id;
	  		js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.0";
	  		fjs.parentNode.insertBefore(js, fjs);
			}
		(document, 'script', 'facebook-jssdk')
		);
	</script>
  <div class="galaxie desktop">
		<div class="container_galaxie">
			<ul>
				<li><a target="_blank" href="https://archives.saint-etienne.fr">Les archives</a></li>
				<li><a target="_blank" href="http://www.musee-mine.saint-etienne.fr">Le musée de la Mine</a></li>
				<li><a target="_blank" href="http://www.musee-art-industrie.saint-etienne.fr">Le musée d'Art et d'Industrie</a></li>
				<li><a target="_blank" href="http://www.opera.saint-etienne.fr">L'Opéra</a></li>
				<li><a target="_blank" href="http://mediatheques.saint-etienne.fr">Les médiathèques</a></li>
			</ul>
			<ul>				
				<li><a target="_blank" href="https://planetarium.saint-etienne.fr">Le Planétarium</a></li>
				<li><a target="_blank" href="https://www.saintepass.fr">Saintepass.fr</a></li>
				<li><a target="_blank" href="https://lacomete.saint-etienne.fr">La Comète</a></li>
				<li><a target="_blank" href="https://cinematheque.saint-etienne.fr">La Cinémathèque</a></li>
				<li><a target="_blank" href="https://explora.saint-etienne.fr">Explora</a></li>
			</ul>
		</div>
  </div>
  <div id="skip">
  	<a href="#content">Skip to Content</a> 
  	<a href="#navigation">Skip to Navigation</a>
  </div>

  <div id="global" class="container">
	<div id="appsDownloadAndroid" class="pts pbs medium-hidden large-hidden">
		<div class="content-center">
			<a id="appRedirect" target="_blank" class="button-blue fr trackable" data-info="{&quot;event_name&quot; : &quot;bandeau::ad_search::utiliser&quot;, &quot;event_type&quot; : &quot;click&quot;, &quot;click_type&quot; : &quot;N&quot;, &quot;event_s2&quot; : &quot;8&quot;}" href="https://play.google.com/store/apps/details?id=com.saintetienne.mobilise&hl=fr">Utiliser</a>
			<img class="fl" id="logoApp" src="/sites/default/files/appli_mobilise.png">
			<div>
				<p class="semibold">L'application</br><strong>MobiliSÉ Saint-Étienne</strong></p>
				<div id="stars">
					<img id="full0" src="/sites/default/files/fivestar/star.svg">
					<img id="full1" src="/sites/default/files/fivestar/star.svg">
					<img id="full2" src="/sites/default/files/fivestar/star.svg">
					<img id="full3" src="/sites/default/files/fivestar/star.svg">
					<img id="full4" src="/sites/default/files/fivestar/star-half.svg">
				</div>
			</div>
		</div>
	</div>
	<div id="appsDownloadIos" class="pts pbs medium-hidden large-hidden">
				<div class="content-center">
					<a id="appRedirect" target="_blank" class="button-blue fr trackable" data-info="{&quot;event_name&quot; : &quot;bandeau::ad_search::utiliser&quot;, &quot;event_type&quot; : &quot;click&quot;, &quot;click_type&quot; : &quot;N&quot;, &quot;event_s2&quot; : &quot;8&quot;}" href="https://itunes.apple.com/fr/app/mobilis%C3%A9-saint-%C3%A9tienne/id1100145971?platform=iphone&preserveScrollPosition=true#platform/iphone">Utiliser</a>
					<img class="fl" id="logoApp" src="/sites/default/files/appli_mobilise.png">
					<div>
						<p class="semibold">L'application <strong>Saint Etienne Mobilisé</strong></p>
						<div id="stars">
							<img id="full0" src="/sites/default/files/fivestar/star.svg">
							<img id="full1" src="/sites/default/files/fivestar/star.svg">
							<img id="full2" src="/sites/default/files/fivestar/star.svg">
							<img id="full3" src="/sites/default/files/fivestar/star.svg">
							<img id="full4" src="/sites/default/files/fivestar/star-half.svg">
						</div>
					</div>
				</div>
			</div>

	<header>
	<div class="header">
		
		<div class="user desktop">
<a href="/user/register" title="M'inscrire sur le site de saint etienne"><i class="fa fa-user"></i>Inscription</a>
<a href="/user/login" title="M'identifier sur le site de saint etienne"><i class="fa fa-lock"></i>Connexion</a>
</div>
<div class="div-logo">
  <a href="/">
    <!--<img src="/sites/all/themes/stetienne-internet/images/logo.png" alt="" class="logo">-->
    <img src="/sites/default/files/contribution/internet/webmaster/logo.png" alt="" class="logo">
  </a>
</div>
<ul class="social-network desktop">
  <li>
    <a href="https://fr-fr.facebook.com/pages/Ville-de-Saint-%C3%89tienne/97759237478" target="_blank"><i class="fa fa-facebook fa-lg"></i></a>
  </li>
  <li>
    <a href="https://twitter.com/saint_etienne_"><i class="fa fa-twitter fa-lg" target="_blank"></i></a>
  </li>
  <li>
    <a href="https://www.youtube.com/user/42webmaster" target="_blank"><i class="fa fa-youtube-play fa-lg"></i></a>
  </li>
  <li>
    <a href="https://www.instagram.com/villedesaintetienne" target="_blank"><i class="fa fa-instagram fa-lg"></i></a>
  </li>
</ul>
		<div id="recherche" class="search desktop">
							<div style="clear:both" id="header-region">
					  <form action="/search/intervse_search"  accept-charset="UTF-8" method="post" id="search-block-form">
<div><!-- <pre>search-block-form</pre>-->
                    <div class="bloc_recherche je_suis">
    <span>Je suis</span>
    <a class="prev" title="Faire défiler vers le haut &quot;Je suis&quot;"></a>
    <div class="scrollable">
        <fieldset>
        <!--cdlExclure-->
            <legend>je_suis</legend>
        <!--/cdlExclure-->
            <ul class="items">
                                            <li class="" >
                <input type="radio" id="taxo_2_5" name="taxo_2" class="styled" value="5"  />
                <label for="taxo_2_5" title="Famille">Famille</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_8" name="taxo_2" class="styled" value="8"  />
                <label for="taxo_2_8" title="Senior">Senior</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_6" name="taxo_2" class="styled" value="6"  />
                <label for="taxo_2_6" title="Étudiant">Étudiant</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_63" name="taxo_2" class="styled" value="63"  />
                <label for="taxo_2_63" title="Collégien-Lycéen">Collégien-Lycéen</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_62" name="taxo_2" class="styled" value="62"  />
                <label for="taxo_2_62" title="Enseignant">Enseignant</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_7" name="taxo_2" class="styled" value="7"  />
                <label for="taxo_2_7" title="Nouveau stéphanois">Nouveau stéphanois</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_4" name="taxo_2" class="styled" value="4"  />
                <label for="taxo_2_4" title="Entrepreneur">Entrepreneur</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_143" name="taxo_2" class="styled" value="143"  />
                <label for="taxo_2_143" title="Resp. associatif">Resp. associatif</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_64" name="taxo_2" class="styled" value="64"  />
                <label for="taxo_2_64" title="Demandeur d'emploi">Demandeur d'emploi</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_2_9" name="taxo_2" class="styled" value="9"  />
                <label for="taxo_2_9" title="Touriste">Touriste</label></li>
                        </ul>
        </fieldset>
    </div>
    <a class="next" title="Faire défiler vers le bas &quot;Je suis&quot;"></a>
</div>
                <div class="bloc_recherche je_vis_a">
    <span>Je vis à</span>
    <a class="prev" title="Faire défiler vers le haut &quot;Je vis à&quot;"></a>
    <div class="scrollable">
        <fieldset>
        <!--cdlExclure-->
            <legend>je_vis_a</legend>
        <!--/cdlExclure-->
            <ul class="items">
                                            <li class="" >
                <input type="radio" id="taxo_3_144" name="taxo_3" class="styled" value="144"  />
                <label for="taxo_3_144" title="Agglomération stéphanoise">Agglomération stéphanoise</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_145" name="taxo_3" class="styled" value="145"  />
                <label for="taxo_3_145" title="Hors agglomération">Hors agglomération</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_23" name="taxo_3" class="styled" value="23"  />
                <label for="taxo_3_23" title="Beaulieu - Montchovet - La Marandinière - Villeboeuf">Beaulieu - Montchovet - La Marandinière - Villeboeuf</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_25" name="taxo_3" class="styled" value="25"  />
                <label for="taxo_3_25" title="Bellevue - La Rivière - Le Bernay - Valfuret">Bellevue - La Rivière - Le Bernay - Valfuret</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_11" name="taxo_3" class="styled" value="11"  />
                <label for="taxo_3_11" title="Centre-Ville - Peuple - Chavanelle">Centre-Ville - Peuple - Chavanelle</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_29" name="taxo_3" class="styled" value="29"  />
                <label for="taxo_3_29" title="Châteaucreux - St François - Monthieu - Pont de l'Ane">Châteaucreux - St François - Monthieu - Pont de l'Ane</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_17" name="taxo_3" class="styled" value="17"  />
                <label for="taxo_3_17" title="Côte Chaude - Grand Clos -Momey Le Golf">Côte Chaude - Grand Clos -Momey Le Golf</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_16" name="taxo_3" class="styled" value="16"  />
                <label for="taxo_3_16" title="Couriot - Tarentaize - Beaubrun">Couriot - Tarentaize - Beaubrun</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_13" name="taxo_3" class="styled" value="13"  />
                <label for="taxo_3_13" title="Crêt de Roc">Crêt de Roc</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_26" name="taxo_3" class="styled" value="26"  />
                <label for="taxo_3_26" title="Croix de l'Orme - Solaure - Le Mont - la Jomayère">Croix de l'Orme - Solaure - Le Mont - la Jomayère</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_12" name="taxo_3" class="styled" value="12"  />
                <label for="taxo_3_12" title="Jacquard - Préfecture">Jacquard - Préfecture</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_27" name="taxo_3" class="styled" value="27"  />
                <label for="taxo_3_27" title="La Cotonne - Montferré - Malacussy">La Cotonne - Montferré - Malacussy</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_21" name="taxo_3" class="styled" value="21"  />
                <label for="taxo_3_21" title="La Dame Blanche - La Richelandière - Montplaisir">La Dame Blanche - La Richelandière - Montplaisir</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_24" name="taxo_3" class="styled" value="24"  />
                <label for="taxo_3_24" title="La Métare - Le Portail Rouge - Fauriel - Vivaraize">La Métare - Le Portail Rouge - Fauriel - Vivaraize</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_18" name="taxo_3" class="styled" value="18"  />
                <label for="taxo_3_18" title="La Terrasse - Bel Air - Bergson - Carnot - Montaud">La Terrasse - Bel Air - Bergson - Carnot - Montaud</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_20" name="taxo_3" class="styled" value="20"  />
                <label for="taxo_3_20" title="Méons - Le Soleil - Le Bardot">Méons - Le Soleil - Le Bardot</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_19" name="taxo_3" class="styled" value="19"  />
                <label for="taxo_3_19" title="Montreynaud - Molina - Le Marais">Montreynaud - Molina - Le Marais</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_14" name="taxo_3" class="styled" value="14"  />
                <label for="taxo_3_14" title="Saint-Roch - Valbenoite - Centre Deux - Badouillère">Saint-Roch - Valbenoite - Centre Deux - Badouillère</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_28" name="taxo_3" class="styled" value="28"  />
                <label for="taxo_3_28" title="Saint-Victor">Saint-Victor</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_15" name="taxo_3" class="styled" value="15"  />
                <label for="taxo_3_15" title="Tardy - Colline des Pères - Montmartre">Tardy - Colline des Pères - Montmartre</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_3_22" name="taxo_3" class="styled" value="22"  />
                <label for="taxo_3_22" title="Terrenoire">Terrenoire</label></li>
                        </ul>
        </fieldset>
    </div>
    <a class="next" title="Faire défiler vers le bas &quot;Je vis à&quot;"></a>
</div>
                <div class="bloc_recherche je_minteresse_a">
    <span>Je m'intéresse à</span>
    <a class="prev" title="Faire défiler vers le haut &quot;Je m'intéresse à&quot;"></a>
    <div class="scrollable">
        <fieldset>
        <!--cdlExclure-->
            <legend>je_minteresse_a</legend>
        <!--/cdlExclure-->
            <ul class="items">
                                            <li class="" >
                <input type="radio" id="taxo_5_117" name="taxo_5" class="styled" value="117"  />
                <label for="taxo_5_117" title="Aides entreprises">Aides entreprises</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_192" name="taxo_5" class="styled" value="192"  />
                <label for="taxo_5_192" title="Euro2016">Euro2016</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_146" name="taxo_5" class="styled" value="146"  />
                <label for="taxo_5_146" title="Animations">Animations</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_134" name="taxo_5" class="styled" value="134"  />
                <label for="taxo_5_134" title="Biens immobiliers">Biens immobiliers</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_111" name="taxo_5" class="styled" value="111"  />
                <label for="taxo_5_111" title="Bons plans">Bons plans</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_99" name="taxo_5" class="styled" value="99"  />
                <label for="taxo_5_99" title="Cantine">Cantine</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_142" name="taxo_5" class="styled" value="142"  />
                <label for="taxo_5_142" title="Commerce">Commerce</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_107" name="taxo_5" class="styled" value="107"  />
                <label for="taxo_5_107" title="Contacter un service">Contacter un service</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_66" name="taxo_5" class="styled" value="66"  />
                <label for="taxo_5_66" title="Culture">Culture</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_133" name="taxo_5" class="styled" value="133"  />
                <label for="taxo_5_133" title="Développement durable">Développement durable</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_124" name="taxo_5" class="styled" value="124"  />
                <label for="taxo_5_124" title="Écoles">Écoles</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_104" name="taxo_5" class="styled" value="104"  />
                <label for="taxo_5_104" title="Élections">Élections</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_120" name="taxo_5" class="styled" value="120"  />
                <label for="taxo_5_120" title="Emploi">Emploi</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_93" name="taxo_5" class="styled" value="93"  />
                <label for="taxo_5_93" title="Espaces verts">Espaces verts</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_148" name="taxo_5" class="styled" value="148"  />
                <label for="taxo_5_148" title="Finances">Finances</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_98" name="taxo_5" class="styled" value="98"  />
                <label for="taxo_5_98" title="Garderie">Garderie</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_119" name="taxo_5" class="styled" value="119"  />
                <label for="taxo_5_119" title="Handicap">Handicap</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_147" name="taxo_5" class="styled" value="147"  />
                <label for="taxo_5_147" title="International">International</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_116" name="taxo_5" class="styled" value="116"  />
                <label for="taxo_5_116" title="Locaux/bureaux">Locaux/bureaux</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_156" name="taxo_5" class="styled" value="156"  />
                <label for="taxo_5_156" title="Marchés publics">Marchés publics</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_229" name="taxo_5" class="styled" value="229"  />
                <label for="taxo_5_229" title="Numérique">Numérique</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_100" name="taxo_5" class="styled" value="100"  />
                <label for="taxo_5_100" title="Périscolaire">Périscolaire</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_86" name="taxo_5" class="styled" value="86"  />
                <label for="taxo_5_86" title="Propreté">Propreté</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_110" name="taxo_5" class="styled" value="110"  />
                <label for="taxo_5_110" title="Quartier">Quartier</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_108" name="taxo_5" class="styled" value="108"  />
                <label for="taxo_5_108" title="Question administrative">Question administrative</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_109" name="taxo_5" class="styled" value="109"  />
                <label for="taxo_5_109" title="Recensement">Recensement</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_179" name="taxo_5" class="styled" value="179"  />
                <label for="taxo_5_179" title="Risques majeurs">Risques majeurs</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_152" name="taxo_5" class="styled" value="152"  />
                <label for="taxo_5_152" title="Santé">Santé</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_174" name="taxo_5" class="styled" value="174"  />
                <label for="taxo_5_174" title="Sécurité">Sécurité</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_233" name="taxo_5" class="styled" value="233"  />
                <label for="taxo_5_233" title="Senior">Senior</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_106" name="taxo_5" class="styled" value="106"  />
                <label for="taxo_5_106" title="Signaler un problème">Signaler un problème</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_41" name="taxo_5" class="styled" value="41"  />
                <label for="taxo_5_41" title="Solidarité">Solidarité</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_45" name="taxo_5" class="styled" value="45"  />
                <label for="taxo_5_45" title="Sport">Sport</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_127" name="taxo_5" class="styled" value="127"  />
                <label for="taxo_5_127" title="Urbanisme">Urbanisme</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_105" name="taxo_5" class="styled" value="105"  />
                <label for="taxo_5_105" title="Vie citoyenne">Vie citoyenne</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_112" name="taxo_5" class="styled" value="112"  />
                <label for="taxo_5_112" title="Vie Étudiante">Vie Étudiante</label></li>
                                            <li class="" >
                <input type="radio" id="taxo_5_131" name="taxo_5" class="styled" value="131"  />
                <label for="taxo_5_131" title="Voirie">Voirie</label></li>
                        </ul>
        </fieldset>
    </div>
    <a class="next" title="Faire défiler vers le bas &quot;Je m'intéresse à&quot;"></a>
</div>
                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_66"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div class="scrollable">'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_79\" id=\"archives\" /> <label for=\"archives\" title=\"Archives\" >Archives</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_187\" id=\"patrimoine\" /> <label for=\"patrimoine\" title=\"Patrimoine\" >Patrimoine</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_159\" id=\"audiovisuel\" /> <label for=\"audiovisuel\" title=\"Audiovisuel\" >Audiovisuel</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_153\" id=\"conf__rences\" /> <label for=\"conf__rences\" title=\"Conférences\" >Conférences</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_70\" id=\"conservatoire\" /> <label for=\"conservatoire\" title=\"Conservatoire\" >Conservatoire</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_160\" id=\"culture_scientifique\" /> <label for=\"culture_scientifique\" title=\"Culture scientifique\" >Culture scientifique</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_68\" id=\"danse\" /> <label for=\"danse\" title=\"Danse\" >Danse</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_157\" id=\"design\" /> <label for=\"design\" title=\"Design\" >Design</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_77\" id=\"expositions\" /> <label for=\"expositions\" title=\"Expositions\" >Expositions</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_73\" id=\"festival\" /> <label for=\"festival\" title=\"Festival\" >Festival</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_158\" id=\"livre_et_lecture\" /> <label for=\"livre_et_lecture\" title=\"Livre et lecture\" >Livre et lecture</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_75\" id=\"mus__es\" /> <label for=\"mus__es\" title=\"Musées\" >Musées</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_67\" id=\"musique\" /> <label for=\"musique\" title=\"Musique\" >Musique</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_71\" id=\"op__ra\" /> <label for=\"op__ra\" title=\"Opéra\" >Opéra</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_74\" id=\"orchestre\" /> <label for=\"orchestre\" title=\"Orchestre\" >Orchestre</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_72\" id=\"spectacle\" /> <label for=\"spectacle\" title=\"Spectacle\" >Spectacle</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_69\" id=\"th___atre\" /> <label for=\"th___atre\" title=\"Théâtre\" >Théâtre</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_66[]\" value=\"66_76\" id=\"visites_guid__es\" /> <label for=\"visites_guid__es\" title=\"Visites guidées\" >Visites guidées</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_124"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_124[]\" value=\"124_125\" id=\"maternelles\" /> <label for=\"maternelles\" title=\"Maternelles\" >Maternelles</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_124[]\" value=\"124_126\" id=\"primaires\" /> <label for=\"primaires\" title=\"Primaires\" >Primaires</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_120"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_120[]\" value=\"120_122\" id=\"accueil_quartier\" /> <label for=\"accueil_quartier\" title=\"Accueil quartier\" >Accueil quartier</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_120[]\" value=\"120_121\" id=\"maison_emploi\" /> <label for=\"maison_emploi\" title=\"Maison Emploi\" >Maison Emploi</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_120[]\" value=\"120_123\" id=\"maison_m__tiers\" /> <label for=\"maison_m__tiers\" title=\"Maison Métiers\" >Maison Métiers</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_120[]\" value=\"120_175\" id=\"offres_d\'emploi\" /> <label for=\"offres_d\'emploi\" title=\"Offres d\'emploi\" >Offres d\'emploi</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_93"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_93[]\" value=\"93_96\" id=\"fleurissement\" /> <label for=\"fleurissement\" title=\"Fleurissement\" >Fleurissement</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_93[]\" value=\"93_94\" id=\"jardins_familiaux\" /> <label for=\"jardins_familiaux\" title=\"Jardins familiaux\" >Jardins familiaux</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_93[]\" value=\"93_95\" id=\"jardins_partag__s\" /> <label for=\"jardins_partag__s\" title=\"Jardins partagés\" >Jardins partagés</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_148"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_148[]\" value=\"148_149\" id=\"budget\" /> <label for=\"budget\" title=\"Budget\" >Budget</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_148[]\" value=\"148_150\" id=\"dette\" /> <label for=\"dette\" title=\"Dette\" >Dette</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_148[]\" value=\"148_151\" id=\"imp_its\" /> <label for=\"imp_its\" title=\"Impôts\" >Impôts</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_86"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_86[]\" value=\"86_88\" id=\"d__saffichage\" /> <label for=\"d__saffichage\" title=\"Désaffichage\" >Désaffichage</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_86[]\" value=\"86_87\" id=\"encombrants\" /> <label for=\"encombrants\" title=\"Encombrants\" >Encombrants</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_86[]\" value=\"86_90\" id=\"espaces_canins\" /> <label for=\"espaces_canins\" title=\"Espaces canins\" >Espaces canins</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_86[]\" value=\"86_89\" id=\"graffitis\" /> <label for=\"graffitis\" title=\"Graffitis\" >Graffitis</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_179"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div class="scrollable">'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_179[]\" value=\"179_180\" id=\"inondation\" /> <label for=\"inondation\" title=\"Inondation\" >Inondation</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_179[]\" value=\"179_182\" id=\"feu_de_for_�t\" /> <label for=\"feu_de_for_�t\" title=\"Feu de forêt\" >Feu de forêt</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_179[]\" value=\"179_181\" id=\"mouvement_terrain\" /> <label for=\"mouvement_terrain\" title=\"Mouvement terrain\" >Mouvement terrain</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_179[]\" value=\"179_183\" id=\"s__isme\" /> <label for=\"s__isme\" title=\"Séisme\" >Séisme</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_179[]\" value=\"179_184\" id=\"mati_yres_dangereuses\" /> <label for=\"mati_yres_dangereuses\" title=\"Matières dangereuses\" >Matières dangereuses</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_179[]\" value=\"179_185\" id=\"rupture_de_barrage\" /> <label for=\"rupture_de_barrage\" title=\"Rupture de barrage\" >Rupture de barrage</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_179[]\" value=\"179_186\" id=\"alerte_population\" /> <label for=\"alerte_population\" title=\"Alerte population\" >Alerte population</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_233"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_233[]\" value=\"233_91\" id=\"portage_repas\" /> <label for=\"portage_repas\" title=\"Portage repas\" >Portage repas</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_233[]\" value=\"233_44\" id=\"r__sidences_personnes__ag__es\" /> <label for=\"r__sidences_personnes__ag__es\" title=\"Résidences personnes âgées\" >Résidences personnes âgées</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_41"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_41[]\" value=\"41_42\" id=\"les_aides\" /> <label for=\"les_aides\" title=\"Les aides\" >Les aides</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_41[]\" value=\"41_43\" id=\"logement\" /> <label for=\"logement\" title=\"Logement\" >Logement</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_41[]\" value=\"41_92\" id=\"restauration\" /> <label for=\"restauration\" title=\"Restauration\" >Restauration</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_45"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div class="scrollable">'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_45[]\" value=\"45_46\" id=\"activit__s\" /> <label for=\"activit__s\" title=\"Activités\" >Activités</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_45[]\" value=\"45_82\" id=\"_�cole_cyclisme\" /> <label for=\"_�cole_cyclisme\" title=\"École cyclisme\" >École cyclisme</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_45[]\" value=\"45_81\" id=\"_�cole_multisports\" /> <label for=\"_�cole_multisports\" title=\"École multisports\" >École multisports</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_45[]\" value=\"45_83\" id=\"_�cole_natation\" /> <label for=\"_�cole_natation\" title=\"École natation\" >École natation</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_45[]\" value=\"45_84\" id=\"_�cole_voile\" /> <label for=\"_�cole_voile\" title=\"École voile\" >École voile</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_45[]\" value=\"45_48\" id=\"enseignement\" /> <label for=\"enseignement\" title=\"Enseignement\" >Enseignement</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_45[]\" value=\"45_47\" id=\"_�quipements\" /> <label for=\"_�quipements\" title=\"Équipements\" >Équipements</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_45[]\" value=\"45_85\" id=\"piscines\" /> <label for=\"piscines\" title=\"Piscines\" >Piscines</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_127"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_127[]\" value=\"127_129\" id=\"d__placements\" /> <label for=\"d__placements\" title=\"Déplacements\" >Déplacements</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_127[]\" value=\"127_130\" id=\"logements\" /> <label for=\"logements\" title=\"Logements\" >Logements</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_127[]\" value=\"127_176\" id=\"p.l.u\" /> <label for=\"p.l.u\" title=\"P.L.U\" >P.L.U</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_127[]\" value=\"127_128\" id=\"permis_de_construire\" /> <label for=\"permis_de_construire\" title=\"Permis de construire\" >Permis de construire</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_127[]\" value=\"127_132\" id=\"projets_urbains\" /> <label for=\"projets_urbains\" title=\"Projets urbains\" >Projets urbains</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_112"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_112[]\" value=\"112_115\" id=\"association\" /> <label for=\"association\" title=\"Association\" >Association</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_112[]\" value=\"112_113\" id=\"enseignement_sup__rieur\" /> <label for=\"enseignement_sup__rieur\" title=\"Enseignement supérieur\" >Enseignement supérieur</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_112[]\" value=\"112_114\" id=\"logement\" /> <label for=\"logement\" title=\"Logement\" >Logement</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>                <div class="form-checkboxes">
<script type="text/javascript">
    // Accessibility : Use js to display others options than default
    var content = '<div class="bloc_recherche_2 interet_taxo_5_131"  >'
                    +'<a class="prev" title="précédent"></a>'
                    +'<div >'
                        +'<ul class="items">'
                        +'<li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_131[]\" value=\"131_137\" id=\"circulation\" /> <label for=\"circulation\" title=\"Circulation\" >Circulation</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_131[]\" value=\"131_135\" id=\"d__neigement\" /> <label for=\"d__neigement\" title=\"Déneigement\" >Déneigement</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_131[]\" value=\"131_136\" id=\"_�clairage\" /> <label for=\"_�clairage\" title=\"Éclairage\" >Éclairage</label> </li><li><input type=\"checkbox\" class=\"styled\" name=\"taxo_5_131[]\" value=\"131_161\" id=\"travaux\" /> <label for=\"travaux\" title=\"Travaux\" >Travaux</label> </li>'
                        +'</ul>'
                    +'</div>'
                    +'<a class="next" title="suivant"></a>'
                    +'</div>';
    document.write(content);

</script>
</div>        <!--
<pre>intervse_search_form</pre>
<pre>end intervse_search_form</pre>
-->
<div class="bloc_recherche_3">
    <span>
        </span>
    <input id= "inputRechercheVSE" type="text" value="Rechercher" title="Entrez les termes que vous voulez rechercher." class=" apachesolr-autocomplete unprocessed" name="search_block_form" />

<script type="text/javascript">
	var $inputRecherche;
 	$inputRecherche = $("#inputRechercheVSE");
 	
   $inputRecherche.click(function() {
//alert("clic sur inputRechercheVSE val = " + $inputRecherche.val());     
		$inputRecherche.val("");
	});
</script>

</div><!--
<pre>intervse_search_submit</pre>
<pre>end intervse_search_submit</pre>
-->
<!--cdlChange-->
<input type="submit" class="submit" value="" name="op" />
<!--cdlReplace-->
<!--<input type="submit" class="submit" value="Rechercher" name="op" />-->
<!--/cdlReplace-->
<!--/cdlChange--><input type="hidden" name="form_build_id" id="form-a635b334625da63a98e3984463597b31" value="form-a635b334625da63a98e3984463597b31"  />
<input type="hidden" name="form_id" id="edit-search-block-form" value="search_block_form"  />
<!--<pre>end search-block-form</pre>-->
</div></form>
				</div>
					</div>
			</div>

		<div class="navbar">
		<div class="navbar-inner">
			<div class="container-fluid nav-container">
				<div class="main-nav">
					<a class="toggleMenu" href="#">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="title">Menu</span>
					</a>
					<a href="#" class="search-mobile mobile">
						<i class="fa fa-search fa-2x"></i>
					</a>
					<script type="text/javascript">
						jQuery(".search-mobile").click(function() {
							jQuery(".search").removeClass("desktop");
							jQuery(".toggleMenu .title").addClass("title-none");
							jQuery(".search").addClass("search-mobile-field");

						});
					</script>
					<ul id="menu-main" class="nav dl-menu"9><li class="menu-23195 first"><span title="">[Covid-19] Coronavirus</span><ul><li><a href="/Mesures%20de%20protection" title="[Covid-19] Mesures de protection et de solidarité">[Covid-19] Mesures de protection et de solidarité</a></li>
</ul></li>
<li class="menu-11670"><span title=""><a href="https://connect.saint-etienne.fr/" target="_blank">Démarches</a></span></li>
<li class="menu-1902"><span title="Mairie">Mairie</span><ul><li><a href="/services-pratiques/marches-publics/marches-publics" title="Les marchés publics">Les marchés publics</a></li>
<li><a href="/mairie/conseil-municipal-20202026" title="Le Conseil municipal">Le Conseil municipal</a></li>
<li><a href="http://www.saint-etienne.fr/deliberation" title="Les délibérations" target="_blank">Les délibérations</a></li>
<li><a href="/node/1040/" title="Règlement urbanisme">Règlement urbanisme</a></li>
<li><a href="/contact" title="Saint-Étienne Bonjour">Saint-Étienne Bonjour</a></li>
<li><a href="/votre-mairie/mairies-proximit%C3%A9/neuf-mairies-proximit%C3%A9-%C3%A0-votre-service" title="Les Mairies de proximité">Les Mairies de proximité</a></li>
<li><a href="/votre-mairie/budget/composantes-dun-budget" title="Le Budget">Le Budget</a></li>
<li><a href="/votre-mairie/services-municipaux/services-municipaux" title="Les services municipaux">Les services municipaux</a></li>
<li><a href="/votre-mairie/dette/dette" title="La dette">La dette</a></li>
<li><a href="/votre-mairie/s%C3%A9curit%C3%A9-incendie/quest-que-s%C3%A9curit%C3%A9-civile-municipale" title="La Sécurité Civile">La Sécurité Civile</a></li>
<li><a href="/votre-mairie/risques-majeurs/quels-sont-risques-majeurs-%C3%A0-saint-%C3%A9tienne" title="Les risques majeurs">Les risques majeurs</a></li>
<li><a href="/mairie/d%C3%A9mocratie-locale" title="La démocratie locale">La démocratie locale</a></li>
<li><a href="/votre-mairie/recensement-population/modalit%C3%A9s-recensement-population" title="Le recensement de la population">Le recensement de la population</a></li>
<li><a href="https://connect.saint-etienne.fr/demarche/284/4" title="Les élections" target="_blank">Les élections</a></li>
<li><a href="/votre-mairie/imp%C3%B4ts/imp%C3%B4ts-locaux" title="Les impôts">Les impôts</a></li>
<li><a href="/votre-mairie/s%C3%A9curit%C3%A9-pr%C3%A9vention/s%C3%A9curit%C3%A9-pr%C3%A9vention" title="Sécurité / Police municipale">Sécurité / Police municipale</a></li>
</ul></li>
<li class="menu-11673"><span title="">Sainté et vous</span><ul><li><a href="/saint%C3%A9-vous/commerce-artisanat/ville-agit-commerces" title="Commerce et artisanat">Commerce et artisanat</a></li>
<li><a href="/saint%C3%A9-vous/d%C3%A9placement-stationnement/d%C3%A9placement-stationnement" title="Déplacement et stationnement">Déplacement et stationnement</a></li>
<li><a href="/saint%C3%A9-vous/propret%C3%A9/d%C3%A9neigement" title="Déneigement">Déneigement</a></li>
<li><a href="/saint%C3%A9-vous/propret%C3%A9/agir-pour-une-ville-propre" title="Propreté">Propreté</a></li>
<li><a href="/saint%C3%A9-vous/handicap-accessibilit%C3%A9/ville-accessible-%C3%A0-tous" title="Handicap et Accessibilité">Handicap et Accessibilité</a></li>
<li><a href="/saint%C3%A9-vous/jeunesse/plan-dactions-contre-pr%C3%A9carit%C3%A9-tudiante" title="Jeunesse">Jeunesse</a></li>
<li><a href="/saint%C3%A9-vous/famille/%C3%AAtre-ecolier-%C3%A0-saint-%C3%A9tienne" title="Famille">Famille</a></li>
<li><a href="/saint%C3%A9-vous/seniors/mieux-vivre-%C3%A2ge-%C3%A0-saint-%C3%A9tienne" title="Seniors">Seniors</a></li>
<li><a href="/saint%C3%A9-vous/association/vie-associative-locale/vie-associative-locale" title="Association">Association</a></li>
<li><a href="/saint%C3%A9-vous/saint%C3%A9wifi/7-places-centre-ville-quip%C3%A9es-dun-service-dacc%C3%A8s-gratuit-%C3%A0-internet-offert-vi" title="SaintéWifi">SaintéWifi</a></li>
<li><a href="/services-pratiques/sant%C3%A9environnement/composantes-plan-local-sant%C3%A9" title="Santé/Environnement">Santé/Environnement</a></li>
<li><a href="/G%C3%A9rontop%C3%B4le" title="Le Gérontopôle">Le Gérontopôle</a></li>
<li><a href="/eService/inscription-%C3%A0-matin%C3%A9e-daccueil-des-nouveaux-st%C3%A9phanois-9-octobre-2021" title="Matinée d&#039;accueil des nouveaux Stéphanois">Matinée d&#039;accueil des nouveaux Stéphanois</a></li>
</ul></li>
<li class="menu-11675"><span title="">Projets</span><ul><li><a href="/entreprendre-projets/%C3%A9conomie-emploi/pr%C3%A9sentation-des-actions-%C3%A9conomiques-politique-lemploi-ville-sa" title="Économie et emploi">Économie et emploi</a></li>
<li><a href="/entreprendre-projets/d%C3%A9veloppement-durable/gestion-diff%C3%A9renci%C3%A9e-des-espaces-verts%C2%A0-autre-mani%C3%A8re-tra" title="Développement durable">Développement durable</a></li>
<li><a href="/entreprendre-projets/habitat/projets-dam%C3%A9lioration-lhabitat" title="Habitat">Habitat</a></li>
<li><a href="/projets/projet-urbain/maison-projet/maison-projet-d%C3%A9couvrir-projet-urbain-saint-%C3%A9tienne" title="Projet urbain">Projet urbain</a></li>
<li><a href="/entreprendre-projets/relations-internationales/saint-%C3%A9tienne-ville-ouverte-au-monde" title="Les relations internationales">Les relations internationales</a></li>
<li><a href="/projets/plan-mandat-2020-2026/plan-mandat-2020-2026-votre-ville-sengage" title="Plan de mandat 2020-2026">Plan de mandat 2020-2026</a></li>
<li><a href="/projets/saint-%C3%A9tienne-smart-city/saint-%C3%A9tienne-smart-city" title="Saint-Étienne Smart City, ma ville connectée">Saint-Étienne Smart City, ma ville connectée</a></li>
</ul></li>
<li class="menu-11677"><span title="">Quartiers</span><ul><li><a href="/quartiers/conseils-quartier" title="Conseils de quartier">Conseils de quartier</a></li>
</ul></li>
<li class="menu-370"><span title="Culture">Culture</span><ul><li><a href="/talents" title="La culture à Saint-Étienne">La culture à Saint-Étienne</a></li>
<li><a href="/d%C3%A9couvrir-sortir/saint-%C3%A9tienne-capitale-design/acteurs-design/capitale-design" title="Design">Design</a></li>
<li><a href="/culture/ville-d039art-d039histoire" title="Patrimoine">Patrimoine</a></li>
<li><a href="/d%C3%A9couvrir-sortir/culture/mus%C3%A9e-dart-moderne-contemporain" title="Musées">Musées</a></li>
<li><a href="/d%C3%A9couvrir-sortir/culture/m%C3%A9diath%C3%A8ques-municipales/m%C3%A9diath%C3%A8ques-municipales" title="Livre et Lecture">Livre et Lecture</a></li>
<li><a href="/d%C3%A9couvrir-sortir/culture/lop%C3%A9ra/d%C3%A9couvrez-lop%C3%A9ra-saint-%C3%A9tienne" title="Théâtre, musique et danse">Théâtre, musique et danse</a></li>
<li><a href="/culture/conservatoire-massenet/actualites" title="Enseignements artistiques">Enseignements artistiques</a></li>
<li><a href="/culture/la-serre/serre-lieu-dexpressions-artistiques-%C3%A0-saint-%C3%A9tienne" title="Art et images">Art et images</a></li>
<li><a href="/d%C3%A9couvrir-sortir/culture/plan%C3%A9tarium-saint-%C3%A9tienne/plan%C3%A9tarium-saint-%C3%A9tienne" title="Culture scientifique">Culture scientifique</a></li>
<li><a href="/d%C3%A9couvrir-sortir/culture/des-festivals-toute-lann%C3%A9e-%C3%A0-saint-%C3%A9tienne" title="Les festivals">Les festivals</a></li>
<li><a href="/culture/pass/pass-mus%C3%A9es/20%E2%82%AC-offrez-vous-pass-mus%C3%A9es" title="Vos pass">Vos pass</a></li>
<li><a href="/culture/lieux-culturels-pratique-amateur/cartographie-pratiques-amateurs" title="Pratiquer une activité artistique">Pratiquer une activité artistique</a></li>
</ul></li>
<li class="menu-19857"><span title="Sport/loisirs">Sport/loisirs</span><ul><li><a href="/d%C3%A9couvrir-sortir/d%C3%A9couvrez-saint-%C3%A9tienne/d%C3%A9couvrez-saint-%C3%A9tienne" title="Découvrez Saint-Étienne">Découvrez Saint-Étienne</a></li>
<li><a href="/d%C3%A9couvrir-sortir/sports/sport-%C3%A0-saint-%C3%A9tienne" title="Sports">Sports</a></li>
<li><a href="/d%C3%A9couvrir-sortir/ville-nature-ville-fleurie/ville-nature-ville-fleurie" title="Saint-Étienne ville nature">Saint-Étienne ville nature</a></li>
<li><a href="/culture/patrimoine/ville-dart-dhistoire/saint%C3%A9-balades/17-parcours-red%C3%A9couvrir-ville-verte" title="Sainté balades">Sainté balades</a></li>
</ul></li>
<li class="menu-23371 last"><span title="Cité du design 2025"><a href="https://www.semlemag.fr/express/un-nouveau-depart-pour-la-cite-du-design" target="_blank">Cité design 2025</a></span></li>
</ul>				</div>
			</div>
		</div>
	</div>
		</header>


	<div class="main two-column-right desktop">
	<div class="view view-alerte-flash view-id-alerte_flash view-display-id-block_1 view-dom-id-5">
    
  
  
  
  
  
  
  
  
</div> 	
	<div class="panel-flexible panels-flexible-home_dashboard_2 clear-block" >
<div class="panel-flexible-inside panels-flexible-home_dashboard_2-inside">
<div class="panels-flexible-row panels-flexible-row-home_dashboard_2-1 panels-flexible-row-first clear-block ">
  <div class="inside panels-flexible-row-inside panels-flexible-row-home_dashboard_2-1-inside panels-flexible-row-inside-first clear-block">
<div class="panels-flexible-row-home_dashboard_2-1-left"><div class="panels-flexible-column panels-flexible-column-home_dashboard_2-3 panels-flexible-column-first left">
  <div class="inside panels-flexible-column-inside panels-flexible-column-home_dashboard_2-3-inside panels-flexible-column-inside-first">
<div class="panels-flexible-region panels-flexible-region-home_dashboard_2-actualit__s panels-flexible-region-first panels-flexible-region-last ">
  <div class="inside panels-flexible-region-inside panels-flexible-region-home_dashboard_2-actualit__s-inside panels-flexible-region-inside-first panels-flexible-region-inside-last">
<div class="panel-pane pane-views-panes pane-actualites-v2-panel-pane-1" >
  
  
  
  <div class="pane-content centre_contenu">
	
    <div class="view view-actualites-V2 view-id-actualites_V2 view-display-id-panel_pane_1 view-dom-id-1">
    
  
  
      <div class="view-content">
      <div class="col-left">
    <div class="before-slider">
        <h2>Actualités</h2>
        <a href="/actualites" class="all-right">Toutes les actualités</a>
    </div>
    <div class="slider carousel-head">
        <div id="slider-actu" class="actu-relift">
            <ul class="slides clearfix">
                        <li >
            <a href="/actualites/saint-%C3%A9tienne-toujours-%C2%AB-ville-engag%C3%A9e-contre-sida-%C2%BB" title="Saint-Étienne, toujours « Ville engagée contre le sida »">
 <img src="/sites/default/files/sida.jpg" title="Saint-Étienne, toujours « Ville engagée contre le sida »" alt="Saint-Étienne, toujours « Ville engagée contre le sida »" />
<h2>Saint-Étienne, toujours « Ville engagée contre le sida »</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/golf-parcours-9-trous-%C3%A0-saint-%C3%A9tienne" title="Golf : un parcours 9 trous à Saint-Étienne">
 <img src="/sites/default/files/StEtienne_0166274.jpg" title="Golf : un parcours 9 trous à Saint-Étienne" alt="Golf : un parcours 9 trous à Saint-Étienne" />
<h2>Golf : un parcours 9 trous à Saint-Étienne</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/saint-%C3%A9tienne-r%C3%A9compense-talents-litt%C3%A9raires" title="Saint-Étienne récompense les talents littéraires !">
 <img src="/sites/default/files/72482771_10157182556092479_5784152347240300544_n.jpg" title="Cérémonie de remise des prix littéraires 2021" alt="Cérémonie de remise des prix littéraires 2021" />
<h2>Saint-Étienne récompense les talents littéraires !</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/retour-tour%C2%A0-france" title="Le retour du Tour de France !">
 <img src="/sites/default/files/StEtienne_0169045 2.jpg" title="Tour de France à Saint-Étienne" alt="Tour de France à Saint-Étienne" />
<h2>Le retour du Tour de France !</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/seconde-dition-pl%C3%A9iades-festival-des-arts-num%C3%A9riques-saint-%C3%A9tienne" title="Seconde édition pour Pléiades, le festival des arts numériques de Saint-Étienne">
 <img src="/sites/default/files/Pleiades2021.jpg" title="Pléiades, le festival des arts numériques de Saint-Étienne" alt="Pléiades, le festival des arts numériques de Saint-Étienne" />
<h2>Seconde édition pour Pléiades, le festival des arts numériques de Saint-Étienne</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/livre-sur-saint-%C3%A9tienne-design-petits-grands" title="Un livre sur Saint-Étienne et le design pour petits et grands !">
 <img src="/sites/default/files/petites_histoires_actu.png" title="Un livre sur Saint-Étienne et le design pour petits et grands !" alt="Un livre sur Saint-Étienne et le design pour petits et grands !" />
<h2>Un livre sur Saint-Étienne et le design pour petits et grands !</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/saint-%C3%A9tienne-magazine-n%C2%B064-entrez-f%C3%AAte-livre" title="Saint-Étienne Le Magazine n°64 : entrez dans la Fête du livre !">
 <img src="/sites/default/files/SAINTE64-mag.jpg" title="Magazine municipal -octobre 2021" alt="Magazine municipal -octobre 2021" />
<h2>Saint-Étienne Le Magazine n°64 : entrez dans la Fête du livre !</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/alerte-d%C3%A9marchage-abusif-des-espaces-publicitaires" title="Alerte : démarchage abusif d'espaces publicitaires">
 <img src="/sites/default/files/magazine_demarchage_0.png" title="Alerte : démarchage abusif d&amp;#039;espaces publicitaires" alt="Alerte : démarchage abusif d&amp;#039;espaces publicitaires" />
<h2>Alerte : démarchage abusif d&#039;espaces publicitaires</h2>
</a>
         
        
            </li>
                        </ul>
        </div>
    </div>
</div>    </div>
  
  
  
  
  
  
</div>   </div>

  
  </div>
<div class="panel-region-separator"></div><div class="panel-pane pane-block pane-intervse-relift-2014-mise-en-avant" >
  
  
  
  <div class="pane-content centre_contenu">
	
    <div class='col-left' >
    <ul class='listing'>
                <li>  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
    <img src='sites/default/files/imagecache/mise_en_avant/Cite_design2025-300px.jpg' />
<div class='mea-text'>
    <h3>
        Design    </h3>
    <p>
        <a href='https://www.semlemag.fr/express/un-nouveau-depart-pour-la-cite-du-design/'>Cité du design 2025, une nouvelle ambition</a>
    </p>
</div>  </div>
   
</li>
                <li>  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
    <img src='sites/default/files/imagecache/mise_en_avant/pleiade.JPG' />
<div class='mea-text'>
    <h3>
        Culture    </h3>
    <p>
        <a href='https://www.saint-etienne.fr/actualites/seconde-dition-pl%C3%A9iades-festival-des-arts-num%C3%A9riques-saint-%C3%A9tienne'>Pléiades, le festival des arts numériques de Saint-Étienne du 9 au 14 novembre</a>
    </p>
</div>  </div>
   
</li>
                <li>  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
    <img src='sites/default/files/imagecache/mise_en_avant/Commerce300px.jpg' />
<div class='mea-text'>
    <h3>
        Design    </h3>
    <p>
        <a href='https://www.saint-etienne.fr/actualites/concours-commerce-design-cest-parti-inscriptions'>Concours Commerce Design, c&#039;est parti pour les inscriptions</a>
    </p>
</div>  </div>
   
</li>
                <li>  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
    <img src='sites/default/files/imagecache/mise_en_avant/vaccibus_vignette_0.JPG' />
<div class='mea-text'>
    <h3>
        Vaccibus    </h3>
    <p>
        <a href='https://www.saint-etienne.fr/actualites/vaccin-covid-19-mise-en-place-dun-vaccibus'>Vaccin Covid-19 : Mise en place d&#039;un &quot;Vaccibus&quot;</a>
    </p>
</div>  </div>
   
</li>
            </ul>
</div>  </div>

  
  </div>
  </div>
</div>
  </div>
</div>
</div><div class="panels-flexible-row-home_dashboard_2-1-middle"><div class="panels-flexible-column panels-flexible-column-home_dashboard_2-2 panels-flexible-column-last right">
  <div class="inside panels-flexible-column-inside panels-flexible-column-home_dashboard_2-2-inside panels-flexible-column-inside-last">
<div class="panels-flexible-region panels-flexible-region-home_dashboard_2-compte panels-flexible-region-first panels-flexible-region-last bloc_droite">
  <div class="inside panels-flexible-region-inside panels-flexible-region-home_dashboard_2-compte-inside panels-flexible-region-inside-first panels-flexible-region-inside-last">
<div class="panel-pane pane-views pane-services-pratiques" >
  
  
  
  <div class="pane-content centre_contenu">
	
    <div class="view view-services-pratiques view-id-services_pratiques view-display-id-block_1 view-dom-id-2">
    
  
  
      <div class="view-content">
      <div class="col-right">
    <div class="block-infos">
        <h3 class="title-top">Vos services Pratiques</h3>
        <ul class="services-pratiques">
                <li>
    <img src="/sites/default/files/police_ok_0.png">
    <a href="votre-mairie/securite-prevention/numeros-durgence" > Police 04 77 485 485 (7j/7 - 24h/24)</a>
</li>                <li>
    <img src="/sites/default/files/sp2.png">
    <a href="https://connect.saint-etienne.fr/" target=_blank> Démarches en ligne</a>
</li>                <li>
    <img src="/sites/default/files/sp3.png">
    <a href="etat-civil#N359" > Actes d&#039;état civil</a>
</li>                <li>
    <img src="/sites/default/files/sp5.png">
    <a href="http://saint-etienne.fr/node/11509" > Infos travaux</a>
</li>                <li>
    <img src="/sites/default/files/piscine-ok.png">
    <a href="http://www.saint-etienne.fr/d%C3%A9couvrir-sortir/sports/piscines/piscines-st%C3%A9phanoises" > Piscines</a>
</li>                <li>
    <img src="/sites/default/files/sp6.png">
    <a href="offres-emploi" > Offres d&#039;emploi</a>
</li>                <li>
    <img src="/sites/default/files/sp7.png">
    <a href="services-pratiques/marches-publics/marches-publics" > Marchés publics</a>
</li>                <li>
    <img src="/sites/default/files/sp8.png">
    <a href="deliberation" > Conseils municipaux et délibérations</a>
</li>                <li>
    <img src="/sites/default/files/sp9.png">
    <a href="recevoir-magazine-ville" > Recevoir le magazine</a>
</li>                </ul>
    </div>
</div>    </div>
  
  
  
  
  
  
</div>   </div>

  
  </div>
<div class="panel-region-separator"></div><div class="panel-pane pane-block pane-block-10" >
  
  
  
  <div class="pane-content centre_contenu">
	
    <p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
  </div>

  
  </div>
<div class="panel-region-separator"></div><div class="panel-pane pane-block pane-intervse-bloc-agenda-bloc-agenda" >
  
  
  
  <div class="pane-content centre_contenu">
	
            <div class="block-infos agenda">
        <h3 class="title-top">Agenda</h3>
        <h4>20 oct. 2021</h4>
       <form action="/"  accept-charset="UTF-8" method="post" id="intervse-bloc-agenda-datepickerform">
<div><div class="form-item" id="edit-datecal-selection-wrapper">
 <input type="text" maxlength="128" name="datecal_selection" id="edit-datecal-selection" size="60" value="20 oct. 2021" onChange="submit()" class="form-text" />
</div>
<input type="hidden" name="datecal_hidden" id="edit-datecal-hidden" value="2021-10-20"  class="disabled" />
<input type="hidden" name="form_build_id" id="form-11b4b7a0fe1140064c4d472808115de5" value="form-11b4b7a0fe1140064c4d472808115de5"  />
<input type="hidden" name="form_id" id="edit-intervse-bloc-agenda-datepickerform" value="intervse_bloc_agenda_datepickerform"  />

</div></form>
        <ul>
        <li>
    <a href='/evenements/arrête-mensonges-philippe-besson-angélique-clairand-éric-massé'><img src='sites/default/files/10860349_2.jpg'/></a>
        <p>
            <a href='/evenements/arrête-mensonges-philippe-besson-angélique-clairand-éric-massé'>ARRÊTE AVEC TES MENSONGES Philippe Besson / Angélique Clairand et Éric Massé</a>
        </p>
    </li>
        <li>
    <a href='/evenements/derviche'><img src='sites/default/files/10826838_0.jpg'/></a>
        <p>
            <a href='/evenements/derviche'>DERVICHE</a>
        </p>
    </li>
        <li>
    <a href='/evenements/arrête-mensonges-philippe-besson-angélique-clairand-éric-massé-0'><img src='sites/default/files/10860349_0.jpg'/></a>
        <p>
            <a href='/evenements/arrête-mensonges-philippe-besson-angélique-clairand-éric-massé-0'>ARRÊTE AVEC TES MENSONGES Philippe Besson / Angélique Clairand et Éric Massé</a>
        </p>
    </li>
    </ul>        <p class="tout-agenda"><a href="evenements">Voir tout l'agenda</a></p>
    </div>
      </div>

  
  </div>
  </div>
</div>
  </div>
</div>
</div>  </div>
</div>
<div class="panels-flexible-row panels-flexible-row-home_dashboard_2-main-row panels-flexible-row-last clear-block">
  <div class="inside panels-flexible-row-inside panels-flexible-row-home_dashboard_2-main-row-inside panels-flexible-row-inside-last clear-block">
<div class="panels-flexible-region panels-flexible-region-home_dashboard_2-center panels-flexible-region-first panels-flexible-region-last">
  <div class="inside panels-flexible-region-inside panels-flexible-region-home_dashboard_2-center-inside panels-flexible-region-inside-first panels-flexible-region-inside-last">
<div class="panel-pane pane-block pane-intervse-relift-2014-bloc-social-network" >
  
  
  
  <div class="pane-content centre_contenu">
	
    <div class="one-column desktop">
    <div class="fanboxes">
        <div class="block-facebook block-social-network">
<div class="bandeau-header-fb"><img src="/sites/all/themes/stetienne-internet/images/social_network/bandeau-fb.png"></div>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Ville-de-Saint-%C3%89tienne/97759237478?fref=ts" data-width="290px" data-height="260px" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
</div>
        <div class="block-twitter block-social-network">
<div class="bandeau-header-twitter"><img src="/sites/all/themes/stetienne-internet/images/social_network/bandeau-twitter.png"></div>
<a class="twitter-timeline" width="290" height="260"  href="https://twitter.com/saint_etienne_" data-widget-id="541910136877756416">Tweets de @saint_etienne_</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>        <!-- www.intagme.com -->
<div class="block-insta block-social-network">
	<a target='_blank' href='https://www.instagram.com/villedesaintetienne/'>
		<div class="bandeau-header-insta"><img src="/sites/all/themes/stetienne-internet/images/social_network/bandeau-insta.png"></div>
		
		<!-- SnapWidget -->
		<script src="https://snapwidget.com/js/snapwidget.js"></script>
		<iframe src="https://snapwidget.com/embed/754098" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:270px;height: 260px "></iframe>

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

  
  </div>
<div class="panel-region-separator"></div><div class="panel-pane pane-views pane-kiosque" >
  
  
  
  <div class="pane-content centre_contenu">
	
    <div class="view view-Kiosque view-id-Kiosque view-display-id-block_1 view-dom-id-6">
    
  
  
      <div class="view-content">
      <div class="one-column kiosque desktop">
    <h3>Le kiosque</h3>
    <div id="kiosque" class="slider carousel-top">
        <ul class="slides">
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113c753d59569d8?page=1" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/RDV_HD_pages-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/0005441139265b157464a" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/SM64-WEB-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113fca4fa8d33de" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/FlyerPATINOIRE2021_pages-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/0005441132be2303eb1fb" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/AgendaConservatoire_sept21_fev22_BD_Pages-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113fecbb9378b28" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/Prog_FDL2021_BD-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/0005441134a76e3d0bed7" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/Preselec_NTSS21_couv.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113a75e325188a1" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/CometeJournal001-SEPT_DEC-2021.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113dc1c76b51bcc" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/Couv-SainteMemo.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113e16a1d4c2d2c" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/Ouverture-MPL.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113ea8de290e341" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/SM63_Page_01_0.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113d85beaf67f88" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/PROG_MAI_SEPT-DEC_2021-PSHD-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113941b2751e560" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/COURIOT_SEPT-DEC 2021-PSHD-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/0005441132e127c815365" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/Trim-media_sep-dec21_P_P_OK-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/0005441131b9cb01bc51d" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/Trim-cinema_sep-dec21_P_P_OK-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/00054411370bcdda3d489" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/Festimomes_Programme2021-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/00054411380ca9d39d38a" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/2021-PASS-LOISIRS-SENIOR.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113ecd3b94c66f4" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/SASE2021.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/0005441134a47b722d5e5" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/magazine_Saint-Étienne_ete.JPG"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113186cffc8b2fa" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/CinePleinAir2021-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/0005441132b4081980162" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/MEP_Conservatoire_Incsriptions2021_pap-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/0005441131d9fb22baddf" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/Plan de mandat 2021-WEB-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113d7914546d7db" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/SM61_Page_01_0.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113ef411da98304" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/MEP_prog_BiennaleDanseRebond_OK_pap_BD-1.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113a04d5f8c7735" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/SM60_01.jpg"/>
</a>            </li>
                        <li style="width: 151px">
                <a href="https://fr.calameo.com/read/000544113bace6f1f195e" target="_blank">
    <img src="sites/default/files/imagecache/kiosque/SM59_Page_01.jpg"/>
</a>            </li>
                    </ul>
    </div>
</div>    </div>
  
  
  
  
  
  
</div>   </div>

  
  </div>
  </div>
</div>
  </div>
</div>
</div>
</div>
	</div>
	  <div class='two-column-right mobile'>
		  <div class="view view-services-pratiques view-id-services_pratiques view-display-id-block_1 view-dom-id-6">
    
  
  
      <div class="view-content">
      <div class="col-right">
    <div class="block-infos">
        <h3 class="title-top">Vos services Pratiques</h3>
        <ul class="services-pratiques">
                <li>
    <img src="/sites/default/files/police_ok_0.png">
    <a href="votre-mairie/securite-prevention/numeros-durgence" > Police 04 77 485 485 (7j/7 - 24h/24)</a>
</li>                <li>
    <img src="/sites/default/files/sp2.png">
    <a href="https://connect.saint-etienne.fr/" target=_blank> Démarches en ligne</a>
</li>                <li>
    <img src="/sites/default/files/sp3.png">
    <a href="etat-civil#N359" > Actes d&#039;état civil</a>
</li>                <li>
    <img src="/sites/default/files/sp5.png">
    <a href="http://saint-etienne.fr/node/11509" > Infos travaux</a>
</li>                <li>
    <img src="/sites/default/files/piscine-ok.png">
    <a href="http://www.saint-etienne.fr/d%C3%A9couvrir-sortir/sports/piscines/piscines-st%C3%A9phanoises" > Piscines</a>
</li>                <li>
    <img src="/sites/default/files/sp6.png">
    <a href="offres-emploi" > Offres d&#039;emploi</a>
</li>                <li>
    <img src="/sites/default/files/sp7.png">
    <a href="services-pratiques/marches-publics/marches-publics" > Marchés publics</a>
</li>                <li>
    <img src="/sites/default/files/sp8.png">
    <a href="deliberation" > Conseils municipaux et délibérations</a>
</li>                <li>
    <img src="/sites/default/files/sp9.png">
    <a href="recevoir-magazine-ville" > Recevoir le magazine</a>
</li>                </ul>
    </div>
</div>    </div>
  
  
  
  
  
  
</div> 		  <div class="view view-actualites-V2 view-id-actualites_V2 view-display-id-panel_pane_1 view-dom-id-7">
    
  
  
      <div class="view-content">
      <div class="col-left">
    <div class="before-slider">
        <h2>Actualités</h2>
        <a href="/actualites" class="all-right">Toutes les actualités</a>
    </div>
    <div class="slider carousel-head">
        <div id="slider-actu" class="actu-relift">
            <ul class="slides clearfix">
                        <li >
            <a href="/actualites/saint-%C3%A9tienne-toujours-%C2%AB-ville-engag%C3%A9e-contre-sida-%C2%BB" title="Saint-Étienne, toujours « Ville engagée contre le sida »">
 <img src="/sites/default/files/sida.jpg" title="Saint-Étienne, toujours « Ville engagée contre le sida »" alt="Saint-Étienne, toujours « Ville engagée contre le sida »" />
<h2>Saint-Étienne, toujours « Ville engagée contre le sida »</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/golf-parcours-9-trous-%C3%A0-saint-%C3%A9tienne" title="Golf : un parcours 9 trous à Saint-Étienne">
 <img src="/sites/default/files/StEtienne_0166274.jpg" title="Golf : un parcours 9 trous à Saint-Étienne" alt="Golf : un parcours 9 trous à Saint-Étienne" />
<h2>Golf : un parcours 9 trous à Saint-Étienne</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/saint-%C3%A9tienne-r%C3%A9compense-talents-litt%C3%A9raires" title="Saint-Étienne récompense les talents littéraires !">
 <img src="/sites/default/files/72482771_10157182556092479_5784152347240300544_n.jpg" title="Cérémonie de remise des prix littéraires 2021" alt="Cérémonie de remise des prix littéraires 2021" />
<h2>Saint-Étienne récompense les talents littéraires !</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/retour-tour%C2%A0-france" title="Le retour du Tour de France !">
 <img src="/sites/default/files/StEtienne_0169045 2.jpg" title="Tour de France à Saint-Étienne" alt="Tour de France à Saint-Étienne" />
<h2>Le retour du Tour de France !</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/seconde-dition-pl%C3%A9iades-festival-des-arts-num%C3%A9riques-saint-%C3%A9tienne" title="Seconde édition pour Pléiades, le festival des arts numériques de Saint-Étienne">
 <img src="/sites/default/files/Pleiades2021.jpg" title="Pléiades, le festival des arts numériques de Saint-Étienne" alt="Pléiades, le festival des arts numériques de Saint-Étienne" />
<h2>Seconde édition pour Pléiades, le festival des arts numériques de Saint-Étienne</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/livre-sur-saint-%C3%A9tienne-design-petits-grands" title="Un livre sur Saint-Étienne et le design pour petits et grands !">
 <img src="/sites/default/files/petites_histoires_actu.png" title="Un livre sur Saint-Étienne et le design pour petits et grands !" alt="Un livre sur Saint-Étienne et le design pour petits et grands !" />
<h2>Un livre sur Saint-Étienne et le design pour petits et grands !</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/saint-%C3%A9tienne-magazine-n%C2%B064-entrez-f%C3%AAte-livre" title="Saint-Étienne Le Magazine n°64 : entrez dans la Fête du livre !">
 <img src="/sites/default/files/SAINTE64-mag.jpg" title="Magazine municipal -octobre 2021" alt="Magazine municipal -octobre 2021" />
<h2>Saint-Étienne Le Magazine n°64 : entrez dans la Fête du livre !</h2>
</a>
         
        
            </li>
                        <li  style="display:none;" >
            <a href="/actualites/alerte-d%C3%A9marchage-abusif-des-espaces-publicitaires" title="Alerte : démarchage abusif d'espaces publicitaires">
 <img src="/sites/default/files/magazine_demarchage_0.png" title="Alerte : démarchage abusif d&amp;#039;espaces publicitaires" alt="Alerte : démarchage abusif d&amp;#039;espaces publicitaires" />
<h2>Alerte : démarchage abusif d&#039;espaces publicitaires</h2>
</a>
         
        
            </li>
                        </ul>
        </div>
    </div>
</div>    </div>
  
  
  
  
  
  
</div> 		  <div class='col-left' >
    <ul class='listing'>
                <li>  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
    <img src='sites/default/files/imagecache/mise_en_avant/Cite_design2025-300px.jpg' />
<div class='mea-text'>
    <h3>
        Design    </h3>
    <p>
        <a href='https://www.semlemag.fr/express/un-nouveau-depart-pour-la-cite-du-design/'>Cité du design 2025, une nouvelle ambition</a>
    </p>
</div>  </div>
   
</li>
                <li>  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
    <img src='sites/default/files/imagecache/mise_en_avant/pleiade.JPG' />
<div class='mea-text'>
    <h3>
        Culture    </h3>
    <p>
        <a href='https://www.saint-etienne.fr/actualites/seconde-dition-pl%C3%A9iades-festival-des-arts-num%C3%A9riques-saint-%C3%A9tienne'>Pléiades, le festival des arts numériques de Saint-Étienne du 9 au 14 novembre</a>
    </p>
</div>  </div>
   
</li>
                <li>  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
    <img src='sites/default/files/imagecache/mise_en_avant/Commerce300px.jpg' />
<div class='mea-text'>
    <h3>
        Design    </h3>
    <p>
        <a href='https://www.saint-etienne.fr/actualites/concours-commerce-design-cest-parti-inscriptions'>Concours Commerce Design, c&#039;est parti pour les inscriptions</a>
    </p>
</div>  </div>
   
</li>
                <li>  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
    <img src='sites/default/files/imagecache/mise_en_avant/vaccibus_vignette_0.JPG' />
<div class='mea-text'>
    <h3>
        Vaccibus    </h3>
    <p>
        <a href='https://www.saint-etienne.fr/actualites/vaccin-covid-19-mise-en-place-dun-vaccibus'>Vaccin Covid-19 : Mise en place d&#039;un &quot;Vaccibus&quot;</a>
    </p>
</div>  </div>
   
</li>
            </ul>
</div>		  <div class='col-right'>
		          <div class="block-infos agenda">
        <h3 class="title-top">Agenda</h3>
        <h4>20 oct. 2021</h4>
       <form action="/"  accept-charset="UTF-8" method="post" id="intervse-bloc-agenda-datepickerform-1">
<div><div class="form-item" id="edit-datecal-selection-1-wrapper">
 <input type="text" maxlength="128" name="datecal_selection" id="edit-datecal-selection-1" size="60" value="20 oct. 2021" onChange="submit()" class="form-text" />
</div>
<input type="hidden" name="datecal_hidden" id="edit-datecal-hidden-1" value="2021-10-20"  class="disabled" />
<input type="hidden" name="form_build_id" id="form-1b953620d615400813af3c1b8c753225" value="form-1b953620d615400813af3c1b8c753225"  />
<input type="hidden" name="form_id" id="edit-intervse-bloc-agenda-datepickerform-1" value="intervse_bloc_agenda_datepickerform"  />

</div></form>
        <ul>
        <li>
    <a href='/evenements/arrête-mensonges-philippe-besson-angélique-clairand-éric-massé'><img src='sites/default/files/10860349_2.jpg'/></a>
        <p>
            <a href='/evenements/arrête-mensonges-philippe-besson-angélique-clairand-éric-massé'>ARRÊTE AVEC TES MENSONGES Philippe Besson / Angélique Clairand et Éric Massé</a>
        </p>
    </li>
        <li>
    <a href='/evenements/derviche'><img src='sites/default/files/10826838_0.jpg'/></a>
        <p>
            <a href='/evenements/derviche'>DERVICHE</a>
        </p>
    </li>
        <li>
    <a href='/evenements/arrête-mensonges-philippe-besson-angélique-clairand-éric-massé-0'><img src='sites/default/files/10860349_0.jpg'/></a>
        <p>
            <a href='/evenements/arrête-mensonges-philippe-besson-angélique-clairand-éric-massé-0'>ARRÊTE AVEC TES MENSONGES Philippe Besson / Angélique Clairand et Éric Massé</a>
        </p>
    </li>
    </ul>        <p class="tout-agenda"><a href="evenements">Voir tout l'agenda</a></p>
    </div>
    		  </div>
	  </div>
  </div>
	<div class="footer-rs mobile">
		<ul class="social-network desktop">
			<li>
			  <a href="https://fr-fr.facebook.com/pages/Ville-de-Saint-%C3%89tienne/97759237478"><i class="fa fa-facebook fa-lg"></i></a>
			</li>
			<li>
			  <a href="https://twitter.com/saint_etienne_"><i class="fa fa-twitter fa-lg"></i></a>
			</li>
			<li>
			  <a href="https://www.youtube.com/user/42webmaster"><i class="fa fa-youtube-play fa-lg"></i></a>
			</li>
			<li>
			  <a href="https://www.instagram.com/villedesaintetienne"><i class="fa fa-instagram fa-lg"></i></a>
			</li>
		</ul>
	</div>
  <div id="footer" class="container">
	<div class="bottom">
					<div><a href="/contact" title="Contact" class=" first">Contact</a><a href="/eService/utilisation-logo-ville-saint-%C3%A9tienne" title="Logotype" class="">Logotype</a><a href="/services-pratiques/marches-publics/marches-publics" title="Marchés publics" class="">Marchés publics</a><a href="/offres-emploi" title="Offres d&amp;#039;emploi" class="">Offres d&#039;emploi</a><a href="/deliberation" title="Délibérations" class="">Délibérations</a><a href="/accessibilit%C3%A9/accessibilit%C3%A9" title="Accessibilité" class="">Accessibilité</a><a href="/sitemap" title="Plan du site" class="">Plan du site</a><a href="/mentions-l%C3%A9gales/mentions-l%C3%A9gales" title="Mentions légales" class=" last">Mentions légales</a></div>			</div>
	<div class="top desktop">
	  <h5>Plan du site</h5>
<ul>
    <li>
    <ul>
    <li>
    <a href="/" title="">[Covid-19] Coronavirus</a>
  </li>
  
                  <li>
        <a href="node/245824" title="[Covid-19] Mesures de protection et de solidarité">
          [Covid-19] Mesures de protection et de solidarité        </a>
      </li>
            </ul>
<ul>
    <li>
    <a href="/" title=""><a href="https://connect.saint-etienne.fr/" target="_blank">Démarches</a></a>
  </li>
  
  </ul>
    </li>
    <li>
    <ul>
    <li>
    <a href="/" title="">Sainté et vous</a>
  </li>
  
                  <li>
        <a href="node/152582" title="Saint-Etienne soutient le commerce et l'artisanat">
          Commerce et artisanat        </a>
      </li>
                      <li>
        <a href="node/87332" title="Vos bons plans stationnement">
          Déplacement et stationnement        </a>
      </li>
                      <li>
        <a href="node/3153" title="Le déneigement, une priorité pour la ville de Saint-Étienne">
          Déneigement        </a>
      </li>
                      <li>
        <a href="node/5054" title="">
          Propreté        </a>
      </li>
                      <li>
        <a href="node/14988" title="">
          Handicap et Accessibilité        </a>
      </li>
                      <li>
        <a href="node/255494" title="Jeunesse">
          Jeunesse        </a>
      </li>
                      <li>
        <a href="node/153721" title="Enfance">
          Famille        </a>
      </li>
                      <li>
        <a href="node/5026" title="Les résidences seniors">
          Seniors        </a>
      </li>
                      <li>
        <a href="node/1042" title="Vie associative">
          Association        </a>
      </li>
                      <li>
        <a href="node/14261" title="10 places de centre-ville équipées d'un service d'accès gratuit à Internet offert par la Ville de Saint-Étienne">
          SaintéWifi        </a>
      </li>
                      <li>
        <a href="node/6113" title="Santé/Environnement">
          Santé/Environnement        </a>
      </li>
                      <li>
        <a href="node/14250" title="">
          Le Gérontopôle        </a>
      </li>
                      <li>
        <a href="node/260472" title="">
          Matinée d'accueil des nouveaux Stéphanois        </a>
      </li>
            </ul>
<ul>
    <li>
    <a href="/" title="">Projets</a>
  </li>
  
                  <li>
        <a href="node/1355" title="Économie et emploi">
          Économie et emploi        </a>
      </li>
                      <li>
        <a href="node/5058" title="Développement durable">
          Développement durable        </a>
      </li>
                      <li>
        <a href="node/751" title="Habitat">
          Habitat        </a>
      </li>
                      <li>
        <a href="node/177248" title="Projet urbain">
          Projet urbain        </a>
      </li>
                      <li>
        <a href="node/1045" title="Les objectifs en matière de relations internationales">
          Les relations internationales        </a>
      </li>
                      <li>
        <a href="node/273101" title="Plan de mandat 2020-2026 : votre ville s'engage">
          Plan de mandat 2020-2026        </a>
      </li>
                      <li>
        <a href="node/126539" title="Saint-Étienne Smart City, ma ville connectée">
          Saint-Étienne Smart City, ma ville connectée        </a>
      </li>
            </ul>
<ul>
    <li>
    <a href="/" title="">Quartiers</a>
  </li>
  
                  <li>
        <a href="node/10771" title="22 conseils de quartier répartis en 5 secteurs">
          Conseils de quartier        </a>
      </li>
            </ul>
<ul>
    <li>
    <a href="/" title="">Mairie</a>
  </li>
  
                  <li>
        <a href="node/1379" title="Les marchés publics">
          Les marchés publics        </a>
      </li>
                      <li>
        <a href="node/227495" title="">
          Le Conseil municipal        </a>
      </li>
                      <li>
        <a href="http://www.saint-etienne.fr/deliberation" title="">
          Les délibérations        </a>
      </li>
                      <li>
        <a href="node/1040/" title="Règlement urbanisme">
          Règlement urbanisme        </a>
      </li>
                      <li>
        <a href="node/693" title="Une info ? Une demande ? Un problème ?">
          Saint-Étienne Bonjour        </a>
      </li>
                      <li>
        <a href="node/1286" title="Neuf mairies de proximité à votre service">
          Les Mairies de proximité        </a>
      </li>
                      <li>
        <a href="node/1236" title="Le Budget">
          Le Budget        </a>
      </li>
                      <li>
        <a href="node/1801" title="Les Services municipaux">
          Les services municipaux        </a>
      </li>
                      <li>
        <a href="node/1249" title="Une dette maîtrisée">
          La dette        </a>
      </li>
                      <li>
        <a href="node/1898" title="Qu'est-ce que la Sécurité Civile Municipale ?">
          La Sécurité Civile        </a>
      </li>
                      <li>
        <a href="node/2918" title="Information sur les risques majeurs à Saint-Etienne">
          Les risques majeurs        </a>
      </li>
                      <li>
        <a href="node/156337" title="La démocratie locale">
          La démocratie locale        </a>
      </li>
                      <li>
        <a href="node/1290" title="Le recensement de la population">
          Le recensement de la population        </a>
      </li>
                      <li>
        <a href="https://connect.saint-etienne.fr/demarche/284/4" title="">
          Les élections        </a>
      </li>
                      <li>
        <a href="node/1251" title="Les impôts">
          Les impôts        </a>
      </li>
                      <li>
        <a href="node/11727" title="Sécurité et prévention">
          Sécurité / Police municipale        </a>
      </li>
            </ul>
    </li>
    <li class='partenaires'>
    <div class="view view-partenaire view-id-partenaire view-display-id-block_1 view-dom-id-14">
    
  
  
      <div class="view-content">
      <a href="http://www.saint-etienne-metropole.fr" target="_blank" class="partenaire" title="">
        <img src="/sites/default/files/imagecache/partenaire/logo180px.jpg" alt="" />
</a>
<a href="http://www.citedudesign.com/" target="_blank" class="partenaire" title="">
        <img src="/sites/default/files/imagecache/partenaire/logo_cite.jpg" alt="" />
</a>
<a href="http://www.opera.saint-etienne.fr/otse/" target="_blank" class="partenaire" title="">
        <img src="/sites/default/files/imagecache/partenaire/logo_opera_partenaires.jpg" alt="" />
</a>


    </div>
  
  
  
  
  
  
</div>     </li>
</ul>	</div>
  </div>

  <script type="text/javascript">
<!--//--><![CDATA[//><!--
var _gaq = _gaq || [];_gaq.push(["_setAccount", "UA-8821792-1"]);_gaq.push(["_trackPageview"]);(function() {var ga = document.createElement("script");ga.type = "text/javascript";ga.async = true;ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ga, s);})();
//--><!]]>
</script>

<!-- -->
	<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
<!-- -->
<!-- -->
	<script type="text/javascript">
	try {
				var pageTracker = _gat._getTracker("UA-8821792-1");
		pageTracker._trackPageview();
	}
	catch(err) {}
	</script>
<!-- -->

</body>
</html>
