<!DOCTYPE html>
<html lang="fr">
<head>
<title>Accessoires et magasin pro pour camping car proche toulon</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/accessoires.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>
<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>
<link href="https://www.campingcaravenir.fr/includes/js/scroller/thickbox.css" rel="stylesheet" type="text/css" media="all">
<link href="https://www.campingcaravenir.fr/includes/js/jquery-ui-1.8.5/themes/ui-darkness/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="https://www.campingcaravenir.fr/includes/js/shadowbox/shadowbox.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://www.campingcaravenir.fr/includes/js/jquery-lightbox/css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/scroller/tools_002.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/jquery-ui-1.8.5/ui/jquery-ui.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/scroller/jquery_002.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/scroller/thickbox-modified.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/scroller/jquery_004.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/scroller/jquery_005.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/scroller/jquery_003.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/scroller/tools.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/scroller/product.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/jquery-lightbox/js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="https://www.campingcaravenir.fr/includes/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
//handleOversize: "drag",
modal: true
});
</script>
<script type="text/javascript">
// <![CDATA[
ThickboxI18nImage = 'Image';
ThickboxI18nOf = 'sur';
ThickboxI18nClose = 'Fermer';
ThickboxI18nOrEscKey = '(ou \'Echap\')';
ThickboxI18nNext = 'Suivant >';
ThickboxI18nPrev = '< Précédent';
tb_pathToImage = '/img/loadingAnimation.gif';
//]]>
</script>
<script type="text/javascript">
$(function() {
$('.lightbox').lightBox({fixedNavigation:true});
});
</script>
<div style="display:block;float:left;position:relative;padding-top:30px;padding-bottom:30px;background-color:#fff;width:100%;">
<div class="text_accessdf">
<div style="display:block;float:left;width:100%;font-size:17px;font-weight:bold;">Équipez-vous avec nos accessoires</div>
</br></br>
Vous souhaitez apporter plus de confort, praticité ou sécurité à votre camping-car, fourgon, van aménagé ou caravane ? Nous vous proposons une large gamme d’accessoires.
</br></br>
Que vous soyez à la recherche d’accessoires et équipements pour faciliter la conduite de votre véhicule (GPS, caméra de recul, …), personnaliser son aménagement intérieur (cuisine, salon, toilettes), renforcer votre sécurité (alarme) ou favoriser votre mobilité durant vos vacances (vélos électriques, attelages, …), nous aurons toujours les accessoires et équipements.
</br></br>
<div style="display:block;float:left;width:100%;font-size:17px;font-weight:bold;">Des équipements pour chaque partie de votre véhicule</div>
</br></br>
Découvrez ci-dessous notre large gamme d’accessoires et trouvez-y l’inspiration pour équiper votre véhicule.
</br>
<a href="https://www.euro-accessoires.fr/" target="_blank">https://www.euro-accessoires.fr/</a>
</br></br>
Notre catalogue d’accessoires et nos promotions du moment sont aussi disponibles en magasin.
</br></br>
Vous recherchez un produit précis ? Ou bien vous souhaitez trouver des inspirations pour équiper votre véhicule ? N'hésitez pas à nous appeler pour connaître la disponibilité d'un produit.
<div style="display:block;float:left;width:100%;margin-top:30px;">
<a href="https://www.campingcaravenir.fr/images/magasin/Capture d'écran 2024-02-29 102331.jpg" rel="shadowbox[photo-gal];player=img" class="shadowbox"><img class="image_reparation" src="https://www.campingcaravenir.fr/images/magasin/Capture d'écran 2024-02-29 102331.jpg"></a>
<a href="https://www.campingcaravenir.fr/images/magasin/IMG_0107.jpg" rel="shadowbox[photo-gal];player=img" class="shadowbox"><img class="image_reparation" src="https://www.campingcaravenir.fr/images/magasin/IMG_0107.jpg"></a>
<a href="https://www.campingcaravenir.fr/images/magasin/IMG_7916.jpg" rel="shadowbox[photo-gal];player=img" class="shadowbox"><img class="image_reparation" src="https://www.campingcaravenir.fr/images/magasin/IMG_7916.jpg"></a>
<a href="https://www.campingcaravenir.fr/images/magasin/IMG_0174.jpg" rel="shadowbox[photo-gal];player=img" class="shadowbox"><img class="image_reparation" src="https://www.campingcaravenir.fr/images/magasin/IMG_0174.jpg"></a>
<a href="https://www.campingcaravenir.fr/images/magasin/IMG_9238.jpg" rel="shadowbox[photo-gal];player=img" class="shadowbox"><img class="image_reparation" src="https://www.campingcaravenir.fr/images/magasin/IMG_9238.jpg"></a>
<a href="https://www.campingcaravenir.fr/images/magasin/IMG_9240.jpg" rel="shadowbox[photo-gal];player=img" class="shadowbox"><img class="image_reparation" src="https://www.campingcaravenir.fr/images/magasin/IMG_9240.jpg"></a>
<a href="https://www.campingcaravenir.fr/images/magasin/IMG_9126.JPG" rel="shadowbox[photo-gal];player=img" class="shadowbox"><img class="image_reparation" src="https://www.campingcaravenir.fr/images/magasin/IMG_9126.JPG"></a>
<a href="https://www.campingcaravenir.fr/images/magasin/IMG_9127.JPG" rel="shadowbox[photo-gal];player=img" class="shadowbox"><img class="image_reparation" src="https://www.campingcaravenir.fr/images/magasin/IMG_9127.JPG"></a>
</div>
</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>