<?php include('partie1.php'); ?>
		
		

		
		
		
		<section class="Layout">
        
            <div class="slideshow">
                <div class="">
                            
                    <div class="slide nivoSlider  hidden-xs hidden-sm" data-interval="">
                        
						
						
						
						<!-- Start slider -->
                        
						
						
						
						
						<!-- SLIDE SLIDE -->
      
	  
	  <script src="jssr/js/jssor.slider.min.js" type="text/javascript"></script>
	  
	    <script type="text/javascript">
        jssor_1_slider_init = function() {

            var jssor_1_SlideshowTransitions = [
              {$Duration:500,$Delay:30,$Cols:8,$Rows:4,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:2049,$Easing:$Jease$.$OutQuad},
              {$Duration:500,$Delay:80,$Cols:8,$Rows:4,$Clip:15,$SlideOut:true,$Easing:$Jease$.$OutQuad},
              {$Duration:1000,x:-0.2,$Delay:40,$Cols:12,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Assembly:260,$Easing:{$Left:$Jease$.$InOutExpo,$Opacity:$Jease$.$InOutQuad},$Opacity:2,$Outside:true,$Round:{$Top:0.5}},
              {$Duration:2000,y:-1,$Delay:60,$Cols:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Easing:$Jease$.$OutJump,$Round:{$Top:1.5}},
              {$Duration:1200,x:0.2,y:-0.1,$Delay:20,$Cols:8,$Rows:4,$Clip:15,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:260,$Easing:{$Left:$Jease$.$InWave,$Top:$Jease$.$InWave,$Clip:$Jease$.$OutQuad},$Round:{$Left:1.3,$Top:2.5}}
            ];

            var jssor_1_options = {
              $AutoPlay: 1,
              $SlideshowOptions: {
                $Class: $JssorSlideshowRunner$,
                $Transitions: jssor_1_SlideshowTransitions,
                $TransitionsOrder: 1
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$
              }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 1160;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {

                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        };
    </script>
    <style>
        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb053 .i {position:absolute;cursor:pointer;}
        .jssorb053 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb053 .i:hover .b {fill-opacity:.7;}
        .jssorb053 .iav .b {fill-opacity: 1;}
        .jssorb053 .i.idn {opacity:.3;}

        .jssora093 {display:block;position:absolute;cursor:pointer;}
        .jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093:hover {opacity:.8;}
        .jssora093.jssora093dn {opacity:.6;}
        .jssora093.jssora093ds {opacity:.3;pointer-events:none;}
    </style>
	  
	  
	  
	  
	  
	  
	
	  
 <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1160px;height:350px;overflow:hidden;visibility:hidden;">        <!-- Loading Screen -->
        <div data-u="loading" class="jssorl-009-spin" style="width:100%;height:100%;text-align:center;">
            <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="../svg/loading/static-svg/spin.svg" />
        </div>
        <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1160px;height:350px;overflow:hidden;">
							       			<?php         
$retour = 'SELECT * FROM artcle WHERE id_type = 17 ORDER BY id_article DESC';
$res = $conn->query($retour);
while($donnees = mysqli_fetch_array($res))
{
?>
            <div>
                <img data-u="image" src="uploads/<?php echo stripslashes($donnees['image']); ?>" />
            </div>
<?php } ?>
            
            
        </div>
		
		
		
        <!-- Bullet Navigator -->
        <div data-u="navigator" class="jssorb053" style="position:absolute;bottom:12px;right:12px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
            <div data-u="prototype" class="i" style="width:16px;height:16px;">
                <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                    <path class="b" d="M11400,13800H4600c-1320,0-2400-1080-2400-2400V4600c0-1320,1080-2400,2400-2400h6800 c1320,0,2400,1080,2400,2400v6800C13800,12720,12720,13800,11400,13800z"></path>
                </svg>
            </div>
        </div>
		
        <!-- Arrow Navigator -->
        <div data-u="arrowleft" class="jssora093" style="width:50px;height:50px;top:0px;left:30px;" data-autocenter="2" data-scale="0.75" data-scale-left="0.75">
            <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <circle class="c" cx="8000" cy="8000" r="5920"></circle>
                <polyline class="a" points="7777.8,6080 5857.8,8000 7777.8,9920 "></polyline>
                <line class="a" x1="10142.2" y1="8000" x2="5857.8" y2="8000"></line>
            </svg>
        </div>
        <div data-u="arrowright" class="jssora093" style="width:50px;height:50px;top:0px;right:30px;" data-autocenter="2" data-scale="0.75" data-scale-right="0.75">
            <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <circle class="c" cx="8000" cy="8000" r="5920"></circle>
                <polyline class="a" points="8222.2,6080 10142.2,8000 8222.2,9920 "></polyline>
                <line class="a" x1="5857.8" y1="8000" x2="10142.2" y2="8000"></line>
            </svg>
        </div>
    </div>
    <script type="text/javascript">jssor_1_slider_init();</script>
    <!-- #endregion Jssor Slider End -->






	<!-- END REVOLUTION SLIDER -->
	
	
						
						
						
                        <!-- End slider -->
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
                    </div>
                </div>
            </div>
            
			
			<div class="container hidden-sm hidden-xs">
                <img src="images/shadowSlide.png" class="img-responsive shadow-top" />
            </div>

			
			
			
			
            <div class="controlSearch visible-xs">
                <span class="icon-rechercher"></span>
            </div>
            
			
			
			<!--<div class="contentLayout">
                <div class="container slideContent">
                    
                    <aside class="Search">
                        <form method="post" class="containerSearch" action="" role="form">
                            <div class="form-group">
                                <div class="col-md-2 col-sm-4">
            
                                    <select name="" id="" class="form-control selectpicker"   data-style="btn-selectpicker">
                                        <option value="0" selected="selected">Vente</option>
                                    </select>
                                    
									<select name="data[Search][idtype]" id="inputTypeBien_transac" class="form-control selectpicker"   data-style="btn-selectpicker">
                                        <option value="">Type de bien</option>
                                        <option value="" >Maison</option>
                                        <option value="" >Appartement</option>
                                        <option value="" >Terrain</option>
                                        <option value="" >Propriété</option>
                                    </select>
                                </div>
								
								
								<div class="col-md-2 col-sm-4">    
								    <select name="" id="" class="form-control selectpicker"   data-style="btn-selectpicker">
                                        <option value="">Localisation</option>
                                        <option value="" >Yopougon</option>
                                        <option value="" >Marcory</option>
                                        <option value="" >Koumassi</option>
                                        <option value="" >Cocody</option>
                                        <option value="" >Treichville</option>
                                        <option value="" >San Pédro</option>
                                        <option value="" >Grand-Bassam</option>
                                        <option value="" >Yamoussokro</option>
                                    </select>
                                    
									<input type="text" name="" placeholder="Référence" id="" class="form-control">
                                </div>
								
								
								<div class="col-md-2 col-sm-4">
								    <input type="text" name="" placeholder="Prix min" id="" value="" class="form-control">
                                    <input type="text" name="" placeholder="Prix max" id="" value="" class="form-control">
                                </div>
								
								<div class="col-md-2 col-sm-4">
								    <input type="text" name="" placeholder="Surface min. m²" data-terrain="Surface terrain min. (m²)" id="" value="" class="form-control">
                                    <input type="text" name="" placeholder="Surface max. m²" data-terrain="Surface terrain max. (m²)" id="" value="" class="form-control">
                                </div>
								
								<div class="col-md-2 col-sm-4">
								    <input type="text" name="" placeholder="Nb. pièces min." id="" value="" class="form-control">
                                    <input type="text" name="" placeholder="Nb pièces max" id="" value="" class="form-control">
                                </div>
								
								<div class="col-md-2 col-sm-4">
								    <button type="submit" class="btn-search btn-primary" Title="Rechercher">
                                        <span class=""><img src="images/search.png"></span>
                                        
                                    </button>
                                                                        
                                </div>
                            </div>
                        </form>                        
					</aside>
                    
                </div>-->
				
				
				
				
				
                <div class="search-close">
                    <span class="closeRech">
                        <span class="icon-mini-f-right"></span>
                        <span class="icon-mini-f-left"></span>
                    </span>
                </div>
            
            
                
                <div class="container"></div>
                
            
            
                <div class="container contentPage">
                    <div class="row">
                        
                        <article class="col-md-4 col-lg-5 cro">
                            <div class="themTitle">
                    
                                <h1>Bienvenue chez <span style="text-transform:uppercase">ODIMMO</span></h1>
                                
								<hr>

                            </div>
            
            
                            <div class="content">
                    
                                <div class="croCorps">
        		<?php 
					$retour = 'SELECT * FROM artcle WHERE id_type = 3 ORDER BY id_article ASC LIMIT 0,1';
	$res = $conn->query($retour);
$donnees = mysqli_fetch_array($res);
$max=300;
$donnees1['contenu'] = stripslashes($donnees['contenu']);
if (strlen($donnees1['contenu']) > $max)
{
 $espace = strpos($donnees['contenu'],' ',$max);
 $morceau = substr($donnees['contenu'],0,$espace).'...';
}
else
{$morceau = $donnees['contenu']; }
echo $morceau;?> 
                                </div>
                    
                    
                                <div class="btnSuite">
                            
                                    <a href="detail.php?article=Bienvenue&mark=3&type_mark=type" class="btn-cro btn-primary" >LIRE PLUS</a>
                                                            
                                </div>
                    
                            </div>
            
        
    
                        </article>
                        
                        
						
						
						
						
						
						
						
						
						
						
						
                        <section class="col-md-7 col-md-push-1 col-lg-6 col-lg-push-1  coupCoeur">
                                
                            <div class="themTitle">
                                <h1> Nos coups de coeur</h1>
                                <hr>
                            </div>
                                
                                
                            <div class="content">
                                <div id="carouselCC" class="carousel slide slideCC" data-ride="carousel">
                                    <div class="carousel-inner">
                                                
                                        <div class="item active">
         					       			<?php         
$retour = 'SELECT * FROM galerie ORDER BY id DESC LIMIT 0,2';
$res = $conn->query($retour);
while($donnees = mysqli_fetch_array($res))
{

?>
                                            <article class="col-md-6 col-sm-6 col-sm-push-3 col-md-push-0  leftCC">
                                                <div class="blockCC">
                                                    <div class="imgCC">
<a href="the_gallery.php?mark=<?php echo stripslashes($donnees['id']);  ?>" ><img src="uploads/<?php echo stripslashes($donnees['photo']);  ?>" /></a>
                                                    </div>
                                                    
												<div class="contentCC"><a href="the_gallery.php?mark=<?php echo stripslashes($donnees['id']);  ?>" >
                                                        <h1><?php echo stripslashes($donnees['description']);  ?></h1>
                                                  
                                                     
                                                    </a></div>
                                                </div>
                                                
												<div class="shadowCC"></div>  
                                            </article>
											
											
                                <?php } ?>
                     
                                            
											
                                        </div>
										
										
										
										 <div class="item">
         					       			<?php         
$retour = 'SELECT * FROM galerie ORDER BY id DESC LIMIT 2,2';
$res = $conn->query($retour);
while($donnees = mysqli_fetch_array($res))
{

?>
                                            <article class="col-md-6 col-sm-6 col-sm-push-3 col-md-push-0  leftCC">
                                                <div class="blockCC">
                                                    <div class="imgCC">
<a href="the_gallery.php?mark=<?php echo stripslashes($donnees['id']);  ?>" ><img src="uploads/<?php echo stripslashes($donnees['photo']);  ?>" /></a>
                                                    </div>
                                                    
												<div class="contentCC"><a href="the_gallery.php?mark=<?php echo stripslashes($donnees['id']);  ?>" >
                                                        <h1><?php echo stripslashes($donnees['description']);  ?></h1>
                                                  
                                                     
                                                    </a></div>
                                                </div>
                                                
												<div class="shadowCC"></div>  
                                            </article>
											
											
                                <?php } ?>
                     
                                            
											
                                        </div>

                                    </div>
                                            
                                    <a class="left carousel-control" href="#carouselCC" data-slide="prev">
                                        <span class="icon-flechegauche triangle fs-19"></span>
                                    </a>
                                    
									<a class="right carousel-control" href="#carouselCC" data-slide="next">
                                        <span class="icon-flechedroite triangle fs-19"></span>
                                    </a>
                                            
                                </div>
                            </div>
                                
                        </section>
                        
                    </div>
                </div>
            
            </div>
        </section>

        
   <?php  include('partie3.php'); ?>