{"archived":0,"globalCss":null,"mainStage":0,"name":"Historique de navigation","stages":[{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":false,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","right":"calc(50% - 137px)","top":"-2px"},"coverStyle":{"opacity":".6","transition":"opacity .5s linear","background-color":"transparent"},"iframeStyle":{},"wrapperClose":{"transition":"all .4s linear","bottom":"-100%"},"wrapperHidden":{"width":"100vw","height":"225px","bottom":"-100%","right":"calc(50% - 50vw)"},"wrapperOpen":{"transition":"all .4s linear","bottom":"0"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n\n width:40px;\n height: 40px;\n cursor: pointer;\n background-color:transparent;\n border-radius: 0 10px 10px 0;\n }\n .line{\n position: absolute;\n background-color:#274437;\n width: 15px;\n height: 2px;\n transition: All ease .3s;\n border-radius: 100px;\n }\n .lines:hover .line1{\n transform: rotate(0deg);\n height:2px;\n }\n .lines:hover .line2{\n transform: rotate(0deg);\n height:2px;\n }\n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n\n \t\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>\n","htmlContent":"<style>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');\n \n @media screen \n and (max-device-width: 480px) \n { \n \n .box-produits{\n overflow-x: auto !important;\n overflow-y: initial !important;\n flex-wrap: initial !important;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n border-radius: 0 !important;\n \t}\n \n .slider {\n width: 100vw !important;\n }\n .produits{\n scroll-snap-align: center;\n }\n \n }\n \n .pm-root{\n height:100%;\n width:100%;\n display:flex;\n flex-direction:column;\n align-items:center;\n font-family: 'Open Sans', sans-serif;\n \toverflow:hidden;\n background-color:transparent;\n }\n \n .titre{\n \tfont-weight:800;\n padding:5px 0 5px 0;\n width:350px;\n border-radius:20px 20px 0 0;\n display:flex;\n justify-content:center;\n background-color:#40E29C;\n color:#274437;\n text-transform: uppercase;\n font-size:15px;\n\n }\n \n .slider {\n overflow: hidden;\n height: 100%;\n }\n \n .box-produits {\n border-radius:20px 20px 0 0;\n \tdisplay:flex;\n flex-direction:row;\n height:100%;\n\tposition:relative;\n align-items:flex-start;\n \tjustify-content:flex-start;\n background-color:#274437;\n padding:0 50px 0 50px;\n flex-wrap: nowrap;\n overflow: scroll;\n max-width:100vw;\n }\n \n .produits{\n position: relative;\n display: flex;\n flex-direction: column;\n box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;\n padding: 10px;\n margin: 20px 10px;\n width:300px;\n height: calc(100% - 60px);\n background-color: #FFFFFF;\n border-radius: 10px;\n min-width: 300px;\n }\n .produits:hover{\n box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px;\n }\n .produits img{\n height: 100%;\n object-fit: contain;\n width:35%;\n \n }\n \n .titreproduit{\n text-align:left;\n line-height:1.2em;\n margin: 20px 0 5px 0;\n max-width: 100%;\n font-weight: 400;\n overflow: hidden;\n\twidth:100%;\n color:#000000;\n font-size:calc(10px + 1vh);\n }\n \n .prix{\n font-size: calc(8px + 1vh);\n \tcolor:#000000;\n font-weight:400;\n text-align:left;\n margin: 10px 0;\n }\n \n .prix span{\n font-size: calc(10px + 1vh);\n \tcolor:#000000;\n font-weight:700;\n text-align:left;\n }\n .ordre{\n \tdisplay:flex;\n flex-direction:column;\n width:60%;\n }\n \n \n a {\n text-decoration:none;\n color:#000;\n cursor:pointer;\n height:100%;\n width:100%;\n display:flex;\n flex-direction:row;\n gap :5%;\n justify-content:center;\n align-items:center;\n }\n \n \n .marqueproduit{\n text-align:left;\n max-width: 100%;\n\twidth:100%;\n margin:0;\n line-height:1;\n overflow: hidden;\n font-weight:600;\n font-size:calc(12px + 1vh);\n \n }\n \n .best-price {\n position: absolute;\n right: 0;\n top: 0;\n padding: 5px;\n background-color: #40E29C;\n color: #274437;\n font-size: calc(10px + 1vh);\n font-weight: 700;\n border-top-right-radius: 10px;\n }\n \n .button {\n border: 0;\n background-color: #274437;\n border-radius: 5px;\n color: #fff;\n padding: 7px 0;\n width: 80%;\n cursor: pointer;\n }\n \n</style>\n\n<div class=\"pm-root\">\n <div class=\"titre\">Vos dernières consultations </div>\n \n <div class=\"slider\">\n \n <div class=\"perfmaker-for box-produits\" data-key=\"BASKET_HISTORICS.historique\" data-varname=\"historique\">\n <div class=\"produits\">\n <a class=\"perfmaker-action perfmaker-data\" data-onclick=\"KEEP_SIDEBAR_OPEN\" data-target=\"_blank\" target=\"_blank\" data-url=\"${historique.link}\">\n\n <div class=\"best-price\">MEILLEUR PRIX</div>\n\n <img class=\"perfmaker-data\" src=\"https://img.perfmaker.net/1164/1677853122_historique.jpg\" data-attribute-src=\"${historique.product_image}\" >\n <div class=\"ordre\">\n\n <!--titre du produit-->\n <div class=\"titreproduit perfmaker-data\" data-key=\"historique.product_destination\">Baléares - Minorque</div>\n <!--marque du produit-->\n <div class=\"marqueproduit perfmaker-data\" data-key=\"historique.product_name\">Menorca Experimental</div> \n <!--prix-->\n <div class=\"prix\">À PARTIR DE <span class=\"perfmaker-data\" data-key=\"historique.product_price\">467€* /PRS</span></div>\n <button class=\"perfmaker-action perfmaker-data button\" >Découvrir</button>\n </div>\n </a>\n </div>\n \n \n\n </div>\n </div>","name":"SideBox","notBlocking":false},{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":false,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"display":"none"},"coverStyle":{"display":"none"},"iframeStyle":{},"wrapperClose":{"bottom":"-100%"},"wrapperHidden":{"width":"400px","height":"35px","bottom":"-100%","right":"calc(50% - 200px)"},"wrapperOpen":{"bottom":"0"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n\n width:40px;\n height: 40px;\n cursor: pointer;\n background-color:#ED1D24;\n border-radius: 0 10px 10px 0;\n }\n .line{\n position: absolute;\n background-color:white;\n width: 20px;\n height: 2px;\n transition: All ease .3s;\n border-radius: 100px;\n }\n .lines:hover .line1{\n transform: rotate(0deg);\n height:2px;\n }\n .lines:hover .line2{\n transform: rotate(0deg);\n height:2px;\n }\n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n.perfmaker-sidebar {\n z-index:90 !important;\n }\n \n \t\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>\n","htmlContent":"<style>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');\n \n .pm-root{\n height:100%;\n width:100%;\n background-color:#40E29C;\n display:flex;\n flex-direction:column;\n justify-content:center;\n align-items:center;\n font-family: 'Open Sans', sans-serif;\n\tborder-radius: 20px 20px 0 0;\n cursor: pointer;\n }\n .texte{\n width:auto;\n font-size:15px;\n text-align:center;\n color:#274437;\n text-transform:uppercase;\n font-weight:800;\n }\n \n .lines{\n position: absolute;\n right: 15px;\n width: 18px;\n height: 18px;\n border-radius:100px;\n cursor: pointer;\n background:none;\n display:flex;\n align-items:center;\n justify-content:center;\n border:none;\n position:absolute;\n top:8px;\n right:12px;\n }\n .line{\n position: absolute;\n background:#274437;\n width: 15px;\n height: 2px;\n transition: All ease .3s;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n</style>\n\n<div class=\"pm-root perfmaker-action\" data-next=\"0\" data-onclick=\"NEXT_STAGE\">\n\n <div class=\"texte\">Vos dernières consultations </div>\n <button class=\"lines fermeture perfmaker-action\" data-onclick=\"DISMISS_CAMPAIGN\" data-name=\"Fermeture\" data-url=\"\">\n <div class=\"line1 line\"></div>\n <div class=\"line2 line\"></div>\n</button>\n \n </div>\n\n\n\n\n\n\n\n\n","name":"BubbleBox","notBlocking":false}],"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}]]}
