<div class="container-fluid content">
    <div class="row karts" style="background: #000; padding: 0;">
        <div class="col-md-4 kart adulte">
            <a href="/location-kart">
                <p style="color: #FDBC58">ADULTES</p>
                <img style="width: 100%;" src="/medias/adulte.png" alt="kart-adulte">
            </a>
        </div>
        <div class="col-md-4 kart enfant">
            <a href="/location-kart">
            <p style="color: #4EBBDE">ENFANTS</p>
            <img style="width: 100%;" src="/medias/enfant.png" alt="kart-enfant">
            </a>
        </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. &Eacute;quip&eacute; d'un chronom&eacute;trage &eacute;lectronique, d'&eacute;quipements aux normes de s&eacute;curit&eacute; europ&eacute;enne, assistance m&eacute;canique et d&rsquo;un restaurant sur place, nous avons &eacute;galement une piste de kart r&eacute;serv&eacute;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 13 chevaux</li>
<li>16 Karts 9 chevaux</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&egrave;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;">&eacute;v&egrave;nements</p>
<hr />
<p>De nombreux &eacute;v&egrave;nements tout au long de l&rsquo;ann&eacute;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">
            <a href="/location-kart">
                <p style="color: #FDBC58">ADULTES</p>
                <img style="width: 100%;" src="/medias/adulte.png" alt="kart-adulte">
            </a>
        </div>
        <div class="col-md-4 kart enfant">
            <a href="/location-kart">
            <p style="color: #4EBBDE">ENFANTS</p>
            <img style="width: 100%;" src="/medias/enfant.png" alt="kart-enfant">
            </a>
        </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. &Eacute;quip&eacute; d'un chronom&eacute;trage &eacute;lectronique, d'&eacute;quipements aux normes de s&eacute;curit&eacute; europ&eacute;enne, assistance m&eacute;canique et d&rsquo;un restaurant sur place, nous avons &eacute;galement une piste de kart r&eacute;serv&eacute;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 13 chevaux</li>
<li>16 Karts 9 chevaux</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&egrave;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;">&eacute;v&egrave;nements</p>
<hr />
<p>De nombreux &eacute;v&egrave;nements tout au long de l&rsquo;ann&eacute;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

Karts & Circuits

Calendrier

Photos & Vidéos

Horaires

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>mercredi, jeudi, vendredi: 9h30-18h00 <br />samedi, dimanche 9h30-19h00 <br /><br />juillet et aout ouvert 7/7j 9h30-19h00</p>
<p class="light-font">Fermé les jours de pluie.</p>
<p class="margin"></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"> 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" 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é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><span style="color: #ecf0f1;"><strong><span style="font-size: 20px;"><span><br /><a href="http://www.fun-kart.com/"><span style="color: #f1c40f;">Lien de r&eacute;servation (pour les propri&eacute;taires de kart uniquement !)</span></a></span><span style="color: #f1c40f;">.</span>&nbsp;<br /><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>