CINXE.COM
Camping Card International | Obtenez des rabais dans 3100 camps dans 40 pays!
<!--[if lt IE 8 ]><html class="ie7" lang="fr-FR"><![endif]--> <!--[if IE 8 ]><html class="ie8" lang="fr-FR"><![endif]--> <!--[if IE 9 ]><html class="ie9" lang="fr-FR"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <!DOCTYPE html> <html lang="fr-FR"> <!--<![endif]--> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WGXX6LR');</script> <!-- End Google Tag Manager --> <title>Camping Card International | Obtenez des rabais dans 3100 camps dans 40 pays!</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no"> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"> <meta name="generator" content="Umbraco 7.15.3"> <meta name="title" content="Camping Card International | Obtenez des rabais dans 3100 camps dans 40 pays!"> <meta name="description" content="Camping Card International | Obtenez des rabais dans 3100 camps dans 40 pays!"> <!--SEO --> <meta name="robots" content="INDEX, FOLLOW"> <!-- OPEN GRAPH --> <meta property="og:site_name" content="Camping Card International"> <meta property="og:title" content="Camping Card International | Obtenez des rabais dans 3100 camps dans 40 pays!"> <meta property="og:description" content="Camping Card International | Obtenez des rabais dans 3100 camps dans 40 pays!"> <meta property="og:type" content="website"> <meta property="og:locale" content="fr-FR"> <meta property="og:url" content="https://www.campingcardinternational.com/fr/"> <meta property="og:image" content="https://www.campingcardinternational.com/media/1041/cci_opengraph1200x630.jpg"> <meta property="og:image:type" content="jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="Camping Card International" /> <link rel="icon" type="image/x-icon" href="/media/1042/cci_favico.png" /> <link href="/bundles/CampingCardInternationalStyles?v=W5NQuRP6ToUkCo-CBA15N5Il9CZCXMrrMgYAQHPONus1" rel="stylesheet"/> <script src="/bundles/CampingCardInternationalScripts?v=256Qw3LaE5A-cJ_VBqi83e5GPB1nZ5R-p5-pnrdrwCs1"></script> <script type="text/javascript" src="/App_Plugins/TeaCommerce/Assets/Scripts/tea-commerce.min.js"></script> <script src="https://www.paypal.com/sdk/js?client-id=Adb_-nyrzCSy-6plJdtcBsPd3mf-kNFZfWoJcM4b4c1L_ECNriKM6zjMtm3663NJSyjnhM5rlkmasweC&vault=true" data-sdk-integration-source="button-factory"></script> <script src="/Scripts/product.js"></script> <script src="/Scripts/validation.js"></script> <script src="/Scripts/cart.js"></script> <script src="/Scripts/teaCommerceEvents.js"></script> <script type="text/javascript"> _storeId = 2; </script> <!--[if lte IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script> <![endif]--> </head> <body class="cci-website home top-banner-gradient body-gradient" data-mobile="False" data-device="desktop"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WGXX6LR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header id="header" class="has-banner"> <div class="top-header"> <div class="container"> <div class="row justify-content-sm-end"> <div class="col-3 d-none d-sm-flex justify-content-end"> <a href="/fr/aide/"> <i class="far fa-info-circle"></i> Aide </a> <div class="btn-group"> <a class="btn lang-selector-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="0,13"><i class="flag fg-fr"></i> FRANÇAIS </a> <ul class="dropdown-menu dropdown-menu-right"> <li> <a href="/en/" class="dropdown-item d-flex"> <i class="fg-gb align-self-center"></i><span class="flex-fill">English </span> </a> </li> <li> <a href="/fr/" class="dropdown-item d-flex"> <i class="fg-fr align-self-center"></i><span class="flex-fill">Français </span> </a> </li> <li> <a href="/de/" class="dropdown-item d-flex"> <i class="fg-de align-self-center"></i><span class="flex-fill">Deutsch </span> </a> </li> <li> <a href="/it/" class="dropdown-item d-flex"> <i class="fg-it align-self-center"></i><span class="flex-fill">Italiano </span> </a> </li> <li> <a href="/es/" class="dropdown-item d-flex"> <i class="fg-es align-self-center"></i><span class="flex-fill">Español </span> </a> </li> <li> <a href="/nl/" class="dropdown-item d-flex"> <i class="fg-nl align-self-center"></i><span class="flex-fill">Nederlands </span> </a> </li> <li> <a href="/sv/" class="dropdown-item d-flex"> <i class="fg-sv align-self-center"></i><span class="flex-fill">Svenska </span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="bottom-header d-flex"> <div class="container align-self-center"> <div class="row"> <div class="col-2 col-md-1 d-flex align-items-center"> <a class="nav-icon"> <i class="ico-burger-menu"></i> </a> <div class="navigation-container"> <div class="container"> <div class="row"> <div class="col-12 mobile-nav-header"> <div class="col-12 d-flex d-sm-none"> <div class="col-2 d-flex justify-content-start"> <a class="nav-close position-absolute"></a> </div> <div class="col-10 d-flex justify-content-end"> <a href="/fr/aide/"> <i class="far fa-info-circle"></i> Aide </a> <div class="btn-group"> <a class="btn lang-selector-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="0,13"><i class="flag fg-fr"></i> FRANÇAIS <i class="far fa-caret-down"></i></a> <ul class="dropdown-menu dropdown-menu-right"> <li> <a href="/en/" class="dropdown-item d-flex"> <i class="fg-gb align-self-center"></i><span class="flex-fill">English </span> </a> </li> <li> <a href="/fr/" class="dropdown-item d-flex"> <i class="fg-fr align-self-center"></i><span class="flex-fill">Français </span> </a> </li> <li> <a href="/de/" class="dropdown-item d-flex"> <i class="fg-de align-self-center"></i><span class="flex-fill">Deutsch </span> </a> </li> <li> <a href="/it/" class="dropdown-item d-flex"> <i class="fg-it align-self-center"></i><span class="flex-fill">Italiano </span> </a> </li> <li> <a href="/es/" class="dropdown-item d-flex"> <i class="fg-es align-self-center"></i><span class="flex-fill">Español </span> </a> </li> <li> <a href="/nl/" class="dropdown-item d-flex"> <i class="fg-nl align-self-center"></i><span class="flex-fill">Nederlands </span> </a> </li> <li> <a href="/sv/" class="dropdown-item d-flex"> <i class="fg-sv align-self-center"></i><span class="flex-fill">Svenska </span> </a> </li> </ul> </div> </div> </div> </div> <div class="col-12 d-none d-sm-flex align-items-center justify-content-center position-relative"> <a class="nav-close position-absolute"></a> <figure class="logo-container d-none d-sm-flex my-0"> <a href="/fr/" title="Camping Card International"> <img class="img-fluid" src="/media/1018/logo-cci.svg" alt="Logo Cci" /> </a> </figure> </div> <div class="col-12 d-flex justify-content-center mb-1"> <nav class="nav flex-column text-center"> <a class="nav-link" href="/fr/"> <span class="underline">Home</span> </a> <a class="nav-link" href="/fr/à-propos/" title="À Propos | Camping Card International"> <span class="underline">À Propos</span> </a> <a class="nav-link" href="/fr/rechercher-camping/" title="Rechercher Camping | Camping Card International"> <span class="underline">Rechercher Camping</span> </a> <a class="nav-link" href="/fr/gérants-de-camping/" title="Gérants de Camping | Camping Card International"> <span class="underline">Gérants de Camping</span> </a> <a class="nav-link" href="/fr/aide/" title="Aide | Camping Card International"> <span class="underline">Aide</span> </a> <a class="nav-link" href="/fr/nouvelles/" title="Nouvelles | Camping Card International"> <span class="underline">Nouvelles</span> </a> <a class="nav-link" href="/fr/contacts/" title="Contacts | Camping Card International"> <span class="underline">Contacts</span> </a> <a class="nav-link" href="/fr/partner-plans/" title="Plans | Camping Card International"> <span class="underline">Partner Plans</span> </a> </nav> </div> </div> </div> </div> </div> <div class="d-none d-md-flex col-3 px-0 align-items-center"> <form class="form-search" action="/fr/rechercher-camping/"> <input type="hidden" name="CurrentPageId" value="47882" /> <input class="form-control" name="FreeText" type="search" placeholder="Chercher" aria-label="Chercher" data-action="/umbraco/Surface/CCIEntities/HeaderSearch"> <button> <i class="far fa-search"></i> </button> </form> <div class="search-results d-none"> </div> </div> <div class="col-8 col-sm-3 px-0 d-flex align-items-center justify-content-center justify-content-sm-end"> <figure class="logo-container my-0"> <a href="/fr/" title="Camping Card International"> <img class="img-fluid" src="/media/1018/logo-cci.svg" alt="Logo Cci" /> </a> </figure> </div> <div class="col-2 col-sm-7 col-md-5 px-0 d-flex align-items-center justify-content-center justify-content-sm-end last"> <a href="/fr/enregistrement/" class="d-none d-sm-block btn btn-primary btn-white mx-4">Enregistrer</a> <div id="cciNumber-modal" class="modal-cci-number modal fade" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="Check CCI Number" aria-modal="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="close" data-dismiss="modal" aria-label="Close"> <i class="far fa-times-circle" aria-hidden="true"></i> </a> </div> <div id="cciNumberCheck" class="modal-body"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <div class="left-column col-10 col-sm-4"> <h2 class="green-gradient-text pb-4">Vérifier le numéro CCI</h2> <form action="/fr/" class="cci-check-number-form" enctype="multipart/form-data" id="cci-check-number-form" method="post"><input name="__RequestVerificationToken" type="hidden" value="eSO261RizkIX4lWEbBfjvseK0CfowOBKZhBNOAAWmuDLe9BRJvn0vuiB_woON5FQnhRnp-Yeb6Mfb6UtvmQw384XSObE0dxJ4spKjHRtStQ1" /> <div class="form-group"> <label for="cardNumberInput">NUMÉRO DE CARTE</label> <input Class="form-control" Id="cardNumberInput" id="CardNumber" name="CardNumber" pattern="[0-9]" required="required" type="number" value="" /> </div> <div class="form-group pt-4"> <button type="submit" class="btn btn-secondary">Validate</button> </div> <input name='ufprt' type='hidden' value='EF6C3AE1FD42A0887CE6EE0B55E69A68495C1D8DCB8CAA6F4C79662275080962C2632243E65D7061DC241748FDEED38B63749768EC06D9485B4DF503089891A1AFAE5A76C6E9B8A54B948FC4D7D09EF2AAD2C00A3FCA21B068344B559F5AACFD707B03CE9C68AD9E50F96F48A28CB96B2C4F7D9AE27482E5379F4E1C41779576C6A44F7F32DE484A980BABE917DAA930' /></form> <script type="text/javascript"> $(function () { $(document).on('submit', '#cci-check-number-form', function (ev) { ev.preventDefault(); var $modal = $('.modal-cci-number'); $modal.addClass('loading'); $.ajax({ type: 'post', url: $(this).attr('action'), data: $(this).serialize(), success: function (resp) { $('#cciNumberCheck').addClass('d-none'); if (resp.IsValid) { $('#cciNumberValid').removeClass('d-none'); } else { $('#cciNumberFailed').removeClass('d-none'); } $modal.removeClass('loading'); }, error: function () { alert("Error communicating with server."); $modal.removeClass('loading'); } }); return false; }); $('#cciNumber-modal').on('hidden.bs.modal', function (e) { CheckCCINumberModalReset(true); }) }); function CheckCCINumberModalReset(full = false) { $('#cciNumberCheck').removeClass('d-none'); $('#cciNumberValid').addClass('d-none'); $('#cciNumberFailed').addClass('d-none'); if (full) { $('#cciNumberCheck').find('#cardNumberInput').val(''); } } </script> </div> <div class="right-column d-none d-sm-flex col-5 offset-2"></div> </div> </div> </div> <div id="cciNumberValid" class="modal-body d-none"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <i class="fal fa-check-circle"></i> <div class="left-column col-12 col-sm-4"> <h2 class="green-gradient-text pb-4">Valid CCI Number</h2> <p class="success pb-3">You can now use your card!</p> <p>Get discounts in 2166 campsites and 41 countries.</p> </div> <div class="right-column d-none d-sm-flex col-5 offset-2"></div> </div> </div> </div> <div id="cciNumberFailed" class="modal-body d-none"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <i class="fal fa-engine-warning"></i> <div class="left-column col-12 col-sm-4 d-flex d-sm-block flex-column"> <h2 class="green-gradient-text pb-4">Invalid CCI Number</h2> <p class="error">This card number is no longer valid.</p> <p class="pb-2 pb-sm-5">For more information contact us.</p> <a href="javascript:void(0);" class="btn btn-secondary" onclick="CheckCCINumberModalReset()">Retry</a> <a href="/fr/contacts/" class="btn btn-primary mt-2 mt-sm-0">Contact Us</a> </div> <div class="right-column d-none d-sm-flex col-5 offset-2"></div> </div> </div> </div> <div class="modal-footer"> </div> </div> </div> </div> <a class="d-block d-sm-none btn btn-primary btn-white btn-profile" data-toggle="modal" data-target="#signin-modal"> <i class="far fa-user-circle"></i> </a> <a class="d-none d-sm-block btn btn-secondary btn-white sign-in-button" data-toggle="modal" data-target="#signin-modal">Connectez-vous</a> <div id="signin-modal" class="modal-signin modal fade " data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="Sign In" aria-modal="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(0)" class="close" data-dismiss=modal aria-label="Close"> <i class="far fa-times-circle" aria-hidden="true"></i> </a> </div> <div id="signIn" class="modal-body"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <div class="left-column col-11 col-md-4"> <h2 class="green-gradient-text pb-4">Connectez-vous</h2> <form action="/fr/" class="cci-login-form" enctype="multipart/form-data" id="cci-login-form" method="post"><input name="__RequestVerificationToken" type="hidden" value="JGmo95u60RdzIzlCPNm_1edbjWTogmAXUlTg1pbMZWYimgJkre3lQZRva89bN2xfbZNxBVCktLlEdGFnLXulxuxGlZUN9KI7a1GdX2zbiio1" /><input id="RedirectURL" name="RedirectURL" type="hidden" value="/fr/" /> <div class="form-group"> <label for="signinInputEmail">Courriel ou nom d’utilisateur</label> <input Class="form-control" Id="signinInputEmail" autocomplete="new-email" id="Email" name="Email" required="required" type="email" value="" /> </div> <div class="form-group"> <label for="signinInputPassword">Mot de passe</label> <input Class="form-control" Id="signinInputPassword" autocomplete="new-password" id="Password" name="Password" required="required" type="password" /> </div> <div class="form-group pt-4 row flex-row flex-sm-column"> <div class="col-6 col-sm d-flex flex-column justify-content-start"> <p>Mot de passe oublié</p> <span class="old-account">Have an account on our old website? Please recover your password</span> <a data-href="/?Recover=true" onclick="javascript: CampingCard.Page.showRecoverPassword();">Réinitialiser ici</a> </div> <div class="col-6 col-sm d-flex justify-content-end"> <button type="submit" class="btn btn-secondary">Connectez-vous</button> </div> </div> <input name='ufprt' type='hidden' value='E0128D854F6099DFB0093357074E36E5B09F0A67E1951BAEAA53A9FA617C4016D1FEB0AF1B578B6CC8CF4F36EBE6EFF89C56CC41C8F455452767A30EB08DE78DD4B7C446138C6B3C858CA865AD8694980CA877A1EDCE01621EC83292192C331F0771B32FF2935D5E67A87FD94AAE2390C3138137A13F6BA164459A5C1094FBAE' /></form> </div> <div class="right-column col-9 col-md-5 offset-md-2"> <h2>Non enregistré</h2> <p class="m-0 py-3 py-sm-5">Données non enregistrées</p> <a href="/fr/enregistrement/" class="btn btn-primary btn-white">S'inscrire maintenant</a> </div> </div> </div> </div> <div id="signInFailed" class="modal-body d-none"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <i class="fal fa-engine-warning"></i> <div class="left-column col-11 col-sm-4"> <h2 class="green-gradient-text pb-4">Échec de la connexion</h2> <p class="error pb-5">Votre nom d'utilisateur et/ou<br />Le mot de passe ne correspond pas</p> <a href="" class="btn btn-secondary">Recommencez</a> </div> <div class="right-column col-9 col-sm-5 offset-sm-2"> <h2>Non enregistré</h2> <p class="m-0 py-3 py-sm-5">Données non enregistrées</p> <a href="/fr/enregistrement/" class="btn btn-primary btn-white">S'inscrire maintenant</a> </div> </div> </div> </div> <div id="signInRecoverPassword" class="modal-body d-none"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <div class="left-column col-11 col-md-4"> <form action="/fr/" enctype="multipart/form-data" method="post"><input name="__RequestVerificationToken" type="hidden" value="vYV4HdboQ6atjYFu-oHWd_3N1eO9GuTQmxcyPZyjT_sw4BZ23bXF4BhOSF_s0anshcj0tnMFHtB4OJ09qdNb24202AZ0sazwN1VBH8S5Vx01" /> <div class="row"> <div class="form-header"> <h2 class="form-title green-gradient-text"> Récupération de mot de passe </h2> <div class="form-text"> Insérez votre e-mail et nous vous enverrons des instructions sur la façon de mettre à jour votre mot de passe. </div> </div> <fieldset class="col-12 mandatory field-text form-group"> <label for="email" class="title">Courriel</label> <input id="email" name="email" required="required" type="email" value="" /> </fieldset> <div class="col-12 noPadding form-actions"> <input class="btn btn-primary btn-submit" type="submit" value="Récupérer" /> </div> <div class="col-12 noPadding form-links"> <a href="/">Retourner</a> </div> </div> <input name='ufprt' type='hidden' value='0124009CAD220AF3B35357831DFAF0E72D1FC6116CB308CABDC53F0C20F4CA3FF7B1BFF633015C8640BF6EFE4D0198D8AEBEC5EDBC3F678E8DA4C7C73962EBBBF6E75F767A0F3E5325B6CEC612B65A36B5803246F1E21A16B55799C0DB7EF65C06D68FA0821C81A61996B6ACB4597D21ED419D31445A68E95356BB948E87F28D25FE885E97E9825219A311C89C22B578C46D95FC2E75770659DF20E8D91DA996' /></form> </div> <div class="right-column col-9 col-md-5 offset-md-2"> <h2>Non enregistré</h2> <p class="m-0 py-3 py-sm-5">Données non enregistrées</p> <a href="/fr/enregistrement/" class="btn btn-primary btn-white">S'inscrire maintenant</a> </div> </div> </div> </div> <div class="modal-footer"> </div> </div> </div> </div> <script type="text/javascript"> $(function () { $(document).on('submit', '#cci-login-form', function (ev) { ev.preventDefault(); $.ajax({ type: 'post', url: $(this).attr('action'), data: $(this).serialize(), success: function (resp) { if (resp.error) { if ($('#cci-login-form .invalid-feedback').length) { $('#cci-login-form .invalid-feedback').remove(); } $('#cci-login-form').prepend('<span class="invalid-feedback">'+resp.error+'</span>'); } if (resp.success) { location.reload(); if (resp.redirect_url) { //window.location = resp.redirect_url; } } }, error: function () { alert("Error communicating with server."); } }); return false; }); }); </script> </div> <div class="d-flex d-sm-none col-12 align-items-center mb-3 mobile-search"> <form class="form-search" action="/fr/rechercher-camping/"> <input type="hidden" name="CurrentPageId" value="47882" /> <input class="form-control" name="FreeText" type="search" placeholder="Chercher" aria-label="Chercher" data-action="/umbraco/Surface/CCIEntities/HeaderSearch"> <button> <i class="far fa-search"></i> </button> </form> <div class="search-results d-none"> </div> </div> </div> </div> </div> </header> <section class="top-banner-container slideshow"> <ul class="top-banner container owl-carousel"> <li class="banner-item row"> <div class="col-12 col-md-6 info-column"> <h2>Obtenez des rabais</h2> <h3>dans 3116 campings dans 40 pays!</h3> <nav class="links-container"> <a class="btn btn-secondary btn-green" href="/fr/rechercher-camping/">Consulter</a> </nav> </div> <div class="col-12 col-md-6 image-column"> <figure> <img class="img-fluid" src="/media/1003/free-holding-credit-card-mockup-free-copy-2.png" alt="Free Holding Credit Card Mockup Free Copy 2" /> </figure> </div> </li> <li class="banner-item row"> <div class="col-12 col-md-6 info-column"> <h2>Plan Premium</h2> <h3>Nouvelles fonctions pour € 125/an</h3> <nav class="links-container"> <a class="btn btn-secondary btn-green" href="/fr/partner-plans/">Voir les plans</a> </nav> </div> <div class="col-12 col-md-6 image-column"> <figure> <img class="img-fluid" src="/media/1006/orl57a2-13.png" alt="ORL57A2 13" /> </figure> </div> </li> </ul> </section> <script> $(function() { CampingCard.Components.topBannerSlideshow(); }) </script> <section itemscope id="contentWrapper"> <div class="grid"> <div class="umb-grid"> <div class="grid-section"> <div data-fluid-layout="0"> <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div > <span class="spacing-vertical " data-mobile="40" data-desktop="150"></span> <article class="cci-tidbits"> <ul class="row tidbit-list"> <li class="tidbit col-6 col-md-3 has-link"> <a href='/en/partners-search/' target=''> <i class="fad fa-campground"></i> <p class="text">Accepté dans <br />plus de 3116<br />campings</p> </a> </li> <li class="tidbit col-6 col-md-3 has-link"> <a href='/en/partners-search/' target=''> <i class="fad fa-percent"></i> <p class="text">Réductions <br />jusqu'à 40%</p> </a> </li> <li class="tidbit col-6 col-md-3 has-link"> <a href='/en/partners-search/' target=''> <i class="fad fa-globe-stand"></i> <p class="text">Accepté dans plus de 40 pays</p> </a> </li> <li class="tidbit col-6 col-md-3 has-link"> <a href='/en/partners-search/' target=''> <i class="fad fa-route"></i> <p class="text">Plus de 3122 avantages</p> </a> </li> </ul> </article> <span class="spacing-vertical " data-mobile="40" data-desktop="140"></span> <article id="destinations_64dc437f-f3d7-4f7d-9988-c3839ea6c615" class="cci-destinations-carousel"> <div class="container"> <div class="row"> <div class="col-12 col-sm-8 px-0 px-sm-4"> <h2 class="h2">Destinations populaires</h2> <p class="d-none d-sm-flex"></p> </div> <div class="col-4 d-none d-sm-flex align-items-end justify-content-end"> <a class="btn btn-primary ajax-load" href="/fr/rechercher-camping/">Voir tout</a> </div> </div> <div class="row"> <div class="col-12 px-0 px-sm-4"> <ul class="destinations-carousel owl-carousel owl-theme"> <li class="item" style="--background-image: url('/media/1027/destination-germany.jpg');"> <a class="ajax-load" href="/fr/rechercher-camping/?country=461"> <h4>Allemagne</h4> <div class="overlay"></div> </a> </li> <li class="item" style="--background-image: url('/media/1028/destination-france.jpg');"> <a class="ajax-load" href="/fr/rechercher-camping/?country=459"> <h4>France</h4> <div class="overlay"></div> </a> </li> <li class="item" style="--background-image: url('/media/1026/destination-portugal.jpg');"> <a class="ajax-load" href="/fr/rechercher-camping/?country=445"> <h4>Croatie</h4> <div class="overlay"></div> </a> </li> </ul> </div> </div> </div> <script type="text/javascript"> $(function () { CampingCard.Components.destinationsCarousel(); }) </script> </article> <span class="spacing-vertical " data-mobile="40" data-desktop="100"></span> <span class="spacing-vertical " data-mobile="40" data-desktop="190"></span> <article class="cci-news-list" data-guid="94151e2d-8b32-41b5-8dc9-2e0792ac3516"> <div class="header"> <h2 class="h2">Dernières nouvelles</h2> <a class="btn btn-primary ajax-load" href="/fr/nouvelles/">Voir toutes les nouvelles</a> </div> <div class="news-list-container"> <ul class="news-list owl-carousel owl-theme"> <li class="news-item "> <a href="/fr/nouvelles/nouveau-camping-rejoint-la-cci-tcs-camping-estavayer-la-nouvelle-plage-estavayer-le-lac-switzerland/" title="Nouveau camping rejoint la CCI, TCS Camping Estavayer La Nouvelle Plage, Estavayer-le-Lac, Switzerland"> <h3>Nouveau camping rejoint la CCI, TCS Camping Estavayer La Nouvelle Plage, Estavayer-le-Lac, Switzerland</h3> <date>09.10.2024</date> </a> </li> <li class="news-item "> <a href="/fr/nouvelles/nouveau-camping-rejoint-la-cci-camping-vaivari-jurmala-latvia-2/" title="Nouveau camping rejoint la CCI, Camping Vaivari, Jurmala, Latvia"> <h3>Nouveau camping rejoint la CCI, Camping Vaivari, Jurmala, Latvia</h3> <date>21.08.2024</date> </a> </li> <li class="news-item "> <a href="/fr/nouvelles/nouveau-camping-rejoint-la-cci-eco-camp-snovik-eco-camp-snovik-laze-v-tuhinju-slovenia-1/" title="Nouveau camping rejoint la CCI, Eco Camp Snovik Eco Camp Snovik, Laze v Tuhinju, Slovenia"> <h3>Nouveau camping rejoint la CCI, Eco Camp Snovik Eco Camp Snovik, Laze v Tuhinju, Slovenia</h3> <date>21.08.2024</date> </a> </li> </ul> </div> </article> <script> $(function() { CampingCard.Components.newsListCarousel(); }); </script> <span class="spacing-vertical " data-mobile="40" data-desktop="90"></span> <article id="cta_71f4cd07-052b-41f7-a3e9-dd95d87623e3" class="cci-cta-banner "> <div class="container px-0 px-sm-4"> <div class="row m-0"> <div class="col-12 banner-bg-light-grey"> <div class="row"> <div class="col-5 px-0 px-sm-4"> <figure> <img src="/media/1003/free-holding-credit-card-mockup-free-copy-2.png?anchor=center&mode=crop&width=343&height=240&rnd=132283096230000000" alt="Free Holding Credit Card Mockup Free Copy 2" class="img-fluid"/> </figure> </div> <div class="col-6 col-sm-7 d-flex flex-column justify-content-center pr-0"> <h2>Comment obtenir votre CCI?</h2> <p class="d-none d-sm-block"></p> <a class="btn btn-secondary mt-4 ajax-load" href="/fr/contacts/#">Commencez maintenant</a> </div> </div> </div> </div> </div> </article> <span class="spacing-vertical " data-mobile="40" data-desktop="90"></span> <div style="max-width: 1080px; height: auto; background-color: #f9f9f9; border-radius: 30px;"> <h2 style="color: #5eb1d8; padding-top: 30px; padding-bottom: 30px; text-align: center;">Téléchargez l'application CCI dès aujourd'hui.</h2> <div style="text-align: center; padding-bottom: 30px;"><a rel="noopener" href="https://play.google.com/store/apps/details?id=at.xtools.ccipwawrapper" target="_blank"><img src="/media/7759/googleplay_white.png" alt="" width="200" height="64" /></a><a rel="noopener" href="https://apps.apple.com/az/app/camping-card-international/id1601246332" target="_blank"><img src="/media/7762/appstore_white.png" alt="" width="200" height="64" /></a></div> </div> <span class="spacing-vertical " data-mobile="40" data-desktop="90"></span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <footer id="footer" class="d-flex align-items-end"> <div class="container-fluid"> <div class="row flex-column"> <div class="col-12 top-footer"> <div class="container"> <div class="row"> <div class="col-12 col-md-2 px-0 pl-md-0 pr-md-4"> <figure class="logo-container d-none d-md-flex my-0"> <a href="/fr/" title="Camping Card International"> <img class="img-fluid" src="/media/1018/logo-cci.svg" alt="Logo Cci"/> </a> </figure> <div class="slogan d-none d-md-block pt-4 pb-3"> <p class="m-0">Le passeport international pour les campeurs</p> </div> <ul class="social-media"> <li> <a href="https://www.facebook.com/cci.campingcardinternational" title="Facebook" target="_blank"> <i class="fab fa-facebook-f"></i> </a> </li> </ul> </div> <div class="col-12 col-md-6 offset-md-1 px-0 px-sm-4"> <div class="newsletters"> <h3>Abonnez-vous aux dernières nouvelles</h3> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup"> <div class="newsletter-subscription-result"></div> <form data-action="/umbraco/api/SendinBlue/AddSubscriber" method="post" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <input type="hidden" name="homeId" value="47882"/> <input type="hidden" name="lang" value="en"/> <div id="mc_embed_signup_scroll" class="row"> <div class="col-5 mc-field-group"> <input type="text" value="" placeholder="Nom" name="fname_15" class="" id="mce-FNAME"> </div> <div class="col-5 mc-field-group"> <input type="email" value="" placeholder="Courriel" name="email" class="required email" id="mce-EMAIL"> </div> <div class="col-1"> <button type="submit" disabled class="btn btn-secondary btn-white"> <i class="fas fa-angle-double-right"></i> </button> </div> <div class="col-12"> <div class="custom-control custom-checkbox pt-4"> <input type="checkbox" class="custom-control-input" id="customCheck1" value="acceptTC"> <label class="custom-control-label" for="customCheck1">J'accepte le <a href="/fr/termes-et-conditions/">termes et conditions</a></label> </div> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"> <input type="text" name="b_e726b1d2867e915c3bf5576aa_7e0ad9b285" tabindex="-1" value=""> </div> </div> </form> </div> <!--End mc_embed_signup--> </div> </div> <div class="col-12 col-md-2 offset-md-1 px-0 pr-md-0 pl-md-4"> <div class="quick-links"> <h3 class="d-none d-md-block">Liens Utiles</h3> <nav class="nav flex-row justify-content-between flex-nowrap flex-md-column"> <a class="nav-link" target="_blank" href="https://ficc.org/fr/">FICC</a> <a class="nav-link" href="/fr/contacts/">Contacts</a> <a class="nav-link" href="/fr/politique-de-confidentialité/">Politique de confidentialité</a> <a class="nav-link" href="/fr/termes-et-conditions/">Termes et conditions</a> <a class="nav-link" href="/fr/aide/">Aide</a> </nav> </div> </div> </div> </div> </div> <div class="col-12 bottom-footer"> <div class="container"> <div class="row justify-content-center"> <span class="copyright">© Copyright Camping Card International. Tous droits réservés.</span> </div> </div> </div> </div> </div> </footer> </body> </html>