<?php
//****************************************************************************************
//            NE PAS TOUCHER A LA STRUCTURE DE LA TEMPLATE !
//****************************************************************************************
?>
<div id="pageweb" class="<?php echo $body_class; ?>">
    <div id="top">
        <header>
            <?php include(RACINE_INTERFACE."/inc-top.php"); ?>            
        </header>
    </div><!-- #top -->
    <div id="central">
        <div class="container"> 
            


            <div class="row justify-content-md-center justify-content-lg-between align-items-center margin-b-100">
                <div class="col-md-11 col-lg-6 margin-b-50 mb-lg-0">
                    <div class="row position-relative img-box margin-b-50">
                        <div class="col-10 col-lg-10 img-box-static">
                            <div class="picture shadow-box">
                                <?php echo getImg('g', 1, 1, 'img', 1, '');?>
                            </div> 
                        </div>
                        <div class="col-8 col-lg-7 position-absolute img-box-float">
                            <div class="picture shadow-box">
                                <?php echo getImg('g', 2, 1, 'img', 1, '');?>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-11 col-lg-6 col-xl-5">
                    <div class="text">
                        <h1><?php echo $h1; ?></h1>
                        <div class="separator separator-left">
                            <div class="separator-inner-75 separator-main"></div>
                        </div>
                        <?php echo getContent($bdd, $web, $model_p, 0); ?>
                    </div>
                </div>
            </div>
        </div>


        <div class="bg-plomberie margin-b-100">
            <div class="container padding-y-100 position-relative">
                <div class="row justify-content-center justify-content-sm-end justify-content-lg-center">
                    <div class="col-sm-10 col-md-9 col-lg-7 col-xl-6">
                        <div class="sub-ttl text-light text-center">
                            <?php echo getContent($bdd, $web, $model_p, 1); ?>
                        </div>
                        <div class="separator separator-center">
                            <div class="separator-inner-75 separator-main"></div>
                        </div>
                        <div class="text text-light text-center">
                            <?php echo getContent($bdd, $web, $model_p, 2); ?>
                        </div>
                    </div>
                </div>
                <div class="position-absolute p-zindex-plomberie d-none d-sm-block">
                    <img src="images/img-plomberie.png" alt="">
                </div>
            </div>
        </div>  

        <div class="container margin-b-100">
            <div class="row justify-content-between align-items-center">
                <div class="col-lg-5 margin-b-50 mb-lg-0">
                    <div class="text">
                        <?php echo getContent($bdd, $web, $model_p, 3); ?>
                    </div>                    
                </div>
                <div class="col-lg-6">
                    <div class="picture shadow-box">
                        <?php echo getImg('g', 3, 1, 'img', 1, '');?>
                    </div>
                </div>
            </div>
        </div>


        <div class="bg-chauffage margin-b-100">
            <div class="container padding-y-100 position-relative">
                <div class="row justify-content-center justify-content-sm-start justify-content-lg-center">
                    <div class="col-sm-10 col-md-9 col-lg-7 col-xl-6">
                        <div class="sub-ttl text-light text-center">
                            <?php echo getContent($bdd, $web, $model_p, 4); ?>
                        </div>
                        <div class="separator separator-center">
                            <div class="separator-inner-75 separator-main"></div>
                        </div>
                        <div class="text text-light text-center">
                            <?php echo getContent($bdd, $web, $model_p, 5); ?>
                        </div>
                    </div>
                </div>

                
                <div class="position-absolute p-zindex-chauffage d-none d-sm-block">
                    <img src="images/img-chauffage.png" alt="">
                </div>
                
            </div>
        </div> 
        
        
        <div class="container margin-b-100">
            <div class="row justify-content-between align-items-center">
                <div class="col-lg-6 margin-b-50 mb-lg-0">
                    <div class="picture shadow-box">
                        <?php echo getImg('g', 4, 1, 'img', 1, '');?>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="sub-ttl">
                        <?php echo getContent($bdd, $web, $model_p, 6); ?>
                    </div>  
                    <div class="separator separator-left">
                        <div class="separator-inner-75 separator-main"></div>
                    </div>
                    <div class="text">
                        <?php echo getContent($bdd, $web, $model_p, 7); ?>
                    </div>                  
                </div>
            </div>
        </div>

        <div class="bg-grey padding-y-100">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-5 margin-b-50 mb-lg-0">
                        <div class="text">
                            <?php echo getContent($bdd, $web, $model_p, 8); ?>
                        </div>                    
                    </div>
                    <div class="col-lg-6">
                        <div class="picture shadow-box">
                            <?php echo getImg('g', 3, 1, 'img', 1, '');?>
                        </div>
                    </div>
                </div>
            </div>
        </div>




        



        


        
    </div><!-- #central -->
    <div id="footer">
        <footer>
            <?php include(RACINE_INTERFACE."/inc-footer.php"); ?>
        </footer>
    </div><!-- #footer -->
</div><!-- #pageweb -->
<?php
//****************************************************************************************
?>