Outiref
<!DOCTYPE html>
<html lang="fr">
<head>


<title>Camping-car à Hyères : neuf, occasion & atelier | Camping Car Avenir</title>	

  <meta name="description" content="Camping Car Avenir à Hyères : camping-cars neufs et d’occasion, fourgons, vans, atelier, réparation et accessoires dans le Var près de Toulon.">
  <meta name="Keywords" content="Camping-car, Avenir,Hyères,Var,83,Neuf,Occasion,Poids lourds, Accessoires,Équipement, Véhicule,Aventure,Sélection,Large choix,Offres, Découverte, Voyage,Loisirs,Mobilité,Confort,Nature,Évasion,Route,Camping,Autonomie,Services,Entretien,Location,Communauté,Passion">



<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/nouveau/style.css?" hreflang="fr"  />
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">

     <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/nouveau/" /> 
<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"  />

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "AutomotiveBusiness",
  "name": "Camping Car Avenir",
  "url": "https://www.campingcaravenir.fr/",
  "telephone": "+33494578011",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "303 Rue Nicéphore Niepce, ZA du Palyvestre",
    "postalCode": "83400",
    "addressLocality": "Hyères",
    "addressCountry": "FR"
  }
}
</script>


</head>
<body style="margin:0px;padding:0px;">

<a href="https://www.campingcaravenir.fr/index.php"  ><img alt="campingcaravenir" class="logo8" src="https://www.campingcaravenir.fr/images/logo5.png" title=""></a>

<header>
  <!-- Barre du haut -->
  <div class="topbar"><div class="in">
    <span>Vente - Réparation Camping-cars toutes marques - Accessoires - Magasin Pro</span>
    <div class="links">
      <a href="#">Qui sommes-nous</a><a href="#">Actualités</a><a href="#">Témoignages</a><a href="#">Liens utiles</a>
      <a class="tel" href="tel:0494578011">📞 04 94 57 80 11</a>
    </div>
  </div></div>

  <!-- Bandeau ciel -->
  <div class="banner"><div class="in">
    <a class="logo" href="/" aria-label="Camping Car Avenir – accueil">
    <img src="https://www.campingcaravenir.fr/images/camping-cars-avenir-hyeres.png" alt="camping-cars-avenir-hyeres">
    </a>

    <div class="info">
      <div><img alt="adresse" style="width:30px;" src="../images/map.png"><span>303, rue Nicéphore Niepce<br>83400 HYÈRES</span></div>
   
      <div><img alt="tel" style="width:30px;" src="../images/tel2.png"><a class="tel" href="tel:0494578011">04 94 57 80 11</a></div>
    </div>

    <!-- Remplace chaque <span> par <img src="logo-xxx.svg" alt="Marque" height="34"> -->
    <div class="brands" aria-label="Marques disponibles">
      <span class="globecar"><img alt="globecar" style="width:150px;" src="../images/globecar.png"> </span>
      <span class="sunlight"><img alt="Sunlight" style="width:150px;" src="../images/Sunlight.png"></span>
      <span class="campster"><img alt="campster" style="width:150px;" src="../images/campster.png"></span>
      <span class="niesmann"><img alt="Niesmann-Bischoff" style="width:150px;" src="../images/Niesmann-Bischoff.png"></span>
      <span class="dethleffs"><img alt="DETHLEFFS" style="width:150px;" src="../images/DETHLEFFS.png"></span>
    </div>
  </div></div>

  <!-- Menu -->
  <nav class="menu" aria-label="Navigation principale"><div class="in">
    <input type="checkbox" id="nav-toggle">
    <label class="burger" for="nav-toggle"><span></span>Menu</label>
    <ul>
      <li><a href="#">Accueil</a></li>
      <li><a href="#">camping-cars neufs</a></li>
      <li><a href="#">Camping-cars occasions</a></li>
	   <li><a href="#">Fourgons / vans neufs</a></li>
	      <li><a href="#">Fourgons / vans occasions</a></li>
      <li><a href="#">Accessoires</a></li>
      <li><a href="#">Atelier</a></li>
      <li><a href="#">Promotions</a></li>
     
    </ul>
    <a class="cta" href="#">Contact</a>
  </div></nav>
