<!DOCTYPE html>
<html lang="fr">
<head>
<title>concessionnaire dethleffs, vente camping car globecar et sunlight dans le var</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="Keywords" 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/promotions.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 class="conteneur_new_bdo" style="display:block;float:left;margin-top:0px;">
<div id="baniere_bdo">
<div id="pl_baniere">
<ul class="rslides" id="slider_v2">
<li><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/bandeau5/sunlight-avenir.png" title=""></li>
<li><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/bandeau5/niesmann.png" title=""></li>
<li><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/bandeau5/Capture-d'écran-2024-07-12-165922.png" title=""></li>
<li><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/bandeau5/bandeau-globecar.png" title=""></li>
<li><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/bandeau5/sunlight.png" title=""></li>
<li><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/bandeau5/dethleff.png" title=""></li>
<li><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/bandeau5/concession.png" title=""></li>
<li><img alt="camping car avenir" src="https://www.campingcaravenir.fr/images/bandeau5/concession2.png" title=""></li>
</ul>
</div>
</div>
</div>
<div class="titre_veh_accul"> Vente et réparation de <span style="color:#97c003;">camping-cars</span></div>
<div class="titre_veh_accul2"> Spécialiste du fourgon aménagé en PACA</div>
<div class="critere_ve" > <span style="color:#b9ec03;">JE RECHERCHE </span> un véhicule par critère</div>
<div class="barre_recherce"><div class="recherhce2222">
<div class="search-container">
<form method="post" action="resultat.html" enctype="multipart/form-data">
<input class="inu_rechrcher" name="recherche" type="text" required placeholder="Recherchez par marque, ou modéle" value="">
<button type="submit" style="margin-left: -62px;cursor: pointer;height: 50px;width: 50px;background-color: #97c003;border-style:none;"><i style="font-size :20px;color:#fff;" class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
<div class="je_cherche">
Je cherche un modéle spécifique
</div>
<div class="je_cherche2">
Je cherche un modéle spécifique
</div>
<div class="recherche_particulier" style="position:relative;z-index:99999999999999;">
<form method="post" action="resultat.html" enctype="multipart/form-data" name="form_cherche" id="form_cherche">
<div style="display:block;float:left;margin-top:15px;">
<div class="veh_neuff">
<div class="text1_neuf"> Neuf ou occasion ?</div>
<select name="etat" id="etat222">
<option value="5">Véhicules neufs</option>
<option value="6">Véhicules d'occasion</option>
</select>
</div>
<div class="veh_neuff">
<div class="text1_neuf"> Marque :</div>
<select name="marques" id="marque">
<option value="BURTSNER">BURTSNER</option>
<option value="CAMPEREVE">CAMPEREVE</option>
<option value="Campster">Campster</option>
<option value="Adria">Adria</option><option value="Dethleffs">Dethleffs</option>
<option value="DS">DS</option>
<option value="FLORIUM">FLORIUM</option>
<option value="Globecar">Globecar</option>
<option value="Hymer">Hymer</option>
<option value="Niesmann+Bischoff">Niesmann+Bischoff</option>
<option value="PILOTE">PILOTE</option>
<option value="RAPIDO">RAPIDO</option>
<option value="Sunlight">Sunlight</option>
</select>
</div>
<div class="veh_neuff_type">
<div class="text1_neuf"> Type :</div>
<select name="categorie" id="type">
<option value="PROFILE">Profilé</option>
<option value="FOURGON">Fourgon</option>
<option value="VAN">Van</option>
<option value="INTEGRAL">Integral</option>
<option value="CAPUCINE">Capucine</option>
</select> </div>
<div class="veh_neuff_prix">
<div class="text1_neuf"> Prix maxi :</div>
<input type="texte" required name="bugdet" id="bugdet">
</div>
</div>
<button type="submit" name="envoie33">Rechercher</button>
</form></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>
<div style="display:block;float:left;position:relative;padding-top:30px;padding-bottom:30px;width:100%;">
<div class="prommos">
<a href="https://www.campingcaravenir.fr/images/promo/Mailing_Mars24_MEP_BD.PDF"><img style="max-width:99%;auto"> </a>
<a href="https://www.campingcaravenir.fr/images/promo/Mailing_Mars24_MEP_BD.PDF" style="display:block;float:left;width:100%;text-align:center;color:#000;margin-top:30px;font-size:20px;text-decoration:none;">Cliquez ici pour télécharger les promotions</a>
</div>
</div><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>