Outiref

Code source de l'URL : https://www.astussimo.com

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
	  	<title>Blog immobilier &amp; conseils pour investir et construire</title>
    <meta name="description" content="Astussimo met à votre disposition des conseils et astuces pour gérer au mieux vos investissements immobilier (location, achat, vente, fiscalité, construction etc)" />
    <meta name="keywords" content="immobilier" />    
	    <meta name="robots" content="index,follow"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    	<meta name="google-site-verification" content="YsOVnqMIbnfqsdZX1kG-2lXAORTif8y3_haH6zkH3ew"/>
	    <meta charset="utf-8">
    <base href="https://www.astussimo.com" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Astus immobilier">
    <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
    <meta name="msapplication-TileImage" content="img/touch/ms-touch-icon-144x144-precomposed.png">
    <meta name="msapplication-TileColor" content="#3372DF">

    <!-- 26fe867a458b5996 -->
    
    <link rel="canonical" href="https://www.astussimo.com/"/>
    	<link rel="shortcut icon" type="image/x-icon" href="/faviconvao.ico" />
	<link rel="stylesheet" href="css/main.css">
        
<link rel="stylesheet" href="css/index.css">

    <!--[if lte IE 9]>
    <link rel="stylesheet" type="text/css" href="css/ie9.css" />
    <![endif]-->
    <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-DGVDM3CYKC"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-DGVDM3CYKC');
    </script>
    
  </head>
  <body>
    <div class="app-bar promote-layer">
      <div class="app-bar-container">
        <div class="wrapper-logo">
          <h1 class="logo"><span style="display:none">Astussimo</span><a class="logo" href="https://www.astussimo.com/" title="Blog Immobilier"><img src="img/fond-logo.jpg" alt="Blog Immobilier "/></a></h1>        </div>
        <div class="app-bar-actions">
          <div class="bloc-social text-center">
          	            <a target="_blank" href="https://www.facebook.com" title="Facebook"><i class="icon icon-facebook"></i></a>            <a target="_blank" href="http://www.google.com" title="Google Plus"><i class="icon icon-google"></i></a>            <a target="_blank" href="http://twitter.com" title="Twitter"><i class="icon icon-twitter"></i></a>            <a href="https://www.astussimo.com/rss" title="Flux RSS"><i class="icon icon-feed"></i></a>
                      </div>
          <div class="bloc-search clearfix">
            <form action="https://www.astussimo.com/article/search" method="get" class="form">
              <div class="line">
                <div class="wrapInput">
                  <input name="q" type="text" placeholder="Rechercher">
                </div>

              </div>
              <div class="line"><input type="submit" id="btn-search" name="doSearch" value=" "></div>
            </form>
          </div>
        </div>
      </div>
      <div class="wrapper-btn-mobile">
        <button class="menu"><img src="img/hamburger.svg" alt="Menu"></button>
        <div class="wrapper-search-share">
          <div class="wrapper-search">
            <span class="icon icon-search"></span>
          </div>
                    <div class="wrapper-share">
            <span class="icon icon-share"></span>
          </div>
                  </div>
      </div>
    </div>

    <div id="nav" class="navdrawer-container promote-layer">
      <p class="h4">Navigation</p>
      <ul>
      <li><a class="home" href="https://www.astussimo.com/"><i class="icon-home"></i></a></li><li><a href="https://www.astussimo.com/1-investissement" title="Investissement">Investissement</a><ul class="sub-menu"></ul></li><li><a href="https://www.astussimo.com/2-construction" title="Construction">Construction</a><ul class="sub-menu"><li><a href="https://www.astussimo.com/5-hebergement" title="Hebergement">Hebergement</a></li></ul></li><li><a href="https://www.astussimo.com/3-location" title="Location">Location</a><ul class="sub-menu"></ul></li><li><a href="https://www.astussimo.com/4-deco" title="Déco">Déco</a><ul class="sub-menu"></ul></li>
 	  <li><a href="/contact" title="Contactez-nous">Contact</a></li>       

      </ul>
    </div>

    <div class="wrapper">
      <div id="main">
        <div class="main left">

	<div class="bloc">
		<h2 class="bloc-title"> Nos coups de cœur </h2>
		<div class="bloc-content destination">
						<div class="unDestination">
				<div class="wrapImgDestination">
										<img src="/media/cache/article_thumbs/img/articles/c444dc2ec9ae5002fb2a16ecc838229470e4b74e.jpeg"  alt="Crédit immobilier : pour une nouvelle prédisposition" />
				</div>
				<div class="absDestination">
					<div class="wrapDescDestination">
						<h3><a href="/investissement/105-credit-immobilier-pour-une-nouvelle-predisposition">Admin</a></h3>
						<p class="hide-tablet">Il est assez difficile de se retrouver concernant le taux d&rsquo;int&eacute;r&ecirc;t des pr&ecirc;ts...</p>
					</div>
					<a href="/investissement/105-credit-immobilier-pour-une-nouvelle-predisposition" title="D&eacute;couvrir" class="more">D&eacute;couvrir</a>
				</div>
			</div>
						<div class="unDestination">
				<div class="wrapImgDestination">
										<img src="/media/cache/article_thumbs/img/articles/27a3f7fea1a0173303aaaca0a1c2e2f037478a30.jpeg"  alt="Comment investir dans l’immobilier avec la loi pinel ?" />
				</div>
				<div class="absDestination">
					<div class="wrapDescDestination">
						<h3><a href="/investissement/99-comment-investir-dans-l-immobilier-avec-la-loi-pinel">Admin</a></h3>
						<p class="hide-tablet">Vous envisagez d&rsquo;investir dans l&rsquo;immobilier mais avant tout, vous souhaitez vous renseigner...</p>
					</div>
					<a href="/investissement/99-comment-investir-dans-l-immobilier-avec-la-loi-pinel" title="D&eacute;couvrir" class="more">D&eacute;couvrir</a>
				</div>
			</div>
						<div class="unDestination">
				<div class="wrapImgDestination">
										<img src="/media/cache/article_thumbs/img/articles/07936a264b2307c6a2aa25d76c887931c7f837da.jpeg"  alt="Quelques conseils pour faire des économies grâce à l&#039;assurance emprunteur" />
				</div>
				<div class="absDestination">
					<div class="wrapDescDestination">
						<h3><a href="/investissement/188-quelques-conseils-pour-faire-des-economies-grace-a-l-assurance-emprunteur">Admin</a></h3>
						<p class="hide-tablet">En g&eacute;n&eacute;ral, l'assurance cr&eacute;dit co&ucirc;te cher. Heureusement, le Conseil constitutionnel...</p>
					</div>
					<a href="/investissement/188-quelques-conseils-pour-faire-des-economies-grace-a-l-assurance-emprunteur" title="D&eacute;couvrir" class="more">D&eacute;couvrir</a>
				</div>
			</div>
			
		</div>
	</div>



	
    <div class="homeSlider">
            <h2 class="bloc-title">Conseils immo</h2>
        <div class="carousel-container bloc">
			<div class="carousel">
													<div class="carousel-feature">
					<a href="/conseils-immo/3/vente" title="Vente">
										<img class="carousel-image" alt="Vente" src="/media/cache/destination_thumbs/img/destination/6c498d82795cc8bb5dffe2685a5e82412826ecfc.png">
										<div class="carousel-caption hide-tablet hide-mobile">
						<span>D&eacute;couvrir</span>
					</div>
						</a>
						<p class="destination">Vente</p>
				</div>
									<div class="carousel-feature">
					<a href="/conseils-immo/4/location" title="Location">
										<img class="carousel-image" alt="Location" src="/media/cache/destination_thumbs/img/destination/9d633d4f72419670a6d5b8d168cffe2fe4bc9954.jpeg">
										<div class="carousel-caption hide-tablet hide-mobile">
						<span>D&eacute;couvrir</span>
					</div>
						</a>
						<p class="destination">Location</p>
				</div>
									<div class="carousel-feature">
					<a href="/conseils-immo/6/construction-2016" title="Construction">
										<img class="carousel-image" alt="Construction" src="/media/cache/destination_thumbs/img/destination/c5f4bdf6ebd589ee67a07762548e50f58e822487.png">
										<div class="carousel-caption hide-tablet hide-mobile">
						<span>D&eacute;couvrir</span>
					</div>
						</a>
						<p class="destination">Construction</p>
				</div>
									<div class="carousel-feature">
					<a href="/conseils-immo/1/astuces" title="Astuces">
										<img class="carousel-image" alt="Astuces" src="/media/cache/destination_thumbs/img/destination/d9bf9052bbc10cb0fd6ffaec29fcf74d43c93b9f.jpeg">
										<div class="carousel-caption hide-tablet hide-mobile">
						<span>D&eacute;couvrir</span>
					</div>
						</a>
						<p class="destination">Astuces</p>
				</div>
									<div class="carousel-feature">
					<a href="/conseils-immo/2/achat" title="Achat">
										<img class="carousel-image" alt="Achat" src="/media/cache/destination_thumbs/img/destination/65bc1b45c56664083c68768f37f6da55105c4b8f.png">
										<div class="carousel-caption hide-tablet hide-mobile">
						<span>D&eacute;couvrir</span>
					</div>
						</a>
						<p class="destination">Achat</p>
				</div>
								</div>
			<div class="carouselbutton" id="carousel-left">
			</div>
				<div class="carouselbutton" id="carousel-right">
				</div>
							<p class="alldestination"><a href="https://www.astussimo.com/conseils-immo/" title="Voir tous les conseils immo">Voir tous les conseils immo &gt;&gt;</a></p>
		</div>
	</div>
	
			<div class="latestArticle">
								<h2 class="bloc-title">Derniers articles</h2>

																<div class="latest">
									<div class="date">
										<span>MARS</span>
										<span class="day">17</span>
										<span>2026</span>
									</div>
																		<div class="wrapImgLatest hide-mobile">
										<img src="/media/cache/articleHp_thumbs/img/articles/99c6cb784c9db27349eb78d1f9faa5720a0f80ba.jpeg" alt="Tout ce qu&#039;il faut savoir sur l&#039;entretien des parties communes d&#039;un immeuble" >
									</div>
																		<div class="wrapContentLatest">
										<h3><a href="/construction/574-entretien-parties-communes-immeuble" title="">Tout ce qu&#039;il faut savoir sur l&#039;entretien des parties communes d&#039;un immeuble</a></h3>
										<p>Les parties communes d'un immeuble constituent l'espace partag&eacute; entre tous les r&eacute;sidents : halls d'entr&eacute;e, couloirs, cages d'escalier, locaux &agrave; v&eacute;los, caves collectives ou encore parkings souterrains.&nbsp;
										<a href="/construction/574-entretien-parties-communes-immeuble" title="" class="lire">lire la suite</a>	
										</p>
										<div class="comment clearfix">
																						<p class="hide-mobile">Dans
																						<a href="/2-construction">Construction</a>
																						</p>
																						<p class="commentaire">0 <span>Commentaire</span></p>
										</div>
									</div>
								<div class="clearfix">
								</div>
							</div>
															<div class="latest">
									<div class="date">
										<span>FÉV</span>
										<span class="day">19</span>
										<span>2026</span>
									</div>
																		<div class="wrapImgLatest hide-mobile">
										<img src="/media/cache/articleHp_thumbs/img/articles/c8a1154c10c922c85fe0c1b8c02da9e4d8dfd03c.jpeg" alt="Syndic de copropriété : Les missions et responsabilités essentielles" >
									</div>
																		<div class="wrapContentLatest">
										<h3><a href="/hebergement/573-syndic-de-copropriete-missions-responsabilites-essentielles" title="">Syndic de copropriété : Les missions et responsabilités essentielles</a></h3>
										<p>Le syndic de copropri&eacute;t&eacute; repr&eacute;sente une figure centrale dans la gestion quotidienne des immeubles collectifs. Son r&ocirc;le d&eacute;passe souvent la simple perception des charges pour englober des responsabilit&eacute;s administratives, techniques et juridiques complexes.&nbsp;
