<nav class="eventstabs-transports tabs" data-class="TABS">
    <div class="row-fluid-small">
        <ul class="tabs-list">
            <li class="eventstabs-transports-tab tabs-list-item is-active">
                <header class="eventstabs-transports-tab-header tabs-list-item-header">
                    <div class="eventstabs-transports-tab-header-mask"></div>
                    <div class="eventstabs-transports-tab-header-content">
                        <div class="eventstabs-transports-tab-header-location">
                            <p>EN VOITURE</p>
                            <div class="eventstabs-picto">
                                <span class="icon-svg icon-car">
                                    <svg>
                                        <use xlink:href="img/sprites/sprite.svg#icon-car-service"></use>
                                    </svg>
                                </span>
                            </div>
                        </div>
                    </div>
                </header>
                <section class="eventstabs-transports-tab-content tabs-list-item-content">
                    <article class="eventstabs-transports-event">
                        <div class="eventstabs-transports-event-description">
                            <div class="eventstabs-transports-event-description-paragraph">
                                <p>
                                    <span>200 km de Paris par l’autoroute A13,</span>
                                    <span>45 km du Havre par le pont de Normandie,</span>
                                    <span>95 km de Rouen par l’autoroute A13,</span>
                                    <span>60 km de Caen par l’autoroute A13.</span>
                                </p>
                            </div>
                        </div>
                    </article>
                </section>
            </li>
            <li class="eventstabs-transports-tab tabs-list-item">
                <header class="eventstabs-transports-tab-header tabs-list-item-header">
                    <div class="eventstabs-transports-tab-header-mask"></div>
                    <div class="eventstabs-transports-tab-header-content">
                        <div class="eventstabs-transports-tab-header-location">
                            <p>EN BUS</p>
                            <div class="eventstabs-picto">
                                <span class="icon-svg icon-bus">
                                    <svg>
                                        <use xlink:href="img/sprites/sprite.svg#icon-bus"></use>
                                    </svg>
                                </span>
                            </div>
                        </div>
                    </div>
                </header>
                <section class="eventstabs-transports-tab-content tabs-list-item-content">
                    <article class="eventstabs-transports-event">
                        <div class="eventstabs-transports-event-description">
                            <div class="eventstabs-transports-event-description-paragraph">
                                <p>
                                    <span>200 km de Paris par l’autoroute A13,</span>
                                    <span>45 km du Havre par le pont de Normandie,</span>
                                    <span>95 km de Rouen par l’autoroute A13,</span>
                                    <span>60 km de Caen par l’autoroute A13.</span>
                                </p>
                            </div>
                        </div>
                    </article>
                </section>
            </li>
            <li class="eventstabs-transports-tab tabs-list-item">
                <header class="eventstabs-transports-tab-header tabs-list-item-header">
                    <div class="eventstabs-transports-tab-header-mask"></div>
                    <div class="eventstabs-transports-tab-header-content">
                        <div class="eventstabs-transports-tab-header-location">
                            <p>EN TRAIN</p>
                            <div class="eventstabs-picto">
                                <span class="icon-svg icon-train">
                                    <svg>
                                        <use xlink:href="img/sprites/sprite.svg#icon-train"></use>
                                    </svg>
                                </span>
                            </div>
                        </div>
                    </div>
                </header>
                <section class="eventstabs-transports-tab-content tabs-list-item-content">
                    <article class="eventstabs-transports-event">
                        <div class="eventstabs-transports-event-description">
                            <div class="eventstabs-transports-event-description-paragraph">
                                <p>
                                    <span>200 km de Paris par l’autoroute A13,</span>
                                    <span>45 km du Havre par le pont de Normandie,</span>
                                    <span>95 km de Rouen par l’autoroute A13,</span>
                                    <span>60 km de Caen par l’autoroute A13.</span>
                                </p>
                            </div>
                        </div>
                    </article>
                </section>
            </li>
            <li class="eventstabs-transports-tab tabs-list-item">
                <header class="eventstabs-transports-tab-header tabs-list-item-header">
                    <div class="eventstabs-transports-tab-header-mask"></div>
                    <div class="eventstabs-transports-tab-header-content">
                        <div class="eventstabs-transports-tab-header-location">
                            <p>EN AVION</p>
                            <div class="eventstabs-picto">
                                <span class="icon-svg icon-plane">
                                    <svg>
                                        <use xlink:href="img/sprites/sprite.svg#icon-plane"></use>
                                    </svg>
                                </span>
                            </div>
                        </div>
                    </div>
                </header>
                <section class="eventstabs-transports-tab-content tabs-list-item-content">
                    <article class="eventstabs-transports-event">
                        <div class="eventstabs-transports-event-description">
                            <div class="eventstabs-transports-event-description-paragraph">
                                <p>
                                    <span>200 km de Paris par l’autoroute A13,</span>
                                    <span>45 km du Havre par le pont de Normandie,</span>
                                    <span>95 km de Rouen par l’autoroute A13,</span>
                                    <span>60 km de Caen par l’autoroute A13.</span>
                                </p>
                            </div>
                        </div>
                    </article>
                </section>
            </li>
            <li class="eventstabs-transports-tab tabs-list-item">
                <header class="eventstabs-transports-tab-header tabs-list-item-header">
                    <div class="eventstabs-transports-tab-header-mask"></div>
                    <div class="eventstabs-transports-tab-header-content">
                        <div class="eventstabs-transports-tab-header-location">
                            <p>EN BATEAU</p>
                            <div class="eventstabs-picto">
                                <span class="icon-svg icon-boat">
                                    <svg>
                                        <use xlink:href="img/sprites/sprite.svg#icon-boat"></use>
                                    </svg>
                                </span>
                            </div>
                        </div>
                    </div>
                </header>
                <section class="eventstabs-transports-tab-content tabs-list-item-content">
                    <article class="eventstabs-transports-event">
                        <div class="eventstabs-transports-event-description">
                            <div class="eventstabs-transports-event-description-paragraph">
                                <p>
                                    <span>200 km de Paris par l’autoroute A13,</span>
                                    <span>45 km du Havre par le pont de Normandie,</span>
                                    <span>95 km de Rouen par l’autoroute A13,</span>
                                    <span>60 km de Caen par l’autoroute A13.</span>
                                </p>
                            </div>
                        </div>
                    </article>
                </section>
            </li>
        </ul>
    </div>
</nav>