<!DOCTYPE html>
<html lang="fr">
<head>
<title>Contact & Plan d'accès </title>
<meta name="description" content="Camping Car Avenir : concessionnaire Derthleffs, Sunlight et Globecar, dépot-vente gratuit de vehicules d'occasion reparation entretien pose d'accessoires pour camping car et caravanes toutes marques dans le var ">
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<!--<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />-->
<link type="text/css" rel="stylesheet" href="https://www.campingcaravenir.fr/style.css?" hreflang="fr" />
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel="stylesheet" hreflang="fr" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,500;0,600;1,100;1,200;1,300;1,400;1,600&family=Dancing+Script:wght@400;500;600&family=Marck+Script&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.campingcaravenir.fr/menu.css" type="text/css" media="screen, projection" hreflang="fr" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://www.campingcaravenir.fr/contact.html" />
<link rel="stylesheet" href="https://www.campingcaravenir.fr/css/css_font.css" type="text/css" media="screen, projection" hreflang="fr" />
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/jquery-1.7.js"></script>
<link rel="stylesheet" href="https://www.campingcaravenir.fr/css_detail.css" type="text/css" media="screen, projection" hreflang="fr" />
<link rel="stylesheet" href="https://www.campingcaravenir.fr/menu.css" type="text/css" media="screen, projection" hreflang="fr" />
<link rel="shortcut icon" href="https://www.campingcaravenir.fr/favicon.ico"/>
<meta http-equiv="pragma" content="no-cache" />
<link rel="stylesheet" href="https://www.campingcaravenir.fr/includes/js/responsiveslides.css" type="text/css" media="screen, projection" hreflang="fr" />
<script src="https://www.campingcaravenir.fr/includes/js/responsiveslides.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/jquery.rcbrand.js"></script>
<link href="https://www.campingcaravenir.fr/includes/js/style-slider.css" rel="stylesheet" type="text/css" hreflang="fr" />
</head>
<body style="margin:0px;padding:0px;">
<div id="menu_h">
<div id="menu_h_left">
</div>
<div id="menu_h_right">
<!-- Mobile Bar -->
<input type="checkbox" class="menu-toggle" id="menu-toggle">
<div class="mobile-bar">
<label for="menu-toggle" class="menu-icon">
<span style='font-size:20px;'></span>
</label>
</div>
<!-- Container -->
<div class="container">
<!-- Header -->
<div class="heder">
<ul id="menue">
<li><a href="https://www.campingcaravenir.fr/index.php">ACCUEIL</a></li>
<li><a href="https://www.campingcaravenir.fr/camping-car-neuf.html">FOURGONS VANS CAMPING-CARS NEUFS</a></li>
<li><a href="https://www.campingcaravenir.fr/camping-car-occasion.html">CAMPING-CARS OCCASIONS</a></li>
<li><a href="https://www.campingcaravenir.fr/accessoires.html">ACCESSOIRES</a></li>
<li><a href="https://www.campingcaravenir.fr/atelier.html">ATELIER</a></li>
<li><a href="https://www.campingcaravenir.fr/actualite.html">ACTUALITE</a></li>
<li><a href="https://www.campingcaravenir.fr/promotions.html">PROMOTIONS </a></li>
<li><a href="https://www.campingcaravenir.fr/contact.html">CONTACT & ACCES</a></li>
</ul>
</div><!-- Header -->
</div> <!--Container-->
</div> <!--menu_h_right-->
</div>
<a href="https://www.campingcaravenir.fr/index.php" ><img alt="campingcaravenir" class="logo8" src="https://www.campingcaravenir.fr/images/logo5.png" title=""></a>
<div id="menu_stiki">
<div class="menu_hauuute">
<div style="display:block;float:left;width:50%;color:#fff;margin-top:10px;font-weight:100;font-size:17px;font-family: 'Roboto Condensed', sans-serif;margin-left:30px;"> Vente - Réparation Camping Cars toutes marques- Accessoires - Magasin Pro </div>
<div style="display:block;float:left;width:40%;color:#fff;margin-top:0px;font-weight:100;font-size:17px;font-family: 'Roboto Condensed', sans-serif;margin-left:30px;">
<a style="color:#fff;text-decoration:none;" href="https://www.campingcaravenir.fr/qui-sommes-nous.html"> > Qui sommes nous</a>
<a style="color:#fff;text-decoration:none;" href="https://www.campingcaravenir.fr/actualite.html"> > Actualités</a>
<a style="color:#fff;text-decoration:none;" href="https://www.campingcaravenir.fr/temoignages.html"> > Témoignages</a>
<a style="color:#fff;text-decoration:none;" href="https://www.campingcaravenir.fr/partenaires.html"> > Liens utiles</a>
<span><img alt="tel" src="https://www.campingcaravenir.fr/images/icon_photooo.png" style="position:relative;top:5px;" /> <a style="color:#fff;text-decoration:none;" href="tel:0494578011">04 94 57 80 11</a> </span>
</div>
</div>
<div id="logo"><a href="https://www.campingcaravenir.fr/index.php" title=""><img alt="logo" src="https://www.campingcaravenir.fr/images/camping-cars-avenir-hyeres.png" loading="lazy" title=""></a></div>
<div id="menu">
<ul class="navbar">
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.campingcaravenir.fr/index.php"> ACCUEIL </a></li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.campingcaravenir.fr/camping-car-neuf.html">FOURGONS VANS CAMPING-CARS NEUFS</a>
</li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.campingcaravenir.fr/camping-car-occasion.html">CAMPING-CARS OCCASIONS</a>
</li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.campingcaravenir.fr/accessoires.html">ACCESSOIRES </a>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.campingcaravenir.fr/atelier.html">ATELIER </a></li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.campingcaravenir.fr/promotions.html">PROMOTIONS </a></li>
<li style="border-right:none;" class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.campingcaravenir.fr/contact.html">
<img alt="mail" style="display:block;float:left;margin-top:0px;" src="https://www.campingcaravenir.fr/images/mail_ico.png"> <span style="display:block;float:left;position:relative;top:0px;">CONTACT & ACCES</span> </a></li>
</ul>
</div>
</div>
<div style="width:100%;display:block;float:left;text-align:center;font-size:30px;color:#08a2d5;font-style:italic;font-weight:bold;margin-top:50px;margin-bottom:50px;"><div style="display:block;margin-left:auto;margin-right:auto;border-bottom:2px solid #08a2d5;width:350px;margin-top:50px;">Contact & Plan d'accès</div></div>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$(".je_cherche").click(function(){
$('.recherhce2222').hide();
$(".recherche_particulier").show();
$(this).hide();
$(".je_cherche2").show();
});
$(".je_cherche2").click(function(){
$(this).hide();
$(".je_cherche").show();
$('.recherhce2222').show();
$(".recherche_particulier").hide();
});
// $(".manala_div").click(function(){
// $(this).css('margin-top','0px');
// alert();
// $(".recherche_particulier").hide();
// });
});
</script><script>
// koa "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider_v2").responsiveSlides({
speed: 800
});
});
</script>
<script>
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
$("#menu_h").css("margin-top","40px");
$(".logo8").css("top","40px");
// alert("1");
}else{
$("#menu_h").css("margin-top","0px");
$(".logo8").css("top","0px");
}
}
</script>
<script>
$(function() {
$("#refresh").click(function() {
$("#captcha").load(location.href + " #captcha");
});
});
</script>
<script>
$(function() {
$("#submit").click(function() {
if ($('#check').val() === $('#verify').val()) {
// $("#result").html("<h3 class='good'></h3>");
$("#verify").css("border","1px solid #8f8f9d");
// evt.preventDefault();
} else {
// $("#result").html("<h3 class='bad'>Incorrect</h3>");
$("#verify").css("border","1px solid red");
return false;
// evt.preventDefault();
}
});
});
</script>
<div style="display:block;float:left;width:100%;margin-top:50px;margin-bottom:30px;">
<div style="width:95%;margin-left:30px;">
<iframe style="display:block;float:left;width:80%;height:400px;margin-left:10%;margin-bottom:50px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2913.129463414972!2d6.140678115758192!3d43.101794095928!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12c923f1f73dbee1:0x7e5b6d96cea498d3!2s303 Rue Nicéphore Niépce, 83400 Hyères!5e0!3m2!1sfr!2sfr!4v1453905509220"></iframe>
</div>
<div class="formmes_left">
<div style="display:block;float:left;width:100%;margin-top:0px;">
<div class="contact222">
<div style="display:block;float:left;width:100%;font-size:28px;color:#08a2d5;">Camping car avenir </div>
</br></br>
</br>
Tél. : +33 (0) 4 94 57 80 11</br>
Fax : +33 (0) 4 94 57 94 37</br>
E-mail: <img src="https://www.campingcaravenir.fr/images/email.png"></br></br>
<div style="display:block;float:left;width:100%;font-size:28px;color:#08a2d5;">Adresse</div></br></br>
303, Rue Nicéphore Niepce</br>
ZA du Palyvestre - 83400 Hyères (France)</br></br>
<div style="display:block;float:left;width:100%;font-size:28px;color:#08a2d5;">Nos horaires </div></br></br>
Ouverture du mardi au samedi </br>
<div style="font-size:14px;">de 9h00 à 12h00 et de 14h00 à 18h00 </br></div>
Fermé dimanche et lundi</br>
</div>
</div>
</div>
</div>
<div class="formmes_right">
<div style="display:block;float:left;width:100%;font-size:28px;color:#08a2d5;"> Plus d'informations </div>
<div style="display:block;float:left;width:100%;font-size:17px;color:#000;"> Merci de bien vouloir remplir le formulaire ci-dessous.</br> Tous les champs avec une étoile sont obligatoires.
</div>
<form id="formcontact" name="formcontact" type="actionForm" style="margin-top:10px;">
<div class="interieur_form">
<div style="display:block;float:left;width:100%;margin-top:30px;">
<div class="partie_1">
<div style="width:100%;display:block;float:left;margin-bottom:10px;font-family: 'Oswald', sans-serif;"> Nom * : </div>
<input style="width:100%; padding:5px;border:1px solid #1f1f37;">
</div>
<div class="partie_2">
<div style="width:100%;display:block;float:left;margin-bottom:10px;font-family: 'Oswald', sans-serif;"> Ville * : </div>
<input style="width:100%; padding:7px;border:1px solid #1f1f37;">
</div>
</div>
<div style="display:block;float:left;width:100%;margin-top:30px;">
<div class="partie_1">
<div style="width:100%;display:block;float:left;margin-bottom:10px;font-family: 'Oswald', sans-serif;"> E-mail * : </div>
<input style="width:100%; padding:7px;border:1px solid #1f1f37;">
</div>
<div class="partie_2">
<div style="width:100%;display:block;float:left;margin-bottom:10px;font-family: 'Oswald', sans-serif;"> Téléphone * : </div>
<input id="tel_detail_veh" style="width:100%; padding:7px;border:1px solid #1f1f37;" maxlength="10" type="text" name="tel">
</div>
</div>
</div>
<div style="width:100%;display:block;float:left;margin-bottom:10px;margin-top:20px;font-family: 'Oswald', sans-serif;"> Message*
* : </div>
<textarea id="message" class="required nmaes22" name="message"></textarea>
<div class="dev1">
<div style="display:block;float:left;width:100%;font-size:12px;text-align:left;">
<div class="obl">
<img style="display:block;float:left;width:20px;"> <span style="margin-left:10px;margin-top:30px;font-weight:bold;">Obligatoire</span>
</div>
<div style="display:block;float:left;width:30px;">
<span id="test11"><img src="https://www.campingcaravenir.fr/images/ckecked.png"></span>
</div>
<div style="display:block;float:left;width:90%;font-size:12px;text-align:left;color:#000;font-family: 'Oswald', sans-serif;">
En soumettant ce formulaire, j'accepte que les informations saisies soient exploitées, stockées et utilisées exclusivement par la société campingcaravenir afin d'être contacté dans le cadre de la relation commerciale d'échanges qui en résultent.
</div>
</div>
<div style="display:block;float:left;width:100%;margin-top:30px;">
<div style="display:block;float:left;width:30px;">
<span style="display:block;float:left;width:20px;"><input type="checkbox"></span>
</div>
<div style="display:block;float:left;width:90%;font-size:12px;text-align:left;color:#000;font-family: 'Oswald', sans-serif;">
J’accepte que mes coordonnées soient utilisées exclusivement par la sté campingcaravenir afin de recevoir des informations sur les produits et services de la Société campingcaravenir
</br></br></br><strong>Informations Confidentialité & RGPD </strong> <a style="color:red;font-family: 'Oswald', sans-serif;" href="https://www.campingcaravenir.fr/rgpd.html"> cliquez sur ce lien</a>
</div>
</div>
</div>
<div style="display:block;float:left;width:250px;margin-left:0%;margin-top:0px;">
<div id="captcha" style="height: 40px; width: 120px;text-align:center; background-color:#97c003;"><font face="OCRB" style="font-size: xx-large;" color="#fff">
<p id="secimage" style="font-family: 'Roboto Condensed', sans-serif;">Mvx5u</p></font><input type="text" readonly id="check" value="Mvx5u" style="display: none;"/></div>
<span id="refresh" style="border-style:none;background-color:#ffffff;"><img style="border-style: none;background-color: #ffffff;display: block;float: left;position: relative;top: -35px;cursor:pointer;left: 120px;width:30px;" src='https://www.campingcaravenir.fr/images/refresh.png'></span>
<input id="verify" style="display:block;float:right;width:100px;left:20px;position:relative;top:-30px;padding:5px;" required type="text" name="captcha" placeholder="Entrer le code" />
</div>
<button class="submit" style="padding:5px;border-radius:8px;width:150px;font-size:20px;color:#fff;background-color:#32699c;border-style:none;margin-bottom:30px;cursor:pointer;margin-top:40px;margin-left:50px;" id="submit">Envoyer</button>
</div>
</form>
</div>
<script>
$(document).ready(function(){
$("#mail").blur(function(){
var vall = $(this).val();
if(vall !=""){
if($("#mail").val().match(/^[_a-z0-9-+]+(\.[_a-z0-9-+]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)){
}else{
$(this).val("");
alert("Adresse e-mail non valide");
return false;
}
}
});
$('#tel_detail_veh').keyup(function(e){
var chaine = $(this).val().toUpperCase();
chaine = chaine.replace(/,/i, '');
chaine = chaine.replace(/;/i, '');
chaine = chaine.replace(/:/i, '');
chaine = chaine.replace(/ /i, '');
$(this).val( chaine );
var champ = $(this).val();
var chiffres = new RegExp("[0-9\ - ]");
var verif;
var points = 0;
if( e.keyCode != "32" && e.keyCode != "8" ) {
for(x = 0; x < champ.length; x++)
{
verif = chiffres.test(champ.charAt(x));
//if(champ.charAt(x) == "\s"){ verif = true; }
if(verif == false){
$(this).val ( champ.substr(0,x) + champ.substr(x+1,champ.length-x+1) )
//alert("Vous devez saisir que des valeurs num\351rique !");
$('#tellss2').show();
} else {
$('#tellss2').hide();
}
}
}
var valeurs = $(this).val().toUpperCase();
var chaine = valeurs.split(' ').join('');
//alert(chaine);
var champ = chaine;
var aff_immat = "";
for(x = 0; x < champ.length; x++) {
var donne = champ.charAt(x);
var nbr = x;
var pair = 1;
if ( nbr > 0 ) { pair = nbr%2; }
//alert(pair+" = pair");
if(pair == 0) {
aff_immat += ""+donne;
} else {
aff_immat += donne;
}
}
$('#tel_detail_veh').val(aff_immat);
});
$('#tel_detail_veh').blur(function(){
var chaine = $(this).val().toUpperCase();
chaine = chaine.replace(/,/i, '');
chaine = chaine.replace(/;/i, '');
chaine = chaine.replace(/:/i, '');
chaine = chaine.replace(/ /i, '');
$(this).val( chaine );
var champ = $(this).val();
var chiffres = new RegExp("[0-9\ - ]");
var verif;
var points = 0;
for(x = 0; x < champ.length; x++)
{
verif = chiffres.test(champ.charAt(x));
//if(champ.charAt(x) == "\s"){ verif = true; }
if(verif == false){
$(this).val ( champ.substr(0,x) + champ.substr(x+1,champ.length-x+1) )
//alert("Vous devez saisir que des valeurs num\351rique !");
// $('#tellss2').show();
} else {
// $('#tellss2').hide();
}
}
var valeurs = $(this).val().toUpperCase();
var chaine = valeurs.split(' ').join('');
//alert(chaine);
var champ = chaine;
var aff_immat = "";
for(x = 0; x < champ.length; x++) {
var donne = champ.charAt(x);
var nbr = x;
var pair = 1;
if ( nbr > 0 ) { pair = nbr%2; }
//alert(pair+" = pair");
if(pair == 0) {
aff_immat += ""+donne;
} else {
aff_immat += donne;
}
}
$('#tel_detail_veh').val(aff_immat);
});
$("#tel_detail_veh").blur(function(){
if($("#tel_detail_veh").val().match(/^[0-9]/i)){
var maka_val_tel = $(this).val();
if((maka_val_tel).length < 10){
$(this).val("");
alert("Numéro téléphone invalide");
return false;
}else{
}
}else{
$(this).val("");
alert("Numéro téléphone invalide");
return false;
}
});
});
</script>
<div style="display:block;float:left;width:100%;height:auto;padding-top:10px;padding-bottom:10px;background-color:#fff;text-align:center;font-family: 'Roboto Condensed', sans-serif;">
<div style="width:1px;height:1px;font-size:0.1px;color:#fff;overflow:hidden;">
<h1> CAMPING CAR AVENIR</h1>
<h2>CAMPING-CARS NEUFS</h2>
<h4>CAMPING-CAR DETHLEFFS</h4>
<h2>CAMPING-CARS OCCASION</h2>
<h4>CAMPING-CAR BURSTNER</h4>
<h4>CAMPING-CAR DETHLEFFS</h4>
<h4>CAMPING-CAR FLEURETTE</h4>
<h4>CAMPING-CAR SUNLIGHT</h4>
<h2>FOURGONS/VANS NEUFS</h2>
<h4>FOURGON DETHLEFFS</h4>
<h4>FOURGON SUNLIGHT</h4>
<h2>FOURGONS/VANS OCCASION</h2>
<h4> DETHLEFFS</h4>
<h2>CARAVANES</h2>
<h2>ACCESSOIRES</h2>
<h2>CONTACT</h2>
</div><div class="foots_oopd">
<div style="display:block;float:left;margin-top:30px;width:100%;margin-bottom:30px;">
<div class="produit_servicess">
<span style="display:block;float:left;font-size:25px;color:#08a2d5;font-weight:bold;text-align:left;width:100%;">Comment nous contacter ?</span>
<div style="display:block;float:left;width:100%;">
<div style="display:block;float:left;width:280px;">
<img alt="mail" src="https://www.campingcaravenir.fr/images/adr.png" style="display:block;float:left;position:relative;top:5px;">
<div style="display:block;float:left;text-align:left;font-size:17px;margin-top:10px;width:250px;">
<span style="display:block;float:left;width:100%;font-weight:bold;">Adresse : </span>
<div style="display:block;float:left;text-align:left;">
303, Rue Nicéphore Niepce</br>
ZA du Palyvestre - 83400 Hyéres
</div>
</div>
<div style="display:block;float:left;width:280px;margin-left:0px;margin-top:10px;">
<img alt="horaire" src="https://www.campingcaravenir.fr/images/horaire.png" style="display:block;float:left;position:relative;top:10px;">
<div style="width:250px;display:block;float:left;">
<div style="display:block;float:left;text-align:left;font-size:17px;margin-top:10px;">
<span style="display:block;float:left;width:100%;font-weight:bold;">
Horaires : </span>
<div style="display:block;float:left;text-align:left;">
Ouverture du mardi au samedi </br>
<div style="font-size:14px;">de 9h00 à 12h00 et de 14h00 à 18h00 </br></div>
Fermé dimanche et lundi</br>
</div>
</div>
</div>
</div>
</div>
<div style="display:block;float:left;width:280px;margin-left:0px;">
<img alt="tel" src="https://www.campingcaravenir.fr/images/tel.png" style="display:block;float:left;position:relative;top:5px;">
<div style="width:250px;display:block;float:left;">
<div style="display:block;float:left;text-align:left;font-size:17px;margin-top:10px;">
<span style="display:block;float:left;width:100%;font-weight:bold;">Téléphone :</span>
<div style="display:block;float:left;text-align:left;">
<a style="color:#000;text-decoration:none;" href="tel:0494578011">04 94 57 80 11</a>
</div></div>
</div>
<div style="display:block;float:left;width:280px;margin-left:0px;margin-top:10px;">
<img alt="email" src="https://www.campingcaravenir.fr/images/email-web.png" style="display:block;float:left;position:relative;top:10px;">
<div style="width:250px;display:block;float:left;">
<div style="display:block;float:left;text-align:left;font-size:17px;margin-top:10px;">
<span style="display:block;float:left;width:100%;font-weight:bold;">
Email et site Web : </span>
<div style="display:block;float:left;text-align:left;">
<img alt="mail" src="https://www.campingcaravenir.fr/images/email.png" ></br>
www.campingcaravenir.fr
</div>
</div>
<div style="display:block;float:left;width:100%;position:relative;margin-top:20px;">
<a href="https://www.facebook.com/campingcaravenir83"><img alt="fb" src="https://www.campingcaravenir.fr/images/fb.png" style="display:block;float:left;position:relative;margin-right:20px;"></a>
<a href="https://www.instagram.com/idylcar_campingcaravenir"><img alt="fb" src="https://www.campingcaravenir.fr/images/instagram.png" style="display:block;float:left;position:relative;margin-right:20px;"></a>
</div>
</div></div>
</div>
</div>
</div>
<div class="menu_foooterr">
<span style="display:block;float:left;font-size:25px;color:#08a2d5;font-weight:bold;text-align:left;width:100%;">Produits et services</span>
<div style="display:block;float:left;text-align:left;width:100%;font-size:13px;">
<a href="https://www.campingcaravenir.fr/camping-car-neuf.html" class="menu_bass" ><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/liste.png" ><span style="position:relative;top:-5px;"> Véhicules neufs</span></a></br>
<a href="https://www.campingcaravenir.fr/camping-car-occasion.html" class="menu_bass"><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/liste.png" ><span style="position:relative;top:-5px;"> Véhicules d'occasion</span></a></br>
<a href="https://www.campingcaravenir.fr/accessoires.html" class="menu_bass"><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/liste.png" ><span style="position:relative;top:-5px;"> Accessoires</span></a></br>
<a href="https://www.campingcaravenir.fr/atelier.html" class="menu_bass"><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/liste.png" ><span style="position:relative;top:-5px;"> Atelier</span></a></br>
<a href="https://www.campingcaravenir.fr/contact.html" class="menu_bass"><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/liste.png" ><span style="position:relative;top:-5px;"> Contact</span></a></br>
</div>
</div>
<div class="mediate">
<a href="https://www.cm2c.net/" target="_blank"><img alt="camping car avenir" style="display:block;margin-left:auto;margin-right:auto;" src="https://www.campingcaravenir.fr/images/logo-cm2c.png" ></a>
</div>
</div></div>
<div style="display:block;float:left;width:100%;height:auto;padding-top:10px;padding-bottom:10px;background-color:#97c003;text-align:center;font-family: 'Oswald', sans-serif;">
<div class="fbbbdd" style="display:block;float:left;width:100%;text-align:center;">
<a style="color:#fff;">Mentions légales -</a> <a style="color:#fff;" href="https://www.campingcaravenir.fr/rgpd.html">RGPD – CONFIDENTIALITES</a>
</div>
</div>
</div>
<div id="chatbox_1" style="display:none;background-color:#dadadd;width:275px;height:480px;" >
<div style="width:20px;height:20px;border-radius:50%;background-color:#97c003;font-size:12px;cursor:pointer;color:#fff;display:block;float:right;margin-top:-15px;position:relative;right:-15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 16px 0px;"><div style="margin-left:5px;margin-top:1px;">✖</div></div>
<div style="width:98%;height:35px;padding:3px;background-color:#97c003;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;padding-top:0px;padding-bottom:8px;font-size:20px;font-weight:300;color:#fff; font-family: 'Roboto Condensed', sans-serif;color:#fff;">Contactez nous
<div style="display:block;float:left;width:100%;font-size:14px; font-family: 'Roboto Condensed', sans-serif;font-weight:200;color:#fff;">
Notre équipe vous recontacte rapidement
</div>
</div>
<div class="liste_message_recu">
<div id="text_fomrddd">
<div id="text_fomr" style="display:none;font-family: 'Roboto Condensed', sans-serif;font-weight:300;text-align:center;width:98%;margin-top:0px;font-size:15px;color:#000;" >
</div>
<div id="text_fomr2" style="display:none;font-family: 'Roboto Condensed', sans-serif;font-weight:300;text-align:center;width:98%;font-size:15px;margin-top:0px;color:#000;" >
</div>
<div id="text_fomr3" style="display:none;font-family: 'Roboto Condensed', sans-serif;font-weight:300;text-align:left;width:90%;margin-left:20px;margin-top:0px;font-size:12px;font-weight:100;color:#000;" >
</div>
</div>
<div id="text_fomr99">
CAMPING CAR AVENIR</br>
</div>
<div id="text_fomrddd22">
<div style="display:block;float:left;width:100%;margin-bottom:10px;">
Le message a été envoyé</div>
<img alt="camping car avenir" style="width:50px;" src="https://www.campingcaravenir.fr/images/message-recu.png" >
</div>
</div>
<div class="formulaire_ajout_compte">
<form method="post">
<div style="display:block;float:left;color:#000;width:98%;margin-left:5px;margin-bottom:5px;margin-top:5px;font-family: 'Roboto Condensed', sans-serif;font-weight:100;">Je souhaite être contacté par</div>
<div style="display:block;float:left;color:#000;width:98%;margin-left:5px;margin-bottom:5px;margin-top:5px;font-family: 'Roboto Condensed', sans-serif;font-weight:100;">
<input type="radio" name="choix" value="0" checked id="par_sms" style="top:3px;position:relative;" class="dmd_par_mail2" ><label for="par_sms" style="font-family: 'Roboto Condensed', sans-serif;font-weight:100;"> SMS </label>
<input type="radio" name="choix" value="1" id="par_mail" class="dmd_par_mail2" style="top:3px;position:relative;"><label for="par_mail" style="font-family: 'Roboto Condensed', sans-serif;font-weight:100;"> E-MAIL</label>
<input type="hidden" name="choixx" id="dmd_par_mail" class="dmd_par_mail" value="0">
</div>
<div style="display:block;float:left;width:100%;margin-top:20px;"><label for='nom' style="font-family: 'Roboto Condensed', sans-serif;font-weight:300;cursor:pointer;margin-left:4px;font-size:13px;color:#000;width:80px;">Votre nom <span style="color:red;">*</span> :</label> <input style="width:168px;padding:3px;margin-left:5px;margin-top:0px;margin-bottom:10px;border-style:none;position:relative" type="text" id="nom" name="nom">
</div>
<div class="telephonne_ato" style="display:block;float:left;width:100%;">
<label style="display:block;float:left;width:150px;margin-left:4px;color:#747a80;color:#000;font-family: 'Roboto Condensed', sans-serif;font-weight:300;font-size:13px;" for="telephone">Numéro de téléphone <span style="color:red;">*</span> :</label>
<input style="width:87px;margin-left:5px;margin-left:5px;padding:3px;margin-top:0px;border-style:none;position:relative;margin-bottom:10px;font-size:12px;" type="text" maxlength="10" class="required" id="telephone" name="telephone">
</div>
<div id="test_maill" style="display:none;float:left;width:100%;margin-top:0px;"><label for='email' style="font-family: 'Roboto Condensed', sans-serif;font-weight:300;cursor:pointer;margin-left:4px;font-size:13px;color:#000;width:80px;">Adresse e-mail <span style="color:red;">*</span>:</label>
<input style="width:142px;padding:3px;margin-left:11px;margin-top:0px;margin-bottom:10px;border-style:none;position:relative" type="email" class="required" id="email" name="email">
</div>
<label style="display:block;float:left;width:95%;text-align:left;margin-left:5px;color:#000;font-size:13px;font-family: 'Roboto Condensed', sans-serif;font-weight:300;">Message <span style="color:red;">*</span> :</label>
<textarea name="message"></textarea>
<div id="text_mss_ex" style="display:block;font-size:12px;color:red;font-family: 'Roboto Condensed', sans-serif;font-weight:200;margin-left:10px;margin-top:10px;"> * : Champs obligatoire</div>
<div style="display:block;float:left;width:100%;">
<div style="display:block;margin-right:auto;margin-left:auto;width:100%;">
<input type="submit" value='Envoyer' name="chat" style="width:120px;display:block; margin-right:auto;margin-left:auto;height:30px;border-radius:8px;border:1px solid #97c003;background-color:#97c003;color:#fff;font-size:16px;padding-bottom:5px;margin-top:30px;cursor:pointer;">
</div>
</div>
</form>
</div>
<div style="display:block;float:left;width:100%;">
<div style="display:block;margin-right:auto;margin-left:auto;width:100%;">
<img alt="camping car avenir" style="position: fixed;float: left;bottom: 10px;width: 50px;left:120px;" src="https://www.campingcaravenir.fr/images/logo.png" >
</div>
</div>
</div>
<div style="display:block;float:right;position:fixed;bottom:30px;right:20px;width:50px;height:50px;border-radius:50%;cursor:pointer;background-color:#97c003;color:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 16px 0px;z-index:88888;"> <div style="display:block;float:left;margin-left:10px;cursor:pointer;font-size:25px;background-color:#fff;width:30px;height:30px;border-radius:50%;margin-top:10px;color:#97c003;"><div style="margin-top:-5px;margin-left:5px;">...</div></div></div>
<div style="display:block;float:right;position:fixed;bottom:30px;right:75px;width:270px;height:35px;padding-bottom:0px;padding-top:0px;border-radius:10px;cursor:pointer;background-color:#97c003;color:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 16px 0px;z-index:88888;">
<div style="display:block;float:left;margin-left:10px;cursor:pointer;font-size:25px;background-color:#97c003;width:100%;height:auto;border-radius:50%;margin-top:10px;color:#fff;"><div style="margin-top:-5px;color:#fff;margin-left:5px;font-family: 'Roboto Condensed', sans-serif;font-weight:300;font-size:17px;">
Bonjour, vous avez une question ?
</div>
</div></div>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#chatbox").click(function(){
$("#chatbox_1").show("");
$("#chatbox").hide("");
$("#chatbox888").hide();
});
$("#closse").click(function(){
$("#chatbox_1").hide("");
$("#chatbox").show("");
});
$("#chatbox888").click(function(){
$("#chatbox_1").show("");
$("#chatbox").hide("");
$(this).hide();
});
$('#telephone').keyup(function(e){
var chaine = $(this).val().toUpperCase();
chaine = chaine.replace(/,/i, '');
chaine = chaine.replace(/;/i, '');
chaine = chaine.replace(/:/i, '');
chaine = chaine.replace(/ /i, '');
$(this).val( chaine );
var champ = $(this).val();
var chiffres = new RegExp("[0-9\ - ]");
var verif;
var points = 0;
if( e.keyCode != "32" && e.keyCode != "8" ) {
for(x = 0; x < champ.length; x++)
{
verif = chiffres.test(champ.charAt(x));
//if(champ.charAt(x) == "\s"){ verif = true; }
if(verif == false){
$(this).val ( champ.substr(0,x) + champ.substr(x+1,champ.length-x+1) )
//alert("Vous devez saisir que des valeurs num\351rique !");
$('#tellss2').show();
} else {
$('#tellss2').hide();
}
}
}
var valeurs = $(this).val().toUpperCase();
var chaine = valeurs.split(' ').join('');
//alert(chaine);
var champ = chaine;
var aff_immat = "";
for(x = 0; x < champ.length; x++) {
var donne = champ.charAt(x);
var nbr = x;
var pair = 1;
if ( nbr > 0 ) { pair = nbr%2; }
//alert(pair+" = pair");
if(pair == 0) {
aff_immat += ""+donne;
} else {
aff_immat += donne;
}
}
$('#telephone').val(aff_immat);
});
$("#telephone").blur(function(){
var maka_val_teld = $(this).val();
if(maka_val_teld !="" ){
if($("#telephone").val().match(/^[0-9]/i)){
var maka_val_tel = $(this).val();
if((maka_val_tel).length < 10){
$(this).val("");
alert("Numéro téléphone invalide");
return false;
}else{
}
}else{
$(this).val("");
alert("Numéro téléphone invalide");
return false;
}
}
});
$('#telephone').blur(function(){
var chaine = $(this).val().toUpperCase();
chaine = chaine.replace(/,/i, '');
chaine = chaine.replace(/;/i, '');
chaine = chaine.replace(/:/i, '');
chaine = chaine.replace(/ /i, '');
$(this).val( chaine );
var champ = $(this).val();
var chiffres = new RegExp("[0-9\ - ]");
var verif;
var points = 0;
for(x = 0; x < champ.length; x++)
{
verif = chiffres.test(champ.charAt(x));
//if(champ.charAt(x) == "\s"){ verif = true; }
if(verif == false){
$(this).val ( champ.substr(0,x) + champ.substr(x+1,champ.length-x+1) )
//alert("Vous devez saisir que des valeurs num\351rique !");
$('#tellss2').show();
} else {
$('#tellss2').hide();
}
}
var valeurs = $(this).val().toUpperCase();
var chaine = valeurs.split(' ').join('');
//alert(chaine);
var champ = chaine;
var aff_immat = "";
for(x = 0; x < champ.length; x++) {
var donne = champ.charAt(x);
var nbr = x;
var pair = 1;
if ( nbr > 0 ) { pair = nbr%2; }
//alert(pair+" = pair");
if(pair == 0) {
aff_immat += ""+donne;
} else {
aff_immat += donne;
}
}
$('#telephone').val(aff_immat);
});
$(".dmd_par_mail2").click(function(){
$(this).change();
var valeur_anle_radio_selectionne = $(this).val();
// alert(tsetest);
$(".dmd_par_mail").val(valeur_anle_radio_selectionne);
var maka_radio = $(this).val();
if( maka_radio == 1){
$("#email").show();
$("#test_maill").show();
$("#email").addClass("required");
// $(".telephonne_ato").css("display","none");
// $("#telephone").removeClass("required");
}else{
$("#email").hide();
$("#test_maill").hide();
// $("#telephone").addClass("required");
$("#email").removeClass("required");
// $(".telephonne_ato").css("display","block");
}
});
$("#formulaireee").submit(function(){
$("#chatbox_1").css("display","block");
var nom = $("#nom").val();
var email = $("#email").val();
var message = $("#message").val();
var tel1 = $("#telephone").val();
var dmd_par_mail = $("#dmd_par_mail").val();
tel1 = tel1.replace(/ /g,'');
tel1 = tel1.replace(/,/i, '');
tel1 = tel1.replace(/;/i, '');
tel1 = tel1.replace(/:/i, '');
tel1 = tel1.replace(/ /i, '');
if(nom == ""){
$('#text_mnom').show();
$('#nom').css('border','1px solid red');
}else{
$('#text_mnom').hide();
$('#nom').css('border','1px solid #dadadd');
}
// alert();
if(message == ""){
$('#text_mss').show();
$('#message').css('border','1px solid red');
}else{
$('#text_mss').hide();
$('#message').css('border','1px solid #dadadd');
}
if(email == ""){
$('#mail222').show();
$('#email').css('border','1px solid red');
// $('#telephone').css('border','1px solid red');
if(dmd_par_mail == 1){
return false;
}else{
}
}else{
$('#mail222').hide();
$('#email').css('border','1px solid #dadadd');
}
if(tel1 == ""){
$('#tellss2').show();
$('#telephone').css('border','1px solid red');
// if(dmd_par_mail == 1){
// }else{
return false;
// }
}else{
$('#tellss2').hide();
$('#telephone').css('border','1px solid #dadadd');
}
if(nom == ""){
return false;
$('#text_mnom').show();
}else if(message == ""){
return false;
$('#text_mss').show();
}else{
$.post("chat.php",{nom: nom,telephone: tel1, message: message, email: email, dmd_par_mail: dmd_par_mail},function(data){
$("#text_fomr").append(nom);
$("#text_fomr2").append(tel1);
$("#text_fomr3").append(message);
// alert(dmd_par_mail);
// $("#chatbox_1").load();
});
}
$("#text_fomrddd").show("");
$("#text_fomr99").show("");
$("#text_fomr").show("");
$("#text_fomr2").show("");
$("#text_fomr66").show("");
$("#text_fomrddd22").show("");
$("#text_fomr3").show("");
$("#formulaireee").hide("");
$(".liste_message_recu").show();
$('#closse').click(function(){
$(".formulaire_ajout_compte").show();
$("#formulaireee").show();
$(".liste_message_recu").hide();
$("#text_fomr").text(" ");
$("#text_fomr2").text(" ");
$("#text_fomr3").text(" ");
// $("#text_fomr99").text(" ");
// $("#text_fomrddd22").text(" ");
});
if(nom =="" && tel1 =="" && message ==""){
// alert("no");
}else{
// alert("c vide");
$("#nom").val("");
$("#email").val("");
$("#message").val("");
$("#telephone").val("");
}
return false;
});
});
</script>
<script type="text/javascript" src="includes/js/jquery.cookie.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#chatbox888').click(function(){
$.cookie("Name", "Tchatche_remy");
});
$('#chatbox').click(function(){
$.cookie("Name", "Tchatche_remy");
});
if ($.cookie('Name') != null ){
$('#chatbox888').css("display","none");
}else{
$('#chatbox888').css("display","block");
}
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#rcbrand1").rcbrand({
visibleItems: 4,
itemsToScroll: 3,
animationSpeed: 200,
infinite: true,
navigationTargetSelector: null,
autoPlay: {
enable: false,
interval: 5000,
pauseOnHover: true
},
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1,
itemsToScroll: 1
},
landscape: {
changePoint:640,
visibleItems: 2,
itemsToScroll: 2
},
tablet: {
changePoint:768,
visibleItems: 3,
itemsToScroll: 3
}
}
});
$("#rcbrand2").rcbrand({
visibleItems: 4,
itemsToScroll: 1,
autoPlay: {
enable: true,
interval: 3000,
pauseOnHover: true
}
});
$("#rcbrand3").rcbrand({
infinite: false
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
//$("#Box_FInscription").modal();
// Get the modal
$('#myModal666').click(function(){
$.cookie("popup_avenir", "cookie_avenir");
});
});
</script>
</body>