\ \n \ \n \ \n \\\ Analyser ma situation\\n \n \\n \ \n \Votre statut*\\n \ \n \\n \ Artisan\n \\n \\n \ TPE\n \\n \\n \ Auto-entrepreneur\n \\n \\n \\n\n \\n \ \n \ \n \Nom de l’entreprise*\\n \\n \\n \\n\n \\n \ \n \\\ Avez-vous déjà un site web ? *\\n \\n \Sélectionnez\\n \Oui\\n \Non\\n \\n \\n \n \ \n \ \n \Adresse de votre site actuel\\n \\n \\n \\n\n \\n \ \n \\\ Quel est votre besoin principal aujourd’hui ? *\\n \\n \\-\- Sélectionnez \-\-\\n \Créer un site web conforme de zéro\\n \Refaire mon site actuel pour le rendre légal et performant\\n \Uniquement auditer la conformité RGPD de mon site actuel\\n \J’ai reçu un contrôle ou une mise en demeure (Urgence)\\n \\n \\n\n \\n \ \n \\\ Savez-vous si votre site actuel est conforme au RGPD ? *\\n \\n \Sélectionnez\\n \Je ne sais pas ce qu’est le RGPD\\n \Je pense que oui, mais je n’ai aucune preuve\\n \Je sais qu’il n’est pas conforme\\n \Je n’ai pas de formulaire ni de données clients\\n \\n \\n\n \\n \ \n \\\ Décrivez brièvement votre situation *\\n \\</textarea\>\n \</div\>\n\n \<!\-\- 6. COORDONNÉES \-\-\>\n \</p> <div class=\"form-group\"\>\n \<label\>\<i class=\"fas fa-user\"\>\</i\> Nom du contact *\</label\>\n \<input type=\"text\" name=\"contact_name\" required placeholder=\"Votre nom\"\>\n \</div\>\n \</p> <div class=\"form-group\"\>\n \<label\>\<i class=\"fas fa-envelope\"\>\</i\> Email professionnel *\</label\>\n \<input type=\"email\" name=\"email\" required placeholder=\"votre@entreprise.fr\"\>\n \</div\>\n \</p> <div class=\"form-group\"\>\n \<label\>\<i class=\"fas fa-phone\"\>\</i\> Téléphone *\</label\>\n \<input type=\"tel\" name=\"phone\" required placeholder=\"06 00 00 00 00\"\>\n \</div\>\n\n \<button type=\"submit\" class=\"submit-button\" aria-label=\"Envoyer la demande\"\>\n \<i class=\"fas fa-paper-plane\"\>\</i\> Envoyer ma demande\n \</button\>\n \n \<!\-\- Réassurance \-\-\>\n \</p> <div class=\"form-trust\"\>\n \<span\>\<i class=\"fas fa-lock\"\>\</i\> Confidentiel\</span\>\n \<span\>\<i class=\"fas fa-clock\"\>\</i\> Réponse 24h\</span\>\n \<span\>\<i class=\"fas fa-handshake\"\>\</i\> Sans engagement\</span\>\n \</div\>\n\n \</p> <div id=\"form-success\" style=\"display:none !important; color:#10b981 !important; font-weight:600 !important; text-align:center !important; margin-top:18px !important;\"\>\n Demande envoyée. Nous analysons votre situation et vous recontactons très vite.\n \</div\>\n \</p> <div id=\"form-error\" style=\"display:none !important; color:#f87171 !important; font-weight:600 !important; text-align:center !important; margin-top:18px !important;\"\>\n Erreur d’envoi. Réessayez ou contactez info@sitedigitalpro.com\n \</div\>\n \</form\>\n \</div\>\n\</div\>\n\n\<!\-\- FontAwesome \-\-\>\n\<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css\"\>\n\n\<!\-\- jQuery \-\-\>\n\<script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"\>\</script\>\n\<!\-\- EmailJS \-\-\>\n\<script src=\"https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js\"\>\</script\>\n\n\<script\>\n(function() {\n emailjs.init(\"lC7nuF69sATigD6UX\");\n})();\n\njQuery(document).ready(function($) {\n \n // Affichage conditionnel des champs entreprise\n $('input[name=\"typeClient\"]').on('change', function() {\n if ($(this).val() === 'TPE') {\n $('#champsEntreprise').slideDown();\n $('#societeInput').attr('required', true);\n } else {\n $('#champsEntreprise').slideUp();\n $('#societeInput').removeAttr('required');\n }\n });\n\n // Affichage conditionnel URL\n $('select[name=\"has_website\"]').on('change', function() {\n if ($(this).val() === 'Oui') {\n $('#champsUrl').slideDown();\n } else {\n $('#champsUrl').slideUp();\n $('input[name=\"website_url\"]').val('');\n }\n });\n\n $('#devisForm').on('submit', function(e) {\n e.preventDefault();\n var form = this;\n\n // Envoi via EmailJS (On garde les noms de variables pour ne pas casser ton template)\n emailjs.send('service_u8anjcn', 'template_3gzf178', {\n project_description: form.project_description.value,\n company_name: form.societe ? form.societe.value : '',\n contact_name: form.contact_name.value,\n email: form.email.value,\n phone: form.phone.value,\n has_website: form.has_website.value,\n website_url: form.website_url ? form.website_url.value : '',\n site_objective: form.site_objective.value, // Contient maintenant l'état RGPD\n // Variables mises à vide car les champs ont été supprimés\n form_contact: '',\n blog: '',\n newsletter: '',\n ecommerce: '',\n design_style: '',\n preferred_colors: '',\n site_examples: '',\n content_help_needed: '',\n hosting_type: '',\n additional_info: ''\n })\n .then(function() {\n // Succès : on reset et on affiche le message\n form.reset();\n $('#champsEntreprise, #champsUrl').hide();\n $('#form-success').show();\n $('#form-error').hide();\n \n // Scroll vers le message\n $('html, body').animate({\n scrollTop: $(\"#form-success\").offset().top - 100\n }, 400);\n\n }, function(error) {\n $('#form-success').hide();\n $('#form-error').show();\n console.error(\"Erreur d'envoi:\", error);\n });\n });\n});\n\</script\>\n\n\<style\>\n/* ==========================================\n FORCE LE DARK MODE MALGRÉ DIVI\n ========================================== */\n\n#sdp-dark-form-wrapper {\n background-color: #F8FAFC !important;\n padding: 40px 0 !important;\n width: 100% !important;\n margin: 0 !important;\n border: none !important;\n}\n\n#sdp-dark-form-wrapper .form-bg-dyn {\n background-color: transparent !important;\n padding: 0 !important;\n min-height: auto !important;\n}\n\n#sdp-dark-form-wrapper .styled-form-wrapper {\n max-width: 650px !important;\n margin: 0 auto !important;\n background: rgba(255,255,255,0.02) !important;\n border: 1px solid rgba(255,255,255,0.06) !important;\n border-radius: 32px !important;\n box-shadow: none !important;\n padding: 50px 40px !important;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n color: #0F172A !important;\n}\n\n#sdp-dark-form-wrapper h1 {\n text-align: center !important;\n font-size: 2.2rem !important;\n font-weight: 800 !important;\n margin-bottom: 40px !important;\n color: #0F172A !important;\n letter-spacing: -0.03em !important;\n text-transform: uppercase !important;\n background: none !important;\n border: none !important;\n padding: 0 !important;\n}\n\n#sdp-dark-form-wrapper h1 i {\n color: #a78bfa !important;\n margin-right: 12px !important;\n}\n\n#sdp-dark-form-wrapper .form-group {\n margin-bottom: 24px !important;\n}\n\n#sdp-dark-form-wrapper .form-group label {\n display: block !important;\n font-weight: 600 !important;\n font-size: 0.9rem !important;\n color: #3F3F46 !important;\n margin-bottom: 8px !important;\n letter-spacing: 0.01em !important;\n padding: 0 !important;\n background: none !important;\n border: none !important;\n}\n\n#sdp-dark-form-wrapper .form-group label i {\n margin-right: 8px !important;\n color: #a78bfa !important;\n width: auto !important;\n}\n\n/* INPUTS, TEXTAREAS, SELECTS */\n#sdp-dark-form-wrapper .form-group input[type=\"text\"],\n#sdp-dark-form-wrapper .form-group input[type=\"email\"],\n#sdp-dark-form-wrapper .form-group input[type=\"tel\"],\n#sdp-dark-form-wrapper .form-group input[type=\"url\"],\n#sdp-dark-form-wrapper .form-group textarea,\n#sdp-dark-form-wrapper .form-group select {\n width: 100% !important;\n padding: 16px 18px !important;\n border: 1px solid rgba(255,255,255,0.08) !important;\n border-radius: 14px !important;\n background: rgba(255,255,255,0.75) !important;\n font-size: 0.95rem !important;\n font-family: 'Inter', sans-serif !important;\n transition: border-color 0.3s, box-shadow 0.3s, background 0.3s !important;\n outline: none !important;\n color: #0F172A !important;\n margin-top: 2px !important;\n box-sizing: border-box !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n box-shadow: none !important;\n max-width: 100% !important;\n}\n\n#sdp-dark-form-wrapper .form-group input::placeholder,\n#sdp-dark-form-wrapper .form-group textarea::placeholder {\n color: #3f3f46 !important;\n}\n\n#sdp-dark-form-wrapper .form-group input:focus,\n#sdp-dark-form-wrapper .form-group textarea:focus,\n#sdp-dark-form-wrapper .form-group select:focus {\n border-color: #a78bfa !important;\n box-shadow: 0 0 0 3px rgba(167,139,250,0.1) !important;\n background: rgba(255,255,255,0.04) !important;\n}\n\n#sdp-dark-form-wrapper .form-group select option {\n background: #18181b !important;\n color: #0F172A !important;\n padding: 10px !important;\n}\n\n#sdp-dark-form-wrapper .form-group textarea {\n min-height: 100px !important;\n resize: vertical !important;\n line-height: 1.6 !important;\n}\n\n/* RADIOS */\n#sdp-dark-form-wrapper .form-group input[type=\"radio\"] {\n width: auto !important;\n margin-right: 8px !important;\n accent-color: #a78bfa !important;\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n}\n\n#sdp-dark-form-wrapper .radio-group {\n display: flex !important;\n gap: 24px !important;\n margin-top: 5px !important;\n flex-wrap: wrap !important;\n}\n\n#sdp-dark-form-wrapper .radio-label {\n font-weight: 500 !important;\n font-size: 0.95rem !important;\n color: #475569 !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n margin: 0 !important;\n padding: 0 !important;\n background: none !important;\n border: none !important;\n}\n\n/* BOUTON SUBMIT */\n#sdp-dark-form-wrapper .submit-button {\n background: #ffffff !important;\n color: #000000 !important;\n padding: 20px 0 !important;\n border: none !important;\n border-radius: 100px !important;\n font-size: 0.85rem !important;\n font-weight: 700 !important;\n font-family: 'Inter', sans-serif !important;\n cursor: pointer !important;\n box-shadow: 0 0 40px rgba(255,255,255,0.1) !important;\n margin-top: 30px !important;\n width: 100% !important;\n transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s ease !important;\n letter-spacing: 0.05em !important;\n text-transform: uppercase !important;\n}\n\n#sdp-dark-form-wrapper .submit-button:hover {\n transform: translateY(-4px) scale(1.02) !important;\n box-shadow: 0 0 60px rgba(255,255,255,0.2) !important;\n background: #ffffff !important;\n color: #000000 !important;\n}\n\n/* REASSURANCE */\n#sdp-dark-form-wrapper .form-trust {\n display: flex !important;\n justify-content: center !important;\n gap: 24px !important;\n margin-top: 24px !important;\n flex-wrap: wrap !important;\n}\n\n#sdp-dark-form-wrapper .form-trust span {\n font-size: 0.75rem !important;\n color: #52525b !important;\n font-weight: 500 !important;\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n}\n\n#sdp-dark-form-wrapper .form-trust span i {\n color: #10b981 !important;\n font-size: 0.7rem !important;\n}\n\n/* RESPONSIVE */\n@media (max-width: 700px) {\n #sdp-dark-form-wrapper {\n padding: 20px 10px !important;\n }\n #sdp-dark-form-wrapper .styled-form-wrapper {\n padding: 35px 20px !important;\n border-radius: 24px !important;\n }\n #sdp-dark-form-wrapper h1 {\n font-size: 1.6rem !important;\n margin-bottom: 30px !important;\n }\n #sdp-dark-form-wrapper .radio-group {\n flex-direction: column !important;\n gap: 12px !important;\n }\n #sdp-dark-form-wrapper .form-trust {\n flex-direction: column !important;\n align-items: center !important;\n gap: 10px !important;\n }\n}\n\</style\> <div class="sdp-hub-spoke" style="margin:40px 0;padding:22px 26px;border-left:4px solid #3884ff;background:#f6f9ff"> <p style="margin:0 0 12px;font-weight:600">Vous en êtes là dans votre projet ?</p> <ul style="margin:0;padding-left:20px"> <li style="margin-bottom:8px"><a href="https://sitedigitalpro.com/nos-forfaits/">voir les forfaits avant de remplir</a></li> <li style="margin-bottom:8px"><a href="https://sitedigitalpro.com/audit-rgpd-site-internet-mise-en-conformite-rapide-site-digital-pro/">faire auditer votre site actuel</a></li> </ul> </div> </div> </div> </div> </article> </div> <footer class="et-l et-l--footer"> <div class="et_builder_inner_content"> <div class="et_pb_section_0_tb_footer et_pb_section et_pb_fullwidth_section et_section_regular et_block_section"> </div> </div> </footer> </div> </div> </div> <style class="et-vb-global-data et-vb-global-fonts">:root{--et_global_heading_font: 'Open Sans';--et_global_body_font: 'Open Sans';--et_global_heading_font_weight: 500;--et_global_body_font_weight: 500;--et_global_body_font_size: 14px;--et_global_body_font_height: 1.7em;}body{line-height:var(--et_global_body_font_height);font-size:var(--et_global_body_font_size);}</style><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/Divi/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> document.addEventListener('DOMContentLoaded', function () { var c = document.getElementById('shader-canvas'); if (c) { c.style.position = 'absolute'; c.style.top = '0'; c.style.left = '0'; c.style.width = '100%'; c.style.height = '100%'; } document.querySelectorAll('img[alt="SiteDigital Pro"]').forEach(function (img) { if (!img.hasAttribute('width')) { img.setAttribute('width', '1024'); img.setAttribute('height', '559'); } /* srcset responsive + WebP (Imagify) */ if (!img.hasAttribute('srcset')) { var base = img.getAttribute('src').replace(/\.jpe?g$/i, ''); img.setAttribute('srcset', base + '.jpeg.webp 1024w, ' + base + '-300x164.jpeg 300w'); img.setAttribute('sizes', '(max-width: 300px) 300px, 1024px'); /* Bascule vers WebP si supporté */ if (document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') === 0) { img.src = base + '.jpeg.webp'; } } }); }); </script> <!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr --> <div id="cmplz-cookiebanner-container"></div> <div id="cmplz-manage-consent" data-nosnippet="true"></div><style class="et-vb-global-data et-vb-global-numeric-vars">:root{--et_global_heading_font: 'Open Sans';--et_global_body_font: 'Open Sans';}</style><script id="divi-custom-script-js-extra"> var DIVI = {"item_count":"%d Item","items_count":"%d Items"}; //# sourceURL=divi-custom-script-js-extra </script> <script id="divi-custom-script-js" src="https://sitedigitalpro.com/wp-content/themes/Divi/js/theme-scripts-library-base.js?ver=5.9.0"></script> <script id="divi-script-library-global-functions-js" src="https://sitedigitalpro.com/wp-content/themes/Divi/includes/builder-5/visual-builder/build/script-library-frontend-global-functions.js?ver=5.9.0"></script> <script id="divi-script-library-ext-waypoint-js" src="https://sitedigitalpro.com/wp-content/themes/Divi/includes/builder-5/visual-builder/build/script-library-ext-waypoint.js?ver=5.9.0"></script> <script id="fitvids-js" src="https://sitedigitalpro.com/wp-content/themes/Divi/includes/builder-5/visual-builder/build/script-library-jquery.fitvids.js?ver=5.9.0"></script> <script id="divi-script-library-fitvids-functions-js" src="https://sitedigitalpro.com/wp-content/themes/Divi/includes/builder-5/visual-builder/build/script-library-fitvids-functions.js?ver=5.9.0"></script> <script id="et-core-common-js" src="https://sitedigitalpro.com/wp-content/themes/Divi/core/admin/js/common.js?ver=5.9.0"></script> <script id="divi-script-library-frontend-scripts-js-extra"> var et_pb_custom = {"ajaxurl":"https://sitedigitalpro.com/wp-admin/admin-ajax.php","images_uri":"https://sitedigitalpro.com/wp-content/themes/Divi/images","builder_images_uri":"https://sitedigitalpro.com/wp-content/themes/Divi/includes/builder-5/images","et_frontend_nonce":"c4b3df982e","subscription_failed":"Veuillez v\u00e9rifier les champs ci-dessous pour vous assurer d\u2019avoir saisi les bonnes informations.","et_ab_log_nonce":"dbf0bee258","fill_message":"Veuillez renseigner les champs suivants :","contact_error_message":"Veuillez corriger les erreurs suivantes :","invalid":"E-mail invalide","captcha":"Captcha","prev":"Pr\u00e9c.","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","wrong_captcha":"Vous avez saisi un nombre incorrect dans le captcha.","wrong_checkbox":"Case \u00c0 Cocher","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","ab_tests":[],"is_ab_testing_active":"","page_id":"2769","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"no","is_shortcode_tracking":"","tinymce_uri":"https://sitedigitalpro.com/wp-content/themes/Divi/includes/builder/frontend-builder/assets/vendors","accent_color":"#2ea3f2","waypoints_options":[]}; var et_frontend_scripts = {"builderCssContainerPrefix":"#et-boc","builderCssLayoutPrefix":"#et-boc .et-l"}; var et_builder_utils_params = {"condition":{"diviTheme":true,"extraTheme":false},"scrollLocations":["app","top"],"builderScrollLocations":{"desktop":"app","tablet":"app","phone":"app"},"onloadScrollLocation":"app","builderType":"fe"}; //# sourceURL=divi-script-library-frontend-scripts-js-extra </script> <script id="divi-script-library-frontend-scripts-js" src="https://sitedigitalpro.com/wp-content/themes/Divi/includes/builder-5/visual-builder/build/script-library-frontend-scripts.js?ver=5.9.0"></script> <script id="cmplz-cookiebanner-js-extra"> var complianz = {"prefix":"cmplz_","debug":"","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"979","version":"7.5.4","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu,ca","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https://sitedigitalpro.com/wp-json/complianz/v1/","locale":"lang=fr&locale=fr_FR","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"31","cookie_path":"/","categories":{"statistics":"statistiques","marketing":"marketing"},"tcf_active":"","placeholdertext":"Cliquez pour accepter les cookies {category} et activer ce contenu","css_file":"https://sitedigitalpro.com/wp-content/uploads/complianz/css/banner-{banner_id}-{type}.css?v=979","page_links":[],"tm_categories":"1","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Cliquez pour accepter les cookies {category} et activer ce contenu","iapi_nav":"fallback"}; //# sourceURL=cmplz-cookiebanner-js-extra </script> <script defer id="cmplz-cookiebanner-js" src="https://sitedigitalpro.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1788523086"></script> <script id="cmplz-cookiebanner-js-after"> let cmplz_activated_divi_maps = false; document.addEventListener("cmplz_enable_category", function (e) { if (!cmplz_activated_divi_maps && (e.detail.category==='marketing' || e.detail.service === 'google-maps') ){ cmplz_divi_init_map(); } }); function cmplz_divi_init_map() { if ('undefined' === typeof window.jQuery || 'undefined' === typeof window.et_pb_map_init ) { setTimeout(cmplz_divi_init_map, 1000); } else { let map_container = jQuery(".et_pb_map_container"); map_container.each(function () { window.et_pb_map_init(jQuery(this)); cmplz_activated_divi_maps = true; }) } } setTimeout(cmplz_divi_init_map, 300); //# sourceURL=cmplz-cookiebanner-js-after </script> <script id="divi-script-library-multi-view-js-extra"> var diviBreakpointData = {"enabledBreakpoints":[{"order":50,"baseDevice":true,"enable":true,"name":"desktop"},{"order":30,"enable":true,"maxWidth":{"value":"980px","default":980},"name":"tablet"},{"order":10,"enable":true,"maxWidth":{"value":"767px","default":767},"name":"phone"}],"enabledBreakpointNames":["desktop","tablet","phone"],"baseBreakpointName":"desktop"}; //# sourceURL=divi-script-library-multi-view-js-extra </script> <script id="divi-script-library-multi-view-js" src="https://sitedigitalpro.com/wp-content/themes/Divi/includes/builder-5/visual-builder/build/script-library-multi-view.js?ver=5.9.0"></script> <!-- Statistics script Complianz GDPR/CCPA --> <script data-category="functional"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',''); </script> <script>(function () { 'use strict'; if (window.__sdpGeoGlobal) return; window.__sdpGeoGlobal = true; var tz = ''; try { tz = Intl.DateTimeFormat().resolvedOptions().timeZone || ''; } catch (e) {} var zones = ["America/St_Johns","America/Halifax","America/Glace_Bay","America/Moncton","America/Goose_Bay","America/Toronto","America/Montreal","America/Nipigon","America/Pangnirtung","America/Thunder_Bay","America/Winnipeg","America/Rainy_River","America/Regina","America/Swift_Current","America/Edmonton","America/Cambridge_Bay","America/Inuvik","America/Yellowknife","America/Vancouver","America/Creston","America/Dawson","America/Dawson_Creek","America/Fort_Nelson","America/Whitehorse"]; var isCanada = zones.indexOf(tz) > -1; if (!isCanada) return; var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, { acceptNode: function (n) { var p = n.parentNode; return (p && p.closest && p.closest('script,style')) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT; } }); var stack = []; while (walker.nextNode()) stack.push(walker.currentNode); stack.forEach(function (tn) { var v = tn.nodeValue; var out = v .replace(/CNIL/g, 'CAI') .replace(/RGPD/g, 'Loi 25') .replace(/([0-9]+(?:[ ]+[0-9]+)*)[ ]*€/g, function (all, num) { return num + ' $ CA'; }); if (out !== v) tn.nodeValue = out; }); })();</script><script>(function () { 'use strict'; if (window.__sdpGA4Gated) return; window.__sdpGA4Gated = true; var GA_ID = 'G-X2F7RXDNGB'; function loadGA() { if (window.__sdpGA4Loaded) return; window.__sdpGA4Loaded = true; var s = document.createElement('script'); s.async = true; s.src = 'https://www.googletagmanager.com/gtag/js?id=' + GA_ID; document.head.appendChild(s); window.dataLayer = window.dataLayer || []; function gtag(){ dataLayer.push(arguments); } window.gtag = gtag; gtag('js', new Date()); gtag('config', GA_ID, { 'anonymize_ip': true, 'send_page_view': true }); } /* 1. Retire le gtag non conditionné du <head> */ function removeBareGtag() { document.querySelectorAll('script[src*="googletagmanager.com/gtag/js"]').forEach(function(s) { s.remove(); }); } /* 2. Écoute le consentement Complianz */ function waitForConsent() { if (window.cmplzHasConsented) { if (cmplzHasConsented('statistics')) loadGA(); return; } document.addEventListener('cmplz_status_change', function(e) { if (e.detail && e.detail.category === 'statistics' && e.detail.value === true) loadGA(); }); /* Fallback : si l'utilisateur a déjà consenti avant le chargement */ setTimeout(function() { if (typeof cmplzHasConsented === 'function' && cmplzHasConsented('statistics')) loadGA(); }, 1500); } removeBareGtag(); waitForConsent(); })();</script><script>(function () { 'use strict'; if (window.__sdpEffectsSitewide) return; window.__sdpEffectsSitewide = true; if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; var body = document.body; /* Fond : aurora + grille */ var aurora = document.createElement('div'); aurora.className = 'sdp-sw-aurora'; aurora.setAttribute('aria-hidden', 'true'); body.insertBefore(aurora, body.firstChild); /* Particules canvas */ if (!window.matchMedia('(pointer: coarse)').matches) { var canvas = document.createElement('canvas'); canvas.className = 'sdp-sw-particles'; canvas.setAttribute('aria-hidden', 'true'); body.insertBefore(canvas, body.firstChild); var ctx = canvas.getContext('2d'); var pts = []; var W, H, running = true; function size() { W = canvas.width = body.offsetWidth; H = canvas.height = body.scrollHeight; canvas.style.position = 'fixed'; canvas.style.inset = '0'; canvas.style.pointerEvents = 'none'; canvas.style.zIndex = '0'; } size(); for (var i = 0; i < 30; i++) { pts.push({ x: Math.random()*W, y: Math.random()*H, r: Math.random()*1.8+0.5, vx: (Math.random()-0.5)*0.3, vy: (Math.random()-0.5)*0.3, a: Math.random()*0.4+0.15 }); } function tick() { if (!running) return; ctx.clearRect(0,0,W,H); for (var i=0;i<pts.length;i++) for (var j=i+1;j<pts.length;j++) { var dx=pts[i].x-pts[j].x, dy=pts[i].y-pts[j].y; if (Math.sqrt(dx*dx+dy*dy)<120) { ctx.strokeStyle='rgba(41,151,255,.20)'; ctx.lineWidth=1; ctx.beginPath(); ctx.moveTo(pts[i].x,pts[i].y); ctx.lineTo(pts[j].x,pts[j].y); ctx.stroke(); } } for (var i=0;i<pts.length;i++) { var p=pts[i]; p.x+=p.vx; p.y+=p.vy; if (p.x<0||p.x>W) p.vx*=-1; if (p.y<0||p.y>H) p.vy*=-1; ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2); ctx.fillStyle='rgba(37,99,235,'+p.a+')'; ctx.fill(); } requestAnimationFrame(tick); } requestAnimationFrame(tick); } /* CSS des effets */ var css = document.createElement('style'); css.textContent = [ '.sdp-sw-aurora{position:fixed;inset:-20% -10%;background:radial-gradient(42% 42% at 22% 18%,rgba(41,151,255,.10) 0%,transparent 62%),radial-gradient(36% 36% at 78% 28%,rgba(10,132,255,.06) 0%,transparent 60%),radial-gradient(30% 30% at 55% 90%,rgba(41,151,255,.05) 0%,transparent 62%);filter:blur(64px);animation:sdp-sw-drift 26s ease-in-out infinite alternate;pointer-events:none;z-index:0;will-change:transform}', '@keyframes sdp-sw-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}50%{transform:translate3d(1%,0.5%,0) scale(1.05)}100%{transform:translate3d(-0.5%,1%,0) scale(1)}}', 'body>main,body>.et-l,body>#main-content,.et-l--body,.et_pb_section{position:relative;z-index:1}', 'html body #page-container, html body #main-content, html body .et_pb_section, html body .et_pb_row, html body .et_pb_column { background-color: transparent !important; }', 'a,.et_pb_button,.et_pb_module a{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,color .2s ease}', 'a:hover,.et_pb_button:hover{transform:translateY(-2px)}', '.et_pb_button:hover,.et_pb_module a:hover{box-shadow:0 8px 24px -6px rgba(41,151,255,.4)}', '@media (prefers-reduced-motion:reduce){.sdp-sw-aurora{animation:none}.sdp-sw-particles{display:none}}' ].join('\n'); document.head.appendChild(css); })();</script><script> (function(){ var i = document.querySelector('img[src*="site-digital-pro-logo"], .h-logo img'); if (i) { i.src = 'https://sitedigitalpro.com/wp-content/uploads/2026/09/logo-hz-1.webp'; i.removeAttribute('srcset'); } })(); </script> <style> #sdp-header .h-logo img { width: 180px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain; } </style> <script> /* SDP Motion : expose Lenis + helpers. Aucun commentaire // (minifier LiteSpeed). */ (function() { if ( typeof window.Lenis === 'undefined' ) { return; } if ( window.SDP_Lenis || window.__sdpLenis ) { return; } var initLenis = function() { if ( document.body.classList.contains( 'sdp-lenis-active' ) ) { return; } var coarse = window.matchMedia && window.matchMedia( '(pointer: coarse)' ).matches; var reduced = window.matchMedia && window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches; if ( coarse || reduced ) { return; } var lenis = new Lenis( { duration: 1.1, smoothWheel: true } ); window.SDP_Lenis = lenis; document.body.classList.add( 'sdp-lenis-active' ); function raf( time ) { lenis.raf( time ); requestAnimationFrame( raf ); } requestAnimationFrame( raf ); if ( window.gsap && window.ScrollTrigger ) { lenis.on( 'scroll', ScrollTrigger.update ); gsap.ticker.add( function( time ) { lenis.raf( time * 1000 ); } ); gsap.ticker.lagSmoothing( 0 ); } }; if ( document.body.classList.contains( 'sdp-smooth' ) || document.body.getAttribute( 'data-sdp-lenis' ) === 'on' ) { initLenis(); } window.SDP_initLenis = initLenis; })(); </script> <div id="sdp-contact-bar" style=" background:#0F172A;color:#E2E8F0;text-align:center; padding:14px 16px;font-size:15px;line-height:1.6; font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;"> <span style="opacity:.75">Une question ?</span> <a href="tel:+14189292452" style="color:#38BDF8;font-weight:600;text-decoration:none;margin-left:6px;white-space:nowrap;" aria-label="Appeler Site Digital Pro">418 929-2452</a> <span style="opacity:.35;margin:0 10px;">·</span> <a href="mailto:info@sitedigitalpro.com?subject=Demande%20d%27information" style="color:#38BDF8;font-weight:600;text-decoration:none;white-space:nowrap;">Écrire un courriel</a> </div> <script> (function(){ /* Marque les CTA comme boutons */ document.querySelectorAll('a.sdp-btn, a.et_pb_button, a[href*="buy.stripe.com"]').forEach(function(a){ if (!a.getAttribute('role')) a.setAttribute('role', 'button'); /* aria-label explicite */ var txt = a.textContent.trim(); if (txt.length > 1 && !a.getAttribute('aria-label')) { a.setAttribute('aria-label', txt.replace(/\s+/g, ' ').trim()); } }); })(); </script> <script>(function () { 'use strict'; function sdpRun() { 'use strict'; window.__sdpDS = true; var yr = document.getElementById('sdp-year'); if (yr) yr.textContent = new Date().getFullYear(); var tbFooter = document.querySelector('.et-l--footer'); if (tbFooter) tbFooter.style.display = 'none'; document.querySelectorAll('a[href^="#"]').forEach(function (a) { a.addEventListener('click', function (e) { var hash = a.getAttribute('href'); if (!hash || hash.length < 2) return; var target = document.querySelector(hash); if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); /* reduced-motion in CSS */ var sel = '#sdp-home section, #sdp-portfolio section, .et_pb_blurb_content, .et_pb_blog_grid article, .et_pb_pricing_table, .et_pb_toggle, .et_pb_portfolio_item'; var targets = []; Array.prototype.forEach.call(document.querySelectorAll(sel), function (el) { if (el.closest('header') || el.closest('.et-l--footer')) return; var r = el.getBoundingClientRect(); if (r.height === 0 && r.width === 0) return; targets.push(el); }); targets.forEach(function (el, i) { el.classList.add('sdp-reveal'); if (i < 6) el.classList.add('sdp-in'); }); var h1 = document.querySelector('#sdp-home h1, #sdp-portfolio h1, h1.entry-title'); if (h1) h1.classList.add('sdp-hero-zoom'); if (!('IntersectionObserver' in window)) { targets.forEach(function (t) { t.classList.add('sdp-in'); }); return; } var io = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('sdp-in'); io.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' }); targets.forEach(function (t) { if (!t.classList.contaiins('sdp-in')) io.observe(t); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { setTimeout(sdpRun, 150); }); } else { setTimeout(sdpRun, 150); } })();</script> </body> </html> <!-- Page supported by LiteSpeed Cache 7.9.1 on 2026-09-14 21:06:25 -->