<div class="container-fluid content">
    <div class="row karts" style="background: #000; padding: 0;">
        <div class="col-md-4 kart adulte">
            <ns-link href="/location-kart-adultes">
                <p style="color: #FDBC58">ADULTES</p>
                <img style="width: 100%;" src="/medias/adulte.png" alt="kart-adulte">
            </ns-link>
        </div>
        <div class="col-md-4 kart enfant">
            <ns-link href="/location-kart-enfants">
            <p style="color: #4EBBDE">ENFANTS</p>
            <img style="width: 100%;" src="/medias/enfant.png" alt="kart-enfant">
            </ns-link>
        </div>
        <div class="col-md-4 kart groupe">
            <ns-link href="/location-kart-groupes">
            <p style="color: #7EB620">GROUPES</p>
            <img style="width: 100%;" src="/medias/groupes.png" alt="kart-groupe">
            </ns-link>
        </div>
    </div>
</div>
<style>
    .home .content .karts .kart {
        position: relative
    }

.home .row {
 margin-right: 0 !important; margin-left: 0 !important;
}

    .home .content .karts .kart:hover {
        transform: scale(1.1);
    }

    .home .content .kart p {
        position: absolute;
        font-family: 'Oswald';
        color: #fff;
        left: 39%;
        bottom: -10px;
        transform: translateY(-50%);
        font-size: 25px;
        margin: 0;
    }

</style>

<div class="acceuil-2 layer">
    <div class="content acceuil-2">
        <h3>UN DES PLUS GRANDS CIRCUITS D'EUROPE</h3>
        <p style="margin-bottom: 50px; font-weight: 300;">A 30 minutes seulement de Cannes, Nice ou Antibes, Fun-Kart est la seule piste de karting des Alpes Maritimes. Équipé d'un chronométrage électronique, d'équipements aux normes de sécurité européenne, assistance mécanique et d’un restaurant sur
            place, nous avons également une piste de kart réservée aux enfants (minimum 1 m 30).</p>
        <div class="row images">
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/karting.png" alt="40 karts"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">40</p>
                    <p style="font-weight: 300; font-size: 23px;">karts</p>
                    <hr>
                    <ul>
                        <li>20 Karts de 390 cc</li>
                        <li>16 Karts 270 cc</li>
                        <li>4 Karts enfant</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/barsurloup.png" alt="4 pistes"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">4</p>
                    <p style="font-weight: 300; font-size: 23px;">pistes</p>
                    <hr>
                    <ul>
                        <li>1 184, 650, 350 mètres </li>
                        <li>Une piste enfants </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/piste.png" alt="8 hectares"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">8</p>
                    <p style="font-weight: 300; font-size: 23px;">hectares</p>
                    <hr>
                    <ul>
                        <li>Au coeur d'un parc naturel</li>
                        <li>A 30 min de Nice, Cannes et Antibes</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/go-kart-2959778.png" alt="200 karts"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">180</p>
                    <p style="font-weight: 300; font-size: 23px;">évènements</p>
                    <hr>
                    <p>De nombreux évènements tout au long de l’année</p>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/food-3219833.png" alt="Restauration"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">1</p>
                    <p style="font-weight: 300; font-size: 23px;">restaurant</p>
                    <hr>
                    <p>Venez vous restaurer entre deux tours de pistes</p>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .acceuil-2.layer {
        padding: 70px 0;
        background-image: url(/medias/O9ZJK60.png);
        background-size: cover;
        background-position: center;
    }

    .acceuil-2.layer .content {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .acceuil-2 .images .image {
        transform: skewX(-10deg);
margin: 0 -20px;
    }

    .acceuil-2 .images {
        display: flex;
        justify-content: center;
    }

    .acceuil-2 .row.images img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        transform: skewX(10deg);
    }

    .acceuil-2 p,
    .acceuil-2 h3 {
        color: #fff;
        font-family: 'Oswald', sans-serif;
        text-align: center;
    }

    .acceuil-2 .infos {

        width: 80%;
    }

    .acceuil-2 .row .infos p {

        margin: 0;
    }

    .acceuil-2 hr {

        border-color: #FDBC58;
    }

    .acceuil-2 ul {
        padding-left: 20px;
        margin-top: 0;
    }

    .acceuil-2 ul li,
    .acceuil-2 ul li p {
        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-weight: 300;
    }

    .acceuil-2 ul li::before {

        content: " ";
        color: #FDBC58;
    }

