Outiref
<!DOCTYPE html>
<!-- saved from url=(0037) -->
<html lang="fr-FR" prefix="og: http://ogp.me/ns#"><!--<![endif]-->
<head>
     <!-- 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-WWXZS33');</script>
		<!-- End Google Tag Manager -->
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, width=device-width">
        <meta name="title" content='Colocation Nantes en 2019'>
            <meta name="description" content="La colocation Nantes en 2019.Soyez sélectifs ! Sélectionnez vos colocataires selon une multitude de critères(sport, passion, école, métier, style de vie...) Des milliers de colocataires ! Rejoignez la communauté">
        <meta id="e_metaKeywords" name="KEYWORDS" content="Colocation, Chambre à louer, Sous-location, Colocataire,logements etudiants">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="tjeVR2VmFEfA1LqgTNAqBnMxCrobFYGn8PkMSjdD">
    <meta name="google-site-verification" content="vWRsdZ3-d863Hdr7ZQKc1ysH0dEkYpB8ovZk99oA9wE" />
    <title>
                Colocation Nantes en 2019 
            </title>
    
        <meta property="og:title" content="Colocation Nantes en 2019"/> 
             <meta property="og:description" content="La colocation Nantes en 2019.Soyez sélectifs ! Sélectionnez vos colocataires selon une multitude de critères(sport, passion, école, métier, style de vie...) Des milliers de colocataires ! Rejoignez la communauté"/>
        
    <meta property="og:image" content="https://www.bailti.fr/img/lefond.jpeg" />
    <meta property="og:locale" content="fr_FR"/>
    <meta property="og:url" content="https://www.bailti.fr/"/>
    <meta property="og:site_name" content="bailti"/>
    <meta property="og:type" content="website"/>
    <link rel="icon" href="/img/favicon.png">
    <!-- <meta name="robots" content="noindex"> -->
   
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/css/styleHome.min.css" rel="stylesheet" type="text/css">
    <link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
    <link href="/css/intlTelInput/intlTelInput.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,500i,700,900" rel="stylesheet">
    <link rel="canonical" href="https://www.bailti.fr" />
    <link href="/css/popup-home.min.css" rel="stylesheet" type="text/css">