&nbsp;
&nbsp;
&nbsp;
										<a href="/hebergement/573-syndic-de-copropriete-missions-responsabilites-essentielles" title="" class="lire">lire la suite</a>	
										</p>
										<div class="comment clearfix">
																						<p class="hide-mobile">Dans
																						<a href="/5-hebergement">Hebergement</a>
																						</p>
																						<p class="commentaire">0 <span>Commentaire</span></p>
										</div>
									</div>
								<div class="clearfix">
								</div>
							</div>
															<div class="latest">
									<div class="date">
										<span>FÉV</span>
										<span class="day">16</span>
										<span>2026</span>
									</div>
																		<div class="wrapImgLatest hide-mobile">
										<img src="/media/cache/articleHp_thumbs/img/articles/c15e27cb5b17199b7602cff664c74a0072125ff9.jpeg" alt="Comment les couvreurs gèrent les conditions météorologiques ?" >
									</div>
																		<div class="wrapContentLatest">
										<h3><a href="/construction/572-comment-couvreurs-gerent-conditions-meteorologiques" title="">Comment les couvreurs gèrent les conditions météorologiques ?</a></h3>
										<p>Les couvreurs jouent un r&ocirc;le essentiel dans la protection des b&acirc;timents contre les &eacute;l&eacute;ments. Leur travail consiste &agrave; installer, r&eacute;parer et entretenir les toitures, souvent dans des conditions m&eacute;t&eacute;orologiques difficiles.&nbsp;
