<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" > <head> <meta http-equiv="content-language" content="fr-FR" /> <meta name="viewport" content="width=device-width; initial-scale=1.0;" /> <meta name="robots" content="index, follow" /> <meta name="language" content="fr-FR" /> <meta http-equiv="pragma" content="no-cache" /> <base href="https://newcamp57.com/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Camping-cars vente location accessoires 57 Newcamp57 en Moselle : location, vente, accessoires, dépôt-vente, fourgons aménagés, vans." /> <meta name="title" content="Camping-cars vente location 57 accessoires maintenance - NEWCAMP 57" /> <meta name="description" content="Newcamp'57 est un concessionnaire de camping-cars en Moselle, située à Saint-Avold.Cette concession est spécialisé dans la vente de van et fourgons." /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>Newcamp'57 : Concessionnaire de camping-cars en Moselle</title> <link href="/accueil/rss.html" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/accueil/atom.html" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <link href="/templates/home/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link rel="stylesheet" href="/plugins/editors/jckeditor/typography/typography2.php" type="text/css" /> <link rel="stylesheet" href="/plugins/system/jcemediabox/css/jcemediabox.css?version=116" type="text/css" /> <link rel="stylesheet" href="/plugins/system/jcemediabox/themes/standard/css/style.css?version=116" type="text/css" /> <link rel="stylesheet" href="/templates/home/css/layout.css" type="text/css" media="screen,projection" /> <script src="/media/system/js/mootools-core.js" type="text/javascript"></script> <script src="/media/system/js/core.js" type="text/javascript"></script> <script src="/media/system/js/caption.js" type="text/javascript"></script> <script src="/plugins/system/jcemediabox/js/jcemediabox.js?version=116" type="text/javascript"></script> <script src="/media/system/js/mootools-more.js" type="text/javascript"></script> <script type="text/javascript"> window.addEvent('load', function() { new JCaption('img.caption'); }); JCEMediaBox.init({popup:{width:"",height:"",legacy:0,lightbox:0,shadowbox:0,resize:1,icons:1,overlay:1,overlayopacity:0.8,overlaycolor:"#000000",fadespeed:500,scalespeed:500,hideobjects:0,scrolling:"fixed",close:2,labels:{'close':'Fermer','next':'Suivant','previous':'Précédent','cancel':'Annuler','numbers':'{$current} sur {$total}'}},tooltip:{className:"tooltip",opacity:0.8,speed:150,position:"br",offsets:{x: 16, y: 16}},base:"/",imgpath:"plugins/system/jcemediabox/img",theme:"standard",themecustom:"",themepath:"plugins/system/jcemediabox/themes"}); </script> <meta name="google-site-verification" content="78t5XzW_4arDKwRU8a5VW5bFOgnBGoOCCXVKaxcqVQM" /> <link rel="stylesheet" href="/templates/home/css/template.css?" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/templates/home/css/stylessssss.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/templates/home/css/css_template1.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/templates/home/css/css2_tempate2.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/templates/home/css/css2_template3.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/templates/home/css/css2_template4.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/templates/home/css/menu.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/templates/listing/css/style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/templates/listing/css/print.css" type="text/css" media="print" /> <link rel="stylesheet" href="/templates/css/simplemodal.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="https://newcamp57.com/templates/listing/css/cms.css" type="text/css" media="screen, projection" /> <script src="/includes/js/jquery-1.7.js" type="text/javascript"></script> <script src="/includes/js/jquery.js" type="text/javascript"></script> <script src="https://newcamp57.com/includes/js/cookiepopup.js"></script> <link rel="stylesheet" type="text/css" href="/includes/js/accept-cookies.css"> <link rel="stylesheet" type="text/css" href="/includes/js/responsiveslides.css" /> <script type="text/javascript" src="/includes/js/responsiveslides.min.js"></script> <script src="/includes/js/jquery.bxSlider.min.js" type="text/javascript" ></script> <script src="/includes/js/jquery.simplemodal-1.4.4.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="/includes/js/jquery.modalbox-1.5.0/css/jquery.modalbox.css" /> <script type="text/javascript" src="/includes/js/jquery.modalbox-1.5.0/js/jquery.modalbox-1.5.0-min.js"></script> <style> #header_blanc_h { display:block; float:left; position:relative; width:100%; height:10px; margin-top:1px; margin-left:1px; } #header_blanc_h h1, #header_blanc h2, #header_blanc h3, #header_blanc h4, #header_blanc h5, #header_blanc h6 { border:none; color:#fff; font-size:2px; } .refe { border:none; color:#fff; font-size:2px; line-height:1px; float:left; display:block; } .hfooter { border:none; color:#fff; font-size:12px; font-weight:bold; } .dropbtn { color: white; padding: 16px; font-size: 16px; border: none; transition:3s; z-index:99; background-color:#428bca; color:#000; cursor: pointer; } .dropdown22 { position: relative; display: inline-block; transition:3s; } .dropdown22-content22 { display: none; position: absolute; background-color: #428bca; min-width: 160px; transition:3s; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:999; } .dropdown22-content22 a { color: black; padding: 12px 16px; text-decoration: none; display: block; transition:3s; } .dropdown22-content22 a:hover {background-color: #428bca} .dropdown22:hover .dropdown22-content22 { display: block; transition:3s; } .dropdown22:hover .dropbtn { } .middle{ position:absolute; top:50%; right:0%; transform:translate(-50%,-50%); margin-left:0px; } .input{ width:20px; height:20px; background:none; border-radius:50px; border:2px solid #428bca; box-sizing:border-box; outline:none; transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s; transition-delay:0.4s; color:#fff; font-size:20px; } .inclicked{ width:300px; border-radius:5px; padding:0 15px; padding-right:40px; background-color:#b0c7da; } .inclicked.input{ height:40px; } .btn.close{ margin-top:13px; } .btn{ position:absolute; width:20px; height:20px; top:0px; right:0; box-sizing:border-box; background:none; border:none; outline:none; cursor:pointer; } .btn::before { content: ""; width: 3px; height: 22px; background: #428bca; position: absolute; transform: rotate(-45deg); bottom: -16px; right: -6px; transition: 0.3s; } .close::before,.close::after{ content:""; width:4px; height:20px; background:#fff; position:absolute; bottom:5px; right:28px; } .close::before{ transform:rotate(-45deg); } .close::after{ transform:rotate(45deg); } .bx-prev{ display: block; float: left; position: relative; top: -70px } .bx-next{ display: block; float: right; position: relative; top: -70px } </style> <script type="text/javascript"> jQuery(document).ready(function($) { //$("#Box_FInscription").modal(); // Get the modal }); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-NX6MQWSQBV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-NX6MQWSQBV'); </script>--> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-227142918-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-227142918-1'); </script> </head> <body> <!-- The Modal--> <div id="menu_h"> <div id="menu_h_left"> </div> <div id="menu_h_right"> <input type="checkbox" class="toggle-nav" id="toggle-nav"> <div class="mobile-bar"> <label for="toggle-nav"></label> </div> <div class="container"> <div class="heder"> <ul id="accordion" class="accordion"> <li data-menuanchor="myp1"><a href="/">ACCUEIL</a></li> <li data-menuanchor="myp2" class=""> <a title="" href="/newcamp57-qui-sommes-nous.html">Qui sommes-nous</a></li> <li> <div class="accordion"></i>CAMPING-CARS ▼<i class="fa fa-chevron-down"></i></div> <ul class="submenu"> <li><a title="" href="/benimar-camping-car-neuf-57.html">CAMPING-CARS BENIMAR</a></li> <li><a title="" href="/sunlight-camping-cars-neufs-57.html">CAMPING-CARS SUNLIGHT</a></li> <li><a title="" href="/dethleffs-camping-car-neuf-57.html">CAMPING-CARS DETHLEFFS</a></li> </ul> </li> <li> <div class="accordion"></i>VANS AMENAGES ▼<i class="fa fa-chevron-down"></i></div> <ul class="submenu"> <li><a title="" href="/campster-vanster-neuf-57.html">VAN CAMPSTER</a></li> <li><a title="" href="/vanster-van-neuf-57.html">VAN VANSTER</a></li> <li><a title="" href="/campstar-van-neuf-57.html">VAN CAMPSTAR</a></li> <li><a title="" href="/vanstar-van-neuf-57.html">VAN VANSTAR</a></li> <li><a title="" href="/stylevan-van-neuf-57.html">VAN STYLEVAN</a></li> <li><a title="" href="/crosscamp-van-neuf-57.html"> VAN CROSSCAMP</a></li> <li><a title="" href="/van-possl.html"> VAN POSSL</a></li> </ul> </li> <li> <div class="accordion"></i>FOURGONS AMENAGES ▼ <i class="fa fa-chevron-down"></i></div> <ul class="submenu"> <li><a title="" href="/van-roadcar-neuf-57.html">FOURGON ROADCAR</a></li> <li><a title="" href="/possl-camping-car-neuf-57.html">FOURGON POSSL</a></li> <li><a title="" href="/fourgon-neuf-dethleffs.html">FOURGON DETHLEFFS </a></li> <li><a title="" href="/fourgon-neuf-sunlight.html">FOURGON SUNLIGHT </a></li> <li><a title="" href="/nos-camping-cars-neufs-visibles/mega-mobil.html">FOURGON MEGA MOBIL</a></li> </ul> </li> <li data-menuanchor="myp5"><a title="" href="/camping-car-occasion-57-2.html">Vehicules Occasions</a></li> <li data-menuanchor="myp6"><a title="" href="/camping-car-promotion.html">Véhicules en promotion</a></li> <li data-menuanchor="myp6"><a title="" href="/location-camping-cars-57.html">LOCATION</a></li> <li data-menuanchor="myp6"><a title="" href="/boutique-accessoires.html">Boutique Accessoires</a></li> <li data-menuanchor="myp6"><a title="" href="/rachat-reprise-depot-vente.html">Reprise / Dépôt-vente</a></li> <li><a title=""> Catalogues en lignes </a> <li><a title="" href="/atelier-reparation-camping-car-newcamp57.html">Atelier réparation</a></li> <li data-menuanchor="myp6"><a title="" href="/camping-car-contact-57.html">Contact</a></li> </ul> </div> </div> </div> </div> <div class="tail-top"> <div id="wrapper"> <div id="logo8"><a href="/" title=""><img src="https://newcamp57.com/images/logo.png" alt="logo" loading="lazy" title=""></a></div> <div class="conteneur_new_head" style="display:block;float:left;position:relative;top:0px;"> <div class="conteneur1"> <div id="baniere"> <div id="baniere_logo"> <div id="logo"><a href="https://newcamp57.com/" title=""><img src="https://newcamp57.com/images/logo.png" loading="lazy" alt="logo" title=""></a></div> <div id="menu"> <nav class="nav"> <ul> <li> <style> .nav_men ul { padding: 0; margin: 0; list-style: none; position: relative; } .nav_men ul li { display:inline-block; background-color: #fff; padding-left:10px; border-bottom: 1px solid #ccc; } .nav_men a { display:block; color:red; font-size:20px; line-height: 40px; text-decoration:none; } .nav_men a:hover { border-bottom: 1px solid #ccc; } /* Hide Dropdowns by Default */ .nav_men ul ul { display: none; position: absolute; top: 60px; /* the height of the main nav */ } /* Display Dropdowns on Hover */ .nav_men ul li:hover > ul { display:inherit; } /* Fisrt Tier Dropdown */ .nav_men ul ul li { width:220px; float:none; display:list-item; position: relative; } /* Second, Third and more Tiers */ .nav_men ul ul ul li { position: relative; top:-60px; left:220px; } /* Change this in order to change the Dropdown symbol */ li > a:after { content: ''; } li > a:only-child:after { content: ''; } </style> <a title="newcamp57 " href="https://newcamp57.com/" class="neufss13"> <img class="neuf_img12" style="width:130px;display:block;" src="/images/menu/accueil-hover.png" loading="lazy" alt="accueil"> </a> </li> <li> <a title="qui sommes nous" class="forgons" href="/newcamp57-qui-sommes-nous.html"> <img class="forgons123" style="width:130px;" src="/images/menu/qui-sommes.png" loading="lazy" alt="qui sommes nous"> <img class="forgons123_hover" style="width:130px;" src="/images/menu/qui-sommes-hover.png" loading="lazy" alt="qui sommes nous"> </a> </li> <li class="deroulant nav_men" > <ul> <li style="border-bottom:none;"> <a title="" class="caravnes" href="#"> <img class="carvans1"> <img style="width:130px;" src="/images/menu/vehicules-neufs-hover.png" class="carvans2" loading="lazy" alt="neuf"> </a> <ul> <li><a href="#" style="color:#c9332e;font-size:20px;font-weight:bold;">CAMPING-CARS ›</a> <ul> <li><a style="width:220px;font-weight:bold;color:#0a2251;">CAMPING-CARS BENIMAR</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">CAMPING-CARS DETHLEFFS</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">CAMPING-CARS SUNLIGHT</a></li> </ul> </li> <li><a href="#" style="color:#c9332e;font-size:20px;font-weight:bold;">VANS AMENAGES ›</a> <ul> <li><a style="width:220px;font-weight:bold;color:#0a2251;">VAN CAMPSTER</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">VAN VANSTER</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">VAN CAMPSTAR</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">VAN VANSTAR</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">VAN STYLEVAN</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;"> VAN CROSSCAMP</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;"> VAN POSSL</a></li> </ul> </li> <li><a href="#" style="color:#c9332e;font-size:20px;font-weight:bold;">FOURGONS AMENAGES ›</a> <ul> <li><a style="width:220px;font-weight:bold;color:#0a2251;">FOURGON ROADCAR</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">FOURGON POSSL</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">FOURGON DETHLEFFS</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">FOURGON SUNLIGHT</a></li> <li><a style="width:220px;font-weight:bold;color:#0a2251;">FOURGON MEGA MOBIL</a></li> </ul> </li> </ul> </li> </ul> </li> <li> <a title="OCCASIONS"> <img class="occasons1"> <img class="occasons2"> </a> </li> <li> <a title="V�hicules en promotion" class="repris"> <img class="repris1" style="width:130px;" src="/images/menu/catalogue.png" loading="lazy" alt="V�hicules en promotion"> <img style="width:130px;" src="/images/menu/catalogue-hover.png" class="repris2" loading="lazy" alt="V�hicules en promotion"> </a> </li> <li> <a title="Location" class="boutisque"> <img class="boutisque1" style="width:130px;" src="/images/menu/location.png" loading="lazy" alt="location"> <img style="width:130px;" src="/images/menu/location-hover.png" class="boutisque2" loading="lazy" alt="location"> </a> </li> <li> <a title="Boutique accessoires" class="boutisque_1"> <img class="boutisque122" style="width:130px;" src="/images/menu/boutique.png" loading="lazy" alt="boutique"> <img style="width:130px;" src="/images/menu/boutique-hover.png" class="boutisque2222" loading="lazy" alt="boutique"> </a> <a title="Reprise / depot-vente" class="boutisque_1"> <img class="boutisque122" style="width:130px;" src="/images/menu/reprise.png" loading="lazy" alt="Reprise / d�p�t-vente"> <img style="width:130px;" src="/images/menu/reprise-hover.png" class="boutisque2222" loading="lazy" alt="Reprise / d�p�t-vente"> </a> </li> <a title="Atelier" class="boutisque_servi"> <img class="boutisque1_servicex" style="width:130px;" src="/images/menu/atelier.png" loading="lazy" alt="Atelier"> <img style="width:130px;" src="/images/menu/atelier-hover.png" class="boutisque2_servic" loading="lazy" alt="Atelier"> </a> <li> <a title="Nous contactacter" class="contct"> <img class="contct1" style="width:130px;" src="/images/menu/contact.png" loading="lazy" alt="contact"> <img class="contct2" style="width:130px;" src="/images/menu/contact-hover.png" loading="lazy" alt="contact"> </a> </li> </ul> </nav> </div> <div class="recher"> <div class="middle"> <form class="search-box" action="/recherche.html" method="post"> <input type="text" class="input" name="recherhce"> <button type="button" class="btn" name="button"></button> </form> <script> $(".btn").on("click",function(){ $(".input").toggleClass("inclicked"); $(".btn").toggleClass("close"); }) </script> </div> </div> </div> </div> </div> </div> <div class="conteneur_new_bdo" style="display:block;float:left;width:100%;top:0px;margin-top:0px;background-color:#fff;"> <div style="display:block;float:left;position:relative;height:auto;width:100%;"> <div id="wowslider-container1"> <div class="ws_images"><ul> <li><img class="fond_top" src="/images/bandeau2/bandeau1.png" alt="" title="" id="wows1_0"/> <p class='defille'>NEWCAMP'57</br> newcamp'57 Concessionnaire de camping-cars, vente de véhicule neufs et d'occasions en Moselle , fourgon amenagé, camping car d'occasion , location , atelier de reparation , mecanique </p> </li> <li><img class="fond_top" src="/images/bandeau2/bandeau2.png" alt="" title="" id="wows1_1"/> <p class='defille'>NEWCAMP'57</br> Entreprise familiale, Atelier de Mécanique et de réparation, Magasin d’accessoires, Location de campings car de vans et fourgons amenags à Saint Avold specialiste du fourgon Possl , vente de vehicules neufs: profilé ,capucine integral, fourgon </p> </li> <li><img class="fond_top" src="/images/bandeau2/CAMPING-NEUF.jpg" alt="" title="" id="wows1_2"/> <p class='defille'>NEWCAMP'57</br> Spécialiste du van et du fourgon aménagé à saint avold en Moselle concessionnaire de camping car , neuf et camping car occasion possl, crosscamp, stylevan, Mega mobil, globvan dethleffs, campster, vanster, vanstar,campstar newcamp'57 28 rue du gros hetres à saint avold </p> </li> <li><img class="fond_top" src="/images/bandeau2/Bandeau_eequipe.jpg" alt="" title="" id="wows1_3"/> <p class='defille'>NEWCAMP'57</br> Manu et Martine de chez newcamp'57 et son équipe , une entreprise familiale en Moselle,spécialiste du van et fourgon concessionnaire de camping car 28 rue du gros hetre à Saint avold </p> </li> <li><img class="fond_top" src="/images/bandeau2/Bandeau_gamme_Dethleffs.jpg" alt="" title="" id="wows1_4"/> <p class='defille'>NEWCAMP'57</br> newcamp'57 specialiste en moselle camping car dethleffs , benimar , sunlight , possl, stylevan, megamobil,vanster , vanstar , campster, campstar </p> </li> </ul></div> </div> <script type="text/javascript" src="/includes/js/wow/wowslider.js"></script> <script type="text/javascript" src="/includes/js/wow/script.js"></script> </div> </div> </div> <div class="conteneur_new_main"> <div class="conteneur"> <div id="content"> <div id="header_blanc_h" style="width:1px;"> <h1 class="refe">NEWCAMP 57 </h1> <h2 class="refe">FOURGON ROADCAR</h2> <h3 class="refe">FOURGON POSSL</h3> <h3 class="refe">FOURGON CAMPSTER</h3> <h3 class="refe">VANS STYLEVAN</h3> <h3 class="refe">VANS CROSSCAMP</h3> <h4 class="refe">CAMPING-CARS BENIMAR </h4> <h4 class="refe">CAMPING-CARS SUNLIGHT </h4> <h4 class="refe">CAMPING-CARS DETHLEFFS </h4> </div> <div id="contenu"> <div class="page_acc"> <div class="titre_ff"> Concessionnaires des marques</div> <div class="liste_pe"> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;"> <img src="/images/cata/image_2022_08_04T10_56_03_473Z(1).png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;"> <img src="/images/cata/image_2022_08_08T10_50_25_269Z.png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;"> <img src="/images/cata/image_2022_08_04T10_56_03_480Z.png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;"> <img src="/images/cata/image_2022_08_04T10_56_03_479Z.png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;"> <img src="/images/cata/image_2022_08_04T10_56_03_479Z(1).png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;"> <img src="/images/cata/image_2022_08_04T10_56_03_478Z.png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;margin-top:20px;"> <img src="/images/cata/image_2022_08_04T10_56_03_477Z.png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;margin-top:20px;"> <img src="/images/cata/image_2022_08_04T10_56_03_476Z.png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;margin-top:20px;"> <img src="/images/cata/image_2022_08_04T10_56_03_474Z(1).png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;margin-top:20px;"> <img src="/images/cata/image_2022_08_04T10_56_03_475Z(1).png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;margin-top:20px;"> <img src="/images/cata/image_2022_08_04T10_56_03_478Z(1).png"></a> <a href="https://www.newcamp57.com/catalogue-en-ligne.html" style="display:block;float:left;margin-right:35px;margin-top:20px;width: 160px;"> <img src="/images/cata/mega-mobil.png"></a> </div> </div> <div class="padd"> <div style="display:block;float:left;width:80%;margin-left:12%;"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/NewCamp57-428257970684260/?fref=ts"> <div class="float_center"> <center> <img src="/images/newcamp57-facebook.jpg" loading="lazy" alt="facebook"> </center> </div> </a> <a href="https://www.youtube.com/channel/UC7IQOZd2gQd_S24Oo1dxuvw"> <div class="float_center"> <center> <img src="/images/logo-youtube.jpg" alt="youtube" loading="lazy"> </center> </div> </a> <a href="https://www.instagram.com/newcamp57_officiel/?hl=fr"> <div class="float_center"> <center> <img src="/images/newcamp57-instagram.jpg" loading="lazy" alt="instagram"> </center> </div> </a> <a href="https://vm.tiktok.com/ZMLL9DL5e/"> <div class="float_center"> <center> <img src="/images/newcamp57-tiktok.jpg" alt="tiktok" loading="lazy"> </center> </div> </a> </div> </div> <div style="display:block;float:left;width:100%;height;auto"> <div class="facbok"> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v12.0" nonce="WTvwKLRj"></script> <div class="fb-page" data-href="https://web.facebook.com/newcamp57/" data-width="350" data-hide-cover="false" data-show-facepile="false"></div> </div> </div> <div style='display:block;float:right;'><a href="#" class="scrollup" style="display: none;color:#177118;"><img loading="lazy" style='margin-left:20px;margin-top:-20px;'></a></div> </div> </div> </div> <div class="conteneur_new_footer"> <div id="footer"> <div id="bg_footer"> <div class="pave_fooooots"> <div class="ref_footer" style="display:block;float:left;margin-top:20px;margin-left:20px;"> <h4 class="hfooter">Partager notre <span style="color:#8ee3f2;">site</span> "newcamp57.com"</h4> </br> Partager notre <span style="color:#8ee3f2;">page facebook </span> </br> "newcamp57" <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/NewCamp57-428257970684260/?fref=ts"><img border="0" src="https://newcamp57.com/images/fb2.png" alt="facebook" title="" /></a> </br> Abonnez-vous <span style="color:#8ee3f2;">à nos chaînes</span></br> <a href="https://www.youtube.com/channel/UC7IQOZd2gQd_S24Oo1dxuvw/?sub_confirmation=1"><img border="0" src="https://newcamp57.com/images/youtube2.png" alt="youtube" title="" /></a> <a href="https://www.instagram.com/newcamp57_officiel"><img border="0" src="https://newcamp57.com/images/instagram.png" alt="instagram" title="" /></a> </div> <div class="ref_footer" style="display:block;float:left;margin-top:20px;"> <h4 class="hfooter">NEWCAMP'57 </h4> <a href="/mentions-legales.html" title="mentions legales " class="blanc">Mentions légales</a> <br> <a href="/non-responsabilite.html" title="Non-responsabilit�" class="blanc">Non-responsabilité</a> <br> <!--<a href="/" title="cnil" class="blanc">cnil</a> <br>--> </div> <div class="ref_footer" style="font-size:13px;"> <h4 class="hfooter"> <span style="font-size:14px; font-weight:bold;">NEWCAMP'57 CONTACT</span></h4> NewCamp'57<br> 28 rue du Gros Hêtre<br>57500 | Saint-Avold<br> Téléphone : 09.80.41.42.97<br> Email :<img border="0" src="https://newcamp57.com/images/mail.jpg" alt="contact" title="" /> <br> <a href="/rgpd-confidentialites.html" class="noir" style="text-transform:lowercase;color:#fff;" title="RGPD � CONFIDENTIALITES">RGPD CONFIDENTIALITÉS </div> <div class="ref_footer" style="display:block;float:left;width:250px;font-size:16px;margin-top:20px;text-align:right;"> <h4 class="hfooter"> <span style="font-size:14px; font-weight:bold;"> Horaires d'ouverture</span></h4> Du mardi au samedi<br> De 9h à 12h et de 14h à 18h<br> </div> </div> </div> <div id="footer_txt"> </div> </div> </div> </div> </div> <div id="Box_FInscription"> <div id="footer_modal2"> <center> <a href="#" class="simplemodal-close" id="btt_fermer" onclick="document.location.href='index.php'"> <img src="https://newcamp57.com//templates/home/images/btt_fermer.png" alt="fermer" title="fermer" border="0" loading="lazy"/> </a> </center> </div> <div id="main_modal"> </div> <div id="footer_modal"> <center> <a href="#" class="simplemodal-close" onclick="document.location.href='index.php'"> <img src="https://newcamp57.com//templates/home/images/btt_fermer3.png" alt="fermer" title="fermer" border="0"> </a> </center> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('.scrollup').fadeIn(); } else { $('.scrollup').fadeOut(); } }); $('.scrollup').click(function(){ $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); </script> <script> var menu = document.querySelector('#baniere_logo'); var menuPosition = menu.getBoundingClientRect(); var placeholder = document.createElement('div'); placeholder.style.width = menuPosition.width + 'px'; placeholder.style.height = menuPosition.height + 'px'; var isAdded = false; window.addEventListener('scroll', function() { if (window.pageYOffset >= menuPosition.top && !isAdded) { menu.classList.add('sticky'); menu.parentNode.insertBefore(placeholder, menu); isAdded = true; } else if (window.pageYOffset < menuPosition.top && isAdded) { menu.classList.remove('sticky'); menu.parentNode.removeChild(placeholder); isAdded = false; } }); </script> <script> window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { // document.getElementById("logo_2"); $(".recher").addClass("recher22"); $("#menu").addClass("menu33333"); $("#logo").addClass("logo3333"); } else { $(".recher").removeClass("recher22"); $("#menu").removeClass("menu33333"); $("#logo").removeClass("logo3333"); } } </script> <script type="text/javascript"> $(function () { var options = { title: "", text:" NEWCAMP 57 utilise les cookies. Lorsque vous visitez www.newcamp57.com, nous collectons des données à l’aide de cookies. Ceci afin d’améliorer la performance de notre site et vous fournir une meilleure expérience utilisateur en vous proposant des informations et contenus adaptées à vos centres d’intérêts.En cliquant sur « Accepter » ou en continuant de naviguer sur notre site, vous acceptez d’utiliser ces cookies. Pour en savoir plus, nous vous invitons à prendre connaissance de notre politique de protection des données ou vous pouvez modifier votre décision à tout moment.", theme: "dark", learnMore: true, position: "bottom", onAccept: acceptCallbackFunction }; var cookie = $.acceptCookies(options); updateCodeArea(); $('.clear-button').click(function(e) { e.preventDefault(); $('#cookie-popup-container').remove(); document.cookie = 'cookiesAccepted_run_caravaning=; path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; cookie = $.acceptCookies(options); $(".cookie-indicator").removeClass("badge-success").addClass("badge-danger").text("No cookie found"); updateCodeArea(); }); $('.theme-button').click(function(e) { e.preventDefault(); $('#cookie-popup-container').remove(); options.theme = $(this).data("theme").replace("theme-", ""); cookie = $.acceptCookies(options); updateCodeArea(); }); $('.position-button').click(function(e) { e.preventDefault(); $('#cookie-popup-container').remove(); var position = $(this).data("position"); options.position = position; cookie = $.acceptCookies(options); updateCodeArea(); }); $('#btnCustomize').click(function(e) { e.preventDefault(); $('html, body').animate({ scrollTop: ($('.theme-buttons').offset().top) },500); }); $('.option-button').click(function(e) { e.preventDefault(); $('#cookie-popup-container').remove(); var option = $(this).data("option"); if(option == "default") { options = { title: "This website uses cookiessss", text: "By using this site, you agree to our use of cookies.", theme: "dark", learnMore: true, position: "bottom", onAccept: acceptCallbackFunction } } else if(option == "nolearnbutton") options.learnMore = false; else if(option == "customtext") { if($("#customHeader").val() != "") options.title = $("#customHeader").val(); if($("#customSubHeader").val() != "") options.text = $("#customSubHeader").val(); if($("#customAccept").val() != "") options.acceptButtonText = $("#customAccept").val(); if($("#customLearnMore").val() != "") options.learnMoreButtonText = $("#customLearnMore").val(); if($("#customLearnMoreInfo").val() != "") options.learnMoreInfoText = $("#customLearnMoreInfo").val(); } cookie = $.acceptCookies(options); updateCodeArea(); }); if(getCookie("cookiesAccepted_run_caravaning")) $(".cookie-indicator").removeClass("badge-danger").addClass("badge-success").text("Cookie saved"); else $(".cookie-indicator").removeClass("badge-success").addClass("badge-danger").text("No cookie found"); function updateCodeArea() { var code = "var options = " + JSON.stringify(options, null, 5) + ";\n" + "$.acceptCookies(options);"; $('#currentOptions').val(code); $("#currentOptions").height(0); $("#currentOptions").height($("#currentOptions")[0].scrollHeight); } }); var acceptCallbackFunction = function() { $(".cookie-indicator").removeClass("badge-danger").addClass("badge-success").text("Cookie saved"); } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <script> var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("active"); /* Toggle between hiding and showing the active panel */ var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } </script> </body> </html>