{"archived":0,"name":"MEA Programme de fidélité","stages":[{"__typename":"ScenarioStages","customScript":"","formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"10px","right":"10px"},"coverStyle":{"background-color":"black","opacity":"0.6","transition":"opacity .5s"},"iframeStyle":{},"wrapperClose":{"bottom":"-100%","transition":"bottom ease .5s"},"wrapperHidden":{"height":"350px","width":"700px","right":"50%","bottom":"-100%","transform":"translate(50%, 50%)","overflow":"hidden !important"},"wrapperOpen":{"bottom":"50%","transition":"bottom ease .5s"}},"htmlCloseButton":"<style>\n .perfmaker-close-button {\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n height: 20px;\n width: 20px;\n border: none;\n margin: 0;\n \tcolor: #000000;\n padding: 0;\n \tfont-weight: bold;\n box-sizing: border-box;\n cursor: pointer;\n }\n \n @media only screen and (max-width: 670px) {\n \t.perfmaker-sidebar-wrapper {\n height: 60% !important;\n width: 70% !important;\n \t}\n } \n \n \n</style>\n\n<a class=\"perfmaker-close-button perfmaker-action\">\n X\n</a>","htmlContent":"<style>\n\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap');\n \n :root {\n /* Règles CSS générales */\n --pm-background-color: #FFFFFF;\n --pm-primary-color: #000;\n --pm-secondary-color: #FFCC01;\n --pm-wrapper-border-radius: 15px;\n /* Logo */\n --pm-logo:url('http://www.99deco.com/img/logo.png');\n --pm-logo-width:10vh;\n --pm-logo-height:10vh;\n /* Image de droite */\n --pm-background-img:url('https://img.perfmaker.net/951/1634896636_Slide%20Fidelite%20format%20carre%CC%81%20copie2.png');\n /* Sidebox Title configuration */\n --pm-title-family: 'Open Sans';\n --pm-title-size: calc(12px + 2vh);\n --pm-title-weight: 300;\n /* Container configuration */\n --pm-container-family: 'Open Sans';\n --pm-container-size: calc(12px + 1vh);\n --pm-container-weight: 300;\n /* Offre du moment */\n --pm-offre-family: 'Open Sans';\n --pm-offre-size: calc(15px + 2vh);\n --pm-offre-weight: bold;\n --pm-offre-background:#fbe378;\n /* Remise */\n --pm-remise-family: 'Open Sans';\n --pm-remise-size: calc(12px + 1vh);\n --pm-remise-weight: bold;\n --pm-remise-text: \"100€ dépensés = 10€ crédités\";\n --pm-categorie-text:\"sur les vestiaires et rayonnages\";\n /* Bouton */\n --pm-bouton-family: 'Open Sans';\n --pm-bouton-color:#FFFFFF;\n --pm-bouton-size: calc(12px + 1vh);\n --pm-bouton-weight: 300;\n --pm-bouton-text: \"J'en profite\";\n --pm-bouton-text-transform: uppercase;\n --pm-bouton-border-radius:0px;\n --pm-bouton-border:1px solid transparent;\n }\n \n \n \n \n /* Se remplit automatiquement avec le BO. Remplir uniquement pour les tests */\n \n .pm-root,\n .pm-container {\n width: 100%;\n background-color: var(--pm-background-color);\n height: 100%;\n overflow: hidden;\n position: relative;\n z-index: 2;\n border-radius: var(--pm-wrapper-border-radius);\n }\n .pm-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n width: 100%;\n height: 100%;\n background-color:var(--pm-background-color);\n overflow: hidden;\n }\n \n .pm-container .container {\n width: 50%;\n height: 100%;\n position: relative;\n }\n \n .pm-container .container:nth-of-type(1) {\n background-image: var(--pm-background-img);\n background-position: center;\n background-size: cover;\n }\n \n .pm-container .container:nth-of-type(2) {\n display: flex;\n height: 70vh;\n align-items: center;\n flex-direction: column;\n justify-content:center;\n }\n \n .pm-container .container-body {\n height: 80%;\n display: flex;\n justify-content: center;\n align-items: center; \n flex-direction: column;\n }\n .pm-container .logo {\n background:var(--pm-logo);\n background-position:center;\n background-size:100%;\n margin-bottom:7vh;\n width:var(--pm-logo-width);\n height:var(--pm-logo-height);\n z-index:2;\n }\n \n .pm-container .container h1 {\n width: 100%;\n text-align: center;\n text-transform: none;\n font-size: var(--pm-title-size);\n margin: 1vh;\n color: var(--pm-primary-color);\n font-family: var(--pm-title-family);\n font-weight:400;\n text-transform:uppercase;\n }\n \n\n .pm-container .categorie:before {\n content: var(--pm-categorie-text);\n margin: 0;\n font-family: var(--pm-container-family);\n text-align: center;\n font-size:var(--pm-container-size);\n font-weight:bold;\n text-transform: none;\n margin: 1vh;\n color: var(--pm-primary-color);\n }\n \n \n .pm-container .container .offre {\n text-transform:uppercase;\n font-size: var(--pm-offre-size);\n margin: 1vh;\n font-weight:var(--pm-offre-weight);\n color: var(--pm-primary-color);\n font-family: var(--pm-offre-family);\n position: relative;\n z-index: 2 !important;\n }\n \n \n \n \n .pm-container .container .remise {\n text-transform:uppercase;\n font-size: var(--pm-remise-size);\n margin: 3vh 1vh 1vh 1vh;\n color: var(--pm-primary-color);\n font-family: var(--pm-remise-family);\n position: relative;\n }\n \n .pm-container .container .remise:before {\n content: var(--pm-remise-text);\n }\n \n .pm-container .container button {\n background-color: var(--pm-primary-color);\n color: var(--pm-bouton-color);\n border-radius: var(--pm-bouton-border-radius);\n border: var(--pm-bouton-border);\n text-transform: var(--pm-bouton-text-transform);\n box-sizing: border-box;\n padding: 2vh 7vh;\n font-size: var(--pm-bouton-size);\n cursor: pointer;\n margin-top: 15px;\n margin-bottom: 20px;\n transition: all ease .5s;\n font-family: var(--pm-bouton-family);\n font-weight: var(--pm-bouton-weight);\n }\n \n .pm-container .container button:before{\n content : var(--pm-bouton-text);\n }\n \n @media only screen and (max-width: 670px) {\n .pm-container {\n flex-direction: column;\n }\n .pm-container .container:nth-of-type(1) {\n height: 40%;\n width: 100%;\n }\n .pm-container .container:nth-of-type(2) {\n \n width: 100%;\n height: 60%;\n display: flex;\n align-items: center;\n text-align: center;\n }\n \n .pm-container .container .container-body {\n width: 80%;\n height:100%;\n margin-top:0;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n text-align: center;\n }\n .pm-container .logo {\n background:none;\n background-position:center;\n background-size:100%;\n width:0;\n height:0;\n }\n \n \n }\n </style>\n \n \n <div class=\"pm-container\">\n <div class=\"container\">\n </div>\n <div class=\"container\">\n <div class=\"logo\"></div>\n <div class=\"container-body\">\n <h1>Votre fidélité </h1>\n <div class=\"offre\">récompensée</div>\n <div class=\"remise\"></div>\n <button class=\"perfmaker-action\" data-url=\"\" data-onclick=\"HIDE_SIDEBAR\">\n \n </button>\n </div>\n </div>\n </div>\n ","name":"Programme de fidélité","notBlocking":null}],"transitions":[[{"__typename":"ScenarioTransitions","actionType":null,"closeBefore":false,"data":null,"nextStage":null}]]}
