        
        <footer>
                
            <section class="jumbotron mainFtr">
                <div class="container">
                    <div class="row">
                                                                    
                  

                                    
                        <div class="col-md-6 fb-content  elementFtr">
                            <div class="contentFtr text-center">
                                <span class="title txt-suiv"> Nous suivre :</span>
                                <a href="" class="linkrsv " target="_blank">
                                    <span class=""><img src="images/icons/facebook.png" title="Page Facebook"></span>
								</a>
                                <a href="" class="linkrsv " target="_blank">
                                    <span class=""><img src="images/icons/twitter.png" title="Twitter"></span>
                                </a>
								<a href="" class="linkrsv " target="_blank">
                                    <span class=""><img src="images/icons/link.png" title="Compte Linkedin"></span>
                                </a>
								<a href="" class="linkrsv " target="_blank">
                                    <span class=""><img src="images/icons/youtube.png" title="Chaine Youtube"></span>
                                </a>
                            </div>
                        </div>

     
	 
                        <div class="col-md-6   elementFtr">
                            <div class="contentFtr text-left partners" style="padding-left:100px">                                                                                                    
                                <span class="title txt-suiv">Nos partenaires :</span>
								
								<div class="swiper-container">
                                    <div class="swiper-wrapper">
							            <div class="swiper-slide"><a href=""><img src="pub/images/1.png" width="182" height="65"/></a></div>        
                                        <div class="swiper-slide"><a href=""><img src="pub/images/4.png" width="182" height="65"/></a></div>        
                                        <div class="swiper-slide"><a href=""><img src="pub/images/5.png" width="182" height="65"/></a></div>        
                                        <div class="swiper-slide"><a href=""><img src="pub/images/2.png" width="182" height="65"/></a></div>
                                        <div class="swiper-slide"><a href=""><img src="pub/images/3.png" width="182" height="65"/></a></div>
                                
                                    </div>
			
                                    <!-- Add Pagination -->
        
		                            <!--<div class="swiper-pagination"></div>-->
                                    <!-- Add Arrows -->
                                    <!-- <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div> -->
                                </div>
	
	
                        <!-- Swiper JS -->
                        <script src="pub/dist/js/swiper.min.js"></script>

   
    
                        <!-- Initialize Swiper -->
                        <script>
                            var swiper = new Swiper('.swiper-container', {
                                pagination: '.swiper-pagination',
                                nextButton: '.swiper-button-next',
                                prevButton: '.swiper-button-prev',
                                paginationClickable: true,
                                spaceBetween: 150,
                                centeredSlides: true,
                                autoplay: 5500,
                                autoplayDisableOnInteraction: false
                            });
                        </script>
								
								
								
								
                            </div>
                        </div>
              
    
                    </div>
                </div>
            </section>
                
                
            <div class="jumbotron lastFtr">
                <div class="container">
                    <div class="row">
                                
                        <div class="col-md-12 linklstFtr">
                            <p style="font-size:15px">Copyright &copy; 2019 ODIMMO Tous droits réservés. Conception & réalisation <a href="http://2tmultimedia.com"><img src="img/2tm.png"></a>. </p>

                        </div>

                        

                    </div>
                </div>
            </div>
                
        </footer>
        
        
		
		
		
		
		
		
		
		
		
		
		
		<!-- Modal -->
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
						
						<div class="row">
						    <div class="col-sm-8" style="padding-top:35px">
							    <h4 class="modal-title" style="color:#a51e22; font-size:17px"><strong>BONJOUR , <br>CONNECTEZ-VOUS À VOTRE ESPACE PERSONNEL</strong></h4>
							</div>
							<div class="col-sm-4">
							    <img src="images/logo.png" width="150" height="100">
							</div>
						</div>
						
						<div class="row" style="background-color:#e6e2e2">
						    <div class="col-sm-12" style="padding-top:5px">
							    <marquee direction="" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">
								    <span><strong>
							            PROFITEZ DE VOTRE ESPACE PERSONNEL DÉDIÉ, DIALOGUEZ AVEC VOTE AGENCE, MODIFIEZ VOS INFORMATIONS PERSONNELLES ET BIEN PLUS ENCORE !
							        </strong></span>
								</marquee>
							</div>
						</div>
                        
                    </div>
                    
					<div class="modal-body">
                        
						<div class="row">
						    <div class="col-sm-12">
							    <h4 class="modal-title" style="color:#a51e22; font-size:15px">CONNEXION À VOTRE ESPACE PERSONNEL</h4>
                                <p>Entrez le mot de passe puis cliquez sur "Se connecter"</p>
							</div>
							
							<div class="col-sm-12"><br>
							    <form action="">
                                    <div class="form-group">
                                        <label for="email">Identifiant (votre adresse email):</label>
                                        <input type="email" class="form-control" id="email" placeholder="Entrer votre Identifiant">
                                    </div>
                                    
									<div class="form-group">
                                        <label for="pwd">Mot de passe:</label>
                                        <input type="password" class="form-control" id="pwd" placeholder="Entrer votre Mot de passe">
                                    </div>
                                    <br>
  
                                    <p style="text-align:center">
                                        <button type="submit" class="btn btn-primary" >Se connecter</button>
                                        <p style="text-align:center"><br><a href=""><u>Mot de passe oublié?</u></a></p>
                                    </p>
                                </form>
							</div>
						</div>

                        				
							
						
						
                    </div>
                    
					<div class="modal-footer">
                        <button type="button" class="btn btn-success" data-dismiss="modal">Fermer</button>
                    </div>
                </div>

            </div>
        </div>
		
		
		
		
		
		
		
		
		
		
		
        <script src="js/jquery.min.js" ></script>
        <script src="js/jquery-ui.min.js" ></script>
        
        
        <script src="js/build.js" ></script>
        
        
         
         
                
        
         
    </body>
</html>