</style>

<div class="acceuil-3">
    <div class="content">
        <h2>ILS NOUS ONT RENDU VISITE</h2>
             <ns-gallery ns-code="gallery_accueil"></ns-gallery>
    </div>
</div>
<style>
    .acceuil-3 .content {

        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
    }

    .acceuil-3 h2 {

        color: #FDBC58;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        margin: 20px 0;
        position: relative;
        background: #000;
    }

</style>

<div class="home">
<div id="sliderWrapper">
    <ns-slider ns-code="accueil"></ns-slider>
</div>
<div class="container-fluid content">
    <div class="row karts" style="background: #000; padding: 0;">
        <div class="col-md-4 kart adulte">
            <ns-link href="/location-kart-adultes">
                <p style="color: #FDBC58">ADULTES</p>
                <img style="width: 100%;" src="/medias/adulte.png" alt="kart-adulte">
            </ns-link>
        </div>
        <div class="col-md-4 kart enfant">
            <ns-link href="/location-kart-enfants">
            <p style="color: #4EBBDE">ENFANTS</p>
            <img style="width: 100%;" src="/medias/enfant.png" alt="kart-enfant">
            </ns-link>
        </div>
        <div class="col-md-4 kart groupe">
            <ns-link href="/location-kart-groupes">
            <p style="color: #7EB620">GROUPES</p>
            <img style="width: 100%;" src="/medias/groupes.png" alt="kart-groupe">
            </ns-link>
        </div>
    </div>
</div>
<style>
    .home .content .karts .kart {
        position: relative
    }

.home .row {
 margin-right: 0 !important; margin-left: 0 !important;
}

    .home .content .karts .kart:hover {
        transform: scale(1.1);
    }

    .home .content .kart p {
        position: absolute;
        font-family: 'Oswald';
        color: #fff;
        left: 39%;
        bottom: -10px;
        transform: translateY(-50%);
        font-size: 25px;
        margin: 0;
    }

</style>
<div class="acceuil-2 layer">
    <div class="content acceuil-2">
        <h3>UN DES PLUS GRANDS CIRCUITS D'EUROPE</h3>
        <p style="margin-bottom: 50px; font-weight: 300;">A 30 minutes seulement de Cannes, Nice ou Antibes, Fun-Kart est la seule piste de karting des Alpes Maritimes. Équipé d'un chronométrage électronique, d'équipements aux normes de sécurité européenne, assistance mécanique et d’un restaurant sur
            place, nous avons également une piste de kart réservée aux enfants (minimum 1 m 30).</p>
        <div class="row images">
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/karting.png" alt="40 karts"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">40</p>
                    <p style="font-weight: 300; font-size: 23px;">karts</p>
                    <hr>
                    <ul>
                        <li>20 Karts de 390 cc</li>
                        <li>16 Karts 270 cc</li>
                        <li>4 Karts enfant</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/barsurloup.png" alt="4 pistes"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">4</p>
                    <p style="font-weight: 300; font-size: 23px;">pistes</p>
                    <hr>
                    <ul>
                        <li>1 184, 650, 350 mètres </li>
                        <li>Une piste enfants </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/piste.png" alt="8 hectares"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">8</p>
                    <p style="font-weight: 300; font-size: 23px;">hectares</p>
                    <hr>
                    <ul>
                        <li>Au coeur d'un parc naturel</li>
                        <li>A 30 min de Nice, Cannes et Antibes</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/go-kart-2959778.png" alt="200 karts"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">180</p>
                    <p style="font-weight: 300; font-size: 23px;">évènements</p>
                    <hr>
                    <p>De nombreux évènements tout au long de l’année</p>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/food-3219833.png" alt="Restauration"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">1</p>
                    <p style="font-weight: 300; font-size: 23px;">restaurant</p>
                    <hr>
                    <p>Venez vous restaurer entre deux tours de pistes</p>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .acceuil-2.layer {
        padding: 70px 0;
        background-image: url(/medias/O9ZJK60.png);
        background-size: cover;
        background-position: center;
    }

    .acceuil-2.layer .content {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .acceuil-2 .images .image {
        transform: skewX(-10deg);
margin: 0 -20px;
    }

    .acceuil-2 .images {
        display: flex;
        justify-content: center;
    }

    .acceuil-2 .row.images img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        transform: skewX(10deg);
    }

    .acceuil-2 p,
    .acceuil-2 h3 {
        color: #fff;
        font-family: 'Oswald', sans-serif;
        text-align: center;
    }

    .acceuil-2 .infos {

        width: 80%;
    }

    .acceuil-2 .row .infos p {

        margin: 0;
    }

    .acceuil-2 hr {

        border-color: #FDBC58;
    }

    .acceuil-2 ul {
        padding-left: 20px;
        margin-top: 0;
    }

    .acceuil-2 ul li,
    .acceuil-2 ul li p {
        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-weight: 300;
    }

    .acceuil-2 ul li::before {

        content: " ";
        color: #FDBC58;
    }

