<div class="eventstabs-wrapper">

    <!-- SEP1 -->
    <?php include('inc/modules/module-SEP1.php'); ?>

    <nav class="eventstabs tabs" data-class="TABS">
        <div class="row-fluid-small">
            <ul class="tabs-list">
                <li class="eventstabs-tab tabs-list-item is-active">
                    <header class="eventstabs-tab-header tabs-list-item-header">
                        <div class="eventstabs-tab-header-date">15/01/2016</div>
                        <div class="eventstabs-tab-header-location">NICE</div>
                    </header>
                    <section class="eventstabs-tab-content tabs-list-item-content">
                        <article class="eventstabs-event">
                            <figure class="eventstabs-event-figure">
                                <picture data-alt="" data-default-src="http://placehold.it/280x235">
                                    <source media="(min-width: 1025px)" srcset="http://placehold.it/280x235"/>
                                    <source media="(min-width: 481px)"  srcset="http://placehold.it/280x235"/>
                                    <source media="(max-width: 480px)"  srcset="http://placehold.it/280x235"/>
                                    <img src="" alt="" />
                                </picture>
                                <!-- <img class="eventstabs-event-figure-image" src="" alt="descriptif image"> -->
                            </figure>
                            <div class="eventstabs-event-description">
                                <div class="eventstabs-event-description-date">15/01/2016</div>
                                <div class="eventstabs-event-description-location">NICE</div>
                                <p class="eventstabs-event-description-paragraph">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                                    Magni quis dolorem perspiciatis praesentium consequuntur voluptatibus ad fuga corrupti odio veniam,
                                    suscipit dolorum ab. Quibusdam, et laborum quae. Eveniet, quia, corrupti?
                                </p>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>Vincent Perez vainqueur du BPT Deepstack de Bordeaux</small>
                                </p>
                                <div class="eventstabs-event-description-buttons">
                                    <a class="eventstabs-event-description-buttons-item button-golden" href="#">S'INSCRIRE</a>
                                    <a class="eventstabs-event-description-buttons-item button-golden-outline" href="#">VOIR LE PROGRAMME</a>
                                </div>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>
                                        <a href="#">LE LIEU</a>
                                    </small>
                                </p>
                            </div>
                        </article>
                    </section>
                </li>
                <li class="eventstabs-tab tabs-list-item">
                    <header class="eventstabs-tab-header tabs-list-item-header">
                        <div class="eventstabs-tab-header-date">15/02/2016</div>
                        <div class="eventstabs-tab-header-location">LILLE</div>
                    </header>
                    <section class="eventstabs-tab-content tabs-list-item-content">
                        <article class="eventstabs-event">
                            <figure class="eventstabs-event-figure">
                                <picture data-alt="" data-default-src="http://placehold.it/280x235">
                                    <source media="(min-width: 1025px)" srcset="http://placehold.it/280x235"/>
                                    <source media="(min-width: 481px)"  srcset="http://placehold.it/280x235"/>
                                    <source media="(max-width: 480px)"  srcset="http://placehold.it/280x235"/>
                                    <img src="" alt="" />
                                </picture>
                                <!-- <img class="eventstabs-event-figure-image" src="http://placehold.it/280x235" alt="descriptif image"> -->
                            </figure>
                            <div class="eventstabs-event-description">
                                <div class="eventstabs-event-description-date">15/02/2016</div>
                                <div class="eventstabs-event-description-location">LILLE</div>
                                <p class="eventstabs-event-description-paragraph">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                                    Magni quis dolorem perspiciatis praesentium consequuntur voluptatibus ad fuga corrupti odio veniam.
                                </p>
                                <div class="eventstabs-event-description-buttons">
                                    <a class="eventstabs-event-description-buttons-item button-golden" href="#">S'INSCRIRE</a>
                                    <a class="eventstabs-event-description-buttons-item button-golden-outline" href="#">VOIR LE PROGRAMME</a>
                                </div>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>
                                        <a href="#">LE LIEU</a>
                                    </small>
                                </p>
                            </div>
                        </article>
                    </section>
                </li>
                <li class="eventstabs-tab tabs-list-item">
                    <header class="eventstabs-tab-header tabs-list-item-header">
                        <div class="eventstabs-tab-header-date">15/02/2016</div>
                        <div class="eventstabs-tab-header-location">BLOTZHEIM</div>
                    </header>
                    <section class="eventstabs-tab-content tabs-list-item-content">
                        <article class="eventstabs-event">
                            <figure class="eventstabs-event-figure">
                                <picture data-alt="" data-default-src="http://placehold.it/280x235">
                                    <source media="(min-width: 1025px)" srcset="http://placehold.it/280x235"/>
                                    <source media="(min-width: 481px)"  srcset="http://placehold.it/280x235"/>
                                    <source media="(max-width: 480px)"  srcset="http://placehold.it/280x235"/>
                                    <img src="" alt="" />
                                </picture>
                                <!-- <img class="eventstabs-event-figure-image" src="http://placehold.it/280x235" alt="descriptif image"> -->
                            </figure>
                            <div class="eventstabs-event-description">
                                <div class="eventstabs-event-description-date">15/02/2016</div>
                                <div class="eventstabs-event-description-location">BLOTZHEIM</div>
                                <p class="eventstabs-event-description-paragraph">
                                    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, omnis eius cum sapiente animi mollitia soluta, accusamus, dolorum officiis praesentium modi nulla quibusdam inventore corporis nisi aliquam, laudantium reiciendis molestiae.</span>
                                    <span>Ipsa perspiciatis, vitae quo id in, commodi, minima est aspernatur fuga magni consequuntur illo cupiditate culpa? Minima nobis dolore dolores doloribus voluptates sapiente vel nostrum, porro. Inventore illo nulla, culpa.</span>
                                    <span>Id possimus, praesentium deleniti enim voluptatum a dicta pariatur placeat, ab vel quae aut omnis illum nihil doloremque architecto sint! Repellendus et harum quod vitae perspiciatis maxime alias mollitia modi.</span>
                                    <span>Molestias ab voluptas molestiae, quo iste eaque vero, doloribus distinctio debitis labore consectetur vel. Est modi adipisci distinctio! Ratione est commodi nobis, amet adipisci excepturi ipsum. Dolorem suscipit repudiandae in!</span>
                                    <span>Accusantium ipsa consequuntur cumque impedit iure dolorum ullam doloribus quasi quia voluptatum, asperiores atque excepturi ipsum tempore error amet delectus perspiciatis, qui molestiae natus itaque quisquam facilis veniam voluptas. Repudiandae?</span>
                                </p>
                                <div class="eventstabs-event-description-buttons">
                                    <a class="eventstabs-event-description-buttons-item button-golden" href="#">S'INSCRIRE</a>
                                    <a class="eventstabs-event-description-buttons-item button-golden-outline" href="#">VOIR LE PROGRAMME</a>
                                </div>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>
                                        <a href="#">LE LIEU</a>
                                    </small>
                                </p>
                            </div>
                        </article>
                    </section>
                </li>
                <li class="eventstabs-tab tabs-list-item">
                    <header class="eventstabs-tab-header tabs-list-item-header">
                        <div class="eventstabs-tab-header-date">15/02/2016</div>
                        <div class="eventstabs-tab-header-location">DEAUVILLE</div>
                    </header>
                    <section class="eventstabs-tab-content tabs-list-item-content">
                        <article class="eventstabs-event">
                            <figure class="eventstabs-event-figure">
                                <picture data-alt="" data-default-src="http://placehold.it/280x235">
                                    <source media="(min-width: 1025px)" srcset="http://placehold.it/280x235"/>
                                    <source media="(min-width: 481px)"  srcset="http://placehold.it/280x235"/>
                                    <source media="(max-width: 480px)"  srcset="http://placehold.it/280x235"/>
                                    <img src="" alt="" />
                                </picture>
                                <!-- <img class="eventstabs-event-figure-image" src="http://placehold.it/280x235" alt="descriptif image"> -->
                            </figure>
                            <div class="eventstabs-event-description">
                                <div class="eventstabs-event-description-date">15/02/2016</div>
                                <div class="eventstabs-event-description-location">DEAUVILLE</div>
                                <p class="eventstabs-event-description-paragraph">
                                    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto quis quae nobis, eum eveniet debitis veritatis accusantium consequatur enim vero! Assumenda veritatis eum, in debitis tempora voluptas. Maiores, quaerat, laboriosam.</span>
                                    <span>Id similique eos cum, voluptatum distinctio eaque, voluptatibus deserunt ab nam nostrum velit neque, facilis incidunt veniam nemo delectus provident quae rerum dicta at veritatis? Deserunt dolor necessitatibus possimus, ducimus.</span>
                                    <span>Ad animi, numquam laboriosam. Asperiores repellat provident assumenda repellendus, eveniet voluptatum quod ducimus dicta cumque voluptatem laudantium ab, veniam officiis eaque cum quam iusto perspiciatis vel, dolor pariatur a necessitatibus.</span>
                                    <span>Quaerat, deserunt tempore corporis, perferendis unde suscipit aliquam delectus sunt, neque explicabo accusamus recusandae? Similique, facilis modi cum nisi expedita, tempora architecto iusto obcaecati fugiat molestiae nesciunt explicabo nam, assumenda.</span>
                                </p>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore officiis ad nostrum quibusdam facilis vitae vel ipsam, voluptatum quod. Aliquam sit commodi nulla at voluptatem, cum dolor itaque magni ipsam?
                                    </small>
                                </p>
                                <div class="eventstabs-event-description-buttons">
                                    <a class="eventstabs-event-description-buttons-item button-golden" href="#">S'INSCRIRE</a>
                                    <a class="eventstabs-event-description-buttons-item button-golden-outline" href="#">VOIR LE PROGRAMME</a>
                                </div>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>
                                        <a href="#">LE LIEU</a>
                                    </small>
                                </p>
                            </div>
                        </article>
                    </section>
                </li>
                <li class="eventstabs-tab tabs-list-item">
                    <header class="eventstabs-tab-header tabs-list-item-header">
                        <div class="eventstabs-tab-header-date">15/02/2016</div>
                        <div class="eventstabs-tab-header-location">TOULOUSE</div>
                        <div class="eventstabs-tab-header-status eventstabs-tab-header-status--soldout">COMPLET</div>
                    </header>
                    <section class="eventstabs-tab-content tabs-list-item-content">
                        <article class="eventstabs-event">
                            <figure class="eventstabs-event-figure">
                                <picture data-alt="" data-default-src="http://placehold.it/280x235">
                                    <source media="(min-width: 1025px)" srcset="http://placehold.it/280x235"/>
                                    <source media="(min-width: 481px)"  srcset="http://placehold.it/280x235"/>
                                    <source media="(max-width: 480px)"  srcset="http://placehold.it/280x235"/>
                                    <img src="" alt="" />
                                </picture>
                                <!-- <img class="eventstabs-event-figure-image" src="http://placehold.it/280x235" alt="descriptif image"> -->
                            </figure>
                            <div class="eventstabs-event-description">
                                <div class="eventstabs-event-description-date">15/02/2016</div>
                                <div class="eventstabs-event-description-location">TOULOUSE</div>
                                <p class="eventstabs-event-description-paragraph">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                                    Magni quis dolorem perspiciatis praesentium consequuntur voluptatibus ad fuga corrupti odio veniam,
                                    suscipit dolorum ab. Quibusdam, et laborum quae. Eveniet, quia, corrupti?
                                </p>
                                <div class="eventstabs-event-description-buttons">
                                    <a class="eventstabs-event-description-buttons-item button-golden-outline" href="#">VOIR LE PROGRAMME</a>
                                </div>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>
                                        <a href="#">LE LIEU</a>
                                    </small>
                                </p>
                            </div>
                        </article>
                    </section>
                </li>
                <li class="eventstabs-tab eventstabs-tab--event-over tabs-list-item">
                    <header class="eventstabs-tab-header tabs-list-item-header">
                        <div class="eventstabs-tab-header-date">05/10/2015</div>
                        <div class="eventstabs-tab-header-location">BORDEAUX</div>
                        <div class="eventstabs-tab-header-status">TERMINÉ</div>
                    </header>
                    <section class="eventstabs-tab-content tabs-list-item-content">
                        <article class="eventstabs-event">
                            <figure class="eventstabs-event-figure">
                                <picture data-alt="" data-default-src="http://placehold.it/280x235">
                                    <source media="(min-width: 1025px)" srcset="http://placehold.it/280x235"/>
                                    <source media="(min-width: 481px)"  srcset="http://placehold.it/280x235"/>
                                    <source media="(max-width: 480px)"  srcset="http://placehold.it/280x235"/>
                                    <img src="" alt="" />
                                </picture>
                                <!-- <img class="eventstabs-event-figure-image" src="http://placehold.it/280x235" alt="descriptif image"> -->
                            </figure>
                            <div class="eventstabs-event-description">
                                <div class="eventstabs-event-description-date">05/10/2015</div>
                                <div class="eventstabs-event-description-location">BORDEAUX</div>
                                <p class="eventstabs-event-description-paragraph">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                                    Magni quis dolorem perspiciatis praesentium consequuntur voluptatibus ad fuga corrupti odio veniam,
                                    suscipit dolorum ab. Quibusdam, et laborum quae. Eveniet, quia, corrupti?
                                </p>
                                <div class="eventstabs-event-description-buttons">
                                    <a class="eventstabs-event-description-buttons-item button-golden-outline" href="#">RÉTROSPECTIVE</a>
                                </div>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>
                                        <a href="#">LE LIEU</a>
                                    </small>
                                </p>
                            </div>
                        </article>
                    </section>
                </li>
                <li class="eventstabs-tab eventstabs-tab--event-over tabs-list-item">
                    <header class="eventstabs-tab-header tabs-list-item-header">
                        <div class="eventstabs-tab-header-date">02/10/2015</div>
                        <div class="eventstabs-tab-header-location">RIBEAUVILLE</div>
                        <div class="eventstabs-tab-header-status">TERMINÉ</div>
                    </header>
                    <section class="eventstabs-tab-content tabs-list-item-content">
                        <article class="eventstabs-event">
                            <figure class="eventstabs-event-figure">
                                <picture data-alt="" data-default-src="http://placehold.it/280x235">
                                    <source media="(min-width: 1025px)" srcset="http://placehold.it/280x235"/>
                                    <source media="(min-width: 481px)"  srcset="http://placehold.it/280x235"/>
                                    <source media="(max-width: 480px)"  srcset="http://placehold.it/280x235"/>
                                    <img src="" alt="" />
                                </picture>
                                <!-- <img class="eventstabs-event-figure-image" src="http://placehold.it/280x235" alt="descriptif image"> -->
                            </figure>
                            <div class="eventstabs-event-description">
                                <div class="eventstabs-event-description-date">02/10/2015</div>
                                <div class="eventstabs-event-description-location">RIBEAUVILLE</div>
                                <p class="eventstabs-event-description-paragraph">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                                    Magni quis dolorem perspiciatis praesentium consequuntur voluptatibus ad fuga corrupti odio veniam,
                                    suscipit dolorum ab. Quibusdam, et laborum quae. Eveniet, quia, corrupti?
                                </p>
                                <div class="eventstabs-event-description-buttons">
                                    <a class="eventstabs-event-description-buttons-item button-golden-outline" href="#">RÉTROSPECTIVE</a>
                                </div>
                                <p class="eventstabs-event-description-paragraph">
                                    <small>
                                        <a href="#">LE LIEU</a>
                                    </small>
                                </p>
                            </div>
                        </article>
                    </section>
                </li>
            </ul>
        </div>
    </nav>

</div>