&nbsp;
										<a href="/construction/572-comment-couvreurs-gerent-conditions-meteorologiques" title="" class="lire">lire la suite</a>	
										</p>
										<div class="comment clearfix">
																						<p class="hide-mobile">Dans
																						<a href="/2-construction">Construction</a>
																						</p>
																						<p class="commentaire">0 <span>Commentaire</span></p>
										</div>
									</div>
								<div class="clearfix">
								</div>
							</div>
															<div class="latest">
									<div class="date">
										<span>JAN</span>
										<span class="day">29</span>
										<span>2026</span>
									</div>
																		<div class="wrapImgLatest hide-mobile">
										<img src="/media/cache/articleHp_thumbs/img/articles/6278bebd3bd7b94623fc47a0815356ddf48dcbc0.jpeg" alt="Location appartement : comment être éligible ?" >
									</div>
																		<div class="wrapContentLatest">
										<h3><a href="/location/571-location-appartement-comment-etre-eligible" title="">Location appartement : comment être éligible ?</a></h3>
										<p>Trouver un appartement &agrave; louer peut sembler simple, mais &ecirc;tre &eacute;ligible aux yeux d&rsquo;un propri&eacute;taire ou d&rsquo;une agence immobili&egrave;re demande de remplir plusieurs conditions.
