Outiref
<!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&eacute;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&eacute;s</a> 
  <a style="color:#fff;text-decoration:none;" href="https://www.campingcaravenir.fr/temoignages.html"> > T&eacute;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'&eacute;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&eacute;paration de <span style="color:#97c003;">camping-cars</span></div>	
 <div class="titre_veh_accul2">	Sp&eacute;cialiste du fourgon am&eacute;nag&eacute; en PACA</div>	
  <div class="critere_ve" >	<span style="color:#b9ec03;">JE RECHERCHE </span> un v&eacute;hicule par crit&egrave;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&eacute;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&eacutele sp&eacute;cifique
  </div>
<div class="je_cherche2">
 
Je cherche un mod&eacutele sp&eacute;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&eacute;hicules neufs</option>
<option value="6">V&eacute;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&eacute;</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&eacute;phore Niepce</br>
ZA du Palyvestre - 83400 Hy&eacute;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 &agrave; 12h00 et de 14h00 &agrave; 18h00 </br></div>
Ferm&eacute; 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&eacute;l&eacute;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&eacute;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&eacute;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&eacute;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;">&#10006;</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 &eacute;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 &eacute;t&eacute; envoy&eacute;</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 &ecirc;tre contact&eacute; 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&eacute;ro de t&eacute;l&eacute;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>