{"archived":0,"globalCss":null,"mainStage":0,"name":"Besoin d'un devis ?","stages":[{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","right":"4px","top":"4px"},"coverStyle":{"display":"none"},"iframeStyle":{},"wrapperClose":{"right":"-100%","transition":"right .3s linear"},"wrapperHidden":{"height":"240px","width":"350px","right":"-100%","bottom":"6vh","overflow":"hidden"},"wrapperOpen":{"right":"1vw","transition":"all .5s ease"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n top: 0;\n right: 0;\n width: 40px;\n height: 40px;\n cursor: pointer;\n background-color: transparent;\n border-radius: 100px;\n }\n .line{\n position: absolute;\n background-color: black;\n width: 20px;\n height: 2px;\n transition: All ease .3s;\n border-radius: 100px;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n \n @media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 100% !important;\n height: 35% !important;\n right: 0% !important;\n bottom: 0 !important;\n top: unset !important;\n }\n }\n</style>\n\n<div class=\"lines perfmaker-close-cross\">\n <div class=\"line1 line\"></div>\n <div class=\"line2 line\"></div>\n</div>","htmlContent":"<style>@import url('https://fonts.googleapis.com/css2?family=Raleway: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');\n \n @keyframes slide-left {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n \n .pm-root{\n animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n display: flex;\n align-items: center;\n justify-content:space-between;\n flex-direction: row;\n height: 100%;\n background: #fff;\n\n }\n .pm-tag{\n \tbackground-color:orange;\n color:white;\n writing-mode: tb-rl;\n transform: rotate(-180deg);\n\tmargin:0;\n width:25px;\n height:100%;\n text-align:center;\n font-family: 'Raleway', sans-serif;\n font-weight:700;\n display:flex;\n justify-content:center;\n align-items:center;\n cursor:pointer;\n }\n .main-container{\n \twidth:85%;\n }\n .pm-title{\n \ttext-align:left;\n align-self:flex-start;\n font-family: 'Raleway', sans-serif;\n font-size:calc(19px + 1.4vw);\n font-weight:900;\n margin-top:8vh;\n color:#222831;\n }\n .pm-subtitle{\n \ttext-align:left;\n align-self:flex-start;\n font-family: 'Raleway', sans-serif;\n font-size:calc(13px + 1vw);\n font-weight:300;\n margin-top:0;\n color:#616164;\n line-height:1.2em;\n }\n .pm-root button{\n \tfont-size:calc(11px + 1vw);\n text-transform:uppercase;\n color:white;\n background: linear-gradient(254deg, rgba(25,69,189,1) 0%, rgba(10,37,113,1) 100%);\n border:none;\n cursor:pointer;\n width:80%;\n padding:4vh 2vw;\n margin-top:5vh;\n border-radius:100px;\n font-family: 'Raleway', sans-serif;\n font-weight:700;\n }\n @media only screen and (max-width: 349px) {\n \n }\n \n</style>\n\n<div class=\"pm-root\">\n <p class=\"pm-tag\">FAIRE UN DEVIS</p>\n <div class=\"main-container\">\n <p class=\"pm-title\">Besoin d’un devis ?</p>\n\t<p class=\"pm-subtitle\">Notre service commercial s'efforcera de répondre efficacement à votre demande dans les meilleurs délais.</p>\n\t<button class=\"perfmaker-action\" data-onclick=\"HIDE_SIDEBAR\" data-url=\"https://www.bernard.fr/services/contactez-nous_cms_000050.html?devis#0\">Faire un devis</button>\n </div>\n</div>","name":"Scène open","notBlocking":null},{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","right":"-7px","top":"4px"},"coverStyle":{"display":"none"},"iframeStyle":{},"wrapperClose":{"right":"-100%","transition":"right .3s linear"},"wrapperHidden":{"height":"240px","width":"350px","right":"-100%","bottom":"6vh","overflow":"hidden"},"wrapperOpen":{"right":"0vw","transition":"all .5s ease"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n top: 0;\n right: 0;\n width: 40px;\n height: 40px;\n cursor: pointer;\n background-color: transparent;\n border-radius: 100px;\n }\n .line{\n position: absolute;\n background-color: white;\n width: 14px;\n height: 2px;\n transition: All ease .3s;\n border-radius: 100px;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n \n @media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 90% !important;\n height: 35% !important;\n right: 5% !important;\n bottom: 10vh !important;\n top: unset !important;\n }\n }\n</style>\n\n<div class=\"lines perfmaker-close-cross\">\n <div class=\"line1 line\"></div>\n <div class=\"line2 line\"></div>\n</div>","htmlContent":"<style>@import url('https://fonts.googleapis.com/css2?family=Raleway: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');\n \n @keyframes slide-left {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(calc(100% - 25px));\n }\n}\n .sc-hMqMXs{\n \toverflow:hidden;\n } \n .App>div {\n height: 100vh;\n overflow: hidden;\n}\n .pm-root{\n animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n display: flex;\n align-items: center;\n justify-content:space-between;\n flex-direction: row;\n height: 100%;\n background: #fff;\n\n }\n .pm-tag{\n \tbackground-color:orange;\n color:white;\n writing-mode: tb-rl;\n transform: rotate(-180deg);\n\tmargin:0;\n width:25px;\n height:100%;\n text-align:center;\n font-family: 'Raleway', sans-serif;\n font-weight:700;\n display:flex;\n justify-content:center;\n align-items:center;\n cursor:pointer;\n }\n .main-container{\n \twidth:85%;\n }\n .pm-title{\n \ttext-align:left;\n align-self:flex-start;\n font-family: 'Raleway', sans-serif;\n font-size:calc(19px + 1.4vw);\n font-weight:900;\n margin-top:8vh;\n color:#222831;\n }\n .pm-subtitle{\n \ttext-align:left;\n align-self:flex-start;\n font-family: 'Raleway', sans-serif;\n font-size:calc(13px + 1vw);\n font-weight:300;\n margin-top:0;\n color:#616164;\n line-height:1.2em;\n }\n .pm-root button{\n \tfont-size:calc(11px + 1vw);\n text-transform:uppercase;\n color:white;\n background: linear-gradient(254deg, rgba(25,69,189,1) 0%, rgba(10,37,113,1) 100%);\n border:none;\n cursor:pointer;\n width:80%;\n padding:4vh 2vw;\n margin-top:5vh;\n border-radius:100px;\n font-family: 'Raleway', sans-serif;\n font-weight:700;\n }\n @media only screen and (max-width: 349px) {\n \n }\n \n</style>\n\n<div class=\"pm-root\">\n <p class=\"pm-tag perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"0\">FAIRE UN DEVIS</p>\n <div class=\"main-container\">\n <p class=\"pm-title\">Besoin d’un devis ?</p>\n\t<p class=\"pm-subtitle\">Notre service commercial s'efforcera de répondre efficacement à votre demande dans les meilleurs délais.</p>\n\t<button class=\"perfmaker-action\" data-onclick=\"HIDE_SIDEBAR\" data-url=\"https://www.bernard.fr/services/contactez-nous_cms_000050.html?devis#0\">Faire un devis</button>\n </div>\n</div>","name":"Scène close B","notBlocking":null}],"transitions":[[{"__typename":"ScenarioTransitions","actionType":"CLOSE_BUTTON_TRANSITION","closeBefore":false,"data":null,"nextStage":1}],[{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":0}]]}
