<?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://www.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://www.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://www.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://www.newcamp57.com/" title=""><img src="https://www.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://www.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 </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 vans et fourgons </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é, possl, crosscamp, stylevan, Mega mobil, globvan dethleffs, campster, vanster, vanstar,campstar </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 </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 </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://www.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://www.newcamp57.com/images/youtube2.png" alt="youtube" title="" /></a>
<a href="https://www.instagram.com/newcamp57_officiel"><img border="0" src="https://www.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://www.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://www.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://www.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>
