<?php $__env->startSection('title'); ?>
<?php echo $title; ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('description'); ?>
<?php echo $desc; ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<?php // SLIDE HOMEPAGE ?>
<div class="homeSlide">
	<div class="sloganHome text-center">
		<h1>Spécialiste des matériaux anciens depuis 1999.</h1>
		<h2>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin efficitur at tortor in tincidunt. Ut sagittis iaculis erat, at feugiat orci dictum sed.<br>
			Nullam vehicula vestibulum eros, non gravida eros consequat ac. Fusce efficitur diam risus, in suscipit lorem facilisis vitae.
		</h2>
		<a href="#" class="btn btn-jaune transition w_100" title="Nous contacter">Nous contacter</a>
	</div>
	<div id="cycleSlide">
		<div class="bg_slide"><div class="bg_slide_img" style="background-image:url('<?php echo asset("/image/slide1.jpg"); ?>')"></div></div>
		<div class="bg_slide"><div class="bg_slide_img" style="background-image:url('<?php echo asset("/image/slide2.jpg"); ?>')"></div></div>
		<div class="bg_slide"><div class="bg_slide_img" style="background-image:url('<?php echo asset("/image/slide3.jpg"); ?>')"></div></div>
	</div>
</div>
<div class="clear"></div>

<div class="wrapper">
	<div class="introHome">
		<div class="row">
			<div class="col-xs-12 col-md-5">
				<h3 class="text-justify">Votre intérieur de demain, parlons-en aujourd’hui.</h3>
				<h4 class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin efficitur at tortor in tincidunt. Ut sagittis iaculis erat, at feugiat orci dictum sed. Nullam vehicula vestibulum eros, non gravida eros consequat ac. Fusce efficitur diam risus.</h4>
				<a href="#" class="btn btn-jaune transition w_100" title="Nos produits">Nos produits</a>
			</div>
			<div class="col-xs-12 col-md-7">
				<img src="http://placehold.it/680x380&text=Video">
			</div>
		</div>
	</div>
</div>
<div class="clear"></div>

<div class="bg_sections">
	<div class="wrapper">
		<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />Proin efficitur at tortor in tincidunt. Ut sagittis iaculis erat.</p>
		<div class="row centerVertical">
			<div class="col-xs-12 col-sm-6 col-md-3"><a href="#" class="blocH transition text-center" title="matériaux anciens"><span>matériaux anciens</span></a></div>
			<div class="col-xs-12 col-sm-6 col-md-3"><a href="#" class="blocH transition text-center" title="matériaux neufs"><span>matériaux neufs</span></a></div>
			<div class="col-xs-12 col-sm-6 col-md-3"><a href="#" class="blocH transition text-center" title="promotions"><span>promotions</span></a></div>
			<div class="col-xs-12 col-sm-6 col-md-3"><a href="#" class="blocH transition text-center" title="nouveautés"><span>nouveautés</span></a></div>
		</div>
	</div>
</div>
<div class="clear"></div>

<script>
function sameHeightRow(selector){
	var heights = $(selector).map(function(){
    	return $(this).height();
    }).get(),
    maxHeight = Math.max.apply(null, heights);
    $(selector).height(maxHeight);
}
var mq = window.matchMedia( "(max-width:991px)" );
var egalize_bloch = function(){
	if(!mq.matches){
		sameHeightRow('.blocH');
	} else {
		$('.blocH').height('');
	}
	$('.blocH').css('line-height',$('.blocH').height()+'px');
};
$(document).ready(function(){
	$('#cycleSlide').cycle({
	    fx:      'scrollLeft',
		easing:  'easeOutExpo',
	    speed:    2500,
	    timeout:  6000
	});
	function resizeHome(){
	    if($(window).height() > 560 && $(window).width() > 991) $("#cycleSlide, .bg_slide, .bg_slide_img").css('height',eval($(window).height()-($('#header').height()+32)));
	    else $("#cycleSlide, .bg_slide, .bg_slide_img").css('height','');
    }
    resizeHome();
    $(window).resize(function() {
		resizeHome();
		egalize_bloch();
	});
	egalize_bloch();
});
</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>