<html>
<head>
<title>CAMPING CAR Neuf CORIGON CAMPERVAN CV60D FOURGON à Cholet, rue Lavoisier. </title>
<meta name="description" content="Decouvrez notre camping car Neuf CORIGON CAMPERVAN CV60D FOURGON . Situé au 4B rue Antoine Laurent de Lavoisier, 49300 Cholet, il vous attend pour des aventures inoubliables. N'attendez plus pour visiter ce modèle exceptionnel et profiter de la liberté !">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<meta name="robots" content="index, follow" />
<link rel="stylesheet" href="https://escapade-campingcar.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 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://escapade-campingcar.fr/css/css_font.css" type="text/css" media="screen, projection" />
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/jquery-1.7.js"></script>
<link rel="stylesheet" href="https://escapade-campingcar.fr/includes/js/stylessssss.css" type="text/css" media="screen, projection" />
<script src="https://escapade-campingcar.fr/includes/js/jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://escapade-campingcar.fr/css_detail.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="https://escapade-campingcar.fr/menu.css" type="text/css" media="screen, projection" />
<link rel="shortcut icon" href="https://escapade-campingcar.fr/favicon.ico"/>
<link rel="stylesheet" href="https://escapade-campingcar.fr/includes/js/responsiveslides.css" type="text/css" media="screen, projection" />
<script src="https://escapade-campingcar.fr/includes/js/responsiveslides.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/jquery.rcbrand.js"></script>
<link href="https://escapade-campingcar.fr/includes/js/style-slider.css" rel="stylesheet" type="text/css" />
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
"pageCategory": ["CAMPING CAR"],
"pageSubcategory": ["FOURGON"], // <-- Virgule manquante ici
"pageAttributes": ["Neuf"], // <-- Correction de la syntaxe ici
"productID": "313",
"productName": "CORIGON CV60D",
"productPrice": "61000.00 €",
"productBrand": "CORIGON",
"productVariant": "FOURGON"
});
</script>
</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://escapade-campingcar.fr/index.php">Accueil </a></li>
<li><a href="https://escapade-campingcar.fr/camping-car-neuf.html">Camping-cars neufs</a></li>
<li><a href="https://escapade-campingcar.fr/camping-car-occasion.html">Camping cars occasions</a></li>
<li><a href="https://escapade-campingcar.fr/location-camping-car.html">Location en camping-cars</a></li>
<li><a href="https://escapade-campingcar.fr/fourgons-vans-occasions.html">Fourgons-vans-occasions </a></li>
<li ><a href="https://escapade-campingcar.fr/achat.html">Achat véhicule</a> </li>
<li ><a href="https://escapade-campingcar.fr/sav-et-tarifs.html">SAV et tarifs</a> </li>
<li><a href="https://escapade-campingcar.fr/contact.html">Contact </a></li>
<li><a href="https://escapade-campingcar.fr/agrement-truma.html">Agrément Truma </a></li>
<li><a href="https://escapade-campingcar.fr/agrement-dometic.html">Agrément Dometic </a></li>
</ul>
</div><!-- Header -->
</div> <!--Container-->
</div> <!--menu_h_right-->
</div>
<a href="https://escapade-campingcar.fr/index.php" ><img class="logo8" src="https://escapade-campingcar.fr/images/logo.jpg" title=""></a>
<div id="menu_stikisd">
<div id="menu_stiki">
<div style="display:block;float:left;width:100%;height:100px;background-color:#079be1;margin-bottom:0px;font-family: 'Oswald', sans-serif;">
<div id="logo"><a href="https://escapade-campingcar.fr/index.php" title=""><img style="height:100px;margin-left: 20px;" src="https://escapade-campingcar.fr/images/logo.jpg" loading="lazy" alt="logo" title=""></a></div>
<div id="menu">
<ul class="navbar">
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://escapade-campingcar.fr/index.php">ACCUEIL</a></li>
<li class="menu_avec_sous"><a style="margin-top:0px;">Camping-cars neufs</a></li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://escapade-campingcar.fr/camping-car-occasion.html">OCCASIONS </a> </li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://escapade-campingcar.fr/fourgons-vans-occasions.html">FOURGONS/VANS OCCASIONS </a> </li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://escapade-campingcar.fr/location-camping-car.html">CAMPING-CARS EN LOCATION </a> </li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://escapade-campingcar.fr/achat.html">Achat véhicule</a> </li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://escapade-campingcar.fr/sav-et-tarifs.html">SAV et tarifs</a> </li>
<li class="menu_avec_sous" s><a style="margin-top:0px;" href="https://escapade-campingcar.fr/contact.html">CONTACT </a></li>
<li class="menu_avec_sous" ><a style="margin-top:0px;" href="https://escapade-campingcar.fr/agrement-truma.html">Agrément Truma </a></li>
<li class="menu_avec_sous" style="border-right:0px;"><a style="margin-top:0px;" href="https://escapade-campingcar.fr/agrement-dometic.html">Agrément Dometic </a></li>
</ul>
</div></div>
</div>
</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 src="https://escapade-campingcar.fr/images/location-escapade.png" title=""></li>
</ul>
</div>
</div>
</div>
<script>
// koa "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider_v2").responsiveSlides({
speed: 800
});
});
</script>
<div style="width:1px;height:1px;font-size:0.1px;color:#fff;overflow:hidden;">
<h1> Location de camping-cars récents en Maine-et-Loire (49) – Pays de la Loire</h1>
<h2>CAMPING-CARS EN LOCATION</h2>
<h3> CORIGON CV60D CAMPERVAN</h3>
</div>
<link href="https://escapade-campingcar.fr/includes/js/scroller/thickbox.css" rel="stylesheet" type="text/css" media="all">
<link href="https://escapade-campingcar.fr/includes/js/jquery-ui-1.8.5/themes/ui-darkness/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="https://escapade-campingcar.fr/includes/js/shadowbox/shadowbox.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://escapade-campingcar.fr/includes/js/jquery-lightbox/css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/scroller/tools_002.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/jquery-ui-1.8.5/ui/jquery-ui.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/scroller/jquery_002.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/scroller/thickbox-modified.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/scroller/jquery_004.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/scroller/jquery_005.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/scroller/jquery_003.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/scroller/tools.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/scroller/product.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/jquery-lightbox/js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="https://escapade-campingcar.fr/includes/js/shadowbox/shadowbox.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
<style>
:root { --orange: #eb690b; --gray: #ddd; }
.booking-widget { width: 87%; background: white; border-radius: 12px; padding: 25px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); position: relative; }
/* Nouveau style pour le type de location */
.type-location { display: flex; background: #eee; border-radius: 8px; padding: 4px; margin-bottom: 20px; }
.type-btn { flex: 1; text-align: center; padding: 8px; cursor: pointer; border-radius: 6px; font-size: 14px; font-weight: bold; transition: 0.3s; }
.type-btn.active { background: white; color: var(--orange); box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.date-section { display: flex; gap: 15px; margin-bottom: 20px; }
.date-block { flex: 1; display: flex; flex-direction: column; }
.date-label { font-size: 11px; font-weight: 700; color: #999; text-transform: uppercase; }
.date-clickable-zone { border-bottom: 2px solid var(--gray); padding: 8px 0; font-size: 15px; font-weight: bold; cursor: pointer; display: flex; align-items: center; gap: 5px; }
.date-block.active .date-clickable-zone { border-color: var(--orange); color: var(--orange); }
.time-select { margin-top: 8px; padding: 8px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; background: #fff; cursor: pointer; }
#cal-popup { display: none; position: absolute; top: 150px; left: -60px; width: 520px; background: white; z-index: 9999; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.4); padding: 20px; border: 1px solid #eee; }
.month-header { background-color:#079be1; color: white; text-align: center; padding: 10px; font-weight: bold; border-radius: 6px; }
.grid-days { display: grid; grid-template-columns: repeat(7, 1fr); margin-top: 10px; }
.day { height: 40px; display: flex; align-items: center; justify-content: center; font-size: 13px; cursor: pointer; border-radius: 4px; transition: 0.2s; }
.day.occupe { color: #ccc !important; text-decoration: line-through; cursor: not-allowed !important; background: #f9f9f9 !important; }
.day.selected { background: var(--orange) !important; color: white !important; }
.day.in-range { background: #fff1e6; }
.km-box { border-top: 1px solid #eee; padding-top: 15px; margin-top: 15px; }
.km-box select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; }
.total-box { border-top: 2px solid #f9f9f9; margin-top: 20px; padding-top: 15px; }
.price-row { display: flex; justify-content: space-between; align-items: center; font-size: 22px; font-weight: 800; }
.footer-info { font-size: 12px; color: #888; margin-top: 5px; }
.btn-submit { width: 100%; background: var(--orange); color: white; border: none; padding: 16px; border-radius: 6px; font-weight: bold; cursor: pointer; margin-top: 20px; }
.res-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.7); z-index:10000; justify-content:center; align-items:center; }
.res-box { background:#fff; width:420px; border-radius:12px; padding:25px; }
.res-grid { display:grid; gap:10px; margin-bottom: 10px;}
.res-grid input, textarea { width:100%; padding:10px; border:1px solid #ccc; border-radius:6px; box-sizing: border-box; }
.res-summary { background:#f9f9f9; padding:12px; border-radius:8px; margin:12px 0; font-size:13px; line-height: 1.6; }
.btn-confirm { width:100%; background:#eb690b; color:#fff; border:none; padding:14px; border-radius:6px; font-weight:bold; cursor:pointer; }
/* WRAPPER */
.miniCal-wrapper{
max-width:1000px;
margin:auto;
padding:25px;
background:white;
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,.1);
}
/* NAV */
.miniCal-nav{
text-align:center;
margin-bottom:15px;
}
.miniCal-nav button{
background:#e67e22;
color:white;
border:none;
padding:10px 14px;
margin:5px;
border-radius:8px;
cursor:pointer;
}
/* MONTH */
.miniCal-month-item{padding:0 8px;}
.miniCal-month-name{
background:#e67e22;
color:white;
text-align:center;
padding:10px;
font-weight:bold;
}
/* GRID */
.miniCal-grid{
display:grid;
grid-template-columns:repeat(7,1fr);
}
.miniCal-weekday{
background:#f2f2f2;
font-size:12px;
text-align:center;
padding:6px 0;
}
.miniCal-day{
height:60px;
border:1px solid #eee;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
cursor:pointer;
font-size:14px;
}
/* EMPTY */
.is-empty{
background:#fafafa;
cursor:default;
}
/* OCCUPE */
.is-locked{
background:#eaeaea;
color:#999;
cursor:not-allowed;
}
.is-locked b{
text-decoration:line-through;
}
/* PRIX */
.miniCal-price{
font-size:11px;
margin-top:4px;
}
/* SELECT */
.is-selected{
background:#e67e22;
color:white;
}
.is-selected .miniCal-price{
color:white;
}
:root {
--primary-blue: #3c5da7;
--bg-light: #f8faff;
--text-dark: #2d3436;
--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}
.equipment-container {
background: #ffffff;
border-radius: 16px;
padding: 25px;
margin: 0px 0;
box-shadow: var(--glass-shadow);
border: 1px solid rgba(255, 255, 255, 0.18);
font-family: 'Roboto Condensed', sans-serif;
}
.equipment-container h3 {
color: var(--primary-blue);
font-size: 1.1rem;
letter-spacing: 1px;
margin-bottom: 20px;
border-bottom: 2px solid var(--bg-light);
padding-bottom: 10px;
text-transform: uppercase;
}
.equipment-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 15px;
}
.equipment-item {
display: flex;
align-items: center;
background: var(--bg-light);
padding: 12px 15px;
border-radius: 10px;
transition: transform 0.2s ease;
}
.equipment-item:hover {
transform: translateX(5px);
background: #eef3ff;
}
.equipment-item .bullet {
width: 8px;
height: 8px;
background: var(--primary-blue);
border-radius: 50%;
margin-right: 12px;
flex-shrink: 0;
}
.equipment-item .text {
color: var(--text-dark);
font-size: 0.95rem;
font-weight: 500;
}
/* RESPONSIVE */
@media(max-width:768px){
.miniCal-day{
height:45px;
font-size:12px;
}
}
</style>
<script type="text/javascript">
Shadowbox.init({
//handleOversize: "drag",
modal: true
});
</script>
<script type="text/javascript">
// <![CDATA[
ThickboxI18nImage = 'Image';
ThickboxI18nOf = 'sur';
ThickboxI18nClose = 'Fermer';
ThickboxI18nOrEscKey = '(ou \'Echap\')';
ThickboxI18nNext = 'Suivant >';
ThickboxI18nPrev = '< Précédent';
tb_pathToImage = '/img/loadingAnimation.gif';
//]]>
</script>
<script type="text/javascript">
$(function() {
$('.lightbox').lightBox({fixedNavigation:true});
});
</script>
<div id="contenu_detail" style="display: block; float: none; position: relative; width: 95%; height: auto; background-color: #ffffff; margin-left: auto; margin-right: auto;">
<div id="contenu_detail_veh" style="margin-top:30px;">
<div id="contenu_veh_left">
<div id="contenu_veh_left_main" style="border: 1px solid #7f7f7f0d;" >
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_d_IMG_2696.jpg" rel="shadowbox[photo-gallery];width=;height=;player=img" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_d_IMG_2696.jpg" style="width:500px;" alt="" />
</a>
</div>
<div style="display:block;float:left;width:100%;text-align:left;">
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_Affiche_Corigon.jpeg_2.jpg" rel="shadowbox[photo-gallery];width=467;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_Affiche_Corigon.jpeg_2.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2715.jpg" rel="shadowbox[photo-gallery];width=700;height=525.36842105263;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2715.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2696.jpg" rel="shadowbox[photo-gallery];width=700;height=525.36842105263;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2696.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2700.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2700.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2698.jpg" rel="shadowbox[photo-gallery];width=700;height=525.36842105263;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2698.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2702.jpg" rel="shadowbox[photo-gallery];width=700;height=525.36842105263;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2702.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_26981.jpg" rel="shadowbox[photo-gallery];width=700;height=525.36842105263;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_26981.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2714.jpg" rel="shadowbox[photo-gallery];width=700;height=525.36842105263;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2714.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2716.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2716.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2706.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2706.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2703.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2703.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2699.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2699.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2709.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2709.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2707.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2707.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2711.jpg" rel="shadowbox[photo-gallery];width=700;height=525.36842105263;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2711.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_27061.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_27061.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_27051.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_27051.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2713.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2713.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2705.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2705.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2712.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2712.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2717.jpg" rel="shadowbox[photo-gallery];width=525;height=700;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_e_IMG_2717.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
<a href="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_d_IMG_2696.jpg" rel="shadowbox[photo-gallery];width=700;height=525.36842105263;player=img" style="color:#fff;" class="shadowbox">
<img src="https://escapade-campingcar.fr/images/stocks/escap_313_campingcar_d_IMG_2696.jpg" style="width:100px;height:100px;margin: 5px 5px auto; object-fit: cover; /* Optionnel : centre l'image si elle est recadrée */ object-position: center;">
</a>
</div>
</div>
<div id="contenu_veh_right">
<div class="sidebar-specs">
<div class="specs-header">
<h3>Détails techniques</h3>
</div>
<div class="specs-list">
<div class="spec-row highlight">
<div class="spec-info">
<span class="label">Marque & Modèle</span>
<span class="value">CORIGON CAMPERVAN CV60D</span>
</div>
<div class="spec-icon">🚐</div>
</div>
<div class="spec-row">
<div class="spec-info">
<span class="label">Couchages</span>
<span class="value">2</span>
</div>
<div class="spec-icon">🛌</div>
</div>
<div class="spec-row">
<div class="spec-info">
<span class="label">Dimensions</span>
<span class="value">Longueur : 5.99 m</span>
</div>
<div class="spec-icon">📏</div>
</div>
<div class="spec-row highlight">
<div class="spec-info">
<span class="label">Places assises</span>
<span class="value">2 Personnes</span>
</div>
<div class="spec-icon">💺</div>
</div>
<div class="spec-row footer-row">
<span class="label">Année du véhicule</span>
<span class="year-badge">2026</span>
</div>
</div>
</div>
<div style="display:block;float:left;width:100%;font-size:20px;margin-top:20px;color:#eb690b;">Disponibilités & Réservation en ligne</div>
<div style="display:block;float:left;width:100%;position:relative;margin-top:10px;">
<div class="booking-widget">
<div class="type-location" style="display:none;" id="location-type-selector">
<div class="type-btn" data-mode="jour">Par jour</div>
<div class="type-btn active" data-mode="nuite">Par nuitée</div>
</div>
<div class="date-section">
<div class="date-block" id="block-dep" data-type="dep">
<div class="date-label">Départ</div>
<div class="date-clickable-zone">📅 <span id="txt-dep">Choisir</span></div>
<select id="heure_dep" class="time-select"><option value='08:00'>08:00</option><option value='08:30'>08:30</option><option value='09:00'>09:00</option><option value='09:30'>09:30</option><option value='10:00'>10:00</option><option value='10:30'>10:30</option><option value='11:00'>11:00</option><option value='11:30'>11:30</option><option value='12:00'>12:00</option><option value='12:30'>12:30</option><option value='13:00'>13:00</option><option value='13:30'>13:30</option><option value='14:00'>14:00</option><option value='14:30'>14:30</option><option value='15:00'>15:00</option><option value='15:30'>15:30</option><option value='16:00'>16:00</option><option value='16:30'>16:30</option><option value='17:00'>17:00</option><option value='17:30'>17:30</option><option value='18:00'>18:00</option></select>
</div>
<div class="date-block" id="block-ret" data-type="ret">
<div class="date-label">Retour</div>
<div class="date-clickable-zone">📅 <span id="txt-ret">Choisir</span></div>
<select id="heure_ret" class="time-select"><option value='08:00'>08:00</option><option value='08:30'>08:30</option><option value='09:00'>09:00</option><option value='09:30'>09:30</option><option value='10:00'>10:00</option><option value='10:30'>10:30</option><option value='11:00'>11:00</option><option value='11:30'>11:30</option><option value='12:00'>12:00</option><option value='12:30'>12:30</option><option value='13:00'>13:00</option><option value='13:30'>13:30</option><option value='14:00'>14:00</option><option value='14:30'>14:30</option><option value='15:00'>15:00</option><option value='15:30'>15:30</option><option value='16:00'>16:00</option><option value='16:30'>16:30</option><option value='17:00'>17:00</option><option value='17:30'>17:30</option><option value='18:00'>18:00</option></select>
</div>
</div>
<div id="cal-popup">
<div class="cal-slider">
<div style="padding:0 10px;">
<div class="month-header">Janvier 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div><div></div> <div class="day" data-date="2026-01-01" data-price="0">1</div>
<div class="day" data-date="2026-01-02" data-price="0">2</div>
<div class="day" data-date="2026-01-03" data-price="0">3</div>
<div class="day" data-date="2026-01-04" data-price="0">4</div>
<div class="day" data-date="2026-01-05" data-price="0">5</div>
<div class="day" data-date="2026-01-06" data-price="0">6</div>
<div class="day" data-date="2026-01-07" data-price="0">7</div>
<div class="day" data-date="2026-01-08" data-price="0">8</div>
<div class="day" data-date="2026-01-09" data-price="0">9</div>
<div class="day" data-date="2026-01-10" data-price="0">10</div>
<div class="day" data-date="2026-01-11" data-price="0">11</div>
<div class="day" data-date="2026-01-12" data-price="0">12</div>
<div class="day" data-date="2026-01-13" data-price="0">13</div>
<div class="day" data-date="2026-01-14" data-price="0">14</div>
<div class="day" data-date="2026-01-15" data-price="0">15</div>
<div class="day" data-date="2026-01-16" data-price="0">16</div>
<div class="day" data-date="2026-01-17" data-price="0">17</div>
<div class="day" data-date="2026-01-18" data-price="0">18</div>
<div class="day" data-date="2026-01-19" data-price="0">19</div>
<div class="day" data-date="2026-01-20" data-price="0">20</div>
<div class="day" data-date="2026-01-21" data-price="0">21</div>
<div class="day" data-date="2026-01-22" data-price="0">22</div>
<div class="day" data-date="2026-01-23" data-price="0">23</div>
<div class="day" data-date="2026-01-24" data-price="0">24</div>
<div class="day" data-date="2026-01-25" data-price="0">25</div>
<div class="day" data-date="2026-01-26" data-price="0">26</div>
<div class="day" data-date="2026-01-27" data-price="0">27</div>
<div class="day" data-date="2026-01-28" data-price="0">28</div>
<div class="day" data-date="2026-01-29" data-price="0">29</div>
<div class="day" data-date="2026-01-30" data-price="0">30</div>
<div class="day" data-date="2026-01-31" data-price="0">31</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Février 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div><div></div><div></div><div></div><div></div> <div class="day" data-date="2026-02-01" data-price="0">1</div>
<div class="day" data-date="2026-02-02" data-price="0">2</div>
<div class="day" data-date="2026-02-03" data-price="0">3</div>
<div class="day" data-date="2026-02-04" data-price="0">4</div>
<div class="day" data-date="2026-02-05" data-price="0">5</div>
<div class="day" data-date="2026-02-06" data-price="0">6</div>
<div class="day" data-date="2026-02-07" data-price="0">7</div>
<div class="day" data-date="2026-02-08" data-price="0">8</div>
<div class="day" data-date="2026-02-09" data-price="0">9</div>
<div class="day" data-date="2026-02-10" data-price="0">10</div>
<div class="day" data-date="2026-02-11" data-price="0">11</div>
<div class="day" data-date="2026-02-12" data-price="0">12</div>
<div class="day" data-date="2026-02-13" data-price="0">13</div>
<div class="day" data-date="2026-02-14" data-price="0">14</div>
<div class="day" data-date="2026-02-15" data-price="0">15</div>
<div class="day" data-date="2026-02-16" data-price="0">16</div>
<div class="day" data-date="2026-02-17" data-price="0">17</div>
<div class="day" data-date="2026-02-18" data-price="0">18</div>
<div class="day" data-date="2026-02-19" data-price="0">19</div>
<div class="day" data-date="2026-02-20" data-price="0">20</div>
<div class="day" data-date="2026-02-21" data-price="0">21</div>
<div class="day" data-date="2026-02-22" data-price="0">22</div>
<div class="day" data-date="2026-02-23" data-price="0">23</div>
<div class="day" data-date="2026-02-24" data-price="0">24</div>
<div class="day" data-date="2026-02-25" data-price="0">25</div>
<div class="day" data-date="2026-02-26" data-price="0">26</div>
<div class="day" data-date="2026-02-27" data-price="0">27</div>
<div class="day" data-date="2026-02-28" data-price="0">28</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Mars 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div><div></div><div></div><div></div><div></div> <div class="day" data-date="2026-03-01" data-price="0">1</div>
<div class="day" data-date="2026-03-02" data-price="0">2</div>
<div class="day" data-date="2026-03-03" data-price="0">3</div>
<div class="day" data-date="2026-03-04" data-price="0">4</div>
<div class="day" data-date="2026-03-05" data-price="0">5</div>
<div class="day" data-date="2026-03-06" data-price="0">6</div>
<div class="day" data-date="2026-03-07" data-price="0">7</div>
<div class="day" data-date="2026-03-08" data-price="0">8</div>
<div class="day" data-date="2026-03-09" data-price="0">9</div>
<div class="day" data-date="2026-03-10" data-price="0">10</div>
<div class="day" data-date="2026-03-11" data-price="0">11</div>
<div class="day" data-date="2026-03-12" data-price="0">12</div>
<div class="day" data-date="2026-03-13" data-price="0">13</div>
<div class="day" data-date="2026-03-14" data-price="0">14</div>
<div class="day" data-date="2026-03-15" data-price="0">15</div>
<div class="day" data-date="2026-03-16" data-price="0">16</div>
<div class="day" data-date="2026-03-17" data-price="0">17</div>
<div class="day" data-date="2026-03-18" data-price="0">18</div>
<div class="day" data-date="2026-03-19" data-price="0">19</div>
<div class="day" data-date="2026-03-20" data-price="0">20</div>
<div class="day" data-date="2026-03-21" data-price="0">21</div>
<div class="day" data-date="2026-03-22" data-price="0">22</div>
<div class="day" data-date="2026-03-23" data-price="0">23</div>
<div class="day" data-date="2026-03-24" data-price="0">24</div>
<div class="day" data-date="2026-03-25" data-price="0">25</div>
<div class="day" data-date="2026-03-26" data-price="0">26</div>
<div class="day" data-date="2026-03-27" data-price="0">27</div>
<div class="day" data-date="2026-03-28" data-price="0">28</div>
<div class="day" data-date="2026-03-29" data-price="0">29</div>
<div class="day" data-date="2026-03-30" data-price="0">30</div>
<div class="day" data-date="2026-03-31" data-price="0">31</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Avril 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div> <div class="day" data-date="2026-04-01" data-price="0">1</div>
<div class="day" data-date="2026-04-02" data-price="0">2</div>
<div class="day" data-date="2026-04-03" data-price="0">3</div>
<div class="day" data-date="2026-04-04" data-price="0">4</div>
<div class="day" data-date="2026-04-05" data-price="0">5</div>
<div class="day" data-date="2026-04-06" data-price="0">6</div>
<div class="day" data-date="2026-04-07" data-price="0">7</div>
<div class="day" data-date="2026-04-08" data-price="0">8</div>
<div class="day" data-date="2026-04-09" data-price="0">9</div>
<div class="day" data-date="2026-04-10" data-price="0">10</div>
<div class="day" data-date="2026-04-11" data-price="0">11</div>
<div class="day" data-date="2026-04-12" data-price="0">12</div>
<div class="day" data-date="2026-04-13" data-price="0">13</div>
<div class="day" data-date="2026-04-14" data-price="0">14</div>
<div class="day" data-date="2026-04-15" data-price="0">15</div>
<div class="day" data-date="2026-04-16" data-price="0">16</div>
<div class="day" data-date="2026-04-17" data-price="0">17</div>
<div class="day" data-date="2026-04-18" data-price="0">18</div>
<div class="day" data-date="2026-04-19" data-price="0">19</div>
<div class="day" data-date="2026-04-20" data-price="0">20</div>
<div class="day" data-date="2026-04-21" data-price="0">21</div>
<div class="day" data-date="2026-04-22" data-price="0">22</div>
<div class="day" data-date="2026-04-23" data-price="0">23</div>
<div class="day" data-date="2026-04-24" data-price="0">24</div>
<div class="day" data-date="2026-04-25" data-price="0">25</div>
<div class="day" data-date="2026-04-26" data-price="0">26</div>
<div class="day" data-date="2026-04-27" data-price="0">27</div>
<div class="day" data-date="2026-04-28" data-price="0">28</div>
<div class="day" data-date="2026-04-29" data-price="0">29</div>
<div class="day" data-date="2026-04-30" data-price="0">30</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Mai 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div><div></div><div></div> <div class="day" data-date="2026-05-01" data-price="0">1</div>
<div class="day" data-date="2026-05-02" data-price="0">2</div>
<div class="day" data-date="2026-05-03" data-price="0">3</div>
<div class="day" data-date="2026-05-04" data-price="0">4</div>
<div class="day" data-date="2026-05-05" data-price="0">5</div>
<div class="day" data-date="2026-05-06" data-price="0">6</div>
<div class="day" data-date="2026-05-07" data-price="0">7</div>
<div class="day" data-date="2026-05-08" data-price="0">8</div>
<div class="day" data-date="2026-05-09" data-price="0">9</div>
<div class="day" data-date="2026-05-10" data-price="0">10</div>
<div class="day" data-date="2026-05-11" data-price="0">11</div>
<div class="day" data-date="2026-05-12" data-price="0">12</div>
<div class="day" data-date="2026-05-13" data-price="0">13</div>
<div class="day" data-date="2026-05-14" data-price="0">14</div>
<div class="day" data-date="2026-05-15" data-price="0">15</div>
<div class="day" data-date="2026-05-16" data-price="0">16</div>
<div class="day" data-date="2026-05-17" data-price="0">17</div>
<div class="day" data-date="2026-05-18" data-price="0">18</div>
<div class="day" data-date="2026-05-19" data-price="0">19</div>
<div class="day" data-date="2026-05-20" data-price="0">20</div>
<div class="day" data-date="2026-05-21" data-price="0">21</div>
<div class="day" data-date="2026-05-22" data-price="0">22</div>
<div class="day" data-date="2026-05-23" data-price="0">23</div>
<div class="day" data-date="2026-05-24" data-price="0">24</div>
<div class="day" data-date="2026-05-25" data-price="0">25</div>
<div class="day" data-date="2026-05-26" data-price="0">26</div>
<div class="day" data-date="2026-05-27" data-price="0">27</div>
<div class="day" data-date="2026-05-28" data-price="0">28</div>
<div class="day" data-date="2026-05-29" data-price="0">29</div>
<div class="day" data-date="2026-05-30" data-price="0">30</div>
<div class="day" data-date="2026-05-31" data-price="0">31</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Juin 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div class="day" data-date="2026-06-01" data-price="0">1</div>
<div class="day" data-date="2026-06-02" data-price="0">2</div>
<div class="day" data-date="2026-06-03" data-price="0">3</div>
<div class="day" data-date="2026-06-04" data-price="0">4</div>
<div class="day" data-date="2026-06-05" data-price="0">5</div>
<div class="day" data-date="2026-06-06" data-price="0">6</div>
<div class="day" data-date="2026-06-07" data-price="0">7</div>
<div class="day" data-date="2026-06-08" data-price="0">8</div>
<div class="day" data-date="2026-06-09" data-price="0">9</div>
<div class="day" data-date="2026-06-10" data-price="0">10</div>
<div class="day" data-date="2026-06-11" data-price="0">11</div>
<div class="day" data-date="2026-06-12" data-price="0">12</div>
<div class="day" data-date="2026-06-13" data-price="0">13</div>
<div class="day" data-date="2026-06-14" data-price="0">14</div>
<div class="day" data-date="2026-06-15" data-price="0">15</div>
<div class="day" data-date="2026-06-16" data-price="0">16</div>
<div class="day" data-date="2026-06-17" data-price="0">17</div>
<div class="day" data-date="2026-06-18" data-price="0">18</div>
<div class="day" data-date="2026-06-19" data-price="0">19</div>
<div class="day" data-date="2026-06-20" data-price="0">20</div>
<div class="day" data-date="2026-06-21" data-price="0">21</div>
<div class="day" data-date="2026-06-22" data-price="0">22</div>
<div class="day" data-date="2026-06-23" data-price="0">23</div>
<div class="day" data-date="2026-06-24" data-price="0">24</div>
<div class="day" data-date="2026-06-25" data-price="0">25</div>
<div class="day" data-date="2026-06-26" data-price="0">26</div>
<div class="day" data-date="2026-06-27" data-price="0">27</div>
<div class="day" data-date="2026-06-28" data-price="0">28</div>
<div class="day" data-date="2026-06-29" data-price="0">29</div>
<div class="day" data-date="2026-06-30" data-price="0">30</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Juillet 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div> <div class="day" data-date="2026-07-01" data-price="0">1</div>
<div class="day" data-date="2026-07-02" data-price="0">2</div>
<div class="day" data-date="2026-07-03" data-price="0">3</div>
<div class="day" data-date="2026-07-04" data-price="0">4</div>
<div class="day" data-date="2026-07-05" data-price="0">5</div>
<div class="day" data-date="2026-07-06" data-price="0">6</div>
<div class="day" data-date="2026-07-07" data-price="0">7</div>
<div class="day" data-date="2026-07-08" data-price="0">8</div>
<div class="day" data-date="2026-07-09" data-price="0">9</div>
<div class="day" data-date="2026-07-10" data-price="0">10</div>
<div class="day" data-date="2026-07-11" data-price="0">11</div>
<div class="day" data-date="2026-07-12" data-price="0">12</div>
<div class="day" data-date="2026-07-13" data-price="0">13</div>
<div class="day" data-date="2026-07-14" data-price="0">14</div>
<div class="day" data-date="2026-07-15" data-price="0">15</div>
<div class="day" data-date="2026-07-16" data-price="0">16</div>
<div class="day" data-date="2026-07-17" data-price="0">17</div>
<div class="day" data-date="2026-07-18" data-price="0">18</div>
<div class="day" data-date="2026-07-19" data-price="0">19</div>
<div class="day" data-date="2026-07-20" data-price="0">20</div>
<div class="day" data-date="2026-07-21" data-price="0">21</div>
<div class="day" data-date="2026-07-22" data-price="0">22</div>
<div class="day" data-date="2026-07-23" data-price="0">23</div>
<div class="day" data-date="2026-07-24" data-price="0">24</div>
<div class="day" data-date="2026-07-25" data-price="0">25</div>
<div class="day" data-date="2026-07-26" data-price="0">26</div>
<div class="day" data-date="2026-07-27" data-price="0">27</div>
<div class="day" data-date="2026-07-28" data-price="0">28</div>
<div class="day" data-date="2026-07-29" data-price="0">29</div>
<div class="day" data-date="2026-07-30" data-price="0">30</div>
<div class="day" data-date="2026-07-31" data-price="0">31</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Août 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div><div></div><div></div><div></div> <div class="day" data-date="2026-08-01" data-price="0">1</div>
<div class="day" data-date="2026-08-02" data-price="0">2</div>
<div class="day" data-date="2026-08-03" data-price="0">3</div>
<div class="day" data-date="2026-08-04" data-price="0">4</div>
<div class="day" data-date="2026-08-05" data-price="0">5</div>
<div class="day" data-date="2026-08-06" data-price="0">6</div>
<div class="day" data-date="2026-08-07" data-price="0">7</div>
<div class="day" data-date="2026-08-08" data-price="0">8</div>
<div class="day" data-date="2026-08-09" data-price="0">9</div>
<div class="day" data-date="2026-08-10" data-price="0">10</div>
<div class="day" data-date="2026-08-11" data-price="0">11</div>
<div class="day" data-date="2026-08-12" data-price="0">12</div>
<div class="day" data-date="2026-08-13" data-price="0">13</div>
<div class="day" data-date="2026-08-14" data-price="0">14</div>
<div class="day" data-date="2026-08-15" data-price="0">15</div>
<div class="day" data-date="2026-08-16" data-price="0">16</div>
<div class="day" data-date="2026-08-17" data-price="0">17</div>
<div class="day" data-date="2026-08-18" data-price="0">18</div>
<div class="day" data-date="2026-08-19" data-price="0">19</div>
<div class="day" data-date="2026-08-20" data-price="0">20</div>
<div class="day" data-date="2026-08-21" data-price="0">21</div>
<div class="day" data-date="2026-08-22" data-price="0">22</div>
<div class="day" data-date="2026-08-23" data-price="0">23</div>
<div class="day" data-date="2026-08-24" data-price="0">24</div>
<div class="day" data-date="2026-08-25" data-price="0">25</div>
<div class="day" data-date="2026-08-26" data-price="0">26</div>
<div class="day" data-date="2026-08-27" data-price="0">27</div>
<div class="day" data-date="2026-08-28" data-price="0">28</div>
<div class="day" data-date="2026-08-29" data-price="0">29</div>
<div class="day" data-date="2026-08-30" data-price="0">30</div>
<div class="day" data-date="2026-08-31" data-price="0">31</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Septembre 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div> <div class="day" data-date="2026-09-01" data-price="0">1</div>
<div class="day" data-date="2026-09-02" data-price="0">2</div>
<div class="day" data-date="2026-09-03" data-price="0">3</div>
<div class="day" data-date="2026-09-04" data-price="0">4</div>
<div class="day" data-date="2026-09-05" data-price="0">5</div>
<div class="day" data-date="2026-09-06" data-price="0">6</div>
<div class="day" data-date="2026-09-07" data-price="0">7</div>
<div class="day" data-date="2026-09-08" data-price="0">8</div>
<div class="day" data-date="2026-09-09" data-price="0">9</div>
<div class="day" data-date="2026-09-10" data-price="0">10</div>
<div class="day" data-date="2026-09-11" data-price="0">11</div>
<div class="day" data-date="2026-09-12" data-price="0">12</div>
<div class="day" data-date="2026-09-13" data-price="0">13</div>
<div class="day" data-date="2026-09-14" data-price="0">14</div>
<div class="day" data-date="2026-09-15" data-price="0">15</div>
<div class="day" data-date="2026-09-16" data-price="0">16</div>
<div class="day" data-date="2026-09-17" data-price="0">17</div>
<div class="day" data-date="2026-09-18" data-price="0">18</div>
<div class="day" data-date="2026-09-19" data-price="0">19</div>
<div class="day" data-date="2026-09-20" data-price="0">20</div>
<div class="day" data-date="2026-09-21" data-price="0">21</div>
<div class="day" data-date="2026-09-22" data-price="0">22</div>
<div class="day" data-date="2026-09-23" data-price="0">23</div>
<div class="day" data-date="2026-09-24" data-price="0">24</div>
<div class="day" data-date="2026-09-25" data-price="0">25</div>
<div class="day" data-date="2026-09-26" data-price="0">26</div>
<div class="day" data-date="2026-09-27" data-price="0">27</div>
<div class="day" data-date="2026-09-28" data-price="0">28</div>
<div class="day" data-date="2026-09-29" data-price="0">29</div>
<div class="day" data-date="2026-09-30" data-price="0">30</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Octobre 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div><div></div> <div class="day" data-date="2026-10-01" data-price="0">1</div>
<div class="day" data-date="2026-10-02" data-price="0">2</div>
<div class="day" data-date="2026-10-03" data-price="0">3</div>
<div class="day" data-date="2026-10-04" data-price="0">4</div>
<div class="day" data-date="2026-10-05" data-price="0">5</div>
<div class="day" data-date="2026-10-06" data-price="0">6</div>
<div class="day" data-date="2026-10-07" data-price="0">7</div>
<div class="day" data-date="2026-10-08" data-price="0">8</div>
<div class="day" data-date="2026-10-09" data-price="0">9</div>
<div class="day" data-date="2026-10-10" data-price="0">10</div>
<div class="day" data-date="2026-10-11" data-price="0">11</div>
<div class="day" data-date="2026-10-12" data-price="0">12</div>
<div class="day" data-date="2026-10-13" data-price="0">13</div>
<div class="day" data-date="2026-10-14" data-price="0">14</div>
<div class="day" data-date="2026-10-15" data-price="0">15</div>
<div class="day" data-date="2026-10-16" data-price="0">16</div>
<div class="day" data-date="2026-10-17" data-price="0">17</div>
<div class="day" data-date="2026-10-18" data-price="0">18</div>
<div class="day" data-date="2026-10-19" data-price="0">19</div>
<div class="day" data-date="2026-10-20" data-price="0">20</div>
<div class="day" data-date="2026-10-21" data-price="0">21</div>
<div class="day" data-date="2026-10-22" data-price="0">22</div>
<div class="day" data-date="2026-10-23" data-price="0">23</div>
<div class="day" data-date="2026-10-24" data-price="0">24</div>
<div class="day" data-date="2026-10-25" data-price="0">25</div>
<div class="day" data-date="2026-10-26" data-price="0">26</div>
<div class="day" data-date="2026-10-27" data-price="0">27</div>
<div class="day" data-date="2026-10-28" data-price="0">28</div>
<div class="day" data-date="2026-10-29" data-price="0">29</div>
<div class="day" data-date="2026-10-30" data-price="0">30</div>
<div class="day" data-date="2026-10-31" data-price="0">31</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Novembre 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div><div></div><div></div><div></div><div></div><div></div> <div class="day" data-date="2026-11-01" data-price="0">1</div>
<div class="day" data-date="2026-11-02" data-price="0">2</div>
<div class="day" data-date="2026-11-03" data-price="0">3</div>
<div class="day" data-date="2026-11-04" data-price="0">4</div>
<div class="day" data-date="2026-11-05" data-price="0">5</div>
<div class="day" data-date="2026-11-06" data-price="0">6</div>
<div class="day" data-date="2026-11-07" data-price="0">7</div>
<div class="day" data-date="2026-11-08" data-price="0">8</div>
<div class="day" data-date="2026-11-09" data-price="0">9</div>
<div class="day" data-date="2026-11-10" data-price="0">10</div>
<div class="day" data-date="2026-11-11" data-price="0">11</div>
<div class="day" data-date="2026-11-12" data-price="0">12</div>
<div class="day" data-date="2026-11-13" data-price="0">13</div>
<div class="day" data-date="2026-11-14" data-price="0">14</div>
<div class="day" data-date="2026-11-15" data-price="0">15</div>
<div class="day" data-date="2026-11-16" data-price="0">16</div>
<div class="day" data-date="2026-11-17" data-price="0">17</div>
<div class="day" data-date="2026-11-18" data-price="0">18</div>
<div class="day" data-date="2026-11-19" data-price="0">19</div>
<div class="day" data-date="2026-11-20" data-price="0">20</div>
<div class="day" data-date="2026-11-21" data-price="0">21</div>
<div class="day" data-date="2026-11-22" data-price="0">22</div>
<div class="day" data-date="2026-11-23" data-price="0">23</div>
<div class="day" data-date="2026-11-24" data-price="0">24</div>
<div class="day" data-date="2026-11-25" data-price="0">25</div>
<div class="day" data-date="2026-11-26" data-price="0">26</div>
<div class="day" data-date="2026-11-27" data-price="0">27</div>
<div class="day" data-date="2026-11-28" data-price="0">28</div>
<div class="day" data-date="2026-11-29" data-price="0">29</div>
<div class="day" data-date="2026-11-30" data-price="0">30</div>
</div>
</div>
<div style="padding:0 10px;">
<div class="month-header">Décembre 2026</div>
<div class="grid-days">
<div style='text-align:center;font-size:10px;color:#bbb;'>Lu</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ma</div><div style='text-align:center;font-size:10px;color:#bbb;'>Me</div><div style='text-align:center;font-size:10px;color:#bbb;'>Je</div><div style='text-align:center;font-size:10px;color:#bbb;'>Ve</div><div style='text-align:center;font-size:10px;color:#bbb;'>Sa</div><div style='text-align:center;font-size:10px;color:#bbb;'>Di</div> <div></div> <div class="day" data-date="2026-12-01" data-price="0">1</div>
<div class="day" data-date="2026-12-02" data-price="0">2</div>
<div class="day" data-date="2026-12-03" data-price="0">3</div>
<div class="day" data-date="2026-12-04" data-price="0">4</div>
<div class="day" data-date="2026-12-05" data-price="0">5</div>
<div class="day" data-date="2026-12-06" data-price="0">6</div>
<div class="day" data-date="2026-12-07" data-price="0">7</div>
<div class="day" data-date="2026-12-08" data-price="0">8</div>
<div class="day" data-date="2026-12-09" data-price="0">9</div>
<div class="day" data-date="2026-12-10" data-price="0">10</div>
<div class="day" data-date="2026-12-11" data-price="0">11</div>
<div class="day" data-date="2026-12-12" data-price="0">12</div>
<div class="day" data-date="2026-12-13" data-price="0">13</div>
<div class="day" data-date="2026-12-14" data-price="0">14</div>
<div class="day" data-date="2026-12-15" data-price="0">15</div>
<div class="day" data-date="2026-12-16" data-price="0">16</div>
<div class="day" data-date="2026-12-17" data-price="0">17</div>
<div class="day" data-date="2026-12-18" data-price="0">18</div>
<div class="day" data-date="2026-12-19" data-price="0">19</div>
<div class="day" data-date="2026-12-20" data-price="0">20</div>
<div class="day" data-date="2026-12-21" data-price="0">21</div>
<div class="day" data-date="2026-12-22" data-price="0">22</div>
<div class="day" data-date="2026-12-23" data-price="0">23</div>
<div class="day" data-date="2026-12-24" data-price="0">24</div>
<div class="day" data-date="2026-12-25" data-price="0">25</div>
<div class="day" data-date="2026-12-26" data-price="0">26</div>
<div class="day" data-date="2026-12-27" data-price="0">27</div>
<div class="day" data-date="2026-12-28" data-price="0">28</div>
<div class="day" data-date="2026-12-29" data-price="0">29</div>
<div class="day" data-date="2026-12-30" data-price="0">30</div>
<div class="day" data-date="2026-12-31" data-price="0">31</div>
</div>
</div>
</div>
</div>
<!-- <div class="km-box">
<label>🛣️ Forfait kilométrique</label>
<select id="km-choice">
<option value="100">100 kms / jour (Inclus)</option>
<option value="200">200 kms / jour (+5€/j)</option>
<option value="500">Illimité - 500 kms / jour (+15€/j)</option>
</select>
</div>-->
<div class="total-box">
<div class="price-row">
<span>Prix total :</span>
<span><span id="final-price">0,00</span> €</span>
</div>
<div class="footer-info">
<!-- <span id="km-display">0</span> km inclus--> <span style="float:right;color: #000; font-size: 15px;" id="days-display">0 jour(s)</span>
</div>
</div>
<button class="btn-submit">Demander une réservation</button>
</div>
<div id="reservation-modal" class="res-modal">
<div class="res-box">
<div style="display:flex; justify-content:space-between; align-items:center;">
<h3>Demande de réservation</h3>
<span class="close-res" style="cursor:pointer">✕</span>
</div>
<form method="POST" action="">
<div class="res-grid">
<input type="text" name="nom" placeholder="Nom complet" required>
<input type="text" name="tel" id="tel_detail_veh" placeholder="Téléphone" required>
<input type="email" id="mail" name="email" placeholder="Email" required>
<textarea name="message" style="height:70px;" placeholder="Message "></textarea>
</div>
<input type="hidden" name="date_deb" id="f_dep">
<input type="hidden" name="date_fin" id="f_ret">
<input type="hidden" name="heure_dep" id="f_heure_dep">
<input type="hidden" name="heure_ret" id="f_heure_ret">
<input type="hidden" name="prix_total" id="f_prix">
<input type="hidden" name="nb_jours" id="f_jours">
<input type="hidden" name="forfait_km_jour" id="f_forfait_km">
<input type="hidden" name="total_km_inclus" id="f_total_km">
<input type="hidden" name="mode_location" id="f_mode">
<div class="res-summary">
<p><b>Départ :</b> <span id="sum_dep"></span> à <span id="sum_h_dep"></span></p>
<p><b>Retour :</b> <span id="sum_ret"></span> à <span id="sum_h_ret"></span></p>
<p><b>Total :</b> <span id="sum_prix"></span> € (<span id="days-displayx"></span>)</p>
</div>
<button type="submit" class="btn-confirm">Confirmer ma demande</button>
</form>
</div>
</div>
</div>
</div>
<div >
<br /><br />
</div>
<div style="display:block;float:left;width:100%;margin-top:20px;">
<div class="equipment-container"><h3> Équipements en option </h3><div class="equipment-grid">
<div class="equipment-item" style="text-align:left;">
<span class="bullet"></span>
<span class="text">BAIES AVEC CADRE</span>
</div>
<div class="equipment-item" style="text-align:left;">
<span class="bullet"></span>
<span class="text">BOITE DE VITESSE AUTOMATIQUE 8 RAPPORTS</span>
</div>
<div class="equipment-item" style="text-align:left;">
<span class="bullet"></span>
<span class="text">PACK PARE CHOCS AVANT PEINT</span>
</div>
<div class="equipment-item" style="text-align:left;">
<span class="bullet"></span>
<span class="text">PANNEAU SOLAIRE (90W)</span>
</div>
<div class="equipment-item" style="text-align:left;">
<span class="bullet"></span>
<span class="text">BATTERIE LITHIUM</span>
</div>
<div class="equipment-item" style="text-align:left;">
<span class="bullet"></span>
<span class="text">PREDISPOSITION CAMERA DE RECUL</span>
</div>
<div class="equipment-item" style="text-align:left;">
<span class="bullet"></span>
<span class="text">CHAUFFAGE DIESEL</span>
</div></div></div>
</div>
</div>
<script>
$(function() {
$("#refresh").click(function() {
$("#captcha").load(location.href + " #captcha");
});
});
</script>
<script>
$(function() {
$("#submit").click(function() {
if ($('#check').val() === $('#verify').val()) {
// $("#result").html("<h3 class='good'></h3>");
$("#verify").css("border","1px solid #8f8f9d");
// evt.preventDefault();
} else {
// $("#result").html("<h3 class='bad'>Incorrect</h3>");
$("#verify").css("border","1px solid red");
return false;
// evt.preventDefault();
}
});
});
</script>
</div>
</div>
</div>
<?php// echo "atttttoo".$id_loc; ?>
</div>
<script language="javascript" type='text/javascript' src='includes/js/jquery-ui.js'></script>
<link href="includes/js/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<div id="calendrier" data-idloc="2">
<script>
$(document).ready(function() {
let dateDep = null, dateRet = null, activeInput = null;
let modeLocation = 'nuite'; // Défaut : nuit
const today = new Date().toISOString().split('T')[0];
$('.cal-slider').slick({
slidesToShow: 2,
infinite: false,
initialSlide: 1
});
let idLoc = $('#calendrier').data('idloc');
$('.type-btn').on('click', function() {
$('.type-btn').removeClass('active');
$(this).addClass('active');
modeLocation = $(this).data('mode');
updateUI();
});
$('.date-clickable-zone').on('click', function(e) {
e.stopPropagation();
activeInput = $(this).parent().data('type');
$('.date-block').removeClass('active');
$(this).parent().addClass('active');
$('#cal-popup').fadeIn(200, function() {
$('.cal-slider').slick('setPosition');
});
});
$(document).on('mousedown', '.day:not(.occupe)', function(e) {
e.stopPropagation();
let clicked = $(this).data('date');
let dClicked = new Date(clicked);
let dayOfWeek = dClicked.getDay(); // 0 = Dimanche, 5 = Vendredi
// 🔥 MODIFICATION : Forcer le départ le VENDREDI
if (activeInput === 'dep') {
if (dayOfWeek !== 5) {
alert("Jour de départ : Vendredi uniquement.");
return;
}
dateDep = clicked;
dateRet = null;
} else {
if (!dateDep) return;
if (clicked < dateDep) {
alert("Le retour doit être après le départ");
return;
}
// 🔥 MODIFICATION : Forcer le retour le VENDREDI
if (dayOfWeek !== 5) {
alert("Retours prévus uniquement le vendredi.");
return;
}
// Vérification jours occupés
let hasOccupied = false;
$('.day.occupe').each(function() {
let occDate = $(this).data('date');
if (occDate > dateDep && occDate < clicked) {
hasOccupied = true;
return false;
}
});
if (hasOccupied) {
alert("Désolé, cette période contient des jours déjà réservés.");
return;
}
// Calcul durée (7 jours minimum)
let d1 = new Date(dateDep);
let d2 = new Date(clicked);
let diffTime = d2 - d1;
let diffDays = (diffTime / (1000 * 60 * 60 * 24));
// 🔥 MODIFICATION : On vérifie si c'est bien une ou plusieurs semaines (multiple de 7)
if (diffDays < 7 || diffDays % 7 !== 0) {
alert("La réservation doit se faire du Vendredi au Vendredi (7 nuits minimum).");
return;
}
dateRet = clicked;
}
$('#cal-popup').fadeOut(200);
updateUI();
});
$('#km-choice').on('change', updateUI);
function updateUI() {
if(dateDep) $('#txt-dep').text(rev(dateDep));
if(dateRet) $('#txt-ret').text(rev(dateRet));
let totalBase = 0, countDays = 0;
$('.day').removeClass('selected in-range');
$('.day').each(function() {
let d = $(this).data('date');
if (d < today) {
$(this).addClass('occupe past-date');
}
if(dateDep && d === dateDep) $(this).addClass('selected');
if(dateRet && d === dateRet) $(this).addClass('selected');
if(dateDep && dateRet && d >= dateDep && d <= dateRet) {
$(this).addClass('in-range');
totalBase += parseFloat($(this).data('price'));
countDays++;
}
});
let finalCount = countDays;
if (modeLocation === 'nuite' && countDays > 0) {
finalCount = countDays - 1;
if (dateRet) {
let lastDayPrice = parseFloat($('.day[data-date="'+dateRet+'"]').data('price'));
totalBase = totalBase - lastDayPrice;
}
}
let kmVal = parseInt($('#km-choice').val());
let extraKm = (kmVal === 200) ? finalCount * 5 : (kmVal === 500 ? finalCount * 15 : 0);
let totalFinal = totalBase + extraKm;
$('#final-price').text(totalFinal.toFixed(2).replace('.', ','));
let unite = (modeLocation === 'jour') ? " jour(s)" : " nuit(s)";
$('#days-display').text(finalCount + unite);
$('#days-displayx').text(finalCount + unite);
$('#km-display').text(finalCount * kmVal);
if(dateDep && dateRet){
$.ajax({
url: "https://escapade-campingcar.fr/ajax_calcul.php",
type: "POST",
data: {
id_loc: idLoc,
dep: dateDep,
ret: dateRet,
mode: modeLocation,
forfait_km: $('#km-choice').val()
},
success: function(response){
let total = parseFloat(response);
if(!isNaN(total)){
$('#final-price').text(total.toFixed(2).replace('.', ','));
}
}
});
}
}
updateUI();
function rev(s) {
return s.split('-').reverse().join('/');
}
$('.btn-submit').on('click', function(){
if(!dateDep || !dateRet)
return alert("Choisissez vos dates");
let d1 = new Date(dateDep);
let d2 = new Date(dateRet);
let diffDays = (d2 - d1) / (1000 * 60 * 60 * 24);
// 🔥 MODIFICATION : Sécurité finale sur les vendredis et la durée
if(d1.getDay() !== 5 || d2.getDay() !== 5 || diffDays < 7 || diffDays % 7 !== 0) {
return alert("La réservation doit se faire du Vendredi au Vendredi (7 nuits minimum).");
}
let hDep = $('#heure_dep').val(),
hRet = $('#heure_ret').val();
let labelUnite = (modeLocation === 'jour') ? "jour(s)" : "nuit(s)";
$('#sum_mode').text(modeLocation === 'jour' ? 'Journée' : 'Nuitée');
$('#sum_dep').text($('#txt-dep').text());
$('#sum_h_dep').text(hDep);
$('#sum_ret').text($('#txt-ret').text());
$('#sum_h_ret').text(hRet);
$('#sum_prix').text($('#final-price').text());
$('#sum_jours').text(parseInt($('#days-display').text()));
$('#lbl_unite').text(labelUnite);
$('#f_dep').val(dateDep);
$('#f_ret').val(dateRet);
$('#f_heure_dep').val(hDep);
$('#f_heure_ret').val(hRet);
$('#f_prix').val($('#final-price').text());
$('#f_jours').val(parseInt($('#days-display').text()));
$('#f_forfait_km').val($('#km-choice').val());
$('#f_total_km').val(parseInt($('#km-display').text()));
$('#f_mode').val(modeLocation);
$('#reservation-modal').fadeIn(200).css('display','flex');
});
$('.close-res').on('click', function(){
$('#reservation-modal').fadeOut(200);
});
});
</script>
<script>
$(document).ready(function(){
$("#mail").blur(function(){
var vall = $(this).val();
if(vall !=""){
if($("#mail").val().match(/^[_a-z0-9-+]+(\.[_a-z0-9-+]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)){
}else{
$(this).val("");
alert("Adresse e-mail non valide");
return false;
}
}
});
$("#tel_detail_veh").blur(function(){
// Nouvelle expression régulière : autorise un ou plusieurs chiffres et/ou espaces.
if($("#tel_detail_veh").val().match(/^[0-9\s]+$/)){
// Supprime tous les espaces du champ pour la validation de la longueur
var maka_val_tel = $(this).val().replace(/\s/g, '');
// Vérifie si la longueur du numéro SANS les espaces est inférieure à 10
if(maka_val_tel.length < 10){
$(this).val("");
alert("Numéro téléphone invalide (moins de 10 chiffres)");
return false;
} else {
// Optionnel : Vous pourriez mettre à jour la valeur du champ
// pour n'avoir que les chiffres (si vous voulez nettoyer la saisie)
// ou la laisser telle quelle s'il faut conserver les espaces.
// $(this).val(maka_val_tel);
}
} else {
// Cette partie s'exécute si la valeur contient autre chose que des chiffres ou des espaces
$(this).val("");
alert("Numéro téléphone invalide (ne doit contenir que des chiffres et des espaces)");
return false;
}
});
});
</script>
<footer class="escapade-footer">
<div class="footer-container">
<div class="footer-col contact-info">
<p class="brand-name">Escapade camping-car</p>
<p>4B rue Antoine Laurent de Lavoisier</p>
<p>49300 Cholet</p>
<p class="phone-link">Fixe : <strong><a href="tel:0272771755" style="color:#fff;text-decoration:none;">02.72.77.17.55 </a> </strong></p>
</div>
<div class="footer-col social-box">
<a href="#" class="fb-circle">
<svg viewbox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path></svg>
</a>
</div>
<div class="footer-col hours-info">
<h3>HORAIRES D'OUVERTURE</h3>
<div class="hours-list">
<p>LUNDI AU VENDREDI : <span>9H - 12H ET 14H - 18H</span></p>
<p>SAMEDI : 9H - 12H</p>
</div>
</div>
</div>
<div class="footer-legal">
<a href="https://escapade-campingcar.fr/mentions-legales.html">Mentions légales</a> •
<a href="https://escapade-campingcar.fr/rgpd.html">RGPD</a> •
<a target="_blank" href="https://escapade-campingcar.fr/images/CGV-Location.pdf">CGV Location</a> •
<a href="https://escapade-campingcar.fr/contact.html">Nous Contacter</a>
</div>
</footer>
</body>