</header>
			 
			 
			 
			 
      <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="accueil_bloc" style="display:block;float:left;width:500px;position:relative;margin-top:-30%;z-index:99;text-align:left;margin-left:30px;">

    <h1 style="display:block;float:left;text-align:left;width:100%;">
        <span class="titre_veh_accul" style="display:block;top:0px;margin-top:0px;text-align:left;">
            Camping-cars à Hyères :
            <span style="color:#97c003;">vente, occasion, atelier et accessoires</span>
        </span>
    </h1>

    <div class="titre_veh_accul2" style="top:0px;margin-top:0px;text-align:left;clear:both;">
        Camping Car Avenir, spécialiste du camping-car, du fourgon aménagé et du van dans le Var
    </div>

    <p class="accueil_intro">
        Depuis plus de 35 ans, Camping Car Avenir accompagne les camping-caristes dans l'achat,
        l'entretien et l'équipement de leur véhicule de loisirs. Retrouvez notre concession à
        Hyères, près de Toulon.
    </p>

    <div class="accueil_btns">
        <a href="https://www.campingcaravenir.fr/camping-car-neuf-hyeres.html" class="btn_accueil btn_accueil_vert">Voir nos v&eacute;hicules</a>
        <a href="https://www.campingcaravenir.fr/contact.html" class="btn_accueil btn_accueil_contour">Prendre rendez-vous &agrave; l'atelier</a>
    </div>

</div>
			
<script>
// koa "$(window).load(function() {"
$(function () {

      // Slideshow 1
      $("#slider_v2").responsiveSlides({
        speed: 800
      });
		
});	
</script>
<script>


document.addEventListener("DOMContentLoaded", function() {
    const nav = document.querySelector(".menu");
    
    // Récupère la position initiale du menu par rapport au haut de la page
    const navTop = nav.offsetTop;

    function handleScroll() {
        if (window.scrollY >= navTop) {
            nav.classList.add("is-sticky");
        } else {
            nav.classList.remove("is-sticky");
        }
    }

    // Écoute l'événement de défilement (scroll) de la page
    window.addEventListener("scroll", handleScroll);
});

$(document).ready(function(){
$(".prod1").click(function(){
$(".prod2").show();
// $(".display_left").css('left','-300px');

$(".display_left").css("margin-left", "282px");
$(".nos_prod").css("margin-left", "282px");
$(".nos_prod").css("width", "80%");
$(this).hide();
$(".fillda").css("margin-left", "30%");
});

$(".prod2").click(function(){
$(".prod1").show();
$(this).hide();
$(".display_left").css("margin-left", "-282px");
$(".nos_prod").css("margin-left", "30px");
$(".nos_prod").css("width", "100%");
$(".fillda").css("margin-left", "10%");

});


});
</script>	
	
