<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

English

Français

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&rsquo;ann&eacute;e de 9h30 &agrave; 19h00 (&agrave; la nuit l&rsquo;hiver).</p>
<p class="light-font">Ferm&eacute; les jours de pluie.</p>
<p class="margin">Ferme les lundis et mardis de novembre &agrave; 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&eacute;e, route de Gourdon</p>
<p class="light-font" style="margin: 0;">06620 Bar sur Loup &bull; 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&Eacute; SUR</div>
<div class="icons">
<div class="icon"><a target="_blank" href="https://www.facebook.com/pages/Fun-Kart/177575932294617" rel="noopener"><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&eacute;gales</a></p>
<p>2018 create by <a href="https://www.nextsourcia.com/">NEXTSOURCIA</a> - Tous droits r&eacute;serv&eacute;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><span style="color: #ecf0f1;"><strong><span style="font-size: 20px;">FERMETURE POUR TRAVAUX DECEMBRE 2021 A MI FEVRIER 2022.&nbsp;<br /></span></strong><span style="font-size: 11.0pt; line-height: 107%; font-family: 'Calibri',sans-serif; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-ansi-language: FR-MC; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;"></span><strong><span style="font-size: 20px;"><br /></span></strong></span></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>