&nbsp;
&nbsp;
										<a href="/location/571-location-appartement-comment-etre-eligible" title="" class="lire">lire la suite</a>	
										</p>
										<div class="comment clearfix">
																						<p class="hide-mobile">Dans
																						<a href="/3-location">Location</a>
																						</p>
																						<p class="commentaire">0 <span>Commentaire</span></p>
										</div>
									</div>
								<div class="clearfix">
								</div>
							</div>
															<div class="latest">
									<div class="date">
										<span>JAN</span>
										<span class="day">22</span>
										<span>2026</span>
									</div>
																		<div class="wrapImgLatest hide-mobile">
										<img src="/media/cache/articleHp_thumbs/img/articles/5faa014063bcf3b56e49f81be117161bcaafc011.jpeg" alt="Coussin sur mesure et rideaux : comment les associer dans un salon ?" >
									</div>
																		<div class="wrapContentLatest">
										<h3><a href="/deco/569-coussin-sur-mesure-et-rideaux-comment-associer-dans-salon" title="">Coussin sur mesure et rideaux : comment les associer dans un salon ?</a></h3>
										<p>Dans votre salon, l&rsquo;association entre rideaux et coussin sur mesure change vite la perception de l&rsquo;espace. Les rideaux cadrent la pi&egrave;ce, filtrent la lumi&egrave;re et posent une ambiance.&nbsp;