<div class="foots_oopd">
<div class="main_page"> 
<section class="bloc-cartes">
  <div class="cartes">

    <a href="https://www.campingcaravenir.fr/camping-car-neuf-hyeres.html" class="carte">
      <div class="carte-visuel">
        <img src="https://www.campingcaravenir.fr/images/stocks/avnir_2423_d_IMG_1714.jpg" alt="Camping-cars neufs">
      </div>
      <div class="carte-corps">
        <h2 class="carte-titre">Camping-cars neufs</h2>
        <p class="carte-texte">Une sélection de véhicules neufs adaptés à vos envies de voyage.</p>
        <span class="carte-lien">Voir les camping-cars neufs ›</span>
      </div>
    </a>

    <a href="https://www.campingcaravenir.fr/camping-car-occasion-hyeres.html" class="carte">
      <div class="carte-visuel">
        <img src="https://www.campingcaravenir.fr/images/stocks/avnir_2261_campingcar_d_1.jpg" alt="Camping-cars occasion">
      </div>
      <div class="carte-corps">
        <h2 class="carte-titre">Camping-cars d'occasion</h2>
        <p class="carte-texte">Camping-cars, fourgons et vans contrôlés et sélectionnés par notre équipe.</p>
        <span class="carte-lien">Voir nos occasions ›</span>
      </div>
    </a>

    <a href="https://www.campingcaravenir.fr/camping-car-neuf-hyeres.html" class="carte">
   <div class="carte-visuel">
        <img src="https://www.campingcaravenir.fr/images/stocks/avnir_2525_campingcar_d_20251118_100508.jpg" alt="Vans et fourgons">
      </div>
      <div class="carte-corps">
        <h2 class="carte-titre">Fourgons &amp; vans</h2>
        <p class="carte-texte">Voyagez plus librement, à deux, en famille ou entre amis.</p>
        <span class="carte-lien">Découvrir les fourgons ›</span>
      </div>
    </a>

    <a href="atelier.php" class="carte">
     <div class="carte-visuel">
        <img src="https://www.campingcaravenir.fr/images/atelier-wc.png" alt="Atelier">
      </div>
      <div class="carte-corps">
        <h2 class="carte-titre">Atelier camping-car</h2>
        <p class="carte-texte">Entretien, réparation, carrosserie, étanchéité, électricité.</p>
        <span class="carte-lien">Découvrir notre atelier ›</span>
      </div>
    </a>

  </div>
</section>
<section class="bloc-presentation">
  <div class="presentation">

    <figure class="presentation-visuel">
      <img src="https://www.campingcaravenir.fr/images/home.jpg"
           alt="Camping-cars alignés à la concession de Hyères"
           loading="lazy">
    </figure>

    <div class="presentation-texte">
      <h2 class="presentation-titre">Camping Car Avenir, votre concession camping-car à Hyères dans le Var</h2>

      <p>Camping Car Avenir vous accueille à Hyères, dans le Var, pour vous accompagner dans tous vos projets autour du camping-car, du fourgon aménagé et du van.</p>

      <p>Notre équipe met son expérience du véhicule de loisirs à votre service pour l'achat d'un camping-car neuf ou d'occasion, mais également pour l'entretien, la réparation et l'équipement de votre véhicule.</p>



      <p>Camping Car Avenir accompagne les camping-caristes de Hyères, Toulon, La Crau, La Garde, Carqueiranne, Le Pradet, La Valette-du-Var, Cuers, La Londe-les-Maures, Le Lavandou et de l'ensemble du Var.</p>

      <a href="https://www.campingcaravenir.fr/contact.html" class="presentation-bouton">Nous contacter</a>
    </div>

  </div>
</section>
		
	<div style="display:block;float:left;width:100%;margin-top:30px;margin-bottom:20px;"> 

<h2 class="titre-section">Nos camping-cars et fourgons disponibles à Hyères</h2>



	    
	    <div class="van-card-mini">
    <div class="van-image-box">
       	<a href="https://www.campingcaravenir.fr/camping-car/dethleffs-trend-active-i-7057-dbl-2535.html">
					
					<img  alt="camping car DETHLEFFS TREND ACTIVE I 7057 DBL mod&egrave;le 2026" src="https://www.campingcaravenir.fr/images/stocks/avnir_2535_campingcar_d_20260602_152331.jpg" title="camping car DETHLEFFS TREND ACTIVE I 7057 DBL mod&egrave;le 2026"  />
					
					
					</a>
        <span class="ref-tag">r&eacute;f : 2535</span>
    </div>
    
    <div class="van-details">
        <h3 style="height: 35px;">INTEGRAL DETHLEFFS TREND ACTIVE I 7057 DBL</h3>
        
        <div class="specs-grid">
            <div class="spec-item"><span>Places</span> <strong>4</strong></div>
            <div class="spec-item"><span>Couchage</span> <strong>4</strong></div>
            <div class="spec-item"><span>Longueur</span> <strong>7.40 m</strong></div>
            <div class="spec-item"><span>Largeur</span> <strong>2.33 m</strong></div>
        </div>

        <div class="van-footer">
            <span class="brand">FIAT DUCATO</span>
           
						 <div class="price-box" style="padding:0px;"><strike style="font-size:10px;">94 820,00 &euro;</strike></br>
			<span style="font-size:13px;">83 000,00 &euro;</span></div>
			  			
        </div>
    </div>
