<?php include ('connexion_mysql.php'); ?>
<!DOCTYPE html>
<html lang="fr" class="no-js">
    <head>
        <meta charset="utf-8">
        <title>Odimmo</title>
        
        
		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu:400,300,700.css" />
        <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic.css" />
        <link rel="stylesheet" type="text/css" href="css/build.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
        <link rel="stylesheet" type="text/css" href="css/fonts/style.css" />
        <link rel="stylesheet" type="text/css" href="css/odimmo.css" />
         
       
        
		
		
		
		
		<!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="pub/dist/css/swiper.min.css">

    <!-- Demo styles -->
    <style>
	
   
    .swiper-container {
        width: 182px;
        height: 65px;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        
        width: 60%;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slide:nth-child(2n) {
        width: 40%;
    }
    .swiper-slide:nth-child(3n) {
        width: 20%;
    }
    </style>
		
		
		
		
		
		
        
    </head>

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
    <body style="background:#fff;">

            
        
    


    
    
            
        




    

        




    

     
        <header style="background-image:url(images/background-logo.jpg); background-repeat: no-repeat; background-size: cover;">
		
		
		
		
		
		
		
		    <div class="header-top bg-deep sm-text-center" style="background-color:#a51e22; padding-top:6px; padding-bottom:6px; ">
                <div class="container">
                    <div class="row">
                        <div class="col-md-9">
                            
                         
								
								
							<marquee direction="" scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();">
							    <span class="text-white" style="color:#fff">
					
					       			<?php         
$retour = 'SELECT * FROM artcle WHERE id_type = 40 ORDER BY id_article DESC';
$res = $conn->query($retour);
while($donnees = mysqli_fetch_array($res))
{
	echo stripslashes($donnees['titre']).' | ';
	
}
?>
			                    </span>
							</marquee>
								
								
						
                            
                        </div>
		  
                        
						<div class="col-md-3">
                            <div class="widget no-border m-0">
                                
								
								
								<span style="color:#fff; padding-left:80px">Choisir la langue:</span>
								
								
								
								<!-- traduction-->
	           		            
				<!-- GTranslate: https://gtranslate.io/ -->
<a href="#" onclick="doGTranslate('fr|fr');return false;" title="Français" class="gflag nturl" style="background-position:-200px -100px;"><img src="img/fra.png" height="20" width="25" alt="French" /></a>
<a href="#" onclick="doGTranslate('fr|en');return false;" title="Anglais" class="gflag nturl" style="background-position:-0px -0px;"><img src="img/gba.png" height="20" width="25" alt="English" /></a>

<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
-->
</style>

<div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'fr',autoDisplay: false}, 'google_translate_element2');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


<script type="text/javascript">
/* <![CDATA[ */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
/* ]]> */
</script>
				
				
				                
				                <!-- fin traduction-->
								
								
							
								
								
								
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		
		
		
		
		
		
		
            <div class="container" >
                
                
                    
                
				
				
				<div class="row logo">
				
                    <div class="col-sm-12 col-xs-push-2 col-sm-push-0 col-xs-8">
                        <a href="" id="logoSite" ><img src="images/logo.png" /></a>
                    </div>
                    
					<div class="col-xs-4 visible-xs coordsMob">
                        <span class="icon-email2"></span>
                    </div>
                </div>
                    
                   
				   
                <div class="row coords coords-collapse">
                                                            
                    <div class="col-md-4 tel">
                        <span class=""><img src="images/icon-tel.png"></span>
                        <span class="element">	
<?php         
$retour1 = 'SELECT * FROM artcle WHERE id_type = 21 ORDER BY id_article DESC LIMIT 0,1';
$res1 = $conn->query($retour1);
$donnees1 = mysqli_fetch_array($res1);
echo stripslashes($donnees1['titre']);
	

?></span>
                    </div>
                                
                                
                    <div class="col-md-4 adresse">
                        <span class=""><img src="images/icon-position.png"></span>
                        <span class="element"><?php         
$retour1 = 'SELECT * FROM artcle WHERE id_type = 22 ORDER BY id_article DESC LIMIT 0,1';
$res1 = $conn->query($retour1);
$donnees1 = mysqli_fetch_array($res1);
echo stripslashes($donnees1['titre']);
	

?></span>
                    </div>
                                
                                
                    <div class="col-md-4 mail">
                        <span class=""><img src="images/icon-mail.png"></span>
                        <span class="element"><a href=""><?php         
$retour1 = 'SELECT * FROM artcle WHERE id_type = 20 ORDER BY id_article DESC LIMIT 0,1';
$res1 = $conn->query($retour1);
$donnees1 = mysqli_fetch_array($res1);
echo stripslashes($donnees1['titre']);
	

?></a></span>
                    </div>
                                
                </div>
                    

            </div>
            
			
			
            <div class="navigation" style="background:#f9a25b;">
                <nav class="navbar navbar-default container" role="navigation">
                    <div class="navbar-header">
                            
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only"> </span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                            
                            
                        <button type="button" class="search-toggle btn-default pull-left">
                            <span class="icon-rechercher"></span>
                        </button>
                            
                    </div>
                    
					
					
					<div class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                                                                    
                            <li class="active  ">
                                <a href="index.php" target="" >Accueil</a>
                            </li>                                                                    
                            
							<li class=" ">
                                <a href="detail_liste.php?article=Notre-equipe&mark=26&type_mark=type" >Notre équipe</a>
                            </li> 
							
							<li class=" ">
                                <a href="detail.php?article=estion-locative&mark=27&type_mark=type" >Gestion locative</a>
                            </li> 
							
							

                            <li class=" ">
                                <a href="contact.php" target="" >Contact</a>
                            </li>                                                      
						</ul>
                    </div>
                </nav>
            </div>
            
			
        </header>
    
        