

	
	
	
	
	

<!-- a:27:{s:7:"agences";a:3:{i:0;a:10:{s:3:"nom";s:13:"Hugues Wallon";s:21:"nombre_annonces_total";s:2:"10";s:23:"nombre_annonces_locales";s:1:"1";s:3:"pdm";s:7:"12.5000";s:10:"pdm_agence";s:7:"16.6667";s:12:"photo_agence";s:0:"";s:10:"url_agence";s:71:"agence-immobiliere/hauts-de-france/pas-de-calais/fressin/hugues-wallon/";s:16:"siege_dans_ville";s:1:"0";s:15:"travaille_ville";s:1:"1";s:20:"texte_activite_ville";s:22:"Active dans la commune";}i:1;a:10:{s:3:"nom";s:22:"Maisons Les Naturelles";s:21:"nombre_annonces_total";s:2:"79";s:23:"nombre_annonces_locales";s:1:"4";s:3:"pdm";s:7:"50.0000";s:10:"pdm_agence";s:7:"66.6667";s:12:"photo_agence";s:0:"";s:10:"url_agence";s:74:"agence-immobiliere/hauts-de-france/somme/abbeville/maisons-les-naturelles/";s:16:"siege_dans_ville";s:1:"0";s:15:"travaille_ville";s:1:"1";s:20:"texte_activite_ville";s:22:"Active dans la commune";}i:2;a:10:{s:3:"nom";s:22:"Maisons Les Naturelles";s:21:"nombre_annonces_total";s:2:"57";s:23:"nombre_annonces_locales";s:1:"1";s:3:"pdm";s:7:"12.5000";s:10:"pdm_agence";s:7:"16.6667";s:12:"photo_agence";s:0:"";s:10:"url_agence";s:78:"agence-immobiliere/hauts-de-france/pas-de-calais/berck/maisons-les-naturelles/";s:16:"siege_dans_ville";s:1:"0";s:15:"travaille_ville";s:1:"1";s:20:"texte_activite_ville";s:22:"Active dans la commune";}}s:3:"nom";s:13:"Ruisseauville";s:5:"scope";s:5:"ville";s:8:"id_ville";s:5:"24226";s:14:"id_departement";s:2:"63";s:9:"id_region";s:2:"10";s:3:"lat";s:7:"50.4805";s:3:"lng";s:6:"2.1206";s:8:"date_maj";N;s:11:"locatif_min";s:2:"à";s:11:"locatif_maj";s:2:"À";s:9:"sujet_min";N;s:11:"genitif_min";N;s:11:"genitif_maj";N;s:14:"titre_rubrique";s:28:"Les agences à Ruisseauville";s:4:"urls";a:4:{s:10:"mandataire";s:90:"https://profession.immo/mandataire-immobilier/hauts-de-france/pas-de-calais/ruisseauville/";s:6:"agence";s:87:"https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/ruisseauville/";s:4:"prix";s:84:"https://profession.immo/prix-immobilier/hauts-de-france/pas-de-calais/ruisseauville/";s:7:"notaire";s:76:"https://profession.immo/notaire/hauts-de-france/pas-de-calais/ruisseauville/";}s:14:"nombre_agences";N;s:16:"variation_nombre";N;s:21:"variation_pourcentage";N;s:14:"type_variation";s:8:"negative";s:21:"stats_previsionnelles";N;s:16:"stats_mensuelles";a:0:{}s:18:"stats_progressives";a:1:{s:10:"decalage_0";N;}s:24:"stats_progressives_liste";a:1:{i:0;N;}s:4:"prix";a:2:{s:7:"prix_m2";s:4:"6666";s:7:"maisons";a:1:{s:13:"total_maisons";s:4:"0
	";}}s:17:"villes_adjacentes";a:7:{i:0;a:6:{s:8:"id_ville";s:5:"23583";s:3:"nom";s:9:"Avondance";s:10:"population";s:2:"34";s:3:"url";s:83:"https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/avondance/";s:25:"nombre_agences_implantees";s:1:"0";s:22:"nombre_agences_actives";s:1:"0";}i:1;a:6:{s:8:"id_ville";s:5:"23586";s:3:"nom";s:9:"Azincourt";s:10:"population";s:3:"311";s:3:"url";s:83:"https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/azincourt/";s:25:"nombre_agences_implantees";s:1:"0";s:22:"nombre_agences_actives";s:1:"0";}i:2;a:6:{s:8:"id_ville";s:5:"23722";s:3:"nom";s:7:"Canlers";s:10:"population";s:3:"152";s:3:"url";s:81:"https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/canlers/";s:25:"nombre_agences_implantees";s:1:"0";s:22:"nombre_agences_actives";i:1;}i:3;a:6:{s:8:"id_ville";s:5:"23757";s:3:"nom";s:14:"Coupelle-Neuve";s:10:"population";s:3:"150";s:3:"url";s:88:"https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/coupelle-neuve/";s:25:"nombre_agences_implantees";s:1:"0";s:22:"nombre_agences_actives";s:1:"0";}i:4;a:6:{s:8:"id_ville";s:5:"23768";s:3:"nom";s:7:"Créquy";s:10:"population";s:3:"463";s:3:"url";s:80:"https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/crequy/";s:25:"nombre_agences_implantees";s:1:"0";s:22:"nombre_agences_actives";i:4;}i:5;a:6:{s:8:"id_ville";s:5:"23872";s:3:"nom";s:6:"Fruges";s:10:"population";s:4:"2338";s:3:"url";s:80:"https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/fruges/";s:25:"nombre_agences_implantees";i:1;s:22:"nombre_agences_actives";i:17;}i:6;a:6:{s:8:"id_ville";s:5:"24161";s:3:"nom";s:8:"Planques";s:10:"population";s:3:"102";s:3:"url";s:82:"https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/planques/";s:25:"nombre_agences_implantees";s:1:"0";s:22:"nombre_agences_actives";i:2;}}s:3:"kpi";N;} -->
<html>

<head>
<base href="https://profession.immo/">
	<meta charset="utf-8"/>
	<title>Ruisseauville :  mandataires actifs | Profession.immo</title>
	
	<meta name="robots" content="noindex, nofollow">
	<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1"/>
	<link rel="canonical" href="https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/ruisseauville/"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />	
<link rel="stylesheet" type="text/css" href="plugins/proimmo/squelettes/global/css/core.css?1775051712" media="screen">
<link rel="stylesheet" type="text/css" href="plugins/proimmo/squelettes/global/css/mobile.css?1773241192" media="screen and (max-width: 1000px)">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">


<script src="plugins/proimmo/squelettes/global/js/global.js?1773133371"></script>

<script src="plugins/proimmo/squelettes/global/js/chartjs.js?1771054706" type="module"></script>


<link rel="stylesheet" type="text/css" href="plugins/proimmo/squelettes/global/css/sortable.css?1771054705" media="screen">
<script src="https://cdn.jsdelivr.net/gh/tofsjonas/sortable@latest/sortable.min.js"></script></head>


<body class="agence ville">

	<header class="main" id="header">
	
	<section style="border-bottom:1px solid #414141;">
	<main class="flex align_center space_between wrap">
	
		<a id="bouton_menu_mobile" class="bouton_menu flex align_center justify_center">
			<img class="picto" src="plugins/proimmo/squelettes/global/images/hamburger_blanc.png?2" width="20" style="margin-right:0.5rem;"/>
			<span>Menu</span>
		</a>
	
		<a href="https://profession.immo" class="logo" id="logo" style="margin-left:1rem;">
			<img src="plugins/proimmo/squelettes/global/images/logo_proimmo_blanc.png?2" width="120"/>	
		</a>
		
		<nav class="top">
		
			<ul class="main flex justify_center">
			
				<li>
					<a id="bouton_recherche">
						<img class="picto" src="plugins/proimmo/squelettes/global/images/loupe_blanche.png" width="20"/>
						<span>Rechercher</span>
					</a>
				</li>

				<li class="rubrique">
					
					
					<a href="mandataire-immobilier/" class="flex ">
						<span>Mandataire immobilier</span>
					</a>
					
				</li>					
				
				<li class="rubrique">
					
					 
					<a href="agence-immobiliere/" class="flex actif">
						<span>Agence immobilière</span>
					</a>
					
				</li>
				
				<li class="rubrique">
					
					
					<a href="prix-immobilier/" class="flex actif">
						<span>Prix immobilier</span>
					</a>
					
				</li>				
				
				<li>
					<a id="bouton_connexion">
						<img class="picto" src="plugins/proimmo/squelettes/global/images/profil_blanc.png" width="20"/>
						<span>Connexion</span>
					</a>
				</li>			

			</ul>
		
		</nav>
		
	</main>
	</section>
	
	<section class="nav_bottom">
 	<main class="flex align_center space_between wrap">

		<nav class="bottom">
			
			<ul class="main flex">

				<li>
					<a href="https://profession.immo">
						<img class="picto" src="plugins/proimmo/squelettes/global/images/accueil_blanc.png?2" width="20"/>
						<span>Accueil</span>
					</a>
				</li>	

				<li>
					<a id="bouton_menu" class="bouton_menu">
						<img class="picto" src="plugins/proimmo/squelettes/global/images/hamburger_blanc.png?2" width="20"/>
						<span>Menu</span>
					</a>
				</li>

				<li>
					<a href="mandataire-immobilier/reseaux/" class="flex">
						<span>Comparer les réseaux de mandataires</span>
					</a>
				</li>				

			</ul>	
		</nav>
		
	</main>	
	</section>
	
</header>	

	<article class="main flex column">
	
		<main class="contenu" id="main">
					
			<section class="flex">
						
				<section class="contenu_gauche" id="contenu_gauche">
				
					<div class="ariane">
	
	<a href="agence-immobiliere/">Agence immobilière</a> ›
	
	<a href="agence-immobiliere/hauts-de-france/">Hauts-de-France</a> ›
	
	<a href="agence-immobiliere/hauts-de-france/pas-de-calais/">Pas-de-Calais</a> ›
	
	<a href="agence-immobiliere/hauts-de-france/pas-de-calais/ruisseauville/">Ruisseauville</a>
</div>					
					<section class="boite">

	<style>
		canvas.evolution_gauche {margin:1rem 0;}
		.tabs.transparent .tab {background-color:transparent;border:1px solid #efefef;}
		.negative {color:red;}
		.positive {color:green;}
	</style>

	
	
	
	
	<div class="flex column align_center">	
		
			<div class="flex column align_center">
				
				<strong class="h2 center" style="padding-bottom:0.5rem;">0
				
				 agence
					<br>
					<span class="h3">
						
						 immobilière
						à <strong>Ruisseauville</strong>
					</span>
				</strong>
				
			</div>
		
	</div>

	<div>	

		<section class="">
			
			

			<div class="tabs">
						
				
				
				
				
				
								
				
				
				
				


				<!--  -->
				<!-- <div class="tab premiere"> -->
					<!-- <span class="legende">En avril</span> -->
					<!-- <strong class="negative">					 -->
						<!--  -->
						<!--   -->
							<!-- + 0,00 % -->
						<!--  -->
						
					<!-- </strong> -->
				<!-- </div> -->
				
				
				<div class="tab premiere">
					<span class="legende">Sur 3 mois</span>
					<strong >
						+ 0,0 %
					</strong>
				</div>

				
				<div class="tab">
					<span class="legende">Sur 6 mois</span>
					<strong >
						+ 0,0 %
					</strong>
				</div>	

				
				
				
					<div class="tab derniere">
						<span class="legende">Sur 1 an</span>
						<strong >
							+ 0,0 %
						</strong>
					</div>				
				
				
				
			</div>		
			
			
			
			
			
			
			
			
						

			
			
				
				
						
			 <canvas
				class="chartjs evolution_gauche"
				data-type="line"
				data-theme="Classic10"
				data-x="mois_nom"
				data-y="nombre_agences"
				data-y_label="nombre_agences_propre"
				data-afficher_legende_x="oui"
				data-afficher_legende_y="non"
				data-masquer_premier="oui"
				data-masquer_dernier="oui"
				data-appliquer_gradient_ligne="non"
				data-donnees='[""]'>
			</canvas>
			


				
				<div class="flex column">
				
					<span>⏲ Prévisionnel avril 2026</span>
					
					
					
					
					<div class="tabs transparent">
					
						<div class="tab premiere">
							<span class="legende">Tendance</span>
							<strong class="">
								
								
								
							</strong>
						</div>
						
						<div class="tab column">
							<span class="legende">Agences</span>
							<strong>0</strong>
						</div>

						<div class="tab column">
							<span class="legende">Variation</span>
							<strong class="">+ 0,00 %</strong>
						</div>	

						<div class="tab derniere">
							<span class="legende">Recrutements bruts</span>
							<strong class="">
								=
							</strong>
						</div>							
					
					</div>
					
						

				
				</div>		

			
			
		</section>

	</div>
	
	<footer class="footer">
		<a href="mandataire-immobilier/reseaux/">
			🔎 Découvrez notre comparatif des réseaux de mandataires, actualisé quotidiennement !
		</a>
	</footer>
	
</section>	

										
					
						

						

					
					<section class="boite" id="palmares_agences">

	<h1>Les agences les plus performantes  </h1>
	
	<section class="selecteur_colonnes">

		<span>Choisissez les colonnes à afficher :</span>

		<div class="checkboxes">
		
			<label class="checkbox">
				<input type="checkbox" data-nom="nom" checked disabled data-obligatoire>
				Agence
			</label>

			<label class="checkbox">
				<input type="checkbox" data-nom="nombre_mandats">
				Total mandats
			</label>
			
			<label class="checkbox">
				<input type="checkbox" data-nom="nombre_mandats_locaux" checked>
				Mandats locaux
			</label>
			
			<label class="checkbox">
				<input type="checkbox" data-nom="pdm_agence">
				Part de marché agence
			</label>		

			<label class="checkbox">
				<input type="checkbox" data-nom="pdm">
				Part de marché globale
			</label>				
			
		</div>

	</section>

	<div class="tableau_wrapper">
	<table class="responsive_table sortable n-last">
	
		<thead class="multi_lignes">
			
			<tr>
			
				<th
					data-nom="nom"
					data-largeur_min="100">
						Nom
				</th>
				
				<th
					data-nom="nombre_mandats"
					data-largeur_min="130">
						Mandats
				</th>
				
				<th
					data-nom="nombre_mandats_locaux"
					data-largeur_min="130">
						Mandats locaux
				</th>
				
				<th
					data-nom="pdm_agence"
					data-largeur_min="130">
						Part de marché
				</th>
				
				<th
					data-nom="pdm"
					data-largeur_min="130">
						Part de marché
				</th>				
				
				<th class="ouvrir_drawer"></td>
				
			</tr>
			
			<tr class="informations">
				<td data-nom="nom">de l'agence</td>
				<td data-nom="nombre_mandats">tot. connu</td>
				<td data-nom="nombre_mandats_locaux">dans la commune</td>
				<td data-nom="pdm_mandataire">biens locaux</td>
				<td data-nom="pdm">globale</td>
				<td class="ouvrir_drawer"></td>
			</tr>
			
			</thead>
		
		<tbody>
		
			
			<tr>
				
				<td data-nom="nom"
					data-titre="Agence"
					class="afficher">
					<div class="flex align_center" style="">
					
						<div style="position:relative;margin-right:1em;flex-shrink:0;flex-basis:53px;width:53px;">
							
							<!--  -->
						</div>
						
						
						<style>
							
							small.xp {
							position:absolute;top:-6px;left:34px;z-index:10;width:28px;height:28px;border-radius:50%;background:#c89b3c;color:#fff;font-size:11px;font-weight:700;line-height:28px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.22);border:2px solid #fff;}
						
						</style>
						
						<div class="flex column">
							<a href="agence-immobiliere/hauts-de-france/pas-de-calais/fressin/hugues-wallon/" target="_blank">Hugues Wallon</a>
							<small class="texte">Active dans la commune</small>
						</div>
					</div>
				</td>
				
				<td data-nom="nombre_mandats"
					data-titre="Total des mandats"
					class="align_center">
					10
				</td>
				
				<td data-nom="nombre_mandats_locaux"
					data-titre="Nombre de mandats locaux"
					class="align_center">
					1
				</td>	

				<td data-nom="pdm_agence"
					data-titre="Part de marché agence"
					class="align_center"
					data-sort="16.6667">
					16,7 %					
				</td>
				
			<td data-nom="pdm"
					data-titre="Part de marché globale"
					class="align_center"
					data-sort="12.5000">
					12,5 %					
				</td>				

				<td class="ouvrir_drawer">
					<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_noir.png"/>
				</td>				
				
			</tr>
			
			<tr>
				
				<td data-nom="nom"
					data-titre="Agence"
					class="afficher">
					<div class="flex align_center" style="">
					
						<div style="position:relative;margin-right:1em;flex-shrink:0;flex-basis:53px;width:53px;">
							
							<!--  -->
						</div>
						
						
						<style>
							
							small.xp {
							position:absolute;top:-6px;left:34px;z-index:10;width:28px;height:28px;border-radius:50%;background:#c89b3c;color:#fff;font-size:11px;font-weight:700;line-height:28px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.22);border:2px solid #fff;}
						
						</style>
						
						<div class="flex column">
							<a href="agence-immobiliere/hauts-de-france/somme/abbeville/maisons-les-naturelles/" target="_blank">Maisons Les Naturelles</a>
							<small class="texte">Active dans la commune</small>
						</div>
					</div>
				</td>
				
				<td data-nom="nombre_mandats"
					data-titre="Total des mandats"
					class="align_center">
					79
				</td>
				
				<td data-nom="nombre_mandats_locaux"
					data-titre="Nombre de mandats locaux"
					class="align_center">
					4
				</td>	

				<td data-nom="pdm_agence"
					data-titre="Part de marché agence"
					class="align_center"
					data-sort="66.6667">
					66,7 %					
				</td>
				
			<td data-nom="pdm"
					data-titre="Part de marché globale"
					class="align_center"
					data-sort="50.0000">
					50,0 %					
				</td>				

				<td class="ouvrir_drawer">
					<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_noir.png"/>
				</td>				
				
			</tr>
			
			<tr>
				
				<td data-nom="nom"
					data-titre="Agence"
					class="afficher">
					<div class="flex align_center" style="">
					
						<div style="position:relative;margin-right:1em;flex-shrink:0;flex-basis:53px;width:53px;">
							
							<!--  -->
						</div>
						
						
						<style>
							
							small.xp {
							position:absolute;top:-6px;left:34px;z-index:10;width:28px;height:28px;border-radius:50%;background:#c89b3c;color:#fff;font-size:11px;font-weight:700;line-height:28px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.22);border:2px solid #fff;}
						
						</style>
						
						<div class="flex column">
							<a href="agence-immobiliere/hauts-de-france/pas-de-calais/berck/maisons-les-naturelles/" target="_blank">Maisons Les Naturelles</a>
							<small class="texte">Active dans la commune</small>
						</div>
					</div>
				</td>
				
				<td data-nom="nombre_mandats"
					data-titre="Total des mandats"
					class="align_center">
					57
				</td>
				
				<td data-nom="nombre_mandats_locaux"
					data-titre="Nombre de mandats locaux"
					class="align_center">
					1
				</td>	

				<td data-nom="pdm_agence"
					data-titre="Part de marché agence"
					class="align_center"
					data-sort="16.6667">
					16,7 %					
				</td>
				
			<td data-nom="pdm"
					data-titre="Part de marché globale"
					class="align_center"
					data-sort="12.5000">
					12,5 %					
				</td>				

				<td class="ouvrir_drawer">
					<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_noir.png"/>
				</td>				
				
			</tr>
			

		</tbody>
			
	</table>	
	</div>

</section>											
					<section class="boite">

	<h1>Communes limitrophes</h1>
	

	

<table>
	
	<thead>
		<tr>
			<th>Commune</th>
			<th>Agences implantées</th>
			<th>Agences actives</th>
		</tr>
	</thead>
	
	<tbody>
	
	
	<tr>
		
		<td><a href="https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/planques/">Planques</a></td>		
		<td>0</td>		
		<td>2</td>		

	</tr>
	
	<tr>
		
		<td><a href="https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/fruges/">Fruges</a></td>		
		<td>1</td>		
		<td>17</td>		

	</tr>
	
	<tr>
		
		<td><a href="https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/crequy/">Créquy</a></td>		
		<td>0</td>		
		<td>4</td>		

	</tr>
	
	<tr>
		
		<td><a href="https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/coupelle-neuve/">Coupelle-Neuve</a></td>		
		<td>0</td>		
		<td>0</td>		

	</tr>
	
	<tr>
		
		<td><a href="https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/canlers/">Canlers</a></td>		
		<td>0</td>		
		<td>1</td>		

	</tr>
	
	<tr>
		
		<td><a href="https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/azincourt/">Azincourt</a></td>		
		<td>0</td>		
		<td>0</td>		

	</tr>
	
	<tr>
		
		<td><a href="https://profession.immo/agence-immobiliere/hauts-de-france/pas-de-calais/avondance/">Avondance</a></td>		
		<td>0</td>		
		<td>0</td>		

	</tr>
	
	
	</tbody>
	
</table>

	
</section>		
					
				</section>	
				
				<aside id="switcher" class="carte">
					<section class="carte flex column">

	<main
		id="carte"
		
		data-thematique="agence"
		data-objet="ville"
		data-id_objet="24226"
		data-lat="50.4805"
		data-lng="2.1206"
		data-zoom="10.5"
	></main>
	
	<footer class="carte"></footer>

</section>				</aside>					
				
			</section>		
			
		</main>

	</article>

	<footer class="pre_footer">
<main class="wrapper flex column align_center justify_center">

	<img src="plugins/proimmo/squelettes/global/images/logo_blanc.png" width="150"/>	
			
	<p>Profession.immo analyse, compare et éclaire sur la performance des professionnels de l'immobilier.
	<br/>Notre approche indépendante et fondée sur la donnée révolutionne l'analyse immobilière en France.</p>
			
</main>
</footer>

<footer class="main">
<main class="wrapper flex align_center justify_center">
	
	<section class="colonne flex column">
		
		<ul>
			<li>Équipe éditoriale</li>
			<li>Équipe éditoriale</li>
		</ul>	
		
		<span>
			© 2026
			</br>
			Tous droits réservés.
		</span>
		
	</section>
	
	<section class="colonne flex column">
		
		<strong>Solutions pro</strong>
		
		<ul>
			<li>Réseaux immobiliers</li>
			<li>Agents immobiliers</li>
			<li>Mandataires</li>
			<li>Institutionnels</li>
			<li>Médias</li>
		</ul>
		
		
		
		
	</section>		

</main>
</footer>

<div id="overlay"></div>
<div id="menu_overlay"></div>
<div id="drawer_overlay"></div>
<div id="drawer">
	<img id="drawer_fermer" src="plugins/proimmo/squelettes/global/images/croix_noire.png" alt="Fermer">
	<div class="drawer_contenu"></div>
</div>

<section id="menu_lateral">

    <header class="flex space_evenly">
		<img class="logo" src="plugins/proimmo/squelettes/global/images/logo_proimmo_blanc.png?2" width="120"/>
		<a href="/agence-immobiliere/hauts-de-france/pas-de-calais/ruisseauville#" id="menu_fermer"><img class="logo" src="plugins/proimmo/squelettes/global/images/croix_blanche.png?3" width="24"/></a>
	</header>
	
	<div class="moteur_recherche" id="moteur_recherche">

    <button class="bouton_recherche">⌕</button>
	
	<input	type="text"
			name=""
			id="input_recherche_header"
			
			class="recherche_autocomplete"
			placeholder="Rechercher sur pro.immo"
			data-action="rediriger"
			data-endpoint="spip.php?page=recherche" />
		   
	<img id="vider_recherche" class="vider_recherche" src="plugins/proimmo/squelettes/global/images/croix_blanche.png?3" width="18" height="18" alt="">	
	
    <div class="liste_suggestions" id="liste_suggestions"></div>

</div>	
    <main>
	
		<ul id="menu_racine">
		
			<li>
				<a href="https://profession.immo">
					<img class="picto" src="plugins/proimmo/squelettes/global/images/accueil_blanc.png?2"/>
					<span>Accueil</span>
				</a>
			</li>
			
			<li>
				<a data-cible="mandataire">
					<img class="picto" src="plugins/proimmo/squelettes/global/images/pictogramme_unisexe.png"/>
					<span>Mandataire immobilier</span>
					<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_blanc.png"/>
				</a>
			</li>
			

			<li>
				<a data-cible="agence">
					<img class="picto" src="plugins/proimmo/squelettes/global/images/pictogramme_agence_immobiliere.png"/>
					<span>Agence immobilière</span>
					<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_blanc.png"/>
				</a>
			</li>
			
			<li>
				<a data-cible="prix">
					<img class="picto" src="plugins/proimmo/squelettes/global/images/pictogramme_evolution.png"/>
					<span>Prix immobilier</span>
					<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_blanc.png"/>
				</a>
			</li>

			<li>
				<a data-cible="notaire">
					<img class="picto" src="plugins/proimmo/squelettes/global/images/pictogramme_notaire.png"/>
					<span>Notaires</span>
					<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_blanc.png"/>
				</a>
			</li>			
			
		</ul>
	
		<section class="sous_menu" data-menu="mandataire">

	<header>
		<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_blanc.png"/>
		<span>Mandataire immobilier</span>
	</header>
	
	<a class="accueil" href="mandataire-immobilier/">
		<img class="picto" src="plugins/proimmo/squelettes/global/images/pictogramme_unisexe_noir.png" width="20"/>
		Accueil | Mandataire
		<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_noir.png"/>
	</a>
	
	<main>
			
		<ul class="">
		
			<li>
				<a href="mandataire-immobilier/devenir-mandataire/">
					<span>Devenir mandataire</span>
				</a>
			</li>
			
			<li>
				<a href="https://profession.immo">
					<span>Où s'installer ?</span>
				</a>
			</li>	

			<li>
				<a href="https://profession.immo">
					<span>Salaire & rémunération</span>
				</a>
			</li>				
			
		</ul>
		
	</main>
	
</section>		<section class="sous_menu" data-menu="agence">

	<header>
		<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_blanc.png"/>
		<span>Agence immobilière</span>
	</header>
	
	<a class="accueil" href="agence-immobiliere/">
		<img class="picto" src="plugins/proimmo/squelettes/global/images/pictogramme_agence_immobiliere_noir.png" width="20"/>
		Accueil Agence immobilière
		<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_noir.png"/>
	</a>
	
	<main>
	
		<ul class="">
		
			<li>
				<a href="https://profession.immo">
					<span>xxxx</span>
				</a>
			</li>
			
			<li>
				<a href="https://profession.immo">
					<span>yyyy</span>
				</a>
			</li>	

			<li>
				<a href="https://profession.immo">
					<span>xxxxx</span>
				</a>
			</li>				
			
		</ul>
		
	</main>
	
</section>		<section class="sous_menu" data-menu="prix">

	<header>
		<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_blanc.png"/>
		<span>Prix de l'immobilier</span>
	</header>
	
	<a class="accueil" href="prix-immobilier/">
		<img class="picto" src="plugins/proimmo/squelettes/global/images/pictogramme_evolution_noir.png" width="20"/>
		Accueil Prix de l'immobilier
		<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_noir.png"/>
	</a>
	
	<main>
	
		<ul class="">
		
			<li>
				<a href="https://profession.immo">
					<span>xxxx</span>
				</a>
			</li>
			
			<li>
				<a href="https://profession.immo">
					<span>yyyy</span>
				</a>
			</li>	

			<li>
				<a href="https://profession.immo">
					<span>xxxxx</span>
				</a>
			</li>				
			
		</ul>
		
	</main>
	
</section>		<section class="sous_menu" data-menu="notaire">

	<header>
		<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_blanc.png"/>
		<span>Notaires</span>
	</header>
	
	<a class="accueil" href="notaire/">
		<img class="picto" src="plugins/proimmo/squelettes/global/images/pictogramme_notaire_noir.png" width="20"/>
		Accueil | Notaire
		<img class="chevron" src="plugins/proimmo/squelettes/global/images/chevron_droite_noir.png"/>
	</a>
	
	<main>
	
		<ul class="">
		
			<li>
				<a href="https://profession.immo">
					<span>xxxx</span>
				</a>
			</li>
			
			<li>
				<a href="https://profession.immo">
					<span>yyyy</span>
				</a>
			</li>	

			<li>
				<a href="https://profession.immo">
					<span>xxxxx</span>
				</a>
			</li>				
			
		</ul>
		
	</main>
	
</section>
	
	</main>
	
	
</section>	<script>

//to do
<!-- new Sortable(document.querySelector("table"), { -->
    <!-- dataIdAttr: "data-value", // Trie selon data-value -->
    <!-- sort: true -->
<!-- }); -->

</script>
</body>

</html>