</div>
		
	    
	    <div class="van-card-mini">
    <div class="van-image-box">
       	<a href="https://www.campingcaravenir.fr/camping-car/dethleffs-trend-active-i-7057-ebl-2534.html">
					
					<img  alt="camping car DETHLEFFS TREND ACTIVE I 7057 EBL mod&egrave;le 2026" src="https://www.campingcaravenir.fr/images/stocks/avnir_2534_campingcar_d_20260602_152325.jpg" title="camping car DETHLEFFS TREND ACTIVE I 7057 EBL mod&egrave;le 2026"  />
					
					
					</a>
        <span class="ref-tag">r&eacute;f : 2534</span>
    </div>
    
    <div class="van-details">
        <h3 style="height: 35px;">INTEGRAL DETHLEFFS TREND ACTIVE I 7057 EBL</h3>
        
        <div class="specs-grid">
            <div class="spec-item"><span>Places</span> <strong>4</strong></div>
            <div class="spec-item"><span>Couchage</span> <strong>4</strong></div>
            <div class="spec-item"><span>Longueur</span> <strong>7.40 m</strong></div>
            <div class="spec-item"><span>Largeur</span> <strong>2.33 m</strong></div>
        </div>

        <div class="van-footer">
            <span class="brand">FIAT DUCATO</span>
           
						 <div class="price-box" style="padding:0px;"><strike style="font-size:10px;">94 620,00 &euro;</strike></br>
			<span style="font-size:13px;">83 000,00 &euro;</span></div>
			  			
        </div>
    </div>
</div>
		
	    
	    <div class="van-card-mini">
    <div class="van-image-box">
       	<a href="https://www.campingcaravenir.fr/camping-car/sunlight-camper-van-cliff-600-x-rt-2525.html">
					
					<img  alt="camping car SUNLIGHT CAMPER VAN CLIFF 600 X RT mod&egrave;le 2026" src="https://www.campingcaravenir.fr/images/stocks/avnir_2525_campingcar_d_20251118_100508.jpg" title="camping car SUNLIGHT CAMPER VAN CLIFF 600 X RT mod&egrave;le 2026"  />
					
					
					</a>
        <span class="ref-tag">r&eacute;f : 2525</span>
    </div>
    
    <div class="van-details">
        <h3 style="height: 35px;">FOURGON SUNLIGHT CAMPER VAN CLIFF 600 X RT</h3>
        
        <div class="specs-grid">
            <div class="spec-item"><span>Places</span> <strong>4</strong></div>
            <div class="spec-item"><span>Couchage</span> <strong>4</strong></div>
            <div class="spec-item"><span>Longueur</span> <strong>5.99 m</strong></div>
            <div class="spec-item"><span>Largeur</span> <strong>2.05 m</strong></div>
        </div>

        <div class="van-footer">
            <span class="brand">CITROEN JUMPER</span>
           
						 <div class="price-box" style="padding:0px;"><strike style="font-size:10px;">70 690,00 &euro;</strike></br>
			<span style="font-size:13px;">62 700,00 &euro;</span></div>
			  			
        </div>
    </div>
</div>
			
	 <a href="https://www.campingcaravenir.fr/camping-car-neuf-hyeres.html"><img alt="disponible" style="display:block;float:left;border-radius:10px;margin-left: 20px;" src="https://www.campingcaravenir.fr/images/disponible.png"> </a>
	 
	   </div>	
		
		
