<!DOCTYPE html>
<html lang="fr">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://alocamp.fr/" />
<link rel="stylesheet" href="https://alocamp.fr/style.css" type="text/css" media="screen, projection" hreflang="fr" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Caveat:wght@600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script type="text/javascript" src="https://alocamp.fr/includes/js/jquery-1.7.js"></script>
<link rel="stylesheet" href="https://alocamp.fr/css_detail.css" type="text/css" media="screen, projection" hreflang="fr" />
<link rel="shortcut icon" href="https://alocamp.fr/favicon.ico"/>
<link rel="stylesheet" href="https://alocamp.fr/includes/js/responsiveslides.css" type="text/css" media="screen, projection" hreflang="fr" />
<script src="https://alocamp.fr/includes/js/responsiveslides.min.js" type="text/javascript"></script>
</head>
<body style="margin:0px;padding:0px;">
<nav class="navbar navbar-expand-lg alo_navbar-alo sticky-top">
<div class="container">
<a class="navbar-brand alo_brand-logo" href="https://alocamp.fr/index.php">
<img style="height:110px;" alt="logo" src="images/logo.png">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#alo_navMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="alo_navMenu">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active"
href="https://alocamp.fr/index.php">
Accueil
</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="https://alocamp.fr/entretien-et-reparation.html">Atelier</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="https://alocamp.fr/rachat-depot-vente-camping-car.html">Dépôt vente</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="https://alocamp.fr/magasin-accessoires-camping-car.html">Magasin accessoires</a>
</li>
<li class="nav-item">
<a class="nav-link" href="savoir-faire.html">Savoir-faire</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="https://alocamp.fr/contact.html">Nous contacter</a>
</li>
</ul>
</div>
</div>
</nav>
<script>
function toggleMenu() {
const menu = document.getElementById('mobileMenu');
const overlay = document.getElementById('menuOverlay');
menu.classList.toggle('active');
overlay.classList.toggle('active');
}
</script>
<script>
// koa "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider_v2").responsiveSlides({
speed: 800
});
});
</script>
<title>Atelier Camping-Car à La Flamengrie | Réparation, Dépôt-Vente & Accessoires - Alocamp</title>
<meta name="description" content="Alocamp à La Flamengrie vous propose l'entretien et la réparation de camping-cars toutes marques, un service de dépôt-vente et un magasin d'accessoires pour vos véhicules de loisirs.">
<!-- ===== NAVBAR ===== -->
<!-- ===== HERO (slider automatique) ===== -->
<header class="alo_hero" id="alo_hero">
<div class="alo_hero-slides">
<div class="alo_hero-slide alo_active" style="background-image:url('images/bandeau/bandeau.png');"></div>
<div class="alo_hero-slide" style="background-image:url('images/bandeau/bandeau.png');"></div>
<div class="alo_hero-slide" style="background-image:url('images/bandeau/bandeau.png');"></div>
<div class="alo_hero-slide" style="background-image:url('images/bandeau/bandeau.png');"></div>
</div>
<div class="alo_hero-overlay"></div>
<div class="container alo_hero-content">
<div class="row">
<div class="col-lg-6">
<h1>
<span class="alo_line-red">Réouverture</span><br>
<span class="alo_line-dark">prévue</span><br>
<span class="alo_line-blue">début septembre</span>
</h1>
<p class="alo_lead-text">
ALOCAMP Services vous accueille prochainement
à <strong>La Flamengrie</strong> pour l'entretien, le dépôt-vente
et les accessoires de véhicules de loisirs.
</p>
<div class="d-flex flex-wrap gap-3 mt-4">
<a href="contact.html" class="btn alo_btn-alo-red"><i class="bi bi-telephone-fill me-2"></i>Nous contacter</a>
<a href="#alo_services" class="btn alo_btn-alo-outline"><i class="bi bi-truck me-2"></i>Découvrir nos services</a>
</div>
</div>
</div>
</div>
<div class="alo_hero-dots">
<button type="button" class="alo_hero-dot alo_active" data-alo-slide="0" aria-label="Photo 1"></button>
<button type="button" class="alo_hero-dot" data-alo-slide="1" aria-label="Photo 2"></button>
<button type="button" class="alo_hero-dot" data-alo-slide="2" aria-label="Photo 3"></button>
<button type="button" class="alo_hero-dot" data-alo-slide="3" aria-label="Photo 4"></button>
</div>
<div class="alo_hero-wave">
<svg viewbox="0 0 1440 90" preserveaspectratio="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0,45 C220,90 380,5 620,35 C860,65 1020,15 1240,40 C1330,50 1390,48 1440,42 L1440,90 L0,90 Z" fill="#ffffff"/>
<path d="M0,45 C220,90 380,5 620,35 C860,65 1020,15 1240,40 C1330,50 1390,48 1440,42" fill="none" stroke="var(--alo-blue)" stroke-width="6" stroke-linecap="round"/>
</svg>
</div>
</header>
<!-- ===== SERVICES ===== -->
<section class="alo_services-section" id="alo_services">
<div class="container text-center mb-5">
<h2 class="alo_section-title"><span class="alo_spark"><img alt="ico" src="images/etoile-1.png"></span> Nos services <span class="alo_spark"><img alt="ico" src="images/etoile-2.png"></span></h2>
<p class="alo_section-sub mt-3">Des solutions complètes pour profiter pleinement de vos véhicules de loisirs.</p>
</div>
<div class="container">
<div class="row g-4">
<div class="col-md-6 col-lg-3">
<div class="alo_service-card">
<div class="alo_service-icon alo_icon-blue"><i class="bi bi-tools"></i></div>
<h3 class="alo_text-blue">Atelier</h3>
<p>Entretien, réparations et interventions toutes marques pour garantir votre sécurité et votre confort sur la route.</p>
<div class="alo_service-underline alo_underline-blue"></div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="alo_service-card">
<div class="alo_service-icon alo_icon-red"><i class="bi bi-truck-front"></i></div>
<h3 class="alo_text-red">Dépôt vente</h3>
<p>Vendez ou achetez votre véhicule de loisirs en toute confiance avec un service simple et transparent.</p>
<div class="alo_service-underline alo_underline-red"></div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="alo_service-card">
<div class="alo_service-icon alo_icon-blue"><i class="bi bi-cart3"></i></div>
<h3 class="alo_text-blue">Magasin accessoires</h3>
<p>Équipez votre véhicule avec une large gamme d'accessoires et d'équipements sélectionnés pour vos voyages.</p>
<div class="alo_service-underline alo_underline-blue"></div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="alo_service-card">
<div class="alo_service-icon alo_icon-red"><i class="bi bi-award"></i></div>
<h3 class="alo_text-red">Savoir-faire</h3>
<p>Une équipe passionnée et expérimentée à votre écoute pour vous conseiller et vous accompagner.</p>
<div class="alo_service-underline alo_underline-red"></div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== BANNIÈRE NOUVELLE AVENTURE ===== -->
<section class="alo_announce-section">
<div class="container">
<div class="alo_announce-card">
<div class="row g-0 align-items-stretch">
<div class="col-lg-5">
<img src="images/alain.png" alt="Bannière Alocamp bientôt ici" class="alo_announce-img">
</div>
<div class="col-lg-7">
<div class="alo_announce-body">
<h2><span class="alo_blue">Une nouvelle aventure à</span> <span class="alo_red">La Flamengrie</span></h2>
<p>Après une pause bien méritée, ALOCAMP Services reprend la route !</p>
<p>Nous sommes heureux de vous retrouver prochainement dans nos nouveaux locaux à La Flamengrie pour continuer à vous offrir des services de qualité dédiés à vos véhicules de loisirs.</p>
<div class="alo_signature">Merci pour votre confiance, à très bientôt !</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== FOOTER ===== -->
<div style="display:block;float:left;width:100%;position:relative;">
<footer id="alo_contact">
<div class="container">
<div class="row g-4">
<div class="col-lg-4">
<div class="alo_brand-logo mb-3">
<img alt="logo" src="images/logo-footer.png">
</div>
<p class="alo_footer-brand-title mb-0">ALOCAMP Services</p>
<p class="alo_footer-tag mb-1">La Flamengrie</p>
<p class="alo_footer-tag">Votre partenaire véhicules de loisirs</p>
</div>
<div class="col-lg-4">
<h5>Nous contacter</h5>
<ul>
<li><i class="bi bi-geo-alt-fill"></i><span><strong>La Flamengrie</strong><br>02220 La Flamengrie, France</span></li>
<li><i class="bi bi-telephone-fill"></i><span></span></li>
<li><i class="bi bi-envelope-fill"></i><img style="position:relative;top:5px;" alt="logo" src="images/mail-footer.png"></li>
<li><i class="bi bi-globe2"></i><span>www.alocamp.fr</span></li>
</ul>
</div>
<div class="col-lg-4" style="font-size: 12px;">
<h5>Horaires d'ouverture</h5>
<div class="alo_hours-row"><span>Lundi - Vendredi :</span><span>9h00 - 12h30 / 13h30 - 18h00</span></div>
<div class="alo_hours-row"><span>Samedi :</span><span>9h00 - 12h30</span></div>
<div class="alo_hours-row"><span>Dimanche :</span><span>Fermé</span></div>
<p class="alo_footer-signature mt-3 mb-0">À très bientôt<br>chez ALOCAMP Services !</p>
</div>
</div>
<hr class="alo_footer-divider">
<div class="d-flex flex-wrap justify-content-between align-items-center alo_bottom-bar">
<div class="mb-2">
<a href="mentions-legales.html">Mentions légales</a> <span class="mx-2">|</span> <a href="rgpd.html">Politique de confidentialité</a>
</div>
<div class="mb-2">
<a href="#" class="alo_social-icon"><i class="bi bi-facebook"></i></a>
<a href="#" class="alo_social-icon"><i class="bi bi-instagram"></i></a>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
<script>
// ===== Slider automatique du hero =====
(function () {
var alo_slides = document.querySelectorAll('.alo_hero-slide');
var alo_dots = document.querySelectorAll('.alo_hero-dot');
var alo_current = 0;
var alo_intervalTime = 5000;
var alo_timer = null;
if (alo_slides.length <= 1) return;
function alo_goToSlide(alo_index) {
alo_slides[alo_current].classList.remove('alo_active');
if (alo_dots.length) alo_dots[alo_current].classList.remove('alo_active');
alo_current = alo_index;
alo_slides[alo_current].classList.add('alo_active');
if (alo_dots.length) alo_dots[alo_current].classList.add('alo_active');
}
function alo_nextSlide() {
var alo_next = (alo_current + 1) % alo_slides.length;
alo_goToSlide(alo_next);
}
function alo_startAutoplay() {
alo_timer = setInterval(alo_nextSlide, alo_intervalTime);
}
function alo_resetAutoplay() {
clearInterval(alo_timer);
alo_startAutoplay();
}
alo_dots.forEach(function (alo_dot) {
alo_dot.addEventListener('click', function () {
var alo_index = parseInt(alo_dot.getAttribute('data-alo-slide'), 10);
alo_goToSlide(alo_index);
alo_resetAutoplay();
});
});
alo_startAutoplay();
})();
</script>
</body>
</html>