&nbsp;
										<a href="/deco/569-coussin-sur-mesure-et-rideaux-comment-associer-dans-salon" title="" class="lire">lire la suite</a>	
										</p>
										<div class="comment clearfix">
																						<p class="hide-mobile">Dans
																						<a href="/4-deco">Déco</a>
																						</p>
																						<p class="commentaire">0 <span>Commentaire</span></p>
										</div>
									</div>
								<div class="clearfix">
								</div>
							</div>
							

						</div>


	

								
    <div class="pagination"> 
    
    
                        <span class="item active">1</span>
        
                    	            <a  href="/?page=2">2</a>
                    
                    	            <a  href="/?page=3">3</a>
                    
                    	            <a  href="/?page=4">4</a>
                    
                    	            <a  href="/?page=5">5</a>
                    
    
            <a href="/?page=2">Suivant</a>
    
            <a href="/?page=107">Derni&egrave;re</a>
        
    </div> 

								<!--<span>Première</span>
								<span>Précedente</span>
								<span class="current"><strong>Page1/2</strong></span>
								<a href="">Suivant</a>
								<a href="">Dernière</a>-->

					</div>
							           
<div class="aside right hide-mobile">
   
    <div class="bloc">
        <p class="bloc-title">Articles <span>les plus lus</span></p>
        
        <div class="bloc-content article arrow"> 
        	            <div class="unArticle"> 
            	                <div class="wrapThumb"> <img src="/media/cache/articleDroite_thumbs/img/articles/56afdaa54b125fcf6f8baabd545cd8fc70e5ee25.jpeg" alt="Deux bonnes raisons d’investir en Seine-Saint-Denis"> </div>
                                <div class="wrapArticle">
                  
                                      <h3>
                    <a href="/investissement/307-deux-bonnes-raisons-d-investir-en-seine-saint-denis" title=""  >Deux bonnes raisons d’investir en Seine-Saint-Denis</a>
                    </h3>
                                        <p>Pour tous vos projets d&rsquo;investissement dans l&rsquo;immobilier locatif, la Seine-Saint-Denis met...</p>
                </div>
            </div>
                        <div class="unArticle"> 
            	                <div class="wrapThumb"> <img src="/media/cache/articleDroite_thumbs/img/articles/3ed5e1b5dffa7873521dbdb971ad346b50a22e7b.png" alt="Pourquoi choisir un lit coffre ?"> </div>
                                <div class="wrapArticle">
                  
                                      <h3>
                    <a href="/deco/75-pourquoi-choisir-un-lit-coffre" title=""  >Pourquoi choisir un lit coffre ?</a>
                    </h3>
                                        <p>Le lit coffre est la solution &agrave; tous les besoins de place pour les petits espaces. Le lit coffre...</p>
                </div>
            </div>
                        <div class="unArticle"> 
            	                <div class="wrapThumb"> <img src="/media/cache/articleDroite_thumbs/img/articles/6b3c00b2cceb3467b285453387290c7cd09d1d6b.jpeg" alt="Comment appréhender l’achat d’un appartement ?"> </div>
                                <div class="wrapArticle">
                  
                                      <h3>
                    <a href="/investissement/47-comment-apprehender-l-achat-d-un-appartement" title=""  >Comment appréhender l’achat d’un appartement ?</a>
                    </h3>
                                        <p>T&ocirc;t ou tard, tout locataire envisage de quitter sa location pour l&rsquo;achat d&rsquo;un appartement....</p>
                </div>
            </div>
                        <div class="unArticle"> 
            	                <div class="wrapThumb"> <img src="/media/cache/articleDroite_thumbs/img/articles/1f2dbae1831eeeaeb1be6cc1f7b35bc52fd2b5ba.jpeg" alt="Créez l&#039;ambiance avec vos luminaires"> </div>
                                <div class="wrapArticle">
                  
                                      <h3>
                    <a href="/deco/139-creez-l-ambiance-avec-vos-luminaires" title=""  >Créez l&#039;ambiance avec vos luminaires</a>
                    </h3>
                                        <p>L&rsquo;&eacute;clairage est l&rsquo;un des aspects dont on doit faire attention pour d&eacute;corer...</p>
                </div>
            </div>
             
        </div>
    </div>
    <div class="bloc hide-mobile">  <p class="bloc-title special">Astuces <span>immobilières </span></p>
        <div class="bloc-content astuces"> 
        	            <div class="travel travel-first"> 
                        	 <img src="/media/cache/astuces_thumbs/img/destination/d9bf9052bbc10cb0fd6ffaec29fcf74d43c93b9f.jpeg" alt="Astuces">                 <div class="mask">
                    <p>Astuces</p>
                    <a href="/conseils-immo/1/astuces" title="Astuces"></a> </div>
            </div>
             </div>
     </div>
        <div class="bloc hide-mobile">
        <p class="bloc-title">Mots <span>cl&eacute;s</span></p>
        <div class="bloc-content tag arrow"> 
        	 
            <a class="tag1" href="/tag/36/Armoire%20de%20salle%20de%20bain">Armoire de salle de bain</a> 
             
            <a class="tag1" href="/tag/27/Construction">Construction</a> 
             
            <a class="tag1" href="/tag/34/d%C3%A9coration%20int%C3%A9rieure">décoration intérieure</a> 
             
            <a class="tag1" href="/tag/33/Financement,%20construction">Financement, construction</a> 
             
            <a class="tag1" href="/tag/31/immo">immo</a> 
             
            <a class="tag1" href="/tag/28/Investissement">Investissement</a> 
             
            <a class="tag1" href="/tag/30/inveti">inveti</a> 
             
            <a class="tag1" href="/tag/37/Isolation%20thermique%20par%20l%27ext%C3%A9rieur">Isolation thermique par l&#039;extérieur</a> 
             
            <a class="tag1" href="/tag/25/Location">Location</a> 
             
            <a class="tag1" href="/tag/26/maison">maison</a> 
             
            <a class="tag1" href="/tag/38/peinture">peinture</a> 
             
            <a class="tag1" href="/tag/32/Relooking">Relooking</a> 
             
            <a class="tag1" href="/tag/39/respect%20r%C3%A8gles%20urbanisme">respect règles urbanisme</a> 
             
            <a class="tag1" href="/tag/35/Terrain%20nu%20constructible">Terrain nu constructible</a> 
             
            <a class="tag1" href="/tag/29/Villa%20de%20luxe%20Moderne">Villa de luxe Moderne</a> 
             
        </div>
    </div>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<!-- 350x300-blogosvref -->
	<ins class="adsbygoogle"
	     style="display:block;"
	     data-ad-client="ca-pub-9243510381400719"
	     data-ad-slot="3450598046"
         data-ad-format="auto"></ins>
	<script>
		(adsbygoogle = window.adsbygoogle || []).push({});
	</script>