</style>
<div class="acceuil-3">
    <div class="content">
        <h2>ILS NOUS ONT RENDU VISITE</h2>
             <ns-gallery ns-code="gallery_accueil"></ns-gallery>
    </div>
</div>
<style>
    .acceuil-3 .content {

        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
    }

    .acceuil-3 h2 {

        color: #FDBC58;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        margin: 20px 0;
        position: relative;
        background: #000;
    }

</style>
</div>

<style>
#sliderWrapper{
margin-top:61px;
}

 @media screen and (max-width:900px){
     #sliderWrapper{
         margin-top:70px;
     }
}

</style>

Fun-Kart | Page d'accueil

Français

English

Karts & Circuits

Calendrier

Photos & Vidéos

Proprietaires de karts

Locations

fka-header-menu

kart

<div class="schedules">
    <div class="layer">
        <div class="content" style="padding: 70px 0;">
            <p class="title margin" style="color: #FDBC58">Horaires</p>
            <p>Ouvert tous les jours toute l’année de 9h30 à 20h00 (à la nuit l’hiver).</p>
            <p class="light-font">sauf cas exceptionnel de fermeture (comme les compétitions par exemple). </p>
            <p class="margin">Ferme les lundis et mardis de novembre à mars.</p>
        </div>
    </div>
</div>
<div class="bar">
    <div class="content">
        <div class="logo">
            <img src="/medias/logo_fka.png" alt="Fun-Kart" style="width:72px;height:72px">
        </div>
        <div class="company block">
            <p class="title">FUN KART</p>
            <p class="light-font" style="margin: 0;">Plateau de la Sarrée, route de Gourdon</p>
            <p class="light-font" style="margin: 0;">06620 Bar sur Loup • FRANCE</p>
        </div>
        <div class="contact block">
            <p class="phone" style="color: #FDBC58;"> T. +33 (0)4 93 42 48 08</p>
            <p class="light-font">&nbsp;Fax : +33 (0)4 93 42 72 27</p>
        </div>
        <div class="social-networks block">
            <div>SUIVEZ TOUTE NOTRE ACTUALITÉ SUR</div>
            <div class="icons">
                <div class="icon">
                    <a target="_blank" href="https://www.facebook.com/pages/Fun-Kart/177575932294617"><img src="/medias/facebook.png" alt="Fun-Kart sur Facebook" style="width:34px;height:34px"><span>Facebook</span></a>
                </div>
            </div>
        </div>
        <div class="contact block">
            <div><a href="/contact" style="height: 50px; color: #fff; line-height: 50px; display: block; text-align: center;">Contactez nous</a></div>
        </div>
        <ns-gotopbutton></ns-gotopbutton>
    </div>
</div>
<div class="partenaires">
    <div class="content">
        <div>
             <img src="/medias/sms-timing.png" alt="sms-timing">
        </div>
        <div>
            <img src="/medias/logo-ville-de-nice.png" alt="ville-de-nice">
        </div>
        <div>
            <img src="/medias/logo-groupenicematin copy.png" alt="nice-matin">
        </div>
        <div>
             <img src="/medias/ffsa copy.png" alt="ffsa">
        </div>
    </div>
</div>
<div class="licence">
    <div class="content">

        <p><a href="/mentions-legales">Mentions légales</a></p>
        <p>2018 create by <a href="https://www.nextsourcia.com/">NEXTSOURCIA</a> - Tous droits réservés. Conditions d'utilisation.</p>
    </div>
</div>

