<!DOCTYPE html>
<html lang="en" >
<head>
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- CSRF Token -->
<meta name="csrf-token" content="XCJDYdIfsClnbbWmBiQmVWP7ZDkkhNPKh56VdFBI">
<meta name="description" content="Connectez-vous sur Bailti pour trouver votre logement ou la colocation idéale pour vous">
<meta id="e_metaKeywords" name="KEYWORDS" content="Roommate, Room for rent, Sublet, Roommate, rental, accommodation, accommodation in 20 rue de naples 75008 Paris France, roommate in 20 rue de naples 75008 Paris France">
<!--titre du page -->
<title>Se connecter | Bailti</title>
<link href="https://www.bailti.fr/css/include.css" rel="stylesheet">
<!-- Styles -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha512-3P8rXCuGJdNZOnUx/03c1jOTnMn3rP63nBip5gOP2qmUh5YAdVAvFZ1E+QLZZbC1rtMrQb+mah3AfYW11RUrWA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://www.bailti.fr/html/js/bootstrap.min.js"></script>
<script src="js/common.js"></script>
<!-- Dump all dynamic scripts into template -->
<meta name="httpcs-site-verification" content="HTTPCS9083HTTPCS" />
<style>
@media (max-width: 768px){
.none-display {
display: none;
}
.mb {
margin-bottom: 10px;
}
.mt {
margin-top: 20px;
}
}
.link-back:hover{
text-decoration: underline;
}
</style>
<script type="text/javascript" class="flasher-js">(function() { var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js'; var FLASHER_FLASH_BAG_PLACE_HOLDER = {}; var options = mergeOptions([], FLASHER_FLASH_BAG_PLACE_HOLDER); function mergeOptions(first, second) { return { context: merge(first.context || {}, second.context || {}), envelopes: merge(first.envelopes || [], second.envelopes || []), options: merge(first.options || {}, second.options || {}), scripts: merge(first.scripts || [], second.scripts || []), styles: merge(first.styles || [], second.styles || []), }; } function merge(first, second) { if (Array.isArray(first) && Array.isArray(second)) { return first.concat(second).filter(function(item, index, array) { return array.indexOf(item) === index; }); } return Object.assign({}, first, second); } function renderOptions(options) { if(!window.hasOwnProperty('flasher')) { console.error('Flasher is not loaded'); return; } requestAnimationFrame(function () { window.flasher.render(options); }); } function render(options) { if ('loading' !== document.readyState) { renderOptions(options); return; } document.addEventListener('DOMContentLoaded', function() { renderOptions(options); }); } if (1 === document.querySelectorAll('script.flasher-js').length) { document.addEventListener('flasher:render', function (event) { render(event.detail); }); } if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) { render(options); } else { var tag = document.createElement('script'); tag.setAttribute('src', rootScript); tag.setAttribute('type', 'text/javascript'); tag.onload = function () { render(options); }; document.head.appendChild(tag); }})();</script>
</head>
<body class="body-list">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src='https://www.googletagmanager.com/gtag/js?id=G-T11YZ7X07P'></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-T11YZ7X07P');
</script>
<input type="hidden" id="server_ip" value="82.165.65.251"/><input type="hidden" id="server_domaine" value="https://www.bailti.fr"/>
<input type="hidden" id="changeLang" value="fr" name="">
<div class='loader-icon' style="display:none;"><img src='/images/rolling-loader.apng' alt="rolling-loader.apng"></div>
<style>
button#navbarDropdownMenuLink78.btn.btn-default.dropdown-toggle{
border-radius: 16px;
/* margin-top: 6px;*/
margin-top: 14px;
}
div.dropdown-menu.dropdown-menu-login-nrh{
border-radius: 16px;
}
a.dropdown-item-login-nrh{
padding-left: 13px;
}
.dropdown-menu-login-nrh {
min-width: 58px;
}
i.flag-icon.flag-icon-fr{
margin-right: 2px;
}
@media only screen and (max-width:992px){
button#navbarDropdownMenuLink78.btn.btn-default.dropdown-toggle{
margin-top: 0px;
}
}
</style>
<header id="header-tictac" class="white-bg home-hdr custum-home-hdr hdr-login">
<div class="container wow fadeIn">
<div class="row">
<div class="home-logo">
<a href="https://www.bailti.fr" >
<img class="logo-bailti" src="/img/blue-logo.png" alt="Bailti">
</a>
<div class="hdr-cnx-text">
<img class="img" src="/images/verified.png" alt="login">
<span class="txt">Login</span>
</div>
<div class="dropdown dropdown-login-nrh" style="display:none;">
<button type="button" class="btn btn-default dropdown-toggle" href="#" id="navbarDropdownMenuLink78"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<i class="flag-icon flag-icon-us"></i>
<span class="caret"></span>
</button>
<div class="dropdown-menu dropdown-menu-login-nrh" aria-labelledby="navbarDropdownMenuLink78">
<a class="dropdown-item-login-nrh" href="https://www.bailti.fr/changement-langue?langue=fr"><i class="flag-icon flag-icon-fr"></i> </a>
</div>
</div>
</div>
</div>
<a href="" class="arrow-precedent left-arrow mb">
<img src="/images/left-arrow.png" >
</a>
</div>
</header>
<section class="inner-page-wrap">
<div id="popup-modal-body-login" class="login-form-x 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="XCJDYdIfsClnbbWmBiQmVWP7ZDkkhNPKh56VdFBI">
<input type="hidden" name="timezone" id="timezone">
<div class="popup-social-icons text-center">
<div class="entete-login">
<h2 class="bjr">Hello!</h2>
<h5 class="login-h5">
Log in to discover all our features.
</h5>
</div>
</div>
<div class="">
<div class="form-group">
<label class="control-label">E-mail <sup>*</sup></label>
<input class="form-control" placeholder="E-mail" type="text" name="email" id="email_address" value="" autocomplete="current-email" autofocus />
</div>
<div class="form-group" style="position: relative;">
<label class="control-label">Password <sup>*</sup></label>
<input class="form-control" placeholder="Password" type="password" name="password" id="password" autocomplete="current-password"/>
<div type="" class="btn" style="position: absolute; top: 25px;right: 0;">
<i class="fa fa-eye" id="togglePassword"></i>
</div>
</div>
</div>
<div class="form-group">
<div class="checkbox">
<label>
<input type="checkbox" name="remember" > Remember me
</label>
</div>
</div>
<div class="submit-btn-1 save-nxt-btn">
<input type="submit"
id="loginButton"
data-callback="onSubmitForm" value=Login>
</div>
<a href=""></a>
<br>
<div style="margin-top:10px;">
Do not have an account yet? <a href="/creer-compte/etape/1" class="inscr">Register</a>
</div>
<br>
<a class="btn btn-link" href="https://www.bailti.fr/reinitialisation-mot-de-passe">
Forgot your password?
</a>
</form>
</div>
</section>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css">
<div id="footer">
<div class="container-fluid p-0">
<div class="foot">
<div class="mobile-foot_ico">
</div>
<!-- <span>Suivez-nous sur :</span> -->
<div class="row_top foot-row">
<div class="cont_img"><img src="/img/blue-logo.png" alt=""></div>
<div class="foot_line">
<span>To discover</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 rel='nofollow' href="https://www.facebook.com/bailti/"><img src="https://www.bailti.fr/img/login/fb.png" alt=""></a>
</div>
</div>
</div>
<div class="modal fade" id="countryModal" tabindex="-1" role="dialog" aria-labelledby="countryModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<ul class="list-unstyled">
<li style="padding: 15px;">
<a href="https://bailti.fr/" rel="follow" style="text-decoration: none;">
<i class="flag-icon flag-icon-fr"></i> France
</a>
</li>
<li style="padding: 15px;">
<a href="https://www.tiroof.co.uk/" rel="follow" style="text-decoration: none;">
<i class="flag-icon flag-icon-gb"></i> United Kingdom
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row_bot foot-row">
<div class="contact-us">
<div class="f-contact-div">
<span class="label-cnt">Contact us :</span>
<span class="contactus">
<a href="/cdn-cgi/l/email-protection#177e7971785775767e7b637e397165"><span class="__cf_email__" data-cfemail="b8d1d6ded7f8dad9d1d4ccd196deca">[email protected]</span> </a>
</span>
</div>
<div class="f-contact-div">
<span class="label-cnt">Phone (France) :</span>
<a class="contactus cnt-mobile" href="tel:+33977195953">
+33 970 448 713
</a>
</div>
<div class="f-contact-div">
<span><i class="fa fa-map-marker"></i></span>
<span class="contactus">
20 rue de naples 75008 Paris France
</span>
</div>
<div class="f-contact-div">
<span class="label-cnt">Site developed and maintained by :</span>
<span class="contactus">
<a href="/cdn-cgi/l/email-protection#096e6c6c6268676d6e7b667e7d61496e64686065276a6664"><span class="__cf_email__" data-cfemail="442321212f252a2023362b33302c042329252d286a272b29">[email protected]</span></a>
</span>
</div>
<div class="">
<button id="countryButton" class="btn btn-outline-primary btn dropdown-toggle" data-toggle="modal" data-target="#countryModal">
<i id="flag" class="flag-icon"></i> France
</button>
</div>
</div>
<div class="foot-right">
<div>
<div class="col-link">
<div class="foot-link-div">
<div class="foot-link">
<a rel='nofollow' href="/condition-generale-utilisation">TOS</a>
</div>
<div class="foot-link">
<a rel='nofollow' href="/blog">Blog</a>
</div>
</div>
</div>
<div class="col-link">
<div class="foot-link-div">
<div class="foot-link">
<a rel='nofollow' href="/connexion">Login</a>
</div>
<div class="foot-link">
<a rel='nofollow' href="/faq">FAQs</a>
</div>
</div>
</div>
<div class="col-link">
<div class="foot-link-div">
<div class="foot-link">
<a rel='nofollow' href="/recrutement">Recruitment</a>
</div>
<div class="foot-link">
<a rel='nofollow' href="/politique-de-confidentialite">Privacy policies</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="blue_block">
<div class="copyright text-right">
<span> <span class="font-weight-bold">©Bailti 2024</span> All rights reserved</span><br>
<!-- <span> <span>Developpé par <span class="font-weight-bold">nacer.b@gmail.com</span></span> -->
</div>
</div>
</div>
</div>
</div>
<!--Start of Tawk.to Script-->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
function getPaysFromDomain(domain) {
var extension = domain.split('.').pop(); // Obtenez l'extension du domaine
switch (extension) {
case 'fr':
return 'France';
case 'uk':
return 'United Kingdom';
// Ajoutez d'autres cas pour les autres extensions de domaine si nécessaire
default:
return 'Unknown'; // Retournez "Inconnu" si l'extension n'est pas prise en charge
}
}
// Récupérez le domaine actuel depuis l'URL
var domain = window.location.hostname;
// Obtenez le nom du pays à partir du domaine
var countryName = getPaysFromDomain(domain);
// Obtenez le code du pays à partir du nom du pays
var countryCode;
switch (countryName) {
case 'France':
countryCode = 'fr';
break;
case 'United Kingdom':
countryCode = 'gb'; // Utilisez "gb" pour le Royaume-Uni au lieu de "uk"
break;
default:
countryCode = 'fr'; // Utilisez la France comme pays par défaut
}
// Sélectionnez l'élément pour le bouton
var countryButton = document.getElementById('countryButton');
// Mettez à jour le texte du bouton avec le nom du pays et le drapeau correspondant
countryButton.innerHTML = '<i class="flag-icon flag-icon-' + countryCode.toLowerCase() + '"></i> ' + countryName;
});
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/1el57ba6r';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
<script src="/js/popup-login.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
<script>
$(document).ready(function(){ /*code here*/ })
if ($("#formLoginCaptcha-popup").length >= 0) {
$("#formLoginCaptcha-popup").validate({
rules: {
email: {
required: true,
email: true
},
password: {
required: true,
}
},
messages: {
email: {
required: "This field is required",
email: "Enter a valid mail address"
},
password: {
required: "This field is required"
}
}
})
}
</script>
<style>
a.btn.btn-link{
margin-top: -32px;
margin-left: -11px;
}
a.inscr{
text-decoration: underline;
color:#337ab7;
}
</style>
<script type="text/javascript">
const passwordInput = document.getElementById("password");
const togglePasswordButton = document.getElementById("togglePassword");
togglePasswordButton.addEventListener("click", function () {
if (passwordInput.type === "password") {
passwordInput.type = "text";
togglePasswordButton.classList.remove("fa-eye");
togglePasswordButton.classList.add("fa-eye-slash");
} else {
passwordInput.type = "password";
togglePasswordButton.classList.remove("fa-eye-slash");
togglePasswordButton.classList.add("fa-eye");
}
});
$(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 type="text/javascript" src="/js/footer.min.js"></script>
<script>
$(document).ready(function() {
$('#btn-reset-popup').on('click', function(){
$('#LoginModal').modal('hide');
$('#ReinitialisePasswordModal').modal('show');
});
$('#btn-login-popup').on('click', function(){
$('#LoginModal').modal('show');
});
});
</script>
<script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'87758bfa2a5a0153',t:'MTcxMzYyMDQzMy4xMzkwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body>
</html>