</div>

		<div id="clear"></div>
      </div>
	  <div id="bottom"></div>
    </div>

    <div id="footer">
      <div class="wrapper-prefooter">
        <div class="preFooter"> 
        
          <a href="https://www.astussimo.com/partenaire/" class="partner"> <span class="hide-mobile">Nos partenaires</span></a>
          <a href="/contact" class="contact"><span class="hide-mobile"> Nous contacter</span></a>
          <span class="social-link"><span class="hide-mobile">Restons connectés<span class="hide-tablet">:</span></span>
	          <span class="icon-social hide-mobile hide-tablet">
                <a href="https://www.astussimo.com/rss" title="Flux RSS" class="icon icon-feed-white"></a>
                <a target="_blank" href="http://twitter.com" title="Twitter" class="icon icon-twitter-white"></a>                <a target="_blank" href="http://www.google.com" title="Google Plus" class="icon icon-google-white"></a>                <a target="_blank" href="https://www.facebook.com" title="Facebook" class="icon icon-facebook-white"></a>              </span>
          </span>
        </div>
      </div>
      <div class="wrapper-imprint">
        <div class="imprint clearfix">
          <p class="left"> Copyright 14 04 26 - <a href="https://www.astussimo.com/">Astussimo.com </a></p>
          <p class="right">Création et développement &gt; <a title="Création et développement"  href="http://www.softibox.com" target="_blank">Softibox</a></p>
        </div>
      </div>
    </div>
	<script src="js/vendor/plugins.min.js"></script>
    <script src="js/main.js"></script>
    <script>
      $(function(){
        $('.carousel').slick({
          infinite: true,
          speed: 1000,
          slidesToShow: 3,
          responsive: [
            {
              breakpoint: 1024,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 1,
              }
            },
            {
              breakpoint: 768,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
              }
            },
            {
              breakpoint: 480,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
              }
            }
          ]
        });
        $('.desc').jScrollPane();	
      });
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&hl=fr"></script>
<script type="text/javascript">
    $(function(){
        var destinations = new Array() ;//liste des destinations
        var itemIconLocation = '';
                                  
                                  
                                  
                                  
                                  
                                  
                
        //console.log(destinations);

        //Lance l'affichage du googlemap
        initialize(destinations, 'map-area',  itemIconLocation) ;
    }) ; 

    /*
    * @description: fonction d'initialisation de la carte
    * @params items array tableau d'ojet contenant tous les objet à afficher
    * @params itemIconLocation string dossier contenant les pictos des items
    * @ return void
    */
    function initialize(items, idContainer,itemIconLocation){
        /*config pour la carte*/
            //options de la carte
            
            var mapOptions = {
                scaleControl: true,
                center: {lat: 29.840556, lng: 89.29667},
                zoom:2,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            //instanciation d'un objet google map (carte)
            //var map 					= new google.maps.Map(document.getElementById("carte"),	mapOptions);
            var map 					= new google.maps.Map(document.getElementById(idContainer),	mapOptions);

            // Enable the visual refresh
            google.maps.visualRefresh 	= true;
            // Déclaration de l'objet qui définira les limites de la map
            var bounds 					= new google.maps.LatLngBounds();
        /*config pour la carte*/

        /*affichage des items*/
            var itemInfosWindow 			= new google.maps.InfoWindow() ;
            for(var index = 0; index < items.length; index++){
                //var markerIndex = index + 1 ;
                var item = items[index] ;
                // on étend la carte jusqu'à la nouvelle coordonnées
                bounds.extend(item.latLng) ;
                //marker de l'item
                var itemMarker 			= createMarker(item.latLng, item.nom.replace('&#039;', "\'")) ;
                // On lie le marker à un popup pour un click
                google.maps.event.addListener(itemMarker, 'click', (function(itemMarker,item) {
                        return function() {
                          itemInfosWindow.setContent(getHtmlItemInfos(item));
                          itemInfosWindow.open(map, itemMarker);
                        }
                    })(itemMarker,item)
                );
                //On ajoute le marker à la carte
                itemMarker.setMap(map);

                //On affiche la carte avec un zoom adapté afin de voir tous nos markers
                // map.fitBounds(bounds);
            }
        /*affichage des items*/
    }    
    
    /*
    * @description: fonction créant le code html du contenu du popup d'un marker
    * @params item object
    * @return html string: le contenu html du popup
    */
    function getHtmlItemInfos(item){
        var html 	= '<div style="width: 171px; overflow:hidden; height:auto;">';
        html       += '<div style="float:left; width: 100%; margin-right:8px; overflow:hidden">';        
        if (item.link!=""){
            html   	   += '<h3><a style="color:#B81F3E; font-size:12px"  class="item_view_map" href="'+item.link+'" title="'+item.nom+'">'+item.nom+'</a></h3>';
			html   	   += '<p>'+item.descriptif+'</p>';
        }else{
            html   	   += '<h3>'+item.nom+'</h3>';
			html   	   += '<p>'+item.descriptif+'</p>';
        }
        html       += '</div>';
        return html ;
    }    
    
    /*
    * Fonction de création d'un marker GoogleMap
    */
    function createMarker(markerLatLng, title,content){
        var marker = new google.maps.Marker({
                            position: markerLatLng,
                            content: content,
                            title: title
                        });

        return marker ;
    } 
</script>
    
  </body>
</html>