<style>
    footer {
        height: 445px;
    }

    footer .schedules {
        background: url(/medias/go-kart-1263686.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        position: relative;
        height: 350px;
    }

    footer .layer {

        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    footer .content {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        height: inherit;
    }

    footer .schedules p:not(.margin) {
        margin: 0;
    }

    footer .schedules .content p {

        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-size: 24px;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

    footer .schedules .title {
        color: #FDBC58;
        text-transform: uppercase;
    }

    footer p.light-font {

        font-weight: 300;
        font-size: 18px;
    }

    footer .bar {

        background-color: #000;
        width: 100%;
        height: 122px;

    }

    footer .bar .content {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        height: 122px;
    }

    @media screen and (max-width: 990px) {
        footer .bar .content {
            flex-direction: column;

        }
    }

    footer .bar .content>div {

        flex: 1 1 auto;
    }

    footer .bar .content>.block+.block {
        border-left: solid 1px white;
    }

    footer .bar p {
        text-align: center;
        color: #fff;
    }

    footer .bar .content .logo img {

        margin: 0 auto;
        display: block;

    }

    footer .goTopButton {

        position: absolute;
        top: -10px;
        right: 10px;
    }

    footer .social-networks {
        padding-left: 10px;
        color: #fff;
    }

    footer .social-networks>div {

        display: inline-block;
    }

    footer .bar .content p,
    footer .bar .social-networks div {

        font-family: 'Oswald', sans-serif;
    }

    footer .bar .social-networks .icon a {

        display: flex;
        flex-direction: column;
        text-align: center;
        margin: 0 10px;
    }

    footer .bar .social-networks .icon {
        display: flex;
        flex-direction: row;
    }

    footer .bar .social-networks .icon a span {
        font-size: 10px;
        color: #fff;
        text-decoration: none;
    }

    footer .partenaires {
        background-color: rgba(150, 150, 150, 0.17);
    }

    footer .partenaires .content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 103px;
        width: 90%;
    }

    footer .licence {}

    footer .licence .content {

        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
    }

    footer .licence .content p {

        margin: 0 10px;
        color: #9B9B9B;
        font-size: 15px;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
    }

    footer a {
        text-decoration: none;
        color: #9b9b9b;
    }

    @media screen and (max-width: 990px) {
        footer .content {
            flex-direction: column;
            height: auto !important;
        }
        footer,
        footer>div,
        footer>div>div:not(.schedules) {

            height: auto !important;
        }
        footer .bar .content>div {

            border: 0 !important;
        }
        footer .schedules .content p {
font-size: 16px;
    }   
footer .schedules .content p.title {
font-size: 20px;
    }

</style>

<div class="content">
    <a href="/"><img src="/medias/logo_fka.png" alt="logo_fka" class="logo" /></a>
    <div class="div-menu">
        <ns-menu ns-code="fka-header-menu-16"></ns-menu>
    </div>
    
</div>
<style jsx="true">
    header {
        z-index: 999;
        position: fixed;
        width: 100vw;
top: 0;
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
        background-color: #000;
        height: 61px;
    }

    header .content {
        height: 61px;
        display: flex;
        flex-direction: row;
        position: relative;
        margin: 0 auto;
        max-width: 1440px;
    }

    header .sub-menu {
        width: 90px;
        padding: 0;
        display: flex;
        align-content: center;
        list-style: none;
        flex-direction: row;
        float: right;
        margin: 0;
    }

    header .sub-menu li {
        width: calc(100% / 3);
        text-align: center;
        vertical-align: middle;
        height: 61px;
        line-height: 40px;
        margin: 0;
    }
header .sub-menu li a {
height: 60px;
}

    header .sub-menu li a img {
vertical-align: bottom;
        height: 20px;
    }

    header .sub-menu li:hover {
        background-color: #fdbc58;
        cursor: pointer;
    }

    header .sub-menu [data-prefix*="fa"] {
        color: #ddd;
        width: 10px;
        margin-left: 5px;
    }

    header .div-menu {
        float: right;
        width: calc(100% - (50% - 150px));
        margin-left: calc(100% - (50% + 150px));
    }

    header .content .logo {
        position: absolute;
        left: 50px;
        top: 10px;
        width:100px;
    }

    header {
        z-index: 101;
    }

    @media (max-width: 900px) {

        .menu,
        header .content,
        header,
        div-menu {
            height: 70px;
            -moz-transition: height 0.5s ease;
            -webkit-transition: height 0.5s ease;
            -o-transition: height 0.5s ease;
            transition: height 0.5s ease;
        }
        header .div-menu {
            height: 70px;
            width: 100%;
margin: 0;
        }
    }

</style>