<!DOCTYPE html>
<html lang="fr" xmlns="http://www.w3.org/1999/html">
<head>
{% block headOnTop %}{% endblock %}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta charset="utf-8">
<title>
{% block title %}
{% if seo_params is defined and seo_params is not null and (seo_params | length) > 0 %}
{{ seo_params.title }}
{% elseif seo is defined and (seo | length)==2 %}
{{ seo.title | raw}}
{% else %}
Colonie de vacances, Colo, colonies de vacances
{% endif %}
{% endblock %}
</title>
{% if noIndex is defined and noIndex == true %}
<meta name="robots" content="noindex" />
{% endif %}
<meta name="description" content="{% block description %}
{% if seo_params is defined and seo_params is not null and (seo_params | length) > 0 %}
{{ seo_params.description }}
{% elseif seo is defined and (seo | length)==2 %}
{{ seo.description | raw }}
{% else %}
Colonie de vacances 2026 : Croq Vacances organise des colonies de vacances en France. Centres de vacances pour enfants et ados - Des colonies de vacances pas cher.
{% endif %}
{% endblock %}">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
{% block paiement %}{% endblock %}
{%- block stylesheets -%}
{{ encore_entry_link_tags('frontend') }}
{%- endblock -%}
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KC7QQKX');</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3E1L769GY2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){ dataLayer.push(arguments); }
gtag('js', new Date());
// Consent par défaut (refusé avant choix utilisateur)
gtag('consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied'
});
// Toujours déclarer GA4 (mais ne pose pas de cookie si refus)
gtag('config', 'G-3E1L769GY2');
{# Si analytics accepté côté serveur #}
{% if cookiesRules is defined and cookiesRules|length > 0 and cookiesRules.analytics == 1 %}
gtag('consent', 'update', { 'analytics_storage': 'granted', 'ad_storage': 'granted','ad_user_data': 'granted','ad_personalization': 'granted' });
{% endif %}
{# Si publicité acceptée côté serveur #}
{% if cookiesRules is defined and cookiesRules|length > 0 and cookiesRules.ads == 1 %}
gtag('consent', 'update', {
'ad_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted'
});
gtag('config', 'AW-1070399189');
{% endif %}
</script>
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<style>
section.header {
min-height: 534px;
background: url('/build/images/header-repeat.be4c706f.jpg') repeat-x 0 460px,
url('{{vich_uploader_asset(mediaHeaders[random(mediaHeaders|length -1)])}}') no-repeat top center,
url('/build/images/header-repeat.be4c706f.jpg') repeat-x top left;
position: relative;
}
section.header.small {
min-height: 300px;
}
</style>
</head>
<body data-controller="hello">
<!-- Google Tag Manager (noscript)
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KC7QQKX" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
End Google Tag Manager (noscript) -->
<button id="scrollToTopButton"><i class="icon icon-left-chevron"></i></button>
<div id="consent-banner__overlay">
</div>
{% include('frontend/nav/_navbar.html.twig') %}
{#{% include('frontend/elements/_bouton_inscription.html.twig') %}#}
{% block header %}
{% include('frontend/elements/_form_research.html.twig') %}
{% endblock %}
{% block pageTitle %}{% endblock %}
{% block bannerInfo %}
{% if banner is defined and banner is not null %}
<div class="messagedefilant">
<div data-text="{{banner.content}}">
<span>{{banner.content }}</span>
</div>
</div>
{% endif %}
{% endblock %}
<section class="main">
{% block flash %}
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="flash-{{ label }}">
{{ message | raw }}
</div>
{% endfor %}
{% endfor %}
{% endblock %}
<!-- Modal -->
<div class="modal fade" id="croqModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body" id="modal-body">
...
</div>
<a type="button" class="btn btn-primary" href="{{path('mesCommandes')}}">Finaliser ma réservation</a>
<a type="button" class="btn btn-primary" href="/">Sélectionner un autre séjour </a>
{# <button type="button" class="btn btn-secondary" onclick="window.myModal.toggle();">Continuer la
recherche</button> #}
</div>
</div>
</div>
<div class="toast" id="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<strong class="me-auto">Croqvacances</strong>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body" id="toastMessage">
Un message de la part de croqvacances.
</div>
</div>
{% block body %}
<div class="container container-fluid">
<h1 class="title">COLONIE DE VACANCES</h1>
{% if headerMain is defined and headerMain is not null %}
<p style="text-align:justify; color:#0e9aa9; background-color: white; padding:10px;">
{{headerMain.text | raw}}
</p>
{% else %}
<p style="text-align:justify; color:#0e9aa9; background-color: white; padding:10px;">
Offrez la colonie de vacances ou le camp de vacances à votre enfant ou ado. De superbes vacances à la
mer, campagne ou montagne pour satisfaire toutes les envies. Nos
<b>colonies</b>
sont choisies avec soin et propices à l’évasion ! Sélectionnez votre
<b>colo</b>
idéale en Été, au Printemps, à l’Automne ou en Hiver partout en France.
</p>
{% endif %}
<div class="row" id="liste-sejours">
{% for sejour in sejours %}
<div class="col-sm-6 col-md-4">
{% include('/frontend/elements/_itemSejour.html.twig') %}
</div>
{% endfor %}
</div>
<div class="row">
<div class="text-right">
<a href="{{ path('frontend_resa_liste_colonies') }}" class="button bounce bg-red main-btn-right">
<span>Voir tous nos séjours</span>
</a>
</div>
</div>
</div>
{% endblock %}
</section>
<section class="news">
<div class="container">
<div class="row">
{% if last_article is defined and last_article is not null %}
<div class="col-sm-6 col-md-8" id="index-news">
<div class="row">
<div class="col-md-5 visual">
<a
href="{{ path('actualite',{id:last_article.id, slug: ((last_article.title |lower) |slug('_')) }) }}">
<h2>Actus Croq</h2>
{% if last_article.img is not null %}
<img src="{{vich_uploader_asset(last_article) | imagine_filter('my_thumb') }}"
alt="{% if last_article.altAttribute is defined and last_article.altAttribute is not null %}{{last_article.altAttribute}}{% else %}Croq' Vacances, des vacances de 6 à 17 ans {% endif %}"
width="350" height="190">
{% endif %}
</a>
</div>
<div class="col-md-7 txt text-center">
<h3 class="small">{{ last_article.title }}</h3>
<p class="price"></p>
<p class="text-justify">{{ unescape(last_article.text | striptags) | slice(0,150) | raw
}}...</p>
<a href="{{ path('actualite',{id:last_article.id, slug: ((last_article.title |lower) |slug('_'))}) }}"
class="button more red mb-3">En savoir +</a>
</div>
</div>
<div class="row">
<div class="col-xs-12 text-right">
<a href="/actualites" class="link_news news__next-news">
<span>Toutes nos actualités</span>
<i class="icon icon-right-chevron"></i>
</a>
</div>
</div>
</div>
{% endif %}
<div class="col-sm-6 col-md-4" id="index-download">
<a id="catalog" href="/catalogue-en-ligne.html">
<img src="{{asset('images/catalogue-hiver.png')}}" class="lazy"
alt="Consulter les catalogues, cliquez ici">
</a>
</div>
</div>
</div>
</section>
{% block aVirer %}
<section id="stats" class="container-fluid">
<div class="container">
<div class="row text-center">
{# <div class="item col-6 col-sm-4 col-lg-2 text-center">
<i class="icon icon-ring-bag"></i>
<span>{{colonies}}</span>
Colonies
</div>
<div class="item col-6 col-sm-4 col-lg-2 text-center">
<i class="icon icon-ring-man"></i>
<span>{{animateurs}}</span>
Animateurs
</div> #}
<div class="item col-6 col-sm-3 col-lg-3 text-center">
<i class="icon icon-ring-compass"></i>
<span>{{destinations}}</span>
Destinations
</div>
<div class="item col-6 col-sm-3 col-lg-3 text-center">
<i class="icon icon-ring-kite"></i>
<span>{{themes}}</span>
Thèmes
</div>
<div class="item col-6 col-sm-3 col-lg-3 text-center">
<i class="icon icon-ring-calendar"></i>
<span>{{annees}}</span>
Années
</div>
<div class="item col-6 col-sm-3 col-lg-3 text-center">
<i class="icon icon-ring-man"></i>
<span>{{enfants}}</span>
Enfants-Ados
</div>
</div>
</div>
</section>
<section id="edito" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="title">Croq' Vacances</div>
<img src="{{asset('/images/ministere-logo.png')}}"
alt="Agréée par le ministère de la Jeunesse, des Sports, et de la Vie Associative">
<p>
Association Agréée par le ministère de la Jeunesse, des Sports et de la Vie Associative.<br>
N° organisateur Ministère : 044ORG0408<br>
N° agrément tourisme : IM 094 12 0001
</p>
</div>
<div class="col-sm-6">
<p class="">Vous recherchez une <a href="/colonie-de-vacances">colonie de vacances</a> pour votre
enfant ?<br>
En Automne, Eté ou Hiver, l'association Croq' Vacances offre ses services pour l'organisation de
colonies – Des colonies de
vacances de qualité, pour les jeunes entre 6 et 17 ans. Nous accompagnons votre enfant pour lui
offrir les meilleurs souvenirs
de son aventure en colonie de vacances. Soucieuse de présenter au plus grand nombre des séjours
qui se déroulent dans des cadres
sécurisés et dépaysants, Croq' Vacances vous recommande <b class="text-bold">une sélection de
colonies de vacances à
petit budget</b>.</p>
</div>
<div class="col-xs-12 text-right">
<a href="/colonie-vacances-petit-prix.html" class="button more yellow">En savoir +</a>
</div>
</div>
</div>
</section>
<div id="reassurance" class="container-fluid">
<div class="container">
<div class="row text-center justify-content-center">
<div class="item col-6 col-sm-4 col-lg-2" style="text-align:center">
<div class="reassurance__card">
<img class="reassurance__card__image" src="{{asset('images/marianne2.png')}}"
alt="image Marianne">
<p class="reassurance__card-title">
Séjours déclarés DDCS Organisateur
<br>
N°0044ORG0408
</p>
</div>
</div>
<div class="item col-6 col-sm-4 col-lg-2" style="text-align:center">
<div class="reassurance__card">
<img class="reassurance__card__image" src="{{asset('images/AtoutFrance.png')}}"
alt="image Atout France">
<p class="reassurance__card-title">
Immatriculation Atout France<br />
M094120001
</p>
</div>
</div>
<div class="item col-6 col-sm-4 col-lg-2" style="text-align:center">
<div class="reassurance__card">
<img class="reassurance__card__image" src="{{asset('images/ANCV.png')}}" alt="chèque vacances">
<p class="reassurance__card-title">
Chèques vacances<br />
acceptés
</p>
</div>
</div>
<div class="item col-6 col-sm-4 col-lg-2" style="text-align:center">
<div class="reassurance__card">
<img class="reassurance__card__image" src="{{asset('images/Alloc.png')}}"
alt="allocations familiales">
<p class="reassurance__card-title">
Association conventionnée<br />
bons CAF
</p>
</div>
</div>
<div class="item col-6 col-sm-4 col-lg-2" style="text-align:center">
<div class="reassurance__card">
<img class="reassurance__card__image" src="{{asset('images/JPA-new.png')}}"
alt="Jeunesse au plein air">
<p class="reassurance__card-title">
Association membre<br />
Confédération JPA
</p>
</div>
</div>
<div class="item col-6 col-sm-4 col-lg-2" style="text-align:center">
<div class="reassurance__card">
<img class="reassurance__card__image" src="{{asset('images/vacances-apprenantes.png')}}"
alt="Vacances Apprenantes">
<p class="reassurance__card-title">
Séjours labellisés <br />
par l'État
</p>
</div>
</div>
</div>
</div>
</div>
<script
type="text/javascript">window.$crisp = []; window.CRISP_WEBSITE_ID = "be4a2126-96ce-4bd8-96bd-36e0d56b59d6"; (function () { d = document; s = d.createElement("script"); s.src = "https://client.crisp.chat/l.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })();</script>
{% endblock %}
{% include '@CroqvacancesCookieConsent/_cookieConsent.html.twig' %}
{% if is_granted("ROLE_ADMIN") %}
<div class="btn-group-fab" role="group" aria-label="FAB Menu" id="fabMenu">
<div>
<button type="button" class="btn btn-main btn-primary has-tooltip" data-placement="left" title="Menu"
data-action="click->hello#showAdmin">
Sejour
</button>
<form target="_blank" action="{{path('seo_dispatch_page')}}" method="post">
<input type="hidden" name="url"
value="{{path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))}}" />
<input type="submit" class="btn btn-sub btn-info has-tooltip" style="bottom:50px;" data-placement="left"
title="Fullscreen" value="SEO">
SEO
</input>
</form>
{% if article is defined and article is not null %}
<form target="_blank" action="{{path('seo_article_modify',{id:article.id})}}" method="post">
<input type="hidden" name="url"
value="{{path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))}}" />
<input type="submit" class="btn btn-sub btn-success has-tooltip" data-placement="left"
style="bottom:100px;" title="Save" value="Modifier">
</input>
</form>
{% endif %}
{% if sejour is defined and sejour is not null %}
<form target="_blank" action="{{path('admin_sejour_modify',{id:sejour.id})}}" method="post">
<input type="hidden" name="url"
value="{{path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))}}" />
<input type="submit" class="btn btn-sub btn-danger has-tooltip" data-placement="left"
style="bottom:100px;" title="Save" value="Séjour">
</input>
</form>
{% endif %}
<button type="button" class="btn btn-sub btn-warning has-tooltip" data-placement="left" title="Download">
MEDIA
</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var consentBanner = document.getElementById('consent-banner');
var consentButton = document.getElementById('consent-button');
// Display the consent banner
consentBanner.style.display = 'block';
// Handle the consent button click
consentButton.addEventListener('click', function() {
updateConsent('granted', 'granted');
consentBanner.style.display = 'none';
});
});
</script>
</div>
</div>{% endif %}
{% include ('frontend/footer/footer.html.twig') %}
{% include ('frontend/footer/extraFooter.html.twig') %}{% block js %}{% endblock %}
<script>window.onscroll = function (e) { }</script>
<script>
const scrollToTopButton = document.getElementById("scrollToTopButton");
window.addEventListener("scroll", () => {
if (window.pageYOffset > 100) {
scrollToTopButton.style.display = "block";
} else {
scrollToTopButton.style.display = "none";
}
});
scrollToTopButton.addEventListener("click", () => {
window.scrollTo({
top: 0,
behavior: "smooth"
});
});
</script>
<script>
// Initialize Google Consent Mode
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied'
});
// Load GTM
gtag('js', new Date());
gtag('config', 'GTM-KC7QQKX');
</script>
<script>
function updateConsent(adConsent, analyticsConsent) {
var consentBanner = document.getElementById('consent-banner__overlay');
gtag('consent', 'update', {
'ad_storage': adConsent,
'analytics_storage': analyticsConsent
});
consentBanner.style.display = 'none';
}
</script>
</body>
</html>