/* ========================================================= POP-UP MODE DE PAIEMENT : BON DE COMMANDE / FACTURATION DEMATERIALISEE ========================================================= */ (function () { var paymentName = "bon de commande / facturation dématérialisée"; var popupId = "catetPurchaseOrderPopup"; function normalizeText(text) { return (text || "") .toLowerCase() .normalize("NFD") .replace(/[\u0300-\u036f]/g, "") .replace(/\s+/g, " ") .trim(); } function createPopup() { if (document.getElementById(popupId)) { return; } var overlay = document.createElement("div"); overlay.id = popupId; overlay.innerHTML = ` `; var style = document.createElement("style"); style.textContent = ` #${popupId} { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.65); box-sizing: border-box; } #${popupId} .catet-popup-box { position: relative; width: 100%; max-width: 540px; padding: 32px; border-radius: 12px; background: #ffffff; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); text-align: center; font-family: Arial, sans-serif; animation: catetPopupAppearance 0.25s ease-out; } #${popupId} .catet-popup-icon { margin-bottom: 10px; font-size: 42px; } #${popupId} h2 { margin: 0 0 20px; font-size: 25px; line-height: 1.25; color: #222222; } #${popupId} p { margin: 12px 0; font-size: 16px; line-height: 1.55; color: #333333; } #${popupId} .catet-popup-warning { margin-top: 20px; padding: 14px; border: 1px solid #d9534f; border-radius: 7px; background: #fff2f2; color: #a12622; font-weight: bold; } #${popupId} .catet-popup-confirm { margin-top: 22px; padding: 12px 28px; border: 0; border-radius: 6px; background: #222222; color: #ffffff; font-size: 16px; font-weight: bold; cursor: pointer; } #${popupId} .catet-popup-confirm:hover { opacity: 0.85; } #${popupId} .catet-popup-close { position: absolute; top: 10px; right: 14px; padding: 0; border: 0; background: transparent; color: #666666; font-size: 30px; line-height: 1; cursor: pointer; } @keyframes catetPopupAppearance { from { opacity: 0; transform: translateY(-15px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } @media (max-width: 600px) { #${popupId} .catet-popup-box { padding: 28px 20px 24px; } #${popupId} h2 { font-size: 21px; } #${popupId} p { font-size: 15px; } } `; document.head.appendChild(style); document.body.appendChild(overlay); function closePopup() { overlay.remove(); } overlay .querySelector(".catet-popup-confirm") .addEventListener("click", closePopup); overlay .querySelector(".catet-popup-close") .addEventListener("click", closePopup); overlay.addEventListener("click", function (event) { if (event.target === overlay) { closePopup(); } }); document.addEventListener("keydown", function escapeHandler(event) { if (event.key === "Escape") { closePopup(); document.removeEventListener("keydown", escapeHandler); } }); } function isPurchaseOrderPayment(element) { if (!element) { return false; } var targetText = normalizeText(paymentName); var textsToCheck = []; if (element.value) { textsToCheck.push(element.value); } if (element.options && element.selectedIndex >= 0) { textsToCheck.push( element.options[element.selectedIndex].text ); } if (element.id) { var label = document.querySelector( 'label[for="' + element.id + '"]' ); if (label) { textsToCheck.push(label.textContent); } } var parent = element.closest( "label, .radio, .payment-method, .payment-option, li, tr, div" ); if (parent) { textsToCheck.push(parent.textContent); } return textsToCheck.some(function (text) { return normalizeText(text).includes(targetText); }); } document.addEventListener("change", function (event) { var element = event.target; if ( element.matches( 'input[type="radio"], input[type="checkbox"], select' ) && isPurchaseOrderPayment(element) ) { createPopup(); } }); document.addEventListener("click", function (event) { var clickedElement = event.target.closest( "label, button, .radio, .payment-method, .payment-option" ); if (!clickedElement) { return; } var clickedText = normalizeText(clickedElement.textContent); var targetText = normalizeText(paymentName); if (clickedText.includes(targetText)) { window.setTimeout(createPopup, 100); } }); })(); Imprimerie à Bordeaux – Tous vos supports de communication imprimés

0 article(s) / 0,00 €

Besoin de conseils graphiques ?

« Vous n’avez pas envie de ressembler à tout le monde. Vous n’arrivez pas à exprimer votre valeur via la communication visuelle ? »

Vous voulez vous démarquer visuellement mais…

La créativité n’est pas votre point fort ? Vous avez des idées mais vous ne savez pas comment les mettre en œuvre ? Nous sommes à votre écoute et vous accompagnons pour concevoir votre identité visuelle.

L’objectif est que l’on comprenne immédiatement qui vous êtes. Vos éléments de communication visuelle, votre logo, vos couleurs… c’est ce qui vous rend vraiment unique.

Un univers graphique personnalisé !

Un univers graphique singulier créé par notre studio de création est votre meilleur atout pour :

• donner une forme visible à votre identité,

• marquer les esprits,

• montrer à vos clients et partenaires qui vous êtes,

• aidez votre clientèle à y voir plus clair avec une communication visuelle unique !

Nous vous proposons une solution globale afin de répondre à tous vos besoins. Ce service nous permet de mieux contrôler l’ensemble du processus de la réalisation de vos documents, pour ainsi vous faire gagner en simplicité de mise en œuvre et rapidité d’exécution.

Un acteur unique,
de la conception à la réalisation !