<style>
.van-card-mini {
    width: 300px;
    height: 300px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
   display:block;
   float:left;
   margin-bottom:30px;
   margin-left:20px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.titre-section {
    position: relative;
    margin: 0 auto 55px;
    padding-bottom: 22px;
    max-width: 900px;
    text-align: center;
    font-size: 25px;   /* s'adapte du mobile au grand écran */
    font-weight: 700;
    line-height: 1.2;
    color: #14213d;                         /* bleu marine */
    text-shadow: 0 2px 0 rgba(0, 0, 0, .06);
}

/* Trait décoratif sous le titre */
.titre-section::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 90px;
    height: 5px;
    transform: translateX(-50%);
    border-radius: 5px;
    background: linear-gradient(90deg, #08a2d5, #97c003);
}

@media (max-width: 600px) {
    .titre-section { margin-bottom: 40px; padding-bottom: 18px; }
}
.van-image-box {
    position: relative;
    height: 140px; /* Espace pour l'image */
}

.van-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ref-tag {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: rgba(255,255,255,0.8);
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
}

.van-details {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.van-details h3 {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #2c3e50;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}

.specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    font-size: 12px;
    border-top: 1px solid #eee;
    padding-top: 8px;
}

.spec-item {
    display: flex;
    justify-content: space-between;
    color: #666;
}

.spec-item strong {
    color: #333;
}

.van-footer {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}

.brand {
    font-size: 11px;
    font-weight: bold;
    color: #7f8c8d;
}

.price-box {
    background: #f8f9fa;
    border: 2px solid #079be1;
    color: #079be1;
    font-weight: 800;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 4px;
}
/* ===== Section Nouveautés & Actualités — responsive ===== */
.bloc-actus {
    --bleu: #08a2d5;
    --rouge: #be1e29;
    --texte: #4a5163;
    --titre: #14213d;
    width: 100%;
    box-sizing: border-box;
    padding: 70px 20px 80px;
    background: #fff;
    font-family: inherit;
}
.bloc-actus *, .bloc-actus *::before, .bloc-actus *::after { box-sizing: border-box; }

/* --- En-tête --- */
.bloc-actus .actus-entete {
    max-width: 1200px;
    margin: 0 auto 45px;
    text-align: center;
}
.bloc-actus .actus-titre {
    margin: 0 0 25px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--titre);
}
.bloc-actus .actus-titre span { color: var(--bleu); }

.bloc-actus .actus-tout {
    display: inline-block;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: var(--rouge);
    border-radius: 50px;
    transition: transform .2s ease, box-shadow .2s ease;
}
.bloc-actus .actus-tout:hover,
.bloc-actus .actus-tout:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(190, 30, 41, .3);
    outline: none;
}

/* --- Grille de cartes --- */
.bloc-actus .actus-grille {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    align-items: stretch;               /* cartes de même hauteur sur une ligne */
    gap: 30px;
}

.bloc-actus .actu-carte {
    position: relative;                 /* pour rendre toute la carte cliquable */
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(20, 33, 61, .12);
    border-bottom: 4px solid var(--bleu);
    transition: transform .3s ease, box-shadow .3s ease;
}
.bloc-actus .actu-carte:hover,
.bloc-actus .actu-carte:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(20, 33, 61, .2);
}

