{"archived":0,"globalCss":null,"mainStage":0,"name":"Récap Panier - Step 3","stages":[{"__typename":"ScenarioStages","customScript":null,"displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"15px","right":"15px"},"coverStyle":{"background-color":"black","opacity":"0.6","transition":"opacity .3s"},"iframeStyle":{},"wrapperClose":{"right":"-410px","transition":"right .3s"},"wrapperHidden":{"height":"calc(100vh - 20px)","width":"400px","top":"10px","right":"-410px"},"wrapperOpen":{"right":"10px","transition":"right .3s"}},"htmlCloseButton":"<style>\n .perfmaker-close-button {\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n background-color: #464646;\n border-radius: 50%;\n height: 20px;\n width: 20px;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n \tfont-weight: 700;\n }\n \n \t@media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 90% !important;\n height: 50vh !important;\n transform: translateY(50%);\n }\n }\n</style>\n\n<a class=\"perfmaker-close-button\">\n X\n</a>","htmlContent":"<style>\n\n @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');\n\n .template-App {\n background-size: cover;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n height: 100%;\n background-color: white;\n border-radius: 15px;\n }\n\n .template-App-subheader {\n \t\tdisplay: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: column;\n width: 100%;\n height: 100vh;\n background: linear-gradient(180deg, white 50%, #1f242b 50%);\n border-radius: 15px;\n }\n \n .template-App-subheader svg {\n margin-top: calc(20px + 2vh);\n height: calc(10px + 5vh);\n }\n\n .template-App-subheader .focus{\n color: #00549e;\n font-size: calc(11px + 1.6vh);\n text-transform: uppercase;\n line-height: 1.2em;\n width: 95%;\n font-weight:600;\n\n }\n\n .template-App-subheader .focus2{\n color: white;\n font-size: calc(11px + 1.6vh);\n text-transform: uppercase;\n line-height: 1.5em;\n width: 95%;\n font-weight:600;\n\n }\n\n\n .template-App-subheader p {\n color: #444;\n line-height: 1.5em;\n width: 100%;\n font-weight: 400;\n /* modifier ici l'espacement haut et bas */\n margin: 0vh auto 0.5vh;\n padding:0 0 0 5%;\n text-align:left;\n box-sizing:border-box;\n }\n \n .template-App-subheader .container {\n background-color: white;\n padding: 10px;\n box-sizing: border-box;\n height: 50%;\n overflow: scroll;\n width: 90%;\n display: flex;\n flex-direction: column;\n align-items: center;\n -webkit-box-shadow: 4px 1px 12px 0px rgba(0, 0, 0, 0.2);\n box-shadow: 4px 1px 12px 0px rgba(0, 0, 0, 0.2);\n }\n\n /* Bouton */\n\n .template-App-subheader .button {\n display: block;\n position: relative;\n padding: 1.5vh 8%;\n margin: 2vh auto 0;\n color: #fff;\n font-size: calc(10px + 0.5vh);\n font-weight: bold;\n text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);\n text-decoration: none;\n text-transform: uppercase;\n background-color: #e31c13;\n opacity: 1;\n /* 1 = opaque */\n border-radius: 3px;\n border-style:solid;\n border: 0px solid #e31c13;\n /* rondeur du bouton */\n cursor: pointer;\n font-family: 'Montserrat', sans-serif;\n transition:0.3s;\n }\n\n .template-App-subheader .button:hover{\n background-color:#c5170f;\n color: #fff;\n }\n\n .template-App-subheader .button:focus {\n outline: 0;\n }\n\n\n .template-App-subheader ul{\n padding:0;\n margin:2vh auto 2vh;\n }\n\n .template-App-subheader li{\n list-style:none;\n border:1px solid #ccc; \n width:90%;\n margin: 2vh auto;\n box-sizing:border-box;\n transition:0.3s;\n position:relative;\n } \n\n .template-App-subheader li a{\n box-sizing:border-box;\n width:100%;\n padding:1vh 2%;\n display:block;\n }\n\n .template-App-subheader li:hover{\n box-shadow:0 0 1vh #ddd;\n } \n\n .template-App-subheader img{\n width:30%;\n margin:0 auto;\n box-sizing:border-box;\n display:inline-block;\n vertical-align:middle;\n }\n\n .template-App-subheader .informations{\n width:70%;\n display:inline-block;\n vertical-align:middle;\n }\n\n .template-App-subheader li .item{\n font-size: calc(4px + 1vh);\n font-weight:500;\n }\n\n .template-App-subheader li .type{\n font-size: calc(2px + 1vh);\n }\n\n .template-App-subheader li .price{\n font-size:calc(5px + 1vh);\n font-weight:500;\n }\n \n .template-App-subheader .footer {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n width: 80%;\n flex-direction: column;\n color: white;\n margin-bottom: 5%;\n }\n .template-App-subheader h4 {\n color: #00549e;\n font-size: calc(10px + 1.7vh);\n text-transform: uppercase;\n line-height: 1.3em;\n width: 90%;\n font-weight:600;\n margin: 0;\n }\n \n \t.template-App-subheader h6 {\n margin: 0;\n color: #444;\n font-size: calc(8px + 1vh);\n text-align: center;\n line-height: 1.5em;\n width: 80%;\n font-weight: 400;\n }\n\n</style>\n\n<div id=\"template-root\">\n <div class=\"template-App\">\n <section class=\"template-App-subheader\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" id=\"Calque_1\" x=\"0\" y=\"0\" viewBox=\"0 0 305.4 96.6\" xml:space=\"preserve\"><style>.st0{fill:#012C7A}</style><path class=\"st0\" d=\"M279.5 54c-1.1.3-2.5.3-3.7.3-7.5 0-9.3-6-7.4-15.7 1.7-8.6 5.4-15.7 13.9-15.7 1.4 0 2.6.2 3.6.3l-5.4 27.4-.1.2c5.9-1.2 11.9-9.3 11.9-9.3-1.6 4.7-5.8 10.5-12.8 12.5m23-40.4L305.4 0h-14.7l-3.2 16.3c-1.4-.4-3.3-.9-7-.9-12.9 0-23.7 9-26.6 23.8-3 15.2 4.4 23.5 20 23.5 9.1 0 14.6-3.4 19.9-3.4l4.9-25.1 3.8-20.6zm-1.6 48.5c-1.7 0-3.1-1.4-3.2-3.1 0-1.7 1.4-3.1 3.2-3.1 1.7 0 3.1 1.4 3.1 3.1s-1.4 3.1-3.1 3.1m0-7.1c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M131.6 16.5c-12.5-4.1-17.8 3-27.2 3l-7.3 41h14.6l6.9-34.8c2.9-1.8 6.8-2.1 11.4-.9l1.6-8.3zm-98.3 22c-2 9.8-6.1 15.8-13.6 15.8-1.4 0-2.9 0-4-.5l6.1-30.6c1.1-.2 2.3-.3 3.7-.3 8.6 0 9.5 7 7.8 15.6m-2.7-23.1c-3.6 0-5.8.4-7.3.9L26.5 0H11.7L0 59.3c5.3 0 9.5 3.4 18.6 3.4 15.6 0 26.2-8.3 29.3-23.5 2.8-14.8-4.4-23.8-17.3-23.8m46.8 7.5c5.5 0 7.9 3.6 6.5 11.7 0 0-6.5 3.9-18.4 1.7 1.6-9.7 5.7-13.4 11.9-13.4M65.1 43.5c11.6 3.4 31-5.2 32.2-6.1 2.6-14.4-2.9-22.3-17.9-22.3-14.9 0-25 9.3-27.6 23.6-2.6 14.6 4.9 23.9 20.7 23.9 8.8 0 11.3-.5 15.7-2.3l1.7-9.2c-3 1.3-7.9 2.5-14 2.5-7.7-.1-10.9-3.4-10.8-10.1m139.1 10.9c-1.2.3-3.3.8-5.4.8-5.8 0-8.3-2.6-7.4-7.3 1.3-6.6 6.4-9 16-10l-3.2 16.5zM206 15c-9.2 0-15.7 2-19.5 3.4l1.6 7.2c3.5-1.3 8.3-2.4 13.4-2.4 5.3 0 8.3 2 7.5 6.4l-.3 1.5c-16.6 1.6-28.9 5.3-31.2 17-1.8 9.1 4.6 14.4 19.2 14.4 9.5 0 14.5-3.4 20.7-3.4l5.3-27.3C225.2 19.3 217.5 15 206 15m-47.9-1.2c-9.3 0-16.2 3.4-21.7 3.4L128 60.5h14.6l7.4-37.8c1.7-.6 3.2-.9 6.3-.9 5.2 0 6.9 2.2 6.2 6.2l-6.3 32.4H171l6.3-32.4c1.8-9.6-4.2-14.2-19.2-14.2m100.3 2.7c-12.5-4.1-17.8 3-27.2 3l-7.2 41h14.6l6.9-34.8c2.9-1.8 6.8-2.1 11.4-.9l1.5-8.3z\"/><path class=\"st0\" d=\"M301.3 58.6c-.1.1-.4.1-.5.1h-.3v-1.2h.3c.3 0 .5 0 .6.3v.3c.1.3-.1.5-.1.5m1 1.3c-.1-.6-.2-.8-.7-.9.2 0 .7-.1.7-1 0-.1 0-.6-.3-.8-.2-.2-.6-.2-.8-.2h-1.6v3.8h.9v-1.6h.3c.1 0 .3 0 .5.2.1.1.1.3.2.6v.2c.1.5.1.6.2.7h.9c-.1-.1-.1-.2-.2-.8l-.1-.2zm-53.4 32.5l1.8 3.7h3.4l-2.3-4.7zm-5-12.7L236 96.1h3.3l5.7-11.5 1 2 4.2 1.4-4-8.3z\"/><path fill=\"#e20613\" d=\"M245 93.2l9.6-3.2-9.6-3.1z\"/><path class=\"st0\" d=\"M184.3 79.6h3.5V96h-3.5zm4.5 2.8h4.8c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5h-4.8l8.2 8.7h4.6l-6.1-7c2.3-.3 4-2.3 4-4.6 0-2.6-2.1-4.8-4.7-4.8h-6v2.7zm20.4 10.4h7.2l1.6 3.3h3.4l-7.9-16.4h-2.3l-7.9 16.4h3.3l5.7-11.5 2.8 5.4h-4.5zm12.6-2.8c0 3.6 3.3 6.5 6.9 6.5s6.8-2.9 6.8-6.5V79.6H232V90c0 2.4-1.6 3.6-3.3 3.6-1.7 0-3.5-1.1-3.5-3.6h-3.4zm46.6 1.4c-.2 1.3-.6 2.5-1.6 3.5-1.2 1.1-2.7 1.7-4.2 1.7-2.9 0-5-2.4-4.5-5.3.5-3 3.3-5.4 6.3-5.4 1.9 0 3.3.9 4.1 2.4l-.6.4c-.7-1.4-2-2.2-3.7-2.2-2.5 0-5.1 2.2-5.5 4.7-.4 2.6 1.4 4.7 4 4.7 1.1 0 2.3-.5 3.2-1.1 1-.8 1.5-1.6 1.7-2.8h-3.7l.1-.6h4.4zm6.3 5h-.7l-2.6-4.9h-.4l-.8 4.9h-.7l1.6-10.4h1.3c.8 0 1.7 0 2.3.5.7.5.8 1.4.7 2.2-.3 1.8-1.7 2.7-3.4 2.7l2.7 5zm-2.7-5.5c.6 0 1.3 0 1.9-.5.6-.4.9-1 1-1.6.1-.8-.1-1.5-.8-1.9-.5-.3-1.2-.2-1.8-.2h-.4l-.7 4.2h.8zm15.7.3c-.5 2.9-3.3 5.3-6.2 5.3-2.9 0-5-2.4-4.5-5.3s3.3-5.3 6.2-5.3c2.9 0 5 2.4 4.5 5.3m-10.1 0c-.4 2.6 1.4 4.7 4 4.7s5.1-2.2 5.5-4.7c.4-2.6-1.4-4.7-4-4.7s-5.1 2.2-5.5 4.7m19.3-5.2h.7l-1 6.5c-.2 1.1-.3 2-1.2 2.8-.8.8-2 1.2-3 1.2s-2.1-.4-2.6-1.2c-.6-.9-.4-1.8-.3-2.8l1-6.5h.7l-1 6.3c-.1.9-.3 1.9.1 2.6.4.7 1.4 1 2.2 1 .8 0 1.9-.3 2.5-1s.8-1.7 1-2.6l.9-6.3zm2.2 10.4h-.7L300 86h1.8c.8 0 1.6.1 2.2.6s.7 1.3.6 2.1c-.1.7-.5 1.6-1.2 2.1-.7.6-1.6.7-2.4.7h-1.2l-.7 4.9zm2.1-5.5c.7 0 1.3-.1 1.9-.6.5-.4.8-1 .9-1.6s-.1-1.3-.5-1.7c-.5-.4-1.1-.4-1.8-.4h-1.1l-.7 4.2h1.3v.1z\"/></svg>\n <h4>VOTRE SÉLECTION D'ARTICLES</h4>\n <h6>Cliquez sur vos articles et ajoutez les à votre panier</h6>\n <div class=\"container\">\n <ul class=\"perfmaker-for\" data-key=\"SAVED_BASKET.ITEMS\" data-varname=\"ITEM\">\n <li>\n <a class=\"perfmaker-action perfmaker-data\" target=\"_blank\" data-target=\"_blank\" data-onclick=\"CLICK_CTA\" data-url=\"${ITEM.product_url}\" style=\"text-decoration:none;cursor:pointer;\" >\n <img class=\"perfmaker-data\" data-attribute-src=\"${ITEM.product_image}\" src=\"https://images.cenpac.fr/is/image/Cenpac/products/Ruban-adhesif-polypropylene.jpg?template=template-cenpac-std&$image=Cenpac/17133_516631_ruban_adhesif_PP_prod&$img-miniature$\"/><!--\n--><div class=\"informations\">\n <p style=\"color:#004f9f;\" class=\"perfmaker-data price\" data-key=\"ITEM.product_reference\">WW-480070</p>\n <p class=\"perfmaker-data item\" data-key=\"ITEM.product_name\">Ruban adhésif polypropylène BLANC - NON CONFORME 48mmx100m</p>\n \n \n <p class=\"type\"><span class=\"perfmaker-data\" data-key=\"ITEM.product_quantity\" style=\"display:inline;\">180</span> × <span class=\"perfmaker-data\" data-key=\"ITEM.product_price\" style=\"display:inline;\">2,31 €</span>\n <p class=\"perfmaker-data price\" data-key=\"ITEM.product_total_price\">415,80 €</p>\n \n </div>\n </a>\n </li>\n <li>\n <a class=\"perfmaker-action perfmaker-data\" target=\"_blank\" data-target=\"_blank\" data-onclick=\"CLICK_CTA\" data-url=\"${ITEM.product_url}\" style=\"text-decoration:none;cursor:pointer;\" >\n <img class=\"perfmaker-data\" data-attribute-src=\"${ITEM.product_image}\" src=\"https://images.cenpac.fr/is/image/Cenpac/products/Ruban-adhesif-polypropylene.jpg?template=template-cenpac-std&$image=Cenpac/17133_516631_ruban_adhesif_PP_prod&$img-miniature$\"/><!--\n--><div class=\"informations\">\n <p style=\"color:#004f9f;\" class=\"perfmaker-data price\" data-key=\"ITEM.product_reference\">WW-480070</p>\n <p class=\"perfmaker-data item\" data-key=\"ITEM.product_name\">Ruban adhésif polypropylène BLANC - NON CONFORME 48mmx100m</p>\n \n \n <p class=\"type\"><span class=\"perfmaker-data\" data-key=\"ITEM.product_quantity\" style=\"display:inline;\">180</span> × <span class=\"perfmaker-data\" data-key=\"ITEM.product_price\" style=\"display:inline;\">2,31 €</span>\n <p class=\"perfmaker-data price\" data-key=\"ITEM.product_total_price\">415,80 €</p>\n \n </div>\n </a>\n </li>\n <li>\n <a class=\"perfmaker-action perfmaker-data\" target=\"_blank\" data-target=\"_blank\" data-onclick=\"CLICK_CTA\" data-url=\"${ITEM.product_url}\" style=\"text-decoration:none;cursor:pointer;\" >\n <img class=\"perfmaker-data\" data-attribute-src=\"${ITEM.product_image}\" src=\"https://images.cenpac.fr/is/image/Cenpac/products/Ruban-adhesif-polypropylene.jpg?template=template-cenpac-std&$image=Cenpac/17133_516631_ruban_adhesif_PP_prod&$img-miniature$\"/><!--\n--><div class=\"informations\">\n <p style=\"color:#004f9f;\" class=\"perfmaker-data price\" data-key=\"ITEM.product_reference\">WW-480070</p>\n <p class=\"perfmaker-data item\" data-key=\"ITEM.product_name\">Ruban adhésif polypropylène BLANC - NON CONFORME 48mmx100m</p>\n \n \n <p class=\"type\"><span class=\"perfmaker-data\" data-key=\"ITEM.product_quantity\" style=\"display:inline;\">180</span> × <span class=\"perfmaker-data\" data-key=\"ITEM.product_price\" style=\"display:inline;\">2,31 €</span>\n <p class=\"perfmaker-data price\" data-key=\"ITEM.product_total_price\">415,80 €</p>\n \n </div>\n </a>\n </li>\n <li>\n <a class=\"perfmaker-action perfmaker-data\" target=\"_blank\" data-target=\"_blank\" data-onclick=\"CLICK_CTA\" data-url=\"${ITEM.product_url}\" style=\"text-decoration:none;cursor:pointer;\" >\n <img class=\"perfmaker-data\" data-attribute-src=\"${ITEM.product_image}\" src=\"https://images.cenpac.fr/is/image/Cenpac/products/Ruban-adhesif-polypropylene.jpg?template=template-cenpac-std&$image=Cenpac/17133_516631_ruban_adhesif_PP_prod&$img-miniature$\"/><!--\n--><div class=\"informations\">\n <p style=\"color:#004f9f;\" class=\"perfmaker-data price\" data-key=\"ITEM.product_reference\">WW-480070</p>\n <p class=\"perfmaker-data item\" data-key=\"ITEM.product_name\">Ruban adhésif polypropylène BLANC - NON CONFORME 48mmx100m</p>\n \n \n <p class=\"type\"><span class=\"perfmaker-data\" data-key=\"ITEM.product_quantity\" style=\"display:inline;\">180</span> × <span class=\"perfmaker-data\" data-key=\"ITEM.product_price\" style=\"display:inline;\">2,31 €</span>\n <p class=\"perfmaker-data price\" data-key=\"ITEM.product_total_price\">415,80 €</p>\n \n </div>\n </a>\n </li>\n </ul>\n \n </div>\n <div class=\"footer\">\n <span class=\"focus\">Total HT :</span> <span class=\"focus2\"><div class=\"perfmaker-data\" data-key=\"SAVED_BASKET.total_recap\">\n 415,80 €</div></span>\n </div>\n </section>\n </div>\n</div>\n","name":"Sidebox","notBlocking":null}],"transitions":[[{"__typename":"ScenarioTransitions","actionType":null,"closeBefore":false,"data":null,"nextStage":null}]]}
