2008 Zodiac Pro Open 550 used for sale

Description

Standard equipment: Valmex PVC fabrics, helm station with large storage compartment and attached seat, bolster seat with multiple waterproof compartments, ...

<strong><u>Standard Equipment:</u></strong><br>PVC Valmex fabrics,<span> cockpit console with large storage compartment and adjoining seat, bolster seat with multiple waterproof compartments, rear triple bench, ski roll bar, EVA deck covering, 50L fuel tank, bilge pump, hydraulic steering, and mooring hatch.</span></p> <p><br><strong><u>PACKAGE CONTENT:</u></strong><br>+ 3D TENDER NIVIDIC 550 Black PVC 2026<br>+ SUZUKI DF90ATL EFI 4-Stroke, Injection, 5-year warranty P/MO<br>+ Labour for installation and supply of engine with control box and cables, digital tachometer<br>+ Labour for bolster, console installation<br>+ Labour for installation and supply of steering box and cable, steering wheel<br>+ Labour for installation and supply of battery, battery tray, cut-off switch<br>+ Commissioning<br>+ Personalized handover</p> <p><strong><u>Optional Equipment:</u></strong></p> <p>+ Oceanic O111 trailer GTWR: 1150 KG<br>+ Registration card<br>+ Trailer adjustment</p> <p><strong>€2,965.00 incl. VAT</strong></p> <p></p> <p><b><span style="color: #ffc000;">AVAILABLE BERTH IN GIRONDE*</span></b><span style="color: #ffc000;"></span></p> <p>(*see in-store conditions)</p> <p> </p> <p>Offer valid without trade-in – Contact us – Subject to availability –</p> <p>Contractual photos – Prices from Yachting Medoc</p> <p>All information in this ad is for guidance only and is subject to change without notice<br><br><b><span style="color: red;">SPECIALIST IN TRAILERS / OUTBOARD MOTORS YAMAHA SPECIALIST</span></b><br><br><b><u>YACHTING MEDOC:</u></b><u> </u></p> <p>2 SALES AND SERVICE POINTS AT YOUR SERVICE<br>HOURTIN - LE VERDON<br>SPECIALIST IN TRAILERS<br>SPECIALIST IN YAMAHA OUTBOARD MOTORS<br>PERMANENT STOCK OF THE 3D TENDER RANGE<br><br><span><b>ALSO DISCOVER THE OTHER BRANDS WE DISTRIBUTE:</b><br><br><b><u>3D TENDER:</u></b><br>3D TENDER XPRO 445, 3D TENDER XPRO 490, 3D TENDER XPRO 535, 3D TENDER XPRO 589<br>3D TENDER PATROL 530, 3D TENDER PATROL 550, 3D TENDER PATROL 560, 3D TENDER PATROL 600, 3D TENDER PATROL 650, 3D TENDER PATROL 670, 3D TENDER PATROL 760, 3D TENDER PATROL 860 3D TENDER DREAM 540, 3D TENDER DREAM 6, 3D TENDER DREAM 440, 3D TENDER DREAM 500, 3D TENDER DREAM 550, 3D TENDER DREAM 635, 3D TENDER DREAM 650, 3D TENDER DREAM 850<br><b><u>B2 MARINE:</u></b><br>B2 MARINE CAP FERRET 472 OPEN, B2 MARINE CAP FERRET 522 OPEN, B2 MARINE CAP FERRET 572 OPEN, B2 MARINE CAP FERRET 652 OPEN, B2 MARINE CAP FERRET 702 OPEN<br>B2 MARINE CAP FERRET 472 SUNDECK, B2 MARINE CAP FERRET 522 SUNDECK, B2 MARINE CAP FERRET 572 SUN DECK, B2 MARINE CAP FERRET 702 SUNDECK<br>B2 MARINE CAP FERRET 752 CRUISER<br><b><u>SEASTORM:</u></b><br>SEASTORM 12 ADVANTAGE<br>SEASTORM 14 ADVANTAGE<br>SEASTORM 17 ADVANTAGE</span></p> <p><span><b><u>KARNIC:</u></b><br>1851</span></p> <p><span>SL640, SL641, SL642, SL691, SL692,</span></p> <p><span>SL741, SL742, CS740S, CS740HT,</span></p> <p><span>SL902,</span></p> <p><span>S37X,</span></p> <p><span>CS10S</span></p> <p><span><b><u>RANIERI:</u></b><br>RANIERI VOYAGER 17 RANIERI VOYAGER 19S RANIERI VOYAGER 21S RANIERI VOYAGER 23S RANIERI VOYAGER 26S<br>RANIERI SHADOW 19 RANIERI NEXT 220 SH RANIERI NEXT 240 SH RANIERI RANIERI NEXT 275 LX NEXT 285 LX RANIERI NEXT 330 LX RANIERI NEXT 370 SH</span></p> <p><span><b><u>OLYMPIC:</u></b><br>400 CC 400 DC<br>450 CC 450 FX<br>460 CC 460 CCF 460 BR<br>490 CC 490 FX 490 SX<br>520 CC 520 C 520 BR<br>580 CC 580 C 580 BR<br>620C</span></p> <p><span><br>PARKER BOATS<br>BENETEAU<br>ST BOATS<br>CAPELLI TEMPEST<br>GUY MARINE<br>CAP FERRET<br>AND OUR USED BOATS:<br>IN HARD-CHINE BOATS WITH MOTOR:<br>BENETEAU, JEANNEAU, PACIFIC CRAFT, RIO, POSEIDON, ROCCA, RIAMAR, LEXSIA, ST BOATS, SBPEM, MLS, GALEON, SELVA, WHITE SHARK, CAPELLI, PARKER, SEARAY, FOUR WINNS, BAYLINER,<br>QUICKSILVER, INVICTUS, SEASTORM, MASTER CRAFT, MALIBU, B2 MARINE, ST BOATS, RODMAN, GUYMARINE, OCQUETEAU, MERY NAUTIC, WINDY ETC ...<br>SEMI-RIGID BOATS:<br>BOMBARD, LOMAC, VALIANT, BRIG, BWA, NUOVA JOLLY, JOKER BOAT, MASTER, SALPA, HIGHFIELD, ZODIAC, ZEPPELIN, CAPELLI TEMPEST, ZODIAC, GRAND, BSC, RANIERI, 3D TENDER, XPRO, LUX , DREAM 6,<br>SAILBOATS:<br>DUFOUR, SUN FAST, DJINN 7, BLUE DJINN, FIRST, FLIRT, JEANNEAU, BENETEAU, B2 MARINE, ETC...<br>OUTBOARD MOTORS:<br>YAMAHA, SUZUKI, MERCURY, HONDA, TOHATSU, PARSUN, HIDEA, YAMAHA, ETC...</span></p> <p><span> </span></p> </PlainText> </p> </div> <div class="d-flex justify-content-center mt-3 mb-3"> <button class="btn toggle-description" type="button"> <i class="bi bi-chevron-down"></i> Show more </button> </div> </div> <div class="col-lg-12"> <script> $(document).ready(function() { $('.toggle-description').click(function() { $('.description-content').slideToggle(300); $('.description-preview').slideToggle(300); if($(this).find('i').hasClass('bi-chevron-down')) { $(this).find('i').removeClass('bi-chevron-down').addClass('bi-chevron-up'); $(this).html('<i class="bi bi-chevron-up"></i> ' + "Hide"); } else { $(this).find('i').removeClass('bi-chevron-up').addClass('bi-chevron-down'); $(this).html('<i class="bi bi-chevron-down"></i> ' + "Display"); } }); }); </script> </div> <div class="col-lg-12 cadre mt-3"> <div> <h2 class="cadre-title"><i class="bi bi-card-checklist me-2"></i>Features</h2> <div class="criterias-grid"> <div class="row g-4"> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-tag"></i> </div> <div class="criteria-content"> <div class="criteria-label">Brand</div> <div class="criteria-value "> 3D Tender </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-tag"></i> </div> <div class="criteria-content"> <div class="criteria-label">Model</div> <div class="criteria-value long-text"> Nividic 550 </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-tag"></i> </div> <div class="criteria-content"> <div class="criteria-label">State</div> <div class="criteria-value "> neuf </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-box"></i> </div> <div class="criteria-content"> <div class="criteria-label">Type</div> <div class="criteria-value long-text"> Motorboat </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-calendar-date"></i> </div> <div class="criteria-content"> <div class="criteria-label">Year</div> <div class="criteria-value "> 2026 </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-arrows-expand"></i> </div> <div class="criteria-content"> <div class="criteria-label">Length</div> <div class="criteria-value "> 5.5 m </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-arrows-angle-expand"></i> </div> <div class="criteria-content"> <div class="criteria-label">Beam</div> <div class="criteria-value "> 2.4 m </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-people"></i> </div> <div class="criteria-content"> <div class="criteria-label">Passenger</div> <div class="criteria-value "> 12 pers. </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-12 cadre mt-3"> <div> <h2 class="cadre-title"><i class="bi bi-gear me-2"></i>Engine</h2> <div class="criterias-grid mb-0"> <div class="row g-4"> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-123"></i> </div> <div class="criteria-content"> <div class="criteria-label" >Engines</div> <div class="criteria-value "> 1 </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-calendar3"></i> </div> <div class="criteria-content"> <div class="criteria-label" >Year</div> <div class="criteria-value "> 2026 </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-tag"></i> </div> <div class="criteria-content"> <div class="criteria-label" >Brand</div> <div class="criteria-value "> Suzuki </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-lightning-charge"></i> </div> <div class="criteria-content"> <div class="criteria-label" >Power</div> <div class="criteria-value "> 90cv </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-droplet"></i> </div> <div class="criteria-content"> <div class="criteria-label" >Energy</div> <div class="criteria-value "> fuel </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-gear"></i> </div> <div class="criteria-content"> <div class="criteria-label" >Engine type</div> <div class="criteria-value "> Hors-bord </div> </div> </div> </div> <div class="col-6 pe-3 cadre-caracteristiques"> <div class="criteria-item"> <div class="criteria-icon"> <i class="bi bi-card-text"></i> </div> <div class="criteria-content"> <div class="criteria-label" >Description</div> <div class="criteria-value "> DF90 ATL NOIR </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-12 cadre mt-3"> <div> <h2 class="cadre-title"><i class="bi bi-geo-alt me-2"></i>Location</h2> <div class="criterias-grid mb-0 pt-0"> <p class="criteria-value mb-0">France -> Gironde</p> </div> </div> </div> </div> <div class="col-lg-4"> <form id="contact" method="post" action="/en/boat/3d-tender/nividic-550-new/48720" class="form"> <h2 class="text-center fw-bold mb-2">Contact the seller</h2> <p class="text-muted text-center mb-1"><i class="bi bi-clock"></i> Responds on average within 24H</p> <div class="text-center mb-4"> <span class="vendeur-pro" style="font-weight: bold; border: 0"><i class="bi bi-person"></i> Yachting medoc </span> </div> <input type="hidden" value="48720" name="id"> <div class="form-group"> <input type="text" name="name" placeholder="First Name Last Name" class="form-control" id="name" data-error="Invalid name!"/> </div> <div class="form-group"> <input type="email" name="email" placeholder="Email..." class="form-control" id="email" data-error="Email non valide !" required/> </div> <div class="form-group"> <input type="tel" name="tel" placeholder="Phone..." class="form-control" id="tel" data-error="Invalid number!"> </div> <div class="form-group" style="display: none;"> <label for="cp" class="control-label">CP</label> <input type="text" name="cp" placeholder="Entrez votre cp..." class="form-control" id="cp" data-error="cp non valide !"> </div> <div class="form-group"> <textarea name="message" rows="4" placeholder="Enter your message..." class="form-control" id="message">This ad interests me, can you contact me?</textarea> </div> <div class="form-group mt-3"> <button type="submit" class="btn btn-primary"><i class="bi bi-envelope-fill" aria-hidden="true"></i> SEND MESSAGE</button> </div> <script> $(document).ready(function () { // Sticky contact form functionality var $contactForm = $('#contact'); var $sidebar = $contactForm.closest('.col-lg-4'); var contactFormOffset = $contactForm.offset().top; var sidebarHeight = $sidebar.height(); var contactFormHeight = $contactForm.outerHeight(); function handleStickyContact() { var windowWidth = $(window).width(); // Ne pas activer le sticky sur mobile (moins de 768px) if (windowWidth < 768) { $contactForm.css({ 'position': 'static', 'top': 'auto', 'width': 'auto', 'z-index': 'auto', 'max-width': '400px' }); return; } var scrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); var sidebarTop = $sidebar.offset().top; var sidebarBottom = sidebarTop + sidebarHeight; // Si on scroll au-delà de la position initiale du formulaire if (scrollTop > contactFormOffset - 20) { // Calculer la limite avant que le formulaire sorte de la sidebar var stickyTop = 60; var sidebarBottomFromTop = sidebarTop + sidebarHeight; var formBottomWhenSticky = scrollTop + stickyTop + contactFormHeight; if (formBottomWhenSticky <= sidebarBottomFromTop) { // Position sticky normale - le formulaire ne sort pas encore de la sidebar $contactForm.css({ 'position': 'fixed', 'top': stickyTop + 'px', 'width': $sidebar.width() + 'px', 'max-width': '400px' }); } else { // Le formulaire va sortir de la sidebar, le fixer en bas $contactForm.css({ 'position': 'absolute', 'top': (sidebarHeight - contactFormHeight) + 'px', 'width': $sidebar.width() + 'px', 'max-width': '400px' }); } } else { // Remettre le formulaire à sa position normale $contactForm.css({ 'position': 'static', 'top': 'auto', 'width': 'auto', 'max-width': '400px' }); } } // Écouter le scroll $(window).on('scroll resize', function() { // Recalculer les dimensions au cas où la page changerait sidebarHeight = $sidebar.height(); contactFormHeight = $contactForm.outerHeight(); handleStickyContact(); }); // Règle custom : interdire les liens et emails dans le textarea $.validator.addMethod("noLinksOrEmails", function(value, element) { var urlPattern = /https?:\/\/|www\.|\.com|\.fr|\.net|\.org|\.io|\.de|\.co|\.uk/i; var emailPattern = /[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}/; return !urlPattern.test(value) && !emailPattern.test(value); }, "Links and email addresses are not allowed in the message."); $("#contact").validate({ rules: { email: { required: true, email: true }, message: { required: true, noLinksOrEmails: true } }, messages: { email: "Veuillez entrer une adresse email valide afin de pouvoir être recontacté.", message: { required: "Veuillez entrer votre message.", noLinksOrEmails: "Links and email addresses are not allowed in the message." } }, errorElement: "div", errorPlacement: function (error, element) { error.addClass("invalid-feedback"); element.closest(".form-group").append(error); }, highlight: function (element) { $(element).addClass("is-invalid"); }, unhighlight: function (element) { $(element).removeClass("is-invalid"); }, submitHandler: function (form) { // Criteo Lead Conversion Tag window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; var userEmail = $('#email').val() || ''; window.criteo_q.push( { event: "setAccount", account: 127460 }, { event: "setSiteType", type: deviceType }, { event: "setEmail", email: userEmail.trim().toLowerCase() }, { event: "trackTransaction", id: "lead-48720-" + Date.now(), item: [{ id: "48720", price: "30169", quantity: 1 }] } ); gtag('event', 'conversion', { 'send_to': 'AW-1016054756/HJAACPyp15saEOSHv-QD', 'event_callback': function () { form.submit(); } }); setTimeout(function () { form.submit(); }, 500); return false; } }); }); </script> </form> </div> </div> </div> <div class="container detail-r mt-3" style="position: relative; max-width: 1100px;"> <div class="row mobil-mt-5 px-3"> <div class="col-lg-12 cadre p-0 pb-3"> <h2 class="cadre-title"><i class="bi bi-search me-2"></i>Similar listings</h2> <div class="row px-3"> <div class="col-lg-3"> <div class="annonces mb-2" style="position: relative;"> <div class="mb-2"> <a aria-label="3D Tender Nividic 550" href="/en/boat/3d-tender/nividic-550-new/53031"> <div class="inner-photo " style="background-image: url('https://cdn2.riv-art.fr/annonce/53031/1_37449.webp');"> <div class="badge" style="background:rgb(63, 63, 166);"> On order </div> </div> </a> </div> <div class="title-annonce"> <a aria-label="3D Tender Nividic 550" href="/en/boat/3d-tender/nividic-550-new/53031"> 3D Tender Nividic 550 </a> </div> <table class="mb-0"> <tbody> <tr> <td>Year :</td> <td> 2026 </td> </tr> <tr> <td>Engine :</td> <td class="text-truncate" style="max-width: 197px;"> undefined </td> </tr> <tr> <td>State :</td> <td> new </td> </tr> </tbody> </table> <div class="prix"><span class="h6">A partir de</span> 13 485 €</div> </div> </div><div class="col-lg-3"> <div class="annonces mb-2" style="position: relative;"> <div class="mb-2"> <a aria-label="3D Tender Nividic 550" href="/en/boat/3d-tender/nividic-550-New/50904"> <div class="inner-photo " style="background-image: url('https://cdn2.riv-art.fr/annonce/50904/1.webp');"> </div> </a> </div> <div class="title-annonce"> <a aria-label="3D Tender Nividic 550" href="/en/boat/3d-tender/nividic-550-New/50904"> 3D Tender Nividic 550 </a> </div> <table class="mb-0"> <tbody> <tr> <td>Year :</td> <td> 2025 </td> </tr> <tr> <td>Engine :</td> <td class="text-truncate" style="max-width: 197px;"> 1 x 100ch </td> </tr> <tr> <td>State :</td> <td> New </td> </tr> </tbody> </table> <div class="prix">27 990 €</div> </div> </div><div class="col-lg-3"> <div class="annonces mb-2" style="position: relative;"> <div class="mb-2"> <a aria-label="3D Tender Nividic 550" href="/en/boat/3d-tender/nividic-550-new/50283"> <div class="inner-photo " style="background-image: url('https://cdn2.riv-art.fr/annonce/50283/1.webp');"> </div> </a> </div> <div class="title-annonce"> <a aria-label="3D Tender Nividic 550" href="/en/boat/3d-tender/nividic-550-new/50283"> 3D Tender Nividic 550 </a> </div> <table class="mb-0"> <tbody> <tr> <td>Year :</td> <td> 2026 </td> </tr> <tr> <td>Engine :</td> <td class="text-truncate" style="max-width: 197px;"> 1 x 30ch </td> </tr> <tr> <td>State :</td> <td> new </td> </tr> </tbody> </table> <div class="prix">11 990 €</div> </div> </div><div class="col-lg-3"> <div class="annonces mb-2" style="position: relative;"> <div class="mb-2"> <a aria-label="3D Tender Nividic 550" href="/en/boat/3d-tender/nividic-550-new/50282"> <div class="inner-photo " style="background-image: url('https://cdn2.riv-art.fr/annonce/50282/1.webp');"> </div> </a> </div> <div class="title-annonce"> <a aria-label="3D Tender Nividic 550" href="/en/boat/3d-tender/nividic-550-new/50282"> 3D Tender Nividic 550 </a> </div> <table class="mb-0"> <tbody> <tr> <td>Year :</td> <td> 2026 </td> </tr> <tr> <td>Engine :</td> <td class="text-truncate" style="max-width: 197px;"> 1 x 15ch </td> </tr> <tr> <td>State :</td> <td> new </td> </tr> </tbody> </table> <div class="prix">7 990 €</div> </div> </div> </div> </div> </div> </div> </div> </div>  <a href="javascript:void(0)" onclick="checkAndGoBack()" class="btn btn-outline-secondary btn-return mobile d-md-none"><i class="bi bi-arrow-left"></i> <span>Return</span></a>  <div class="mobile-footer-bar d-md-none" id="mobileFooterBar"> <button class="footer-contact-btn" onclick="scrollToContact()"> <i class="bi bi-envelope-fill"></i> Contact the seller </button> </div> <script> function checkAndGoBack() { // Vérifier si l'utilisateur vient du même site ou d'une source externe const referrer = document.referrer; const hostname = window.location.hostname; // Si le référent contient le nom d'hôte actuel, c'est une navigation interne if (referrer && referrer.indexOf(hostname) !== -1) { window.history.back(); } else { // Si le référent est vide ou vient d'un autre site (comme Google), rediriger vers l'accueil window.location.href = '/en'; } } // Fonction pour faire défiler vers le formulaire de contact function scrollToContact() { const contactForm = document.getElementById('contact'); if (contactForm) { contactForm.scrollIntoView({ behavior: 'smooth', block: 'center' }); // Masquer temporairement la barre de footer $('#mobileFooterBar').removeClass('show'); $('body').removeClass('footer-bar-visible'); // Focus sur le premier champ du formulaire après un délai setTimeout(() => { const firstInput = contactForm.querySelector('input[type="text"]'); if (firstInput) { firstInput.focus(); } }, 800); } } $(document).ready(function () { // Masquer les boutons de retour si l'utilisateur vient d'un site externe const referrer = document.referrer; const hostname = window.location.hostname; if (!referrer || referrer.indexOf(hostname) === -1) { $('.btn-return').hide(); } // Gestion de la barre de footer mobile let lastScrollTop = 0; let scrollThreshold = 200; // Seuil de scroll pour afficher la barre $(window).scroll(function() { const scrollTop = $(this).scrollTop(); const windowHeight = $(window).height(); const documentHeight = $(document).height(); // Afficher la barre si on a scrollé assez et qu'on n'est pas tout en haut if (scrollTop > scrollThreshold && scrollTop < (documentHeight - windowHeight - 100)) { $('#mobileFooterBar').addClass('show'); $('body').addClass('footer-bar-visible'); } else { $('#mobileFooterBar').removeClass('show'); $('body').removeClass('footer-bar-visible'); } lastScrollTop = scrollTop; }); // Fonction native pour récupérer un cookie par son nom function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return decodeURIComponent(parts.pop().split(';').shift()); return null; } // Fonction native pour définir un cookie function setCookie(name, value, days) { let expires = ""; if (days) { const date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = `; expires=${date.toUTCString()}`; } document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`; } var contactFormData = getCookie('contact_form_data'); if (contactFormData) { try { var formDataJson = JSON.parse(contactFormData); if (typeof formDataJson === 'string') { var formValues = {}; for (const pair of formDataJson.split('&')) { var parts = pair.split('='); formValues[decodeURIComponent(parts[0])] = decodeURIComponent(parts[1] || '').replace(/\+/g, ' '); } $('#name').val(formValues.name || ''); $('#email').val(formValues.email || ''); $('#tel').val(formValues.tel || ''); $('#cp').val(formValues.cp || ''); $('#message').val(formValues.message || ''); } else { $('#name').val(formDataJson.name || ''); $('#email').val(formDataJson.email || ''); $('#tel').val(formDataJson.tel || ''); $('#cp').val(formDataJson.cp || ''); $('#message').val(formDataJson.message || ''); } } catch(e) { console.error("Erreur lors du parsing des données du formulaire:", e); } } // Règle custom : interdire les liens et emails dans le textarea $.validator.addMethod("noLinksOrEmails", function(value, element) { var urlPattern = /https?:\/\/|www\.|\.com|\.fr|\.net|\.org|\.io|\.de|\.co|\.uk/i; var emailPattern = /[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}/; return !urlPattern.test(value) && !emailPattern.test(value); }, "Links and email addresses are not allowed in the message."); $("#contact").validate({ rules: { email: { required: true, email: true }, message: { required: true, noLinksOrEmails: true } }, messages: { 'email': "Please enter a valid email address in order to be contacted.", 'message': { required: "Please enter your message.", noLinksOrEmails: "Links and email addresses are not allowed in the message." } }, errorElement: "div", errorPlacement: function (error, element) { error.addClass("invalid-feedback"); element.closest(".form-group").append(error); }, highlight: function (element) { $(element).addClass("is-invalid"); }, unhighlight: function (element) { $(element).removeClass("is-invalid"); }, submitHandler: function (form) { // Criteo Lead Conversion Tag window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; var userEmail = $('#email').val() || ''; window.criteo_q.push( { event: "setAccount", account: 127460 }, { event: "setSiteType", type: deviceType }, { event: "setEmail", email: userEmail.trim().toLowerCase() }, { event: "trackTransaction", id: "lead-48720-" + Date.now(), item: [{ id: "48720", price: "30169", quantity: 1 }] } ); gtag('event', 'conversion', { 'send_to': 'AW-1016054756/HJAACPyp15saEOSHv-QD', 'event_callback': function () { setCookie('contact_form_data', JSON.stringify($(form).serialize()), 30); form.submit(); } }); setTimeout(function () { setCookie('contact_form_data', JSON.stringify($(form).serialize()), 30); form.submit(); }, 500); return false; } }); }); </script> </div> <div class="modal fade" id="inscriptionModal" tabindex="-1" aria-labelledby="inscriptionModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="inscriptionModalLabel">Compte</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <h5 class="text-center mb-3">Inscrivez-vous</h5> <form method="post" id="form-inscription"> <div class="form-group mb-3"> <input type="email" class="form-control" id="email-fav" name="email" placeholder="Email" required> </div> <div class="form-group mb-3"> <input type="password" class="form-control" id="password" name="password" placeholder="Mot de passe" required> </div> <div class="form-group mb-3"> <input type="password" class="form-control" id="password2" name="password2" placeholder="Retapper le mot de passe" required> </div> <div class="form-check mb-3"> <input class="form-check-input" type="checkbox" id="email-optin" name="email_opt_in" checked> <label class="form-check-label small" for="email-optin"> J'accepte de recevoir par email les nouveaux bateaux qui correspondent à mes recherches enregistrées. </label> </div> <div id="form-error" class="alert alert-danger d-none" role="alert"></div> <div id="form-success" class="alert alert-success d-none" role="alert"></div> <div class="d-grid gap-2"> <button type="submit" class="btn btn-primary">Inscription</button> </div> </form> <hr> <h5 class="text-center mb-3">Ou connectez-vous</h5> <form action="/loginuser" method="POST"> <div class="mb-3"> <input placeholder="Email" type="email" class="form-control" id="loginEmail" name="email" required> </div> <div class="mb-3"> <input placeholder="Mot de passe" type="password" class="form-control" id="loginPassword" name="password" required> </div> <button type="submit" class="btn btn-success w-100">Se connecter</button> </form> </div> </div> </div> </div> <div class="mt-5"> <div class="footer"> <div id="footer"> <div class="container"> <div class="row"> <div class="col-lg-5 col-xs-12 about-company"> <a href="/en/" class="me-auto d-flex"> <img src="/img/logo_l.png" alt="bateauavendre.fr-logo" class="logo" width="300" height="54" title="bateau et voilier à vendre occasion et neuf"></a> <h2 class="mt-3">Buy in a few clicks!</h2> <p>Sell or find your boat quickly and easily through our new and used boat buying portal. <a class="btn-primary mt-3 d-block" style="width: fit-content;" href="/en/vendre-a-boat"><i style="font-size: 1rem;" class="bi bi-cursor h4"></i> Sell my boats</a> </p> </div> <div class="col-lg-2 col-xs-12 links"> <h3 class="mt-lg-0 mt-sm-3 h4">Our boats</h3> <ul class="m-0 p-0"> <li><i class="bi bi-caret-right-fill"></i><a href="/en/ads/new-boats" title="Buy new boat">New Boat</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/ads/used-boats" title="Buy used boat">Used Boat</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/sailboats-new" title="Buy new sailboat">New Sailboat</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/sailboats-used" title="Buy used sailboat">Used Sailboat</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/ads/new-rigid-inflatable-boats" title="Buy new rigid-inflatable boat">New RIB</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/ads/used-rigid-inflatables" title="Buy used rigid inflatable boat">Used Rigid Inflatable</a></li> </ul> </div> <div class="col-lg-2 col-xs-12 links"> <h3 class="mt-lg-0 mt-sm-3 h4">Accessories</h3> <ul class="m-0 p-0"> <li><i class="bi bi-caret-right-fill"></i><a href="/en/ads/new-boats" title="Buy new boat">New Dinghy</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/ads/boats-used" title="Buy used boat">Second-hand Skiff</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/engines/outboard-motors" title="Buy outboard motor">Outboard Motor</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/ads/inboard-engines" title="Buy in-board engine">In-board engine</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/trailer" title="Buy trailer">Trailer</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/berth-slot" title="Buy marina berth">Docking Space</a></li> </ul> </div> <div class="col-lg-3 col-xs-12 links"> <h3 class="mt-lg-0 mt-sm-3 h4">Useful Information</h3> <ul class="m-0 p-0"> <li><i class="bi bi-caret-right-fill"></i><a href="/en/qui-sommes-nous" title="Discover our team">Who are we?</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/contact" title="Contact Us">Contact</a> </li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/news" title="Boating News">News</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/guide" title="Nautical Guide">Nautical Guide</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/professionals" title="Find a maritime professional">Nautical Professionals</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/legal-notice" title="See our Legal Notice and Terms of Service">Legal Notices</a></li> <li><i class="bi bi-caret-right-fill"></i><a href="/en/privacy-policy" title="See our privacy policy">Privacy Policy</a></li> </ul> </div> </div> <div class="row mt-5"> <div class="col copyright"> <p class="copyright"> © 2024 -<a href="https://www.riv-art.fr"> RIV ART</a>. All Rights Reserved. <a target="_blank" href="https://www.facebook.com/profile.php?id=61561082816742&locale=fr_FR" title="Follow us on Facebook"><i class="bi bi-facebook h2"></i></a> <a target="_blank" href="https://www.pinterest.com/bateauavendre/" title="Follow us on Pinterest"><i class="bi bi-pinterest h2"></i></a> <a target="_blank" href="/en/kit-media" title="Media Kit"><i class="bi bi-link h2"></i></a> </p> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var $header = $('.header'); var $backToTop = $('#back-to-top'); var isFixed = false; var ticking = false; function getHeaderHeight() { if (!$header[0]) return 60; var h = $header[0].getBoundingClientRect().height; return (h > 0 && h < 200) ? h : 60; } $(window).on('scroll', function () { if (!ticking) { requestAnimationFrame(function () { var scrollTop = window.pageYOffset; if (scrollTop > 50) { $backToTop.fadeIn(); } else { $backToTop.fadeOut(); } if (scrollTop > 60) { if (!isFixed) { isFixed = true; document.body.style.paddingTop = getHeaderHeight() + 'px'; $header[0].classList.add('header-fixed'); } } else if (isFixed) { isFixed = false; document.body.style.paddingTop = '0'; $header[0].classList.remove('header-fixed'); } ticking = false; }); ticking = true; } }); $backToTop.on('click', function () { $('body,html').animate({ scrollTop: 0 }, 400); return false; }); }); </script> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { console.log('Script chargé'); const form = document.getElementById('form-inscription'); const errorDiv = document.getElementById('form-error'); const successDiv = document.getElementById('form-success'); console.log('Form trouvé:', form); console.log('ErrorDiv trouvé:', errorDiv); console.log('SuccessDiv trouvé:', successDiv); if (form) { form.addEventListener('submit', function(e) { console.log('Submit intercepté'); e.preventDefault(); e.stopPropagation(); const email = document.getElementById('email-fav').value; const password = document.getElementById('password').value; const password2 = document.getElementById('password2').value; console.log('Données récupérées:', { email, password, password2 }); // Réinitialisation des messages if (errorDiv) errorDiv.classList.add('d-none'); if (successDiv) successDiv.classList.add('d-none'); // Validation côté client if (password !== password2) { if (errorDiv) { errorDiv.textContent = 'Les mots de passe ne correspondent pas !'; errorDiv.classList.remove('d-none'); } return false; } if (password.length < 6) { if (errorDiv) { errorDiv.textContent = 'Le mot de passe est trop court ! 7 lettres minimum'; errorDiv.classList.remove('d-none'); } return false; } // Validation supplémentaire if (!email || email.trim() === '') { if (errorDiv) { errorDiv.textContent = 'Veuillez saisir votre adresse email !'; errorDiv.classList.remove('d-none'); } return false; } console.log('Envoi de la requête AJAX...'); // Envoi des données au serveur en JSON fetch('/api/inscription', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ email: email, password: password, password2: password2, email_opt_in: document.getElementById('email-optin') && document.getElementById('email-optin').checked ? 1 : 0 }) }) .then(response => { console.log('Réponse reçue:', response); return response.json(); }) .then(data => { console.log('Données de réponse:', data); if (data.success) { // Message de succès if (successDiv) { successDiv.textContent = data.message; successDiv.classList.remove('d-none'); } form.reset(); } else { // Affichage de l'erreur if (errorDiv) { errorDiv.textContent = data.message; errorDiv.classList.remove('d-none'); } } }) .catch(error => { console.error('Erreur AJAX:', error); if (errorDiv) { errorDiv.textContent = 'Erreur de connexion au serveur'; errorDiv.classList.remove('d-none'); } }); return false; }); } else { console.error('Formulaire form-inscription non trouvé'); } }); </script> <script> document.addEventListener('DOMContentLoaded', function () { const fotorama = $('.fotorama').fotorama().data('fotorama'); // Désactiver le comportement par défaut du clic $('.fotorama__stage__shaft').on('click', function (event) { event.stopPropagation(); event.preventDefault(); // Activer le mode plein écran if (fotorama) { fotorama.requestFullScreen(); } }); }); </script>  <script type="text/javascript"> window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; var annonceId = window.location.pathname.split('/').pop(); if (/^\d+$/.test(annonceId)) { window.criteo_q.push( { event: "setAccount", account: 127460 }, { event: "setSiteType", type: deviceType }, { event: "viewItem", item: annonceId } ); } </script>   <script> $(document).ready(function() { // Fonction pour tracker les consultations d'annonces function trackAnnonce() { // Récupérer l'ID de l'annonce depuis l'URL const urlParts = window.location.pathname.split('/'); const annonceId = urlParts[urlParts.length - 1]; // Dernière partie de l'URL // Vérifier que c'est bien un ID numérique if (!/^\d+$/.test(annonceId)) { console.error('ID d\'annonce invalide:', annonceId); return; } // Déterminer si la page vient du cache CloudFront let fromCache = 0; try { const navEntry = performance.getEntriesByType('navigation')[0]; fromCache = navEntry && navEntry.transferSize === 0 ? 1 : 0; } catch (e) { fromCache = 0; } // Extraire les informations depuis l'URL (format: /bateau/marque/modele-etat/id) let marque_name = ''; let modele_name = ''; let etat_name = ''; if (urlParts.length >= 4) { marque_name = urlParts[2] ? decodeURIComponent(urlParts[2]).replace(/-/g, ' ') : ''; if (urlParts[3]) { const modeleEtatPart = decodeURIComponent(urlParts[3]); // Séparer le modèle et l'état (généralement format: modele-etat) const lastDashIndex = modeleEtatPart.lastIndexOf('-'); if (lastDashIndex > 0) { modele_name = modeleEtatPart.substring(0, lastDashIndex).replace(/-/g, ' '); etat_name = modeleEtatPart.substring(lastDashIndex + 1).replace(/-/g, ' '); } else { modele_name = modeleEtatPart.replace(/-/g, ' '); } } } // Récupérer les informations depuis le titre de la page si l'extraction URL échoue if (!marque_name || !modele_name) { const pageTitle = document.title; const h1Element = document.querySelector('h1'); const h1Text = h1Element ? h1Element.textContent.trim() : ''; // Essayer d'extraire depuis le H1 ou le titre const textToAnalyze = h1Text || pageTitle; if (textToAnalyze) { // Logique simple pour extraire marque et modèle const words = textToAnalyze.split(' '); if (words.length >= 2) { marque_name = marque_name || words[0]; modele_name = modele_name || words.slice(1).join(' '); } } } // Récupérer le client_id depuis des éléments de la page si disponibles let client_id = ''; const clientElement = document.querySelector('[data-client-id]'); if (clientElement) { client_id = clientElement.getAttribute('data-client-id'); } const data = { annonce_id: annonceId, lang: 'en', marque_name: marque_name, modele_name: modele_name, etat_name: etat_name, modele_id: '', // Sera déterminé côté serveur client_id: client_id, url_complete: window.location.href, from_cache: fromCache }; // Envoyer les données via AJAX $.ajax({ url: '/ajax/track_annonce', method: 'POST', data: data, success: function(response) { console.log('Consultation d\'annonce trackée avec succès'); }, error: function(xhr, status, error) { console.error('Erreur lors du tracking de la consultation:', error); } }); } // Tracker la consultation au chargement de la page trackAnnonce(); }); </script> </body> </html>