</head>
<body>
    <!-- Google Tag Manager (noscript) -->
		<noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-WWXZS33'
		height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
		<!-- End Google Tag Manager (noscript) -->
    <input type="hidden" id="server_ip" value="82.165.65.251"/><input type="hidden" id="server_domaine" value="https://www.bailti.fr"/>
    <!--star header-->
    <section class="header clearfix">
        <div class="head header">
            <div class="h2-ville">
                <h2>
                                        Colocations Nantes, Colocataires Nantes &amp; Chambres à louer
                                    </h2>
            </div>
            <div class="div-image-fond">
                         <img src="/images/fondsDesVilles/Nantes.jpg"  width="1900" class="img-slide-home slide-img" alt="Colocation Nantes">
                         
            </div>
            <div class="div-content-acceuil">
                <div class="div-image-fond">
                                 <img src="/images/fondsVille/Nantes.jpg"  width="1900" class="img-slide-home slide-img" alt="Colocation Nantes">
                                 
                </div>
                
                <div class="vert_line"></div>
                <div class="pub_log">
                    <span class="text-white"><a class="post_an_ad" href="/publiez-annonce">Publier votre annonce</a></span>
                    <span  class="span-not-connected" >
                                                <a id="btnRegister" href="javascript:" class="buttonSearchButton">S&#039;inscrire</a> <span style="margin:0px;">|</span> <a href="https://www.bailti.fr/connexion">Connectez-vous</a> 
                                            </span>

                </div>



                <div class="logo_section">
                    <div class="logo"><a href="/"><img src="/img/blue-logo.png" width="1600" height="720" alt="logo"></a></div>
                    <div class="title">
                        <h1>
                                                 Colocation Nantes en 2019
                                                <div class="many_users">Des milliers d&#039;utilisateurs par jour</div>
                        </h1>
                    </div>

                </div>
                <form id="home-search-sc2" method="POST" action="https://www.bailti.fr/rechercher-annonce">
                <input type="hidden" name="_token" value="tjeVR2VmFEfA1LqgTNAqBnMxCrobFYGn8PkMSjdD">
                <div class="h_search">
                        <img src="/img/home.png" alt="">
                        <input id="address" class="text_search text-white pb-1 pl-2" name="address" placeholder="Où rechercher ?"   value="Nantes, Pays de la Loire, France"  >
                        <a href="javascript:" class="buttonSearchButton"><span class="buttonRecherche"></span></a>
                        <div class="error-address">Lieux introuvable. Merci de réessayer.</div>
                </div>
                <input type="hidden" id="first_latitude" name="latitude"   value="47.218371"  >
                <input type="hidden" id="first_longitude" name="longitude"   value="-1.553621"  >
                <input type="hidden" id="search_scenario_id" name="scenario_id"  value="2" >
                                <input type="hidden" name="Search" value="Search">
                <div class="vert_line2"></div>
                <div class="search_filter">
                    <div class="custom-control custom-checkbox">
                        <span data-id="1" class="type_scenario last-type-scenario type_scenario_1">
                            <label class="container-checkbox">
                              Logement entier
                              <input type="checkbox" id="customCheck1"  value="1" class="check-upsel" name="customCheck1">
                              <span class="checkmark"></span>
                            </label>
                        </span>
                        <span data-id="2" class="type_scenario last-type-scenario type_scenario_2">
                            <label class="container-checkbox">
                              Colocation
                              <input type="checkbox" id="customCheck2" checked value="2" class="check-upsel" name="customCheck2">
                              <span class="checkmark"></span>
                            </label>
                        </span>
                        <span data-id="3" class="type_scenario last-type-scenario type_scenario_3">
                            <label class="container-checkbox">
                              Locataire
                              <input type="checkbox" id="customCheck3"  value="3" class="check-upsel" name="customCheck3">
                              <span class="checkmark"></span>
                            </label>
                        </span>
                        <br class="retour-scenario">
                        <span data-id="4" class="type_scenario last-type-scenario type_scenario_4">
                            <label class="container-checkbox">
                              Colocataire
                              <input type="checkbox" id="customCheck4"  value="4" class="check-upsel" name="customCheck4">
                              <span class="checkmark"></span>
                            </label>
                        </span>
                        <span data-id="5" class="type_scenario last-type-scenario type_scenario_5">
                            <label class="container-checkbox">
                              Monter une colocation
                              <input type="checkbox" id="customCheck5"  value="5" class="check-upsel" name="customCheck5">
                              <span class="checkmark"></span>
                            </label>
                        </span>
                        
                    </div>
                    <div class="post_ad_div"><div class="text-rechercher">Vous recherchez un locataire ?</div><a class="annonce post-job-btn post_an_ad" href="/publiez-annonce/logement">Louez votre logement par ici</a></div>
                </div>
                </form>
            </div>
        </div>
    </section>
    <!--star content-->
    <!--star content-->
    <section class="content clearfix">
        <div class="inner">
            <div itemscope itemtype="https://www.bailti.fr/solution-pour-les-locataires" class="collocataire clearfix">
                                <div class="composer-equipe clearfix clearfix-ville">
                    <a itemprop="équipe" href="/solution-pour-les-locataires">
                        <img class="img-loc-1 img-ville-loc" src="/img/villeLocataire/image_loc1.png" />
                    </a>
                </div>
                            </div>
            <div itemscope itemtype="https://www.bailti.fr/solution-pour-les-bailleurs" class="collocataire bailleurs clearfix">
                                <div class="composer-equipe clearfix clearfix-ville">
                    <a itemprop="louez" href="/solution-pour-les-bailleurs">
                        <img class="img-loc-1 img-ville-loc" src="/img/villeLocataire/image_bail1.png" />
                    </a>
                </div>
                            </div>
        </div>
    </section>
    <input id="input_featured_data" type="hidden" value="0"/>
    <input type="hidden" id="current_ville"   value="Nantes"  name="">
    <div id="featured_data">
                                    <div class="collocataire recherchant logements clearfix">
            <div class="inner">
                <h3>Colocation Nantes</h3>
                    <div class="publication">
                        <div class="div-texte-ville">
                            <p>
                            En 2019, la colocation Nantes attire de plus en plus ceux qui veulent s'approcher de la loire.
                            Enregistrant une forte croissance démographique depuis les cinq dernières années, Nantes a même installé de nouveaux dispositifs pour accueillir encore plus de nouveaux habitants. Elle reste une ville dynamique qui regorge de nombreux centres d’intérêt pouvant fasciner toute une génération : villes animées, campagnes très paisibles, transports fluides. Les investisseurs pourront aussi y trouver la prospérité.
                            </p>
                            <h4 class="subtitle-texte-ville">Les bonnes raisons de faire une colocation Nantes</h4>
                            <p>
                                Au carrefour de nombreuses influences, Nantes reste une ville culturelle riche et diversifiée. Pourtant, elle reste très accueillante.Une des raisons pour que la colocation Nantes devient de plus en plus vogue vous pouvez profiter des paysages féeriques nantais. De nombreux espaces verts tels que les parcs et les jardins décorent la ville et permettent aux habitants de se relaxer après des journées de dur labeur. Vous y profiterez des arbres fruitiers, des légumes exotiques ou encore des plantes aromatiques. D’autres types de loisirs comme le cinéma, le sport, les concerts, le shopping et les marchés y sont aussi bien présents. Sinon, il convient de signaler que la ville nantaise reste très conviviale. Les vrais moments de solidarité se montrent à titre d’exemple durant les tournois de boule nantaise ou durant la fête du vélo. Ce sont des occasions pour s’inviter entre amis ou être ensemble en famille. Et enfin, il est à préciser que grâce à sa forte croissance économique, Nantes abrite de nombreux sièges d’entreprises de renommées internationales. La ville est aujourd’hui l’une des destinations d’implantations les plus recherchées du monde. On y retrouve à titre d’illustration des entreprises spécialisées dans les technologies de pointe et de l’industrie comme Eurofins Scientific, Armor, Leroux&Lotz ou encore Sotec Médical et SEA Productique. 
                            </p>
                            <h4 class="subtitle-texte-ville">Pourquoi opter pour une colocation Nantes ?</h4>
                            <p>
                                La <strong>colocation Nantes</strong> propose de nombreux atouts : vous pouvez vous partager les dépenses communes, mais aussi les tâches ménagères. Ce mode de cohabitation vous permet également de nouer naturellement de nouvelles amitiés, de vivre dans une bonne ambiance de convivialité, de vous investir un peu plus en société et pourquoi pas de vous épanouir. Si vous optez pour une <strong>colocation</strong> à Nantes, vous pouvez vivre avec un senior et jouir d’un loyer réduit en échange de votre compagnie et de quelques services.
                            </p>
                            <h4 class="subtitle-texte-ville">Quels quartiers choisir pour vivre une colocation Nantes ? </h4>
                            <p>
                                Si vous déménagez à Nantes, vous avez à choisir entre 11 quartiers tout aussi uniques les uns que les autres. Vous pouvez décider de vivre dans le centre-ville, en Bretagne, Decré-Cathédrale, Dobrée-Bon Port, Gloriette-Feydeau ou encore Graslin-Commerce et Madeleine-Champ de Mars. Le centre-ville est constitué de nombreux jeunes étudiants et jeunes familles. La vie y est dans ce sens plus rythmée et bruyante de jour comme de nuit. Pour vivre plus près de la Loire et profiter des nombreuses activités qui s’y développent, axez vos recherches de <strong>colocation Nantes</strong> dans le quartier de Bellevue, Chatenay, Sainte-Anne. Les quartiers de Dervallières et de Zola sont par contre composés majoritairement de cadres, de professionnels libéraux ou encore du personnel des services aux particuliers. La proximité du tramway et de l’université du quartier des Hauts-Pavés et de Saint-Félix fait de ces endroits des places privilégiées par de nombreux étudiants.
                            </p>
                        </div>
                    </div>
                </div>

        </div>
                                                                                        <div id="adsVille">
            
        </div>
        <div id="featured_room_mates_div">
                </div>
        <!--h  -->
                        <!-- h -->

        
    </div>
    <div>
        <input type="hidden"  id="latAnnonce"/>
        <input type="hidden"  id="longAnnonce"/>
        <input type="hidden"  id="villeAnnonce"/>

    </div>
    <div id="featured_room_mates_div">
            </div>
    <!--h  -->
        
        <div id="other-div-ajax">
        <div class="all-utli clearfix">
            <img class="all-uti-img" src="/img/utilisateur.jpeg">
            <div class="inner">
                <div class="utilisateur-items">
                    <div class="counter-div">
                        <img src="/img/icon-maison.png" width="125" height="94" alt="maison.png">
                        <span>77595</span>
                    </div>
                    <div>
                        <span>Annonces</span>
                    </div>
                     
                </div>
                <div class="utilisateur-items">
                    <div class="counter-div">
                        <img src="/img/icon-homme-two.png" alt="home.png" width="125" height="100">
                        <span>85429</span>
                    </div>
                    
                    <div>
                        <span>Utilisateurs</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="collocataire recherchant logements moyenne clearfix">
            <div class="inner">
                <h3>Avis Moyenne des utilisateurs</h3>
                <div class="moyenne">
                                        <div id="div_avis" class="avis_stars">
                            
                                                                                    <a  href="javascript:">
                                    <img data-id="1" class="filled-star-home stars_avis" alt="stars.png" width="60" height="60" src="/img/small-img.png">
                                </a>
                                                                                    
                                                                                                                <a  href="javascript:">
                                    <img data-id="2" class="filled-star-home stars_avis" alt="stars.png" width="60" height="60" src="/img/small-img.png">
                                </a>
                                                                                    
                                                                                                                <a  href="javascript:">
                                    <img data-id="3" class="filled-star-home stars_avis" alt="stars.png" width="60" height="60" src="/img/small-img.png">
                                </a>
                                                                                    
                                                                                                                <a  href="javascript:">
                                    <img data-id="4" class="filled-star-home stars_avis" alt="stars.png" width="60" height="60" src="/img/small-img.png">
                                </a>
                                                                                    
                                                                                                                                        
                                                             
                                
                                <a  href="javascript:" >
                                    <img data-id="5" class="stars_avis filled-star-home-6" alt="stars.png" width="60" height="60"
                                    src="/img/small-img.png">
                                </a>
                                                                                    
                    </div>
                    <span>4.6/5</span>
                                        <a class="avis" href="https://www.bailti.fr/tous-les-avis">Voir tous les avis</a>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
 <div class="container-fluid p-0">
        <div class="mobile_foot bg-white" style="display: none">
            <div class="follow_row">
                <!-- <span>suivez nous sur :</span><br> -->
                <div class="foot_ico">
                    <!-- <img src="img/login/instag.png" alt="">
                    <img src="img/login/linkedin.png" alt="">
                    <img src="img/login/youtube.png" alt="">
                    <img src="img/login/tweet.png" alt="">
                    <img src="img/login/fb.png" alt=""> -->
                </div>
                <div class="p-2">
                    <span><i class="fa fa-map-marker"></i></span>
                    <span class="contactus">
                        Bailti 25 rue de Ponthieu 75008 Paris
                    </span>
                </div>
                <div class="p-2">
                    <span>Nous contacter sur :</span><br>
                    <span class="contactus font-weight-bold">
                        contact@bailvite.fr
                        <img src="/img/mail.PNG" alt="">
                </div>
                
                <div class="p-2 font-weight-bolder">
                                        <a href="/condition-generale-utilisation">-CGU</a>
                    <span class="space"><a href="/blog">-Blog</a></span><br><!-- <a href="/qui-sommes-nous">-Qui sommes nous? </a> --><a href="/recrutement">-Recrutement</a><span class="space"><a href="/faq">-FAQ </a></span><br><a href="/politique-de-confidentialite">
                    -Politique de confidentialité</a>
                </div>
                <div class="mobile_band text-white text-center" style="display: none">
                    <span> <span class="font-weight-bold"> ©2019</span> Tous droits réservés</span><br>
                    <span> <span><!-- Developpé par  --><span class="font-weight-bold"><!-- nacer.b@gmail.com --></span></span>
                </div>
            </div>
        </div>
        <div class="foot">
            <!-- <span>Suivez-nous sur :</span> -->
            <div class="row_top">

                <div class="cont_img"><img src="/img/blue-logo.png" alt=""></div>

                <div class="foot_line">
                    <span>À DECOUVRIR :</span>
                    <div class="float-right foot_ico">
                        <!-- <img src="img/login/instag.png" alt="">
                        <img src="img/login/linkedin.png" alt="">
                        <img src="img/login/youtube.png" alt="">
                        <img src="img/login/tweet.png" alt=""> -->
                        <a href="https://www.facebook.com/bailti/"><img src="https://www.bailti.fr/img/login/fb.png" alt=""></a>
                    </div>
                </div>

            </div>
            <div class="row_bot">
                <span><i class="fa fa-map-marker"></i></span>
                <span class="contactus">
                    Bailti 25 rue de Ponthieu 75008 Paris
                </span>
            </div>
            <div class="row_bot">
                <span>Nous contactez sur :</span>
                <span class="contactus">
                    contact@bailti.fr
                    <img src="/img/mail.PNG" alt="">
                </span>
                <div class="last_block">
                                        <a href="/condition-generale-utilisation">-CGU</a>
                    <span class="space"><a href="/blog">-Blog</a></span><br><!-- <a href="/qui-sommes-nous">
                    -Qui sommes nous?</a> --><a href="/recrutement">
                    -Recrutement</a><span class="space"><a href="/faq">-FAQ </a></span><br><a href="/politique-de-confidentialite">
                    -Politique de confidentialité</a>
                </div>

            </div>
            <div class="mobile_band text-white text-center" style="display: none">
                <span> <span class="font-weight-bold"> ©2019</span> Tous droits réservés</span>
                <span> <span><!--  | Developpé par --> <span class="font-weight-bold"><!-- nacer.b@gmail.com --></span></span>
            </div>
            <div class="blue_block">
                <div class="copyright text-right">
                    <span> <span class="font-weight-bold"> ©2019</span> Tous droits réservés</span><br>
                    <!-- <span> <span>Developpé par <span class="font-weight-bold">nacer.b@gmail.com</span></span> -->

                </div>
            </div>
        </div>
    </div>
