<html>
<head>
<title>Accessoires - LECAMPINGCARISTE </title>
<meta name="description" content="Accessoires - LECAMPINGCARISTE">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<link rel="stylesheet" href="https://www.lecampingcariste.fr/style.css" type="text/css" media="screen, projection" />
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Zen+Loop&display=swap&family=Oswald+sans-serif" rel="stylesheet">
<link rel="stylesheet" href="https://www.lecampingcariste.fr/style_ok.css" type="text/css" media="screen, projection" hreflang="fr" />
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.lecampingcariste.fr/css/css_font.css" type="text/css" media="screen, projection" />
<script type="text/javascript" src="https://www.lecampingcariste.fr/includes/js/jquery-1.7.js"></script>
<link rel="stylesheet" href="https://www.lecampingcariste.fr/css_detail.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="https://www.lecampingcariste.fr/menu.css" type="text/css" media="screen, projection" />
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" href="https://www.lecampingcariste.fr/includes/js/responsiveslides.css" type="text/css" media="screen, projection" />
<script src="https://www.lecampingcariste.fr/includes/js/responsiveslides.min.js" type="text/javascript"></script>
<script src="https://www.lecampingcariste.fr/includes/js/aos/aos.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="https://www.lecampingcariste.fr/includes/js/aos/aos.css" />
</head>
<header id="navbar" style="background-color:#000;">
<div class="logo-container" style="display:block;flex: none;">
<a href="https://www.lecampingcariste.fr/index.php"><img src="https://www.lecampingcariste.fr/images/logo.png" alt="Logo" class="logo-img" style="top:0px;width:200px;"></a>
</div>
<nav class="main-nav" id="nav-menu">
<ul>
<li><a href="https://www.lecampingcariste.fr/index.php">Accueil</a></li>
<li><a href="https://www.lecampingcariste.fr/la-societe.html">Société</a></li>
<li><a href="https://www.lecampingcariste.fr/camping-car-occasion.html">Camping-cars Occasion</a></li>
<li><a href="https://www.lecampingcariste.fr/accessoires.html">MAGASIN Accessoires</a></li>
<li><a href="https://www.lecampingcariste.fr/atelier.html">Atelier</a></li>
<li><a href="https://www.lecampingcariste.fr/depot-vente.html">Depot vente </a></li>
<li><a href="https://www.lecampingcariste.fr/achat-cash.html"> Rachat cash</a></li>
<li><a href="https://www.lecampingcariste.fr/contact.html"> Contact</a></li>
</ul>
</nav>
<div class="burger" id="burger">
<div class="line1"></div><div class="line2"></div><div class="line3"></div>
</div>
</header>
<div class="slider-arrow arrow-prev" id="prevBtn">
<svg viewbox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
</div>
<div class="slider-arrow arrow-next" id="nextBtn">
<svg viewbox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
</div>
<div style="display:block;float:left;width:100%;height:100px;"> </div>
<script>
// koa "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider_v2").responsiveSlides({
speed: 800
});
});
</script>
<script type="text/javascript">
// $(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: 3,
// itemsToScroll: 1,
// autoPlay: {
// enable: true,
// interval: 3000,
// pauseOnHover: true
// }
// });
// $("#rcbrand223").rcbrand({
// visibleItems: 3,
// itemsToScroll: 1,
// autoPlay: {
// enable: true,
// interval: 3000,
// pauseOnHover: true
// }
// });
// $("#rcbrand22").rcbrand({
// visibleItems: 3,
// itemsToScroll: 1,
// autoPlay: {
// enable: true,
// interval: 3000,
// pauseOnHover: true
// }
// });
// $("#rcbrand22_respp").rcbrand({
// visibleItems: 3,
// itemsToScroll: 3,
// autoPlay: {
// enable: true,
// interval: 3000,
// pauseOnHover: true
// }
// });
// $("#rcbrand223_respp").rcbrand({
// visibleItems: 3,
// itemsToScroll: 3,
// autoPlay: {
// enable: true,
// interval: 5000,
// pauseOnHover: true
// }
// });
// $("#rcbrand3").rcbrand({
// infinite: false
// });
// $('#myModal').click(function(){
// document.cookie ="coterdor=coterdor";
// });
// });
</script>
<style>
.accessoires{
padding:80px 20px;
}
.accessoires-container{
max-width:1200px;
margin:auto;
}
.titre-page{
text-align:center;
font-size:38px;
margin-bottom:10px;
color:#111;
}
.intro{
text-align:center;
max-width:700px;
margin:auto;
margin-bottom:60px;
color:#555;
font-size:18px;
}
.grid-accessoires{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}
.card{
background:white;
border-radius:12px;
padding:30px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
position:relative;
overflow:hidden;
}
.card img{
width:100%;
border-radius:8px;
margin-bottom:15px;
}
.card h2{
margin-bottom:10px;
font-size:22px;
}
.card p{
color:#555;
line-height:1.6;
}
/* barre couleur */
.card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:6px;
}
/* couleurs */
.jaune::before{background:#ffd500;}
.violet::before{background:#9c4aa8;}
.bleuclair::before{background:#7dc7d8;}
.bleu::before{background:#4050c7;}
.vert::before{background:#2cab4d;}
.cyan::before{background:#1ea4d8;}
.card:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}
</style>
<section class="accessoires">
<div class="accessoires-container">
<h1 class="titre-page">Nos Accessoires Camping-Car</h1>
<p class="intro">
Découvrez notre sélection d’équipements et d’accessoires pour améliorer
le confort, la sécurité et l’autonomie de votre camping-car.
</p>
<div class="grid-accessoires">
<div class="card jaune">
<h2>Alarme Thitronik</h2>
<p>Système d’alarme spécialisé pour camping-car garantissant sécurité et protection contre les intrusions.</p>
</div>
<div class="card violet">
<h2>Equipement Cuisine</h2>
<p>Vaisselle, couverts, appareils ménagers et accessoires pour cuisiner facilement lors de vos voyages.</p>
</div>
<div class="card bleuclair">
<h2>Eau / Toilette / Salle d'eau</h2>
<p>Produits d’entretien, accessoires sanitaires et solutions d’hygiène pour vos toilettes et réserves d’eau.</p>
</div>
<div class="card bleu">
<h2>Electricité</h2>
<p>Batteries, chargeurs, convertisseurs et équipements électriques pour votre autonomie énergétique.</p>
</div>
<div class="card vert">
<h2>Equipements intérieur / Isolation</h2>
<p>Solutions d’isolation, confort intérieur et équipements pour améliorer votre espace de vie.</p>
</div>
<div class="card cyan">
<h2>Chauffage Gaz</h2>
<p>Chauffages, accessoires et équipements gaz pour voyager confortablement toute l’année.</p>
</div>
</div>
</div>
</section>
<script>
// koa "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider_v2").responsiveSlides({
speed: 800
});
});
</script>
<div style="display:block;float:left;width:100%;">
<footer class="site-footer">
<div class="containerx2">
<div class="footer-grid">
<div class="footer-col">
<img src="https://www.lecampingcariste.fr/images/logo.png" alt="Logo" class="footer-logo">
<p>Votre spécialiste du camping-car, fourgon et van aménagé à Rennes (35). Vente, entretien et magasin d'accessoires spécialisé.</p>
</div>
<div class="footer-col">
<h4>COORDONNÉES</h4>
<p>📍 115 Route de Fougères<br>35510 Cesson-Sévigné</p>
<p>📞 02.99.37.73.57</p>
</div>
<div class="footer-col">
<h4>HORAIRES</h4>
<ul>
<li>Lundi : <span style="display:block;float:right;text-align:right;">14h00 - 18h30</span>
<li>Mar - Ven : <span style="display:block;float:right;text-align:right;">9h00 - 12h00 et 14h00 - 18h30</span></li>
<li>Samedi : <span style="display:block;float:right;text-align:right;">9h00 - 12h00</span></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Lecampingcariste | <a style="color:#fff;text-decoration:none;" href="mentions-legales.html">Mentions Légales</a>
| <a style="color:#fff;text-decoration:none;" href="rgpd.html">RGPD – CONFIDENTIALITES</a> </p>
</div>
</div>
</footer>
</div>
<script>
const slides = document.querySelectorAll('.slide');
const prevBtn = document.getElementById('prevBtn');
const nextBtn = document.getElementById('nextBtn');
let currentSlide = 0;
let slideInterval;
function showSlide(index) {
slides.forEach(s => s.classList.remove('active'));
slides[index].classList.add('active');
}
function nextSlide() {
currentSlide = (currentSlide + 1) % slides.length;
showSlide(currentSlide);
}
function prevSlide() {
currentSlide = (currentSlide - 1 + slides.length) % slides.length;
showSlide(currentSlide);
}
function resetTimer() {
clearInterval(slideInterval);
slideInterval = setInterval(nextSlide, 5000);
}
nextBtn.addEventListener('click', () => { nextSlide(); resetTimer(); });
prevBtn.addEventListener('click', () => { prevSlide(); resetTimer(); });
slideInterval = setInterval(nextSlide, 5000);
const burger = document.getElementById('burger');
const nav = document.getElementById('nav-menu');
burger.addEventListener('click', () => {
nav.classList.toggle('nav-active');
burger.classList.toggle('toggle');
});
window.onscroll = function() {
var navbar = document.getElementById('navbar');
if (window.pageYOffset > 50) navbar.classList.add('header-scrolled');
else navbar.classList.remove('header-scrolled');
};
</script>
</body>
</html>
