PageSourceSearch

https://www.moncoyote.com/fr/product/581/app-coyote.html

html moncoyote.com collected 2026-09-24 10:26:45 UTC 176,169 bytes, 2,381 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="FR">
5<head>
6<meta charset="utf-8">
7<meta name="viewport" content="width=device-width, initial-scale=1">
8<meta name="robots" content="index,follow">
9
10
11<script type="text/javascript" src="//try.abtasty.com/abab72713d93e8e9593b0ccb481d4e37.js"></script>
11
12
13<meta name="google-site-verification" content="82Bp0PSdNjuCMxU2Vniw_XAfcHj4NZ-3n7Ubu5u-zDc" > 
14<meta name="google-site-verification" content="ulJ7eS-tqFAgb9KXfBArar9xV0WppeFI4mNBYUKCW2o" > 
15<meta name="google-site-verification" content="gSCmkOS0oJa32RnHhyAAQwpeUs6G9IIW0coDlA-rddQ" > 
16<meta name="google-site-verification" content="RBEKibWsAiSh5xcgGdgJ5UW-m5nZVdXSD6oUCGIbP2M" > 
17<meta name="msvalidate.01" content="B6404E0661DC9EC8226D251BE0CC3E64" >
18<meta name="apple-mobile-web-app-title" content="Coyote">
19<meta name="application-name" content="Coyote">
20
21<meta name="trustpilot-one-time-domain-verification-id" content="f3400046-b270-4937-8c20-805b56232902">
22
23
24            <title>Application assistant aide à la conduite - Avertisseurs radar, trafic, vitesse et dangers pour Android et iPhone - Appli Coyote</title>
25<meta name="description" content="L’application GPS Coyote vous alerte en temps réel des dangers, des limitations de vitesses, des radars et du trafic routiers grâce à sa
26communauté d’utilisateurs." />
27
28<link rel="canonical" href="https://www.moncoyote.com/fr/product/581/app-coyote.html" />
29
30<link rel="alternate" href="https://www.moncoyote.com/fr/product/581/app-coyote.html" hreflang="fr-FR" />
31<link rel="alternate" href="https://www.coyotesystems.be/fr/product/602/app-coyote.html" hreflang="fr-BE" />
32<link rel="alternate" href="https://www.coyotesystems.be/nl/product/603/app-coyote.html" hreflang="nl-BE" />
33<link rel="alternate" href="https://www.coyotesystems.nl/nl/product/604/app-coyote.html" hreflang="nl-NL" />
34<link rel="alternate" href="https://www.mycoyote.net/it/product/607/app-coyote.html" hreflang="it-IT" />
35<link rel="alternate" href="https://www.coyotesystems.lu/fr/product/605/app-coyote.html" hreflang="fr-LU" />
36<link rel="alternate" href="https://www.mycoyote.es/es/product/606/app-coyote.html" hreflang="es-ES" />
37
38<meta property="og:title" content="Appli Coyote - Zones de contrôle et navigation GPS sur mon mobile" />
39<meta property="og:description" content="Mon application Coyote m’alerte en temps réel des zones de contrôle, des limitations de vitesse et des perturbations de trafic. 7 jours d’essai gratuits." />
40<meta property="og:image" content="https://www.moncoyote.com/CMS/uploads/_refonte/FR/hp/app_refonte_FR_v12.webp" />
41    
42<link rel="preload" as="style" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" onload="this.onload=null;this.rel='stylesheet'">
43<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"></noscript>
44
45<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" onload="this.onload=null;this.rel='stylesheet'">
46<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"></noscript>
47
48<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap" onload="this.onload=null;this.rel='stylesheet'">
49<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap"></noscript>
50<link rel="icon" type="image/png" href="https://www.moncoyote.com/CMS/uploads/_refonte/logos/favicon/favicon-96x96.png" sizes="96x96" />
51<link rel="icon" type="image/svg+xml" href="https://www.moncoyote.com/CMS/uploads/_refonte/logos/favicon/favicon.svg" />
52<link rel="shortcut icon" href="https://www.moncoyote.com/CMS/uploads/_refonte/logos/favicon/favicon.ico" />
53<link rel="apple-touch-icon" sizes="180x180" href="https://www.moncoyote.com/CMS/uploads/_refonte/logos/favicon/apple-touch-icon.png" />
54<link rel="manifest" href="https://www.moncoyote.com/CMS/uploads/_refonte/logos/favicon/site.webmanifest" />
55<link rel="stylesheet" type="text/css" href="https://stcsiprod001.blob.core.windows.net/cache-css/bc53-min_e3ee7994aa7d5d0be2849b89b87b05f6.css" />
56
57
58<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
58
59<script type="text/javascript" src="/CMS/uploads/files/js/lazyload.1.1.min.js"></script>
59
60<script defer type="text/javascript" src="/js/shortcuts.js"></script>
60
61<script>
62const translations = {
63    PHONE_ERROR: 'Le numéro de téléphone doit contenir 9 chiffres. Il ne doit pas commencer par un zéro et ne doit contenir aucun caractère spécial.'
64};
65
66
67const lazyBackgroundElements=new Set;"undefined"!=typeof window&&(window.lazyBackgroundElements=lazyBackgroundElements);var _extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};function ajax(t){if(void 0===t.url)try{t.url=location.href}catch(n){var e;(e=document.createElement("a")).href="",t.url=e.href}if(void 0===t.type&&(t.type="GET"),void 0===t.data)t.data=null;else{var n="";for(var o in t.data)""!=n&&(n+="&"),n+=encodeURIComponent(o)+"="+encodeURIComponent(t.data[o]);t.data=n}void 0===t.statusCode&&(t.statusCode={}),void 0===t.beforeSend&&(t.beforeSend=function(){}),void 0===t.success&&(t.success=function(){}),void 0===t.error&&(t.error=function(){}),void 0===t.complete&&(t.complete=function(){}),t.statusCode[404];var s=null;if(!window.XMLHttpRequest&&!window.ActiveXObject)return alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest..."),null;if(window.ActiveXObject)try{s=new ActiveXObject("Msxml2.XMLHTTP")}catch(t){s=new ActiveXObject("Microsoft.XMLHTTP")}else s=new XMLHttpRequest;s.onreadystatechange=function(){1==s.readyState&&t.beforeSend(),4==s.readyState&&(t.complete(s,s.status),200==s.status||0==s.status?t.success(s.responseText):(t.error(s.status),void 0!==t.statusCode[s.status]&&t.statusCode[s.status]()))},"POST"==t.type?(s.open(t.type,t.url,!0),s.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"),s.send(t.data)):(s.open(t.type,t.url+t.data,!0),s.send(null))}!function(t,e){"object"===("undefined"==typeof exports?"undefined":_typeof(exports))&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.LazyLoad=e()}(this,(function(){"use strict";function t(t,e,n){return!(i(t,e,n)||a(t,e,n))}var e=function(t,e){return t.getAttribute("data-"+e)},n=function(t){return function(t,e,n){var o="data-"+e;null!==n?t.setAttribute(o,n):t.removeAttribute(o)}(t,"was-processed","true")},o=function(t){return"true"===e(t,"was-processed")},s=function(t){return t.getBoundingClientRect().top+window.pageYOffset-t.ownerDocument.documentElement.clientTop},i=function(t,e,n){return(e===window?window.innerHeight+window.pageYOffset:s(e)+e.offsetHeight)<=s(t)-n},a=function(t,e,n){return(e===window?window.pageYOffset:s(e))>=s(t)+n+t.offsetHeight},r=function(t,e){var n,o=new t(e);try{n=new CustomEvent("LazyLoad::Initialized",{detail:{instance:o}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent("LazyLoad::Initialized",!1,!1,{instance:o})}window.dispatchEvent(n)},l=function(t,e){return t&&"string"==typeof t&&e?t.replace(/\.(jpe?g|png)/gi,".webp"):t},d="undefined"!=typeof window,c=d&&!("onscroll"in window)||/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),u=d&&"classList"in document.createElement("p"),p=d&&function(){var t=document.createElement("canvas");return!(!t.getContext||!t.getContext("2d"))&&0===t.toDataURL("image/webp").indexOf("data:image/webp")}(),h=function(t,e){u?t.classList.add(e):t.className+=(t.className?" ":"")+e},f=function(t,n,o,s){for(var i,a=0;i=t.children[a];a+=1)if("SOURCE"===i.tagName){var r=e(i,o);m(i,n,r,s)}},m=function(t,e,n,o){n&&t.setAttribute(e,l(n,o))},g=function(t,n){const o=p&&n.to_webp,s={landscape:{"1x":e(t,"bg-landscape-1x"),"2x":e(t,"bg-landscape-2x"),"3x":e(t,"bg-landscape-3x")},portrait:{"2x":e(t,"bg-portrait-2x"),"3x":e(t,"bg-portrait-3x")}};function i(t,e=1){if(!t)return null;const n=t.match(/(\d{3,5})(?=\.[a-z]{3,4}($|\?))/i);return n?parseInt(n[1],10)/e:null}const a={landscape:parseInt(t.getAttribute("data-landscape-base-width"),10)||i(s.landscape["1x"],1)||i(s.landscape["2x"],2)||i(s.landscape["3x"],3),portrait:parseInt(t.getAttribute("data-portrait-base-width"),10)||i(s.portrait["2x"],2)||i(s.portrait["3x"],3)},r=t.offsetHeight>t.offsetWidth,d=window.devicePixelRatio||1,c=window.screen.width,u=1===d&&c>=1920?2:d,h=Math.round(t.offsetWidth*u),f={isPortrait:r,dpr:u,targetWidth:h,baseWidths:a,landscape:{...s.landscape},portrait:{...s.portrait},step:[],chosen:null};let m=null;const g=t=>{const e=a[t];
67if(!e)return null;const n=s[t],o=[];n["1x"]&&"landscape"===t&&o.push({factor:1,url:n["1x"],width:e}),n["2x"]&&o.push({factor:2,url:n["2x"],width:2*e}),n["3x"]&&o.push({factor:3,url:n["3x"],width:3*e}),f.step.push("Check best fit in "+t);for(let t of o)if(t.width>=h)return f.step.push(`Match ${t.factor}x (${t.width}px >= ${h}px)`),t.url;if(o.length>0){const t=o[o.length-1];return f.step.push(`Fallback to largest: ${t.factor}x (${t.width}px)`),t.url}return null};if(m=g(r?"portrait":"landscape"),!m){const t=r?"landscape":"portrait";f.step.push("Fallback to "+t),m=g(t)}return m||(f.step.push("Ultimate fallback to any image"),m=s.landscape["2x"]||s.landscape["1x"]||s.landscape["3x"]||s.portrait["2x"]||s.portrait["3x"]),f.chosen=m||null,!!m&&(t.style.backgroundImage=`url("${l(m,o)}")`,!0)},b=function(t,n){if(g(t,n))return void window.lazyBackgroundElements.add([t,n]);const o=p&&n.to_webp,s=e(t,n.data_src),i=e(t,n.data_bg);s?t.style.backgroundImage='url("'+l(s,o)+'")':i&&(t.style.backgroundImage=l(i,o))},v={IMG:function(t,n){var o=p&&n.to_webp,s=n.data_srcset,i=t.parentNode;i&&"PICTURE"===i.tagName&&f(i,"srcset",s,o);var a=e(t,n.data_sizes);m(t,"sizes",a);var r=e(t,s);m(t,"srcset",r,o);var l=e(t,n.data_src);m(t,"src",l,o)},IFRAME:function(t,n){var o=e(t,n.data_src);m(t,"src",o)},VIDEO:function(t,n){var o=n.data_src,s=e(t,o);f(t,"src",o),m(t,"src",s),t.load()}},_=function(t,e){var n=e._settings,o=t.tagName,s=v[o];if(s)return s(t,n),e._updateLoadingCount(1),void(e._elements=function(t,e){return t.filter((function(t){return t!==e}))}(e._elements,t));b(t,n)},w=function(t,e){t&&t(e)},y=function(t,e,n){t.addEventListener(e,n)},E=function(t,e,n){t.removeEventListener(e,n)},x=function(t,e,n){E(t,"load",e),E(t,"loadeddata",e),E(t,"error",n)},S=function(t,e,n){var o=n._settings,s=e?o.class_loaded:o.class_error,i=e?o.callback_load:o.callback_error,a=t.target;(function(t,e){u?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")})(a,o.class_loading),h(a,s),w(i,a),n._updateLoadingCount(-1)},L=function(t,e){var n=function n(s){S(s,!0,e),x(t,n,o)},o=function o(s){S(s,!1,e),x(t,n,o)};!function(t,e,n){y(t,"load",e),y(t,"loadeddata",e),y(t,"error",n)}(t,n,o)},T=["IMG","IFRAME","VIDEO"],C=function(t){this._settings=_extends({},{elements_selector:"img",container:window,threshold:300,throttle:150,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_src_1x:"src-1x",data_src_2x:"src-2x",data_src_3x:"src-3x",data_bg_landscape_1x:"bg-landscape-1x",data_bg_landscape_2x:"bg-landscape-2x",data_bg_landscape_3x:"bg-landscape-3x",data_bg_portrait_2x:"bg-portrait-2x",data_bg_portrait_3x:"bg-portrait-3x",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_initial:"initial",skip_invisible:!1,callback_load:null,callback_error:null,callback_set:null,callback_enter:null,callback_finish:null,to_webp:!1},t),this._loadingCount=0,this._queryOriginNode=this._settings.container===window?document:this._settings.container,this._previousLoopTime=0,this._loopTimeout=null,this._boundHandleScroll=this.handleScroll.bind(this),this._isFirstLoop=!0,window.addEventListener("resize",this._boundHandleScroll),this.update()};return"undefined"!=typeof window&&(window.updateResponsiveBackground=g),C.prototype={_loopThroughElements:function(e){var n=this._settings,o=this._elements,s=o?o.length:0,i=void 0,a=[],r=this._isFirstLoop;if(r&&(this._isFirstLoop=!1),0!==s){for(i=0;i<s;i++){var l=o[i];n.skip_invisible&&null===l.offsetParent||(e||t(l,n.container,n.threshold))&&(r&&h(l,n.class_initial),this.load(l),a.push(i))}!function(t,e){for(;e.length;)t.splice(e.pop(),1)}(o,a)}else this._stopScrollHandler()},_startScrollHandler:function(){this._isHandlingScroll||(this._isHandlingScroll=!0,this._settings.container.addEventListener("scroll",this._boundHandleScroll))},_stopScrollHandler:function(){this._isHandlingScroll&&(this._isHandlingScroll=!1,this._settings.container.removeEventListener("scroll",this._boundHandleScroll))},_updateLoadingCount:function(t){this._loadingCount+=t,0===this._elements.length&&0===this._loadingCount&&w(this._settings.callback_finish)},handleScroll:function(){var t=this._settings.throttle;if(0!==t){var e=Date.now(),n=t-(e-this._previousLoopTime);n<=0||n>t?(this._loopTimeout&&(clearTimeout(this._loopTimeout),this._loopTimeout=null),this._previousLoopTime=e,this._loopThroughElements()):this._loopTimeout||(this._loopTimeout=setTimeout(function(){this._previousLoopTime=Date.now(),this._loopTimeout=null,this._loopThroughElements()}
67.bind(this),n))}else this._loopThroughElements()},loadAll:function(){this._loopThroughElements(!0)},update:function(t){var e=this._settings,n=t||this._queryOriginNode.querySelectorAll(e.elements_selector);this._elements=function(t){return t.filter((function(t){return!o(t)}))}(Array.prototype.slice.call(n)),c?this.loadAll():(this._loopThroughElements(),this._startScrollHandler())},destroy:function(){window.removeEventListener("resize",this._boundHandleScroll),this._loopTimeout&&(clearTimeout(this._loopTimeout),this._loopTimeout=null),this._stopScrollHandler(),this._elements=null,this._queryOriginNode=null,this._settings=null},load:function(t,e){!function(t,e,s){var i=e._settings;!s&&o(t)||(w(i.callback_enter,t),T.indexOf(t.tagName)>-1&&(L(t,e),h(t,i.class_loading)),_(t,e),n(t),w(i.callback_set,t))}(t,this,e)}},d&&function(t,e){if(e)if(e.length)for(var n,o=0;n=e[o];o+=1)r(t,n);else r(t,e)}(C,window.lazyLoadOptions),C}));const callPhone=(t,e)=>{t.preventDefault(),location.href=`tel:${e}`},addZero=t=>t<10?`0${t}`:`${t}`,setCountdownFull=t=>{if(!t||!(t instanceof Element||t instanceof NodeList||t instanceof HTMLCollection||Array.isArray(t)))return;const e=t instanceof Element?[t]:Array.from(t),n=1e3,o=6e4,s=36e5,i=24*s;e.forEach((t=>{const e=new Date(t.dataset.date).getTime();if(isNaN(e))return;const a=()=>{const a=Date.now(),r=e-a;if(r<0)return;const l=Math.floor(r/i),d=Math.floor(r%i/s),c=Math.floor(r%s/o),u=Math.floor(r%o/n);l>0&&(t.querySelector("#days").textContent=l),t.querySelector("#hours").textContent=addZero(d),t.querySelector("#minutes").textContent=addZero(c),t.querySelector("#seconds").textContent=addZero(u)};a(),setInterval(a,n)}))},initCarouselReview=()=>{const t=document.getElementById("carousel-review");if(!t)return;const e=t.querySelectorAll(".carousel-item");let n=t.querySelector(".carousel-item.active")?.offsetHeight||0;t.addEventListener("slid.bs.carousel",(o=>{t.style.height=`${n}px`,n=o.relatedTarget?.offsetHeight||0,t.style.height=`${n}px`,setTimeout((()=>{t.style.height="auto"}),250),e.forEach((t=>t.classList.remove("op-1"))),setTimeout((()=>{o.relatedTarget?.classList.add("op-1")}),150)}))};document.addEventListener("DOMContentLoaded",(()=>{const t=document.getElementById("main_nav"),e=document.getElementById("navbar_top"),n=document.getElementById("pdct-nav"),o=document.body,s=()=>(e?.offsetHeight||0)+(n?.offsetHeight||0)+32;if(t&&(document.querySelector(".navbar"),t.addEventListener("show.bs.collapse",(()=>{e?.classList.add("open")})),t.addEventListener("shown.bs.collapse",(()=>{o.classList.add("offcanvas-active"),e?.classList.add("opened")})),t.addEventListener("hide.bs.collapse",(()=>{o.classList.remove("offcanvas-active"),e?.classList.remove("open","opened")}))),window.hash=location.hash.slice(1),location.hash.substr(1),window.hash){const t=document.getElementById(window.hash);if(t){const e=t.getBoundingClientRect().top+window.scrollY-s();scrollTo({top:e,behavior:"smooth"})}}location.hash&&history.replaceState(null,null," "),document.querySelectorAll('a[href^="#"]').forEach((t=>{t.addEventListener("click",(e=>{const n=t.getAttribute("href").slice(1),o=document.getElementById(n);if(!o)return;e.preventDefault();const i=o.getBoundingClientRect().top+window.scrollY-s();scrollTo({top:i,behavior:"smooth"}),history.pushState(null,"",`#${n}`)}))}));const i=document.getElementById("contentLegal");i?.childNodes.length<2&&document.getElementById("blockLegal")?.remove(),window.bootstrap&&window.bootstrap.Modal&&document.querySelectorAll('.modal[data-open="true"]').forEach((t=>{(bootstrap.Modal.getInstance(t)||new bootstrap.Modal(t)).show()}))}));const launchvideo=t=>{const e=document.getElementById("ModalVideo");
67if(!e)return;const n=e.querySelector(".modal-body");n.innerHTML=`<iframe src="${t}" title="YouTube" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" style="width:100%;height:45vh; margin-bottom:-7px;"></iframe>`;new bootstrap.Modal(e).show();const o=()=>{n.innerHTML="",e.removeEventListener("hidden.bs.modal",o)};e.addEventListener("hidden.bs.modal",o)},renderOptionContent=(t,e)=>{t.innerHTML="";const n=e?.dataset?.img;if(n){const e=document.createElement("img");e.src=n,e.alt="",t.appendChild(e)}t.appendChild(document.createTextNode(e?.text??""))},setSelect=t=>{if(!t||!t.options||0===t.options.length)return;const e=t.nextElementSibling;e?.classList?.contains("btn-select")&&e.remove();const n=t.nextElementSibling;n?.classList?.contains("dropdown-menu")&&n.remove();const o=t.parentElement;if(o?.classList?.contains("input-group")&&"SPAN"!==o.tagName){const e=document.createElement("span");o.insertBefore(e,t),e.appendChild(t)}t.style.display="none";const s=t.options[t.selectedIndex]||t.options[0],i=document.createElement("button");if(i.type="button",i.className="btn btn-select"+(t.disabled||1===t.options.length?" disabled":" dropdown-toggle"),i.setAttribute("aria-expanded","false"),renderOptionContent(i,s),!t.disabled&&t.options.length>1){i.setAttribute("data-bs-toggle","dropdown");const e=document.createElement("ul");e.className="dropdown-menu",setSelectButtons(t,e,i),t.after(i),i.after(e)}else t.after(i)},setSelectButtons=(t,e,n)=>{Array.from(t.options).forEach(((o,s)=>{const i=document.createElement("li"),a=document.createElement("a");a.href="#",a.className="dropdown-item",a.dataset.index=String(s),renderOptionContent(a,o),a.addEventListener("click",(e=>{e.preventDefault();const o=Number(e.currentTarget.dataset.index);t.selectedIndex=o,renderOptionContent(n,t.options[o]),t.dispatchEvent(new Event("change",{bubbles:!0}))})),i.appendChild(a),e.appendChild(i)}))},onlyNumber=t=>{setTimeout((()=>{t.value=t.value.replace(/[^\d\s]/g,"")}),100)};function toggleViewPassword(t,e,n){t.preventDefault();var o=document.getElementById(e),s=n.getElementsByClassName("bi");0!=o.value.length&&("password"===o.type?(o.type="text",s[0].classList.remove("bi-eye-fill"),s[0].classList.add("bi-eye-slash-fill")):(o.type="password",s[0].classList.remove("bi-eye-slash-fill"),s[0].classList.add("bi-eye-fill")))}class FormValidator{constructor(t){this.form=t,this.allInputs=[...t.querySelectorAll("input, select, textarea")],this.hasFailedSubmitAttempt=!1,this.init()}init(){this.form.noValidate=!0,this.getEnabledInputs().forEach((t=>{const e=this.getDefaultEventType(t);t.addEventListener(e,(()=>this.handleValidation(t))),t.addEventListener("focusout",(()=>this.handleValidation(t)))})),this.form.querySelectorAll('button[type="submit"], input[type="submit"]').forEach((t=>{t.addEventListener("click",(t=>this.handleSubmitClick(t)),!0)})),this.form.addEventListener("submit",(t=>this.handleSubmit(t)),!0)}isEffectivelyDisabled(t){return t.disabled||!!t.closest("fieldset[disabled]")}getEnabledInputs(){return this.allInputs.filter((t=>!this.isEffectivelyDisabled(t)))}getDefaultEventType(t){return["checkbox","radio"].includes(t.type)||"SELECT"===t.tagName?"change":"input"}handleValidation(t){if(this.isEffectivelyDisabled(t))return;const e=t.checkValidity();if(t.parentNode?.classList.add("was-validated"),this.isSpecialInput(t)&&(e?this.removePhoneError(t):this.showPhoneError(t)),this.hasFailedSubmitAttempt){const t=this.form.checkValidity();this.toggleSubmitState(!t)}}handleSubmitClick(t){this.validateAndHandleSubmission(t)}handleSubmit(t){this.validateAndHandleSubmission(t)}validateAndHandleSubmission(t){if(this.form.checkValidity())this.hasFailedSubmitAttempt=!1,this.toggleSubmitState(!1,!0);else{this.hasFailedSubmitAttempt=!0,t.preventDefault(),t.stopPropagation(),"function"==typeof t.stopImmediatePropagation&&t.stopImmediatePropagation(),this.form.reportValidity();const e=this.form.querySelector(":invalid:not(:disabled)");e&&(e.focus(),e.classList.add("jiggle"),setTimeout((()=>e.classList.remove("jiggle")),300)),this.toggleSubmitState(!0)}this.form.classList.add("was-validated"),this.getEnabledInputs().forEac
67h((t=>{t.parentNode?.classList.add("was-validated")}))}toggleSubmitState(t,e=!1){this.form.querySelectorAll('button[type="submit"], input[type="submit"]').forEach((n=>{n.disabled=t,n.classList.toggle("disabled",t),n.classList.toggle("loading",e)}))}isSpecialInput(t){return"[1-79]{1}[0-9]{8}"===t.getAttribute("pattern")||t.classList.contains("phoneSuffix")}showPhoneError(t){if(this.isEffectivelyDisabled(t))return;const e=t.closest(".input-group");if(!e)return;const n=e.nextElementSibling;n?.classList.contains("text-danger")&&n.remove();const o=document.createElement("p");o.className="small text-danger mt-1",o.textContent=translations.PHONE_ERROR,e.insertAdjacentElement("afterend",o)}removePhoneError(t){const e=t.closest(".input-group"),n=e?.nextElementSibling;n?.classList.contains("text-danger")&&n.remove()}refresh({loading:t=!1}={}){this.allInputs.forEach((t=>{this.isEffectivelyDisabled(t)&&this.isSpecialInput(t)&&this.removePhoneError(t)}));const e=this.form.checkValidity();return this.hasFailedSubmitAttempt?this.toggleSubmitState(!e,t&&e):this.toggleSubmitState(!1,t&&e),e}}
68</script>
68
69
70
71  
72
73<script>
74function displayPhoneNumber(el, num) {
75
76  var DEFAULT_PHONE = "01 76 49 48 47";
77
78  if (!num) num = DEFAULT_PHONE;
79  if (el instanceof Event) el = el.currentTarget || el.target;
80  var digits = String(num).replace(/\D/g, "");
81  if (el) {
82    el.textContent = num;
83    if (el.tagName === 'A') el.href = "tel:" + digits;
84    if (el.removeAttribute) el.removeAttribute("onclick");
85  }
86  return false;
87}
88</script>
88
89
90</head>
91<body data-gabarit="coyote-2022">
92<!-- GTM -->
93<script type="text/javascript">dataLayer = [{"Environment":"PROD","Country_Code":"FR","Display_Mode":"standard","Page_Category":"fiche-produit","dataLayer_Contains_User_Info_Block":"false","transactionConfirmationPage":"false","Page_Name":"boitier","Page_Product":{"sku":"3880000888801","name":"APP Coyote","category":"BOI","category_web":"APP","linked_brand":"COY","price":"999999"}}];</script>
93<!-- Google Tag Manager -->
94			
94<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
95			new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
96			j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
97			"https:\/\/metrics.moncoyote.com"+'/kubnaa680js8nr5.js?aw='+i.replace(/^GTM-/, '')+dl;f.parentNode.insertBefore(j,f);
98			})(window,document,'script','dataLayer',"GTM-PHFX75");</script>
98
99			<!-- End Google Tag Manager -->
100<!-- GTM -->
101
102
103
104
105
106                    
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121<style>
122@media (max-width: 991.98px) {
123    #navbar_top.navbar.open {
124        height: calc(100vh - 32px);
125    }
126}
127</style>
128<div class="position-relative p-3 bg-gradient-dark text-white text-center">
129    <p id="reinsurance_1" class="active reinsurance">Paiement sécurisé</p>
130    <p id="reinsurance_2" class="reinsurance">Boîtiers & accessoires garantis 2 ans</p>
131    <p id="reinsurance_3" class="reinsurance">Livraison offerte dès 100€ d'achat</p>
132    <p id="reinsurance_4" class="reinsurance">Click & Collect en 1h en magasin - <a class="text-white" href="https://www.moncoyote.com/fr/store-locator-fr.html">Plus d'infos</a></p>
133</div>
134
135
136
137
138
139<!--Nav bar-->
140<nav id="navbar_top" style="z-index: 1050" class="heightNav navbar position-sticky top-0 navbar-expand-lg navbar-shadow bg-white">
141<!-- test -->
142    <div class="container-lg">
143        <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"
144        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" >
145            <span class="toggler-icon top-bar"></span>
146            <span class="toggler-icon middle-bar"></span>
147            <span class="toggler-icon bottom-bar"></span>
148        </button>
149        <a class="navbar-brand" href="https://www.moncoyote.com/fr/">
150            
151                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="31px" height="24px" viewBox="0 0 31 20" version="1.1">
152                    <g id="aide-a-la-conduite" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
153                        <g id="menu" transform="translate(-197, -20)" fill="#23D63E">
154                            <g id="header" transform="translate(-20, 0)">
155                                <g id="Logo_Coyote_rvb" transform="translate(217.415, 20)">
156                                    <path d="M8.91699825,9.14352066 C8.91699825,7.59440649 11.2748222,6.37269638 13.0933785,6.37269638 C14.5105699,6.37269638 15.1627702,7.00242917 15.1627702,7.88405508 C15.1627702,9.43316925 12.8049462,10.6548794 10.9863899,10.6548794 C9.56919854,10.6548794 8.91699825,10.0251466 8.91699825,9.14352066 L8.91699825,9.14352066 Z M22.7879948,7.84629961 C22.7879948,4.69763565 20.5304766,2.20392229 14.9119349,2.20392229 C8.54074521,2.20392229 2.0818767,6.23421216 2.0818767,11.0579368 C2.0818767,14.2694316 4.94137137,16.4734964 9.89522775,16.4734964 C14.849226,16.4734964 18.9000467,14.584298 21.533818,11.9646381 L27.9677165,14.4583514 C24.2930069,17.8336907 18.1475407,20 12.7422374,20 C4.45218568,20 0,15.554115 0,11.4230964 C0,5.66745265 7.47469495,0 16.7930581,0 C25.4468779,0 30.0620782,4.13087614 29.9993693,7.84629961 L22.7879948,7.84629961 Z" id="Fill-1"/>
157                                </g>
158                            </g>
159                        </g>
160                    </g>
161                </svg>
162            
163        </a>
164        <div class="d-lg-none position-relative">
165            <ul class="navbar-nav ms-auto navRight flex-row justify-content-center align-items-center">
166                <li class="nav-item">
167                                        <a class="nav-link px-3" href="https://www.moncoyote.com/fr/cart"><i class="bi bi-bag"></i></a>
168                                    </li>
169                <!--LogIn-->
170                                 <li class="nav-item dropdown">
171                    <button class="btn btn-sm btn-outline-secondary" type="button" style="min-width: auto;"  onclick="location.href='/fr/users/index/my-account';"><i class="bi bi-person"></i></button>
172                </li>
173                <!--LogIn end-->
174                                <!--Log end-->
175            </ul>
176        </div>
177        <div class="collapse navbar-collapse" id="main_nav">
178            
179<ul class="navbar-nav">
180    <li class="nav-item active">
181        <a class="nav-link noMobile dropdown-toggle" href="https://www.moncoyote.com/fr/service.html" data-bs-toggle="dropdown" data-trigger="poducts">Aide à la conduite <i class="bi bi-chevron-right d-lg-none text-green"></i></a>
182        <div id="poducts" class="dropdown-menu megamenu mobile-offcanvas" role="menu">
183            <div class="container-lg">
184                <div class="offcanvas-header">  
185                    <button class="btn-close"> <i class="bi bi-chevron-left text-green"></i> Aide à la conduite</button>
186                </div>
187                <div class="row">
188                    <div class="col-lg-3">
189                        <div class="card app">
190                            <span class="list-group-item">
191                                <a href="https://www.moncoyote.com/fr/product/581/app-coyote.html">
192                                    <span class="row g-0">
193                                        <span class="col-3">
194                                            <img src="https://www.moncoyote.com/CMS/uploads/products/id581/appli-coyote.webp" class="card-img pe-4 p-xl-0" alt="appli-coyote.webp">
195                                        </span>
196                                        <span class="col-9">
197                                            <span class="card-title">Appli <br class="d-none d-lg-block"> Coyote</span>  
198                                        </span>
199                                    </span>
200                                </a>
201                            </span>
202                        </div>
203                    </div>
204                    <div class="col-lg-3">
205                        <div class="card max">
206                            <span class="list-group-item">
207                                <a href="https://www.moncoyote.com/fr/product/658/coyote-max.html" data-qa="coyote-max">
208                                    <span class="row g-0">
209                                        <span class="col-3">
210                                            <img src="https://www.moncoyote.com/CMS/uploads/products/id658/Coyote-max.webp" class="card-img p-2" alt="Coyote-max.webp">
211                                        </span>
212                                        <span class="col-9">
213                                            <span class="card-title">Coyote  Max</span>
214                                        </span>
215                                    </span>
216                                </a>
217                            </span>
218                        </div>
219                        <div class="card acc">
220                            <ul class="list-group list-group-flush">
221                              <li class="list-group-item">
222                                <a href="https://www.moncoyote.com/fr/tous-les-accessoires.html">
223                                    <span class="row g-0">
224                                        <span class="col-lg-4 col-3">
225                                        <img src="/CMS/uploads/_refonte/FR/nav/accessoires.webp" class="img-fluid rounded-start" alt="accessoires coyote">
226                                        </span>
227                                        <span class="col-lg-8 col-9">
228                                            <span class="card-title">Accessoires</span>
229                                        </span>
230                                    </span>
231                                </a>
232                              </li>
233                            </ul>
234                        </div>
235                    </div>
236                    <div class="col-lg-2 service">
237                        <a href="https://www.moncoyote.com/fr/service.html" class="card">
238                            <span class="card-body">
239                              <span class="card-title">Découvrir le service</span>
240                              <i class="bi bi-arrow-right-short"></i>
241                            </span>
242                        </a>
243                        <a href="https://www.moncoyote.com/fr/experience-coyote-drive.html" class="card">
244                            <span class="card-body">
245                              <span class="card-title">Expérience Coyote Drive</span>
246                              <i class="bi bi-arrow-right-short"></i>
247                            </span>
248                        </a>
249                        <a href="https://www.moncoyote.com/fr/quel-boitier-choisir.html" class="card">
250                            <span class="card-body">
251                              <span class="card-title">Comparer nos solutions</span>
252                              <i class="bi bi-arrow-right-short"></i>
253                            </span>
254                        </a>
255                    </div>
256                    <div class="col-lg-1"></div>
257                    <div class="col col-op">
258                                        </div>
259                </div>
260            </div>
261           
262        </div>
263    </li>
264    <li class="nav-item dropdown has-megamenu">
265        <a class="nav-link noMobile dropdown-toggle" href="https://www.moncoyote.com/fr/coyote-secure.html" data-bs-toggle="dropdown" data-trigger="secure"> Récupération après-vol <i class="bi bi-chevron-right d-lg-none text-green"></i></a>
266        <div id="secure" class="dropdown-menu megamenu mobile-offcanvas" role="menu">
267            <div  class="container-lg">
268                <div class="offcanvas-header">  
269                    <button class="btn-close"> <i class="bi bi-chevron-left text-green"></i> Récupération après-vol</button>
270                </div>
271                <div class="row">
272                    <div class="col-lg-5">
273                        <a href="https://www.moncoyote.com/fr/product/582/coyote-secure-auto.html" class="card secure">
274                            <img src="/CMS/uploads/_refonte/FR/nav/secure-auto.webp" class="card-img" style="max-height: 190px; object-fit: contain; object-position: left;" alt="secure auto">
275                            <span class="card-img-overlay">
276                              <span class="card-title">Coyote Secure</span>                                          
277                            </span>
278                        </a>
279                    </div>
280                    <div class="col-lg-3 service">
281                        <a href="https://www.moncoyote.com/fr/coyote-secure.html" class="card">
282                            <span class="card-body justify-content-between">
283                              <span class="card-title">Découvrir le service</span>
284                              <i class="bi bi-arrow-right-short"></i>
285                            </span>
286                        </a>
287                        <a href="https://www.moncoyote.com/fr/landing-app-secure-2022.html" class="card">
288                            <span class="card-body justify-content-between">
289                              <span class="card-title">Coyote Secure & Drive</span>
290                              <i class="bi bi-arrow-right-short"></i>
291                            </span>
292                        </a>
293                    </div>
294                    <div class="col-lg-1"></div>
295                </div>
296            </div>
297        </div>
298    </li>
299    <li class="nav-item dropdown has-megamenu">
300        <a class="nav-link noMobile dropdown-toggle" href="https://www.moncoyote.com/fr/store-locator-fr.html" data-bs-toggle="dropdown" data-trigger="shop"> Nos stores <i class="bi bi-chevron-right d-lg-none text-green"></i></a>
301        <div id="shop" class="dropdown-menu megamenu  mobile-offcanvas" role="menu">
302            <div class="container-lg">
303                <div class="offcanvas-header">  
304                    <button class="btn-close"> <i class="bi bi-chevron-left text-green"></i> Nos stores</button>
305                </div>
306                <div class="row">
307                    <div class="col-lg-6">
308                        <div class="card shop">                                        
309                            <div class="card-body">
310                              <div class="row">
311                                  <div class="col-lg-6 py-2">
312                                      <a href="https://www.moncoyote.com/fr/store/aix-en-provence.html">Aix-En-Provence</a>
313                                      <a href="https://www.moncoyote.com/fr/store/bordeaux.html">Bordeaux</a>
314                                      <a href="https://www.moncoyote.com/fr/store/lyon.html">Lyon</a>
315                                  </div>
316                                  <div class="col-lg-6 py-2">
317                                    <a href="https://www.moncoyote.com/fr/store/nantes.html">Nantes</a>
318                                    <a href="https://www.moncoyote.com/fr/store/paris.html">Paris Grande Armée</a>
319                                    <a href="https://www.moncoyote.com/fr/store/toulouse.html">Toulouse</a>
320                                  </div>
321                                  <!--<div class="col-lg-4">-->
322                                    
323                                  <!--</div>-->
324                              </div>                                       
325                            </div>
326                        </div>
327                    </div>
328                    <div class="col-lg-2 service">
329                        <a href="https://www.moncoyote.com/fr/store-locator-fr.html" class="card">
330                            <span class="card-body">
331                              <span class="card-title">Voir la carte des stores</span>
332                              <i class="bi bi-arrow-right-short"></i>
333                            </span>
334                        </a>
335                    </div>
336                    <div class="col-lg-1"></div>
337                    <div class="col col-op">
338                                        </div>
339                </div>
340            </div>
341        </div>
342    </li>
343    <li class="nav-item padBord d-lg-none d-xl-inline"><a class="nav-link" href="https://business-services.moncoyote.com/" target="_blank"><span class="">Coyote Business Services</span><i class="bi bi-chevron-right d-lg-none text-green"></i></a></li>
344    <li class="nav-item padBord">
345        <a class="nav-link noMobile dropdown-toggle" href="https://corporate.moncoyote.com/coyote-aujourdhui/" data-bs-toggle="dropdown" data-trigger="propos"> À propos <i class="bi bi-chevron-right d-lg-none text-green"></i></a>
346        <div id="propos" class="dropdown-menu megamenu mobile-offcanvas" role="menu">
347            <div  class="container-lg">
348                <div class="offcanvas-header">  
349                    <button class="btn-close"> <i class="bi bi-chevron-left text-green"></i> À propos</button>
350                </div>
351                <div class="row propos">
352                    <div class="col-lg-2">
353                        <a href="https://www.moncoyote.com/blog/" target="_blank" class="card">
354                            <img src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/hp/coyote_elipse.webp" class="card-img-top" alt="blog coyote">
355                            <span class="card-body">
356                              <span class="card-text">Le Blog Coyote <i class="bi bi-chevron-right d-lg-none text-green"></i></span>
357                            </span>
358                        </a>
359                    </div>
360                    <div class="col-lg-2">
361                        <a href="https://corporate.moncoyote.com/la-presse-parle-de-nous/" target="_blank" class="card">
362                            <img src="/CMS/uploads/_refonte/FR/nav/img-press.webp" class="card-img-top" alt="revue presse">
363                            <span class="card-body">
364                              <span class="card-text">La revue de presse <i class="bi bi-chevron-right d-lg-none text-green"></i></span>
365                            </span>
366                        </a>
367                    </div>
368                    <div class="col-lg-2">
369                        <a href="https://corporate.moncoyote.com/qui-sommes-nous/" target="_blank" class="card">
370                            <img src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/hp/nous_decouvrir_2025.webp" class="card-img-top" alt="Qui sommes-nous">
371                            <span class="card-body">
372                              <span class="card-text">Nous découvrir <i class="bi bi-chevron-right d-lg-none text-green"></i></span>
373                            </span>
374                        </a>
375                    </div>  
376                    <div class="col-lg-2">
377                        <a href="https://coyotesystem.flatchr.io/" target="_blank" class="card">
378                            <img src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/hp/coyote_rejoignez_nous_2025.webp" class="card-img-top" alt="Rejoignez-nous">
379                            <span class="card-body">
380                              <span class="card-text">Nous recrutons <i class="bi bi-chevron-right d-lg-none text-green"></i></span>
381                            </span>
382                        </a>
383                    </div>                                
384                </div>
385            </div>
386        </div>
387    </li>
388</ul>
389            <ul class="navbar-nav ms-auto navRight incollapse">
390                <li class="nav-item"><a class="nav-link d-flex align-items-center" href="https://www.moncoyote.com/fr/users/index/pre-registration">
391                    <i class="bi bi-save"></i> Enregistrer<br class="d-none d-lg-block"> un boîtier </a>
392                </li>
393                <li class="nav-item"><a class="nav-link d-flex align-items-center" href="https://www.moncoyote.com/fr/contact-fr.html">
394                    <i class="bi bi-chat"></i> Assistance</a>
395                </li>
396                <li class="nav-item d-none d-lg-block">
397                                        <a class="nav-link d-flex align-items-center" href="https://www.moncoyote.com/fr/cart"><i class="bi bi-bag"></i> Panier</a>
398                                    </li>
399                
400                <!--LogIn-->
401                                <li class="nav-item dropdown">
402                    <button  class="btn btn-sm btn-secondary light" onclick="location.href='/fr/users/index/my-account';" type="button">Se connecter</button>
403                </li>
404                <!--LogIn end-->
405                               <!--Log end-->
406            </ul>
407        </div> <!-- navbar-collapse.// -->        
408    </div> <!-- container-fluid.// -->
409</nav>
410<!--Nav bar end-->
411
412
413<main id="main">
414<!-- start content -->
415<link rel="stylesheet" type="text/css" href="https://stcsiprod001.blob.core.windows.net/cache-css/fp-2022_7503eabc11c6167aa69b376e1f94e4cf.css" />
416
417
418
419<nav id="pdct-nav" class="navbar navbar-expand-lg navbar-light sp-navbar bg-light justify-content-center">
420    <ul class="navbar-nav">
421        <li class="nav-item">
422            <a id="cross-3-nav" class="nav-link" href="https://www.moncoyote.com/fr/product/658/coyote-max.html">Coyote Max</a>
423        </li>
424        <li class="nav-item">
425            <a id="cross-6-nav" class="nav-link" href="https://www.moncoyote.com/fr/product/581/app-coyote.html">Appli Coyote</a>
426        </li>
427    </ul>
428    <div class="d-flex ms-4">
429        <a href="/fr/quel-boitier-choisir.html" class="btn btn-sm btn-secondary light">Comparer</a>
430    </div>
431</nav>
432
433    
434<style>
435    .img-app-res {
436        max-height:280px;
437    }
438    @media (min-width: 768px) {
439    .img-app-res {
440        max-height:400px;
441    }
442    }
443</style>
444
445<section id="s0" class="product container py-s ssp">
446    <div class="row">
447        <div class="col-12 col-md-6 text-center position-relative">
448                            <div class="row g-3 align-items-start product-gallery justify-content-center">
449    
450    <!-- Main carousel -->
451
452    <div class="col-12 col-lg-8 flex-grow-1 order-lg-2">
453
454        <div
455
456            id="productCarousel"
457
458            class="carousel slide product-main-media"
459
460            data-bs-touch="true"
461
462            data-bs-ride="false"
463
464            data-bs-interval="false">
465
466            <div class="carousel-inner">
467
468                <div class="carousel-item active">
469                
470                    <div class="video-square img-app-res" style="aspect-ratio: 1 / 1; width: 100%; overflow: hidden;">
471                      <video
472                        style=" width: 100%; height: 100%; object-fit: contain; display: block;"
473                        class="img-fluid lazy img-app-res initial loaded"
474                        muted
475                        loop
476                        playsinline
477                        autoplay
478                        preload="none"
479                        poster="https://www.moncoyote.com/CMS/uploads/products/id581/appli-coyote.webp"
480                        data-src="https://www.moncoyote.com/CMS/uploads/products/id581/M
480ockup_Mode_expert_dark_V12_490.webm"
481                        src="https://www.moncoyote.com/CMS/uploads/products/id581/Mockup_Mode_expert_dark_V12_490.webm"
482                        aria-label="Démonstration du mode expert et carte dark">
483                      </video>
484                    </div>
485
486                </div>
487
488                <div class="carousel-item">
489
490                    <img
491
492                        class="img-fluid lazy img-app-res"
493
494                        alt="Appli Coyote"
495
496                        data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/app/Montage_1_AppliCoyote_Pers_Droite_4.webp">
497
498                </div>
499                
500                <div class="carousel-item">
501
502                    <img
503
504                        class="img-fluid lazy img-app-res"
505
506                        alt="Appli Coyote"
507
508                        data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/app/Montage_1_AppliCoyote_Pers_Gauche_3.webp">
509
510                </div>
511                
512                <div class="carousel-item">
513
514                    <button
515
516                        type="button"
517
518                        class="product-video-slide-trigger"
519
520                        onclick="launchvideo('https://www.youtube.com/embed/5WJyqsh4k5o');"
521
522                        aria-label="Lire la vidéo">
523
524                        <img
525
526                            class="img-fluid lazy img-app-res"
527
528                            alt="Voir la vidéo"
529
530                            data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/app/Montage_1_AppliCoyote_Pers_Droite_5.webp">
531
532                        <span class="video-slide-icon">
533
534                            <i class="bi bi-play-circle-fill text-white"></i>
535
536                        </span>
537
538                    </button>
539
540                </div>
541
542            </div>
543
544        </div>
545
546    </div>
547
548    <!-- Thumbnails / mobile indicators -->
549
550    <div class="col-auto order-lg-1">
551
552        <div
553
554            id="productThumbs"
555
556            class="product-thumbs d-flex flex-lg-column gap-3 align-items-center justify-content-center">
557
558            <button
559
560                type="button"
561
562                class="thumb-btn js-product-thumb active"
563
564                data-bs-target="#productCarousel"
565
566                data-bs-slide-to="0"
567
568                aria-label="Voir photo 1">
569
570                <img
571
572                    class="img-fluid img-app-res lazy"
573
574                    data-src="https://www.moncoyote.com/CMS/uploads/products/id581/appli-coyote.webp"
575
576                    alt="app">
577
578            </button>
579
580            <button
581
582                type="button"
583
584                class="thumb-btn js-product-thumb"
585
586                data-bs-target="#productCarousel"
587
588                data-bs-slide-to="1"
589
590                aria-label="Voir photo 2">
591
592                <img
593
594                    class="img-fluid img-app-res lazy"
595
596                    alt="Coyote max"
597
598                    data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/app/Montage_1_AppliCoyote_Pers_Droite_4.webp"
599                        
600                    >
601
602            </button>
603            
604            <button
605
606                type="button"
607
608                class="thumb-btn js-product-thumb"
609
610                data-bs-target="#productCarousel"
611
612                data-bs-slide-to="2"
613
614                aria-label="Voir photo 3">
615
616                <img
617
618                    class="img-fluid img-app-res lazy"
619
620                    alt="Appli Coyote"
621
622                        data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/app/Montage_1_AppliCoyote_Pers_Gauche_3.webp"
623                    >
624
625            </button>
626        
627
628            <button
629
630                type="button"
631
632                class="thumb-btn js-product-thumb product-video-trigger"
633
634                data-bs-target="#productCarousel"
635
636                data-bs-slide-to="3"
637
638                aria-label="Voir la vidéo">
639
640                <img
641
642                    class="img-fluid img-app-res lazy"
643
644                    data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/app/Montage_1_AppliCoyote_Pers_Droite_5.webp"
645
646                    alt="Voir la vidéo">
647
648                <span class="thumb-video-icon">
649
650                    <i class="bi bi-play-circle-fill text-white"></i>
651
652                </span>
653
654            </button>
655
656        </div>
657
658    </div>
659
660</div>
661                                </div>
662        <div id="abo" class="col-12 col-md-6 mt-4 mt-md-0 text-center text-md-start">
663                            <p class="badge bg-green mb-2">NOUVELLE</p>
664            
665
666                            <h1 class="h1"><span class="text-darkGreen">Appli </span>  Coyote</h1>
667                        
668                            <h2 class="h5">7 jours d'essai gratuit</h2>
669                        
670            
670<script type="application/ld+json">
671{
672  "@context": "https://schema.org",
673  "@type": "Product",
674  "@id": "https://www.moncoyote.com/fr/product/581/app-coyote.html",
675  "name": "Appli Coyote",
676  "url": "https://www.moncoyote.com/fr/product/581/app-coyote.html",
677  "inLanguage": "fr-FR",
678  "image": [
679    "https://www.moncoyote.com/CMS/uploads/FR/images/Visuel_APP_site_FR.webp"
680  ],
681  "description": "Mon Appli Coyote m’alerte en temps réel des zones de contrôle, des limitations de vitesse et des perturbations de trafic.",
682  "sku": "3880000888801",
683  "brand": { "@type": "Brand", "name": "Coyote" },
684  "offers": {
685    "@type": "Offer",
686    "price": "14.99",
687    "priceCurrency": "EUR",
688    "priceValidUntil": "2026-12-31",
689    "availability": "https://schema.org/InStock",
690    "itemCondition": "https://schema.org/NewCondition",
691    "url": "https://www.moncoyote.com/fr/product/581/app-coyote.html",
692    "seller": { "@type": "Organization", "name": "Coyote" }
693  },
694  "aggregateRating": {
695    "@type": "AggregateRating",
696    "ratingValue": "4.6",
697    "bestRating": "5",
698    "worstRating": "1",
699    "ratingCount": "202516"
700  }
701}
702</script>
702
703
704<ul class="px-0">
705    <li class="badge bg-light text-dark">Alertes contrôles en temps réel</li>
706    <li class="badge bg-light text-dark">Alertes plus visibles et audibles</li>
707    <li class="badge bg-light text-dark">Limitations de vitesse constamment mises à jour</li>
708    <li class="badge bg-light text-dark">Trafic et navigation GPS</li>
709</ul>
710            
711            
712                        
713            <div class="mt-2 mt-sm-2 mt-md-3 mt-lg-3">
714                <div class="row">
715                    <div class="col-lg-6 py-3">
716                        <div class="card shadow" style="height:100%">
717                                                        <div class="card-body text-center">
718                                <p class="text-center bg-white h3 bold mt-1">Premium</p>
719                                <p class="small text-center">Apple CarPlay / Android Auto</p>
720                                
721                                                             
722                                                                    
723                                    <p class="h4 mb-0 bold"><span class=""><nobr>14,99 €</nobr></span><span>/mois</span></p>
724                                                        
725                                                                <p>sans engagement</p>
726                                                                
727                                <a href="https://www.moncoyote.com/fr/product/buy/581/app-coyote.html#2000000666840" class="btn btn-primary dark mx-auto mt-3 d-none">S'abonner<i class="bi bi-arrow-right-short"></i></a>
728                                <div class="d-flex justify-content-center">
729                                    
730                                                                        <form method="POST" action="/fr/subscription-icoyote">
731                                                                            <input type="hidden" name="gencodeLanding" value="2000000666840">
732                                                                                <button class="btn btn-primary dark">S'abonner<i class="bi bi-arrow-right-short ms-2"></i></button>
733                                    </form>
734                                </div>
735                            </div>
736                        </div>
737                    </div>
738                    <div class="col-lg-6 py-3 ">
739                        <div class="card shadow" style="height:100%">
740                                                        <p class="top-card badge bg-danger text-white">Exclu web -16%</p>
741                                                        <div class="card-body text-center">
742                                <p class="text-center bg-white h3 bold mt-1">Premium 1 an</p>
743                                <p class="small text-center">Apple CarPlay / Android Auto</p>
744                                
745                                                                
746                                                                    
747                                    <p class="h4 mb-0 bold"><span class=""><nobr>149,99 €</nobr></span><span>/an</span></p>
748                                                                
749                                                                <p>sans engagement</p>
750                                                                
751                                <a href="https://www.moncoyote.com/fr/product/buy/581/app-coyote.html#2000000666844" class="btn btn-primary dark mx-auto mt-3 d-none">S'abonner<i class="bi bi-arrow-right-short"></i></a>
752                                <div class="d-flex justify-content-center">
753                                                                        <form method="POST" action="/fr/subscription-icoyote">
754                                                                            <input type="hidden" name="gencodeLanding" value="2000000666844">
755                                                                                <button class="btn btn-primary dark">S'abonner<i class="bi bi-arrow-right-short ms-2"></i></button>
756                                    </form>
757                                </div>
758                            </div>
759                        </div>
760                    </div>
761                </div>
762            </div>
763            
764                            <div class="d-flex gap-2 flex-column justify-content-center align-items-center justify-content-md-start align-items-md-start mt-3">
765                    <span class="d-flex gap-2"><img class="lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/logos/Logo_AppStore.png" style="width: 22px;"><div class="stars"><div class="stars-rating"><div class="stars-inner"></div><div class="stars-outer" style="width: 92%;"></div></div> 4.6/5 <a id="avis" class="nav-scroll" href="#s4">Voir les avis</a> <span>(137 431)</span></div></span>
766                    <span class="d-flex gap-2"><img class="lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/logos/Google_Play_2022_icon.png" style="width:22px;"><div class="stars"><div class="stars-rating"><div class="stars-inner"></div><div class="stars-outer" style="width: 92%;"></div></div> 4.6/5 <a id="avis" class="nav-scroll" href="#s4">Voir les avis</a> <span>(72 200)</span></div></span>
767                </div>
768                        
769                            <button type="button" class="btn btn-secondary light mx-auto d-md-none mt-4" onclick="launchvideo('https://www.youtube.com/embed/5WJyqsh4k5o');">Voir la vidéo</button>
770                    </div>
771    </div>
772</section>
773<div id="s01"></div>
774<section id="st01" class="container fixed-bottom d-flex justify-content-center">
775    <div class="product-sticky bg-white p-3 shadow">
776        <div class="row justify-content-center align-items-center">
777                <div class="col text-start text-md-center align-items-center d-none d-md-flex">
778                    <img class="d-none d-md-block mx-md-auto" style="max-height:55px;" alt="Appli Coyote" src="https://www.moncoyote.com/CMS/uploads/products/id581/appli-coyote.webp">
779                    <p class="mb-0" style="white-space: nowrap;"><span class="h4 bold ms-2"><span class="text-darkGreen">Appli</span> Coyote</span></p>
780                </div>
781                <div class="col px-3 px-xl-5 text-md-center d-none d-md-block">
782                    <div class="mb-0 text-end text-md-center">
783                        <span class="small">à partir de</span><br>
784                                                <p class="h4 mb-0 bold"><span class=""><nobr>14,99 €</nobr></span><span>/mois</span></p>
785                                            </div>
786                </div>
787                <div class="col text-center">
788                    <button class="btn btn-primary dark mx-auto mt-md-0" data-qa="voir-les-formules" onclick="document.getElementById('abo').scrollIntoView({ behavior: 'smooth' })">Voir les formules<i class="bi bi-arrow-right-short"></i></button>
789                </div>
790        </div>
791    </div>
792</section>
793    <nav id="sp-nav" class="navbar navbar-expand-lg navbar-light navbar-shadow sp-navbar border-top border-light justify-content-center sticky-top bg-white" style="top: 60px;">
794        <div class="d-flex">
795            <a id="toTop" class="nav-link nav-scroll text-darkGreen" href="#s0"><i class="bi bi-arrow-up"></i></a>
796            <ul id="navLinkt" class="navbar-nav navbar-collapse collapse">
797                <li class="nav-item">
798                    <a class="nav-link nav-scroll" href="#s1">Point fort</a>
799                </li>
800                <li class="nav-item">
801                    <a class="nav-link nav-scroll" href="#s3">Fonctionnalités</a>
802                </li>
803                                    <li class="nav-item">
804                        <a class="nav-link nav-scroll" href="#s4">Avis clients</a>
805                    </li>
806                                <li class="nav-item">
807                    <a class="nav-link nav-scroll" href="#s5">Assistance</a>
808                </li>
809                <li class="nav-item">
810                    <a class="nav-link nav-scroll" href="#s6">Bénéfices</a>
811                </li>
812            </ul>
813            <button id="openM" class="navbar-toggler nav-link" type="button" data-bs-toggle="collapse" data-bs-target="#navLinkt" aria-controls="navLinkt" aria-expanded="false" aria-label="Toggle navigation">
814              <i class="bi bi-caret-down-fill"></i>
815            </button>
816        </div>
817    </nav>
818<div id="fp-ct">
819            <section id="s1" class="str ssp">
820                        
821<div id="ficheproduit-services-coyote" class="py-s bg-cover lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/bg_product_claim.webp">
822        <div class="container">
823        <div class="row">
824            <div class="col-xs-12 col-md-8">
825                <h2 class="h1 mb-2">J'évite les amendes et je roule à la bonne vitesse</h2>
826                <p class="h5 mb-4">Grâce aux alertes plus visibles et audibles de mon Appli Coyote, je ne me fais pas surprendre.</p>
827                <p class="h5 bold mb-0">« 95 % des utilisateurs Coyote estiment que Coyote les aide à éviter les amendes. »*</p>
828                <p class="small text-muted">*Étude CSA réalisée en février 2025</p>
829                <div class="row row-cols-2 row-cols-md-4 badges text-center g-3">
830                    <div class="col">
831                        <div class="badge bg-white rounded text-center w-100 h-100">
832                            <img class="lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/icons/Zones_Visibles_Audibles_Light.svg" alt= "icone de danger permanent" style="width: 64px; height: 64px;">
833                            <p class="my-2">Zones de contrôle plus visibles et audibles</p>
834                        </div>
835                    </div>
836                    <div class="col">
837                        <div class="badge bg-white rounded text-center w-100 h-100">
838                            <img class="lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/icons/Alertes_Claires_Pre
838cises_Light.svg" alt= "icone limitation à 80" style="width: 64px; height: 64px;">
839                            <p class="my-2">Alertes plus claires, fiables et précises</p>
840                        </div>
841                    </div>
842                    <div class="col">
843                        <div class="badge bg-white rounded text-center w-100 h-100">
844                            <img class="lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/icons/Expérience_de_conduite_personnalisable_Light.svg" alt= "icone accident" style="width: 64px; height: 64px;">
845                            <p class="my-2">Expérience de conduite personnalisable</p>
846                        </div>
847                    </div>
848                    <div class="col">
849                        <div class="badge bg-white rounded text-center w-100 h-100">
850                            <img class="lazy" data-src="https://fr.csi.int.coyotesystems.com/CMS/uploads/_refonte/FR/icons/commu.svg" alt= "icone Communauté Coyote" style="width: 64px; height: 64px;">
851                            <p class="my-2">Communauté la plus active et engagée</p>
852                        </div>
853                    </div>
854                </div>
855            </div>
856        </div>
857    </div>
858</div>
859
860<div class="py-s bg-light">
861    <div class="container-lg mb-0">
862        <div class="hscroll initial">
863            <div class="row g-3">
864                <div class="col">
865                    <div class="card h-100 p-4" style="transform: translateX(1512px); transition-duration: 1.1s; transition-property: none;">
866                        <h3 class="h3 mb-3">Zones de contrôle <br class="d-none d-lg-block">plus visibles et audibles</h3>
867                        <p class="mb-0"><span class="text-green">Flash écran et alerte sonore</span> dans la zone de contrôle pour une <span class="text-green">anticipation parfaite.</span></p>
868                        <p class="mb-0">Les signaux d'alertes s'intensifient progressivement au bénéfice de l'attention du conducteur.</p>
869                    </div>
870                </div>
871                <div class="col">
872                    <div class="card h-100 p-4" style="transform: translateX(1512px); transition-duration: 1.2s; transition-property: none;">
873                        <h3 class="h3 mb-3">Alertes plus claires,<br class="d-none d-lg-block">fiables et précises</h3>
874                        <p class="mb-0">Alertes déclarées et vérifiées en temps réel grâce à la Communauté Coyote de 5 millions de membres.</p>
875                        <p class="mb-0"><span class="text-green">Les alertes « contrôles » bénéficient de formes et couleurs spécifiques pour une reconnaissance immédiate.</span></p>
876                    </div>
877                </div>
878                <div class="col">
879                    <div class="card h-100 p-4" style="transform: translateX(1512px); transition-duration: 1.3s; transition-property: none;">
880                        <h3 class="h3 mb-3">Expérience de conduite personnalisable</h3>
881                        <p class="mb-0"><a href="#" data-bs-toggle="modal" data-bs-target="#modalslide11"><span class="text-green">Mode de conduite expert</span></a> avec prévision des contrôles jusqu'à 30 km ou <a href="#" data-bs-toggle="modal" data-bs-target="#modalslide11"><span class="text-green">mode carte</span></a> pour s'adapter à mes préférences.</p>
882                        <p class="mb-0">Expérience graphique améliorée : optimisée pour téléphone et mode embarqué (Apple CarPlay et Android Auto).</p>
883                    </div>
884                </div>
885                <div class="col">
886                    <div class="card h-100 p-4">
887                    <h3 class="h3 mb-3">Communauté la plus<br class="d-none d-lg-block">active et engagée</h3>
888                    <p class="mb-0">La Communauté Coyote, c'est <span class="text-green">5 millions de membres actifs sur la route</span>.</p>
889                    <p class="mb-0">Plus la communauté signale, plus les alertes sont <span class="text-green">fiables et réactives</span> pour tous les utilisateurs.</p>
890                    </div>
891                </div>
892            </div>
893        </div>
894    </div>
895</div>
896            <div id="carplay" class="py-s lazy bg-dark bg-cover" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/bg_product_coyote_auto_v12.webp">
897    <div class="container">
898        <div class="row text-white">
899            <div class="col-10 col-md-8 col-lg-6">
900                <h2 class="h1 mb-2">Mode embarqué avec <br class="d-none d-md-block"><span class="text-green">la formule Premium</span></h2>
901                <p class="h5 mb-4 text-white">Pour un meilleur confort, je profite de la navigation et des alertes Coyote directement sur l’écran de mon véhicule en connectant mon smartphone à un véhicule compatible <
901a class="text-white" target="_target" href="https://www.apple.com/fr/ios/carplay/available-models/">Apple CarPlay</a> ou <a class="text-white" target="_target" href="https://www.android.com/intl/fr_fr/auto/compatibility/">Android Auto</a>.</p>
902                <ul class="mb-4 p-0 list-unstyled">
903                    <li class="badge bg-transparent text-center ps-0">
904                        <a class="" target="_blank" href="https://www.apple.com/fr/ios/carplay/available-models/"><img data-src="https://www.moncoyote.com/CMS/uploads/FR/images/pages/app_new/LOGO_APPLE_CARPLAY-80.webp" alt="Coyote CarPlay" class="app-vs img-fluid lazy fade-in" style="height:40px;"></a>
905                    </li>
906                    <li class="badge bg-transparent text-center">
907                        <a class="" target="_blank" href="https://www.android.com/intl/fr_fr/auto/compatibility/"><img data-src="https://www.moncoyote.com/CMS/uploads/FR/images/pages/app_new/WorksWith_AndroidAuto_badge.webp" alt="Coyote Android Auto" class="app-vs img-fluid lazy fade-in" style="height:40px;"></a>
908                    </li>
909                </ul>
910            </div>
911        </div>
912    </div>
913</div>
914                    </section>
915                <section id="s3" class="ssp lazy bg-cover" data-src="/CMS/uploads/fp/map.svg" style="background-position: top;">
916             <div class="trck-slides py-s">
917    <div class="trck-slide trck-slide1">
918        <div class="container text-center text-md-start">
919            <div class="row py-lg-5">
920                <div class="col-12 col-md-8 py-4">
921                    <h3 class="h2">La meilleure Communauté <br class="visible-lg">pour être alerté</h3>
922                    <p class="h4">Grâce à la Communauté Coyote active et engagée, je suis prévenu en temps réel des zones de contrôle (avec radar et contrôle de vitesse).
923                    <p><span class=" h5 text-green">« 91% des utilisateurs Coyote contribuent au service en déclarant et confirmant des alertes, contre 22% seulement sur les applications gratuites ».*</span></p>
924                    <p><small><em>*Étude CSA réalisée en février 2025</small></em></p>
925                    <button id="" type="button" class="btn btn-secondary light mt-4 mx-auto mx-md-0" data-bs-toggle="modal" data-bs-target="#modalslide11">Plus d'infos</button>
926                    <img class="img-fluid d-flex d-lg-none py-3 mx-auto lazy" data-src="https://www.moncoyote.com/CMS/uploads/fp/st/str1-img-m-2025.webp" style="height: 60vh;" alt="route Coyote communauté">
927                </div>
928            </div>
929            <div class="wrapper">
930                <div class="obj"></div>
931                <div class="obj obj--2"></div>
932                <div class="obj obj--3"></div>
933                <div class="sgn sgn--1 pulse"></div>
934                <div class="sgn sgn--2 pulse"></div>
935                <div class="sgn sgn--3"></div>
936                <div class="csgn csng--4">
937                    <div id="kmacb">
938                        <div class="kmacb-circle"></div>
939                        <div class="kmacb-circle-fill"></div>
940                        <div class="kmacb-img-circle fa fa-phone"></div>
941                    </div>
942                    <div class="sgn sgn--4 bounce2"></div>
943                    <div class="check"></div>
944                </div>
945            </div>
946        </div>
947    </div>
948    <div class="trck-slide trck-slide2">
949        <div class="container text-center text-md-start">
950            <div class="row py-lg-5 justify-content-end">
951                <div class="col-12 col-md-8 py-4">
952                    <h3 class="h2">Je roule toujours <br class="visible-lg">à la bonne vitesse</h3>
953                    <p class="h4">Coyote affiche en permanence les limitations de vitesse et me prévient lorsque je roule en survitesse, y compris à l’approche d’un radar ou d’un contrôle.​</p>
954                    <p><span class="h5 text-green">« 87% des utilisateurs Coyote sont moins verbalisés qu’avant ».*</span></p>
955                    <p><small><em>*Étude CSA réalisée en février 2025</small></em></p>
956                    <button type="button" class="btn btn-secondary light mt-4 mx-auto mx-md-0" data-bs-toggle="modal" data-bs-target="#modalslide21">Plus d'infos</button>
957                    <img class="img-fluid d-flex d-lg-none py-3 mx-auto lazy" data-src="https://www.moncoyote.com/CMS/uploads/fp/st/str2-img-m-2025.webp" style="height: 60vh;" alt="route Coyote limitation vitesse">
958                </div>
959            </div>
960            <div class="wrapper">
961                <div class="obj"></div>
962                <div class="obj obj--2"></div>
963                <div class="obj alt"></div>
964                <div class="obj alt obj--2"></div>
965                <div class="sgn sgn--5"></div>
966                <div class="sgn sgn--6"></div>
967                <div class="sgn sgn--7 pulse"></div>
968            </div>
969        </div>
970    </div>
971    <div class="trck-slide trck-slide3">
972        <div class="container text-center text-md-start">
973            <div class="row py-lg-5">
974                <div class="col-12 col-md-8">
975                    <h3 class="h2">J'anticipe les perturbations <br class="visible-lg">de la route</h3>
976                    <p class="h4">Coyote me prévient en temps réel de tous les incidents de la route avec une prévision jusqu'à 30 kilomètres. Rester concentré sur l'essentiel grâce à une interface simple et sans publicité c'est franchement pas bête.</p>
977                    <button type="button" class="btn btn-secondary light mt-4 mx-auto mx-md-0" data-bs-toggle="modal" data-bs-target="#modalslide31">Plus d'infos</button>
978                    <img class="img-fluid d-flex d-lg-none py-3 mx-auto lazy" data-src="https://www.moncoyote.com/CMS/uploads/fp/st/str3-img-m-2025.webp" style="height: 60vh;" alt="route Coyote perturbation">
979                </div>
980            </div>
981            <div class="wrapper">
982                <div class="obj"></div>
983                <div class="obj obj--2"></div>
984                <div class="obj obj--3"></div>
985                <div class="sgn sgn--8"></div>
986                <div class="sgn sgn--9"></div>
987                <div class="sgn sgn--10"></div>
988                <div class="sgn sgn--11"></div>
989                <div class="sgn sgn--12"></div>
990                <div class="sgn sgn--13"></div>
991            </div>
992        </div>
993    </div>
994    <div class="trck-slide trck-slide4">
995        <div class="container text-center text-md-start">
996            <div class="row py-lg-5 justify-content-end">
997                <div class="col-12 col-md-8 py-4">
998                    <h3 class="h2">J'optimise mon itinéraire selon le trafic</h3>
999                    <p class="h4">Grâce à sa fonctionalité GPS, Coyote me signale le trafic en temps réel sur la carte et recalcule automatiquement le meilleur itinéraire.</p>
1000                    <button type="button" class="btn btn-secondary light mt-4 mx-auto mx-md-0" data-bs-toggle="modal" data-bs-target="#modalslide41">Plus d'infos</button>
1001                    <img class="img-fluid d-flex d-lg-none py-3 mx-auto lazy" data-src="https://www.moncoyote.com/CMS/uploads/fp/st/str4-img-m-2025.webp" style="height: 60vh;" alt="Route Coyote trafic">
1002                </div>
1003            </div>
1004            <div class="wrapper">
1005                <div class="obj"></div>
1006                <div class="obj obj--2"></div>
1007                <div class="sgn sgn--14"></div>
1008                <div class="sgn sgn--15"></div>
1009                <div class="sgn sgn--16"></div>
1010            </div>
1011        </div>
1012    </div>
1013</div>
1014        </section>
1015                <section id="s4" class="ssp avis py-s bg-deepBlue">
1016            <div class="container text-center">
1017                <h2 class="h1 text-white">Avis de la <span class="text-darkGreen">
1017communauté</span></h2>
1018                                <div class="d-flex gap-4 justify-content-center align-items-center text-white text-white-100 my-3">
1019                    <span class="d-flex flex-column gap-2"><img class="lazy mx-auto" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/logos/Logo_AppStore.png" style="height: 40px;width: fit-content;"><div class="stars"><div class="stars-rating"><div class="stars-inner"></div><div class="stars-outer" style="width: 92%;"></div></div> 4.6/5 <span class="text-white">sur 137 431 avis</span></div></span>
1020                    <span class="d-flex flex-column gap-2"><img class="lazy mx-auto" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/logos/Google_Play_2022_icon.png" style="height: 40px;width: fit-content;"><div class="stars"><div class="stars-rating"><div class="stars-inner"></div><div class="stars-outer" style="width: 92%;"></div></div> 4.6/5 <span class="text-white">sur 72 200 avis</span></div></span>
1021                </div>
1022                                <div class="">
1023                    <span class="stars text-white">
1024                        
1025                    </span>
1026                </div>
1027            </div>
1028            <div class="container mt-3">
1029    <div class="d-flex justify-content-end mb-2">
1030        <button class="btn btn-sm d-inline carousel-reviews-control-prev w-auto" type="button" data-bs-target="#carouselReview" data-bs-slide="prev">
1031        	<span class="carousel-control-prev-icon" aria-hidden="true"></span>
1032        	<span class="visually-hidden">Previous</span>
1033        </button>
1034        <button class="btn btn-sm d-inline carousel-reviews-control-next w-auto" type="button" data-bs-target="#carouselReview" data-bs-slide="next">
1035        	<span class="carousel-control-next-icon" aria-hidden="true"></span>
1036        	<span class="visually-hidden">Next</span>
1037        </button>
1038    </div>
1039</div>
1040
1041<div id="carouselReview" class="carousel carousel-reviews slide mb-5" data-bs-ride="carousel">
1042	<div class="carousel-inner">
1043	    <div class="carousel-item active">
1044		    <div class="container">
1045    			<div class="card p-4">
1046    				<div class="row">
1047    					<div class="col-12 col-lg-3">
1048    						<img class="lazy ms-auto" data-src="https://www.moncoyote.com/CMS/uploads/FR/images/ambassadeurs/ocon.webp">
1049    					</div>
1050    					<div class="col-12 col-lg-9 mt-3 mt-lg-0">
1051    						<p class="h3 mb-2">Esteban Ocon</p>
1052    						<p>Comme Esteban Ocon, je rejoins la Communauté pour bénéficier d'alertes immanquables</p>
1053    						<p class="mb-0">« C’est comme si on était 5 millions dans la même écurie, on n’est jamais seul. »</p>
1054    						<button class="btn btn-secondary light mt-4" onclick="launchvideo('https://www.youtube.com/embed/n7dT5dQix9A?si=clewy4cgBukkwI-D');">Voir la vidéo</span> <i class="bi bi-youtube ms-1"></i></button>
1055    					</div>
1056    				</div>
1057    			</div>
1058    		</div>
1059		</div>
1060	    <div class="carousel-item">
1061		    <div class="container">
1062    			<div class="card p-4">
1063    				<div class="row">
1064    					<div class="col-12 col-lg-3">
1065    						<img class="lazy ms-auto" data-src="https://www.moncoyote.com/CMS/uploads/FR/images/ambassadeurs/romain2.webp">
1066    					</div>
1067    					<div class="col-12 col-lg-9 mt-3 mt-lg-0">
1068    						<p class="h3 mb-2">Romain</p>
1069    						<p class="mb-3">Membre depuis 2014</p>
1070    						<p class="mb-0">«  Mon application m’aide à savoir quand il y a un changement de vitesse que je n’aurais pas vu. »</p>
1071    						<button class="btn btn-secondary light mt-4" onclick="launchvideo('https://www.youtube.com/embed/9WKiKNv1bWs?si=jCxpprxNCscYGIki');">Voir la vidéo</span> <i class="bi bi-youtube ms-1"></i></button>
1072    					</div>
1073    				</div>
1074    			</div>
1075    		</div>
1076		</div>
1077	    <div class="carousel-item">
1078		    <div class="container">
1079    			<div class="card p-4">
1080    				<div class="row">
1081    					<div class="col-12 col-lg-3">
1082    						<img class="lazy ms-auto" data-src="https://www.moncoyote.com/CMS/uploads/FR/images/ambassadeurs/julien.webp">
1083    					</div>
1084    					<div class="col-12 col-lg-9 mt-3 mt-lg-0">
1085    						<p class="h3 mb-2">Julien</p>
1086    						<p class="mb-3">Membre depuis 2013</p>
1087    						<p class="mb-0">« Avec l’Appli Coyote, on a vraiment cette sensation de sécurité et de Communauté. »</p>
1088    						<button class="btn btn-secondary light mt-4" onclick="launchvideo('https://www.youtube.com/embed/jMq1oYaRNTI?si=gmePOuKEwLKzyFZF');">Voir la vidéo</span> <i class="bi bi-youtube ms-1"></i></button>
1089    					</div>
1090    				</div>
1091    			</div>
1092    		</div>
1093		</div>
1094		<div class="carousel-item">
1095		    <div class="container">
1096    			<div class="card p-4">
1097    				<div class="row">
1098    					<div class="col-12 col-lg-3">
1099    						<img class="lazy ms-auto" data-src="https://www.moncoyote.com/CMS/uploads/FR/images/ambassadeurs/michael.webp">
1100    					</div>
1101    					<div class="col-12 col-lg-9 mt-3 mt-lg-0">
1102    						<p class="h3 mb-2">Mickaël</p>
1103    						<p class="mb-3">Responsable de parc automobile, membre depuis 2008</p>
1104    						<p class="mb-0">« Coyote me permet d’anticiper sur 30 kms. »</p>
1105    						<button class="btn btn-secondary light mt-4" onclick="launchvideo('https://www.youtube.com/embed/JrbM4eyJhRQ?si=WZxPEoKLETLeK-3k');">Voir la vidéo</span> <i class="bi bi-youtube ms-1"></i></button>
1106    					</div>
1107    				</div>
1108    			</div>
1109    		</div>
1110		</div>
1111		<div class="carousel-item">
1112		    <div class="container">
1113    			<div class="card p-4">
1114    				<div class="row">
1115    					<div class="col-12 col-lg-3">
1116    						<img class="lazy ms-auto" data-src="https://www.moncoyote.com/CMS/uploads/FR/images/ambassadeurs/thierry.webp">
1117    					</div>
1118    					<div class="col-12 col-lg-9 mt-3 mt-lg-0">
1119    						<p class="h3 mb-2">Thierry</p>
1120    						<p class="mb-3">Comptable, membre depuis 2010</p>
1121    						<p class="mb-0">« J’utilise l’appli pour les petits trajets et le boitier pour les longs trajets. »</p>
1122    						<button class="btn btn-secondary light mt-4" onclick="launchvideo('https://www.youtube.com/embed/FBVZk2dVd0U?si=zXGiho5lUhZNthBL');">Voir la vidéo</span> <i class="bi bi-youtube ms-1"></i></button>
1123    					</div>
1124    				</div>
1125    			</div>
1126    		</div>
1127		</div>
1128		<div class="carousel-item">
1129		    <div class="container">
1130    			<div class="card p-4">
1131    				<div class="row">
1132    					<div class="col-12 col-lg-3">
1133    						<img class="lazy ms-auto" data-src="https://www.moncoyote.com/CMS/uploads/FR/images/ambassadeurs/gaetan.webp">
1134    					</div>
1135    					<div class="col-12 col-lg-9 mt-3 mt-lg-0">
1136    						<p class="h3 mb-2">Gaëtan</p>
1137    						<p class="mb-3">Responsable de bijouterie, membre depuis 2011</p>
1138    						<p class="mb-0">« L’application, avec la navigation intégrée, permet de bénéficier des mêmes alertes que sur le boîtier. Par ailleurs, l’interface intuitive rend son utilisation vraiment agréable ! Je ne pourrais plus m’en passer. »</p>
1139    						<a class="btn btn-secondary light mt-4" href="https://www.facebook.com/gaetan.rivet?fref=gs&dti=695431520798594&hc_location=group_dialog">Posez-lui vos questions</a>
1140    					</div>
1141    				</div>
1142    			</div>
1143    		</div>
1144		</div>
1145		<div class="carousel-item">
1146		    <div class="container">
1147    			<div class="card p-4">
1148    				<div class="row">
1149    					<div class="col-12 col-lg-3">
1150    						<img class="lazy ms-auto" data-src="https://www.moncoyote.com/CMS/uploads/FR/images/ambassadeurs/xavier.webp">
1151    					</div>
1152    					<div class="col-12 col-lg-9 mt-3 mt-lg-0">
1153    						<p class="h3 mb-2">Xavier</p>
1154    						<p class="mb-3">Technicien agricole, membre depuis 2011</p>
1155    						<p class="mb-0">« L’aspect communautaire est beaucoup plus développé qu’ailleurs. »</p>
1156    						<button class="btn btn-secondary light mt-4" onclick="launchvideo('https://www.youtube.com/embed/DHFlINA8KVg?si=fr3ufNixMmEzqMDH');">Voir la vidéo</span> <i class="bi bi-youtube ms-1"></i></button>
1157    					</div>
1158    				</div>
1159    			</div>
1160    		</div>
1161		</div>
1162		<div class="carousel-item">
1163		    <div class="container">
1164    			<div class="card p-4">
1165    				<div class="row">
1166    					<div class="col-12 col-lg-3">
1167    						<img class="lazy ms-auto" data-src="https://www.moncoyote.com/CMS/uploads/FR/images/ambassadeurs/pierre.webp">
1168    					</div>
1169    					<div class="col-12 col-lg-9 mt-3 mt-lg-0">
1170    						<p class="h3 mb-2">Pierre</p>
1171    						<p class="mb-3">Responsable d’équipe, membre depuis 2013</p>
1172    						<p class="mb-0">« Je ne voulais pas ajouter un nouvel élément sur mon tableau de bord, j’ai choisi l’application, qui permet par ailleurs de bénéficier à la fois des alertes et de la navigation, c’est vraiment pratique. »</p>
1173    						<a class="btn btn-secondary light mt-4" href="https://twitter.com/BOFToutoune">Posez-lui vos questions</a>
1174    					</div>
1175    				</div>
1176    			</div>
1177    		</div>
1178		</div>
1179	</div>
1180	<div class="carousel-indicators">
1181		<button class="active" type="button" data-bs-target="#carouselReview" data-bs-slide-to="0" aria-current="true" aria-label="Slide 1"></button>
1182		<button type="button" data-bs-target="#carouselReview" data-bs-slide-to="1" aria-label="Slide 2"></button>
1183		<button type="button" data-bs-target="#carouselReview" data-bs-slide-to="2" aria-label="Slide 3"></button>
1184		<button type="button" data-bs-target="#carouselReview" data-bs-slide-to="3" aria-label="Slide 4"></button>
1185		<button type="button" data-bs-target="#carouselReview" data-bs-slide-to="4" aria-label="Slide 5"></button>
1186		<button type="button" data-bs-target="#carouselReview" data-bs-slide-to="5" aria-label="Slide 6"></button>
1187		<button type="button" data-bs-target="#carouselReview" data-bs-slide-to="6" aria-label="Slide 7"></button>
1188		<button type="button" data-bs-target="#carouselReview" data-bs-slide-to="7" aria-label="Slide 8"></button>
1189	</div>
1190</div>
1191        </section>
1192                                 <section id="s5" class="ssp bg-light py-s tabs">
1193            <div class="container">
1194                <h2 class="h1 mb-5 text-center">Assistance Appli</h2>
1195                <div class="card max-1000 p-5">
1196                                            <div class="faq-col">
1197                            <div class="box-white bgWhite accordion">
1198                                <div id="container-faq"></div>
1199                            </div>
1200                        </div>
1201                                    </div>
1202            </div>
1203        </section>
1204        <section id="s6" class="ssp bg-deepBlue py-s">
1205        
1206<div class="container-fluid container-xl">
1207    <div class="row">
1208        <div class="col-12 col-xl-4">
1209            <h2 class="h1 text-white mb-5 text-lg-center text-xl-left">Pourquoi <br class="d-none d-xl-block"><span class="text-darkGreen">Coyote ?</span></h2>
1210        </div>
1211        <div class="col-12 col-xl-8">
1212            <div class="hscroll">
1213                <div class="row">
1214                    <div class="col col-lg-6 mb-lg-3">
1215                        <div class="card card-margin h-100 p-4">
1216                            <h3 class="h3">Sans publicité</h3>
1217                            <ul class="ul-style">
1218                                <li>Cela me permet de rester concentré sur l’essentiel, avec une interface simple et sans publicité</li>
1219                                <li>Mes données personnelles sont à 100% anonymisées, et ne seront pas exploitées à des fins commerciales</li>
1220                            </ul>
1221                        </div>
1222                    </div>
1223                    <div class="col col-lg-6 mb-lg-3">
1224                        <div class="card card-margin h-100 p-4">
1225                            <h3 class="h3">100% légal</h3>
1226                            <ul class="ul-style">
1227                                <li>Dispositif reconnu par les autorités françaises et européennes</li>
1228                                <li>Norme NF</li>
1229                            </ul>
1230                        </div>
1231                    </div>
1232
1233                    <div class="col col-lg-6 trans-spec">
1234                        <div class="card card-margin h-100 p-4">
1235                            <h3 class="h3">Fiable</h3>
1236                            <ul class="ul-style">
1237                                <li>Entreprise française pionnière de l’aide à la conduite depuis 2006</li>
1238                                <li>La Communauté Coyote, experte et engagée de 5 millions de membres en Europe</li>
1239                                <li>Chaque alerte est analysée puis filtrée par les algorithmes brevetés</li>
1240                            </ul>
1241                        </div>
1242                    </div>
1243                    <div class="col col-lg-6">
1244                        <div class="card card-margin h-100 p-4">
1245                            <h3 class="h3">Temps réel</h3>
1246                            <ul class="ul-style">
1247                                <li>Coyote m’aide à anticiper les dangers de la route avec une prévision actualisée jusqu'à 30 km</li>
1248                                <li>Les limitations de vitesse et les zones de contrôle permanentes (avec ou non des radars fixes ou tronçons) s
1248ont constamment mises à jour</li>
1249                            </ul>
1250                        </div>
1251                    </div>
1252                </div>
1253            </div>
1254        </div>
1255    </div>
1256</div>
1257    </section>
1258                        <div id="downloadapp" class="bg-white py-5">
1259                <div class="container d-flex justify-content-center">
1260                    <div>
1261                        <a href="https://itunes.apple.com/fr/app/icoyote-avertisseur-communautaire/id367345773?mt=8" target="_blank" class="mx-1"><img class="img-fluid" src="/CMS/uploads/fp/bdg/Download_on_the_App_Store_Badge_FR_RGB_blk_100517.svg" alt="télécharger dans l'App Store" style="height:40px;"></a>
1262                    </div>
1263                    <div>
1264                        <a href="https://play.google.com/store/apps/details?id=com.coyotesystems.android&amp;hl=fr" target="_blank" class="mx-1"><img class="img-fluid" src="/CMS/uploads/fp/bdg/google-play-badge.svg" alt="disponible sur Google Play" style="height:40px;"></a>
1265                    </div>
1266                </div>
1267            </div>
1268                <!--Section all products-->
1269    <section class="sectionAllProducts bg-light py-s">
1270        <div class=""></div>
1271        <div class="container-lg ">
1272            <H2 class="h1 text-lg-center mb-5">Nos autres <span class="text-darkGreen">services</span></h2>
1273            
1274<div class="products-cards">
1275    <div class="hscroll py-2">
1276        <div class="row single">
1277            <div id="cross-6" class="col">
1278                <div class="card card-1 justify-content-between">
1279    <div class="p-4 bg-gradientwhite">
1280            <p class="badge bg-green mb-2">NOUVELLE</p>
1281
1282                    <h3 class="card-title h3"><span class="text-darkGreen">Appli</span> Coyote</h3>
1283                            <p class="card-text">7 jours d'essai gratuit</p>
1284                <img class="img-fluid lazy position-absolute end-0 px-4" data-src="https://www.moncoyote.com/CMS/uploads/products/id581/appli-coyote.webp" style="max-height: 600px;">
1285    </div>
1286    <div class="p-4">
1287        <a href="https://www.moncoyote.com/fr/product/581/app-coyote.html" class="btn btn-secondary light no-break">Découvrir l’offre</a>
1288    </div>
1289</div>
1290            </div>
1291            <div id="cross-8" class="col">
1292                <div class="card card-1 bg-deepBlue text-white">
1293                    <div class="p-4">
1294                        <h3 class="h3">Coyote <span class="text-green">Secure</span></h3>
1295                        <p class="">La référence de la récupération après-vol</p>
1296                        <p class="d-none d-lg-block"><i class="bi bi-check-lg text-green"></i> 91% des véhicules volés récupérés en 48h<sup class="text-white">(1)</sup></h3>
1297                        <p class="d-none d-lg-block"><i class="bi bi-check-lg text-green"></i> Récupéré ou remboursé</p>
1298                    </div>
1299                    <img data-src="/CMS/uploads/_refonte/FR/hp/secure-auto.webp" class="img-fluid securImg lazy position-absolute end-0 bottom-0 p-4">
1300                    <div class="position-absolute bottom-0 p-4">
1301                        <a href="/fr/product/582/coyote-secure-auto.html" class="btn btn-secondary dark no-break">Découvrir l’offre</a>
1302                    </div>
1303                </div>
1304            </div>
1305            <div id="cross-3" class="col">
1306                <div class="card card-1 bg-white justify-content-between">
1307    <div class="p-4 bg-gradientwhite">
1308            <p class="badge bg-green mb-2">NOUVEAU</p>
1309
1310        <h3 class="card-title h3">Coyote <span class="text-darkGreen">Max</span></h3>
1311        <p class="card-text">L'expérience Coyote inégalée</p>
1312        <img class="img-fluid lazy position-absolute end-0 px-4 mt-4" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products/Coyote_max_multialertes_new_2.webp" alt="Coyote-max.webp">
1313    </div>
1314    <div class="p-4">
1315        <a href="https://www.moncoyote.com/fr/product/658/coyote-max.html" class="btn btn-secondary light no-break">Découvrir l’offre</a>
1316    </div>
1317</div>
1318            </div>
1319        </div>
1320    </div>
1321</div>
1322        </div>
1323    </section>
1324    <!--Section business-->
1325    
1326<section class="py-s bg-dark bg-cover lazy str" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/hp/bg-business-v5.webp">
1327    <div class="container-lg text-white">
1328        <h2 class="h1 mb-2">Coyote Business Services</h2>
1329        <h3 class="h4 mb-4">Toutes nos solutions pour les entreprises et les professionnels</h3>
1330       <div class="row badges text-center mx-0 text-white g-3">
1331            <div class="col-auto col-6 col-sm-auto badge text-center bg-transparent roun
1331ded">
1332                <img class="img-fluid mb-2 lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/icons/pin_v3.svg" alt="geolocalisation">
1333                <h3 class="h5 mb-0 small text-white">Géolocalisation</h3>  
1334            </div>
1335            <div class="col-auto col-6 col-sm-auto badge text-center bg-transparent rounded">
1336                <img class="img-fluid mb-2 lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/icons/chip_v3.svg" alt="recuperation apres vol">
1337                <h3 class="h5 mb-0 small text-white">Récupération après-vol</h3>    
1338            </div>
1339            <div class="col-auto col-6 col-sm-auto badge text-center bg-transparent rounded">
1340                <img class="img-fluid mb-2 lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/icons/cars_V2.svg" alt="aide a la conduite">
1341                <h3 class="h5 mb-0 small text-white">Aide à la conduite</h3>  
1342            </div>
1343            <div class="col-auto col-6 col-sm-auto badge text-center bg-transparent rounded">
1344                <img class="img-fluid mb-2 lazy" data-src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/icons/data_v2.svg" alt="coyote data">
1345                <h3 class="h5 mb-0 small text-white">Data</h3> 
1346            </div>
1347        </div>
1348        
1349        <a href="https://business-services.moncoyote.com/" target="_blank" class="btn btn-secondary dark mt-5" data-qa="read-more">En savoir plus</a>
1350    </div>
1351</section>
1352    <!--Section business end-->
1353    </div>
1354    <section class="bg-light">
1355        <div class="container py-3">
1356            <p class="small">Apple et le logo Apple, sont des marques déposées par Apple Inc., enregistrées aux États-Unis et dans d’autres régions. App Store est une marque d’Apple Inc.<br>Android, Android Auto, Google Play et le logo Google Play sont des marques de Google Inc.</p>
1357        </div>
1358    </section>
1359
1360    <!-- Modals slide -->
1361<div id="modalslide11" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1362  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1363    <div class="modal-content">
1364      <div class="modal-header">
1365        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1366      </div>
1367      <div class="modal-body p-0">
1368        <div class="text-center p-3">
1369            <div class="">
1370                <p class="h6 text-center">Modes d'affichage</p>
1371                <ul class="tabs nav nav-pills justify-content-center mb-4  d-xl-none" id="pills-tab" role="tablist">
1372                  <li class="nav-item" role="presentation">
1373                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert11" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1374                  </li>
1375                  <li class="nav-item" role="presentation">
1376                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte11" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1377                  </li>
1378                  <li class="nav-item" role="presentation">
1379                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque11" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1380                  </li>
1381                </ul>
1382                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1383                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert11" role="tabpanel" aria-labelledby="pills-content-tab">
1384                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1385                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/controle-permanent-app-coyote_v12.webp" style="max-height: 240px;">
1386                    </div>
1387                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte
138711" role="tabpanel" aria-labelledby="pills-description-tab">
1388                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1389                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/controle-permanent-mode_carte-app-coyote_v12.webp" style="max-height: 240px;">
1390                    </div>
1391                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque11" role="tabpanel" aria-labelledby="pills-description-tab">
1392                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1393                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/controle-permanent-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1394                    </div>
1395                </div>
1396            </div>
1397        </div>
1398        <!--
1399        <div class="text-center p-3">
1400            <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/controle-permanent-app-coyote_v12.webp" alt="interface danger permanent">
1401        </div>
1402        -->
1403        <div class="p-3">
1404            <p class="h6">Les zones de contrôle permanentes comprenant, ou non, un radar fixe (y compris les tronçons dangereux) sont mises à jour quotidiennement par Coyote. </p>
1405        </div>
1406      </div>
1407      <div class="modal-footer">
1408        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide12"><i class="bi bi-chevron-right"></i></button>
1409      </div>
1410    </div>
1411  </div>
1412</div>
1413
1414<!-- Modals slide -->
1415<div id="modalslide12" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1416  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1417    <div class="modal-content">
1418      <div class="modal-header">
1419        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1420      </div>
1421      <div class="modal-body p-0">
1422        <div class="text-center p-3">
1423        <div class="">
1424                <p class="h6 text-center">Modes d'affichage</p>
1425                <ul class="tabs nav nav-pills justify-content-center mb-4 d-xl-none" id="pills-tab" role="tablist">
1426                  <li class="nav-item" role="presentation">
1427                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert12" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1428                  </li>
1429                  <li class="nav-item" role="presentation">
1430                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte12" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1431                  </li>
1432                  <li class="nav-item" role="presentation">
1433                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque12" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1434                  </li>
1435                </ul>
1436                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1437                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert12" role="tabpanel" aria-labelledby="pills-content-tab">
1438                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1439                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/controle-temporaire-app-coyote_v12.webp" style="max-height: 240px;">
1440                    </div>
1441                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte12" role="tabpanel" aria-labelledby="pills-description-tab">
1442                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1443                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/controle-temporaire-mode_carte-app-coyote_v12.webp" style="max-height: 240px;">
1444                    </div>
1445                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque12" role="tabpanel" aria-labelledby="pills-description-tab">
1446                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1447                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/controle-temporaire-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1448                    </div>
1449                </div>
1450            </div>
1451        </div>
1452        <div class="p-3">
1453            <p class="h6 text-center">Les contrôles temporaires avec contrôle de vitesse éventuel, déclarés en temps réel par la Communauté Coyote.</p>
1454        </div>
1455      </div>
1456      <div class="modal-footer">
1457        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide11"><i class="bi bi-chevron-left"></i></button>
1458        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide13"><i class="bi bi-chevron-right"></i></button>
1459      </div>
1460    </div>
1461  </div>
1462</div>
1463
1464<!-- Modals slide -->
1465<div id="modalslide13" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1466  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1467    <div class="modal-content">
1468      <div class="modal-header">
1469        
1470        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1471      </div>
1472      <div class="modal-body p-0">
1473        <div class="text-center p-3">
1474            <div class="">
1475                <p class="h6 text-center">Modes d'affichage</p>
1476                <ul class="tabs nav nav-pills justify-content-center mb-4 d-xl-none" id="pills-tab" role="tablist">
1477                  <li class="nav-item" role="presentation">
1478                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert13" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1479                  </li>
1480                  <li class="nav-item" role="presentation">
1481                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte
148113" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1482                  </li>
1483                  <li class="nav-item" role="presentation">
1484                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque13" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1485                  </li>
1486                </ul>
1487                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1488                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert13" role="tabpanel" aria-labelledby="pills-content-tab">
1489                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1490                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/communaute-app-coyote_v12.webp" style="max-height: 240px;">
1491                    </div>
1492                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte13" role="tabpanel" aria-labelledby="pills-description-tab">
1493                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1494                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/communaute-mode_carte-app-coyote_v12.webp" style="max-height: 240px;">
1495                    </div>
1496                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque13" role="tabpanel" aria-labelledby="pills-description-tab">
1497                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1498                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/communaute-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1499                    </div>
1500                </div>
1501            </div>
1502        </div>
1503        <div class="p-3">
1504            <p class="h6 text-center">La communauté la plus fiable : 5 millions de membres en Europe m'accompagnent à chacun de mes trajets. Coyote m'indique le nombre d’éclaireurs devant moi et la fiabilité des informations remontées.</p>
1505        </div>
1506      </div>
1507      <div class="modal-footer">
1508        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide12"><i class="bi bi-chevron-left"></i></button>
1509      </div>
1510    </div>
1511  </div>
1512</div>
1513
1514<!-- Modals slide -->
1515<div id="modalslide21" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1516  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1517    <div class="modal-content">
1518      <div class="modal-header">
1519        
1520        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1521      </div>
1522      <div class="modal-body p-0">
1523        <div class="text-center p-3">
1524            <div class="">
1525                <p class="h6 text-center">Modes d'affichage</p>
1526                <ul class="tabs nav nav-pills justify-content-center mb-4  d-xl-none" id="pills-tab" role="tablist">
1527                  <li class="nav-item" role="presentation">
1528                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert21" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1529                  </li>
1530                  <li class="nav-item" role="presentation">
1531                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte21" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1532                  </li>
1533                  <li class="nav-item" role="presentation">
1534                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque21" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1535                  </li>
1536                </ul>
1537                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1538                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert21" role="tabpanel" aria-labelledby="pills-content-tab">
1539                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1540                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/mise-
1540a-jour-constante-vitesse-app-coyote_v12.webp" style="max-height: 240px;">
1541                    </div>
1542                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte21" role="tabpanel" aria-labelledby="pills-description-tab">
1543                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1544                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/mise-a-jour-constante-vitesse-mode_carte-app-coyote_v12.webp" style="max-height: 240px;">
1545                    </div>
1546                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque21" role="tabpanel" aria-labelledby="pills-description-tab">
1547                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1548                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/mise-a-jour-constante-vitesse-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1549                    </div>
1550                </div>
1551            </div>
1552        </div>
1553        <div class="p-3">
1554            <p class="h6 text-center">Mise à jour constante des limitations de vitesse par Coyote</p>
1555        </div>
1556      </div>
1557      <div class="modal-footer">
1558        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide22"><i class="bi bi-chevron-right"></i></button>
1559      </div>
1560    </div>
1561  </div>
1562</div>
1563
1564<!-- Modals slide -->
1565<div id="modalslide22" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1566  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1567    <div class="modal-content">
1568      <div class="modal-header">
1569        
1570        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1571      </div>
1572      <div class="modal-body p-0">
1573        <div class="text-center p-3">
1574        <div class="">
1575                <p class="h6 text-center">Modes d'affichage</p>
1576                <ul class="tabs nav nav-pills justify-content-center mb-4 d-xl-none" id="pills-tab" role="tablist">
1577                  <li class="nav-item" role="presentation">
1578                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert22" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1579                  </li>
1580                  <li class="nav-item" role="presentation">
1581                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte22" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1582                  </li>
1583                  <li class="nav-item" role="presentation">
1584                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque22" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1585                  </li>
1586                </ul>
1587                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1588                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert22" role="tabpanel" aria-labelledby="pills-content-tab">
1589                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1590                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/affichage-permanent-vitesse-app-coyote_v12.webp" style="max-height: 240px;">
1591                    </div>
1592                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte22" role="tabpanel" aria-labelledby="pills-description-tab">
1593                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1594                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/affichage-permanent-vitesse-mode_carte-app-coyote_v12.webp" style="max-height: 240px;">
1595                    </div>
1596                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque22" role="tabpanel" aria-labelledby="pills-description-tab">
1597                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1598                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/affichage-permanent-vitesse-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1599                    </div>
1600                </div>
1601            </div>
1602        </div>
1603        <div class="p-3">
1604            <p class="h6 text-center">Affichage permanent de votre vitesse et de celle autorisée pour vous prévenir en cas de survitesse</p>
1605        </div>
1606      </div>
1607      <div class="modal-footer">
1608        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide21"><i class="bi bi-chevron-left"></i></button>
1609        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide23"><i class="bi bi-chevron-right"></i></button>
1610      </div>
1611    </div>
1612  </div>
1613</div>
1614
1615<!-- Modals slide -->
1616<div id="modalslide23" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1617  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1618    <div class="modal-content">
1619      <div class="modal-header">
1620        
1621        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1622      </div>
1623      <div class="modal-body p-0">
1624        <div class="text-center p-3">
1625            <div class="">
1626                <p class="h6 text-center">Modes d'affichage</p>
1627                <ul class="tabs nav nav-pills justify-content-center mb-4 d-xl-none" id="pills-tab" role="tablist">
1628                  <li class="nav-item" role="presentation">
1629                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert23" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1630                  </li>
1631                  <li class="nav-item" role="presentation">
1632                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte23" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1633                  </li>
1634                  <li class="nav-item" role="presentation">
1635                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque23" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1636                  </li>
1637                </ul>
1638                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1639                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert23" role="tabpanel" aria-labelledby="pills-content-tab">
1640                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1641                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/alerte-securite-predictive-mode_expert-app-coyote_v12.webp" style="max-height: 240px;">
1642                    </div>
1643                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte23" role="tabpanel" aria-labelledby="pills-description-tab">
1644                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1645                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/alerte-securite-predictive-app-coyote_v12.webp" style="max-height: 240px;">
1646                    </div>
1647                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque23" role="tabpanel" aria-labelledby="pills-description-tab">
1648                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1649                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/alerte-securite-predictive-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1650                    </div>
1651                </div>
1652            </div>
1653        </div>
1654        <div class="p-3">
1655            <p class="h6 text-center">La sécurité prédictive vous indique les virages dangereux et la vitesse adaptée pour les aborder grâce aux données anonymisées de la Communauté</p>
1656        </div>
1657      </div>
1658      <div class="modal-footer">
1659        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide22"><i class="bi bi-chevron-left"></i></button>
1660      </div>
1661    </div>
1662  </div>
1663</div>
1664
1665<!-- Modals slide -->
1666<div id="modalslide31" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1667  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1668    <div class="modal-content">
1669      <div class="modal-header">
1670        
1671        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1672      </div>
1673      <div class="modal-body p-0">
1674        <div class="text-center p-3">
1675            <div class="">
1676                <p class="h6 text-center">Modes d'affichage</p>
1677                <ul class="tabs nav nav-pills justify-content-center mb-4  d-xl-none" id="pills-tab" role="tablist">
1678                  <li class="nav-item" role="presentation">
1679                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert31" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1680                  </li>
1681                  <li class="nav-item" role="presentation">
1682                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte31" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1683                  </li>
1684                  <li class="nav-item" role="presentation">
1685                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque31" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1686                  </li>
1687                </ul>
1688                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1689                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert31" role="tabpanel" aria-labelledby="pills-content-tab">
1690                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1691                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/alerte-communaute-accident-mode_expert-app-coyote_v12.webp" style="max-height: 240px;">
1692                    </div>
1693                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte31" role="tabpanel" aria-labelledby="pills-description-tab">
1694                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1695                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/alerte-communauté-accident-app-coyote_v12.webp" style="max-height: 240px;">
1696                    </div>
1697                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque31" role="tabpanel" aria-labelledby="pills-description-tab">
1698                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1699                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/alerte-communaute-accident-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1700                    </div>
1701                </div>
1702            </div>
1703        </div>
1704        <div class="p-3">
1705            <p class="h6 text-center">
1705Les alertes sont remontées par la Communauté Coyote et vérifiées par nos algorithmes : bouchons, accidents, zone de travaux, véhicule arrêté, chaussée dégradée, route glissante, événement…</p>
1706        </div>
1707      </div>
1708    </div>
1709  </div>
1710</div>
1711
1712<!-- Modals slide -->
1713<div id="modalslide41" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1714  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1715    <div class="modal-content">
1716      <div class="modal-header">
1717        
1718        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1719      </div>
1720      <div class="modal-body p-0">
1721        <div class="text-center p-3">
1722            <div class="">
1723                <p class="h6 text-center">Modes d'affichage</p>
1724                <ul class="tabs nav nav-pills justify-content-center mb-4  d-xl-none" id="pills-tab" role="tablist">
1725                  <li class="nav-item" role="presentation">
1726                    <button class="nav-link active" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte41" type="button" role="tab" aria-controls="pills-carte" aria-selected="false"><p class="h6 mb-0">Carte</p></button>
1727                  </li>
1728                  <li class="nav-item" role="presentation">
1729                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque41" type="button" role="tab" aria-controls="pills-embarque" aria-selected="true" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1730                  </li>
1731                </ul>
1732                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1733                    <div class="tab-pane fade d-xl-block opacity-xl-100 active op-1 show" id="pills-carte41" role="tabpanel" aria-labelledby="pills-description-tab">
1734                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1735                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/cartographie-3d-app-coyote_v12.webp" style="max-height: 240px;">
1736                    </div>
1737                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque41" role="tabpanel" aria-labelledby="pills-description-tab">
1738                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1739                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/cartographie-3d-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1740                    </div>
1741                </div>
1742            </div>
1743        </div>
1744        <div class="p-3">
1745            <p class="h6 text-center">Cartographie 3D pour vous repérer facilement partout en Europe</p>
1746        </div>
1747      </div>
1748      <div class="modal-footer">
1749        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide42"><i class="bi bi-chevron-right"></i></button>
1750      </div>
1751    </div>
1752  </div>
1753</div>
1754
1755<!-- Modals slide -->
1756<div id="modalslide42" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1757  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1758    <div class="modal-content">
1759      <div class="modal-header">
1760        
1761        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1762      </div>
1763      <div class="modal-body p-0">
1764        <div class="text-center p-3">
1765        <div class="">
1766                <p class="h6 text-center">Modes d'affichage</p>
1767                <ul class="tabs nav nav-pills justify-content-center mb-4 d-xl-none" id="pills-tab" role="tablist">
1768                  <li class="nav-item" role="presentation">
1769                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert42" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1770                  </li>
1771                  <li class="nav-item" role="presentation">
1772                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte42" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1773                  </li>
1774                  <li class="nav-item" role="presentation">
1775                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque42" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1776                  </li>
1777                </ul>
1778                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1779                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert42" role="tabpanel" aria-labelledby="pills-content-tab">
1780                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1781                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/recalcul-itineraire-mode_expert-app-coyote_v12.webp" style="max-height: 240px;">
1782                    </div>
1783                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte42" role="tabpanel" aria-labelledby="pills-description-tab">
1784                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1785                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/recalcul-itineraire-app-coyote_v12.webp" style="max-height: 240px;">
1786                    </div>
1787                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque42" role="tabpanel" aria-labelledby="pills-description-tab">
1788                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1789                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/recalcul-itineraire-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1790                    </div>
1791                </div>
1792            </div>
1793        </div>
1794        <div class="p-3">
1795            <p class="h6 text-center">Trafic en temps réel avec recalcul d’itinéraire pour gagner du temps sur la route</p>
1796        </div>
1797      </div>
1798      <div class="modal-footer">
1799        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide41"><i class="bi bi-chevron-left"></i></button>
1800        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide43"><i class="bi bi-chevron-right"></i></button>
1801      </div>
1802    </div>
1803  </div>
1804</div>
1805
1806<!-- Modals slide -->
1807<div id="modalslide43" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1808  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
1809    <div class="modal-content">
1810      <div class="modal-header">
1811        
1812        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1813      </div>
1814      <div class="modal-body p-0">
1815        <div class="text-center p-3">
1816            <div class="">
1817                <p class="h6 text-center">Modes d'affichage</p>
1818                <ul class="tabs nav nav-pills justify-content-center mb-4 d-xl-none" id="pills-tab" role="tablist">
1819                  <li class="nav-item" role="presentation">
1820                    <button class="nav-link active" id="pills-content-tab" data-bs-toggle="pill" data-bs-target="#pills-expert43" type="button" role="tab" aria-controls="pills-expert" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Expert</p></button>
1821                  </li>
1822                  <li class="nav-item" role="presentation">
1823                    <button class="nav-link" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-carte43" type="button" role="tab" aria-controls="pills-carte" aria-selected="true"><p class="h6 mb-0">Carte</p></button>
1824                  </li>
1825                  <li class="nav-item" role="presentation">
1826                    <button class="nav-link" id="pills-specs-tab" data-bs-toggle="pill" data-bs-target="#pills-embarque43" type="button" role="tab" aria-controls="pills-embarque" aria-selected="false" tabindex="-1"><p class="h6 mb-0">Embarqué</p></button>
1827                  </li>
1828                </ul>
1829                <div class="tab-content mt-4 my-xl-0 d-flex justify-content-center align-items-center gap-4" id="pills-tabContent" style="height: auto;min-height:240px;">
1830                    <div class="tab-pane fade active op-1 show d-xl-block opacity-xl-100" id="pills-expert43" role="tabpanel" aria-labelledby="pills-content-tab">
1831                         <p class="text-center mt-2 d-none d-xl-block">Expert</p>
1832                         <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/changement-de-file-assiste-mode_expert-app-coyote_v12.webp" style="max-height: 240px;">
1833                    </div>
1834                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-carte43" role="tabpanel" aria-labelledby="pills-description-tab">
1835                        <p class="text-center mt-2 d-none d-xl-block">Carte</p>
1836                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/products/id581/interfaces/changement-de-file-assiste-app-coyote_v12.webp" style="max-height: 240px;">
1837                    </div>
1838                    <div class="tab-pane fade d-xl-block opacity-xl-100" id="pills-embarque43" role="tabpanel" aria-labelledby="pills-description-tab">
1839                        <p class="text-center mt-2 d-none d-xl-block">Embarqué</p>
1840                        <img class="img-fluid" src="https://www.moncoyote.com/CMS/uploads/_refonte/FR/products-modals/changement-de-file-assiste-mode_embarque-app-coyote_v12.webp" style="max-height: 240px;">
1841                    </div>
1842                </div>
1843            </div>
1844        </div>
1845        <div class="p-3">
1846            <p class="h6 text-center">Changement de file assisté pour prendre le bon chemin</p>
1847        </div>
1848      </div>
1849      <div class="modal-footer">
1850        <button type="button" class="btn btn-secondary light" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalslide42"><i class="bi bi-chevron-left"></i></button>
1851      </div>
1852    </div>
1853  </div>
1854</div>
1855
1856    
1857        <style>#cross-6 {display:none;} #cross-7 {display:none;}</style>
1858        
1858<script>document.getElementById("cross-6-nav").classList.add("active");</script>
1858
1859    
1860
1861
1862<script>
1863const initTabContent=()=>{const t=document.getElementById("pills-tabContent");if(t){var e=t.querySelector(".tab-pane.active").offsetHeight;const o=250;var n=document.querySelectorAll('#pills-tab button[data-bs-toggle="pill"]');for(let s in n)n.hasOwnProperty(s)&&n[s].addEventListener("shown.bs.tab",function(n){t.style.height=e+"px";var s=n.target.getAttribute("data-bs-target").substr(1);e=document.getElementById(s).offsetHeight,t.style.height=e+"px",setTimeout(function(){t.style.height="auto"},o);for(let e=0;e<t.children.length;e++)t.children[e].classList.remove("op-1");setTimeout(function(){document.getElementById(s).classList.add("op-1")},150)})}};let yOffset=0;document.getElementById("pdct-nav")?yOffset-=document.getElementById("navbar_top").offsetHeight+document.getElementById("pdct-nav").offsetHeight:yOffset-=document.getElementById("navbar_top").offsetHeight;const mOffset=0-document.getElementById("navbar_top").offsetHeight,classLink=".nav-scroll",classDiv=".ssp",idMarkCta="s01",idDivCta="st01",idDivFooter="f01",idDivNav="sp-nav",idMenuToggle="navLinkt",divCta=document.getElementById("st01"),divNav=document.getElementById("sp-nav"),menuToggle=document.getElementById("navLinkt"),bsCollapse=new bootstrap.Collapse(menuToggle,{toggle:!1}),makeNavLinksSmooth=()=>{const t=document.querySelectorAll(classLink);for(let e in t)t.hasOwnProperty(e)&&t[e].addEventListener("click",n=>{n.preventDefault(),bsCollapse.hide();var o=document.querySelector(t[e].hash).getBoundingClientRect().top+window.pageYOffset+yOffset+1;window.scrollTo({top:o,behavior:"smooth"})})},spyScrolling=()=>{spyScrollingFct(),window.onscroll=()=>{spyScrollingFct()}},spyScrollingFct=()=>{const t=document.querySelectorAll(".ssp"),e=document.getElementById("s01"),n=document.getElementById("f01"),o=document.getElementById("toTop");var s=window.innerHeight;const a=document.documentElement.scrollTop||document.body.scrollTop;e.offsetTop<=a-mOffset&&n.offsetTop-s>=a?(divCta.classList.add("show"),divNav.classList.add("show"),o.classList.add("opacity-100")):(divCta.classList.remove("show"),divNav.classList.remove("show"),o.classList.remove("opacity-100"));for(var c=0;c<t.length;c++){var d=a-yOffset+1;if(t[c+1]&&(d=t[c+1].offsetTop),t.hasOwnProperty(c)&&t[c].offsetTop<=a-yOffset&&d>a-yOffset){const e=t[c].id;var i=document.querySelector(".nav-scroll.active");i&&i.classList.remove("active"),e&&document.querySelector(`#sp-nav a[href*=${e}]`).classList.add("active")}}},abSelect=()=>{const t=document.querySelectorAll(".card-ab");for(let e in t)t.hasOwnProperty(e)&&t[e].addEventListener("click",n=>{document.querySelector(".card-ab.enabled").classList.remove("enabled"),t[e].classList.add("enabled")})};window.addEventListener("resize",function(t){makeNavLinksSmooth(),spyScrolling()},!0),document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){initCarouselReview(),initTabContent(),makeNavLinksSmooth(),spyScrolling(),abSelect()},100)});const myModalCta=document.getElementById("cta");if(myModalCta){const t=new bootstrap.Modal(myModalCta);document.addEventListener("DOMContentLoaded",function(){if(window.hash){const e=document.getElementById(window.hash);if("formules"===window.hash)t.show();else if(e){const t=e.getBoundingClientRect().top+window.pageYOffset-56;window.scrollTo({top:t,behavior:"smooth"})}}}),myModalCta.addEventListener("show.bs.modal",function(){divCta&&divCta.classList.add("md-hide")}),myModalCta.addEventListener("hide.bs.modal",function(){divCta&&divCta.classList.remove("md-hide")}),myModalCta.addEventListener("shown.bs.modal",function(){const t=myModalCta.querySelectorAll(".lazy-item");for(let e in t)if(t.hasOwnProperty(e)){const n=t[e].getAttribute("data-src");n&&(t[e].src=n),setTimeout(function(){t[e].classList.add("fadeIn")},150)}})}const checkPrice=()=>{const t=document.querySelectorAll(".abn-chk"),e=document.querySelectorAll(".acc-chk"),n=document.getElementById("warranty");for(let e in t)t.hasOwnProperty(e)&&t[e].addEventListener("change",function(){updatePrice()});for(let t in e)e.hasOwnProperty(t)&&e[t].addEventListener("change",function(){updatePrice()});n&&n.addEventListener("change",function(){updatePrice()})},updatePrice=()=>{const t=document.getElementById("tt_e"),e=document.getElementById("tt_d"),n=document.getElementById("solution-form"),o=document.querySelectorAll(".abn-chk"),s=document.querySelectorAll(".acc-chk"),a=document.getElementById("warranty");var c=parseFloat(n.getAttribute("data-price"));for(let t in o)if(o.hasOwnProperty(t)&&o[t].checked){var d=parseFloat(o[t].getAttribute("data-price"));c+=parseFloat(d)}for(let t in s){if(s.hasOwnProperty(t)&&s[t].checked)c+=parseFloat(s[t].getAttribute("data-price"))}a&&a.checked&&(c+=parseFloat(a.getAttribute("data-price")));var i=(c=c.toFixed(2).toString()).substr(0,c.length-3),r=c.substr(-2);t.innerHTML=i,e.innerHTML=r},tteObj=document.getElementById("tt_e");tteObj&&(checkPrice(),updatePrice()),document.addEventListener("DOMContentLoaded",function(){const t=document.querySelector("#productCarousel"),e=document.querySelectorAll("#productThumbs .js-product-thumb");if(!t||"undefined"==typeof bootstrap)return;const n=bootstrap.Carousel.getOrCreateInstance(t,{interval:!1,ride:!1,touch:!0});function o(t){if(!t)return;const e=t.querySelector("img.lazy");e&&e.dataset.src&&!e.getAttribute("src")&&(e.setAttribute("src",e.dataset.src),e.classList.remove("lazy"))}function s(t){const e=t.getAttribute("data-bs-slide-to");null!==e&&n.to(Number(e))}e.forEach(function(t){t.addEventListener("mouseenter",function(){window.innerWidth<768||s(this)}),t.addEventListener("focus",function(){window.innerWidth<768||s(this)})}),t.addEventListener("slide.bs.carousel",function(t){o(t.relatedTarget)}),t.addEventListener("slid.bs.carousel",function(t){!function(t){e.forEach(function(t){t.classList.remove("active")});const n=document.querySelector('#productThumbs .js-product-thumb[data-bs-slide-to="'+t+'"]');n&&n.classList.add("active")}(t.to)}),o(t.querySelector(".carousel-item.active"))});
1864</script>
1864
1865
1866
1867            
1868            
1868<script type="text/javascript">
1869            window.STFAQContext = null;
1870
1871            function loadFAQSnippet(cookieOptin) {
1872                window.addEventListener('STFAQContextLoaded', function(e) {
1873                    window.STFAQContext = e.detail;
1874                    reinitFAQSnippet(cookieOptin);
1875                    const STFAQInitEvent = new CustomEvent('FAQlaunch', { detail: window.STFAQContext });
1876                    window.dispatchEvent(STFAQInitEvent);
1877                });
1878            }
1879            
1880            function reinitFAQSnippet(cookieOptin) {
1881                cookieOptin = !!cookieOptin;
1882                window.STFAQContext.init({
1883                    "kbId": 103,
1884                    "locale": "fr",
1885                    "cookieOptin": cookieOptin,
1886                    "filters": { "tags": ["fiche-produit-app-3095"] },
1887                    "labels": {
1888                        "title": { "fr": "" },
1889                        "emptyMessage": { "fr": "Aucune question" }
1890                    },
1891                    "limit": 5,
1892                    "openInNewTab": true,
1893                    "containerId": "container-faq",
1894                    "singleQuestionOpen": false
1895                });
1896            }
1897            
1898            loadFAQSnippet(false);
1899            </script>
1899
1900        
1901    
1902
1903
1904
1905
1906
1907
1908<script type="text/javascript" async src=https://assets.app.smart-tribune.com/smart-tribune/FAQContext/faqcontext.main.js></script>
1908<!-- end content -->
1909</main>
1910
1911
1912<!--Section footer-->
1913<footer id="f01" class="text-center text-lg-start">
1914
1915        
1916    <!-- Section: réassurance -->
1917    <section class="bg-white text-black reassurence py-5">
1918        <div class="container-lg">
1919            <div class="row justify-content-center">
1920                <div class="col-md-3 col-6 text-center blk">
1921                    <img style="max-height: 120px;" class="img-fluid mx-auto lazy p-3" data-src="https://www.moncoyote.com/CMS/uploads/funnel/footer/shield-check-black-4.svg" alt="icône paiement sécurisé">
1922                    <p>Paiement<br>sécurisé</p>
1923                    <div>
1924                        <div id="popPaiement">
1925                            <i class="bi bi-info-circle"></i>
1926                        </div>
1927                        <div class="tooltip ft">
1928                            <p class="small">Un large choix de modes de paiement sécurisés est disponible</p>
1929                            <p class="small">Si vous le souhaitez, vous pouvez également finaliser vos achats au téléphone par carte </p>
1930                            <p class="small">Nos conseillers sont à votre disposition du lundi au vendredi de 8h à 20h, et le samedi de 9h à 19h au 01 76 49 48 47</p>
1931                        </div>
1932                    </div>
1933                </div>
1934                <div class="col-md-3 col-6 text-center blk">
1935                    <img style="max-height: 120px;" class="img-fluid mx-auto lazy p-3" data-src="https://www.moncoyote.com/CMS/uploads/funnel/footer/truck-black-4.svg" alt="icône livraison 1h en magasin">
1936                    <p>Livraison 1h<br>en magasin</p>
1937                    <div>
1938                        <div id="Livraison">
1939                            <i class="bi bi-info-circle"></i>
1940                        </div>
1941                        <div class="tooltip ft">
1942                            <p class="small">Récupérez votre commande en 1h dans le Coyote Store de votre choix !</p>
1943                            <a href='/fr/store-locator-fr.html' class="text-green small">Découvrez votre Coyote Store le plus proche</a>
1944                        </div>
1945                    </div>
1946                </div>
1947                <div class="col-md-3 col-6 text-center blk">
1948                    <img style="max-height: 120px;" class="img-fluid mx-auto lazy p-3" data-src="https://www.moncoyote.com/CMS/uploads/funnel/footer/check-circle-black-4.svg" alt="icône garantie 2 ans">
1949                    <p>Garantie<br>2 ans</p>
1950                    <div>
1951                        <div id="garantie">
1952                            <i class="bi bi-info-circle"></i>
1953                        </div>
1954                        <div class="tooltip ft">
1955                            <p class="small">Les boîtiers Coyote bénéficient d'une garantie de 2 ans.</p>
1956                            <a href='https://www.moncoyote.com/fr/foire-aux-questions.html?question=est-duree-garantie-mon-boitier' class="text-green small">En savoir plus</a>
1957                        </div>
1958                    </div>
1959                </div>
1960                <div class="col-md-3 col-6 text-center blk d-flex flex-column justify-content-between">
1961                    <div id="ba8e97c5-c2eb-46aa-8ae2-2c868758de6a" async charset="utf-8"</div>
1962                    
1962<script src="https://widgets.rr.skeepers.io/generated/c869b946-e864-0fd4-c17c-117196e05ef0/ba8e97c5-c2eb-46aa-8ae2-2c868758de6a.js"></script>
1962
1963                    <div>
1964                        <p>Avis soumis<br>à un contrôle</p>
1965                        <div id="avis">
1966                            <i class="bi bi-info-circle"></i>
1967                        </div>
1968                        <div class="tooltip ft">
1969                            <p class="small">Pour plus d'informations sur les caractéristiques du contrôle des avis et la possibilité de contacter l'auteur de l'avis, merci de consulter nos <a href="https://www.avis-verifies.com/index.php?page=mod_conditions_utilisation" target="_blank" class="text-green small">CGU</a>- Aucune contrepartie n’a été fournie en échange des avis- Les avis sont publiés et conservés pendant une durée de cinq ans- Les avis ne sont pas modifiables : si un client souhaite modifier son avis, il doit contacter Avis Vérifiés afin de supprimer l’avis existant, et en publier un nouveau- Les motifs de suppression des avis sont disponibles <a href="https://www.avis-verifies.com/index.php?page=mod_conditions_utilisation#Rejet_de_lavis_de_consommateur"  target="_blank" class="text-green small">ici</a></p>
1970                            
1971                        </div>
1972                    </div>
1973                </div>
1974            </div>
1975        </div>
1976    </section>
1977    <!-- Section: réassurance -->
1978    
1979    <!-- Section: Social media -->
1980    <section class="p-4 brdB">
1981        <div class="row justify-content-center g-3">
1982            <span class="col-auto justify-content-center">
1983                
1984                    <svg xmlns="http://www.w3.org/2000/svg" width="130" height="50" viewBox="0 0 190 50" fill="none">
1985                        <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9146 23.5729C19.9146 20.0873 25.1802 17.3385 29.2418 17.3385C32.4067 17.3385 33.8635 18.7556 33.8635 20.7394C33.8635 24.2244 28.5972 26.9732 24.5363 26.9732C21.3713 26.9732 19.9146 25.5567 19.9146 23.5729ZM50.8929 20.654C50.8929 13.5698 45.8516 7.95886 33.3033 7.95886C19.0741 7.95886 4.64943 17.0268 4.64943 27.8803C4.64943 35.106 11.0354 40.0655 22.0991 40.0655C33.1628 40.0655 42.2103 35.8148 48.0922 29.9208L62.4607 35.5312C54.2544 43.1259 40.5298 48 28.4573 48C9.94343 48 0 37.9969 0 28.702C0 15.7519 16.6936 3 37.5048 3C56.8309 3 67.1385 12.2949 66.9986 20.654H50.8929Z" fill="#23D63E"/>
1986                        <path fill-rule="evenodd" clip-rule="evenodd" d="M139.507 20C145.148 20 148.095 22.6718 148.095 26.9418C148.095 31.2694 145.148 34 139.507 34C133.865 34 130.919 31.2694 130.919 26.9418C130.919 22.6137 133.865 20 139.507 20ZM101.505 20C107.146 20 110.093 22.6718 110.093 26.9418C110.093 31.2694 107.146 34 101.505 34C95.8638 34 92.9166 31.2694 92.9166 26.9418C92.9166 22.6137 95.8638 20 101.505 20ZM82.5602 20C85.4228 20 87.8365 20.5515 90.1663 22.0328L88.3978 24.8797C86.4892 23.6885 84.525 23.1658 82.5318 23.1658C78.9115 23.1658 77.4801 24.502 77.4801 26.9418C77.4801 29.3817 78.9115 30.8342 82.5318 30.8342C84.7491 30.8342 86.6016 30.4853 88.7628 29.1491L90.5312 31.7634C88.4818 33.2159 85.7877 34 82.5602 34C76.975 34 74 31.2694 74 26.9418C74 22.6137 76.9466 20 82.5602 20ZM181.888 20.0869V23.0495H172.12V25.4312H177.93V28.2781H172.12V30.9211H182V33.8837H168.753V20.0869H181.888ZM165.778 20.1157V23.0789H159.715V33.8837H156.234V23.0789H150.173V20.1157H165.778ZM115.117 20.0872C116.577 22.2362 118.401 24.2115 120.534 26.0123C122.667 24.1821 124.519 22.2362 126.091 20.0872H130.02C127.831 23.1367 125.221 26.0123 122.19 28.5684V33.8546H118.794V28.5972C115.763 26.1286 113.153 23.253 110.963 20.0872H115.117ZM139.535 23.1658C135.943 23.1658 134.455 24.502 134.455 26.9418C134.455 29.3817 135.943 30.8342 139.535 30.8342C143.128 30.8342 144.615 29.4398 144.615 26.9418C144.615 24.502 143.128 23.1658 139.535 23.1658ZM101.533 23.1658C97.9404 23.1658 96.4529 24.502 96.4529 26.9418C96.4529 29.3817 97.9404 30.8342 101.533 30.8342C105.125 30.8342 106.613 29.4398 106.613 26.9418C106.613 24.502 105.125 23.1658 101.533 23.1658Z" fill="white"/>
1987                    </svg>
1988                
1989            </span>
1990            <span class="col-auto d-flex justify-content-center gap-3" role="group">
1991                <a class="btn btn-icon-only text-white" href="https://fr-fr.facebook.com/CoyoteFrance" target="_blank" aria-label="lien facebook"><i style="font-size: 16px;" class="bi bi-facebook"></i></a>
1992                <a class="btn btn-icon-only text-white" href="https://twitter.com/coyote_officiel" target="_blank" aria-label="lien twitter"><i style="font-size: 16px;" class="bi bi-twitter-x"></i></a>
1993                <a class="btn btn-icon-only text-white" href="https://www.instagram.com/moncoyote/?hl=fr" target="_blank" aria-label="lien instagram"><i style="font-size: 16px;" class="bi bi-instagram"></i></a>
1994                <a class="btn btn-icon-only text-white" href="https://www.linkedin.com/company/coyotesystem/" target="_blank" aria-label="lien linkedin"><i style="font-size: 16px;" class="bi bi-linkedin"></i></a>
1995                <a class="btn btn-icon-only text-white" href="https://www.youtube.com/user/CoyoteOfficiel" target="_blank" aria-label="lien youtube"><i style="font-size: 16px;" class="bi bi-youtube"></i></a>
1996                <a class="btn btn-icon-only text-white" href="https://www.moncoyote.com/blog/" target="_blank" aria-label="lien wordpress"><i style="font-size: 16px;" class="bi bi-wordpress"></i></a>
1997            </span>
1998        </div>
1999    </section>
2000    <!-- Section: Social media -->
2001
2002    <!-- Section: Links  -->
2003    <section class="brdB">
2004        <div class="container-lg text-center text-md-start mt-5">
2005            <!-- Grid row -->
2006            <div class="row mt-3">
2007                <!-- Grid column -->
2008                <div class="col-lg-3 mx-auto mb-4">
2009                    <!-- Content -->
2010                     <div class="accordion accordion-flush">
2011                        <div class="accordion-item">    
2012                            <span class="h4 text-uppercase fw-bold d-none d-lg-block text-white">L’univers Coyote</span>
2013                            <div class="accordion-header">
2014                                <div class="accordion-button d-lg-none" role="button" data-bs-toggle="collapse" data-bs-target="#univerCoyote" aria-expanded="true" aria-controls="univerCoyote">
2015                                    <span class="h4 text-uppercase fw-bold text-white">L’univers Coyote</span>
2016                                </div>
2017                            </div>
2018                            <div id="univerCoyote" class="accordion-collapse collapse show" aria-labelledby="univerCoyote" data-bs-parent="#univerCoyote">
2019                                <div class="accordion-body">
2020                                    <p>
2021                                        <a href="/fr/tarifs-d-abonnement.html" class="text-white">Tarifs abonnements</a>
2022                                    </p>
2023                                    <p>
2024                                        <a href="/fr/products-fr.html" class="text-white">Tous les produits</a>
2025                                    </p>
2026                                    <p>
2027                                        <a href="/fr/quel-boitier-choisir.html" class="text-white">Comparer nos solutions</a>
2028                                    </p>
2029                                    <p>
2030                                        <a href="/fr/alerte-securite-predictive.html" class="text-white">Alerte sécurite prédictive</a>
2031                                    </p>
2032                                    <p>
2033                                    <a href="https://www.moncoyote.com/CMS/uploads/_refonte/FR/secure/Observatoire_des_vols_Coyote_Secure_2025.pdf" target="_blank" class="text-white">Observatoire des vols Coyote</a>
2034                                    <p>
2035                                        <a href="/fr/radars-routiers.html" class="text-white">Dossier radars</a>
2036                                    </p>
2037                                    <p>
2038                                        <a href="/fr/permis-de-conduire.html" class="text-white">Dossier permis de conduire</a>
2039                                    </p>
2040                                    <p>
2041                                        <a href="/fr/payer-amendes-contraventions.html" class="text-white">Dossier amendes</a>
2042                                    </p>
2043                                    <p>
2044                                        <a href="/fr/dossier-comment-bien-choisir-son-antivol-voiture.html" class="text-white">Dossier antivol voiture</a>
2045                                    </p>
2046                                    <p>
2047                                        <a href="/fr/dossier-quel-antivol-choisir-pour-sa-moto.html" class="text-white">Dossier antivol moto</a>
2048                                    </p>
2049                                    <p>
2050                                        <a href="/fr/avertisseurs-detecteurs-de-radars-quelle-est-la-loi.html" class="text-white">Dossier détecteur de radar</a>
2051                                    </p>
2052                                    <p>
2053                                        <a href="/fr/contester-amende.html" class="text-white">Dossier contester une amende</a>
2054                                    </p>
2055                                    <p>
2056                                        <a href="/fr/loi-limitation-80-kmh.html" class="text-white">Limitation à 80km/h</a>
2057                                    </p>
2058                                    <p>
2059                                        <a href="/fr/route-napoleon-itineraire-moto.html" class="text-white">La route Napoléon</a>
2060                                    </p>
2061                                    <p>
2062                                        <a href="/fr/col-stelvio-moto.html" class="text-white">Le col du Stelvio</a>
2063                                    </p>
2064                                    <p>
2065                                        <a href="/fr/route-grandes-alpes-itineraire.html" class="text-white">La route des Grandes Alpes</a>
2066                                    </p>
2067                                </div>
2068                            </div>
2069                        </div>
2070                    </div>
2071                </div>
2072                <!-- Grid column -->
2073    
2074                <!-- Grid column -->
2075                <div class="col-lg-3 mx-auto mb-4">
2076                    <!-- Links -->
2077                    <div class="accordion accordion-flush">
2078                        <div class="accordion-item">         
2079                            <span class="h4 text-uppercase fw-bold d-none d-lg-block text-white">Info trafic</span>
2080                            <div class="accordion-header">
2081                                <div class="accordion-button collapsed d-lg-none" role="button" data-bs-toggle="collapse" data-bs-target="#infosTrafics" aria-expanded="false" aria-controls="infosTrafics">
2082                                    <span class="h4 text-uppercase fw-bold text-white">Info trafic</span>
2083                                </div>
2084                            </div>
2085                            <div id="infosTrafics" class="accordion-collapse collapse " aria-labelledby="infosTrafics" data-bs-parent="#infosTrafics">
2086                                <div class="accordion-body">
2087                                    <p>
2088                                        <a href="/fr/info-trafic-bordeaux.html" class="text-white">Info trafic en temps réel à Bordeaux</a>
2089                                    </p>
2090                                    <p>
2091                                        <a href="/fr/info-trafic-lille.html" class="text-white">Info trafic en temps réel à Lille</a>
2092                                    </p>
2093                                    <p>
2094                                        <a href="/fr/info-trafic-lyon.html" class="text-white">Info trafic en temps réel à Lyon</a>
2095                                    </p>
2096                                    <p>
2097                                        <a href="/fr/info-trafic-marseille.html" class="text-white">Info trafic en temps réel à Marseille</a>
2098                                    </p>
2099                                     <p>
2100                                        <a href="/fr/info-trafic-montpellier.html" class="text-white">Info trafic en temps réel à Montpellier</a>
2101                                    </p>
2102                                    <p>
2103                                        <a href="/fr/info-trafic-nantes.html" class="text-white">Info trafic en temps réel à Nantes</a>
2104                                    </p>
2105                                     <p>
2106                                        <a href="/fr/info-trafic-nice.html" class="text-white">Info trafic en temps réel à Nice</a>
2107                                    </p>
2108                                    <p>
2109                                        <a href="/fr/info-trafic-paris.html" class="text-white">Info trafic en temps réel à Paris</a>
2110                                    </p>
2111                                    <p>
2112                                        <a href="/fr/info-trafic-strasbourg.html" class="text-white">Info trafic en temps réel à Strasbourg</a>
2113                                    </p>
2114                                    <p>
2115                                        <a href="/fr/info-trafic-toulouse.html" class="text-white">Info trafic en temps réel à Toulouse</a>
2116                                    </p>
2117                                </div>
2118                            </div>
2119                        </div>
2120                    </div>
2121                </div>
2122                <!-- Grid column -->
2123    
2124                <!-- Grid column -->
2125                <div class="col-lg-3 mx-auto mb-4">
2126                    <!-- Links -->
2127                    <div class="accordion accordion-flush">
2128                        <div class="accordion-item">
2129                            <span class="h4 text-uppercase fw-bold d-none d-lg-block text-white">Espace client</span>
2130                            <div class="accordion-header">
2131                                <div class="accordion-button collapsed d-lg-none" role="button" data-bs-toggle="collapse" data-bs-target="#espaceClient" aria-expanded="false" aria-controls="espaceClient">
2132                                    <span class="h4 text-uppercase fw-bold text-white">Espace client</span>
2133                                </div>
2134                            </div>
2135                            <div id="espaceClient" class="accordion-collapse collapse" aria-labelledby="espaceClient" data-bs-parent="#espaceClient">
2136                                <div class="accordion-body">
2137                                    <p>
2138                                        <a href="/fr/users/index/my-account" class="text-white">Mon accueil</a>
2139                                    </p>
2140                                    <p>
2141                                        <a href="/fr/users/index/my-account-coyote" class="text-white">Mes produits</a>
2142                                    </p>
2143                                    <p>
2144                                        <a href="/fr/tripmaster-fr.html" class="text-white">Mes stats</a>
2145                                    </p>
2146                                    <p>
2147                                        <a href="/fr/users/index/my-infos" class="text-white">Mes infos</a>
2148                                    </p>
2149                                </div>
2150                            </div>
2151                        </div>
2152                    </div>
2153                    
2154    
2155                     <!-- Links -->
2156                    <div class="accordion accordion-flush mt-lg-3">
2157                        <div class="accordion-item">
2158                            <span class="h4 text-uppercase fw-bold assistance d-none d-lg-block text-white">Assistance</span>
2159                            <div class="accordion-header collapseFooterAssistance">
2160                                <div class="accordion-button collapsed d-lg-none" role="button" data-bs-toggle="collapse" data-bs-target="#assistance" aria-expanded="false" aria-controls="assistance">
2161                                    <span class="h4 text-uppercase fw-bold assistance text-white">Assistance</span>
2162                                </div>
2163                            </div>
2164                            <div id="assistance" class="accordion-collapse collapse" aria-labelledby="assistance" data-bs-parent="#assistance">
2165                                <div class="accordion-body">
2166                                    <p>
2167                                        <a href="/fr/foire-aux-questions.html" class="text-white">Questions réponses</a>
2168                                    </p>
2169                                    <p>
2170                                        <a href="/fr/contact-fr.html" class="text-white">Contact</a>
2171                                    </p>
2172                                    <p>
2173                                        <a href="https://docs.moncoyote.com/" class="text-white">Documents légaux</a>
2174                                    </p>
2175                                    <p>
2176                                        <a href="/fr/prevention-securite-utilisateurs.html" class="text-white">Cybersécurité</a>
2177                                    </p>
2178                                </div>
2179                            </div>
2180                        </div>
2181                    </div>
2182                </div>
2183                <!-- Grid column -->
2184    
2185                <!-- Grid column -->
2186                <div class="col-lg-3 mx-auto mb-lg-0 mb-4">            
2187                    <!-- Links -->
2188                    <div class="accordion accordion-flush">
2189                        <div class="accordion-item">
2190                            <span class="h4 text-uppercase fw-bold d-none d-lg-block text-white">À propos</span>
2191                            <div class="accordion-header">
2192                                <div class="accordion-button collapsed d-lg-none" role="button" data-bs-toggle="collapse" data-bs-target="#apropos" aria-expanded="false" aria-controls="apropos">
2193                                    <span class="h4 text-uppercase fw-bold text-white">À propos</span>
2194                                </div>
2195                            </div>
2196                            <div id="apropos" class="accordion-collapse collapse" aria-labelledby="apropos" data-bs-parent="#apropos">
2197                                <div class="accordion-body">
2198                                    <p>
2199                                        <a href="https://www.moncoyote.com/blog/" target="_blank" class="text-white">Le Blog Coyote</a>
2200                                    </p>
2201                                    <p>
2202                                        <a href="https://corporate.moncoyote.com/qui-sommes-nous/" target="_blank" class="text-white">Nous découvrir</a>
2203                                    </p>
2204                                    <p>
2205                                        <a href="https://corporate.moncoyote.com/nos-engagements/" target="_blank" class="text-white">Nos engagements</a>
2206                                    </p>
2207                                    <p>
2208                                        <a href="https://corporate.moncoyote.com/espace-presse/" target="_blank" class="text-white">Espace presse</a>
2209                                    </p>
2210                                    <p>
2211                                        <a href="https://corporate.moncoyote.com/rejoignez-nous/" target="_blank" class="text-white">Nous recrutons</a>
2212                                    </p>
2213                                    <p>
2214                                    <a href="https://www.mycoyotecommunity.com/" target="_blank" class="text-white">Forum Coyote</a>
2215                                    </p>
2216                                </div>
2217                            </div>
2218                        </div>
2219                    </div>
2220                    <div class="position-relative mt-5">
2221                        
2222                                                                                                                    
2223
2224<a class="dropdown-toggle btn text-white" style="border-color:#fff;" href="#" role="button" id="dropdownLanguageLink" data-bs-toggle="dropdown" aria-expanded="false">
2225            <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2226            <rect width="16" height="12" fill="#F5F8FB"/>
2227            <rect width="5" height="12" fill="#41479B"/>
2228            <rect x="11" width="5" height="12" fill="#E51D1D"/>
2229        </svg>
2230        <span class="ms-2 me-3">France</span>
2231</a>
2232
2233
2234    
2235
2236<ul class="dropdown-menu" aria-labelledby="dropdownLanguageLink">
2237            <li>
2238            <a class="dropdown-item" href="https://www.moncoyote.com/fr/" target="_blank" rel="noopener">
2239                                    <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2240                        <rect width="16" height="12" fill="#F5F8FB"/>
2241                        <rect width="5" height="12" fill="#41479B"/>
2242                        <rect x="11" width="5" height="12" fill="#E51D1D"/>
2243                    </svg>
2244                                <span class="ms-2 me-3">France</span>
2245            </a>
2246        </li>
2247            <li>
2248            <a class="dropdown-item" href="https://www.coyotesystems.be/fr/" target="_blank" rel="noopener">
2249                                    <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2250                        <rect width="16" height="12" fill="#FFD018"/>
2251                        <rect width="5" height="12" fill="#272727"/>
2252                        <rect x="11" width="5" height="12" fill="#DC251C"/>
2253                    </svg>
2254                                <span class="ms-2 me-3">Belgique</span>
2255            </a>
2256        </li>
2257            <li>
2258            <a class="dropdown-item" href="https://www.coyotesystems.be/nl/" target="_blank" rel="noopener">
2259                                    <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2260                        <rect width="16" height="12" fill="#FFD018"/>
2261                        <rect width="5" height="12" fill="#272727"/>
2262                        <rect x="11" width="5" height="12" fill="#DC251C"/>
2263                    </svg>
2264                                <span class="ms-2 me-3">Belgique (NL)</span>
2265            </a>
2266        </li>
2267            <li>
2268            <a class="dropdown-item" href="https://www.mycoyote.net/it/" target="_blank" rel="noopener">
2269                                    <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2270                        <rect width="16" height="12" fill="#F5F8FB"/>
2271                        <rect width="5" height="12" fill="#2B9F5A"/>
2272                        <rect x="11" width="5" height="12" fill="#DC251C"/>
2273                    </svg>
2274                                <span class="ms-2 me-3">Italie</span>
2275            </a>
2276        </li>
2277            <li>
2278            <a class="dropdown-item" href="https://www.coyotesystems.lu/fr/" target="_blank" rel="noopener">
2279                                    <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2280                        <rect y="4" width="16" height="4" fill="#F5F8FB"/>
2281                        <rect y="8" width="16" height="4" fill="#3273D3"/>
2282                        <rect width="16" height="4" fill="#DC251C"/>
2283                    </svg>
2284                                <span class="ms-2 me-3">Luxembourg</span>
2285            </a>
2286        </li>
2287            <li>
2288            <a class="dropdown-item" href="https://www.mycoyote.es/es/" target="_blank" rel="noopener">
2289                                    <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2290                        <rect width="16" height="12" fill="#FFD018"/>
2291                        <rect width="16" height="3" fill="#DC251C"/>
2292                        <rect y="9" width="16" height="3" fill="#DC251C"/>
2293                        <rect x="3" y="4" width="2" height="2" fill="#DC251C"/>
2294                        <path d="M3 6H5V8H4C3.44772 8 3 7.55228 3 7V6Z" fill="#FF8718"/>
2295                        <path d="M5 6H7V7C7 7.55228 6.55228 8 6 8H5V6Z" fill="#DC251C"/>
2296                        <rect x="5" y="4" width="2" height="2" fill="#A6A6A6"/>
2297                        <circle cx="5" cy="6" r="0.5" fill="#41479B"/>
2298                    </svg>
2299                                <span class="ms-2 me-3">Espagne</span>
2300            </a>
2301        </li>
2302            <li>
2303            <a class="dropdown-item" href="//www.mycoyote.co.uk/" target="_blank" rel="noopener">
2304                                    <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2305                        <rect width="16" height="12" fill="#41479B"/>
2306                        <path d="M0 0 L16 12 M16 0 L0 12" stroke="#F5F8FB" stroke-width="2.5"/>
2307                        <path d="M0 0 L16 12 M16 0 L0 12" stroke="#DC251C" stroke-width="1"/>
2308                        <rect x="6" width="4" height="12" fill="#F5F8FB"/>
2309                        <rect y="4" width="16" height="4" fill="#F5F8FB"/>
2310                        <rect x="6.5" width="3" height="12" fill="#DC251C"/>
2311                        <rect y="4.5" width="16" height="3" fill="#DC251C"/>
2312                    </svg>
2313                                <span class="ms-2 me-3">Royaume-Uni</span>
2314            </a>
2315        </li>
2316    </ul>
2317                    </div>
2318                </div>
2319                <!-- Grid column -->
2320            </div>
2321            <!-- Grid row -->
2322        </div>
2323    </section>
2324    <!-- Section: Links  -->
2325
2326    <!-- Copyright -->
2327    <div class="text-center p-3 minFooter">
2328        <a class="text-white" href="https://www.moncoyote.com/fr/mentions-legales.html" >Mentions légales <span class="d-none d-lg-inline">-</span></a>
2329        <a class="text-white" target="_blank" href="https://www.moncoyote.com/CMS/uploads/FR/PDF/CGV.pdf">CGV <span class="d-none d-lg-inline">-</span></a>
2330        <a class="text-white" target="_blank" href="https://www.moncoyote.com/CMS/uploads/FR/PDF/CGU.pdf">CGU <span class="d-none d-lg-inline">-</span></a>
2331        <a class="text-white" target="_blank" href="https://www.moncoyote.com/CMS/uploads/FR/PDF/CSW.pdf">Charte site web <span class="d-none d-lg-inline">-</span></a>
2332        <a class="text-white" target="_blank" href="https://www.moncoyote.com/CMS/uploads/FR/PDF/PC.pdf">Politique des données personnelles <span class="d-none d-lg-inline">-</span></a>
2333        <a class="text-white" id="gestionCookies" href="javascript:void(0)">Gestion des cookies <span class="d-none d-lg-inline"></span></a>
2334        <span class="text-white">© 2026-Coyote System</span>
2335    </div>
2336    <!-- Copyright -->
2337</footer>
2338<!--Section footer end-->
2339
2340
2341<div class="modal fade" id="ModalVideo" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
2342  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
2343    <div class="modal-content">
2344        <div class="modal-header">
2345            <p class="modal-title" id="exampleModalLabel"></p>
2346            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
2347        </div>
2348        <div class="modal-body p-0">
2349        </div>
2350    </div>
2351  </div>
2352</div>
2353  
2354<script>
2355if("undefined"!=typeof LazyLoad){new LazyLoad({auto_unobserve:!0,elements_selector:".lazy",threshold:500,throttle:0});const e=()=>{if(window.lazyBackgroundElements&&window.updateResponsiveBackground)for(const[e,t]of window.lazyBackgroundElements)window.updateResponsiveBackground(e,t)};addEventListener("resize",e),addEventListener("orientationchange",e)}(()=>{const e=document.querySelectorAll(".reinsurance");if(!e[0])return;let t=0;e[0].classList.add("active"),setInterval((()=>{e[t].classList.remove("active"),t=(t+1)%e.length,e[t].classList.add("active")}),4e3)})(),(()=>{const e=document.querySelectorAll(".hscroll .card, .hscroll-md .card, .hscroll-all .card"),t=window.innerWidth;e.forEach(((e,n)=>{e.style.transform=`translateX(${t}px)`,e.style.transition="none",e.style.transitionDuration=`1.${n}s`})),window.checkVisible=function(e){const t=e.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight;t.top<n&&t.bottom>=0&&setTimeout((()=>e.classList.add("initial")),150)}})(),(()=>{const e=document.querySelectorAll(".hscroll, .hscroll-md, .hscroll-all");if(!e[0])return;const t=()=>e.forEach(checkVisible);t();let n=!1;addEventListener("scroll",(()=>{n||(requestAnimationFrame((()=>{t(),n=!1})),n=!0)}))})(),(()=>{document.querySelectorAll("select").forEach(setSelect),addEventListener("pageshow",(e=>{e.persisted&&location.reload()}));const e=document.querySelectorAll(".countdown-container-full");e.length>0&&setCountdownFull(e)})(),(()=>{const e=document.querySelectorAll("#navbar_top.navbar .nav-item");e[0]&&e.forEach((e=>{const t=t=>{const n=e.querySelector("a[data-bs-toggle]");if(!n)return;const o=n.nextElementSibling;n.classList.toggle("show",t),n.setAttribute("aria-expanded",t),o.classList.toggle("show",t),o.dataset.bsPopper=t};e.addEventListener("mouseover",(()=>{innerWidth>992&&t(!0)})),e.addEventListener("mouseleave",(()=>{innerWidth>992&&t(!1)}))}))})(),document.querySelectorAll('input[type="tel"]').forEach((e=>{e.addEventListener("keydown",(()=>onlyNumber(e)))})),document.querySelectorAll(".needs-validation").forEach((e=>{e._validator||(e._validator=new FormValidator(e))})),document.querySelectorAll(".cta").forEach((e=>{e.addEventListener("click",(()=>{e.classList.add("loading")}))})),document.querySelectorAll('a[href^="tel:"]').forEach((e=>{e.addEventListener("click",(function(e){const t=this.getAttribute("href").replace("tel:","");this.textContent=t}))}));
2356</script>
2356
2357
2358
2359<script>
2360window.axeptioSettings = {
2361  clientId: "63ceacc355614ac09fd3788a",
2362  cookiesVersion: "fr",
2363};
2364 
2365(function(d, s) {
2366  var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
2367  e.async = true; e.src = "//static.axept.io/sdk.js";
2368  t.parentNode.insertBefore(e, t);
2369})(document, "script");
2370window._axcb = window._axcb || [];
2371window._axcb.push(function(sdk){
2372sdk.on('ready', function(){
2373const openCookiesButton = document.getElementById("gestionCookies");
2374openCookiesButton.addEventListener('click', () => {
2375sdk.openCookiesSpecialStep();
2376})
2377})
2378});
2379</script>
2379
2380</body>
2381</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.