<!DOCTYPE html>
<html>
    <head>
        <!-- begin meta -->
        <meta charset="utf-8">
        <meta name="description" content="<?= $meta['description']; ?>">
        <meta name="keywords" content="<?= $meta['keywords']; ?>">
        <meta name="author" content="<?= $meta['author']; ?>">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <!-- end meta -->
        <?php ?>
        <!-- begin CSS -->
        <?php foreach ($stylesheets as $stylesheet): ?>
            <link rel="stylesheet" href="<?= $stylesheet; ?>" type="text/css" />
        <?php endforeach; ?>
        <!-- Google Font -->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <!-- end CSS -->
        <link rel="shortcut icon" href="<?= images_url(); ?>logo-fer-2.png">
        <title><?= $meta['title']; ?></title>
    </head>

    <body>
        <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-86015759-1', 'auto');
            ga('send', 'pageview');

        </script>
        <div id="fb-root"></div>
        <!-- begin container -->

        <!-- begin header -->
        <?php if ($GaleriePage == TRUE) { ?>
            <?= view_loader('_headerGalerie'); ?>
        <?php } else { ?>
            <?= view_loader('_header'); ?>
        <?php } ?>
        <!-- end header -->
        <!-- begin content -->
        <?= $content; ?>
        <!-- end content -->   
        <!-- begin footer -->
        <?= view_loader('_footer'); ?>
        <!-- end footer -->

        <!-- end container -->
        <!-- begin JS -->
        <?php foreach ($javascripts as $javascript): ?>
            <script type="text/javascript" src="<?= $javascript; ?>"></script>
        <?php endforeach; ?>
            <script>
                (function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id))
                        return;
                    js = d.createElement(s);
                    js.id = id;
                    js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.8&appId=346945375654360";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            </script>
        <!-- end JS -->
        <?php if ($GaleriePage == true) {
            ?>
            <!-- Popup-Box-JavaScript -->
            <script type="text/javascript">
                $(function () {
                    $('.gallery-grids a').Chocolat();
                });
            </script>
            <!-- //Popup-Box-JavaScript -->
            <!-- Slide-To-Top JavaScript (No-Need-To-Change) -->
            <script type="text/javascript">
                $(document).ready(function () {
                    var defaults = {
                        containerID: 'toTop', // fading element id
                        containerHoverID: 'toTopHover', // fading element hover id
                        scrollSpeed: 100,
                        easingType: 'linear'
                    };
                    $().UItoTop({easingType: 'easeOutQuart'});
                });
            </script>
            <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 0;"> </span></a>
            <!-- //Slide-To-Top JavaScript -->
            <?php
        }
        ?>
    </body>
</html>