</div>
    <div id="common-page">
        
    </div>
    <link href="/css/bandeau-message.min.css" rel="stylesheet">
<div class="bandeau-message bandeau-message-acceuil">
    <!--<div class="message-demande">Pour accéder à la liste des annonces vous devez d&#039;abord enregistrer votre annonce en tant que demandeur de logement en remplissant le formulaire ci-dessous<a href="javascript:" class="button-close-bandeau" class="btn">x</a></div>-->
    <div class="message-demande">
    <div class="lancez_vous">
    	Fini la perte de temps !
    </div>
    <div>
    	Rejoignez la plus grande communauté de bailleurs, colocataires et locataires
    </div>
    <div>
	    <div class="div-standard-post standard-post-acceuil"><a class="standard-post-button buttonSearchButton bandeau" href="javascript:">RECHERCHEZ</a></div>
	    <div class="div-standard-post standard-post-acceuil"><a class="standard-post-button post_an_ad" href="/publiez-annonce?Bandeau=oui">PUBLIEZ VOTRE ANNONCE</a></div>
    </div>
    <input type="hidden" id="isShownBandeau" value="false" name="">
    <input type="hidden" id="bandeau-closed" name="">
    <a href="javascript:" class="button-close-bandeau">x</a>
    </div>
</div>

                                                <div class='loader-icon'><img src='/images/rolling-loader.apng' alt="rolling-loader.apng"></div>
    <div id="chooseSearchScenarioModal" class="modal fade">
        <div class="modal-dialog modal-lg ad-senario-popup">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title modal-title-annonce text-center">Choisissez votre scénario</h4>
                </div>

                <div class="modal-body">
                    <div class="fadeIn home-searching-sec blue-bg text-center">
                        <ul>
                            <li class="ad-type-1">
                                <a   id="rent-a-prop-search-loc" href="https://www.bailti.fr/adresse-annonce/louer-une-propriete" data-toggle="tooltip" data-placement="top" title="Trouver un locataire pour louer mon logement"><div class="home-search-option-bx">
                                        <div class="home-search-option-bx-inside">
                                            <div class="search-icon ad_type">
                                                <img class="without-hover" src="/images/search-option-icon-1-new.png" alt="search-option-icon-1.png" />
                                                <img class="with-hover" src="/img/search-option-icon-1-hover.png" alt="search-option-icon-1-hover.png" width="57" height="51" />
                                            </div>
                                            <h6>Louer son logement entier</h6>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="ad-type-2"><a   id="share-an-accom-search-loc"  href="https://www.bailti.fr/adresse-annonce/partager-un-logement" data-toggle="tooltip" data-placement="top" title="Trouver un colocataire pour partager mon logement"><div class="home-search-option-bx">
                                        <div class="home-search-option-bx-inside">
                                            <div class="search-icon ad_type">
                                                <img class="without-hover" src="/images/search-option-icon-2.png" alt="search-option-icon-2.png" width="57" height="51" />
                                                <img class="with-hover" src="/images/search-option-icon-3-hover.png" alt="search-option-icon-3-hover.png" width="57" height="51" />
                                            </div>
                                            <h6>Partager son logement</h6>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li class="ad-type-3"><a id="seek-rent-a-prop-search-loc"  href="https://www.bailti.fr/adresse-annonce/chercher-a-louer-une-propriete" data-toggle="tooltip" data-placement="top" title="Trouver un logement à louer"><div class="home-search-option-bx">
                                        <div class="home-search-option-bx-inside">
                                            <div class="search-icon ad_type">
                                                <img class="without-hover" src="/images/search-option-icon-3.png" alt="search-option-icon-3.png" width="57" height="51"/>
                                                <img class="with-hover" src="/images/search-option-icon-3-hover.png" alt="search-option-icon-3-hover.png" width="57" height="51"/>
                                            </div>
                                            <h6>Chercher un logement entier à louer</h6>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="ad-type-4"><a id="seek-share-an-accom-search-loc"  href="https://www.bailti.fr/adresse-annonce/chercher-a-partager-un-logement" data-toggle="tooltip" data-placement="top" title="Trouver un colocataire pour pouvoir partager un logement"><div class="home-search-option-bx">
                                        <div class="home-search-option-bx-inside">
                                            <div class="search-icon ad_type">
                                                <img class="without-hover" src="/images/search-option-icon-4.png" alt="search-option-icon-4.png" width="57" height="51" />
                                                <img class="with-hover" src="/images/search-option-icon-4-hover.png" alt="search-option-icon-4-hover.png" width="57" height="51" />
                                            </div>
                                            <h6>Chercher un logement à partager</h6>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="ad-type-5"><a id="seek-comp-a-search-loc" href="https://www.bailti.fr/adresse-annonce/chercher-ensemble-une-propriete" data-toggle="tooltip" data-placement="top" title="Constituer une équipe pour chercher ensemble un logement"><div class="home-search-option-bx">
                                        <div class="home-search-option-bx-inside">
                                            <div class="search-icon ad_type">
                                                <img class="without-hover" src="/images/search-option-icon-5.png" alt="earch-option-icon-5.png" width="57" height="51" />
                                                <img class="with-hover" src="/images/search-option-icon-5-hover.png" alt="search-option-icon-5-hover.png" width="57" height="51" />
                                            </div>
                                            <h6>Monter une colocation</h6>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                    </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="information-modal-register" class="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body" >
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h5 id="modal-information-text" class="modal-title text-center">Entrez votre ville de recherche avant pour vous inscrire</h5>
                </div>
            </div>
        </div>
    </div>

        <script type="text/javascript">
        var messages = {"placeholder_search" : "Entrez votre ville de recherche"};
    </script>
    <script src="/js/jquery-3.2.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
     <script src="/js/jquery.validate.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/places.js@1.16.1"></script>
    <script src="/js/home.js"></script>
    <script src="/js/bootstrap-select.min.js"></script>
    <script src="/js/popper.min.js"></script>
    <script src="/js/easyautocomplete/jquery.easy-autocomplete.min.js"></script>
    
    <!-- modal login -->
    <div id="LoginModal" class="modal fade">
    <div class="modal-dialog modal-lg ad-senario-popup">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title modal-title-annonce text-center">Se connecter</h4>
            </div>

            <div class="modal-body">
                <div id="popup-modal-body-login" class="rent-property-form-content project-form edit-pro-content-1 white-bg m-t-20">
                                                                                <!--                                          -->
                    <form method="POST" id="formLoginCaptcha-popup" enctype="multipart/form-data" action="https://www.bailti.fr/connexionPopup">
                        <input type="hidden" name="_token" value="tjeVR2VmFEfA1LqgTNAqBnMxCrobFYGn8PkMSjdD">
                        
                        
                        <div class="popup-social-icons text-center">
                            <h6>Se connecter avec :</h6>
                            <ul>

                                <li class="fb-social"><a class="facebook-connection" href="javascript:" data-id="https://www.bailti.fr/login/facebook"><i class="fa fa-facebook" aria-hidden="true"></i><span>Facebook</span></a></li>
                                <!-- <li class="in-social"><a href="https://www.bailti.fr/login/linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i><span>Linkedin</span></a></li> -->
                                <!-- <li class="google-social"><a href="https://www.bailti.fr/login/google"><i class=" fa fa-google" aria-hidden="true"></i><span>Google</span></a></li> -->
                            </ul>
                        </div>
                        <div class="or-divider"><span>OU</span></div>
                        <div class="">
                            <div class="form-group">
                                <label class="control-label">Email <sup>*</sup></label>
                                <input class="form-control" placeholder="Email" type="text" name="email" id="email_address" value="" autofocus />
                                
                                
                            </div>
                            <div class="form-group">
                                <label class="control-label">Mot de passe <sup>*</sup></label>
                                <input class="form-control" placeholder="Mot de passe" type="password" name="password" id="password" />
                                
                                
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="remember" > Se souvenir de moi
                                </label>
                            </div>
                        </div>
                        <div class="submit-btn-1 save-nxt-btn">
                            <input type="submit"
                            id="loginButton"
                            data-callback="onSubmitForm" value="Se connecter">
                        </div>
                        <!-- <div class="submit-btn-1 save-nxt-btn">
                            <input type="submit"
                            class="g-recaptcha"
                            id="loginButton"
                            data-sitekey="6Ldfd3IUAAAAAOUONqREj3aSYlxTxsP_3SCMPA3z"
                            data-callback="onSubmitForm" data-size="invisible" value="Se connecter">
                        </div> -->
                        
                        <a class="btn btn-link" href="https://www.bailti.fr/reinitialisation-mdp-popup">
                            Mot de passe oublié?
                        </a>
                        

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
    
    
 
    <!-- modal reinitialisation mot de passe -->
    <div id="ReinitialisePasswordModal" class="modal fade">
    <div class="modal-dialog modal-lg ad-senario-popup">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title modal-title-annonce text-center">Réinitialiser mot de passe</h4>
            </div>

            <div class="modal-body">
                <div id="modal-password-modal" class="rent-property-form-content project-form edit-pro-content-1 white-bg">    

                                     
                    <form id="forgot-password" method="POST" action="https://www.bailti.fr/password/email">
                        <input type="hidden" name="_token" value="tjeVR2VmFEfA1LqgTNAqBnMxCrobFYGn8PkMSjdD">
                        
                        <div class="">
                            <div class="form-group">
                                <label for="email_address" class="control-label">Adresse email <sup>*</sup></label>
                                <input class="form-control" placeholder="Adresse email" type="text" name="email" id="email_address" value="" autofocus />
                                
                            </div>
                            <div class="submit-btn-1 save-nxt-btn btn-reset-psswd"><input type="submit" name="resetpassword" value="Envoyer un lien de Rénitialisation" /></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


     

    <script>
        $(document).ready(function(){
            $('html,body').animate({scrollTop: 0}, 'slow');
                                });
        
    </script>
        <script>
        $(document).ready(function(){
            $('html,body').animate({scrollTop: 0}, 'slow');
        });
        
    </script>
        <!--Start of Tawk.to Script-->
    <!-- <script type="text/javascript">
    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
    (function(){
    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
    s1.async=true;
    s1.src='https://embed.tawk.to/5d0aaefa36eab972111846a4/default';
    s1.charset='UTF-8';
    s1.setAttribute('crossorigin','*');
    s0.parentNode.insertBefore(s1,s0);
    })();
    </script> -->
         <!--End of Tawk.to Script-->
     <script type="text/javascript" src="/js/footer.min.js"></script>
 <script>
     jQuery.extend(jQuery.validator.messages, {
                required: "Ce champ est obligatoire",
                email: "Entrez une adresse email valide"
              });
            jQuery("#newsletter-form").validate({
                rules: {
                     "mailNewsLetter": {
                        "required": true,
                        "email" : true
                     }
                }                
            });
            $("#newsletter-form").validate();
 </script>
 <script src="/js/bandeau-message.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('.facebook-connection').on('click', function(){
            var href = $(this).attr('data-id');
            $.ajaxSetup({
              headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              }
            });
            $.ajax({
                url: '/login_facebook',
                type: 'post',
            }).done(function(data){
                location.href = href;
            }).fail(function (jqXHR, ajaxOptions, thrownError){
                alert('No response from server');
            });
        });
    });
</script>
    <script src="/js/popup-forgot-password.js"></script> 
    <script src="/js/popup-login.js"></script> 
</body>
</html>