.bloc-actus .actu-photo {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: linear-gradient(135deg, #08a2d5, #14213d);   /* si pas de photo */
}
.bloc-actus .actu-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.bloc-actus .actu-carte:hover .actu-photo img { transform: scale(1.06); }

.bloc-actus .actu-corps {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 22px 22px 24px;
}

.bloc-actus .actu-carte-titre {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--titre);
    text-align: left;
    /* max 2 lignes */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bloc-actus .actu-texte {
    margin: 0 0 22px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--texte);
    text-align: left;
    /* max 4 lignes */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bloc-actus .actu-bouton {
    align-self: flex-start;
    margin-top: auto;                   /* colle le bouton en bas : tous au même niveau */
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    text-decoration: none;
    color: var(--bleu);
    padding-bottom: 3px;
    border-bottom: 2px solid var(--bleu);
    transition: color .2s ease, border-color .2s ease;
}
.bloc-actus .actu-bouton::after {       /* étend le lien à toute la carte */
    content: "";
    position: absolute;
    inset: 0;
}
.bloc-actus .actu-carte:hover .actu-bouton { color: var(--rouge); border-color: var(--rouge); }
.bloc-actus .actu-bouton:focus-visible { outline: 2px solid var(--bleu); outline-offset: 4px; }

/* --- Mobile --- */
@media (max-width: 600px) {
    .bloc-actus { padding: 50px 16px 60px; }
    .bloc-actus .actus-grille { grid-template-columns: 1fr; gap: 24px; }
    .bloc-actus .actus-tout { display: block; }
}
@media (prefers-reduced-motion: reduce) {
    .bloc-actus .actu-carte,
    .bloc-actus .actu-photo img { transition: none; }
}
</style>


<section class="bloc-actus">

  <div class="actus-entete">
    <h2 class="actus-titre"><span>Nouveautés </span> et actualités de Camping-Car Avenir</h2>
    <a href="https://www.campingcaravenir.fr/actualite.html" class="actus-tout">Voir toutes les actualit&eacute;s</a>
  </div>

  <div class="actus-grille">
    <article class="actu-carte">

      <div class="actu-photo">
        <img src="https://www.campingcaravenir.fr/images/actualite/fetexx.png"
             alt="31e SALON DE L&#039;AUTO &amp; DU CAMPING-CAR" loading="lazy">
      </div>

      <div class="actu-corps">
        <h3 class="actu-carte-titre">31e SALON DE L&#039;AUTO &amp; DU CAMPING-CAR</h3>
        <a href="https://www.campingcaravenir.fr/actualites/31e_salon_de_l-auto__du_camping-car-143.html" class="actu-bouton">LIRE LA SUITE</a>
      </div>

    </article>
    <article class="actu-carte">

      <div class="actu-photo">
        <img src="https://www.campingcaravenir.fr/images/actualite/fete 22.png"
             alt="LE NEUF AU PRIX DE L&#039;OCCASION" loading="lazy">
      </div>

      <div class="actu-corps">
        <h3 class="actu-carte-titre">LE NEUF AU PRIX DE L&#039;OCCASION</h3>
        <a href="https://www.campingcaravenir.fr/actualites/le_neuf_au_prix_de_l-occasion-142.html" class="actu-bouton">LIRE LA SUITE</a>
      </div>

    </article>
    <article class="actu-carte">

      <div class="actu-photo">
        <img src="https://www.campingcaravenir.fr/images/actualite/PARTY.png"
             alt="Offre spéciale anniversaire" loading="lazy">
      </div>

      <div class="actu-corps">
        <h3 class="actu-carte-titre">Offre spéciale anniversaire</h3>
        <a href="https://www.campingcaravenir.fr/actualites/offre_speciale_anniversaire-141.html" class="actu-bouton">LIRE LA SUITE</a>
      </div>

    </article>
  </div>

</section>
	  </div> 	</div> 
	<div style="display:block;float:left;width:100%;margin-top:30px;height:150px;background-color:#97c003;">
	
		

<div class="inscrrive"><span style="color:#005a77;">INSCRIVEZ VOUS </span>&agrave; la Newsletter
</div>
<div class="inscrivvvee2">	


 <form method="post" action="" enctype="multipart/form-data">
      <input  class="inu_rechrcher22" name="newsletter" type="text" required placeholder="Votre adresse e-mail..." value="">
	      
      <button type="submit" class="boutton_envoyer">
	  <img alt="icon" class="imge_non_over" src="https://www.campingcaravenir.fr/images/ico_fleche1.png">
	  <img alt="icon" class="imge_non_over2" src="https://www.campingcaravenir.fr/images/ico_fleche.png"></button>
    </form>

</div> 

</div>


<div style="display:block;float:left;width:100%;height:auto;padding-top:0px;padding-bottom:0px;background-color:#fff;text-align:center;font-family: 'Roboto Condensed', sans-serif;">

  <div style="display:block;float:left;width:100%;position:relative;margin-top:0px;">

<footer class="site-footer">
  <img src="https://www.campingcaravenir.fr/images/bandeau5/concession.png" alt="camping-car" class="site-footer-bg">
  <div class="site-footer-overlay"></div>

  <div class="site-footer-inner">

    <div class="footer-col">
      <h3 class="footer-title">Nos camping-cars neufs</h3>
      <ul class="footer-list">
        <li><a href="https://www.campingcaravenir.fr/camping-car/sunlight-cliff-cliff-600x-rt-2466.html">SUNLIGHT CLIFF 600X RT CLIFF</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/dethleffs-just-camp-t-7052-dbl-2470.html">DETHLEFFS T 7052 DBL JUST CAMP</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/dethleffs-trend-active-i-7057-dbl-2535.html">DETHLEFFS I 7057 DBL TREND ACTIVE</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/dethleffs-trend-active-i-7057-ebl-2534.html">DETHLEFFS I 7057 EBL TREND ACTIVE</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/dethleffs-globetrail-600-ds-2457.html">DETHLEFFS 600 DS GLOBETRAIL</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/sunlight-cliff-x-cliff-600-x-2461.html">SUNLIGHT CLIFF 600 X CLIFF X</a></li>
      </ul>
    </div>

    <div class="footer-col">
      <h3 class="footer-title">Nos camping-cars occasion</h3>
      <ul class="footer-list">
        <li><a href="https://www.campingcaravenir.fr/camping-car/sunlight-t-67-adventure-edition-2261.html">SUNLIGHT ADVENTURE EDITION T 67</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/fleurette-migrateur-60lg-2569.html">FLEURETTE 60LG MIGRATEUR</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/burstner--ixeo-it664-2566.html">BURSTNER IXEO IT664 </a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/dethleffs-trend-t7057-dbl-2551.html">DETHLEFFS T7057 DBL TREND</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/dethleffs-globetrail-600-ds-2351.html">DETHLEFFS 600 DS GLOBETRAIL</a></li>
        <li><a href="https://www.campingcaravenir.fr/camping-car/dethleffs-just-camp-t-6812-eb-2353.html">DETHLEFFS T 6812 EB JUST CAMP</a></li>
      </ul>
    </div>

    <div class="footer-col">
      <h3 class="footer-title"><span class="footer-title-underline">Nous</span> contacter</h3>
      <p class="footer-text">
        <br><br>      </p>
    </div>

    <div class="footer-col">
      <h3 class="footer-title"><span class="footer-title-underline">Horaire</span> d'ouverture</h3>
      <p class="footer-text">
        <br><br>      </p>
    </div>

  </div>
</footer>
  </div>
  <div style="display:block;float:left;width:100%;position:relative;margin-top:5px;">

<div class="footer-bottom">
  <a href="https://www.campingcaravenir.fr/mentions-legales.html">Mentions l&eacute;gales</a>
  <span class="footer-bottom-sep">•</span>
  <a href="https://www.campingcaravenir.fr/rgpd.html">RGPD – Confidentialit&eacute;s</a>
  <span class="footer-bottom-sep">•</span>
  <a href="https://www.campingcaravenir.fr/contact.html">Contact</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">
jQuery(document).ready(function($) {

     //$("#Box_FInscription").modal();
  // Get the modal
	
$('#myModal666').click(function(){
	$.cookie("popup_avenir", "cookie_avenir");
});

});
</script>