
                    <!-- <div class="swm-header-placeholder" data-header-d="107" data-header-t="107" data-header-m="80" style="height: 107px;"></div> -->
                    <div id="swm-sub-header" class="swm-sub-header swm-title-position-title-center" style="background: white">
                        <img src="media/sub-header5.jpg">
                        <div class="swm-container swm-css-transition" style="display:none">
                            <div class="swm-sub-header-title-bc">
                                <div class="swm-sub-header-title-wrap">
                                    <h1 class="swm-sub-header-title entry-title"><span style="color:white">Actualités</span></h1>
                                    <div class="clear"></div>
                                </div>
                                <div class="swm-sub-header-breadcrumbs swm-hide-">
                                    <div class="swm-breadcrumbs">
                                        <a href="home" title="accueil" rel="home" class="swm-bc-trail-begin" style="color:white">Accueil</a> <span class="swm-bc-sep" style="color:white"></span>
                                        <span class="swm-bc-trail-end" style="color:white">Actualités</span>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="swm-main-container swm-site-content swm-css-transition">
                        <div data-elementor-type="wp-page" data-elementor-id="506" class="elementor elementor-506" data-elementor-settings="[]">
                            <div class="elementor-inner">
                                <div class="elementor-section-wrap">
                                    <section
                                        class="elementor-element elementor-element-65e6fdb elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
                                        data-id="65e6fdb"
                                        data-element_type="section"
                                    >
                                            <style type="text/css">
                                                .gyan-post-grid-item-inner.gyan-grid-item:hover {
                                                    box-shadow: 0px 0px 11px 8px rgba(232,232,232,0.6);
                                                    transition: all 0.4s ease-in-out;
                                                }
                                            </style>
                                        <div class="elementor-container elementor-column-gap-no">
                                            <div class="elementor-row">
                                                <div class="elementor-element elementor-element-8c45b3d elementor-column elementor-col-100 elementor-top-column" data-id="8c45b3d" data-element_type="column">
                                                    <div class="elementor-column-wrap elementor-element-populated">
                                                        <div class="elementor-widget-wrap">
                                                            <div
                                                                class="elementor-element elementor-element-500ecaf elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-gyan_post_grid"
                                                                data-id="500ecaf"
                                                                data-element_type="widget"
                                                                data-settings='{"columns":"3","columns_tablet":"2","columns_mobile":"1"}'
                                                                data-widget_type="gyan_post_grid.default"
                                                            >
                                                                <div class="elementor-widget-container">
                                                                    <div class="gyan-post-grid-container gyan-post-grid-s1 gyan-post-grid-container-500ecaf" data-layout="grid" data-rtl="false">
                                                                        <div class="gyan-post-grid gyan-elementor-grid" style="position: relative; height: 1236.28px;">
                                                                            <?php
                                                                                foreach(Actualite::q()->execute() as $actu){
                                                                            ?>
                                                                            <div class="clear"></div>
                                                                            <div class="gyan-post-grid-item gyan-grid-item-wrap cat-1" style="position: absolute; left: 799.968px; top: 0px;">
                                                                                <div class="gyan-post-grid-item-inner gyan-grid-item">
                                                                                    <div class="gyan-post-grid-item-holder gyan-ease-transition">
                                                                                        <div class="gyan-post-image">
                                                                                            <div class="gyan-post-grid-format">
                                                                                                <figure>
                                                                                                    <a
                                                                                                        href="actu/<?=$actu->id?>"
                                                                                                        class="gyan-post-grid-image gyan-ease-transition text-center"
                                                                                                    >
                                                                                                        <img src="media/<?=$actu->image?>" alt="" class="gyan-ease-transition" style="height:370px !important;width:100% !important;"/>
                                                                                                    </a>
                                                                                                </figure>
                                                                                                <!-- <div class="gyan-post-grid-meta gyan-ease-transition">
                                                                                                    <ul>
                                                                                                        <li>
                                                                                                            <span class="gyan-love" data-id="248">
                                                                                                                <i class="fas fa-heart fas-regular"></i><i class="fas fa-heart"></i><span class="gyan-like-number">4</span>
                                                                                                            </span>
                                                                                                        </li>
                                                                                                        <li>
                                                                                                            <span class="gyan-postmeta-icon"><i class="fas fa-eye"></i></span><span class="gyan-postmeta-text">2</span>
                                                                                                        </li>
                                                                                                        <li>
                                                                                                            <span class="gyan-postmeta-icon"><i class="fas fa-comment-dots"></i></span>
                                                                                                            <span class="gyan-postmeta-text">
                                                                                                                <a href="actu/<?=$actu->id?>">0</a>
                                                                                                            </span>
                                                                                                        </li>
                                                                                                    </ul>
                                                                                                </div> -->
                                                                                                <div class="clear"></div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="gyan-post-content-block gyan-ease-transition">
                                                                                            <div class="gyan-post-title-section">
                                                                                                <div class="gyan-post-grid-content">
                                                                                                    <div class="gyan-post-title">
                                                                                                        <h2>
                                                                                                            <a href="actu/<?=$actu->id?>" style="color:#18551a!important">
                                                                                                                <?=$actu->titre?>
                                                                                                            </a>
                                                                                                        </h2>
                                                                                                    </div>
                                                                                                    <div class="gyan-post-list-excerpt" style ="line-height: 18px;max-height: 54px; /* line-height * 3 */overflow: hidden;">
                                                                                                        <?=strip_tags($actu->contenu)?>
                                                                                                    </div>
                                                                                                    <div class="gyan-post-grid-c-button gyan-ease-transition">
                                                                                                        <a href="actu/<?=$actu->id?>"><span></span></a>
                                                                                                    </div>
                                                                                                    <div class="gyan-post-grid-date"><span> <?=format_dateDate($actu->date)?></span></div>
                                                                                                    <div class="clear"></div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="clear"></div>
                                                                                        </div>
                                                                                        <div class="clear"></div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <?php
                                                                                }
                                                                            ?>
                                                                        </div>
                                                                        <div class="clear"></div>
                                                                    </div>
                                                                    <!-- <div class="gyan-pagination-holder">
                                                                        <div class="gyan-pagination-wrap">
                                                                            <div class="gyan-pagination">
                                                                                <span aria-current="page" class="page-numbers current">1</span> <a class="page-numbers" href="http://bizix.premiumthemes.in/blog-grid/page/2/">2</a>
                                                                                <a class="next page-numbers" href="http://bizix.premiumthemes.in/blog-grid/page/2/">
                                                                                    <span class="gyan_pg_next"></span> <i class="fas fa-angle-double-right"></i>
                                                                                </a>
                                                                                <div class="clear"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div> -->
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    